@charset "utf-8";
/****************************************/
/*  Name: 비즈마켓
/*  PART: Main
/*  Version: 1.0
/****************************************/
@import url(base.css);
@import url(jquery-ui.min.css);
@import url(select2.min.css);

html.popOpen {
    overflow: hidden;
}
#wrap {
    min-width: 1440px;
}
@media(max-width: 760px) {
    #wrap {
        width: 100%;
        min-width: auto;
    }
}

#container {
    position: relative;
    z-index: 1;
    min-height: 763px;
    /*padding-top: 88px;*/
}
#container:before {
    content: '';
    position: absolute;
    top: 88px;
    left: 0;
    right: 0;
    /*border-top: 1px solid #eee;*/
    z-index: 1;
}
#container.main-container:before {
    top:0;
}
#container.noline:before {
    display: none;
}
@media(max-width: 760px) {
    #container {
        min-height: auto;
        padding: 20px 0 0;
    }
    #container:before {
        top: 0;
    }
}
.search-container {
    padding-top: 0 !important;
}
.main-container {padding:0 !important;}
.section {
    position: relative;
    width: 1392px;
    margin: 0 auto;
    padding: 60px 0 100px;
}
.section.tab-panel {
    padding-top: 80px;
}
.section.wide {
    width: 100%;
}
.section.section-visual {
    width: 100%;
    padding: 0;
}
.section.bg {
    background-color: #f2f2f2;
}
.section.wide .inner-wrap {
    width: 1392px;
    margin: 0 auto;
}
.section-center {
    width: 1000px;
    margin: 0 auto;
}
.section-center.size-lg {
    width: 920px;
}
@media(max-width: 760px) {
    #container > .section:first-child {
        padding-top: 0;
    }
    .section {
        width: 100%;
        padding: 40px 16px;
        box-sizing: border-box;
    }
    .section.tab-panel {
        padding-top: 40px;
    }
    .section-center,
    .section-center.size-lg {
        width: 100%;
    }
    .section.wide {
        padding: 40px 0;
    }
    .section.wide .inner-wrap {
        width: 100%;
    }
    .section.wide .inner-wrap .title-wrap {
        margin: 0 16px;
    }
    .section.section-visual {
        margin-top: -20px;
    }
}
/*---------------------------------------/
    header
/---------------------------------------*/
#header {
    position: relative;
    z-index: 2;
}
@media(min-width: 761px) {
    #header:before {
        content: '';
        position: absolute;
        top: 53px;
        left: 0;
        width: 100%;
        height: 0px;
        background:#eee;
    }
    #header:after {
        content: '';
        clear: both;
        display: block;
    }
    .header-top {
        position: absolute;
        top: 15px;
        left: 50%;
        margin-left: -720px;
    }
    .header-top .logo {
        display: block;
        width: 118px;
        height: 27px;
    }
    .header-top .logo a {
        display: block;
        width: 118px;
        height: 27px;
        background-size: 100% auto;
    }
    .header-top button {display: none;}

    .gnb-wrap {
        width: 1440px;
        margin:0 auto;
        box-sizing: border-box;
    }
    .gnb-wrap .gnb-top {
        display: none;
    }
    .gnb-wrap .service-wrap {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 1440px;
        margin: 0 auto;
        padding: 11px 0;
    }
    .gnb-wrap .service-wrap .service-area {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 1440px;
        margin: 0 auto;
    }
    .gnb-wrap .service-area .link-set {
        display:inline-block;
        padding:5px 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .gnb-wrap .service-area .link-list {
        font-size: 0;
    }
    .gnb-wrap .service-area .link-list > li {
        position: relative;
        display: inline-block;
    }
    .gnb-wrap .service-area .link-list > li:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 10px;
        margin-top: -5px;
        background-color: #000;
    }
    .gnb-wrap .service-area .link-list > li:first-child:before {
        display: none;
    }
    .gnb-wrap .service-area .link-list > li > a {
        display: block;
        padding: 5px 9px;
        font-size: 13px;
        line-height: 20px;
        font-weight: 500;
    }
    .gnb-wrap .service-area .link-list > li > a span {
        color: #eb008b; 
    }
    .gnb-wrap .service-area .help-layer {
        display: none;
        position: absolute;
        top: 27px;
        left: 9px;
        z-index: 1;
        width: 100px;
        padding: 2px 0;
        background: #fff;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        outline: 1px solid #eee;
    }
    .gnb-wrap .service-area .help-layer ul li {
        position: relative;
    }
    .gnb-wrap .service-area .help-layer ul li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 40px;
        height: 1px;
        margin-left: -20px;
        background: #d1d1d7;
    }
    .gnb-wrap .service-area .help-layer ul li:first-child:before {
        display: none;
    }
    .gnb-wrap .service-area .help-layer ul li a {
        display: block;
        padding: 8px 0;
        font-size: 13px;
        color: #636366;
        line-height: 19px;
        text-align: center;
    }
    
    .gnb-wrap .nav {
        display: inline-block;
        margin-left: 178px;
    }
    .gnb-wrap .nav .depth-list {
        font-size: 0;
    }
    .gnb-wrap .nav .depth-list .depth {
        display: inline-block;
        margin-left: 60px;
    }
    .gnb-wrap .nav .depth-list .depth:first-child {
        margin-left: 0;
    }
    .gnb-wrap .nav .depth-list .depth > a {
        position: relative;
        display: block;
        height: 58px;
        font-size: 18px;
        font-weight: bold;
        line-height: 58px;
    }
    .gnb-wrap .nav .depth-list .depth > a:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background-color: #eb008b;
        transition: .2s ease-out;
    }
    .gnb-wrap .nav .depth-list .depth:hover > a:after,
    .gnb-wrap .nav .depth-list .depth.active > a:after {
        width: 100%;
        transition: .2s ease-out;
    }
    .gnb-wrap .nav .depth-list .depth:hover > a,
    .gnb-wrap .nav .depth-list .depth.active > a {
        color: #eb008b;
        transition: .2s ease-out;
    }
    .sub-depth {
        display: none;
        position: absolute;
        left: 0;
        z-index: 1;
        width: 100%;
        background: #fff;
        border-top: 1px solid #eee;
    }
    .sub-depth.active {
        display: block;
    }
    .sub-depth .menu-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 1440px;
        margin: 0 auto;
        padding: 20px 500px 25px 178px;
        text-align: center;
        box-sizing: border-box;
    }
    .sub-depth .menu-list > li {
        display: inline-block;
    }
    .sub-depth .menu-list > li > a {
        display: block;
        font-size: 18px;
        line-height: 26px;
    }
    .sub-depth .menu-list > li > a:hover {
        color: #eb008b;
    }
    .sub-depth .menu-list ul {
        margin-top: 9px;
    }
    .sub-depth .menu-list ul li a {
        display: block;
        font-size: 14px;
        line-height: 30px;
    }
    .sub-depth .menu-list ul li a:hover {
        color: #eb008b;
        text-decoration: underline;
    }


    .gnb-wrap .gnb-util {
        float: right;
        margin-top: 13px;
    }
    .gnb-wrap .gnb-util .account-area {
        display: inline-block;
        margin-right: 6px;
        line-height: 32px;
    }
    .gnb-wrap .gnb-util .account-area strong {
        color: #eb008b;
    } 
    .gnb-wrap .gnb-util .btn + .btn {
        margin-left: 6px;
    }
    .gnb-wrap .gnb-util .btn-mypage {display: none;}
    .gnb-wrap .gnb-util .btn-favorite {
        display: inline-block;
        width: 24px;
        height: 32px;
        margin-left: 26px;
        background: url(/images/icon/ic_favorite.png) center center no-repeat;
        background-size: 24px 24px;
    }
    .gnb-wrap .gnb-util .btn-shoppingcart {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 32px;
        margin-left: 26px;
        background: url(/images/icon/ic_shoppingcart.png) center center no-repeat;
        background-size: 24px 24px;
    }
    .gnb-wrap .gnb-util .btn-shoppingcart .num {
        position: absolute;
        top:-2px;
        right: 0;
        height: 15px;
        padding:0 4px;
        background:#eb008b;
        font-size:12px;
        color:#fff;
        text-align: center;
        line-height: 14px;
        border-radius: 50%;
    }

    .gnb-wrap .mc-service-wrap {
        display: none;
    }

    #header .search-wrap {
        position: absolute;
        bottom: -67px;
        right: 50%;
        margin-right: -720px;
    }
    #header .search-wrap.hiding {
        display: none;
    }
    #header .search-wrap .search-top,
    #header .search-wrap .popular-keyword {
        display: none;
    }
    #header .search-wrap .search-box {
        position: relative;
        width: 362px;
        height: 48px;
    }
    #header .search-wrap .search-inp {
        width: 100%;
        height: 48px;
        padding:0 40px;
        font-size: 18px;
        color: #1a1d1d;
        background-color: #fafafa;
        border:1px solid #aeaeb2;
        border-radius: 4px;
    }
    #header .search-wrap .search-inp:focus {
        outline: 1px solid #eb008b;
    }
    #header .search-wrap .search-inp::placeholder {
        color: #aeaeb2;
    }
    #header .search-wrap .search-btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 48px;
        background: url(/images/btn/btn_search.png) center center no-repeat;
        background-size: 24px 24px;
    }
}
@media(max-width: 760px) {
    #header {
        z-index: 101;
        background: #fff;
    }
    #header.fix {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #f2f3f4;
    }
    .header-top {
        position: relative;
        padding: 13px 16px;
        box-sizing: border-box;
    }
    .header-top .logo {
        width: 118px;
        height: 27px;
        margin: 0 auto;
    }
    .header-top .logo a {
        display: block;
        height:27px;
        background-size: auto 100%;
    }
    .header-top .btn-menu {
        position: absolute;
        top: 50%;
        left: 16px;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url(/images/btn/btn_menu.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
    .header-top .btn-search {
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        width: 24px;
        height:24px;
        background: url(/images/btn/btn_search.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
    .gnb-wrap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
    }
    .gnb-wrap .gnb-wrap-inner {
        overflow-y: auto;
        position: relative;
        left: -100%;
        height: 100%;
        padding: 0 16px 23.8889vw;
        background: #fff;
        box-sizing: border-box;
    }

    .gnb-wrap .gnb-top {
        padding:3.0556vw 0;
    }
    .gnb-wrap .gnb-top .title {
        font-size: 18px;
        line-height: 27px;
    }
    .gnb-wrap .gnb-top .btn-close {
        overflow: hidden;
        position: absolute;
        top: 3.0556vw;
        right: 4.4444vw;
        width: 24px;
        height: 24px;
        border: 0;
        background-color: transparent;
        font-size: 0;
        text-indent: -99999px;
        line-height: 0;
        cursor: pointer;
    }
    .gnb-wrap .gnb-top .btn-close:before,
    .gnb-wrap .gnb-top .btn-close:after {
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        width:20px;
        height:2px;
        background-color:#1a1d1d;
    }
    .gnb-wrap .gnb-top .btn-close:before {
        transform:translate(-50%,-50%) rotate(45deg);
    }
    .gnb-wrap .gnb-top .btn-close:after {
        transform:translate(-50%,-50%) rotate(135deg);
    }

    .gnb-wrap .service-wrap {
        display: none;
    }
    .gnb-wrap .gnb-util {
        width: 100%;
        padding: 30px 0 20px;
        text-align: center;
        box-sizing: border-box;
    }
    .gnb-wrap .gnb-util .account-area {
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        color: #636366;
        line-height: 20px;
    }
    .gnb-wrap .gnb-util .account-area strong {
        margin-right: 8px;
        font-size: 18px;
        color: #eb008b;
    }
    .gnb-wrap .gnb-util .btn-favorite,
    .gnb-wrap .gnb-util .btn-shoppingcart {
        display: none;
    }
    .gnb-wrap .gnb-util .btn + .btn {
        margin-left:6px;
    }
    .nav .depth-list {
        border-top: 1px solid #d1d1d7;
    }
    .nav .depth-list .depth {
        border-bottom: 1px solid #d9d9d9;
    }
    .nav .depth-list .depth.active {
        background:#fafafa;
    }
    .nav .depth-list .depth a {
        position: relative;
        display: block;
        padding: 20px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }
    .nav .depth-list .depth.active > a {
        color: #eb008b;
    }
    .nav .depth-list .depth[aria-expanded="false"] > a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 24px;
        height: 24px;
        background: url(/images/btn/btn_acc_toggle.png) center center no-repeat;
        background-size: 24px 24px;
        transform: translateY(-50%);
    }
    .nav .depth-list .depth[aria-expanded="true"] > a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 24px;
        height: 24px;
        background: url(/images/btn/btn_acc_toggle.png) center center no-repeat;
        background-size: 24px 24px;
        transform: translateY(-50%) rotateZ(-180deg);
    }
    .nav .depth-list .sub-depth {
        display: none;
        padding-left:20px;
        border-top: 2px solid #fff;
    }
    .nav .depth-list .menu-list ul {
        margin-left: 20px;
    }
    .nav .depth-list .menu-list ul li a {
        position: relative;
        padding-left: 28px;
        color: #636366;
        font-weight: 400;
    }
    .nav .depth-list .menu-list ul li a:before {
        content: '-';
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
    }

    .mc-service-wrap .link-list {
        background: rgba(229, 229, 234, 0.1);
    }
    .mc-service-wrap .link-list > li {
        border-bottom: 1px solid #d9d9d9;
    }
    .mc-service-wrap .link-list > li a {
        position: relative;
        display: block;
        padding: 20px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }
    .mc-service-wrap .link-list > li[aria-expanded="false"] > a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 24px;
        height: 24px;
        background: url(/images/btn/btn_acc_toggle.png) center center no-repeat;
        background-size: 24px 24px;
        transform: translateY(-50%);
    }
    .mc-service-wrap .link-list > li[aria-expanded="true"] > a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 24px;
        height: 24px;
        background: url(/images/btn/btn_acc_toggle.png) center center no-repeat;
        background-size: 24px 24px;
        transform: translateY(-50%) rotateZ(-180deg);
    }
    .mc-service-wrap .link-list > li ul {
        display: none;
        padding-left: 20px;
        border-top:2px solid #fff;
    }
    .mc-service-wrap .link-counsel {
        position: relative;
        display: block;
        margin-top: 26px;
        padding: 18px 20px 40px 20px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
    }
    .mc-service-wrap .link-counsel:after {
        content: '';
        position: absolute;
        right: 20px;
        bottom: 0;
        width: 40px;
        height: 40px;
        background: url(/images/btn/btn_more02.png) 0 0 no-repeat;
        background-size: 40px 40px;
    }
    .mc-service-wrap .link-counsel .title {
        display: block;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
    }
    .mc-service-wrap .link-counsel .text {
        display: block;
        margin-top: 8px;
        font-size: 14px;
        line-height: 20px;
        color: #636366;
    }

    #header .search-wrap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
    }
    #header .search-wrap .search-wrap-inner {
        overflow-y: auto;
        position: relative;
        right: -100%;
        height: 100%;
        padding: 0 16px 23.8889vw;
        background: #fff;
        box-sizing: border-box;
    }
    #header .search-wrap .search-top {
        padding:3.0556vw 0;
    }
    #header .search-wrap .search-top .title {
        font-size: 18px;
        line-height: 27px;
    }
    #header .search-wrap .search-top .btn-close {
        overflow: hidden;
        position: absolute;
        top: 3.0556vw;
        right: 4.4444vw;
        width: 24px;
        height: 24px;
        border: 0;
        background-color: transparent;
        font-size: 0;
        text-indent: -99999px;
        line-height: 0;
        cursor: pointer;
    }
    #header .search-wrap .search-top .btn-close:before,
    #header .search-wrap .search-top .btn-close:after {
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        width:20px;
        height:2px;
        background-color:#1a1d1d;
    }
    #header .search-wrap .search-top .btn-close:before {
        transform:translate(-50%,-50%) rotate(45deg);
    }
    #header .search-wrap .search-top .btn-close:after {
        transform:translate(-50%,-50%) rotate(135deg);
    }
    #header .search-wrap form {
        margin-top: 5.5556vw;
    }
    #header .search-wrap .search-box {
        position: relative;
        width: 100%;
        height: 40px;
    }
    #header .search-wrap .search-inp {
        width: 100%;
        height: 40px;
        padding:0 40px;
        font-size: 14px;
        color: #1a1d1d;
        background-color: #fafafa;
        border:1px solid #aeaeb2;
        border-radius: 4px;
    }
    #header .search-wrap .search-inp:focus {
        outline: 1px solid #eb008b;
    }
    #header .search-wrap .search-inp::placeholder {
        color: #aeaeb2;
    }
    #header .search-wrap .search-btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        background: url(/images/btn/btn_search.png) center center no-repeat;
        background-size: 24px 24px;
    }
    #header .search-wrap .btn-reset {
        top: 8px;
    }
    .popular-keyword {
        margin-top: 20px;
    }
    .popular-keyword .title {
        display: block;
        font-size: 18px;
        color: #636366;
        font-weight: 500;
    }
    .popular-keyword .list {
        margin-top: 16px;
        border-top: 1px solid #d1d1d7;
    }
    .popular-keyword .list li {
        border-bottom: 1px solid #d1d1d7;
    }
    .popular-keyword .list li a {
        display: block;
        padding: 20px;
        font-size: 14px;
        line-height: 20px;
    }
}
/*---------------------------------------/
    footer
/---------------------------------------*/
#footer {
    padding: 48px 0;
    background: #fafafa;
}
#footer .foot {
    position: relative;
    width: 1440px;
    margin: 0 auto;
}
.foot .footer-logo img {
    width: 135px;
    height: 37px;
}
.footer-menu {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 40px;
}
.footer-menu > ul {
    display: flex;
    align-items: center;
}
.footer-menu > ul li {
    position: relative;
    margin-left: 19px;
    padding-left: 20px;
}
.footer-menu > ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 20px;
    margin-top:-10px;
    background-color:#aeaeb2;
}
.footer-menu > ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}
.footer-menu > ul li:first-child:before {
    display: none;
}
.footer-menu > ul li a {
    display: block;
    font-size: 16px;
    line-height: 24px;
}

.footer-link {
    position: relative;
    margin-left: auto;
    padding-left: 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.family-site {
    position: relative;
    width: 254px;
}
.family-site .btn-toggle {
    position: relative;
    display: block;
    padding: 12px 48px 12px 20px;
    font-size: 16px;
    border: 1px solid #aeaeb2;
    border-radius: 4px;
}
.family-site .btn-toggle:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(/images/btn/btn_bk_down.png) center center no-repeat;
    transform: rotateZ(-180deg)
}
.family-site .btn-toggle.on:after {
    transform: rotateZ(0)
}
.family-site ul {
    display: none;
    position: absolute;
    left:0;
    right: 0;
    bottom: 47px;
    z-index: 1;
    background-color: #fafafa;
    border: 1px solid #aeaeb2;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}
.family-site ul li a {
    display: block;
    padding: 12px 20px;
    font-size: 16px;
}
.family-site .btn-toggle.on,
.family-site .btn-toggle.on + ul,
.family-site .btn-toggle:hover,
.family-site .btn-toggle:hover + ul {
    border-color: #eb008b;
}
.family-site ul li a:hover {
    color: #eb008b;
}
.footer-link .sns-share {
    display: flex;
    justify-content: flex-start;
    margin-top: 198px;
}
.footer-link .sns-share li {
    margin-left: 28px;
}
.footer-link .sns-share li:first-child {
    margin-left: 0;
}
.footer-link .sns-share a {
    display: block;
    width: 28px;
    height: 28px;
}
.footer-link .sns-share .sns-facebook {
    background: url(/images/icon/ic_facebook.png) center center no-repeat;
    background-size: 100% auto;
}
.footer-link .sns-share .sns-twitter {
    background: url(/images/icon/ic_twitter.png) center center no-repeat;
    background-size: 100% auto;
}
.footer-link .sns-share .sns-instagram {
    background: url(/images/icon/ic_instagram.png) center center no-repeat;
    background-size: 100% auto;
}
.footer-link .sns-share .sns-youtube {
    background: url(/images/icon/ic_youtube.png) center center no-repeat;
    background-size: 100% auto;
}
.footer-link .sns-share .sns-linkedin {
    background: url(/images/icon/ic_linkedin.png) center center no-repeat;
    background-size: 100% auto;
}
.footer-link .sns-share .sns-tstory {
    background: url(/images/icon/ic_tstory.png) center center no-repeat;
    background-size: 100% auto;
}
.footer-link .sns-share .sns-naverblog {
    background: url(/images/icon/ic_naverblog.png) center center no-repeat;
    background-size: 100% auto;
}
.foot-info {
    position: absolute;
    top: 119px;
    left: 0;
    max-width: 895px;
}
.foot-info .cp-info {
    display: flex;
    flex-wrap: wrap;
}
.foot-info .cp-info li {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    font-size: 14px;
    color: #636366;
    line-height: 25px;
}
.foot-info .cp-info li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    margin-top: -8px;
    background-color:#636366;
}
.foot-info .cp-info li:last-child:after {
    display: none;
}
.foot-info .auth-info {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 38px;
}
.foot-info .auth-info figure {
    display: flex;
    align-items: center;
    margin-right: 25px;
}
.foot-info .auth-info figure figcaption {
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    color: #636366;
}
.foot-info .info-text {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 13px;
    color: #8e8e93;
    line-height: 20px;
}
.foot-info .copyright {
    margin-top: 8px;
    font-size: 14px;
    color: #636366;
    line-height: 20px;
}
.foot-info .cert-mark {
    margin-top: 10px;
    font-size: 14px;
    color: #636366;
    line-height: 40px;
}
.foot-info .cert-mark img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: top;
}

@media(max-width: 760px) {
    #footer {padding: 48px 16px;}
    #footer .foot {
        width: 100%;
        text-align: center;
    }
    .foot .footer-logo img {
        width: 120px;
        height: auto;
    }
    .footer-menu {
        display: block;
    }
    .footer-menu > ul li {
        width: 50%;
        margin: 0;
        padding: 0;
    }
    .footer-menu > ul li:before {
        display: none;
    }
    .footer-menu > ul li a {
        display: inline-block;
        font-size: 15px;
        line-height: 22px;
    }
    .footer-link {
        margin: 40px 0 0;
        padding: 0;
        border-left: 0;
    }
    .family-site {
        width: 100%;
    }
    .family-site .btn-toggle {
        padding: 10px 44px 10px 16px;
        font-size: 15px;
        line-height: 22px;
    }
    .family-site ul {
        bottom: 40px;
    }
    .footer-link .sns-share {
        margin-top: 32px;
        justify-content: flex-start;
    }
    .footer-link .sns-share a {
        width: 24px;
        height: 24px;
    }
    .foot-info {
        position: relative;
        top: 0;
        left:0;
        max-width: inherit;
        margin-top: 32px;
    }
    .foot-info .cp-info {
        display: block;
    }
    .foot-info .cp-info li {
        display: inline-block;
    }
    .foot-info .info-text {
        margin-top: 24px;
        word-break: keep-all;
    }
}
/*---------------------------------------/
    quick
/---------------------------------------*/
.quick-wrap {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
    transition: all 0.3s;
}
.quick-wrap .direct-link {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 4px 0 0 0;
}
.quick-wrap .direct-link li {
    position: relative;
    width:60px;
    height: 60px;
    border-bottom: 1px solid #f5f5f5;
}
.quick-wrap .direct-link li a {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background-position: right 16px center;
    background-repeat: no-repeat;
    transition: all .3s;
}
.quick-wrap .direct-link .link01 a {
    background-image: url(/images/icon/ic_quick01.png);
}
.quick-wrap .direct-link .link02 a {
    background-image: url(/images/icon/ic_quick02.png);
}
.quick-wrap .direct-link .link03 a {
    background-image: url(/images/icon/ic_quick03.png);
}
.quick-wrap .direct-link .link04 a {
    background-image: url(/images/icon/ic_quick04.png);
}
.quick-wrap .direct-link .link05 a {
    background-image: url(/images/icon/ic_quick05.png);
}
.quick-wrap .direct-link .link06 a {
    background-image: url(/images/icon/ic_quick06.png);
}
.quick-wrap .direct-link .link05,
.quick-wrap .direct-link .link06 {
    display: none;
}
.quick-wrap .direct-link li a span {
    overflow: hidden;
    display: block;
    width: 0;
    height: 0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 60px;
    opacity: 0;
    transition: all .5s;
}
@media(min-width: 761px) {
    .quick-wrap .direct-link li a:hover {
        width: 150px;
        padding-left: 26px;
        background-color: #ef3484;
        border-radius: 30px 0 0 30px;
        box-sizing: border-box;
        transition: all .3s;
    }
    .quick-wrap .direct-link .link01 a:hover {
        background-image: url(/images/icon/ic_quick01_on.png);
    }
    .quick-wrap .direct-link .link02 a:hover {
        background-image: url(/images/icon/ic_quick02_on.png);
    }
    .quick-wrap .direct-link .link03 a:hover {
        background-image: url(/images/icon/ic_quick03_on.png);
    }
    .quick-wrap .direct-link .link04 a:hover {
        background-image: url(/images/icon/ic_quick04_on.png);
    }
    .quick-wrap .direct-link li a:hover span {
        width: auto;
        height: auto;
        opacity: 1;
        transition: all .5s;
    }
}

.quick-wrap .btn-top {
    position: relative;
    z-index: 1;
    display: block;
    width: 60px;
    height: 60px;
    background:#fff url(/images/icon/ic_top.png) center center no-repeat;
    border-radius: 0 0 0 4px;
}

@media(max-width: 760px) {
    html.popOpen .quick-wrap{
        right: -50px;
        transition: all 0.3s;
    }
    .quick-wrap {
        top: auto;
        bottom: 56px;
        transform: none;
    }
    .quick-wrap .direct-link li {
        width: 50px;
        height: 50px;
    }
    .quick-wrap .direct-link .link01,
    .quick-wrap .direct-link .link02 {
        display: none;
    }
    .quick-wrap .direct-link .link05.on,
    .quick-wrap .direct-link .link06.on {
        display: block;
    }
    .quick-wrap .direct-link li a {
        width: 50px;
        height: 50px;
        background-position: center center;
        background-size: 24px 24px;
    }
    .quick-wrap .btn-top {
        width: 50px;
        height: 50px;
        background-size: 16px auto;
    }
}
/*---------------------------------------/
    통합검색
/---------------------------------------*/
.search-container .search-wrap {
    padding: 50px 0 53px;
    background: #5a5e77;
}
.search-container .search-wrap form {
    width: 800px;
    margin: 0 auto;
}
.search-container .search-wrap .search-box {
    position: relative;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff;
}
.search-container .search-wrap .search-box input {
    padding: 0 82px 0 0;
    background: transparent;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    color: #fff;
}
.search-container .search-wrap .search-box .btn-reset {
    top: 9px;
    right: 42px;
    width: 30px;
    height: 30px;
    background: url(/images/btn/btn_inp_reset02.png) 0 0 no-repeat;
}
.search-container .search-wrap .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 31px;
    height: 48px;
    background: url(/images/btn/btn_search02.png) center center no-repeat;
}

.search-section .search-result {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px; 
    text-align: center;
    word-break: break-all;
}
.search-section .search-result span {
    color: #eb008b;
}

.search-section .title-wrap {
    margin: 60px 0 30px;
    padding-bottom: 24px;
    text-align: left;
    border-bottom: 2px solid rgba(0,0,0,.5);
}
.search-section .title-wrap h2 .cnt {
    display: inline-block;
    margin-top: 4px;
    font-size: 18px;
    font-weight: 400;
    line-height: 42px;
    vertical-align: top;
}
.search-section .title-wrap h2 .cnt em {
    color: #eb008b;
}

@media(max-width: 760px) {
    .search-container .search-wrap {
        padding: 48px 16px;
    }
    .search-container .search-wrap form {
        width: 100%;
    }
    .search-container .search-wrap .search-box {
        padding-bottom: 13px;
    }
    .search-container .search-wrap .search-box input {
        height:29px;
        font-size: 20px;
        line-height: 29px;
    }
    .search-container .search-wrap .search-box .btn-reset {
        top: 0;
        right: 40px;
    }
    .search-container .search-wrap .search-btn {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .search-section .search-result {
        font-size: 18px;
        line-height: 26px;
    }
    .search-section .title-wrap {
        margin: 40px 0 20px;
        padding-bottom: 16px;
    }
    .search-section .title-wrap h2 .cnt {
        margin-top: 0;
        font-size: 14px;
        line-height: 26px;
    }
}

.search-cate-list li {
    margin-top: 20px;
}
.search-cate-list li:first-child {
    margin-top: 0;
}
.search-cate-list li .title {
    display: block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}
.search-cate-list li .link-info {
    margin-top: 10px;
}
.search-cate-list li .link-info span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
}
.search-cate-list li .link-info span:after {
    content: '>';
    display: inline-block;
    margin: 0 4px;
    font-size: 14px;
    line-height: 20px;
}
.search-cate-list li .link-info span:last-child:after {
    display: none;
}
@media(max-width: 760px) {
    .search-cate-list li {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .search-cate-list li .title {
        font-size: 14px;
        line-height: 20px;
    }
    .search-cate-list li .link-info {
        margin-top: 0;
    }
}

.search-svc-list {
    position: relative;
    margin: -12px;
}
.search-svc-list:after {
    content: '';
    clear: both;
    display: block;
}
.search-svc-list li {
    float: left;
    margin: 12px;
}
.search-svc-list li .img-box {
    overflow: hidden;
    position: relative;
    width: 330px;
    height: 210px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 10px;
}
.search-svc-list li .img-box img {
    width: 100%;
    height: 100%;
}
.search-svc-list li .info-box {
    width: 330px;
    padding: 20px 20px 0;
    box-sizing: border-box;
}
.search-svc-list li .info-box .title {
    overflow: hidden;
    display: block;
    font-size: 26px;
    font-weight: bold;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-svc-list li .info-box .tag {
    overflow: hidden;
    display: block;
    margin-top:5px;
    font-size: 16px;
    color: #636366;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-svc-list li .info-box .desc {
    overflow: hidden;
    display: block;
    margin-top:5px;
    font-size: 16px;
    color: #636366;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media(max-width: 760px) {
    .search-svc-list {
        margin: -10px 0;
    }
    .search-svc-list li {
        width: calc((100% - 18px) / 2);
        margin: 10px 0;
    }
    .search-svc-list li:nth-child(even){
        margin-left: 18px;
    }
    .search-svc-list li .img-box {
        width: auto;
        height: auto;
        padding-bottom: 62%;
    }
    .search-svc-list li .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .search-svc-list li .img-box .info-tag {
        bottom: 16px;
        font-size: 12px;
    }
    .search-svc-list li .info-box {
        width: 100%;
        padding: 10px 10px 0;
        text-align: center;
    }
    .search-svc-list li .info-box  .title {
        font-size: 16px;
        line-height: 23p;
    }
    .search-svc-list li .info-box .tag,
    .search-svc-list li .info-box .desc {
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
}

.search-exp-list li,
.search-faq-list li {
    margin-top: 30px;
}
.search-exp-list li:first-child,
.search-faq-list li:first-child {
    margin-top: 0;
}
.search-exp-list li a,
.search-faq-list li a {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-exp-list li .svc-flag,
.search-faq-list li .svc-flag {
    display: inline-block;
    min-width: 128px;
    height: 40px;
    margin-right: 23px;
    padding: 0 15px;
    background: #5a5e77;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    box-sizing: border-box;
}
@media(max-width: 760px) {
    .search-exp-list li,
    .search-faq-list li {
        margin-top: 10px;
    }
    .search-exp-list li a,
    .search-faq-list li a {
        font-size: 14px;
        line-height: 30px;
    }

    .search-exp-list li .svc-flag,
    .search-faq-list li .svc-flag {
        min-width: 146px;
        height: 30px;
        margin-right: 10px;
        font-size: 14px;
    }
}

.search-notice-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.search-notice-list li:first-child {
    margin-top: 0;
}
.search-notice-list li .title {
    overflow: hidden;
    display: inline-block;
    max-width: 80%;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-notice-list li .date {
    display: inline-block;
    font-size: 14px;
    color: #636366;
    line-height: 20px;
}
@media(max-width: 760px) {
    .search-notice-list li {
        flex-wrap: nowrap;
    }
    .search-notice-list li .title {
        max-width: none;
        margin-right: 8px;
        font-size: 14px;
        line-height: 20px;
    }
    .search-notice-list li .date {
        white-space: nowrap;
    }
}

.search-event-list li {
    margin-top: 20px;
}
.search-event-list li:first-child {
    margin-top: 0;
}
.search-event-list a {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-event-list .event-flag {
    display: inline-block;
    min-width: 128px;
    height: 40px;
    margin-right: 23px;
    padding: 0 15px;
    background: #5a5e77;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    box-sizing: border-box;
}
.search-event-list .event-flag.end {
    background: #d1d1d7;
}
@media(max-width: 760px) {
    .search-event-list li {
        margin-top: 10px;
    }
    .search-event-list a {
        font-size: 14px;
        line-height:30px;
    }
    .search-event-list .event-flag {
        min-width: 69px;
        height: 30px;
        margin-right: 10px;
    }
}

.search-no-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.search-no-data .cs-box {
    position: relative;
    display: table;
    width: calc((100%/2) - 12px);
    height: 161px;
    padding: 30px 260px 30px 163px;
    border: 1px solid #d1d1d7;
    border-radius: 14px;
    box-sizing: border-box;
    background-position: left 30px center;
    background-repeat: no-repeat;
}
.search-no-data .cs-box.consult {
    background-image: url(/images/icon/ic_consult.png);
}
.search-no-data .cs-box.customer {
    background-image: url(/images/icon/ic_customer_cent.png);
}
.search-no-data .cs-box .cont {
    display: table-cell;
    vertical-align: middle;
}
.search-no-data .cs-box .title,
.search-no-data .cs-box .tel {
    font-size: 24px;
    font-weight: bold;
    line-height:35px;
}
.search-no-data .cs-box .desc {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    line-height: 23px;
    color: #636366;
    word-break: keep-all;
}
.search-no-data .cs-box .btn {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 150px;
}

@media(max-width: 760px) {
    .search-no-data .cs-box {
        width: 100%;
        height: 131px;
        padding: 16px 16px 16px 135px;
        background-position: left 16px center;
    }
    .search-no-data .cs-box + .cs-box  {
        margin-top: 10px;
    }
    .search-no-data .cs-box.consult {
        padding-bottom:66px;
    }
    .search-no-data .cs-box .title,
    .search-no-data .cs-box .tel {
        font-size: 18px;
        line-height: 26px;
    }
    .search-no-data .cs-box .desc {
        font-size: 14px;
        line-height: 20px;
    }
    .search-no-data .cs-box.consult .btn {
        top: auto;
        bottom: 16px;
        left: 135px;
        right: auto;
        transform: none;
    }
}

/*---------------------------------------/
	margin, padding, color, align, clear, etc...
/---------------------------------------*/
/* margin */
.mgT0 {margin-top:0px !important;}
.mgT8 {margin-top:8px !important;}
.mgT10 {margin-top:10px !important;}
.mgT12 {margin-top:12px !important;}
.mgT20 {margin-top:20px !important;}
.mgT24 {margin-top:24px !important;}
.mgT30 {margin-top:30px !important;}
.mgT35 {margin-top:35px !important;}
.mgT40 {margin-top:40px !important;}
.mgT60 {margin-top:60px !important;}

.mgB0 {margin-bottom:0px !important;}
.mgB8 {margin-bottom:8px !important;}

/* padding */
.pd0 {padding: 0 !important}
.pdT0 {padding-top:0 !important;}
.pdB0 {padding-bottom:0 !important;}

/* color */
.colorBlack {color:#1a1d1d !important;}
.colorPink {color:#eb008b !important;}
.colorPink2 {color:#e2007e !important;}
.colorRed {color:#dc354a !important;}
.colorRed2 {color:#ee2c2c !important;}
.colorGray {color:#636366 !important;}

.fnormal {font-weight: normal !important;}
.fbold {font-weight: bold !important;}

/* align */
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.alignL {text-align:left !important;}

.floatN {float: none !important;}
.floatL {float: left !important;}
.floatR {float: right !important;}

.clearFix:after {
    content: '';
    clear: both;
    display: block;
}
.clearFlex {
    display: block !important;
}

/* border */
.border-top {
    padding-top: 40px;
    border-top: 1px solid #d1d1d7 !important;
}

/* width */
.width-full {width: 100% !important;}

sup {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-top: -6px;
    line-height: 1;
    text-indent: 0;
}
@media(max-width: 760px) {
    sup {
        top: -0.35em;
        margin: 0;
        vertical-align: baseline;
    }
}

/*---------------------------------------/
	button
/---------------------------------------*/
.btn {
	display:inline-block;
	height: 32px;
	padding:0 12px;
	color: #1a1d1d;
    font-size:14px;
    line-height: 30px;
    text-align:center;
    background-color:#fff;
    border: 1px solid #aeaeb2;
    box-sizing:border-box;
    cursor: pointer;
}

.btn-gray {background-color:#f2f3f4; border-color: #f2f3f4;}
.btn-darkgray {background-color:#5a5e77; color: #fff; border-color: #5a5e77;}
.btn-darkgray2 {background-color:#5a5e77; color: #fff; border-color: #5a5e77;opacity: 0.7;}
.btn-pink {background-color:#eb008b; color: #fff; border-color: #eb008b;}
.btn-black {background-color:#1a1d1d; color: #fff; border-color: #fff;}

.btn-lineblk {border-color: #1a1d1d;}

.btn-sm {height:28px; line-height:26px;}
.btn-md {height:40px; font-size:16px; line-height:38px;}
.btn-lg {height:48px; font-size:18px; line-height:46px;}

@media(max-width: 760px) {
    .btn-lg {height:40px; font-size:14px; line-height:38px;}
}

.btn.btn-round {
	border-radius: 24px !important;
}
.btn.btn-round2 {
	border-radius: 4px !important;
}

.btn:hover {font-weight:700; color: #eb008b; border-color: #eb008b;}

.btn-gray:hover {border-color: #f2f3f4; color: #3a3a3d;}
.btn-darkgray:hover,
.btn-darkgray2:hover {border-color: #5a5e77; color: #fff;}
.btn-pink:hover {border-color: #eb008b; color: #fff;}
.btn-black:hover {border-color: #fff; color: #fff;}

/*.btn:active {background: #f2f3f4; color: #3a3a3d;}

.btn-gray:active {background-color:#f2f3f4; color: #3a3a3d;}
.btn-darkgray:active {background-color:#5a5e77; color: #fff;}
.btn-pink:active {background-color:#eb008b; color: #fff;}
.btn-black:active {background-color:#1a1d1d; color: #fff;}
*/
.btn.disabled,
.btn.disabled:hover,
.btn:disabled,
.btn:disabled:hover {color:#9a9a9a; font-weight:normal; opacity: 0.7; cursor: default;}

.btn-darkgray.disabled,
.btn-darkgray.disabled:hover,
.btn-darkgray:disabled,
.btn-darkgray:disabled:hover {color: #d1d1d7; font-weight:normal;}

.btn-pink.disabled,
.btn-pink.disabled:hover,
.btn-pink:disabled,
.btn-pink:disabled:hover {color:#fff; font-weight:normal;}

.btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
    margin-top: 40px;
}
.btn-wrap .btn {
    min-width: 212px;
}
.btn-wrap .btn-alone {
    width: 448px;
}
.btn-wrap .btn-full,
.btn-cont .btn-full {
    width: 100%;
}
.btn-wrap .btn-half {
    width:calc((100%/2) - 12px);
}
.btn-wrap .btn + .btn {
	margin-left: 24px;
}

@media(max-width: 760px) {
    .btn-wrap {
        margin-top: 30px;
    }
    .btn-wrap .btn {
        min-width: calc((100%/2) - 4px);
    }
    .btn-wrap .btn-alone {
        width: 100%
    }
    .btn-wrap.border-top {
        padding-top: 0 !important;
        border-top: 0 !important;
    }
    .btn-wrap .btn + .btn {
        margin-left:8px;
    }
}
.btn .ic {
    position: relative;
    padding-left: 32px;
}
.btn .ic:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
}
.ic.icon01:before {
    background: url(/images/btn/btn_shoppingcart.png) no-repeat 0 0;
    background-size: 24px 24px;
}
.ic.icon02:before {
    background: url(/images/btn/btn_assignment.png) no-repeat 0 0;
    background-size: 24px 24px;
}
.ic.icon03:before {
    background: url(/images/btn/btn_calculate.png) no-repeat 0 0;
    background-size: 24px 24px;
}
.ic.icon04:before {
    background: url(/images/btn/btn_touch.png) no-repeat 0 0;
    background-size: 24px 24px;
}
.ic.icon05:before {
    background: url(/images/btn/btn_estimate.png) no-repeat 0 0;
    background-size: 24px 24px;
}
.ic.icon06:before {
    background: url(/images/btn/btn_inquiry.png) no-repeat 0 0;
    background-size: 24px 24px;
}
.ic.icon07:before {
    background: url(/images/btn/btn_down.png) no-repeat 0 0;
    background-size: 24px 24px;
}
.ic.icon08:before {
    background: url(/images/btn/btn_email.png) no-repeat 0 0;
    background-size: 24px 24px;
}
.ic.icon09:before {
    background: url(/images/btn/btn_inquiry2.png) no-repeat 0 0;
    background-size: 24px 24px;
}

.text-link {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    padding-right: 10px;
    color: #1a1d1a;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}
.text-link:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1px solid #1a1d1a;
    border-top: 1px solid #1a1d1a;
    transform: translateY(-50%) rotate(45deg);
}
.text-link:hover {
    color: #eb008b;
}
.text-link:hover:before {
    border-color: #eb008b;
}
.text-link:active {
    color:#aeaeb2;
}
.text-link:active:before {
    border-color: #aeaeb2;
}
@media(max-width: 760px) {
    .text-link {
        font-size: 13px;
        line-height: 20px;  
    }
}
/*---------------------------------------/
	flag
/---------------------------------------*/
.flag {
    display: inline-block;
    height: 48px;
    padding: 0 20px;
    color: #fff;
    font-size: 15px;
    line-height: 48px;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
}
.flag.small {
    height: 22px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 22px;
}
.flag.type01 {background-color: #eb008b;} /*핑크*/
.flag.type02 {background-color:#105cf2;}  
.flag.type03 {background-color:#7c37d5;}  /*보라*/
.flag.type04 {background-color: #1a1d1d;} /*블랙*/
.flag.type05 {background-color: #f03b79;} /*레드핑크*/
.flag.type06 {background-color:#5a5e77;}  /*다크그레이*/
.flag.type07 {background-color:#636366;}  /*다크그레이2*/
.flag.line08 {background-color:transparent; color:#1a1d1d; border:1px solid #aeaeb2;}

.flag-sm {height: 30px;padding: 0 12px;font-size: 13px;line-height: 28px;}
.flag-md {height: 36px;font-size: 14px;line-height: 34px;}

@media(max-width: 760px) {
    .flag {
        height: 40px;
        padding: 0 13px;
        font-size: 14px;
        line-height: 40px;
    }
    .flag.small {
        height: 20px;
        padding: 0 4px;
        font-size: 11px;
        line-height: 20px;
    }
}

/*---------------------------------------/
    별점
/---------------------------------------*/
.rating_star {
    display:inline-block;
    width:80px;
    height:16px;
    background:url(/images/icon/ic_star.png) 0 0px no-repeat;
    cursor: pointer;
}
.rating_star span {
    display:block;
    height:100%;
    background:url(/images/icon/ic_star.png) 0 -16px no-repeat;
}
/*.rating_star:hover {
    background:url(/images/icon/ic_star_hover.png) 0 0px no-repeat;
}
.rating_star:hover span {
    background:url(/images/icon/ic_star_hover.png) 0 -16px no-repeat;
}*/

.rating_star2 {
    display:inline-block;
    width: 136px;
    height: 24px;
    background:url(/images/icon/ic_star2.png) 0 0px no-repeat;
}
.rating_star2 span {
    display:block;
    height:100%;
    background:url(/images/icon/ic_star2.png) 0 -24px no-repeat;
}

.rating_star3 {
    display:inline-block;
    width: 120px;
    height: 24px;
    background:url(/images/icon/ic_star3.png) 0 0px no-repeat;
}
.rating_star3 span {
    display:block;
    height:100%;
    background:url(/images/icon/ic_star3.png) 0 -24px no-repeat;
}
@media(max-width: 760px) {
    .rating_star2 {
        width: 100px;
        height: 20px;
        background:url(/images/icon/ic_star2_m.png) 0 0px no-repeat;
        background-size: 100px 40px;
    }
    .rating_star2 span {
        display:block;
        height:100%;
        background:url(/images/icon/ic_star2_m.png) 0 -20px no-repeat;
        background-size: 100px 40px;
    }
}

/*---------------------------------------/
	input
/---------------------------------------*/
/* input / textarea
    .inp-box
*/
input[type="text"],
input[type="password"] {
	width: 100%;
	height: 48px;
	padding:0 16px;
	border-radius: 4px;
	background-color: #fafafa;
	color: #1a1d1d;
	font-size: 18px;
	line-height: 48px;
    box-sizing: border-box;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder {
    color: #aeaeb2;
}
input[type="text"]:disabled {
    background: #eee;
}
input[type="text"]:focus,
input[type="password"]:focus {
    outline: 1px solid #eb008b;
    border: 1px solid #eb008b;
}
input[type="text"]:read-only:focus {
    outline:none;
}
.inp-box {
    position: relative;
    display: inline-block;
}
@media(max-width: 760px) {
    input[type="text"],
    input[type="password"] {
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 40px;
    }

    .inp-box .ui-datepicker-trigger {
        top:4px;
        right: 0;
    }
}
/* .inp-box input[type="text"] {
    background: #fff;
    border: 1px solid #aeaeb2;
}
.inp-box input[type="text"]:disabled {
    background: #eee;
}
.inp-box input[type="text"]:focus {
    outline: 1px solid #eb008b;
    border: 1px solid #eb008b;
} */
.inp-box .ui-datepicker-trigger {
    position: absolute;
    top: 8px;
    right: 16px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.btn-reset {
    display: none;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url(/images/btn/btn_inp_reset.png) 0 0 no-repeat;
}
.btn-reset:focus {
    outline: 1px solid #eb008b;
}

.textarea {
    position: relative;
    width:100%;
    height:150px;
}
.textarea.h-lg {
    height: 150px;
}
.textarea textarea {
    width:100%;
    height:100%;
    padding: 10px;
    font-size: 18px;
    line-height: 26px;
    border:1px solid #aeaeb2;
    border-radius: 4px;
    box-sizing: border-box;
    resize:none;
}
.textarea textarea::placeholder {
    font-size: 18px;
    color: #aeaeb2;
    line-height: 26px;
}
.textarea textarea:focus {
    outline: 1px solid #eb008b;
    border:1px solid #eb008b;
}
.textarea .byte {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    line-height: 24px;
}
@media(max-width: 760px) {
    .btn-reset {
        top: 8px;
        right: 10px;
    }

    .textarea.h-lg {
        height: 90px;
    }
    .textarea textarea {
        font-size: 15px;
        line-height: 22px;
    }
    .textarea textarea::placeholder {
        font-size: 15px;
        line-height: 22px;
    }
}

/* 라디오 박스 */
.radio-wrap {}
.radio-box {
    position: relative;
    display: inline-block;
    margin-left:20px;
}
.radio-box:first-child {
    margin-left:0;
}
.radio-box input[type=radio] {
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    opacity: 0;
}
.radio-box label {
    overflow: hidden;
    position: relative;
    display: block;
    min-height: 40px;
    padding-left:40px;
    font-size:16px;
    line-height: 40px;
    cursor: pointer;
}
.radio-box:hover label {
    color: #eb008b;
}
/* .radio-box input[type=radio]:focus + label {
    color: #eb008b;
} */
.radio-box label:before {
    content: '';
    position:absolute;
    top:8px;
    left:8px;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#fff;
    border:2px solid #1a1d1d;
    box-sizing: border-box;
}
.radio-box label:after {
    content: '';
    position:absolute;
    top:8px;
    left:8px;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#eb008b;
    border:1px solid #ddd;
    box-sizing: border-box;
    opacity: 0;
    transition:all .3s;
}
.radio-box input[type=radio]:checked + label {
    color:#eb008b;
}
.radio-box input[type=radio]:checked + label:before {
    border-color: #eb008b;
    transition:all .3s;
}
.radio-box input[type=radio]:checked + label:after {
    opacity: 1;
    transform: scale(0.5);
    transition:all .3s;
}
.radio-box input[type=radio]:disabled + label {
    cursor: default;
    
}
.radio-box input[type=radio]:disabled + label:before {
    opacity: 0.15;
}
.radio-box input[type=radio]:checked:disabled + label:before {
    opacity:1;
}
.radio-box input[type=radio]:checked:disabled + label:after {
    background-color:#eb008b;
}

.radio-wrap.alignVer .radio-box {
    display: block;
    margin: 20px 0 0;
}
.radio-wrap.alignVer .radio-box:first-child {
    margin: 0;
}

.radio-btn-wrap {
    margin:-5px -3px;
}
.radio-btn-wrap .radio-btn {
    position: relative;
    display: inline-block;
    margin:5px 3px;
}
.radio-btn-wrap .radio-btn:first-child {
    margin-left:0;
}
.radio-btn-wrap .radio-btn input[type=radio] {
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    opacity: 0;
}
.radio-btn-wrap .radio-btn label {
    display: block;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    color: #636366;
    line-height: 38px;
    border: 1px solid #aeaeb2;
    border-radius: 24px;
    box-sizing: border-box;
    cursor: pointer;
}
.radio-btn-wrap .radio-btn:hover label {
    color: #eb008b;
    border-color: #eb008b;
}
.radio-btn-wrap .radio-btn input[type=radio]:checked + label {
    background: #eb008b;
    color: #fff;
    border:1px solid #eb008b;
}
@media(max-width: 760px) {
    .radio-btn-wrap {
        margin:-5px -4px;
    }
    .radio-btn-wrap .radio-btn {
        margin: 5px 4px;
    }
    .radio-btn-wrap .radio-btn:first-child {
        margin-left: 4px;
    }
    .radio-btn-wrap .radio-btn label {
        height: 32px;
        padding: 0 12px;
        font-size: 14px;
        line-height: 30px;
    }
    .radio-wrap.alignVer .radio-box {
        margin: 0;
    }
}

/* .radio-select-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.radio-select-wrap .radio-select {
    position: relative;
    display: inline-block;
}
.radio-select-wrap .radio-select input[type=radio] {
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    opacity: 0;
}
.radio-select-wrap .radio-select label {
    display: block;
    width: 180px;
    height: 40px;
    padding: 0 15px;
    margin-left: -1px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.3);
    font-size: 16px;
    color: #636366;
    line-height: 38px;
    cursor: pointer;
    text-align: center;
}
.radio-select-wrap .radio-select:first-child label {
    margin-left:0;
    border-radius: 4px 0 0 4px;
}
.radio-select-wrap .radio-select:last-child label {
    border-radius: 0 4px 4px 0;
}
.radio-select-wrap .radio-select input[type=radio]:checked + label {
    background: #f2f3f4;
} */

@media(max-width: 760px) {
    .radio-box {
        position: relative;
        display: inline-block;
        margin: 4px 20px 4px 0;
    }
    .radio-box:last-child {
        margin-right:0;
    }
    .radio-box label {
        min-height: 32px;
        padding-left: 32px;
        font-size: 15px;
        line-height: 32px;
    }
    .radio-box label:before {
        top: 6px;
        left: 6px;
        width: 20px;
        height: 20px;
    }
    .radio-box label:after {
        top: 6px;
        left: 6px;
        width: 20px;
        height: 20px;
    }
    .radio-wrap.rows-wrap .radio-box{
        display: block;
        margin: 0;
    }
}

/* 체크 박스 */
.check-wrap {}
.check-wrap.mgt-ms {
    margin-top: 24px;
}
.check-box {
    position: relative;
    display: inline-block;
    margin-left:20px;
}
.check-box:first-child {
    margin-left:0;
}
.check-box input[type=checkbox] {
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    opacity: 0;
}
.check-box label {
    position: relative;
    display: block;
    min-height: 40px;
	padding-left: 40px;
	font-size:16px;
    line-height: 40px;
	cursor: pointer;
}
.check-box:hover label {
    color: #eb008b;
}
/* .check-box input[type=checkbox]:focus + label {
    color: #eb008b;
} */
.check-box label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url(/images/btn/btn_check.png) no-repeat 0 0;
}
/*.check-box label:after {
    content: '';
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    border-radius:50%;
    background: rgba(174, 174, 178, 0.3);
    transform: scale(0);
    transition:all .3s;
}*/
.check-box input[type=checkbox]:checked + label {color:#eb008b}
.check-box input[type=checkbox]:checked + label:before {
    background-position: 0 -40px;
}
.check-box input[type=checkbox]:disabled + label:before {
    background-position: 0 0;
    opacity: 0.7;
}
.check-box input[type=checkbox]:disabled + label {
    cursor: default;
}
.check-box input[type=checkbox]:checked:disabled + label:before {
    background-position: 0 -40px;
}

.check-box.size-s label {
    min-height: 32px;
    padding-left: 30px;
    font-size:13px;
    line-height: 32px;
}
.check-box.size-s label:before {
    width: 32px;
    height: 32px;
    background: url(/images/btn/btn_check.png) no-repeat 0 0;
    background-size: 32px 64px;
}
/*.check-box.size-s label:after {
    width:32px;
    height:32px;
}*/
.check-box.size-s input[type=checkbox]:checked + label:before {
    background-position: 0 -32px;
}
.check-box.size-s input[type=checkbox]:disabled + label:before {
    background-position: 0 0;
    opacity: 0.7;
}
.check-box.size-s input[type=checkbox]:checked:disabled + label:before {
    background-position: 0 -32px;
}

.check-box.square-check label {
    position: relative;
    display: block;
    min-height: 24px;
	padding-left: 34px;
	font-size: 16px;
    line-height: 24px;
	cursor: pointer;
}
.check-box.square-check label:before {
    content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
    border: 1px solid #1a1d1d;
    background: none;
}
.check-box.square-check label:after  {
    content: '';
    position:absolute;
    top: 6px;
    left: 4px;
    width: 16px;
    height: 8px;
    border-radius: 0;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    background: none;
    transform: rotate(-42deg);
}
.check-box.square-check > input:checked ~ label:after  {
    border-color:#eb008b !important;
}
.check-box.square-check input[type=checkbox]:checked:disabled + label:before {
    opacity: 0.15;
    border-color: #ddd;
}

.option-check {
    padding-left: 40px;
}
.option-check .check-box label:before {
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    background:rgba(26, 29, 29, 0.15) url(/images/icon/ic_check03.png) center center no-repeat;
    background-size: 14px 10px;
    border-radius: 50%;
    box-sizing: border-box;
}
.option-check .check-box input[type=checkbox]:checked + label:before {
    background: url(/images/icon/ic_check02.png) center center no-repeat;
    border:2px solid #eb008b;
    box-sizing: border-box;
}

@media(max-width: 760px) {
    .check-wrap.mgt-ms {
        margin-top: 16px;
    }
    .check-box label {
        min-height: 32px;
        padding: 6px 0 6px 32px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 20px;
    }
    .check-box label:before {
        width: 32px;
        height: 32px;
        background-size: 32px auto;
    }
    .check-box input[type=checkbox]:checked + label:before {
        background-position: 0 -32px;
    }
    .check-box input[type=checkbox]:checked:disabled + label:before {
        background-position: 0 -32px;
    }
    .check-box.size-s label {
        min-height: 20px;
        padding-left: 36px;
        line-height: 20px;
    }
    .check-wrap.rows-wrap .check-box{
        display: block;
        margin: 0;
    }
    .option-check {
        padding-left: 32px;
    }
    .option-check .check-box label:before {
        top: 6px;
        left: 6px;
        width: 20px;
        height: 20px;
        background-size: 10px auto;
    }
    .option-check .check-box input[type=checkbox]:checked + label:before {
        background-size: 10px auto;
    }
}

.check-btn-wrap {
    margin:-5px -3px;
}
.check-btn-wrap .check-btn {
    position: relative;
    display: inline-block;
    margin:5px 3px;
}
.check-btn-wrap .check-btn:first-child {
    margin-left:0;
}
.check-btn-wrap .check-btn input[type=checkbox] {
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    opacity: 0;
}
.check-btn-wrap .check-btn label {
    display: block;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    color: #636366;
    line-height: 38px;
    border: 1px solid #aeaeb2;
    border-radius: 24px;
    box-sizing: border-box;
    cursor: pointer;
}
.check-btn-wrap .check-btn:hover label {
    color: #eb008b;
    border-color: #eb008b;
}
.check-btn-wrap .check-btn input[type=checkbox]:checked + label {
    background: #eb008b;
    color: #fff;
    border:1px solid #eb008b;
}
@media(max-width: 760px) {
    .check-btn-wrap {
        margin:-5px -4px;
    }
    .check-btn-wrap .check-btn {
        margin: 5px 4px;
    }
    .check-btn-wrap .check-btn:first-child {
        margin-left: 4px;
    }
    .check-btn-wrap .check-btn label {
        height: 32px;
        padding: 0 12px;
        font-size: 14px;
        line-height: 30px;
    }
    .check-wrap.alignVer .check-box {
        margin: 0;
    }
}

.toggle-group .toggle-cont {
    display: none;
    margin-top: 12px;
}

/*---------------------------------------/
    select
/---------------------------------------*/
.select-box {
    position: relative;
    display: inline-block;
    flex: 1;
    min-width: 120px;
    height: 48px;
}
.select-box .select2,
.select-box .selection {
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.select2-container--focus {
    outline:1px solid #eb008b;
    border-radius: 4px;
}
.select2-container--focus.select2-container--open {
    outline: 0;
}
.select2-container--default .select2-selection--single {
    height: 48px;
    padding:0 48px 0 16px;
    border: 1px solid #aeaeb2;
    border-radius: 4px;
}
.select-box.bg-gray .select2-container--default .select2-selection--single {
    background-color: #fafafa;
    border-color: #fafafa;
}
.select-box.bg-gray .select2-container--disabled .select2-selection--single {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}
.select-box.bg-pink .select2-container--default .select2-selection--single {
    background-color: #eb008b;
    border-color: #eb008b;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-size: 18px;
    color: #1a1d1d;
    line-height: 48px;
}
.select-box.bg-pink .select2-container--default .select2-selection--single .select2-selection__rendered  {
    color: #fff;
}
.select-box.email .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 16px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    background: url(/images/btn/btn_bk_down.png) 0 0 no-repeat;
    border: 0;
}
.select-box.bg-pink .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(/images/btn/btn_wh_down.png) 0 0 no-repeat;
    background-size: 24px 24px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-dropdown {
    border-color:#eb008b;
    outline: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 40px;
    padding: 0 15px;
    font-size: 18px;
}
.select2-results__option {
    padding: 0 10px;
    font-size: 16px;
    line-height: 48px;
}
.select2-size--small .select2-results__option {
    padding: 0 4px 0 8px;
    font-size: 12px;
    line-height:30px;
}
.select2-container--default .select2-results>.select2-results__options {
    overflow-x: hidden;
}
/*.select-box .select {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.select-box .select-btn {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    padding:0 56px 0 20px;
    background-color: #fff;
    border: 1px solid #aeaeb2;
    border-radius: 4px;
}
.select-box .select-btn.bg {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.05);
}
.select-box .select-btn:disabled {
    background:#e7e5dc;
    color:#6a747d;
    cursor:unset;
}
.select-box.active .select-btn,
.select-box .select-btn:focus {
    border: 1px solid #eb008b;
    outline: 1px solid #eb008b;
}
.select-box .select-btn:after {
    content: '';
    position: absolute;
    top:50%;
    right: 16px;
    width: 6px;
    height: 6px;
    border-left: 2px solid #1a1d1d;
    border-bottom: 2px solid #1a1d1d;
    transform: translateY(-50%) rotate(-45deg);
}
.select-box.on .select-btn:after {
    transform: translateY(-50%) rotate(135deg);
}
.select-box .select-layer {
    display: none;
    overflow: auto;
    position: absolute;
    top:49px;
    left: 0;
    z-index: 1;
    width: 100%;
    max-height: 150px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow:0px 3px 48px rgba(52, 56, 65, 0.1), inset 0px 66px 110px rgba(255, 255, 255, 0.08), inset 0px 28px 31px rgba(255, 255, 255, 0.14);
    border-radius: 4px;
}
.select-box .select-layer .option {
    display: block;
    width: 100%;
    padding:6px 10px;
    font-size:16px;
    line-height: 24px;
    text-align: left;
}
.select-box .select-layer .option.on,
.select-box .select-layer .option:hover,
.select-box .select-layer .option:focus {
    background: rgba(222, 222, 222, 0.4);
    outline:none;
}*/

@media(max-width: 760px) {
    .select-box {
        height: 40px;
    }
    .select-box .select2,
    .select-box .selection {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }
    .select2-container--default .select2-selection--single {
        height: 40px;
        padding:0 33px 0 10px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        line-height: 40px;
    }
    .select-box.email .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 5px;
    }
    .select2-container--default .select2-search--dropdown .select2-search__field {
        height: 40px;
        font-size: 14px;
    }
    .select2-results__option {
        font-size: 14px;
        line-height: 40px;
    }
}

/*---------------------------------------/
	title
/---------------------------------------*/
.title-wrap {
	position: relative;
    text-align: center;
}
.title-wrap.mgt-ms {
    margin-top: 40px;
}
.title-wrap.mgt-lg {
    margin-top: 60px;
}
.title-wrap h2 {
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 46px;
}
.title-wrap h3 {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
}
.title-wrap h4 {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	line-height: 29px;
}
.title-wrap .text {
	margin-top: 24px;
	color: #1a1d1d;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
    word-break: keep-all;
}
.title-wrap .btn-more {
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    padding-right: 20px;
    font-size: 18px;
    color: #636366;
    line-height: 26px;
}
.title-wrap .btn-more:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid #636366;
    border-top: 2px solid #636366;
    transform: translateY(-50%) rotate(45deg);
}
.title-wrap .btn-more:hover {
    color: #eb008b;
}
.title-wrap .btn-more:hover:after {
    border-color: #eb008b;
}

.title-wrap.type02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.title-wrap.type02 .btn + .btn {
    margin-left: 6px;
}
.title-wrap + .list-text {
    margin-top: 24px;
}
@media(max-width: 760px) {
    .title-wrap.mgt-ms {
        margin-top: 30px;
    }
    .title-wrap.mgt-lg {
        margin-top: 40px;
    }
    .title-wrap h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .title-wrap h3 {
        font-size: 18px;
        line-height: 26px;
        text-align: left;
    }

    .title-wrap .text {
        margin-top: 20px;
        font-size: 14px;
        line-height: 20px;
    }
    .title-wrap .text br {
        display: none;
    }

    .title-wrap .btn-more {
        top: 0;
        padding-right: 13px;
        font-size: 14px;
    }
    .title-wrap .btn-more:after {
        width: 6px;
        height: 6px;
    }
}
/*---------------------------------------/
	text list, area
/---------------------------------------*/
.text-area {
    position: relative;
    text-align: center;
}
.text-area.confirm {
    margin-top: 24px;
    padding: 30px 0;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #d1d1d7;
}
.text-area .text {
    color: #1a1d1d;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: -1px;
}
.text-area .txt {
    color: #1a1d1d;
    font-size: 16px;
    line-height: 23px;
}
/* text */
.text-desc {
    position:relative;
    margin-top: 10px;
    font-size:16px;
    line-height:24px;
    color:#636366;
    letter-spacing: -0.5px;
    word-break: break-all;
}
.text-desc:before {
    content:'';
    position:absolute;
    left:0;
}

.text-desc.attention,
.text-desc.asterisk,
.text-desc.bullet {
    padding-left:18px;
}
.text-desc.attention:before {
    content:'※';
    position:absolute;
    top:0;
}
.text-desc.asterisk:before {
    content:'*';
    position:absolute;
    top:0;
}
.text-desc.bullet:before {
    top:10px;
    width:4px;
    height:4px;
    background-color:#636366;
    border-radius: 50%;
}
.text-desc.dash {
    padding-left:13px;
}
.text-desc.dash:before {
    content:'-';
    top:0;
    line-height:23px;
}

.text-desc.fontBold,
.text-desc.fontBold:before {
    font-weight:bold;
}
.text-desc.sm {
	font-size: 12px;
	line-height: 17px;
}
.text-desc.bullet.sm:before {
    top:8px;
    left: 7px;
    background-color:#636366;
    border-radius: 50%;
}
.text-desc.bullet.sm:before {
    top:7px;
    width:3px;
    height:3px;
    background-color:#636366;
    border-radius: 50%;
}
.text-desc + .check-wrap {
    margin-top: 10px;
}

.hidden-text {
    display: none;
    position: relative;
    margin-top: 12px;
    padding-left:18px;
    color: #ef3484;
    font-size: 16px;
    line-height: 23px;
}
.hidden-text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ef3484;
}
@media(max-width: 760px) {
    .text-desc + .check-wrap {
        margin-top: 20px;
    }
    .text-area.confirm {
        margin-top: 16px;
        padding: 20px 0;
    }
}


/* list text */
.list-text.bullet,
.list-text.attention {
    margin-top: 12px;
}
.list-text > li {
    position:relative;
    padding-left:26px;
    font-size:16px;
    line-height:24px;
    color:#1a1d1d;
    letter-spacing:-0.5px;
    word-break: break-all;
}
.list-text.interval > li {
    margin-top: 10px;
}
.list-text.interval > li:first-child {
    margin-top: 0;
}
.list-text > li:before {
    content:'';
    position:absolute;
    left:0;
}
.list-text.colorGray,
.list-text.colorPink > li {color:inherit;}

.list-text.attention > li:before {
    content:'※';
    top:0;
    left: 4px;
}
.list-text.asterisk > li:before {
    content:'*';
    top:4px;
    left: 8px;
    height: 18px;
}
.list-text.bullet > li:before {
    top:10px;
    left: 10px;
    width:4px;
    height:4px;
    border-radius: 50%;
    background-color:#1a1d1d;
}
.list-text.bullet.bul-red > li:before {
    background-color: #ec3323;
}
.list-text.dash > li:before {
    content:'-';
    top:0;
    left: 8px;
    line-height:24px;
}
.list-text.number > li .num{
    display:inline-block;
     text-indent:-18px;
}

.list-text.fontBold > li,
.list-text.fontBold > li:before {
    font-weight:bold;
}
.list-text.sm > li {
    padding-left:17px;
    font-size: 12px;
    line-height: 17px;
}
.list-text.sm > li:before {
    font-weight:bold;
}
.list-text.attention.sm > li:before {
    content:'※';
    top:0;
    left: 2px;
}
.list-text.asterisk.sm > li:before {
    content:'*';
    top:2px;
    left: 5px;
    height: 12px;
}
.list-text.bullet.sm > li:before {
    top:7px;
    left:7px;
    width:3px;
    height:3px;
    border-radius: 50%;
    background-color:#1a1d1d;
}
.list-text.dash.sm > li:before {
    content:'-';
    top:0;
    left: 6px;
    line-height:17px;
}
.list-text.number.sm > li .num{
    display:inline-block;
     text-indent:-13px;
}
.list-text > li .link-a {
    color: #3b81ff;
    text-decoration: underline;
}
@media(max-width: 760px) {
    /*---------------------------------------/
	    text list, area 모바일
    /---------------------------------------*/
    .text-area .text {
        font-size: 15px;
        line-height: 22px;
    }

    /* text */
    .text-desc {
        font-size: 13px;
        line-height: 19px;
    }
    .text-desc.attention,
    .text-desc.asterisk,
    .text-desc.bullet {
        padding-left:14px;
    }
    .text-desc.bullet:before {
        top:7px;
    }
    .hidden-text {
        padding-left:16px;
        font-size: 13px;
        line-height: 19px;
    }
    .hidden-text:before {
        top: 7px;
    }

    /* list text */
    .list-text > li {
        margin-top: 4px;
        padding-left:14px;
        font-size: 13px;
        line-height: 20px;
    }
    .list-text > li:first-child {
        margin-top: 0;
    }
    .list-text.bullet > li:before {
        top: 7px;
        left: 0;
    }
    .list-text.interval > li {
        margin-top: 4px;
    }
}

/*---------------------------------------/
    table
/---------------------------------------*/
.tbl-form {
    margin-top: 24px;
}
.tbl-form.type02 {
    margin-top: 40px;
}
.tbl-form.type03 {
    margin-top: 60px;
}
.tbl-form table {
	width: 100%;
	border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.tbl-form table th,
.tbl-form table td {
    height: 60px;
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
	color: #1a1d1d;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
    box-sizing: border-box;
}
.tbl-form table th {
	background-color: #f2f3f4;
	text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
}
.tbl-form table td {
	background-color: #fff;
	font-weight: normal;
	text-align: left;
}
.tbl-form table th .essential {
    color: #eb008b
}
.tbl-form table th.line,
.tbl-form table td.line {
    border-left:1px solid #ccc !important;
}
.tbl-form table tfoot td {
	padding: 16px 60px;
	background-color: #f2f3f4;
}
.tbl-form table td .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8px;
}
.tbl-form table td .inp-box input[type="text"]:not(.date),
.tbl-form table td .textarea textarea {
    background: #fafafa;
    border: 0;
}
.tbl-form table td .inp-box .date,
.tbl-form table td .select-box .select-btn {
    background: rgba(0, 0, 0, 0.05);
    border: 0;
}
.tbl-form table td .attach {
    display: inline-block;
    margin: 0 2px;
    line-height: 48px;
}
.tbl-form table td .radio-wrap.alignVer .radio-box .price {
    display: inline-block;
    margin-left: 68px;
}
.tbl-form table td .cert-wrap .cert-area input {
    width: calc(100% - 124px);
}
.tbl-form table td .cert-wrap .cert-area .btn {
   width: 116px;
   margin-left: 8px;
}
.tbl-form + .btn-area {
    margin-top: 20px;
    text-align: right;
}
.tbl-form table td .check-wrap .check-box {
    margin: 0 6px 0 0;
}
.tbl-form table td .check-wrap .check-box:last-child {
    margin-right:0;
}
.tbl-form.tbl-border table thead th,
.tbl-form.tbl-border table tbody td {border-left: 1px solid #ccc;}
.tbl-form.tbl-border table thead th:first-child,
.tbl-form.tbl-border table tbody td:first-child {
    border-left: 0;
}

.tbl-form table.pay-method {
    display: none;
    border-top: 0 !important;
}
.tbl-form table.pay-method.type01 {
    display: table;
}

@media(max-width: 760px) {
    .tbl-form {
        margin-top: 16px;
    }
    .tbl-form.type02 {
        margin-top: 24px;
    }
    .tbl-form.col-width110 colgroup col {min-width:110px !important;}
    .tbl-form table th,
    .tbl-form table td {
        height: 60px;
        font-size: 14px;
        line-height: 20px;
    }
    .tbl-form table th {
        padding: 0 10px;
    }
    .tbl-form table td {
        padding: 10px;
        word-break: break-word;
    }
    .tbl-form table td .row.time-box .select-box {
        flex: none;
        width: 100%;
        margin-top: 8px;
    }
    .tbl-form table td .row.time-box .select-box:first-child {
        margin-top: 0;
    }
    .tbl-form table td .row.time-box .attach {
        display: none;
    }
    .tbl-form table td .radio-wrap.alignVer .radio-box .price {
        display: block;
        margin: 0;
    }
    .tbl-form table td .cert-wrap .cert-area input {
        width: calc(100% - 88px);
    }
    .tbl-form table td .cert-wrap .cert-area .btn {
       width: 80px;
    }
    .tbl-form + .btn-area .btn {
        font-size: 14px;
    }
}
.form-tbl {
    display: table;
    width: 100%;
    table-layout: fixed;
	border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.form-tbl .tbody {
    display: table-row-group;
}
.form-tbl .tbody .tr {
    display: table-row;
}
.form-tbl .tbody .tr .th,
.form-tbl .tbody .tr .td {
    display: table-cell;
    padding: 10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #d1d1d7;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
}
.form-tbl .tbody .tr .th {
    width: 27%;
    padding: 10px;
    background-color: #f2f3f4;
    font-weight: bold;
    text-align: center;
}
@media(max-width: 760px) {
    .form-tbl {
        display: block;
        width: 100%;
        table-layout: auto;
        border-top: 0;
    }
    .form-tbl .tbody {
        display: block;
    }
    .form-tbl .tbody .tr {
        display: block;
    }
    .form-tbl .tbody .tr .th,
    .form-tbl .tbody .tr .td {
        display: block;
        width: 100%;
        padding: 0;
        border-bottom: 0;
        font-size: 14px;
        line-height: 20px;
    }
    .form-tbl .tbody .tr .th {
        margin-bottom: 8px;
        padding: 0;
        background: none;
        text-align: left;
    }
}

.scroll-tbl {
    overflow-x: auto;
    overflow-y: hidden;
}
.scroll-tbl::-webkit-scrollbar {
    width: 30%; 
    height: 4px;
}
.scroll-tbl::-webkit-scrollbar-thumb {
    background: #aeaeb2;
    border-radius: 2px;
}
.scroll-tbl::-webkit-scrollbar-track {
    background: #fff;
}

.tbl-list {
    margin-top: 24px;
}
.tbl-list table {
	width: 100%;
	border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.tbl-list.type02 {
    margin-top: 40px;
}
.tbl-list table th {
    height: 80px;
}
.tbl-list table th,
.tbl-list table td {
    padding: 18px 0;
    box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.tbl-list.tbl-line table th,
.tbl-list.tbl-line table td {
    padding: 18px 8px;
    border-left: 1px solid #d1d1d7;
    word-break: break-all;
}
.tbl-list.no-line table th,
.tbl-list.no-line table td {
    border-bottom: 0;
}
.tbl-list.tbl-line table th:first-child{
    border-left: 0;
}
.tbl-list.tbl-line table th.line {
    border-left: 1px solid #d1d1d7;
}
.tbl-list table th {
	background-color: #F2F3F4;
	text-align: center;
    color: #1a1d1d;
}
.tbl-list.tbl-line tbody th {
    color: #636366;
    font-weight: normal;
}
.tbl-list table td {
	background-color: #fff;
	font-weight: normal;
	text-align: center;
    color: #636366;
}
.tbl-list.tbl-line table td.no-line {border-left: 0;}
.tbl-list table td .list-text,
.tbl-list table td .text-desc {
    text-align: left;
}
.tbl-list table td.tdSub {
    vertical-align: top;
}
.tbl-list table td .link-text {
    position: relative;
    display: inline-block;
    padding-right:20px;
}
.tbl-list table td .link-text:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/images/btn/btn_more.png) center center no-repeat;
    background-size: auto 13px;
}
.tbl-list table td .rating_star {
    display: block;
    margin: 0 auto 4px;
}
.tbl-list table tr td a:hover {
    text-decoration: underline;
}
.tbl-list table tr.notice td a {
    color: #ef3484;
    font-weight: 500;
    text-decoration: underline;
}
.tbl-list table tr.notice img {
    width: 24px;
    height: 24px;
}
.tbl-list + .btn-area {
    margin-top: 20px;
    text-align: right;
}
@media(max-width: 760px) {
    .tbl-list table th,
    .tbl-list table td {
        font-size: 14px;
        line-height: 20px;
    }
    .tbl-list table th {
        height: 60px;
    }
    .tbl-list.no-line table th,
    .tbl-list.no-line table td {
        border-bottom: 1px solid #d1d1d7;
    }
    .tbl-list.join table colgroup col:nth-child(5),
    .tbl-list.pay table colgroup col:nth-child(4),
    .tbl-list.join table th:nth-child(5),
    .tbl-list.join table td:nth-child(5),
    .tbl-list.pay table th:nth-child(4),
    .tbl-list.pay table td:nth-child(4) {display: none;}

    .tbl-list.join table colgroup col:nth-child(1) {width: 16%;}
    .tbl-list.join table colgroup col:nth-child(2) {width: 15%;}
    .tbl-list.join table colgroup col:nth-child(3) {width: 13%;}
    .tbl-list.join table colgroup col:nth-child(4) {width: 13%;}
    .tbl-list.join table colgroup col:nth-child(6) {width: 13%;}
    .tbl-list.join table colgroup col:nth-child(7) {width: 15%;}
    .tbl-list.join table colgroup col:nth-child(8) {width: 15%;}

    .tbl-list.pay table colgroup col:nth-child(1) {width: 15%;}
    .tbl-list.pay table colgroup col:nth-child(2) {width: 26%;}
    .tbl-list.pay table colgroup col:nth-child(3) {width: 15%;}
    .tbl-list.pay table colgroup col:nth-child(5) {width: 15%;}
    .tbl-list.pay table colgroup col:nth-child(6) {width: 15%;}
    .tbl-list.pay table colgroup col:nth-child(7) {width: 15%;}

    .tbl-list + .btn-area .btn {
        font-size: 14px;
    }
}

/* 자료실/공지사항 */
.list-tbl {
    margin-top: 30px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.list-tbl .thead .tr,
.list-tbl .tbody .tr {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.list-tbl.notice2 .thead .tr,
.list-tbl.notice2 .tbody .tr {
    border-bottom: 0;
}
.list-tbl .thead .tr .th,
.list-tbl .tbody .tr .td {
    display: table-cell;
    padding: 18px 12px;
    box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
    text-align: center;
    vertical-align: middle;
}
.list-tbl .tbody .tr .td.full-col {
    width: 100% !important;
}
.list-tbl .thead .tr .th {
    height: 80px;
    color: #1a1d1d;
    font-weight: 500;
    background-color: #F2F3F4;
}
.list-tbl .tbody .tr .td {
    color: #636366;
    font-weight: normal;
}
.list-tbl.notice .important .link-a {font-weight: bold;}
.list-tbl.notice .tbody .tr .td:nth-child(2),
.list-tbl.notice2 .tbody .tr .td:nth-child(3),
.list-tbl.inquiry .tbody .tr .td:nth-child(4) {
    overflow: hidden;
}
.list-tbl.notice .tbody .tr .td:nth-child(2),
.list-tbl.notice2 .tbody .tr .td:nth-child(2),
.list-tbl.inquiry .tbody .tr .td:nth-child(3) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-tbl .tbody .tr .td .icon-notice {
    width: 24px;
    height: 24px;
}
.list-tbl.reference .thead .tr .th:nth-child(1),
.list-tbl.reference .tbody .tr .td:nth-child(1),
.list-tbl.notice .thead .tr .th:nth-child(1),
.list-tbl.notice .tbody .tr .td:nth-child(1) {width: 8%;}
.list-tbl.reference .thead .tr .th:nth-child(2),
.list-tbl.reference .tbody .tr .td:nth-child(2),
.list-tbl.notice2 .thead .tr .th:nth-child(1),
.list-tbl.notice2 .tbody .tr .td:nth-child(1) {width: 20%;}
.list-tbl.reference .thead .tr .th:nth-child(3),
.list-tbl.reference .tbody .tr .td:nth-child(3) {width: 47%;}
.list-tbl.inquiry .thead .tr .th:nth-child(3),
.list-tbl.inquiry .tbody .tr .td:nth-child(3) {width: 40%;}
.list-tbl.notice2 .thead .tr .th:nth-child(2),
.list-tbl.notice2 .tbody .tr .td:nth-child(2) {width: 65%;}
.list-tbl.reference .thead .tr .th:nth-child(4),
.list-tbl.reference .tbody .tr .td:nth-child(4),
.list-tbl.notice .thead .tr .th:nth-child(3),
.list-tbl.notice .tbody .tr .td:nth-child(3),
.list-tbl.notice2 .thead .tr .th:nth-child(4),
.list-tbl.notice2 .tbody .tr .td:nth-child(4),
.list-tbl.inquiry .thead .tr .th:nth-child(1),
.list-tbl.inquiry .tbody .tr .td:nth-child(1),
.list-tbl.inquiry .thead .tr .th:nth-child(2),
.list-tbl.inquiry .tbody .tr .td:nth-child(2),
.list-tbl.inquiry .thead .tr .th:nth-child(4),
.list-tbl.inquiry .tbody .tr .td:nth-child(4),
.list-tbl.inquiry .thead .tr .th:nth-child(5),
.list-tbl.inquiry .tbody .tr .td:nth-child(5) {width: 15%;}
.list-tbl.reference .thead .tr .th:nth-child(5),
.list-tbl.reference .tbody .tr .td:nth-child(5) {width: 10%;}
.list-tbl.notice .thead .tr .th:nth-child(2),
.list-tbl.notice .tbody .tr .td:nth-child(2) {width: 77%;}

.list-tbl.reference .tbody .tr .td:nth-child(3),
.list-tbl.notice .tbody .tr .td:nth-child(2),
.list-tbl.notice2 .tbody .tr .td:nth-child(2),
.list-tbl.inquiry .tbody .tr .td:nth-child(3) {text-align: left;}
@media(max-width: 760px) {
    .list-tbl {
        margin-top: 20px;
    }
    .list-tbl .thead {
        display: none;
    }
    .list-tbl .tbody .tr {
        display: block;
        position: relative;
        padding: 20px 10px;
        padding: 20px 108px 20px 0;
        box-sizing: border-box;
        table-layout: auto;
    }
    .list-tbl.reference .tbody .tr {
        padding: 20px 108px 20px 0;
    }
    .list-tbl.notice2 .tbody .tr {
        padding: 20px 80px 20px 10px;
        border-bottom: 1px solid #ccc;
    }
    .list-tbl.notice .tbody .tr {
        display: flex;
        align-items: center;
        padding: 20px 10px 40px;
    }
    .list-tbl.inquiry .tbody .tr {
        display: flex;
        padding: 40px 80px 20px 10px;
        border-bottom: 1px solid #ccc;
    }
    .list-tbl .thead .tr .th,
    .list-tbl .tbody .tr .td {width: auto !important;}
    .list-tbl.reference .thead .tr .th:nth-child(1),
    .list-tbl.reference .tbody .tr .td:nth-child(1),
    .list-tbl.inquiry .tbody .tr .td:nth-child(5) {display: none;}
    .list-tbl.notice .tbody .tr.important .td:nth-child(1)  {
        display: block !important;
        white-space: nowrap;
        margin-right: 4px;
    }
    .list-tbl .thead .tr .th,
    .list-tbl .tbody .tr .td {
        display: block;
        padding: 0;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
    }
    .list-tbl.reference .tbody .tr .td {
        font-weight: 700;
    }
    .list-tbl.reference .tbody .tr .td:nth-child(3),
    .list-tbl.notice2 .tbody .tr .td:nth-child(2) {
        font-size: 14px;
        font-weight: normal;
    }
    .list-tbl.notice .tbody .tr .td:nth-child(2),
    .list-tbl.inquiry .tbody .tr .td:nth-child(2),
    .list-tbl.inquiry .tbody .tr .td:nth-child(3) {
        font-size: 14px;
        line-height: 24px;
    }
    .list-tbl.notice .tbody .tr.important .td,
    .list-tbl.notice2 .tbody .tr.important .td {
        color: #ef3484;
    }
    .list-tbl.inquiry .tbody .tr .td:nth-child(1){
        position: absolute;
        left: 10px;
        top: 20px;
    }
    .list-tbl.inquiry .tbody .tr .td:nth-child(2) {
        display: block;
        margin-right: 4px;
        white-space: nowrap;
    }
    .list-tbl.notice .tbody .tr .td .link-a,
    .list-tbl.notice2 .tbody .tr .td .link-a {
        text-decoration: underline;
    }
    .list-tbl.notice2 .tbody .tr.important .td .link-a {
        padding-left: 28px;
        background: url(/images/icon/ic_exclam.png) no-repeat left center;
        background-size: 24px 24px;
    }
    .list-tbl.notice .tbody .tr .td.col-date {
        position: absolute;
        left: 10px;
        bottom: 20px;
        color: #636366;
        font-weight: normal;
    }
    .list-tbl.reference .tbody .tr .td.col-date,
    .list-tbl.notice2 .tbody .tr .td.col-date,
    .list-tbl.inquiry .tbody .tr .td.col-date  {
        position: absolute;
        right: 40px;
        bottom: 20px;
        font-weight: normal;
    }
    .list-tbl.notice2 .tbody .tr .td.col-date,
    .list-tbl.inquiry .tbody .tr .td.col-date {
        right: 10px;
        color: #636366;
    }
    .list-tbl.reference .tbody .tr .td.col-down {
        position: absolute;
        right: 0;
        bottom: 20px;
    }
    .list-tbl.reference .tbody .tr .td.col-down .btn {
        width: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        background: url(/images/btn/btn_download.png) no-repeat center center;
        font-size: 0;
        line-height: 0;
    }
    .list-tbl.reference .tbody .tr .td.col-down .btn span {
        position: absolute;
        left: -9999px;
        top: -9999px;
        width: 0;
        height: 0;
        margin:0;
        height: 0;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
    }
}

.form-box {
    width: 100%;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.form-box .form-row-group .form-row {
    display: flex;
    flex-wrap: wrap;
}
.form-box .form-row-group .form-row .form-cell {
    display: flex;
    width: 50%;
}
.form-box .form-row-group .form-row .form-cell .tit,
.form-box .form-row-group .form-row .form-cell .cont {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 24px;
    word-break: break-all;
}
.form-box .form-row-group .form-row .form-cell .tit {
    width: 34%;
    padding: 10px;
    background-color: #f2f3f4;
    text-align: center;
    font-weight: bold;
    justify-content: center;
}
.form-box .form-row-group .form-row .form-cell .cont {
    width: 66%;
}

@media(max-width: 760px) {
    .form-box .form-row-group .form-row {
        display: block;
    }
    .form-box .form-row-group .form-row .form-cell {
        width: 100%;
    }
    .form-box .form-row-group .form-row .form-cell .tit,
    .form-box .form-row-group .form-row .form-cell .cont {
        font-size: 14px;
        line-height: 20px;
    }
    .form-box .form-row-group .form-row .form-cell .tit {
        width: 120px;
        padding: 10px 5px;
    }
    .form-box .form-row-group .form-row .form-cell .cont {
        width: calc(100% - 120px);
    }
}

.nodata {
    width: 100%;
    padding: 60px 0;
    color: #1a1d1d;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
}
.nodata.type02 {
    padding: 178px 0 60px;
    background: url(/images/icon/ic_shop_cart.png) no-repeat center 60px;
    color: #636366;
    font-size: 18px;
    line-height: 26px;
}
.nodata.type03 {
    padding: 170px 0 0;
    background: url(/images/icon/ic_no_result.png) no-repeat center 0;
}
.result-area {
    margin: 160px 0 200px;
}

@media(max-width: 760px) {
    .nodata {
        font-size: 18px;
        line-height: 26px;
    }
    .result-area {
        margin: 80px 0;
    }
}
/*---------------------------------------/
    paging
/---------------------------------------*/
.paging {
	margin-top: 30px;
}
.paging .pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.paging .pagination li a {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 10px;
	text-align: center;
}
.paging .pagination li .first {
    margin-left: 0;
	background: url(/images/btn/btn_paging_first.png) no-repeat center center;
	background-size: 18px 18px;
}
.paging .pagination li .prev {
    margin: 0 15px 0 10px;
	background: url(/images/btn/btn_paging_prev.png) no-repeat center center;
	background-size: 18px 18px;
}
.paging .pagination li .next {
    margin: 0 10px 0 15px;
	background: url(/images/btn/btn_paging_next.png) no-repeat center center;
	background-size: 18px 18px;
}
.paging .pagination li .last {
    margin-right: 0;
	background: url(/images/btn/btn_paging_last.png) no-repeat center center;
	background-size: 18px 18px;
}
.paging .pagination li .num {
	position: relative;
	height: 20px;
	margin: 0 5px;
	color: #1a1d1d;
	font-size: 14px;
	line-height: 20px;
}
.paging .pagination li a.num   {width:auto}
.paging .pagination li .num.on {
	font-weight: bold;
}
.paging .pagination li .num.on:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 14px;
	height: 2px;
	background-color: #1a1d1d;
	transform: translateX(-50%);
}
@media(max-width: 760px) {
    /*---------------------------------------/
        paging
    /---------------------------------------*/
    .paging {
        margin-top: 24px;
    }
    .paging .pagination li a {
        width: 18px;
        height: 18px;
        margin: 0 11px;
    }
    .paging .pagination li .prev,
    .paging .pagination li .next {
        margin: 0 11px;
    }
    .paging .pagination li .num {
        margin: 0 8px;
    }
    .paging .pagination li .num.on:after {
        width: 10px;
        height: 1px;
    }
    .paging .pagination li a,
    .paging .pagination li .prev,
    .paging .pagination li .next,
    .paging .pagination li .num {
        margin: 0 6px;
    }
}
/*---------------------------------------/
    step
/---------------------------------------*/
.step-area {
    margin: 60px 0 100px;
}
.step-area .step-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.step-area .step-list li {
	position: relative;
	width: 33.33%;
	height: 60px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.step-area .step-list.step02 li {
	width: 20%;
}
.step-area .step-list.step03 li {
	width: 25%;
}
.step-area .step-list li:first-child {
	border-radius: 14px 0 0 14px;
	border-left: 1px solid #ccc;
}
.step-area .step-list li:first-child span {
	border-radius: 14px 0 0 14px;
}
.step-area .step-list li:last-child {
	border-radius: 0 14px 14px 0;
	border-right: 1px solid #ccc;
}
.step-area .step-list li:last-child span {
	border-radius: 0 14px 14px 0;
}
.step-area .step-list li:after,
.step-area .step-list li span:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
    height: 0;
    width: 0;
    border: 28px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
	border-top-width: 29px;
    border-bottom-width: 29px;
}
.step-area .step-list li:after {
	margin: 0;
	border-left-color: #ccc;
	transform: translateX(1px);
    z-index: 1;
}
.step-area .step-list li span {
	display: block;
	padding: 16px 0 15px;
	color: #1a1d1d;
	font-size: 18px;
	font-weight: bold;
    box-sizing: border-box;
	background-color: #fff;
    border-color: #fff;
}
.step-area .step-list li.active span {
	background-color: #5A5E77;
	border-color: #5A5E77;
	color: #fff;
}
.step-area .step-list li span:after {
	z-index: 2;
    border-left-color: inherit;
}
.step-area .step-list li:last-child:after,
.step-area .step-list li:last-child span:after {
	display: none;
}
@media(max-width: 760px) {
    .step-area {
        margin: 24px 0 40px;
    }
    .step-area .step-list li {
        height: 44px;
    }
    .step-area .step-list li:first-child {
        border-radius: 8px 0 0 8px;
    }
    .step-area .step-list li:last-child {
        border-radius: 0 8px 8px 0;
    }

    .step-area .step-list li span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 42px;
        padding: 6px 0 6px 15px;
        font-size: 12px;
        line-height: 16px;
        word-break: keep-all;
    }
    .step-area .step-list li:first-child span {
        padding: 6px 0;
        border-radius: 8px 0 0 8px;
    }
    .step-area .step-list li:last-child span {
        border-radius: 0 8px 8px 0;
    }
    .step-area .step-list li:after,
    .step-area .step-list li span:after {
        border-right-width: 0;
        border-left-width: 15px;
        border-top-width: 21px;
        border-bottom-width: 21px;
    }
    .step-area .step-list li:after {
        margin: 0;
        border-left-color: #ccc;
        transform: translateX(1px);
        z-index: 1;
    }
}

/*---------------------------------------/
    tab
/---------------------------------------*/
.tab-wrap {
    margin-top: 60px;
}
.tab-menu.type01 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction:row;
    justify-content:center;
    margin-bottom: 30px;
}
.tab-menu.type01 li {
    position: relative;
    display: flex;
    flex:1;
    min-height: 72px;
    background:#fff;
    text-align: center;
}
.tab-menu.type01 li button {
    display: block;
    width:100%;
    padding: 12px;
    background: #fff;
    color: #1a1d1d;
    font-size: 26px;
    line-height: 38px;
    border:1px solid rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    transition: all 0.5s;
}
.pop-body .tab-menu.type01 li:first-child button {
    border-radius: 14px 0 0 14px;
}
.pop-body .tab-menu.type01 li:last-child button {
    border-radius: 0 14px 14px 0;
}
.tab-menu.type01 li.on button {
    background: #5A5E77;
    color: #fff;
    transition: all 0.5s;
}
.tab-menu.type01 li + li button,
.tab-menu.type01 li.on + li button {
    border-left:0;
}
.tab-menu.type01 li span {
    display: inline-block;
}
.tab-menu.type01 li .num {
    position: relative;
    top: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 6px;
    border-radius: 50%;
    background-color: #f2f3f4;
    color: #e3007f;
    font-size: 14px; 
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}
.tab-menu.type01 li.on .num {
    background-color: #fff;
}

.tab-panel {display: none;}
.tr-panel {display: none;}
.form-panel {display: none;}

@media(max-width: 760px) {
    .tab-wrap {
        margin-top: 20px;
    }
    .tab-menu.type01 {
        margin-bottom: 20px;
    }
    .tab-menu.type01 li {
        min-height: 48px;
    }
    .tab-menu.type01 li button {
        font-size: 16px;
        line-height: 24px;
    }
    /* .pop-body .tab-menu.type01 li:first-child button {
        border-radius: 14px 0 0 14px;
    }
    .pop-body .tab-menu.type01 li:last-child button {
        border-radius: 0 14px 14px 0;
    } 
    .tab-menu.type01 li .num {
        position: relative;
        top: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 6px;
        border-radius: 50%;
        background-color: #f2f3f4;
        color: #e3007f;
        font-size: 14px; 
        font-weight: 700;
        line-height: 24px;
        text-align: center;
    }*/
}
/*---------------------------------------/
    form
/---------------------------------------*/
.form-wrap {
    margin-top: 24px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.form-wrap .form-row {
	margin-top: 24px;
}
.form-wrap .form-cont .form-row:first-child {
    margin-top: 40px;
}
.form-wrap .form-row .field-tit {
	display: block;
	margin-bottom: 4px;
	color: #1a1d1d;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}
.form-wrap .form-row .field-tit .essential {
    color: #eb008b;
}
.form-wrap .form-row .field-box .field-txt {
	color: #000;
	font-size: 18px;
	line-height: 48px;
}
.form-wrap .form-cont .pay-method {
    display: none;
}
.form-wrap .form-cont .pay-method.type01 {
    display: block;
}
@media(max-width: 760px) {
    .form-wrap {
        margin-top: 16px;
    }
    .form-wrap .form-row {
        margin-top: 30px;
    }
    .form-wrap .form-cont .form-row:first-child {
        margin-top: 20px;
    }
    .form-wrap .form-row .field-tit {
        font-size: 14px;
        line-height: 20px;
    }
    .form-wrap .form-row .field-box .field-txt {
        font-size: 14px;
        line-height: 40px;
    }
    .form-wrap .form-row .field-box .btn-full {
        width: 100%;
    }
}

.enter-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.enter-box div {
    width: calc(100% - 146px);
}
.enter-box .btn {
    width: 136px;
    margin-left: 10px;
}
.enter-box .prd-list-box {
    margin-right: 30px;
}
.prd-list-box li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    text-align: right;
}
.prd-list-box li:first-child {
    margin-top: 0;
}
.prd-list-box li .tit {
    width: 150px;
    text-align: left;
}
@media(max-width: 760px) {
    .enter-box {
        display: block;
    }
    .enter-box div {
        width:100%;
        word-break: break-all;
    }
    .enter-box .btn {
        width: 104px;
        margin: 10px 0 0;
    }
    .enter-box .prd-list-box {
        margin-right: 0;
    }
    .prd-list-box li .tit {
        width: 130px;
        flex: 1;
        margin-right:0;
        letter-spacing: -0.5px;
    }
}

.cover-box {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
}
.cover-box input {
	width: calc(100% - 158px);
}
.cover-box.overlap .inp-box {
    width: calc(100% - 158px);
}
.cover-box.buisnes .inp-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	width: calc(100% - 158px);
    margin-left: -8px
}
.cover-box.buisnes .inp-box input {
    width: calc(100% / 3 - 8px);
    margin-left: 8px;
}
.cover-box.overlap .inp-box input {
    width: 100%;
}
.cover-box.phone .inp-box {
    width: calc(100% - 158px);
}
.cover-box.phone .inp-box input {
    width: 100%;
}
.cover-box.domain .cont-area {
    display:inline-block;
    width: calc(100% - 158px);
}
.cover-box.domain .cont-area .inp-box,
.cover-box.domain .inp-box input {
    width: 100%;
}

.cover-box .btn {
	width: 150px;
	margin-left: 8px;
	letter-spacing: -1px;
}
.cover-box.overlap .btn {
    width: 150px;
}
.cover-box .txt {
    display: inline-block;
    margin-right: 8px;
    color: #000;
    font-size: 16px;
    line-height: 23px;
 }
 .cover-box .inp-box + .txt {
    margin: 0 8px;
 }
 .domain-group .domain-panel {
    display: none;
    margin-top: 12px;
 }
  .domain-group .basicdomain {
    display: block;
  }
 .lookup-box {
    margin-top: 10px;
 }
 .lookup-box .btn {
    width: 140px;
    margin-right: 20px;
 }
 .lookup-box .inp-box input {
    padding: 0 32px 0 0;
    background: none !important;
    border: 0;
 }
 .lookup-box .inp-box .btn-reset {
    top: 16px;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url(/images/btn/btn_file_reset.png) no-repeat 0 0;
    background-size: 16px 16px;
 }

 .find-box .btn {
    display: block;
    width: 160px;
    margin-bottom: 12px;
}
.find-box .inp-box input  {
    height: auto;
    padding: 0 32px 0 0;
    background: none !important;
    border: 0;
    font-size: 16px;
    line-height: 24px;
}
.find-box .inp-box input:focus {
    outline: 0;
    border: 0;
}
.find-box .inp-box .btn-reset {
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(/images/btn/btn_file_reset.png) no-repeat center center;
    background-size: 16px 16px;
 }
 @media(max-width: 760px) {
    .cover-box input {
        width: calc(100% - 118px);
    }
    .cover-box.domain .cont-area,
    .cover-box.overlap .inp-box {
        width: calc(100% - 120px);
    }
    .cover-box.buisnes .inp-box {
        display: flex;
        width: calc(100% - 118px);
        margin-left: -8px
    }
    .cover-box.phone .inp-box {
        width: calc(100% - 72px);
    }

    .cover-box .btn {
        width: 110px;
        margin-left: 8px;
        letter-spacing: -1px;
    }
    .cover-box.domain .btn,
    .cover-box.overlap .btn {
        width: 110px;
        margin-left: 10px;
    }
    .cover-box.phone .btn {
        width: 64px;
        padding: 0;
    }
    .cover-box .txt {
        margin-right: 2px;
        font-size: 14px;
        line-height: 20px;
     }
     .cover-box .inp-box + .txt {
        margin: 0 0 0 2px;
     }

    .lookup-box .inp-box .btn-reset {
        top: 8px;
        right: 5px;
        width: 24px;
        height: 24px;
        background: url(/images/btn/btn_file_reset_m.png) no-repeat 0 0;
        background-size: 24px 24px;
     }

     .find-box .btn {
        width: 100%;
    }
    .find-box .inp-box input  {
        font-size: 14px;
    }
    .find-box .inp-box .btn-reset {
        top: 50%;
        right: 0;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        background: url(/images/btn/btn_file_reset.png) no-repeat center center;
        background-size: 16px 16px;
     }
}

.cert-wrap {
	width: 100%;
	margin-top: 8px;
}
.cert-wrap .cert-area {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
}
.cert-wrap .cert-area input {
	width: calc(100% - 144px);
}
.cert-wrap .cert-area .btn {
	width: 136px;
	margin-left: 8px;
}
.cert-wrap .cert-text {
    margin-top: 12px;
    color: #ee2c2c;
    font-size: 16px;
    line-height: 23px;
}

@media(max-width: 760px) {
    .cert-wrap .cert-text {
        margin-top: 8px;
        font-size: 14px;
        line-height: 20px;
    }
    .cert-wrap .cert-area input {
        width: calc(100% - 110px);
    }
    .cert-wrap .cert-area .btn {
        width: 100px;
    }
}

.form-wrap .form-row.verify-area {
    display: none;
}
/*.form-cont .form-group {
    display: flex;
    flex-wrap:wrap;
    padding: 30px 0;
}
.form-cont .form-group .field-tit {
    display: block;
    width: 206px;
    font-size: 18px;
    line-height: 48px;
}
.form-cont .form-group .field-tit .essential {
    color: #eb008b;
}
.form-cont .form-group .field-box {
    width: calc(100% - 206px);
}
.form-cont .form-group .field-box .attach {
    display: inline-block;
    margin: 0 2px;
    line-height: 48px;
}
.form-cont .form-group .select-box + .inp-box,
.form-cont .form-group .inp-box + .select-box {
    margin-left: 6px;
}*/

.add-svc {
    margin-top: 24px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.add-svc .add-svc-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d1d1d7;
}
.add-svc .add-svc-row .svc-item {
    display: flex;
    align-items: center;
}
.add-svc .add-svc-row .svc-item .tit {
    display: inline-block;
    width: 250px;
    margin-right: 30px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
}
.add-svc .add-svc-row .svc-item .check-box {
    width: 250px;
    margin-right: 30px;
    padding: 4px 0;
}
.add-svc .add-svc-row .svc-item .check-box label {
   font-size: 18px;
   font-weight: 500; 
}
.add-svc .add-svc-row .svc-item .price {
    display: inline-block;
    width: 120px;
    margin-right: 30px;
}
.add-svc .add-svc-row .svc-item .price .spc {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 18px;
}
.add-svc .add-svc-row .svc-item .radio-btn-wrap {
    display: inline-block;
    margin:0;
}
.add-svc .add-svc-row .svc-item .select-box.volume-sel {
    width: 132px;
}
.add-svc .add-svc-row > .inp-box {
    margin-left: 30px;
}
.add-svc .add-svc-row .inp-box input{
    width: 132px;
}
.add-svc .add-svc-row .inp-box .unit {
    display: inline-block;
    width: 60px;
    margin-left: 4px;
    line-height: 48px;
}
.add-svc .add-svc-row .inp-cont {
    display: inline-block;
    margin-left: 8px;
}
@media(max-width: 760px) {
    .add-svc {
        margin-top: 20px;
    }
    .add-svc .add-svc-row {
        display: block;
        height: auto;
        padding: 20px 0;
    }
    .add-svc .add-svc-row .svc-item {
        display: block;
    }
    .add-svc .add-svc-row .svc-item .tit {
        display: block;
        width: 100%;
        margin: 0 0 12px;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
    }
    .add-svc .add-svc-row .svc-item .check-box {
        display: block;
        width: 100%;
        margin-bottom:12px;
        padding: 0;
    }
     .add-svc .add-svc-row .svc-item .check-box label {
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
     }
    .add-svc .add-svc-row .svc-item .price {
        display: block;

        width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
    }
    .add-svc .add-svc-row .svc-item .price .spc {
        font-size: 13px;
        line-height: 16px;   
    }
    .add-svc .add-svc-row .svc-item .radio-btn-wrap {
        display: block;
        margin: -5px -4px;
    }
    .add-svc .add-svc-row .inp-box {
        display: flex;
        justify-content: space-between;
        margin: 12px 0 0;
    }
    .add-svc .add-svc-row .inp-box input {
        flex: 1;
        width:100%
    }
    .add-svc .add-svc-row .inp-box .unit {
        width: auto;
        font-size: 15px;
        line-height: 40px;
    }
    .add-svc .add-svc-row .svc-item .select-box {
        margin:12px 0 0;
    }
    .add-svc .add-svc-row .svc-item .select-box.volume-sel {
        display: block;
        width: 100%;
    }
    .add-svc .add-svc-row .inp-cont {
        display: block;
        width: 100%;
        margin: 12px 0 0;
    }
    .add-svc .add-svc-row .inp-cont .inp-box {
        margin-top:0;
    }
}

.select-ground {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.select-ground .select-box {
    width: 200px;
}
.select-ground .inp-cont {
    display: flex;
    width: 100%;
}
.select-ground .select-box + .inp-cont {
    margin-left: 8px;
    width: calc(100% - 208px);
}
.select-ground .inp-cont .inp-box {
    flex: 1;
    margin-left: 0 !important;
}
.select-ground .inp-cont .select-count  {
    display: inline-block;
    margin-left: 8px;
    color: #000;
    font-size: 16px;
    line-height: 48px;
}

.array-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.array-list .item {
    position: relative;
    width: calc(50% - 20px);
    margin-left: 40px;
}
.array-list .item:after {
    content: '';
    clear: both;
    display: block;
}
.array-list .item:first-child {
    margin-left: 0;
}
.array-list .item .txt {
    float: left;
    display: block;
    margin-right: 20px;
    color: #000;
    font-size: 16px;
    line-height: 48px;
}
.array-list .item .select-box {
    float: left;
    width: calc(100% - 35px);
}

@media(max-width: 760px) {
    .select-ground .select-box {
        width: 100%;
    }
    .select-ground.type02 .select-box {
        width: 50%;
    }
    .select-ground .inp-cont {
        overflow: hidden;
        width: 100%;
    }
    .select-ground .select-box + .inp-cont {
        width: 100%;
        margin: 8px 0 0;
    }
    .select-ground.type02 .select-box + .inp-cont {
        width: calc(50% - 8px);
        margin:0 0 0 8px;
    }
    .select-ground .inp-cont .select-count {
        font-size: 14px;
        line-height: 40px;
    }
    .select-ground .radio-btn-wrap + .inp-box {
        margin-left: 40px;
    }

    .array-list .item {
        overflow: hidden;
        width: calc(50% - 4px);
        margin-left: 8px;
    }
    .array-list .item:first-child {
        margin-left: 0;
    }
    .array-list .item .txt {
        margin-right: 8px;
        font-size: 14px;
        line-height: 40px;
    }
    .array-list .item .select-box {
        width: calc(100% - 22px);
    }
}

.field-group {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
.field-group .select-box.payment {
    width: calc(100% - 114px);
    margin: 0;
}
.field-group .inp-box {
    width: calc(100% - 130px);
}
.field-group.email .inp-box {
    display: flex;
    width: calc(100% - 160px);
}
.field-group.email .select-box {
    width: 150px;
    margin: 0 0 0 10px;
}
.field-group.account .inp-box {
    width:auto;
    flex: 1;
}
.field-group.busine {
    margin: 0 -8px;
}
.field-group.busine input {
     width: calc(100% / 3 - 8px);
     margin: 0 4px;
     background-color: #fafafa !important;
     border: 0 !important;
}
.field-group .sign {
     display: inline-block;
     margin: 0 4px;
     color: #1a1d1d;
     font-size: 16px;
     line-height: 48px;
}
.field-group .txt {
    display: inline-block;
    margin-left: 8px;
    color: #000;
    font-size: 16px;
    line-height: 23px;
}
.field-group .btn + .filebox {
     margin: 0 0 0 8px;
}
.field-group .check-wrap {
    margin-left: 10px;
}
.field-group .btn-agree {
    width: 230px;
}
@media(max-width: 760px) {
    .field-group .select-box.payment {
        width: calc(100% - 98px);
    }
    .field-group .inp-box {
       width: calc(100% - 130px);
    }
    .field-group.email .inp-box {
        width:100%;
    }
    .field-group.email .select-box {
       width: 100%;
       margin: 8px 0 0;
    }
    .field-group .sign {
        font-size: 14px;
        line-height: 40px;
    }
    .field-group .txt {
        display: inline-block;
        margin-left: 8px;
        color: #000;
        font-size: 16px;
        line-height: 23px;
    }
    .field-group .btn + .filebox {
        margin: 8px 0 0;
    }
    .field-group .btn-agree {
        width: 100%;
    }
}
/*---------------------------------------/
    login
/---------------------------------------*/
.login-wrap {
	width: 448px;
	margin: 0 auto;
}
.login-wrap .login-cont {
	margin-top: 40px;
	border-top: 2px solid rgba(0,0,0,.5);
}
.login-wrap .login-cont .form-wrap {
    border-top: 0;
    border-bottom: 0;
}
.login-wrap .login-cont .form-wrap .form-row {
    margin-top: 24px;
}

.login-wrap .tab-chk {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 34px;
}
.login-wrap .tab-chk .radio-box {
	width: 50%;
	margin-left: 0;
}
.login-wrap .tab-chk .login-notice {
	display: block;
	margin: 4px 0 0 50%;
	padding-left:64px;
	font-size: 14px;
	line-height: 24px;
	background: url(/images/icon/ic_exclam.png) no-repeat 36px 0;
	background-size: 24px 24px;
}

@media(max-width: 760px) {
    .login-wrap {
        width: 100%;
    }
    .login-wrap .login-cont {
        margin-top: 24px;
        border-top: 0;
    }
    .login-wrap .tab-chk {
        margin: 0;
        padding-bottom:30px;
        border-bottom: 2px solid #d1d1d7;
    }
    .login-wrap .tab-chk .radio-box {
        width: calc((100%/2) - 8px);
        margin: 0;
        background: #fafafa;
        box-sizing: border-box;
    }
    .login-wrap .tab-chk .radio-box label {
        display: flex;
        align-items: center;
        height: 60px;
        padding-left: 36px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -1px;
        word-break: keep-all;
    }
    .login-wrap .tab-chk .radio-box label:before,
    .login-wrap .tab-chk .radio-box label:after {
        top: 50%;
        left: 8px;
        margin-top: -10px;
    }
    .login-wrap .tab-chk .login-notice {
        width: 100%;
        margin: 12px 0 0;
        padding-left: 28px;
        background-position: 0 0 ;
    }
    .login-wrap .tab-chk .login-notice br {
        display: none;
    }
    .login-wrap .login-cont .form-wrap {
        margin-top: 40px;
    }
    .login-wrap .login-cont .form-wrap .form-row {
        margin-top:30px;
    }
    .login-wrap .login-cont .form-wrap .form-row .field-tit {
        margin-bottom: 12px;
    }
}
.notice-area {
	margin-top: 40px;
	padding-top: 40px;
	border-top:1px solid #ccc;
}
.notice-area .title {
	display: block;
	margin-bottom: 8px;
	color: #1a1d1d;
	font-size: 18px;
	line-height: 26px;
}
@media(max-width: 760px) {
    .notice-area {
        padding-top:30px;
    }
    .notice-area .title {
        font-weight: 700;
    }
}

.find-result-list {
	margin-top: 40px;
	border-top: 2px solid rgba(0,0,0,.5);
}
.find-result-list li {
	padding: 24px 0;
	border-bottom: 1px solid #ccc;
}
.find-result-list li span {
	display: block;
}
.find-result-list li .tit {
	color: #1a1d1d;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
}
.find-result-list li .date {
	margin-top: 8px;
	color: #1a1d1d;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}
@media(max-width: 760px) {
    .find-result-list li .date {
        font-size: 14px;
        line-height: 20px;
    }
}

/* 본인인증 */
.selfcert-area {
	width: 448px;
	height: 131px;
	margin: 40px auto 0;
	border-radius: 14px;
	border: 1px solid #ccc;
    line-height: 131px;
	text-align: center;
}
.selfcert-area.cert-complet {
    background-color: #f2f3f4;
}
.selfcert-area .link-cert {
	display: block;
	color: #1a1d1d;
	font-size: 24px;
	font-weight: bold;
}
.selfcert-area .link-cert:before {
	content: '';
	display: inline-block;
	width: 64px;
	height: 73px;
	margin-right: 28px;
	background:url(/images/icon/ic_lock.png) no-repeat 0 0;
	background-size: 64px 73px;
	vertical-align: middle;
}
.selfcert-area.cert-complet .link-cert:before {
    display: none;
}
@media(max-width: 760px) {
    .selfcert-area {
        width: 100%;
        height: 100px;
        margin: 30px auto 0;
        border-radius: 14px;
        line-height: 100px;
    }
    .selfcert-area .link-cert {
        font-size: 24px;
    }
    .selfcert-area .link-cert:before {
        width: 53px;
        height: 60px;
        margin-right:10px;
        background-size: 53px 60px;
    }
}

.signup-list {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.signup-list .item-signup + .item-signup {
	margin-top: 24px;
}
.signup-list .item-signup .text {
	margin-bottom: 8px;
	color: #1a1d1d;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
}
.signup-list .item-signup .sns-list {
	margin-top: 24px;
	text-align: center;
}
.signup-list .item-signup .sns-login.kakao {
    display: block;
    width: 448px;
    height: 48px;
    margin: 24px auto 0;
    background: #fae333 url(/images/icon/ic_kakao.png) 20px center no-repeat;
    background-size: 24px 24px;
    font-size: 18px;
    line-height: 48px;
    border-radius: 4px;
}
.signup-list .item-signup .sns-list .item-sns {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 0 30px;
	border-radius: 50%;
}
.signup-list .item-signup .sns-list .item-sns.sns01 {
	background: url(/images/icon/ic_sns01.png) no-repeat center center;
	background-color: #1DC321;
	background-size: 26px 26px;
}
.signup-list .item-signup .sns-list .item-sns.sns02 {
	background: url(/images/icon/ic_sns02.png) no-repeat center center;
	background-color: #FAE333;
	background-size: 32px 29px;
}
.signup-list .item-signup .sns-list .item-sns.sns03 {
	background: url(/images/icon/ic_sns03.png) no-repeat center center;
	background-color: #E74133;
	background-size: 39px 40px;
}
@media(max-width: 760px) {
    .signup-list .item-signup + .item-signup {
        margin-top: 30px;
    }
    .signup-list .item-signup .text {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .signup-list .item-signup .sns-list {
        display: flex;
        justify-content: space-between;
        margin-top:20px;
    }
    .signup-list .item-signup .sns-list .item-sns {
        margin:0;
    }
    .signup-list .item-signup .sns-login.kakao {
        width: 100%;
        margin: 20px auto 0;
        font-size: 14px;
    }
}

/*---------------------------------------/
    회원가입
/---------------------------------------*/
.join-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    margin-top: 60px;
}
.join-list li {
	width: 448px;
	height: 466px;
	margin-left: 24px;
	padding: 24px 0;
	border-radius: 14px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	text-align: center;
}
.join-list li:first-child {
	margin-left: 0;
}
.join-list li .title {
	display: block;
	color: #1a1d1d;
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
}
.join-list li .img-area {
	display: inline-block;
	margin-top: 24px;
	width: 185px;
	height: 185px;
}
.join-list li .img-area img {
	 width: 100%;
	 vertical-align: top;
 }
.join-list li .text {
	min-height: 76px;
	margin-top: 24px;
	color: #1a1d1d;
	font-size: 16px;
	line-height: 24px;
}
.join-list li .text .txt {
	display: block;
	margin-top: 8px;
	color: #dc354a;
	font-size: 14px;
	line-height: 20px;
}
.join-list li .btn-wrap {
    margin-top: 25px;
}
@media(max-width: 760px) {
    .join-list {margin-top:24px;}
    .join-list li {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 20px 0 0;
        padding: 25px 20px 90px 99px;
        text-align: left;
    }
    .join-list li:first-child {
        margin: 0;
    }
    .join-list li .title {
        font-size: 18px;
        line-height:26px;
    }
    .join-list li .img-area {
        position: absolute;
        top: 25px;
        left: 5px;
        width: 80px;
        height: 80px;
        margin-top: 0;
    }
    .join-list li .text {
        min-height: 40px;
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .join-list li .btn-wrap {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 25px;
        margin-top: 20px;
    }
    .join-list li .btn-wrap .btn {
        width: 100%;
    }
    .join-list li .text .txt {
        margin-top: 2px;
    }
}

.terms-wrap {
    margin-top: 24px;
    border-top: 2px solid rgba(0,0,0,0.5);
}
.terms-wrap .check-all {
    margin-bottom: 40px;
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
}
.terms-list .item-terms {
	margin-top: 40px;
}
.terms-list .item-terms:first-child {
	margin-top: 0;
}
.terms-list .item-terms .terms-title {
	display: inline-block;
	position: relative;
	margin-bottom: 8px;
	padding-left: 17px;
	color: #1a1d1d;
	font-size: 20px;
	line-height: 30px;
}
.terms-list .item-terms .terms-title:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #EB008B;
}
.terms-list .item-terms .terms-title em {
	font-weight: bold;
}

.terms-list .item-terms .scroll-cont {
	overflow: hidden;
	height: 181px;
	padding: 16px 8px 16px 16px;
	box-sizing: border-box;
	border-radius: 14px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.terms-list .item-terms .scroll-area {
	overflow-y: scroll;
	height: 149px;
	padding-right: 20px;
}
.terms-list .item-terms .scroll-area::-webkit-scrollbar {
    width: 4px; 
}
.terms-list .item-terms .scroll-area::-webkit-scrollbar-thumb {
    height: 30%;
    background: #aeaeb2;
    border-radius: 2px;
}
.terms-list .item-terms .scroll-area::-webkit-scrollbar-track {
    background: #fff;
}
.terms-list .item-terms .scroll-area .title {
	display: block;
	margin: 24px 0 10px;
	color: #1a1d1d;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.terms-list .item-terms .scroll-area .title:first-child {
    margin-top: 0;
}
.terms-list .item-terms .scroll-area .title span {
    display: inline-block;
    font-size:14px;
    line-height: 24px;
    font-weight: normal;
}
.terms-list .item-terms .scroll-area .text,
.terms-list .item-terms .scroll-area .list-text li {
	color: #8e8e93;
	font-size: 14px;
	line-height: 20px;
}
.terms-list .item-terms .scroll-area .text + .text {
	margin-top: 8px;
}
.terms-list .item-terms .scroll-area .list-text {
	margin-top: 15px;
}
.terms-list .item-terms .scroll-area .list-text li {
	margin-top: 8px;
}
.terms-list .item-terms .scroll-area .list-text li:first-child {
	margin-top: 0;
}
.terms-list .item-terms .tbl-form {margin-top:10px;}
.terms-list .item-terms .tbl-form .tbl-title {
    display: block;
    margin-bottom:10px;
    font-size:14px;
    color: #1a1d1d;
    line-height: 20px;
}
.terms-list .item-terms .tbl-form table th,
.terms-list .item-terms .tbl-form table td {
    height: auto;
    padding:10px 0;
    font-size:14px;
    text-align: center;
    word-break: break-all;
}
.terms-list .item-terms .tbl-form.left table td {text-align:left;padding: 10px;}
@media(max-width: 760px) {
    .terms-wrap {
        margin-top: 16px;
    }
    .terms-wrap .check-all {
        margin-bottom: 30px;
    }
    .terms-list {
        margin-top: 20px;
    }
    .terms-wrap .terms-list:first-child {
        margin-top: 0;
    }
    .terms-list .item-terms {
        margin-top: 24px;
    }
    .terms-list .item-terms .terms-title {
        padding: 0 10px 0 0;
        color: #1a1d1d;
        font-size: 14px;
        line-height: 20px;
    }
    .terms-list .item-terms .terms-title:before {
        content: '*';
        left: auto;
        right: 0;
        top:0;
        width: auto;
        height: auto;
        border-radius: 0;
        background: none;
        color: #ec3323;
    }
    .terms-list .item-terms .terms-title em {
        font-weight: normal;
    }
    .terms-list .item-terms .scroll-cont {
        width: 100%;
        height: 160px;
        padding: 12px 4px 8px 12px;
        border-radius: 4px;
    }
    .terms-list .item-terms .scroll-area {
        height: 140px;
        padding-right: 15px;
    }
    .terms-list .item-terms .scroll-area .title {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 20px;
    }
    .terms-list .item-terms .scroll-area .title span {
        font-size:12px;
        line-height: 20px;
    }
    .terms-list .item-terms .scroll-area .text,
    .terms-list .item-terms .scroll-area .list-text li {
        color: #8e8e93;
        font-size: 12px;
        line-height: 17px;
    }
    .terms-list .item-terms .scroll-area .text + .title {
        margin-top: 12px;
    }
    .terms-list .item-terms .scroll-area .text + .text {
        margin-top: 12px;
    }
    .terms-list .item-terms .scroll-area .list-text {
        margin-top: 8px;
    }
    .terms-list .item-terms .scroll-area .list-text li {
        margin-top: 12px;
    }
    .terms-list .item-terms .scroll-area .list-text li:first-child {
        margin-top: 0;
    }
    .terms-list .item-terms .scroll-area .list-text.number > li .num {
        text-indent: -14px;
    }
    .terms-list .item-terms .tbl-form table th,
    .terms-list .item-terms .tbl-form table td {
        height: auto;
        padding:10px 0;
        font-size:12px;
        text-align: center;
        word-break: break-all;
    }
}
.tit-box {
    margin-top: 24px;
}
.tit-box .tit {
	position: relative;
	padding-left: 14px;
	color: #1a1d1d;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.tit-box .tit:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #eb008b;
}
.tit-box .txt {
	margin-top: 8px;
	color: #1a1d1d;
	font-size: 16px;
	line-height: 24px;
}

.title-area {
    margin-top: 60px;
}
.title-area .title {
    display: block;
    color: #1a1d1d;
    font-size: 26px;
    font-weight: 700;
    line-height: 38px;
}
.title-area .text {
    margin-top: 24px;
	color: #1a1d1d;
	font-size: 16px;
	line-height: 24px;
    letter-spacing: -0.2px;
}

.confirm-text {
    margin-top: 24px;
	padding: 40px 0;
	color: #1a1d1d;
	font-size: 20px;
	line-height: 29px;
	text-align: center;
    border-top: 2px solid #1a1d1d;
}
.confirm-text + .btn-wrap {
    margin-top: 20px;
}
.confirm-text + .tbl-form {
    margin-top: 0;
}
.confirm-text + .tbl-form + .text-desc {
    margin-top: 24px;
}
@media(max-width: 760px) {
    .confirm-text {
        font-size: 14px;
        line-height: 20px;
    }
    .confirm-text + .tbl-form + .text-desc {
        margin-top: 12px;
    }
    .confirm-text + .btn-wrap {
        margin-top: 0;
    }
}

.nectxt {
	display: inline-block;
	color: #1a1d1d;
	font-size: 16px;
	line-height: 24px;	
}
.nectxt .essential {
    color: #eb008b;
}
@media(max-width: 760px) {
    .title-area {
        margin-top: 30px;
    }
    .title-area .title {
        font-size: 18px;
        line-height: 26px;
    }
    .title-area .text {
        margin-top: 8px;
        font-size: 14px;
        line-height: 20px;
    }

    .nectxt {
        font-size: 14px;
        line-height: 20px;	
    }  
}


/* 가입완료 */
.complete-area {
	padding: 200px 0 0;
	background: url(/images/icon/img_complete.png) no-repeat center top;
	background-size: 160px 160px;
	text-align: center;
}
.complete-area p {
	color: #1a1d1d;
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
}
@media(max-width: 760px) {
    .complete-area {
        margin: 60px 0;
        padding: 120px 0 0;
        background-size: 80px 80px;
    }
    .complete-area p {
        font-size: 18px;
        line-height: 26px;
    }
}

/* 추천 서비스 */
.service-list {
	position: relative;
    margin-top: 40px;
}
.service-list:after {
    content: '';
    clear: both;
    display: block;
}
.service-list .swiper-wrapper {
    height: auto;
}
.service-list .item-service {
	float: left;
    width: 330px;
	margin-left: 24px;
}
.service-list .item-service:first-child {
	margin-left: 0;
}
.service-list .item-service .imgbox {
    overflow: hidden;
	display: inline-block;
	width: 330px;
	height: 210px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
}
.service-list .item-service .imgbox img {
    width: 100%;
	height: 100%;
}
.service-list .item-service .txtbox {
	padding: 30px 30px 0;
}
.service-list .item-service .title {
	color: #1a1d1d;
	font-size: 26px;
	font-weight: 700;
	line-height: 36px;
}
.service-list .item-service .tag {
    display: block;
    margin-top:6px;
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}
.service-list .item-service .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
    margin-top: 6px;
    color: #636366;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
@media(max-width: 760px) {
    .service-list {
        margin-top: 20px;
        padding: 0 16px;
    }
    .service-list .item-service {
        width: 270px;
        margin-left: 10px;
    }
    .service-list .item-service .imgbox {
        display: block;
        width: 270px;
        height: 172px;
    }
    .service-list .item-service .txtbox {
        padding: 20px 0 0;
    }
    .service-list .item-service .title {
        font-size: 18px;
        line-height: 26px;
    }
    .service-list .item-service .tag {
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .service-list .item-service .text {
        height: 40px;
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
}

/* 이벤트 */
.event-list {
	position: relative;
	margin-top: 40px;
}
.event-list:after {
    content: '';
    clear: both;
    display: block;
}
.event-list .swiper-wrapper {
    height: auto;
}
.event-list .item-event {
	float: left;
    width: 684px;
	margin-left: 24px;
}
.event-list .item-event:first-child {
	margin-left: 0;
}
.event-list .item-event .img {
	display: block;
	height: 300px;
}
.event-list .item-event .img img {
	width: 100%;
    height: 100%;
}
.event-list .item-event .text {
	display: block;
	margin-top: 30px;
	color: #1A1D1D;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}
@media(max-width: 760px) {
    .event-list {
        margin: 20px -4.4444vw 0;
        padding:0 4.4444vw;
    }
    .event-list .item-event {
        width: 270px;
    }
    .event-list .item-event .img {
        width: 100%;
        height: auto;
    }
    .event-list .item-event .text {
        margin-top: 10px;
        font-size: 18px;
        line-height: 26px;
    }
}
@media(min-width: 600px) and (max-width:760px) {
    .event-list .item-event {
        width: calc(50% - 12px);
    }
}
.find-wrap {
	overflow: hidden;
	margin-top: 24px;
}
.find-wrap.type02 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.find-wrap a {
	color: #1a1d1d;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-decoration:underline;
}
.find-wrap .link-box .link-a {
	position: relative;
	margin-left: 6px;
	padding-left: 11px;
	text-decoration: none;
}
.find-wrap .link-box .link-a:first-child {
	margin-left: 0;
	padding-left: 0;
}
.find-wrap .link-box .link-a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 24px;
	background-color: #aeaeb2;
}
.find-wrap .link-box .link-a:first-child:before {
	display: none;
}
@media(max-width: 760px) {
    .find-wrap {
        margin-top: 16px;
    }
    .find-wrap .check-wrap {
        margin-top: -6px;
    }
    .find-wrap a {
        font-size: 14px;
        line-height: 20px;
    }
    .find-wrap .link-box .link-a:before {
        top: 50%;
        height: 10px;
        margin-top: -5px;
    }
}

/*---------------------------------------/
    아코디언
/---------------------------------------*/
.toggle-list .toggle-detail,
.toggle-change .toggle-detail{
    display: none;
}

.terms-list.toggle-list {
    margin-bottom: 40px;
}
.toggle-list .item-terms {
    margin-top: 0;
    border-bottom: 1px solid #ccc;
}
.toggle-list .item-terms .check-wrap {
    position: relative;
    padding: 12px 0;
}
.toggle-list .item-terms .check-wrap .check-box {
    z-index: 1;
}
.toggle-list .item-terms .toggle-opener {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.toggle-list .item-terms .toggle-opener:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(/images/btn/btn_bk_down.png) center center no-repeat;
    box-sizing: border-box;
}
.toggle-list .item-terms .on:after {
    transform: rotateZ(180deg);
}
.toggle-list .item-terms .toggle-detail {
    margin-bottom: 40px;
}

@media(max-width: 760px) {
    .terms-list.toggle-list {
        margin-bottom: 30px;
    }
    .toggle-list .item-terms .toggle-detail {
        margin-bottom: 24px;
    }
}
/*---------------------------------------/
    complete-wrap 페이지
/---------------------------------------*/
.complete-wrap {
    margin: 142px 0 100px;
    text-align: center;
}
.complete-wrap .complete-text {
    font-size: 26px;
    line-height: 38px;
    color: #eb008b;
    font-weight: bold;
}
.complete-wrap .complete-desc {
    margin-top: 20px;
    font-size: 20px;
    line-height: 29px;
}
@media(max-width: 760px) {
    .complete-wrap {
        margin: 40px 0 30px;
    }
    .complete-wrap .complete-text {
        font-size: 18px;
        line-height: 26px;
    }
    .complete-wrap .complete-desc {
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px;
    }
}
/*---------------------------------------/
    마이페이지
/---------------------------------------*/
.bill-list {
    margin-top: 60px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);;
}
.bill-list .bill-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 100px;
    padding: 16px 30px;
    border-bottom:1px solid #d1d1d7;
    box-sizing: border-box;
}
.bill-item .bill-info {
    position: relative;
    padding-right: 180px;
}
.bill-item .title {
    display: block;
    font-size: 26px;
    line-height: 38px;
}
.bill-item .desc {
    display: block;
    margin-top: 6px;
    font-size: 16px;
    line-height: 24px;
    color: #636366;
}
.bill-item .btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.bill-item .bill-amount {
    display: block;
    font-size: 26px;
    line-height: 46px;
}
.bill-item .bill-amount strong {
    display: inline-block;
    font-size: 32px;
    line-height: 46px;
    vertical-align:top;
}
.bill-list .biil-notice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 0;
}
.bill-list .biil-notice .no-bill {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
}
.bill-list .biil-notice .text-desc {
    margin-top: 0;
}
.bill-list .tbl-list {
    margin-top: 30px;
}
.bill-list .list-text {
    margin-top: 30px;
}

@media(max-width: 760px) {
    .bill-list {
        margin-top: 24px;
    }
    .bill-list .bill-item {
        position: relative;
        display: block;
        min-height: auto;
        padding: 16px 10px 20px;
    }
    .bill-item .bill-info {
        padding:0;
    }
    .bill-item .title {
        font-size: 18px;
        line-height: 26px;
    }
    .bill-item .desc {
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .bill-item .btn {
        top: auto;
        bottom: -58px;
        right: auto;
        left: 0;
        transform: none;
    }
    .bill-item .bill-amount {
        min-height: 35px;
        margin-top: 22px;
        font-size: 14px;
        line-height: 20px;
        text-align: right;
    }
    .bill-item .bill-amount strong {
        font-size: 24px;
        line-height: 35px;
        vertical-align: baseline;
    }
    .bill-list .biil-notice {
        display: block;
        margin-top: 12px;
        padding: 0;
    }
    .bill-list .biil-notice .no-bill {
        margin-top: 24px;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }
    .bill-list .list-text {
        margin-top:12px;
    }
}

.my-service {
    position: relative;
    margin:85px -12px -15px;
}
.my-service:after {
    content: '';
    clear: both;
    display: block;
}
.my-service .item {
    float: left;
    width: 448px;
    height: 320px;
    margin: 15px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-sizing: border-box;
}
.my-service .item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 180px;
    text-align: center;
    box-sizing: border-box;
}
.my-service .item .title {
    display: block;
    font-size: 26px;
    line-height: 38px;
}
.my-service .item .title .num,
.my-service .item .title .new {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    font-size: 18px;
    line-height: 56px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
}
.my-service .item .title .num {
    background: #5a5e77;
}
.my-service .item .title .new {
    background: #eb008b;
}
.my-service .item .desc {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #636366;
}
.my-service .item01 {
    background: url(/images/img/img_my_service01.png) center top 61px no-repeat;
}
.my-service .item02 {
    background: url(/images/img/img_my_service02.png) center top 61px no-repeat;
}
.my-service .item03 {
    background: url(/images/img/img_my_service03.png) center top 61px no-repeat;
}
.my-service .item04 {
    background: url(/images/img/img_my_service04.png) center top 61px no-repeat;
}
.my-service .item05 {
    background: url(/images/img/img_my_service05.png) center top 61px no-repeat;
}
.my-service .item06 {
    background: url(/images/img/img_my_service06.png) center top 61px no-repeat;
}

@media(max-width: 760px) {
    .my-service {
        margin: 40px 0 0;
    }
    .my-service .item {
        float: none;
        width: 100%;
        height: auto;
        margin: 20px 0 0;
        background-position: left 20px center;
        background-size: 60px 60px;
    }
    .my-service .item:first-child {
        margin-top: 0;
    }
    .my-service .item a {
        height: auto;
        padding: 17px 20px 20px 96px;
        text-align: left;
    }
    .my-service .item .title {
        font-size: 18px;
        line-height: 26px;
    }
    .my-service .item .title .num,
    .my-service .item .title .new {
        display: inline-block;
        position: relative;
        top: auto;
        right: auto;
        width: 24px;
        height: 24px;
        font-size: 16px;
        line-height: 24px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    }
    .my-service .item .desc {
        margin-top: 7px;
        font-size: 14px;
        line-height: 20px;
    }
    .my-service .item .desc br {
        display: none;
    }
}

.acct-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 100px;
    padding: 26px 60px;
    background: #f2f3f4;
    border-radius: 10px;
}
.acct-area .title {
    display: inline-block;
    margin-right: 80px;
    font-size: 26px;
    line-height: 40px;
}
.acct-area .select-box {
    flex: none;
    width: 330px;
}
.acct-area .btn {
    margin-left: 30px;
    width: 212px;
}

@media(max-width: 760px) {
    .acct-area {
        display: block;
        margin-top: 40px;
        padding: 20px 20px  28px;
    }
    .acct-area .title {
        display: block;
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 26px;
    }
    .acct-area .select-box {
        width:100%;
        margin-bottom: 10px;
    }
    .acct-area .btn {
        margin:0;
        width:100%;
    }
}

/* 청구요금 상세 */
.bill-detail .title-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.bill-detail .title-box .monthfee .tit {
	display: block;
	color: #1A1D1D;
	font-size: 26px;
	font-weight: bold;
	line-height: 38px;
}
.bill-detail .title-box .monthfee .term {
	margin-top: 16px;
	color: #1A1D1D;
	font-size: 16px;
	line-height: 23px;
}
.bill-detail .title-box .totalpay .tit {
	display: block;
	color: #1A1D1D;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
}
.bill-detail .title-box .totalpay .price {
	margin-top: 4px;
	color: #1A1D1D;
	font-size: 26px;
	font-weight: 400;
	text-align: right;
}
.bill-detail .title-box .totalpay .price strong {
	font-size: 32px;
	font-weight: 700;
	line-height: 46px;
	vertical-align:bottom;
}
.detail-form {
    margin-top: 24px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.detail-form .detail-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #d1d1d7;
}
.detail-form .detail-row .fee-box {
    width: 300px;
    text-align: center;
}
.detail-form .detail-row .fee-box span {
    display: block;
}
.detail-form .detail-row .fee-box .tit {
    color: #636366;
    font-size: 18px;
    line-height: 26px;
}
.detail-form .detail-row .fee-box .price {
    margin-top: 60px;
    color: #1a1d1d;
    font-size: 32px;
    line-height: 46px;
    font-weight: 700;
}
.detail-form .detail-row .detail-list {
    width: calc(100% - 300px);
}
.detail-form .detail-row .detail-list .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 18px 60px;
    box-sizing: border-box;
    border-top: 1px solid #d1d1d7;
}
.detail-form .detail-row .detail-list .item:first-child {
    border-top: 0;
}
.detail-form .detail-row .detail-list .item.bg-gray {
    background-color: #fafafa;
}
.detail-form .detail-row .detail-list .item span {
    display: block;
}
.detail-form .detail-row .detail-list .item .tit,
.detail-form .detail-row .detail-list .item .price {
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}
.detail-form .detail-row .detail-list .item .tit.text-bold,
.detail-form .detail-row .detail-list .item .price.text-bold {
    color: #1a1d1d;
    font-weight: 700;
}
.detail-form .total-cont {
    padding: 16px 60px;
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #d1d1d7;
}
.detail-form .total-cont .total-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-between;
}
.detail-form .total-cont .total-row .tit,
.detail-form .total-cont .total-row .price {
    color: #1a1d1d;
    font-size: 16px;
    line-height: 23px;
}
.detail-form .total-cont .total-row .price {
    font-weight: 700;
}

@media(max-width: 760px) {
    .bill-detail .title-box {
        display: block;
    }
    .bill-detail .title-box .monthfee .tit {
        font-size: 18px;
        line-height: 26px;
    }
    .bill-detail .title-box .monthfee .term {
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .bill-detail .title-box .totalpay {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: 10px;
    }
    .bill-detail .title-box .totalpay .tit {
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
    }
    .bill-detail .title-box .totalpay .price {
        margin-top: 0;
        font-size: 14px;
        font-weight: 400;
    }
    .bill-detail .title-box .totalpay .price strong {
        font-size: 26px;
        line-height: 35px;
    }
    .bill-detail .tbl-form {
        margin-top: 24px;
    }
    .bill-detail .tbl-form tbody tr th span {
        display: block;
    }
    .bill-detail .tbl-form tbody tr th .tit {
        color: #636366;
        font-size: 18px;
        line-height: 26px;
    }
    .bill-detail .tbl-form tbody tr th .price {
        margin-top: 60px;
        color: #1A1D1D;
        font-size: 32px;
        font-weight: bold;
        line-height: 46px;
    }
    .bill-detail .tbl-form tbody tr td {
        padding: 18px 60px;
    }

    .detail-form .detail-row {
        display: block;
        border-top: 2px solid rgba(0, 0, 0, 0.5);
    }
    .detail-form .detail-row:first-child {
        border-top: 0;
    }
    .detail-form .detail-row .fee-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 11px 10px 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #d1d1d7;
    }
    .detail-form .detail-row .fee-box .tit {
        color: #1a1d1d;
        font-size: 16px;
        line-height: 23px;
        font-weight: 700;
    }
    .detail-form .detail-row .fee-box .price {
        margin-top: 0;
        font-size: 20px;
        line-height: 29px;
    }
    .detail-form .detail-row .detail-list {
        width: 100%;
    }
    .detail-form .detail-row .detail-list .item {
        padding: 15px 10px 14px;
    }
    .detail-form .detail-row .detail-list .item .tit,
    .detail-form .detail-row .detail-list .item .price {
        font-size: 14px;
        line-height: 20px;
    }
    .detail-form .detail-row .detail-list .item .tit.text-bold,
    .detail-form .detail-row .detail-list .item .price.text-bold {
        font-weight: 500;
    }
    .detail-form .total-cont {
        padding: 0;
        background: none;
    }
    .detail-form .total-cont .total-row {
        padding: 11px 10px 10px;
        box-sizing: border-box;
        border-top: 1px solid #d1d1d7;
        background-color: #5a5e77;
    }
    .detail-form .total-cont .total-row .tit,
    .detail-form .total-cont .total-row .price {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
    }
    .detail-form .total-cont .total-row .price {
        font-size: 20px;
        line-height: 29px;
    }
}

/* U+ID로 변경 완료 */
.login-way {
    margin-top: 60px;
}
.login-way img {
    width: 100%;
}
@media(max-width: 760px) {
    .login-way {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #d1d1d7;
    }  
}

/* 첨부파일 */
.filebox {
    margin-top: 8px;
}
.filebox label {
    display: inline-block;
    width: 140px;
    height: 48px;
    padding:0 12px;
    color: #3a3a3d;
    font-size: 18px;
    line-height: 48px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #f2f3f4;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox .upload-box {
    display: inline-block;
    position: relative;
}
.filebox .upload-name {
    display: inline-block;
    padding:0 32px 0 12px;
    background: none;
    vertical-align: middle;
    border: 0;
}
.filebox .upload-box .btn-reset {
    top: 16px;
    width: 16px;
    height: 16px;
    background: url(/images/btn/btn_file_reset.png) no-repeat 0 0;
    background-size: 16px 16px;
}
@media(max-width: 760px) {
    .filebox label {
        width: 100%;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    .filebox .upload-box {
       width: 100%;
       margin-top: 8px;
    }
    .filebox .upload-box .btn-reset {
        top: 8px;
        width: 24px;
        height: 24px;
        background: url(/images/btn/btn_file_reset_m.png) no-repeat 0 0;
        background-size: 24px 24px;
    }
}

/* 정보 변경 */
.infochange-box {
    margin-top: 60px;
}
.infochange-box .tbl-form.terms th,
.infochange-box .tbl-form.terms td {
    border-bottom: 0;
}
.infochange-box .tbl-form.terms tr:first-child th,
.infochange-box .tbl-form.terms tr:first-child td {
    border-bottom: 1px solid #ccc;
}
.terms-select {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.terms-select .btn-readmore {
    margin-left: 20px;
}
.change-date {
    display: block;
    margin-top: 10px;
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}

@media(max-width: 760px) {
    .infochange-box {
        margin-top: 24px;
    }
    .terms-select {
        display: block;
    }
    .terms-select .btn-readmore {
        margin: 10px 0 0;
    }
    .change-date {
        font-size: 14px;
        line-height: 20px;
    }
}

/*---------------------------------------/
   datepicker
/---------------------------------------*/
.ui-widget {
    font-family: NotoSansKR,'맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif;
}
.ui-widget-header {
    border: 0px solid #dddddd;
    background: #fff;
}

.ui-datepicker-calendar>thead>tr>th {
    font-size: 14px !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    margin-bottom: 26px;
    padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0px solid #c5c5c5;
    background-color: transparent;
    font-weight: normal;
    color: #454545;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    margin:0;
    padding: 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 52px;
    text-align: center;
}

.ui-datepicker {
    display: none;
    width: 448px;
    padding:36px 36px 30px;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 10px 10px 40px rgba(0,0,0,0.1);
}
    
.ui-widget.ui-widget-content {
    border: 1px solid #eee;
}

#datepicker:focus>.ui-datepicker {
    display: block;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 0;
    width: 52px;
    height: 52px;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0;
}
.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-state-disabled {
    cursor: auto;
    color: hsla(0, 0%, 80%, 1);
}

.ui-datepicker-title {
    text-align: center;
    padding: 10px;
    font-weight: 100;
    font-size: 20px;
}

.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-calendar>thead>tr>th {
    height: 40px;
    padding:0;
    font-size:14px;
    font-weight:700;
    color: #1a1d1d;
}


.ui-datepicker-calendar>tbody>tr>td>a {
    color: #47484a;
    font-size: 14px !important;
    font-weight: bold !important;
    text-decoration: none;
}


.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {
    cursor: auto;
    background-color: #fff;
}
    
.ui-datepicker-calendar>tbody>tr>td {
    height: 40px;      
    padding: 0 8px;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
    border-radius: 100%;
    cursor: pointer;
}
    
.ui-datepicker-calendar>tbody>tr>td:hover {
    background-color: transparent;
    opacity: 0.6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0px solid #cccccc;
    background-color: transparent;
    font-weight: normal;
    color: #2b2b2b;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
    top: 0;
    width: 52px;
    height: 52px;
    margin: 0;
    background-position: center center;
    background-repeat: no-repeat;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
    right: 0;
    left: auto;
    background-image: url(/images/btn/btn_48_next_gray.png);
    background-size: 24px 24px;
} 

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    left: 0;
    background-image: url(/images/btn/btn_48_prev_gray.png);
    background-size: 24px 24px;
} 
    
.ui-datepicker-calendar>tbody>tr>td:first-child a{
    color: red !important;
}
    
.ui-datepicker-calendar>tbody>tr>td:last-child a{
    color: #0099ff !important;
}
    
.ui-datepicker-calendar>thead>tr>th:first-child {
    color: red !important;
}
    
.ui-datepicker-calendar>thead>tr>th:last-child {
    color: #0099ff !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    background: #f2f3f4;
    color: #454545;
    line-height: 38px;
    border: 0px;
    border-radius: 50%;
}
.ui-datepicker-current-day .ui-state-active {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    background: #eb008b;
    color: #fff;
    line-height: 38px;
    border: 0px;
    border-radius: 50%;
}
@media(max-width: 760px) {
    .ui-datepicker {
        width: 340px;
        padding: 20px;
    }
    .ui-state-highlight, .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight,
    .ui-datepicker-current-day .ui-state-active {
        width: 38px;
        height: 38px;
    }
}
/*---------------------------------------/
    솔루션 탐색
/---------------------------------------*/
.soln-section {
    width: 100%;
    padding: 0;
    background: #f7f7f7;
}
.soln-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 1148px;
    margin: 0 auto;
    padding: 44px 0 40px;
}
.filter-wrap {
    position: relative;
    width: 112px;
}
.filter-wrap .btn-filter {
    position: relative;
    display: block;
    width: 112px;
    padding-top: 118px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    text-align: center;
}
.filter-wrap .btn-filter:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 112px;
    height: 112px;
    background: #eb008b url(/images/icon/ic_soln_filter.png) center center no-repeat;
    border-radius: 4px;
}
.soln-menu .category-list {
    position: relative;
    width: calc(100% - 112px);
}
.soln-menu .category-list:after {
    content: '';
    clear: both;
    display: block;
}
.soln-menu .category-list .swiper-wrapper {
    justify-content: space-evenly;
    height: auto;
}
.soln-menu .category-list .item {
    float: left;
    width: 112px;
    margin-left: 36px;
}
.soln-menu .category-list .item > a {
    position: relative;
    display: block;
}
.soln-menu .category-list .item > a .icon {
    overflow: hidden;
    display: block;
    width: 112px;
    height: 112px;
    background:#fff url(/images/icon/ic_soln_no_img.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
}
.soln-menu .category-list .item > a .icon img {
    width: 100%;
    height: 100%;
}
.soln-menu .category-list .item > a .title {
    display: block;
    margin-top:6px;
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    text-align: center;
}

.filter-layer {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
    width: 234px;
    background: #fff;
    box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
.filter-layer.on {
    display: block;
}
.filter-layer .btn-close {
    display: block;
    height: 48px;
    background-color:#e6007e;
    border-radius:4px;
    text-align: center;
}
.filter-layer .btn-close span {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    font-size: 22px;
    color: #fff;
    line-height: 48px;
}
.filter-layer .btn-close span:after {
    content: '';
    position: absolute;
    top: 22px;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotateZ(45deg);
}
.filter-layer .filter-sort {
    overflow: hidden;
    padding: 4px 31px;
}
.filter-layer .filter-sort li {
    position: relative;
    float: left;
    width: 86px;
    height: 86px;
}
.filter-layer .filter-sort li + li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 46px;
    margin-top: -23px;
    background: #ddd;
}
.filter-layer .filter-sort li a {
    display: block;
    text-align: center;
}
.filter-layer .filter-sort li a span {
    position: relative;
    display: inline-block;
    padding-top: 48px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.filter-layer .filter-sort li a span:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.filter-layer .filter-sort li:hover a span {
    color: #e6007e;
}
.filter-layer .filter-sort li a.btn-all span:before {
    background-image: url(/images/icon/ic_menu_all.png);
}
.filter-layer .filter-sort li:hover a.btn-all span:before {
    background-position: 0 -24px;
}
.filter-layer .filter-sort li a.btn-favour span:before {
    background-image: url(/images/icon/ic_favour.png);
}
.filter-layer .filter-sort li:hover a.btn-favour span:before {
    background-position: 0 -24px;
}

.filter-layer .filter-item {
    margin: 0 10px 26px;
}
.filter-layer .filter-item .title {
    display: block;
    height: 36px;
    margin-bottom: 18px;
    background: #eee;
    font-size: 16px;
    color: #222;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
}
.filter-layer .filter-item .check-box {
    width: 100%;
}

.filter-layer .btn-area {
    display: flex;
    justify-content: space-between;
    margin: 0 20px;
    padding: 28px 0;
    border-top: 1px solid #ddd;
}
.filter-layer .btn-area button {
    width: 92px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.filter-layer .btn-area button:hover {
    border-color: #e6007e;
}
.filter-layer .btn-area button span {
    position: relative;
    display: block;
    padding: 32px 0 8px;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    text-align: center;
}
.filter-layer .btn-area button:hover span {
    color: #e6007e;
}
.filter-layer .btn-area button span:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.filter-layer .btn-area .btn-filter-reset span:before {
    background-image: url(/images/icon/ic_reset.png);
}
.filter-layer .btn-area .btn-filter-reset:hover span:before {
    background-position: 0 -24px;
}
.filter-layer .btn-area .btn-filter-apply span:before {
    background-image: url(/images/icon/ic_apply.png);
}
.filter-layer .btn-area .btn-filter-apply:hover span:before {
    background-position: 0 -24px;
}
@media(max-width: 760px) {
    .soln-section {
        margin-top:-20px;
    }
    .soln-menu {
        position: relative;
        width: 100%;
        padding: 20px 0 16px 96px;
        box-sizing: border-box;
    }
    .filter-wrap {
        position: absolute;
        top: 20px;
        left: 16px;
        width: 60px;
    }
    .filter-wrap .btn-filter {
        width: 60px;
        padding-top: 64px;
        font-size: 13px;
        line-height: 24px;
        letter-spacing: -0.8px;
    }
    .filter-wrap .btn-filter:before {
        width: 60px;
        height: 60px;
        background-size: 26px 24px;
    }
    .soln-menu .category-list {
        width:auto;
        padding-right:16px;
    }
    .soln-menu .category-list .swiper-wrapper {
        justify-content: normal;
    }
    .soln-menu .category-list .item {
        width: 70px;
        margin-left:15px;
    }
    .soln-menu .category-list .item:first-child {
        margin-left: 0;
    }
    .soln-menu .category-list .item > a {
        width: 70px;
        font-size: 13px;
        line-height: 24px;
        letter-spacing: -0.8px;
    }
    .soln-menu .category-list .item > a .icon {
        width: 60px;
        height: 60px;
        margin:0 auto;
    }
    .soln-menu .category-list .item > a .title {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: -0.8px;
    }


    .filter-layer.on {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .filter-layer .btn-close {
        padding: 10px 16px;
        border-radius: 0;
        box-sizing: border-box;
    }
    .filter-layer .btn-close span {
        display: block;
        font-size: 18px;
        line-height: 28px;
        text-align: left;
    }
    .filter-layer .btn-close span:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 7px;
        transform: translateY(-50%) rotateZ(-45deg);
        width: 2px;
        height: 20px;
        border: 0;
        background-color: #fff;
    }
    .filter-layer .btn-close span:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 7px;
        transform: translateY(-50%) rotateZ(45deg);
        width: 2px;
        height: 20px;
        border: 0;
        background-color: #fff;
    }
    .filter-layer .filter-sort {
        padding: 16px;
    }
    .filter-layer .filter-sort li {
        width: calc((100% /2) - 6px);
        height: 36px;
        margin-left: 6px;
        padding-left: 6px;
    }
    .filter-layer .filter-sort li:first-child {
        margin-left: 0;
        padding-left: 0;
    }
    .filter-layer .filter-sort li a span {
        padding: 0 0 0 28px;
        line-height: 36px;
    }
    .filter-layer .filter-sort li a span:before {
        top: 50%;
        left: 0;
        margin: -12px 0 0;
    }
    .filter-layer .filter-sort li + li:before {
        height: 36px;
        margin-top: -18px;
    }
    .filter-layer .filter-group {
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        top: 116px;
        left: 0;
        bottom: 68px;
        width: 100%;
    }
    .filter-layer .filter-item {
        margin:0 16px 26px;
    }
    .filter-layer .filter-item ul li {
        margin-top: 4px;
    }
    .filter-layer .filter-item ul li:first-child {
        margin-top: 0;
    }
    .filter-layer .btn-area {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 16px;
        padding: 16px 0;
        background: #fff;
        box-sizing: border-box;
    }
    .filter-layer .btn-area button {
        width: calc((100% / 2) - 6px);
        padding: 8px 0;
    }
    .filter-layer .btn-area button span {
        display: inline-block;
        padding:0 0 0 28px;
        line-height: 20px;
    }
    .filter-layer .btn-area button span:before {
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        margin: 0;
        background-size: 20px 40px;
    }
}

.soln-search {
    padding: 22px 0;
    background: #eee;
}
.soln-search form {
    overflow: hidden;
    width: 1148px;
    margin: 0 auto;
    white-space: nowrap;
}
.soln-search .search-box {
    display: inline-block;
}
.soln-search .search-box .search-inp {
    width: 458px;
    margin-right: 6px;
}
.soln-search .search-word {
    display: inline-block;
    margin-left: 28px;
    padding: 10px 0;
}
.soln-search .search-word .title {
    display: inline-block;
    margin-right:12px;
    font-size: 18px;
    line-height: 28px;
}
.soln-search .search-word .word-list {
    display: inline-block;
}
.soln-search .search-word .word-list li {
    float: left;
    margin-right: 12px;
}
.soln-search .search-word .word-list li:last-child {
    margin-right:0;
}
.soln-search .search-word .word-list li a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    text-decoration: underline;
}
@media(max-width: 760px) {
    .soln-search {
        padding: 20px 16px;
    }
    .soln-search form {
        width: 100%;
    }
    .soln-search .search-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .soln-search .search-box .search-inp {
        width: calc(100% - 58px);
    }
    .soln-search .search-box .btn {
        width: 52px;
    }
    .soln-search .search-word {
        overflow: hidden;
        display: block;
        margin:9px 0 0;
        padding: 0;
    }
    .soln-search .search-word .title {
        display: none;
    }
    .soln-search .search-word .word-list li:first-child {
        margin-left: 0;
    }
    .soln-search .search-word .word-list li a {
        font-size: 14px;
        line-height: 24px;
    }
}

.soln-list-section {
    padding-top: 80px;
}
.soln-list-section .offer-area {
    position: absolute;
    top: 22px;
    right: 0;
}
.soln-list-section .offer-area .offer {
    font-size: 16px;
    color: #8e8e93;
    line-height: 24px;
}
.soln-list-section .offer-area .offer strong {
    font-size: 18px;
    color: #1a1d1d;
    font-weight: bold;
}
.prd-wrap + .prd-wrap {margin-top: 80px}
.prd-wrap .prd-list {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    margin: 10px -12px -12px;
}
.prd-list li {
    position: relative;
    width: 330px;
    height: 462px;
    margin: 12px;
    border: 1px solid #d2d2d2;
    border-radius: 14px;
    box-sizing: border-box;
}
.prd-list li .prd-thumb {
    display: block;
    padding: 32px 32px 24px;
    border-radius: 14px;
}
.prd-list li .img-box {
    overflow: hidden;
    display: block;
    width: 266px;
    height: 168px;
    border-radius: 14px;
}
.prd-list li .img-box img {
    width: 266px;
    height: 168px;
    transform: scale(1);
    transition: all 0.5s;
}
.prd-list li:hover .prd-thumb img {
    transform: scale(1.2);
    transition: all 0.5s;
}
.prd-list li .prd-info {
    padding: 0 32px 32px;
}
.prd-list li .prd-info .rank {
    position: absolute;
    top: 0;
    left: 32px;
    width: 60px;
    height: 52px;
    background: #5a5e77;
    font-size: 22px;
    line-height: 68px;
    color: #fff;
    text-align: center;
}
.prd-list li .prd-info .rank:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    width: 0;
    height: 0;
    border-bottom: 0;
    border-top: 16px solid #5a5e77;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
}
.prd-list li:first-child .prd-info .rank {
    background: #eb008b;
}
.prd-list li:first-child .prd-info .rank:after {
    border-top: 16px solid #eb008b;
}
.prd-list li .event-tag {
    overflow: hidden;
    height: 22px;
    margin-bottom:8px;
}
.prd-list li .event-tag .flag {
    float: left;
    width: 46px;
}
.prd-list li .prd-title {
    overflow: hidden;
    display: block;
    font-size: 24px;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prd-list li .prd-desc {
    overflow: hidden;
    display: block;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prd-list li .prd-price {
    display: block;
    margin-top: 24px;
    font-size: 20px;
    color: #636366;
    line-height: 52px;
}
.prd-list li .prd-price strong {
    display: inline-block;
    margin-top: -4px;
    font-size: 34px;
    color: #1a1d1d;
}
.prd-list li .prd-btn-area {
    overflow: hidden;
}
/* 1차에서 check-box 비노출 */
.prd-list li .prd-btn-area .check-box {
    display: none;
    margin-left:-8px;
}
.prd-list li .prd-btn-area .btn-wish {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: -8px;
    background: url(/images/icon/ic_wish.png) center center no-repeat;
}
.prd-list li .prd-btn-area .btn-wish:hover {
    background: url(/images/icon/ic_wish_on.png) center center no-repeat;
}
.prd-list li .prd-btn-area .check-box + .btn-wish {
    margin-left: 10px;
}
.prd-list li .prd-btn-area .btn {
    float: right;
    width: 72px;
}
.prd-list.bg li {height: 470px;}
.prd-list.bg li .prd-thumb {
    padding: 32px;
    background: #f3f3f3;
    border-radius: 14px 14px 0 0;
}
.prd-list.bg li .prd-thumb .img-box {
    border-radius: 0;
}
@media(max-width: 760px) {
    .soln-list-section .offer-area {
        display: none;
    }
    .soln-list-section {
        padding-top: 32px;
    }
    .prd-wrap + .prd-wrap {
        margin-top: 40px;
    }
    .prd-wrap .prd-list {
        margin:2px -6px -10px;
    }
    .prd-list li,
    .prd-list.bg li {
        width:calc((100%/2) - 12px);
        height: auto;
        margin: 10px 6px;
    }
    .prd-list li .prd-thumb {
        padding: 12px 12px 8px;
    }
    .prd-list.bg li .prd-thumb {
        padding: 15px 12px 12px;
    }
    .prd-list li .img-box {
        width: 100%;
        height: auto;
    }
    .prd-list li .img-box img {
        width: 100%;
        height: auto;
    }
    .prd-list li .prd-info {
        padding: 0 10px 12px;
    }
    .prd-list.bg li .prd-info {
        padding-top: 8px;
    }
    .prd-list li .prd-info .rank {
        left: 12px;
        width: 34px;
        height: 30px;
        font-size: 14px;
        line-height: 40px;
    }
    .prd-list li .prd-info .rank:after {
        bottom: -10px;
        border-top: 10px solid #5a5e77;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
    }
    .prd-list li:first-child .prd-info .rank:after {
        border-top: 10px solid #eb008b;
    }
    .prd-list li .event-tag {
        height: 20px;
        margin-bottom: 4px;
    }
    .prd-list li .event-tag .flag {
        width: 38px;
    }
    .prd-list li .prd-title {
        overflow: hidden;
        font-size: 18px;
        line-height: 28px;  
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .prd-list li .prd-desc {
        height: 40px;
        font-size: 13px;
        line-height: 20px;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space: normal;
        color: #636366;
        word-break: keep-all;
    }
    .prd-list li .prd-price {
        margin-top: 0;
        font-size: 12px;
        line-height: 30px;
    }
    .prd-list li .prd-price strong {
        font-size: 18px;
        vertical-align: middle;
    }
    .prd-list li .prd-btn-area {
        margin-top: 12px;
    }
    .prd-list li .prd-btn-area .btn-wish {
        display: none;
    }
    .prd-list li .prd-btn-area .check-box {
        margin-left: 0;
    }
    .prd-list li .prd-btn-area .check-box label {
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
    }
    .prd-list li .prd-btn-area .check-box label:before {
        background-size: 40px auto;
        background-position: -4px -4px;
    }
    .prd-list li .prd-btn-area .check-box input[type=checkbox]:checked + label:before {
        background-position: -4px -44px;
    }
    /* btn 1차 width: 100%; 2차 width: calc(100% - 36px); */
    .prd-list li .prd-btn-area .btn {
        width:100%;
        height: 32px;
        line-height: 30px;
    }
}

.prd-banner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}
.prd-banner li {
    overflow: hidden;
    border-radius: 14px;
}
.prd-banner.benefit-type li {
    width: 684px;
}
.prd-banner.info-type li {
    width: 448px;
    margin-left: 24px;
}
.prd-banner.info-type li:first-child {
    margin-left: 0;
}
.prd-banner li a {
    display: block;
    height: 216px;
}
.prd-banner li img {
    width: 100%;
    height: 100%;
}
.prd-banner.benefit-type .swiper-pagination {
    display: none;
    bottom: 0;
}
@media(max-width: 760px) {
    .prd-banner.benefit-type {
        display: block;
        margin: 40px -16px;
    }
    .prd-banner.benefit-type .swiper-wrapper {
        height: auto;
    }
    .prd-banner.benefit-type li {
        flex:none;
        width: 100%;
        margin: 0;
        border-radius:0;
    }
    .prd-banner.benefit-type .swiper-pagination {
        display: block;
    }
    .prd-banner.benefit-type .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: transparent;
        border: 2px solid #ddd;
        box-sizing: border-box;
        vertical-align: middle;
    }
    .prd-banner.benefit-type .swiper-pagination .swiper-pagination-bullet-active {
        width: 24px;
        background: #aaa;
        border-color: #aaa;
        border-radius: 4px;
    }
    .prd-banner.info-type {
        display: block;
        margin:0;
    }
    .prd-banner.info-type li {
        display: block;
        width: 100%;
        margin:20px 0 0;
    }
    .prd-banner li a {
        height: auto;
    }
}

.rec-soln {
    display: flex;
    flex-wrap: wrap;
    height: 448px;
    margin-top: 80px;
    background:#eee;
}
.rec-soln .keywords-area {
	position: relative;
    width: 352px;
    height: 448px;
    padding: 32px 22px 44px;
    box-sizing: border-box;
}
.rec-soln .keywords-area .title {
    display: block;
    color: #1a1d1d;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
}
.rec-soln .keywords-area .text {
    margin-top: 7px;
    color: #1a1d1d;
	font-size: 15px;
	line-height: 24px;
}
.rec-soln .keywords-area .radio-btn-wrap {
    overflow: hidden;
	height: 257px;
    margin-top: 25px;
	padding: 18px 23px 0;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}
.rec-soln .keywords-area .radio-btn-wrap .radio-btn {
	display: inline-block;
	margin: 8px 5px 8px 0;
}
.rec-soln .keywords-area .radio-btn-wrap .radio-btn label {
    background-color: #fff;
}
.product-box {
    padding: 14px 14px 14px 0;
}
.product-box .swiper-pagination {
    display: none;
}
.product-box .inner-box {
    width: 1026px;
    height: 420px;
    padding: 27px 42px 31px;
    box-sizing: border-box;
    background-color: #fff;
}
.product-box .product-list {
    display: flex;
    flex-wrap: wrap;
    height: 370px;
}
.product-list .item-product {
    position: relative;
    width: 266px;
    margin-left: 35px;
    padding-left: 36px;
}
.product-list .item-product:first-child {
    margin-left: 0;
    padding-left: 0;
}
.product-list .item-product:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 368px;
    background-color: #eee;
}
.product-list .item-product:first-child:before {
    display: none;
}
.product-list .item-product .img-box {
    display: block;
    width: 266px;
    height: 168px;
}
.product-list .item-product .img-box img { 
    width: 100%;
    height: 100%;
}
.product-list .item-product .info-box {
    margin-top: 24px;
}
.product-list .item-product .info-box .title {
    overflow: hidden;
    display: block;
    color: #1a1d1d;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-list .item-product .info-box .desc {
    overflow: hidden;
    height: 48px;
    color: #636366;
    font-size: 16px;
    line-height: 24px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.product-list .item-product .info-box .prd-price {
    display: block;
    margin-top: 24px;
    font-size: 20px;
    color: #636366;
    line-height:28px;
}
.product-list .item-product .info-box .prd-price strong {
    display: inline-block;
    margin-top: -4px;
    font-size: 34px;
    color: #1a1d1d;
}
.product-list .item-product .product-btn-area {
    position: relative;
}
.product-list .item-product .product-btn-area:after {
    content: '';
    clear: both;
    display: block;
}
.product-list .item-product .product-btn-area .check-box {
    margin-left: -8px;
}
.product-list .item-product .product-btn-area .check-box + .btn-wish {
    margin-left: 18px;
}
.product-list .item-product .product-btn-area .btn-wish {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: -8px;
    background: url(/images/icon/ic_wish.png) center center no-repeat;
}
.product-list .item-product .product-btn-area .btn-wish:hover {
    background: url(/images/icon/ic_wish_on.png) center center no-repeat;
}
.product-list .item-product .product-btn-area .btn {
    float: right;
    width: 72px;
}
@media(max-width: 760px) {
    .rec-soln {
        display: block;
        height: auto;
        margin: 40px -16px 0;
    }
    .rec-soln .keywords-area {
        width: 100%;
        height: auto;
        padding:24px 16px 15px;
    }
    .rec-soln .keywords-area .title {
        font-size: 20px;
        line-height: 24px;
    }
    .rec-soln .keywords-area .text {
        display: none;
    }
    .rec-soln .keywords-area .radio-btn-wrap {
        height: auto;
        margin: 12px 0 0;
        padding: 12px 0 0;
    }
    .rec-soln .keywords-area .radio-btn-wrap .radio-btn {
        margin: 4px 8px 4px 0;
    }
    .product-box {
        position: relative;
        padding: 0 16px 44px;
    }
    .product-box .swiper-pagination {
        display: block;
    }
    .product-box .inner-box {
        width: 100%;
        height: auto;
        padding: 0;
    }
    .product-list .item-product {
        width: 50%;
        margin: 0;
        padding:16px !important;
        box-sizing: border-box;
    }
    .product-box .product-list {
        height: auto;
    }
    .product-list .item-product .img-box {
        width: 100%;
        height: auto;
    }
    .product-list .item-product .img-box img {
        width: 100%;
        height: auto;
    }
    .product-list .item-product .info-box {
        margin-top: 8px;
    }
    .product-list .item-product .info-box .title {
        font-size: 18px;
        line-height: 28px;
    }
    .product-list .item-product .info-box .desc {
        overflow: hidden;
        height: 40px;
        font-size:13px;
        line-height: 20px;
        text-overflow: ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }
    .product-list .item-product .info-box .prd-price {
        margin-top: 0;
        font-size: 12px;
        line-height: 30px;
    }
    .product-list .item-product .info-box .prd-price strong {
        font-size: 18px;
        vertical-align: middle;
    }
    .product-list .item-product .product-btn-area {
        margin-top: 12px;
    }
    .product-list .item-product .product-btn-area .btn {
        width: 100%;
        height: 32px;
        background: #fff;
        font-size: 14px;
        line-height: 30px;
        border: 1px solid #1a1d1d;
        box-sizing: border-box;
    }
    .product-list .item-product .product-btn-area .btn-wish,
    .product-list .item-product .product-btn-area .check-box {
        display: none;
    }
    .product-box .swiper-pagination {
        bottom: 0;
    }
    .product-box .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: transparent;
        border: 2px solid #ddd;
        box-sizing: border-box;
    }
    .product-box .swiper-pagination .swiper-pagination-bullet-active {
        width: 24px;
        background: #aaa;
        border-color: #aaa;
        border-radius: 4px;
    }
}

.compare-area {
    display: none;
    position:fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    min-width: 1392px;
    background: #5a5e77;
}
.compare-area.fix {
    position: relative;
}
.compare-area:before {
    content: '';
    position: absolute;
    top: 0;
    right:calc(50% + 366px);
    bottom: 0;
    width: 100%;
    background:#e6007e;
}
.compare-area .compare-inner {
    position: relative;
    z-index:1;
    display: table;
    table-layout: fixed;
    width:1392px;
    height: 140px;
    margin:0 auto;
}
.compare-area .compare-inner > div {
    display: table-cell;
    vertical-align: middle;
}
.compare-area .compare-title {
    width: 330px;
}
.compare-area .compare-title .title {
    display: block;
    font-size: 32px;
    line-height: 48px;
    color: #fff;
}
.compare-area .compare-title ul li {
    position: relative;
    padding-left: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}
.compare-area .compare-title ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background: #fff;
    border-radius: 50%;
}
.compare-area .compare-list {
    position: relative;
    width: 894px;
}
.compare-area .compare-list:after {
    content: '';
    clear: both;
    display: block;
}
.compare-area .compare-list .item {
    position: relative;
    display: table-cell;
    width: 298px;
    height: 140px;
    padding: 30px 38px 30px 24px;
    box-sizing: border-box;
    vertical-align: middle;
}
.compare-area .compare-list .item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background: #fff;
}
.compare-area .compare-list .item:first-child:before {
    display: none;
}
.compare-area .compare-list .item .title {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
}
.compare-area .compare-list .item .btn-delete {
    position: absolute;
    top: 30px;
    right: 12px;
    width: 24px;
    height: 24px;
    background: url(/images/btn/btn_delete02.png) 0 0 no-repeat;
    background-size: 24px 24px;
}
.compare-area .compare-btn {
    width: 168px;
}
.compare-area .compare-btn .btn {
    display: block;
    width: 120px;
    margin:0 auto;
}
.compare-area .compare-btn .btn + .btn {
    margin-top:12px;
}
.compare-area .compare-btn .btn-compare .num {
    display: none;
}

@media(max-width: 760px) {
    .compare-area {
        min-width: auto;
    }
    .compare-area .compare-inner {
        display: block;
        width: 100%;
        height: 56px;
    }
    .compare-area .compare-inner .compare-title,
    .compare-area .compare-inner .compare-list {
        display: none;
    }
    .compare-area .compare-inner .compare-btn {
        position: relative;
        display: block;
        width: 100%;
        padding-left:64px;
        box-sizing: border-box;
    }
    .compare-area .compare-inner .compare-btn .btn-compare {
        width:100%;
        height: 56px;
        line-height: 56px;
        border-radius:0 !important;
    }
    .compare-area .compare-inner .compare-btn .btn-init {
        position: absolute;
        top: 0;
        left: 0;
        width: 64px;
        height: 56px;
        margin: 0;
        border: 0;
        background:transparent url(/images/btn/btn_init02.png) center center no-repeat;
        background-size:24px 24px;
        font-size: 0;
        line-height: 0;
        text-indent: -9999px;
    }
    .compare-area .compare-btn .btn-compare .num {
        display: inline-block;
    }
}

/* 패키지 요금 계산 */
.calc-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.product-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 920px;
}
.product-wrap:after {
    content: '';
    clear: both;
    display: block;
}
.product-wrap .prd-sel-box {
    width: 448px;
    min-height: 400px;
    margin: 0 0 24px 24px;
    border: 1px solid #d1d1d7;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}
.product-wrap .prd-sel-box:first-child {
    margin-left: 0;
}
.product-wrap .prd-sel-box.type3 {
    clear: both;
    float: none;
    width: 100%;
    height: auto;
    min-height: 360px;
    margin:0;
}
.prd-sel-box .title-area {
    margin-top: 0;
    padding: 3px 30px;
    background:rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #d1d1d7;
}
.prd-sel-box .title-area .title {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
.prd-sel-box .sel-group {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.prd-sel-box.type1 .sel-group {
    min-height: 286px;
}
.prd-sel-box.type1 .sel-group .sel-column {
    width: 50%;
}
.prd-sel-box.type2 .sel-group {
    height: 308px;
}
.prd-sel-box.type2 .sel-group .sel-column {
    width: 33.3333%;
}
.prd-sel-box.type3 .sel-group {
    min-height: inherit;
}
.prd-sel-box.type3 .sel-group .sel-column {
    width: 110px;
}
.prd-sel-box.type3 .sel-group .sel-column.last {
    width: 141px;
}
.prd-sel-box .sel-group .sel-column {
    display:table-cell;
    padding-bottom: 4px;
    border-left: 1px solid #d1d1d7;
}
.prd-sel-box .sel-group .sel-column:first-child {
    border-left: 0;
}
.prd-sel-box .sel-group .title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}
.prd-sel-box .sel-group .sel-item {
    margin-top: 4px;
    padding: 0 6px;
    color: #636366;
}
.prd-sel-box .sel-group .sel-item:first-child {
    margin-top: 0;
}
.prd-sel-box .sel-group .sel-item .check-box,
.prd-sel-box .sel-group .sel-item .radio-box {
    margin-left: -6px;
}
.prd-sel-box .sel-group .sel-item .check-box label,
.prd-sel-box .sel-group .sel-item .radio-box label {
    min-height: 30px;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}
.prd-sel-box .sel-group .sel-item .check-box label:before {
    width: 30px;
    height: 30px;
    background-size: 30px 60px;
}
.prd-sel-box .sel-group .sel-item .radio-box label:before {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 0;
    border: 0;
    background: url(/images/btn/btn_check.png) no-repeat 0 0;
    background-size: 30px 60px;
}
.prd-sel-box .sel-group .sel-item .check-box input[type=checkbox]:checked + label:before,
.prd-sel-box .sel-group .sel-item .radio-box input[type=radio]:checked + label:before {
    background-position: 0 -30px;
}
.prd-sel-box .sel-group .sel-item .radio-box input[type=radio]:checked + label:before {
    transition: none;
}
.prd-sel-box .sel-group .sel-item .radio-box label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(174, 174, 178, 0.3);
    transform: scale(0);
    transition: all .3s;
}

.prd-sel-box .sel-group .sel-item .select-box {
    width: 85px;
    min-width: auto;
    height: 30px;
}
.prd-sel-box .sel-group .sel-item .select-box .select2-selection--single {
    height: 30px;
    padding:0 24px 0 8px;
}
.prd-sel-box .sel-group .sel-item .select-box .select2-selection__rendered {
    font-size: 12px;
    line-height: 30px;
}
.prd-sel-box .sel-group .sel-item .select-box .select2-selection__arrow {
    right: 0;
}
.prd-sel-box .sel-group .sel-item .inp-group {
    display: none;
    margin-left: 4px;
    vertical-align: middle;
}
.prd-sel-box .sel-group .sel-item.none .inp-group,
.prd-sel-box .sel-group .sel-item.on .inp-group {
    display: inline-block;
}
.prd-sel-box .sel-group .sel-item .inp-group li {
    min-height: 18px;
    margin-top: 2px;
}
.prd-sel-box .sel-group .sel-item .inp-group li:first-child {
    margin-top: 0;
}
.prd-sel-box .sel-group .sel-item .inp-group span {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: #1a1d1d;
    vertical-align: middle;
}
.prd-sel-box .sel-group .sel-item .inp-group .inp-field input{
    width: 25px;
    height: 18px;
    padding: 0;
    background: #fff;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
}
.prd-sel-box .sel-group .sel-item .inp-box .unit {
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    line-height: 30px;
}
.prd-sel-box .sel-group .sel-item .inp-box input {
    width: 85px;
    height: 30px;
    padding: 0 8px;
    font-size: 12px;
}
.prd-sel-box .sel-group .sel-item .prd-desc {
    display: block;
    margin-left: 8px;
    font-size: 12px;
    line-height: 17px;
    color: #636366;
}
.prd-sel-box .sel-group .pinttxt {
    margin-top: 4px;
    padding: 0 6px;
    font-size: 14px;
    line-height: 30px;
    color: #eb008b;
}

.prd-sel-box .text-box {
    padding: 10px 0;
    border-top: 1px solid #d1d1d7;
}
.prd-sel-box .text-box .list-text {
    margin-top: 0;
}
.prd-sel-box .text-box .list-text li {
    margin-top: 4px;
}
.prd-sel-box .text-box .list-text li:first-child {
    margin-top: 0;
}

.charge-wrap {
    width: 448px;
}
.charge-wrap .btn-area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}
.charge-wrap .btn-area a {
    display: block;
    width: 216px;
    height: 48px;
    font-size: 15px;
    font-weight: 500;
    line-height: 48px;
    border-radius: 4px;
    box-sizing: border-box;
}
.charge-wrap .btn-area .btn-package {
    padding-left: 63px;
    background: #f2f3f4 url(/images/btn/btn_package.png) left 30px center no-repeat;
    color: #3a3a3d;
}
.charge-wrap .btn-area .btn-consult {
    padding-left: 80px;
    background: #5a5e77 url(/images/btn/btn_consult.png) left 48px center no-repeat;
    color: #d1d1d7;
}
.charge-wrap .officer-area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding: 20px 30px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #d1d1d7;
}
.charge-wrap .officer-area label {
    display: inline-block;
    margin-right: 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
}
.charge-wrap .officer-area input {
    width: 212px;
}
.charge-wrap .officer-area .btn {
    margin-left: 16px;
    width: 72px;
    color: #d1d1d7;
}
.charge-table {}
.charge-table .tbl-top .title {
    font-size: 20px;
    font-weight: 700;
}
.charge-table .tbl-top .btn-more {
    display: inline-block;
    height: 22px;
    margin-left: 4px;
    background: #5a5e77;
    border-radius: 4px;
    vertical-align: middle;
}
.charge-table .tbl-top .btn-more span {
    position: relative;
    display: block;
    padding: 0 12px 0 4px;
    font-size: 12px;
    color: #d1d1d7;
}
.charge-table .tbl-top .btn-more span:after {
    content:'';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #d1d1d7;
    border-right: 1px solid #d1d1d7;
    transform: translateY(-50%) rotateZ(45deg);
}
.charge-table .tbl-unit {
    text-align: right;
}
.charge-table .tbl-unit span {
    font-size: 14px;
    line-height: 20px;
    color: #636366;
}
.charge-table table {
    margin:10px 0 12px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.charge-table table th,
.charge-table table td {
    padding: 0 4px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #d1d1d7;
    border-top: 0;
}
.charge-table table th {
    height: 38px;
    background:rgba(0, 0, 0, 0.05);
    font-weight: 700;
}
.charge-wrap .charge-table table th {
    height: 76px;
}
.charge-table table td {
    height: 26px;
}
.charge-table table td .per {
    position: relative;
    display: block;
    margin-top: 4px;
    padding-top: 4px;
}
.charge-table table td .per:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 1px;
    background-color: #d9d9d9;
}

/* 장바구니 */
.shoppingcart-list {
    margin-top: 60px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.shoppingcart-list .item-shoppingcart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 17px 23px 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #d1d1d7;
}
.shoppingcart-list .item-shoppingcart.first,
.shoppingcart-list .item-shoppingcart.last {
    padding: 23px;
    background-color: #f2f3f4;
}
.shoppingcart-list .item-shoppingcart.last {
    padding: 26px 23px 25px 78px;
}
.shoppingcart-list.type2 .item-shoppingcart.last {
    padding: 38px 23px 37px;
}
.shoppingcart-list .item-shoppingcart .check-all, 
.shoppingcart-list .item-shoppingcart .check-wrap,
.shoppingcart-list .item-shoppingcart .text-box {
    display: inline-block;
}
.shoppingcart-list .item-shoppingcart .cont-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.shoppingcart-list .item-shoppingcart .check-box {
    width: 176px;
    margin-right: 24px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 46px;
}
.shoppingcart-list .item-shoppingcart.first .check-box {
    width: auto;
    margin-right: 16px;
}
.shoppingcart-list .item-shoppingcart .check-box label {
    padding-left: 56px;
}
.shoppingcart-list .item-shoppingcart.first .check-box label {
    padding-left: 40px;
}
.shoppingcart-list .item-shoppingcart .title {
    display: inline-block;
    width: 120px;
    margin-right: 24px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 46px;
}
.shoppingcart-list .item-shoppingcart .fee-tit {
    display: inline-block;
    width: 94px;
    color: #1a1d1d;
    font-size: 16px;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
}
.shoppingcart-list .item-shoppingcart .fee-price {
    display: inline-block;
    margin-left: 24px;
    color: #1a1d1d;
    font-size: 26px;
    font-weight: 400;
    line-height: 46px;
    text-align: left;
}
.shoppingcart-list .item-shoppingcart .fee-price strong {
    font-size: 32px;
    font-weight: 700;
}
.shoppingcart-list .item-shoppingcart .fee-price + .fee-tit {
    margin-left: 36px;
}
.shoppingcart-list .item-shoppingcart .sign {
    display: inline-block;
    margin:0 8px 0 15px;
    color: #1a1d1d;
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
}
.shoppingcart-list .item-shoppingcart .sign.ty2 {
    margin: 0 24px;
}
.shoppingcart-list .item-shoppingcart.last .btn {
    width: 170px;
}
.shoppingcart-list .item-shoppingcart .btn + .btn {
    margin-left: 6px;
}
.shoppingcart-list .item-shoppingcart .btn-delete {
    display: inline-block;
    width: 32px;
    height: 40px;
    margin-left: 25px;
    background: url(/images/btn/btn_delete.png) no-repeat center center;
    background-size: 32px 32px;
}
.shoppingcart-list .item-shoppingcart .text-box .text-desc {
    margin-top: 0;
}
.shoppingcart-list .item-shoppingcart.first .text-box .text-desc + .text-desc {
    margin: 5px 0 0 8px;
}

/* 장바구니 팝업 */
.cart-list {
    overflow-y: auto;
    overflow-x: hidden;
    height: 413px;
    margin-top: 12px;
    border-top: 2px solid rgba(26, 29, 29, 0.5);
}
.cart-list::-webkit-scrollbar {
    width: 4px; 
}
.cart-list::-webkit-scrollbar-thumb {
    height: 30%;
    background: #aeaeb2;
    border-radius: 2px;
}
.cart-list::-webkit-scrollbar-track {
    background: #fff;
}
.cart-list .item-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 20px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d1d1d7;
}
.cart-list.type02 {
    height: 407px;
}
.cart-list.type02 .item-cart {
    margin-top: 0;
    padding: 20px;
}
.cart-list .item-cart .cont-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cart-list .item-cart .cont-area .check-box {
    min-width: 170px;
}
.cart-list .item-cart .cont-area .check-box label {
    padding-left: 48px;
}
.cart-list .item-cart .fee-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cart-list .item-cart .fee-list .item {
    margin-right: 40px;
}
.cart-list .item-cart .fee-list .item span {
    display: block;
}
.cart-list .item-cart .fee-list .item .tit {
    color: #636366;
    font-size: 12px;
    line-height: 17px;
}
.cart-list .item-cart .fee-list .item .price {
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.cart-list .item-cart .btn-box {
    display: flex;
}
.cart-list .item-cart .btn-box .btn {
    width: 100px;
    font-size: 14px;
}
.cart-list .item-cart .btn-box .btn + .btn {
    margin-left: 12px;
}
.cart-list .item-cart .text-box .text-desc {
    margin-top: 0;
}
.cart-wrap .month-total {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 23px 0;
    border-radius: 10px;
    border: 2px solid #e3007f;
    text-align: center;
}
.cart-wrap .month-total .fee-box span {
    display: block;
}
.cart-wrap .month-total .fee-box .tit {
    color: #636366;
    font-size: 12px;
    line-height: 17px;
}
.cart-wrap .month-total .fee-box .price {
    margin-top: 3px;
    color: #1a1d1d;
    font-size: 24px;
    line-height: 35px;
}
.cart-wrap .month-total .sign {
    display: block;
    width: 24px;
    height: 24px;
    margin:0 88px;
}
.cart-wrap .month-total .sign.subtract {
    background: url(/images/icon/ic_subtract.png) no-repeat 0 0;
}
.cart-wrap .month-total .sign.equals {
    background: url(/images/icon/ic_equals.png) no-repeat 0 0;
}
.cart-wrap .month-total .fee-box.total .price {
    font-weight: 700;
}

.applicat-wrap {
    position: relative;
    margin-top: 60px;
}
.applicat-cont {
    width: 1038px;
}
.applicat-cont .inner-box {
    width: 802px;
    margin: 0 auto;
}
.applicat-cont .btn-wrap {
    margin-top: 72px;
}
.applicat-cont .btn-wrap .btn {
    width: 260px;
}

.product-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 12px;
    padding: 14px 80px 15px 45px;
    border-radius: 14px;
    border: 1px solid #d1d1d7;
}
.product-detail span {
    display: block;
}
.product-detail .title {
    width: 100px;
    margin-right: 17px;
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}
.product-detail .cont {
    width: calc(100% - 117px);
}
.product-detail .price-box {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}
.product-detail .price-box .price {
    color: #1a1d1d;
    font-size: 26px;
    line-height: 46px;
}
.product-detail .price-box .price strong {
    font-size: 32px;
}
.product-detail .price-box .count {
    color: #000;
    font-size: 18px;
    line-height: 47px;
}
.product-detail .price-box .count input {
    width: 95px;
    margin-right: 8px;
    text-align: right;
}
.product-detail .cont .txt {
    color: #1a1d1d;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
@media(max-width: 760px) {
    .product-detail {
        position: relative;
        display: block;
        padding: 20px;
    }
    .product-detail .title {
        width: 100%;
        margin-right: 0;
        color: #1a1d1d;
        font-size: 18px;
        line-height: 26px;
    }
    .product-detail .cont {
        width: 100%;
        margin-top: 4px;
    }
    .product-detail .price-box {

    }
    .product-detail .price-box .price {
        display: inline-block;
        color: #1a1d1d;
        font-size: 20px;
        line-height: 40px;
    }
    .product-detail .price-box .price strong {
        font-size: 20px;
    }
    .product-detail .price-box .count {
        display: inline-block;
        font-size: 20px;
        line-height: 40px;
    }
    .product-detail .price-box .count input {
        width: 75px;
    }
    .product-detail .cont .txt {
        margin-top:6px;
        font-size: 14px;
    }
}

.feeinfo-box {
    position: absolute;
    right: 50%;
    top: 234px;
    width: 338px;
    margin-right: -696px;
    border: 2px solid rgba(0, 0, 0, 0.8);
}
.feeinfo-box .feeinfo-opner {
    display: none;
}
.feeinfo-box .feeinfo-layer {
    display: block;
}
.feeinfo-box .total-box {
    padding: 16px 18px 16px;
    background-color: rgba(0, 0, 0, 0.05);
}
.feeinfo-box .total-box .total-title {
    display: block;
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.feeinfo-box .total-box .total-price {
    margin-top: 14px;
    color: #1a1d1d;
    font-size: 26px;
    line-height: 46px;
    text-align: right;
}
.feeinfo-box .total-box .total-price strong {
    font-size: 32px;
}
.feeinfo-box .detail-list .item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.feeinfo-box .detail-list .item:last-child {
    border-bottom: 0;
}
.feeinfo-box .detail-list .item .detail-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 13px 20px 12px;
    border-bottom: 1px solid #d1d1d7;
}
.feeinfo-box .detail-list .item .detail-box span {
    display: block;
}
.feeinfo-box .detail-list .item .detail-box .title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
}
.feeinfo-box .detail-list .item .detail-box .price {
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
}
.feeinfo-box .detail-list .item .desc-list {
    padding: 20px 20px 20px 30px;
}
.feeinfo-box .detail-list .item .desc-list .item-desc {
    margin-top: 13px;
}
.feeinfo-box .detail-list .item .desc-list .item-desc:first-child {
    margin-top: 0;
}
.feeinfo-box .detail-list .item .desc-list .item-desc .fee-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.feeinfo-box .detail-list .item .desc-list .item-desc .tit,
.feeinfo-box .detail-list .item .desc-list .item-desc .price {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}
.feeinfo-box .detail-list .item .desc-list .item-desc .price {
    font-weight: normal;
}
.feeinfo-box .detail-list .item .desc-list .item-desc ul {
    margin-top: 10px;
}
.feeinfo-box .detail-list .item .desc-list .item-desc ul li {
    position: relative;
    margin-top: 10px;
    padding-left: 26px;
}
.feeinfo-box .detail-list .item .desc-list .item-desc ul li:first-child {
    margin-top: 0;
}
@media(max-width: 760px) {
    .applicat-wrap {
        margin-top: 20px;
    }
    .applicat-cont {
        width: 100%;
    }
    .applicat-cont .inner-box {
        width: 100%;
    }
    .applicat-cont .btn-wrap {
        margin-top: 30px;
    }
    .applicat-cont .btn-wrap .btn {
        width: auto;
    }
    .applicat-cont .tbl-form colgroup {
        display: none;
    }
    .applicat-cont .tbl-form tr {
        border-bottom: 1px solid #d1d1d7;
    }
    .applicat-cont .tbl-form tr:first-child {
        margin-top: 0;
    }
    .applicat-cont .tbl-form th,
    .applicat-cont .tbl-form td {
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        border: 0;
        background: none;
        text-align: left;
    }
    .applicat-cont .tbl-form th {
        margin: 20px 0 12px;
    }
    .applicat-cont .tbl-form td {
        margin: 0 0 20px;
    }
    
    /* .product-detail {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 12px;
        padding: 14px 45px 15px;
        border-radius: 14px;
        border: 1px solid #d1d1d7;
    }
    .product-detail span {
        display: inline-block;
    }
    .product-detail .title {
        margin-right: 19px;
        color: #1a1d1d;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }
    .product-detail .price-box .price {
        color: #1a1d1d;
        font-size: 26px;
        line-height: 46px;
    }
    .product-detail .price-box .price strong {
        font-size: 32px;
    }
    .product-detail .price-box .txt {
        color: #1a1d1d;
        font-size: 16px;
        font-weight: 500;
        line-height: 23px;
    }
    .product-detail .count {
        margin-left: 15px;
        color: #000;
        font-size: 18px;
        line-height: 26px;
    } */

    .feeinfo-box {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        border: 0;
    }
    .feeinfo-box.fix {
        position: relative;
    }
    .feeinfo-box.active { 
        top:0 !important;
        background-color: rgba(0,0,0,.6);
    }
    .feeinfo-box .feeinfo-opner {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #5a5e77;
        text-align: center;
        cursor: pointer;
    }
    .feeinfo-box.fix .feeinfo-opner { 
        position: relative;
    }
    .feeinfo-box .feeinfo-opner.active {
        background-color: #141316;
    }
    .feeinfo-box .feeinfo-opner a {
        position: relative;
        display: inline-block;
        height: 56px;
        padding: 11px 15px 13px 0;
        box-sizing: border-box;
    }
    .feeinfo-box .feeinfo-opner a:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 16px;
        height: 8px;
        background: url(/images/btn/btn_toggle_white.png) no-repeat right center;
        background-size: 16px 8px;
        transform: translateY(-50%);
        transition: all .3s;
    }
    .feeinfo-box .feeinfo-opner.active a:before {
        transform: rotate(-180deg);
    }
    .feeinfo-box .feeinfo-opner a span {
        display: inline-block;
        margin-right: 10px;
        font-size: 14px;
        color: #fff;
        line-height: 32px;
    }
    .feeinfo-box .feeinfo-opner a strong {
        display: inline-block;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        line-height: 32px;
    }
    .feeinfo-box .feeinfo-layer {
        display: none;
        position: absolute;
        bottom:56px;
        left:0;
        right: 0;
        width: 100%;
        background: #fff;
    }
    .feeinfo-box .feeinfo-layer .total-box {
        display: none;
    }
    .feeinfo-box .detail-list .item .detail-box .title {
        font-size: 16px;
        line-height: 23px;
    }
    .feeinfo-box .detail-list .item .detail-box .price {
        font-size: 16px;
        line-height: 23px;
    }

    .feeinfo-box .detail-list .item .desc-list .item-desc .tit,
    .feeinfo-box .detail-list .item .desc-list .item-desc .price {
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }
}

/*---------------------------------------/
    sort area 영역
/---------------------------------------*/
.sort-area {
    position: relative;
    text-align: right;
    margin-top: 60px;
}
.tab-panel .sort-area {
    margin-top: 0;
}
.sort-area:after {
    content: '';
    clear: both;
    display: block;
}
.sort-area .total-cnt,
.sort-area .desc-text {
    float: left;
    margin-top: 25px;
    color: #636366;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px; 
}
.sort-area .select-box {
    float:left;
    width: 212px;
    text-align: left;
}
.sort-area .total-cnt + .select-box {
    margin-right: 4px;
}
.sort-area .hidden-text {
    clear: both;
    float: right;
    padding-left: 0;
    text-align: left;
}
.sort-area .hidden-text:before {
    display: none;
}

.search-area {
    display: inline-block;
    position: relative;
    width: 448px;
}
.search-area:after {
    content: '';
    clear: both;
    display: block;
}
.search-area .inp-search {
    position: relative;
    padding: 0 30px 0 40px;
    border-radius: 4px;
    border: 1px solid #aeaeb2;
}
.search-area .btn-search {
    position: absolute;
    left: 8px;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url(/images/btn/btn_search.png) no-repeat 0 0;
    background-size: 24px 24px;
    transform: translateY(-50%);
}
@media(max-width: 760px) {
    /*---------------------------------------/
        sort area 영역 모바일
    /---------------------------------------*/
    .sort-area {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .layer-popup .pop-body .sort-area {
        margin-top: 12px;
    }
    .sort-area .total-cnt {
        order: 3;
    }
    .sort-area .total-cnt,
    .sort-area .desc-text {
        font-size: 15px;
        line-height: 22px;
        text-align: left;
    }
    .sort-area .desc-text {
        margin-top: 0;
    }
    .sort-area .select-box {
        order: 1;
        float: none;
        width: 100% !important;
        margin-bottom: 8px;
    }
    .sort-area .total-cnt + .select-box {
        margin-right: 0;
    }
    .sort-area .desc-text + .search-area {
        margin-top: 12px;
    }
    .sort-area .search-area {
        width: 100%;
        order:2;
    }
    .sort-area .hidden-text {
        float: none;
        width: 100%;
        order:2;
    }
    .search-area {
        width: 100%;
    }
    .search-area .inp-search {
        font-size: 14px;
    }
}

/* 서비스 상세  */
.prd-detail-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 1392px;
    height: 362px;
    margin: 0 auto;
}
.prd-detail-wrap .visual-img {
    position: relative;
    width: 566px;
    height: 360px;
    border: 1px solid #d1d1d7;
    box-sizing: border-box;
}
.prd-detail-wrap .visual-img img {
    width: 100%;
    height:100%;
}
.prd-detail-wrap .visual-img .badge-box {
    position: absolute;
    right: 0;
    top: 0;
}
.prd-detail-wrap .visual-img .badge-box .flag {
    min-width: 60px;
}
.prd-detail-wrap .visual-info {
    width: calc(100% - 590px);
    margin-left: 24px;
}
.prd-detail-wrap .visual-info .title-box {
    position: relative;
}
.prd-detail-wrap .visual-info .title-box .category {
    display: inline-block;
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    border-bottom: 1px solid #1a1d1d;
}
.prd-detail-wrap .visual-info .title-box .category:hover {
    color: #eb008b;
}
.prd-detail-wrap .visual-info .title-box .title {
    display:block;
    color: #1a1d1d;
    font-size: 32px;
    font-weight: 700;
    line-height: 54px;
}
.prd-detail-wrap .visual-info .title-box .text {
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}
.prd-detail-wrap .visual-info .cont-area {
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #d1d1d7;
}
.prd-detail-wrap .visual-info .rating-box .star-txt {
    display: inline-block;
    margin-left: 4px;
    color: #141316;
    font-size: 16px;
    line-height: 24px;
}
.prd-detail-wrap .visual-info .rating-text {
    height: 20px;
    margin-top: 7px;
    color: #141316;
    font-size: 14px;
    line-height: 20px;
}
.prd-detail-wrap .visual-info .tag-list {
    height: 38px;
    margin-top: 20px;
}
.prd-detail-wrap .visual-info .tag-list .tag {
    display: inline-block;
    height: 36px;
    padding: 0 20px;
    border-radius: 18px;
    border: 1px solid #aeaeb2;
    background-color: #fff;
    color: #1a1d1d;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
}
.prd-detail-wrap .visual-info .prd-price {
    position: absolute;
    right: 0;
    top: 16px;
    color: #141316;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}
.prd-detail-wrap .visual-info .link-list {
    position: absolute;
    bottom: 116px;
    right: 0;
}
.prd-detail-wrap .visual-info .link-list a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-left: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.prd-detail-wrap .visual-info .link-list .link-web {background-image:url(/images/icon/ic_website.png);}
.prd-detail-wrap .visual-info .link-list .link-aos {background-image:url(/images/icon/ic_playstore.png);}
.prd-detail-wrap .visual-info .link-list .link-ios {background-image:url(/images/icon/ic_appstore.png);}

.prd-detail-wrap .visual-info .prd-btn-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}
.prd-detail-wrap .visual-info .prd-btn-box > .btn {
    width: 330px;
    height: 96px;
    margin-right: 24px;
    font-size: 22px;
    line-height: 96px;
}
.prd-detail-wrap .visual-info .prd-btn-box .service-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 330px);
    margin: -8px -12px;
}
.prd-detail-wrap .visual-info .prd-btn-box .service-btn .btn {
    width: calc((100%/2) - 24px);
    margin: 8px 12px;
}
.prd-detail-wrap .visual-info .prd-btn-box .service-btn.type02 .btn {
    height: 96px;
    line-height: 94px;
}

.prd-detail-wrap .visual-info .btn-like {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 36px;
	height: 36px;
	background: url(/images/btn/btn_unlike2.png) center center no-repeat;
	background-size: 36px 36px;
}
.prd-detail-wrap .visual-info .btn-like:hover {
	background: url(/images/btn/btn_like2.png) center center no-repeat;
	background-size: 36px 36px;
}

@media(max-width: 760px) {
    .prd-detail-wrap {
        display: block;
        width: 100%;
        height: auto;
    }
    .prd-detail-wrap .visual-img {
        width: 100%;
        height: auto;
        border: 0;
    }
    .prd-detail-wrap .visual-img img {
        height: auto;
    }
    .prd-detail-wrap .visual-img .badge-box .flag {
        display: block;
        height: 30px;
        margin-top: 4px;
        line-height: 30px;
    }
    .prd-detail-wrap .visual-img .badge-box .flag:first-child {
        margin-top: 0;
    }
    .prd-detail-wrap .visual-info {
        width: 100%;
        margin: 16px 0 24px;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .prd-detail-wrap .visual-info .title-box .category {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: 23px;
    }
    .prd-detail-wrap .visual-info .title-box .title {
        font-size: 22px;
        line-height: 26px;
    }
    .prd-detail-wrap .visual-info .title-box .text {
        margin-top: 4px;
        font-size: 15px;
        line-height: 22px;
    }
    .prd-detail-wrap .visual-info .btn-like {
        display: none;
    }
    .prd-detail-wrap .visual-info .cont-area {
        margin-top:16px;
        padding-top: 0;
        border-top: 0;
    }
    .prd-detail-wrap .visual-info .cont-area .rating-box {
        position: absolute;
        top: -94px;
        right: 0;
        height: 20px;
    }
    .prd-detail-wrap .visual-info .rating-box .star-txt {
        font-size: 15px;
        line-height: 20px;
    }
    .prd-detail-wrap .visual-info .rating-text {
        display: none;
    }
    .prd-detail-wrap .visual-info .prd-price {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 10px;
        font-size: 18px;
        line-height: 22px;
    }
    .prd-detail-wrap .visual-info .tag-list {
        overflow: hidden;
        width: calc(100% - 102px);
        height: 19px;
        margin-top:3px;
    }
    .prd-detail-wrap .visual-info .tag-list .tag {
        height: 19px;
        margin-right: 6px;
        padding: 0;
        font-size: 13px;
        line-height: 19px;
        border: 0;
        border-radius: 0;
    }
    .prd-detail-wrap .visual-info .tag-list .tag:first-child {
        margin-left: 0;
    }
    .prd-detail-wrap .visual-info .link-list {
        top: -3px;
    }
    .prd-detail-wrap .visual-info .link-list a {
        width: 24px;
        height: 24px;
        margin-left: 6px;
        background-size: 24px 24px;
    }
    .prd-detail-wrap .visual-info .prd-btn-box {
        margin: 16px -4px 0;
    }
    .prd-detail-wrap .visual-info .prd-btn-box > button {
        display: none;
    }
    .prd-detail-wrap .visual-info .prd-btn-box .service-btn {
        justify-content: space-between;
        width: 100%;
        margin:-4px;
    }
    .prd-detail-wrap .visual-info .prd-btn-box .service-btn .btn {
        width: calc((100% / 2) - 8px);
        margin: 4px;
    }
    .prd-detail-wrap .visual-info .prd-btn-box .service-btn.type02 .btn {
        width: 100%;
        height: 40px;
        line-height: 38px;
    }
}

.prd-fix-bar {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 35px 0;
    background: rgba(90, 94, 119, .9);
}
.prd-fix-bar.fix {
    position: relative;
    left: 0;
    bottom: 0;
}
.prd-fix-bar .cont-area {
    position: relative;
    width: 1392px;
    margin: 0 auto;
    text-align: right;
}
.prd-fix-bar .cont-area:after{
    content: '';
    clear: both;
    display: block;
}
.prd-fix-bar .cont-area .prd-name {
    float: left;
    width: 280px;
    font-size: 32px;
    color: #fff;
    line-height: 46px;
}
.prd-fix-bar .cont-area .btn-bar {
    display: inline-block;
    margin-left: 12px;
    padding: 3px 0;
    vertical-align: top;
}
.prd-fix-bar .cont-area .btn-bar .btn {
    margin: 0 6px;
}
.prd-fix-bar .cont-area .btn-bar.bar01 .btn {
    width: 130px;
}
.prd-fix-bar .cont-area .btn-bar.bar02 .btn {
    width: 212px;
}
.prd-fix-bar .cont-area .btn-wish span {
    padding-left: 32px;
    background:url(/images/btn/btn_wish.png) 0 center no-repeat;
    background-size: 24px 24px;
}
.prd-fix-bar .cont-area .btn-wish:hover span {
    background:url(/images/btn/btn_wish_on.png) 0 center no-repeat;
    background-size: 24px 24px;
}
@media(max-width: 760px) {
    .prd-fix-bar {
        padding: 0;
    }
    .prd-fix-bar .cont-area {
        width: 100%;
    }
    .prd-fix-bar .cont-area .prd-name,
    .prd-fix-bar .cont-area .btn-bar.bar01 {
        display: none;
    }
    .prd-fix-bar .cont-area .btn-bar.bar02 {
        display: block;
        margin: 0;
        padding: 0;
    }
    .prd-fix-bar .cont-area .btn-bar.bar02 .btn {
        width: 100%;
        height: 56px;
        margin: 0;
        padding: 0;
        line-height: 54px;
        border-radius: 0 !important;
    }
    .prd-fix-bar .cont-area .btn-bar.bar02 .btn-wish {
        display: none;
    }
}

.prd-detail-tab {
    padding: 22px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    text-align: center;
    z-index: 11;
}
.prd-detail-tab.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.prd-detail-tab .tab-list {
    overflow: hidden;
    display: inline-block;
}
.prd-detail-tab .tab-list li {
    float: left;
}
.prd-detail-tab .tab-list li button {
    display: block;
    padding: 0 50px;
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.prd-detail-tab .tab-list li.on button,
.prd-detail-tab .tab-list li:hover button {
    color: #e4007f;
    font-weight: 700;
}
@media(max-width: 760px) {
    .prd-detail-tab {
        padding: 0;
    }
    .prd-detail-tab.fixed {
        margin-top: 0;
    }
    .prd-detail-tab .tab-list {
        overflow-y: hidden;
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }
    .prd-detail-tab .tab-list::-webkit-scrollbar {
        display: none;
    }
    .prd-detail-tab .tab-list li {
        float: none;
        display: inline-block;
        padding: 0 17px;
    }
    .prd-detail-tab .tab-list li button {
        position: relative;
        padding: 0;
        font-size: 16px;
        line-height: 48px;
    }
    .prd-detail-tab .tab-list li.on button:after {
        content:'';
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #eb008b;
    }
}

/* 서비스 특징 */
.service-point-list {
    position: relative;
    margin-top: 50px;
}
.service-point-list:after {
    content: '';
    display: block;
    clear: both;
}
.service-point-list li {
    float: left;
    width: 33.33%;
    text-align: center;
}
.service-point-list li:first-child {
    margin-left: 0;
}
.service-point-list li .title {
    display: block;
    margin-top: 20px;
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
}
.service-point-list li .desc {
    margin-top: 10px;
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}

/* 유선전화 서비스 */
.subTapVisual {
    position: relative;
    width: 1100px;
    min-height: 240px;
    margin: 80px auto;
    padding: 35px 320px 35px 35px;
    box-sizing: border-box;
}
.subTapVisual .subTapVisualcont .title {
    color: #000;
    font-size: 52px;
    line-height: 64px;
    letter-spacing: -4px;
}
.subTapVisual .subTapVisualcont .text {
    margin-top: 10px;
    color: #000;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: -1px;
}
.subTapVisual .subTapVisualimg {
    position: absolute;
    right: 64px;
    top: 50%;
    transform: translateY(-50%);
}
.subTapVisual .subTapVisualimg img {
    width: 100%;
}
@media(max-width: 760px) {
    .subTapVisual {
        width: 100%;
        margin: 40px auto;
        padding: 140px 0 0 0;
    }
    .subTapVisual .subTapVisualcont {
        color: #000;
        text-align: center;
    }
    .subTapVisual .subTapVisualcont .title {
        font-size: 24px;
        line-height: 38px;
        font-weight: bold;
        letter-spacing: normal;
    }
    .subTapVisual .subTapVisualcont .text {
        font-size: 15px;
        font-weight: normal;
        line-height: 25px;
        letter-spacing: normal;
    }
    .subTapVisual .subTapVisualimg {
        position: absolute;
        left: 50%;
        top: 0;
        width: 120px;
        height: 120px;
        transform: translateX(-50%);
    }
}
/* 서비스 소개 영역 */
.prd-detail-info .imgbox,
.prd-detail-info .videobox  {
    text-align: center;
}
.prd-detail-info .imgbox img,
.prd-detail-info .videobox iframe {
    max-width: 100%;
}
.prd-detail-info .imgbox + .videobox,
.prd-detail-info .videobox + .imgbox,
.prd-detail-info .imgbox + .detail-area,
.prd-detail-info .videobox + .detail-area,
.prd-detail-info .detail-area + .imgbox,
.prd-detail-info .detail-area + .videobox {
    margin-top:90px;
}

@media(max-width: 760px) {
    .prd-detail-info .imgbox + .videobox,
    .prd-detail-info .videobox + .imgbox,
    .prd-detail-info .imgbox + .detail-area,
    .prd-detail-info .videobox + .detail-area,
    .prd-detail-info .detail-area + .imgbox,
    .prd-detail-info .detail-area + .videobox {
        margin-top:40px;
    }
}

/* 요금정보 */
.prd-fee .title-wrap + .tabWrap {
    margin-top: 40px;
}
.prd-fee .subTabWrap .subTabBox {
    margin-bottom: 80px;
}
.prd-fee .tbl-list table {
    min-width: 580px;
}
.prd-fee .tbl-list.tbl-line table th.bdLno {
    border-left: 0;
}
.prd-fee .tbl-list.tbl-line table th .colortxt {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}
.prd-fee .tbl-list.tbl-line table th .txtYellow {
    color: #feb800;
    background: #faf7e8;
}
.prd-fee .tbl-list.tbl-line table th .txtBlue {
    color: #3e7ce1;
    background: #f1f5fe;
}
.prd-fee .tbl-list.tbl-line table th .txtNavy {
    color: #093ab3;
    background: #eef1fa;
}
.prd-fee .tbl-list.tbl-line table th .txtBlack {
    color: #333333;
    background: #f1f1f1;
}
.prd-fee .tbl-list.tbl-line table thead tr.type th {
    border-bottom: 0 !important;
}
.prd-fee .tbl-list.tbl-line table td.first {
    border-left: 0;
}
.prd-fee .tbl-list.tbl-line table td .tdSubTitle {
    display: inline-block;
    margin-top: 36px;
    font-weight: bold;
    width: 100%;
}
.prd-fee .tbl-list.tbl-line table td .tdSubText {
    display: inline-block;
    margin: 10px 0;
    padding: 0px 10px;
    text-align: left;
}
.prd-fee .tbl-list.tbl-line table td .plusIcon {
    position: relative;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background-color: #ff4090;
    border-radius: 16px;
    overflow: hidden;
}
.prd-fee .tbl-list.tbl-line table td .plusIcon:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    margin: 8px auto 0;
}
.prd-fee .tbl-list.tbl-line table td .plusIcon:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 4px;
    height: 11px;
    border-left: 2px solid #fff;
}
.prd-fee .tbl-list.tbl-line table td .td_check > li {
    margin-bottom: 20px;
    padding-left: 20px;
    text-align: left;
}
.prd-fee .tbl-list.tbl-line table td .td_check > li span {
    position: relative;
    color: #000000;
    font-size: 16px;
    font-weight: bold;   
}
.prd-fee .tbl-list.tbl-line table td .td_check > li .td_check_sub > li {
    color: #666666;
    font-size: 14px;
    line-height: 21px;
}
.prd-fee .tbl-list.tbl-line table tbody tr.type th {
    border-top: 2px solid #ff4090;
    border-bottom: 2px solid #ff4090;
    background: #ff4090;
    color: #FFF;
}
.prd-fee .tbl-list.tbl-line table tbody tr.type td {
    border-top: 2px solid #ff4090;
    border-bottom: 2px solid #ff4090;
}
.prd-fee .tbl-list.tbl-line table tbody tr.type td:last-child {
    border-right: 2px solid #ff4090;
}
.prd-fee .tbl-list.tbl-line table td .linethrough {
    text-decoration: line-through;
}
.prd-fee .tbl-list thead th.point {
    background: #ff4090;
    color: #fff;
    border-color: #ff4090;
}
.prd-fee .tbl-list tbody td.point {
    background: #fff1f8;
    border-left: 1px solid #ff4090;
    font-weight: bold;
}

.prd-fee .title-wrap + .text-desc {margin-top: 24px;}
.prd-fee .list-text + .text-desc {margin-top: 40px;}
.prd-fee .list-text  + .title-wrap {margin-top: 80px;}
@media(max-width: 760px) {
    .prd-fee .subTabWrap .subTabBox {
        margin-bottom: 40px;
    }
    .prd-fee .title-wrap + .tabWrap,
    .prd-fee .tbl-list {
        margin-top: 16px;
    }
    .prd-fee .title-wrap + .text-desc {
        margin-top: 16px;
    }
    .prd-fee .list-text  + .title-wrap {margin-top: 40px;}
}

/* 같이 쓰면 좋은 서비스 */
.usesvc-list {
	position: relative;
    width: 1392px;
    height: 420px;
    margin-top: 60px;
    padding-bottom: 120px;
}
.usesvc-list .swiper-wrapper {
    height: auto;
}
.usesvc-list .swiper-slide {
    width: 330px;
    margin-right: 24px;
}
.usesvc-list .item-usesvc a {
    display: block;
}
.usesvc-list .item-usesvc .imgbox {
    overflow: hidden;
	display: inline-block;
	width: 100%;
	height: 210px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
}
.usesvc-list .item-usesvc .imgbox img {
    width: 100%;
	height:100%;
}
.usesvc-list .item-usesvc .txtbox {
    position: relative;
	margin-top: 30px;
}
.usesvc-list .item-usesvc .title {
	color: #1a1d1d;
	font-size: 26px;
	font-weight: 700;
	line-height: 36px;
    word-break: break-all;
}
.usesvc-list .item-usesvc .tag {
    display: block;
    margin-top:6px;
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}
.usesvc-list .item-usesvc .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
	margin-top:6px;
	color: #636366;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
.usesvc-list .item-usesvc .price {
    margin-top:4px;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}
.usesvc-list .swiper-button-prev,
.usesvc-list .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin-top: -30px; 
}
.usesvc-list .swiper-button-prev {
    left: 0;
}
.usesvc-list .swiper-button-next {
    right: 0;
}
.usesvc-list .swiper-button-prev:after,
.usesvc-list .swiper-button-next:after {
    content: '';
    width: 60px;
    height: 60px;
}
.usesvc-list .swiper-button-prev:after {
    background: url(/images/btn/btn_120_prev_gray.png) center center no-repeat;
    background-size: 60px 60px;
}
.usesvc-list .swiper-button-next:after {
    background: url(/images/btn/btn_120_next_gray.png) center center no-repeat;
    background-size: 60px 60px;
}
.usesvc-list .swiper-pagination {
    bottom: 26px;
}
@media(max-width: 760px) {
    .usesvc-list {
        width: auto;
        height: auto;
        margin-top: 20px;
        padding: 0 16px;
    }
    .usesvc-list .swiper-slide {
        width: 270px;
        margin-right: 10px;
    }
    .usesvc-list .swiper-slide:last-child {
        margin-right: 0;
    }
    .usesvc-list .item-usesvc .imgbox {
        display: block;
        width: 270px;
        height: 172px;
    }
    .usesvc-list .item-usesvc .txtbox {
        margin-top: 20px;
    }
    .usesvc-list .item-usesvc .title {
        font-size: 18px;
        line-height: 26px;
    }
    .usesvc-list .item-usesvc .tag {
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .usesvc-list .item-usesvc .text {
        height: 40px;
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .usesvc-list .item-usesvc .price {
        font-size: 16px;
        line-height: 24px;
    }
    .usesvc-list .swiper-pagination,
    .usesvc-list .swiper-button-prev,
    .usesvc-list .swiper-button-next {
        display: none;
    }
}

/* 별점/이용후기 */
.tab-panel .prd-review .sort-area {
    margin-top: 60px;
}
.review-cont {
    position: relative;
    padding-bottom:68px;
}
.review-cont .paging {
    margin-bottom: -50px;
}
.review-cont .btn-regist {
    position: absolute;
    right:0;
    bottom: 0;
    width: 112px;
}
.review-list {
    margin-top: 30px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.review-list .item-review {
    position: relative;
    border-bottom: 1px solid #d1d1d7;
}
.review-list .item-review a {
    display: block;
    padding: 26px 320px 25px 190px;
}
.review-list .item-review .rating_star {
    position: absolute;
    left: 22px;
    top: 32px;
}
.review-list .item-review .reg-id {
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
}
.review-list .item-review .btn-area {
    position: absolute;
    top: 16px;
    right: 147px;
}
.review-list .item-review .btn-area .btn {
    width: 78px;
}
.review-list .item-review .btn-area .btn + .btn {
    margin-left: 4px;
}
.review-list .item-review .reg-date {
    position: absolute;
    top: 26px;
    right: 22px;
    display: block;
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
}
.review-list .item-review .review-detail  {
    background: #fafafa;
}
.review-list .item-review .review-detail .review {
    padding: 50px 100px;
}
.review-list .item-review .review-detail .review p {
    font-size: 20px;
    line-height: 29px;
}
.review-list .item-review .review-detail .reply {
    position: relative;
    padding: 50px 100px 50px;
    border-top: 1px solid #d1d1d7;
}
.review-list .item-review .review-detail .reply:after {
    content: '';
    clear: both;
    display: block;
}
.review-list .item-review .review-detail .reply p {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 29px;
}
.review-list .item-review .review-detail .reply-date {
    float: right;
    margin-right: -78px;
    font-size: 20px;
    line-height: 29px;
    font-weight: 500;
}
@media(max-width: 760px) {
    .tab-panel .prd-review .sort-area {
        margin-top: 16px;
    }
    .review-cont {
        /* padding: 0; */
    }
    .review-list {
        margin-top: 16px;
    }
    .review-list .item-review a {
        padding: 22px 0;
    }
    .review-list .item-review .rating_star {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 3px 9px 0 0;
    }
    .review-list .item-review .reg-id {
        display: inline-block;
        font-size: 15px;
        line-height: 22px;
    }
    .review-list .item-review .reg-date {
        top: 22px;
        right: 0;
        transform: none;
        font-size: 15px;
        line-height: 22px;
    }
    .review-list .item-review .btn-area {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin-top: 15px;
        text-align: right;
    }
    .review-list .item-review .btn-area .btn {
        width: 52px;
    }
    .review-cont .paging {
        margin-top: 24px;
    }
    .review-cont .btn-regist {
        display: block;
        position: relative;
        width: 100%;
        margin-top:24px;
    }
    .review-list .item-review .review-detail .review {
        padding: 20px 20px 25px;
    }
    .review-list .item-review .review-detail .review p {
        font-size: 16px;
        line-height: 23px;
    }
    .review-list .item-review .review-detail .reply {
        padding: 20px 20px 20px;
    }
    .review-list .item-review .review-detail .reply p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 23px;
    }
    .review-list .item-review .review-detail .reply-date {
        margin-right: 0;
        font-size: 16px;
        line-height: 23px;
    }
}
.report-wrap {
    margin-top: 100px;
}
.document-wrap {
    margin-top: 100px;
}

.svc-info-list {
    position: relative;
    margin-top: 50px;
    padding-bottom: 120px;
}
.svc-info-list .swiper-wrapper {
    height: auto;
}
.svc-info-list .swiper-slide {
    width: 440px;
    margin-right:36px;
}
.svc-info-list .item .img-box {
    overflow: hidden;
    width: 440px;
    height: 270px;
}
.svc-info-list .item .img-box img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 0.5s;
}
.svc-info-list .item:hover .img-box img {
    transform: scale(1.2);
    transition: all 0.5s;
}
.svc-info-list .item .txt-box {
    padding: 30px 20px 0;
    text-align: left;
}
.svc-info-list.type02 .item .txt-box {
    padding: 50px 20px 54px;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-top: 0;
}
.svc-info-list .item .cat {
    display: block;
    color: #727071;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
.svc-info-list .item .title {
    display: block;
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
}
.svc-info-list .item .title.ellipsis2 {
    height: 58px;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size: 20px;
    line-height: 29px;
}
.svc-info-list .item .text {
    height: 46px;
    margin-top: 20px;
    color: #636366;
    font-size: 16px;
    line-height: 23px;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.svc-info-list .swiper-button-prev,
.svc-info-list .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin-top: -30px; 
}
.svc-info-list .swiper-button-prev {
    left: 0;
}
.svc-info-list .swiper-button-next {
    right: 0;
}
.svc-info-list .swiper-button-prev:after,
.svc-info-list .swiper-button-next:after {
    content: '';
    width: 60px;
    height: 60px;
}
.svc-info-list .swiper-button-prev:after {
    background: url(/images/btn/btn_120_prev_gray.png) center center no-repeat;
    background-size: 60px 60px;
}
.svc-info-list .swiper-button-next:after {
    background: url(/images/btn/btn_120_next_gray.png) center center no-repeat;
    background-size: 60px 60px;
}
.svc-info-listt .swiper-pagination {
    bottom: 26px;
}

@media(max-width: 760px) {
    .svc-info-list {
        margin: 16px -16px;
        padding: 0 16px;
    }
    .prd-moreinfo .svc-info-list + .title-wrap {
        margin-top: 40px;
    }
    .svc-info-list .swiper-slide {
        width: 242px;
        margin-right:0;
    }
    .svc-info-list .item .img-box {
        width: 242px;
        height: 149px;
    }
    .svc-info-list .item .txt-box,
    .svc-info-list.type02 .item .txt-box {
        padding: 12px 0 0;
        text-align: left;
        border: 0;
    }
    .svc-info-list .item .cat {
        display: inline-block;
        font-size: 15px;
        line-height: 22px;
    }
    .svc-info-list.type01 .item .title {
        position: relative;
        display: inline-block;
        margin-left: 6px;
        padding-left: 11px;
        font-size: 15px;
        line-height: 22px;
    }
    .svc-info-list.type01 .item .title:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 0;
        width: 1px;
        height: 12px;
        background: #d9d9d9;
    }
    .svc-info-list .item .title.ellipsis2 {
        height: 42px;
        font-size: 15px;
        line-height: 21px;
    }
    .svc-info-list .item .text {
        height: 40px;
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .svc-info-list .item .text br {
        display: none;
    }

    .svc-info-list .swiper-pagination,
    .svc-info-list .swiper-button-prev,
    .svc-info-list .swiper-button-next {
        display: none;
    }
}

/* 문서자료 */
.document-list {
    margin-top: 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.document-list li {
    position: relative;
    padding: 25px 280px 25px 30px;
    border-bottom: 1px solid #d1d1d7;
}
.document-list li .text {
    overflow: hidden;
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.document-list li .dote-box {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.document-list li .dote-box .date {
    display: inline-block;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 40px;
}
.document-list li .dote-box .btn {
    width: 112px;
    margin-left: 16px;
}
@media(max-width: 760px) {
    .document-list {
        margin-top: 16px;
    }
    .document-list li {
        padding: 18px 24px 18px 0;
    }
    .document-list li .text {
        font-size: 15px;
        line-height: 22px;
    }
    .document-list li .dote-box {
        right: 0;
    }
    .document-list li .dote-box .date {
        display: none;
    }
    .document-list li .dote-box .btn {
        width: 24px;
        height: 24px;
        margin: 0;
        font-size: 0;
        line-height: 0;
        color: transparent;
        text-indent: -9999px;
        background: url(/images/btn/btn_download.png) 0 0 no-repeat;
        border: 0;
    }
}

.video-event-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px;
}
.video-event-wrap .video-cont {
    position: relative;
    width: 678px;
}
.video-event-wrap .video-list,
.video-event-wrap .event-info-list {
    height: 464px;
    margin-top: 40px;
}
.video-event-wrap .video-list .swiper-wrapper,
.video-event-wrap .event-info-list .swiper-wrapper {
    height: auto;
}
.video-event-wrap .video-list .item .videobox {
    position: relative;
}
.video-event-wrap .video-list .item .videobox iframe {
    width: 678px;
    height: 360px;
}
/*.video-event-wrap .video-list .item .videobox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26,29,29,.3);
}
.video-event-wrap .video-list .item .videobox:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    background: url(/images/btn/btn_play2.png) center center no-repeat;
    background-size: 24px 24px;
    box-sizing: border-box;
    border: 2px solid #fafafa;
    border-radius: 50%;
}*/
.video-event-wrap .imgbox {
    position: relative;
    height: 360px;
}
.video-event-wrap .imgbox img {
    width: 100%;
    height: 100%;
}
.video-event-wrap .imgbox .flag {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
}
.video-event-wrap .txtbox {
    margin-top: 40px;
    padding-right: 100px;
}
.video-event-wrap .txtbox .text {
    color: #1a1d1d;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video-event-wrap .txtbox .date {
    display: block;
    margin-top: 8px;
    color: #636366;
    font-size: 16px;
    line-height: 24px;
}
.video-event-wrap .event-cont {
    position: relative;
    width: 678px;
}
.video-event-wrap .navi-box {
    position: absolute;
    right: 0;
    bottom: 37px;
    width: 96px;
    height: 23px;
    z-index: 10;
}
.video-event-wrap .swiper-pagination {
    left: 0;
    right: 0;
    bottom: auto;
    color: #aeaeb2;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
.video-event-wrap .swiper-pagination-current {
    color: #1a1d1d;
}
.video-event-wrap .swiper-button-prev,
.video-event-wrap .swiper-button-next {
    top: auto;
    bottom: 0;
    width: 20px;
    height: 23px;
    margin-top: auto;
}
.video-event-wrap .swiper-button-prev {
    left: auto;
    right: auto;
    background: url(/images/btn/btn_slide_prev.png) no-repeat center center;
    background-size: 20px 10px;
}
.video-event-wrap .swiper-button-next {
    right: 0;
    background: url(/images/btn/btn_slide_next.png) no-repeat center center;
    background-size: 20px 10px;
}
.video-event-wrap .swiper-button-prev:after,
.video-event-wrap .swiper-button-next:after {
    display: none;
}
@media(max-width: 760px) {
    .video-event-wrap {
        display: block;
        margin-top: 40px;
    }
    .video-event-wrap .video-cont,
    .video-event-wrap .event-cont {
        width: 100%;
    }
    .video-event-wrap .event-cont {
        margin-top: 40px;
    }
    .video-event-wrap .video-list,
    .video-event-wrap .event-info-list {
        height: auto;
        margin-top: 16px;
    }
    .video-event-wrap .video-list .item .videobox {
        width: 100%;
        height: auto;
        padding-bottom: 50%;
    }
    .video-event-wrap .video-list .item .videobox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .video-event-wrap .imgbox {
        height:auto;
    }
    .video-event-wrap .event-info-list .item .imgbox img {
        width: 100%;
        height: auto;
    }
    .video-event-wrap .txtbox {
        margin-top: 15px;
    }
    .video-event-wrap .txtbox .text {
        font-size: 15px;
        line-height: 22px;
    }
    .video-event-wrap .txtbox .date {
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .video-event-wrap .navi-box {
        top: 6px;
        bottom: auto;
        height: 20px;
    }
    .video-event-wrap .swiper-pagination {
        font-size: 14px;
        line-height: 20px;
    }
    .video-event-wrap .swiper-button-prev,
    .video-event-wrap .swiper-button-next {
        height: 20px;
    }
}       

/* 자주하는 질문 */
.prd-faq .faq-form {
    height: 160px;
    margin-top: 50px;
    padding: 30px 60px;
    box-sizing: border-box;
    background-color: #fafafa;
}
.prd-faq .faq-form .faq-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}
.prd-faq .faq-form .faq-row:first-child {
    margin-top: 0;
}
.prd-faq .faq-form .faq-row .faq-title {
    display: block;
    width: 178px;
    color: #1a1d1d;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}
.prd-faq .faq-form .faq-row .faq-desc {
    width: calc(100% - 178px);
}
.prd-faq .toggle-change {
    margin-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.prd-faq .toggle-change .toggle-item {
    border-bottom: 1px solid #d1d1d7;
}
.prd-faq .toggle-change .toggle-item .toggle-opener {
    display: block;
    position: relative;
    padding: 22px 60px 22px 238px;
}
.prd-faq .toggle-change .toggle-item .toggle-opener:before {
    content: '';
    position: absolute;
    right: 30px;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(/images/btn/btn_acc_toggle.png) no-repeat 0 0;
    background-size: 24px 24px;
    transition: all .3s;
}
.prd-faq .toggle-change .toggle-item .toggle-opener.on:before {
    transform: rotate(-180deg);
}
.prd-faq .toggle-change .toggle-item .toggle-opener .title,
.prd-faq .toggle-change .toggle-item .toggle-opener .text {
    color: #1a1d1d;
    font-size: 20px;
    line-height: 24px;
}
.prd-faq .toggle-change .toggle-item .toggle-opener .title {
    display: block;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
}
.prd-faq .toggle-change .toggle-item .toggle-detail {
    padding: 30px 60px 40px 238px;
    border-top: 1px solid #d1d1d7;
    background-color: #fafafa;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 24px;
}
@media(max-width: 760px) {
    .prd-faq .faq-form {
        height: auto;
        margin-top:20px;
        padding: 0;
        background: transparent;
    }
    .prd-faq .faq-form .faq-row {
        display: block;
    }
    .prd-faq .faq-form .faq-row .faq-title {
        width: 100%;
        font-size: 16px;
        line-height: 23px;
    }
    .prd-faq .faq-form .faq-row .faq-desc {
        width: 100%;
        margin-top: 12px;
    }
    .prd-faq .radio-btn-wrap .radio-btn label {
        height: 40px;
        padding: 0 16px;
        font-size: 16px;
        line-height: 38px;
    }
    .prd-faq .toggle-change {
        margin-top: 20px;
    }
    .prd-faq .toggle-change .toggle-item .toggle-opener {
        padding: 12px 40px 12px 0;
    }
    .prd-faq .toggle-change .toggle-item .toggle-opener:before {
        right: 0;
    }
    .prd-faq .toggle-change .toggle-item .toggle-opener .title,
    .prd-faq .toggle-change .toggle-item .toggle-opener .text {
        display: inline;
        font-size: 15px;
        line-height: 22px;
    }
    .prd-faq .toggle-change .toggle-item .toggle-opener .title {
        position: relative;
        top: auto;
        left:auto;
        transform: none;
    }
    .prd-faq .toggle-change .toggle-item .toggle-detail {
        padding: 20px 16px;
        font-size: 12px;
        line-height: 17px;
    }
}

/* 결합할인 조회 */
.combination-search {
    margin-top: 40px;
}
.combination-search .inner-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.combination-search .inner-search .inp-box {
    width: calc(100% - 140px);
}
.combination-search .inner-search .inp-box input {
    padding: 0 40px 0 16px;
}
.combination-search .inner-search .btn-search {
    width: 136px;
    height: 48px;
    margin-left: 4px;
    border-radius: 4px;
    background-color: #5a5e77;
    color: #d1d1d7;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
}
.combination-search + .sort-area {
    margin-top: 25px !important;
}
.combination-search + .sort-area .total-cnt:only-child{
    margin-top:0;
}

/* 동영상 팝업 */
.video-box {
    text-align: center;
}

@media(max-width: 760px) {
    .video-box iframe {
        width: 100%;
        height: 230px;
    }
}

/* 비즈마켓 도움센터 > 도움센터 */
.cs-visual {
    height: 350px;
    background: #f0f3fd url(/images/img/img_help_center.png) center 0 no-repeat;
}
.cs-visual .inner-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1440px;
    padding:0 130px;
    text-align: left;
    box-sizing: border-box;
}
.cs-visual .inner-box .title {
    display: block;
    margin-bottom:30px;
    font-size: 40px;
    color: #1d1d1d;
    line-height: 58px;
    font-weight: 700;
}
.cs-visual .inner-box .text {
    display: block;
    font-size: 26px;
    line-height: 38px;
    color: #636366;
}
.cs-info-link {
    position: relative;
}
.cs-info-link:after {
    content: '';
    clear: both;
    display: block;
}
.cs-info-link .item {
    float: left;
    margin-left: 24px;
}
.cs-info-link .item:first-child {
    margin-left: 0;
}
.cs-info-link .item a {
    position: relative;
    display: block;
    width: 448px;
    height: 432px;
    padding-top: 266px;
    background: #fafafa;
    text-align: center;
    box-sizing: border-box;
}
.cs-info-link .item a:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    width: 212px;
    height: 212px;
    margin-left: -106px;
}
.cs-info-link .item.item01 a:before {background: url(/images/img/img_info_link01.png) 0 0 no-repeat;}
.cs-info-link .item.item02 a:before {background: url(/images/img/img_info_link02.png) 0 0 no-repeat;}
.cs-info-link .item.item03 a:before {background: url(/images/img/img_info_link03.png) 0 0 no-repeat;}
.cs-info-link .item a:after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    background: url(/images/btn/btn_more02.png) 0 0 no-repeat;
    background-size: 60px 60px;
}
.cs-info-link .item a .title {
    display: block;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 29x;
    color: #3d3d3d;
}
.cs-info-link .item a .text {
    display: block;
    font-size: 16px;
    line-height: 23px;
    color: #636366;
}
.cs-service {
    margin-top: 60px;
    text-align: center;
}
.cs-service .title {
    display:block;
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 46px;
}
.cs-service .text {
    display: block;
    font-size: 20px;
    line-height: 29px;
}
.cs-service .tel {
    margin-top: 60px;
}
.cs-service .tel .number {
    display: block;
    font-size: 48px;
    color: #ef3484;
    line-height: 70px;
}
.cs-service .tel span {
    display: block;
    font-size: 16px;
    line-height: 23px;
    color:#636366;
}
@media(max-width: 760px) {
    .cs-visual {
        height: calc((100vw / 360) * 100);
        background-position: center top;
        background-size:cover;
    }
    .cs-visual .inner-box {
        top: 50%;
        left: 16px;
        transform:translateY(-50%);
        width: auto;
        padding:0;
    }
    .cs-visual .inner-box .title {
        margin-bottom:8px;
        font-size: 18px;
        line-height: 26px;
    }
    .cs-visual .inner-box .text {
        font-size: 14px;
        line-height: 20px;
    }
    .cs-info-link .item {
        float: none;
        margin: 16px 0 0;
    }
    .cs-info-link .item:first-child {
        margin: 0;
    }
    .cs-info-link .item a {
        width: 100%;
        height: auto;
        min-height: 100px;
        padding: 17px 80px 17px 100px;
        text-align: left;
    }
    .cs-info-link .item a:before {
        top: 50%;
        left: 10px;
        width: 80px;
        height: 80px;
        margin: -40px 0 0;
    }
    .cs-info-link .item.item01 a:before,
    .cs-info-link .item.item02 a:before,
    .cs-info-link .item.item03 a:before {
        background-size: 100% 100%;
    }
    .cs-info-link .item a:after {
        bottom: 50%;
        left: auto;
        right: 10px;
        width: 60px;
        height: 60px;
        margin: 0 0 -30px;
        background-size: 100% 100%;
    }
    .cs-info-link .item a .title {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: 23px;
    }
    .cs-info-link .item a .text {
        font-size: 12px;
        line-height: 17px;
    }
    .cs-info-link .item a .text br {
        display: none;
    }
    .cs-service {
        margin-top: 40px;
        word-break: keep-all;
    }
    .cs-service .title {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 26px;
    }
    .cs-service .text {
        font-size: 14px;
        line-height: 20px;
    }
    .cs-service .tel {
        margin-top: 40px;
    }
    .cs-service .tel .number {
        font-size: 18px;
        line-height: 26px;
    }
    .cs-service .tel span {
        margin-top: 10px;
        font-size: 12px;
        line-height: 17px;
    }
}

/* 비즈마켓 도움센터 > 자주하는 질문 */
.faq-wrap {
    margin-top: 60px;
}
.faq-wrap .tbl-form .select-box {
    width: 448px;
}
.faq-list {
    margin-top: 60px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.faq-list .item-faq {
    border-bottom: 1px solid #d1d1d7;
}
.faq-list .item-faq .toggle-opener {
    display: flex;
    align-items: center;
    position: relative;  
    width: 100%;
    padding: 18px 118px 19px;
    box-sizing: border-box;
    background: url(/images/icon/ic_ques.png) no-repeat left 35px center;
    background-size: 24px 24px;
}
.faq-list .item-faq .toggle-opener:before {
    content: '';
    position: absolute;
    right: 69px;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(/images/btn/btn_acc_toggle.png) no-repeat 0 0;
    background-size: 24px 24px;
    transition: all .3s;
}
.faq-list .item-faq .toggle-opener.on:before {
    transform: rotate(-180deg);
}
.faq-list .item-faq .toggle-opener span,
.faq-list .item-faq .toggle-opener .text {
    display: table-cell;
    padding: 0 10px;
    box-sizing: border-box;
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}
.faq-list .item-faq .toggle-opener span {
    width: 19%;
    text-align: center;
}
.faq-list .item-faq .toggle-opener .text {
    overflow: hidden;
    width: 62%;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left; */
}
.faq-list .item-faq .toggle-detail {
    padding: 40px 118px 40px 590px;
    border-top: 1px solid #d1d1d7;
    background-color: #fafafa;
}
@media(max-width: 760px) {
    .faq-wrap {
        margin-top: 24px;
    }
    .faq-wrap .tbl-form .select-box {
        width: 100%;
    }
    .faq-list {
        margin-top: 24px;
        border-top: 2px solid rgba(0, 0, 0, 0.5);
    }
    .faq-list .item-faq .toggle-opener {
        display: flex;
        align-items: flex-start;
        padding: 40px 30px 19px 6px;
        background: none;
    }
    .faq-list .item-faq .toggle-opener:before {
        right: 6px;
    }
    .faq-list .item-faq .toggle-opener span{
        display: block;
        padding: 0;
        font-size: 12px;
        line-height: 17px;
        font-weight: 700;
    }
    .faq-list .item-faq .toggle-opener span {
        width: auto;
        text-align: left;
    }
    .faq-list .item-faq .toggle-opener .cate {
        position: absolute;
        left: 6px;
        top: 17px;
    }
    .faq-list .item-faq .toggle-opener .title {
        position: relative;
        width: 68px;
        margin-right: 8px;
        padding-right: 8px;
        line-height:20px;
        white-space: nowrap;
        text-align: center;
    }
    .faq-list .item-faq .toggle-opener .title:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 10px;
        margin-top: -4px;
        background: #ddd;
    }
    .faq-list .item-faq .toggle-opener .text {
        display: block;
        flex: 1;
        padding: 0;
        width: auto;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
    }
    .faq-list .item-faq .toggle-detail {
        overflow: hidden;
        padding: 20px 16px;
        font-size: 14px;
        line-height: 20px;
    }
}

.inquiry-list {
    position: relative;
    margin-top: 100px;
}
.inquiry-list:after {
    content: '';
    display: block;
    clear: both;
}
.inquiry-list .item-inquiry {
    float: left;
    width: 678px;
    margin-left: 36px;
}
.inquiry-list .item-inquiry:first-child {
    margin-left: 0;
}
.inquiry-list .item-inquiry .link {
    display: block;
    position: relative;
    padding: 53px 70px 53px 260px;
    border-radius: 10px;
    box-sizing: border-box;
}
.inquiry-list .item-inquiry.inquiry01 .link {
    background-color: #fffadd;
}
.inquiry-list .item-inquiry.inquiry02 .link {
    background-color: #f1f3ff;
}
.inquiry-list .item-inquiry .link:before {
    content: '';
    position: absolute;
    left: 70px;
    top: 50%;
    width :140px;
    height: 140px;
    transform: translateY(-50%);
}
.inquiry-list .item-inquiry.inquiry01 .link:before {
    background: url(/images/img/img_inquiry01.png) no-repeat 0 0;
    background-size: 140px 140px;
}
.inquiry-list .item-inquiry.inquiry02 .link:before {
    background: url(/images/img/img_inquiry02.png) no-repeat 0 0;
    background-size: 140px 140px;
}
.inquiry-list .item-inquiry .tit {
    display: block;
    color: #1a1d1d;
    font-size: 26px;
    font-weight: 700;
    line-height: 38px;
}
.inquiry-list .item-inquiry .txt {
    margin-top: 10px;
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}
@media(max-width: 760px) {
    .inquiry-list {
        margin-top: 40px;
    }
    .inquiry-list .item-inquiry {
        float: none;
        width: 100%;
        margin: 16px 0 0;
    }
    .inquiry-list .item-inquiry:first-child {
        margin: 0;
    }
    .inquiry-list .item-inquiry .link {
        min-height: 120px;
        padding: 30px 20px 30px 120px;
    }
    .inquiry-list .item-inquiry .link:before {
        left: 20px;
        width: 80px;
        height: 80px;
    }
    .inquiry-list .item-inquiry.inquiry01 .link:before {
        background-size: 80px 80px;
    }
    .inquiry-list .item-inquiry.inquiry02 .link:before {
        background-size: 80px 80px;
    }
    .inquiry-list .item-inquiry .tit {
        font-size: 16px;
        line-height: 23px;
    }
    .inquiry-list .item-inquiry .txt {
        margin-top: 0;
        font-size: 12px;
        line-height: 17px;
    }
}
/* 서비스 상세 안내 팝업 */
.text-wrap {
    text-align: center;
}
.text-wrap .text {
    color: #1a1d1d;
    font-size: 16px;
    line-height: 23px;
    word-break: keep-all;
}
.text-wrap + .form-tbl {
    margin-top: 12px;
}
.buisnes-box input {
    width: 135px;
}
.buisnes-box .dash {
    display: inline-block;
    margin: 0 7px;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 48px;
}

.pop-join-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 24px;
}
.pop-join-list .item-join {
    margin: 0 12px;
    text-align: center;
}
.pop-join-list .item-join:hover .imgbox {
    border-color:#5A5E77;
}
.pop-join-list .item-join span {display: block;}
.pop-join-list .item-join .imgbox {
    width: 240px;
    height: 158px;
    padding: 20px  0;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
}
.pop-join-list .item-join:first-child .imgbox {
    padding: 18px 0;
}
.pop-join-list .item-join .txtbox {
    margin-top: 8px;
    color: #1a1d1d;
    font-size: 15px;
    line-height: 20px;
}

@media(max-width: 760px) {
    .text-wrap .text {
        font-size: 15px;
    }
    .buisnes-box {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -4px;
    }
    .buisnes-box input {
        display: inline-block;
        width: calc((100% / 3) - 8px);
        margin: 0 4px;
    }
    .buisnes-box .dash {
        display: none;
    }

    .pop-join-list {
        margin:24px -4px 0;
    }
    .pop-join-list .item-join {
        width: calc(50% - 8px);
        margin: 0 4px;
    }
    .pop-join-list .item-join .imgbox {
        width: 100%;
        height: auto;
        padding: 13px 0;
    }
    .pop-join-list .item-join:nth-child(1) .imgbox img {
        width: 55px;
        height: 68px;
    }
    .pop-join-list .item-join:nth-child(2) .imgbox img {
        width: 62px;
        height: 64px;
    }
    .pop-join-list .item-join:first-child .imgbox {
        padding: 11px 0;
    }
    .pop-join-list .item-join .txtbox {
        margin-top: 4px;
    }
}

.inquiry-txt {
    width: 100%;
    padding: 60px 0;
    color: #1a1d1d;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
}
@media(max-width: 760px) {
    .inquiry-txt {
        font-size: 18px;
        line-height: 26px;
    }
}

.pop-detail-view {
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.pop-detail-view .view-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 25px 30px;
    border-bottom: 1px solid #d1d1d7;
    background-color: #f2f2f2;
}
.pop-detail-view .view-head span {
    display: block;
}
.pop-detail-view .view-head .title {
    width: 65%;
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
.pop-detail-view .view-head .date-box {
    width: 35%;
    text-align: right;
}
.pop-detail-view .view-head .date-box .txt {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-right: 11px;
    color: #636366;
    font-size: 20px;
    line-height: 29px;
}
.pop-detail-view .view-head .date-box .txt.name {
    color: #000;
}
.pop-detail-view .view-head .date-box .txt:last-child {
    margin-right: 0;
    padding-right: 0;
}
.pop-detail-view .view-head .date-box .txt:after {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 20px;
    background-color: #d9d9d9;
}
.pop-detail-view .view-head .date-box .txt:last-child:after {
    display: none;
}
.pop-detail-view .view-cont {
    padding: 60px;
    border-bottom: 1px solid #d1d1d7;
    color: #1a1d1d;
    font-size: 18px;
    line-height: 26px;
}
.pop-detail-view .view-cont .titbox{margin-bottom:60px}
.pop-detail-view .view-cont .titbox .title {
    display: block;
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;

}
.pop-detail-view .view-cont .imgbox,
.pop-detail-view .view-cont .videobox,
.pop-detail-view .view-cont .txtbox {
    margin-bottom: 60px;
}
.pop-detail-view .view-cont .videobox,
.pop-detail-view .view-cont .imgbox {
    text-align: center;
}
.pop-detail-view .view-cont .imgbox img {
    max-width: 100%;
    height: auto;
}
.pop-detail-view .view-cont .txtbox {
    text-align: left;
}
.pop-detail-view .view-cont > *:last-child {margin-bottom:0}

@media(max-width: 760px) {
    .pop-detail-view .view-head {
        display: block;
        padding: 18px 10px;
    }
    .pop-detail-view .view-head .title {
        width: auto;
        font-size: 14px;
        line-height: 20px;
    }
    .pop-detail-view .view-head .date-box {
        width: auto;
        margin-top: 6px;
        line-height: 17px;
        text-align: left;
    }
    .pop-detail-view .view-head .date-box .txt {
        font-size: 12px;
        line-height: 17px;
    }
    .pop-detail-view .view-head .date-box .txt::after {
        top: 2px;
        height: 14px;
    }
    .pop-detail-view .view-cont {
        padding: 20px 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .pop-detail-view .view-cont .titbox {margin-bottom:20px}
     .pop-detail-view .view-cont .titbox .title {
         font-size: 14px;
         line-height: 20px;
     }
     .pop-detail-view .view-cont .imgbox,
     .pop-detail-view .view-cont .videobox,
     .pop-detail-view .view-cont .txtbox {
        margin-bottom: 20px;
    }
    .pop-detail-view .view-cont .imgbox img {
        width: 100%;
    }
    .pop-detail-view .view-cont .videobox {
        position: relative;
        width: 100%;
        height: auto;
        padding-bottom: 50%;
    }
    .pop-detail-view .view-cont .videobox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .pop-detail-view .view-cont > *:last-child {margin-bottom:0}
}

/* 서비스 신청 완료 */
.svcapplcom-wrap {
    margin-top: 60px;
}
.svcapplcom-wrap .notifi-text {
    color: #1a1d1d;
    font-size: 22px;
    font-weight: 500;
}
.svcapplcom-wrap .toggle-change {
    margin-top: 20px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.svcapplcom-wrap .toggle-change .toggle-title {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    padding: 22px 90px 22px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #d1d1d7;
}
.svcapplcom-wrap .toggle-change .toggle-item.wait .toggle-title {
    padding: 22px 30px;
}
.svcapplcom-wrap .toggle-change .toggle-title .toggle-opener {
    position:absolute;
    right: 14px;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    background: url(/images/btn/btn_acc_toggle2.png) no-repeat center center;
    background-size: 16px 8px;
    transition: all .3s;
}
.svcapplcom-wrap .toggle-change .toggle-item.wait .toggle-opener {
    display: none;
}
.svcapplcom-wrap .toggle-change .toggle-opener.on {
    transform: rotate(-180deg);
}
.svcapplcom-wrap .toggle-change .toggle-title .prd-name {
    width: 200px;
}
.svcapplcom-wrap .toggle-change .toggle-title .prd-name .category {
    display: block;
    color: #eb008b;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.svcapplcom-wrap .toggle-change .toggle-title .prd-name .name {
    display: block;
    margin-top: 4px;
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}
.svcapplcom-wrap .toggle-change .toggle-title .prd-name .link-txt {
    margin-top: 10px;
}
.svcapplcom-wrap .toggle-change .toggle-title .txt-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: calc(100% - 250px);
}
.svcapplcom-wrap .toggle-change .toggle-item.wait .toggle-title .txt-box {
    justify-content: flex-start;
}
.svcapplcom-wrap .toggle-change .toggle-title .fee-tit {
    display: inline-block;
    margin: 0 30px 0 60px; 
    color: #1a1d1d;
    font-size: 16px;
    line-height: 46px;
}
.svcapplcom-wrap .toggle-change .toggle-title .fee-tit:first-child {
    margin: 0 30px 0 0;
}
.svcapplcom-wrap .toggle-change .toggle-title .fee-price {
    color: #1a1d1d;
    font-size: 26px;
    font-weight: 500;
    line-height: 46px;
}
.svcapplcom-wrap .toggle-change .toggle-title .fee-price strong {
    font-size: 32px;
}
.svcapplcom-wrap .toggle-change .toggle-title .noti-txt {
    color: #1a1d1d;
    font-size: 16px;
    line-height: 23px;   
}
.svcapplcom-wrap .toggle-change .toggle-detail {
    padding: 60px 0;
    border-bottom: 1px solid #d1d1d7;
}
@media(max-width: 760px) {
    /* 서비스 신청 완료 */
    .svcapplcom-wrap {
        margin-top: 20px;
    }
    .svcapplcom-wrap .notifi-text {
        font-size: 14px;
        line-height: 20px;
    }
    .svcapplcom-wrap .toggle-change .toggle-title {
        min-height: 64px;
        padding: 10px 34px 10px 10px;
    }
    .svcapplcom-wrap .toggle-change .toggle-item.wait .toggle-title {
        padding: 10px;
    }
    .svcapplcom-wrap .toggle-change .toggle-title .toggle-opener {
        right: 7px;
        width: 24px;
        height: 24px;
        margin-top: -12px;
    }
    .svcapplcom-wrap .toggle-change .toggle-title .prd-name {
        width: 100px;
    }
    .svcapplcom-wrap .toggle-change .toggle-title .prd-name .name {
        margin-top: 0;
        font-size: 16px;
        line-height: 23px;
    }
    .svcapplcom-wrap .toggle-change .toggle-title .txt-box {
        width: calc(100% - 120px);
    }
    .svcapplcom-wrap .toggle-change .toggle-title .fee-tit,
    .svcapplcom-wrap .toggle-change .toggle-title .fee-price,
    .svcapplcom-wrap .toggle-change .toggle-title .link-txt {
        display: none;
    }
    .svcapplcom-wrap .toggle-change .toggle-title .noti-txt {
        font-size: 14px;
        line-height: 20px;   
    }
    .svcapplcom-wrap .toggle-change .toggle-detail {
        padding: 40px 0;
    }
}

.complet-box {
    width: 684px;
    margin: 0 auto;
    padding-top: 40px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    text-align: center;
}
.complet-box .complet-text {
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
}
.complet-box .complet-text br {
    display: none;
}
.complet-box .info-box {
    margin-top: 24px;
}
.complet-box .info-box .txt {
    display: block;
    margin-top: 4px;
    color:#636366;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.complet-box .info-box .txt:first-child {
    margin-top: 0;
}
.complet-box .list-cont {
    margin-top: 20px;
    padding: 30px 10px;
    box-sizing: border-box;
    border-top: 1px solid #d1d1d7;
    background-color: #fafafa;
    text-align: left;
}
.complet-box .list-cont .list-text {
    margin: 0;
}
.complet-box + .title-wrap {
    margin-top: 60px;
}
.complet-box + .notifi-text {
    margin-top: 48px;
}
@media(max-width: 760px) {
    .complet-box {
        width: 100%;
        padding-top: 30px;
    }
    .complet-box .complet-text {
        font-size: 18px;
        line-height: 26px;
    }
    .complet-box .complet-text br {
        display: block;
    }
    .complet-box .info-box {
        margin-top: 16px;
    }
    .complet-box .info-box .txt {
        font-size: 14px;
        line-height: 20px;
    }
    .complet-box .list-cont {
        margin-top: 30px;
        padding: 20px 5px;
    }
    .complet-box + .title-wrap {
        margin-top: 40px;
    }
    .complet-box + .notifi-text {
        margin-top: 40px;
    }
}

.fixed-payment {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
}
.fixed-payment.fix {
    position: relative;
    left: 0;
    bottom: 0;
}
.fixed-payment .payment-opener {
    position: relative;
    height: 110px;
    padding: 32px 0;
    box-sizing: border-box;
    background-color: #5a5e77;
}
.fixed-payment .payment-opener.active {
    background-color: #141316;
}
.fixed-payment .payment-opener a {
    display: inline-block;
    position: relative;
    padding-right: 33px;
}
.fixed-payment .payment-opener a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px;
    height: 10px;
    background: url(/images/btn/btn_toggle_white.png) no-repeat right center;
    background-size: 18px 10px;
    transform: translateY(-50%);
    transition: all .3s;
}
.fixed-payment .payment-opener.active a:before  {
    transform: rotate(-180deg);
}
.fixed-payment .payment-opener span {
    display: inline-block;
    color: #fff;
    line-height: 46px;
}
.fixed-payment .payment-opener .fee-tit {
    margin-right: 8px;
    font-size: 16px;
}
.fixed-payment .payment-opener .fee-price {
    font-size: 26px;
    font-weight: 500;
}
.fixed-payment .payment-opener .fee-price strong {
    font-size: 32px;
}
.fixed-payment .payment-opener .sign {
    margin: 0 30px;
    font-size: 32px;
    font-weight: 700;
}

.payment-layer {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 108px;
}
.payment-layer .inner-box {
    display: none;
    width: 988px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid #000;
    background-color: #fff;
    text-align: left;
}
.payment-layer .detail-title {
    height: 100px;
    padding: 30px 36px;
    box-sizing: border-box;
    background-color: #d9d9d9;
}
.payment-layer .detail-title strong {
    display: inline-block;
    position: relative;
    color: #000;
}
.payment-layer .detail-title .svc-name {
    margin-right: 10px;
    padding-right: 20px;
    font-size: 32px;
    line-height: 40px;
}
.payment-layer .detail-title .svc-name:before {
    content: '';
    position: absolute;
    right: 0;
    top: 14px;
    width: 10px;
    height: 18px;
    background: url(/images/icon/ic_arrow_gray.png) no-repeat 0 0;
    background-size: 10px 18px;
}
.payment-layer .detail-title .prd-name {
    font-size: 24px;
    line-height: 35px;
    vertical-align: bottom;
}
.payment-layer .detail-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 40px 34px;
}
.payment-layer .detail-info .item {
    flex: 1;
    padding: 0 36px;
    box-sizing: border-box;
    border-left: 1px solid #d1d1d7;
}
.payment-layer .detail-info .item:first-child {
    padding-left: 0;
    border-left: 0;
}
.payment-layer .detail-info .item:last-child {
    padding-right: 0;
}
.payment-layer .detail-info .item .detail-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d1d1d7;
}
.payment-layer .detail-info .item .detail-box .price {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
} 
.payment-layer .detail-info .item .title {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.payment-layer .detail-info .item .total {
    color: #1a1d1d;
    font-size: 26px;
    line-height: 40px;
}
.payment-layer .detail-info .item .total strong {
    font-size: 32px;
}
.payment-layer .detail-list .item-detail {
    margin-top: 24px;
}
.payment-layer .detail-list .item-detail:first-child {
    margin-top: 0;
}
.payment-layer .detail-list .item-detail .fee-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: #000;
}
.payment-layer .item-detail > .fee-box .tit {
    font-size: 16px;
    font-weight: 500;
}
.payment-layer .item-detail .fee-box .price {
    font-size: 16px;
}
.payment-layer .item-detail ul {
    margin-top: 8px;
}
.payment-layer .item-detail ul li {
    position: relative;
    margin-top: 8px;
    padding-left: 17px;
}
.payment-layer .item-detail ul li:first-child {
    margin-top: 8px;
}

@media(max-width: 760px) {
    .fixed-payment {
        top: auto;
    }
    .fixed-payment.active {
        top: 0;
        background-color: rgba(0,0,0,.6);
    }
    .fixed-payment .payment-opener {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 56px;
        padding: 11px 0 13px;
        z-index: 100;
    }
    .fixed-payment.fix .payment-opener {
        position: relative;
    }
    .fixed-payment .payment-opener a {
        display: inline-block;
        position: relative;
        padding-right: 30px;
    }
    .fixed-payment .payment-opener a:before {
        width: 16px;
        height: 8px;
        background-size: 16px 8px;
    }
    .fixed-payment .payment-opener span {
        display: none;
        color: #fff;
        line-height: 32px;
    }
    .fixed-payment .payment-opener .fee-tit,
    .fixed-payment .payment-opener .fee-price {
        margin-right: 10px;
        font-size: 14px;
    }
    .fixed-payment .payment-opener .fee-price {
        margin-right: 0;
    }
    .fixed-payment .payment-opener .fee-price strong {
        font-size: 20px;
    }
    .fixed-payment .payment-opener span.show {
        display: inline-block;
    }
    
    .payment-layer {
        bottom: 0;
    }
    .fixed-payment.fix .payment-layer {
        position: absolute;
    }
    .payment-layer .inner-box {
        display: none;
        position: absolute;
        left: 0;
        bottom: 56px;
        width: 100%;
        border: 0;
    }
    .payment-layer .detail-title {
        height: auto;
        padding: 16px 20px;
        background: none;
    }
    .payment-layer .detail-title .svc-name {
        margin-right: 8px;
        padding-right: 16px;
        font-size: 18px;
        line-height: 26px;
    }
    .payment-layer .detail-title .svc-name:before {
        top: 7px;
        width: 6px;
        height: 12px;
        background-size: 6px 12px;
    }
    .payment-layer .detail-title .prd-name {
        font-size: 18px;
        line-height: 26px;
    }
    .payment-layer .detail-info {
        position: relative;
        display: block;
        border-top: 1px solid #000;
        padding:0;
    }
    .payment-layer .detail-info .item {
        flex: auto;
        padding: 0;
        border-left: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.5);
    }
    .payment-layer .detail-info .item:first-child {
        margin-top: 0;
        padding: 0;
        border-top: 0;
    }
    .payment-layer .detail-info .item .detail-box {
        margin: 0;
        padding: 13px 20px 12px;
    }
    .payment-layer .detail-info .item .detail-box .price {
        font-size: 16px;
        line-height: 23px;
    }
    .payment-layer .detail-info .item .title {
        font-size: 16px;
        line-height: 23px;
    }
    .payment-layer .detail-list {
        padding:20px 20px 20px 30px;
    }
    .payment-layer .detail-list .item-detail {
        margin-top: 20px;
    }
    .payment-layer .detail-list .item-detail:first-child {
        margin-top: 0;
    }
    .payment-layer .detail-list .item-detail .fee-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        color: #000;
    }
    .payment-layer .item-detail > .fee-box .tit {
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }
    .payment-layer .item-detail .fee-box .price {
        font-size: 15px;
        line-height: 22px;
    }
    .payment-layer .item-detail ul {
        margin-top: 12px;
    }
    .payment-layer .item-detail ul li {
        position: relative;
        margin-top: 12px;
        padding-left: 26px;
    }
    .payment-layer .item-detail ul li:first-child {
        margin-top: 8px;
    }
}

/* 공지/문의 */
.detail-view {
    margin-top: 60px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.detail-view .view-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #d1d1d7;
    background-color: #f2f2f2;
}
.detail-view .view-head span {
    display: block;
}
.detail-view .view-head .title {
    width: 60%;
    color: #1a1d1d;
    font-size: 26px;
    font-weight: 700;
    line-height: 40px;
}
.detail-view .view-head .date-box {
    width: 40%;
    text-align: right;
}
.detail-view .view-head .date-box span {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-right: 11px;
    color: #727071;
    font-size: 16px;
    line-height: 40px;
}
.detail-view .view-head .date-box span:last-child {
    margin-right: 0;
    padding-right: 0;
}
.detail-view .view-head .date-box span:after {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px;
    height: 20px;
    background-color: #d9d9d9;
}
.detail-view .view-head .date-box span:last-child:after {
    display: none;
}
.detail-view .view-cont {
    padding: 60px;
    border-bottom: 1px solid #d1d1d7;
    color: #1a1d1d;
    font-size: 18px;
    line-height: 26px;
}
.detail-view .view-cont .img-box {
    text-align: center;
}
.detail-view .view-cont .img-box img {
    max-width: 100% !important;
    height: auto;
}
.detail-view .view-cont .img-box + .txt-box,
.detail-view .view-cont .txt-box + .img-box {
    margin-top: 60px;
}
.detail-view .txt-box + .txt-box {
    margin-top: 32px;
}
.detail-view .view-file {
    height: 100px;
    padding: 38px 60px;
    box-sizing: border-box;
    background-color: #fafafa;
}
.detail-view .view-file .btn-download {
    max-width: 100%;
    padding-right: 34px;
    background: url(/images/btn/btn_download.png) no-repeat right center;
}
.detail-view .view-file .txt {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    color: #636366;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail-view .filebox {
    margin: 32px 0;
}
.detail-view .filebox .btn-download {
    display: block;
    max-width: 100%;
    padding-right: 34px;
    background: url(/images/btn/btn_download2.png) no-repeat right center;
}
.detail-view .filebox .btn-download + .btn-download {
    margin-top: 12px;
}
.detail-view .filebox .txt {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    color: #eb008b;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail-view .borad-paging {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.detail-view .borad-paging .item-next {
    width: 49%;
}
.detail-view .borad-paging .item-next a,
.detail-view .borad-paging .item-next span {
    display: block;
}
.detail-view .borad-paging .item-next .title {
    position: relative;
    padding-left: 20px;
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}
.detail-view .borad-paging .item-next.last .title {
    padding: 0 20px 0 0;
    text-align: right;
}
.detail-view .borad-paging .item-next .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
}
.detail-view .borad-paging .item-next.first .title:before {
    background:url(/images/btn/btn_paging_view_prev.png) no-repeat 0 0;
}
.detail-view .borad-paging .item-next.last .title:before {
    left: auto;
    right: 0;
    background:url(/images/btn/btn_paging_view_next.png) no-repeat 0 0;
}
.detail-view .borad-paging .item-next .subject {
    overflow: hidden;
    margin-top: 12px;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.detail-view .borad-paging .item-next.last .subject {
    text-align: right;
}
.detail-view .borad-paging .item-next a:hover .subject {
    color: #eb008b;
    text-decoration: underline;
}
@media(max-width: 760px) {
    .detail-view {
        margin-top: 40px;
    }
    .detail-view .view-head {
        display: block;
        padding: 18px 10px;
    }
    .detail-view .view-head .title {
        width: auto;
        font-size: 14px;
        line-height: 20px;
    }
    .detail-view .view-head .date-box {
        width: auto;
        margin-top: 6px;
        line-height: 17px;
        text-align: left;
    }
    .detail-view .view-head .date-box span {
        font-size: 12px;
        line-height: 17px;
    }
    .detail-view .view-head .date-box span:after {
        top: 2px;
        height: 14px;
    }
    .detail-view .view-cont {
        padding: 20px 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .detail-view .view-cont .img-box {
        margin-bottom: 20px;
    }
    .detail-view .view-cont .img-box img {
        width: 100%;
    }
    .detail-view .view-file {
        height: 60px;
        padding: 18px 12px;
    }
    .detail-view .view-file .btn-download {
        width: 100%;
        text-align: left;
    }
    .detail-view .view-file .txt {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }
    .detail-view .borad-paging {
        margin-top: 16px;
    }
    .detail-view .borad-paging .item-next .title {
        font-size: 15px;
        line-height: 22px; 
    }
    .detail-view .borad-paging .item-next .subject {
        display: none;
    }
}

/* 문의내용 */
.inquiry-wrap {
    overflow: hidden;
    margin-top: 60px;
    padding: 60px 30px;
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.inquiry-wrap .qs-box,
.inquiry-wrap .ans-box {
    position: relative;
}
.inquiry-wrap > div {
    margin-bottom: 30px;
}
.inquiry-wrap > div:last-child {
    margin-bottom: 0;
}
.inquiry-wrap .qs-box {
    float: right;
    padding: 30px;
    background-color: #fafafa;
    border-radius: 40px 0 40px 40px;
}
.inquiry-wrap .ans-box {
    float: left;
}
.inquiry-wrap .date {
    display: block;
    position: absolute;
    bottom: 0;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 23px;
}
.inquiry-wrap .qs-box .date {
    left: -87px;
}
.inquiry-wrap .ans-box .date {
    right: -87px;
}
.inquiry-wrap .qs-box .category-box {
    margin-bottom: 12px;
}
.inquiry-wrap .qs-box .category-box .tit,
.inquiry-wrap .qs-box .category-box .info {
    display: inline-block;
    color: #1a1d1d;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
.inquiry-wrap .qs-box .category-box .info {
    margin-left: 20px;
    font-weight: 400;
}
.inquiry-wrap .bizmarket {
    margin-bottom: 12px;
    padding-left: 76px;
    background: url(/images/icon/ic_photo.png) no-repeat 0 0;
}
.inquiry-wrap .bizmarket .name {
    display: block;
    color: #636366;
    font-size: 24px;
    font-weight: 700;
    line-height: 64px;
}
.inquiry-wrap .cont-area {
    width: 696px;
}
.inquiry-wrap .qs-box .cont-area {
    padding: 30px;
    border-radius: 10px;
    background-color: #fff;
}
.inquiry-wrap .ans-box .cont-area {
    padding: 60px 60px 64px;
    border-radius: 0 40px 40px 40px;
    background-color: #fafafa;
}
.inquiry-wrap .cont-area .title {
    display: block;
    margin-bottom: 30px;
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.inquiry-wrap .cont-area .text {
    color: #636366;
    font-size: 18px;
    line-height: 26px;
}
.inquiry-wrap .ans-box .cont-area .text {
    color: #1a1d1d;
    font-weight: 500;
}
@media(max-width: 760px) {
    .inquiry-wrap {
        margin-top: 24px;
        padding: 16px 0;
    }
    .inquiry-wrap > div {
        width: 90%;
        padding-bottom: 23px;
        margin-bottom: 24px;
    }
    .inquiry-wrap .qs-box {
        padding: 0 0 23px;
        background: none;
        border-radius: 0;
        text-align: right;
    }
    .inquiry-wrap .date {
        font-size: 13px;
        line-height: 19px;
    }
    .inquiry-wrap .qs-box .date {
        left: auto;
        right: 20px;
    }
    .inquiry-wrap .ans-box .date {
        right: auto;
        left: 20px;
    }
    .inquiry-wrap .qs-box .category-box {
        padding: 0 20px;
        margin: 0 0 8px;
        text-align: left;
    }
    .inquiry-wrap .qs-box .category-box .tit,
    .inquiry-wrap .qs-box .category-box .info {
        display: inline-block;
        color: #1a1d1d;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .inquiry-wrap .qs-box .category-box .info {
        margin-left: 10px;
        font-weight: 400;
    }
    .inquiry-wrap .bizmarket {
        margin-bottom: 8px;
        padding-left: 56px;
        background-size: 44px 44px;
    }
    .inquiry-wrap .bizmarket .name {
        font-size: 16px;
        line-height: 44px;
    }
    .inquiry-wrap .cont-area {
        display: inline-block;
    }
    .inquiry-wrap .qs-box .cont-area {
        width: 100%;
        padding: 15px 20px 20px;
        box-sizing: border-box;
        border-radius: 0 20px 20px 20px;
        background-color: #fafafa;
        text-align: left;
    }
    .inquiry-wrap .ans-box .cont-area {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 0 20px 20px 20px;
        background-color: #fafafa;
    }
    .inquiry-wrap .cont-area .title {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .inquiry-wrap .cont-area .text {
        font-size: 14px;
        line-height: 20px;
    }
}

/* 자료실 */
.video-data-list {
    position: relative;
    margin: 30px -18px 0;
}
.video-data-list:after {
    content: '';
    display: block;
    clear: both;
}
.video-data-list li {
    float: left;
    width: 440px;
    margin: 36px 18px 0;
}
.video-data-list li:nth-child(1),
.video-data-list li:nth-child(2),
.video-data-list li:nth-child(3) {
    margin: 0 18px 0;
}
.video-data-list li .video-area {
    position: relative;
}
.video-data-list li .video-area:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(26,29,29,.3);
}
.video-data-list li .video-area:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    background: url(/images/btn/btn_play2.png) center center no-repeat;
    background-size: 24px 24px;
    box-sizing: border-box;
    border: 2px solid #fafafa;
    border-radius: 50%;
}
.video-data-list li .text-area {
    padding: 30px;
    text-align: left;
}
.video-data-list li .text-area span {
    display: block;
}
.video-data-list li .text-area .category {
    color: #727071;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
.video-data-list li .text-area .title {
    overflow: hidden;
    margin-top: 10px;
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media(max-width: 760px) {
    .video-data-list {
        position: relative;
        margin: 20px 0 0;
    }
    .video-data-list li {
        float: none;
        width: 100%;
        margin: 16px 0 0;
    }
    .video-data-list li:nth-child(1),
    .video-data-list li:nth-child(2),
    .video-data-list li:nth-child(3) {
        margin: 16px 0 0;
    }
    .video-data-list li:first-child {
        margin: 0;
    }
    .video-data-list li .video-area img {
        width: 100%;
        vertical-align: top;
    }
    .video-data-list li .video-area:after {
        width: 54px;
        height: 54px;
    }
    .video-data-list li .text-area {
        padding: 12px 0 0;
        text-align: left;
    }
    .video-data-list li .text-area .category {
        color: #636366;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .video-data-list li .text-area .title {
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
}

/* 요금 계산기 */
.feecalc-wrap {
    position: relative;
    margin-top: 40px;
    padding: 0 354px 0 236px
}
.feecalc-wrap .svc-appl-list {
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}
.feecalc-wrap .svc-appl-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    border-bottom: 1px solid #d1d1d7;
}
.feecalc-wrap .svc-appl-list li .title-area {
    margin-top:0;
}
.feecalc-wrap .svc-appl-list li .title-area span {
    display: block;
}
.feecalc-wrap .svc-appl-list li .category {
    color: #eb008b;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.feecalc-wrap .svc-appl-list li .title {
    margin-top: 3px;
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}
.feecalc-wrap .svc-appl-list li .price-box span {
    display: inline-block;
}
.feecalc-wrap .svc-appl-list li .tit {
    color: #1a1d1d;
    font-size: 16px;
    font-weight: 500;
    line-height: 47px;
}
.feecalc-wrap .svc-appl-list li .price {
    margin-left: 15px;
    color: #1a1d1d;
    font-size: 26px;
    line-height: 47px;
}
.feecalc-wrap .svc-appl-list li .price strong {
    font-size: 32px;
}
.feecalc-wrap .cont-area .title-wrap + .title-wrap {
    margin-top: 60px;
}
.feecalc-wrap .cont-area .btn-box {
    margin: 20px 0 40px;
    text-align: right;
}
.feecalc-wrap .cont-area .btn-box .btn + .btn {
    margin-left: 4px;
}
.feecalc-wrap .nav-area {
    position: absolute;
    left: 0;
    top: 0;
}
.nav-area .title {
    display: block;
    margin-bottom: 30px;
    color: #1a1d1a;
    font-size: 26px;
    font-weight: 700;
    line-height: 38px;
}
.nav-area .search-area {
    display: block;
    width: 212px;
}
.nav-area .lnb-box {
    margin-top: 40px;
}
.nav-area .lnb-box .tit {
    display: block;
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
.nav-area .lnb-box .lnb-list + .tit {
    margin-top: 34px;
}
.nav-area .lnb-box .lnb-list {
    margin-top: 20px;
    padding: 20px 20px 26px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #d1d1d7;
}
.nav-area .lnb-list .item-lnb {
    margin-top: 12px;
}
.nav-area .lnb-list .item-lnb > a {
    display: block;
    color: #1a1d1d;
    font-size: 18px;
    line-height: 24px;
}
.nav-area .lnb-list .item-lnb.on > a,
.nav-area .lnb-list .item-lnb:hover > a {
    font-weight: 700;
}
.nav-area .lnb-list .item-lnb:first-child {margin-top: 0;}
.nav-area .lnb-list .item-lnb .depth-list {
    display: none;
    padding: 20px 20px 13px;
}
.nav-area .lnb-list .item-lnb .depth-list li {
    margin-top: 12px;
}
.nav-area .lnb-list .item-lnb .depth-list li:first-child {margin-top: 0;}
.nav-area .lnb-list .item-lnb .depth-list li a {
    display: block;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 24px;
}
.feecalc-wrap .wing-area {
    position: absolute;
    right: 0;
    top: 0;
    width: 330px;
}
.wing-area .total-info {
    width: 330px;
    box-sizing: border-box;
    border: 2px solid rgba(0, 0, 0, 0.5);
    background-color: #fff;
} 
.wing-area .total-info .total-fee {
    padding: 20px 10px 9px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.05);
} 
.wing-area .total-info .total-fee .title-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0;
} 
.wing-area .total-info .total-fee .title {
    display: inline-block;
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
} 
.wing-area .total-info .total-fee .btn-init {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 7px;
    background: url(/images/btn/btn_init.png) no-repeat center center;
    background-size: 24px 24px;
} 
.wing-area .total-info .total-fee .price {
    margin-top: 14px;
    color: #1a1d1d;
    font-size: 26px;
    line-height: 47px;
    text-align: right;
} 
.wing-area .total-info .total-fee .price strong {
    font-size: 32px;
}
.wing-area .total-info .btn-area {
    overflow: hidden;
    padding: 20px 18px;
} 
.wing-area .total-info .btn-area .btn {
    float: left;
    width: 140px;
    margin-left: 10px;
}
.wing-area .total-info .btn-area .btn:first-child {
    margin-left: 0;
}
.wing-area .total-info .btn-area .btn:last-child {
    width: 100%;
    margin: 8px 0 0;
}
.produ-info-list.toggle-list {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.toggle-list .item-produ {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.toggle-list .item-produ:first-child {
    border-top: 0;
}
.toggle-list .item-produ .toggle-opener {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px 12px 48px;
    background: url(/images/btn/btn_open.png) no-repeat left 20px center;
}
.toggle-list .item-produ .toggle-opener.on {
    background: url(/images/btn/btn_close.png) no-repeat left 20px center;
}
.toggle-list .item-produ .toggle-opener span {display: block;}
.toggle-list .item-produ .toggle-opener .title {
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.toggle-list .item-produ .toggle-opener .price {
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
}
.toggle-list .item-produ .toggle-detail {
    padding: 20px 28px 0;
    border-top: 1px solid #d1d1d7;
}
.toggle-list .item-produ .toggle-detail .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.toggle-list .item-produ .toggle-detail .item:first-child {
    margin-top: 0;
}
.toggle-list .item-produ .toggle-detail .item span {display: block;}
.toggle-list .item-produ .toggle-detail .item .tit {
    color: #1a1d1d;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
.toggle-list .item-produ .toggle-detail .item .price {
    color: #1a1d1d;
    font-size: 18px;
    line-height: 26px;
}
.toggle-list .item-produ .btn-box {
    padding: 18px 18px 20px;
    box-sizing: border-box;
}
.toggle-list .item-produ .btn-box .btn {
    width: 100%;
}
.wing-area .event-box {
    margin-top: 24px;
    width: 330px;
}

/*---------------------------------------/
    비교하기 팝업
/---------------------------------------*/
.comparison-wrap {
    overflow: hidden;
    border-top:2px solid  rgba(0, 0, 0, 0.5);
}
.comparison-wrap .comparison-head {
    float: left;
    width: 140px;
}
.comparison-head .th-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d7;
    box-sizing: border-box;
}
.comparison-wrap .comparison-body {
    overflow: hidden;
    float: left;
}
.comparison-body .comparison-item {
    float: left;
    width: 260px;
}
.comparison-body .comparison-item .td-item {
    padding: 40px 0;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #d1d1d7;
}
.comparison-head .th-item.th01,
.comparison-body .comparison-item .td-item.td01 {
    height: 338px;
    padding:30px 0;
    box-sizing: border-box;
}
.comparison-head .th-item.th02,
.comparison-body .comparison-item .td-item.td02 {height: 104px}
.comparison-head .th-item.th03,
.comparison-body .comparison-item .td-item.td03 {height: 104px}
.comparison-head .th-item.th04,
.comparison-body .comparison-item .td-item.td04 {height: 154px}
.comparison-head .th-item.th05,
.comparison-body .comparison-item .td-item.td05 {height: 200px}
.comparison-head .th-item.th06,
.comparison-body .comparison-item .td-item.td06 {
    height: 160px;
    padding: 18px 0 27px;
    box-sizing: border-box;
}

.comparison-item .prd-info .img-box {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
}
.comparison-item .prd-info .img-box img {
    width: 100%;
    height: 100%;
}
.comparison-item .prd-info .cp-name {
    display: block;
    font-size: 14px;
    line-height: 20px;
}
.comparison-item .prd-info .title {
    display: block;
    font-size: 26px;
    line-height: 38px;
}
.comparison-item .prd-info .desc {
    overflow: hidden;
    display: block;
    margin-top: 4px;
    font-size: 16px;
    line-height: 23px;
    color: #636366;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.comparison-item .prd-info .btn-area {
    margin-top: 12px;
}
.comparison-item .prd-info .btn-area .btn-cart {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/images/icon/ic_cart02.png) center center no-repeat;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.comparison-item .prd-info .btn-area .btn-wish {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/images/icon/ic_wish02.png) center center no-repeat;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.comparison-item .prd-info .btn-area .btn-wish:hover {
     background: url(/images/icon/ic_wish02_on.png) center center no-repeat;
}
.comparison-item .btn-area .btn {
    min-width: 100px;
}
.comparison-item .prd-review {
    display: inline-block;
}
.comparison-item .prd-review .cnt {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top;
}
.comparison-item .category-info {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.comparison-item .prd-charge .price {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    color: #000;
}
.comparison-item .prd-charge .discount {
    display: inline-block;
    height: 20px;
    margin: 3px 0 0 4px;
    padding: 0 6px 0 4px;
    font-size: 14px;
    color: #fff;
    background: #e3007f;
    border-radius: 10px;
}
.comparison-item .prd-charge .btn-area {
    margin-top: 8px;
}
.comparison-item .prd-summary p {
    overflow: hidden;
    height: 120px;
    padding: 0 40px;
    font-size: 13px;
    line-height: 17px;
    color: #000;
    text-align: left;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical;
}
.comparison-item .btn-play {
    position: relative;
    display:block;
    width: 200px;
    height: 115px;
    margin: 0 auto;
}
.comparison-item .btn-play:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(26,29,29,.3);
    background-image: url(/images/icon/ic_play.png);
    background-position: center center;
    background-repeat: no-repeat;
}
@media(max-width: 760px) {
    .comparison-group {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .comparison-group::-webkit-scrollbar {
        width: 30%; 
        height: 4px;
    }
    .comparison-group::-webkit-scrollbar-thumb {
        background: #aeaeb2;
        border-radius: 2px;
    }
    .comparison-group::-webkit-scrollbar-track {
        background: #fff;
    }
    .comparison-wrap .comparison-head {
        width:73px;
        background: #fafafa;
    }
    .comparison-head .th-item {
        text-align: center;
        word-break: keep-all;
        white-space: normal;
    }
    .comparison-wrap .comparison-body {
        float: none;
        display: inline-block;
        width: 528px;
    }
    .comparison-body .comparison-item {
        width: 176px;
        border-left: 1px solid #d1d1d7;
        box-sizing: border-box;
    }
    .comparison-body .comparison-item .td-item {
        display: table;
        table-layout: fixed;
        width: 100%;
        padding: 0 20px !important;
        white-space: normal;
    }
    .comparison-head .th-item.th01,
    .comparison-body .comparison-item .td-item.td01 {height: 309px;}
    .comparison-head .th-item.th02,
    .comparison-body .comparison-item .td-item.td02 {height: 104px;}
    .comparison-head .th-item.th03,
    .comparison-body .comparison-item .td-item.td03 {height: 90px}
    .comparison-head .th-item.th04,
    .comparison-body .comparison-item .td-item.td04 {height: 100px}
    .comparison-head .th-item.th05,
    .comparison-body .comparison-item .td-item.td05 {height: 235px}
    .comparison-head .th-item.th06,
    .comparison-body .comparison-item .td-item.td06 {height: 118px;
    }
    .comparison-item .prd-info,
    .comparison-item .prd-review, 
    .comparison-item .category-info,
    .comparison-item .prd-charge,
    .comparison-item .prd-summary,
    .comparison-item .prd-video {
        display:table-cell;
        vertical-align: middle;
    }

    .comparison-item .prd-info .img-box {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }
    .comparison-item .prd-info .cp-name {
        font-size: 12px;
        line-height: 17px;
    }
    .comparison-item .prd-info .title {
        font-size: 18px;
        line-height: 26px;
    }
    .comparison-item .prd-info .desc {
        display: -webkit-box;
        height: 40px;
        margin-top:8px;
        font-size: 14px;
        line-height: 20px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
    .comparison-item .prd-info .btn-area {
        margin-top:20px;
    }
    .comparison-item .prd-info .btn-area .btn-cart,
    .comparison-item .prd-info .btn-area .btn-wish {
        display: none;
    }
    .comparison-item .btn-area .btn {
        width: 100%;
        margin: 0;
    }
    .comparison-item .prd-review .cnt{
        display: block;
    }
    .comparison-item .prd-charge .price {
        font-size: 15px;
        line-height: 23px;
    }
    .comparison-item .prd-charge .discount {
        font-size: 12px;
        margin: 2px 0 0;
    }
    .comparison-item .prd-charge .btn {
        height: 32px;
        line-height: 30px;
    }
    .comparison-item .prd-summary p {
        height: 200px;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        -webkit-line-clamp: 10;
    }
    .comparison-item .btn-play,
    .comparison-item .btn-play img {
        width: 100%;
        height: auto;
    }
}

/*---------------------------------------/
    비즈마켓이 좋은이유
/---------------------------------------*/
.register-area .title-wrap {margin-bottom:60px;}

.register-area .imgbox,
.register-area .videobox {margin-bottom:60px; text-align: center;}
.register-area .imgbox:last-child,
.register-area .videobox:last-child {margin-bottom:0;}
.register-area .imgbox img,
.register-area .videobox iframe {max-width: 100%}

@media(max-width: 760px) {
    .register-area .title-wrap {margin-bottom:20px;}
}

.thumb-list {
    position: relative;
    margin: 5px -12px -20px;
}
.thumb-list.type02 {
    margin: 5px -18px -20px;
}
.thumb-list:after {
    content: '';
    display: block;
    clear: both;
}
.thumb-list li {
    float: left;
    position: relative;
    width: 330px;
    margin: 20px 12px;
}
.thumb-list.type02 li {
    width: 440px;
    margin: 36px 18px 0;
}
.thumb-list li .img-box {
    position: relative;
    overflow: hidden;
    width: 330px;
    height: 225px;
}
.thumb-list.type02 li .img-box {
    width: 440px;
    height: 234px;
}
.thumb-list li .img-box img {
    width: 330px;
    height: 225px;
    transform: scale(1);
    transition: all 0.5s;
}
.thumb-list.type02 li .img-box img {
    width: 440px;
    height: 234px;
}
.thumb-list li:hover .img-box img  {
    transform: scale(1.1);
    transition: all 0.5s;
}
.thumb-list li .flag {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
}
.thumb-list li .txt-box {
    padding: 20px;
}
.thumb-list.type02 li .txt-box {
    padding: 30px;
}
.thumb-list li .txt-box .category-box .txt {
    display: inline-block;
    position: relative;
    margin-left: 6px;
    padding-left: 11px;
    color: #636366;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
.thumb-list.type02 li .txt-box .category-box .txt {
    color: #727071;
}
.thumb-list li .txt-box .category-box .txt:first-child {
    margin-left: 0;
    padding-left :0;
}
.thumb-list li .txt-box .category-box .txt.name {
    color: #1a1d1d;
}
.thumb-list li .txt-box .category-box .txt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    background-color: #d1d1d7;
    transform: translateY(-50%);
}
.thumb-list li .txt-box .category-box .txt:first-child:before {
    display: none;
}
.thumb-list li .txt-box .title {
    overflow: hidden;
    display: block;
    color: #1a1d1d;
    font-size: 24px;
    line-height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thumb-list li .txt-box .tit {
    display: block;
    margin-top: 30px;
    color: #1a1d1d;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thumb-list li .txt-box .svctag {
    display: inline-block;
    height: 34px;
    padding: 0 20px;
    border-radius: 20px;
    background-color: #5a5e77;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
}
.thumb-list li .txt-box .text {
    min-height: 72px;
    margin-top: 24px;
    color: #1a1d1d;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.thumb-list.type02 li .txt-box .text {
    margin-top: 12px;
    color: #636366;
}
.thumb-list li .txt-box .date {
    margin-top: 12px;
    color: #727071;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px; 
}
@media(max-width: 760px) {
    .thumb-list {
        position: relative;
        margin: 0 -8px;
    }
    .thumb-list.type02 {
        margin:4px 0 0;
    }
    .thumb-list li {
        width: calc(50% - 16px);
        margin: 30px 8px 0;
    }
    .thumb-list.type02 li {
        width: 100%;
        margin: 16px 0 0;
    }
    .thumb-list li .img-box,
    .thumb-list li .img-box img,
    .thumb-list.type02 li .img-box,
    .thumb-list.type02 li .img-box img {
        width: 100%;
        height: auto;
    }
    .thumb-list li .flag { 
        left: auto;
        right: 0;
        top: auto;
        bottom: 50px;
        width: 80px;
        height: 32px;
        border-radius: 50px;
        font-size: 12px;
        font-weight: 700;
        line-height: 32px;
    }
    .thumb-list li .txt-box,
    .thumb-list.type02 li .txt-box {
        padding: 12px 0 0;
    } 
    .thumb-list li .txt-box .category-box .txt {
        display: block;
        margin-left: 0;
        padding-left: 0;
        font-size: 14px;
        font-weight: normal;
    }
    .thumb-list li .txt-box .category-box .txt:before {
        display: none;
    }
    .thumb-list li .txt-box .category-box .txt.name {
        font-size: 15px;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .thumb-list li .txt-box .title {
        margin-top: 8px;
        font-size: 15px;
        line-height: 22px;
    }
    .thumb-list li .txt-box .tit {
        margin-top: 8px;
        font-size: 15px;
        line-height: 22px;
    }
    .thumb-list li .txt-box .svctag {
        height: auto;
        padding: 0;
        border-radius: 0;
        background: none;
        color: #636366;
        font-size: 13px;
        line-height: 19px;
        text-align: left;
    }
    .thumb-list li .txt-box .text {
        display: none;
    }
    .thumb-list.type02 li .txt-box .text {
        display: block;
        min-height: auto;
        margin-top: 8px;
        font-size: 12px;
        line-height: 17px;
    }
    .thumb-list li .txt-box .date {
        margin-top: 8px;
        font-size: 12px;
        font-weight: normal;
        line-height: 17px; 
    }
}

/* 솔루션 파트너 */
.solution-partner-wrap {
    position: relative;
    margin-top: 60px;
}
.solution-partner-wrap .partner-list .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: auto;
    height: auto;
    margin: -18px;
}
.solution-partner-wrap .item {
    width: calc(100%/4 - 36px);
    height: 254px;
    margin: 18px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}
.solution-partner-wrap .item .logo {
    display: block;
    width: 321px;
    height: 174px;
}
.solution-partner-wrap .item .logo img {
    width: 100%;
    height: 100%;
}
.solution-partner-wrap .partner-list .item .title {
    display: block;
    text-align: center;
}
@media(max-width: 760px) {
    .solution-partner-wrap {
        margin-top: 20px;
        padding: 0 16px;
    }
    .solution-partner-wrap .partner-list {
        margin: 0 -16px;
        padding: 0 16px;
    }
    .solution-partner-wrap .partner-list .swiper-wrapper {
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0;
    }
    .solution-partner-wrap .item {
        width: 140px;
        height: 120px;
        margin:0 0 0 10px;
    }
    .solution-partner-wrap .item:first-child {
        margin-left: 0;
    }
    .solution-partner-wrap .item .logo {
        width:100%;
        height:calc((83/140) * 100%);
    }
    .solution-partner-wrap .partner-list .item .title {
        margin-top: 10px;
        font-size: 12px;
        line-height: 17px;
    }
}

/*---------------------------------------/
    우편번호 조회
/---------------------------------------*/
.zipcode-wrap {
    width: 684px;
    margin: 0 auto;
}
.zipcode-search .inner-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.zipcode-search .inner-search .inp-box {
    width: calc(100% - 140px);
}
.zipcode-search .inner-search .inp-box input {
    padding: 0 40px 0 16px;
}
.zipcode-search .inner-search .btn-search {
    width: 136px;
    height: 48px;
    margin-left: 4px;
    border-radius: 4px;
    background-color: #5a5e77;
    color: #d1d1d7;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
}
.zipcode-search .hidden-text {
    margin: 10px 0;
}
.zipcode-search .example-text {
    color: #636366;
    font-size: 16px;
    line-height: 23px;
}
.zipcode-list {
    margin-top: 40px;
}
.zipcode-list .text {
    color: #1a1d1d;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
.zipcode-list .tbl-list {
    overflow: hidden;
    height: 406px;
    margin-top: 20px;
}
.zipcode-list .tbl-list table {
    border-top: 0;
}
.zipcode-list .tbl-list table th {
    height: 60px;
    padding:0 10px;
}
.zipcode-list .tbl-list table td {
    padding: 10px;
}
.zipcode-list .nodata {
    font-size: 16px;
    line-height: 23px;
}

.zipcode-list .scroll-area {
    overflow-y: auto;
    overflow-x: hidden;
    height: 345px;
}
.zipcode-list .scroll-area::-webkit-scrollbar {
    width: 4px; 
}
.zipcode-list .scroll-area::-webkit-scrollbar-thumb {
    height: 30%;
    background: #aeaeb2;
    border-radius: 2px;
}
.zipcode-list .scroll-area::-webkit-scrollbar-track {
    background: #fff;
}
.zipcode-list .scroll-area table thead {
    display: none;
}
@media(max-width: 760px) {
    .zipcode-wrap {
        width: 100%;
    }
    .zipcode-search .inner-search .inp-box {
        width: calc(100% - 80px);
    }
    .zipcode-search .inner-search .btn-search {
        width: 76px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    .zipcode-search .example-text {
        color: #636366;
        font-size: 14px;
        line-height: 20px;
    }
    .zipcode-list {
        margin-top: 30px;
    }
    .zipcode-list .text {
        font-size: 14px;
        line-height: 20px;
    }
    .zipcode-list .tbl-list {
        height: 352px;
        margin-top: 16px;
    }
    .zipcode-list .nodata {
        font-size: 16px;
        line-height: 23px;
    }
    .zipcode-list .scroll-area {
        height: 291px;
    }
}
/*---------------------------------------/
    U+비즈마켓 서비스 이용약관
/---------------------------------------*/
.agreements-wrap,
.privacy-wrap {
    margin-top: 60px;
}
.privacy-wrap .privacy-text .text {
    color: #1a1d1d;
    font-size: 18px;
    line-height: 28px;
}
.privacy-wrap .privacy-text .btn {
    margin-top: 24px;
}
.privacy-wrap .privacy-text .select-box {
    margin-top: 24px;
    min-width: 312px;
}
.privacy-wrap .infographic-wrap {
    margin-top: 60px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.infographic-wrap .title-box {text-align: center;}
.infographic-wrap .title-box .title {
    display: block;
    color: #eb008b;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}
.infographic-wrap .title-box .text {
    margin-top: 10px;
    color: #636363;
    font-size: 18px;
    line-height: 24px;
}
.infographic-wrap .title-box .text .br01 {
    display: none;
}
.infographic-wrap .title-box .text .br02 {
    display: block;
}
.infographic-wrap .title-box .text .not-txt {
    display: block;
}
.infographic-wrap .infographic-list {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -22px 0;
}
.infographic-wrap .infographic-list li {
    width: 620px;
    min-height: 87px;
    margin: 0 22px 35px;
    padding-left: 100px;
    box-sizing: border-box;
}
.infographic-wrap .infographic-list li:nth-child(3),
.infographic-wrap .infographic-list li:nth-child(4) {
    margin-bottom: 0;
}
.infographic-wrap .infographic-list.collect li:nth-child(1) {
    background: url(/images/icon/ic_infographic01.png) no-repeat left top;
}
.infographic-wrap .infographic-list.collect li:nth-child(2) {
    background: url(/images/icon/ic_infographic02.png) no-repeat left top;
}
.infographic-wrap .infographic-list.collect li:nth-child(3) {
    background: url(/images/icon/ic_infographic03.png) no-repeat left top;
}
.infographic-wrap .infographic-list.collect li:nth-child(4) {
    background: url(/images/icon/ic_infographic04.png) no-repeat left top;
}
.infographic-wrap .infographic-list.use li:nth-child(1) {
    background: url(/images/icon/ic_infographic01.png) no-repeat left top;
}
.infographic-wrap .infographic-list.use li:nth-child(2) {
    background: url(/images/icon/ic_infographic02.png) no-repeat left top;
}
.infographic-wrap .infographic-list.use li:nth-child(3) {
    background: url(/images/icon/ic_infographic03.png) no-repeat left top;
}
.infographic-wrap .infographic-list.use li:nth-child(4) {
    background: url(/images/icon/ic_infographic04.png) no-repeat left top;
}
.infographic-wrap .infographic-list.offer li:nth-child(1) {
    background: url(/images/icon/ic_infographic01.png) no-repeat left top;
}
.infographic-wrap .infographic-list.offer li:nth-child(2) {
    background: url(/images/icon/ic_infographic02.png) no-repeat left top;
}
.infographic-wrap .infographic-list.offer li:nth-child(3) {
    background: url(/images/icon/ic_infographic03.png) no-repeat left top;
}
.infographic-wrap .infographic-list.destruct li:nth-child(1) {
    background: url(/images/icon/ic_infographic01.png) no-repeat left top;
}
.infographic-wrap .infographic-list.destruct li:nth-child(2) {
    background: url(/images/icon/ic_infographic02.png) no-repeat left top;
}
.infographic-wrap .infographic-list.destruct li:nth-child(3) {
    background: url(/images/icon/ic_infographic03.png) no-repeat left top;
}
.infographic-wrap .infographic-list li .tit {
    display: block;
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
}
.infographic-wrap .infographic-list li .tit br {
    display: none;
}
.infographic-wrap .infographic-list li .txt {
    margin-top: 8px;
    color: #636363;
    font-size: 16px;
    line-height: 24px;
}
.infographic-wrap .txt-box {
    margin-top: 40px;
    text-align: center;
}
.infographic-wrap .txt-box .text-desc {
    display: inline-block;
}
.infographic-wrap .certificat-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
}
.infographic-wrap .certificat-area span {
    display: block;
}
.infographic-wrap .certificat-area .imgbox {
    width: 80px;
    height: 80px;
}
.infographic-wrap .certificat-area .imgbox img {
    width: 100%;
}
.infographic-wrap .certificat-area .txtbox {
    margin-left: 20px;
}
.infographic-wrap .certificat-area .title {
    margin-bottom: 8px;
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
}
.infographic-wrap .certificat-area .title .br02 {
    display: none;
}
.infographic-wrap .certificat-area .date,
.infographic-wrap .certificat-area .text {
    color: #636363;
    font-size: 16px;
    line-height: 24px;
}
.infographic-wrap .certificat-area .text {
    color: #dc354a;
}

.privacy-wrap .privacy-info {
    margin-top: 60px;
} 
.privacy-info-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
} 
.privacy-info-list .item-privacy-info {
    width: 448px;
    min-height: 625px;
    margin: 0 12px;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 10px;
    border: solid 1px #d1d1d7;
    background-color: #fff;
} 
.privacy-info-list .item-privacy-info .title {
    display: block;
    color: #1a1d1d;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
} 
.privacy-info-list .item-privacy-info .img-box {
    display: block;
    margin: 40px 0 0;
    text-align: center;
} 
.privacy-info-list .item-privacy-info .cont-area {
    margin: 40px 0 0;
} 
.privacy-info-list .item-privacy-info .cont-area > .tit {
    display: block;
    margin-bottom: 12px;
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
} 
.privacy-info-list .item-privacy-info .cont-area .list + .tit {
    margin-top: 24px;
}
.privacy-info-list .item-privacy-info .cont-area .list li {
    position: relative;
    margin-top: 8px;
    padding-left: 92px;
    color: #636363;
    font-size: 16px;
    line-height: 24px;
}
.privacy-info-list .item-privacy-info .cont-area .list li:first-child {
    margin-top: 0;
}
.privacy-info-list .item-privacy-info .cont-area .list li .tit {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   padding-left: 12px;
   box-sizing: border-box;
   width: 92px;
}
.privacy-info-list .item-privacy-info .cont-area .list li .tit:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 11px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #636363;
}
.privacy-wrap .privacy-article {  
    width:100%;
    margin-top: 60px;
    padding-top: 60px;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.privacy-wrap .privacy-article .text {
    margin-bottom:25px;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
}
.privacy-article .article-list {
    display: inline-block;
    width: 500px;
}
.privacy-article .article-list + .article-list {
    margin-left: 56px;
}
.privacy-article .article-list li {
    margin-top: 16px;
}
.privacy-article .article-list li:first-child {
    margin-top: 0;
}
.privacy-article .article-list li a {
    display: table;
    width: 100%;
}
.privacy-article .article-list li .num {
    display: table-cell;
    width: 48px;
    padding: 8px 5px;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    background-color: #eb008b;
    color: #f2f3f4;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
}
.privacy-article .article-list li .text {
    display: table-cell;
    width: calc(100% - 48px);
    padding: 9px 12px;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    border: solid 1px #d1d1d7;
    background-color: #fff;
    border-left: 0;
    color: #1a1d1d;
    font-size: 18px;
    line-height: 28px;
    vertical-align: middle;
}
.privacy-wrap .privacy-cont {
    margin: 60px 0 0;
    padding: 60px 80px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.privacy-wrap .privacy-cont .list-cont + .list-cont {
    margin-top: 30px;
}
.privacy-wrap .privacy-cont .title {
    display: block;
    margin-bottom: 8px;
    color: #1a1d1d;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}
.privacy-wrap .privacy-cont ul {
    margin-top: 8px;
}
.privacy-wrap .privacy-cont ul > li {
    margin-top: 8px;
}
.privacy-wrap .privacy-cont ul > li:first-child {
    margin-top: 0;
}
.privacy-wrap .privacy-cont .list-text > li .num {
    text-indent: -26px;
}
.privacy-wrap .privacy-cont .list-text > li > ul {
    margin: 8px 0;
}
.privacy-wrap .privacy-cont .list-text > li .txt {
    margin-top: 8px;
}
.privacy-wrap .privacy-cont .list-text > li .tbl-form {
    margin-bottom: 24px;
}
.privacy-wrap .privacy-cont .bold,
.privacy-wrap .privacy-cont .tbl-form.bold td {font-weight:bold}

.tab-menu.privacy {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 42px;
}
.tab-menu.privacy li {
    position: relative;
    margin: 0 20px;
}
.tab-menu.privacy li.on:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -59px;
    width: 32px;
    height: 32px;
    border-right: 1px solid #d1d1d7;
    border-top: 1px solid #d1d1d7;
    background-color: #fff;
    transform: translateX(-50%) rotate(-45deg);
}
.tab-menu.privacy li button {
    display: inline-block;
    width: 120px;
    padding: 128px 0 0;
    color: #1a1d1d;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}
.tab-menu.privacy li.on button,
.tab-menu.privacy li:hover button  {
    color: #eb008b;
}
.tab-menu.privacy li:nth-child(1) button {
    background: url(/images/icon/ic_tab_privacy01.png) no-repeat center top;
}
.tab-menu.privacy li.on:nth-child(1) button,
.tab-menu.privacy li:hover:nth-child(1) button  {
    background: url(/images/icon/ic_tab_privacy01_on.png) no-repeat center top;
}
.tab-menu.privacy li:nth-child(2) button {
    background: url(/images/icon/ic_tab_privacy02.png) no-repeat center top;
}
.tab-menu.privacy li.on:nth-child(2) button,
.tab-menu.privacy li:hover:nth-child(2) button {
    background: url(/images/icon/ic_tab_privacy02_on.png) no-repeat center top;
}
.tab-menu.privacy li:nth-child(3) button {
    background: url(/images/icon/ic_tab_privacy03.png) no-repeat center top;
}
.tab-menu.privacy li.on:nth-child(3) button,
.tab-menu.privacy li:hover:nth-child(3) button {
    background: url(/images/icon/ic_tab_privacy03_on.png) no-repeat center top;
}
.tab-menu.privacy li:nth-child(4) button {
    background: url(/images/icon/ic_tab_privacy04.png) no-repeat center top;
}
.tab-menu.privacy li.on:nth-child(4) button,
.tab-menu.privacy li:hover:nth-child(4) button {
    background: url(/images/icon/ic_tab_privacy04_on.png) no-repeat center top;
}
.tab-menu.privacy li:nth-child(5) button {
    background: url(/images/icon/ic_tab_privacy05.png) no-repeat center top;
}
.tab-menu.privacy li.on:nth-child(5) button,
.tab-menu.privacy li:hover:nth-child(5) button {
    background: url(/images/icon/ic_tab_privacy05_on.png) no-repeat center top;
}

.privacy-wrap .infographic-wrap .tab-panel {
    min-height: 399px;
    padding: 40px 52px;
    border-radius: 10px;
    box-sizing: border-box;
    border: solid 1px #d1d1d7;
    background-color: #fff;
}
@media(max-width: 760px) {
    .agreements-wrap,
    .privacy-wrap {
       margin-top: 24px;
    }
    .privacy-wrap .privacy-text .text {
        font-size: 16px;
        line-height: 23px;
    }
    .privacy-wrap .privacy-text .btn {
        width: 100%;
        margin-top: 20px;
    }
    .privacy-wrap .privacy-text .select-box {
        margin-top: 20px;
        width: 100%;
    }
    .privacy-wrap .infographic-wrap {
        margin-top: 40px;
    }
    .infographic-wrap .title-box .title {
        font-size: 18px;
        line-height: 26px;
    }
    .infographic-wrap .title-box .text {
        margin-top: 8px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.2px;
    }
    .infographic-wrap .title-box .text .br01 {
        display: block;
    }
    .infographic-wrap .title-box .text .br02 {
        display: none;
    }
    .infographic-wrap .title-box .text .not-txt {
        margin-top: 8px;
    }
    .infographic-wrap .infographic-list {
        display: block;
        margin: 20px 0 0;
        padding: 21px 0 0;
        border-top: 1px solid #d1d1d7;
    }
    .infographic-wrap .infographic-list li {
        width: 100%;
        min-height: auto;
        margin: 0 0 28px;
        padding: 68px 0 0;
        text-align: center;
    }
    .infographic-wrap .infographic-list li:nth-child(3),
    .infographic-wrap .infographic-list li:nth-child(4) {
        margin-bottom: 28px;
    }
    .infographic-wrap .infographic-list li:last-child {
        margin-bottom: 0;
    }
    .infographic-wrap .infographic-list.collect li:nth-child(1),
    .infographic-wrap .infographic-list.collect li:nth-child(2),
    .infographic-wrap .infographic-list.collect li:nth-child(3),
    .infographic-wrap .infographic-list.collect li:nth-child(4),
    .infographic-wrap .infographic-list.use li:nth-child(1),
    .infographic-wrap .infographic-list.use li:nth-child(2),
    .infographic-wrap .infographic-list.use li:nth-child(3),
    .infographic-wrap .infographic-list.use li:nth-child(4),
    .infographic-wrap .infographic-list.offer li:nth-child(1),
    .infographic-wrap .infographic-list.offer li:nth-child(2),
    .infographic-wrap .infographic-list.offer li:nth-child(3),
    .infographic-wrap .infographic-list.destruct li:nth-child(1),
    .infographic-wrap .infographic-list.destruct li:nth-child(2),
    .infographic-wrap .infographic-list.destruct li:nth-child(3) {
        background-size: 60px 60px;
        background-position: center top;
    }
    .infographic-wrap .infographic-list li .tit {
        font-size: 16px;
        line-height: 23px;
    }
    .infographic-wrap .infographic-list li .tit br {
        display: block;
    }
    .infographic-wrap .infographic-list li .txt {
        font-size: 13px;
        line-height: 19px;
    }
    .infographic-wrap .txt-box {
        margin-top: 20px;
        padding: 16px 0 0;
        border-top: 1px solid #d1d1d7;
        text-align: left;
    }
    .infographic-wrap .txt-box .text-desc {
        margin-top: 0;
    }
    .infographic-wrap .certificat-area {
        display: block;
        margin-top: 18px;
        padding-top: 21px;
        border-top: 1px solid #d1d1d7;
        text-align: center;
    }
    .infographic-wrap .certificat-area .imgbox {
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }
    .infographic-wrap .certificat-area .txtbox {
        margin: 8px 0 0;
    }
    .infographic-wrap .certificat-area .title {
        font-size: 13px;
        line-height: 23px;
    }
    .infographic-wrap .certificat-area .title .br02 {
        display: block;
    }
    .infographic-wrap .certificat-area .date,
    .infographic-wrap .certificat-area .text {
        font-size: 13px;
        line-height: 19px;
    }

    .privacy-wrap .privacy-info {
        margin: 40px -16px 0;
        padding: 40px 16px;
        background-color: #f2f3f4;
    } 
    .privacy-info-list {
        display: block;
        margin: 0;
    } 
    .privacy-info-list .item-privacy-info {
        width: 100%;
        min-height: auto;
        margin: 20px 0 0;
        padding: 20px 16px;
        border-radius: 4px;
        border: 0;
        background-color: #fff;
        text-align: center;
    }
    .privacy-info-list .item-privacy-info:first-child {
        margin-top: 0;
    }
    .privacy-info-list .item-privacy-info .title {
        font-size: 17px;
        line-height: 25px;
    } 
    .privacy-info-list .item-privacy-info .img-box {
        margin: 20px 0 0;
    } 
    .privacy-info-list .item-privacy-info .img-box img {
        width: 80px;
        height: 80px;
    }
    .privacy-info-list .item-privacy-info .cont-area {
        margin: 20px 0 0;
        text-align: left;
    } 
    .privacy-info-list .item-privacy-info .cont-area > .tit {
        margin-bottom: 7px;
        font-size: 15px;
        line-height: 24px;
    } 
    .privacy-info-list .item-privacy-info .cont-area .list + .tit {
        margin-top: 20px;
    }
    .privacy-info-list .item-privacy-info .cont-area .list li {
        margin-top: 4px;
        padding-left: 72px;
        font-size: 13px;
        line-height: 19px;
    }
    .privacy-info-list .item-privacy-info .cont-area .list li .tit {
       padding-left: 11px;
       width: 72px;
    }
    .privacy-info-list .item-privacy-info .cont-area .list li .tit:before {
        top: 8px;
    }
    .privacy-wrap .privacy-article {
        display: block;
        width: 100%;
        margin: 40px 0 0;
        padding: 40px 0 0;
    }
    .privacy-wrap .privacy-article .text {
        font-size: 16px;
        line-height: 23px
    }
    .privacy-article .article-list {
        width: 100%;
    }
    .privacy-article .article-list + .article-list {
        margin: 12px 0 0;
    }
    .privacy-article .article-list li {
        margin-top: 12px;
    }
    .privacy-article .article-list li .num {
        width: 32px;
        padding: 11px 5px 10px;
        font-size: 16px;
        line-height: 23px;
    }
    .privacy-article .article-list li .text {
        width: calc(100% - 32px);
        padding: 10px 12px 9px;
        font-size: 16px;
        line-height: 23px;
    }
    .privacy-wrap .privacy-cont {
        margin: 40px -16px 0;
        padding: 40px 16px;
        background-color: #f2f3f4;
    }
    .privacy-wrap .privacy-cont .inner-box {
        padding: 20px 16px;
        background-color: #fff;
    }
    .privacy-wrap .privacy-cont .list-cont + .list-cont {
        margin-top: 0;
    }
    .privacy-wrap .privacy-cont .title {
        padding-top:50px;
        font-size: 16px;
        line-height: 23px;
    }
    .privacy-wrap .privacy-cont .list-cont:first-child .title {
        padding-top:0;
    }
    .privacy-wrap .privacy-cont .list-text > li {
        padding-left: 20px;
    }
    .privacy-wrap .privacy-cont .list-text > li .num {
        text-indent: -18px;
    }
    .privacy-wrap .privacy-cont .list-text > li .tbl-form {
        margin-bottom: 16px;
    }
    .privacy-wrap .privacy-cont .list-text.bullet > li {
        padding-left: 14px;
    }
    
    .infographic-wrap .tab-wrap {
        margin-top: 40px;
    }
    .tab-menu.privacy {
        margin: 0 -6px 24px;
    }
    .tab-menu.privacy li {
        width: calc(20% - 12px);
        margin: 0 6px;
        text-align: center;
    }
    .tab-menu.privacy li.on:before {
        bottom: -32px;
        width: 14px;
        height: 14px;
    }
    .tab-menu.privacy li button {
        width: 56px;
        padding: 64px 0 0;
        font-size: 16px;
        line-height: 23px;
    }
    .tab-menu.privacy li:nth-child(1) button,
    .tab-menu.privacy li.on:nth-child(1) button,
    .tab-menu.privacy li:hover:nth-child(1) button,
    .tab-menu.privacy li:nth-child(2) button,
    .tab-menu.privacy li.on:nth-child(2) button,
    .tab-menu.privacy li:hover:nth-child(2) button,
    .tab-menu.privacy li:nth-child(3) button,
    .tab-menu.privacy li.on:nth-child(3) button,
    .tab-menu.privacy li:hover:nth-child(3) button,
    .tab-menu.privacy li:nth-child(4) button,
    .tab-menu.privacy li.on:nth-child(4) button,
    .tab-menu.privacy li:hover:nth-child(4) button,
    .tab-menu.privacy li:nth-child(5) button,
    .tab-menu.privacy li.on:nth-child(5) button,
    .tab-menu.privacy li:hover:nth-child(5) button {
        background-size: 100% auto;
    }
    .privacy-wrap .infographic-wrap .tab-panel {
        min-height: auto;
        padding: 16px;
        border-radius: 4px;
    }
}
.agreements-wrap.scroll-box {
    overflow: hidden;
    height: 412px;
    padding: 16px 4px 16px 16px;
    box-sizing: border-box;
    border-radius: 14px;
    border: 1px solid #d1d1d7;
}
.termsdetails-wrap.scroll-box {
    overflow: hidden;
    height: 400px;
    padding: 20px 4px 20px 16px;
    box-sizing: border-box;
    border-radius: 14px;
    border: 1px solid #d1d1d7;
}
.scroll-box .inner-area {
	overflow-y: scroll;
	height: 100%;
	padding-right:10px;
}
.scroll-box .inner-area::-webkit-scrollbar {
    width: 4px; 
}
.scroll-box .inner-area::-webkit-scrollbar-thumb {
    height: 30%;
    background: #aeaeb2;
    border-radius: 2px;
}
.scroll-box .inner-area::-webkit-scrollbar-track {
    background: #fff;
}
.termsdetails-wrap.scroll-box .inner-area {
    color: #1a1d1d;
    font-size: 14px;
    line-height: 20px;
}
.agreements-wrap.scroll-box .inner-area .title {
    display: block;
    margin-bottom: 16px;
    color: #1a1d1d;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
.agreements-wrap.scroll-box .inner-area .text {
    color: #8e8e93;
    font-size: 14px;
    line-height: 20px;
}
.agreements-wrap.scroll-box .inner-area .text + .text {
    margin-top: 30px;
}
.agreements-wrap.scroll-box .inner-area .text + .title {
    margin-top: 24px;
}
.scroll-box + .text-desc {
    margin-top: 40px;
}

/*---------------------------------------/
    popup
/---------------------------------------*/
.layer-popup {
    display:none;
    overflow:auto;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:9999;
    padding:50px 50px 0;
    background-color:rgba(0,0,0,.6);
}
.layer-popup .popup {
    overflow: hidden;
    position:relative;
    width:1000px;
    height: auto;
    margin:0 auto 50px;
    box-sizing:border-box;
    background-color:#fff;
    border-radius: 10px;
}
.layer-popup .popup:focus {
    outline:0;
}
.layer-popup .popup.size-lg {
    width: 1440px;
}

.layer-popup .btn-close {
    overflow: hidden;
    position:absolute;
    top:20px;
    right:20px;
    width:32px;
    height:32px;
    border:0;
    background-color:transparent;
    font-size:0;
    text-indent:-99999px;
    line-height:0;
    cursor:pointer;
}
.layer-popup .btn-close:before,
.layer-popup .btn-close:after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:20px;
    height:2px;
    background-color:#1a1d1d;
}
.layer-popup .btn-close:before {
    transform:translate(-50%,-50%) rotate(45deg);
}
.layer-popup .btn-close:after {
    transform:translate(-50%,-50%) rotate(135deg);
}

/* 팝업오픈 */
.layer-popup .popup {
    transform:scale(1.1);
    opacity:0;
}
.layer-popup.layer-popup-done .popup {
    transform:scale(1);
    opacity:1;
    transition:transform .3s, opacity .3s;
}
.layer-popup .pop-header {
    height: 72px;
    padding: 16px 20px;
    box-sizing: border-box;
}
.layer-popup .pop-header .title {
    color: #1a1d1d;
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}
.layer-popup .pop-body {
    padding: 40px;
}
.layer-popup .pop-footer {
    padding: 0 40px 40px;
}
.layer-popup .pop-footer .btn-wrap {
    margin-top: 0;
}

.alert-popup .popup {
    width: 352px;
}
.alert-popup .popup:focus {
    outline:1px solid #eb008b;
}
.alert-popup .pop-body {
    padding: 32px 28px 24px;
}
.alert-popup .pop-body .alert-text {
    color: #47484a;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    word-break: keep-all;
}
.alert-popup .pop-footer {
    padding: 0 28px 28px;
}
.alert-popup .pop-footer .btn-wrap .btn {
    min-width: auto;
    padding:0 10px;
}
.alert-popup .pop-footer .btn-wrap .btn + .btn {
    margin-left: 8px;
}
.alert-popup .pop-footer .btn-wrap .btn-half {
    width: calc((100%/2) - 4px);
}
.alert-popup .pop-footer .btn-wrap .btn span {
    letter-spacing: -1px;
}
@media(max-width: 760px) {
/*---------------------------------------/
    popup 모바일
/---------------------------------------*/
    .layer-popup {
        padding:40px 16px 0;
    }
    .layer-popup .popup,
    .layer-popup .popup.size-lg {
        min-width: 288px;
        width: 100%;
    }
    .layer-popup .btn-close {
        top: 11px;
        right: 11px;
        width: 24px;
        height: 24px;
    }
    .layer-popup .btn-close:before,
    .layer-popup .btn-close:after {
        width: 12px;
    }

    /* 팝업오픈 */
    .layer-popup .popup {
        transform:scale(1.1);
        opacity:0;
    }
    .layer-popup.layer-popup-done .popup {
        transform:scale(1);
        opacity:1;
        transition:transform .3s, opacity .3s;
    }
    .layer-popup .pop-header {
        height: auto;
        padding: 32px 16px 0;
        box-sizing: border-box;
    }
    .layer-popup .pop-header .title {
        font-size: 17px;
        line-height: 25px;
    }
    .layer-popup .pop-body {
        padding: 32px 16px 24px;
    }
    .layer-popup .pop-header + .pop-body {
        padding-top: 12px;
    }
    .layer-popup .pop-footer {
        padding: 0 16px 24px;
    }
    .alert-popup .pop-body .alert-text {
        font-size: 15px;
        line-height: 22px;
    }
}
/*---------------------------------------/
   window popup
/---------------------------------------*/
.pop-area {
    position: relative;
    background: #fff;
}
.pop-area .pop-content {
    height: 100%;
    padding-bottom: 73px;
    box-sizing: border-box;
}
.pop-area .pop-footer {
    position:fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 73px;
    padding: 16px;
    background: #fff;
    border-top: 1px solid #d1d1d7;
    box-sizing: border-box;
}
.pop-area .pop-footer .check-box label {
    min-height: 40px;
    padding:0 0 0 40px;
    font-size: 16px;
    line-height: 40px;
}
.pop-area .pop-footer .check-box label:before {
    width: 40px;
    height: 40px;
    background-size: 40px auto;
}
.pop-area .pop-footer .check-box input[type=checkbox]:checked + label:before {
    background-position: 0 -40px;
}
.pop-area .pop-footer .btn-pop-close {
    position: absolute;
    top: 16px;
    right: 16px;
}

/*---------------------------------------/
   Tool Tip
/---------------------------------------*/
.tip-area {
    position:relative;
    display:inline-block;
    margin-left:4px;
    vertical-align:middle;
}
.tip-area .btn-tip {
    display:block;
}
.tip-area .tooltip {
    display:none;
    position:absolute;
    top:30px;
    left:-20px;
    min-width:150px;
    min-height:100px;
    padding:10px;
    border:1px solid #222;
    border-radius:8px;
}
.tip-area .tooltip:before{
    content:'';
    position:absolute;
    top: -20px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #222;
    border-width: 10px;
}
.tip-area .tooltip:after{
    content:'';
    position:absolute;
    top: -19px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff;
    border-width: 10px;
}

/*---------------------------------------/
   평점/후기
/---------------------------------------*/
.review-wrap {
    text-align: center;
}
.review-wrap .review-text {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
}
.review-rating .rating-star {
    display: inline-block;
    vertical-align: middle;
}
.review-rating .rating-num {
    display: inline-block;
    margin-left: 8px;
    font-size: 26px;
    font-weight: 500;
    line-height: 38px;
    vertical-align: middle;
}
.review-rating .rating-star .star {
    overflow:hidden; 
    display:inline-block; 
    width:22px; 
    height:23px; 
    margin:0 2px; 
    font-size:0px; 
    text-indent:-1000px; 
    background:url(/images/btn/btn_star.png) no-repeat 0 0;
}
.review-rating .rating-star .star.on{
    background:url(/images/btn/btn_star_on.png) no-repeat 0 0;
}
.review-wrap .textarea {
    width: 684px;
    height: 140px;
    margin: 10px auto 0;
}
.review-wrap .textarea textarea {
    background: #fafafa;
    border: 1px solid #fafafa;
}
@media(max-width: 760px) {
    .review-wrap .textarea {
        width: 100%;
    }
}

/*---------------------------------------/
   예외 처리 페이지
/---------------------------------------*/
.etc-header {
    height: 110px;
    padding: 69px 240px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d1d1d7;
    background-color: #f5f5f5;
}
.etc-header .logo {
    display: inline-block;
    width: 118px;
    height: 27px;
    background-size: 100% auto;
}
.etc-page {
    width: 100%;
    height: 100vh;
    padding: 0 !important;
    background: #f5f5f5;
}
.etc-page .msg-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding-top: 180px;
    background: url(/images/icon/ic_report.png) center 0 no-repeat;
    transform: translateY(-50%);
    text-align: center;
}
.etc-page .msg-wrap .title {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 35px;
}
.etc-page .msg-wrap .text {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 26px;
    color: #636366;
}
.etc-page .msg-wrap .btn-area {
    margin-top: 30px;
}
.etc-page.no-mobile {
    width: auto;
    height: auto;
    padding-top: 68px !important;
    background: none;
}
.etc-page.no-mobile .section{
    display: block;
}
.etc-page.no-mobile .msg-wrap {
    display: none;
}
@media(max-width: 760px) {
    .etc-header {
        height: 50px;
        padding: 12px 0 13px;
        border-bottom: 0;
        background-color: #fff;
        text-align: center;
    }
    .etc-header .logo {
        width: 109px;
        height: 25px;
        background-size: 100% auto;
    }
    .etc-page {
        height: 100vh !important;
        background-color: #fff;
    }
    .etc-page .msg-wrap {
        padding: 140px 16px 0;
        box-sizing: border-box;
        background-size: 80px 80px;
    }
    .etc-page .msg-wrap .title {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 26px;
    }
    .etc-page .msg-wrap .text {
        margin-top: 0;
        font-size: 14px;
        line-height: 20px;
    }
    .etc-page .msg-wrap .btn-area .btn {
        width: 100%;
    }
    .etc-page.no-mobile {
        width: 100%;
        padding: 0 !important;
        background: #f5f5f5;
    }
    .etc-page.no-mobile .section {
        display: none;
    }
    .etc-page.no-mobile .msg-wrap {
        display: block;
    }
}

/*---------------------------------------/
    loading spinner
/---------------------------------------*/
#load_screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background:rgba(0,0,0,0.3);
}
.lds-roller {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {top: 63px;left: 63px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 68px;left: 56px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 71px;left: 48px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 72px;left: 40px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 71px;left: 32px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 68px;left: 24px;}
.lds-roller div:nth-child(7) {animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 63px;left: 17px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 56px;left: 12px;}
@keyframes lds-roller {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/*---------------------------------------/
    서비스상세 AS-IS
/---------------------------------------*/
.detail-area {padding-bottom: 90px;}
.detail-area:last-child {padding-bottom: 0;}
h3.aTit {position:relative; display:block; margin-bottom:60px; text-align:center; font-size:32px; line-height: 46px; font-weight:bold;}

.detail-area .subTabWrap .subTabBox {margin-bottom: 80px;}
.detail-area .subTabWrap .tabContent .bizPoint {padding-bottom:90px;}

.suggest .aTit {margin-bottom: 0}
.suggest .videoCon {margin-top:60px; text-align: center;}
.suggest .videoCon + .aTit {margin-top:90px;}

.bizPoint ul {text-align:center; width:1100px; margin:0 auto;} 
.bizPoint ul li {display:inline-block; vertical-align:top; width:33.33%; padding:0 0 0; margin:0 -2px;}
.bizPoint ul li .img {position:relative; width:200px; margin:0 auto;}
.bizPoint ul li .img .icon {position:absolute; right:20px; bottom:45px;}
.bizPoint ul li strong {display:block; margin-top:20px; font-size:24px;}
.bizPoint ul li p {margin-top:5px; line-height: 28px; font-size:18px;}
.bizPoint ul li p .desc {font-size: 14px}

.tabWrap {position: relative;}
@media(min-width: 761px) {
    .majorInfoTab {overflow:hidden; display:table; table-layout: fixed; width:100%; margin:0 auto;}
    .majorInfoTab a {display:table-cell; height:44px; line-height:44px; text-align:center; font-size:16px; color:#666; border:1px solid #d9dfeb; transition: all ease-in-out 0.4s;}
    .majorInfoTab a+a {border-left:0; }
    .majorInfoTab.on a {border:1px solid #8175bc; background:#8175bc; color:#fff;}
    .majorInfoTab a.active {border:1px solid #8175bc; background:#8175bc; color:#fff;}
    .majorInfoTab a:hover {text-decoration:none; border:1px solid #8175bc; background:#8175bc; color:#fff; font-weight:bold; }

    .majorInfoTab.subInfoTab a {width: 14% !important;height: 68px !important;line-height: 21px !important;vertical-align: middle;}
}
.majorInfo .txtTabWrap {position: relative;}
.majorInfo .tabContent {position: relative; padding-bottom: 100px;}
.majorInfo .tabContent .swiper-pagination {bottom:66px }
.majorInfo .swiper-button-next:after,
.majorInfo .swiper-button-prev:after {
    display: none;
}
.majorInfo .swiper-button-next.swiper-button-disabled,
.majorInfo .swiper-button-prev.swiper-button-disabled {
    pointer-events: all;
}
.majorInfo .gray_mark {color: #aaa; text-indent: -18px; padding-left: 18px; padding-top: 10px; }
.majorInfo .gray_mark + .gray_mark {padding-top: 0;}
.majorInfoCont .majorItem {position:relative; display:table; width: 100%; padding:50px 140px 0; table-layout:fixed; box-sizing: border-box;}
.majorInfoCont .majorItem .itemImage {display: table-cell; width: 320px; height: 225px; text-align:center; vertical-align: middle;}
.majorInfoCont .majorItem .itemImage img {max-width: 100%; height: auto; }
.majorInfoCont .itemCont {display: table-cell; padding-left: 60px; vertical-align: middle;}
.majorInfoCont .itemCont strong.tit {display:block; margin-bottom:10px; font-size:24px;}
.majorInfoCont .itemCont .bulList li {position: relative; margin-top: 5px; padding-left: 10px; font-size:18px; line-height:28px;}
.majorInfoCont .itemCont .bulList li:first-child {margin-top: 0;}
.majorInfoCont .itemCont .bulList li:before {content: ''; position: absolute; top:12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #1a1d1d;}
.majorInfoCont .itemCont .btnbox {margin: 10px 0 0;}

.video_view .view {text-align: center;}
.video_view .video_list_wrap {position:relative; width: 1100px; margin:30px auto 0;}
.video_view .video_list_wrap .video_list_box {width: 1000px; margin:0 auto;}
.video_view .video_list_wrap .video_list .swiper-slide a{position: relative; display: block; width: 230px; height: 130px; margin: 0 auto; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor: pointer;}
.video_view .video_list_wrap .video_list .swiper-slide a .line {opacity: 0; border:2px solid #9a57e3; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; transition: all .5s; }
.video_view .video_list_wrap .video_list .swiper-slide a .line::before {content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; transform-origin: top right; transform: scale(1); transition: ease-in-out all .4s;}
.video_view .video_list_wrap .video_list .swiper-slide a .line::after {content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; transform-origin: bottom left; transform: scale(1); transition: ease-in-out all .4s;}
.video_view .video_list_wrap .video_list .swiper-slide a:hover {color: inherit; text-decoration: none;}
.video_view .video_list_wrap .video_list .swiper-slide a:hover .line {opacity: 1;}
.video_view .video_list_wrap .video_list .swiper-slide a:hover .line::before {transform: scale(0);}
.video_view .video_list_wrap .video_list .swiper-slide a:hover .line::after {transform: scale(0);}
.video_view .video_list_wrap .video_list .swiper-slide span{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient:vertical;
    height:52px;
    margin-top: 10px;
    font-size: 18px;
    line-height: 26px;
    color: #636366;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
    text-overflow: ellipsis;
    word-break: keep-all;
}
.video_view .video_list_wrap .video_list .swiper-slide:hover span{color: #333333;}
.video_view .video_list_wrap .swiper-slide a img {width: 100%;}
.video_view .video_list_wrap .swiper-button-prev,
.video_view .video_list_wrap .swiper-button-next {
    position: absolute;
    top: 35px;
    width: 60px;
    height: 60px;
    margin-top:0;
}
.video_view .video_list_wrap .swiper-button-prev {
    left: 0;
}
.video_view .video_list_wrap .swiper-button-next {
    right: 0;
}
.video_view .video_list_wrap .swiper-button-prev:after,
.video_view .video_list_wrap .swiper-button-next:after {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
}
.video_view .video_list_wrap .swiper-button-prev:after {
    background: url(/images/btn/btn_120_prev_gray.png) center center no-repeat;
    background-size: 60px 60px;
}
.video_view .video_list_wrap .swiper-button-next:after {
    background: url(/images/btn/btn_120_next_gray.png) center center no-repeat;
    background-size: 60px 60px;
}

.limitCont .titBox {
    margin: 48px 0 25px;
    padding: 13px 25px;
    box-sizing: border-box;
    border-bottom: 1px solid #d9dde9;
    background-color: #edf0f9;
}
.limitCont .titBox.first {
    margin: 0 0 25px !important;
}
.limitCont .titBox .tit {
    display: block;
    color: #121212;
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
}
.limitCont .list-text li {
    margin-top: 20px;
}
.limitCont .list-text li:first-child {
    margin-top:0;
}
.limitCont .list-text li .grayTxt {
    position: relative;
    margin-top: 5px;
    color: #666;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

@media(max-width: 760px) {
    .detail-area {padding-bottom: 40px;}

    .subTabWrap .tabContent .detail-area {padding-top: 40px;}
    .detail-area .subTabWrap .subTabBox {margin-bottom: 40px;}
    

    h3.aTit {margin-bottom:30px; font-size:20px; line-height:26px; word-break: keep-all;}
    

    .suggest .videoCon {position:relative; width:100%; height:auto; margin-top:30px; padding-bottom:50%;}
    .suggest .videoCon iframe {position:absolute; top:0; left:0; width: 100%; height:100%;}
    .suggest .videoCon + .aTit {margin-top: 40px;}

    .detail-area .subTabWrap .tabContent .bizPoint {padding-bottom:40px;}
    .bizPoint ul {width:100%; text-align: left;}
    .bizPoint ul li {position:relative; display: block; width:100%; min-height:100px; margin:20px 0 0; padding-left:116px; box-sizing:border-box;}
    .bizPoint ul li:first-child {margin-top: 0}
    .bizPoint ul li .img {position:absolute; top:0; left:0; width:100px; height:100px;}
    .bizPoint ul li .img img {width:100px; height: 100px;}
    .bizPoint ul li strong {display:block; font-size:16px; line-height:24px;}
    .bizPoint ul li p {margin-top: 4px; font-size: 14px; line-height: 20px; color: #636366;}
    .bizPoint ul li p .desc {display: block; font-size:12px}
    .bizPoint ul li p br {display: none;}

    .majorInfo {margin:0 -16px; padding-top: 30px; background-color: #f9f9fb;}
    .majorInfo .majorInfoWrap {padding-bottom:20px;}
    .majorInfoTab {overflow-x: auto; white-space: nowrap; padding:0 20px; white-space: nowrap; scrollbar-width: none;}
    .majorInfoTab::-webkit-scrollbar {display: none;}
    .majorInfoTab a {position: relative; display: inline-block; width: auto; height: 29px; padding-bottom: 7px; color: #636363; white-space: nowrap; }
    .majorInfoTab.contTab a {color:#1a1d1d;}
    .majorInfoTab a:before {position: absolute; bottom: 0; left: 1px;; width: 100%; height: 3px; transform: scaleX(0); background-color: #8678cc; content: ""; transition: ease-in-out 0.3s; }
    .majorInfoTab a + a {margin-left: 19px;}
    .majorInfoTab .active a, .majorInfoTab a.active {font-weight: 700; color: #8678cc; }
    .majorInfoTab .active a:before, 
    .majorInfoTab a.active:before {transform: scaleX(1.01);}
    .majorInfoTab.subInfoTab a br {display: none;}
    .majorInfo .majorInfoWrap .layer-popup .tbl-list table {width:710px;}

    .txtTabWrap .scrollArrow {display: none; position: absolute; z-index: 1; top:-6px; width: 30px; height: 38px;}
    .txtTabWrap .scrollArrow.left {display: none; left:0;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 100%);}
    .txtTabWrap .scrollArrow.left:before {content: ''; position: absolute; top:50%; left:14px; width:10px; height: 10px; border-top:2px solid #8678cc; border-left:2px solid #8678cc; transform:rotateZ(-45deg) translateY(-50%);}
    .txtTabWrap .scrollArrow.right {right:0; background: linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);}
    .txtTabWrap .scrollArrow.right:before {content: ''; position: absolute; top:50%; right:14px; width:10px; height: 10px; border-top:2px solid #8678cc; border-right:2px solid #8678cc; transform:rotateZ(45deg) translateY(-50%);}
    .majorInfo .tabContent {min-height: 418px; padding-bottom: 40px;}
    .majorInfo .tabContent .swiper-button-next,
    .majorInfo .tabContent .swiper-button-prev {
        display: none;
    }
    .majorInfoCont .majorItem {display: block; padding:0 16px;}
    .majorInfoCont .majorItem .itemImage {display: block; width:100%; height: 225px; text-align: center;}
    .majorInfoCont .majorItem .itemImage img {max-height: 100%; width: auto;}
    .majorInfoCont .itemCont {display: block; padding-left:0;}
    .majorInfoCont .itemCont strong.tit {font-size: 18px; line-height: 26px;}
    .majorInfoCont .itemCont .bulList li {margin-top: 4px; font-size: 14px; color:#636363; line-height: 20px;}
    .majorInfoCont .itemCont .bulList li:before {top:8px; width:4px; height:4px; background-color: #636363;}
    .majorInfoCont .itemCont .btnbox {margin: 10px 0 20px;}

    .majorInfo .gray_mark {font-size: 13px; line-height: 20px;}

    .majorInfo .tabContent .swiper-pagination {bottom: 0}    
    .majorInfo .tabContent .swiper-pagination span {vertical-align: middle;}

    .useMethod {padding-top: 40px; background-color: #fff;}
    .useMethod .aTit {color: #1a1d1d;}

    .video_view {padding: 0 16px;}
    .video_view .view {position:relative; width: 100%; height: auto; padding-bottom:50%; box-sizing: border-box;}
    .video_view .view iframe {position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .video_view .video_list_wrap {width: 100%; margin-top: 20px;}
    .video_view .video_list_wrap .video_list_box {width: 100%;}
    .video_view .video_list_wrap .video_list .swiper-slide a {width: auto; height: auto;}
    .video_view .video_list_wrap .video_list .swiper-slide span{
        height: 40px;
        font-size: 14px;
        line-height: 20px;
    }
    .video_view .video_list_wrap .swiper-button-prev,
    .video_view .video_list_wrap .swiper-button-next {
        top: calc(50% - 50px);
        width: 30px;
        height: 30px;
        margin-top:15px;
    }
    .video_view .video_list_wrap .swiper-button-prev {
        left: -16px;
    }
    .video_view .video_list_wrap .swiper-button-next {
        right: -16px;
    }
    .video_view .video_list_wrap .swiper-button-prev:after,
    .video_view .video_list_wrap .swiper-button-next:after {
        content: '';
        width: 30px;
        height: 30px;
    }
    .video_view .video_list_wrap .swiper-button-prev:after {
        background-size: 30px 30px;
    }
    .video_view .video_list_wrap .swiper-button-next:after {
        background-size: 30px 30px;
    }

    .limitCont .titBox {
        margin: 20px 0 10px;
        padding: 8px 10px;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        background-color: #F7F7F7;
    }
    .limitCont .titBox.first {
        margin: 0 0 10px !important;
    }
    .limitCont .titBox .tit {
        font-size: 12px;
        line-height:18px;
    }
    .limitCont .list-text li {
        margin-top: 10px;
    }
    .limitCont .list-text li .grayTxt {
        color: #909090;
        font-size: 13px;
    }
}

/* 혜택 콕! 대표님 */
.affiliat-visual {
    height: 416px;
    background: #fff1ec url(/images/temp/temp_visual_affiliat.png) center 0 no-repeat;
}
.affiliat-visual .inner-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1392px;
    text-align: left;
    box-sizing: border-box;
}
.affiliat-visual .inner-area .title {
    display: block;
    color:#1a1d1d;
    font-size:40px;
    line-height: 59px;
}
.affiliat-visual .inner-area .text {
    margin-top: 32px;
    color:#636363;
    font-size: 26px;
    font-weight: 500;
    line-height: 38px;
}
.affiliat-visual .inner-area .txt {
    margin-top: 8px;
    color: #636363;
    font-size: 16px;
    line-height: 24px;
}
.affiliat-visual .inner-area .txt strong {
    color:#1a1d1d;
}

.affiliat-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}
.affiliat-list li {
    width: 448px;
    margin-left: 24px;
    padding: 40px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #f5f5f5;
    text-align: center;
}
.affiliat-list li:first-child {margin-left:0;}
.affiliat-list li .txt-box .title {
    color:#1a1d1d;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.affiliat-list li .txt-box .text {
    min-height: 72px;
    margin-top:20px;
    color:#636366;
    font-size: 16px;
    line-height: 24px;
}
.affiliat-list li .img-box {
    margin-top: 16px;
}
.affiliat-list li .logo {
    display: block;
    margin-top: 20px;
}
@media(max-width: 760px) {
    .affiliat-visual {
        height: calc((100vw / 360) * 100);
        background-position: center top;
        background-size: cover;
    }
    .affiliat-visual .inner-area {
        top: 50%;
        left: 16px;
        transform: translateY(-50%);
        width: auto;
        padding: 0;
    }
    .affiliat-visual .inner-area .title {
        font-size: 16px;
        line-height: 32px;
    }
    .affiliat-visual .inner-area .text {
        margin-top: 10px;
        font-size: 13px;
        line-height: 18px;
    }
    .affiliat-visual .inner-area .text .br {
        display: block;
    }
    .affiliat-visual .inner-area .txt {
       display: none;
    }
    
    .affiliat-list {
        display: block;
        margin-top: 20px;
    }
    .affiliat-list li {
        width: 100%;
        margin: 20px 0 0 0;
        padding: 32px 5px 24px;
    }
    .affiliat-list li:first-child {margin-top:0;}
    .affiliat-list li .txt-box .title {
        font-size: 18px;
    }
    .affiliat-list li .txt-box .text {
        min-height: 40px;
        margin-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }
    .affiliat-list li .img-box {
        width: 180px;
        height: 180px;
        margin: 24px auto 0;
    }
    .affiliat-list li .logo {
        width: 120px;
        height: 20px;
        margin: 32px auto 0;
    }
    .affiliat-list li .img-box img,
    .affiliat-list li .logo img {width: 100%;vertical-align: top;}
}

.pkgSuggestTab {width: 1100px; margin:0 auto;}
.pkgSuggestTab .boxBadge {position: absolute; top: 0; left: 0; font-size: 18px; padding: 3px 10px 4px; background: #eb008b; color: #fff; letter-spacing:-1px; }
.pkgSuggestTab .bizProfit .boxBadge { background: #ff3f90; }
.pkgSuggestTab .tabTitBox {width: 400px; margin-bottom: 60px; font-size: 18px; line-height: 28px;}
.pkgSuggestTab .description {margin-top: 10px; text-align: center;}
.pkgSuggestTab .description .txt {font-size: 18px; line-height: 28px;}
.pkgSuggestTab .description .txt strong {color:#eb008b;}
.pkgSuggestTab .suggestList {display: table; width: 100%; margin:0 auto 60px; }
.pkgSuggestTab .description + .suggestList {margin-top: 35px}
.pkgSuggestTab .suggestList .imgBox {height: 92px;}
.pkgSuggestTab .suggestList > div {display: table-cell; position:relative; height: 370px; vertical-align: middle; background: #f5f5fa; padding:40px 0 20px; box-sizing: border-box;}
.pkgSuggestTab .suggestList > div > ul li {float: left; position: relative; text-align: center; padding: 15px 0; box-sizing: border-box;}
.pkgSuggestTab .suggestList .listLeft ul {position:relative; width: 310px;}
.pkgSuggestTab .suggestList .listLeft ul:after {content: ''; clear: both; display: block;}
.pkgSuggestTab .suggestList .listLeft ul li {width: 50%;}
.pkgSuggestTab .suggestList .listRight ul {display: table-cell;width: 725px;}
.pkgSuggestTab .suggestList .listRight ul li {width: 25%; height: 158px;}
.pkgSuggestTab .suggestList > div > ul li .listTit {font-size: 18px; margin-top: 10px; font-weight: bold;}
.pkgSuggestTab .suggestList > div > ul li .listTxt {font-size: 14px; margin-top: 5px; letter-spacing: -0.7px;}
.pkgSuggestTab .suggestList .listTxtBox {display: none; position: absolute; top: 0; width: 180px; height: 145px; background: #fff; border: 2px solid #c563ee; border-radius: 10px; box-sizing: border-box;}
.pkgSuggestTab .suggestList .listTxtBox dl{display: table-cell; vertical-align: middle; width: 201px; height: 141px; text-align: center; box-sizing: border-box;}
.pkgSuggestTab .suggestList .listTxtBox .listTit {margin-top: 0;}
@media(min-width: 761px) {
    .pkgSuggestTab .suggestList > div > ul li:hover .listTxtBox {display: table; transition: 1s;}
}
.pkgSuggestTab .suggestList .center {width: 65px; background: url(/images/img/Package_tab_bg.png) no-repeat 12px 50%;}
.pkgSuggestTab .suggestList .listBtm {display: table; width: 100%; margin-top: 35px; table-layout: fixed;}
.pkgSuggestTab .suggestList .listBtm li {display: table-cell; text-align: center;}
.pkgSuggestTab .suggestList .listBtm .imgBox {height: 85px;}
.pkgSuggestTab .suggestList .listBtm .title {display: block; margin-top: 20px; font-size: 24px;}
.pkgSuggestTab .suggestList .listBtm .listTxt {margin-top: 5px; line-height: 28px; font-size: 18px;}
.pkgSuggestTab .bizfareTB {width: 100%; margin:24px auto 60px;}
.pkgSuggestTab .bizfareTB table tbody th {padding:18px 0; text-align: left;}
.pkgSuggestTab .bizfareTB table tbody th span {display: inline-block; width: 65px; height: 24px; margin-right: 15px; background: #ff4090; line-height: 24px; font-size: 14px; text-align: center; color: #fff;}
.pkgSuggestTab .bizProfitCont {margin-top:20px;}
.pkgSuggestTab .bizProfitCont .BadgeBox {position: relative; height: 34px;}
.pkgSuggestTab .bizProfitCont .boxBadge {position: absolute; top: 0; left: 0; font-size: 18px; padding: 3px 10px 4px; background: #ff3f90; color: #fff;}
.pkgSuggestTab .tbl-list {position:relative;}
.pkgSuggestTab .bizProfitCont .BadgeBox + .tbl-list {margin-top:0}
.pkgSuggestTab .tbl-list thead th.point {background: #ff4090; color: #fff; border-color: #ff4090;}
.pkgSuggestTab .tbl-list tbody td.point {background: #fff1f8; border-left: 1px solid #ff4090; font-weight: bold;}
.pkgSuggestTab .tbl-list tbody tr.point th {background: #ff4090; color: #fff; border-color: #ff4090;}
.pkgSuggestTab .tbl-list tbody tr.point td {background: #fff1f8; color:#ff4090}
.pkgSuggestTab .tbl-list tfoot th,
.pkgSuggestTab .tbl-list tfoot td {padding: 20px 0; background: #b3b3b3; font-size: 23px; font-weight: normal; vertical-align: middle; color: #fff; border-top: 1px solid #b3b3b3;}
.pkgSuggestTab .tbl-list tfoot .point {background: #ff4090;}
.pkgSuggestTab .tbl-list .tbArrow {position: absolute; bottom:95px; right: 170px;}
.pkgSuggestTab .majorInfoContWrap02 .majorInfoTab {table-layout: auto;}
.pkgSuggestTab .majorInfoContWrap02 .majorInfoTab a {min-width: 100px;}
.pkgSuggestTab .majorInfoContWrap02 .majorInfoContWrap {width:100%; margin-bottom: 60px; padding:60px 0; background: #f5f5fa;}
.pkgSuggestTab .majorInfoContWrap02 .tabFareList {display: table; width: 100%; margin: 35px auto 0;}
.pkgSuggestTab .majorInfoContWrap02 .tabFareList > li{display: table-cell; position: relative; height: 190px; text-align: center;}
.pkgSuggestTab .majorInfoContWrap02 .tabFareList.type01 > li{ width: 25%;}
.pkgSuggestTab .majorInfoContWrap02 .tabFareList.type02 > li{ width: 33.3333%;}
.pkgSuggestTab .majorInfoContWrap02 .tabFareList .listTxtBox {display: none; position: absolute; top: 0; left: 50%; margin-left: -122px; width: 244px; height: 196px; background: #fff; border: 2px solid #c563ee; border-radius: 10px; box-sizing: border-box;}
.pkgSuggestTab .majorInfoContWrap02 .tabFareList .listTxtBox dl{display: table-cell; vertical-align: middle; width: 240px; height: 192px; box-sizing: border-box;}
.pkgSuggestTab .majorInfoContWrap02 .tabFareList .listTxtBox .listTit {margin-top: 0;}
@media(min-width: 761px) {
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li:hover .listTxtBox {display: table; transition: 1s;}
}
.pkgSuggestTab .majorInfoContWrap02 .listTit {font-size: 18px; margin-top: 15px; font-weight: bold;}
.pkgSuggestTab .majorInfoContWrap02 .listTxt {font-size: 14px; margin-top: 8px; letter-spacing: -0.7px;}
.pkgSuggestTab .majorInfoContWrap02 .listTxt span{display: inline-block; font-size: 13px; line-height: 130%; margin-top: 2px; letter-spacing: -1px;}
.pkgSuggestTab .majorInfoContWrap02 .banner-box {margin-top:60px;}
.pkgSuggestTab .majorInfoContWrap02 .banner-box img {width:100%; height: auto;}
.pkgSuggestTab .majorInfoContWrap02 .bizProfit + .bizProfit {margin-top:60px;}
.pkgSuggestTab .majorInfoContWrap02 .bizfareBox {margin-top:29px;}
.pkgSuggestTab .majorInfoContWrap02 .bizfareBox ul {overflow: hidden; margin:-10px;}
.pkgSuggestTab .majorInfoContWrap02 .bizfareBox ul li {float: left; display: table; width: 360px; height: 140px; margin:5px; background: #f6f6f6; border-radius: 10px;}
.pkgSuggestTab .majorInfoContWrap02 .bizfareBox li .imgBox{display: table-cell; width: 115px; text-align: center; vertical-align: middle;}
.pkgSuggestTab .majorInfoContWrap02 .bizfareBox li dl{display: table-cell; padding: 20px 18px 0 0; vertical-align: top;}
.pkgSuggestTab .majorInfoContWrap02 .bizfareBox li dl .listTit{margin-top: 0;}
.pkgSuggestTab .majorInfoContWrap02 .bizfareBox li dl .listTxt{margin-top: 5px; line-height: 130%;}
.pkgSuggestTab .majorInfoContWrap02 .bizfareBox li dl .listTxt + .listTxt{margin-top: 0;}

@media(max-width: 760px) {
    .pkgSuggestTab {width: 100%}
    .pkgSuggestTab .tabTitBox {display:flex; flex-wrap: nowrap; width: 100%; margin-bottom:30px; padding:0; box-sizing: border-box;}
    .pkgSuggestTab .tabTitBox > a {display:block; width: 50%; margin:0; padding:6px 0; font-size: 16px; text-align: center; border: 1px solid #ccc;}
    .pkgSuggestTab .tabTitBox > a.active {color:#fff; font-weight: normal; background:#8175bc; border-color:#8175bc;}
    .pkgSuggestTab .tabTitBox > a:before {display: none;}
    .pkgSuggestTab .boxBadge {font-size:14px;}
    .pkgSuggestTab .suggestList {display: block; margin-bottom: 40px}
    .pkgSuggestTab .suggestList > div {display: block; height: auto; padding:35px 0 20px;}
    .pkgSuggestTab .suggestList .center {margin:0 auto;}
    .pkgSuggestTab .suggestList .listLeft ul,
    .pkgSuggestTab .suggestList .listRight ul {display: flex; flex-wrap: wrap; width: 100%;}
    .pkgSuggestTab .suggestList .listLeft ul li,
    .pkgSuggestTab .suggestList .listRight ul li {float:none; width: 50%;}
    .pkgSuggestTab .suggestList .listRight ul li {height: 122px}
    .pkgSuggestTab .suggestList .imgBox {height: 62px;}
    .pkgSuggestTab .suggestList .imgBox img {width:auto; height: 100%;}
    .pkgSuggestTab .suggestList > div > ul li .listTit {margin-top:6px; font-size:16px;}
    .pkgSuggestTab .suggestList .center {padding: 25px 0; background-size: 50%; background-position:center center;}
    .pkgSuggestTab .suggestList .listBtm {display: block;}
    .pkgSuggestTab .suggestList .listBtm li {position: relative; display: block; width: 100%; min-height: 100px; margin: 20px 0 0; padding-left: 116px; text-align:left; box-sizing: border-box;}
    .pkgSuggestTab .suggestList .listBtm li .imgBox {position: absolute; top:50%; left: 0; width: 100px; height:auto; transform:translateY(-50%);}
    .pkgSuggestTab .suggestList .listBtm li .imgBox img {width: 100%; height: auto;}
    .pkgSuggestTab .suggestList .listBtm .title {display: block; font-size: 16px; line-height: 24px;}
    .pkgSuggestTab .suggestList .listBtm .listTxt {margin-top: 4px; font-size: 14px; line-height: 20px; color: #636366;}
    .pkgSuggestTab .suggestList .listBtm .listTxt br {display: none}

    .pkgSuggestTab .description .txt {font-size:14px; line-height: 20px; word-break: keep-all;}
    .pkgSuggestTab .description + .suggestList {margin-top:20px}

    .pkgSuggestTab .bizfareTB {margin:16px 0 40px}
    .pkgSuggestTab .bizfareTB table tbody th {padding:18px 8px; text-align: center;}
    .pkgSuggestTab .bizfareTB table tbody th span {display: block; margin:0 auto 6px;}
    .pkgSuggestTab .bizProfitCont .BadgeBox {height: 27px}
    .pkgSuggestTab .bizProfitCont .boxBadge {font-size:14px;}
    .pkgSuggestTab .tbl-list tfoot th, .pkgSuggestTab .tbl-list tfoot td {font-size: 16px}
    .pkgSuggestTab .tbl-list .tbArrow {right:0; width:58px; height: 74px}
    .pkgSuggestTab .tbl-list .tbArrow img {width: 100%; height: 100%}

    .pkgSuggestTab .majorInfoContWrap02 .majorInfoTab a {min-width: auto; padding:0 10px 7px;text-align: center;}

    .pkgSuggestTab .majorInfoContWrap02 .majorInfoContWrap {margin-bottom: 40px; padding:20px 10px; box-sizing:border-box;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList {display: block; margin-top:24px;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList.type01 > li,
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList.type02 > li {display: block; width: 100%;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li {height:auto; min-height:110px; padding:15px 0 15px 110px; border-top:1px solid #e7e7e7; box-sizing: border-box;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li:first-child {border:0;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li .imgBox {position: absolute; top:15px; left:0; width:80px; height:80px;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li .imgBox img {width:100%; height:100%;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li > .listTit {display: none;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li > .listTxtBox {position:relative; left:auto; display: block; width: 100%; height: auto; margin:0; background:none; border:0; border-radius:0;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li > .listTxtBox dl {width: 100%; height: auto; text-align: left;}
    .pkgSuggestTab .majorInfoContWrap02 .tabFareList > li > .listTxtBox dl .listTxt br {display:none;}

    .pkgSuggestTab .majorInfoContWrap02 .bizProfit + .bizProfit {margin-top:40px;}
    .pkgSuggestTab .majorInfoContWrap02 .bizfareBox {margin-top:14px;}
    .pkgSuggestTab .majorInfoContWrap02 .bizfareBox ul {margin:0;}
    .pkgSuggestTab .majorInfoContWrap02 .bizfareBox ul li {float: none; width: 100%; margin:10px 0 0;}
    .pkgSuggestTab .majorInfoContWrap02 .banner-box {margin-top:40px;}

    .pkgSuggestTab .majorInfoContWrap02 .bizfareBox li dl {padding:10px 10px 10px 0; vertical-align: middle;}
    .pkgSuggestTab .majorInfoContWrap02 .listTit {font-size:16px; line-height: 24px;}
}
/* 프린트 영역 */
.print-area {
    position: relative;
    width: 21cm;
    min-height: 29.7cm;
    margin: 0 auto;
    padding: 60px 0;
    box-sizing: border-box;
}
.print-area .print-head {
    padding: 0 0 20px;
    border-bottom: 1px solid #eee;
}
.print-area .print-head .logo {
    display: inline-block;
    width: 134px;
    height: 36px;
}
.print-area .print-head .logo img {
    width:100%;
    vertical-align: top;
}
.print-area .print-cont {
    padding-top: 80px;
}
.print-area .print-cont .confirm-info-list {
    display: flex;
    flex-wrap: wrap;
    margin: 100px 0 60px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.print-area .print-cont .confirm-info-list li {
    width: 50%;
    margin-top: 15px;
    color: #1a1d1d;
    font-size: 16px;
    line-height: 24px;
}
.print-area .print-cont .confirm-info-list li:nth-child(1),
.print-area .print-cont .confirm-info-list li:nth-child(2) {
    border-top: 0;
    margin-top: 0;
}
.print-area .print-cont .bottom-area {
    position: absolute;
    left: 0;
    bottom:60px;
    width: 100%;
    text-align: center;
}
.print-area .print-cont .bottom-area .confirm-msg {
    margin-bottom:40px;
}
.print-area .print-cont .bottom-area .confirm-msg .text,
.print-area .print-cont .bottom-area .confirm-msg .date {
    color: #1a1d1d;
    font-size: 18px;
    line-height: 26px;
}
.print-area .print-cont .bottom-area .confirm-msg .date {
    margin-top: 10px;
}
.print-area .print-cont .bottom-area .cp {
    display: inline-block;
    color: #1a1d1d;
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
}
@page {
    size: A4;
    margin: 0;
}
@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }
    .print-area {
        width: inherit;
        min-height: inherit;
        margin:0;
        border:inherit;
        background:inherit;
    }
    .print-area .print-cont .title-wrap h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 46px;
    }
}

/*---------------------------------------/
   리뉴얼 공지 페이지
/---------------------------------------*/
.container.responsivewrap{position: relative; margin: 0 auto; width: 1392px;}
.container.responsivewrap .section{padding-top: 0;}
.container.responsivewrap .header-top{top: 30px; left: 0; margin-left: 0;}
.responsivewrap .noticeWork {padding:110px 0 0; width:100%; margin:0 auto;}
.responsivewrap .noticeWork img{display: block; width: 100%; max-width: 780px; margin: 0 auto;}
.responsivewrap .noticeWork .mo{display: inline-block; color: #333333; vertical-align: middle;}
.responsivewrap .noticeWork h3 {margin-top: 40px; text-align:center; font-size:42px; vertical-align: middle;}
.responsivewrap .noticeWork h3 span.txtpk {color: #e5007a; display: inline-block; vertical-align: middle;}
.responsivewrap .noticeWork h3 span.txtgl {color: #6f6f6f; display: inline-block; vertical-align: middle;}
.responsivewrap .noticeWork .infotxt{margin:20px auto 0; text-align: center; font-size: 20px; line-height:28px; letter-spacing: -1px; font-family:'NotoSansKR';}
.responsivewrap .noticeWork .infotxt span.txtorg{color: #cc7f11;}
.responsivewrap .noticeWork .infobox {margin:30px auto 0; width:720px; max-width: 780px; text-align: center; padding: 30px; background: #f5f5f5; letter-spacing: -0.7px;}
.responsivewrap .noticeWork .infobox dt{display: inline-block; height: 30px; line-height: 28px; vertical-align: middle; font-size: 20px; margin-right: 5px; background: #666666; color: #FFF; padding: 2px 17px; border-radius: 20px; letter-spacing: -0.7px; font-family:'NotoSansKR';}
.responsivewrap .noticeWork .infobox dd{display: inline-block; width: auto; vertical-align: middle; text-align-last: left; font-size: 20px; font-weight: 700; color: #333333; font-family:'NotoSansKR';}
.responsivewrap .noticeWork .infobox p{margin-top: 10px; font-size: 20px; color: #666666; letter-spacing: -1px; font-family:'NotoSansKR';}
/*리뉴얼 공지 페이지 모바일 대응*/
@media(max-width: 760px) {
	.container.responsivewrap{max-width: 760px; width: auto;}
    .container.responsivewrap .header-top{top: 0;}
    .container.responsivewrap .header-top button{display: none;}
	.responsivewrap .noticeWork {padding:50px 0 0; margin:0 auto;}
	.responsivewrap .noticeWork img{display: block; width: 88%; max-width: none; margin: 0 auto;}
	.responsivewrap .noticeWork .mo{display: block; color: #333333;}
    .responsivewrap .noticeWork h3 {margin-top: 20px; text-align:center; font-size:27px; line-height: 120%;}
	.responsivewrap .noticeWork h3 span.txtpk {color: #e5007a;}
	.responsivewrap .noticeWork h3 span.txtgl {color: #6f6f6f;}
    .responsivewrap .noticeWork .infotxt{margin:15px auto 0; text-align: center; font-size: 15px; line-height:22px; letter-spacing: 0; font-family:'NotoSansKR';}
	.responsivewrap .noticeWork .infotxt span.txtorg{color: #cc7f11;}
	.responsivewrap .noticeWork .infobox {margin:25px auto 0; width:calc(100% - 20px); max-width: 760px; text-align: center; padding: 20px 10px; background: #f5f5f5; letter-spacing: -0.7px;}
	.responsivewrap .noticeWork .infobox dt{display: inline-block; height: 26px; line-height: 24px; font-size: 14px; margin-right: 5px; background: #666666; color: #FFF; padding: 2px 12px; border-radius: 20px; letter-spacing: -0.7px; font-family:'NotoSansKR'; vertical-align: top;}
	.responsivewrap .noticeWork .infobox dd{display: inline-block; width: 185px; font-size: 15px; font-weight: 700; color: #333333; font-family:'NotoSansKR'; vertical-align: top;}
	.responsivewrap .noticeWork .infobox p{margin-top: 10px; font-size: 13px; color: #666666; font-family:'NotoSansKR';}
}