@charset "utf-8";

.user #container #content{}

.user #container #content .menu + .bx_w{ }
.user #container #content .menu + .bx_w h3{border-top: 0;}
.user #container #content .bx_w{background-color: #fff;}
.user #container #content .bx_w:not(:first-of-type){}
.user #container #content .bx_w >h3{display: block; text-align: left; padding: 0.78em 1.73em; background-color: #F4F6FD; border: 1px solid #004DA0; font-size: 1.2875em; letter-spacing: -0.05em; color: #222; font-weight: 500; box-sizing: border-box;}
.user #container #content .bx_w >div{padding: 1.2em 2.0625em 1.5em; font-size: 1.15em;box-sizing: border-box;}
.user #container #content .bx_w >div h5:first-child{margin-top: 0;}
.user #container #content .bx_w h5{margin-top: 1.5em;}
.user #container #content .bx_w p+p{margin-top: 0;}
.user #container #content .bx_w p+img{display: block; margin-top: 1em; margin: 1em auto 0;}
.user #container #content .bx_w .list,
.user #container #content .bx_w .list2{margin-top: 1em; text-align: center;}
.user #container #content .bx_w .list > li,
.user #container #content .bx_w .list2 > li{display: inline-block; text-align: center; max-width:20em; width: 100%; margin:0;font-weight:bold;padding:5px 0 20px 0;}
.user #container #content .bx_w .list2 > li{max-width: 30em;}
.user #container #content .bx_w .list > li >img,
.user #container #content .bx_w .list2 > li >img{display: inline-block; width: 100%; margin-top: 0.5em;}
.user #container #content .bx_w .list +p{margin-top: 1em;}
.user #container #content .bx_w .list > li a{width:98%;display:block;border-radius:10px;background:#8d7adf;background: linear-gradient(145deg, rgba(112,127,235,1) 0%, rgba(198,149,241,1) 100%);color:#fff;text-decoration:none;text-align:center;padding:20px;margin:17px 0 0 0;}
.user #container #content .bx_w .alignL{text-align:left;padding-top:20px;}
/*글+버튼 박스*/
.user #container #content .bx_w .tbtn_box{}
.user #container #content .bx_w .tbtn_box >span{}
.user #container #content .bx_w .tbtn_box > [data-btn='1']{vertical-align: middle;}
.user #container #content{} 
#txt a:not([data-btn])[target='_blank']:after {content:none;margin:0;}

@media screen and (max-width: 1024px) {
    .user #container #content #txt{font-size: 15px;}
}

@media screen and (max-width: 640px) {
.user #container #content .bx_w >h3{text-align:center;}
    .user #container #content #txt{font-size: 14px;}
    .user #container #content .menu >li>a:not([target="_blank"]){padding: 0.78em 1.2em;}
    .user #container #content .menu >li>ul,
    .user #container #content .bx_w >div{padding: 1.2em 1.6em 1.5em;}
}

@media screen and (max-width: 420px) {
    .user #container #content #txt{font-size: 14px;}
    .user #container #content .menu >li>a:not([target="_blank"]){padding: 0.78em 0.8em;}
    .user #container #content .menu >li>ul,
    .user #container #content .bx_w >div{padding: 1.2em 1em 1.5em;}
}