/*********************************************************************************************************************
기사 리스트 시작
*********************************************************************************************************************/
.banner {width:100%;max-width:768px}
.banner img {width:100%; height:auto;}
/* 기사 리스트 001 시작 */
/*.arl_001 .thumb {width:100%;overflow:hidden; position:relative; padding-top:56.25%; background: #f1efef;}*/
/*.arl_001 .thumb img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}*/
/*.arl_001 .box {padding:18px 14px}*/
/*.arl_001 .box .title {max-height:44px;overflow:hidden}*/
/*.arl_001 .box .title a {font-size:18px;line-height:22px}*/
/*.arl_001 .box .lists {position:relative;margin-top:15px;padding-left:12px}*/
/*.arl_001 .box .lists:after {content:"";position:absolute;left:0;top:0;width:2px;height:100%;background-color:#000}*/
/*.arl_001 .box .lists li {height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*/
/*.arl_001 .box .lists li a {line-height:25px}*/
.arl_001 {margin-bottom: 10px; position:relative;}
.arl_001 .thumb {width:100%; max-height: 50vw; overflow:hidden; background: #f1efef;}
.arl_001 .thumb img {width:100%; height:100%; margin-top: -5vw;}
.arl_001 .box {padding:18px 14px; position:absolute;bottom:0;}
.arl_001 .box .title {max-height:70px;overflow:hidden}
.arl_001 .box .title a {font-size:24px;line-height:36px; color: #ffffff; text-shadow: 1px 1px 4px #000000;}
.arl_001 .box .lists {position:relative;margin-top:15px;padding-left:12px}
.arl_001 .box .lists:after {content:"";position:absolute;left:0;top:0;width:2px;height:100%;background-color:#000}
.arl_001 .box .lists li {height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arl_001 .box .lists li a {line-height:25px;}
.arl_001 .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/arl_003/bg_001.png) repeat-x;background-size:contain}
/* 기사 리스트 001 끝 */
/* 기사 리스트 002 시작 */
.arl_002 .thumb {width:100%;overflow:hidden; position:relative;  padding-top:56.25%;  background: #f1efef;}
.arl_002 .thumb img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.arl_002 .box {padding:18px 14px}
.arl_002 .box .title {height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arl_002 .box .title a {font-size:18px;line-height:50px}
/* 기사 리스트 002 끝 */
/* 기사 리스트 003 시작 */
.arl_003 {padding:0 14px}
.arl_003 .lists {margin:0 -5px}
.arl_003 .lists:after {content:"";clear:both;display:block}
.arl_003 .lists li {float:left;padding:5px;width:50%; overflow:hidden;}
.arl_003 .lists li .thumb {display:inline-block;position:relative;width:100%; overflow:hidden; /*height:130px*/  padding-top:56.25%;  background: #f1efef;}
.arl_003 .lists li .thumb img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.arl_003 .lists li .thumb .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/arl_003/bg_001.png) repeat-x;background-size:contain}
.arl_003 .lists li .thumb .title {position:absolute;bottom:0;margin:15px;max-height:44px;overflow:hidden}
.arl_003 .lists li .thumb .title a {font-size:16px;line-height:22px;color:#fff}
/* 기사 리스트 003 끝 */
/* 기사 리스트 004 시작 */
.arl_004 {padding:0 14px}
.arl_004 .thumb {margin-bottom:12px; width:100%;overflow:hidden; position:relative; padding-top:56.25%; background: #f1efef;}
.arl_004 .thumb img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.arl_004 .title {margin-bottom:8px;max-height:44px;overflow:hidden}
.arl_004 .title a {font-size:16px;line-height:22px}
.arl_004 .byline p.name {font-size:12px;color:#afafaf;font-weight:300}
/* 기사 리스트 004 끝 */
/* 기사 리스트 005 시작 */
.arl_005 .top h2 {padding:0 14px;margin-bottom:15px;font-size:18px;color:#295879;font-weight:500}
.arl_005 .lists li .thumb {position:relative; overflow:hidden; padding-top:56.25%; background: #f1efef;}
.arl_005 .lists li .thumb a img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.arl_005 .lists li .thumb .title {position:absolute;bottom:0;left:0;padding:0 15px;padding-right:50px;width:100%;height:40px;line-height:40px;color:#fff;background-color:#0c76c5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arl_005 .lists li .thumb .title a {position:absolute;right:0;padding:6px 10px;display:inline-block;width:40px;height:40px;font-size:12px;color:#fff;background:#063b62 url(../images/common/more.png) no-repeat center 23px;background-size:11px}
.arl_005 .arl_005_slick .slick-prev {left:10px;z-index:1}
.arl_005 .arl_005_slick .slick-next {right:10px;z-index:1}
.arl_005 .arl_005_slick .slick-prev:before, .arl_005 .arl_005_slick .slick-next:before {color:#e9e9e9}
/* 기사 리스트 005 끝 */
/* 기사 리스트 006 시작 */
.arl_006 {padding:10px 13px;background-color:#e9e9e9}
.arl_006 .lists:after {content:"";clear:both;display:block}
.arl_006 .lists li {float:left;padding:1px;width:33.33%;text-align:center;}
.arl_006 .lists li a {display:block;line-height:30px;background-color:#fff}
/* 기사 리스트 006 끝 */
/* 기사 리스트 007 시작 */
.arl_007 {padding:10px 13px;background-color:#e9e9e9}
.arl_007 .lists:after {content:"";clear:both;display:block}
.arl_007 .lists li {float:left;padding:1px;width:33.33%;text-align:center;}
.arl_007 .lists li a {display:block;line-height:30px;background-color:#fff}
/* 기사 리스트 007 끝 */
/* 기사 리스트 008 시작 */
.arl_008 {padding:0 14px}
.arl_008 .top h2 {font-size:18px;color:#295879;font-weight:500}
.arl_008 .lists li {padding:10px 0;border-bottom:1px solid #f6f6f6}
.arl_008 .lists li:after {content:"";clear:both;display:block}
.arl_008 .lists li .box {float:left}
.arl_008 .lists li .box .title {max-width:518px;max-height:40px;overflow:hidden}
.arl_008 .lists li .box .title a {line-height:20px}
.arl_008 .lists li .box .byline .name {margin-top:5px;font-size:12px;color:#afafaf}
.arl_008 .lists li .thumb {float:right;width:45px;height:45px;border-radius:50%;overflow:hidden}
.arl_008 .lists li .thumb img {width:100%;height:100%}
/* 기사 리스트 008 끝 */
/* 기사 리스트 009 시작 */
.arl_009 {padding:0 14px;}
.arl_009 .top:after {content:"";clear:both;display:block}
.arl_009 .top h2 {float:left;font-size:18px;color:#295879;font-weight:500}
.arl_009 .top .more {float:right}
.arl_009 .top .more a {font-size:12px}
.arl_009 .thumbs {padding:10px 0;padding-top:15px;border-bottom:3px solid #eee}
.arl_009 .thumbs .lists li {padding:1%;width:20%;text-align:center}
.arl_009 .thumbs .lists li img {display:inline-block;width:100%;cursor:pointer}
.arl_009 .thumbs .lists .slick-active img {border:2px solid #E9E9E9}
.arl_009 .thumbs .lists .slick-current img {border:2px solid #295879}
.arl_009 .slick_box .lists li:after {content:"";clear:both;display:block}
.arl_009 .slick_box .lists li {padding:10px 0;width:80%}
.arl_009 .slick_box .lists li .cate {padding:0 5px;margin-bottom:5px;display:inline-block;max-width:100%;height:18px;font-size:12px;line-height:16px;border:1px solid #000;overflow:hidden}
.arl_009 .slick_box .lists li .title {margin-bottom:5px;max-height:40px;overflow:hidden}
.arl_009 .slick_box .lists li .title a {line-height:20px}
.arl_009 .slick_box .lists li .body {margin-bottom:5px;max-height:60px;overflow:hidden}
.arl_009 .slick_box .lists li .body a {line-height:20px}
.arl_009 .slick_box .lists li .byline .name {font-size:12px;color:#888;font-weight:300}
/* 기사 리스트 009 끝 */
/* 기사 리스트 010 시작 */
.arl_010 {padding:10px 13px;background-color:#e9e9e9}
.arl_010 .lists:after {content:"";clear:both;display:block}
.arl_010 .lists li {float:left;padding:1px;width:50%;text-align:center}
.arl_010 .lists li a {display:block;line-height:50px;background-color:#fff}
.arl_010 .lists li a img {margin-right:10px;width:35px;vertical-align:middle}
/* 기사 리스트 010 끝 */
/* 기사 리스트 011 시작 */
.arl_011 {padding:0 14px}
.arl_011 .top h2 {font-size:18px;color:#295879;font-weight:500}
.arl_011 .lists li {padding:10px 0;border-bottom:1px solid #f6f6f6}
.arl_011 .lists li:after {content:"";clear:both;display:block}
.arl_011 .lists li .title {float:left;padding-right:20px;margin-top:2%;width:70%;max-height:44px;overflow:hidden}
.arl_011 .lists li .title a {font-size:16px;line-height:22px}
.arl_011 .lists li .thumb {float:right;width:85px;height:55px}
.arl_011 .lists li .thumb img {width:100%;height:100%}
/* 기사 리스트 011 끝 */
/* 기사 리스트 012 시작 */
.arl_012 {padding:0 12px}
.arl_012 .arl_012_tab {border-bottom:1px solid #E7E7E7}
.arl_012 .arl_012_tab:after {content:"";clear:both;display:block}
.arl_012 .arl_012_tab li {position:relative;float:left;width:50%;font-size:16px;line-height:36px;text-align:center;letter-spacing:-0.05em;font-weight:300;cursor:pointer}
.arl_012 .arl_012_tab li.on {color:#c50c0c}
.arl_012 .tab_box .tab_content{display:none}
.arl_012 .tab_box .first_tab_box {display:block}
.arl_012 .tab_box .tab_content .lists li {padding:10px 0;border-bottom:1px solid #f6f6f6}
.arl_012 .tab_box .tab_content .lists li:after {content:"";clear:both;display:block}
.arl_012 .tab_box .tab_content .lists li .box {float:left;width:70%}
.arl_012 .tab_box .tab_content .lists li .box .title {margin-top:5%;padding-right:20px;max-height:44px;overflow:hidden}
.arl_012 .tab_box .tab_content .lists li .box .title a {font-size:16px;line-height:22px}
.arl_012 .tab_box .tab_content .lists li .box .title a span {margin-right:10px;font-size:18px;color:#C00000}
.arl_012 .tab_box .tab_content .lists li .thumb {float:right;width:85px;height:60px}
.arl_012 .tab_box .tab_content .lists li .thumb a img {width:100%;height:100%}
/* 기사 리스트 012 끝 */
/* 기사 리스트 013 시작 */
.arl_013 {padding:20px 14px;background-color:#F1F7FF}
.arl_013 .top h2 {font-size:18px;color:#295879;font-weight:500}
.arl_013 .lists li {padding:10px 0;border-bottom:1px solid #f6f6f6}
.arl_013 .lists li:last-child {padding-bottom:0}
.arl_013 .lists li:after {content:"";clear:both;display:block}
.arl_013 .lists li .title {float:left;padding-right:20px;width:75%;max-height:44px;overflow:hidden}
.arl_013 .lists li .title a {font-size:16px;line-height:22px}
.arl_013 .lists li .thumb {float:right;width:70px;height:45px}
.arl_013 .lists li .thumb img {width:100%;height:100%}
/* 기사 리스트 013 끝 */
/* 기사 리스트 014 시작 */
.arl_014 {padding:0 14px}
.arl_014 h2 {margin-bottom:15px;font-size:18px;font-weight:500}
.arl_014 .lists {margin:0 -2px}
.arl_014 .lists:after {content:"";clear:both;display:block}
.arl_014 .lists li {float:left;padding:0 5px 10px;width:33.33%}
.arl_014 .lists li .thumb {width:100%;height:65px}
.arl_014 .lists li .thumb img {width:100%;height:100%}
.arl_014 .lists li .title {margin-top:10px;height:36px;overflow:hidden}
.arl_014 .lists li .title a {line-height:18px}
/* 기사 리스트 014 끝 */
/* 기사 리스트 015 시작 */
.arl_015 {padding:0 14px}
.arl_015 h2 {margin-bottom:15px;font-size:18px;font-weight:500}
.arl_015 .lists li {position:relative;padding-left:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arl_015 .lists li:before {content:"└";position:absolute;left:0;top:0;color:#4084BE;line-height:20px}
.arl_015 .lists li a {line-height:20px}
.arl_015 .btn_box {margin-top:15px}
.arl_015 .btn_box > div {width:100%;text-align:center}
.arl_015 .btn_box > div:first-child {margin-bottom:10px}
.arl_015 .btn_box > div a {display:inline-block;padding:14px 0;width:100%;font-size:16px;color:#FFF;font-weight:100}
.arl_015 .btn_box > div.btn_tip_off a {background-color:#4084BE}
.arl_015 .btn_box > div.btn_support a {background-color:#295879}
/* 기사 리스트 015 끝 */
/* 기사 리스트 016 시작 */
.arl_016 {padding:0 12px}
.arl_016 .arl_016_tab {border-bottom:1px solid #E7E7E7}
.arl_016 .arl_016_tab:after {content:"";clear:both;display:block}
.arl_016 .arl_016_tab li {position:relative;float:left;width:50%;font-size:16px;line-height:36px;text-align:center;letter-spacing:-0.05em;font-weight:300;cursor:pointer}
.arl_016 .arl_016_tab li.on {color:#3586c6}
.arl_016 .tab_box .tab_content{display:none}
.arl_016 .tab_box .first_tab_box {display:block}
.arl_016 .tab_box .thumb_lists {margin:15px -8px}
.arl_016 .tab_box .thumb_lists:after {content:"";clear:both;display:block}
.arl_016 .tab_box .thumb_lists li {float:left;padding:8px;width:50%;}
.arl_016 .tab_box .thumb_lists li .thumb {position:relative;width:100%;height:90px}
.arl_016 .tab_box .thumb_lists li .thumb img {width:100%;height:100%}
.arl_016 .tab_box .thumb_lists li .thumb .mask {position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:url(../images/arl_016/mask.png);background-size:contain}
.arl_016 .tab_box .thumb_lists li .thumb .mask a {display:block;width:100%;height:100%}
.arl_016 .tab_box .thumb_lists li .thumb .title {position:absolute;bottom:0;left:0;padding:0 10px;margin-bottom:10px;max-height:42px;overflow:hidden}
.arl_016 .tab_box .thumb_lists li .thumb .title a {font-size:16px;color:#FFF;line-height:20px}
.arl_016 .tab_box .lists li {height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #E9E9E9}
.arl_016 .tab_box .lists li a {font-size:16px;line-height:40px}
/* 기사 리스트 016 끝 */
/* 기사 리스트 017 시작 */
.arl_017 {padding:0 14px}
.arl_017 h2 {margin-bottom:15px;font-size:18px;font-weight:500;color:#c00000}
.arl_017 .lists li {height:40px;border-bottom:1px solid #E7E7E7;overflow:hidden;}
.arl_017 .lists li a {position:relative;float:left;padding:0 10px;width:86%;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:16px;line-height:40px}
.arl_017 .lists li a:after {content:"·";position:absolute;left:0;top:0}
.arl_017 .lists li span {float:left;padding-left:18px;width:50px;line-height:40px;background:url(../images/icon/lightning.png) no-repeat left center;background-size:15px 15px}
/* 기사 리스트 017 끝 */
/* 기사 리스트 018 시작 */
.arl_018 {padding:0 14px}
.arl_018 h2 {margin-bottom:15px;font-size:18px;font-weight:500}
.arl_018 .lists li {padding:10px 0}
.arl_018 .lists li:after {content:"";clear:both;display:block}
.arl_018 .lists li .thumb {position:relative;float:left;width:146px;height:90px; overflow:hidden;}
.arl_018 .lists li .thumb span {position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;font-size:12px;color:#FFF;line-height:20px;background-color:#c00000;text-align:center;}
.arl_018 .lists li .thumb img {width:100%}
.arl_018 .lists li .title {float:left;padding-left:20px;margin-top:1.5%;width:calc(100% - 146px);max-height:44px;overflow:hidden}
.arl_018 .lists li .title a {font-size:16px;line-height:22px; letter-spacing:-0.05em;}
/* 기사 리스트 018 끝 */
/* 기사 리스트 019 시작 */
.arl_019 .thumb {width:100%;overflow:hidden; position:relative; padding-top:56.25%; background: #f1efef;}
.arl_019 .thumb img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.arl_019 .box {padding:14px;border-bottom:1px solid #E9E9E9}
.arl_019 .box .title {max-height:40px;overflow:hidden}
.arl_019 .box .title a {font-size:16px;line-height:20px}
.arl_019 .box .byline {margin-top:10px}
.arl_019 .box .byline:after {content:"";clear:both;display:block}
.arl_019 .box .byline p {float:left;margin-right:8px;font-size:12px;color:#888}
.arl_019 .lists li {padding:12px 14px;border-bottom:1px solid #E9E9E9}
.arl_019 .lists li a {display:inline-block;line-height:18px;max-height:36px;overflow:hidden}
/* 기사 리스트 019 끝 */
/* 기사 리스트 020 시작 */
.arl_020 .thumb {width:100%; position:relative; overflow:hidden; padding-top:56.25%; background: #f1efef;}
.arl_020 .thumb img {width:100%;height:auto;  position:absolute; top:50%; left:0; transform:translateY(-50%);}
.arl_020 .box {padding:14px;border-bottom:1px solid #E9E9E9}
.arl_020 .box .title {max-height:40px;overflow:hidden}
.arl_020 .box .title a {font-size:16px;line-height:20px}
.arl_020 .box .byline {margin-top:10px}
.arl_020 .box .byline:after {content:"";clear:both;display:block}
.arl_020 .box .byline p {float:left;margin-right:8px;font-size:12px;color:#888}
/* 기사 리스트 020 끝 */
/* 기사 리스트 021 시작 */
.arl_021 {padding:0 14px;background-color:#F5F5F5}
.arl_021 .thumbs {padding:10px 0;padding-top:15px;border-bottom:3px solid #eee}
.arl_021 .thumbs .lists li {padding:1%;width:20%;text-align:center}
.arl_021 .thumbs .lists li img {display:inline-block;width:100%;cursor:pointer}
.arl_021 .thumbs .lists .slick-active img {border:2px solid #E9E9E9}
.arl_021 .thumbs .lists .slick-current img {border:2px solid #295879}
.arl_021 .slick_box .lists li:after {content:"";clear:both;display:block}
.arl_021 .slick_box .lists li {padding:10px 0;width:80%}
.arl_021 .slick_box .lists li .cate {padding:0 5px;margin-bottom:5px;display:inline-block;max-width:100%;height:18px;font-size:12px;line-height:16px;border:1px solid #000;overflow:hidden}
.arl_021 .slick_box .lists li .title {margin-bottom:10px;max-height:44px;overflow:hidden}
.arl_021 .slick_box .lists li .title a {font-size:16px;line-height:20px}
.arl_021 .slick_box .lists li .body {margin-bottom:10px;max-height:60px;overflow:hidden}
.arl_021 .slick_box .lists li .body a {line-height:20px}
.arl_021 .slick_box .lists li .byline .name {font-size:12px;color:#888;font-weight:300}
/* 기사 리스트 021 끝 */
/* 기사 리스트 022 시작 */
.arl_022 {padding:14px;border-bottom:1px solid #E9E9E9;}
.arl_022:after {content:"";clear:both;display:block}
.arl_022 .thumb {float:left;width:120px;height:180px;border:1px solid #E9E9E9}
.arl_022 .thumb a {display:inline-block;width:100%;height:100%}
.arl_022 .thumb a img {width:100%;height:100%}
.arl_022 .box {float:left;margin-top:3px;padding-left:20px;width:calc(100% - 120px);}
.arl_022 .box .title {margin-bottom:10px;max-height:36px;overflow:hidden}
.arl_022 .box .title a {line-height:18px}
.arl_022 .box .sub_title {margin-bottom:10px;max-height:54px;overflow:hidden}
.arl_022 .box .sub_title a {line-height:18px;font-weight:300}
.arl_022 .box .hash_tag {display:inline-block;margin-bottom:10px;font-weight:300;color:#3e83f5}
.arl_022 .box .byline {max-height:32px;overflow:hidden}
.arl_022 .box .byline .name {font-size:12px;line-height:16px;color:#888}
/* 기사 리스트 022 끝 */
/* 기사 리스트 023 시작 */
.arl_023 .thumb {width:100%}
.arl_023 .thumb img {width:100%;height:100%}
.arl_023 .box {padding:14px}
.arl_023 .box .title {max-height:48px;overflow:hidden}
.arl_023 .box .title a {font-size:18px;line-height:24px}
.arl_023 .box .sub_title {margin-top:8px;height:14px;overflow:hidden}
.arl_023 .box .sub_title a {color:#0093ff;font-weight:300}
.arl_023 .box .body {margin-top:8px;max-height:54px;overflow:hidden}
.arl_023 .box .body a {color:#888;line-height:18px;font-weight:300}
/* 기사 리스트 023 끝 */
/* 기사 리스트 024 시작 */
.arl_024 {padding:0 14px;}
.arl_024 .top:after {content:"";clear:both;display:block}
.arl_024 .top h2 {float:left;font-size:18px;color:#295879;font-weight:500}
.arl_024 .top .more {float:right}
.arl_024 .top .more a {font-size:12px}
.arl_024 .lists li {padding:15px 0;border-bottom:1px solid #E9E9E9}
.arl_024 .lists li:last-child {border-bottom:none}
.arl_024 .lists li:after {content:"";clear:both;display:block}
.arl_024 .lists li .thumb {float:left;width:130px;height:78px}
.arl_024 .lists li .thumb a {display:inline-block;width:100%;height:100%}
.arl_024 .lists li .thumb a img {width:100%;height:100%}
.arl_024 .lists li .box {float:left;margin-top:-3px;padding-left:15px;width:calc(100% - 130px)}
.arl_024 .lists li .box .title {max-height:44px;overflow:hidden}
.arl_024 .lists li .box .title a {font-size:16px;line-height:22px}
.arl_024 .lists li .box .body {margin-top:5px;max-height:32px;overflow:hidden}
.arl_024 .lists li .box .body a {font-size:12px;line-height:16px;color:#888;font-weight:300}
/* 기사 리스트 024 끝 */
/* 기사 리스트 025 시작 */
.arl_025 .thumb {width:100%; position:relative; padding-top:56.25%; background: #f1efef;}
.arl_025 .thumb a {display:inline-block;width:100%;height:100%}
/*.arl_025 .thumb a img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}*/
.arl_025 .thumb a img {width:100%; height:100%; position:absolute; top:0; left:0;}
.arl_025 .box {padding:14px;border-bottom:1px solid #E9E9E9}
.arl_025 .box .title {height:44px;overflow:hidden}
.arl_025 .box .title a {font-size:18px;line-height:22px}
/* 기사 리스트 025 끝 */
/* 기사 리스트 026 시작 */
.arl_026 .lists li {padding:15px 14px;border-bottom:1px solid #E9E9E9}
.arl_026 .lists li:last-child {border-bottom:none}
.arl_026 .lists li:after {content:"";clear:both;display:block}
.arl_026 .lists li .thumb {float:left;width:100px;height:70px}
.arl_026 .lists li .thumb a {display:inline-block;width:100%;height:100%}
.arl_026 .lists li .thumb a img {width:100%;height:100%}
.arl_026 .lists li .box {float:left;padding-left:15px;width:calc(100% - 100px)}
.arl_026 .lists li .box .title {max-height:44px;overflow:hidden}
.arl_026 .lists li .box .title a {font-size:16px;line-height:22px}
.arl_026 .lists li .box .byline .name {margin-top:10px;max-height:12px;overflow:hidden}
.arl_026 .lists li .box .byline .name {font-size:12px;color:#888;font-weight:300}
/* 기사 리스트 026 끝 */
/* 기사 리스트 027 시작 */
.arl_027 {padding:0 14px;}
.arl_027 .top:after {content:"";clear:both;display:block}
.arl_027 .top h2 {float:left;font-size:18px;color:#295879;font-weight:500}
.arl_027 .top .more {float:right}
.arl_027 .top .more a {font-size:12px}
.arl_027 .lists {margin:0 -9px;margin-top:5px}
.arl_027 .lists:after {content:"";clear:both;display:block}
.arl_027 .lists li {float:left;margin:10px 0;padding:0 9px;width:50%}
.arl_027 .lists li .thumb {width:100%;overflow:hidden; position:relative; padding-top:56.25%; background: #f1efef;}
.arl_027 .lists li .thumb a {display:inline-block;width:100%;height:100%}
.arl_027 .lists li .thumb a img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.arl_027 .lists li .box {padding:10px;border:1px solid #E9E9E9}
.arl_027 .lists li .box .num {font-size:12px;height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arl_027 .lists li .box .title {margin-top:8px;height:44px;overflow:hidden}
.arl_027 .lists li .box .title a {font-size:16px;line-height:22px}
/* 기사 리스트 027 끝 */
/* 기사 리스트 028 시작 */
.arl_028 {padding:0 14px;}
.arl_028 .top:after {content:"";clear:both;display:block}
.arl_028 .top h2 {float:left;font-size:18px;color:#295879;font-weight:500}
.arl_028 .lists {margin:15px 0;border:1px solid #E9E9E9}
.arl_028 .lists li {padding:12px;border-bottom:1px solid #E9E9E9}
.arl_028 .lists li:last-child {border-bottom:none}
.arl_028 .lists li .title {padding-right:20px;height:16px;overflow:hidden;background:url(../images/icon/r_arrow.png) no-repeat center right;background-size:10px}
.arl_028 .lists li .title a {font-size:16px}
/* 기사 리스트 028 끝 */
/* 기사 리스트 029 시작 */
.arl_029 {padding:0 14px;}
.arl_029 .lists {margin:0 -9px;margin-top:5px}
.arl_029 .lists:after {content:"";clear:both;display:block}
.arl_029 .lists li {float:left;margin:10px 0;padding:0 9px;width:50%}
.arl_029 .lists li .thumb {width:100%;/*height:100px*/ position:relative; overflow:hidden;  padding-top:56.25%;}
.arl_029 .lists li .thumb a {display:inline-block;width:100%;height:100%}
.arl_029 .lists li .thumb a img {width:100%; height:auto; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.arl_029 .lists li .box {padding:10px;border:1px solid #E9E9E9}
.arl_029 .lists li .box .title {height:44px;overflow:hidden}
.arl_029 .lists li .box .title a {font-size:16px;line-height:22px}
.arl_029 .lists li .box .byline {margin-top:10px}
.arl_029 .lists li .box .byline .name {font-size:12px;color:#888;height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 기사 리스트 029 끝 */
/* 기사 리스트 030 시작 */
.arl_030 .thumb {width:100%}
.arl_030 .thumb a {display:inline-block;width:100%;height:100%}
.arl_030 .thumb a img {width:100%}
.arl_030 .box {padding:14px;border-bottom:1px solid #E9E9E9}
.arl_030 .box .title {max-height:44px;overflow:hidden}
.arl_030 .box .title a {font-size:18px;line-height:22px}
.arl_030 .box .sub_title {margin-top:10px;max-height:32px;overflow:hidden}
.arl_030 .box .sub_title a {font-size:12px;line-height:16px;font-weight:400;color:#888}
/* 기사 리스트 030 끝 */
/* 기사 리스트 031 시작 */
.arl_031 {padding:0 14px;}
.arl_031 .lists {margin:0 -9px;margin-top:5px}
.arl_031 .lists:after {content:"";clear:both;display:block}
.arl_031 .lists li {float:left;margin:10px 0;padding:0 9px;width:50%}
.arl_031 .lists li .thumb {width:100%;height:90px}
.arl_031 .lists li .thumb a {display:inline-block;width:100%;height:100%}
.arl_031 .lists li .thumb a img {width:100%;height:100%}
.arl_031 .lists li .title {margin-top:10px;height:44px;overflow:hidden}
.arl_031 .lists li .title a {font-size:16px;line-height:22px}
.arl_031 .lists li .byline {margin-top:10px}
.arl_031 .lists li .byline .name {font-size:12px;color:#888;height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 기사 리스트 031 끝 */
/*********************************************************************************************************************
기사 리스트 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
기사 상세 시작
*********************************************************************************************************************/
/* 뷰 헤더 시작 */
.article_view {position:relative}
.article_view .view_header {position:relative;padding:15px 14px;border:1px solid #e9e9e9;border-left:0;border-right:0}
.article_view .view_header .title {font-size:20px;line-height:26px; letter-spacing: -0.05em;}
.article_view .view_header .sub_title {font-size:18px;line-height:22px; margin:10px 0; font-weight:300; letter-spacing: -0.05em;}
.article_view .view_header .box .byline {margin:8px 0;width:100%;height:15px;overflow:hidden; }
.article_view .view_header .box .byline span {font-size:13px;color:#888;font-weight:300; letter-spacing: -0.05em;}
.article_view .view_header .tools:after {content:"";clear:both;display:block}
.article_view .view_header .tools .like {float:left;margin-top:5px;}
/*.article_view .view_header .tools .like {float:left;margin-top:5px;padding:0 15px;height:22px;border-radius:8px;border:1px solid #e9e9e9;background:url(../images/icon/like.png) no-repeat 10px 5px;background-size:11px;cursor:pointer}*/
/*.article_view .view_header .tools .like .num {padding-left:12px;font-size:12px;line-height:20px}*/
.article_view .view_header .tools .tools_box {float:right}
.article_view .view_header .tools .tools_box:after {content:"";clear:both;display:block}
.article_view .view_header .tools .tools_box div {float:left;margin-left:5px;width:28px;height:28px;border-radius:50%;border:1px solid #e9e9e9;text-align:center;cursor:pointer;}
.article_view .view_header .tools .tools_box div.share {background:url(../images/icon/share.png) no-repeat center center;background-size:12px}
.article_view .view_header .tools .tools_box div.font_up {background:url(../images/icon/fontup.png) no-repeat center center;background-size:12px}
.article_view .view_header .tools .tools_box div.font_down {background:url(../images/icon/fontdown.png) no-repeat center center;background-size:12px}

.article_view .view_header .tools .tools_box div.book_mark {background:url(/images/site/icon/article_view_icon_bookmark.png) no-repeat center center;background-size:12px}
.article_view .view_header .tools .tools_box div.book_mark.activity {background: #7A9FDF url(/images/site/icon/article_view_icon_bookmark_over.png) no-repeat center center}

.article_view .view_header .share_tools {display:none;position:fixed;top:0;left:0;padding:20px;width:100%;min-width:320px;height:100%;background:rgba(0,0,0,0.7);z-index:999999999}
.article_view .view_header .share_tools .box {position:relative;padding:15px;padding-top:48px;margin:10% auto;max-width:768px;background-color:#fff}
.article_view .view_header .share_tools .box .lists:after {content:"";clear:both;display:block}
.article_view .view_header .share_tools .box .lists li {float:left;margin-bottom:15px;width:25%;text-align:center;cursor:pointer}
.article_view .view_header .share_tools .box .lists li span {display:block;margin-top:10px;font-size:12px}
.article_view .view_header .share_tools .box .url_copy:after {content:"";clear:both;display:block}
.article_view .view_header .share_tools .box .url_copy input[type="text"]{display:block;float:left;height:24px;width:calc(100% - 60px)}
.article_view .view_header .share_tools .box .url_copy span {float:left;display:block;width:60px;height:24px;font-size:12px;line-height:24px;border:0;background-color:#17446d;color:#fff;text-align:center;cursor:pointer;font-weight:300;letter-spacing:0}
.article_view .view_header .share_tools .box .close {position:absolute;right:15px;top:15px;width:16px;height:16px;cursor:pointer}
.article_view .view_header .share_tools .box .close img {width:100%}
/* 뷰 헤더 끝 */
/* 기사본문 시작 */
.article_view .article_body {padding:20px 14px}
.article_view .article_body .img_box {position:relative;width:100%}
.article_view .article_body .img_box img {width:100%}
.article_view .article_body .img_box .caption {position:absolute;bottom:0;left:0;padding:0 14px;width:100%;height:42px;line-height:42px;color:#fff;background-color:rgba(0,0,0,0.5);font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article_view .article_body p {line-height:20px}
.article_view .article_body .byline {color:#888;font-weight:300}
.article_view .article_body .naver_ad {margin-top:10px;padding:10px 0;border:2px solid #27C24B;text-align:center}
.article_view .article_body .naver_ad a {font-size:16px;letter-spacing:0}
.article_view .article_body .naver_ad a span {color:#27C24B}
.article_view .article_body .naver_ad a b {font-weight:500}
/* 기사 본문 글자 크기 */
.article_view .article_body {font-size: 16px; line-height: 1.6em; letter-spacing:-0.05em;}
.article_view .article_body div {font-size: 16px; line-height: 1.6em; letter-spacing:-0.05em; margin-bottom:0;}
.article_view .article_body p {font-size: 18px; line-height: 1.6em; letter-spacing:-0.05em; margin-bottom:1.3em;}
/* 이미지 사이즈 */
.article_view .article_body img {  max-width: 100%; }
.article_view .article_body .image-style-align-left figure {float:left; margin-right:20px !important;}
.article_view .article_body .image-style-align-right figure {float:right; margin-left:20px !important;}
.article_view .article_body figure {/*display:table !important;*/ margin:0 auto !important;}
.article_view .article_body figure figcaption { /*display:table-caption;*/ caption-side:bottom; margin:0 auto; line-height: 20px; font-size: 14px; padding: 7px 10px; text-align: left;}
.article_view .article_body figure.iframe {position: relative;  padding-bottom: 56.25%; height: 0;}
.article_view .article_body figure.iframe iframe {position:absolute; top:0; left:0; width:100%; height:100%;*}
.article_view .article_body .simple-box {padding:5px;}
.article_view .article_body .simple-box p {font-size:16px; line-height:20px; letter-spacing:-0.05em; margin-bottom:1.3em;}
.article_view .article_body .simple-box .simple-box-description {padding:10px;}

.article_view .article_body .figure.image,
.article_view .article_body .figure.iframe {max-width: 100%}
.article_view .adv_p {padding:10px 0;}
/* 기사본문 끝 */
/* 구독료 시작 */
.article_view .subscription_fee {padding:0 14px}
.article_view .subscription_fee h2 {margin-bottom:15px;font-size:18px;font-weight:500}
.article_view .subscription_fee .slogan {padding:20px;background:url(../images/article_view/slogan_bg.png) no-repeat;background-size:cover}
.article_view .subscription_fee .slogan .title {font-size:18px;line-height:22px;color:#FFF}
.article_view .subscription_fee .slogan .body {margin-top:15px;font-size:12px;line-height:16px;color:#FFF;font-weight:300}
.article_view .subscription_fee .payment_box {padding:20px;background-color:#EBF4FF}
.article_view .subscription_fee .payment_box .describe {margin-bottom:20px;font-size:12px;color:#3C6392;font-weight:300;line-height:16px}
.article_view .subscription_fee .payment_box .fee_sel {padding:0 10px}
.article_view .subscription_fee .payment_box .fee_sel .price_sel:after {content:"";clear:both;display:block}
.article_view .subscription_fee .payment_box .fee_sel .price_sel li {float:left;padding:8px;width:50%}
.article_view .subscription_fee .payment_box .fee_sel .price_sel li > div {position:relative;padding:14px 0;font-size:16px;color:#999;letter-spacing:0;font-weight:300;background-color:#FFF;text-align:center;border:1px solid #FFF;cursor:pointer}
.article_view .subscription_fee .payment_box .fee_sel .price_sel li > div:before {content:"";position:absolute;left:-12px;top:50%;margin-top:-6px;width:16px;height:12px;border-radius:50%;background-color:#EBF4FF}
.article_view .subscription_fee .payment_box .fee_sel .price_sel li > div:after {content:"";position:absolute;right:-12px;top:50%;margin-top:-6px;width:16px;height:12px;border-radius:50%;background-color:#EBF4FF}
.article_view .subscription_fee .payment_box .fee_sel .price_sel li > div.on {border:1px solid #5633D5;color:#5633D5}
.article_view .subscription_fee .payment_box .fee_sel .price_sel li > div.on:before {border-right:1px solid #5633D5}
.article_view .subscription_fee .payment_box .fee_sel .price_sel li > div.on:after {border-left:1px solid #5633D5}
.article_view .subscription_fee .payment_box .fee_sel .add_btn {padding:0 8px}
.article_view .subscription_fee .payment_box .fee_sel .add_btn > div {margin:8px 0;padding:14px 0;color:#999;letter-spacing:0;border:1px solid #FFF;background-color:#FFF;text-align:center;cursor:pointer}
.article_view .subscription_fee .payment_box .fee_sel .add_btn > div.on {border-color:#5633D5;color:#5633D5}
.article_view .subscription_fee .payment_box .payment {padding:0 20px;margin-top:20px}
.article_view .subscription_fee .payment_box .payment .price {font-size:12px;color:#5633D5;text-align:center}
.article_view .subscription_fee .payment_box .payment .price span {font-size:16px}
.article_view .subscription_fee .payment_box .payment .price_btn {margin-top:10px;padding:14px 0;width:100%;text-align:center;color:#FFF;background-color:#5633D5;border-radius:40px;cursor:pointer}
.article_view .subscription_fee .payment_box .regular {margin-top:15px;text-align:center}
.article_view .subscription_fee .payment_box .regular a {color:#3C6392}
.article_view .subscription_fee .payment_box .regular a span {position:relative;color:#5A00FF;z-index:1}
.article_view .subscription_fee .payment_box .regular a span:after {content:"";position:absolute;left:-2.5%;top:50%;margin-top:-2px;width:105%;height:5px;background-color:rgba(206,195,255,0.5);z-index:-1}
/* 구독료 끝 */
/* 기사 정보 시작 */
.article_view .reporter_info {padding:0 20px}
.article_view .reporter_info .box {padding:20px;border:1px solid #E7E7E7}
.article_view .reporter_info .box:after {content:"";clear:both;display:block}
.article_view .reporter_info .box .thumb {float:left;width:50px;height:50px;border-radius:50%;overflow:hidden}
.article_view .reporter_info .box .thumb img {width:100%;height:100%}
.article_view .reporter_info .box .byline {float:left;margin-top:5px;padding-left:20px}
.article_view .reporter_info .box .byline p {color:#888;line-height:18px}
.article_view .reporter_info .box .btn_box {clear:both;padding-top:10px}
.article_view .reporter_info .box .btn_box:after {content:"";clear:both;display:block}
.article_view .reporter_info .box .btn_box > div {float:left;padding:0 8px;width:50%;text-align:center;}
.article_view .reporter_info .box .btn_box > div a {display:block;padding:8px;border:1px solid #F1F1F1}
.article_view .reporter_info .box .describe {margin-top:15px;color:#888;line-height:18px}
.article_view .reporter_info .cheering {position:relative;margin-top:20px;padding:10px 0;width:100%;border:1px solid #00C73C;z-index:1}
.article_view .reporter_info .cheering:after {content:"NAVER";position:absolute;top:0;left:0;padding:10px 20px;color:#FFF;background-color:#00C73C;z-index:-1}
.article_view .reporter_info .cheering a {display:block;padding-left:100px}
.article_view .reporter_info .cheering a span {color:#00C73C}
/* 기사 정보 끝 */
/* 댓글 시작 */
.comment_wrap {padding: 20px}
.comment_wrap .count {font-size:22px; margin:0 0 15px 0; color:#333;}
.comment_wrap .count span {color:#4084be;}
.comment_wrap .comment_write {width:100%; margin-bottom:20px;}
.comment_wrap .comment_write:after {content:''; clear:both; display:block;}
.comment_wrap .comment_write textarea {float:left; width:calc(100% - 100px); height:100px; padding:15px; font-size:16px; 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:100px; height:100px; color:#4084be;  border:1px solid #4084be; background:#fff; font-size:17px; line-height:98px; text-align:center; cursor:pointer;}
.comment_wrap .orderby {padding-bottom:15px;}
.comment_wrap .orderby ul:after {content:''; clear:both; display:block;}
.comment_wrap .orderby ul li {float:left; font-weight:300;  font-size:15px; color:#858585; line-height:16px; padding-right:18px; border-right:1px solid #858585; margin-right:18px; cursor:pointer;}
.comment_wrap .orderby ul li:last-child {border-right:0;}
.comment_wrap .orderby ul li.on {color:#000; font-weight:400; }
.comment_wrap .orderby ul li:hover {color:#000; font-weight:400; }
.comment_wrap .comment_list {border-top:1px solid #d7d7d7;}
.comment_wrap .comment_list .comment {border-bottom:1px solid #d7d7d7; padding:17px 30px 20px 0;}
.comment_wrap .comment_list .comment.reply {padding:17px 30px 20px 35px; background:url(/images/site/common/icon_reply.png) 11px 20px no-repeat;}
.comment_wrap .comment_list .comment_top {height:30px;}
.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:16px; color:#4084be; margin-right:15px;}
.comment_wrap .comment_list .comment .date {float:left; font-weight:300; line-height:20px; font-size:13px; color:#a1a1a1; 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:15px; font-weight:300; text-align:center; padding-left:34px; margin-left:28px;}
.comment_wrap .comment_list .comment .recommend a.cmt_up {color:#1b75bc; background:url(/images/site/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 {color:#f44336; background:url(/images/site/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:16px; color:#000; font-weight:300; line-height:25px; padding-bottom:17px; }
.comment_wrap .comment_list .comment .reply_btn {width:70px; height:30px; line-height:28px; border:1px solid #e1e1e1; color:#000; font-size:14px; 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:#4084be; font-weight:600;}
.comment_wrap .comment_more a {color:#000;}
.comment_wrap .comment_list .comment_reply_write {border-bottom:1px solid #d7d7d7; background:#f9f9f9 url(/images/site/common/icon_reply.png) 11px 20px no-repeat; padding:20px 20px 20px 30px;}
.comment_wrap .comment_list .comment_reply_write .comment_write textarea {height:75px;}
.comment_wrap .comment_list .comment_reply_write .comment_write .comment_btn {height:75px; line-height:73px;}

/* 댓글 끝 */
/*********************************************************************************************************************
기사 상세 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
조합 커뮤니티 시작
*********************************************************************************************************************/
.section_community .community_top .box {padding:14px}
.section_community .community_top .box > div {padding:15px;border:1px solid #F0F0F0}
.section_community .community_top .box > div.notice {margin-bottom:8px;background:#F7F7F7 url(../images/icon/news_box.png) no-repeat 96% center;background-size:32px}
.section_community .community_top .box > div.board {background:#F7F7F7 url(../images/icon/community.png) no-repeat 96% center;background-size:32px}
.section_community .community_top .box .title {margin-bottom:5px;font-size:18px}
.section_community .community_top .box .body {font-size:13px;font-weight:300}
/*********************************************************************************************************************
조합 커뮤니티 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
섹션 조합원 게시판 시작
*********************************************************************************************************************/
.section_member_board .search {border:1px solid #CCC}
.section_member_board .search:after {content:"";clear:both;display:block}
.section_member_board .search select {float:left;display:block;border:none;width:70px;height:30px;color:#AEAEAE;line-height:30px}
.section_member_board .search select option {line-height:30px}
.section_member_board .search .input_wrap {float:left;width:calc(100% - 70px)}
.section_member_board .search .input_wrap:after {content:"";clear:both;display:block}
.section_member_board .search .input_wrap input[type="text"] {float:left;padding:0 8px;display:block;border:none;width:calc(100% - 30px);height:30px;line-height:30px}
.section_member_board .search .input_wrap span {float:right;display:block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer}
.section_member_board .search .input_wrap span img {margin-top:-3px;width:50%;height:50%;vertical-align:middle}
.section_member_board .lists li {padding:13px;border-bottom:1px solid #E9E9E9}
.section_member_board .lists li:first-child {border-top:1px solid #E9E9E9}
.section_member_board .lists li.notice_color {background-color:#F7F7F7}
.section_member_board .lists li .title_box:after, .section_member_board .lists li .byline:after {content:"";clear:both;display:block}
.section_member_board .lists li .title_box .title {width:100%;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section_member_board .lists li .title_box .title .notice {display:inline-block;margin-right:10px;width:40px;height:20px;line-height:20px;font-size:13px;text-align:center;color:#FFF;background-color:#629BC7}
.section_member_board .lists li .title_box .title .num {color:#629BC7}
.section_member_board .lists li .byline {margin-top:8px}
.section_member_board .lists li .byline p {width:50%;height:13px;font-size:13px;color:#AEAEAE;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section_member_board .lists li .byline .name {float:left;padding-right:20px}
.section_member_board .lists li .byline .date {float:right;padding-left:20px;text-align:right}

.board_write .file_wrap:after {content:''; clear:both; display:block;}
.board_write .file_wrap p.title {font-size:13px; color:#000; margin-top:15px; margin-bottom:10px;}
.board_write .file_wrap .file_name {float:left; border:1px solid #acacac; height:35px; line-height:35px; width:calc(100% - 80px); font-size:13px; padding:0 10px;}
.board_write .file_wrap .file { display:none; }
.board_write .file_wrap .file_btn {float:right; text-align:center; display:block; width:75px; height:35px; line-height:35px; background:#6b89e5; color:#fff; font-size:13px;}
.board_write p.explain {font-size:13px; color:#848484; margin-top:10px; margin-bottom:25px;}
.board_write .bottom_btns .btn {width:calc(50% - 5px); height:40px; line-height:40px;}

.board_view .top {border-top:2px solid #000}
.board_view .top.border_none {border:none}
.board_view .top .title {padding:0 10px;font-size:14px;letter-spacing:-0.05em;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board_view .top .title .notice {display:inline-block;margin-right:10px;width:40px;height:20px;line-height:20px;font-size:13px;text-align:center;color:#FFF;background-color:#629BC7}
.board_view .top input.title {border:1px solid #d7d7d7}
.board_view .top .util {float:right}
.board_view .top .util:after {content:"";clear:both;display:block}
.board_view .top .util li {float:left;padding-left:15px;line-height:60px;font-size:16px;text-align:right;cursor:pointer}
.board_view .box {position:relative;padding:15px 0;border-top: 1px solid #d7d7d7}
.board_view .box.border_none {border:none}
.board_view .box .byinfo {margin-bottom:10px;text-align:right}
.board_view .box .byinfo span {position:relative;padding:0 10px;font-size:14px}
.board_view .box .byinfo span:first-child:after {display:none}
.board_view .box .byinfo span:after {content:"";position:absolute;left:0;top:4px;width:1px;height:12px;background-color:#000;}
.board_view .box .title {margin-top:20px;font-size:16px;line-height:36px;letter-spacing:-0.05em}
.board_view .box .body {padding:15px 10px;}
.board_view .box .body p {font-size:16px;line-height:1.8em;letter-spacing:-0.05em; font-weight:300; color:#000;}
.board_view .box textarea.body {width:100%;height:450px;resize:none;border:none;border:1px solid #d7d7d7}
.board_view .box .file_download {padding:0 10px;margin-top:15px;font-size:14px}
.board_view .box .file_download a {color:#6b89e5}
.board_view .box img {max-width: 100%;}
.board_view .util {padding:0 10px;height:35px;border:1px solid #d7d7d7;border-left:0;border-right:0;text-align:center; }
.board_view .util:after {content:"";clear:both;display:block}
.board_view .util .btn_list {float:left;line-height:33px; font-size:14px; color:#8c8c8c; cursor:pointer}
.board_view .util .btn_list a {color:#8c8c8c; font-weight:300;}
.board_view .util .util_list {float:right}
.board_view .util .util_list:after {content:"";clear:both;display:block}
.board_view .util .util_list li {float:left;padding-left:15px;line-height:33px; font-size:14px; color:#8c8c8c; font-weight:300; cursor:pointer}
.board_view .util .util_list li button {background:transparent; border:0; font-size:14px; color:#8c8c8c; font-weight:300; cursor:pointer;}
.board_view .util .util_list li a {font-size:14px; color:#8c8c8c; font-weight:300;}

.board_view .comment_info {line-height:1.8em;}
.board_view .comment_txt {line-height:1.8em;}
    /*********************************************************************************************************************
    섹션 조합원 게시판 끝
    *********************************************************************************************************************/
/*********************************************************************************************************************
섹션 문의하기 시작
*********************************************************************************************************************/
.section_inquiry .tab_nav:after {content:"";clear:both;display:block}
.section_inquiry .tab_nav li {float:left;width:50%;border:1px solid #EFEFEF;font-size:13px;line-height:34px;color:#AEAEAE;text-align:center;cursor:pointer}
.section_inquiry .tab_nav li.on {background-color:#6b89e5;color:#fff;border-color:#6b89e5}
.section_inquiry .inquiry_tab_box .tab_content {display:none}
.section_inquiry .inquiry_tab_box .tab_content.tab_first {display:block}
/*********************************************************************************************************************
섹션 문의하기 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
섹션 기사제보 시작
*********************************************************************************************************************/
.section_tip_off .slogan {padding:25px 0;background:url(../images/common/tip_off_bg.png) no-repeat;background-size:cover}
.section_tip_off .slogan .title {color:#FFF;line-height:22px;font-weight:100;text-align:center}
.section_tip_off .tab_nav li {float:left;width:50%;border:1px solid #EFEFEF;font-size:13px;line-height:34px;color:#AEAEAE;text-align:center;cursor:pointer}
.section_tip_off .tab_nav li.on {background-color:#6b89e5;color:#fff;border-color:#6b89e5}
.section_tip_off .tip_off_tab_box .tab_content {display:none}
.section_tip_off .tip_off_tab_box .tab_content.tab_first {display:block}
.section_tip_off .box {margin-top:15px;width:100%;height:180px;line-height:20px;font-weight:300;overflow-y:auto}
.section_tip_off .box .terms {padding:15px 20px;background-color:#F7F7F7}
.section_tip_off .box .terms .title {font-size:14px}
.section_tip_off .box .terms .chapter {font-size:13px}
.section_tip_off .box .terms .sub_chapter {line-height:20px}
.section_tip_off .box .terms .body {line-height:20px;font-size:13px;font-weight:100}
/*********************************************************************************************************************
섹션 기사제보 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
섹션 검색 시작
*********************************************************************************************************************/
.search_box:after {content:"";clear:both;display:block}
.search_box .ipt {float:left;width:calc(100% - 80px)}
.search_box .btn {float:left;background-color:#fff;border:1px solid #d7d7d7;border-left:0;color:#656565}
.search_box .search_result:after {content:"";clear:both;display:block}
.search_box .search_result .title {float:left;font-size:18px;color:#1a3d95;font-weight:500}
.search_box .search_result .title span {color:#000}
.search_box .search_result .result_num {float:right;line-height:18px;font-weight:300}
.search_result_false_box {width:100%;background-color:#e6e6e6;text-align:center}
.search_result_false_box img {margin-top:40px;margin-bottom:20px;width:80px}
.search_result_false_box .title {padding-bottom:60px;color:#949494}
/*********************************************************************************************************************
섹션 검색 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
섹션 필자 정보 시작
**********************************************************************************************************************/
.author_info {padding:20px 14px;width:100%}
.author_info .box:after {content:"";clear:both;display:block}
.author_info .box .profile {float:left;width:45px;height:45px;overflow:hidden;border:1px solid #CCC;border-radius:50%}
.author_info .box .profile img {width:100%}
.author_info .box .byline {float:left}
.author_info .box .name {line-height:45px;font-size:15px}
.author_info .box .btn_box {float:right;margin-top:2.5px}
.author_info .box .btn_box .btn {border:1px solid #d7d7d7;color:#000;background-color:#fff;line-height:38px;width:80px;height:40px}
.author_info .intro {margin:10px 0;height:42px;line-height:20px;font-weight:300;overflow:hidden}
.author_info .cheering:after {content:"";clear:both;display:block}
.author_info .cheering > div {float:left}
.author_info .cheering .naver_search {padding:0 8px;height:32px;line-height:32px;font-size:13px;color:#FFF;background-color:#00C73C}
.author_info .cheering .reporter_name {padding:0 8px;font-size:13px;border:2px solid #00C73C;line-height:28px;font-weight:500}
.author_info .cheering .describe {font-size:14px;font-weight:300;line-height:32px}
/*********************************************************************************************************************
섹션 필자 정보 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
멤버쉽 로그인 시작
*********************************************************************************************************************/
.membership_login h1 {text-align:center}
.membership_login h1 img {height:35px}
.membership_login .input_box input {padding:0 8px;width:100%;height:38px;line-height:36px;border:1px solid #d7d7d7}
.membership_login .btn_login {width:100%;height:38px;line-height:38px;background-color:#6b89e5;color:#fff;text-align:center;border:none;cursor:pointer}
.membership_login .util:after {content:"";clear:both;display:block}
.membership_login .util > div {float:left;position:relative;margin-right:16px}
.membership_login .util > div:after {content:"";position:absolute;right:-8px;top:3px;width:1px;height:10px;background-color:#888}
.membership_login .util > div a {font-size:12px;color:#888}
.membership_login .util .input_box input[type="checkbox"] + label:before {margin-right:5px}
.membership_login .util .input_box label {font-size:12px}
.membership_login .slogan {padding:35px 25px;width:100%;height:120px;line-height:28px;font-size:18px;color:#fff;background:url("../images/common/login_slogan_bg.png") no-repeat center;background-size:cover;font-weight:300}
.membership_login .slogan span {font-weight:500}
.form-error {display:block; color:#ff0000; margin-top:5px;}
/*********************************************************************************************************************
멤버쉽 로그인 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
멤버쉽 회원가입 - 공통 시작
**********************************************************************************************************************/
/* 회원가입 인증 순서 리스트 시작*/
.join_stage_lists:after {content:"";clear:both;display:block}
.join_stage_lists li {position:relative;float:left;width:33.33%;border:1px solid #d7d7d7}
.join_stage_lists li:after {content:"";position:absolute;top:0;right:-19px;width:20px;height:30px;background:url("../images/icon/r_arrow_white.png") no-repeat;background-size:13px 30px;z-index:10;}
.join_stage_lists li:last-child:after {display: none}
.join_stage_lists li.on {background-color:#6b89e5}
.join_stage_lists li.on:after {background:url("../images/icon/r_arrow_blue.png") no-repeat;background-size:13px 30px}
.join_stage_lists li:last-child:after {background:none}
.join_stage_lists li.on:last-child:after {background:none}
.join_stage_lists li p {padding-left:13px;height:30px;line-height:30px;font-size:13px;text-align:center;font-weight:300}
.join_stage_lists li.on p {color:#FFF;}
/* 회원가입 인증 순서 리스트 끝*/
/*********************************************************************************************************************
멤버쉽 회원가입 - 공통 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
멤버쉽 회원가입 - 가입인증 시작
**********************************************************************************************************************/
/* 가입 설명 시작 */
.membership_join_certification .descirbe p {text-align:center}
.membership_join_certification .descirbe p.title {font-size:20px;line-height:24px;letter-spacing:-0.1em}
.membership_join_certification .descirbe p.body {margin-top:20px;line-height:20px;font-weight:300}
/* 가입 설명 끝 */
/* 휴대폰 인증 시작 */
.membership_join_certification .phone_certification {margin:0 auto;margin-top:30px;padding:25px 15px;max-width:500px;border:2px solid #E9E9E9;background:url(../images/icon/phone.png) no-repeat center 80px;text-align:center}
.membership_join_certification .phone_certification .title {font-size:24px}
.membership_join_certification .phone_certification .body {margin-top:150px;font-weight:300}
/* 휴대폰 인증 끝 */
/*********************************************************************************************************************
멤버쉽 회원가입 - 가입인증 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
멤버쉽 회원가입 - 약관 동의 시작
**********************************************************************************************************************/
.membership_join_agreement .box h3 {font-size:18px;line-height:24px}
.membership_join_agreement .box .terms, .membership_join_agreement .box .resolution {margin-top:15px;width:100%;height:180px;line-height:20px;font-weight:300;overflow-y:auto}
.membership_join_agreement .box .resolution {padding:15px 20px;border:2px solid #E9E9E9}
.membership_join_agreement .box .terms {padding:15px 20px;background-color:#F7F7F7}
.membership_join_agreement .box .terms .title {font-size:16px}
.membership_join_agreement .box .terms .chapter {font-size:16px}
.membership_join_agreement .box .terms .sub_chapter {line-height:20px}
.membership_join_agreement .box .chk_box {position:relative;float:left;margin-top:14px}
.membership_join_agreement .box .chk_box input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.membership_join_agreement .box .chk_box input[type="checkbox"] + label {position:relative;display:inline-block;font-size:14px;color:#888;font-weight:300;line-height:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.membership_join_agreement .box .chk_box input[type="checkbox"] + label:before {content:"";display:inline-block;width:14px;height:14px;line-height:14px;margin:-2px 4px 0 0; text-align:center;vertical-align:middle;border:1px solid #CCC}
.membership_join_agreement .box .chk_box input[type="checkbox"]:checked + label:before {content:"\2714";color:#CCC}
.membership_join_agreement .btn_next {margin:0 auto;width:100%;height:40px;line-height:40px;font-size:16px;text-align:center;color:#FFF;background-color:#6b89e5;cursor:pointer;border:none}
/*********************************************************************************************************************
멤버쉽 회원가입 - 약관 동의 끝
**********************************************************************************************************************/
/*********************************************************************************************************************
멤버쉽 회원가입 완료 시작
*********************************************************************************************************************/
/* 회원가입 완료 메시지 시작 */
.membership_join_success .success_message {text-align:center}
.membership_join_success .success_message .title {font-size:18px}
.membership_join_success .success_message .sub_title {margin-top:13px;line-height:20px}
.membership_join_success .success_message .body {margin-top:8px;font-size:14px;line-height:20px;color:#557ABD}
/* 회원가입 완료 메시지 끝 */
/* 정기 후원회원 /조합원 시작 */
.membership_join_success .box_regular:after {content:"";clear:both;display:block}
.membership_join_success .box_regular > .title {font-size:18px;text-align:center}
.membership_join_success .box_regular > div {padding:20px 15px;margin:0 auto;margin-top:15px;max-width:570px;border:2px solid #E9E9E9;text-align:center}
.membership_join_success .box_regular > div .title {font-size:18px}
.membership_join_success .box_regular > div.sponsor {background:#eef2ff; border:0;}
.membership_join_success .box_regular > div .body {margin-top:10px;font-size:13px;font-weight:300;line-height:20px}
/* 정기 후원회원 /조합원 끝 */
/*********************************************************************************************************************
멤버쉽 회원가입 완료 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
멤버쉽 휴면계정 시작
*********************************************************************************************************************/
/* 휴면계정 시작 */
.membership_dormancy .dormancy_message > .title {font-size:18px;line-height:24px;text-align:center}
.membership_dormancy .dormancy_message > .sub_title {margin-top:10px;font-size:13px;line-height:20px;font-weight:300;text-align:center}
/* 휴면계정 끝 */
/*********************************************************************************************************************
멤버쉽 휴면계정 끝
*********************************************************************************************************************/
/*********************************************************************************************************************
멤버쉽 마이페이지 시작
*********************************************************************************************************************/
/* 마이페이지 탭 시작 */
.membership_mypage .tab_nav:after {content:"";clear:both;display:block}
.membership_mypage .tab_nav li {float:left;width:33.33%;border:1px solid #EFEFEF;font-size:13px;line-height:34px;color:#AEAEAE;text-align:center;cursor:pointer}
.membership_mypage .tab_nav li.on {background-color:#6b89e5;color:#fff;border-color:#6b89e5}
.membership_mypage .mypage_tab_box .tab_content {display:none}
.membership_mypage .mypage_tab_box .tab_content.tab_first {display:block}
.membership_mypage .info_change_tab_box .tab_content {display:none}
.membership_mypage .info_change_tab_box .tab_content.tab_first {display:block}
.membership_mypage .my_board_tab_box .tab_content {display:none}
.membership_mypage .my_board_tab_box .tab_content.tab_first {display:block}
/* 마이페이지 탭 끝 */
/* 정보변경 시작 */
.membership_mypage .mypage_tab_box .info_change .membership_join_info > .title {font-size:18px;text-align:center}
.membership_mypage .mypage_tab_box .info_change .membership_join_info .box {padding:25px 15px;margin-bottom:20px;border:1px solid #d7d7d7;text-align:center}
.membership_mypage .mypage_tab_box .info_change .membership_join_info .box.sponsor {background: #eef2ff; border: 0;}
.membership_mypage .mypage_tab_box .info_change .membership_join_info .box .title {font-size:18px}
.membership_mypage .mypage_tab_box .info_change .membership_join_info .box .body {margin:15px 0;line-height:20px;font-weight:300}

.membership_join_info > .title {font-size:18px;text-align:center}
.membership_join_info .box {padding:25px 15px;margin-bottom:20px;border:1px solid #d7d7d7;text-align:center}
.membership_join_info .box.sponsor {background: #eef2ff; border: 0;}
.membership_join_info .box .title {font-size:18px}
.membership_join_info .box .body {margin:15px 0;line-height:20px;font-weight:300}
/* 정보변경 끝 */
/* 결과 박스 시작 */
.result_box > .title {font-size:18px}
.result_box > .sub_title {font-size:16px}
.result_box > .describe {font-size:13px;line-height:15px;color:#848484;letter-spacing:-0.01em}
.result_box .box_wrap {padding:25px 15px;border:1px solid #d7d7d7;text-align:center}
.result_box .box_wrap.sponsor {background: #eef2ff; border: 0;}
.result_box .box_wrap .title {font-size:18px;line-height:24px;letter-spacing:-0.08em;}
.result_box .box_wrap .body {font-size:13px;line-height:18px;font-weight:300}
.result_box .box_wrap .body .decoration_underline {text-decoration:underline}
.result_box .box_wrap .body .color_grey {color:#848484;font-weight:300}
/* 결과 박스 끝 */
/* 구독리스트 :: 기사모음 시작 */
.subscribe_list .arl_list li {margin-bottom:20px}
.subscribe_list .arl_list li .box {position:relative;padding:20px 15px;background-color:#f7f8fa}
.subscribe_list .arl_list li .box .close {position:absolute;right:15px;top:20px;cursor:pointer}
.subscribe_list .arl_list li .box .close img {width:16px}
.subscribe_list .arl_list li .box > .title {font-size:16px}
.subscribe_list .arl_list li .box .table table tr td {color:#444;font-weight:300}
.subscribe_list .arl_list li .box .table table tr td.title {height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
/* 구독리스트 :: 기사모음 끝 */
/* 구독리스트 :: 관심기자 시작 */
.subscribe_list .interest_reporter li {margin-bottom:20px}
.subscribe_list .interest_reporter li .box {position:relative;padding:20px 15px;border:1px solid #e9e9e9}
.subscribe_list .interest_reporter li .box .close {position:absolute;right:15px;top:20px;cursor:pointer}
.subscribe_list .interest_reporter li .box .close img {width:16px}
.subscribe_list .interest_reporter li .box .reporter_info {margin-top:20px}
.subscribe_list .interest_reporter li .box .reporter_info:after {content:"";clear:both;display:block}
.subscribe_list .interest_reporter li .box .reporter_info .profile {float:left;padding-right:15px;text-align:center}
.subscribe_list .interest_reporter li .box .reporter_info .profile .thumb {display:inline-block;width:45px;height:45px;border-radius:50%;overflow:hidden}
.subscribe_list .interest_reporter li .box .reporter_info .profile .thumb img {width:100%}
.subscribe_list .interest_reporter li .box .reporter_info .profile .name {margin-top:8px;font-size:13px;color:#888}
.subscribe_list .interest_reporter li .box .reporter_info .body {font-size:13px;line-height:24px;height:72px;overflow:hidden;color:#444;font-weight:300}
.subscribe_list .interest_reporter li .box .table table tr td {color:#444;font-weight:300}
.subscribe_list .interest_reporter li .box .table table tr td.title {height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
/* 구독리스트 :: 관심기자 끝 */
/*********************************************************************************************************************
멤버쉽 마이페이지 끝
*********************************************************************************************************************/

/* extend by ko1 */
.mobile-thumb-ratio {width:100%;position:relative;padding-top: 45.58%}
.mobile-thumb-ratio-book {width:100%;position:relative;padding-top: 152%}
.mobile-thumb-ratio-main {width:100%;position:relative;padding-top: 56.25%}
.mobile-thumb-ratio-main-issue {width:100%;position:relative;padding-top: 66.5%}

.mobile-thumb-ratio img,
.mobile-thumb-ratio-main img,
.mobile-thumb-ratio-main-issue img,
.mobile-thumb-ratio-book img {width:100%;height:100%;position: absolute; top: 0; bottom: 0; right:0; left:0;}

.btn-custom-sm {
    width: auto;
    height: auto;
    line-height: 1;
    padding: 4px 8px;
}

/* 후원하기 시작 */
.constrib_wrap_wrap {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.39);z-index:9999; display:flex; align-items:center; justify-content: center;}
.constrib_wrap { padding:15px;}
.constrib_wrap .top:after { content:''; clear:both; display:block;}
.constrib_wrap .top .logo {float:left; width:55px; margin-bottom:7px;}
.constrib_wrap .top .close { float:right; cursor:pointer; }
.constrib_wrap .top h2 { clear:both; font-size:14px; font-weight:400; margin-bottom:10px;}
.constrib_wrap .title_box { padding:10px 15px; background:#e7f0ff;}
.constrib_wrap .title_box:after { content:''; clear:both; display:block;}
.constrib_wrap .title_box span { float:left; font-size:14px; line-height:16px; color:#6b89e5; margin-right:18px; }
.constrib_wrap .title_box .title { float:left; font-size:14px; line-height:16px; color:#000;}
.constrib_wrap .anonymous_input {margin:17px 0 13px 0;}
.constrib_wrap label { display:block; font-size:14px; line-height:25px;}
.constrib_wrap .ipt {margin-bottom:10px; height:35px; line-height:33px;}
.constrib_wrap .slt {margin-bottom:10px; height:35px; line-height:33px;}
.constrib_wrap .email_01 {width:calc(30% - 4px);}
.constrib_wrap .email_02 {width:calc(30% - 4px);}
.constrib_wrap .email_03 {width:calc(35%);}
.constrib_wrap .email_split { width:5%; text-align:center; display:inline-block; line-height:35px;}
.constrib_wrap .explain { margin-top:15px; margin-bottom:25px; font-size:14px; line-height:18px;}
.constrib_wrap .btn.bg_grey { background:#d8d8d8; color:#fff;}
.constrib_wrap .btn { width:150px; height:40px; line-height:40px; margin:0 5px; font-size:18px;}
.constrib_wrap .checkbox input[type="checkbox"] + label {font-size:16px;}
/* 후원하기 끝 */