@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@font-face{
    font-family:'Arita-dotum-Medium';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

/**
 * 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:Arita-dotum-Medium,'Malgun Gothic','맑은 고딕',Helvetica,'Apple SD Gothic Neo',sans-serif;letter-spacing:-.025rem}
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}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent}
input:focus::placeholder,textarea:focus::placeholder{color:transparent}
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,.1);-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:998}
#header .inner{position:relative;width:108rem;height:100%;margin:0 auto}
#header .inner:after{display:block;clear:both;content:''}
#header .logo{display:inline-block;margin-left:-1.7rem;vertical-align:top}
#header .logo a{display:inline-block;vertical-align:top}
#header .logo img{width:auto;height:9.3rem}
#header .btn_side{display:none;position:absolute;top:1.5rem;right:1.7rem;width:3.8rem;height:3.8rem}
#header .btn_side:before,#header .btn_side:after{display:block;position:absolute;top:50%;left:50%;width:2.2rem;content:'';-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#header .btn_side:before{height:1.6rem;border:2px solid #171717;border-width:2px 0}
#header .btn_side:after{height:2px;background-color:#171717}
.head_bn{position:absolute;top:1rem;right:0}
.head_bn a{display:block}
.head_bn img{width:auto;height:12rem}
.gnb{position:absolute;top:0;right:0}
.gnb .country,.gnb .date{float:left;color:#333;font-size:1.3rem;line-height:1.3}
.gnb .country{margin-right:1rem}
.gnb .date{letter-spacing:0}
.nav{position:absolute;top:3rem;right:0}
.nav ul{font-size:0}
.nav li{display:inline-block;vertical-align:top}
.nav li a{display:block;position:relative;padding:0 2rem;margin-left:-1px;color:#000;font-weight:700;font-size:1.8rem;line-height:3.3rem;text-decoration:none}
.nav li:first-child a{margin-left:0}
.nav li+li a:before{display:block;position:absolute;top:50%;left:0;z-index:-1;width:1px;height:1.6rem;background-color:#b2b2b2;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.nav li a:hover,.nav li.on a{-webkit-border-radius:3px;border-radius:3px;background-color:#000;color:#fff}
.side_wrap{overflow:hidden;position:fixed;top:0;right:0;z-index:1000;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.nav_item li:first-child{padding-bottom:.8rem;margin-bottom:1.5rem;border-bottom:1px solid #ccc}
.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 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 li.on a{color:#000}
.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:108rem;padding-top:4.5rem;margin:0 auto}
#container .inner:after{display:block;clear:both;content:''}
#container.main .inner{padding-top:2.4rem}
.content{float:left;width:74rem}
.aside{float:right;width:30rem}
#footer{color:#000;font-size:1.2rem;line-height:1.5}
#footer .inner{position:relative;width:108rem;padding-bottom:1.6rem;margin:0 auto}
#footer .info_corp{position:relative;padding:.7rem 2.8rem .6rem;background-color:#272727}
#footer .info_corp ul{font-size:0}
#footer .info_corp li{display:inline-block;position:relative;margin-right:3rem;vertical-align:top}
#footer .info_corp li:before{display:block;position:absolute;top:50%;right:-1.5rem;width:1px;height:1.2rem;background-color:#fff;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#footer .info_corp li:last-child{margin-right:0}
#footer .info_corp li:last-child:before{display:none}
#footer .info_corp li a{display:block;color:#fff;font-size:1.4rem;line-height:2.2rem}
#footer address{padding:2rem 0 0 .5rem;font-size:1.3rem;line-height:1.8em}
#footer address em{padding:0 .5rem}
#footer .copyright{padding:1.2rem 0 0 .5rem;letter-spacing:0}
#footer .info{position:absolute;top:.8rem;right:2rem;color:#b2b2b2;font-size:1.3rem;text-align:right}
#header,#container,#footer{min-width:118rem}

/**
 *  content
 */

/* trend_pin */
.trend_pin{display:block;width:100%;column-count:3;column-gap:3rem}
.pin_image{display:inline-block;overflow:hidden;width:100%;padding:2rem;margin-bottom:2.5rem;background-color:#fff;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.5rem}
.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>.byline{display:block;padding:1rem 1rem 0;color:#808080;font-size:1.4rem;line-height:2.3rem}
.pin_image>a>.byline 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 [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:block;margin-bottom:2rem;color:#000;font-weight:700;font-size:1.8rem;line-height:1.5}
.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}
.view_head .byline{margin-top:2rem;color:#666;font-size:1.4rem;line-height:1.3}
.view_head .name,.view_head .email{display:inline-block;vertical-align:middle}
.view_head .email{padding-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:4rem 0;border:1px solid #ccc;border-width:1px 0;color:#000;font-size:1.4rem;line-height:1.3}
.news_writer:after{display:block;clear:both;content:''}
.news_writer .byline{float:left}
.news_writer .name{display:inline-block;vertical-align:middle}
.news_writer .email{display:inline-block;padding-left:.5rem;letter-spacing:0;vertical-align:middle}
.news_writer .copyright{float:right;font-weight:700;text-align:right}

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

@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{width:100%}
    #header .logo{padding:.3rem 0;margin-left:.5rem}
    #header .logo img{height:6.4rem}
    #header .btn_side{display:block}
	.head_bn{display:none}
	.gnb{display:none}
    .gnb .country,.gnb .date{font-size:1rem}
    .nav{display:none;position:static;top:auto;right:auto}
    .nav ul{overflow:hidden;overflow-x:auto;padding:.8rem 1rem;white-space:nowrap}
    .nav li a{padding:0 1.2rem;font-size:1.4rem;line-height:2.8rem}
    .nav li+li a:before{height:1.2rem}
	#container .inner{width:100%;padding-top:2.5rem}
    #container.main .inner{width:100%;padding:2.5rem 1.7rem}
    .content,.aside{float:none;width:100%}
	#footer{font-size:1rem}
    #footer .inner{width:100%;padding-bottom:1.7rem}
    #footer .info_corp{padding:1.2rem 2.5rem}
    #footer .info_corp li{margin-right:2.2rem}
    #footer .info_corp li:before{right:-1.1rem;height:1rem}
    #footer .info_corp li a{font-size:1rem}
    #footer address{padding:1.7rem 2rem 0;font-size:1rem;line-height:1.8rem}
    #footer address em{padding:0 .3rem}
    #footer .copyright{padding:1rem 2rem 0}
	#footer .info{position:static;top:auto;right:auto;margin-top:1rem;font-size:1rem}
    #header,#container,#footer{min-width:auto}
	
    /**
     *  content
     */

	/* trend_pin */
	.trend_pin{column-count:1;column-gap:normal}
	.pin_image{padding:1.5rem;margin-bottom:2rem}
	.pin_image>a>.tit{font-size:1.8rem;line-height:2.4rem}
	.pin_image>a>.lede{margin-top:1rem}
	.pin_image>a>.byline{font-size:1.3rem;line-height:2.1rem}
	.pin_image>a>.byline em{font-size:1.3rem}
	
	/* news_view */
    .news_view{padding:0 2rem;margin-bottom:2.5rem}
	.view_head{padding-bottom:1.5rem;border-bottom-width:1px}
    .view_head .press{margin-bottom:1rem;font-size:1.3rem}
    .view_head .tit{font-size:2rem;line-height:2.4rem}
    .view_head .date{margin-top:.5rem;font-size:1.1rem}
    .view_head .byline{margin-top:1.5rem;font-size:1.1rem}
    .view_head .email{padding-left:.5rem}
    .news_content{padding:2rem 0;font-size:1.5rem;line-height:2.3rem}
    .news_writer{padding:1.6rem 0 1.9rem;font-size:1.1rem;text-align:center}
    .news_writer .byline{float:none}
    .news_writer .email{font-weight:700}
    .news_writer .copyright{float:none;margin-top:1rem;text-align:center}

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