@charset "utf-8";
/*@font-face {*/
/*    font-family: 'NanumBarunGothic';*/
/*    src: url(../../fonts/NanumBarunGothic/NanumBarunGothicWeb.eot);*/
/*    src: url(../../fonts/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),*/
/*    url(../../fonts/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'),*/
/*    url(../../fonts/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype');*/
/*}*/
html, body {-webkit-overflow-scrolling: touch !important;font-family: 'NanumBarunGothic', 'Noto Sans KR', Dotum, '돋움', Helvetica, "Apple SD Gothic Neo", sans-serif;font-size: 12px;}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {margin: 0;padding: 0}
body,button,input,select,table,textarea {font-family: 'MalgunGothic','맑은 고딕', 'Arial', Helvetica, "Apple SD Gothic Neo", sans-serif;}

button,input {border-radius: 0}
fieldset,img {border: 0}
ol,ul {list-style: none}
address,em {font-style: normal}
a {text-decoration: none; cursor: pointer;}
a:hover {text-decoration: none}
a:link {text-decoration: none;}
img {border-style: none;letter-spacing: none;word-spacing: none;border: none;margin: 0;padding: 0;outline: 0;vertical-align: top;line-height: 0px;}
input:focus {outline: none;}
input,textarea,select {padding: 0;margin: 0;border: none; font-size: 1rem;}
* {box-sizing: border-box;padding: 0;margin: 0;}
.btn {position: absolute;text-indent: -99999px;cursor: pointer !important;background: #ff0000;opacity: 0.0;filter: alpha(opacity=0.0);}

.wrap {}
.wrap .container {}
.wrap .container img {width: 100%;}
.wrap .container .cont-wrap {position: relative;width: 100%;}
.wrap .container .cont-wrap .cont-container{position: relative;width: 100%;max-width: 720px;margin:0 auto;overflow: hidden;}

/**
 메인 배너
 */
.bannerSwiper .swiper-wrapper img {padding:10vw 5vw;}

/**
 팝업
 */
.popup-wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);/* overflow-x: hidden; */overflow-y: auto;padding: 0rem;z-index: 100;line-height: 1;}
.popup-wrap .popup-container {position: absolute;left: 50%;transform: translateX(-50%);vertical-align: 50%;width: 100%;max-width: 720px;}
.popup-wrap .popup-container .popup-section {position: relative;height: 100%;}
.popup-wrap .popup-container .popup-section > img {max-width: 720px;width: 100%;}
.popup-wrap .popup-container .popup-section a.btn.close-btn {width: 9.5%;height: 8%;position: absolute;top: 0%;right: 0%;}
.popup-wrap .popup-container .popup-section a.btn.pop-btn1 {width: 29%;height: 8%;position: absolute;bottom: 5.7%;left: 36%;}
.popup-wrap .popup-container .popup-section a.pop-app-01-btn {bottom: 17.8%;left: 7%;width: 43.1%;height: 41%;}
.popup-wrap .popup-container .popup-section a.pop-app-02-btn {bottom: 17.8%;left: 50%;width: 43.1%;height: 41%;}
.popup-wrap .popup-container .popup-section a.pop-confirm-btn {bottom: 6.6%;left: 27.7%;width: 45.6%;height: 8.4%;}

#popup_bottom{position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;overflow:hidden;background-color: rgba(0, 0, 0, 0.5);/* overflow-x: hidden; */padding: 0rem;z-index: 100;line-height: 1;}
#popup_bottom .dimmed{background: transparent;width:100%;height:100%;}
#popup_bottom .popup-container {position: absolute;overflow:hidden;left: 50%;height: 100%;bottom:-100%;transform: translateX(-50%);width: 100%;max-width: 720px;}
#popup_bottom .popup-container .popup-section {position: absolute;bottom:0;left:0;width: 100%;overflow: hidden;}
#popup_bottom .popup-container .popup-section img {max-width: 720px;height:auto;width: 100%;}
#popup_bottom .popup-container .popup-section a.pop-confirm-btn {bottom: 3.6%;left: 84.7%;width: 13.6%;height: 13.4%;}
#popup_bottom .popup-container .popup-section a.pop-close-btn {bottom: 3.6%;left: 3.7%;width: 24.6%;height: 13.4%;}
#popup_bottom .popup-container .popup-section .swiper_section {position:absolute;bottom: 18%;width: 100%}
#popup_bottom .popup-container .popup-section .swiper_section .swiper-container {border-top-left-radius: 3.5vw;border-top-right-radius: 3.5vw;overflow: hidden;}
#popup_bottom .popup-container .popup-section .swiper-pagination {position:absolute;bottom: 85%;left: 0%;width: 35%;height: 7.5%;z-index: 15;}
#popup_bottom .popup-container.visible {bottom:-0%;}
#popup_bottom .popup-container{
    animation: fadein .5s;
    -moz-animation: fadein .5s; /* Firefox */
    -webkit-animation: fadein .5s; /* Safari and Chrome */
    -o-animation: fadein .5s; /* Opera */
}
#popup_fund .popup-container img{width: 100%;}
#popup_fund .close_btn{position: absolute;left: 88.7%;top: 0.6%;z-index: 1;width: 11%;}
#popup_fund .pop-fund-btn1{position: absolute;left: 24.4%;top: 68%;z-index: 1;width: 53%;height: 10%;}
#popup_fund .left_arrow_btn{position: absolute;left: 0%;top: 43%;z-index: 1;width: 6%;height: 10%;}
#popup_fund .right_arrow_btn{position: absolute;left: 94%;top: 43%;z-index: 1;width: 6%;height: 10%;}


@keyframes fadein {
    from {
        bottom:-100%;
    }
    to {
        bottom:-0%;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        bottom:-100%;
    }
    to {
        bottom:0%;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        bottom:-100%;
    }
    to {
        bottom:-0%;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        bottom:-100%;
    }
    to {
        bottom:0%;
    }
}

/**
 페이지 상단 타이틀 영역
 */
.wrap .container .header {position: fixed;top:0px;left:0px;background:#ededed;z-index: 3;}
.wrap .container .header .rollingSwiper {position: absolute;top:-5px;left:4vw;width:48.8vw;height:100%;}
.wrap .container .header .home-btn {position: absolute;top:0px;right:0px;width:33vw;height:100%;}
.wrap .container .sub-header {background: #f6f6f6;}
.wrap .container .sub-header .cont-container {background: #f6f6f6;padding-top:12vw;padding-bottom:5vw;}
.wrap .container .sub-header h1 {margin-left:4.3vw;font-size:6vw;line-height: 1;}
.wrap .container .sub-header .share-btn {position: absolute;top: 11.8vw;right: 5.8vw;width: 18vw;cursor:pointer;display: none;}

.wrap.black .container .sub-header {background: #100f1d;}
.wrap.black .container .sub-header .cont-container {background: #100f1d;}
.wrap.black .container .sub-header h1 {color:#fff;}

/**
 페이지 상단 슬라이드 메뉴
 */
.wrap .container .sub-swiper {background: #f6f6f6;}
.wrap .container .sub-swiper .cont-container {background: #f6f6f6;padding-top:2vw;padding-bottom:5vw;}
.wrap .container .sub-swiper .cont-container .subSwiper {z-index: 1;}
.wrap .container .sub-swiper .cont-container .subSwiper .swiper-slide {width:67vw;}

/**
 하단 유의사항
 */
.wrap .container .terms {background-color: #fff8f8;}
.wrap .container .terms .terms-header{position:relative;color:#272727;padding:8vw 2.3vw;font-size: 3vw;line-height: 1.4;}
.wrap .container .terms .terms-header:after {content:"";position: absolute;width:95%;bottom:0px;left:50%;transform: translateX(-50%);border-bottom: 1px solid #dfdfdf;}
.wrap .container .terms .terms-body{color:#272727;}

.wrap.black .container .terms {background-color: #000000;}
.wrap.black .container .terms .terms-header {color:#868686;}
.wrap.black .container .terms .terms-header:after {border-bottom: 1px solid #868686;}

/**
 하단 고정 탭바
 */
.wrap .container .bottom-gnb {position:fixed;bottom:0px;left:0px;background-color: #fff;z-index: 1;border-top: 1px solid #e8e8ea;}
.wrap .container .bottom-gnb ul {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;}
.wrap .container .bottom-gnb ul li {float:left;width: 14.2%;margin: 1.7% 2.85%;cursor:pointer;}
.wrap .container .bottom-gnb ul li a .on {display:none;}
.wrap .container .bottom-gnb ul li a .off {display:block;}
.wrap .container .bottom-gnb ul li a.active .on {display:block;}
.wrap .container .bottom-gnb ul li a.active .off {display:none;}

/**
 전체 메뉴
 */
.wrap .container .sub-menu {background: #f6f6f6;padding: 0 4vw 4vw 4vw;}
.wrap .container .menu {background: #f6f6f6;}
.wrap .container .menu .cont-container {background: #fff;overflow: hidden;border-radius:4vw 4vw 0 0;}
.wrap .container .menu h1 {font-size: 5.2vw;font-weight: 700;color:#272727;margin: 8.4vw 0 0 6.6vw;}
.wrap .container .menu ul {position: relative;width: calc(100% - 6.6vw);margin-left: 6.6vw;}
.wrap .container .menu ul li {position: relative;width: 97%;margin: 4vw 0;cursor:pointer;line-height: 7.5vw;}
.wrap .container .menu ul li .title {font-size: 4.2vw;font-weight: 600;color:#272727;margin-left: 9.8vw;}
/*.wrap .container .menu ul li .title.icon {margin-left: 9.8vw;}*/


/*.wrap .container .menu ul li .title.icon:before {content: '';width: 6vw;height: 6vw;position: absolute;top: -0.56vw;left: 0;display: block;background: url(../../images/gnb/icon-1.png?v=5) no-repeat;background-size: contain;}*/
.wrap .container .menu ul li .title.icon1:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-1.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon2:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-2.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon3:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-3.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon4:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-4.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon5:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-5.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon6:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-6.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon7:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-7.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon8:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-8.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon9:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-9.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon10:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-10.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon11:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-11.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon12:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-12.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon13:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-13.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon14:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-14.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon15:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-15.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon16:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-16.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon17:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-17.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon18:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-18.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon19:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-19.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon20:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-20.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon21:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-21.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon22:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-22.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon23:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-23.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon24:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-24.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon25:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-25.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon26:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-26.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon27:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-27.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon28:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-28.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon29:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-29.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon30:before {content: '';width: 8.4vw;height: 8.4vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-30.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon31:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-31.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon32:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-32.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon33:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-33.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon34:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-34.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon35:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-35.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon36:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-36.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon37:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-37.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon38:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-38.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon39:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-39.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon40:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-40.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon41:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-41.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon42:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-42.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon43:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-43.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon44:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-44.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon45:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-45.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon46:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-46.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon47:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-47.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon48:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-48.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon49:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-49.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon50:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-50.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon51:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-51.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon52:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-52.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon53:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-53.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon54:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-54.png?v=5) no-repeat;background-size: contain;}
.wrap .container .menu ul li .title.icon55:before {content: '';width: 7.5vw;height: 7.5vw;position: absolute;top: 0vw;left: 0;display: block;background: url(../../images/gnb/icon-55.png?v=5) no-repeat;background-size: contain;}

.wrap .container .menu ul li .badge {/* position:absolute; */vertical-align: middle;display: inline-block;border-radius: 2.3vw;border:none;overflow:hidden;padding: 1vw 2.7vw;background:#dfdfdf;/* top: -2px; */right: 0;/* transform:translateY(-50%); */font-size: 3.2vw;font-weight: 500;line-height: 1;float: right;margin-right:2%;margin-top: 1.6vw;}
/*.wrap .container .menu ul li .badge:first-child{margin-right:0px;}*/
.wrap .container .menu ul li .badge.red {background:#ffefef;color:#be1f25;}
.wrap .container .menu ul li .badge.yellow {background:#fffbe7;color:#cb9045;/* line-height: 1; */}
.wrap .container .menu ul li .badge.blue {background:#deebfc;color:#4579bd;}
.wrap .container .menu ul li .badge.blue.reversal {background:#4579bd;color:#deebfc;}
.wrap .container .menu ul li .badge.green {background:#e4faee;color:#517b65;}
.wrap .container .menu ul li .badge.green {background:#e4faee;color:#517b65;}
.wrap .container .menu ul li .badge.purple {background:#faedfc;color:#8d4f98;}
.wrap .container .menu ul li .badge.small {padding: 1vw 2.3vw;font-size: 2.7vw;margin-right:0.6%;}

.wrap .container .ssokssok-tv.section1 {background-color: #f6f6f6;}

/**
 국내주식 - 인생수수료 (메인)
 */
.wrap .container .home.fixed-header {position:relative;background: #f6f6f6;z-index: 2;}
.wrap .container .home.fixed-header.active {position: fixed;top:100px;width:100%;}
.wrap .container .home.fixed-header ul {width: 100%;/* margin: 7vw 0; */}
.wrap .container .home.fixed-header ul li {position:relative;float:left;width:25%;color:#797979;font-size:3.5vw;font-weight: 400;text-align: center;margin: 5.7vw 0;cursor: pointer;}
.wrap .container .home.fixed-header ul li.active {color:#272727;font-weight: 700;}
.wrap .container .home.fixed-header ul li.active:after {content:"";position: absolute;left:50%;transform:translateX(-50%);bottom: -4.3vw;width: 2.4vw;height: 2vw;display: block;background: url(/images/active_arrow_icon.png?v=5) no-repeat;background-size: contain;}

.wrap .container .home.section1 {background:#f6f6f6;}
.wrap .container .home.section1-1 {background:#f6f6f6;}
.wrap .container .home.section1 .btn-1 {top: 73.8%;left: 6.1%;width: 88%;height: 10.3%;}
.wrap .container .home.section1 .btn-2 {top: 85.4%;left: 6.1%;width: 88%;height: 10.3%;}

.wrap .container .home.section2 {background:#f6f6f6;}

.wrap .container .home.section3 {background:#f6f6f6;}
.wrap .container .home.section3 .btn-1 {top: 69.6%;left: 10.7%;width: 79%;height: 21.1%;}
.wrap .container .home.section4 {background:#f6f6f6;}
.wrap .container .home.section4 .btn-1 {top: 54%;left: 10.7%;width: 79%;height: 18.5%;}


/*.wrap .container .home.section5 {background:url(../../images/home-section5-bg.jpg?v=5) repeat-x;background-size: contain;}*/
.wrap .container .home.section5 .btn-1 {top: 11.8%;left: 4.4%;width: 91.6%;height: 19%;}
.wrap .container .home.section5 .btn-2 {top: 32.2%;left: 4.4%;width: 91.6%;height: 19%;}
.wrap .container .home.section5 .btn-3 {top: 52.7%;left: 4.4%;width: 91.6%;height: 19%;}
.wrap .container .home.section5 .btn-4 {top: 73.2%;left: 4.4%;width: 91.6%;height: 19%;}
.wrap .container .home.terms {background-color: #fff8f8;}
.wrap .container .home.home-fixed {position: absolute;top:24.1vw;left:0;z-index: 1;width:100%;}
.wrap .container .home.home-fixed .home.home-fixed-btn {position:absolute;top:0;right:0;width:41.3vw;}

/**
 국내주식 - 인생수수료
 */
.wrap .container .stock1.section1 {background: #100f1d;}
.wrap .container .stock1.section1 .btn-1 {top: 83.5%;left: 6.4%;width: 87.2%;height: 10.9%;}
.wrap .container .stock1.section2 {background: #10101a;}
.wrap .container .stock1.section3 {background:#f6f6f6;}

/**
 국내주식 - 신규고객 거래이벤트
 */
.wrap .container .stock2.section1 {background-color: #f6f6f6;}
.wrap .container .stock2.section1 .btn-1{top: 75.4%;left: 6.4%;width: 87.6%;height: 10.4%;}
.wrap .container .stock2.section1 .btn-2{top: 86.7%;left: 6.4%;width: 87.6%;height: 10.4%;}
.wrap .container .stock2.section2 {background-color: #ffffff;}
.wrap .container .stock2.section3 {background-color: #f6f6f6;}

/**
 국내주식 - 국내주식종목이관
 */
.wrap .container .stock3.section1 {background-color: #f6f6f6;}
.wrap .container .stock3.section1 .btn-1{top: 83%;left: 6.4%;width: 87.6%;height: 11.3%;}
.wrap .container .stock3.section2 {background-color: #ffffff;}
.wrap .container .stock3.section3 {background-color: #f6f6f6;}
.wrap .container .stock3.section4 {background-color: #fff8f8;}

/**
 연금
 */
.wrap .container .pension.section1 {background-color: #f6f6f6;}
.wrap .container .pension.section1 .btn-1{top: 76.6%;left: 6.4%;width: 87.6%;height: 10%;}
.wrap .container .pension.section2 {background-color: #f6f6f6;}
.wrap .container .pension.section3 {background-color: #f6f6f6;}
.wrap .container .pension.section3 .btn-1{top: 52.4%;left: 10.9%;width: 78.4%;height: 2.2%;}
.wrap .container .pension.section3 .btn-2{top: 72.25%;left: 17%;width: 66%;height: 1.7%;}

/**
 TV
 */
.wrap .container .tv.section1 {background-color: #f6f6f6;}
.wrap .container .tv.section1 .tab-btn-1{top: 2.5%;left: 4.2%;width: 45.9%;height: 3.9%;}
.wrap .container .tv.section1 .tab-btn-2{top: 2.5%;left: 50.1%;width: 45.9%;height: 3.9%;}
.wrap .container .tv.section1 .btn-1{top: 91.8%;left: 10.5%;width: 79.4%;height: 4.1%;}
.wrap .container .tv.section1 .btn-2{top: 47.7%;left: 10.4%;width: 79%;height: 3.1%;}
.wrap .container .tv.section2 {background-color: #f6f6f6; display: none;}
.wrap .container .tv.section2 .tab-btn-1{top: 2.5%;left: 4.2%;width: 45.9%;height: 3.9%;}
.wrap .container .tv.section2 .tab-btn-2{top: 2.5%;left: 50.1%;width: 45.9%;height: 3.9%;}
.wrap .container .tv.section2 .btn-1{top: 91.8%;left: 10.5%;width: 79.4%;height: 4.1%;}
.wrap .container .tv.section2 .btn-2{top: 47.7%;left: 10.4%;width: 79%;height: 3.1%;}

/**
 해외주식 거래 패키지 혜택
 */
.wrap .container .global1.section1 {background-color: #f6f6f6;}
.wrap .container .global1.section1 .btn-1{top: 84%;left: 6.5%;width: 87.3%;height: 8.6%;}
.wrap .container .global1.section2 {background-color: #ffffff;}
.wrap .container .global1.section3 {background-color: #f6f6f6;}
.wrap .container .global1.section3 .btn-1{top: 38.2%;left: 6.6%;width: 87%;height: 3.1%;}
.wrap .container .global1.section3 .btn-2{top: 66.5%;left: 6.5%;width: 87.1%;height: 3.1%;}
.wrap .container .global1.section3 .btn-3{top: 94.95%;left: 6.5%;width: 87.1%;height: 3.1%;}

/**
 해외주식 거래이벤트
 */
.wrap .container .global2.section1 {background-color: #f6f6f6;}
.wrap .container .global2.section1 .btn-1{top: 82.9%;left: 6.5%;width: 87.3%;height: 11.1%;}
.wrap .container .global2.section2 {background-color: #ffffff;}
.wrap .container .global2.section3 {background-color: #f6f6f6;}
.wrap .container .global2.section4 {background-color: #f6f6f6;}

/**
 해외주식 종목이관
 */
.wrap .container .global3.section1 {background-color: #f6f6f6;}
.wrap .container .global3.section1 .btn-1{top: 82.9%;left: 6.5%;width: 87.3%;height: 11.4%;}
.wrap .container .global3.section2 {background-color: #ffffff;}
.wrap .container .global3.section3 {background-color: #f6f6f6;}
.wrap .container .global3.section4 {background-color: #f6f6f6;}

/**
 ETF1 (자체)
 */
.wrap .container .etf1.section1 {background-color: #f6f6f6;}
.wrap .container .etf1.section1 .btn-1{top: 85.7%;left: 6.5%;width: 87.3%;height: 12.2%;}
.wrap .container .etf1.section2 {background-color: #ffffff;}
.wrap .container .etf1.section3 {background-color: #f6f6f6;}

/**
 ETF2 (제휴사)
 */
.wrap .container .etf2.section1 {background-color: #f6f6f6;}
.wrap .container .etf2.section1 .btn-1{top: 85.3%;left: 6.5%;width: 87.3%;height: 11.1%;}
.wrap .container .etf2.section2 {background-color: #ffffff;}

/**
 ETF3 (퍼블리싱)
 */
.wrap .container .etf3.section1 {background-color: #f6f6f6;}
.wrap .container .etf3.section1 .btn-1{top: 82.9%;left: 6.5%;width: 87.3%;height: 11.1%;}
.wrap .container .etf3.section2 {background-color: #ffffff;}
.wrap .container .etf3.section3 {background-color: #f6f6f6;}
.wrap .container .etf3.section4 {background-color: #f6f6f6;}

/**
 ETF4
 */
.wrap .container .etf4.section1 {background-color: #f6f6f6;}
.wrap .container .etf4.section2 {background-color: #fff;}
.wrap .container .etf4.section3 {background-color: #f6f6f6;}

/**
 ETF5
 */
.wrap .container .etf5.section1 {background-color: #f6f6f6;}
.wrap .container .etf5.section1 .btn-1{top: 87.6%;left: 6.5%;width: 87.3%;height: 9.6%;}
.wrap .container .etf5.section2 {background-color: #fff;}
.wrap .container .etf5.section3 {background-color: #f6f6f6;}

/**
 ETF6
 */
.wrap .container .etf6.section1 {background-color: #f6f6f6;}
.wrap .container .etf6.section2 {background-color: #fff;}
.wrap .container .etf6.section3 {background-color: #f6f6f6;}

/**
 CFD1
 */
.wrap .container .cfd1.section1 {background-color: #f6f6f6;}
.wrap .container .cfd1.section1 .btn-1{top: 82.9%;left: 6.5%;width: 87.3%;height: 11.1%;}
.wrap .container .cfd1.section2 {background-color: #ffffff;}
.wrap .container .cfd1.section3 {background-color: #f6f6f6;}

/**
 CFD2
 */
.wrap .container .cfd2.section1 {background-color: #f6f6f6;}
.wrap .container .cfd2.section2 {background-color: #ffffff;}
.wrap .container .cfd2.section2 .btn-1{top: 12.4%;left: 6.5%;width: 87.3%;height: 16.4%;}
.wrap .container .cfd2.section3 {background-color: #133978;}
.wrap .container .cfd2.section4 {background-color: #2a58a3;}
.wrap .container .cfd2.section4 .btn-1{top: 29%;left: 50%;width: 40.8%;height: 5.3%;}
.wrap .container .cfd2.section4 .btn-2{top: 48.2%;left: 50%;width: 40.8%;height: 5.3%;}
.wrap .container .cfd2.section4 .btn-3{top: 67.3%;left: 50%;width: 40.8%;height: 5.3%;}
.wrap .container .cfd2.section4 .btn-4{top: 88.4%;left: 50%;width: 40.8%;height: 5.3%;}
.wrap .container .cfd2.section4 .popup_cfd {position: absolute;top: 71.7%;left:5%;right:5%;height:20%;z-index: 1002;display: none;}


/**
 신용대출
 */
.wrap .container .credit.section1 {background-color: #f6f6f6;}
.wrap .container .credit.section1 .btn-1{top: 82.9%;left: 6.5%;width: 87.3%;height: 11.1%;}
.wrap .container .credit.section2 {background-color: #ffffff;}
.wrap .container .credit.section3 {background-color: #f6f6f6;}
.wrap .container .credit.section4 .btn-popup{top: 54.95%;left: 7.8%;width: 31.8%;height: 1%;}

/**
 펀드
 */
.wrap .container .fund.section1 {/* background-color: #f6f6f6; */background-image: url(../../images/fund-section1-bg.jpg);background-repeat: repeat-x;background-size: contain;}
.wrap .container .fund.section1 .btn-1{top: 83.8%;left: 6.5%;width: 87.3%;height: 11%;}
.wrap .container .fund.section1 .btn-2{top: 84.8%;left: 6.5%;width: 87.3%;height: 10.4%;}
.wrap .container .fund.section2 {background-color: #ffffff;}
.wrap .container .fund.section3 {background-color: #f6f6f6;}
.wrap .container .fund.section3 .btn-1{top: 93.7%;left: 6.5%;width: 87.3%;height: 3.6%;}

.wrap .container .fund2.section1 {background-color: #ffffff;}
.wrap .container .fund2.section1 .btn-1{top: 73%;left: 6.5%;width: 87.3%;height: 9.9%;}
.wrap .container .fund2.section1 .btn-2{top: 85.3%;left: 6.5%;width: 87.3%;height: 9.7%;}
.wrap .container .fund2.section2 {background-color: #ffffff;}
.wrap .container .fund2.section3 {background-color: #f6f6f6;}
.wrap .container .fund2.section4 {background-color: #ffffff;}
.wrap .container .fund2.section5 {background-color: #f6f6f6;}

/**
 상담 아이콘
 */
.wrap .container .chat-icon {position: fixed;bottom: 21vw;right: 4vw;width: 11.4vw;}
.wrap .container .chat-icon img {display: none;cursor: pointer;}
.wrap .container .chat-icon .active {display: block;}

@media screen and (min-width: 720px)  {
    /* vx -> px 변환 : 1vw * 7.1666666667 = 7.1666666667px */

    /**
     페이지 상단 타이틀 영역
     */
    .wrap .container .home.fixed-header ul li {font-size:25px;margin: 41px 0;}
    .wrap .container .home.fixed-header ul li.active:after {bottom: -31px;width: 17px;height: 14px;}

    .wrap .container .header .rollingSwiper {left:29px;width:350px;}
    .wrap .container .header .home-btn {width:234px;}
    .wrap .container .sub-header .cont-container {padding-top:86px;padding-bottom:39px;}
    .wrap .container .sub-header h1 {margin-left:31px;font-size:43px;}
    .wrap .container .sub-header .share-btn {top: 85px;right: 41px;width: 129px;}

    /**
     페이지 상단 슬라이드 메뉴
     */
    .wrap .container .sub-swiper .cont-container {padding-top:14px;padding-bottom:36px;}
    .wrap .container .sub-swiper .cont-container .subSwiper .swiper-slide {width:480px;}

    /**
     하단 유의사항
     */
    .wrap .container .terms .terms-header{padding:57px 16px;font-size: 22px;}

    /**
     전체 메뉴
     */
    .wrap .container .menu .cont-container {border-radius:29px 29px 0 0;}
    .wrap .container .menu h1 {font-size: 37px;margin: 60px 0 0 47px;}
    .wrap .container .menu ul {width: calc(100% - 47px);margin-left: 47px;}
    .wrap .container .menu ul li {margin: 33px 0;vertical-align: middle;height: 55px;line-height: 1;}
    .wrap .container .menu ul li .title {font-size: 30px;margin-left: 70px;vertical-align: middle;line-height: 55px;}
    .wrap .container .menu ul li .title.icon1:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon2:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon3:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon4:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon5:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon6:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon7:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon8:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon9:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon10:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon11:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon12:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon13:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon14:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon15:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon16:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon17:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon18:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon19:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon20:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon21:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon22:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon23:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon24:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon25:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon26:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon27:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon28:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon29:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon30:before {width: 62px;height: 62px;top: 0px;}
    .wrap .container .menu ul li .title.icon31:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon32:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon33:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon34:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon35:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon36:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon37:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon38:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon39:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon40:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon41:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon42:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon43:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon44:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon45:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon46:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon47:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon48:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon49:before {width: 60px;height: 60px;top: 0px;}
    .wrap .container .menu ul li .title.icon50:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon51:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon52:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon53:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon54:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .title.icon55:before {width: 55px;height: 55px;top: 0px;}
    .wrap .container .menu ul li .badge {border-radius: 17px;padding: 7px 19px;right: 3px;font-size: 23px;margin-top: 10px;}
    .wrap .container .menu ul li .badge.small {padding: 7px 16px;font-size: 19px;}

    /**
     메인 배너
     */
    .bannerSwiper .swiper-wrapper img {padding:72px 36px;}
    /*#popup_bottom .popup-container .popup-section {border-top-left-radius: 70px;border-top-right-radius: 70px;}*/
    #popup_bottom .popup-container .popup-section .swiper_section .swiper-container {border-top-left-radius: 28px;border-top-right-radius: 28px;overflow: hidden;}

    .wrap .container .home.home-fixed {top:172px;left:50%;transform:translateX(-50%);width:720px;}
    .wrap .container .home.home-fixed .home.home-fixed-btn {width:296px;}

    /**
     상담 아이콘
     */
    .wrap .container .chat-icon {bottom: 150px; left:50%;transform:translateX(calc(360px - 83px - 30px));width: 83px;}

}