@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);
* { font-family: 'Applegothic_SD', 'Malgun Gothic', sans-serif;box-sizing:border-box;margin:0;padding:0}
body{font-size: 14px;margin:0;padding:0;background:#fff;color: #666; }
img{max-width:100%;vertical-align:top;}
ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
a{text-decoration:none}

.block:after, ul:after, .col2:after, .block2:after, .news-block:after, .newsbg:after{display:block;clear:both;content:''}
.text-center{text-align:center !important}
.text-left{text-align:left !important}

.wrap{max-width:700px;margin:0 auto;}
.col2 a{display:block;width:50%;float:left}
.m-left, .m-right{float:left;width:calc(25*100%/700)}
.m-right{float:right}
.m-container{float:left;width:calc(100% - 50px)}
.col3 li{float:left;width:33.33333%;padding:0 10px}
.col3.img2 li{padding:0 8px}
.col3.img3 li{padding:0 6px}
.f-left{float:left;width:58%}
.f-right{float:right;width:42%}
.sns{float:left;width:12%}
.f-month{float:left;width:40%}

.sub-container{padding:57px 0 0;line-height:1.5;text-align:justify;}
.nav{text-align:right;margin-bottom:25px}
h2.tit{font-family:'NanumSquare', sans-serif;font-size:36px;font-weight:600;margin-bottom:30px;word-break:keep-all}
h2.tit span{font-size:26px;display:block;font-weight:100}
h2.tit i{font-style:normal;display:block;font-weight:100}
.info{padding:20px;color:#999;margin-bottom:30px}
.info2{padding:20px;color:#999;margin-bottom:30px;border-top:2px solid #d7752a;border-bottom:2px solid #d7752a;background:#fbf0ea}
.info3{padding:20px;color:#999;margin-bottom:30px;border-top:2px solid #feb103;border-bottom:2px solid #feb103;background:#fef7e5}
.sub-container>.block{margin:20px auto}
p.tit{border-bottom:2px solid #d7752a;padding-bottom:5px;color:#d7752a;margin-bottom:10px;font-weight:600}
.sblock{margin-bottom:20px}

.color1{color:#d7752a}
.color2{color:#feb103}
.bg1{background:#fef7e5}
.bg2{background:#d7752a}
.bg3{background:#feb103}
.bg4{background:#0178dc}

.box2{float:left;width:50%}
.box3{float:left;width:calc(100%/3);padding:0 10px}
.box3con{margin:0 -10px}
div>.box2:nth-child(2n+1){padding-right:10px}
div>.box2:nth-child(2n){padding-left:10px}
div>.box2:nth-child(2n+3){margin-top:20px}
div>.box2:nth-child(2n+4){margin-top:20px}
.box4{float:right;width:50%}
div>.box4:nth-child(2n+1){padding-left:10px}
div>.box4:nth-child(2n){padding-right:10px}
div>.box4:nth-child(2n+3){margin-top:20px}
div>.box4:nth-child(2n+4){margin-top:20px}
a.h-bt{display:block;padding:18px;text-align:center;color:#fff}
.stit{font-size:12px;color:#999;text-align:center}
.box5{float:right;width:25%}
.box6{float:left;width:75%;padding-right:50px}
.block2{float:left;width:50%;padding-left:10px}
.news-top{text-align:center;margin:0 auto 40px;width:30%}
.date{color:#999;font-weight:normal;font-size:13px;margin-bottom:10px;text-align:right}
.newsbg{background:#f1f6fa;padding:40px}
.n-tit{color:#0178dc;font-size:15px;font-weight:600;position:relative;margin-bottom:15px}
.ab{position:absolute;right:0;bottom:0;margin-bottom:0}
.news-block{padding:40px}
.poster{padding-right:50px}

@media(max-width:700px){
.m-container{width:calc(650*100%/700)}
.sub-container{padding-left:10px;padding-right:10px}
body{font-size:12px}
.n-tit{font-size:14px}
.date{font-size:11px}
}
@media(max-width:480px){
h2.tit span{font-size:18px}
h2.tit{font-size:24px}
.col3 li{padding:0 5px}
.box2:not(.box2.pic), .box4, .box5, .box6{float:none;width:100%;padding:0 !important;margin-bottom:10px}
.box5{text-align:center}
.sub-container>.block.pic{margin:1px auto}
.box2.pic{padding:0 1px !important}
.box3con{margin:0}
.box3{padding:0 1px}
.block2.pic{width:100%;float:none;padding:0}
div>.box2:nth-child(2n+3), div>.box2:nth-child(2n+4){margin-top:2px}
.box2.pic2{margin:0 1px 1px !important;padding:1px !important;width:calc(100% - 2px) !important}
.ab{position:static;margin-bottom:10px}
.date{text-align:left}
.newsbg, .news-block{padding:20px}
.poster{padding-right:0}
}