ins, a { text-decoration: none;}

i, em { font-style: normal;}

ul, li, ol {
    list-style: none;
}



/* layout reset */
#gnb-open, #gnb-bell {
    margin: 10px;
    padding: 0 10px;
    height: 40px;
    width: 40px;
    border: 0;
    background-size: 70%;

    background: none;
    font-size: 1.4em;
}

#cs-wrap { display:block; }

/* Header area */
#cs-header { }

#header-visual.main {

}

#header-visual .sub {
    height:160px !important;margin-bottom: 60px
}

#cs-header .header-top-mask {
    width:100%;
    height: 60px;
    background: #181834;
    /*background: #2a4171;*/
    opacity: 0.1;
    position: fixed;
    top: 0;
    z-index: 9;
}

#cs-header .header-top {
    display:block;
    padding:0px;
    margin:0px;
    text-align: left;
    width:100%;
    height: 60px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    position: sticky;
    overflow: hidden;
    z-index: 10;
    background:#fff;
    /*text-align: center;*/

}
#cs-header .header-top.on {
    background: #fff;

}

#cs-header .header-top img.logo {
    vertical-align: middle;
    padding: 8px;
    max-height: 100%;
    width: 220px !important;
    z-index: 99999999;
    opacity: 1;
    margin-top: 8px;
    margin-left: 4px;

}
#cs-header .header-top:after {
    content: "";
    display: table;
    clear: both;
}

/* Main, Sub Top Visual */

#header-visual.main {
    position: relative;
    background: #fff;

}


#header-visual.main .shortcut {
    display: block;
    position: relative;
    z-index: 9;
    margin-top: -45px;
    width: 100%;
    background:#fff;border-radius: 5px
}
#header-visual.main .shortcut ul {
    margin: 0 0px;
    padding: 5px 0px;

}

#header-visual.main .shortcut li {
    margin: 0 0px;
    position: relative;
    width: 33.3333333%;
    margin-bottom: 10px;
    text-align: center;
}
#header-visual.main .shortcut li:after {
    content: "";position: absolute;top: 50%;right: 0px;z-index: 1;width: 1px;height: 20px;background-color: #dfdfdf;transform: translateY(-50%);-webkit-transform: translateY(-50%);
}

#header-visual.main .shortcut li:last-child:after{display:none;}

#header-visual.main .shortcut a {
    position: relative;
    display: block;
    padding-top: 8px;
    width: 100%;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: solid 0px #edeff4;
    -webkit-border-radius: 3px;

}
#header-visual.main .shortcut img {
    width: 32px;
    height: 32px;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 21px;
    border-radius: 21px;
}

#header-visual.main .shortcut .shortcut_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -1px;
    color: #01142c

}

#header-visual.main .shortcut .shortcut_social img {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 3px;
    right: 10px
}

#header-visual.main .shortcut .shortcut_count span.counter {
    padding: 0px 10px; display: inline-block; font-size: 24px; color: #db1020; text-align: center; text-align: center; box-sizing: border-box;
}
#header-visual.main .shortcut ul:after {
    display: block;
    clear: both;
    content: '';
    padding: 20px;
}

#header-visual.main .swipermain .swiper-slide{height: 160px}
#header-visual.main .swipermain .swiper-slide img{width:100%;z-index: 0}


#header-visual .sub {
    position: relative;margin-bottom: 20px
}
#sub-visual {
    height: 150px;
    max-height: 150px;
    display: table;
    width: 100%;
    background: url(../img/main_visual_4.jpg)center center no-repeat;
    background-size: cover;
}

#sub-visual h2 {color: #fff;font-size:1.6em;font-weight: 500;text-align:center;margin:80px 0 10px;}
#sub-visual p {color: #fff;font-size:1.2em;font-weight: 300;text-align:center;margin:0px 0 0px;}
#sub-visual .location{text-align:center;color:#fff;font-weight: 700;font-size:14px;margin-bottom: 70px;}
#sub-visual .location .lc-depth1{position:relative;}
#sub-visual .location .lc-depth1:before{content:url('../img/sub/home.png');vertical-align: sub;padding-right: 8px;}
#sub-visual .location .lc-depth1:after{content:url('../img/sub/location_arrow.png');vertical-align: text-top;padding:0 13px;}
#sub-visual .path{width:90%; max-width:100%;margin:0 auto;}
#sub-visual .path ul{border:1px solid rgba(255,255,255,.2);border-radius: 40px;}
#sub-visual .path ul li{float:left;width:25%;color:#fff;text-align: center;}
#sub-visual .path ul li > a {padding:8px 0;display: block;font-size:14px;font-weight: 500;color:#fff;}
#sub-visual .path ul li.on{background:rgba(54,149,235,.9);border-radius: 40px;opacity: 1;}
#sub-visual .cate2 .path ul li {width:50%;}
#sub-visual .cate3 .path ul li {width:33.333%;}
#sub-visual .cate4 .path ul li {width:25%;}
#sub-visual .cate5 .path ul li {width:20%;}


/* sub page layout */
.page-content {padding:0px 8px;margin-bottom:30px}
.page-content .page-form {width:100%;background:#fff;padding: 15px}
.page-content h3 {font-size:1.2em; padding:10px 0px; border-bottom:1px solid #333; display: inline-block}

/* etc */
.dashed-line-m {
    display: block;
    margin: 8px auto;
    width: auto;
    height: 1px !important;
    background-image: url(../img/dashed-line.png);
    background-repeat: repeat-x;
}

.help-comment {font-size:0.9em; letter-spacing: -1px; padding:5px 0px}


/* Layer Popuup */
.layerpop {width:100%;margin:0 auto;position:fixed;top:0;background-size:cover;z-index:501;display:none;box-sizing:border-box;}
.layerpop .pop-wrap {padding:0 6.4vw;}
.layerpop .pop-content {position:relative;}
.layerpop .pop-content img { border: none; vertical-align: top; width: 100%; display: block; }
.layerpop .pop-btn {overflow:hidden;clear:both;background:#333;line-height:13.33vw;color:#fff;font-size:3.46vw;padding:0 5.33vw;}
.layerpop .pop-btn .today{float:left;}

.layerpop .pop-btn a {float:right;color:#fff;background:url('https://bucketeer-fd9b7c2e-1c51-4cb1-95dd-fc225f4a5965.s3.ap-northeast-1.amazonaws.com/ipark/paldal/m/images/ico_mainPop_close.png')no-repeat right center;padding-right:7.2vw;background-size:4.53vw auto;}
.layerpop .pop-btn input.bk_check_s{position:relative;}
.layerpop .pop-btn input.bk_check_s[type="checkbox"]{position:absolute; z-index:-1; width:0; height:0;}
.layerpop .pop-btn input.bk_check_s[type="checkbox"] + label{position:relative;}
.layerpop .pop-btn input.bk_check_s[type="checkbox"] + label:before{content:''; display:inline-block; width:4.8vw; height:4.8vw;border:1px solid #fff;vertical-align:middle; margin-right:1.33vw;box-sizing:border-box;}
.layerpop .pop-btn input.bk_check_s[type="checkbox"]:checked + label:before{background: url('https://bucketeer-fd9b7c2e-1c51-4cb1-95dd-fc225f4a5965.s3.ap-northeast-1.amazonaws.com/ipark/paldal/m/images/ico_checkW.png') 0 0 no-repeat; background-size:cover;border:0;}
.layerpop .pop-btn button {background:#333;border: none}
.layerpop .pop-btn .hd_pops_reject {float:left;}
.layerpop .pop-btn .hd_pops_close {float:right;}



.bg-masked {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 500;
    display: none;
}



@media (max-width: 767px) {
    .fancybox-slide--iframe .fancybox-content {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .fancybox-slide {
        padding: 0px;
        margin: 0px;
    }


}

.text-mont { font-family: 'Montserrat'}



/* 메인 인덱스 */
.today-minwon
{
    width: 100%;
    background: #f8f8f8;
    padding: 0;
}
.today-minwon .section-inner {
    width: 100%; margin: 0px auto auto auto;
    border-top:0px solid #eaeaea;
    border-bottom:0px solid #eaeaea;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
}
.section-inner h3 {
    font-size: 1.2em;
    padding: 10px 0;
    border-bottom: 1px solid #333;
    display: inline-block;
}
.section-header:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 35px;
    background: #2a4171;
    position: absolute;
    left: 2px;
    top: 11px;
    transform:translateY(-0%); -webkit-transform:translateY(-0%);
}
.today-minwon .section-header h5 {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
}
.today-minwon .section-header span.btn-more {
    float: right;
    margin-top: 0px;
    font-size: 13px;
    cursor: pointer;
    color: #373f47;
    padding: 4px;
}
.today-minwon .section-tab .nav-item {width: calc(49%);}
.today-minwon .section-tab .nav-link {border: 1px solid #e5e5e5; !important; color:#9b9ea1 !important; font-size: 14px; line-height: 26px}
.today-minwon .section-tab .nav-item:first-child {margin-left:0%;margin-right:1%}
.today-minwon .section-tab .nav-item:last-child {margin-left:1%;margin-right:0%}
.today-minwon .section-tab .nav-link.active {
    color:#db1020 !important;
    border: 1px solid #db1020;
    background: #fff;
}
.today-minwon .dot {
    position: relative;
    margin: 0 5px;
}

.today-minwon .dot::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #dfdfdf;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translateY(-50%); -webkit-transform:translateY(-50%);

}
.no-data {
    width: 100%;
    padding: 30px 0px;
    text-align: center;
}

.no-data img {
    width: 100px;
}

.no-data p {
    padding: 10px;
    font-size: 14px;

}

.banners {margin: 10px 0px 20px 0px}
.banners .guide_box{width:100%;height:300px;}
.banners .guide_box a {color:#fff}
.banners .guide_box ul li{width:100%;height:33.33%;color:#fff;padding:10px 0;position:relative;}
.banners .guide_box ul li:after{display: block;content: "";clear:both}
.banners .guide_box ul li:first-child{background: #2079be}
.banners .guide_box ul li:nth-child(2){background: #136dbe}
.banners .guide_box ul li:last-child{background:#313b42}
.banners .guide_box ul li .icn{float:left;background:#fff;border-radius: 50%;width:60px;height:60px;text-align:center;display: table;margin-left:20px; margin-top: 10px;text-align:center}
.banners .guide_box ul li .icn:after{content:"";display: inline-block;height:100%;margin-right:0;vertical-align:middle;width:1px;}
.banners .guide_box ul li .icn > img{display:inline-block;vertical-align:middle}
.banners .guide_box ul li .txt{width:calc(100% - 80px);height:100%; float:left;padding-left:15px;}
.banners .guide_box ul li .txt h5{font-weight:700;margin-top:6px;font-size:16px; margin-bottom: 10px}
.banners .guide_box ul li .txt p{line-height:22px;font-size:13px; letter-spacing: -1px}
.banners .guide_box ul li .arrow_ico{width:100px;height:100px;position:absolute;right:0;top:50%;transform: translateY(-50%);cursor:pointer}
.banners .guide_box ul li .arrow_ico span{display: inline-block; width:22px;height:22px;vertical-align: middle;position:relative;top:50%;left:40%;transform: translateY(-50%);cursor: pointer}
.banners .guide_box ul li .arrow_ico span:after{content:"";display:inline-block;border-top:1px solid #fff;width:22px;height:1px;position:absolute;top:50%;transform: translateY(-50%);transition: all 0.2s}
.banners .guide_box ul li .arrow_ico span:before{content:"";display:inline-block;border:1px solid #ffffff;border-top:0;border-left:0;transform: rotate(-45deg);width:8px;height:8px;position:absolute;right:0px;top:50%;margin-top:-4.4px;transition: all 0.2s}
.banners .guide_box ul li .arrow_ico:hover span:after{opacity: 0.3}
.banners .guide_box ul li .arrow_ico:hover span:before{opacity: 0.3}

.swipe_ad {height: 68px}
.swipe_ad .swiper-slide img {width: 100%}


/** 풋 앱 전용 메뉴 **/
.toolbar-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200;
    height: 62px;
    width: 100%;

}
.toolbar-wrap .toolbar-inner {


}
.toolbar-wrap .toolbar {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 62px;
    border-top: 1px solid #07223d;
    background-color: #07223d;
}
.toolbar-wrap .toolbar a {
    display: block;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 21%;
    height: 100%;
    padding-top: 10px;
    font-size: 12px;
    color: #d0d0d0;
    letter-spacing: 0;
    text-align: center;
    font-weight: 300;
    text-decoration: none;
}
.toolbar-wrap .toolbar a:first-child {
    width: 14%;
}
.toolbar-wrap .toolbar a.on {
    background: #fff !important;
    color: #f23535;

}
.toolbar-wrap .toolbar a > span {
    display: inline-block;
    margin-bottom: -2px;
    text-align: center;
    width: 24px;
    height: 22px;
    border: 0px solid #fff;
    opacity: 0.6;
}
.toolbar-wrap .toolbar a > span.home {
    background:url('/img/mobile/icons8-home-24.png')no-repeat center 0px;background-size:22px auto;;
}
.toolbar-wrap .toolbar a > span.car {
    background:url('/img/mobile/icons8-car-26.png')no-repeat center -3px;background-size:24px auto;;
}
.toolbar-wrap .toolbar a > span.truck {
    background:url('/img/mobile/icons8-truck-26.png')no-repeat center -3px;background-size:24px auto;;
}
.toolbar-wrap .toolbar a > span.broken {
    background:url('/img/mobile/icons8-car-production-32.png')no-repeat center -3px;background-size:24px auto;;
}
.toolbar-wrap .toolbar a > span.exhibit {
    background:url('/img/mobile/icons8-car-badge-32.png')no-repeat center -3px;background-size:24px auto;;
}

/* page */
.page-list ul, .page-list li {

}

.page-list li:not(:first-child)
{
    margin-top: 8px
}
.page-list .page-box {
    position: relative;
    padding: 19px 20px 20px;
    background-color: #fff;
}

.page-list .page-status {
    position: relative;
    margin-bottom: 12px;
    padding: 0 0px 9px 0;
    color: #222;
    border-bottom: 1px solid #eeeef4
}

.page-list .page-status::after {
    display: table;
    content: " ";
    clear: both;
}
.page-list .page-status .text-status {
    margin-top: 5px;
}
.page-list .page-sub-ttl {
    display: inline-block;
    border-bottom: 0px solid #999;
    font-size:0.9em;
    padding:0 0 5px 0;
    margin-right:15px;
    width:60px;
}

/* LOGIN PAGE CSS */
.login-page .contents {width: 100%;margin: 0px auto 0;}
.login-page .section { padding:20px; border:solid #d6dae1; border-width:0px; border-radius:25px; font-size:13px; }
.login-page .header-title { margin:0 0 30px 0; font-size:22px; color:#1b1e26; font-weight:bold; text-align:center; letter-spacing:-2px; line-height: 32px}
.login-page .login-wrap  > div { display:-webkit-flex; display:-ms-flexbox; display:-ms-flex; display:flex; position:relative; }
.login-page .login-wrap  > div + .login-wrap > div { margin:8px 0 0 0; }
.login-page .login-wrap  > div:first-of-type { margin:32px 0 0; }
.login-page .login-btn-wrap { display:-webkit-flex; display:-ms-flex; display:-ms-flexbox; display:flex; margin:24px 0 0; }
.login-page .login-btn-wrap [class*="btn"] { height: 52px;font-weight: 300;box-sizing: border-box;border-radius: 3px;letter-spacing: -1px;-webkit-transition: .3s ease-out;transition: .3s ease-out; }
.login-page .login-btn-wrap button, .login-btn-wrap a { display:inline-block; -webkit-flex:1; -ms-flex:1; flex:1; white-space:nowrap; padding:0 20px; text-align:center; }
.login-page .login-btn-wrap .btn-login {font-size: 16px;font-weight: bold;color: #fff;background: #3971ff;}
.login-page .login-msic {overflow: hidden;margin: 32px 0 -8px 0;padding: 32px 0 0;border-top: 1px solid #e2e5ea;}
.login-page .inputbox { font-size: 16px;  position:relative; width:100%; padding:16px 20px; border:1px solid #e1e1e1; border-radius:3px; -webkit-transition:border .3s ease-out; transition:border .3s ease-out; box-sizing:border-box; color:#1b1e26; }
.login-page .inputbox:focus { border-color:#3971ff; box-shadow:0px 0px 0px 5px #bccdfa; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; }
.login-page .inputbox:disabled { color:#70747b; background-color:#f4f5f8; }
.login-page .inputbox.typeError { color:#f52247; border-color:#f52247; }
.login-page .inputbox.typeError:focus { box-shadow:0px 0px 0px 5px #f4b6c3;}


.content-wrap
{
    width: 100%;
    background: #f4f4f4;
    padding: 0;
}
.content-wrap .inner {
    width:100%; margin: auto;overflow: hidden;
    padding: 20px 15px;

}

.content-wrap .header h5 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
}
.content-wrap .header span.btn-more {
    font-size: 12px;
    cursor: pointer;
    color: #373f47;
    padding: 4px;
}