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


html { margin: auto; /*max-width: 1920px;*/ }
/* Wrap - Container */
/* #wrap { padding: 80px 0 0; } */
/* #sub-wrap { padding: 80px 0; } */
.container {
    margin: auto;
    max-width: 1330px;
    padding:0px 15px;
}
.container-30 {
    margin: auto;
    max-width: 1230px;
}
.mypage-wrap { padding: 160px 0 140px; }

.sub-contents { padding: 170px 0 170px; }
.store-contents { padding: 70px 0 0; }

.pt-none { padding-top: 0 !important; }
.pb-none { padding-bottom: 0 !important; }

@media (max-width: 1024px){
    #wrap { padding: 50px 0 0; }
    #sub-wrap { padding: 50px 0 50px; }
    /* .container { padding-left: 15px; padding-right: 15px; } */
    .container-30 { padding-left: 15px; padding-right: 15px; }
    .mypage-wrap { padding: 90px 0 60px; }

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




/* 마이페이지 */
.my-contents { padding-top: 30px; }
.my:after { content: ''; display: block; clear: both; }
.my-l { float: left; width: 230px; border-bottom: 2px solid #222222; }
.my-r { float: left; padding-left: 70px; width: calc(100% - 230px); }
.my-ul { border-bottom: 1px solid #dddddd; }
.my-ul li a { display: block; margin: 10px 0; padding: 5px 10px; height: 33px; line-height: 23px; font-size: 16px; color: #999999; font-weight: 300; }
.my-ul li.on a,
.my-ul li a:hover { color: #38beef; font-weight: 700; 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 { line-height: 32px; }
.sub_head_title h4 { font-size: 36px; }
.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: 1024px){
    .sub_head_title .fRight { display: none; }

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


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