body{margin: 0;padding: 0;font-family: 'Noto Sans KR', sans-serif;color:#444;letter-spacing: -0.05em;}
.wrap{max-width:900px;margin:0 auto;border-top:3px solid #242424;overflow:hidden;}
a{text-decoration:none;color:#444;}
header{background:#f5f5f5;position:relative}
header .r{font-size:.8em;margin-top:3em;position:absolute;right:1em;top:0em;}
header .r b{font-size:1.6em;font-weight:bold}
header .r.r-m{display:none;}
header .b{height:404px;background:url(images/m1.jpg) center center no-repeat}
header .b a{width:100%;height:100%;display:block;}

section{padding:4rem 3rem;}

.s0 {padding:0; position: relative;} 

.s1{background:#e7eeff}
.s2{background: url(images/m_bg.png)#9e9586 top center / 100% auto no-repeat;}
.s3{background:#f4e9fe}
.s4{padding:0;}
.s5{background-color:#e4fbf2; background-image: url(images/s5_bg.png); background-position: right -20px bottom; background-repeat: no-repeat; background-size: 350px;}

.st{font-size:.8em;text-align:center;padding:.5em;text-align:center;text-transform: uppercase;}
.t{text-align:center;padding:0 0 2em;text-align:center}
.desc{text-align:justify}
h5{position:relative;}

.s0 .title img {width: 100%;}
.s0 .title {position: relative;}
.s0 .title h2 {position: absolute; top:25%; left: 54%; transform: translateX(-50%); color: #fff; font-size: min(30px,4.2vw);}


/* 공지 2열일 경우 */
.s0 .box_wrap {padding-right:75px; background: url(images/notice_bg_02.jpg) top center / 100% repeat-y; display: flex; flex-flow:row wrap;justify-content: flex-end; margin-top: -80px;}
.s0 .box {width:min(315px, 39%); padding-bottom: min(43px,10%); position: relative;z-index: 2;} 
.s0 .box:nth-of-type(2n) {margin-left: 5%;} 
.s0 .box .top {display: flex; flex-flow:row wrap; justify-content: space-between; align-items: flex-start; margin-bottom:15px;}
.s0 .box p{ font-size: 1.05rem;word-break: keep-all; margin: 0;}

/* 공지 1열일 경우 */
.s0 .box_wrap .rowwrap {display: flex; flex-flow:row wrap; justify-content: flex-end;}
.s0 .box_wrap .rowwrap .box {width:min(630px, 70vw);margin-right: 15px; padding-bottom: min(43px,10%); position: relative;z-index: 2;} 
.s0 .box_wrap .rowwrap .box .top {display: flex; flex-flow:row wrap; justify-content: space-between; align-items: flex-start; margin-bottom:20px;} 
.s0 .box_wrap .rowwrap .box p{ font-size: 1.05rem;word-break: keep-all; margin: 0; text-align: justify;}

.s0 .box .img{position: relative; text-align: center; margin: 0 auto; margin-bottom:30px;}
.s0 .box img{ width: min(522px, 100%);}
.s0 .box h3{ font-size: 1.375rem; font-weight: 600; margin-bottom: 0; padding-left:12px; position: relative; width: calc(100% - 70px);}
.s0 .box h3:before {content:""; position: absolute; top:3%; left:0; width: 2px; height: 1em; background: #e87054;}
.s0 .box span{ font-size: 0.875rem; color: #fff; background: #e87054; line-height: 1.6; width: min(70px, 13.5%); text-align: center; border-radius: 3vw;}

.s0 .bg_icon {position: absolute; left:0; bottom:0;}
.s0 .bg_icon img { width:100%;}

.s1 h5{padding:3% 14% 0 2%;}
.s1 h5:after{content:"click";background:#0644ae;color:#ffffff;border-radius:1.4em; width: min(70px, 13.5%); line-height: 1.6; text-align: center ;position:absolute;right:0;top:1em;font-size:.6em;text-transform: capitalize;}
.s1 h5:before{position:absolute;top:.7em;left:0;content:" ";display:inline-block;height:1em;border-left:2px solid #0644ae;}

.s2 ul{background:#ffffff;border-radius:1em;padding:0;margin:0;}
.s2 li{background: url(images/region_icon.png) 0 0  no-repeat;list-style:none;padding:.4em 0 .4em 2.2em;margin:1em;font-size:1.25em;}

.s3 h5{font-weight:bolder;font-size:2em;padding:.6em 0 }
.s3 h5:before{content:"OPINION";background:#3b0070;display:block;padding:2.5%;margin-bottom:1em;color:#ffffff;font-size: min(18px, 4vw);width:150px;text-align:center;}
.s3 .author{color:#3b0070;margin-bottom:1em;}
/* .s3 .desc:after{content:"자세히보기+";background:#3b0070;display:block;padding:1em;margin:1.4em 0;color:#ffffff;font-size:11px;width:150px;text-align:center;border-radius:2em;box-shadow: 0 7px 4px rgba(0, 0, 0, 0.1); } */
.s3 .button {background:#3b0070;display:inline-block; padding: 2% 7%; margin:1.4em 0;color:#ffffff; text-align:center; border-radius:2em; box-shadow: 0 7px 4px rgba(0, 0, 0, 0.1);font-size: min(16px, 3.4vw);}
.s3 .img-white-box{border:10px solid #ffffff;}
.s3 hr{border-color:#d1b4eb;}

.s3 .block{border: 1px solid #b869ff;border-radius:1em;display:block;background:#ffffff;background-position:100% bottom;background-size:auto 100%;background-repeat: no-repeat;color:#3b0070}
.s3 .block-1{background-image: url("images/img_icon_1.png");}
.s3 .block-2{background-image: url("images/img_icon_2.png");}
.s3 .block-3{background-image: url("images/img_icon_3.png");}
.s3 .block-4{background-image: url("images/img_icon_4.png");}
.s3 .block h4:first-child {display: inline-block; margin-bottom: 2%;}
.s3 .block h4{color:#222;}
.s3 .block h4 b{color:#3b0070;font-weight:bolder;display:block; position:relative;}
.s3 .block h4 b:after{content:"click";background:#3b0070;color:#ffffff;border-radius:1.4em;padding:.3em 2em .3em 2em;margin-bottom:.6em;font-size:12px;text-transform: capitalize;position:absolute; top: 50%;
    right: -10%;
    transform: translate(100%,-50%);}

.s4 .l{background:#def0f2;color:#21aab9;}
.s4 .l:before{content:"부쉬맨";background:#21aab9;display:block;padding:.2em 1em;margin-bottom:2em;color:#ffffff;font-size:min(22px, 4.6vw);width:150px;text-align:center;}
.s4 .r{background:#f5f5f5;}
.s4 .r:before{content:"블로그";background:#333333;display:block;padding:.2em 1em;margin-bottom:2em;color:#ffffff;font-size:min(22px, 4.6vw);width:150px;text-align:center;}
.s4 .r ul{margin-top:-1em;}
.s4 .r li{border-bottom:1px solid #ddd;padding:1em 2.4em 1em 0;position:relative; }
.s4 .r li a{display: block; width: 100%;}
.s4 .r li .more {display:block; position:absolute;right:0;top:2em; border:1px solid #666;color:#333333;border-radius:1.4em;padding:.2em .4em .3em;font-size:.6em;text-transform: lowercase;}
/*.s4 .r li:after{content:"more +";border:1px solid #666;color:#333333;border-radius:1.4em;padding:.2em .4em .3em;position:absolute;right:0;top:2em;font-size:.6em;text-transform: lowercase;}*/


footer{background: #333333;;font-size:.9em;}
footer *{color: #999}

@media(max-width : 900px ){
    .s0 .box_wrap {margin-top: -8.5vw;}
    .s0 .box h3 {width: 80%; padding-left: 1.8%;}
    .s0 .box .top {margin-bottom: min(25px,4.5%);}
    .s0 .box .img {margin-bottom: min(32px,6%);}
}

@media(max-width : 768px ){
    .s0 .box_wrap {padding-right:8vw;}
    .s0 .box, .s0 .box_wrap .rowwrap .box {padding-bottom: 10%; width: 75vw;}
    .s0 .box_wrap .rowwrap .box {padding:0; margin:0; padding-bottom: 10%;}
    .s0 .box h3 br {display: none;}
    .s0 .box h3{ font-size: 1.25rem;}
    .s0 .box span { font-size: 0.75rem;}
    .s0 .box p { font-size: 1rem;}
    .s5 {background-image: none;}
    .s5 .t img {display: none;}
    .s5 .t {background: url("images/t4_mob.png") no-repeat center top; height: 140px;}
    
}

@media(max-width : 600px ){
    section{padding:2rem 0rem;}
    .s2 li{font-size:1.2em;}
    .p-5{padding:1rem !important;}
    .block{background:#ffffff !important;}
    .s1 h5:after {width: 11%;}
}

@media(max-width : 500px ){
    .s0 .title h2 {font-size: 1.6rem; top:70%; color: #2c3674; font-weight:600;}
    .s0 .box_wrap {margin-top: 0; }
    
    
}

@media(max-width : 420px ){
    header .r{display:none}
    header .r.r-m{display:block;}
    .s2{padding-bottom:0;}
    .s2 ul{border-radius:0;}
}