/*********************************************************************************************************************
레이아웃 영역 시작 - 헤더 / 푸터 / 컨테이너 / 윙배너
*********************************************************************************************************************/
/* 헤더 시작 */
#header {background-color:#FFF}
#header .header_mid {position:relative; height:130px; margin:0 auto; width:1180px}
#header .header_mid:after {content:"";clear:both;display:block}
#header .header_mid > .logo {position:absolute;top:50%;left:50%; transform:translate(-50%, -50%); max-width:265px !important; max-height:65px;}
#header .header_mid > .logo img {display:block; width:100%; height:100%;}
#header .header_mid .header_left {float:left;}
#header .header_mid .header_left:after {content:"";clear:both;display:block}
#header .header_mid .header_left .logo {width:100px; float:left; margin:89px 20px 0 0;}
#header .header_mid .header_left .logo img {width:100%;}
#header .header_mid .header_left .date {float:left; font-size:13px; color:#999; font-weight:300; margin:100px 17px 0 0;}
#header .header_mid .header_left .weather {float:left; font-size:13px; color:#333; font-weight:500; margin:100px 0 0 0;}
#header .header_mid .header_right {float:right;}
#header .header_mid .header_right .util ul:after {content:''; clear:both; display:block;}
#header .header_mid .header_right .util ul li {float:left; margin:100px 10px 0 0;}
#header .header_mid .header_right .util ul li a {font-size:13px; color:#999; }
#header .header_mid .header_right .util ul li.member a {color:#333;}
#header .header_mid .head_section_title {position:absolute;top:50%;left:50%; transform:translate(-50%, -50%);  text-align:center; color:#666; font-weight:600; font-size:39px;}

#header.header_article_view.active .header_mid > .logo {display:block !important; transform: translate(0, -50%); left:0;}
#header.header_article_view.active .header_mid > .logo img {width:35px;}
#header.header_article_view.active .header_mid .header_left .date {display:none;}
#header.header_article_view .header_mid .head_section_title {display:none;}
#header.header_article_view.active .header_mid .head_section_title {display:block; left:65px;}

#header .header_bottom > .inner {position:relative;margin:0 auto;width:1180px; border-top:1px solid #ddd; border-bottom:2px solid #333;}
#header .header_bottom > .inner:after {content:"";clear:both;display:block}
#header .header_bottom > .inner .total_menu_btn {float:left; padding:13px 16px 13px 0; height:46px; cursor:pointer;}
#header .header_bottom > .inner .total_menu_btn .bar1, 
#header .header_bottom > .inner .total_menu_btn .bar2, 
#header .header_bottom > .inner .total_menu_btn .bar3 {margin:4px 0;width:15px;height:2px;background-color:#333;transition:0.4s}
#header .header_bottom > .inner .change .bar1 {-webkit-transform:rotate(-46deg) translate(-4px, 5px);transform:rotate(-46deg) translate(-4px, 5px)}
#header .header_bottom > .inner .change .bar2 {opacity:0}
#header .header_bottom > .inner .change .bar3 {-webkit-transform:rotate(45deg) translate(-4px, -4px);transform:rotate(45deg) translate(-4px, -4px)}

#header .header_bottom > .inner .search {position:relative; float:left; height:46px; width:195px;}
#header .header_bottom > .inner .search input[type="text"] {float:left;padding:0 5px;display:block;width:155px; margin-right:6px; height:46px;color:#000;font-weight:300;letter-spacing:0em;border:0;background-color:transparent}
#header .header_bottom > .inner .search input[type="text"]:focus {outline:none}
#header .header_bottom > .inner .search input[type="text"]::-webkit-input-placeholder {color:#d1d1d1;font-weight:100;}
#header .header_bottom > .inner .search input[type="text"]::-ms-input-placeholder {color:#d1d1d1}
#header .header_bottom > .inner .search input[type="text"]::placeholder {color:#d1d1d1}
#header .header_bottom > .inner .search .search_btn {float:left;display:block;width:30px;height:46px;line-height:46px;text-align:center;cursor:pointer}
#header .header_bottom > .inner .search .search_btn img {margin-top:16px}
#header .header_bottom > .inner .search.on {background:#efefef;}
#header .header_bottom > .inner .search.on form {display:block;}
#header .header_bottom > .inner .search form {display:none;}
#header .header_bottom > .inner .search form:after {content:''; clear:both; display:block;}
#header .header_bottom > .inner .search .search_open {display:inline-block; padding-top:16px; cursor:pointer;}
#header .header_bottom > .inner .search.on .search_open {display:none;}

#header .header_bottom > .inner .gnb {position:relative;float:left; width: 740px; height:46px; overflow: hidden; text-align: center;}
#header .header_bottom > .inner .gnb:after {content:"";clear:both;display:block}
#header .header_bottom > .inner .gnb > li {display: inline-block; padding:0 12px;}
#header .header_bottom > .inner .gnb > li:first-child{margin-left:0;}
#header .header_bottom > .inner .gnb > li > a {display:block;line-height:46px;color:#111;font-size:17px;letter-spacing:-0.05em}
#header .header_bottom > .inner .gnb > li .depth2_wrap {position:absolute;left:15px;bottom:-50px;display:none}
#header .header_bottom > .inner .gnb > li .depth2_wrap .inner {min-width:800px;}
#header .header_bottom > .inner .gnb > li .depth2_wrap .title {display:none;}
#header .header_bottom > .inner .gnb > li .depth2_wrap .menu ul:after {content:"";clear:both;display:block}
#header .header_bottom > .inner .gnb > li .depth2_wrap .menu ul li {float:left;padding:0 15px}
#header .header_bottom > .inner .gnb > li .depth2_wrap .menu ul li:first-child {padding:0 15px 0 0;}
#header .header_bottom > .inner .gnb > li .depth2_wrap .menu ul li a {display:block;line-height:50px;font-size:17px;letter-spacing:-0.05em; color:#000;}
#header .header_bottom > .inner .gnb > li .depth2_wrap .menu ul li a:hover {color:#000; font-weight:500;}

.gnb_space {height:40px; display:none;}
.gnb_space.on {display:block;}

#header .header_bottom > .inner .sns_list {float:right;}
#header .header_bottom > .inner .sns_list ul li {display:inline-block; padding-top:12px; margin-left:4px;}

#header .header_bottom .total_menu_wrap {display:none;position:absolute;padding:25px 0;background:#FFF;width:100%;box-shadow:1px 3px 15px 1px rgba(0,0,0,0.1);z-index:90}
#header .header_bottom .total_menu_wrap > .inner {margin:0 auto;padding:0 10px;padding-left:45px;width:1180px}
#header .header_bottom .total_menu_wrap > .inner:after {content:"";clear:both;display:block}
#header .header_bottom .total_menu_wrap > .inner > ul:after {content:"";clear:both;display:block}
#header .header_bottom .total_menu_wrap > .inner > ul > li:after {content:"";clear:both;display:block}
#header .header_bottom .total_menu_wrap > .inner > ul > li > ul:after {content:"";clear:both;display:block}
#header .header_bottom .total_menu_wrap > .inner > ul > li > p {float:left;width:130px}
#header .header_bottom .total_menu_wrap > .inner > ul > li > p > a {display:block;font-size:17px;line-height:34px; color:#000;}
#header .header_bottom .total_menu_wrap > .inner > ul > li > ul > li {float:left;margin-right:20px}
#header .header_bottom .total_menu_wrap > .inner > ul > li > ul > li a {display:block;font-size:17px;line-height:34px;color:#5B5B5B}

#header.active {position:fixed; top:0; left:0; width:100%; z-index:100; border-bottom:1px solid #333;}
#header.active .header_bottom {display:block;}
#header.active .header_mid {height:70px;}
#header.active .header_mid .header_left .date {margin:30px 20px 0 0;}
#header.active .header_mid .header_left .weather {margin:30px 0 0 0;}
#header.active .header_mid .header_right .util{padding-top:12px;}
#header.active .header_mid .header_right .util ul li {margin:16px 10px 0 0;}
#header.active .header_mid .head_section_title {font-size:25px;}
/* 헤더 끝 */

/* 사이트맵 시작 */
.sitemap > ul {margin:0 -10px; padding:37px 0 2px 0; display:flex; flex-wrap:wrap;}
.sitemap > ul:after {content:''; clear:both; display:block;}
.sitemap > ul > li {flex-basis:200px; padding:0 10px; margin-bottom:35px; }
.sitemap > ul > li > p >a {display:block; color:#666; font-size:14px; font-weight:500; margin-bottom:10px;}
.sitemap > ul > li > ul > li > a {display:block; color:#999; font-size:14px; font-weight:300; margin-bottom:10px;}
.sitemap > ul > li > ul > li:last-child > a {margin-bottom:0;}
/* 사이트맵 끝 */

/* 파트너 시작 */
.partner_news ul:after {content:''; clear:both; display:block;}
.partner_news ul {margin:0 -10px; display:flex;}
.partner_news ul li {display:flex; align-items:center; justify-content: center; flex-basis:11.111%;  height:60px; line-height:60px; padding:0 10px;}
.partner_news ul li img {vertical-align: middle;}
/* 파트너 끝 */

/* 푸터 시작*/
#footer {border-top:1px solid #e0e0e0;}
#footer .inner {margin:0 auto;padding:30px 0 30px;width:1180px}
#footer .inner:after {content:"";clear:both;display:block}
#footer .inner .f_logo {margin-right:120px;margin-top:70px; float:left; max-width:180px; max-height:65px;}
#footer .inner .f_logo img {display:block; width:100%; height:100%;}
#footer .inner .info {float:left;}
#footer .inner .info .services:after {content:"";clear:both;display:block}
#footer .inner .info .services li {float:left; margin-bottom:20px; padding-right:26px; line-height:25px;}    
#footer .inner .info .services li:last-child {padding-right:0;}
#footer .inner .info .services li a {color:#666; font-size:15px; letter-spacing:-0.05em}
#footer .inner .info .company_info {font-size:14px; font-weight:400; line-height:27px;color:#b3b3b3; font-weight:300;}
#footer .inner .info .copyright {font-size:14px; font-weight:400; line-height:27px; color:#b3b3b3; font-weight:300;}
#footer .inner .powered {clear:both; text-align:right; padding-top:30px;}
/* 푸터 끝 */

/* 컨테이너 시작 */
#container .inner {margin:0 auto;width:1180px}
#footer_site_map .inner {margin:0 auto;width:1180px}
#container .inner:after {content:"";clear:both;display:block}
#container .inner .headline {width:100%}
#container .inner .section {float:left;width:890px; padding-right:20px; border-right:1px solid #eee;}
#container .inner .section:after {content:"";clear:both;display:block}
#container .inner .section > h2 {padding-bottom:20px;font-size:32px}
#container .inner .aside {float:left;width:291px; padding-left:20px; border-left:1px solid #eee; margin-left:-1px;}
.inner .left_area {float:left;width:50%;}
.inner .left_area.w_580 {width:580px;}
.inner .left_area.w_530 {width:530px;}
.inner .left_area:after {content:"";clear:both;display:block}
.inner .right_area {float:right;width:50%;}
.inner .right_area.w_250 {width:250px;}
.inner .right_area.w_270 {width:270px;}
.inner .right_area:after {content:"";clear:both;display:block}
.section_title {font-size:24px; font-weight:600; color:#111;}
.section_area {margin:0 -10px;}
.section_area:after {content:''; clear:both; display:block;}
.section_area > div {float:left; padding:0 10px;}
.section_area > .col_3 {width:25%;}

.left_bg_area {position:relative;}
.left_bg_area > .box_wrap {/*position:absolute; top:0; right:0; width:9999px;*/ margin-left:-9999px; margin-right: -20px; background:#f5f5f5;}
.left_bg_area > .box_wrap:after {content:""; clear:both; display:block;}
.left_bg_area > .box_wrap > .box {float:right; width:869px;}


/* 컨테이너 끝 */

/* 윙배너 시작 */
.wing_banner {position:absolute;width:1180px}
.wing_banner .wb_left {position:absolute; left:-320px; width:300px;}
.wing_banner .wb_right {position:absolute; right:-320px; width:300px;}
/* 윙배너 끝 */
/*********************************************************************************************************************
레이아웃 영역 끝 - 헤더 / 푸터 / 컨테이너 / 윙배너
**********************************************************************************************************************/
/*********************************************************************************************************************
기사 상세 시작
**********************************************************************************************************************/
.article_view {position:relative}
.article_head {border-top:1px solid #d7d7d7; border-bottom:1px solid #eee; padding:45px 0 17px; margin-bottom:15px;}
.article_head .title {font-size:39px; font-weight:600; line-height:42px; color:#000; margin-bottom:20px;}
.article_head .util_box {position:relative;}
.article_head .util_box:after {content:''; clear:both; display:block;}
.article_head .util_box .byline {float:left; margin-top:10px; font-size:14px; line-height:30px; font-weight:300;}
.article_head .util_box .byline .writer {color:#666;}
.article_head .util_box .byline .email {color:#666;}
.article_head .util_box .byline .date {color:#999;}
.article_head .util_box .tools {float:right;}
.article_head .util_box .tools .sns {display:inline-block;}
.article_head .util_box .tools .sns:after {content:''; clear:both; display:block;}
.article_head .util_box .tools .sns li {float:left; margin-left:5px;  cursor:pointer;}
.article_head .util_box .tools .btns {display:inline-block; margin-left:16px;}
.article_head .util_box .tools .btns:after {content:''; clear:both; display:block;}
.article_head .util_box .tools .btns li {float:left; width:35px; height:35px; border:1px solid #eee; text-align:center; line-height:33px; margin-left:-1px; color:#666; cursor:pointer;}
.article_head .util_box .tools .btns li.bookmark {background:url(/assets/images/common/icon_bookmark.png) center center no-repeat;}
.article_head .util_box .tools .btns li.scrap {background:url(/assets/images/common/icon_scrap.png) center center no-repeat;}
.article_head .util_box .tools .btns li.print {background:url(/assets/images/common/icon_print.png) center center no-repeat;}
.article_head .util_box .tools .btns li.share {background:url(/assets/images/common/icon_sns.png) center center no-repeat;}
.article_head .util_box .tools .btns li.font_up {font-size:20px; font-weight:600;}
.article_head .util_box .tools .btns li.font_down {font-size:15px; margin-left:20px;}

.article_head .share_tools {display:none;position:absolute;right:0;top:52px;width:330px;padding:24px 17px;border:1px solid #D7D7D7;background-color:#FFF;z-index:80}
.article_head .share_tools .lists {margin-bottom:9px}
.article_head .share_tools .lists:after {content:"";clear:both;display:block}
.article_head .share_tools .lists li {float:left;width:73px;text-align:center; margin-bottom:15px;}
.article_head .share_tools .lists li a img {margin-bottom:10px;}
.article_head .share_tools .lists li a span {display:block;font-size:13px; color:#000;}
.article_head .share_tools .lists li:first-child {margin-left:0}
.article_head .share_tools .url_copy:after {content:"";clear:both;display:block}
.article_head .share_tools .url_copy input[type="text"] {float:left;padding:0 5px;width:75%;height:25px;font-size:13px;color:#ACACAC;letter-spacing:0em;font-weight:300;line-height:23px;border:1px solid #EBEBEB}
.article_head .share_tools .url_copy span {float:left;display:block;width:25%;height:25px;font-size:13px;line-height:23px;letter-spacing:0em;border:1px solid #EBEBEB;border-left:0;text-align:center}
.article_view.v2 .article_content {padding:0 100px;}
.article_view .article_content {font-weight:300; font-size:18px; line-height:1.8em;}
.article_view .article_content .subtitle {border-left:4px solid #111; padding-left:20px; font-size:20px; line-height:1.7em; color:#111; margin-bottom:1.7em;}
.article_view .article_content p {text-align:justify; font-size:18px; line-height:1.8em; margin-bottom:1.7em; word-break:keep-all; letter-spacing:0;}
.article_view .article_content figure {padding:0; margin:0 auto; max-width:100%; margin-bottom:1.7em;}
.article_view .article_content figure img {width:100%;}
.article_view .article_content figure.img_left {float: left;margin: 10px 24px 24px 0; }
.article_view .article_content figure.img_right {float: right;  margin: 10px 0 24px 24px; }
.article_view .article_content figure figcaption {max-width: 100%;font-size: 13px;color: #888;display: block;line-height: 17px;padding: 10px;background-color: #F2F2F2;}

.article_view .all_article_list {display:inline-block; border:1px solid #8688a9; color:#000; font-size:16px; line-height:18px; padding:4px 20px 6px;}
.article_view .copyright {font-size:15px; color:#888; font-weight:300; margin:13px 0 0 0;}
.article_view .footer_byline {margin-top:45px;}
.article_view .footer_byline .name {font-size:14px; color:#333;}
.article_view .footer_byline .email {font-size:14px; color:#999;}

.article_content .tag {margin-bottom:10px; margin-top:50px;}
.article_content .tag:after {content:'';  display:block; clear:both;}
.article_content .tag > img {float:left; margin-right:12px; margin-top:3px;}
.article_content .tag > ul {float:left; vertical-align:baseline;}
.article_content .tag > ul li {display:inline-block; margin-right:11px; margin-bottom:10px; line-height:30px; padding:0 8px; border:none; font-size:14px; background-color:#f5f5f5;}
.article_content .tag > ul li a {color:#2476ff;}

.page_more {text-align:center; padding:24px 0 50px;}
.page_more a {display:inline-block; color:#333; font-size:14px; font-weight:500; vertical-align: middle;}
.page_more a img {vertical-align: middle; margin-left:4px;}

.chn_box {padding:40px 0; border-bottom:1px solid #eee;}
.chn_box:after {content:''; clear:both; display:block;}
.chn_box > div:first-child:after {content:''; position:absolute; top:7px; right:0; height:15px; width:1px; background:#ddd;}
.chn_box > div {position:relative; width: 50%; float: left; text-align:center; }
.chn_box > div a {font-size: 20px; font-weight: 500; line-height: 28px; color:#111; }
.chn_box > div a span {display: inline-block; width: 60px; height: 25px; color:#999; border: 1px solid #ddd; border-radius:12px; text-align: center; line-height: 23px; font-size: 14px; font-weight: 500; margin-left: 15px;}
.chn_box > div a span:hover {background-color: #473938; color: #fff; border: 1px solid #473938;}
/*********************************************************************************************************************
기사 상세 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
댓글 시작
**********************************************************************************************************************/
.comment_wrap .count {font-size:17px; margin:0 0 15px 0;}
.comment_wrap .count span {color:#ff0000; font-weight:600;}
.comment_wrap .comment_write {width:100%; margin-bottom:40px;}
.comment_wrap .comment_write:after {content:''; clear:both; display:block;}
.comment_wrap .comment_write textarea {float:left; width:790px; height:110px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.comment_wrap .comment_write .comment_btn {float:right; width:100px; height:110px; border:1px solid #3c5fab; color:#3c5fab; font-size:15px; line-height:108px; text-align:center;}
.comment_wrap .orderby {padding-bottom:10px; border-bottom:1px solid #ebebeb;}
.comment_wrap .orderby ul:after {content:''; clear:both; display:block;}
.comment_wrap .orderby ul li {float:left; font-size:17px; color:#777; margin-right:10px;}
.comment_wrap .orderby ul li.on {color:#3c5fab;}
.comment_wrap .comment_list .comment_top {height:30px; margin-top:20px; margin-bottom:10px;}
.comment_wrap .comment_list .comment_top:after {content:''; clear:both; display:block;}
.comment_wrap .comment_list .comment .name {float:left; line-height:30px; font-size:17px; color:#000; margin-right:20px;}
.comment_wrap .comment_list .comment .date {float:left; line-height:30px; font-size:13px; color:#aaa; margin-right:20px;}
.comment_wrap .comment_list .comment .report {float:left; line-height:30px; font-size:13px; color:#aaa;}

.comment_wrap .comment_list .comment .recommend {float:right;}
.comment_wrap .comment_list .comment .recommend a {display:inline-block; color:#000; border:1px solid #d7d7d7; height:30px; line-height:28px; font-size:15px; font-weight:300; text-align:center; padding-left:36px; padding-right:11px;}
.comment_wrap .comment_list .comment .recommend a.cmt_up {  background:url(/assets/images/common/icon_cmt_up.png) 10px 50% no-repeat;}
.comment_wrap .comment_list .comment .recommend a.cmt_up:hover {color:#1b75bc;}
.comment_wrap .comment_list .comment .recommend a.cmt_down {background:url(/assets/images/common/icon_cmt_down.png) 10px 50% no-repeat;}
.comment_wrap .comment_list .comment .recommend a.cmt_down:hover {color:#f44336;}

.comment_wrap .comment_list .comment .comment_txt {font-size:15px; color:#000; line-height:23px; min-height:100px; padding-bottom:20px; border-bottom:1px solid #ebebeb;}
.comment_wrap .comment_more {text-align:right; font-size:15px; font-weight:300; color:#777; margin-top:17px; margin-bottom:30px;}
.comment_wrap .comment_more strong {color:#000; font-weight:600;}

/*********************************************************************************************************************
댓글 끝
**********************************************************************************************************************/

/*********************************************************************************************************************
기사 리스트 시작
**********************************************************************************************************************/
.top_title {border-top:1px solid #d7d7d7; padding-top:33px; font-size:24px; color:#000; margin-bottom:20px; font-weight:400;}
.section_subtitle {font-size:24px; color:#000; font-weight:400;}
/*********************************************************************************************************************
기사 리스트 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
페이지네이션 시작
**********************************************************************************************************************/
.pagination_wrap {margin:30px auto 50px; text-align: center;}
.pagination {display:inline-block;  }
.pagination:after {content:''; clear:both; display:block;}
.pagination li {float:left; margin:0 5px;padding:0 !important;}
.pagination li a {width:24px; height:24px; display:block; text-align:center; line-height:24px; font-size:14px;color:#333;font-weight:400; }
.pagination li.begin {background:url(/assets/images/common/page_begin.png) 50% 50% no-repeat; font-size:0; text-indent:-9999px; margin:0 1px;}
.pagination li.prev {background:url(/assets/images/common/page_prev.png) 50% 50% no-repeat; font-size:0; text-indent:-9999px; margin:0 1px;}
.pagination li.next {background:url(/assets/images/common/page_next.png) 50% 50% no-repeat; font-size:0; text-indent:-9999px; margin:0 1px;}
.pagination li.last {background:url(/assets/images/common/page_last.png) 50% 50% no-repeat; font-size:0; text-indent:-9999px; margin:0 1px;}
.pagination li.active a {color:#fff; background:#333}
/*********************************************************************************************************************
페이지네이션 끝
**********************************************************************************************************************/


/*********************************************************************************************************************
기사제보 시작
**********************************************************************************************************************/
.report h2.title {border-top:1px solid #d7d7d7; padding-top:48px; font-size:30px; color:#222; margin-bottom:25px; font-weight:400;}
.report h3.subtitle {font-size:15px; line-height:25px; color:#777; font-weight:300;}
.report .report_form {border:1px solid #ebebeb; margin:40px 0 0 0; padding:45px 80px 45px 55px;}
.report .privacy_title {margin:53px 0 17px 0; font-size:20px; color:#222;}
.report .privacy_box {padding:36px 32px; border:1px solid #d7d7d7; font-size:15px; line-height:25px; color:#222; height:250px; overflow-y:auto;}
.report .privacy_agree {margin:18px 0 18px; font-size:15px; color:#222; line-height:20px;}
.report .privacy_btns {margin:64px 0 30px 0; text-align:center;}
.report .privacy_btns .btn_submit {display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#3c5fab; border:0; margin:0 3px; cursor:pointer;}
.report .privacy_btns .btn_cancel {display:inline-block; width:120px; height:40px; line-height:38px; border:1px solid #d7d7d7; text-align:center; font-size:16px; background:#fff; color:#000; margin:0 3px; cursor:pointer;}
/*********************************************************************************************************************
기사제보 끝
**********************************************************************************************************************/

/*********************************************************************************************************************
이 시각 주요뉴스, 속보 시작
**********************************************************************************************************************/
.now_news {float:left;}
.now_news h2 {float:left; font-size:14px; color:#111; font-weight:600; line-height:45px; margin-right:10px; }
.now_news > div {float:left; height:45px; overflow:hidden; width:500px;}
.now_news ul li {font-size:14px; color:#666; font-weight:400; line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.now_news ul li a {color:#666;} 

.quick_news {float:right;}
.quick_news h2 {float:left; font-size:14px; color:#e60012; font-weight:600; line-height:45px; margin-right:10px; }
.quick_news > div {float:left; height:45px; overflow:hidden; width:400px;}
.quick_news ul li {font-size:14px; color:#666; font-weight:400; line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.quick_news ul li a {color:#666;} 
/*********************************************************************************************************************
이 시각 주요뉴스, 속보 끝
**********************************************************************************************************************/


/* 나눔의기적, 이웃사랑 시작 */
.donation {width:100%;}
.donation .top {position:relative; margin-bottom:10px;}
.donation .top h2 a {font-size:19px; font-weight:500; color:#333; vertical-align: top;}
.donation .top h2 a span {color:#e60012;}
.donation .top .more {font-size:12px; color:#999; position:absolute; top:9px; right:0;}
.donation .top .more a {color:#999;}
.donation .box {background:#fff; padding:16px;}
.donation .box > h2 {color:#333; font-size:15px; font-weight:500; margin-bottom:5px;}
.donation .box > ul > li {font-size:14px; margin-bottom:4px; line-height:21px; max-height:42px; overflow:hidden; color:#333;}
.donation .box > ul > li:last-child {margin-bottom:0;}
.donation .box > ul > li a {color:#999; font-size:14px;}
.donation .box > ul > li:before {content:'·'; color:#333; }
.donation .box .count {margin-top:10px; padding:10px 15px 0 15px; background:#f5f5f5;}
.donation .box .count ul li {font-size:15px; color:#333; padding-bottom:10px;}
.donation .box .count ul li:after {content:''; display:block; clear:both;}
.donation .box .count ul li .year {float:left; vertical-align:middle;}
.donation .box .count ul li .money {float:right; text-align:right; font-weight:500;}
.donation .box .count ul li .money span {font-size:15px;}
/* 나눔의기적, 이웃사랑 끝 */

/* 회원가입, 로그인, 마이페이지 시작 */
.top_tab {width:100%; text-align:center; color:#fff; font-size:16px; line-height:46px; padding:30px 15px;}
.top_tab > div {float:left; width:50%; height:42px; line-height:42px;}
.top_tab > div a {line-height:42px;}
.top_tab > div.four {width:25%;}
.top_tab .tab_on{background-color:#333; font-weight:bold;}
.top_tab .tab_on a {color:#fff;}
.top_tab .tab_highlight{background-color:#4f4e4e;}
.top_tab .tab_highlight a {color:#fff;}
.top_tab .tab_off{border:1px solid #e1e1e1; margin-left:-1px;}
.top_tab .tab_off a {color:#333; }
.top_tab a {display:block;}
.top_tab:after {content:''; clear:both; display:block;}
a.tab_Alink:link, a.tab_Alink:visited, a.tab_Alink:hover {text-decoration:none;}

.guideline {width:100%; margin:30px auto; padding-bottom:30px;}
.guideline .title {font-weight:bold; font-size: 34px; color: #3a3b3f; margin: 30px 0 30px 0; text-align: center; }
.guideline .stitle {font-size: 14px; color: #3a3b3f; margin:0 0 30px 0; text-align:left;}
.guideline .box { border:1px solid #e4e4e4; overflow:auto; text-align:left; padding:30px; font-size:12px; line-height:150%; letter-spacing:-1px; color:#515151;}
.guideline .box strong {font-size:18px; display:block;}

.member_join {width:100%; margin:30px auto; padding:0 15px 30px; clear:both;}
.member_join .title {font-weight:bold; font-size: 34px; color: #3a3b3f; margin: 30px 0 30px 0; text-align: center; clear:both;}
.member_join .s_title {font-size:16px; color:#676b77; padding:0 0 10px 0;}
.member_join .step1 {border:1px solid #e1e1e1; background-color:#f9f9f9; padding:40px; font-size:14px;}
.member_join .step1 .jointextarea {width:100%; height:150px; border:1px #dfdfdf solid; margin:0 0 20px 0 ; background:#fff;}
.member_join .step1 .input_box {height:32px; width:200px; border:1px solid #e1e1e1; color:#676b77; font-size:16px; padding:0 10px;}
.member_join .step1 .info_box {padding:10px 0; text-align:center; clear:both;}
.member_join .step1 button {width:130px; height:32px; line-height:30px; background-color:#222222; color:#fff; font-size:16px; text-align:center; border:0; cursor:pointer;} 
.member_join .step1 .alert {padding:10px 0; font-size:12px; color:#999; text-align:center;}
.member_join .step1 .terms {float:left; width:500px; height:300px; background-color:#fff; border:1px solid #e4e4e4; overflow:auto; text-align:left;padding:10px; font-size:12px; font-family:dotum; line-height:150%; letter-spacing:-1px; color:#515151;}
.member_join .step1 .terms strong {font-size:15px;}
.member_join .step1 .policy {float:right; width:500px; height:300px; background-color:#fff; border:1px solid #e4e4e4; overflow:auto; text-align:left;padding:10px; font-size:12px; font-family:dotum; line-height:150%; letter-spacing:-1px; color:#515151;}
.member_join .step1 .is_agree {font-size:12px;}
.member_join .step1 .agree_chk {text-align:right; padding-bottom:10px; padding-top:10px;}
.member_join .step1 .agree_chk.left {width:500px; float:left;}
.member_join .step1 .agree_chk.right {width:500px; float:right;}

.member_join .step2 .box {border:1px solid #e1e1e1; background-color:#f9f9f9; padding:40px; padding-left:60px; font-size:14px;}
.member_join .step2 .input_box {height:32px; width:200px; border:1px solid #e1e1e1; color:#676b77; font-size:16px; padding:0 10px; vertical-align:middle;}
.member_join .step2 .input_box2 {height:32px; width:500px; border:1px solid #e1e1e1; color:#676b77; font-size:16px; padding:0 10px; vertical-align:middle;}
.member_join .step2 .input_box3 {height:32px; width:100px; border:1px solid #e1e1e1; color:#676b77; font-size:16px; padding:0 10px; vertical-align:middle;}
.member_join .step2 .btn_cm {width:110px; height:32px; line-height:32px; background-color:#888; color:#fff; font-size:15px; text-align:center; border:0; cursor:pointer; display:inline-block; vertical-align:middle;} 
.member_join .step2 .btn_cm a {display:block; color:#fff; line-height:32px;}
.member_join .step2 button {width:110px; height:32px; line-height:32px; background-color:#222222; color:#fff; font-size:15px; text-align:center; border:0; cursor:pointer; display:inline-block;} 
.member_join .step2 dl {width:100%;}
.member_join .step2 dl dt {width:140px; float:left; vertical-align:middle; height:50px; line-height:50px; font-size:16px;}
.member_join .step2 dl dd {font-size:16px; vertical-align:middle; height:50px; line-height:50px;}
.member_join .step2 dl dd a {vertical-align:middle; display:inline-block;}

.member_join .step2 tr {width:100%;}
.member_join .step2 tr th {width:140px; text-align:left; vertical-align:middle; height:50px; line-height:50px; font-size:16px; font-weight:normal;}
.member_join .step2 tr td {font-size:16px; vertical-align:middle; height:50px; line-height:50px;}
.member_join .step2 tr td label {display:block;}
.member_join .step2 tr td input {vertical-align:middle;}
.member_join .step2 tr td a {vertical-align:middle; display:inline-block;}

.member_join .btns {margin-top:20px; clear:both;}
.member_join .btns .btn_cm {width:85px; height:28px; line-height:28px; background-color:#222222; color:#fff; font-size:14px; text-align:center; border:0; cursor:pointer; display:inline-block;}
.member_join .btns .btn_cm.bg_red {background-color:#d10e0e;}
.member_join .btns .btn_cm.bg_blue {background-color:#1b1bcd;}
.member_join .btns .btn_cm.bg_gray {background-color:#888;}
.member_join .btns .btn_cm.bg_black {background-color:#222222;}

.member_join .step {width:100%; margin-bottom:30px;}
.member_join .step > div {width:50%; line-height:normal; float:left; background-color:#ddd; font-size:17px; color:#707070; text-align:center; padding:10px 0; letter-spacing:-0.08em;}
.member_join .step > div.step1_icon {background:#ddd url(/assets/images/common/icon_chk.png) 220px 18px no-repeat; background-size:30px;}
.member_join .step > div.step2_icon {background:#ddd url(/assets/images/common/icon_pencle.png) 178px 17px no-repeat; background-size:30px;}
.member_join .step > div.on {background-color:#333; color:#fff; font-weight:bold;}
.member_join .step > div.on.step1_icon {background:#333 url(/assets/images/common/icon_chk_on.png) 220px 18px no-repeat; background-size:30px;}
.member_join .step > div.on.step2_icon {background:#333 url(/assets/images/common/icon_pencle_on.png) 178px 17px no-repeat; background-size:30px;}
.member_join .step > div > div {display:inline-block;}
.member_join .step > div p {font-size:14px; text-align:left; line-height:normal;}
.member_join .step:after {content:''; display:block; clear:both;}

.login_wrap {padding-bottom:30px;}
.login_wrap .title {font-size:24px; color:#3a3b3f; margin:30px 0 20px 0;}
.login_wrap .s_title {font-size:14px; color:#676b77; padding:0 0 10px 0;}
.login_wrap .login .login_top {border:1px solid #e1e1e1; background-color:#f9f9f9; padding:60px 0 60px;} 
.login_wrap .login .login_top:after {content:''; display:block; clear:both;}
.login_wrap .login .login_top .login_idpw {float:left; width:346px;}
.login_wrap .login .login_top .login_idpw input {height:34px; width:100%; border:1px solid #e1e1e1; color:#676b77; font-size:16px; margin-bottom:6px; padding:0 10px;}
.login_wrap .login .login_top .btn_login {float:right; padding:0;}
.login_wrap .login .login_top .btn_login button {width:82px; height:73px; background-color:#222222; color:#fff; font-size:16px; line-height:73px; text-align:center; border:0; cursor:pointer;} 
.login_wrap .login .login_bottom {padding:20px 0 70px;}
.login_wrap .login .login_bottom .btns:after {content:''; display:block; clear:both;}
.login_wrap .login .login_bottom .btns > div {width:210px; height:52px; line-height:50px; background-color:#fff; text-align:center;}
.login_wrap .login .login_bottom .btns > div a {display:block; color:#333; line-height:50px;}
.login_wrap .login .login_bottom .btns .btn_member_join {border:1px solid #000000; float:left;}
.login_wrap .login .login_bottom .btns .btn_member_search {border:1px solid #dddddd;float:right;}
.login_wrap .login .content {margin:0 auto; width:435px;}

.idpw_wrap {margin:30px auto; padding-bottom:30px;}
.idpw_wrap .s_title {font-size:14px; color:#676b77; padding:0 0 10px 0; text-align:left;}
.idpw_wrap .login {border:1px solid #e1e1e1; background-color:#f9f9f9; padding:80px 0 60px;}
.idpw_wrap .login .login_top:after {content:''; display:block; clear:both;}
.idpw_wrap .login .login_top .login_idpw {width:100%; height:140px;}
.idpw_wrap .login .login_top .login_idpw input {height:34px; width:100%; border:1px solid #e1e1e1; color:#676b77; font-size:16px; margin-bottom:6px; padding:0 10px;}
.idpw_wrap .login .login_top .btn_login {float:right; padding:0;}
.idpw_wrap .login .login_top .btn_login button {width:82px; height:73px; background-color:#222222; color:#fff; font-size:16px; line-height:73px; text-align:center; border:0; cursor:pointer;} 
.idpw_wrap .login .btns:after {content:''; display:block; clear:both;}
.idpw_wrap .login .btns button {width:100px; height:32px; line-height:32px; border:0; text-align:center;;background-color:#222222; color:#fff;}
.idpw_wrap .login .content_wrap {margin:0 auto; width:1000px; text-align:center;}
.idpw_wrap .login .content {display:inline-block; padding:0 15px; width:435px;}	
.idpw_wrap .login .content:after {content:''; display:block; clear:both;}
.idpw_wrap .member_split {display:inline-block; height:200px; width:1px; background-color:#e8e8e8;}
.idpw_wrap .find_id h2 {margin:0; padding:0; font-size:14px; font-weight:normal;}
.idpw_wrap .find_id p {font-size:20px; padding:30px 0 30px 0;}
.idpw_wrap .find_pw h2 {margin:0; padding:0; font-size:16px; font-weight:normal; line-height:25px;}
.idpw_wrap .find_pw h2 span {font-weight:bold;}
.idpw_wrap .find_pw p {font-size:16px; line-height:1.4em; padding:30px 0 30px 0;}
.idpw_wrap .member_end h2 {margin:0; padding:0; font-size:20px;}
.idpw_wrap .member_end p {font-size:16px; line-height:1.4em; padding:30px 0 30px 0;}
.idpw_wrap .member_end img {margin:50px 0 50px 20px;}
.idpw_wrap .login .content.find_pw {width:600px;}
.idpw_wrap table {width:400px; margin:40px auto;}
.idpw_wrap tr {width:100%;}
.idpw_wrap tr th {width:140px; text-align:left; vertical-align:middle; height:50px; line-height:50px; font-size:16px; font-weight:normal;}
.idpw_wrap tr td {font-size:16px; vertical-align:middle; height:50px; line-height:50px;}
.idpw_wrap tr td label {display:block;}
.idpw_wrap tr td input {vertical-align:middle;}
.idpw_wrap tr td a {vertical-align:middle; display:inline-block;}
.idpw_wrap .input_box {height:32px; width:200px; border:1px solid #e1e1e1; color:#676b77; font-size:16px; padding:0 10px; vertical-align:middle;}

.myscrap {width:100%; min-height:500px; padding:30px 15px 30px;}
.myscrap .title {font-weight:bold; font-size: 32px; color: #3a3b3f; margin: 30px 0 20px 0; text-align: center; }
.myscrap .myscrap_box {padding:20px 0;}


.member_list {width:100%; min-height:500px; padding:30px 15px 30px;}

.table_list {width:100%; border-top:2px solid #4f4e4e; background-color:#fff; margin:10px 0;}
.table_list th {border-bottom:1px solid #ddd; background-color:#f7f7f7; padding:8px 0; font-size:15px; color:#333;}
.table_list td {border-bottom:1px dotted #ddd; padding:5px; font-size:14px; vertical-align:middle; color:#333; white-space:nowrap;}
.table_list td span {vertical-align:middle;}
.table_list td .btn_cm {width:85px; height:28px; line-height:28px; background-color:#222222; color:#fff; font-size:14px; text-align:center; border:0; cursor:pointer; display:inline-block;}
.table_list td .btn_del {vertical-align:baseline;}
.table_list td.pl_20 {padding-left:20px; white-space:normal;}
.table_list td.pr_20 {padding-right:20px;}
.table_list td.prl {padding:0 30px;}
.table_list td.recommend {padding:0 10px;}

.note-editor.note-frame .note-editing-area .note-editable{height:500px}
.mynow {width:100%; margin:30px auto; padding-bottom:30px;}
.mynow > .title {font-weight:bold; font-size: 34px; color: #3a3b3f; margin: 30px 0 30px 0; text-align: center; }
.mynow .visual_list {min-height:250px;}
.mynow .visual_list ul {margin:0 -10px;}
.mynow .visual_list ul:after {content:''; clear:both; display:block;}
.mynow .visual_list li {width:25%; float:left; padding:0 10px; margin-bottom:20px;}
.mynow .visual_list li .tit {font-size: 16px; color: #333; font-weight:500; padding: 7px 0 6px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mynow .visual_list li .tit a {color:#333;}
.mynow .visual_list li img {width:100%; height:178px; display:block;}
.mynow .visual_list li .date {font-size: 14px; color: #ababab; display: inline-block;}
.mynow .btns {margin-top:40px; clear:both;}
.mynow .btns .btn_cm {width:85px; height:28px; line-height:28px; background-color:#222222; color:#fff; font-size:14px; text-align:center; border:0; cursor:pointer; display:inline-block;}
.mynow .btns .btn_cm.bg_red {background-color:#ed5565;}
.mynow .btns .btn_cm.bg_blue {background-color:#1c84c6;}
.mynow .btns .btn_cm.bg_gray {background-color:#888;}
.mynow .btns .btn_cm.bg_black {background-color:#222222;}
.mynow .btns .btn_cm.bg_white {background-color:#fff; border:1px solid #e7eaec; color:#333; line-height:26px;}
.mynow .article_content {/* width:700px; */ width:100%;}
.mynow .article_content img {width:100%;}
.mynow .view_head {padding:0;}
.mynow .view_head .title {font-size:28px; color:#333; text-align:justify; font-weight:500; margin:0 0 10px 0;}
.mynow .view_head .byline {border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; font-size: 13px; margin: 25px 0 25px 0; color: #888; line-height: 33px; overflow: hidden;}
.mynow .article_content .article_area {font-size: 17px; line-height:1.6em;}
.mynow .article_content .article_area p {margin:1em 0;}
.mynow .inf {border:1px solid #e1e1e1; background-color:#f9f9f9; padding:40px 40px; padding-left:100px; font-size:16px;}
.mynow .is_show.on{ position: absolute;font-size: 1em; color: #eeeeee; background:mediumblue; text-align: right; float: right; padding: 3px 5px;}
.mynow .is_show.off{ position: absolute;font-size: 1em; color: #eeeeee; background:#ff0000; text-align: right; float: right; padding: 3px 5px;}
.mynow div .info {padding:10px 0;}
.mynow div:after {content:''; display:block; clear:both;}
.mynow .inf .tit {vertical-align:middle;  width:130px; font-size:16px;display: inline-block;text-align: left;}
.mynow span input[type=text]  {border:1px solid #e1e1e1; height:32px; line-height:30px; padding:0 10px; width:350px; background:#fff; vertical-align:middle;}
.mynow span textarea {border:1px #eaeaea solid; width:700px; height:185px; padding:10px; vertical-align:mispanle;}
.mynow div.file span {display:inline-block;}
.mynow .import_tip{font-size:12px;padding:3px 15px;margin-top:5px;display:inline-block;vertical-align:middle}

.page {text-align:center; margin-top:15px; margin-bottom:20px;}
.page > a {display:inline-block; width:38px; height:31px; line-height:31px; border:1px solid #d6d6d6; vertical-align:middle; color:#333;}
.page > .paging {display:inline-block; margin:0 5px; vertical-align: middle;}
.page > .paging > a {float:left; width:38px; height:31px; line-height:29px; border:1px solid #d6d6d6; vertical-align:middle; color:#333;}
.page > .paging > a:hover {background-color:#757575; border:0; color:#fff; line-height:31px;}
.page > .paging > a.on {background-color:#757575; border:0; color:#fff; line-height:31px;}
.page > .paging > a+a {border-left:0;}

.layout_cs {font-size:12px; margin: 0 10px 10px 10px;}
.layout_cs > .title {font-weight:500; font-size:34px; color:#3a3b3f; margin:30px 0; text-align:center;}
.layout_cs .inf {border:1px solid #e1e1e1; background-color:#f9f9f9; padding:40px 40px; font-size:16px;}
.layout_cs .inf:after {content:''; display:block; clear:both;}
.layout_cs .inf .policy {height:300px; background-color:#fff; border:1px solid #e4e4e4; overflow:auto; text-align:left;padding:10px; font-size:12px; font-family:dotum; line-height:150%; letter-spacing:-1px; color:#515151;}
.layout_cs .inf .policy1 {height:375px; background-color:#fff; border:1px solid #e4e4e4; overflow:auto; text-align:left;padding:10px; font-size:12px; font-family:dotum; line-height:150%; letter-spacing:-1px; color:#515151;}
.layout_cs .inf > div {float:left; width:50%; padding:20px;}
.layout_cs .inf img{border:none; vertical-align:middle;}
.layout_cs .inf p {padding:10px 0;}
.layout_cs .inf label {vertical-align:middle; display:inline-block;}
.layout_cs .inf span.title {vertical-align:middle; display:inline-block; width:90px; font-size:16px;}
.layout_cs .inf input[type=text]  {border:1px solid #e1e1e1; height:32px; line-height:30px; padding:0 10px; width:350px; background:#fff; vertical-align:middle;}
.layout_cs .inf textarea {border:1px #eaeaea solid; width:350px; height:185px; padding:10px; vertical-align:middle;}
.layout_cs .inf .file span {display:inline-block;}
.layout_cs .inf .file span a {display:inline-block; width:60px; padding:3px 0; margin:3px 0; font-size:12px; text-align:center; background-color:#222; color:#fff;}
.layout_cs .inf .file span a.del {background-color:#888;}
.layout_cs .inf .file .uploaded_files {width:280px;height:55px; margin-right:5px; display:inline-block;}
.layout_cs .submit{text-align:center; margin-top:20px;}
.layout_cs .request_chk {padding:10px 0; text-align:right; }
.layout_cs .request_chk input {vertical-align:middle;}
.layout_cs .request_chk span {vertical-align:middle;}
.layout_cs .btns {margin:20px 0; clear:both;}
.layout_cs .btns .btn_cm {width:85px; height:28px; line-height:28px; background-color:#222222; color:#fff; font-size:14px; text-align:center; border:0; cursor:pointer; display:inline-block;}
.layout_cs .btns .btn_cm.bg_red {background-color:#d10e0e;}
.layout_cs .btns .btn_cm.bg_blue {background-color:#1b1bcd;}
.layout_cs .btns .btn_cm.bg_gray {background-color:#888;}
.layout_cs .btns .btn_cm.bg_black {background-color:#222222;}

.file_upload_wrap:after {content:''; display:block; clear:both;}
.layout_cs .file_upload_wrap span.title {float:left; width:94px;}
#file_upload{
		float:left;
    /*background-color:#373a3d;

    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);
    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		*/
    width:350px;
    background:#fff;
    border-radius:3px;
    border:1px solid #eaeaea;
    padding:30px 20px;
}

#file_upload_type1 {
	float:left;
    /*background-color:#373a3d;

    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);
    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		*/
    width:100%;
    background:#fff;
    border-radius:3px;
    border:1px solid #eaeaea;
    padding:30px 20px;
}

#drop{
	padding:20px 0;
	border:1px solid #888;
	background:#ececec;
    /*background-color: #2E3134;*/
    margin-bottom: 30px;
    /*border: 20px solid rgba(0, 0, 0, 0);*/
    border-radius: 3px;
    /*border-image: url('../img/border-image.png') 25 repeat;*/
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#333;
}

#drop a{
    background-color:#555;
    padding:12px 0;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:block;
    margin-top:12px;
    line-height:1;
    width:110px; 
    margin:10px auto 0;
}

#drop a:hover{
    background-color:#333;
}

#drop input{
    display:none;
}

#file_upload ul{
    list-style:none;
    border-top:1px solid #2b2e31;
    /*border-bottom:1px solid #3d4043;*/
}

#file_upload ul li{
		box-sizing:content-box;
    /*background-color:#333639;

    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);
			
    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    */
    border-bottom:1px solid #333;
    background:#fff;
    padding:15px;
    height: 48px;

    position: relative;
}

#file_upload ul li input{
    display: none;
}

#file_upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 6px;
    left: 100px;
}

#file_upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#file_upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#file_upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#file_upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#file_upload ul li.error p{
    color:red;
}
/* 회원가입, 로그인, 마이페이지 끝 */
/* 코로나 현황 시작 */
.corona_wrap {background:url(/assets/images/common/corona.jpg) 0 0 no-repeat; width:270px; height:60px; padding:9px 0 0 0;}
.corona_wrap .title {font-size:15px; color:#ff4856; font-weight:600; text-align:center;}
.corona_wrap .date {font-size:12px; color:#fff; font-weight:300;}
.corona_wrap ul {text-align:center;}
.corona_wrap ul li {display: inline-block; font-size:15px; color:#fff; margin-top:9px; padding: 0 5px;}
.corona_wrap ul li span {font-weight:bold;}
/* 코로나 현황 끝 */

/* pdf 시작 */
.pdf_top {padding:25px 0 50px; margin-bottom:50px; border-bottom:1px solid #e1e1e1;}
.pdf_top:after {content:''; clear:both; display:block;}
.pdf_top .pdf_download_box { float:right;}
.pdf_top .pdf_download_box .today {font-size:26px; color:#000; text-align:center; letter-spacing:0;}
.pdf_top .pdf_download_box .today span {font-weight:600; color:#e60012;}
.pdf_top .pdf_download_box .btn_download {margin-top:20px; text-align:center;}
.pdf_top .pdf_download_box .btn_download a {display:inline-block; background:#e60012; color:#fff; font-size:18px; line-height:45px; width:150px; margin-top:10px; text-align:center;}
.pdf_top .pdf_txt_box {float:left; margin:10px 0 0 30px;}
.pdf_top .pdf_txt_box p {font-size:15px; color:#888787; line-height:24px;}
.pdf_top .pdf_date_box {float:left;}
.pdf_top .pdf_date_box p {margin-bottom:15px; font-size:20px;}

.pdf_list ul {margin:0 -20px;}
.pdf_list ul:after {content:''; clear:both; display:block;}
.pdf_list ul li {float:left; width:20%; padding:0 20px; margin-bottom:40px;}
.pdf_list ul li .thumb {position:relative;}
.pdf_list ul li .thumb img {width:100%; border:1px solid #d7d7d7;}
.pdf_list ul li .thumb .mask {display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
.pdf_list ul li .thumb:hover .mask {display:block;}
.pdf_list ul li .thumb .mask a {position:absolute; left:50%; top:50%; display:inline-block; transform:translate(-50%, -50%); width:80%; height:45px; line-height:45px; background-color:#e60012; color:#fff; font-size:17px; text-align:center;}
.pdf_list ul li .num {line-height:50px; text-align:center; font-size:20px; color:#000;}

.datepicker > input[type="text"] {padding: 0 15px; width: 225px; font-size:17px; height: 45px; line-height: 43px; letter-spacing: -0.05em; border: 1px solid #d7d7d7; text-align: left; vertical-align: middle;}
.datepicker > .ui-datepicker-trigger {width: 45px; height: 45px; border: 1px solid #d7d7d7; border-left: none; background-color: #fff; cursor: pointer;}
#ui-datepicker-div {padding:5px}
#ui-datepicker-div .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-next:hover {background:none;border:none;cursor:pointer}
#ui-datepicker-div .ui-datepicker-prev span {background-image:url(/assets/images/common/page_prev.png);background-position: center center}
#ui-datepicker-div .ui-datepicker-next span {background-image:url(/assets/images/common/page_next.png);background-position: center center}
#ui-datepicker-div .ui-datepicker-header {background-color:#fff;border:none}
#ui-datepicker-div .ui-datepicker-calendar tr th {padding:5px}
#ui-datepicker-div .ui-datepicker-calendar tr td:first-child a {color:#ff0000}
#ui-datepicker-div .ui-datepicker-calendar tr td:last-child a {color:#005dff}
#ui-datepicker-div .ui-datepicker-calendar tr td a {padding:5px;border:none;background-color:#fff;text-align:center;transition:0.3s}
#ui-datepicker-div .ui-datepicker-calendar tr td a.ui-state-active {color:#fff;background-color:#0184ff;border-radius:3px}
#ui-datepicker-div .ui-datepicker-calendar tr td a:hover {color:#fff;background-color:#0184ff;border-radius:3px}
#ui-datepicker-div .ui-datepicker-calendar tr td span {background-color:#fff;border:none;text-align:center}
/* pdf 끝 */

/* 많이 본 뉴스 시작 */
.ranknews {border:1px solid #e8e8e8; width:100%; padding:15px;}
.ranknews .top {position:relative;}
.ranknews .top h2 {font-size:14px; color:#333; font-weight:400;}
.ranknews .top .more {font-size:13px; color:#888; position:absolute; top:0; right:0;}
.ranknews .top .more a {color:#888;}
.ranknews .ranknews_tab {padding-top:5px; margin-top:5px;}
.ranknews .ranknews_tab > div {cursor:pointer; font-size:15px; padding:5px 0; margin-left:-1px; border:1px solid #e8e8e8; color:#333; float:left; width:33.333%; text-align:center;}
.ranknews .ranknews_tab > div.on {background:#bababa; border:1px solid #bababa; color:#fff;}
.ranknews .ranknews_tab:after {content:''; display:block; clear:both;}
.ranknews .list_wrap .box:first-child {display:block;}
.ranknews .list_wrap .box {display:none;}
.ranknews .box ul {counter-reset:section; max-height:150px; overflow:hidden;}
.ranknews .box.on ul {max-height:300px;}
.ranknews .box ul:after {content:''; display:block; clear:both;}
.ranknews .box ul li {position:relative; font-size:14px; padding-left:25px; line-height:30px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ranknews .box ul li a {color:#666; letter-spacing:-1px;}
.ranknews .box ul li:before {content:counter(section); counter-increment:section; position:absolute; left:0; text-align:center; width:20px;}
.ranknews .box ul li:after {content:''; display:block; clear:both;}
.ranknews .more {cursor:pointer; border:1px solid #e8e8e8; text-align:center; font-size:14px; color:#333; line-height:30px;}
/* 많이 본 뉴스 끝 */

.arl_box_wrap {border:1px solid #e8e8e8; width:100%; padding:15px;}

.main_opinion {font-size:18px; line-height:40px; font-weight:500; text-align:center; margin-bottom:15px; background:#e8e8e8;}
.main_section_title {font-size:18px; line-height:40px; font-weight:500; text-align:center; margin-bottom:15px; background:#e8e8e8;}

/* 매일피플 시작 */
.maeil_people {width:100%;}
.maeil_people .top {position:relative; margin-bottom:10px;}
.maeil_people .top h2, .maeil_people .top h2 > a {font-size:19px; font-weight:500; color:#333; vertical-align: top;}
.maeil_people .top .more {font-size:14px; color:#999; position:absolute; top:5px; right:0;}
.maeil_people .top .more a {color:#999;}
.maeil_people ul li {margin-bottom: 7px;}
.maeil_people ul li:last-child {margin-bottom: 0;}
.maeil_people ul li .thumb {width: 100%;max-width: 270px;height: 180px;overflow: hidden;}
.maeil_people ul li .thumb img {display: block;width: 100%;height: 100%;border: 1px solid #eee;}
.maeil_people .box {position: relative;width: 100%;height: 240px;}
.maeil_people .box ul li .thumb {width: 100%;height: 220px;overflow: hidden;}
.maeil_people .box ul li .thumb img {display: block;width: 100%;height: 100%;}
.maeil_people .box ul li .title {font-size: 15px;font-weight: 500;margin-top: 6px; line-height:20px; max-height:40px; overflow: hidden;}
.maeil_people .box ul li .title a {color: #333;}
/* 매일피플 끝 */

.mobile_outer {width:1180px;margin: 0 auto;text-align: center;}
.mobile_outer button {width: 250px; height: 100px; font-size: 42px; margin-top: 50px; display: inline-block; border: 1px solid #ddd; background-color: #fff; color:#333;}

.rel_list {position:relative; display:block; padding: 0 0 0 29px !important; margin-bottom: 0; border-bottom: 0; background: url(/assets/images/common/under1.png) 13px 12px no-repeat !important;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width: 0;}
.rel_list a {display:inline !important; font-size: 18px !important; font-weight: 400 !important; line-height: 2em !important; color: #555 !important; }
.rel_list:before {/*position:absolute; left:0; top:8px; display:block; content:''; border-top:5px solid transparent; border-bottom: 5px solid transparent; border-left:5px solid #000; */}
.arl_018 .rel_list {width:100%; background: url(/assets/images/common/under_old.png) 2px 15px no-repeat !important; padding: 0 0 0 15px !important;}

@media print {
	#container .inner .aside {display:none;}
	#container .inner .section {float:none; width:100%;}
	#container .inner .section .theiaStickySidebar > div {display:none;}
	#container .inner .section .theiaStickySidebar > div.article_view {display:block;}
}