@charset 'utf-8';

.accessibility a {font-size:15px; color:#fff; background:#444a5a; position:absolute; left:0; top:-30px; width:100%; padding:5px 0; text-align:center; outline:none; opacity:0;filter:alpha(opacity=0);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s; z-index:100000;}
.accessibility a:active,
.accessibility a:focus {top:0;text-decoration:none;cursor:pointer;opacity:1;filter:alpha(opacity=100);}
.wass {position:absolute; left:0; top:0; color:#fff;}

/*=================================================================================
 * Layout
=================================================================================*/
#wrapper {min-width:1220px;}
#header {}
#header .logo {position:relative; width:1220px; height:0; margin:0 auto; z-index:10;}
/* #header .logo a {position:absolute; top:68px; display:block; width:122px; height:40px; background:url('../images/common/logo_korea.png') left top no-repeat;} */
#header .logo a {position:absolute; top:57px; display:block; width:192px; height:60px; background:url('../images/common/logo_korea2.png') left top no-repeat;}
#header .logo a i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}

#header .gnb {position:relative; width:100%; height:41px; border-bottom:1px solid #e5e5e5;}
#header .gnb .inwrap {position:relative; width:1220px; margin:0 auto;}
#header .gnb .inwrap:after {content: ''; display: block; clear: both;}
#header .gnb .inwrap .lbox {/* float:left; */ font-size:0; position:absolute; right:300px; top:0;}
#header .gnb .inwrap .lbox a {position:relative; display:inline-block; margin-top:6px;}
#header .gnb .inwrap .lbox a i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
#header .gnb .inwrap .lbox a.bh {/* width:54px; height:29px; */ width:45px; height:25px; background:url('../images/common/logo_bh2.gif') left top no-repeat;}
#header .gnb .inwrap .lbox a.mail {width:74px; height:29px; background:url('../images/common/gnb_mail.png') right top no-repeat;}
#header .gnb .inwrap .lbox a + a {margin-left:36px;}
#header .gnb .inwrap .lbox a + a:after {content: ''; display: block; clear: both; position:absolute; left:-18px; top:7px; width:1px; height:15px; background:#e5e5e5;}

#header .gnb .inwrap .rbox {float:right;}
#header .gnb .inwrap .rbox:after {content: ''; display: block; clear: both;}
#header .gnb .inwrap .rbox .sns,
#header .gnb .inwrap .rbox .sch,
#header .gnb .inwrap .rbox .allmenu {float:left;}
#header .gnb .inwrap .rbox .sns {margin-top:7px;}
#header .gnb .inwrap .rbox .sns:after {content: ''; display: block; clear: both;}
#header .gnb .inwrap .rbox .sns li {float:left; margin-left:1px;}
#header .gnb .inwrap .rbox .sns li a {display:block; width:24px; height:28px; font-size:0; line-height:0;}
#header .gnb .inwrap .rbox .sns li:first-child a {background:url('../images/common/gnb_sns_fb.png') left top no-repeat;}
#header .gnb .inwrap .rbox .sns li:first-child + li a {background:url('../images/common/gnb_sns_np.png') left top no-repeat;}
#header .gnb .inwrap .rbox .sch {width:161px; height:29px; background:url('../images/common/gnb_sch_bg.png') left top no-repeat; margin-top:6px; margin-left:13px;}
#header .gnb .inwrap .rbox .sch:after {content: ''; display: block; clear: both;}
#header .gnb .inwrap .rbox .sch label {overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden; text-indent:-10000px; float:left;}
#header .gnb .inwrap .rbox .sch input {width:123px; height:29px; line-height:29px; font-size:14px; vertical-align:middle; float:left; border:none; text-indent:10px; border-left:1px solid #c8c8c8; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
#header .gnb .inwrap .rbox .sch button {background:url('../images/common/gnb_sch_btn.png') no-repeat left top; width:38px; height:29px; float:left; font-size:0; line-height:0;}

#header .gnb .inwrap .rbox .allmenu .open {font-size:0; width:46px; height:41px; line-height:0; background:url('../images/common/gnb_amenu.png') left top no-repeat; margin-left:15px;}
#header .gnb .inwrap .rbox .allmenu .blind {position:fixed; left: 0px; top: 0px; z-index:101; width:100%; height:100%; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.72;}
#header .gnb .inwrap .rbox .allmenu .am {position:absolute; top:66px; left:1px; right:1px; background:#fff; z-index:120; display:none;}
#header .gnb .inwrap .rbox .allmenu .am .close {background:url('../images/common/gnb_amenu_close.png') no-repeat left top; width:38px; height:38px; font-size:0; line-height:0; position:absolute; right:31px; top:19px;}
#header .gnb .inwrap .rbox .allmenu .am h2 {font-size:24px; line-height:75px; font-family:'notoMedium'; letter-spacing:-0.075em; color:#fff; height:75px; background:url('../images/common/gnb_amenu_top_bg.png') left top no-repeat; padding-left:43px;}
#header .gnb .inwrap .rbox .allmenu .am .am01 {padding:30px 29px;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul {background:url('../images/common/gnb_amenu_am01.png') left top repeat-y;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul:after {content: ''; display: block; clear: both;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul > li {float:left; width:129px;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul > li:first-child {width:128px;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul > li h3 a {display:block; padding:10px 15px; font-size:16px; font-family:'notoMedium'; letter-spacing:-0.075em; color:#000;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul > li > ul > li a {display:block; padding:6px 15px; font-size:13px; letter-spacing:-0.07em; color:#555; word-break:keep-all;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul > li > ul > li a:hover {color:#019eef;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul > li > ul > li a[target='_blank'] {display:inline-block; padding-right:14px; background:url('../images/common/blank2_off.png') right 11px no-repeat;}
#header .gnb .inwrap .rbox .allmenu .am .am01 > ul > li > ul > li a:hover[target='_blank'] {background:url('../images/common/blank2_on.png') right 11px no-repeat;}
#header .gnb .inwrap .rbox .allmenu .am .am02 {padding:30px 29px; background:#f9fafc;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul {}
#header .gnb .inwrap .rbox .allmenu .am .am02 ul:after {content: ''; display: block; clear: both;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul li {float:left;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li:first-child {width:581px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li:first-child + li {width:579px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li h3 {display:block; padding:0 15px; font-size:14px; font-weight:bold; letter-spacing:-0.05em; color:#000; margin-bottom:15px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul > li {margin-left:25px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul > li:first-child {margin-left:15px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul > li a {display:block; padding:25px 0 0 0; font-size:13px; letter-spacing:-0.05em; position:relative;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul > li a:after {content: ''; display: block; position:absolute; left:50%; top:0; width:24px; height:18px; margin-left:-12px; background-repeat:no-repeat; background-image:url('../images/common/gnb_amenu_icon.png');}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child a:after {background-position:0 0;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li a:after {background-position:0 -19px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li + li a:after {background-position:0 -38px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li + li + li a:after {background-position:0 -57px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li + li + li + li a:after {background-position:0 -76px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li + li + li + li + li a:after {background-position:0 -95px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child a:hover:after {background-position:-24px 0;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li a:hover:after {background-position:-24px -19px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li + li a:hover:after {background-position:-24px -38px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li + li + li a:hover:after {background-position:-24px -57px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li + li + li + li a:hover:after {background-position:-24px -76px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.etc > li:first-child + li + li + li + li + li a:hover:after {background-position:-24px -95px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child a:after {background-position:0 -114px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child + li a:after {background-position:0 -133px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child + li + li a:after {background-position:0 -152px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child + li + li + li a:after {background-position:0 -171px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child + li + li + li + li a:after {background-position:0 -190px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child a:hover:after {background-position:-24px -114px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child + li a:hover:after {background-position:-24px -133px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child + li + li a:hover:after {background-position:-24px -152px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child + li + li + li a:hover:after {background-position:-24px -171px;}
#header .gnb .inwrap .rbox .allmenu .am .am02 > ul > li > ul.guide > li:first-child + li + li + li + li a:hover:after {background-position:-24px -190px;}

#header .lnb {position:relative; width:100%;}
#header .lnb .inwrap {width:1220px; margin:0 auto;}
#header .lnb .inwrap:after {content: ''; display: block; clear: both;}
#header .lnb .inwrap > ul {float:right;}
#header .lnb .inwrap > ul > li {float:left; margin-left:40px;}
#header .lnb .inwrap > ul > li > a {height:91px; display:inline-block; line-height:91px; font-size:18px; font-family:'notoMedium'; letter-spacing:-0.05em; color:#333;}
#header .lnb .inwrap > ul > li > div {position:absolute; width:1220px; z-index:55; left:50%; margin-left:-610px; display:none;}
#header .lnb .inwrap > ul > li > div > ul {position:absolute;}
#header .lnb .inwrap > ul > li > div > ul:after {content: ''; display: block; clear: both;}
#header .lnb .inwrap > ul > li > div > ul > li {float:left; margin:0 10px;}
#header .lnb .inwrap > ul > li > div > ul > li > a {font-family:'notoMedium'; letter-spacing:-0.05em; font-size:16px; color:#8fbcf2; display:block; position:relative; height:51px; line-height:51px; padding:0 0;}
#header .lnb .inwrap > ul > li > div > ul > li > a:after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#fff; transform:scale(0); transition:visibility 0.35s cubic-bezier(1, 0, 0, 1), transform 0.35s cubic-bezier(1, 0, 0, 1);}
#header .lnb .inwrap > ul > li > div > ul > li > a[target='_blank'] {display:inline-block; padding-right:14px; background:url('../images/common/blank_off.png') right 50% no-repeat;}

#header .lnb .inwrap > ul > li.on:after {content: ''; display:block; clear: both; position:absolute; left:0; top:91px; right:0; height:51px; background:#076db8; z-index:50;}
#header .lnb .inwrap > ul > li.on > a {color:#286dc0;}
#header .lnb .inwrap > ul > li.on > div {display:block;}
#header .lnb .inwrap > ul > li > div > ul > li.on > a {color:#fff;}
#header .lnb .inwrap > ul > li > div > ul > li.on > a:after {visibility:visible; transform:scale(1);}
#header .lnb .inwrap > ul > li > div > ul > li.on > a[target='_blank'] {background:url('../images/common/blank_on.png') right 50% no-repeat;}

#header .lnb .inwrap > ul > li:first-child > div > ul {left:200px;}
#header .lnb .inwrap > ul > li:first-child + li > div > ul {left:307px;}
#header .lnb .inwrap > ul > li:first-child + li + li > div > ul {left:421px;}
#header .lnb .inwrap > ul > li:first-child + li + li + li > div > ul {left:540px;}
#header .lnb .inwrap > ul > li:first-child + li + li + li + li > div > ul {right:0px;}
#header .lnb .inwrap > ul > li:first-child + li + li + li + li + li > div > ul {right:66px;}
#header .lnb .inwrap > ul > li:first-child + li + li + li + li + li + li > div > ul {right:0px;}
#header .lnb .inwrap > ul > li:first-child + li + li + li + li + li + li + li > div > ul {right:0px;}
#header .lnb .inwrap > ul > li:first-child + li + li + li + li + li + li + li + li > div > ul {right:0px;}

#footer {border-top:1px solid #e5e5e5; margin-top:-1px; position:relative; z-index:11;}
#footer .inner {position:relative; width:1220px; margin:0 auto; padding:30px 0;}
#footer .utill {margin-bottom:10px;}
#footer .utill:after {content: ''; display: block; clear: both;}
#footer .utill li {position:relative; float:left; margin-right:20px;}
#footer .utill li a {font-size:14px; color:#000; letter-spacing:-0.07em;}
#footer .utill li:first-child a {color:#096fba;}
#footer .utill li:after {content: ''; display: block; position:absolute; top:10px; left:-10px; width:2px; height:2px; background:#c7c7c7;}
#footer .utill li:first-child:after {display:none;}
#footer address {font-size:13px; color:#888;}
#footer address a {color:#888;}
#footer address span {display:block;}
#footer address span:first-child i {display:inline-block; position:relative; margin-right:15px;}
#footer address span:first-child i:after {content: ''; display: block; position:absolute; top:8px; left:-7px; width:2px; height:2px; background:#c7c7c7;}
#footer address span:first-child i:first-child:after {display:none;}
#footer .btn {position:absolute; right:0; top:50px; display:inline-block; padding:7px 10px; font-size:13px; border:1px solid #abacad; color:#888; font-weight:bold;}

#container {/*overflow:hidden;*/ min-width:1220px; visibility:hidden;}

/*=================================================================================
* side
=================================================================================*/
.article_side {float:right; width:376px; background:url('../images/common/article_side_bg.gif') right top repeat-y;}
.article_side .as_fact {border-bottom:1px solid #e5e5e5; margin-left:15px;}
.article_side .as_fact .inwrap {position:relative; padding:35px 26px;}
.article_side .as_fact h2 {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:15px;}
.article_side .as_fact h2 strong {font-family:'notoRegular'; font-weight:bold;}
/* .article_side .as_fact h2 span.qmark:after {content: ''; display: inline-block; background:url('../images/common/qmark_e.png') left top no-repeat; width:15px; height:13px; vertical-align:top; margin-left:3px;}
.article_side .as_fact h2 span.qmark:before {content: ''; display: inline-block; background:url('../images/common/qmark_s.png') left top no-repeat; width:15px; height:13px; vertical-align:top; margin-right:3px;} */

.article_side .as_fact .more {position:absolute; right:26px; top:39px; width:20px; height:20px; font-size:0; line-height:0; background:url('../images/common/ico_more.gif') left top no-repeat;}
.article_side .as_fact ul {}
.article_side .as_fact ul:after {content: ''; display: block; clear: both;}
.article_side .as_fact ul li {float:left;}
.article_side .as_fact ul li:first-child + li {float:right;}
.article_side .as_fact ul li a {position:relative; display:block; width:150px; height:145px; background:url('../images/common/as_fact_bg.png') left top no-repeat; color:#fff; padding:20px 15px; box-sizing:border-box;}
.article_side .as_fact ul li a strong {font-size:16px; display:block; line-height:20px;}
.article_side .as_fact ul li a span {font-size:14px; display:block; margin-top:12px;}

.article_side .as_fact.st1 ul li a {background:none;}
.article_side .as_fact.st1 ul li:first-child a {background:url('../images/common/as_fact_bg1.png') left top no-repeat;}
.article_side .as_fact.st1 ul li:first-child + li a {background:url('../images/common/as_fact_bg2.png') left top no-repeat;}
.article_side .as_fact.st1 ul li a strong {font-size:15px; font-weight:normal; letter-spacing:-0.075em;}
.article_side .as_fact.st1 ul li a span {position:relative; font-size:13px; margin-top:0; margin-bottom:12px; display:inline-block; height:24px; line-height:24px; max-width:120px; padding:0 10px; border-radius:0 24px 24px 24px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.article_side .as_fact.st1 ul li:first-child a span {background:#54c0b3;}
.article_side .as_fact.st1 ul li:first-child + li a span {background:#7da0cd;}

.article_side .as_popular {margin-left:15px; border-bottom:1px solid #e5e5e5;}
.article_side .as_popular .inwrap {position:relative; padding:35px 26px;}
.article_side .as_popular h2 {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:15px;}
.article_side .as_popular h2 strong{font-family:'notoRegular'; font-weight:bold;}
.article_side .as_popular .more {position:absolute; right:26px; top:39px; width:20px; height:20px; font-size:0; line-height:0; background:url('../images/common/ico_more.gif') left top no-repeat;}
.article_side .as_popular li {padding:5px 0; border-top:1px solid #f2f2f2;}
.article_side .as_popular li:first-child {padding:0 0 5px 0; border-top:none;}
.article_side .as_popular li a {position:relative; display:block; padding-left:26px;}
.article_side .as_popular li a:after {content: ''; display: block; clear: both;}
.article_side .as_popular li a .rank {position:absolute; left:0; top:11px; font-family:'notoMedium'; font-size:18px; color:#019eef; line-height:18px;}
.article_side .as_popular li a .thumb {float:right; margin:0 0 0 10px; width:82px; height:52px; overflow:hidden; border:1px solid #d5d9dc; background:#adadad url('../images/common/noimage_default.png') center center no-repeat; background-size:70%;}
.article_side .as_popular li a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.article_side .as_popular li a:hover .thumb img {transform: scale(1.1);}
.article_side .as_popular .title {overflow:hidden; display:block; font-size:16px; color:#000; line-height:19px; padding:10px 0 10px 0;}
.article_side .as_popular .thumb + .title  {padding:8px 0 0 0;}
/* 
.article_side .as_popular li:first-child .title {font-weight:bold; overflow:hidden;}
.article_side .as_popular li:first-child + li + li + li + li .title {font-weight:bold;}
*/

.article_side .as_banner {margin-left:16px; border-bottom:1px solid #e5e5e5; font-size:0; line-height:0;}
/* .article_side .as_banner img {width:100%;} */

.article_side .as_pplus {margin-left:15px; border-bottom:1px solid #e5e5e5;}
.article_side .as_pplus .inwrap {position:relative; padding:35px 26px;}
.article_side .as_pplus h2 {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:15px;}
.article_side .as_pplus h2 strong{font-family:'notoRegular'; font-weight:bold;}
.article_side .as_pplus .more {position:absolute; right:26px; top:39px; width:20px; height:20px; font-size:0; line-height:0; background:url('../images/common/ico_more.gif') left top no-repeat;}
.article_side .as_pplus ul li.first {}
.article_side .as_pplus ul li.first a {position:relative; display:block; z-index:1;}
.article_side .as_pplus ul li.first a span {display:block;}
.article_side .as_pplus ul li.first a .sort {position:absolute; left:1px; top:1px; height:24px; line-height:24px; font-size:13px; color:#fff; letter-spacing:-0.06em; z-index:10; padding:0 10px; background: url('../images/common/sort_bg.png') right top no-repeat;}
.article_side .as_pplus ul li.first a .thumb {position:relative; width:309px; height:180px; border:1px solid #ebebeb; box-sizing:border-box; overflow:hidden; background:#adadad url('../images/common/noimage_default.png') center center no-repeat;}
.article_side .as_pplus ul li.first a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.article_side .as_pplus ul li.first a:hover .thumb img {transform: scale(1.1);}
.article_side .as_pplus ul li.first a strong {display:block; width:100%; height:86px; position:absolute; left:1px; bottom:1px; background:url('../images/common/as_pplus_bg.png') left top no-repeat; box-sizing:border-box; padding:50px 15px 0 15px; color:#fff; font-size:17px; font-weight:normal;}
.article_side .as_pplus ul li.first a strong span {display:block; overflow:hidden;}
.article_side .as_pplus ul li.other {margin-top:12px;}
.article_side .as_pplus ul li.other a {display:table;}
.article_side .as_pplus ul li.other a:after {content: ''; display: block; clear: both;}
.article_side .as_pplus ul li.other a .thumb { position:relative; float:left; margin:0 10px 0 0; width:114px; height:78px; border:1px solid #ebebeb; box-sizing:border-box; overflow:hidden; background:#adadad url('../images/common/noimage_default.png') center center no-repeat;}
.article_side .as_pplus ul li.other a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.article_side .as_pplus ul li.other a:hover .thumb img {transform: scale(1.1);}
.article_side .as_pplus ul li.other a .text {overflow:hidden; display:table-cell; vertical-align:middle; text-align:left;}
.article_side .as_pplus ul li.other a .text strong {display:block; font-size:14px; overflow:hidden; line-height:20px;}
.article_side .as_pplus ul li.other a .text span {display:block; font-size:12px; color:#019eef; margin-top:5px;}

.article_side .as_reporter {margin-left:15px; border-bottom:1px solid #e5e5e5;}
.article_side .as_reporter .inwrap {position:relative; padding:35px 26px;}
.article_side .as_reporter h2 {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:15px;}
.article_side .as_reporter h2 strong{font-family:'notoRegular'; font-weight:bold;}
.article_side .as_reporter .more {position:absolute; right:26px; top:39px; width:20px; height:20px; font-size:0; line-height:0; background:url('../images/common/ico_more.gif') left top no-repeat;}
.article_side .as_reporter ul {}
.article_side .as_reporter ul:after {content: ''; display: block; clear: both;}
.article_side .as_reporter ul li {float:left;}
.article_side .as_reporter ul li:first-child {margin:0 9px 0 0;}
.article_side .as_reporter ul li:first-child + li + li {margin:15px 9px 0 0;}
.article_side .as_reporter ul li:first-child + li + li + li {margin:15px 0 0 0;}
.article_side .as_reporter ul li a {display:block; width:150px;}
.article_side .as_reporter ul li a .thumb {position:relative; display:block; width:100%; height:137px; border:1px solid #ebebeb; overflow:hidden; background:#adadad url('../images/common/noimage_default.png') center center no-repeat;}
.article_side .as_reporter ul li a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.article_side .as_reporter ul li a:hover .thumb img {transform: scale(1.1);}
.article_side .as_reporter ul li a strong {display:block; margin-top:10px; height:36px; font-weight:normal;}

.article_side .as_related {margin-left:15px; margin-top:-1px; border-bottom:1px solid #e5e5e5;}
.article_side .as_related .inwrap {position:relative; padding:0 26px 35px 26px;}
.article_side .as_related h2 {position:relative; font-size:18px; letter-spacing:-0.04em; color:#fff; font-family:'notoMedium'; margin-bottom:5px; padding:0 0 13px 0; background:url('../images/common/as_related_bg2.png') left bottom no-repeat; margin-left:-41px;}
.article_side .as_related h2 span {display:inline-block; height:34px; line-height:34px; padding:0 15px; background:url('../images/common/as_related_bg.png') right top no-repeat;}
.article_side .as_related .related_key {background:url('../images/common/ico_related.gif') left 3px no-repeat; padding:0 0 0 25px; margin:0 0 10px 0;}
.article_side .as_related .related_key:after {content: ''; display: block; clear: both;}
.article_side .as_related .related_key li {float:left; position:relative; padding:0 8px 0 8px; font-size:13px; line-height:18px; color:#2971d4; }
.article_side .as_related .related_key li:after {content: '#'; position:absolute; left:0; top:0;}
.article_side .as_related .list {margin:0 0 0 0;}
.article_side .as_related .list li {padding:10px 0 0 0;}
.article_side .as_related .list li:first-child {padding:0 0 0 0;}
.article_side .as_related .list li a {font-size:16px; color:#2b2b2b; font-weight:bold; line-height:19px; display:table;}
.article_side .as_related .list li a:after {content: ''; display: block; clear: both;}
.article_side .as_related .list li a .thumb {float:left; margin:5px 10px 0 0; width:73px; height:52px; overflow:hidden; border:1px solid #d5d9dc; background:#adadad url('../images/common/noimage_default.png') center center no-repeat; background-size:70%;}
.article_side .as_related .list li a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.article_side .as_related .list li a:hover .thumb img {transform: scale(1.1);}
.article_side .as_related .list li a strong {overflow:hidden; display:table-cell; vertical-align:middle; font-weight:bold; padding:0 0 0 8px; background:#fff url('../images/common/bul_dot.gif') left center no-repeat;}
.article_side .as_related .list li a .thumb + strong {background:red; padding:0; background:none;}

.article_side .as_column {margin-left:15px; border-bottom:1px solid #e5e5e5;}
.article_side .as_column .inwrap {position:relative; padding:26px;}
.article_side .as_column h2 {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:15px;}
.article_side .as_column h2 strong{font-family:'notoRegular'; font-weight:bold;}
.article_side .as_column .more {position:absolute; right:26px; top:30px; width:20px; height:20px; font-size:0; line-height:0; background:url('../images/common/ico_more.gif') left top no-repeat;}
.article_side .as_column ul li {margin-top:20px;}
.article_side .as_column ul li a {display:table;}
.article_side .as_column ul li a:after {content: ''; display: block; clear: both;}
.article_side .as_column ul li a .thumb {position:relative; float:left; margin:0 10px 0 0; width:56px; height:56px; overflow:hidden; background:#adadad url('../images/common/noimage_default.png') center center no-repeat; background-size:70%;}
.article_side .as_column ul li a .thumb:after {content: ''; position:absolute; left:0; top:0; width:56px; height:56px; background:url('../images/common/as_column_frame.png') left top no-repeat;}
.article_side .as_column ul li a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.article_side .as_column ul li a:hover .thumb img {transform: scale(1.1);}
.article_side .as_column ul li a .text {overflow:hidden; display:table-cell; vertical-align:middle; text-align:left;}
.article_side .as_column ul li a .text strong {display:block; font-size:16px; overflow:hidden; line-height:18px;}
.article_side .as_column ul li a .text span {display:block; font-size:12px; color:#019eef; margin-top:5px;}

.article_side .as_quiz {margin-left:16px;}
.article_side .as_quiz .inwrap {position:relative; /* padding:26px; */}
.article_side .as_quiz h2 {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:15px;}
.article_side .as_quiz h2 strong{font-family:'notoRegular'; font-weight:bold;}
.article_side .as_quiz h2 a {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:15px;}
.article_side .as_quiz h2 a strong{font-family:'notoRegular'; font-weight:bold;}
.article_side .as_quiz .box {position:relative; padding:0 0 20px 0;}
.article_side .as_quiz .box:after {content: ''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #eeedf0; z-index:1;}
.article_side .as_quiz .box dl {position:relative; z-index:2; padding:0 20px;}
.article_side .as_quiz .box dl dt {position:relative; left:-20px; z-index:2; font-size:18px; color:#fff; font-weight:normal; width:309px; min-height:150px; margin-bottom:15px; display:table; background:url('../images/common/as_quiz_bg01.jpg') center center no-repeat; background-size:cover; position:relative;}
.article_side .as_quiz .box dl dt .inner {display:table-cell; vertical-align:middle; text-align:center; padding:20px;}
.article_side .as_quiz .box dl dt .inner span {display:block;}
.article_side .as_quiz .box dl dt .inner span:first-child i {position:relative; top:-3px; display:inline-block; font-size:0; line-height:0; width:12px; height:18px; background:url('../images/common/as_quiz_q.png') left top no-repeat; vertical-align:middle; margin-right:5px;}
.article_side .as_quiz .box dl dt .inner span:first-child + span a {display:inline-block; color:#fff; padding:5px 10px; border:1px solid #fff; font-size:12px; margin-top:10px;}
.article_side .as_quiz .box dl dd {position:relative; padding:0 0 0 30px; margin:10px 0 0 0; z-index:2;}
.article_side .as_quiz .box dl dd span {display:inline-block; position:absolute; left:0; top:-1px;}
.article_side .as_quiz .box dl dd label {color:#2b2b2b; font-size:14px; line-height:20px; cursor: pointer;}
.article_side .as_quiz .btn {padding:0 20px; margin-top:20px; position:relative; z-index:3;}
.article_side .as_quiz .btn:after {content: ''; display: block; clear: both;}
.article_side .as_quiz .btn a {text-align:center; height:40px; line-height:40px; border:1px solid #c5c5c5; letter-spacing:-0.04em;}
.article_side .as_quiz .btn a:first-child {float:left; width:106px; color:#019eef; font-weight:bold;}
.article_side .as_quiz .btn a:first-child + a {float:right; width:152px;}

.article_side .as_policy_wrap {border-bottom:1px solid #e5e5e5; margin-left:15px;}
.article_side .as_policy_wrap .inwrap {position:relative; padding:35px 26px 26px 26px;}

.article_side .as_policy_wrap .policy_sns {margin-bottom:20px;}
.article_side .as_policy_wrap .policy_sns h2 {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:15px;}
.article_side .as_policy_wrap .policy_sns h2 strong{font-family:'notoRegular'; font-weight:bold;}
.article_side .as_policy_wrap .policy_sns ul {font-size:0; text-align:center;}
.article_side .as_policy_wrap .policy_sns li {display:inline-block; margin:0 5px;}
.article_side .as_policy_wrap .policy_sns li a {width:45px; height:45px; display:inline-block;}
.article_side .as_policy_wrap .policy_sns li a i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
.article_side .as_policy_wrap .policy_sns li:first-child a {background:url('../images/common/sns_facebook_l.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_sns li:first-child + li a {background:url('../images/common/sns_twitter_l.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_sns li:first-child + li + li a {background:url('../images/common/sns_pinterest_l.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_sns li:first-child + li + li + li a {background:url('../images/common/sns_youtube_l.gif') left top no-repeat;}
/*
.article_side .as_policy_wrap .policy_sns li:first-child a {background:url('../images/common/sns_daum_l.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_sns li:first-child + li a {background:url('../images/common/sns_facebook_l.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_sns li:first-child + li + li a {background:url('../images/common/sns_twitter_l.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_sns li:first-child + li + li + li a {background:url('../images/common/sns_pinterest_l.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_sns li:first-child + li + li + li + li a {background:url('../images/common/sns_youtube_l.gif') left top no-repeat;}
*/

.article_side .as_policy_wrap .policy_site {margin-bottom:30px;}

.article_side .as_policy_wrap .policy_home h2 {font-size:16px; height:49px; line-height:49px; background:#2971d4; color:#fff; font-family:'notoMedium'; text-indent:20px;}
.article_side .as_policy_wrap .policy_home .menu {border:1px solid #ececec; border-top:none;}
.article_side .as_policy_wrap .policy_home .menu ul {padding:15px 15px 0 15px; overflow:hidden; height:150px;}
.article_side .as_policy_wrap .policy_home .menu ul.on {overflow:visible !important; height:auto !important;}
.article_side .as_policy_wrap .policy_home .menu ul:after {content: ''; display: block; clear: both;}
.article_side .as_policy_wrap .policy_home .menu ul li {float:left; margin-bottom:5px; width:56%;}
.article_side .as_policy_wrap .policy_home .menu ul li:nth-child(2n+0){width:44%;}
.article_side .as_policy_wrap .policy_home .menu ul li a {font-size:14px; line-height:20px; color:#111; letter-spacing:-0.04em;}
.article_side .as_policy_wrap .policy_home .menu ul li a:hover,
.article_side .as_policy_wrap .policy_home .menu ul li.on a {color:#2971d4; text-decoration:underline;}
.article_side .as_policy_wrap .policy_home .menu .btn {display:block; height:30px; background:url('../images/common/ico_down.gif') center center no-repeat;}
.article_side .as_policy_wrap .policy_home .menu .btn i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
.article_side .as_policy_wrap .policy_home .menu .btn.on {background:url('../images/common/ico_up.gif') center center no-repeat;}

.article_side .as_policy_wrap .policy_home .list {position:relative; background:#fbfbfb; border:1px solid #ececec; border-top:none; padding:15px 0 5px 0;}
.article_side .as_policy_wrap .policy_home .list .select {position:relative; margin-bottom:20px; padding:0 20px;}
.article_side .as_policy_wrap .policy_home .list .select .info {width:200px;}
.article_side .as_policy_wrap .policy_home .list .select .info:after {content: ''; display: block; clear: both;}
.article_side .as_policy_wrap .policy_home .list .select .info h3 {float:left; font-size:15px; height:23px; font-weight:bold; color:#000; margin-right:5px;}
.article_side .as_policy_wrap .policy_home .list .select .info .sns {float:left; font-size:0; padding:3px 0 0 ;}
.article_side .as_policy_wrap .policy_home .list .select .info .sns a {margin:0 2px;}
.article_side .as_policy_wrap .policy_home .list .select .info .sns .fb {display:inline-block; width:17px; height:17px; background:url('../images/common/sns_facebook_s.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_home .list .select .info .sns .tw {display:inline-block; width:17px; height:17px; background:url('../images/common/sns_twitter_s.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_home .list .select .info .sns .bl {display:inline-block; width:17px; height:17px; background:url('../images/common/sns_blog_s.gif') left top no-repeat;}
.article_side .as_policy_wrap .policy_home .list .select .info .sns i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
.article_side .as_policy_wrap .policy_home .list .select .uncheck {position:absolute; right:20px; top:0; display:inline-block; width:58px; height:17px; padding:4px 0 0 0; line-height:12px; border:1px solid #e0e0e0; background:#fff; text-align:center; color:#787777; font-size:12px;}

.article_side .as_policy_wrap .policy_home .list .slider .slick-dots {text-align:center;}
.article_side .as_policy_wrap .policy_home .list .slider .slick-dots li {display:inline-block;}
.article_side .as_policy_wrap .policy_home .list .slider .slick-dots li button {position:relative; font-size:0; width:16px; height:27px;}
.article_side .as_policy_wrap .policy_home .list .slider .slick-dots li button:before {content: ''; width:8px; height:8px; background:#e6e6e6; position:absolute; left:50%; top:50%; margin:-4px 0 0 -4px; border-radius:8px;}
.article_side .as_policy_wrap .policy_home .list .slider .slick-dots li.slick-active button:before {background:#076db8;}
.article_side .as_policy_wrap .policy_home .list .slider {}
.article_side .as_policy_wrap .policy_home .list .slider ul {margin:0 20px;}
.article_side .as_policy_wrap .policy_home .list .slider ul li {}
.article_side .as_policy_wrap .policy_home .list .slider ul li:first-child {}
.article_side .as_policy_wrap .policy_home .list .slider ul li a {display:block; border-top:1px solid #e8e8e8; padding:20px 0;}
.article_side .as_policy_wrap .policy_home .list .slider ul li:first-child a {border-top:none; padding:0 0 20px 0;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.title {display:block; font-size:13px; font-weight:bold; color:#000; margin-bottom:8px;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.lead {display:block; font-size:14px; color:#555; margin-bottom:8px;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.info {display:block; font-size:14px; color:#555; font-size:0;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.info span {position:relative; display:inline-block; font-size:12px; color:#a3a3a3; padding-left:15px;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.info span {position:relative; display:inline-block; font-size:12px; color:#a3a3a3; padding-left:15px;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.info span.fb {background:url('../images/common/sns_facebook_xs.gif') left center no-repeat;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.info span.tw {background:url('../images/common/sns_twitter_xs.gif') left center no-repeat;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.info span.bl {background:url('../images/common/sns_blog_xs.gif') left center no-repeat;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.info span.clock {background:url('../images/common/ico_clock.gif') 10px 2px no-repeat; padding-left:28px; margin-left:8px;}
.article_side .as_policy_wrap .policy_home .list .slider ul li span.info span.clock:after {content: ''; position:absolute; top:4px; left:0; width:1px; height:11px; background:#dadada;}

/*=================================================================================
* Share
=================================================================================*/
.article_share {float:left;}
.article_share ul li{margin-top:5px;}
.article_share ul li:first-child {margin-top:0;}
.article_share button {display:block; width:34px; height:34px;}
.article_share button i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
.article_share button.like {position:relative; background:url('../images/common/share_like.png') left top no-repeat;}
.article_share button.like .title {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
.article_share button.like .count {position:absolute; top:16px; left:0; right:0; display:block; font-size:12px; text-align:center;  color:#444; font-family:'notoMedium'; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.article_share button.fb {background:url('../images/common/share_fb.png') left top no-repeat;}
.article_share button.tw {background:url('../images/common/share_tw.png') left top no-repeat;}
.article_share button.bd {background:url('../images/common/share_bd.png') left top no-repeat;}
.article_share button.kt {background:url('../images/common/share_kt.png') left top no-repeat;}
.article_share button.bm {background:url('../images/common/share_bm.png') left top no-repeat;}
.article_share button.uc {background:url('../images/common/share_uc.png') left top no-repeat;}

/*=================================================================================
* good news
=================================================================================*/
.article_good_news {background:url('../images/main/national_task_bg.png') left top repeat; position:relative; width:100%; z-index:11;}
.article_good_news .inwrap {width:1220px; margin:0 auto; padding:60px 0;}
.article_good_news h2 {font-size:20px; letter-spacing:0.03em; color:#fff; font-family:'notoDemLight'; margin-bottom:9px; padding-left:6px;}
.article_good_news h2 strong{font-family:'notoRegular'; font-weight:bold;}
.article_good_news .list {width:100%;}
.article_good_news .list:after {content: ''; display: block; clear: both;}
.article_good_news .list li {float:left; margin:6px;}
.article_good_news .list li a {display:block; width:232px; height:232px; background:#fff;}
.article_good_news .list li a span,
.article_good_news .list li a strong {display:block;}
.article_good_news .list li a .thumb {position:relative; width:232px; height:160px; overflow:hidden; background:#adadad url('../images/common/noimage_default.png') center center no-repeat;}
.article_good_news .list li a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.article_good_news .list li a:hover .thumb img {transform: scale(1.1);}
.article_good_news .list li a .text {padding:15px 20px; letter-spacing:-0.05em;}
.article_good_news .list li a .text strong {font-size:16px; line-height:21px; font-weight:normal; color:#2b2b2b; height:42px;}
.article_good_news .list li a .text span {font-size:13px; color:#019eef; margin-top:10px;}
.article_good_news .list li.st2 a {background:#019eef;}
.article_good_news .list li.st2 a .text {padding:15px 20px; letter-spacing:-0.05em;}
.article_good_news .list li.st2 a .text strong {font-size:23px; line-height:29px; font-weight:normal; color:#fff; padding:20px 0 0 0; background:url('../images/common/good_news_quos.png') left top no-repeat; height:182px;}
.article_good_news .list li.st2 a .text span {font-size:13px; color:#fff; margin-top:10px;}
.article_good_news .list li.video a .thumb:after {content: ''; display: block; width:32px; height:32px; background:url('../images/common/ico_video.png') left top no-repeat; position:absolute; left:10px; bottom:10px;} 
.article_good_news .more {text-align:center; width:100%; margin-top:20px;}
.article_good_news .more span {font-size:14px; font-family:'notoRegular'; display:inline-block; color:#fff; padding:10px 15px 10px 10px;padding-right:15px; background:url('../images/common/more.png') no-repeat right 50%;}

.article_good_news .more.close span {background:url('../images/common/more_close.png') no-repeat right 50%;}

/*=================================================================================
* View Head Title
=================================================================================*/
.article_head {position:relative; padding:37px 0 20px 0; border-bottom:1px solid #e5e5e5;}
.article_head:after {content: ''; display: block; clear: both;}
.article_head .subject {width:970px;}
.article_head .subject .name {color:#286dc0; font-weight:bold; font-size:13px;}
.article_head .subject h1 {font-size:34px; letter-spacing:-0.05em; color:#000; font-weight:bold; width:100%; word-break:keep-all; word-break:break-all;}
.article_head .subtit {width:970px; font-size:20px; color:#666; margin-top:10px;}
.article_head .subtit h2 {line-height:27px; height:27px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.article_head .ah_loc {font-size:15px; margin:15px 0 0 0; font-weight:bold; color:#000;}
.article_head .ah_loc a {color:#000;}
.article_head .info {width:970px; margin-top:15px; font-size:0;}
.article_head .info span {font-size:15px; color:#999; position:relative; margin-left:10px; padding-left:11px;}
.article_head .info span:after {content: ''; position:absolute; top:5px; left:0; width:1px; height:12px; background:#dadada;}
.article_head .info span:first-child {margin-left:0; padding-left:0;}
.article_head .info span:first-child:after {content: ''; display:none;}
.article_head .info span a {color:#999; letter-spacing:0;}
.article_head .info span a[target='_blank'] {display:inline-block; padding-right:14px; background:url('../images/common/blank2_off.png') right 6px no-repeat;}

.article_head .tool {position:absolute; right:0; top:50%; margin-top:-8px; font-size:0;}
.article_head .tool a {display:inline-block;}
.article_head .tool a.minus {width:41px; height:36px;  background:url('../images/common/btn_fminus.gif') left top no-repeat; margin-right:-1px;}
.article_head .tool a.plus {width:41px; height:36px; background:url('../images/common/btn_fplus.gif') left top no-repeat; margin-right:5px;}
.article_head .tool a.print {width:36px; height:36px; background:url('../images/common/btn_print.gif') left top no-repeat; margin-right:5px;}
.article_head .tool a.list {width:36px; height:36px;background:url('../images/common/btn_list.gif') left top no-repeat;}
.article_head .tool a.prev {width:41px; height:36px;  background:url('../images/common/btn_prev.gif') left top no-repeat; margin-right:-1px;}
.article_head .tool a.next {width:41px; height:36px; background:url('../images/common/btn_next.gif') left top no-repeat; margin-right:5px;}

.article_head .ah_loc + .info {margin-top:5px;}
.article_head.newsletter .subject {width:637px;}
/*=================================================================================
* View Movie
=================================================================================*/
.article_content .movie {}
.article_content .movie .arae {text-align:center; margin-bottom:15px;}
.article_content .movie .info {font-size:13px; text-align:center; line-height:12px; margin-bottom:15px;}
.article_content .movie .info span {background:url('../images/common/bl_sarrow.gif') left 4px no-repeat; padding:0 0 0 15px;}
.article_content .movie .down {font-size:13px; text-align:center; margin-bottom:15px;}
.article_content .movie .down a {background:url('../images/common/btn_multi_download.gif') left top no-repeat; display:inline-block; width:102px; height:37px;}
.article_content .movie .down a i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
.article_content .sort_tit {border-top:1px solid #cccccc; border-bottom:1px solid #e6e6e6; background:#f8f8f8; padding:5px 10px; font-family:'notoMedium' !important; margin:10px 0;}

/*=================================================================================
* View File Download
=================================================================================*/
.article_content .fliedown {}
.article_content .filedown {margin-top:35px; padding:15px 0 10px 0; border-top:1px solid #ebebeb; font-size:14px;}
.article_content .filedown dl:after {content: ''; display: block; clear: both;}
.article_content .filedown dt {float:left; width:80px;}
.article_content .filedown dd {float:left; width:600px;}
.article_content .filedown dd p {margin-bottom:5px;}
.article_content .filedown dd p a {color:#999; line-height:16px; display:inline-block;}
.article_content .filedown dd p a img {vertical-align:top; margin-right:5px; margin-top:1px;}

/*=================================================================================
* View °ü·Ã±â»ç
=================================================================================*/
.article_content .related_news {padding:45px 0 0 0; border-top:1px solid #ebebeb;}
.article_content .related_news .rhead {}
.article_content .related_news .rhead:after {content: ''; display: block; clear: both;}
.article_content .related_news .rhead h2 {float:left; margin-right:10px; position:relative; font-size:15px; letter-spacing:-0.04em; color:#fff; font-family:'notoMedium'; margin-bottom:5px; padding:0 0 8px 0; background:url('../images/common/related_bg2.png') left bottom no-repeat; margin-left:-12px;}
.article_content .related_news .rhead h2 span {display:inline-block; height:26px; line-height:26px; padding:0 15px; background:url('../images/common/related_bg.png') right top no-repeat;}
.article_content .related_news .rhead .key {overflow:hidden; background:url('../images/common/ico_related.gif') left 8px no-repeat; padding:5px 0 0 25px; margin:0 0 10px 0;}
.article_content .related_news .rhead .key:after {content: ''; display: block; clear: both;}
.article_content .related_news .rhead .key li {float:left; position:relative; padding:0 8px 0 8px; font-size:13px; line-height:18px; color:#2971d4;}
.article_content .related_news .rhead .key li:after {content: '#'; position:absolute; left:0; top:0;}
.article_content .related_news .rhead .key li a {color:#2971d4;}
.article_content .related_news .list {margin:0 0 0 0;}
.article_content .related_news .list:after {content: ''; display: block; clear: both;}
.article_content .related_news .list li {padding:10px 0 10px 0; width:360px; border-top:1px solid #f2f2f2;}
.article_content .related_news .list li a {font-size:16px; color:#2b2b2b; font-weight:bold; line-height:19px; display:table; height:54px;}
.article_content .related_news .list li a:after {content: ''; display: block; clear: both;}
.article_content .related_news .list li a .thumb {float:left; margin:0 10px 0 0; width:73px; height:52px; overflow:hidden; border:1px solid #d5d9dc; background:#adadad url('../images/common/noimage_default.png') center center no-repeat; background-size:70%;}
.article_content .related_news .list li a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.article_content .related_news .list li a:hover .thumb img {transform: scale(1.1);}
.article_content .related_news .list li a strong {overflow:hidden; display:table-cell; vertical-align:middle; font-weight:bold; /* padding:0 0 0 8px; background:#fff url('../images/common/bul_dot.gif') left center no-repeat; */}
.article_content .related_news .list li a .thumb + strong {padding:0 0 0 0; background:none;}

.article_content .related_news .list li:first-child {float:left; border-top:none;}
.article_content .related_news .list li:first-child + li {float:right; border-top:none;}
.article_content .related_news .list li:first-child + li + li {float:left;}
.article_content .related_news .list li:first-child + li + li + li {float:right;}
.article_content .related_news .list li:first-child + li + li + li + li {float:left;}
.article_content .related_news .list li:first-child + li + li + li + li + li {float:right;}

.article_content .related_news .list2 {margin:0 0 0 0;}
.article_content .related_news .list2:after {content: ''; display: block; clear: both;}
.article_content .related_news .list2 li {padding:10px 0 10px 0; width:360px; border-top:1px solid #f2f2f2;}
.article_content .related_news .list2 li a {font-size:16px; color:#2b2b2b; font-weight:bold; line-height:19px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; padding:0 0 0 8px; background:#fff url('../images/common/bul_dot.gif') left center no-repeat;}
.article_content .related_news .list2 li a:after {content: ''; display: block; clear: both;}
.article_content .related_news .list2 li a strong {font-weight:bold;}
.article_content .related_news .list2 li:first-child {float:left; border-top:none;}
.article_content .related_news .list2 li:first-child + li {float:right; border-top:none;}
.article_content .related_news .list2 li:first-child + li + li {float:left;}
.article_content .related_news .list2 li:first-child + li + li + li {float:right;}
.article_content .related_news .list2 li:first-child + li + li + li + li {float:left;}
.article_content .related_news .list2 li:first-child + li + li + li + li + li {float:right;}

/*=================================================================================
* View °øÁ÷¸ÞÀÏ ÅëÇÕ±â»ç
=================================================================================*/
.article_content .krmail {padding:45px 0 0 0; border-top:1px solid #e5e5e5;}
.article_content .krmail h3 {font-size:20px; letter-spacing:-0.05em; color:#00224f; font-family:'notoDemLight'; margin-bottom:20px;}
.article_content .krmail h3 strong{font-family:'notoRegular'; font-weight:bold;}
.article_content .krmail .boxwrap {position:relative; width:;}
.article_content .krmail .boxwrap:after {content: ''; display: block; clear: both;}
.article_content .krmail .boxwrap:before {content: ''; display:block; position:absolute; left:0; right:0; bottom:0; top:0; border:1px solid #e5e5e5;}
.article_content .krmail .boxwrap .box {position:relative; float:left; z-index:2; border:1px solid #e5e5e5; margin:0 -1px -1px 0;}
.article_content .krmail .boxwrap .box a {display:block; width:184px; height:181px; padding:10px; box-sizing:border-box;}
.article_content .krmail .boxwrap .box a span {display:block;}
.article_content .krmail .boxwrap .box a span.thumb {overflow:hidden; background:#ebebeb url('../images/common/noimage_default.png') center center no-repeat;}
.article_content .krmail .boxwrap .box a span.thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.2s ease-in-out;}
.article_content .krmail .boxwrap .box a:hover span.thumb img {transform: scale(1.1);}
.article_content .krmail .boxwrap .box a span.title {font-size:14px; font-weight:bold; line-height:20px; margin-top:10px;}
.article_content .krmail .boxwrap .box.mix a span.thumb {position:relative; width:164px; height:105px;}
.article_content .krmail .boxwrap .box.mix2 a {position:relative; width:369px; height:181px; padding:0;}
.article_content .krmail .boxwrap .box.mix2 a span.sort {font-size:14px; color:#fff; position:absolute; left:18px; top:30px; z-index:2;}
.article_content .krmail .boxwrap .box.mix2 a span.sort strong {display:inline-block; border-bottom:1px solid #fff; padding:0 0 2px 0;}
.article_content .krmail .boxwrap .box.mix2 a span.title {position:absolute; top:70px; left:0; right:0; font-size:23px; font-weight:bold; line-height:30px; margin-top:0; color:#fff; padding:0 18px;}
.article_content .krmail .boxwrap .box.mix2 a span.thumb {position:relative; width:100%; height:181px;}
.article_content .krmail .boxwrap .box.photo a span.thumb {position:relative; width:164px; height:161px;}
.article_content .krmail .boxwrap .box.text {width:369px;}
.article_content .krmail .boxwrap .box.text ul {}
.article_content .krmail .boxwrap .box.text ul:after {content: ''; display: block; clear: both;}
.article_content .krmail .boxwrap .box.text ul li {float:left;}
.article_content .krmail .boxwrap .box.text ul li a {width:184px; height:90px; display:table; font-weight:bold; padding:11px;}
.article_content .krmail .boxwrap .box.text ul li a span {display:table-cell; vertical-align:middle;}
.article_content .krmail .boxwrap .box.text ul li:first-child a {border-bottom:1px solid #e5e5e5;}
.article_content .krmail .boxwrap .box.text ul li:first-child + li a {border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.article_content .krmail .boxwrap .box.text ul li:first-child + li + li + li a {border-left:1px solid #e5e5e5;}

/*=================================================================================
* View ¶óÀ̺귯¸®
=================================================================================*/
.article_content .livere_box {margin-top:45px; padding:45px 0 25px 0; border-top:1px solid #e5e5e5;}

/*=================================================================================
* °ø°ø´©¸®
=================================================================================*/
.article_content .kogl {margin-top:40px; width:100%;}
.article_content .kogl .box {margin-top:10px;}
.article_content .kogl .box .guide {padding:15px 15px 15px 15px; border:1px solid #c6c6c6; border-bottom:none; border-radius:10px 10px 0 0;}
.article_content .kogl .box .guide:after {content: ''; display: block; clear: both;}
.article_content .kogl .box .guide .logo {float:left; margin-right:10px; font-size:0; line-height:0;}
.article_content .kogl .box .guide dl {overflow:hidden; padding:0 0 0 10px; border-left:1px solid #e2e2e2;}
.article_content .kogl .box .guide dl dt {font-size:12px; font-family:'notoRegular'; color:#000; letter-spacing:-0.06em;}
.article_content .kogl .box .guide dl dd {font-size:11px; line-height:15px; letter-spacing:-0.06em; color:#888;}
.article_content .kogl .box .info {position:relative; border:1px solid #c6c6c6; background:#f7f7f7; font-size:12px; letter-spacing:-0.06em; padding:10px;}
.article_content .kogl .box .info .btn {position:absolute; right:10px; top:9px;}
.article_content .kogl .box .info .btn a {display:inline-block; background:#666; color:#e8e8e8; padding:0 5px; font-size:11px; line-height:20px; height:20px; font-family:'notoRegular';}

/*=================================================================================
* Pop up
=================================================================================*/
#wrap_popup {position:relative; padding:20px;}
#wrap_popup .header {margin-bottom:20px;}
#wrap_popup .header h2 {font-size:20px; font-weight:bold; text-align:center;}
#wrap_popup .section_cont {margin-bottom:20px;}
#wrap_popup .section_cont.scroll {height:440px; padding:15px; border:1px solid #d5d9dc; overflow-x:hidden; overflow-y: scroll;}
#wrap_popup .section_btn {text-align:center;}
#wrap_popup .section_btn a {width:100px;}
#wrap_popup .section_cont .privacy_box {border:none;}

#wrap_popup_quiz {position:relative; width:523px;}
#wrap_popup_quiz .header {margin-bottom:20px;}
#wrap_popup_quiz .section_cont {margin-bottom:20px; padding:0 15px;}
#wrap_popup_quiz .section_cont .quiz_input h3.title,
#wrap_popup_quiz .section_cont .quiz_priv h3.title {font-size:16px; font-weight:bold; color:#333;}
#wrap_popup_quiz .section_cont .quiz_input .input {border-top:2px solid #555; border-bottom:1px solid #e3e5e9; margin-top:10px; padding:18px 0;}
#wrap_popup_quiz .section_cont .quiz_input .input:after {content: ''; display: block; clear: both;}
#wrap_popup_quiz .section_cont .quiz_input .input li {display:inline-block;}
#wrap_popup_quiz .section_cont .quiz_input .input li:first-child {padding-right:15px;}
#wrap_popup_quiz .section_cont .quiz_input .input label {font-size:15px; color:#333; display:inline-block; padding-right:10px;}
#wrap_popup_quiz .section_cont .quiz_input .input input {height:38px; line-height:30px; border:1px solid #c7d0dc; font-size:15px; text-align:center;}
#wrap_popup_quiz .section_cont .quiz_apply {text-align:center; margin-top:35px;}
#wrap_popup_quiz .section_cont .quiz_apply a {display:inline-block; color:#000; font-size:17px; color:#fff; width:161px; height:48px; line-height:48px; background:#286dc0;}
#wrap_popup_quiz .section_cont .quiz_priv {margin-top:35px;}
#wrap_popup_quiz .section_cont .quiz_priv .box {margin-top:10px; border:1px solid #c7d0dc; height:140px; font-size:14px; color:#666; overflow:hidden; padding:15px; overflow-x:hidden; overflow-y:scroll;}
#wrap_popup_quiz .section_cont .quiz_priv .box li {margin-top:10px;}
#wrap_popup_quiz .section_cont .quiz_priv .agree_check {text-align:center; font-size:15px; margin-top:10px;}
#wrap_popup_quiz .section_cont .quiz_priv .agree_check span {margin:0 5px;}
#wrap_popup_quiz .section_cont .quiz_priv .agree_check input {margin:0;}
#wrap_popup_quiz .section_btn {text-align:center;}
#wrap_popup_quiz .section_btn a {width:100px;}

.btn_top {width:1220px; position:fixed; bottom:39px; left:50%; margin-left:-610px; z-index:100;}
.btn_top button {position:absolute; right:-43px; bottom:-3px; display:block; border-radius:33px; width:36px; height:36px; background-image:url('../images/common/btn_top.gif'); background-repeat:no-repeat; background-position:center center; background-color:#292929; }
.btn_top button span {font-size:0; line-height:0;}

#wrap_keyword {position:relative;}
#wrap_keyword .close {background:url('../images/common/gnb_amenu_close.png') no-repeat left top; width:38px; height:38px; font-size:0; line-height:0; position:absolute; right:5px; top:5px;}
#wrap_keyword .head {background:url('../images/common/gnb_amenu_top_bg.png') left top no-repeat; padding:10px 10px;}
#wrap_keyword .head:after {content: ''; display: block; clear: both;}
#wrap_keyword .head h2 {float:left; font-size:20px; font-family:'notoMedium'; letter-spacing:-0.075em; color:#fff;}
#wrap_keyword .head span {float:left; padding:4px 0 0 0; margin-left:10px; color:#fff;}
#wrap_keyword .body {padding:0 15px;}
#wrap_keyword .body .list li {border-top:1px solid #e1e1e1; padding:15px 0;}
#wrap_keyword .body .list li:first-child {border-top:none;}
#wrap_keyword .body .list li a {display:table;}
#wrap_keyword .body .list li a:after {content: ''; display: block; clear: both;}
#wrap_keyword .body .list li a .thumb { position:relative; float:left; margin:0 10px 0 0; width:90px; height:62px; border:1px solid #ebebeb; box-sizing:border-box; overflow:hidden; background:#adadad url('../images/common/noimage_default.png') center center no-repeat; background-size:70%;}
#wrap_keyword .body .list li a .thumb img {width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
#wrap_keyword .body .list li a:hover .thumb img {transform: scale(1.1);}
#wrap_keyword .body .list li a .text {overflow:hidden; display:table-cell; vertical-align:middle; text-align:left;}
#wrap_keyword .body .list li a .text strong {display:block; font-size:14px; overflow:hidden; line-height:20px;}
#wrap_keyword .body .list li a .text span {display:block; font-size:12px; color:#a2a1a1; margin-top:5px;}

#wrap_popup_newsletter {position:relative; width:523px;}
#wrap_popup_newsletter .header {margin-bottom:20px; position:relative; width:100%; padding:20px 0; background:#ebf2fa url("../images/common/newslette_pop_ico.gif") 20px 50% no-repeat; display:table;}
#wrap_popup_newsletter .header div {font-size:15px; display:table-cell; vertical-align:middle; padding-left:100px; line-height:24px;}
#wrap_popup_newsletter .header div h2 {font-size:20px; font-family:"notoMedium"; color:#000;}
#wrap_popup_newsletter .section_cont {margin-bottom:20px; padding:0 15px;}
#wrap_popup_newsletter .section_cont .pop_input h3.title,
#wrap_popup_newsletter .section_cont .pop_priv h3.title {font-size:16px; font-weight:bold; color:#333;}
#wrap_popup_newsletter .section_cont .pop_input .input {border-top:2px solid #555; border-bottom:1px solid #e3e5e9; margin-top:10px; padding:18px 0;}
#wrap_popup_newsletter .section_cont .pop_input .input:after {content: ""; display: block; clear: both;}
#wrap_popup_newsletter .section_cont .pop_input .input li {display:block;}
#wrap_popup_newsletter .section_cont .pop_input .input li:first-child {margin-bottom:10px;}
#wrap_popup_newsletter .section_cont .pop_input .input label {font-size:15px; color:#333; display:inline-block; width:50px;}
#wrap_popup_newsletter .section_cont .pop_input .input input {height:38px; line-height:30px; border:1px solid #c7d0dc; font-size:15px; text-indent:10px;}
#wrap_popup_newsletter .section_cont .pop_apply {text-align:center; margin-top:35px;}
#wrap_popup_newsletter .section_cont .pop_apply a {display:inline-block; color:#000; font-size:17px; color:#fff; width:161px; height:48px; line-height:48px; background:#286dc0;}
#wrap_popup_newsletter .section_cont .pop_priv {margin-top:35px;}
#wrap_popup_newsletter .section_cont .pop_priv .box {margin-top:10px; border:1px solid #c7d0dc; height:140px; font-size:14px; color:#666; overflow:hidden; padding:15px; overflow-x:hidden; overflow-y:scroll;}
#wrap_popup_newsletter .section_cont .pop_priv .box li {margin-top:10px;}
#wrap_popup_newsletter .section_cont .pop_priv .agree_check {text-align:center; font-size:15px; margin-top:10px;}
#wrap_popup_newsletter .section_cont .pop_priv .agree_check span {margin:0 5px;}
#wrap_popup_newsletter .section_cont .pop_priv .agree_check input {margin:0;}
#wrap_popup_newsletter .section_btn {text-align:center;}
#wrap_popup_newsletter .section_btn a {width:100px;}