@charset "UTF-8";
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);

/**
 * 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:'Nanum Myeongjo','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:#808080}
:-moz-placeholder{color:#808080}
::-moz-placeholder{color:#808080}
:-ms-input-placeholder{color:#808080}
::placeholder{color:#808080;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:relative;z-index:100;background-color:#fff;box-shadow:0 .4rem 1rem rgba(0,0,0,.08);-webkit-animation-duration:1.0s;animation-duration:1.0s;-webkit-animation-name:slide;animation-name:slide}
@keyframes slide{
    from{-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}
    to{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
#header.fixed{position:fixed;top:0;right:0;left:0;z-index:9001}
#header .inner{position:relative;width:128rem;height:100%;margin:0 auto}
#header .inner:after{display:block;clear:both;content:''}
#header .logo{display:inline-block;vertical-align:top}
#header .logo a{display:inline-block;overflow:hidden;vertical-align:top}
#header .logo img{width:auto;height: 9.4rem;margin: 0;}
#header .btn_srch{display:none;position:absolute;top:1.7rem;right:5.8rem;width:4rem;height:4rem}
#header .btn_srch:before{display:block;position:absolute;top:50%;left:50%;width:3.2rem;height:3.2rem;background:url(../images/ico/ico_search.png) 0 0 no-repeat;-webkit-background-size:3.2rem auto;background-size:3.2rem auto;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#header .btn_side{display:block;position:absolute;top:1.6rem;right:1rem;width:6rem;height:6rem}
#header .btn_side:after{display:block;position:absolute;top:50%;left:50%;width:5.8rem;height:5.8rem;background:url(../images/ico/ico_menu.png) 0 0 no-repeat;-webkit-background-size:5.8rem auto;background-size:5.8rem auto;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.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:1.4rem;right:0}
.report_svc li{float:left;margin-left:2rem}
.report_svc li:first-child{margin-left:0}
.report_svc li a{display:block;padding:0 .2rem;color:#333;font-size:1.4rem;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:#fff;color:#fff}
.head_search{position:absolute;top:2.4rem;left:20.6rem;z-index:1;width:96rem}
.head_search .box_search{position:relative;height:4.6rem;padding:1.2rem 2rem 1.2rem 5.6rem;-webkit-border-radius:50px;border-radius:50px;background-color:#f1f1f1}
.head_search .tf_keyword{width:100%;height:2.2rem;padding:0;border:0;background-color:transparent;color:#000;font-weight:700;font-size:1.8rem;line-height:2.2rem;vertical-align:top}
.head_search .tf_keyword::-ms-clear{display:none}
.head_search .btn_search{display:block;position:absolute;top:0;left:0;z-index:2;width:5.6rem;height:4.6rem}
.head_search .btn_search:before{display:block;position:absolute;top:50%;left:50%;width:2.6rem;height:2.6rem;background:url(../images/ico/ico_search_v2.png) 0 0 no-repeat;-webkit-background-size:2.6rem auto;background-size:2.6rem auto;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.head_search .btn_del_txt{display:none;position:absolute;top:50%;right:1rem;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:#999;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:.5rem;z-index:2;width:3rem;height:3rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.head_search .btn_srch_back:after{display:block;position:absolute;top:50%;left:50%;width:1rem;height:1rem;border:2px solid #999;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;right:0;z-index:9999;width:100%;height:0;background-color:rgba(0,0,0,0);-webkit-backface-visibility:hidden;-webkit-transition:background-color .3s,height 0s .3s;transition:background-color .3s,height 0s .3s}
.side_menu{position:absolute;top:0;right:0;z-index:999;width:30rem;height:100%;background-color:#fff;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-webkit-transform:translate3d(100%,0,0) scale(1);transform:translate3d(100%,0,0) scale(1)}
.side_inner{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;height:100%;padding:2rem 3rem}
.side_menu .menu_item{padding:1.5rem 0;border-top:1px solid #ccc}
.side_menu .menu_item:first-child{padding:0 0 1.5rem;border-top:0}
.side_menu .menu_item li a{display:block;position:relative;padding:1rem 2rem 1rem 1rem;margin:0;color:#262626;font-weight: 700;font-size:1.4rem;line-height:2rem}
.side_menu .menu_item li.on a{ color:#333 }
.side_menu .menu_item li a:after{display:block;position:absolute;top:50%;right:1rem;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.nav_item li:first-child{padding-bottom:.8rem;margin-bottom:1.5rem;border-bottom:1px solid #ccc}
.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)}
#container .inner{width:116rem;padding-top:4.8rem;margin:0 auto}
#container .inner:after{display:block;clear:both;content:''}
#container.main{background-color: rgba(0,0,0,0.05);}
#container.main .inner{width:128rem;padding:0 1rem}
.content{float:left;width:78rem}
.aside{float:right;width:34rem}
#footer{background-color:#fff;color:#000;font-size:1.3rem;line-height:1.5}
#footer .inner{position:relative;width:128rem;padding:3rem 5rem;margin:0 auto}
#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{margin-top:2rem;line-height:2.4rem}
#footer address span{display:inline;margin-right:1.5rem}
#footer .copyright{margin-top:2rem;font-size:1.2rem;letter-spacing:0}
#footer .info{position:absolute;right:3rem;bottom:3rem}
#header,#container,#footer{min-width:128rem}

/**
 *  content
 */

/* title */
.sub_title{position:relative;padding:2.2rem 0}
.sub_title h3{display:inline-block;padding-left:1rem;color:#000;font-size:2.6rem;line-height:3.4rem;vertical-align:top}
.sub_title .ico_arrow{display:inline-block;width:3rem;height:3rem;margin:.3rem 1rem 0 0;background:url(../images/ico/ico_arrow.png) 0 0 no-repeat;-webkit-background-size:2.8rem auto;background-size:2.8rem auto;vertical-align:top}

/* 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;-webkit-border-radius:6px;border-radius:6px;vertical-align:top}
.pin_image>a{display:block;text-decoration:none}
.pin_image>a>img{display:block;width:100%;-webkit-border-radius:6px;border-radius:6px}
.pin_image>a>img~.press{padding-top:1.4rem}
.pin_image>a>img~.tit{padding-bottom:.5rem}
.pin_image>a>.press{display:block;padding:0 .5rem .7rem;color:#000;font-size:1.4rem;line-height:2.3rem}
.pin_image>a>.press em{display:inline-block;padding:0 .9rem;margin-right:.5rem;-webkit-border-radius:6px;border-radius:6px;background-color:#000;color:#fff;font-size:1.4rem;vertical-align:top}
.pin_image>a>.tit{display:block;padding:0 .5rem;color:#000;font-weight:400;font-size:1.8rem;line-height:2.4rem}
.pin_image>a>.lede{display:block;display:-webkit-box;overflow:hidden;max-height:8rem;padding:0 .5rem;margin-top:1rem;color:#000;font-size:1.4rem;line-height:2.0rem;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.pin_image.txt{background-color:#fff; color:#000;}
.pin_image.txt>a{padding:1.2rem 1rem 1.8rem}
.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}
.view_head:after{display:block;clear:both;content:''}
.view_head .press{display:inline-block;padding:0 3rem 0 2.3rem;margin-bottom:1.7rem;-webkit-border-radius:0 50px 50px 0;border-radius:0 50px 50px 0;background-color:#333;color:#fff;font-weight:700;font-size:1.8rem;line-height:3.2rem;vertical-align:top}
.view_head .tit{color:#333;font-size:3.6rem;line-height:4.4rem}
.view_head .date{display:block;margin-top:2rem;color:#666;font-size:1.4rem;line-height:1.3;letter-spacing:0;text-align:right}
.view_head .byline{margin-top:2.5rem;color:#000;font-size:1.4rem;line-height:1.3}
.view_head .name,.view_head .email{display:inline-block;vertical-align:top}
.view_head .email{padding-left:1rem;color:#139d41;letter-spacing:0}
.news_content{padding:4rem 0;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;padding-left:1.5rem;letter-spacing:0;vertical-align:top}
.news_writer .copyright{float:right;margin-top:.3rem;color:#808080;font-size:1.3rem;text-align:right}

/* 광고배너 */
.ad_vert_wide{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}

@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{box-shadow:0 .5rem 05rem rgba(0,0,0,.06)}
    #header .inner{width:100%}
    #header .logo img{height:7.3rem;margin:0}
    #header .btn_srch{display:block}
    #header .btn_side{top:1.7rem;right:1.5rem;width:4rem;height:4rem}
    #header .btn_side:after{width:3.2rem;height:3.2rem;-webkit-background-size:3.2rem auto;background-size:3.2rem auto}
    .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:1.3rem 1.5rem;background-color:#fff}
    .head_search .box_search{height:4.9rem;padding:1.4rem 4rem 1.3rem}
    .head_search .tf_keyword{font-size:1.5rem}
    .head_search .btn_search{display:none;right:0;left:auto;height:4.9rem}
    .head_search .btn_del_txt,.head_search .btn_srch_back{display:block}
    #container .inner{width:100%;padding-top:2.5rem}
    #container.main .inner{width:100%;padding:0 1.7rem}
    .content,.aside{float:none;width:100%}
    #footer{font-size:1.1rem}
    #footer .inner{width:100%;padding:2.6rem 2rem 3rem}
    #footer .info_corp li{margin-right:1.2rem}
    #footer .info_corp li a{font-size:1.1rem}
    #footer address{margin-top:1.6rem;line-height:1.5rem}
    #footer address span{display:inline-block;margin-right:1rem}
    #footer address br{display:none}
    #footer .copyright{margin-top:1.8rem;font-size:1.1rem}
    #footer .info{position:static;right:auto;bottom:auto;margin-top:2rem}
    #header,#container,#footer{min-width:auto}

    /* title */
    .sub_title{padding:2rem 0}
    .sub_title h3{padding-left:.5rem;font-size:1.6rem;line-height:2rem}
    .sub_title .ico_arrow{width:2rem;height:2rem;margin:.0 .8rem 0 0;-webkit-background-size:2rem auto;background-size:2rem auto}

    /**
     *  content
     */

    /* trend_pin */
    .trend_pin{column-count:1;column-gap:normal}
    .pin_image{-webkit-border-radius:10px;border-radius:10px}
    .pin_image>a>img{-webkit-border-radius:10px;border-radius:10px}
    .pin_image>a>img~.press{padding-top:1.8rem}
    .pin_image>a>.press{padding-bottom:1rem;-webkit-border-radius:3px;border-radius:3px;font-size:1.6rem;line-height:2.6rem}
    .pin_image>a>.press em{-webkit-border-radius:3px;border-radius:3px}
    .pin_image>a>.tit{line-height:2.6rem}

    /* news_view */
    .news_view{padding:0 2rem;margin-bottom:2.5rem}
    .view_head .press{padding:0 2rem 0 1.8rem;margin-bottom:2.4rem;font-size:1.4rem;line-height:2.4rem}
    .view_head .tit{font-size:1.8rem;line-height:2.2rem}
    .view_head .date{margin-top:1rem;font-size:1.1rem}
    .view_head .byline{margin-top:2rem;font-size:1.1rem}
    .view_head .email{padding-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{padding-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}
}