@import "font.css";
@import "hf.css";
@import "main.css";
@import "sub.css";
/* @import "animate.css"; */

html { overflow: hidden; margin: auto; }
/* Wrap - Container */
#wrap { padding: 80px 0 0; }
#sub-wrap { padding: 80px 0 0; }
#vue-app .container {
    margin: auto;
    max-width: 1050px;
    padding: 0;
}
#vue-app .container-6 { margin: auto; max-width: 1056px; padding: 0; }
#vue-app .container-20 { margin: auto; max-width: 1070px; padding: 0; }
#vue-app .container-30 { margin: auto; max-width: 1080px; padding: 0; }
#vue-app .container-170 { margin: auto; max-width: 1220px; padding: 0; }

.sub-contents { padding: 120px 0 140px; }

.pt-none { padding-top: 0 !important; }
.pb-none { padding-bottom: 0 !important; }
@media (max-width: 1024px){
    #vue-app .container { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 800px){
    #wrap { padding: 50px 0 0; }
    #sub-wrap { padding: 50px 0 0; }

    .sub-contents { padding: 60px 0; }
}




/* 마이페이지 */
.my-contents { padding-top: 30px; }
.my:after { content: ''; display: block; clear: both; }
.my-l { float: left; width: 23.8%; padding-right: 60px; }
.my-r { float: left; width: 76.2%; }
.my-ul li a { display: block; padding: 0 10px; height: 40px; line-height: 40px; font-size: 15px; color: #666666; }
.my-ul li.on a,
.my-ul li a:hover { color: #4960a2; font-weight: 500; background: url('/child/img/icon/my-on.png') no-repeat right 15px center; }

.head_title { padding: 12px 12px 12px 40px; text-align: left;background: url('/child/img/icon/icon_title.png') no-repeat center left / 22px; background-position-x: 8px; }
.head_title h3 { margin-bottom: 0; font-size: 18px; line-height: 23px; color: #333333; font-weight: 500; }

.sub_head_title { padding-bottom: 8px; line-height: 28px; border-bottom: 1px solid #bbbbbb; }
.sub_head_title h1 { font-size: 33px; }
.sub_head_title .list { margin-top: 8px; }
.sub_head_title .list a { padding-right: 20px; background: url('/child/img/icon/icon_sub_arrow.png') no-repeat center right 5px; cursor: default; }
.sub_head_title .list a span { font-size: 14px; color: #666666; }
.sub_head_title .list a:first-child span { margin-top: 3.5px; display: inline-block; vertical-align: ㅡㅑㅇ읻; width: 16px; height: 13px; font-weight: 400; /*background: url('/child/img/icon/icon_sub_nav.png') no-repeat center;*/ }
.sub_head_title .list a:last-child { padding-right: 0; background: none; }

@media (max-width: 800px){
    .sub_head_title .fRight { display: none; }

    .head_title { background-size: auto 20px; }
    .head_title h3 { font-size: 16px; }
    .sub_head_title { margin-top: 30px; padding-bottom: 3px; line-height: 24px; }
    .sub_head_title h1 { font-size: 18px; }
    .sub_head_title .fRight { display: none; }
    .join_input_tit_wrap h3 { font-size: 16px; }


    .my-l { display: none; }
    .my-r { width: 100%; padding-left: 0; }
    .s-top-text h4 { line-height: 29px; font-size: 22px; }
    .s-top-text p { font-size: 14px; }
    .s-top-text a { font-size: 14px; }
}