@charset "UTF-8";
@font-face{ 
    font-family:'Noto Sans KR'; 
    font-style:normal; 
    font-weight:100; 
    src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face{ 
    font-family:'Noto Sans KR'; 
    font-style:normal; 
    font-weight:300; 
    src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face{ 
    font-family:'Noto Sans KR'; 
    font-style:normal; 
    font-weight:400; 
    src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face{ 
    font-family:'Noto Sans KR'; 
    font-style:normal; 
    font-weight:500; 
    src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
} 
@font-face{ 
    font-family:'Noto Sans KR'; 
    font-style:normal; 
    font-weight:700; 
    src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
} 
@font-face{ 
    font-family:'Noto Sans KR'; 
    font-style:normal; 
    font-weight:900; 
    src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}

/**
 * reset
 */

*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}
*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}
html{font-size:62.5%}
html,body{height:100%}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{background-color:#f5f5f5;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,p,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,iframe{padding:0;margin:0}
body,th,td,input,select,textarea,button{color:#333;font-size:1.6rem;line-height:1;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Helvetica,'Apple SD Gothic Neo',sans-serif;letter-spacing:-.05rem}
img,fieldset,iframe,button{border:0}
img,iframe{vertical-align:top}
dl,ul,ol,li{list-style:none}
i,em,address{font-style:normal}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{outline:0;-webkit-border-radius:0;border-radius:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}
button{background-color:transparent;line-height:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::placeholder{color:#999;opacity:1}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse;empty-cells:show}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.blind{overflow:hidden;position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px}

/**
 * layout
 */

#header{position:fixed;top:0;right:0;left:0;z-index:10001;border-bottom:1px solid #e3e3e3;background-color:#fff}
#header .inner{position:relative;height:9.4rem}
#header .inner:after{display:block;clear:both;content:''}
#header .logo{position:absolute;top:0;left:7.6rem;width:26rem;height:9.4rem}
#header .logo a{display:block;overflow:hidden}
#header .logo img{width:auto;height:14rem;margin:-2.5rem -1rem -2.1rem}
#header .btn_srch{display:none;position:absolute;top:2rem;right:2rem;width:3rem;height:3rem;-webkit-border-radius:50%;border-radius:50%;background-color:#ebebeb}
#header .btn_srch:before{display:block;position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;background:url(../images/ico/ico_search.png) -2.5rem 0 no-repeat;-webkit-background-size:5rem auto;background-size:5rem auto;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#header .btn_side{display:block;position:absolute;top:2.7rem;left:3.2rem;width:4rem;height:4rem}
#header .btn_side:before,#header .btn_side:after{display:block;position:absolute;top:50%;left:50%;width:3rem;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#header .btn_side:before{height:2.2rem;border:2px solid #171717;border-width:2px 0}
#header .btn_side:after{height:2px;background-color:#171717}
.head_bn{position:absolute;top:3.5rem;left:0}
.head_bn a{display:block}
.head_bn img{width:auto;height:11rem}
.gnb{position:absolute;top:.8rem;right:0}
.gnb .country,.gnb .date{float:left;color:#333;font-size:1.4rem;line-height:2rem}
.gnb .country{margin-right:1rem}
.gnb .date{letter-spacing:0}
.report_svc{position:absolute;top:3.7rem;right:6rem}
.report_svc li{float:left;margin-left:3.5rem}
.report_svc li:first-child{margin-left:0}
.report_svc li a{display:block;color:#000;font-size:1.6rem;line-height:2rem}
.nav{position:absolute;top:3.1rem;right:1.5rem}
.nav ul{font-size:0}
.nav li{display:inline-block;vertical-align:top}
.nav li a{display:block;padding:0 1.2rem;margin:0 .5rem;color:#000;font-weight:700;font-size:1.6rem;line-height:3rem;text-decoration:none}
.nav li a:hover,.nav li.on a{-webkit-border-radius:3px;border-radius:3px;background-color:#418f3b;color:#fff}
.head_search{position:absolute;top:2.6rem;left:50%;z-index:1;width:59rem;margin-left:-29.5rem}
.head_search .box_search{position:relative;height:4.2rem;padding:1rem 8rem 1rem 2rem;-webkit-border-radius:15px;border-radius:15px;background-color:#393939}
.head_search .tf_keyword{width:100%;height:2.2rem;padding:0;border:0;background-color:transparent;color:#fff;font-size:1.8rem;line-height:2.2rem;letter-spacing:0;vertical-align:top}
.head_search .tf_keyword::-webkit-input-placeholder{color:#fff}
.head_search .tf_keyword:-moz-placeholder{color:#fff}
.head_search .tf_keyword::-moz-placeholder{color:#fff}
.head_search .tf_keyword:-ms-input-placeholder{color:#fff}
.head_search .tf_keyword::placeholder{color:#fff}
.head_search .tf_keyword::-ms-clear{display:none}
.head_search .btn_search{display:block;position:absolute;top:0;right:0;z-index:2;width:6rem;height:4.2rem;-webkit-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0;background-color:#e85459}
.head_search .btn_search:before{display:block;position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;background:url(../images/ico/ico_search.png) 0 0 no-repeat;-webkit-background-size:5rem auto;background-size:5rem auto;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.head_search .btn_del_txt{display:none;position:absolute;top:50%;right:4rem;z-index:2;width:3rem;height:3rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.head_search .btn_del_txt:before,.head_search .btn_del_txt:after{display:block;position:absolute;top:50%;left:50%;width:1.3rem;height:2px;background-color:#fff;content:'';-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}
.head_search .btn_del_txt:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
.head_search .tf_keyword:placeholder-shown+.btn_del_txt{display:none}
.head_search .btn_srch_back{display:none;position:absolute;top:50%;left:0;z-index:2;width:4rem;height:4rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.head_search .btn_srch_back:after{display:block;position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;border:2px solid #fff;border-width:0 2px 2px 0;content:'';-webkit-transform:translate(-20%,-50%) rotate(135deg);transform:translate(-20%,-50%) rotate(135deg)}
.side_wrap{overflow:hidden;position:fixed;top:0;left:0;z-index:9999;width:30rem;height:100%;background-color:rgba(0,0,0,0);-webkit-backface-visibility:hidden;-webkit-transition:background-color .3s;transition:background-color .3s}
.side_menu{position:absolute;top:0;left:0;z-index:999;width:30rem;height:100%;padding-top:9.5rem;border-right:1px solid #e3e3e3;background-color:#fff;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}
.side_inner{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;height:100%;padding:3rem 3.5rem}
.side_inner::-webkit-scrollbar{width:.5rem;height:.5rem}
.side_inner::-webkit-scrollbar-track{border-radius:3px;background-color:rgba(0,0,0,0)}
.side_inner::-webkit-scrollbar-thumb{border-radius:3px;background-color: rgba(0,0,0,.15)}
.side_menu .menu_item{padding:2rem 0;border-top:1px solid #e3e3e3}
.side_menu .menu_item:first-child{padding-top:0;border-top:0}
.side_menu .menu_item li a{display:block;position:relative;padding:.8rem 2rem .8rem .5rem;margin:0;color:#808080;font-size:1.3rem;line-height:2rem}
.side_menu .menu_item.nav_item li a{color:#4c4c4c;padding-top:1.4rem;padding-bottom:1.4rem;font-size:1.6rem}
.side_menu .menu_item.nav_item li a:after{display:block;position:absolute;top:50%;right:.5rem;width:.8rem;height:.8rem;border:1px solid #808080;border-top:0;border-left:0;content:'';-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}
.side_menu .menu_item li.on a{color:#e85459}
.side_open .side_wrap{height:0;background-color:rgba(0,0,0,0);-webkit-transition:background-color .3s,height 0s .3s;transition:background-color .3s,height 0s .3s}
.side_open .side_menu{-webkit-transform:translate3d(-100%,0,0) scale(1);transform:translate3d(-100%,0,0) scale(1)}
.side_open #container{padding-left:0}
.side_wrap #footer{display:block;padding-left:.5rem;border-top:1px solid #e3e3e3}
#container{padding:9.5rem 0 10rem 30rem}
#container .inner{width:108rem;padding-top:4rem;margin:0 auto}
#container .inner:after{display:block;clear:both;content:''}
#container.main .inner{width:128rem;padding:3rem 1rem 0}
.content{float:left;width:74.5rem}
.aside{float:right;width:30rem}
#footer{display:none;color:#999;font-size:1.2rem;line-height:1.5}
#footer .inner{position:relative;padding:2.5rem 0}
#footer .foot_logo{overflow:hidden;position:absolute;top:4rem;right:0;width:15.4rem}
#footer .foot_logo img{width:auto;height:15rem;margin-left:-7.5rem}
#footer .info_corp ul{font-size:0}
#footer .info_corp li{display:inline-block;margin-right:3rem;vertical-align:top}
#footer .info_corp li:last-child{margin-right:0}
#footer .info_corp li a{display:block;font-size:1.4rem;line-height:2.2rem}
#footer address{line-height:2.1rem}
#footer address span{display:block}
#footer .copyright{margin-top:2rem;font-size:1rem;letter-spacing:0}
#footer .info{margin-top:2rem}
#header,#container{min-width:128rem}

/**
 *  content
 */

/* trend_pin */
.trend_pin{display:block;width:100%;column-count:4;column-gap:2rem}
.pin_image{display:inline-block;overflow:hidden;width:100%;margin-bottom:2.5rem;vertical-align:top}
.pin_image>a{display:block;text-decoration:none}
.pin_image>a>img{display:block;width:100%}
.pin_image>a>img~.tit{padding-top:1.2rem}
.pin_image>a>.tit{display:block;padding:0 1rem;color:#000;font-size:1.8rem;line-height:2.4rem}
.pin_image>a>.lede{display:block;display:-webkit-box;overflow:hidden;max-height:8rem;padding:0 1rem;margin-top:1.5rem;color:#666;font-size:1.4rem;line-height:2.0rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.pin_image>a>.press{display:block;padding:1rem 1rem 0;color:#808080;font-size:1.4rem;line-height:2.3rem}
.pin_image>a>.press em{display:inline-block;padding:0 .5rem;margin-right:.5rem;-webkit-border-radius:.3rem;border-radius:.3rem;background-color:#808080;color:#fff;font-weight:700;font-size:1.4rem;vertical-align:top}
.pin_image.txt{background-color:#fff}
.pin_image.txt>a{padding:2rem 0}
.pin_image.ad{padding:2rem;background-color:#fff}
.pin_image [class*=ad_text]{margin-bottom:0}
.pin_image [class*=ad_text] h4{margin-right:0;margin-left:0}
.pin_image [class*=ad_text] ul,.pin_image [class*=ad_text] ol{padding:0}

/* news_view */
.news_view{margin-bottom:5rem}
.view_head{position:relative;padding-bottom:3.5rem;border-bottom:2px solid #e6e6e6}
.view_head:after{display:block;clear:both;content:''}
.view_head .press{display:inline-block;padding:0 2.5rem;margin-bottom:1.5rem;-webkit-border-radius:50px;border-radius:50px;background-color:#e85459;color:#fff;font-weight:400;font-size:1.8rem;line-height:4.2rem;vertical-align:top}
.view_head .tit{color:#333;font-size:3.6rem;line-height:4.4rem}
.view_head .date{display:block;margin-top:1rem;color:#666;font-size:1.4rem;line-height:1.3;letter-spacing:0}
.view_head .byline{margin-top:2.4rem;color:#666;font-size:1.4rem;line-height:1.3}
.view_head .name,.view_head .email{display:inline-block;vertical-align:top}
.view_head .name{font-weight:400}
.view_head .email{margin-left:1rem;letter-spacing:0}
.news_content{padding:3rem 0 4rem;border-bottom:1px solid #ccc;color:#333;font-size:1.8rem;line-height:3rem}
.news_content img{display:block;max-width:100%;margin:0 auto}
.news_content .img_caption{padding:1rem 0;color:#999;font-size:1.2rem;line-height:1.3;text-align:center}
.news_writer{padding:2.5rem 0;border-top:1px solid #ccc;line-height:1.3}
.news_writer:after{display:block;clear:both;content:''}
.news_writer .byline{color:#000;font-size:1.4rem}
.news_writer .name{display:inline-block;vertical-align:top}
.news_writer .email{display:inline-block;margin-left:.5rem;letter-spacing:0;vertical-align:top}
.news_writer .copyright{float:right;margin-top:.3rem;color:#808080;font-size:1.3rem;text-align:right}

/* section */
[class*=section_] h3{font-weight:500}

/* 광고배너 */
.ad_vert_wide{clear:both;margin-bottom:3rem}
.ad_vert_wide a{display:block}
.ad_vert_wide img{width:100%;height:auto}
.ad_vert{margin-bottom:3rem}
.ad_vert a{display:block}
.ad_vert img{width:100%;height:auto}
[class*=list_news] .ad_vert_wide{margin-top:2rem;margin-bottom:2rem}
[class*=list_news] ul .ad_vert_wide{margin-right:0;margin-left:0}
#container.main .ad_vert_wide{margin-bottom:3.5rem;text-align:center}
#container.main .ad_vert_wide a{display:inline-block;vertical-align:top}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    @media screen and (max-width:320px){
        html{font-size:56%}
    }
    @media screen and (min-width:405px){
        html{font-size:70%}
    }
}
@media all and (max-width:640px){
	*{text-decoration:none !important}
	*:hover .thumb img,.thumb:hover img{-webkit-transition-duration:0s !important;transition-duration:0s !important;-webkit-transform:scale(1) !important;transform:scale(1) !important}
	
    /**
     * layout
     */

    #header .inner{height:7rem}
    #header .logo{left:5.8rem;width:13.6rem;height:7rem}
    #header .logo img{height:7.8rem;margin:-.5rem -1rem -.3rem}
    #header .btn_srch{display:block}
    #header .btn_side{top:2rem;left:1.7rem;width:3rem;height:3rem}
    #header .btn_side:before,#header .btn_side:after{width:2.2rem}
    #header .btn_side:before{height:1.6rem;border-width:2px 0}
    #header .btn_side:after{height:2px}
    .head_bn,.gnb,.report_svc{display:none}
    .nav{position:static;top:auto;right:auto}
    .nav ul{overflow:hidden;overflow-x:auto;padding:.8rem 1rem;white-space:nowrap}
    .nav li a{padding:0 1rem;margin:0 .2rem;font-size:1.2rem;line-height:2rem}
    .head_search{display:none;top:0;right:0;bottom:auto;left:0;width:auto;padding:1rem 1.5rem;margin-left:0;background-color:#e85459;}
    .head_search .box_search{height:5rem;padding:1.4rem 7rem 1.4rem 4rem;-webkit-border-radius:0;border-radius:0;background-color:transparent}
    .head_search .tf_keyword{font-size:1.9rem}
    .head_search .btn_search{top:50%;right:0;width:4rem;height:4rem;-webkit-border-radius:0;border-radius:0;background-color:transparent;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
    .head_search .btn_del_txt,.head_search .btn_srch_back{display:block}
    .side_wrap{width:100%;height:0;-webkit-transition:all .3s ease-out 0s,background-color .3s,height 0s .3s;transition:all .3s ease-out 0s,background-color .3s,height 0s .3s}
    .side_menu{padding-top:7.1rem;-webkit-transform:translate3d(-100%,0,0) scale(1);transform:translate3d(-100%,0,0) scale(1)}
    .side_inner{padding:2rem 3rem}
    .side_open{overflow:hidden;position:fixed;z-index:-1;width:100%;height:100%;-webkit-overflow-scrolling:initial;overflow-scrolling:initial}
    .side_open .side_wrap{height:100%;background-color:rgba(0,0,0,.3);-webkit-transition:background-color .3s;transition:background-color .3s}
    .side_open .side_menu{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}
    .side_wrap #footer{display:none}
    #container{padding:7.1rem 0 2rem}
    #container .inner{width:100%;padding-top:1.7em}
    #container.main .inner{width:100%;padding:2rem 2rem 0}
    .content,.aside{float:none;width:100%}
    #footer{display:block;font-size:1.1rem}
    #footer .inner{width:100%;padding:0 2rem 5rem}
    #footer .info_corp li{margin-right:1.2rem}
    #footer .info_corp li a{font-size:1.1rem}
    #footer address{line-height:1.8em}
    #footer .copyright{margin-top:1.8rem;font-size:1.1rem}
    #footer .info{margin-top:1.7rem}
    #header,#container{min-width:auto}
	
    /**
     *  content
     */

    /* trend_pin */
    .trend_pin{column-count:1;column-gap:normal}
    .pin_image>a>.press{font-size:1.3rem;line-height:2.1rem}
    .pin_image>a>.press em{font-size:1.3rem}
    .pin_image>a>.tit{line-height:2.6rem}

    /* news_view */
    .news_view{padding:0 2rem;margin-bottom:2.5rem}
    .view_head{padding-bottom:1.8rem;border-bottom-width:1px}
    .view_head .press{padding:0 1rem;margin-bottom:1.3rem;font-weight:700;font-size:1.1rem;line-height:2.1rem}
    .view_head .tit{font-size:1.8rem;line-height:2.2rem}
    .view_head .date{margin-top:.5rem;font-size:1.1rem}
    .view_head .byline{margin-top:1.5rem;font-size:1.1rem}
    .view_head .email{margin-left:.5rem}
    .news_content{padding:2rem 0;font-size:1.3rem;line-height:2.1rem}
    .news_writer{padding:2rem 0}
    .news_writer .byline{font-size:1.1rem}
    .news_writer .email{margin-left:1rem}
    .news_writer .copyright{float:none;margin-top:.7rem;font-size:1.1rem;text-align:left}

    /* 광고배너 */
    .ad_vert_wide{margin:0 2rem 2.5rem}
    .ad_vert{margin:0 2rem 2.5rem}
    .news_view .ad_vert_wide{margin-right:0;margin-left:0}
    #container.main .ad_vert_wide{margin:0 0 2.5rem}
    #container.main .ad_vert_wide a{display:block}
    #container.main .ad_vert_wide img{width:100%;height:auto}
}