/*********************************************************************************************************************
레이아웃 영역 시작 - 헤더 / 푸터 / 컨테이너 / 윙배너
*********************************************************************************************************************/
/* 헤더 시작 */
#header { margin-bottom:0; height:160px; position:relative;}
#header .inner {width:1200px; margin:0 auto;}
#header .inner:after {content:''; clear:both; display:block;}
#header .inner .left_banner {float:left; margin-top:60px;}
#header .inner .left_banner .weather {font-size:14px; line-height:25px; height:25px; overflow:hidden;}
#header .inner .left_banner .weather img {max-width:25px;}
#header .inner .left_banner .weather span {line-height:25px;}
#header .inner .left_banner .top_sns {margin-top:14px;}
#header .inner .left_banner .top_sns ul:after {content:''; clear:both; display:block;}
#header .inner .left_banner .top_sns ul li {float:left; margin-right:10px;}
#header .inner .logo {position:absolute; left:50%; top:60px; margin-left:-135px; max-width:270px; max-height:60px;}
#header .inner .join_banner {float:right; margin-top:35px;}
.total_search {float:right; background:#fff; height:35px; border:0; width:170px; margin-top:20px;}
.total_search input[type="text"] {float:left;padding:0 5px;display:block;width:120px; margin-right:6px; height:35px;color:#000;font-weight:300;letter-spacing:0em;border:0;background-color:transparent}
.total_search input[type="text"]:focus {outline:none}
.total_search input[type="text"]::-webkit-input-placeholder {color:#d1d1d1;font-weight:100;}
.total_search input[type="text"]::-ms-input-placeholder {color:#d1d1d1}
.total_search input[type="text"]::placeholder {color:#d1d1d1}
.total_search .search_btn {float:left;display:block;width:30px;height:30px;line-height:30px;text-align:right;cursor:pointer}
.total_search .search_btn img {margin-top:8px}
.total_menu_btn {float:left; margin-top:20px; padding:2px 0;cursor:pointer; background:transparent;  height:32px; }
.total_menu_btn .bar1,
.total_menu_btn .bar2,
.total_menu_btn .bar3,
.total_menu_btn .bar4 {margin:3px 0;width:25px;height:2px;background-color:#000000;transition:0.4s}
.change .bar1 {-webkit-transform:rotate(-45deg) translate(-6px, 4px);transform:rotate(-45deg) translate(-6px, 6px)}
.change .bar2 {opacity:0}
.change .bar3 {opacity:0}
.change .bar4 {-webkit-transform:rotate(45deg) translate(-7px, -6px);transform:rotate(45deg) translate(-5px, -5px)}
.gnb_wrap {width:100%; position:relative; border-bottom:2px solid #000000;}
.gnb_wrap .inner {width:1200px; margin:0 auto;}
.gnb_wrap .inner:after {content:''; clear:both; display:block;}
.gnb {float:left; margin-top:5px;}
.gnb:after {content:"";clear:both;display:block}
.gnb > li {float:left;padding:0 30px;}
.gnb > li:first-child{margin-left:0}
.gnb > li > a {display:block;line-height:60px;color:#000000;font-size:17px;letter-spacing:-0.05em;}
.gnb > li.on > a, .gnb > li:hover > a {color:#e62117;}

/* gnb 2depth
.gnb > li > div {position:absolute; top:60px; width:280px; padding:15px 0; display:none; z-index:90; background:#fff; box-shadow:1px 3px 15px 1px rgba(0,0,0,0.1);}
.gnb > li > div:after {content:"";clear:both;display:block}
.gnb > li > div > ul > li > a {display:block;line-height:40px; padding:0 24px; font-size:16px; letter-spacing:-0.05em; color:#000; }
.gnb > li > div > ul > li > a:hover, .gnb > li > div > ul > li.on a {color:#e62117; }
.gnb > li > div > ul > li.arw > a {background:url(../images/common/lnb_arw.png) 250px 15px no-repeat;}
.gnb > li > div > ul > li.arw > a:hover, .gnb > li > div > ul > li.on.arw > a {background:url(../images/common/lnb_arw_on.png) 250px 15px no-repeat;}

.gnb > li > div > ul > li > ul {position:absolute; left:100%; width:280px; margin-top:-40px; padding:15px 0; display:none; z-index:90; background:#fff; box-shadow:1px 3px 15px 1px rgba(0,0,0,0.1);}
.gnb > li > div > ul > li > ul > li > a {display:block;line-height:40px; padding:0 24px; font-size:16px; letter-spacing:-0.05em; color:#000; }
.gnb > li > div > ul > li > ul > li > a:hover,
.gnb > li > div > ul > li > ul > li > a.on {color:#e62117;}
*/
.gnb li > div {display:none;}
.gnb li .depth2_wrap {display:none; position:absolute; left:0; margin-top:1px; background:#fff; z-index:14; width:100%; border-bottom:1px solid #e1e1e1; padding:30px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.gnb li .depth2_wrap .inner {width:1200px; margin:0 auto; background:url(../images/common/gnb_bg.png) 0 0 repeat-y;}
.gnb li .depth2_wrap .inner:after {clear:both; display:block; content:'';}
.gnb li .depth2_wrap .inner .title {float:left; width:240px;}
.gnb li .depth2_wrap .inner .title img {display:block; margin-top:10px;}
.gnb li .depth2_wrap .inner .title h2 {font-size:20px; font-weight:500; color:#0f0f0f; line-height:22px; letter-spacing:-0.075em; padding:0 30px;}
.gnb li .depth2_wrap .inner .menu {float:left; width:calc(100% - 240px);}
.gnb li .depth2_wrap .inner .menu ul:after {clear:both; display:block; content:'';}
.gnb li .depth2_wrap .inner .menu ul li {float:left; width:25%; font-size:15px; line-height:17px; padding:0 30px 14px; letter-spacing:-0.075em;}
.gnb li .depth2_wrap .inner .menu ul li a {display:block; color:#787878;}
.gnb li .depth2_wrap .inner .menu ul li a:hover {color:#4b74d8;}

.total_menu_wrap {display:none;position:absolute;padding:25px 0; width:100%; background:#fff; border-bottom:1px solid #d7d7d7; z-index:90;}
.total_menu_wrap > .inner {margin:0 auto;width:1200px}
.total_menu_wrap > .inner:after {content:"";clear:both;display:block}
.total_menu_wrap > .inner > div {float:left; width:240px; border-right:1px solid #ebebeb}
.total_menu_wrap > .inner > div:first-child {border-left:1px solid #ebebeb}
.total_menu_wrap > .inner > div > ul {margin-bottom:25px;}
.total_menu_wrap > .inner > div > ul:last-child {margin-bottom:0;}
.total_menu_wrap > .inner > div > ul > li > ul:after {content:"";clear:both;display:block}
.total_menu_wrap > .inner > div > ul > li > a {display:block; padding:0 30px; font-size:17px;line-height:34px; color:#0f0f0f;}
.total_menu_wrap > .inner > div > ul > li > a:hover {color:#e62117;}
.total_menu_wrap > .inner > div > ul > li > div > ul > li a {display:block; padding:0 30px; font-size:15px;line-height:28px;color:#0f0f0f}
.total_menu_wrap > .inner > div > ul > li > div > ul > li a:hover {color:#e62117;}
/* 헤더 끝 */

/* 푸터 시작*/
#footer {background:#fff; margin-top:100px; border-top:1px solid #d7d7d7;}
#footer .inner {margin:0 auto;padding:38px 0 41px;width:1200px}
#footer .inner:after {content:"";clear:both;display:block}
#footer .inner .f_logo {margin-right:55px;margin-top:5px;float:left;}
#footer .inner .info {float:left;}
#footer .inner .info .services:after {content:"";clear:both;display:block}
#footer .inner .info .services li {float:left; margin-bottom:19px; 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:#3e3e3e; font-size:14px; 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:#3e3e3e; font-size:15px; letter-spacing:-0.05em}
#footer .inner .info .company_info {font-size:15px; font-weight:300; line-height:23px;color:#999; font-weight:300;}
#footer .inner .info .company_info span {margin:0 15px;}
#footer .inner .info .copyright {margin-top:21px; font-size:15px; font-weight:300; line-height:23px; color:#999; font-weight:300;}
#footer .inner .info .copyright a {color:#e70c0c;}
#footer .inner .info .copyright span {margin:0 18px;}
#footer .inner .powered {clear:both; text-align:right; padding-top:30px;}
/* 푸터 끝 */
/* 컨테이너 시작 */
#container {padding-top:35px;}
#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:840px}
#container .inner .section:after {content:"";clear:both;display:block}
#container .inner .aside {float:right;width:300px;}
.inner .left_area {float:left;width:50%;}
.inner .left_area.w_580 {width:580px;}
.inner .left_area.w_550 {width:550px;}
.inner .left_area.w_500 {width:500px;}
.inner .left_area.w_400 {width:400px;}
.inner .left_area.w_280 {width:280px;}
.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.w_280 {width:280px;}
.inner .right_area.w_290 {width:290px;}
.inner .right_area.w_400 {width:400px;}
.inner .right_area.w_490 {width:490px;}
.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}
/* 윙배너 끝 */
/*********************************************************************************************************************
레이아웃 영역 끝 - 헤더 / 푸터 / 컨테이너 / 윙배너
**********************************************************************************************************************/


/*********************************************************************************************************************
헤드라인 / 기사리스트 / 배너 영역 시작
**********************************************************************************************************************/
/* 헤드라인 001 시작 */
.hdl_001 {width:100%}
.hdl_001 .lists {width:100%;}
.hdl_001 .lists:after {content:"";clear:both;display:block}
.hdl_001 .lists .box {position:relative;float:left; overflow:hidden;}
.hdl_001 .lists .box img {display:block;width:100%;height:380px;}
.hdl_001 .lists .box .title {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin:30px 0 25px 0; line-height:32px; height:32px;}
.hdl_001 .lists .box .title .cate {display:inline-block; height:20px; line-height:20px; background:#c92922; font-size:13px; color:#fff; text-align:center; padding:0 10px; vertical-align: middle; margin-right:15px;}
.hdl_001 .lists .box .title a {display:inline-block; font-size:30px; line-height:32px; height:32px; font-weight:600; color:#000}
.hdl_001 .lists .box .body {height:64px;overflow:hidden;}
.hdl_001 .lists .box .body a {font-size:17px; font-weight:300; line-height:32px;color:#777;}
/* 헤드라인 001 끝 */

/* 헤드라인 002 시작 */
.hdl_002 {width:100%;}
.hdl_002 ul li {margin-bottom:35px;}
.hdl_002 ul li:last-child {margin-bottom:0;}
.hdl_002 ul li:after {clear:both; content:''; display:block;}
.hdl_002 ul li .thumb {float:left; width:430px;; height:260px; margin-right:30px;}
.hdl_002 ul li .thumb img {display:block; width:100%; height:100%;}
.hdl_002 ul li .box .title {margin-bottom:20px; font-size:30px; line-height:44px; max-height:88px; font-weight:700; color:#222; overflow:hidden;}
.hdl_002 ul li .box .title a {color:#222; }
.hdl_002 ul li .box .body {margin-bottom:30px; font-size:15px; font-weight:300; line-height:23px; max-height:92px; overflow:hidden; color:#777;}
.hdl_002 ul li .box .body a {color:#777;}
.hdl_002 ul li .box .date {font-size:13px; font-weight:300; color:#aaa;}
/* 헤드라인 002 끝 */

/* 헤드라인 003 시작 */
.hdl_003 {width:100%;}
.hdl_003 ul {margin:0 -7px;}
.hdl_003 ul:after {clear:both; content:''; display:block;}
.hdl_003 ul li {float:left; width:50%; margin-bottom:40px; padding:0 7px;}
.hdl_003 ul li:after {clear:both; content:''; display:block;}
.hdl_003 ul li .thumb {width:430px;; height:260px; margin-right:30px;}
.hdl_003 ul li .thumb img {display:block; width:100%; height:100%;}
.hdl_003 ul li .box .title {margin:21px 0 18px 0; font-size:24px; max-height:88px; font-weight:700; color:#222; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.hdl_003 ul li .box .title a {color:#222; }
.hdl_003 ul li .box .body {margin-bottom:18px; font-size:15px; font-weight:300; line-height:23px; max-height:46px; overflow:hidden; color:#777;}
.hdl_003 ul li .box .body a {color:#777;}
.hdl_003 ul li .box .date {font-size:13px; font-weight:300; color:#aaa;}
/* 헤드라인 003 끝 */

/* 헤드라인 004 시작 */
.hdl_004 {width:100%;}
.hdl_004 ul li {position:relative; }
.hdl_004 ul li .thumb {width:100%; height:370px;}
.hdl_004 ul li .thumb img {display:block; width:100%; height:100%;}
.hdl_004 ul li .box {position:absolute; left:0; bottom:0; width:100%; z-index:5;}
.hdl_004 ul li .box .title {margin-bottom:70px; text-align:center; padding:0 30px; font-size:30px; line-height:44px; font-weight:500; color:#222; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.hdl_004 ul li .box .title a {color:#fff; }
.hdl_004 ul li .mask {position:absolute; left:0; bottom:0; z-index:3; width:100%; height:100%; background:url(../images/skin_img/hdl_004_mask.png) left bottom repeat-x;}
.hdl_004 .slick-dots {bottom:30px;}
.hdl_004 .slick-dots li {margin:0 2px; background:none;}
.hdl_004 .slick-dots li.slick-active {width:40px;}
.hdl_004 .slick-dots li button:before {opacity:1; font-size:15px; color:#b5a489;}
.slick-dots li.slick-active button:before {opacity:1; color:#658bdf; background: #658bdf; border-radius: 7px; height: 15px; width: 40px;}
/* 헤드라인 004 끝 */
/* 헤드라인 005 시작 */
.hdl_005 {width:100%;}
.hdl_005 ul {margin:-1px;}
.hdl_005 ul:after {content:''; clear:both; display:block;}
.hdl_005 ul li {float:left; padding:1px; }
.hdl_005 ul li .box {position:relative; width:273px; height:199px;}
.hdl_005 ul li .box .mask {position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../images/skin_img/hdl_005_mask2.png) left bottom repeat-x;}
.hdl_005 ul li .box .title {position:absolute; left:0; bottom:15px; width:100%; height:60px; line-height:30px; color:#fff; font-size:22px; padding:0 15px; overflow:hidden;}
.hdl_005 ul li .box img {display:block; width:100%; height:100%;}
.hdl_005 ul li:first-child .box {width:650px; height:400px;}
.hdl_005 ul li:first-child .box .mask {background-image:url(../images/skin_img/hdl_005_mask1.png); }
.hdl_005 ul li:first-child .box .title {font-size:30px; padding:0 27px; line-height:38px; height:38px; bottom:20px; text-overflow:ellipsis; white-space: nowrap;}
/* 헤드라인 005 끝 */
/* 헤드라인 006 시작 */
.hdl_006 {width:100%; max-width:860px;}
.hdl_006 ul:after {clear:both; content:''; display:block;}
.hdl_006 ul li:first-child {width:565px; height:360px;}
.hdl_006 ul li {position:relative; float:left; width:295px; height:180px;}
.hdl_006 ul li .thumb {width:100%;; height:100%;}
.hdl_006 ul li .thumb img {display:block; width:100%; height:100%;}
.hdl_006 ul li:first-child .box .title {height:60px; line-height:60px; padding:0 30px; font-size:20px;}
.hdl_006 ul li:first-child .box .mask {height:60px;}
.hdl_006 ul li .box .title {position:absolute; left:0; bottom:0; z-index:5; width:100%; height:40px; line-height:40px; padding:0 10px; font-size:17px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.hdl_006 ul li .box .title a {color:#fff; }
.hdl_006 ul li .box .mask {position:absolute; left:0; bottom:0; z-index:3; display:block; width:100%; height:40px; background:url(../images/skin_img/hdl_006_mask.png) 0 0;}
/* 헤드라인 006 끝 */
/* 헤드라인 007 시작 */
.hdl_007 {width:100%; max-width:860px;}
.hdl_007 ul li:after {clear:both; content:''; display:block;}
.hdl_007 ul li {position:relative; width:100%; height:360px;}
.hdl_007 ul li .thumb {position:relative; float:left; width:565px; height:100%;}
.hdl_007 ul li .thumb img {display:block; width:100%; height:100%;}
.hdl_007 ul li .title {position:absolute; left:0; bottom:0; z-index:5; width:100%; height:60px; line-height:60px; padding:0 30px; font-size:20px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; background:url(../images/skin_img/hdl_006_mask.png) 0 0;}
.hdl_007 ul li .title a {color:#fff; }
.hdl_007 ul li .box {float:right; width:calc(100% - 565px); height:100%; background:#2d203a; padding:28px 20px;}
.hdl_007 ul li .box .body {height:300px; font-size:15px; line-height:25px; overflow:hidden;}
.hdl_007 ul li .box .body a {color:#d9d9d9;}
/* 헤드라인 007 끝 */
/* 헤드라인 008 시작 */
.hdl_008 {width:100%;}
.hdl_008 ul:after {clear:both; content:''; display:block;}
.hdl_008 ul li {float:left; position:relative; width:50%; height:360px;}
.hdl_008 ul li .thumb {width:100%;; height:100%;}
.hdl_008 ul li .thumb img {display:block; width:100%; height:100%;}
.hdl_008 ul li .title {position:absolute; left:0; bottom:0; z-index:5; text-align:center; width:100%; height:60px; line-height:60px; padding:0 30px; font-size:20px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; background:url(../images/skin_img/hdl_006_mask.png) 0 0;}
.hdl_008 ul li .title a {color:#fff; }
/* 헤드라인 008 끝 */
/* 헤드라인 009 시작 */
.hdl_009 {width:100%; position:relative;}
.hdl_009 .hdl_009_arw_prev {position:absolute; left:0; top:50%; margin-top:-20px; z-index:10; width:40px; height:40px; background:transparent url(../images/skin_img/hdl_009_arw_prev.png) center center no-repeat; cursor:pointer;}
.hdl_009 .hdl_009_arw_next {position:absolute; right:0; top:50%; margin-top:-20px; z-index:10; width:40px; height:40px; background:transparent url(../images/skin_img/hdl_009_arw_next.png) center center no-repeat; cursor:pointer;}
.hdl_009:hover .hdl_009_arw_prev {background-color:rgba(0, 0, 0, 0.5);}
.hdl_009:hover .hdl_009_arw_next {background-color:rgba(0, 0, 0, 0.5);}
.hdl_009 ul:after {clear:both; content:''; display:block;}
.hdl_009 ul li {position:relative; width:100%; height:370px;}
.hdl_009 ul li .thumb {width:100%;; height:100%;}
.hdl_009 ul li .thumb img {display:block; width:100%; height:100%;}
.hdl_009 ul li .title {position:absolute; left:0; bottom:26px; z-index:5; text-align:left; width:100%; height:40px; line-height:40px; padding:0 30px; font-size:30px; color:#fff; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.hdl_009 ul li .title a {color:#fff; }
.hdl_009 ul li .cate {position:absolute; left:30px; bottom:74px; z-index:5; text-align:left; display:inline-block; padding:0 7px; color:#fff; font-size:13px; background:#c92922; height:25px; line-height:25px;}
.hdl_009 ul li .mask {position:absolute; left:0; top:0; background:url(../images/skin_img/hdl_009_mask.png) left bottom repeat-x; width:100%; height:100%; z-index:1;}
/* 헤드라인 009 끝 */
/* 헤드라인 010 시작 */
.hdl_010 {width:100%;}
.hdl_010 > ul > li {padding-bottom:40px; border-bottom:1px solid #e1e1e1;}
.hdl_010 ul li:after {clear:both; content:''; display:block;}
.hdl_010 ul li .thumb {float:left; width:420px; height:270px; margin-right:30px;}
.hdl_010 ul li .thumb img {display:block; width:100%; height:100%;}
.hdl_010 ul li .box .title {margin-bottom:18px; font-size:30px; font-weight:500; line-height:44px; max-height:88px; color:#000; overflow:hidden;}
.hdl_010 ul li .box .title a {color:#222; margin-top:-7px; line-height:44px; display:block;}
.hdl_010 ul li .box .body {margin-bottom:28px; font-size:16px; font-weight:300; line-height:26px; max-height:104px; overflow:hidden; color:#949494;}
.hdl_010 ul li .box .body a {color:#777;}
.hdl_010 ul li .box .tag li {display:inline-block; font-size:17px; margin-right:6px; font-weight:300; color:#3165ac;}
.hdl_010 ul li .box .tag li a {color:#3165ac;}
/* 헤드라인 010 끝 */
/* 헤드라인 011 시작 */
.hdl_011 {width:100%}
.hdl_011 .lists {margin:0 -10px}
.hdl_011 .lists:after {content:"";clear:both;display:block}
.hdl_011 .lists li {position:relative;float:left;padding:0 10px; width:50%;}
.hdl_011 .lists li .thumb {position:relative;width:100%;height:250px;overflow:hidden}
.hdl_011 .lists li .thumb img {display:block;width:100%;height:100%}
.hdl_011 .lists li .box {padding:18px 25px 23px; border:1px solid #e1e1e1;}
.hdl_011 .lists li .title {height:68px;overflow:hidden; font-weight:500;}
.hdl_011 .lists li .title a {font-size:24px;color:#000;line-height:34px}
.hdl_011 .lists li .byline {margin-top:18px; overflow:hidden}
.hdl_011 .lists li .byline .name {font-size:17px;color:#8f8f8f; font-weight:300; letter-spacing:-0.05em}
/* 헤드라인 011 끝 */
/* 기사리스트 001 시작 */
.arl_001 {width:100%; border:1px solid #d7d7d7; padding:15px 20px 3px; height:380px;}
.arl_001 .head_title {font-size:20px; font-weight:400; color:#000; margin-bottom:20px;}
.arl_001 .lists {width:100%;}
.arl_001 .lists li {position:relative; height:80px;}
.arl_001 .lists li:before {position:absolute; left:15px; z-index:1; content:''; width:1px; height:100%; background:#cfcfcf;}
.arl_001 .lists li:after {content:''; clear:both; display:block;}
.arl_001 .lists li .time {position:relative; z-index:2; background:#fff; float:left; width:45px; font-size:13px; color:#c92922; line-height:22px;}
.arl_001 .lists li a {float:left; width:calc(100% - 45px);; font-size:15px; color:#222; line-height:22px; font-weight:300;}
/* 기사리스트 001 끝 */
/* 기사리스트 002 시작 */
.arl_002 {width:100%}
.arl_002 .head_title {font-size:24px; font-weight:400; color:#000; margin:0 0 18px 0;}
.arl_002 .lists {margin:0 -20px;}
.arl_002 .lists:after {content:""; clear:both; display:block;}
.arl_002 .lists li {float:left; width:25%; padding:0 20px;}
.arl_002 .lists.three li {width:33.333%;}
.arl_002 .lists li .box .thumb {position:relative;}
.arl_002 .lists li .box .thumb .cate {position:absolute; top:0; left:0; width:70px; height:25px; line-height:25px; font-size:15px; color:#fff; display:block; text-align:center;}
.arl_002 .lists li .box .thumb .cate.cate1 {background:#c92922;}
.arl_002 .lists li .box .thumb .cate.cate2 {background:#456dc4;}
.arl_002 .lists li .box .thumb .cate.cate3 {background:#3cab97;}
.arl_002 .lists li .box .thumb .cate.cate4 {background:#ed921d;}
.arl_002 .lists li .box .thumb img {width:100%; height:180px;}
.arl_002 .lists li .box .title {font-size:17px; color:#222; line-height:25px; height:50px; overflow:hidden; margin:15px 0 7px 0;}
.arl_002 .lists li .box .title a {color:#222;}
.arl_002 .lists li .box .body {font-size:15px; color:#777; line-height:25px; height:50px; overflow:hidden;}
.arl_002 .lists li .box .body a {color:#777;}
/* 기사리스트 002 끝 */
/* 기사리스트 003 시작 */
.arl_003 {width:100%;}
.arl_003 .head_title {font-size:24px; font-weight:400; color:#000; margin:0 0 18px 0;}
.arl_003 .thumb {width:100%; height:380px;}
.arl_003 .thumb img {display:block; width:100%; height:100%;}
.arl_003 .box .title {margin:23px 0 22px; font-size:30px; font-weight:700; color:#000; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_003 .box .title a {color:#000; }
.arl_003 .box .body {font-size:17px; font-weight:300; line-height:30px; color:#777;}
.arl_003 .box .body a {color:#777;}
/* 기사리스트 003 끝 */
/* 기사리스트 004 시작 */
.arl_004 {width:100%;}
.arl_004 ul.lists li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.arl_004 ul.lists li a {font-size:20px; line-height:55px; color:#000;}
/* 기사리스트 004 끝 */
/* 기사리스트 005 시작 */
.arl_005 {width:100%;}
.arl_005 ul.lists {border-bottom:1px solid #ebebeb;}
.arl_005 ul.lists li .thumb {width:270px; height:180px;}
.arl_005 ul.lists li .thumb img {display:block; width:100%; height:100%;}
.arl_005 ul.lists li .title {height:50px; overflow:hidden; margin:15px 0 12px;}
.arl_005 ul.lists li .title a {font-size:17px; color:#000; line-height:25px;}
.arl_005 ul.lists li .body {height:46px; overflow:hidden; margin-bottom:40px;}
.arl_005 ul.lists li .body a {font-size:15px; color:#777; line-height:23px; font-weight:300;}
/* 기사리스트 005 끝 */
/* 기사리스트 006 시작 */
.arl_006 {width:100%;}
.arl_006 ul.lists li {border-bottom:1px solid #ebebeb;}
.arl_006 ul.lists li .title {height:50px; overflow:hidden; margin:26px 0 12px;}
.arl_006 ul.lists li .title a {font-size:17px; color:#000; line-height:25px;}
.arl_006 ul.lists li .body {height:46px; overflow:hidden; margin-bottom:21px;}
.arl_006 ul.lists li .body a {font-size:15px; color:#777; line-height:23px; font-weight:300;}
/* 기사리스트 006 끝 */
/* 기사리스트 007 시작 */
.arl_007 {width:100%; padding:24px 20px 21px; border:1px solid #d7d7d7; counter-reset:arl;}
.arl_007 .head_title {font-size:20px; font-weight:500; color:#3165ac; margin:0 0 13px 0;}
.arl_007 ul.lists li {position:relative; height:36px; }
.arl_007 ul.lists li a:before {counter-increment:arl; content:counter(arl); margin-right:15px; display:inline-block; font-size:20px; color:#344d9f; line-height:36px; font-weight:bold;}
.arl_007 ul.lists li a { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; display:block; font-size:16px; height:36px; color:#222; line-height:36px;}
.arl_007 ul.lists li:nth-child(n + 4):after {color:#aaa;}
.arl_007 ul.lists li:nth-child(n + 4) a:before {color:#777;}
/* 기사리스트 007 끝 */
/* 기사리스트 008 시작 - 기사리스트 */
.arl_008 {width:100%;}
.arl_008 ul li {margin-bottom:30px;}
.arl_008 ul li:last-child {margin-bottom:0;}
.arl_008 ul li:after {clear:both; content:''; display:block;}
.arl_008 ul li .thumb {float:left; width:250px;; height:150px; margin-right:25px;}
.arl_008 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_008 ul li .box .title {margin-bottom:15px; font-size:20px; font-weight:700; color:#222; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_008 ul li .box .title a {color:#222; }
.arl_008 ul li .box .body {margin-bottom:11px; font-size:15px; font-weight:300; line-height:23px; max-height:69px; overflow:hidden; color:#777;}
.arl_008 ul li .box .body a {color:#777;}
.arl_008 ul li .box .date {font-size:13px; font-weight:300; color:#aaa;}
/* 기사리스트 008 끝 */
/* 기사리스트 009 시작 */
.arl_009 {width:100%;}
.arl_009 ul:after {clear:both; content:''; display:block;}
.arl_009 ul li {margin-bottom:35px; float:left; width:50%; padding-right:30px;}
.arl_009 ul li:last-child {margin-bottom:0;}
.arl_009 ul li .thumb {float:left; width:150px;; height:150px; border-radius:75px; margin-right:22px;}
.arl_009 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_009 ul li .box .cate {margin-top:9px; margin-bottom:12px; font-size:17px; color:#3c5fab; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_009 ul li .box .title {margin-bottom:15px; font-size:20px; line-height:22px; height:44px; font-weight:700; color:#222; overflow:hidden; }
.arl_009 ul li .box .title a {color:#222; }
.arl_009 ul li .box .body {font-size:15px; font-weight:300; line-height:23px; height:69px; overflow:hidden; color:#777;}
.arl_009 ul li .box .body a {color:#777;}
/* 기사리스트 009 끝 */
/* 기사리스트 010 시작 */
.arl_010 {width:100%;}
.arl_010 ul {margin:0 -15px;}
.arl_010 ul:after {clear:both; content:''; display:block;}
.arl_010 ul li { float:left; width:33.333%; padding:0 15px;  height:243px;}
.arl_010 ul li:nth-child(-n+3) .box {border-top:1px solid #ebebeb;}
.arl_010 ul li:last-child {margin-bottom:0;}
.arl_010 ul li .box {padding-top:37px; padding-bottom:35px; border-bottom:1px solid #ebebeb;}
.arl_010 ul li .box .cate {margin-top:9px; margin-bottom:12px; font-size:17px; color:#3c5fab; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_010 ul li .box .title {margin-bottom:15px; font-size:20px; line-height:22px; height:44px; font-weight:700; color:#222; overflow:hidden; }
.arl_010 ul li .box .title a {color:#222; }
.arl_010 ul li .box .body {font-size:15px; font-weight:300; line-height:23px; height:69px; overflow:hidden; color:#777;}
.arl_010 ul li .box .body a {color:#777;}
/* 기사리스트 010 끝 */
/* 기사리스트 011 시작 */
.arl_011 {width:100%}
.arl_011 .head_title {font-size:24px; font-weight:400; color:#000; margin:0 0 18px 0;}
.arl_011 .lists {margin:0 -20px;}
.arl_011 .lists:after {content:""; clear:both; display:block;}
.arl_011 .lists li {float:left; width:33.333%; padding:0 20px; margin-bottom:50px;}
.arl_011 .lists li .box .thumb {position:relative;}
.arl_011 .lists li .box .thumb img {width:100%; height:180px;}
.arl_011 .lists li .box .title {font-size:17px; color:#222; line-height:25px; height:50px; overflow:hidden; margin:15px 0 7px 0;}
.arl_011 .lists li .box .title a {color:#222;}
/* 기사리스트 011 끝 */
/* 기사리스트 012 시작 */
.arl_012 {width:100%;}
.arl_012 ul.lists li .thumb {width:270px; height:180px; position:relative;}
.arl_012 ul.lists li .thumb .cate {position:absolute; top:0; left:0; padding:0 15px; height:30px; line-height:30px; font-size:17px; color:#fff; display:block; text-align:center;}
.arl_012 ul.lists li .thumb .cate.cate1 {background:#c92922;}
.arl_012 ul.lists li .thumb .cate.cate2 {background:#456dc4;}
.arl_012 ul.lists li .thumb .cate.cate3 {background:#3cab97;}
.arl_012 ul.lists li .thumb .cate.cate4 {background:#ed921d;}
.arl_012 ul.lists li .thumb img {display:block; width:100%; height:100%;}
.arl_012 ul.lists li .title {height:50px; overflow:hidden; margin:14px 0 4px;}
.arl_012 ul.lists li .title a {font-size:17px; color:#000; line-height:25px;}
.arl_012 ul.lists li .rel_list {margin:4px 0 25px 0;}
.arl_012 ul.lists li .rel_list li a {display:inline-block; color:#222; font-size:15px; line-height:26px; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.arl_012 ul.lists li .rel_list li a:before {content:'-'; display:inline-block; font-size:15px; line-height:26px; margin-right:5px;}
/* 기사리스트 012 끝 */
/* 기사리스트 013 시작 */
.arl_013 {width:100%}
.arl_013 .head_title {font-size:24px; font-weight:400; color:#000; margin:0 0 18px 0;}
.arl_013 .lists {margin:0 -20px;}
.arl_013 .lists:after {content:""; clear:both; display:block;}
.arl_013 .lists > li {float:left; width:50%; padding:0 20px;}
.arl_013 .lists li .box .thumb {position:relative;}
.arl_013 .lists li .box .thumb .cate {position:absolute; top:0; left:0; padding:0 15px; height:30px; line-height:30px; font-size:17px; color:#fff; display:block; text-align:center;}
.arl_013 .lists li .box .thumb .cate.cate1 {background:#c92922;}
.arl_013 .lists li .box .thumb .cate.cate2 {background:#456dc4;}
.arl_013 .lists li .box .thumb .cate.cate3 {background:#3cab97;}
.arl_013 .lists li .box .thumb .cate.cate4 {background:#ed921d;}
.arl_013 .lists li .box .thumb img {width:100%; height:180px;}
.arl_013 .lists li .box .title {font-size:17px; color:#222; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:15px 0 4px 0;}
.arl_013 .lists li .box .title a {color:#222;}
.arl_013 .lists li .rel_list {margin:4px 0 25px 0;}
.arl_013 .lists li .rel_list li a {display:inline-block; color:#222; font-size:15px; line-height:26px; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.arl_013 .lists li .rel_list li a:before {content:'-'; display:inline-block; font-size:15px; line-height:26px; margin-right:5px;}
/* 기사리스트 013 끝 */
/* 기사리스트 014 시작 */
.arl_014 {width:100%}
.arl_014 .head_title {font-size:24px; font-weight:400; color:#000; margin:0 0 18px 0;}
.arl_014 .lists {margin:0 -20px;}
.arl_014 .lists:after {content:""; clear:both; display:block;}
.arl_014 .lists > li {float:left; width:100%; padding:0 20px;}
.arl_014 .lists li .box .thumb {position:relative;}
.arl_014 .lists li .box .thumb .cate {position:absolute; top:0; left:0; padding:0 15px; height:30px; line-height:30px; font-size:17px; color:#fff; display:block; text-align:center;}
.arl_014 .lists li .box .thumb .cate.cate1 {background:#c92922;}
.arl_014 .lists li .box .thumb .cate.cate2 {background:#456dc4;}
.arl_014 .lists li .box .thumb .cate.cate3 {background:#3cab97;}
.arl_014 .lists li .box .thumb .cate.cate4 {background:#ed921d;}
.arl_014 .lists li .box .thumb img {width:100%; height:180px;}
.arl_014 .lists li .box ul li:first-child .title {margin:15px 0 2px 0;}
.arl_014 .lists li .box ul li .title {font-size:17px; color:#222; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:4px 0 2px 0;}
.arl_014 .lists li .box ul li .title a {color:#222;}
.arl_014 .lists li .box ul li .subtitle {font-size:15px; color:#777; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_014 .lists li .box ul li .subtitle a {color:#777;}
/* 기사리스트 014 끝 */
/* 기사리스트 015 시작 */
.arl_015 {width:100%; padding:24px 20px 18px; background:#f1f2f6;}
.arl_015 .top {margin-bottom:15px;}
.arl_015 .top:after {content:''; clear:both; display:block;} {width:100%;}
.arl_015 .top h2 {float:left; font-size:20px; color:#000;}
.arl_015 .top .more {float:right; font-size:14px; color:#9d9d9d;}
.arl_015 .lists li a:before {content:'-'; display:inline-block; color:#222; font-size:15px; line-height:29px; margin-right:5px;}
.arl_015 .lists li a {display:inline-block; color:#222; line-height:29px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* 기사리스트 015 끝 */
/* 기사리스트 016 시작 */
.arl_016 {width:100%; padding:24px 20px 30px; border:1px solid #d7d7d7;}
.arl_016 .top {margin-bottom:25px;}
.arl_016 .top:after {content:''; clear:both; display:block;} {width:100%;}
.arl_016 .top h2 {float:left; font-size:20px; color:#000;}
.arl_016 .lists li {margin-bottom:20px;}
.arl_016 .lists li:last-child {margin-bottom:0;}
.arl_016 .lists li:after {content:''; clear:both; display:block;}
.arl_016 .lists li .thumb {float:left; width:60px; height:70px; border:1px solid #d7d7d7; margin-right:10px;}
.arl_016 .lists li .cate {font-size:15px; color:#344d9f; padding:4px 0 8px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_016 .lists li .title a {display:block; font-size:15px; margin:0 0 8px 0; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_016 .lists li .byline {font-size:14px; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* 기사리스트 016 끝 */
/* 기사리스트 017 시작  - 오피니언리스트 */
.arl_017 {width:100%;}
.arl_017 ul li {margin-bottom:30px;}
.arl_017 ul li:last-child {margin-bottom:0;}
.arl_017 ul li:after {clear:both; content:''; display:block;}
.arl_017 ul li .thumb {float:left; width:130px; height:150px; border:1px solid #e1e1e1; margin-right:25px;}
.arl_017 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_017 ul li .box .title {margin-bottom:17px; font-size:20px; font-weight:700; color:#222; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_017 ul li .box .title a {color:#222; }
.arl_017 ul li .box .body {margin-bottom:11px; font-size:15px; font-weight:300; line-height:23px; max-height:69px; overflow:hidden; color:#777;}
.arl_017 ul li .box .body a {color:#777;}
.arl_017 ul li .box .date {font-size:13px; font-weight:300; color:#aaa;}
/* 기사리스트 017 끝 */
/* 기사리스트 018 시작  - 포토리스트 */
.arl_018 {width:100%;}
.arl_018 ul {margin: 0 -20px;}
.arl_018 ul:after {content:''; clear:both; display:block;}
.arl_018 ul li {float:left; width:33.333%; padding:0 20px;}
.arl_018 ul li .thumb {width:270px; height:180px; border:1px solid #e1e1e1; margin-bottom:15px;}
.arl_018 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_018 ul li .box {height:100px;}
.arl_018 ul li .box .title {margin-bottom:5px; font-size:17px; color:#222; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_018 ul li .box .title a {color:#222; }
.arl_018 ul li .box .date {font-size:15px; font-weight:300; color:#605f5f;}
/* 기사리스트 018 끝 */
/* 기사리스트 019 시작  - 기사리스트2 */
.arl_019 {width:100%;}
.arl_019 ul li {margin-bottom:37px;}
.arl_019 ul li:last-child {margin-bottom:0;}
.arl_019 ul li .box .title {margin-bottom:15px; font-size:20px; font-weight:700; color:#222; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_019 ul li .box .title a {color:#222; }
.arl_019 ul li .box .body {margin-bottom:15px; font-size:15px; font-weight:300; line-height:23px; max-height:69px; overflow:hidden; color:#777;}
.arl_019 ul li .box .body a {color:#777;}
.arl_019 ul li .box .date {font-size:13px; font-weight:300; color:#aaa;}
/* 기사리스트 019 끝 */
/* 기사리스트 020 시작 - 속보뉴스 슬라이드*/
.arl_020 {width:100%;}
.arl_020 .cate {display:inline-block; vertical-align: middle; background:#c92922; color:#fff; font-size:18px; text-align:center; height:30px; line-height:30px; padding:0 10px; margin-right:25px;}
.arl_020 .title {display:inline-block; vertical-align: middle; line-height:30px; color:#222; font-size:20px; max-width:1070px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
/* 기사리스트 020 끝 */
/* 기사리스트 021 시작 */
.arl_021 {width:100%;}
.arl_021 h3 {font-size:24px; font-weight:400; color:#000; line-height:26px; margin-bottom:24px;}
.arl_021 ul li {margin-bottom:20px;}
.arl_021 ul li:last-child {margin-bottom:0;}
.arl_021 ul li .thumb {width:400px; height:230px;}
.arl_021 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_021 ul li .title {font-size:24px; line-height:30px; height:60px; overflow:hidden; margin:21px 0 19px 0;}
.arl_021 ul li .title a {color:#000;}
.arl_021 ul li .body {font-size:15px; line-height:24px; height:72px; overflow:hidden;}
.arl_021 ul li .body a {color:#777;}
/* 기사리스트 021 끝 */
/* 기사리스트 022 시작 */
.arl_022 {width:100%;}
.arl_022 ul li {margin-bottom:19px;}
.arl_022 ul li:after {content:''; clear:both; display:block;}
.arl_022 ul li:last-child {margin-bottom:0;}
.arl_022 ul li .thumb {width:135px; height:85px; float:left; margin-right:15px;}
.arl_022 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_022 ul li .title {font-size:20px; line-height:30px; height:60px; overflow:hidden; margin:0 0 12px 0;}
.arl_022 ul li .title a {color:#000;}
.arl_022 ul li .date {font-size:14px; color:#a19f9f; overflow:hidden;}
/* 기사리스트 022 끝 */
/* 기사리스트 023 시작 */
.arl_023 {width:100%;}
.arl_023 h3 {font-size:24px; font-weight:400; color:#000; line-height:26px; margin-bottom:24px;}
.arl_023 ul li {margin-bottom:28px;}
.arl_023 ul li:after {content:''; clear:both; display:block;}
.arl_023 ul li:last-child {margin-bottom:0;}
.arl_023 ul li .thumb {width:150px; height:100px; float:left; margin-right:25px;}
.arl_023 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_023 ul li .title {font-size:20px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 10px 0;}
.arl_023 ul li .title a {color:#222;}
.arl_023 ul li .body {font-size:15px; font-weight:300; line-height:24px; height:48px; overflow:hidden;}
.arl_023 ul li .body a {color:#777;}
/* 기사리스트 023 끝 */
/* 기사리스트 024 시작 */
.arl_024 {width:100%; padding:47px 0 70px; background:#2d203a;}
.arl_024 h3 {text-align:center; font-weight:400; margin:0 0 40px; font-size:24px; color:#fff;}
.arl_024 .list_wrap {width:1200px; margin:0 auto;}
.arl_024 ul {margin:0 -20px;}
.arl_024 ul:after {content:''; clear:both; display:block;}
.arl_024 ul li {float:left; width:25%; padding:0 20px;}
.arl_024 ul li .thumb {width:100%; height:180px; }
.arl_024 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_024 ul li .box {background:#fff; height:150px; padding:14px 20px;}
.arl_024 ul li .box .title {font-size:17px; height:50px; line-height:25px; margin-bottom:6px;}
.arl_024 ul li .box .title a {color:#222;}
.arl_024 ul li .box .body {font-size:15px; height:46px; font-weight:300; line-height:23px;}
.arl_024 ul li .box .body a {color:#777;}
/* 기사리스트 024 끝 */
/* 기사리스트 025 시작 */
.arl_025 h3 {font-size:24px; font-weight:400; color:#333; line-height:26px; margin-bottom:13px;}
.arl_025 ul li {line-height:36px; font-size:18px; padding-left:20px; background:url(../images/skin_img/arl_025_icon.png) 0 12px no-repeat;}
.arl_025 ul li a {color:#000;}
/* 기사리스트 025 끝 */
/* 기사리스트 026 시작 */
.arl_026 {width:100%}
.arl_026 .head_title {font-size:24px; font-weight:400; color:#000; margin:0 0 18px 0;}
.arl_026 .lists {margin:0 -20px;}
.arl_026 .lists:after {content:""; clear:both; display:block;}
.arl_026 .lists li {float:left; width:33.333%; padding:0 20px;}
.arl_026 .lists li .box .thumb {position:relative;}
.arl_026 .lists li .box .thumb .cate {position:absolute; top:0; left:0; width:70px; height:25px; line-height:25px; font-size:15px; color:#fff; display:block; text-align:center;}
.arl_026 .lists li .box .thumb .cate.cate1 {background:#c92922;}
.arl_026 .lists li .box .thumb .cate.cate2 {background:#456dc4;}
.arl_026 .lists li .box .thumb .cate.cate3 {background:#3cab97;}
.arl_026 .lists li .box .thumb .cate.cate4 {background:#ed921d;}
.arl_026 .lists li .box .thumb img {width:100%; height:180px;}
.arl_026 .lists li .box .title {font-size:17px; color:#222; line-height:25px; height:50px; overflow:hidden; margin:15px 0 7px 0;}
.arl_026 .lists li .box .title a {color:#222;}
.arl_026 .lists li .box .body {font-size:15px; color:#777; line-height:25px; height:50px; overflow:hidden;}
.arl_026 .lists li .box .body a {color:#777;}
/* 기사리스트 026 끝 */
/* 기사리스트 027 시작 - 기사리스트 */
.arl_027 {width:100%;}
.arl_027 ul li {margin-bottom:35px;}
.arl_027 ul li:last-child {margin-bottom:0;}
.arl_027 ul li:after {clear:both; content:''; display:block;}
.arl_027 ul li .thumb {float:right; width:220px;; height:150px; margin-left:25px;}
.arl_027 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_027 ul li .box .title {margin-bottom:21px; font-size:24px; font-weight:400; color:#222; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_027 ul li .box .title a {color:#222; }
.arl_027 ul li .box .body {margin-bottom:12px; font-size:17px; line-height:25px; max-height:50px; overflow:hidden; color:#222;}
.arl_027 ul li .box .body a {color:#222;}
.arl_027 ul li .box .byline {font-size:17px; color:#222;}
.arl_027 ul li .box .byline .writer {display:inline-block;}
.arl_027 ul li .box .byline .writer:after {content:''; display:inline-block; width:1px; height:16px; background:#222; margin:0 9px 0 12px; vertical-align: middle;}
.arl_027 ul li .box .byline .date {display:inline-block;}
/* 기사리스트 027 끝 */
/* 기사리스트 028 시작 */
.arl_028 {width:100%;}
.arl_028 ul:after {content:''; clear:both; display:block;}
.arl_028 ul {margin:0 -13px;}
.arl_028 ul li {float:left; padding:0 13px; width:33.333%;}
.arl_028 ul li .box {position:relative; padding:16px 20px; border:1px solid #ebebeb;}
.arl_028 ul li .box .cate {position:absolute; top:20px; left:20px; color:#e41515; font-size:15px; font-weight:400;}
.arl_028 ul li .box .thumb {margin:0 auto; width:70px; height:70px; border-radius:35px; margin-top:13px;}
.arl_028 ul li .box .thumb img {display:block; width:100%; height:100%;}
.arl_028 ul li .box .title {line-height:22px; font-size:18px; height:44px; overflow:hidden; text-align:center; margin:12px 0 9px 0;}
.arl_028 ul li .box .title a {color:#222;}
.arl_028 ul li .box .body {line-height:20px; height:40px; overflow:hidden; font-size:15px; text-align:center;}
.arl_028 ul li .box .body a {color:#777;}
.arl_028 ul li .box .byline {text-align:center; margin-top:18px; margin-bottom:11px;}
.arl_028 ul li .box .byline .name {font-size:15px; color:#000;}
.arl_028 ul li .box .byline .name:after {content:''; display:inline-block; vertical-align: middle; width:1px; height:14px; background:#000; margin:0 2px 0 7px;}
.arl_028 ul li .box .byline .dept {font-size:15px; color:#000;}
/* 기사리스트 028 끝 */
/* 기사리스트 029 시작 */
.arl_029 {width:100%;}
.arl_029 h3 {font-weight:400; font-size:20px; color:#000; margin-bottom:20px;}
.arl_029 ul:after {content:''; clear:both; display:block;}
.arl_029 ul li {float:left; width:50%; margin-bottom:30px; padding-right:25px;}
.arl_029 ul li .title {font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_029 ul li .title a {color:#222;}
.arl_029 ul li .body {font-size:17px; line-height:26px; height:52px; overflow:hidden; margin:12px 0 13px 0;}
.arl_029 ul li .body a {color:#222;}
.arl_029 ul li .byline {color:#526bb1; font-size:16px;}
/* 기사리스트 029 끝 */
/* 기사리스트 030 시작 - 실시간뉴스 슬라이드*/
.arl_030 {width:100%; height:68px; border-bottom:1px solid #bfbfbf; padding:14px 0;}
.arl_030 .arl_030_wrap {width:1200px; margin:0 auto;}
.arl_030 .arl_030_wrap ul {float:left; width:1180px;}
.arl_030 .arl_030_wrap > div:after {clear:both; content:''; display:block;}
.arl_030 .cate {float:left; vertical-align: middle; background:#000; color:#fff; font-size:18px; text-align:center; width:120px; height:40px; line-height:40px; text-align:center; margin-right:25px;}
.arl_030 .title {float:left; vertical-align: middle; line-height:40px; color:#222; font-size:20px; width:calc(100% - 200px); overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_030 .title a {color:#222;}
.arl_030 .arw_box {float:right; width:20px;}
.arl_030 .arw_box .arl_030_prev {cursor:pointer;}
.arl_030 .arw_box .arl_030_next {cursor:pointer;}
/* 기사리스트 030 끝 */
/* 기사리스트 031 시작 */
.arl_031 {width:100%;}
.arl_031 h2 {font-size:20px; font-weight:500; color:#3165ac; margin-bottom:13px;}
.arl_031 h2 a {color:#3165ac;}
.arl_031 ul li {clear:both; margin-bottom:17px;}
.arl_031 ul li .title {font-size:19px; color:#000; margin-bottom:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_031 ul li .title a {color:#000;}
.arl_031 ul li .thumb {display:none; float:left; width:125px; height:70px; margin-right:25px;}
.arl_031 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_031 ul li .body {display:none; line-height:25px; max-height:75px; font-size:15px; color:#000; overflow:hidden;}
.arl_031 ul li .body a {color:#000;}
.arl_031 ul li:first-child .thumb {display:block;}
.arl_031 ul li:first-child .body {display:block;}
/* 기사리스트 031 끝 */
/* 기사리스트 032 시작 */
.arl_032 {width:100%;}
.arl_032 h2 {font-size:19px; line-height:24px; font-weight:500; color:#3165ac; margin-bottom:13px;}
.arl_032 ul li {margin-bottom:29px;}
.arl_032 ul li .title {font-size:17px; line-height:25px; height:50px; color:#000; margin:7px 0 0 0; overflow:hidden;}
.arl_032 ul li .title a {color:#000;}
.arl_032 ul li .thumb {width:290px; height:150px;}
.arl_032 ul li .thumb img {display:block; width:100%; height:100%;}
/* 기사리스트 032 끝 */
/* 기사리스트 033 시작 */
.arl_033 {width:100%; background:#333333;}
.arl_033 .top:after {content:''; clear:both; display:block;}
.arl_033 .top {padding:10px 20px;}
.arl_033 .top .title {float:left;}
.arl_033 .top .title h2 {display:inline-block; color:#fff; line-height:40px; font-size:20px; margin-left:16px;}
.arl_033 .top .youtube {float:right; padding-top:8px;}
.arl_033 .top .youtube .youtube_cnt {margin-left:-4px; display:inline-block; border:1px solid #8c8c8c; border-left:0; line-height:22px; padding:0 7px; color:#737373; font-size:12px; background:#fafafa;}
.arl_033 ul:after {content:''; clear:both; display:block;}
.arl_033 ul li {float:left; width:33.333%; border-right:1px solid #fff;}
.arl_033 ul li:last-child {border-right:0;}
.arl_033 ul li .thumb {position:relative; width:100%; height:190px;}
.arl_033 ul li .thumb iframe {display:block; width:100%; height:100%;}
.arl_033 ul li .title {height:40px; line-height:40px; background:#333; padding:0 15px; color:#fff; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_033 ul li .title a {color:#fff;}
/* 기사리스트 033 끝 */
/* 기사리스트 034 시작 */
.arl_034 {width:100%;}
.arl_034 h2 {font-size:19px; line-height:22px; font-weight:400; color:#3165ac; margin-bottom:13px;}
.arl_034 ul li {margin-bottom:14px;}
.arl_034 ul li .title {font-size:19px; line-height:22px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_034 ul li .title a {color:#000;}
/* 기사리스트 034 끝 */
/* 기사리스트 035 시작 */
.arl_035 {width:100%;}
.arl_035 h2 {font-size:19px; line-height:22px; font-weight:400; color:#3165ac; margin-bottom:13px;}
.arl_035 ul li:after {content:''; clear:both; display:block;}
.arl_035 ul li {margin-bottom:15px;}
.arl_035 ul li .thumb {float:left; width:50px; height:50px; margin-right:15px;}
.arl_035 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_035 ul li .cate {color:#e62117; font-size:17px; line-height:22px;}
.arl_035 ul li .name {color:#000; font-size:16px; line-height:22px;}
.arl_035 ul li .title {color:#000; font-size:17px; line-height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_035 ul li .title a {color:#000;}
/* 기사리스트 035 끝 */
/* 기사리스트 036 시작 */
.arl_036 {width:100%;}
.arl_036 h2 {font-size:19px; line-height:24px; font-weight:500; color:#3165ac; margin-bottom:20px;}
.arl_036 ul li {margin-bottom:24px;}
.arl_036 ul li .title {font-size:17px; line-height:25px; height:50px; color:#000; margin:6px 0 0 0; overflow:hidden;}
.arl_036 ul li .title a {color:#000;}
.arl_036 ul li .body {font-size:15px; line-height:25px; height:75px; color:#000; margin:5px 0 0 0; overflow:hidden;}
.arl_036 ul li .body a {color:#000;}
/* 기사리스트 036 끝 */
/* 기사리스트 037 시작 */
.arl_037 {width:100%;}
.arl_037 ul:after {content:''; clear:both; display:block;}
.arl_037 ul {margin:0 -17px;}
.arl_037 ul li {float:left; width:33.333%; padding:0 17px;}
.arl_037 ul li .cate {line-height:25px; background:#333; display:inline-block; font-size:17px; color:#fff; text-align:center; padding:0 15px; margin-bottom:13px;}
.arl_037 ul li .title {font-size:19px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:12px;}
.arl_037 ul li .title a {color:#000}
.arl_037 ul li .body {font-size:15px; line-height:25px; height:75px; color:#000; overflow:hidden;}
.arl_037 ul li .body a {color:#000;}
/* 기사리스트 037 끝 */
/* 기사리스트 038 시작 */
.arl_038 {position:relative;}
.arl_038 .arl_038_arw_prev {position:absolute; left:0; top:50%; margin-top:-20px; z-index:10; width:40px; height:40px; background:transparent url(../images/skin_img/arl_038_arw_prev.png) center center no-repeat; cursor:pointer;}
.arl_038 .arl_038_arw_next {position:absolute; right:0; top:50%; margin-top:-20px; z-index:10; width:40px; height:40px; background:transparent url(../images/skin_img/arl_038_arw_next.png) center center no-repeat; cursor:pointer;}
.arl_038:hover .arl_038_arw_prev {background-color:rgba(0, 0, 0, 0.5)}
.arl_038:hover .arl_038_arw_next {background-color:rgba(0, 0, 0, 0.5)}
.arl_038 .top {background:#333; width:100%; height:60px; }
.arl_038 .top h2 {font-size:20px; font-weight:400; color:#fff; line-height:60px; padding:0 25px;}
.arl_038 ul {position:relative;}
.arl_038 ul li {position:relative;}
.arl_038 ul li .thumb {width:100%; height:460px;}
.arl_038 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_038 ul li .mask {position:absolute; left:0; bottom:0; z-index:3; width:100%; height:65px; background:#000; opacity:0.5;}
.arl_038 ul li .title {position:absolute; left:0; bottom:0; z-index:5; width:100%; height:65px; line-height:65px; font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 25px;}
.arl_038 ul li .title a {color:#fff;}
.arl_038 .slick-dotted.slick-slider {margin-bottom:0;}
.arl_038 .slick-dots {bottom:auto; top:-43px; right:22px; position:absolute; width:auto;}
.arl_038 .slick-dots li {width:12px; height:12px; margin:0 2px 0 3px;}
.arl_038 .slick-dots li.slick-active button:before {color:#e8e8e8; background:transparent;}
.arl_038 .slick-dots li button {width:10px; height:10px;}
.arl_038 .slick-dots li button:before { color:#8c8c8c; width:12px; height:12px; line-height: 12px; opacity:1;}
/* 기사리스트 038 끝 */
/* 기사리스트 039 시작 */
.arl_039 {position:relative;}
.arl_039 .top {background:#333; width:100%; height:60px; }
.arl_039 .top h2 {font-size:20px; font-weight:400; color:#fff; line-height:60px; padding:0 25px;}
.arl_039 .box {position:relative; margin-bottom:1px;}
.arl_039 .box .arl_039_arw_prev {position:absolute; left:0; top:50%; margin-top:-30px; z-index:10; width:30px; height:30px; background:transparent url(../images/skin_img/arl_039_arw_prev.png) center center no-repeat; cursor:pointer;}
.arl_039 .box .arl_039_arw_next {position:absolute; right:0; top:50%; margin-top:-30px; z-index:10; width:30px; height:30px; background:transparent url(../images/skin_img/arl_039_arw_next.png) center center no-repeat; cursor:pointer;}
.arl_039:hover .arl_039_arw_prev {background-color:rgba(0, 0, 0, 0.5)}
.arl_039:hover .arl_039_arw_next {background-color:rgba(0, 0, 0, 0.5)}
.arl_039 ul {position:relative;}
.arl_039 ul li {position:relative; }
.arl_039 ul li .thumb {position:relative; width:100%; height:190px;}
.arl_039 ul li .thumb .play {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/skin_img/arl_039_play.png) 50% 50% no-repeat; opacity:0.5; cursor:pointer;}
.arl_039 ul li .thumb:hover .play {opacity:1;}
.arl_039 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_039 ul li .title {width:100%; height:40px; line-height:40px; background:#333; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 15px;}
.arl_039 ul li .title a {color:#fff;}
/* 기사리스트 039 끝 */
/* 기사리스트 040 시작 */
.arl_040 h2 {font-size:20px; font-weight:500; color:#3165ac; border-bottom:1px solid #d7d7d7; margin-bottom:20px; padding-bottom:12px;}
.arl_040 ul li {margin-bottom:30px;}
.arl_040 ul li:last-child {margin-bottom:0;}
.arl_040 ul li:after {content:''; clear:both; display:block;}
.arl_040 ul li .thumb {float:left; width:110px; height:125px; overflow:hidden; margin-right:20px;}
.arl_040 ul li .name {font-size:15px; color:#9a9a9a; margin-bottom:10px;}
.arl_040 ul li .title {font-size:18px; color:#000; line-height:30px; max-height:90px; overflow:hidden; }
.arl_040 ul li .title a {color:#000;}
/* 기사리스트 040 끝 */
/* 기사리스트 041 시작 */
.arl_041 {width:100%; position:relative;}
.arl_041 .arl_041_arw_prev {position:absolute; left:0; top:115px; margin-top:-15px; z-index:10; width:30px; height:30px; background:transparent url(../images/skin_img/arl_041_arw_prev.png) center center no-repeat; cursor:pointer;}
.arl_041 .arl_041_arw_next {position:absolute; right:0; top:115px; margin-top:-15px; z-index:10; width:30px; height:30px; background:transparent url(../images/skin_img/arl_041_arw_next.png) center center no-repeat; cursor:pointer;}
.arl_041:hover .arl_041_arw_prev {background-color:rgba(0, 0, 0, 0.5)}
.arl_041:hover .arl_041_arw_next {background-color:rgba(0, 0, 0, 0.5)}
.arl_041 .head_title {font-size:20px; font-weight:500; color:#3165ac; margin:0 0 17px 0;}
.arl_041 .lists {margin:0 -15px;}
.arl_041 .lists:after {content:""; clear:both; display:block;}
.arl_041 .lists li {float:left; width:33.333%; padding:0 15px;}
.arl_041 .lists li .box .thumb {position:relative;}
.arl_041 .lists li .box .thumb img {width:100%; height:150px;}
.arl_041 .lists li .box .title {font-size:17px; color:#000; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:12px 0 5px 0;}
.arl_041 .lists li .box .title a {color:#222;}
.arl_041 .lists li .box .body {font-size:15px; color:#000; line-height:25px; height:50px; overflow:hidden;}
.arl_041 .lists li .box .body a {color:#777;}
.arl_041 .lists li .box ul .title {float:none; width:100%; padding:0; font-size:17px; color:#000; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:12px 0 5px 0;}
.arl_041 .lists li .box ul .title a {color:#222;}
/* 기사리스트 041 끝 */
/* 기사리스트 042 시작 */
.arl_042 {width:100%}
.arl_042 .thumb {width:100%; height:150px;}
.arl_042 .thumb img {display:block; width:100%; height:100%;}
.arl_042 h2 {font-weight:400; margin:18px 0 9px 0; font-size:20px; color:#3165ac;}
.arl_042 ul li .title {font-size:18px; color:#000; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_042 ul li .title a {color:#000;}
/* 기사리스트 042 끝 */
/* 기사리스트 043 시작 */
.arl_043 { width: 100%; padding: 24px 20px 19px; border: 1px solid #d7d7d7;}
.arl_043 h2 {font-weight:500; margin:3px 0 12px 0; font-size:20px; color:#3165ac;}
.arl_043 ul li {margin-bottom:13px;}
.arl_043 ul li .title {font-size:18px; color:#000; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_043 ul li .title a {color:#000;}
.arl_043 ul li .date {font-weight:300; font-size:16px; color:#888;}
/* 기사리스트 043 끝 */
/* 기사리스트 044 시작 - 기사리스트 */
.arl_044 {width:100%;}
.arl_044 ul li {margin-bottom:34px;}
.arl_044 ul li:last-child {margin-bottom:0;}
.arl_044 ul li:after {clear:both; content:''; display:block;}
.arl_044 ul li .thumb {float:left; width:200px; height:150px; margin-right:30px;}
.arl_044 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_044 ul li .box .title {margin-bottom:21px; padding-top:12px; font-size:24px; font-weight:500; color:#222; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.arl_044 ul li .box .title a {color:#222; }
.arl_044 ul li .box .body {margin-bottom:12px; font-size:17px; font-weight:300; line-height:25px; max-height:50px; overflow:hidden; color:#222;}
.arl_044 ul li .box .body a {color:#222;}
.arl_044 ul li .box .byline {font-size:17px; color:#222;}
.arl_044 ul li .box .byline .writer {display:inline-block;}
.arl_044 ul li .box .byline .writer:after {content:''; display:inline-block; width:1px; height:16px; background:#222; margin:0 9px 0 12px; vertical-align: middle;}
.arl_044 ul li .box .byline .date {display:inline-block;}
/* 기사리스트 044 끝 */
/* 기사리스트 045 시작 */
.arl_045 {width:100%;}
.arl_045 h2 {font-size:20px; font-weight:500; color:#3165ac; border-bottom:1px solid #d7d7d7; margin-bottom:18px; padding-bottom:12px;}
.arl_045 h2 a {color:#3165ac;}
.arl_045 ul li {margin-bottom:17px;}
.arl_045 ul li:after {clear:both; content:''; display:block;}
.arl_045 ul li .title {font-size:19px; color:#000; margin-bottom:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.arl_045 ul li .title a {color:#000;}
.arl_045 ul li .thumb {float:left; width:125px; height:70px; margin-right:25px;}
.arl_045 ul li .thumb img {display:block; width:100%; height:100%;}
.arl_045 ul li .body {line-height:25px; max-height:75px; overflow:hidden; font-size:15px; color:#000;}
.arl_045 ul li .body a {color:#000;}
/* 기사리스트 045 끝 */
/* 기사리스트 046 시작 */
.arl_046 {position:relative;}
.arl_046 h2 {font-size: 19px; line-height: 24px; font-weight: 500; color: #3165ac; margin-bottom: 13px;}
.arl_046 .arl_046_arw_prev {position:absolute; left:0; top:50%; margin-top:5px; z-index:10; width:30px; height:30px; background:transparent url(../images/skin_img/arl_046_arw_prev.png) center center no-repeat; cursor:pointer;}
.arl_046 .arl_046_arw_next {position:absolute; right:0; top:50%; margin-top:5px; z-index:10; width:30px; height:30px; background:transparent url(../images/skin_img/arl_046_arw_next.png) center center no-repeat; cursor:pointer;}
.arl_046:hover .arl_046_arw_prev {background-color:rgba(0, 0, 0, 0.5)}
.arl_046:hover .arl_046_arw_next {background-color:rgba(0, 0, 0, 0.5)}
.arl_046 ul {margin:0 -5px;}
.arl_046 ul:after {content:'';  display:block; clear:both; }
.arl_046 ul li {float:left; position:relative; width:25%;  padding:0 5px; overflow:hidden;}
.arl_046 ul li .box {position:relative; height:125px;}
.arl_046 ul li:last-child {margin-right:0;}
.arl_046 ul li img {display:block; width:100%; height: 100%;}
.arl_046 ul li .title {display:block; position:absolute; left:30px; top:38px; width:120px; font-size:18px; line-height:25px; max-height:50px; overflow:hidden; font-weight:bold; color:#fff; z-index:5;}
.arl_046 ul li .title a {color:#fff;}
.arl_046 ul li .mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; z-index:3;}
/* 기사리스트 046 끝 */

/*********************************************************************************************************************
헤드라인 / 기사리스트 / 배너 영역 끝
**********************************************************************************************************************/

/*********************************************************************************************************************
기사 상세 시작
**********************************************************************************************************************/
.article_view {position:relative}
.article_view .article_head {border-bottom:1px solid #ebebeb; padding:0 0 24px; margin-bottom:20px;}
.article_view .article_head > .cate {margin-bottom:22px;}
.article_view .article_head .cate li {display:inline-block; margin-right:6px; background:#3165ac; padding:0 10px; color:#fff; line-height:25px;}
.article_view .article_head .title {font-size:40px; line-height:42px; color:#000; margin-bottom:20px;}
.article_view .article_head .subtitle {font-size:30px; line-height:34px; color:#000; margin-bottom:20px;}
.article_view .article_head .util_box {position:relative;}
.article_view .article_head .util_box:after {content:''; clear:both; display:block;}
.article_view .article_head .util_box .byline {float:left; font-size:14px; margin-top:15px; margin-right:15px; font-weight:300; color:#888;}
.article_view .article_head .util_box .date {float:left; font-size:14px; margin-top:15px; font-weight:300; color:#888;}
.article_view .article_head .util_box .tools {float:right;}
.article_view .article_head .util_box .tools .sns {position:absolute; left:-75px; top:0;}
.article_view .article_head .util_box .tools .sns:after {content:''; clear:both; display:block;}
.article_view .article_head .util_box .tools .sns li {margin-top: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:35px; height:35px; border:1px solid #e3e3e3; border-radius:50%; text-align:center; line-height:33px; margin-left:10px; color:#444; cursor:pointer;}
.article_view .article_head .util_box .tools .btns li.share {background:#FFF url("../images/common/article_view_icon_share.png") no-repeat center center; transition:0.3s}
.article_view .article_head .util_box .tools .btns li.share:hover {background:#7A9FDF url("../images/common/article_view_icon_share_over.png") no-repeat center center}
.article_view .article_head .util_box .tools .btns li.share.activity {background:#7A9FDF url("../images/common/article_view_icon_share_over.png") no-repeat center center}
.article_view .article_head .util_box .tools .btns li.font_up {background:#FFF url("../images/common/article_view_icon_fontup.png") no-repeat center center; transition:0.3s}
.article_view .article_head .util_box .tools .btns li.font_up:hover {background:#7A9FDF url("../images/common/article_view_icon_fontup_over.png") no-repeat center center}
.article_view .article_head .util_box .tools .btns li.font_down {background:#FFF url("../images/common/article_view_icon_fontdown.png") no-repeat center center; transition:0.3s}
.article_view .article_head .util_box .tools .btns li.font_down:hover {background:#7A9FDF url("../images/common/article_view_icon_fontdown_over.png") no-repeat center center}
.article_view .article_head .util_box .tools .btns li.print {background:#FFF url("../images/common/article_view_icon_print.png") no-repeat center center; transition:0.3s}
.article_view .article_head .util_box .tools .btns li.print:hover {background:#7A9FDF url("../images/common/article_view_icon_print_over.png") no-repeat center center}

.article_view .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_view .article_head .share_tools .lists {margin-bottom:9px}
.article_view .article_head .share_tools .lists:after {content:"";clear:both;display:block}
.article_view .article_head .share_tools .lists li {float:left;width:73px;text-align:center; margin-bottom:15px;}
.article_view .article_head .share_tools .lists li a img {margin-bottom:10px;}
.article_view .article_head .share_tools .lists li a span {display:block;font-size:13px; color:#000;}
.article_view .article_head .share_tools .lists li:first-child {margin-left:0}
.article_view .article_head .share_tools .url_copy:after {content:"";clear:both;display:block}
.article_view .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_view .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 .byline {font-size:14px; font-weight:300;}
.article_view .byline .writer {color:#888;}
.article_view .byline .email {display:inline-block; width:15px; height:11px; background:url(../images/common/icon_mail_type04.png) 0 0 no-repeat;}
.article_view .article_content {padding:25px 0 55px; border-bottom:1px solid #d7d7d7; font-weight:300;}
.article_view .article_content p {font-size:17px; line-height:170%; margin-bottom:1.6em;}
.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 .article_content figure figcaption { margin:0 auto; line-height: 20px; font-size: 14px; padding: 7px 10px; text-align: left;}
.article_view .article_content .tag {padding-left:65px; margin-top:50px; font-weight:400; min-height:30px; line-height:30px; background:url(../images/common/icon_tag.png) 0 0 no-repeat;}
.article_view .article_content .tag ul:after {content:''; clear:both; display:block;}
.article_view .article_content .tag ul li {float:left; line-height:30px; font-size:17px; border:1px solid #e1e1e1; padding:0 10px; margin-right:5px;}
.article_view .article_content .tag ul li a {color:#000;}
.article_view .article_content .tag ul li:hover {background-color: #4db2ec; border-color: #4db2ec;}
.article_view .article_content .tag ul li:hover a {color:#fff;}
.article_view .all_article_list {display:inline-block; border:1px solid #8688a9; color:#32346d; font-size:16px; line-height:18px; padding:4px 20px 6px;}
.article_view .copyright {font-size:15px; color:#000; font-weight:300;}
/*********************************************************************************************************************
기사 상세 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
댓글 시작
**********************************************************************************************************************/
.comment_wrap .count {font-size:24px; margin:0 0 25px 0; color:#333;}
.comment_wrap .count span {color:#ff0000;}
.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:calc(100% - 90px); height:86px; padding:10px; font-size:15px; font-weight:300; color:#444; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; resize:none;}
.comment_wrap .comment_write .comment_btn {float:right; width:90px; height:86px; color:#fff; background:#2d203a; font-size:18px; line-height:86px; text-align:center; cursor:pointer;}
.comment_wrap .orderby {padding-bottom:10px;}
.comment_wrap .orderby ul:after {content:''; clear:both; display:block;}
.comment_wrap .orderby ul li {float:left; font-size:17px; color:#777; line-height:28px; margin-right:27px; cursor:pointer;}
.comment_wrap .orderby ul li.on {color:#ff0000; border-bottom:1px solid #ff0000;}
.comment_wrap .orderby ul li:hover {color:#ff0000; border-bottom:1px solid #ff0000;}
.comment_wrap .comment_list .comment {border:1px solid #d7d7d7; padding:27px 25px 30px;}
.comment_wrap .comment_list .comment_top {height:30px; 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:20px; font-size:15px; color:#000; margin-right:20px;}
.comment_wrap .comment_list .comment .date {float:left; line-height:20px; font-size:13px; color:#a2a2a2; margin-right:11px;}
.comment_wrap .comment_list .comment .report {float:left; line-height:20px; font-size:13px; color:#a2a2a2; margin-left:8px;}
.comment_wrap .comment_list .comment .report a {color:#a2a2a2;}
.comment_wrap .comment_list .comment .split {float:left; width:1px; height:11px; margin-top:5px; background:#d7d7d7;}
.comment_wrap .comment_list .comment .recommend {float:right;}
.comment_wrap .comment_list .comment .recommend a {display:inline-block; color:#000; height:20px; line-height:20px; font-size:13px; font-weight:300; text-align:center; padding-left:30px; margin-left:5px;}
.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:14px; color:#000; line-height:25px; padding-bottom:24px;}
.comment_wrap .comment_list .comment .reply_btn {width:70px; height:25px; line-height:23px; border:1px solid #ff0000; color:#ff0000; font-size:13px; text-align:center; cursor:pointer;}
.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;}
.comment_wrap .comment_more a {color:#000;}

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

/*********************************************************************************************************************
기사 리스트 시작
**********************************************************************************************************************/
.container_top:after {content:''; clear:both; display:block;}
.top_title {font-size:32px; color:#000; margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #d7d7d7; font-weight:500;}
.section_subtitle {font-size:24px; color:#000; font-weight:400;}
.container_top {margin-bottom:35px;}
.container_top .top_title {float:left; margin-bottom:0;}
.container_top .datepicker {float:right; }
.datepicker > input[type="text"] {padding: 0 15px; width: 225px; 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(/images/admin/icon/page_prev.png);background-position: center center}
#ui-datepicker-div .ui-datepicker-next span {background-image:url(/images/admin/icon/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}
/*********************************************************************************************************************
기사 리스트 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
페이지네이션 시작
**********************************************************************************************************************/
.pagination_wrap {margin:30px auto 20px; text-align: center;}
.pagination {display:inline-block;}
.pagination:after {content:''; clear:both; display:block;}
.pagination li {float:left; margin-left:-1px;}
.pagination li.prev a, .pagination li.next a {border:0; font-size:14px; color:#222; margin:0 7px;}
.pagination li a {min-width:25px; height:25px; display:block; text-align:center; line-height:23px; font-size:14px; color:#aaa; border:1px solid #d7d7d7; padding:0 8px; font-weight:400;}
.pagination li.active a {color:#fff; background:#363636; border:1px solid #363636;}
/*********************************************************************************************************************
페이지네이션 끝
**********************************************************************************************************************/

/*********************************************************************************************************************
기사제보 시작
**********************************************************************************************************************/
.report h2.title {border-top:1px solid #d7d7d7;  color:#222; font-size: 30px; font-weight: 500; margin-bottom: 30px; padding:48px 40px 0;}
.report h3.subtitle {font-size:15px; line-height:25px; color:#777; font-weight:300; padding:0 40px;}
.report .report_form {border:1px solid #ebebeb; margin:40px 0 0 0; border-left:0; border-right:0; padding:45px 40px;}
.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;}
.report .table_type1 table tr th {width:120px;}
.report .privacy {padding:0 40px;}
@media (max-width: 1200px) and (min-width: 320px) {
    .table_type1 table tr th, .table_type1 table tr td {display:block; padding:0;}
    .table_type1 table tr th {margin: 19px 0 10px 0;}
    .member_wrap .ipt_label {margin:0;}
}

/*********************************************************************************************************************
기사제보 끝
**********************************************************************************************************************/

/* 시군별 뉴스 시작 */
.city_box h2 {font-size: 19px; line-height: 24px; font-weight: 500; color: #3165ac; margin-bottom: 13px;}
.city_box table {width:100%;}
.city_box table tr th {font-size:18px; color:#3165ac; font-weight:500; width:240px; border:1px solid #f0f0f0;}
.city_box table tr td {font-size:16px; color:#000; text-align:center; height:55px; border:1px solid #f0f0f0;}
.city_box table tr td a {color:#000;}
/* 시군별 뉴스 끝 */

/* PDF 지면보기 시작 */
.pdf_list {}
.pdf_list ul {margin:0 -20px;}
.pdf_list ul:after {content:''; clear:both; display:block;}
.pdf_list ul li {float:left; width:25%; 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%; background:url(../images/common/pdf_mask.png) 0 0;}
.pdf_list ul li .thumb:hover .mask {display:block;}
.pdf_list ul li .thumb .mask a {position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-23px; display:inline-block; width:200px; height:45px; line-height:45px; background-color:#4594ff; color:#fff; font-size:17px; text-align:center;}
.pdf_list ul li .num {line-height:50px; text-align:center; font-size:20px; color:#000;}
/* PDF 지면보기 끝 */

/* 회원가입 시작 */
.member_wrap {background:#f9f9f9; min-height:100%;}
.member_wrap > .inner {width:100%; min-height:100%; max-width:560px; background:#fff; margin:0 auto;}
.member_wrap .inner .member_header {height:170px; border-bottom:1px solid #d7d7d7;}
.member_wrap .inner .member_header .logo {max-width:270px; text-align:center; margin:0 auto; padding-top:49px;}
.member_wrap .inner .member_header .logo img {max-width:200px; max-height:70px;}

.member_wrap .inner .member_container {padding:30px 40px;}
.member_wrap .inner .member_container > .title {font-size:30px; font-weight:500; margin-bottom:30px;}
.member_wrap .inner .member_container > .title1 {font-size:24px; font-weight:500;}
.member_wrap .inner .member_container > .step_wrap {overflow:hidden;}
.member_wrap .inner .member_container > .step_wrap .step_box {width:112%;}
.member_wrap .inner .member_container > .step_wrap .step_box:after {content:''; clear:both; display:block;}
.member_wrap .inner .member_container > .step_wrap .step {float:left; width:25%; min-width:70px; position:relative;}
.member_wrap .inner .member_container > .step_wrap .step .circle {position:relative; z-index:5; background:#ebebeb; width:70px; height:70px; border-radius:50%;}
.member_wrap .inner .member_container > .step_wrap .step .circle p {color:#868686; font-size:15px; text-align:center;}
.member_wrap .inner .member_container > .step_wrap .step .circle p:first-child {padding:13px 0 2px; font-weight:300;}
.member_wrap .inner .member_container > .step_wrap .step .circle p.num {font-size:26px; font-weight:700; text-align:center;}
.member_wrap .inner .member_container > .step_wrap .step .bar {position:absolute; top:28px; background:#ebebeb; width:100%; height:15px;}
.member_wrap .inner .member_container > .step_wrap .step.active .circle {background:#2575e2;}
.member_wrap .inner .member_container > .step_wrap .step.active .circle p {color:#fff;}
.member_wrap .inner .member_container > .step_wrap .step.active .bar {background:#2575e2;}
.member_wrap .inner .member_container > .step_wrap .step.before .circle {background:#2575e2;}
.member_wrap .inner .member_container > .step_wrap .step.before .circle p {color:#a8c0f0;}
.member_wrap .inner .member_container > .step_wrap .step.before .bar {background:#2575e2;}

.member_wrap .join_agree_box p {font-size:20px; color:#000; margin:39px 0 15px 0;}
.member_wrap .join_agree_box textarea {width:100%; height:100px; margin-bottom:12px; border:1px solid #d7d7d7; padding:16px 20px; font-size:15px; font-weight:300; color:#888; line-height:1.5; resize: none;}
.member_wrap .checkbox .checkmark {border-radius: 50%; background-color:#fff; border:1px solid #e2e2e2;}
.member_wrap .checkbox .checkmark:after {left: 6px; top: 3px; width: 5px; height: 8px; border: solid #fff; border-width: 0 1px 1px 0;}
.member_wrap .checkbox input:checked~.checkmark {background-color:#2575e2; border:0;}

.member_wrap .btn_send_num {cursor:pointer; border:1px solid #a0a0a0; font-size:15px; color:#000; height:35px; line-height:33px; padding:0 10px; display:inline-block;}
.member_wrap .btn_send_num:hover {background:#a0a0a0; color:#fff;}

.member_wrap .tel_form {display:none;}

.member_wrap .ipt_label {display:block; margin:19px 0 10px 0; font-size:17px; color:#000; font-weight:400;}
.member_wrap .ipt_icon {width:auto; right:10px;}
.member_wrap .ipt_icon button {cursor:pointer; border:1px solid #a0a0a0; color:#000; font-size:15px; font-weight:400; text-align:center; line-height:33px; padding:0 13px; }
.member_wrap .ipt_icon button:hover {background:#a0a0a0; color:#fff;}

.member_wrap .member_join_check {position:relative; width:60px; height:60px; border-radius:50%; background:#2575e2; margin:35px auto 0;}
.member_wrap .member_join_check:after {content:''; position: absolute; left: 21px; top: 12px; width: 15px; height: 27px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.member_wrap .member_join_txt1 {font-size:30px; color:#000; line-height:48px; text-align:center; margin:35px 0 68px 0;}
.member_wrap .member_join_txt2 {font-size:17px; color:#000; text-align:center;}

.member_footer {border-top:1px solid #d7d7d7; padding:25px 0 30px;}
.member_footer .copyright {font-size:15px; color:#888; text-align:center;}
/* 회원가입 끝 */

@media (min-width:320px) and (max-width:500px) {
    .member_wrap .inner .member_container > .step_wrap .step_box {width:100%;}
}

/* 로그인, 회원찾기 시작 */
.member_wrap .inner .member_container .txt_error {color:#e62117; font-size:15px; font-weight:300; margin:10px 0 0;}
.member_wrap .inner .member_container .txt_success {color:#2675e2; font-size:15px; font-weight:300; margin:10px 0 0;}
.member_wrap .btn_login {width:100%; background:#2575e2; color:#fff; text-align:center; height:55px; line-height:55px; font-size:20px;}
.member_wrap .member_find {text-align:center; margin-top:24px;}
.member_wrap .member_find li {display:inline-block; font-size:17px; line-height:20px; vertical-align: middle; font-weight:300;}
.member_wrap .member_find li:after {content:''; display:inline-block; line-height:20px; width:1px; height:15px; background:#dedede; margin:0 16px 0 20px; vertical-align: middle;}
.member_wrap .member_find li:last-child:after {display:none;}
.member_wrap .member_find li a {color:#888;}
.member_wrap .member_container .member_find_txt {font-size:17px;}
.member_wrap .member_container .member_id_result {border:1px solid #e1e1e1; background:#f9f9f9; color:#000; text-align:center; padding:35px 0; font-size:20px;}
.member_wrap .member_container .btn_wrap:after {content:''; clear:both; display:block;}
.member_wrap .member_container .btn_wrap .btn_member_join {float:left; width:calc(50% - 5px);}
.member_wrap .member_container .btn_wrap .btn_member_find {float:right; width:calc(50% - 5px);}
/* 로그인, 회원찾기 끝 */

/* 구독신청, 마이페이지 시작 */
.subpage_wrap .subpage_header {border-bottom:1px solid #d7d7d7; height:80px;}
.subpage_wrap .subpage_header .inner {width:1200px; margin:0 auto;}
.subpage_wrap .subpage_header .inner:after {clear:both; content:''; display:block;}
.subpage_wrap .subpage_header .logo {float:left;}
.subpage_wrap .subpage_header .logo a {display:block;}
.subpage_wrap .subpage_header .logo img {max-width:105px; margin-top:19px; display: inline-block;}
.subpage_wrap .subpage_header .nav {float:right;}
.subpage_wrap .subpage_header .nav ul li {display:inline-block; line-height:80px;}
.subpage_wrap .subpage_header .nav ul li:after {content:''; display:inline-block; background:#c2c2c2; height:16px; width:1px; margin:0 20px 0 20px;}
.subpage_wrap .subpage_header .nav ul li:last-child:after {display:none;}
.subpage_wrap .subpage_header .nav ul li a {font-size:18px; color:#000;}
.subpage_wrap .subpage_header .nav ul li:hover a, .subpage_wrap .subpage_header .nav ul li.on a {color:#2575e2;}
.subpage_wrap .subpage_container {margin:50px auto; width:1200px;}
.subpage_wrap .subpage_container.box {border:1px solid #e1e1e1; padding:70px 60px;}
.subpage_wrap .subpage_container .subpage_title {font-size:36px; font-weight:400; margin-bottom:50px;}
.subpage_wrap .subpage_container .subpage_subtitle {position:relative; font-size:20px; font-weight:400; margin-bottom:30px;}
.subpage_wrap .subpage_container .subpage_subtitle span.blue {color:#2575e2;}
.subpage_wrap .subpage_container .subpage_subtitle .btn_secession {position:absolute; right:0; top:-10px; display:inline-block; border:1px solid #a0a0a0; color:#4c4c4c; line-height:38px; font-size:17px; padding:0 20px;}
.subpage_wrap .subpage_container .subpage_line {height:1px; width:100%; background-color:#000;}
.subpage_wrap .subpage_container .contents {width:770px; margin:40px auto;}
.subpage_wrap .subpage_container .ipt_label {display:block; margin:19px 0 10px 0; font-size:17px; color:#000; font-weight:400;}
.subpage_wrap .subpage_container .ipt_icon {width:auto; right:10px;}
.subpage_wrap .subpage_container .ipt_icon button {cursor:pointer; border:1px solid #a0a0a0; color:#000; font-size:15px; font-weight:400; text-align:center; line-height:33px; padding:0 13px; }
.subpage_wrap .subpage_container .ipt_icon button:hover {background:#a0a0a0; color:#fff;}
.subpage_wrap .checkbox .checkmark {border-radius: 50%; background-color:#fff; border:1px solid #e2e2e2;}
.subpage_wrap .checkbox .checkmark:after {left: 6px; top: 3px; width: 5px; height: 8px; border: solid #fff; border-width: 0 1px 1px 0;}
.subpage_wrap .checkbox input:checked~.checkmark {background-color:#2575e2; border:0;}
.subpage_wrap .subpage_container .btn_wrap {border-top:1px solid #ccc; padding-top:50px; text-align:center;}
.subpage_wrap .subpage_container .btn_wrap.bt0 {border-top:0;}
.subpage_wrap .subpage_container .btn_wrap .btn_subscribe {display:inline-block; width:235px; height:55px; line-height:55px; font-size:20px; color:#fff; background:#2575e2; font-size:20px; margin:0 5px; border:0; cursor:pointer;}
.subpage_wrap .subpage_container .btn_wrap .btn_myinfo_change {display:inline-block; width:235px; height:55px; line-height:55px; font-size:20px; color:#fff; background:#2575e2; font-size:20px; margin:0 5px; border:0; cursor:pointer;}
.subpage_wrap .subpage_container .btn_wrap .btn_member_join {display:inline-block; width:235px; height:55px; line-height:55px; font-size:20px; color:#fff; background:#2575e2; font-size:20px; margin:0 5px; border:0; cursor:pointer;}
.subpage_wrap .subpage_container .btn_wrap .btn_cancel {display:inline-block; width:235px; height:55px; line-height:53px; border:1px solid #d7d7d7; color:#606060; background:#fff; font-size:20px; margin:0 5px; cursor:pointer;}
.subpage_wrap .subpage_container .card_box {display:none;}

.mypage_myinfo_confirm {padding:100px 0; border-bottom:1px solid #ccc; text-align:center;}
.mypage_myinfo_confirm label {padding:0 46px; font-size:17px; color:#000;}
.mypage_myinfo_confirm .ipt {width:460px; margin-right:6px;}
.mypage_myinfo_confirm .btn_confirm {background:#2575e2; color:#fff; line-height:50px; width:220px; text-align:center; font-size:20px; border:0; vertical-align: middle; cursor:pointer;}

.mypage_secession .box1 {text-align:center; padding:85px 0; font-size:26px; border-bottom:1px solid #ebebeb;}
.mypage_secession .box1 span {color:#2575e2;}
.mypage_secession .box2 {padding:45px 0 42px; border-bottom:1px solid #ccc;}
.mypage_secession .box2 .txt1 {font-size:20px; color:#000;}
.mypage_secession .box2 .txt1 span {color:#2575e2;}
.mypage_secession .box2 .txt2 {font-size:17px; color:#000; line-height:23px; margin-top:10px;}
.mypage_secession .box3 {padding:25px 0;}

.mypage_secession_end .secession_check {position:relative; width:60px; height:60px; border-radius:50%; background:#2575e2; margin:35px auto 0;}
.mypage_secession_end .secession_check:after {content:''; position: absolute; left: 21px; top: 12px; width: 15px; height: 27px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mypage_secession_end .secession_txt1 {font-size:30px; color:#000; line-height:48px; text-align:center; margin:35px 0 68px 0;}
.mypage_secession_end .secession_txt2 {font-size:17px; color:#000; text-align:center;}

.subpage_wrap .subpage_container .txt_error {font-size:15px; font-weight:300; color:#e70c0c; margin:20px 0;}
.subpage_wrap .subpage_container .txt_fail {font-size:15px; font-weight:300; color:#e70c0c; margin:9px 0 0;}
.subpage_wrap .subpage_container .txt_succese {font-size:15px; font-weight:300; color:#2575e2; margin:9px 0 0;}

.subpage_wrap .subpage_footer {background:#fff; margin-top:100px; border-top:1px solid #d7d7d7;}
.subpage_wrap .subpage_footer .inner {margin:0 auto;padding:38px 0 41px;width:1200px}
.subpage_wrap .subpage_footer .inner:after {content:"";clear:both;display:block}
.subpage_wrap .subpage_footer .inner .f_logo {margin-right:55px;margin-top:5px;float:left;}
.subpage_wrap .subpage_footer .inner .info {float:left;}
.subpage_wrap .subpage_footer .inner .info .services:after {content:"";clear:both;display:block}
.subpage_wrap .subpage_footer .inner .info .services li {float:left; margin-bottom:19px; line-height:25px; background:url("../images/common/f_dot.png") no-repeat 10px center}
.subpage_wrap .subpage_footer .inner .info .services li:first-child {padding-left:0;background:none}
.subpage_wrap .subpage_footer .inner .info .services li:after {content:'|'; color:#3e3e3e; font-size:14px; padding:0 15px; display:inline-block; vertical-align: top; }
.subpage_wrap .subpage_footer .inner .info .services li:last-child:after {display:none;}
.subpage_wrap .subpage_footer .inner .info .services li a {color:#3e3e3e; font-size:15px; letter-spacing:-0.05em}
.subpage_wrap .subpage_footer .inner .info .company_info {font-size:15px; font-weight:300; line-height:23px;color:#999; font-weight:300;}
.subpage_wrap .subpage_footer .inner .info .company_info span {margin:0 15px;}
.subpage_wrap .subpage_footer .inner .info .copyright {margin-top:21px; font-size:15px; font-weight:300; line-height:23px; color:#999; font-weight:300;}
.subpage_wrap .subpage_footer .inner .info .copyright a {color:#e70c0c;}
.subpage_wrap .subpage_footer .inner .info .copyright span {margin:0 18px;}
.subpage_wrap .subpage_footer .inner .powered {clear:both; text-align:right; padding-top:30px;}

@media (min-width:320px) and (max-width:1200px) {
    .subpage_wrap .subpage_header {height:50px;}
    .subpage_wrap .subpage_header .logo img {max-width:140px; max-height:25px; margin-top: 11px;}
    .subpage_wrap .subpage_header .nav ul li {line-height:50px;}
    .subpage_wrap .subpage_header .nav ul li:after {margin:0 10px;}
    .subpage_wrap .subpage_header .inner {width:100%; padding:0 15px;}
    .subpage_wrap .subpage_container {width:100%; margin:0;}
    .subpage_wrap .subpage_container.box {border:0; padding:20px 15px;}
    .subpage_wrap .subpage_container .subpage_title {font-size:25px; margin-bottom:20px;}
    .subpage_wrap .subpage_container .subpage_subtitle {font-size:16px; margin-bottom:10px;}
    .mypage_myinfo_confirm {padding:50px 0;}
    .mypage_myinfo_confirm label {display:block; margin:0 0 20px 0; font-size:25px; padding:0; text-align:left; }
    .mypage_myinfo_confirm .ipt {width:100%; margin-bottom:20px;}
    .mypage_myinfo_confirm .btn_confirm {width:100%;}
    .subpage_wrap .subpage_footer {margin-top: 20px;}
    .subpage_wrap .subpage_footer .inner {padding:20px 15px; width:100%;}
    .subpage_wrap .subpage_footer .inner .f_logo {display:none;}
    .subpage_wrap .subpage_footer .inner .info .services {margin-bottom:20px;}
    .subpage_wrap .subpage_footer .inner .info .services li {margin-bottom:0;}
    .subpage_wrap .subpage_footer .inner .info .services li:after {padding:0 10px;}
    .subpage_wrap .subpage_footer .inner .info .copyright span {display:block;}
    .subpage_wrap .subpage_container .subpage_subtitle .btn_secession {position:static;  display:block; text-align:center; margin-top:20px;}
    .subpage_wrap .subpage_container .contents {width:100%; margin:20px auto;}
    .table_type3 colgroup {display:none;}
    .table_type3 table tr th {display:block; padding:20px 10px 5px; font-weight:600;}
    .table_type3 table tr td {display:block; padding:15px 10px;}
    .subpage_wrap .subpage_container .btn_wrap {padding-top:20px;}
    .subpage_wrap .subpage_container .btn_wrap:after {content:''; clear:both; display:block;}
    .subpage_wrap .subpage_container .btn_wrap .btn_subscribe {width:calc(50% - 5px); float:left; margin:0;}
    .subpage_wrap .subpage_container .btn_wrap .btn_myinfo_change {width:calc(50% - 5px); float:left; margin:0;}
    .subpage_wrap .subpage_container .btn_wrap .btn_member_join {width:calc(50% - 5px); float:left; margin:0;}
    .subpage_wrap .subpage_container .btn_wrap .btn_cancel {width:calc(50% - 5px); float:right; margin:0;}

    .mypage_secession .box1 {font-size:24px; padding:40px 0;}
    .mypage_secession .box2 {padding:20px 0 20px;}
    .mypage_secession .box2 .txt1 {font-size:18px;}
    .mypage_secession .box2 .txt2 {font-size:15px;}
    .mypage_secession .box3 {padding:15px 0;}

    .mypage_secession_end .secession_txt1 {font-size:26px; line-height:40px; margin:20px 0 30px 0;}
}
/* 구독신청, 마이페이지 끝 */

/* 캡챠 자동등록(입력)방지 기본 -pc 시작 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:80px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/assets/nwcms/sample/site/images/common/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/assets/nwcms/sample/site/images/common/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
/* 캡챠 자동등록(입력)방지 기본 -pc 끝 */

/* select 공통 시작 */
.slt { padding: 0 10px;padding-right: 0;height: 50px;border: 1px solid #acacac;font-size: 17px;letter-spacing: -0.025em;}
.slt::-ms-expand {display: none}
.slt.slt_small {height: 40px;border: 1px solid #d7d7d7;font-size: 15px}
.slt.slt_w180 {width: 180px}
.slt.slt_w170 {width: 170px}
/* select 공통 끝 */

/* 나의스크랩 */
.top_util .number {display: inline-block;font-size: 18px;line-height: 40px}
.top_util .box {float: right}
/* 나의스크랩 끝 */

/* list_table 시작*/
.list_table table {width: 100%}
.list_table table thead tr {background-color: #f7f7f7;border-top: 2px solid #e9e9e9}
.list_table table thead tr th {padding: 15px 0;font-size: 16px;line-height: 25px}
.list_table table tbody tr {border-bottom: 1px solid #ebebeb}
.list_table table tbody tr td {padding: 15px 10px;font-size: 16px;text-align: center;line-height: 25px}
.list_table table tbody tr td.cursor {cursor: pointer}
.list_table table tbody tr td.txtl {text-align: left}
.list_table table tbody tr td .btn_del {display: inline-block;width: 70px;height: 25px;font-size: 15px;line-height: 25px;border: 1px solid #e41855;color: #e41855;cursor: pointer}
.list_table table tbody tr td .btn_del:hover {background:#e41855;color:#fff;}
/* list_table 끝*/