/*********************************************************************************************************************
레이아웃 영역 시작 - 헤더 / 푸터 / 컨테이너 / 윙배너
*********************************************************************************************************************/
/* 헤더 시작 */
#header {padding-bottom:40px;background-color:#FFF}
#header .header_top {width:100%;height:48px; border-bottom:1px solid #d7d7d7;}
#header .header_top > .inner {margin:0 auto;padding:0 10px;width:1200px}
#header .header_top > .inner:after {content:"";clear:both;display:block}
#header .header_top > .inner .editing_data {float:right;font-size:13px;color:#7c7c7c;line-height:47px;letter-spacing:0}
#header .header_top > .inner .editing_data span {color:#000;}
#header .header_top > .inner .utility_list {float:right; margin-left:10px;}
#header .header_top > .inner .utility_list:after {content:"";clear:both;display:block}
#header .header_top > .inner .utility_list li {float:left;}
#header .header_top > .inner .utility_list li:after {content:'|'; display:inline-block; padding:0 7px; color:#7c7c7c; font-size:10px; vertical-align: middle; line-height:19px;}
#header .header_top > .inner .utility_list li:last-child:after {display:none;}
#header .header_top > .inner .utility_list li a {font-size:13px;color:#000;line-height:47px;letter-spacing:-0.05em;}
#header .header_mid {position:relative; height:75px; margin:17px auto 47px;width:1200px}
#header .header_mid:after {content:"";clear:both;display:block}
#header .header_mid .logo {position:absolute;top:50%;left:0;margin-left:0;margin-top:-24px; max-width:150px; max-height:65px;}
#header .header_mid .logo img {display:block; width:100%; height:100%;}
#header .header_mid .join_banner {float:right}
#header .header_bottom {background-size:cover; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
#header .header_bottom > .inner {position:relative;margin:0 auto;width:1200px}
#header .header_bottom > .inner:after {content:"";clear:both;display:block}
#header .header_bottom > .inner .total_menu_btn {float:left; padding:6px 12px; height:40px; cursor:pointer; background:#d7d7d7;}
#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:6px 0;width:20px;height:2px;background-color:#FFF;transition:0.4s}
#header .header_bottom > .inner .change .bar1 {-webkit-transform:rotate(-45deg) translate(-6px, 4px);transform:rotate(-45deg) translate(-6px, 5px)}
#header .header_bottom > .inner .change .bar2 {opacity:0}
#header .header_bottom > .inner .change .bar3 {-webkit-transform:rotate(45deg) translate(-7px, -6px);transform:rotate(45deg) translate(-6px, -5px)}
#header .header_bottom > .inner .gnb {position:relative;float:left; width:870px;}
#header .header_bottom > .inner .gnb:after {content:"";clear:both;display:block}

#header .header_bottom > .inner .gnb > li {float:left;padding:0 15px;}
#header .header_bottom > .inner .gnb > li:first-child{margin-left:0;}
#header .header_bottom > .inner .gnb > li > a {display:block;line-height:40px;color:#555;font-size:20px;letter-spacing:-0.05em}
#header .header_bottom > .inner .gnb > li > .depth2_wrap {position:absolute;left:15px;bottom:-45px;width:100%;display:none}
#header .header_bottom > .inner .gnb > li > .depth2_wrap .inner {width:100%;}
#header .header_bottom > .inner .gnb > li > .depth2_wrap .menu: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;}
#header .header_bottom > .inner .gnb > li > .depth2_wrap .title {display: none;}

#header .header_bottom > .inner .search {float:right; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; height:40px; width:270px;}
#header .header_bottom > .inner .search input[type="text"] {float:left;padding:0 5px;display:block;width:220px; margin-right:6px; height:38px;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:30px;line-height:30px;text-align:right;cursor:pointer}
#header .header_bottom > .inner .search .search_btn img {margin-top:8px}
#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:1200px}
#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}
/* 헤더 끝 */

/* 푸터 시작*/
#footer {background:#6e6e6e; margin-top:100px;}
#footer .inner {margin:0 auto;padding:80px 0 45px;width:1200px}
#footer .inner:after {content:"";clear:both;display:block}
#footer .inner .f_logo {margin-right:55px;margin-top:5px;float:left; max-width:150px; 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:15px; line-height:25px; background:url("../images/common/f_dot.png") no-repeat 10px center}
#footer .inner .info .services li:first-child {padding-left:0;background:none}
#footer .inner .info .services li:after {content:'|'; color:#fff; font-size:10px; padding:0 15px; display:inline-block; vertical-align: top; }
#footer .inner .info .services li:last-child:after {display:none;}
#footer .inner .info .services li a {color:#fff; font-size:15px; letter-spacing:-0.05em}
#footer .inner .info .company_info {font-size:15px; font-weight:300; line-height:30px;color:#fff; font-weight:300;}
#footer .inner .info .copyright {font-size:15px; font-weight:300; line-height:30px; color:#fff; font-weight:300;}
#footer .inner .powered {clear:both; text-align:right; padding-top:30px;}
/* 푸터 끝 */

/* 컨테이너 시작 */
#container .inner {margin:0 auto;width:1200px}
#container .inner:after {content:"";clear:both;display:block}
#container .inner .headline {width:100%}
#container .inner .section {float:left;width:890px}
#container .inner .section:after {content:"";clear:both;display:block}
#container .inner .section > h2 {padding-bottom:20px;font-size:32px}
#container .inner .aside {float:right;width:270px;}
.inner .left_area {float:left;width:50%;}
.inner .left_area.w_580 {width:580px;}
.inner .left_area:after {content:"";clear:both;display:block}
.inner .right_area {float:right;width:50%;}
.inner .right_area.w_270 {width:270px;}
.inner .right_area:after {content:"";clear:both;display:block}
/* 컨테이너 끝 */

/* 윙배너 시작 */
.wing_banner {position:absolute;width:1200px}
.wing_banner .wb_left {position:absolute; left:-200px}
.wing_banner .wb_right {position:absolute; right:-200px}
/* 윙배너 끝 */
/*********************************************************************************************************************
레이아웃 영역 끝 - 헤더 / 푸터 / 컨테이너 / 윙배너
**********************************************************************************************************************/
/*********************************************************************************************************************
기사 상세 시작
**********************************************************************************************************************/
.article_view {position:relative}
.article_view .article_head {border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:55px 0 35px;}
.article_view .article_head .title {font-size:40px; line-height:42px; color:#000; margin-bottom:20px;}
.article_view .article_head .subtitle {font-size:32px; line-height:34px; color:#000; margin-bottom:36px;}
.article_view .article_head .util_box {height:30px;}
.article_view .article_head .util_box:after {content:''; clear:both; display:block;}
.article_view .article_head .util_box .byline {float:left; font-size:16px; line-height:30px; font-weight:300;}
.article_view .article_head .util_box .byline .writer {color:#888;}
.article_view .article_head .util_box .byline .email {color:#43b0d2;}
.article_view .article_head .util_box .tools {float:right;}
.article_view .article_head .util_box .tools .sns {display:inline-block;}
.article_view .article_head .util_box .tools .sns:after {content:''; clear:both; display:block;}
.article_view .article_head .util_box .tools .sns li {float:left; margin-left:5px;  cursor:pointer;}
.article_view .article_head .util_box .tools .btns {display:inline-block; margin-left:16px;}
.article_view .article_head .util_box .tools .btns:after {content:''; clear:both; display:block;}
.article_view .article_head .util_box .tools .btns li {float:left; width:30px; height:30px; border:1px solid #ddd; text-align:center; line-height:28px; margin-left:-1px; color:#444; cursor:pointer;}
.article_view .article_head .util_box .tools .btns li.bookmark {background:url(../images/common/icon_bookmark.png) center center no-repeat;}
.article_view .article_head .util_box .tools .btns li.print {background:url(../images/common/icon_print.png) center center no-repeat;}
.article_view .article_head .util_box .tools .btns li.font_up {font-size:17px;}
.article_view .article_head .util_box .tools .btns li.font_down {font-size:12px;}
.article_view .article_content {padding:35px 0 50px; border-bottom:1px solid #d7d7d7; font-weight:300;}
.article_view .article_content p {font-size:20px; line-height:35px; margin-bottom:1.3em;}
.article_view .article_content figure {padding:0; margin:0 auto; max-width:100%; margin-bottom:1.3em;}
.article_view .article_content figure img {width:100%;}
.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;}
/*********************************************************************************************************************
기사 상세 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
댓글 시작
**********************************************************************************************************************/
.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(../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(../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 20px; text-align: center;}
.pagination {display:inline-block;  }
.pagination:after {content:''; clear:both; display:block;}
.pagination li {float:left; }
.pagination li a {width:30px; height:30px; display:block; text-align:center; line-height:28px; font-size:15px;color:#aaa;font-weight:400; border:1px solid #aaa; }
.pagination li.num {margin-left:-1px;}
.pagination li.prev {background:url(../images/common/page_prev.png) 50% 50% no-repeat; font-size:0; text-indent:-9999px; margin-right:10px;}
.pagination li.next {background:url(../images/common/page_next.png) 50% 50% no-repeat; font-size:0; text-indent:-9999px; margin-left:10px;}
.pagination li.active a {color:#3c5fab;}
/*********************************************************************************************************************
페이지네이션 끝
**********************************************************************************************************************/


/*********************************************************************************************************************
기사제보 시작
**********************************************************************************************************************/
.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;}
/*********************************************************************************************************************
기사제보 끝
**********************************************************************************************************************/