/********************** reset **********************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:'SUIT',"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}html{scroll-behavior:smooth}body,html{width:100%;height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}body{background-color:#fff;color:#3E3E3E}h1,h2,h3,ul,li,p,dl,dt,dd{margin:0;padding:0;list-style:none}a,a:hover,a:active{text-decoration:none;color:#3E3E3E}img{border:0;vertical-align:top}
/********************** font **********************/
@font-face{font-family:'SUIT';font-weight:400;src:local('SUIT Regular'),url(./SUIT-Regular.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:'SUIT';font-weight:600;src:local('SUIT SemiBold'),url(./SUIT-SemiBold.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:'SUIT';font-weight:700;src:local('SUIT Bold'),url(./SUIT-Bold.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:'SUIT';font-weight:900;src:local('SUIT Heavy'),url(./SUIT-Heavy.woff2) format("woff2");font-style:normal;font-display:swap}
/***************** content **********************/
.grid{width:100%;background:#F2F4F5}
.grid_item{background:#fff}
.header{width:100%;border-bottom:1px solid #ECEFF4;z-index:100}
.header_inner{display:flex;justify-content:center;width:calc(100% - 40px);margin:0 auto;padding:16px 20px;vertical-align:middle}
.header_inner img{width:120px}
.article_tt{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.article_tt h2{display:inline-block;font-size:18px;font-weight:900;line-height:18px;color:#1D1D1D}
.article_tt .btn_all{display:inline-block;padding:8px 10px;font-size:12px;border:1px solid #DFDFDF;background:#fff;border-radius:4px;color:#3E3E3E;z-index:10}
.article_wrap{width:calc(100% - 40px);padding:0 20px}
.article_wrap .thumb_wrap{overflow:hidden}
.article_wrap .thumb_wrap img{width:100%}
.article_wrap .title{display:inline-block;font-weight:800;word-break:keep-all;color:#17191E}
.article_wrap .date{display:inline-block;font-size:14px;padding-top:6px;letter-spacing:-.3px;color:#939DB2}
.article_b .thumb_wrap{width:100%}
.article_b,.article_s,.article_4 li{padding-bottom:20px}
.article_b .title{display:block;padding-top:8px;font-size:20px;line-height:1.3em;letter-spacing:-.6px}
.article_s a{display:flex;align-items:center;justify-content:space-between;width:100%}
.article_s .thumb_wrap{width:40%}
.article_s .text_wrap{width:calc(60% - 12px);padding-left:12px}
.article_s .title{font-size:16px;font-weight:700;letter-spacing:-.3px;line-height:1.4em}
.article_s .date{padding-top:4px}
.blank{width:100%;height:5px;background:#F2F4F5}
.bnr_yt{width:100%;background:#EEF4FF}
.bnr_yt a{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 40px);padding:16px 20px}
.bnr_yt .txt span{display:block;font-weight:600;letter-spacing:-.4px}
.bnr_yt .txt span:nth-child(1){padding-bottom:6px;font-size:17px;font-weight:800;color:#17191E}
.bnr_yt .txt span:nth-child(2){font-size:14px;color:#1C64E3}
.bnr_yt .img img{width:51px;height:51px}
.article_4{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}
.article_4 li{width:calc(50% - 6px)}
.article_4 a{display:inline-block}
.article_4 .thumb_wrap{width:100%}
.article_4 .text_wrap{width:calc(60% - 12px);padding-left:12px}
.article_4 .title{padding-top:8px;font-size:15px;font-weight:700;letter-spacing:-.3px;line-height:1.4em}
.article_4 .date{padding-top:4px}
.footer{padding:16px 0;text-align:center;border-top:1px solid #ECEFF4;font-size:12px;color:#B8BCC3}
@media all and (min-width:640px) {
.grid .grid_item{width:375px;margin:0 auto;float:none}
.grid{width:100%}
}