/*
@font-face {
 font-family: 'NanumSquare';
 src: url(../fonts/NanumSquareR.eot);
 src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareR.woff) format('woff'),
      url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-style: bold;
 font-weight: 700;
 src: url(../fonts/NanumSquareB.eot);
 src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareB.woff) format('woff'),
      url(../fonts/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 400;
 src: url(../fonts/NanumBarunGothic.eot);
 src: url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumBarunGothic.woff2) format('woff2'),
      url(../fonts/NanumBarunGothic.woff) format('woff'),
      url(../fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 700;
 font-style: bold;
 src: url(../fonts/NanumBarunGothicBold.eot);
 src: url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
      url(../fonts/NanumBarunGothicBold.woff) format('woff'),
      url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}
*/
@font-face {
    font-family: 'Jal_Onuel';
    src: url('../fonts/Jal_Onuel.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* default style */
html{
    width:100%; height:100%;
    overflow-x:hidden;
}
html.lock{
    overflow:hidden !important;
}
body{
    margin: 0;  padding: 0;     font-size: 75%;
    min-width: 320px;
    font-family: "Jal_Onuel";
    background: #FFF;
    height: 100%;
    /*background: #efefef;*/
}
body *{ margin: 0;  padding: 0; -webkit-text-size-adjust: none;}
img, fieldset{  border: 0;}
table{border-spacing: 0;    border-collapse: collapse;}
table tr th, table tr td{   padding: 0;}
ul, ol, li, dl, dt, dd{ list-style: none;margin:0;padding:0;}
a{  color: #000;    text-decoration: none;}
a:hover{text-decoration: none;}
p{margin:0;}
button{background: none;border: none;line-height: 1;cursor: pointer;}
caption {display:none;}
em{font-style:normal;}
img{width:100%;}
input{background:#f8f8f8;padding: 4px 0 5px;border:1px solid #d9d9d9;color:#acacac;padding-left:8px;font-size:14px !important;font-weight:normal !important;vertical-align: middle;-webkit-appearance: none;}
input:focus{outline-color: #6cbb5a;}
textarea{border:1px solid #d9d9d9; outline-color: #85C142;}
.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;      /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
.overflowHidden{overflow:hidden;}
.overflowXHidden{overflow-x:hidden;}
.bg_common{background-color: #efefef;}
.blind {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
.show {display:block!important;}
.hide {display:none!important;}
.text-center {text-align: center;}
.text-cancel {text-decoration: line-through}
.text-gray {color:#939292;}
.text-danger {color:#ff0000;}
.ellipsis{max-width:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inline{display: inline-block;}


/* margin padding */
.mg5{margin:5px;}
.mg10{margin:10px;}
.mgt0{margin-top:0 !important;}
.mgt5{margin-top:5px !important;}
.mgt7{margin-top:7px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt17{margin-top:17px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgl0{margin-left:0px !important;}
.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl20p{margin-left:20% !important;}
.mgl24p{margin-left:24% !important;}
.mgl27p{margin-left:27% !important;}
.mgl15{margin-left:15px !important;}
.mgr10{margin-right:10px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb100{margin-bottom:100px !important;}
.mgb0{margin-bottom:0px !important;}
.pd0{padding:0 !important;}
.pdt0{padding-top:0 !important;}
.pdt30{padding-top:30px !important;}
.pdt75{padding-top:75px !important;}
.pdb0{padding-bottom:0 !important;}
.pdl10{padding-left:10px !important;}
.pdl13{padding-left:13px !important;}
.pdb13{padding-bottom:13px !important;}
.pdr10{padding-right:10px !important;}

/* border */
.bdr0{border:0 !important}
.bt0{border-top:0 !important;}
.bb0{border-bottom:0 !important;}
.b{border: 1px solid #d9d9d9;}
/* font style */
.point_color {color:#e89b23 !important;}
.point_color2 {color:#ffff00 !important;}
.clr_yellow{color:#ffff00 !important;}
.clr_purple{color:#4a0cb5 !important;}
.clr01 {color:#40a537 !important;}
.clr02 {color:#959595 !important;}
.clr03 {color:#707070 !important;}
.clr_blk {color:#000 !important;}
.fnt10{font-size:10px !important;}


input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
/*     color:#f2f2f2; */
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../img/common/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
    background-size:auto 19px;
}

input[type="checkbox"]:checked + label span {
    background:url(../img/common/check_radio_sheet.png) -21px top no-repeat;
    background-size:auto 19px;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#f2f2f2;
    font-family:"Jal_Onuel, sans-serif";
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin-right:3px;
    vertical-align:middle;
    background:url(../img/common/check_radio_sheet.png) -40px top no-repeat;
    cursor:pointer;
    background-size: auto 17.8px;
}

input[type="radio"]:checked + label span {
    background:url(../img/common/check_radio_sheet.png) -59px top no-repeat;
    background-size: auto 17.8px;
}


/* common style */
.wrap {
    position: relative;
    box-shadow: -5px 0 5px rgba(0,0,0,.2);
}
.w-full{width:100%;}
/*.form-control {-webkit-appearance:none;}*/

.no-bdr-btm{border-bottom:0 !important;}
.numCir {display: inline-block;  width: 15px;  height: 15px; margin-left:5px; background: #c22126;  color: #fff;  border-radius: 20px;  font-size: 10px;  line-height: 15px;  text-align: center;}
.fe{font-family: "Jal_Onuel"}
#sb-site, .sb-site-container{background:#ebebeb !important}
#sb-site.bg-white{background:#fff !important}
.site_inner{background:#fff;padding:0;}
.site_inner.pad{padding: 5px;}
.bg-white .site_inner{background:#fff;}

.header{position: relative; width:100%; height:60px;background-color:#fff; /*border-bottom:1px solid #ededed; box-shadow: 0 0 10px rgba(0,0,0,.2); */ background: #F1F9FF;}
.header.login {border:0;}
.header.fixed_top {position: fixed;top:0;left:0;width:100%;border-bottom:0;box-shadow: 0 0 10px rgba(0,0,0,.2);z-index: 110; background: #2f5597 !important;}
.header.fixed_top .text-title {/*font-size: 1.2rem;*/ font-size:22px;}
.header.top_ad { height: 85px;}
.header .menu,
.header a{
    display:inline-block;width:30px;height:30px;
    text-indent: -99999px;border-radius:3px;
    background-position: center center;
    background-repeat: no-repeat;
}
.header .header_title{width:auto; height:26px; margin-top:-7px; text-indent: 0; color:#FFF; /*font-weight: bold;*/ letter-spacing: 15px; margin-left: 15px;}
.header .header_qrCode{font-size:27px; right: 20px !important; top:17px !important; position: absolute; color:#85C142;}
.header button{color:#0089cf;line-height: 15px;font-size:16px; outline: 0;}
.header .text-title {
    position: relative;
    top: 19px;
    display: inline-block;
    margin-left: 53px;
    font-size: 18px;
}
.header .text-title.text-center{
    margin:0 auto;
    display: block;
}
.header .text-title .logo{
    width:92px;
    margin-left:0;
    top:0;
}
.header .left-btns.text-button{left:0;top:14px;}
.header .right-btns.text-button{right:0;top:14px;}
.header .left-btns{
    position: absolute;left:10px;top:14px;
    z-index: 1;
}
.header .right-btns{
    position: absolute;right:10px;top:14px;
    z-index: 1;
}
.header .right-btns a{
    margin-left: 5px;
}
.header .back{
    background-image: url(../img/common/ico_header_back.png);
    background-size:13px auto;
}
.header .plus{
    background-image: url(../img/common/ico_header_plus.png);
    background-size:24px auto;
}
.header .menu{
    left:15px;
    background-image: url(../img/common/icon_menu.png);
    background-size:24px auto;
    text-indent:-9999px;
}
.header .cart{
    background-image: url(../img/common/ico_cart.png);
    background-size:24px auto;
}
.header .sns{
    background-image: url(../img/common/ico_sns.png);
    background-size:21px auto;
}
.header .qrcode{
    background-image: url(../img/common/ico_qrcode.png);
    background-size:23px auto;
}
.header .myinfo{
    background-image: url(../img/common/icon_myinfo.png);
    background-size:16px auto;
}
.header .logo{
    position: relative;
    top:17px;
    display:block;margin:0 auto;
    width:auto;
    height:23px;
}
.header .favorite{
    background-image: url(../img/common/ico_favorite.png);
    background-size:24px auto;
}
.header .setting{
    background-image: url(../img/common/ico_setting.png);
    background-size:24px auto;
}
.header .share{
    background-image: url(../img/common/ico_share.png);
    background-size:24px auto;
}
.header .favorite:hover{background-image: url(../img/common/ico_favorite_on.png);}
.header .setting:hover{background-image: url(../img/common/ico_setting_on.png);}
.header .share:hover{background-image: url(../img/common/ico_share_on.png);}
.top_banner {margin-top:30px;}
.top_banner .inner {background: #b2b2b2;height:20px;line-height: 21px;border-radius: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin:0 15px;color:#fff;}
.top_banner .zikpot {
    position: relative;
    top:-1px;
    display: inline-block;
    height: 13px;
    background: #e60013;
    border-radius: 30px;
    padding: 0px 5px;
    margin: 0 3px 0 5px;
    color: #fff;
    line-height: 14px;
    font-size: .6rem;
}

#sb-site.container_top_ad {
/*     padding-top: 85px; */
}
#sb-site.container_main {
    padding-top: 60px;
}
.container_wrap {margin-top: 60px;}
.container_wrap.btm {padding-bottom:55px;}

.top_shortcut {background:#f5f5f5;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.top_shortcut .inner{width:940px;padding:5px 0;margin:0 auto;text-align:right;font-size:11px;font-family:Jal_Onuel;}
.top_shortcut a {position:relative;display:inline-block;margin-left:12px;padding-left:16px;color:#929295;}
.top_shortcut a:after{content:'';position:absolute;width:1px;height:8px;top:2px;left:0;background:#e5e5e5;}
.top_shortcut a:first-child:after{display:none;}
.top_shortcut .favorite {background:url(../img/common/icon_pc_favorite.png) no-repeat 0 0;}

.top_banner {line-height:0;}
.top_control {height:40px;border-top:1px solid #eaeaea;border-bottom:1px solid #d9d9d9;}
.top_control .goBack{
    display:inline-block;
    height:40px;line-height:40px;padding-left:30px;margin-left:10px;
    background:url(../img/common/ico_goBackArrow.png) no-repeat 10px center;
    background-size:14px auto;
    color:#231f20;
}

.gnb{position:relative;overflow:hidden;}
.gnb a{float:left;width:25%;height:40px;line-height:40px;font-size:14px;text-align: center;background: #383838;color:#fff;letter-spacing: -1px;}
.gnb .active{background: #c22126;}

.gnbPc_wrap{background:#231f20}
.gnbPc{width:940px;margin:0 auto;position:relative;overflow:hidden;}
.gnbPc a{position:relative;float:left;width:20%;height:40px;line-height:40px;font-size:14px;text-align: center;background: #231f20;color:#fff;letter-spacing: -1px;}
.gnbPc a:after{content:'';position:absolute;display:block;width:1px;height:12px;top:14px;left:0;background:#353333}
.gnbPc a:first-child:after{display:none;}
.gnbPc a.crown{background:url(../img/common/icon_crown.png) no-repeat 37px center;}

.mainSlider_wrap{margin-bottom:18px;padding-top:10px;background:#ebebeb;}
.mainSlider{
    width: 100%;
    background: #ebebeb;
}
.mainSlider_wrap .mainSlider{width:940px;margin:0 auto;}
.mainSlider .slick-slide{
    margin:0;
}

.slick-prev,
.slick-next {display: none !important;}
.mainShortcut {
    padding-top:10px;
    font-family: "Jal_Onuel";
    overflow: hidden;
    font-weight: bold;
    border-bottom: 1px solid #d4d4d4;
}
.mainShortcut .img {
    width:30px;
}
.mainShortcut>div {
    font-size: 11px;
    padding: 10px 0;
    float: left;
    width:20%;
    background:#fff;
    border-right:1px solid #d4d4d4;
    border-top:1px solid #d4d4d4;
}
.mainShortcut>div:nth-child(5n+1){
    border-left:1px solid #d4d4d4;
} 
.mainShortcut>div>a{
    position: relative;
    display: block;
    width:100%;
    color:#7d7d7d;
    text-align: center;
    font-weight: normal;
}

.mainProduct{margin:0;padding:15px 0 0;background:#fff;}
.mainProduct li {border-bottom: 1px solid #ebebeb;padding:17px 15px 0;}
.mainProduct .title {position: relative;padding:15px 0 15px 65px;}
.mainProduct .title:after {content:"";display: block;clear: both;}
.mainProduct .title .logo{position:absolute;left:0;top:15px;width:55px;margin-right:13px;}
.mainProduct .title .t01 {color:#111;padding-top:10px;font-size: 1rem;}
.mainProduct .title .t01 .t02 {color:#7d7d7d;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: .85rem;}
.mainProduct .mp_img {line-height:0;}
.movie {
    position: relative;
}
.movie .btn {
    position: absolute;
    left:50%;
    top:50%;
    width:58px;
    height:62px;
    margin:-29px 0 0 -31px;
}
.movie .btn.play {
    background: url(../img/common/ico_btn_play.png) no-repeat;
    background-size: contain;
}
.movie .btn.pause {
    background: url(../img/common/ico_btn_pause.png) no-repeat;
    background-size: contain;
}

.relatedProduct-wrapper{overflow: hidden;padding:10px 0;}
.relatedProduct {width:130%;overflow: hidden;line-height:13px;}
.relatedProduct .swiper-slide{letter-spacing: -1px;}
.relatedProduct .swiper-slide a{display:block;text-align: left;}
.relatedProduct .name{color:#333;padding:5px 0 0 5px;font-size:14px;margin-top:-1px;line-height: 1.3;}
.relatedProduct .desc{position:relative;color:#959595;padding:0 5px;margin-top:3px;font-size:12px;}
.relatedProduct .desc2{color:#000;padding:0 0 0 5px;margin-top:3px;font-size:13px;}
.relatedProduct .price{padding:0 5px;font-size:13px;margin-top:5px;}
.relatedProduct .price2{padding:0 5px;font-size:14px;margin-top:5px;color:#000;}
.relatedProduct .price .txt{color: #ffcb05;margin-right:5px;}
.relatedProduct .price .num{font-family: "Jal_Onuel";color:#000;}
.relatedProduct .inbox {border-top:0;min-height: 80px;}
.relatedProduct .inbox.lh {min-height: 55px;}
.newProduct {padding:17px 0 0;text-align: center;}
.newProduct li {display:inline-block;width:85px;padding:0 0 17px;margin:0 15px;text-align: center;}
.newProduct li .img {position: relative;display: inline-block;width:85px;height:85px;background:#ebebeb;border:1px solid #d4d4d4;border-radius:50%;}
.newProduct li .img .plus {position: absolute;width:25px;height:25px;bottom: -2px;right:-2px;background: url(../img/common/ico_cir_plus.png) no-repeat center;background-size: cover;}
.newProduct li .desc {color:#7d7d7d;margin-top:5px;}
.newProduct li .nickname {color:#000;margin-top:5px;}
.newProduct li .company {color:#7d7d7d;margin-top:5px;}
.newProduct li .num{margin-top:5px;}
.price-sale {width:80%;color:#a1a1a1}
.price-sale .num {float:right;margin-left:70px;}
.price {width:80%;}
.main-banner {padding:10px 0 0;}
.go-page {display:block;height:50px;line-height:50px;background: #6cbb5a;color:#fff;text-align: center;font-size: 1rem; font-weight: bold;}
.main-image {position:relative;min-height:227px;background: url(../img/common/bg_cooingbox_info.jpg) no-repeat center;background-size: cover}
.main-image .text {position: absolute;top:50%;left:0;margin-top:-10px;width:100%;padding:0 10px;line-height:1.3;text-align: center;color:#fff;font-size:16px;text-shadow: 0 0 4px rgba(0,0,0,1)}
.main-image .text:after {content: "";position: absolute;left: 50%;top:-20px;margin-left:-14px; width:28px;height:1px;background: #fff;}
.main-image .btn-reg-camera {position: absolute;right:15px;bottom:15px;}

.cb-network {position: relative;background-color: #fff;font-size:16px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.cb-profile {height:97px;text-align: center;padding-bottom: 40px;background: url(../img/common/bg_cooingbox_name.png) no-repeat center;background-size: cover;}
.cb-profile.no-bg {background: none;}
.cb-profile .img{display: block;
    position: absolute;
    left: 50%;
    top: -42px;
    margin-left: -42px;
    width:85px;
    }
.cb-profile .img .userimg{border-radius: 50%;}
.cb-profile .nick {padding-top: 40px;display: block;}
.cb-profile .btn-setting {position: absolute;width:25px;height: 25px;right:15px;top:15px;background: url(../img/common/ico_setting_main.png) no-repeat;background-size: contain;}
.cb-profile .cb-setting {display:none;position: absolute;right:25px;top:40px;width:100px;box-shadow: 0 0 4px rgba(0,0,0,.3);z-index: 10;background-color: #fff;}
.cb-profile .cb-setting li a{display: block;padding: 10px 0;text-align: center;font-size: 16px;}
.cb-controls {text-align: center;padding:25px 0;}
.cb-controls button {display:inline-block;width:70px;height:76px;margin:0 10px;vertical-align: middle;}
.cb-controls button.heart {position:relative;background:url(../img/common/ico_control_heart.png) no-repeat;background-size:cover;}
.cb-controls button.heart:hover,
.cb-controls button.heart.on {background-image:url(../img/common/ico_control_heart_on.png)}
.cb-controls button.heart .num{position: absolute;bottom:15px;left:0;width:100%;text-align: center;color:#eb1d27;}
.cb-controls button.fav {background:url(../img/common/ico_control_fav.png) no-repeat;background-size:cover;}
.cb-controls button.fav:hover,
.cb-controls button.fav.on {background-image:url(../img/common/ico_control_fav_on.png)}
.cb-controls button.share {background:url(../img/common/ico_control_share.png) no-repeat;background-size:cover;}
.cb-controls button.share:hover,
.cb-controls button.share.on {background-image:url(../img/common/ico_control_share_on.png)}
.cb-facebook {padding:0 25px;}
.cb-facebook img{display: inline-block;width:auto;height: 20px}

.cb-facebook .wordcloud {
    display: inline-block;
    height: 20px;
    background: url(../img/common/bg_wordcloud.png) no-repeat;
    background-size: 100% 100%;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 3px;
    color: #252525;
}

/* buttons */
.btn-reg-camera{width:50px;height:50px;background: url(../img/common/ico_reg_camera.png) no-repeat;background-size:contain;}
.btn-product {border:1px solid #000;border-radius: 0;font-size:16px;}
.btn-text-more {color:#7d7d7d;}
.btn-noti-trans {padding: 3px 6px !important;color: #fff;font-size: 10px;border-radius: 0; background-color:rgba(0,0,0,.5);}
.btn-transfer {background-color: #40a537;color:#fff;padding: 3px 15px !important;border-radius: 0 !important;}
.btn-transfer:hover {background-color: #40a537 !important;color:#fff !important;}
.btn-double {overflow: hidden;}
.btn-double a {float:left;width:49.5%;}
.btn-double a:first-child{margin-right:1%;}
.btn-search {width:25px;height:25px;background: url(../img/common/ico_search.png) no-repeat;background-size:cover;}
.btn-popup-close, .btn-popup-close:hover {width:24px;height:24px;background: url(../img/common/ico-pop-close.png) no-repeat;background-size:contain;}
.btn-popup-send {display: block;width:85%;padding:9px 12px;color:#fff;font-size:16px;margin:0 auto;background-color: #000;border-radius:0;}
.btn-popup-send:hover{color:#fff;}
.btn-date {border:1px solid #dfdfdf;border-radius: 0;}
.btn-inquiry {padding: 5px 0 7px;background-color: #fff;color:#000;border:1px solid #000;border-radius: 0;font-size: 17px;}
.btn-tp01 {
    border-color:#000 !important;
    background: transparent;
    color:#000 !important;
    border-radius: 3px !important;
}
.btn-tp02 {
    width:100% !important;
    border-color:#fff !important;
    background: transparent;
    color:#fff !important;
    border-radius: 3px !important;
}
.btn-tp01:hover,
.btn-tp02:hover {
    background: transparent !important;
}

.footer-space {height:70px}
footer {position:relative;padding:18px 0;background: #3c3939;border-top:1px solid #ccc}
footer.subPage{margin-top:20px;}
footer .footer_btns {height: 30px;}
footer .footer_btns li{float:left;width:48.5%;padding-left:4%;}
footer .footer_btns li a{display: inline-block;width:100%;padding:8px 0;background: #fff;font-weight:bold;border:1px solid #ccc;text-align: center;border-radius: 2px;box-shadow:1px 1px #dedede;color:#959595;}
footer .link{clear:both;text-align:center;}
footer .link.btm {border-top:1px solid #ccc;padding-top:10px;margin-top:10px;margin-left:-20px;margin-right:-20px;}
footer .link a{display:inline-block;padding:0 10px;font-weight:bold;font-size: 11px;}
footer .link.top a{font-size: 13px;color:#000;}
footer .link .slice {color:#ccc;font-weight: normal;}
footer .agreement {border:1px solid #d2d2d2;color:#636363;font-size:12px;display:block;width:92%;margin:10px auto 10px;padding:8px 0;font-family: "Jal_Onuel"}
footer .agreement .caret{position:relative;top:4px;left:5px;display:inline-block;width:10px;height:10px;background:url(../img/common/arrow_02_down.png) no-repeat;background-size:100% auto;}
footer .agreement .caret.on{
    background-image: url(../img/common/arrow_02_up.png);
}
address {padding:0 15px 10px;line-height:1.3;color:#a1a1a1;font-size:10px;font-style: normal;font-family: "Jal_Onuel", "NanumBarunGothicWeb";color:#b0afaf;}
address span {margin-right:10px;}

.goTop{display: none;position:fixed;right:4px;bottom:135px;width:40px;height:40px;z-index:999;}
.btnPlus{ position:fixed;right:4px;bottom:180px;width:40px;height:40px;z-index:999;}
.btnTemp{position:fixed;right:4px;bottom:225px;width:40px;height:40px;z-index:999;}
.menu-btn-plus {position:fixed;right:10px;bottom:60px;width:50px;height:50px;background: #eb1d27 url(../img/common/ico_menu_btn_plus.png) no-repeat center;background-size:20px auto;border-radius:100%;box-shadow:0 3px 3px rgba(0,0,0,.4);z-index:9999;}
.myinfo_wrap{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:117px;
    bottom:0;
    background:rgba(0,0,0,.5);
    z-index:9999;
}
.myinfo_box{
    padding:4px;
    background:#efefef;
    color:#fff;
    z-index: 10000;
}
.myinfo_box .section_top{
    position:relative;
    background: #40a537;
}
.myinfo_box .section_top .setting{
    position: absolute;
    top:6px;
    right:6px;
    width:27px;
    height:27px;
    border:0;
    background: url(../img/common/icon_setting.png) no-repeat;
    background-size:contain;
}
.myinfo_box .section_top .name{
    padding:10px 0 0 15px;
    font-size:16px;
    font-weight: bold;
}
.myinfo_box .section_top .price{
    overflow: hidden;
    letter-spacing: -1px;
}
.myinfo_box .section_top .price .left{
    float:left;
    width:150px;
    padding:10px 0 10px 15px;
    height:60px;
    line-height:1.6;
}
.myinfo_box .section_top .price .right{
    float:right;
    width:148px;
    padding:10px 5px 10px 7px;
    height:60px;
    line-height:1.6;
}

.myinfo_box .section_list {
    background: #fff;
    overflow-x:hidden;overflow-y:auto;border:1px solid #d9d9d9;border-bottom:1px solid #d0cfcf;-webkit-overflow-scrolling: touch;
}
.myinfo_box .section_list li {border-bottom: 1px solid #eee}
.myinfo_box .section_list li:last-child {border-bottom: 0}
.myinfo_box .section_list li a{display: block;width:100%;height: 100%;padding:14px 15px;}
.myinfo_box .section_list li a.btn_03{padding:inherit;padding-left:15px;}



#jPanelMenu-menu {
background: #3b3b3b
}
#jPanelMenu-menu ul {
border-bottom: 1px solid #484848
}
#jPanelMenu-menu li a {
background: #3b3b3b;
background: -o-linear-gradient(top, #3e3e3e, #383838);
background: -ms-linear-gradient(top, #3e3e3e, #383838);
background: -moz-linear-gradient(top, #3e3e3e, #383838);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
background: -webkit-linear-gradient(#3e3e3e, #383838);
background: linear-gradient(top, #3e3e3e, #383838);
font-family: "Jal_Onuel", "NanumBarunGothic", "museo-sans", "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-weight: 700;
display: block;
padding: 0.5em 5%;
border-top: 1px solid #484848;
border-bottom: 1px solid #2e2e2e;
text-decoration: none;
text-shadow: 0 -1px 2px #222;
color: #f7f7f7
}
#jPanelMenu-menu li a:hover, #jPanelMenu-menu li a:focus {
background: #404040;
background: -o-linear-gradient(top, #484848, #383838);
background: -ms-linear-gradient(top, #484848, #383838);
background: -moz-linear-gradient(top, #484848, #383838);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #484848), color-stop(1, #383838));
background: -webkit-linear-gradient(#484848, #383838);
background: linear-gradient(top, #484848, #383838)
}
#jPanelMenu-menu li a:active {
background: #363636;
background: -o-linear-gradient(top, #3e3e3e, #2e2e2e);
background: -ms-linear-gradient(top, #3e3e3e, #2e2e2e);
background: -moz-linear-gradient(top, #3e3e3e, #2e2e2e);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #2e2e2e));
background: -webkit-linear-gradient(#3e3e3e, #2e2e2e);
background: linear-gradient(top, #3e3e3e, #2e2e2e);
-moz-box-shadow: 0 2px 7px #222 inset;
-webkit-box-shadow: 0 2px 7px #222 inset;
box-shadow: 0 2px 7px #222 inset;
border-top-color: #222;
padding-top: 0.55em;
padding-bottom: 0.45em
}
.jPanelMenu-panel {
-moz-box-shadow: 0 0 25px #222;
-webkit-box-shadow: 0 0 25px #222;
box-shadow: 0 0 25px #222
}

.checkBox {
    margin:10px 0;
}

input[type=checkbox]:not(old){
  display: none;
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label{
  display      : inline-block;
  padding-left : 28px;
  background   : url('../img/common/checks.png') no-repeat 0 0;
  line-height  : 23px;
  background-size: 23px auto;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -23px;
}

input[type=radio]:not(old) + label{
  display      : inline-block;
  padding-left: 0;
  margin-left : 0;
  margin-right : 16px;
  background   : url('../img/common/radios.png') no-repeat 0 0;
  line-height  : 23px;
/*   color:rgba(127, 127, 127, 1); */
  color:#040056;
  
}
input[type=radio]:not(old) + label:first-child{margin-left:0;}

input[type=radio]:not(old):checked + label{
    background-position : 0 -23px;
    color: #111;
    font-weight: normal;
}

.checkBox-list input[type=checkbox]:not(old) + label {
    min-width:35px;height:19px;margin-bottom:0;
    background   : url('../img/common/checks-list.jpg') no-repeat 0 0;
    cursor: pointer;
}
.checkBox-list input[type=checkbox]:not(old):checked + label{
  background-position : 0 -19px;
}


select{
/*
  background: #f8f8f8;
*/
  padding: 5px 0;
  border: 1px solid #d9d9d9;
}
.input-wrap {padding:0 15px;}

.login_ipt {text-align: center;margin-top: 50px;}
.login_ipt input{color:#000;border:0;height:43px;width:100%;margin-bottom: 10px;padding-left: 30px}
.login_ipt input::-webkit-input-placeholder {color: #bfbfbf;}



.login_ipt .id {background-image:url(../img/common/ico_login_01.png);background-repeat: no-repeat;background-position: 5px center;background-size: 16px auto; border:1px solid #bfbfbf;}
.login_ipt .email {background-image:url(../img/common/ico_email.png);background-repeat: no-repeat;background-position: 5px center;background-size: 16px auto; border:1px solid #bfbfbf;}
.login_ipt .pw {background-image:url(../img/common/ico_login_02.png);background-repeat: no-repeat;background-position: 5px center;background-size: 15px auto; border:1px solid #bfbfbf;}



.login_btns{overflow:hidden;margin:20px 0;}
.login_btns a{display:block;float:left;width:33%;color:#989898;text-align:center;border-left:1px solid #e0e0e0;}
.login_btns a:first-child{border-left:0;}
.login_btns img{width:100%;}

.snp_list {padding:10px;margin-bottom:5px;background:#fff;border-bottom:1px solid #d9d9d9;}
.snp_list li {position:relative;border-top:1px solid #ebebeb;}
.snp_list li a{overflow: hidden;display:block;display: block !important;padding: 10px 0 10px 0;width: 100%;font-weight:bold;color:#000;}
#tab1_1 .snp_list li a {padding:10px 0;width: 100%;}
.snp_list li:first-child {border-top:0;}
.snp_list li .date {color:#a1a1a1;font-size:0.9em;margin-top:5px;}
.snp_list li .btn_shorcut {position:absolute;right:0;top:10px;}
.snp_list.product li img{float:left;width:30%;}
.snp_list.product li .desc{float:left;width:70%;padding-left:10px;}
.snp_list.product li .tit{margin-top: 10px; font-size:1.2em;letter-spacing: -1px;}
.snp_list.product li .txt1{color:#a1a1a1;margin-bottom:5px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.snp_list.product li .price{font-size:1.3em;color:#000;}
.snp_list.product li .price .txt{font-size:13px;color:#000;display: inline-block;width:100px;}
.snp_list.product li .price .fe {float:right;margin-left:10px;margin-top: 4px;}
.snp_list.product li a { padding: 13px 10px 13px 0;}
.snp_list.type2 p {padding-right:80px;}

.snp_control{position:relative;overflow:hidden;height:40px;}
.snp_control .btn_list {position:absolute;left:0;top:0;display:inline-block;padding:0 15px;color:#959595;font-weight:bold;height:35px;line-height:35px;background:#fff;border:1px solid #d9d9d9;}
.snp_control .arrow{position:absolute;right:0;top:0;}
.snp_control .arrow .btn_arrow{display:inline-block;width:45px;height:37px;background:#fff;border:1px solid #d9d9d9;text-indent:-99999px;}
.snp_control .arrow .btn_arrow.left{background:#fff url(../img/common/arrow_left.png) no-repeat 50% 50%;}
.snp_control .arrow .btn_arrow.right{background:#fff url(../img/common/arrow_right.png) no-repeat 50% 50%;}
.snp_control .pageNum{position:absolute;left:0;width:100%;line-height:37px;text-align:center;}

.snp_view {padding:10px;margin-bottom:10px;font-weight:bold;background:#fff;border:1px solid #d9d9d9}
.snp_view .date{color:#a1a1a1;font-size:0.9em;margin-bottom:5px;}
.snp_view .title{font-size:14px;padding-bottom:10px;border-bottom:1px solid #ebebeb;}
.snp_view .view_content{color:#959595;padding:20px 0;}

.btn_close {display:inline-block;width:25px;height:25px;background:url(../img/common/ico_close.png) no-repeat center center;background-size:19px 19px;text-indent:-99999px;}
.btn_close2 {display:inline-block;width:22px;height:22px;background:url(../img/common/ico_close2.png) no-repeat center center;background-size:22px;text-indent:-99999px;margin: 3px 6px 0 0 ;}
.btn_previous {display:inline-block;width:18px;height:29px;background:url(../img/common/arrow_aside_previous.png) no-repeat center center;background-size:cover;text-indent:-99999px;margin-left: 15px;}
.btn_previous2 {display:inline-block;width:18px;height:29px;background:url(../img/common/arrow_aside_previous2.png) no-repeat center center;background-size:cover;text-indent:-99999px;margin-left: 15px;}
.btn_menu {display:inline-block;width:29px;height:38px;background:url(../img/common/menu.png) no-repeat center center;background-size:cover;text-indent:-99999px;margin-left: 15px;}

.tbl_default {width:100%;margin-top:10px;}
.tbl_default thead th {height:30px;line-height:30px;background:#959595;color:#fff;text-align:center;}
.tbl_default tbody td {padding:7px 0;height: 43px; background:#fff;color:#666;text-align:center;border-bottom:1px solid #d9d9d9;}
.tbl_default tbody td:first-child {border-left:1px solid #d9d9d9;}
.tbl_default tbody td:last-child {border-right:1px solid #d9d9d9;}

.btn_shorcut {width:75px;height:30px;padding-right:4px;line-height:30px;text-align:center;color:#6c6d71;border:1px solid #ccc;background:url(../img/common/arrow_right.png) no-repeat 62px center;background-size:5px 9px;}
.snp_list_wrap {background: #fff;}
.snp_list_wrap .btn_01 { margin:0 10px;}

#wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}
#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/*
.swiper-pagination {padding-right:5px;}
.swiper-pagination-bullet {
    width:4px !important;
    height:4px !important;
    background: #fff !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px !important; 
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5px !important;}
.swiper-pagination-bullet {opacity: 0.4 !important;}
.swiper-pagination-bullet-active {background:#fee873 !important;opacity: 1 !important;}
*/
.input_reg {position: relative;}
.input_reg .btn-reg-camera{position: absolute;right:10px;bottom:10px;}
.input-type-1 {position:relative;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;margin-top:3px;background-color: #fff;}
.input-type-1 .title {padding: 10px 10px 5px;line-height:1;font-size:17px;}
.input-type-1 .txt {padding:0 10px 5px;color:#959595;}
.input-type-1 .input-textarea {padding:10px;}
.input-type-1 .input-textarea textarea{width:100%;padding:10px;font-size:14px;min-height: 100px; background: #fff;}
.input-text {position: relative;padding:10px;}
.input-text input{width:100%;height:40px;background: #fff;padding-right: 65px;}
.input-text button{    
    position: absolute;
    right: 17px;
    top: 17px;
    border: 1px solid #000;
    border-radius: 0;
    padding: 6px;
}

.tabButton {overflow:hidden;padding:10px 10px;background:#fff;}
.tabButton.tp02 {background:#efefef;}
.tabButton.btn2{position:relative;top:-1px;}
.tabButton.btn2 a{width:47%;float:left;margin-left:6%;}
.tabButton.btn2 a:first-child{margin-left:0;}
.tabButton.noBg{background:#fff;padding: 0;border: 0;}
.tabButton.bt{border-top:1px solid #d9d9d9;}
.tabButton .inner {margin-top: 5px;}
.tabButton .inner.btn2{position:relative;top:-1px;}
.tabButton .inner.btn2 a{width:49%;float:left;margin-left:2%;}
.tabButton .inner.btn2 a:first-child{margin-left:0;}

.btn_01 {display:block;background:#fff;height:40px;line-height:40px;border:1px solid #000;color:#fff;text-align:center;font-size:1.1em;letter-spacing: -1px;color:#000;}
.btn_01:hover{color:#000;}
.btn_02 {display:block;background:#000;height:40px;line-height:40px;color:#fff;text-align:center;font-size:1.1em;letter-spacing: -1px;}
.btn_02:hover{color:#fff;}
.btn_03 {display:block;background:#8dc63f;height:40px;line-height:40px;color:#fff;text-align:left;font-size:1.1em;padding-left:5px;letter-spacing: -1px;}
.btn_03:hover{color:#fff;}
.btn_04 {display:block;background:#f4f4f4;height:32px;line-height:32px;padding:0 5px;border:1px solid #d9d9d9;color:#363636;text-align:center;font-weight:bold;box-shadow:inset 0 0 1px rgba(255,255,255,0.5);}
.btn_04:hover{color:#363636;}
.btn_05 {display:block;width:100%;background:#fff;height:40px;line-height:40px;padding:0 5px;border:1px solid #d9d9d9;color:#363636;text-align:center;font-weight:bold;box-shadow:inset 0 0 1px rgba(255,255,255,0.5);}
.btn_05.arrow{background:#fff url(../img/common/arrow_right.png) no-repeat 95% center;}
.btn_05:hover{color:#363636;}
.btn_06 {display:block;background:#363636;height:40px;line-height:40px;border-bottom:2px solid #212121;color:#fff;text-align:center;letter-spacing: -1px;}
.btn_06:hover{color:#fff;}
.btn_07 {display:inline-block;background:#fff;height:26px;line-height:25px;padding:0 5px;border:1px solid #999;color:#000;text-align:center;box-shadow:inset 0 0 1px rgba(255,255,255,0.5);font-weight:bold;}
.btn_07:hover{color:#000;}
.btn_08 {display:inline-block;background:#959595;height:32px;line-height:32px;padding:0 5px;border:1px solid #7e7e7e;color:#fff;text-align:center;box-shadow:inset 0 0 1px rgba(255,255,255,0.5);}
.btn_08:hover{color:#fff;}
.btn_09 {display:block;background:#3cb878;height:40px;line-height:40px;border-bottom:2px solid #349663;color:#fff;text-align:center;font-size:1.1em;letter-spacing: -1px;}
.btn_09:hover{color:#fff;}
.btn_10 {display:block;background:#959595;line-height:27px;width:80px;padding:0px 5px 1px;color:#fff;text-align:center;font-size:14px;letter-spacing: -1px;border-radius: 0;}
.btn_10:hover{color:#fff;}
.btn_del {display:block;background:#f7f7f7;line-height:15px;width:40px;padding:0px 5px 1px;color:#000;text-align:center;font-size:12px;border:1px solid #c3c3c3;letter-spacing: -1px;border-radius: 0;}


.list-type-1 {position:relative;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;margin-top:3px;background-color: #fff;}
.list-type-1 .title {padding:10px;line-height:1;font-size:17px;border-bottom:1px solid #d4d4d4;}
.list-type-1 .ctrl-chk {padding:10px;line-height:1;font-size:13px;border-bottom:1px solid #d4d4d4;background-color: #f6f6f6;}
.list-type-1 .top-box {overflow:hidden;position: relative;padding:10px;}
.list-type-1 .top-box.favorite .img{width:100px;float:left;margin:0 15px 0 5px;}
.list-type-1 .top-box.favorite .nickname{font-size:20px}
.list-type-1 .top-box.favorite .txt-intro{font-size:15px;line-height: 1.3;margin-top: 10px;}
.list-type-1 .btn-noti-trans {position: absolute;left:10px;top:20px;}
.list-type-1 .thumb {width:110px;float:left;}
.list-type-1 .text-cnt {float:left;width:65%;margin-left: 2%;padding-left: 10px;}
.list-type-1 .text-cnt .link {color:#464646;font-weight: bold;}
.list-type-1 .text-cnt .tit1 {font-size:16px;line-height: 1.2;margin-top: 5px;letter-spacing: -1px;}
.list-type-1 .text-cnt .tit2 {font-size:13px;color:#555;}
.list-type-1 .text-cnt .tit3 {font-size:15px;margin-top:15px;color:#231815;}
.list-type-1 .text-cnt .tit3 img{float:left;width:45px;margin:0 5px 0 0;}
.list-type-1 .text-cnt .tit3 .id{display: block;}
.list-type-1 .text-cnt .tit3 .nick_one{display: block;padding-top:10px;}
.list-type-1 .text-cnt .tit3 .nick{display: block;}
.list-type-1.box {margin:15px 0 0;}
.list-type-1.box:first-child{margin-top:5px;}
.list-type-1.box .thumb {width:100px;}
.list-type-1.box .text-cnt {left:120px;}
.list-type-1.checkbox {margin-top:5px;}
.list-type-1.checkbox .top-box label {float:left;margin-top: 30px;}
.list-type-1.checkbox .top-box .text-cnt {width: 58%;}
.list-type-1 .text-desc {margin-top:5px;line-height:1.2;letter-spacing: -1px;font-size:12px;color: #555;}
.list-type-1 .list_price{font-size:15px;margin:5px 0;}
.list-type-1 .list_price .cancel{text-decoration: line-through;}
.list-type-1 .list_price .focus{color:#ed1c24;}
.list-type-1 .list_price .focus span{padding-right:15px;}

.list-type-2 {position:relative;min-height:65px;border-bottom:1px solid #d4d4d4;background-color: #fff;}
.list-type-2 .thumb{position: absolute;width: 58px;left: 5px;top: 5px;}
.list-type-2 .text-cnt {position:absolute;top:12px;text-align: center;width: 100%;font-size:17px;line-height: 1.2;}
.list-type-2 .user-icon{position: absolute;right:17px;top:5px;width:53px;}
.list-type-3 {position: relative;margin:0;}
.list-type-3 .title {padding:10px;line-height:1;font-size:17px;border:1px solid #d4d4d4;border-left:0;border-right:0;background: #fff;}
.list-type-3 .thumb {width:100px;}
.list-type-3 li {position: relative;padding:10px;border-bottom:1px solid #d4d4d4;margin-bottom:4px;background:#fff url(../img/common/ico_arrow_list.png) no-repeat 97% center;background-size:12px auto;}
.list-type-3 .list-cnt {position: absolute;left: 120px;top: 10px;width: 55%;}
.list-type-3 .text-title {font-size: 16px;line-height: 1.2;margin-top: 5px;}
.list-type-3 .text-desc {margin-top:8px;line-height:1.2;letter-spacing: -1px;font-size:14px;color: #555;} 
.list-type-3.no-arrow li{background-image: none;}

.control-btns {position: relative;background-color: #fff;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.control-btns ul{overflow: hidden;}
.control-btns>ul>li{position:relative;float:left;width:33%;font-size:13px;padding:10px 5px;text-align: center;}
.control-btns>ul>li:nth-child(1){width:60%;padding-left: 15px;}
.control-btns>ul>li:nth-child(2){width:20%}
.control-btns>ul>li:nth-child(3){width:20%}
.control-btns>ul>li.width_23p{width:23%;}
.control-btns>ul>li.width_77p{width:77%;}
.control-btns>ul>li.width_60p{width:60%;}
.control-btns>ul>li:first-child:after{display: none;}
.control-btns>ul>li>img{width:54px;}
.control-btns.no-slice ul li:after{content:none;}
.control-btns .wordcloud {display: inline-block;width: 50px;height: 20px;background: url(../img/common/bg_wordcloud.png) no-repeat;background-size: 50px 20px;font-size: 12px;text-indent: 13px;color: #252525;}
.control-btns .ico {display: inline-block;vertical-align: middle;}
.control-btns .ico.heart {width:24px;height:22px;background: url(../img/common/ico_heart.png) no-repeat;background-size: contain;}
.control-btns .ico.replyComment {width:30px;height:23px;background: url(../img/common/ico_reply_comment.png) no-repeat;background-size: contain;}
.control-btns .ico-text{color:#a0a0a0;margin-left: 5px;}
.control-btns .arrow.down {display: block;width:25px;height:25px;background: url(../img/common/ico_cb_arrow_up.png) no-repeat center;background-size: 25px auto;}
.list-type-1.box .control-btns>ul>li {text-align: left;padding:10px;}
.iconset ul{width:100%;}
.iconset li{float:left;width:33.3%;text-align: center;}
.iconset.t2 li{width:50%;border-left:1px solid #d4d4d4;}
.iconset.t2 li:first-child{border-left: 0;}
.iconset li.fl-r{float: right;width: auto;}
.iconset li span{position:relative;top:2px;padding-left:6px;color:#252525;}
.iconset li img {height:20px;width:auto;}
.nav-tabs {}
.nav-tabs > li {width:33%;text-align:center;}
.nav-tabs > li:first-child {width:34%;}
.nav-tabs.t2 > li {width:50%;}
.nav-tabs.t2 > li:first-child {width:50%;}
.nav-tabs > li a{border-radius: 0;border-bottom:1px solid #d5d5d5;font-size:15px;border-left:0 !important;margin-right: 0px;background:#fff;color:#969696;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color:#000;box-shadow: inset 0 -2px 0 #000;border:0;}
.nav-tabs > li:first-child a{}
.nav-tabs > li > a:hover,.nav > li > a:hover, .nav > li > a:focus{border-color:#d9d9d9;}
.nav-tabs.type2 > li.active > a, .nav-tabs.type2 > li.active > a:hover, .nav-tabs.type2 > li.active > a:focus{
    box-shadow:none;
}
.tab-inner{
    background-color: #fff;
    min-height: 200px;
}
.tab-desc {padding:13px 0 10px;text-align: center;font-size:16px;line-height: 1;}
.tab-content .tab-pane {padding:0;}
.product-wrap {margin-bottom: 12px;}
.product-wrap:first-child{border-top:0;}
.product-cnt {padding:5px 5px 10px;background-color: #fff;}
.product-cnt:after{content:'';display: block;clear: both;}
.product-cnt.no-bb{border-bottom:0;}
.product-cnt .text-cnt {position: relative;padding:5px 10px;}
.product-cnt .text-cnt .tit1{font-size:14px;color:#111;width:243px;letter-spacing: -1px;}
.product-cnt .text-cnt .tit2{font-size:13px;color:#555;}
.product-cnt .text-cnt .tit3{font-size:13px;margin-top: 20px}
.product-cnt .text-cnt .tit3 .tit {display:inline-block;color:#231815;min-width: 120px}
.product-cnt .text-cnt .text-prd {color:#7d7d7d;font-size:15px;color:#252525;font-weight: bold;}
.product-cnt .text-cnt .text-dis {color:#252525;font-size:15px;color:#ed1c24;font-weight: bold;}
.product-cnt .text-cnt .btn-sell {position: absolute;right: 10px;bottom: 4px;height: 40px;background-color: #fff;color: #000;font-size: 16px;width: 100px;border-color: #000;border-radius: 0;border-width: 1px;}
.product-cnt .widen {margin:0 -9px;}
.product-detail {margin:15px 0 0;background-color:#fff;}
.product-detail .text-tit{padding:10px 10px 0;font-size:16px;color:#000;word-break: break-all;}
.product-detail .text-desc{letter-spacing: -1px;padding:5px 10px 10px;font-size:12px;color:#555;word-break: break-all;}
.prd-wrap {padding-top:15px;padding-bottom: 15px;background: #fff;}
.prd-wrap .btn-product{width:92%;margin:0 auto;}
.text-price {margin-top:15px;overflow: hidden;padding:0 10px;font-size:15px;}
.text-price .left{float: left;}
.text-price .right{float: right;}
.text-price .txt-1 {color:#242424;}
.text-price .txt-2 {color:#000;}
.text-price .txt-3 {color:#eb1d27;font-size:1.3em;}
.text-price .txt-4 {color:#000;font-size:1.3em;}
.text-price .txt-4 .per{color:#eb1d27;font-size:14px;margin-right: 10px;}
.text-price .txt-4 em{color:#eb1d27;font-weight: bold;font-size:1.2em;}
.text-muted {color:#a0a0a0 !important;}
.text-benefit {width:95%;margin:15px auto 0;padding:10px;border-bottom:2px solid #ececec;border:1px solid #000;}
.text-benefit button{font-size:15px;padding:5px 20px 5px 0;outline: 0;}
.text-benefit button.down{width: 100%;text-align: left;background: url(../img/common/ico_circle_arrow_down.png) no-repeat 98% center;background-size: 16px auto;}
.text-benefit button.up{width: 100%;text-align: left;background: url(../img/common/ico_circle_arrow_up.png) no-repeat 98% center;background-size: 16px auto;}
.box-benefit {display:none;text-align: left;padding:10px 0;color:#707070;}
.box-benefit .btm{overflow: hidden;}
.box-benefit .left-text{float:left;color:#eb1d27;font-size: 15px;font-weight: bold;margin-top: 7px;}
.box-benefit .right-text{float:right;font-size:15px;}
.box-benefit .right-text span{font-size: 20px;color:#eb1d27;font-weight: bold;}
.box-benefit.active{display: block;}
.text-deliver {padding:15px 10px 15px;}
.text-deliver .top{overflow:hidden;width:100%;}
.text-deliver .txt-1{float:left;font-size:13px;color: #969696;}
.text-deliver .txt-1 span{color: #242424;font-size:15px;}
.text-deliver .txt-2{float:right;font-size:15px;color: #8b8b8b;font-weight: bold;}
.text-deliver .txt-3{margin-top:10px;color: #020202;}

.btn-enlarge-close {position: fixed;top:10px;right:10px;width:40px;height:40px;background: url(../img/common/btn-enlarge-close.png) no-repeat;background-size: contain;}
.btn-01 {display:block;background:#fff;height:36px;color:#000;text-align:center;font-size:1.2em;letter-spacing: -1px;border:1px solid #000;border-radius: 0;padding: 2px 0 5px;}
.btn-01:hover{color:#000;}
.btn-02 {display:block;background:#000;height:36px;color:#fff;text-align:center;font-size:1.2em;letter-spacing: -1px;border-radius: 0;padding: 2px 0 5px;}
.btn-02:hover{color:#fff;}
.btn-03 {display:block;background:#fff;height:30px;color:#000;text-align:center;font-size:1em;letter-spacing: -1px;border:1px solid #000;border-radius: 0;padding: 2px 10px 5px;}
.btn-03:hover{color:#000;}


.btn-set3 {padding:5px 10px 0;}
.btn-set3:after {content: "";display: block;clear: both;}
.btn-set3 .btn-01{float:left;width:37%;margin-right:1%;}
.btn-set3 .btn-02{float:left;width:62%;}
.btn-set3 .btn-01.right{float:right;margin-right: 0;}
.btn-set.t2 {text-align: center;padding: 15px 0;border-top:1px solid #d4d4d4;}
.btn-set.t2 button{width:45%;font-size:14px;}
.btn-set.t2 button:first-child{margin-right:2%;}
.btn-set.btn-center {padding:20px 0;border-top:1px solid #d4d4d4;}
.btn-set.btn-center .btn{display: block;width:84%;height:40px;margin:0 8%;}

.contentOpened_wrap {position: fixed;width:100%;bottom:0px;margin: 0;padding:0;  z-index: 9999;}
.contentOpened {position: absolute;width:100%;  height: 190px;bottom:-145px;background:#fff;margin: 0;padding:0;box-shadow:0 -2px 3px rgba(0,0,0,.2);transition: all .3s;border-top:1px solid #000;}
.contentOpened .innerScroll{height: 140px;overflow-y:auto;-webkit-overflow-scrolling: touch;}
.contentOpened.active{bottom:0;}
.contentOpened .tit {padding:10px 10px;color:#a1a1a1;}
.contentOpened .tit .arrowDown {float:right;display:inline-block;width:18px;height:18px;background:url(../img/common/icon_arrow_down.png) no-repeat 50% 50%;}
.contentOpened .line {position:relative;padding: 15px 10px;border-top:1px solid #d9d9d9;}
.contentOpened .pmInput {top: 9px;}
.contentOpened_wrap .btm_wrap {position:absolute;bottom:0;width:100%;z-index:10;background:#ebebeb;}
.contentOpened .btn_contentOpen {position:absolute;left:50%;top:-25px;margin-left:-50px;width:80px;height:25px;background:url(../img/common/btn_contentOpen_bg.png) no-repeat;background-size:100% 100%;transition: all linear .5s;}
.contentOpened .btn_contentOpen .arrow {position:absolute;left:50%;top:10px;margin-left:-5px;width:10px;height:7px;background:url(../img/common/btn_contentOpen_arrowUp.png) no-repeat;background-size:100% 100%;}
.contentOpened .btn_contentOpen .arrow.up {background:url(../img/common/btn_contentOpen_arrowUp.png) no-repeat;background-size:100% 100%;}
.contentOpened .btn_contentOpen .arrow.down {background:url(../img/common/btn_contentOpen_arrowDown.png) no-repeat;background-size:100% 100%;}
.contentOpened .total {border-top:1px solid #d9d9d9;padding:15px 0;text-align:right;color:#474747;}
.contentOpened .total .won {color:#40a537;font-size:18px;font-weight:bold;}

.forms {padding: 10px 10px 0;}
.forms .form-control{border-radius: 0;}
.btn-sel-close {width:30px;height:30px;background:url(../img/common/btn-sel-close.png) no-repeat center;background-size: contain;}
.select-box {position: relative;background-color: #ebebeb;border:1px solid #b2b2b2;padding:10px;margin:5px 0;}
.select-box .btn-sel-close{position: absolute;right:10px;top:10px;}
.option-wrap {position: relative;margin:10px 0 0;}
.option-wrap:after {content: "";display: block;clear: both;}
.option-wrap .pmInput {float: left;}
.option-wrap .won {float: right;margin-top:7px;font-size: 1.4em;}
.pmInput {}
.pmInput .btn {display:inline-block;width:30px;height:30px;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:50%;border-radius: 0; border:1px solid #b2b2b2;vertical-align:top;}
.pmInput input {position:relative;width:40px;height:30px;padding:0;background:#fff;text-align:center;margin: 0 -5px;border:1px solid #b2b2b2;border-radius: 0;}
.pmInput .btn.minus {background-image:url(../img/common/icon_minus.png)}
.pmInput .btn.plus {background-image:url(../img/common/icon_plus.png)}

.user-info {position: relative;padding-left: 50px;padding-top: 5px;}
.user-info:after{content:'';display: block;clear: both;}
.user-info .info-img{position: absolute;left:5px;top:10px;width:40px;}
.user-info .info-nickname {font-size:15px;}
.user-info .info-date {color:#7d7d7d;}
.user-info .info-hashtag {color:#7d7d7d;letter-spacing: -1px;}

.prod-info {position: relative;padding:15px 10px 15px 10px;border-bottom:1px solid #d5d5d5;background-color:#fff;}
.prod-info:after{content:'';display: block;clear: both;}
.prod-info .top{padding-left:70px;}
.prod-info .info-img{position: absolute;left:10px;top:15px;width:50px;}
.prod-info.reply .reply-arrow{position: absolute;left:25px;top:20px;width:32px;}
.prod-info.reply .info-img{left:65px;}
.prod-info.reply .top{padding-left:115px;}
.prod-info.reply .info-desc{padding-left:115px;}
.prod-info .info-title {font-size:15px;}
.prod-info .info-date {color:#7d7d7d;float:right;}
.prod-info .info-desc {padding-left:70px;color:#000;letter-spacing: -1px;}
.prod-info .textarea{border:1px solid #ccc;margin:10px 0 0;min-height: auto;}
.prod-info .btn-line{text-align: right;margin-top: 5px}
.prod-info .btn-register{background-color: #000;border-radius: 8px;color:#fff;font-size:15px;padding:4px 10px;}
.prod-info .btn-comment{background-color: #fff;border-radius: 0;color:#000;font-size:15px;padding:4px 10px;border:1px solid #000;}
.prod-info textarea {width:100%;margin-top: 10px;min-height: 80px;color: #a1a1a1;}
.prod-info .c-btn {text-align: right;margin-top:5px;}
.prod-info .c-btn button {background: #000;color:#fff;padding:2px 10px 5px;border-radius: 0;}
.prod-info .c-btn .b1 {background: #fff;border:1px solid #333;color:#000;}
.prod-input {position: relative;padding:20px 10px;padding-right: 58px;}
.prod-input input{border-radius: 0;border-right: 0;}
.prod-input button{position: absolute;right: 10px;top:20px;width:50px;padding:5px 0;border:2px solid #000;}
.product-desc {font-size:13px;padding: 10px;}
.product-media {margin:0 10px 0;}
.product-media .media-info {border:1px solid #ccc;border-top:0;padding: 10px;border-radius: 0 0 3px 3px;}
.product-media .media-info .title{font-size:1.1em;letter-spacing: -1px;}
.product-media .media-info .subtitle{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: -1px;
}
.product-media .media-info .url{color:#7d7d7d; }
.textarea{width:100%;border: 0;padding: 10px;min-height: 250px;margin-bottom: 15px;}
.textarea-more {position: relative;border-top:1px solid #dbdbdb;background-color: #ebebeb;padding: 25px 10px 10px;}
.textarea-more .button-top{position: absolute;left:50%;top:-20px;width:40px;height:20px;margin-left: -20px; border:1px solid #dbdbdb;border-bottom:0;background-color: #ebebeb;border-radius: 30px 30px 0 0;}
.textarea-more .button-top .btn-plus {position:absolute;left:50%;top:5px;margin-left:-15px;width:30px;}
.textarea-more ul li{position: relative;padding:10px;font-size:15px;background: #fff url(../img/common/ico_arrow_right.png) no-repeat right center;background-size:30px auto;margin-top:5px;border:1px solid #d4d4d4;padding-left: 50px;}
.textarea-more ul li:first-child{margin-top: 0;}
.textarea-more ul li img{position: absolute;left: 10px;top: 50%;margin-top: -13px;width: 24px;margin-right: 10px;}
.textarea-more ul li .num{float:right;margin-right:20px;color:#a5a4a4;}

.user-profile-top {position: relative;margin-top:3px;}
.user-profile-top .profile {position: absolute;left:50%;top:20px;margin-left:-45px;}
.user-profile-top .profile img{width:90px;border-radius: 100%;}
.user-profile-top .text-desc {position: absolute;bottom:20px;width:100%;padding:0 10px;text-align: center;color:#fff;font-size:17px;}
.user-profile-top .btn-modify {position: absolute;left:10px;bottom:10px;padding:3px 15px;border:1px solid #fff;border-radius: 7px;font-size:12px;color: #fff;}

.thumb-list {margin:0;border-top:1px solid #dddddd;background:#fff;margin-top:10px;}
.thumb-list .title{position:relative;overflow: hidden;height:45px;padding:0 10px;border-bottom:1px solid #e8e8e8;}
.thumb-list .title .txt {float:left;}
.thumb-list .title .txt .tit{display:inline-block;font-size:18px;padding-top:8px;}
.thumb-list .title .txt .tit-page{position: relative;top: -2px;display:inline-block;background-color: #ebebeb;border-radius: 50px;padding:3px 10px;color:#7d7d7d;font-size: 10px;line-height: 10px}
.thumb-list .title .txt .tit-page em{color:#111;}
.thumb-list .title .txt .sub{font-size:12px;color:#787777;}
.thumb-list .title .more {position:absolute;display:inline-block;top:50%;right:10px;color:#000;margin-top:-8px;width:55px;height:17px;font-size:15px;line-height:17px;padding-right: 10px;background: url(../img/common/ico_arrow_more_black.png) no-repeat right center;background-size:8px auto;}
.thumb-list .mp_img {line-height:0;}
.thumb-list li {float:left;width:32.3%;margin-left: 1.39%}
.thumb-list li:first-child{margin-left: 0;}
.thumb-list li .inbox .name{color:#000;text-align: center;padding: 0 0 3px;font-size: 12px;line-height: 1.2;margin-top: 5px}

.textarea-wrap {display: none;}
.login-desc {margin-top:30px;text-align: center;}
.login-desc .t1{font-size:16px;}
.login-desc .t2{font-size:10px;}

.login-btn-top{text-align: center;}
.login-btn-top button{width:300px;height:40px;margin-top:25px;}
.btn-login-kakaotalk{margin-top:37px !important;background:url(../img/common/btn_login_kakaotalk.png) no-repeat;background-size:cover;}
.btn-login-facebook{background:url(../img/common/btn_login_facebook.png) no-repeat;background-size:cover;}
.btn-login-naver{background:url(../img/common/btn_login_naver.png) no-repeat;background-size:cover;}
.login-text-or{margin-top: 40px;}
.login-btn-btm{text-align: center;}
.login-btn-btm button{width:300px;height:40px;}
.btn-login-email{margin-top:35px;background:url(../img/common/btn_login_email.png) no-repeat;background-size:cover;}
.btn-login-text{background: #3c3939;width:100%;height:45px;color:#fff;font-size: 0.9rem;}
.btn-login-tel{margin-top:13px;background:url(../img/common/btn_login_tel.png) no-repeat;background-size:cover;}
.form-login {display:none;margin-top:15px;}
.form-login input{width:300px;height:38px;border:1px solid #dadada;background: #fff;border-radius:0;}
.form-login input[type=password]{margin-top:-1px;border-top-right-radius: 0;border-top-left-radius: 0;}
.btn-newaccount {display: block;width: 100%;padding: 12px;}
.btn-noaccount {display: block;width: 100%;padding: 12px;}
.login-reg {position: fixed;bottom: 0;width: 100%;}
.login-reg .account {overflow: hidden;}
.login-reg .account button{float:left;width:50%;border-radius: 0;}
.login-reg .find {overflow: hidden;}
.login-reg .find button{float:left;width:50%;border-radius: 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.login-reg .find button:first-child{border-right:1px solid #ddd;}
.login-reg .find .btn {padding: 12px;}
.login-find-set {float:left; width:100%; text-align: center;padding: 22px 0; border-top: 1px solid #707070;}
.login-find-set a {display:inline-block;padding: 0 10px;border-left: 1px solid #e0e0e0;line-height: 1;height: 17px;font-size: .9rem;color:#000;}
.login-find-set a:first-child{border-left: 0;}
.login-other {float:left; width:100%; margin-top: 20px; text-align: center; line-height: 20px;}
.login-other div{float:left; width: 45%; border: 1px solid #707070; padding:9px;}
.login-other div:LAST-CHILD{float:right;}
.login-other a {display:inline-block;height:25px;font-size:.9rem;padding-left: 25px;line-height: 25px;letter-spacing: -1px;}
.login-other .naver{background: url(../img/login/ico_login_naver.png) no-repeat left center;background-size: 18px;}
.login-other .kakao{background: url(../img/login/ico_login_kakao.png) no-repeat left center;background-size: 20px;color:#000;}


.search-wrap{position: relative;background: #fff;padding: 5px;margin-top:5px;}
.search-wrap input{width:100%;background: #fff;}
.search-wrap .btn-search{position: absolute;right:13px;top:8px;}

.popup {position: relative;left:0;top:0;width:100%;height:100%;padding-bottom: 20px;background: #fff;z-index: 999;}
.popup .header{height: 55px;border-bottom:1px solid #f3f3f3;}
.popup .header h1{line-height: 55px;text-align: center;font-size:20px;}
.popup .header .btn-popup-close:hover,
.popup .header .btn-popup-close {position: absolute;right:13px;top:50%;margin-top: -12px;}
.pop_wrap {position: absolute;left: 0;top:0;bottom: 0;right: 0;background: rgba(0,0,0,.5);z-index: 9999}
.pop_wrap .pop_box{position: fixed;top:250px;left:10%;width:80%;height:200px;background: #fff;z-index:10000;}
.pop_wrap .btn_pop_close {position: absolute;right:10px;top:10px;}
.pop_wrap .pop_box .img {text-align: center;margin-top:30px;}
.pop_wrap .pop_box .desc {text-align: center;margin:5px 10px 10px;font-size: 14px;}
.pop_wrap .pop_box .img img {width:60px;}
.pop_wrap.type2 {background:transparent;}
.pop_box_list{display:none;position: absolute;top:-151px;width:100%;left:0;height:150px;background:#fff;z-index: 9999;}
.pop_box_list:after {content: ""; position: absolute;bottom:-6px;left:24px;width:7px;height:6px;background: url(../img/common/box_arrow_down.png) no-repeat center;background-size: cover;}
.pop_box_list.active {display: block;}
.pop_box_list_bg {display: none;position: absolute;left:0;top:0;bottom:0;right:0;background: rgba(0,0,0,.4);z-index: 999;}
.pop_box_list_bg.active {display: block;}

.cb-pop-ctrl li{padding-left:16px;height: 50px;padding-top:12px;border-top:1px solid #ccc;}
.cb-pop-ctrl input[type=checkbox]:not(old) + label {position:relative;height:23px;background: url(../img/common/checks_02.png) no-repeat 0 0;background-size: 23px auto;font-size:16px;font-weight: normal;}
.cb-pop-ctrl input[type=checkbox]:not(old):checked + label {background-position: 0 -23px;}
.cb-pop-ctrl input[type=checkbox]:not(old) + label .t1 {position: absolute;left:30px;top:-9px;width:200px;}
.cb-pop-ctrl input[type=checkbox]:not(old) + label .t2 {position: absolute;left:30px;top:9px;width:200px;font-size:13px;color:#555;}
.share-items {width:90%;margin: 0 auto;padding-bottom: 35px;}
.share-items:after{content:"";display: block;clear: both;}
.share-items li {float:left;width:25%;text-align: center;font-size:15px;margin-bottom:20px;}
.share-items .ico {width:48px;height:48px;margin:0 auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.share-items .ico.facebook{background-image: url(../img/common/ico-pop-facebook.png)}
.share-items .ico.twitter{background-image: url(../img/common/ico-pop-twitter.png)}
.share-items .ico.google{background-image: url(../img/common/ico-pop-google.png)}
.share-items .ico.band{background-image: url(../img/common/ico-pop-band.png)}
.share-items .ico.kakaotalk{background-image: url(../img/common/ico-pop-kakaotalk.png)}
.share-items .ico.instagram{background-image: url(../img/common/ico-pop-instagram.png)}
.share-items .ico.kakaostory{background-image: url(../img/common/ico-pop-kakaostory.png)}
.share-items .ico.pocket{background-image: url(../img/common/ico-pop-pocket.png)}
.share-items .ico.mail{background-image: url(../img/common/ico-pop-mail.png)}
.share-items .name {margin-top: 5px;font-size:13px;}
.share-user {text-align: center;padding:36px 0;}
.share-user .user{width:85px;}
.share-user .nickname {display:block;padding:5px 0 3px;}
.share-user .desc {color:#707070;}
.popup.share .form-control {width:85%;margin:10px auto 0;border:1px solid #bcbcbc;border-radius:0;}
.popup.share .btn-product {display: block; width:85%;margin:7px auto 0;padding:9px 12px;}

.user-nickname  {padding:8px 12px;background-color: #fff;font-size:15px;}
.user-nickname img{width:40px;margin-right: 5px;}
.info-savedmoney {padding:15px;background:#627081 url(../img/common/img_savedmoney.png) no-repeat 20px center;background-size: 60px auto;}
.info-savedmoney .desc {color: #fff;font-size: 12px;margin-left:23%;background:url(../img/common/desc_bg_line.png) repeat-y left top;padding-left: 10px;background-size:1px auto;}
.select-date {background-color: #fff;text-align: center;padding:30px 0;}
.select-date .btn-line .btn {margin:0 5px;padding:4px 10px;}
.select-date .btn-line .btn:hover {background-color: #ebebeb;}
.select-date .period {padding-top: 20px;}
.select-date .period input {padding-left: 0; width:35%;background-color: #fff;border-radius: 0;margin:0 5px;text-align: center;}
.select-date .control {padding-top: 20px;}
.select-date .control label{margin:0 5px;}
.select-date .control input[type=radio] {display: none;}
.select-date .btns {margin-top:20px;}
.select-date .btns .btn-inquiry {width:165px}
.info-detail {position:relative;border-top:1px solid #dadada;margin-top: 10px;background-color: #fff;}
.info-detail .line-top {overflow: hidden;color:#627081;}
.info-detail .line-top .name{float: right;color:#000;}
.info-detail .line-top .btn{float:right;padding: 0;}
.info-detail .line-mid {position: relative;padding-top: 10px;}
.info-detail .line-mid p{font-size: 14px;}
.info-detail .line-mid .name {position: absolute;right:0;top:10px;}
.info-detail .line-btm {padding-top:10px;font-size:14px;}
.info-detail .line-btm .prd-name {float:left;display:inline-block;width:40%;}
.info-detail .line-btm .amount {float:left;display:inline-block;width:30%;text-align: center;}
.info-detail .line-btm .t1 {color:#555555}
.info-detail .line-btm .t1,
.info-detail .line-btm .t2 {overflow: hidden;margin-bottom: 10px;}
.info-detail .line-btm .money {float: right;}
.info-detail .line-btm .fnt16{font-size:16px;}
.info-detail .detail-set {border-bottom: 1px solid #e5e5e5;padding:15px 15px 30px;}
.info-detail .detail-title {border-bottom: 1px solid #e5e5e5;padding:0 0 15px;color:#000;font-size:16px;}
.total-savedmoney {padding:10px;background:url(../img/common/bg_total_savedmoney.jpg);background-size:cover;text-align: center;color:#fff;font-size:16px;}
.input-coupon {background-color: #fff;padding:10px 10px;border-bottom:1px solid #d4d4d4;}
.input-coupon .input-text input {border-radius: 5px;}
.input-coupon .input-text button{right: 5px;top:5px;height: 40px;width:50px;color:#ebebeb;background-color: #627081;border: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.sb-inner-wrap{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
/* menu header */
.sb-menu-header{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    background-color: #ebebeb;
    color: #fff;
    padding: 0 16px 0 20px;
    height:61px;
}
.sb-menu-header .user-name {display: inline-block;padding: 6px 13px;border:1px solid #fff;border-radius: 40px;}
.sb-menu-header .sign {}
.sb-menu-header .signin {display: inline-block;padding: 6px 13px;border:1px solid #fff;border-radius: 40px;}
.sb-menu-header .join {display: inline-block;padding: 6px 13px;border:1px solid #fff;border-radius: 40px;}
.btn-sbmenu-home {position: absolute;left:18px;top:17px;width:28px;height:26px;background: url(../img/common/ico_menu_home.png) no-repeat center;background-size: 27px auto;}
.btn-sbmenu-alert {position: absolute;left:65px;top:17px;width:28px;height:26px;background: url(../img/common/ico_menu_alert.png) no-repeat center;background-size: 27px auto;}
.btn-sbmenu-setting {position: absolute;left:109px;top:17px;width:28px;height:26px;background: url(../img/common/ico_menu_setting.png) no-repeat center;background-size: 27px auto;}
.btn-sbmenu-close {position: absolute;right:15px;top:15px;width:32px;height:32px;background: url(../img/common/ico_close.png) no-repeat center;background-size: 20px auto;}
.sb-menu-header .user-profile{
    position: relative;
    margin-top: 23px;
}
.sb-menu-header .user-profile img{width:56px;}
.sb-menu-header .user-profile .nick{position: absolute;left:65px;top:5px; color:#c0c0c0;font-size:14px;}
.sb-menu-header .user-profile .nick-ko{position: absolute;left:65px;top:25px;font-size:16px;}
.sb-menu-header .user-profile .msg{position: absolute;left:65px;top:15px;font-size:16px;}
.sb-menu-header .user-profile .btn-sbmenu-setting{
    position: absolute;right: 0;top:10px;width:32px;height:32px;background: url(../img/common/ico_sbmenu_setting.png) no-repeat center;background-size: 25px auto;
}
.btn-smenu {display: inline-block;min-width:110px;padding: 6px 13px;margin-right:12px;border:1px solid #fff;border-radius: 20px;}
.btn-smenu:hover{color:#fff;}
.sb-menu-txt{color:#afb8d1;margin-top:15px;font-size:14px;} 
.sb-menu-sns {margin-top:25px;}
.btn-smenu-sns {display: inline-block;width:36px;height:36px;margin-right:10px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.btn-smenu-sns.sms{background-image:url(../img/common/ico_smenu_sms.png)}
.btn-smenu-sns.facebook{background-image:url(../img/common/ico_smenu_facebook.png)}
.btn-smenu-sns.naver{background-image:url(../img/common/ico_smenu_naver.png)}

.sb-menu-body {background-color: #fff;}
.aside-menu {
    text-align: center;
    padding:60px 0;
}
.aside-menu li {display: inline-block;text-align: center;margin-left: 50px;font-size: .9rem;margin: 0 5% 15px;}
.aside-menu li:after {content: "";display: block;clear: both;}
.aside-menu .ico{display: inline-block;width:64px;height:64px;background-color:#e8e8e8;background-repeat: no-repeat;background-position: center;border-radius: 100px;}
.aside-menu .ico.m01 {background-image: url(../img/common/ico_aside_m01.png);background-size: 31px auto;background-color: #b98bd7;}
.aside-menu .ico.m02 {background-image: url(../img/common/ico_aside_m02.png);background-size: 33px auto;background-color: #72cfa3;}
.aside-menu .ico.m03 {background-image: url(../img/common/ico_aside_m03.png);background-size: 35px auto;background-color: #b98bd7;}
.aside-menu .ico.m04 {background-image: url(../img/common/ico_aside_m04.png);background-size: 30px auto;background-color: #72cfa3;}
.aside-menu .ico.m05 {background-image: url(../img/common/ico_aside_m05.png);background-size: 24px auto;background-color: #7bb3d9;}
.aside-menu .ico.m06 {background-image: url(../img/common/ico_aside_m06.png);background-size: 29px auto;background-color: #f19cbf;}
.aside-menu .ico.m07 {background-image: url(../img/common/ico_aside_m07.png);background-size: 31px auto;background-color: #f09760;}
.aside-menu .ico.m08 {background-image: url(../img/common/ico_aside_m08.png);background-size: 35px auto;background-color: #eecb30;}
.aside-menu .ico.m08 {background-image: url(../img/common/ico_aside_m08.png);background-size: 35px auto;background-color: #eecb30;}
.aside-menu .ico.m09 {background-image: url(../img/common/ico_aside_m09.png);background-size: 35px auto;background-color: #C8DB39;}
.aside-menu .ico.blank {background-image: url(../img/common/ico_aside_m09.png);background-size: 35px auto;background-color: #fff;}
.aside-home{text-align: center; padding: 15px; font-size:19px; background-color: #f0f0f0;}
.aside-home li{}
.aside-home li div{background-color: #fff; line-height: 45px; border: 1px solid #cfcfcf;}
.aside-info{text-align: center; padding: 50px;}
.aside-info .info1{font-size:17px;}
.aside-info .info2{font-size:25px; padding: 5px}
.aside-list {border-top:1px solid #e5e5e5;}
.aside-list li {}
.aside-list li a {display:block;padding: 12px 0 12px 30px;border-bottom:1px solid #e5e5e5;font-size: .9rem;background: url(../img/common/arrow_aside_next.png) no-repeat 90% center;background-size: 10px auto;color:#000;}
.aside-btm-btn {padding:15px 0;text-align: center;}
.aside-btm-btn a {
    display: inline-block;
    width:28%;
    height: 38px;
    line-height: 38px;
    background:#4d4a49;
    color:#fff;
    margin: 0 0 0 1%;
    font-size: .9rem;
    font-weight: 100;
}
.aside-btm-btn button:first-child{
    margin-left: 0;
}
.aside-btm-email {
    position: relative;
    padding: 7px 23px 25px;color:#ccc;}
.aside-btm-email a {color:#ccc;}
.aside-btm-email img{
    width:20px;
    vertical-align: middle;
    margin-right: 6px;
}
.aside-btm-email .ico-sns {
    position: absolute;
    top:0;
    width:35px;
    height:35px;
}
.aside-btm-email .ico-sns.naver {
    background: url(../img/common/ico_aside_naver.png) no-repeat center;
    background-size: cover;
    right:61px
}
.aside-btm-email .ico-sns.y {
    background: url(../img/common/ico_aside_y.png) no-repeat center;
    background-size: cover;
    right:17px;
}
.agreement {padding:25px 20px;}
.agreement .tit1 {font-size:16px;color:#3d3137;}
.agreement .section{color:#7d7d7d;line-height: 1.7;font-size:13px;}
.agreement .section .tit2{margin-top:35px;}
.agreement .section .tit2:first-child{margin-top:5px;}

.member {background-color: #fff;}
.member .tit{padding: 30px 0;text-align: center;font-size: 16px;}
.member table{font-size:14px;}
.member td{padding: 10px 0;}
.member td:first-child{padding-left: 20px;}
.member input {width:90%;background-color: #fff;border-radius: 0;padding:10px 10px;}
.member .email {width:41.5%;}
.member .tel {width:27.4%;}
.member .text-desc{padding:0 10px 0 0;margin-top:-10px;color: #959595;}
.member-agree {margin-top:10px;background-color: #fff;padding: 25px 0 0 25px;}
.member-agree li{position: relative;padding: 5px 0;}
.member-agree li .arrow{position: absolute;right:25px;top:50%;margin-top:-8px;display: inline-block;width:8px;height:15px;background:url(../img/common/arrow_member.jpg) no-repeat center;background-size: 8px auto;}
.member-agree label{font-size:15px;font-weight: normal;color: #3d3137;}
.member-agree .btn-inquiry{width:93%;margin:20px auto;padding: 9px 0;}

.top_control {height:40px;border-top:1px solid #eaeaea;border-bottom:1px solid #d9d9d9;}
.top_control .goBack{
    display:inline-block;
    height:40px;line-height:40px;padding-left:30px;margin-left:10px;
    background:url(../img/common/ico_goBackArrow.png) no-repeat 10px center;
    background-size:14px auto;
    color:#231f20;
}

.modal.nomem .modal-dialog {
    margin:0;
    border:0;
    border-radius: 0;
    height: 100%;
    color:#fff;
}
.modal.nomem .modal-content {
    padding:35px 20px;
    border-radius: 0;
    background: rgba(0,0,0,.95);
    height: 100%;
}
.modal.nomem .modal-backdrop {
    display: none;
}
.modal.nomem .modal-header {
    padding: 0;
    border: 0;
}
.modal.nomem .modal-title {
    line-height: 1;
}
.modal.nomem .modal-body{
    padding: 20px 0;
}
.modal.nomem .text-01{
    color: #fff799;
}
.modal.nomem .text-nor{
    color: #a6a6a6;
    margin-top:20px;
}
.modal.nomem .modal-footer {position: absolute;bottom: 0;left:0;width:100%;padding: 20px;text-align: center;border-top: 0;}
.modal.nomem .close {width:20px;height:20px;background: url(../img/common/btn-close-white.png) no-repeat;background-size:contain;opacity: 1;}
.btn.btn-modal-confirm {padding: 3px 0 7px;border:1px solid #fff;width:100%;color:#fff;border-radius: 0;}

.btn_pop_close {display:block;width:20px;height:20px;border-radius: 0;background: url(../img/common/ico_pop_close.png) no-repeat center;background-size: cover;}
.cb-prd-none {text-align: center;padding:35px 0;color:#959595;}
.cb-prd-none img{width:50px;opacity: .2;}
.cb-prd-none .t1 {font-size:1.5em;margin-top: 10px;}
.cb-prd-none .t2 {font-size:.9em;margin-top: 15px;}


.fix-bottom {position: fixed;bottom:0;left:0;width:100%;}
.mjoin {
/*     margin:60px 0 0; */
    padding: 22px 24px;
}
.m_mobile_time{padding:5px 0 0 8px; font-weight: bold; font-size:12px; text-align: left;}
.mjoin .tit {font-size: .9rem;}
.mjoin input{
    width:100%;
    height:30px;
    background: none;
    border:0;
    border-bottom:1px solid #ccc;
    padding-right: 25px;
    color:#000;
}    
.mjoin select{
    width:100%;
    height:30px;
    background: none;
    border:0;
    border-bottom:1px solid #ccc;
    padding-right: 25px;
    color:#000;
    padding: 4px 0 5px;
    border: 1px solid #d9d9d9;
    padding-left: 8px;
    font-size: 14px !important;
    font-weight: normal !important;
    vertical-align: middle;
}    

.mjoin .ipts {
    position: relative;
    margin-top: 23px;
}
.mjoin .ipts:first-child{margin-top: 0;}
.mjoin .chk{position:absolute;right:0;top:3px;display: inline-block;width: 23px;height:23px;background: url(../img/common/ico_chk_off.png) no-repeat center;background-size: cover;}
.mjoin .chk.on {
    background-image: url(../img/common/ico_chk_on.png);
}
.mjoin .cert {
    position: absolute;
    right:0;
    bottom:0;
    width:60px;
    height: 30px;
    background: #3c3939;
    color:#fff;
    font-size:12px;
}
.mjoin .btn-set {
    margin-top: 23px;
}
.mjoin .btn-set.double button{
    width:48%;
    height:33px;
    line-height: 33px;
    color: #fff;
    font-size: .9rem;
}
.mjoin .btn-set button:hover    {
    background:#6cbb5a;
}
.mjoin .btn-set button{
    background:#3c3939;
    background-size: 12px auto;
}

.mjoin .btn-set .woman{
    float: right;
    background:#3c3939;
    background-size: 12px auto;
}
.mjoin .btn-set .man i {
    position: relative;
    top:1px;
    margin-right: 5px;
    display: inline-block;
    width:15px;
    height:15px;
    background:url(../img/common/ico_mjoin_man.png) no-repeat 30% center;
    background-size: 15px auto;
    background-size: contain;
}
.mjoin .btn-set .woman i {
    position: relative;
    top:2px;
    margin-right: 5px;
    display: inline-block;
    width:15px;
    height:15px;
    background:url(../img/common/ico_mjoin_woman.png) no-repeat 30% center;
    background-size: contain;
}
.mjoin .sel {margin-top: 23px;}
.mjoin .sel select{width:100%;background: #fff;border:1px solid #ebebeb; font-size:14px; padding-left:8px}
.mjoin .warning {margin-top: 23px;}
.mjoin .warning li{
    text-indent: -7px;
    color:#797979;
    margin-bottom: 20px;
}
.mjoin .warning li:before {
    content: "-";
}
.mjoin .warning .tit{
    color:#000;
}
.mjoin .warning li.tit:before {
    content: "";
}
.mjoin .warning li.tit {
    margin-bottom: 0;
}


.mjoin .agree_div{width: 100%; margin:20px 0; padding:15px; font-size:3.6vmin; line-height: 5vmin; background: #F1F9FF;}
.mjoin .agree_div .agree_msg{width: 100%; font-weight: bold; padding-bottom: 10px;}
.mjoin .agree_div .agree_box{width: 100%; padding:15px 0px; font-size:4vmin; line-height: 6vmin;}
.mjoin .agree_div .agree_box:LAST-CHILD{padding: 0px;}
.mjoin .agree_div .agree_box .arrow_guide{float: right; font-size: 3vmin; margin-right: -20px; font-weight: 100; padding: 1.5vmin 20px;}
.mjoin .agree_div .all_msg{width: 100%; border-bottom: 1px solid #dfdfdf; padding-bottom: 15px;}


.point_now {margin: 0;padding:38px 0 45px;text-align: center;}
.txt_01 {font-size:1rem;}
.pnt_num {font-size: 2.5rem;}
.pnt_num .no {font-weight: 900;}
.txt_02 {font-size: 1rem; text-decoration: underline;margin-top: 15px;}
.txt_03 {font-size: 1rem;color:#acacac;margin-top: 5px;}
.point_history {background: #f7f7f7;padding:15px 0 55px;;font-size: 1rem;}
.point_history .info {padding: 0 15px 15px;}
.point_history .days {margin-top: 15px;}
.point_history .days span {display: inline-block;padding:2px 10px 3px;background: #fff;border:1px solid #3c3939;border-radius: 50px;font-size: .8rem;min-width: 47px;text-align: center;}
.point_history .days span:hover,
.point_history .days span.on {background: #3c3939;color:#fff;}
.point_history .txt_sm {font-size: .9rem;margin-top: 12px;}
.pnt_lists {
    border-top:1px solid #e7e7e7;
}
.pnt_lists li {
    position: relative;
    height:92px;
    padding-left: 15px;
    border-bottom:1px solid #e7e7e7;
}
.pnt_lists li .tit {
    padding-top: 30px;
}
.pnt_lists li .date {
    margin-top: 5px;
    color:#acacac;
    line-height: 1;
    font-size: .8rem;
}
.pnt_lists li .num {
    position: absolute;
    top:28px;
    right:10px;
    font-size: 1.2rem;
    color:#6cbb5a;
    text-align: right;
}
.pnt_lists li .num span {
    font-weight: 900;
}
.pnt_lists li .save {
    position: absolute;
    top:51px;
    right:12px;
    font-size: .7rem;
    text-align: right;
}
.point_history .btn_btm,
.container_wrap .btn_btm
{
    position:fixed;
    display: block;
    text-align: center;
    line-height: 55px;
    left:0;
    bottom: 0;
    width:100%;
    height:55px;
    background: #6cbb5a;
    color:#fff;
    font-size: 1rem;
}
.btn_btm_wrap {
    position:fixed;
    left:0;
    bottom: 0;
    width:100%;
    height:55px;
    color:#fff;
    font-size: 1rem;
}
.btn_btm_wrap a {
    width:100%;
    height:55px;
}
.btn_btm_wrap a.kakao {
    float:left;
    background: #ffe800 url(../img/common/ico_btn_kakao.png) no-repeat center;
    background-size: 35px auto;
}
.btn_btm_wrap a.email {
    float:right;
    background: #9084f6 /*url(../img/common/ico_btn_email.png) no-repeat center*/;
    background-size: 33px auto;
    color:#fff;
    text-align: center;
    font-size:24px;
    padding-top:14px;
}

.prd_view {position: relative;padding:25px 15px 25px;}
.prd_view:after {content:"";display: block;clear: both;}
.prd_view .img {width:78px;height:78px;border:1px solid #e7e7e7;}
.prd_view .right {float: right;width:70%;font-size:1rem;}
.prd_view .right .corp{}


.prd_view .right .product {font-size: 1.2rem;margin-top: 5px;line-height: 1;}
.prd_view .right .time {font-size: .8rem;color:#c5c5c5;margin-top: 10px;}

.prd_ipt_wrap {background: #f7f7f7;}
.tbl_prd_ipt {width:100%;border-top:1px solid #e7e7e7;font-size: 1rem;}
.tbl_prd_ipt tr {height:60px;border-bottom:1px solid #e7e7e7;}
.tbl_prd_ipt .tit {vertical-align: top; padding:21px 0 0 15px;}
.tbl_prd_ipt .cnt {padding:16px 15px 16px 0;}
.tbl_prd_ipt .ipt-set {position: relative;}
.tbl_prd_ipt input {width:100%;height:30px;background: #fff;color:#111;}
.tbl_prd_ipt input::-webkit-input-placeholder {color: #c5c5c5;}
.tbl_prd_ipt .ipt-set button {position: absolute;right:0;top:0;width:60px;height:30px;background: #3c3939;color:#fff;font-size: .8rem;}
.tbl_prd_ipt select {width:100%;height:30px; background: #fff; /*margin-bottom: 10px;*/}

.payment .date{
    height:38px;
    line-height: 40px;
    padding-left:15px;
    background: #f7f7f7;
    border-bottom:1px solid #e7e7e7;
}
.payment .cnt{
    padding:20px 15px;
    border-bottom:1px solid #e7e7e7;
}
.payment .cnt:after{content: "";display: block;clear: both;}
.payment .winner {
    float:left;
}
.payment .winner .number {
    font-size: 1rem;
    margin-top: 8px;
}
.payment .complete {
    float:right;
    text-align: right;
    color:#6cbb5a;
}
.payment .complete .won{
    font-size: 1.1rem;
    margin-top: 5px;
}
.payment .complete .won span{
    font-weight: bold;
}

.notice .panel-default > .panel-heading {
    background: #fff;
    border:0;
    border-bottom:1px solid #f0f0f0;
}
.notice .panel-body {
    padding: 20px 15px;
    border:0;
    background: #f7f7f7;
    font-size: .8rem;
    line-height: 1.3;
    border-bottom: 1px solid #f0f0f0;
}
.notice .panel-collapse{
    width:100%;
}
.notice.panel-group {margin-bottom: 0;}
.panel-group .panel {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
.notice .panel-heading{
    padding: 15px 45px 15px 15px;
    position: relative;
}
.notice .panel-heading:after {
    /* symbol for "opening" panels */
    content: "";
    position: absolute;
    right:23px;
    top:50%;
    margin-top: -5px;
    width:19px;
    height:10px;
    background:url(../img/common/ico_arrow_up.png) no-repeat;
    background-size: cover;
}
.notice .panel-heading.collapsed:after {
    background-image:url(../img/common/ico_arrow_down.png);
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-top: 0;}
.notice .panel-title .date {
    font-size: .8rem;
    color:#898989;
    margin-top: 8px;
}
.wrap_pad {
    padding: 15px;
    background-color: #f6f6f6;
}
.prizemoney li {
    position: relative;
    margin-top: 8px;
    padding: 24px 15px 58px;
    background: url(../img/common/bg_prizemoney.png) no-repeat;
    background-size: 100% 100%;
}
.prizemoney li:after {
    content: "";
    display: block;
    clear: both;
    margin-top: 0;
}
.prizemoney li .img {width:60px;height:50px;border:1px solid #e7e7e7;}
.prizemoney li .right {float: right;width:calc(100% - 70px);font-size:1rem;}
.prizemoney li .right .corp {font-size: .8rem;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;}
.prizemoney li .right .product {font-size: 1rem;margin-top: 5px;line-height: 1.3}
.prizemoney li .right .product .name {display: inline-block;max-width: 75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align: middle}
.prizemoney li .right .product .price{display: inline-block;width:auto;vertical-align: middle}
.prizemoney li .right .desc {font-size: .7rem;color:#3c3939;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.prizemoney li .control {
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:45px;
    background: url(../img/common/bg_prizemoney_horz.png) repeat-x left top;
    background-size: 5px auto;
    background-color: #fcfcfc;
}
.prizemoney li .control a {
    float: left;
    width:50%;
    height:45px;
    text-align: center;
    line-height: 45px;
    font-size: 1rem;
}
.prizemoney li .control .btn1 {
    background: url(../img/common/bg_prizemoney_vert.png) repeat-y right top;
    background-size: auto 5px;
}
.prizemoney li .status {
    display: inline-block;
    position: absolute;
    right:22px;
    top:1px;
    width:50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: .6rem;
    color:#fff;
}
.prizemoney li .status.type1 {
    background-color: #2151bd;
}
.prizemoney li .status.type2 {
    background-color: #818080;
}
.prizemoney li .status.type3 {
    background-color: #6cbb5a;
}
.prizemoney li .giver {
    display: inline-block;
    position: absolute;
    left:15px;
    top:1px;
    width:240px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    font-size: .6rem;
    color:#818080;
    font-weight: bold;
}


.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  width:77%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-footer {
    text-align: center;
}
.modal-header {
    border-bottom: 0;
}
.modal-footer {
    border-top: 0;
}

.simple .modal-dialog .modal-body {
    padding: 11px 15px 30px 15px;
    color:#000;
    font-size: .9rem;
    line-height: 1.6;
}
.simple .modal-dialog .btn-default {
    width: 40%;
    height: 33px;
    /*border-color: #b3b3b3;*/
    background-color: #b3b3b3;
    color: #fff;
    border : 0 !important;
    text-align: center;
}
.simple .modal-dialog .btn-default:NTH-CHILD(2) {
    background-color:#6cbb5a;
}
.simple .modal-dialog .modal-footer {
    padding-top: 0;
}
.modal-header .close {
    opacity: 1;
}
.modal-close {
    display: inline-block;
    width:15px;
    height:15px;
    background: url(../img/common/ico_modal_close.png) no-repeat center;
    background-size: cover;
}
.modal-footer.triple .btn-default {
    width:30%;
}
.modal-backdrop.in {
    opacity: .7;
}
.slide {
  width: 100%;
  padding-bottom:   12px;
  display: block;
  overflow: hidden;
}

.modal-lp01 {background: url(../img/common/bg_lp_01.png) no-repeat;background-size:cover;}
.modal-lp01 .modal-body{height:360px;text-align: center;box-shadow:none;}
.modal-lp02 {background: url(../img/common/img_fail.png) no-repeat center;background-size:contain;box-shadow: none;border:0;}
.modal-lp02 .modal-body{width:155px;height:155px;text-align: center;padding: 0;margin: 0 auto;}
.modal-lp01 .coupon {
    width:165px;
    height:228px;
    margin: 30px auto 0;
    padding-top: 75px;
    background: url(../img/common/bg_img_coupon.png) no-repeat;
    background-size: contain;
}
.modal-lp01 .coupon p{
    font-size:20px;
    color:#000;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 17px 0;
}
.modal-lp01 .coupon .value{
    font-size: 11px;
    margin-top: 10px
}
.modal-lp02 .btn-close {
    position: absolute;
    right:  -10px;
    top: -40px;
    width: 85px;
    height:95px;
    background: url(../img/common/btn_fail_close.png) no-repeat;
    background-size: cover;
}
.modal-lp03 {background: url(../img/common/bg_lp_03.png) no-repeat;background-size:cover;}
.modal-lp03 .modal-body{height:420px;text-align: center;color:#fff;}
.lp_txt_tit_01 {color:#fff;font-size: 1.5rem;line-height: 1.2;}
.lp_txt_tit_02 {color:#fff;font-size: .8rem;line-height: 1.2;margin-top: 10px;}
.lp_txt_tit_04 {color:#252525;font-size: 2rem;line-height: 1.2;}
.lp_txt_tit_04 .num {font-size: 2.3rem;}
.lp_txt_tit_05 {color:#ffd515;font-size: 2.1rem;line-height: 1.2;font-weight: 900;}
.mypage_list li {border-bottom:1px solid #e5e5e5;}
.mypage_list li a{display: block;font-size:1rem;color:#000;padding:15px 38px;background: url(../img/common/arrow_aside_next.png) no-repeat 95% center;background-size: 10px auto;}


.m_layer-page { 
    /* display:none; */
    position:absolute; 
    width:100%; 
    height:100%;
    left:0; 
    top:0; 
    z-index:5;
    background:#fff;
    
    -webkit-transition:-webkit-transform ease .4s;
    -moz-transition:-moz-transform ease .4s;
    -ms-transition:-ms-transform ease .4s;
    transition:transform ease .4s;
    
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
}
.m_layer-page.active { 
    animation: fadeIn .8s;
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    transform:translateX(0%); 
}

.m_layer-page2 { 
    /* display:none; */
    position:absolute; 
    width:100%; 
    height:100%;
    left:0; 
    top:0; 
    z-index:5;
    background:#fff;
    
    -webkit-transition:-webkit-transform ease .4s;
    -moz-transition:-moz-transform ease .4s;
    -ms-transition:-ms-transform ease .4s;
    transition:transform ease .4s;
    
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
}
.m_layer-page2.active { 
    animation: fadeIn 1.5s;   
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%);     
}

#Progress {
     position: absolute; top:0%; left:0%; background: #000; opacity: 0.8;      
     width:100%; height:100%; margin: 0px 0 0 0px;
}

.login-toggle{position: fixed; width: 250px; height:190px; top: 60px; left: 0; right: 0; background: #fff; box-shadow: 0px 0px 10px #000; z-index: 110; /*font-size:3.5vmin*/ font-size: 15px; display: none;}
#menu_close{margin-top:-20px !important;}
.login-toggle .menu_ul{width: 100%; height:100%; overflow-y:scroll}
.login-toggle .menu_ul .home_menu{width: 100%; padding: 10px 20px; border-bottom: 1px solid #666; padding-bottom: 20px; /*font-weight: bold;*/}
.login-toggle .menu_ul .home_menu div{width: 100%; padding:10px 0 0 0;}
.login-toggle .menu_ul .home_menu div:NTH-CHILD(2){width: 100%; text-align: center; padding:5px 0 10px 0;}
.login-toggle .menu_ul .menu_li{width: 100%; padding-bottom: 20px; padding: 10px 20px;}
.login-toggle .menu_ul .menu_li div{width: 100%; /*font-weight: bold;*/}
.login-toggle .menu_ul li ul li{width: 100%; padding: 5px 0px 5px 20px; font-size:14px; /*font-size: 3.5vmin;*/}
.login-toggle .menu_ul li ul li:FIRST-CHILD{padding-top:10px;}
.login-toggle .menu_ul li ul li a{color:#333}
.login-toggle .menu_ul ul li :active{background-color: #f9c090;}
.login-toggle .menu_ul li ul li:active{background-color: #F1F9FF;}

.login_logo{width: 100%; padding:70px 0 0 0; text-align: center;}
.login_logo img{width: 200px;}

.btn-default {width: 110px; height: 35px; background-color:#6cbb5a; color: #fff; border : 0 !important; text-align: center; border-radius: 5px;}


/* header */

.main_header{position: fixed; top:0; width: 100%; z-index: 10; height: 50px; /*border-bottom: 1px solid #ccc;*/ background-color: #6cbb5a;}
.main_header .menu{width: 15%; float: left; display: inline-block; position: absolute; z-index: 1}
.main_header .menu img{width: 50px; height: 50px; }
.main_header .menu_back{width: 15%; float: left; display: inline-block; position: absolute; z-index: 1}
.main_header .menu_back img{width: 40px; height: 40px; margin: 5px 0 0 0px;}
.main_header .menu_title{width: 70%; left:15%; right:15%; height: 50px; color:#fff; position: absolute; text-align: center; font-weight: bolder; font-family: 'Jal_Onuel'; font-size: 21.4px; padding: 9px 0 0 0px;}
.main_header .menu_title_size{font-size:5.5vmin;}
.main_header .alarm{width: 15%; float: right; display: inline-block; z-index: 10; margin-top:10px}
.main_header .alarm img{width: 35px; height: 35px; }
.main_header .menu_sub{width: 50px; height: 50px; float: right; font-weight: bold; padding-top:16px;}
.main_header .menu_sub a{color:#fff;}
.main_header .menu_confirm{width: 15%; float: right; display: inline-block; z-index: 10}
.main_header .menu_confirm img{width: 40px; height: 40px; margin: 5px 0 0 0px;}


/* footer*/
.main_footer{position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; height: 70px; /*padding: 10px;*/ background: #B4B4B4; color:#fff; font-size:2.5vmin; line-height: 5vmin; z-index:130;}
.main_footer .ft_btn{width: 20%; display: inline-block; float: left;}
.main_footer .ft_btn img{width:20px; height: 20px;}

.contents .btn_btm {position: fixed; display: block; text-align: center; line-height: 55px; left: 0; bottom: 0; width: 100%;  height: 55px;  background: #6cbb5a; color: #fff; font-size: 1rem;}


/*
.modal-dialog .modal-header-fixed{position: fixed; width: 100%; z-index: 1000; border-radius: 5px; background: #fff;}
.modal-dialog .modal-body-fixed{overflow: auto; padding-top: 60px; width: 100%; background: #fff; height: 600px}
*/
.modal-body-div{padding:10px 0px}
.modal-body-div input{width: 100%; color: #000;}
.modal-body-div .cert {right:0;bottom:0;width:60px;height: 33px;background: #3c3939;color:#fff;font-size:12px;}
.modal-body-div .err_msg{text-align: left; padding-top:5px; color:red; font-size:3.1vmin;}



/*
.modal-body .case{width: 100%; padding: 0 5px 5px 5px; }
.modal-body .case div{display: inline-block;}
.modal-body .case div:FIRST-CHILD{width:10px; position: absolute;}
.modal-body .case div:NTH-CHILD(2){width:calc(100% - 10px); margin-left:10px;}
*/
.modal-body .case{width: 100%;  }
.modal-body textarea{width: 100%; min-height: 100px; padding:10px;}
.modal-body .blank{font-size: 3vmin; color:red; display: none;}

.modal-body .visit{width: 100%;}
.modal-body .visit .div1{position:absolute; width: 23%;  display: inline-block;}
.modal-body .visit .div2{position:absolute; width: 20px; margin-left:23%;  display: inline-block;}
.modal-body .visit .div3{width: calc(100% - 20px - 23%);  margin-left:calc(20px + 23%); text-align: left;}


.modal-body .desc1{padding-top:20px;}
.modal-body .desc2{text-align:center; margin-top:20px; padding:15px; border:1px solid #ccc}




.contents{width:100%; padding : 60px 0; padding-bottom: 55px;/* font-size: 4vw; padding:15px;*/}

/* Siren Send */
.contents .siren_send{width: 100%; text-align: justify; font-size:3.4vmin; line-height: 5vmin;}
.contents .siren_send .title{width: 100%; text-align: center; font-size:7vmin; line-height: 10vmin; font-weight: bold; color:#7F7F7F; padding:25px 0 35px 0;}
.contents .siren_send .title2{width: 100%; text-align: center;  font-size:5vmin; font-weight: bold;}
.contents .siren_send .sub{width: 100%; text-align:center; padding: 0px 50px; font-size: 3.8vmin; line-height: 5vmin; color:#272727}
.contents .siren_send .sub2{width: 100%; color:rgba(127, 127, 127, 1); padding: 0px 50px; }
.contents .siren_send .sub3{width: 100%; font-size:5.1vmin; padding: 0px 50px; }
.contents .siren_send .qr_img{width: 170px; height:170px; padding:10px; margin:0 auto; border: 5px solid #FFB900; margin-bottom: 25px;}
.contents .siren_send .qr_img img{width:140px !important;}
.contents .siren_send .check{width: 100%; text-align: center; font-size: 3vmin; color:#B4B4B4;}


.siren_check{width: 100%; padding: 0 15px 20px 14px; font-size: 3.8vmin; background: #F1F9FF; color: #040056 !important;}
.siren_check .check_title{width: 100%; text-align: center; padding: 20px 0px 35px 0px; font-size: 5vmin; line-height: 5.1vmin; color:rgba(127, 127, 127, 1); font-weight: bold;}
.siren_check div{width: 100%;}
.siren_check div label{width: 100%;}
.siren_check div label div{display: inline-block; padding-bottom: 15px;}
.siren_check div label div:FIRST-CHILD{position:absolute;}
.siren_check div label div:NTH-CHILD(2){width: calc(100% - 30px - 5vmin); margin-left:5vmin;}
.siren_check div label div:NTH-CHILD(3){position:absolute; width: 30px; text-align: right;}

/* siren send fotter*/
.contents .send_footer{width: 100%; height:12vmin; color: #fff; font-size:4.6vmin; text-align: center; position: fixed; bottom: 55px;}
.contents .send_footer .save1{float:left; width: 50%; height:100%; background:#85C142; padding-top:3.5vmin}
.contents .send_footer .save2{width: 50%; height:100%; background:rgba(127, 196, 253, 1); display: inline-block; padding-top:3.5vmin}


/* Siren Send Modal */
.siren_modal .siren_modal_title{font-size:5.1vmin; font-weight: bold; line-height: 9vmin; color:#85C142; padding-bottom: 25px; text-align: center;}
.siren_modal .siren_modal_sub{font-size:0.9rem; line-height: 5vmin; padding: 0 24px; padding-bottom: 25px; color:#000000}
.siren_modal .siren_modal_sub2{font-size:0.9rem; line-height: 5vmin; padding: 0 24px; color:#000000}
.siren_modal .siren_modal_sub2 .siren_info{width: 100%;}
.siren_modal .siren_modal_sub2 .siren_info div{display: inline-block; }
.siren_modal .siren_modal_sub2 .siren_info div:FIRST-CHILD{position:absolute; width: 12px;}
.siren_modal .siren_modal_sub2 .siren_info div:NTH-CHILD(2){margin-left:12px; width: calc(100% - 15px); }



/* Siren Send */
.contents .siren_toggle{width: 100%; text-align: center; font-weight:bold; font-size: 4.3vmin; line-height: 5vmin; color: #000000; padding: 15px 0; padding-bottom: 10px;}
.contents .siren_toggle div{width: 49%; display: inline-block;}
.contents .siren_toggle .active{text-decoration: underline; text-underline-position: under;}
.contents .siren_send .send_box{width:100%; height:160px; background: #85C142; color:#fff; font-weight: bold; border:10px solid #F1F9FF; border-bottom: 0px; text-align: center; font-size: 5.1vmin; line-height: 8vmin; margin-bottom: 10px;}
.contents .siren_send .send_box .plus{width:100%; font-weight:normal; font-size: 22vmin; padding-top: 60px; padding-bottom: 15px;}
.contents .siren_send .siren_list{width: 100%; padding:10px; line-height: 5vmin; }
.contents .siren_send .siren_list .empty{width: 100%; text-align:center; padding:80px 0; font-size:4vmin; line-height: 5vmin; color: #aaa9ff;}
.contents .siren_send .siren_list .siren_box{width: 100%; background: #fff; padding:15px 20px; margin-bottom: 20px; font-size: 3.6vmin; line-height: 5vmin; color: #000000;}
.contents .siren_send .siren_list .siren_box .siren{width: 100%; padding-bottom: 10px;}
.contents .siren_send .siren_list .siren_box .siren .box_title{position:absolute; width:18vmin; font-size: 3.6vmin; font-weight: bold; display: inline-block;}
.contents .siren_send .siren_list .siren_box .siren .box_sub{width:calc(100% - 20vmin); margin-left:18vmin; font-size: 3.4vmin; display: inline-block;}
.contents .siren_send .siren_list .siren_box .cancel{float:right; color: #85C142; font-weight: bold; font-size: 3.6vmin; padding:15px; margin:-10px; line-height: 0vmin}


/* Memo List */
.contents .siren_send .memo_list{width: 100%; padding:10px; font-size:3.6vmin; line-height: 5vmin; color: #000000;}
.contents .siren_send .memo_list .empty{width: 100%; text-align:center; padding:80px 0; font-size:4vmin; line-height: 5vmin; color: #aaa9ff;}
.contents .siren_send .memo_list .memo{width: 100%; padding:15px; background: #fff; margin-bottom: 10px;}
.contents .siren_send .memo_list .memo .basic_info{width: 100%; padding-bottom: 10px;}
.contents .siren_send .memo_list .memo .basic_info .place{width: calc(100% - 36vmin); display: inline-block;}
.contents .siren_send .memo_list .memo .basic_info .place .pName{font-size:4.1vmin; font-weight: bold; padding-bottom: 10px;}
.contents .siren_send .memo_list .memo .basic_info .place_sub{width: 35vmin; display: inline-block; text-align: right; line-height: 4vmin; font-size:3.4vmin; position: absolute;}
.contents .siren_send .memo_list .memo .basic_info .place_sub .datetime{padding-bottom: 5px;}
.contents .siren_send .memo_list .memo .basic_info .place_sub .pSub1{ padding-bottom: 5px;}
.contents .siren_send .memo_list .memo .basic_info .gpsAddr{font-size:3.4vmin; line-height: 4vmin;}
.contents .siren_send .memo_list .memo .etc_info{width: 100%; }
.contents .siren_send .memo_list .memo .etc_info .etcText{width: 100%; font-size:3.4vmin; line-height: 5vmin; background: #B5DFFF; color:#2A2E43; margin-bottom: 5px; min-height: 25vmin; border-radius: 5px; padding: 10px;}
.contents .siren_send .memo_list .memo .etc_sub{width: 100%; } 
.contents .siren_send .memo_list .memo .etc_sub div{width: 40%; font-size:3.4vmin; display: inline-block;} 
.contents .siren_send .memo_list .memo .etc_sub div:FIRST-CHILD{width: 60%; color:#070707;} 
.contents .siren_send .memo_list .memo .etc_sub div:NTH-CHILD(2){text-align: right; color:#272727;} 
/* .contents .siren_send .memo_list .memo .etc_sub div:NTH-CHILD(3){font-weight:bold; font-size:3.6vmin; color:#85C142; text-align: right;}  */
.contents .siren_send .memo_list .basic_info2{width: 100%; font-size:3.4vmin; line-height: 5vmin; background: #7FC4FD; color:#2A2E43; min-height: 35vmin; border-radius: 5px; padding: 15px;}
.contents .siren_send .memo_list .basic_info2 .siren_date{width: 100%; text-align:center; font-weight:bold; padding-bottom: 15px;}
.contents .siren_send .memo_list .basic_info2 .siren_con{width: 100%; padding: 0px 5px;}

/* Memo Detail */
.contents .memo_detail{width: 100%; background: #fff; border:10px solid #F1F9FF; padding: 15px; font-size:3.4vmin; line-height: 5vmin; color:#070707;}
.contents .memo_detail .memo_box{width: 100%;}
.contents .memo_detail .memo_box .pName{width: 100%; text-align: center; padding: 15px; font-weight: bold; font-size: 4.5vmin; color:#000000;}
.contents .memo_detail .memo_box .pDetail{width: 100%; padding-bottom: 20px;}
.contents .memo_detail .memo_box .pDetail .pInfo{width: 100%;}
.contents .memo_detail .memo_box .pDetail .pInfo div{display: inline-block; padding-bottom: 5px;}
.contents .memo_detail .memo_box .pDetail .pInfo div:FIRST-CHILD{width: 18vmin; position: absolute;}
.contents .memo_detail .memo_box .pDetail .pInfo div:NTH-CHILD(2){width: calc(100% - 20vmin); margin-left:18vmin}
.contents .memo_detail .memo_box .pEtcText{width: 100%; padding: 25px 0; color:#2A2E43; background: #B5DFFF; border-radius: 5px; min-height: 25vmin; padding: 10px;}

.contents .memo_detail .alarm_box{width: 100%; padding:0 10px; padding-top:60px; font-size: 4.1vmin; font-weight: bold; line-height: 5vmin; }
.contents .memo_detail .alarm_box .alarm_title{width: 100%; color: #85C142; padding:0 10px; padding-bottom: 5px;}
.contents .memo_detail .alarm_box .alarm_list{width: 100%; font-weight: normal; font-size: 3.6vmin; line-height: 4vmin; padding:0 10px;}
.contents .memo_detail .alarm_box .alarm_list .alarm{width: 100%; background: #7FC4FD; border-radius: 6px; padding: 15px; color: #F1F9FF; margin-bottom: 15px;}
.contents .memo_detail .alarm_box .alarm_list .alarm:LAST-CHILD{margin-bottom: 0px;}
.contents .memo_detail .alarm_box .alarm_list .alarm .datetime{padding-top: 25px;}
.contents .alarm_notice{width: 100%; margin-top:25px; color:#fff; background: #85C142; text-align: center; padding: 10px; font-size:3.8vmin; line-height: 5vmin;}

/*
.contents .siren_send .siren_list .siren{width: 100%; border:1px solid #ccc;}
.contents .siren_send .siren_list .siren:not(LAST-CHILD){margin-bottom: 10px;}
.contents .siren_send .siren_list .siren .info{width: 70%; padding:10px; font-size:3.5vw; display: inline-block;}
.contents .siren_send .siren_list .siren .info .datetime{width: 100%; text-align: center;}
.contents .siren_send .siren_list .siren .info .case{width: 100%; padding-top:10px;}
.contents .siren_send .siren_list .siren .info .case .text{width: 20%; float: left;}
.contents .siren_send .siren_list .siren .info .case .reason{width: 80%; display: inline-block; font-size: 4vw; font-weight: bold; min-height: 11vw;}
.contents .siren_send .siren_list .siren .send{width: 30%; float: right; padding:10px; }
.contents .siren_send .siren_list .siren .send button{width: 100%; font-size: 3.4vw;}
.contents .siren_send .siren_list .siren .send button:FIRST-CHILD{margin-bottom: 10px; color: #fff; background: #b3b3b3;}
.contents .siren_send .siren_list .siren .send2{width: 30%; float: right; padding:18vw 0; text-align: center; color: #666; font-size: 4vw; font-weight: bold;}

.contents .siren_send .visit_list{width: 100%; padding:10px}
.contents .siren_send .visit_list .empty_list{text-align: center; font-size: 4vw; padding-top: 50px;}
.contents .siren_send .visit_list .visit{width: 100%; border:1px solid #ccc;}
.contents .siren_send .visit_list .visit:not(LAST-CHILD){margin-bottom: 10px;}
.contents .siren_send .visit_list .visit .info{width: 80%; padding:10px; font-size:3.5vw; display: inline-block; border-right: 1px solid #ccc;}
.contents .siren_send .visit_list .visit .info .name{width: 100%; font-size: 4vw; font-weight: bold;}
.contents .siren_send .visit_list .visit .info .detail{width: 100%; font-size: 4vw;}
.contents .siren_send .visit_list .visit .info .datetime{width: 100%; text-align: right;}
.contents .siren_send .visit_list .visit .notice{width: 20%; height: 100%; float: right; padding:10px; text-align: center; display: table; }
.contents .siren_send .visit_list .visit .notice div{display: table-cell; vertical-align: middle; line-height: 5vw; font-size: 3.8vw;}
*/

/* Home */
.index_contents{width:100%; padding-top:40px; padding-bottom: 40px;}

.index_contents .index{width: 100%; padding: 30px; padding-top:40px; text-align: center;}
.index_contents .index .index_img_div{text-align:center; width: 200px; padding-bottom:30px}
.index_contents .index .index_btn_div{padding-bottom:20px}
.index_contents .index .index_btn_div button{width: 120px; /*font-weight: bold;*/ letter-spacing: 1px;}

/* myPage */
.myPage_contents{width: 100%; padding:20px;}
.myPage_contents .major_btn{width:100%; text-align: center; padding:20px 0px; }
.myPage_contents .major_btn div{display: inline-block;}
.myPage_contents .major_btn div:NTH-CHILD(2){margin:0 10px;}
.myPage_contents .major_btn .btn{font-size: 15.6px; text-align: center; border-radius: 15px}

.myPage_contents .contents_box{width:100%; background:#fff; margin-bottom: 15px; color:#272727; line-height: 22px; border-radius: 3px}
.myPage_contents .contents_box .con_title{width:100%; border-bottom: 0.5px solid #707070; padding: 12px 13px 7px 5px; /*padding: 12px 13px 7px 13px*/}
.myPage_contents .contents_box .con_title div:FIRST-CHILD{/*font-weight: bold;*/ font-size:15.6px;/*font-size: 3.8vmin;*/ display: inline-block;}
.myPage_contents .contents_box .con_title div:NTH-CHILD(2){float: right; text-align: right; font-size:14px;/*font-size: 3.4vmin;*/ color:#7F7F7F;}
.myPage_contents .contents_box .cont_list {width:100%; text-align: center; padding: 10px 5px;}
.myPage_contents .contents_box .cont_list .empty_list{width:100%; height:200px; text-align: center; padding-top:80px; font-size:14px;/*font-size:3.4vmin;*/}
.myPage_contents .contents_box .cont_list .con{padding-top:10px; border-bottom: 1px solid #dfdfdf;}
.myPage_contents .contents_box .cont_list .con div{width:78%; display: inline-block; color:#333; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14.8px;/*font-size: 3.6vmin;*/}
.myPage_contents .contents_box .cont_list .con:FIRST-CHILD{padding-top:0px;}
.myPage_contents .contents_box .cont_list .con div:NTH-CHILD(2){width:20%; text-align: right; font-size:11.4px;/*font-size: 2.8vmin;*/ color:rgba(127, 127, 127, 1);}
.myPage_contents .contents_box .cont_list .con div:NTH-CHILD(2) button{width: 15vmin; height: 22px; background-color: #FFB900; color: #fff; border: 0 !important; text-align: center; border-radius: 5px;}

.myPage_contents .contents_box .cont_list2 {width:100%; text-align: center; padding: 10px 5px;}
.myPage_contents .contents_box .cont_list2 .empty_list{width:100%; height:200px; text-align: center; padding-top:80px; font-size:14px;/*font-size:3.4vmin;*/}
.myPage_contents .contents_box .cont_list2 .con{padding-top:10px; border-bottom: 1px solid #dfdfdf;}
.myPage_contents .contents_box .cont_list2 .con div{width:58%; display: inline-block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14.8px;/*font-size: 3.6vmin;*/}
.myPage_contents .contents_box .cont_list2 .con:FIRST-CHILD{padding-top:0px;}
.myPage_contents .contents_box .cont_list2 .con div:NTH-CHILD(2){width:20%; text-align: center; font-size:11.5px;/*font-size: 2.8vmin;*/ color:rgba(127, 127, 127, 1);}
.myPage_contents .contents_box .cont_list2 .con div:NTH-CHILD(3){width:20%; text-align: right; font-size:11.5px;/*font-size: 2.8vmin;*/ color:rgba(127, 127, 127, 1);}
.myPage_contents .contents_box .cont_list2 .con div:NTH-CHILD(3) button{width: 15vmin; height: 22px; background-color: #FFB900; color: #fff; border: 0 !important; text-align: center; border-radius: 5px;}

.myPage_contents .contents_box .cont_list3 {width:100%; text-align: center; padding: 10px 15px;}
.myPage_contents .contents_box .cont_list3 .empty_list{width:100%; height:200px; text-align: center; padding-top:80px; font-size:14px;/*font-size:3.4vmin;*/}
.myPage_contents .contents_box .cont_list3 .con {width:49%; display: inline-block; text-align: center; }
.myPage_contents .contents_box .cont_list3 .con img{width: 100px; }
.myPage_contents .contents_box .cont_list3 .con button{padding:0 10px; height: 22px; background-color: #85C142; color: #fff; border: 0 !important; text-align: center; border-radius: 5px;}

.myPage_contents .contents_box .cont_list4 {width:100%; text-align: center; padding: 10px 0px;}
.myPage_contents .contents_box .cont_list4 .empty_list{width:100%; height:200px; text-align: center; padding-top:80px; font-size:14px;/*font-size:3.4vmin;*/}
.myPage_contents .contents_box .cont_list4 .con{padding-top:10px; border-bottom: 1px solid #dfdfdf; color:rgba(80, 80, 80, 1);}
.myPage_contents .contents_box .cont_list4 .con div{width:23%; display: inline-block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:13px;/*font-size: 3.6vmin;*/}
.myPage_contents .contents_box .cont_list4 .con:FIRST-CHILD{padding-top:0px; color:#000;}
.myPage_contents .contents_box .cont_list4 .con div:NTH-CHILD(2){width:37.2%; /*font-size:11.5px; font-size: 2.8vmin; color:rgba(127, 127, 127, 1);*/}
.myPage_contents .contents_box .cont_list4 .con div:NTH-CHILD(3){width:37.2%; /*font-size:11.5px; font-size: 2.8vmin; color:rgba(127, 127, 127, 1);*/}

.myPage_contents .contents_box .cont_list5 {width:100%; text-align: center; padding: 10px 0px;}
.myPage_contents .contents_box .cont_list5 .empty_list{width:100%; height:200px; text-align: center; padding-top:80px; font-size:14px;/*font-size:3.4vmin;*/}
.myPage_contents .contents_box .cont_list5 .con{padding-top:10px; border-bottom: 1px solid #dfdfdf; color:rgba(80, 80, 80, 1);}
.myPage_contents .contents_box .cont_list5 .con div{width:12%; display: inline-block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:13px;/*font-size: 3.6vmin;*/}
.myPage_contents .contents_box .cont_list5 .con:FIRST-CHILD{padding-top:0px; color:#000;}
.myPage_contents .contents_box .cont_list5 .con div:NTH-CHILD(2){width:25%; /*font-size:11.5px; font-size: 2.8vmin; color:rgba(127, 127, 127, 1);*/}
.myPage_contents .contents_box .cont_list5 .con div:NTH-CHILD(3){width:43%; /*font-size:11.5px; font-size: 2.8vmin; color:rgba(127, 127, 127, 1);*/}
.myPage_contents .contents_box .cont_list5 .con div:NTH-CHILD(4){width:19%; font-size:11.5px; /*font-size: 2.8vmin; color:rgba(127, 127, 127, 1);*/}

.myPage_contents .select_month{width: 100%; text-align: center; height: 50px; background: #fff; padding-top:20px; margin-bottom:20px; font-size:16.5px;}
.myPage_contents .select_month .pre{width: 10%; float: left; padding: 7px;}
.myPage_contents .select_month .pre img{width: 15px; height: 15px;}
.myPage_contents .select_month .date{width: 78%; display:inline-block; color: #2f5597; padding-top: 7px; }
.myPage_contents .select_month .next{width: 10%; display:inline-block; padding: 7px;}
.myPage_contents .select_month .next img{width: 15px; height: 15px;}


/* meditation */
.meditation_contents{width: 100%;}
.meditation_contents .video{width: 100%; background: #fff;}
.meditation_contents .video .btn.play {
    background: url(../img/common/ico_btn_play.png) no-repeat;
    background-size: contain;
}
.meditation_contents .video .btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 58px;
    height: 62px;
    margin: 25px 0 0 -31px;
}
.meditation_contents .video_status{
    background: #2f5597;
    color: #fff;
    padding: 9px 15px;
    font-weight: 100;
 	margin-top:-4px;
}
.meditation_contents .video_status .win{float:right; padding-top:2px;}

.meditation_contents .meditationList{width:100%; background: #f9f9f9; /*padding-bottom: 70px*/}
.meditation_contents .meditationList .control_box{width: 100%; padding:15px 15px 10px 15px; font-size: 14px; position: fixed; background: #f9f9f9}
.meditation_contents .meditationList .control_box .paly_box{float: right; color:#2f5597;}
.meditation_contents .meditationList .control_box .paly_box span{font-size:25px; padding:7px; }
.meditation_contents .meditationList .empty_list{width:100%; padding-top: 70px; text-align: center; font-size: 14px;}
/* .meditation_contents .meditationList .control_box .paly_box span:FIRST-CHILD{padding-right:5px} */
/* .meditation_contents .meditationList .control_box .paly_box span:NTH-CHILD(2){padding-left:5px; padding-right: 0px} */
.meditation_contents .meditationList .meditation{width: 100%; height: 70px; display: inline-block; border-bottom: 1px solid #ccc; padding:10px 15px}
.meditation_contents .meditationList .meditation .check_div{/*position:relative; top:-10px;*/ width: 30px; display: inline-block;}
.meditation_contents .meditationList .meditation .img_div{/*position:relative; top:-13px;*/width: 50px; height:50px; display: inline-block;}
.meditation_contents .meditationList .meditation .img_div img{width: 100%; margin-top:-25px;}
.meditation_contents .meditationList .meditation .cont_div{width:calc(100% - 90px); display: inline-block; line-height: 20px; }
.meditation_contents .meditationList .meditation .cont_div .title{width: 100%; padding-top:7px; padding-left:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; /*font-weight: bold;*/}
.meditation_contents .meditationList .meditation .cont_div .sub{padding-left:10px; color:#7F7F7F}
.meditation_contents .meditationList .meditation .cont_div2{width:calc(100% - 140px); display: inline-block; line-height: 20px; }
.meditation_contents .meditationList .meditation .cont_div2 .title{width: 100%; padding-top:7px; padding-left:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; /*font-weight: bold;*/}
.meditation_contents .meditationList .meditation .cont_div2 .sub{padding-left:10px; color:#7F7F7F}
.meditation_contents .meditationList .meditation .etc_div{width:50px; display: inline-block; line-height: 20px;}
.meditation_contents .meditationList .meditation .etc_div a{vertical-align: 7px; font-size: 25px; padding:10px;}



.playList{width: 100%; height: 70px; display:inline-block; /*background: linear-gradient(-90deg, #fff, #000);*/background: #2f5597;}
.playList .img_div{width:70px; display:inline-block; float:left;}
.playList .img_div img{width:100%}
.playList .other_div{width:calc(100% - 70px); float:left;}
.playList .other_div .info_div{width:100%; height: 35px; line-height: 15px; display:inline-block;  text-align: left; padding-left: 10px; padding-top:9px}
.playList .other_div .info_div div:FIRST-CHILD{/*font-weight: bold;*/ font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top:1px;}
.playList .other_div .info_div div:NTH-CHILD(2){}
.playList .other_div .control_div{width:100%; height: 35px; display:inline-block; font-size:25px; color:#fff; text-align: center; margin-top:-5px}
.playList .other_div .control_div .repeatBtn{position: absolute; top: 0; right: 0}
.playList .other_div .control_div span{padding:10px 9px}

/* .playList .other_div .control_div span:NTH-CHILD(1){padding-right:5px;} */
/* .playList .other_div .control_div span:NTH-CHILD(2){padding-right:5px; padding-left: 5px} */
/* .playList .other_div .control_div span:NTH-CHILD(3){padding-left: 5px} */



/* 메인 플레이리스트 */
#main_playList {width: 100%;}
#main_playList .main_playList{width: 100%;}
#main_playList .main_playList .list{width: 100%; height: 70px; display: inline-block; border-bottom: 1px solid #ccc; padding:10px 15px}

#main_playList .main_playList .list .check_div{/*position:relative; top:-10px;*/ width: 30px; display: inline-block;}

#main_playList .main_playList .list .img_div{width: 50px; height:50px; display: inline-block;}
#main_playList .main_playList .list .img_div img{width: 100%; margin-top:-25px;}
#main_playList .main_playList .list .cont_div{width:calc(100% - 130px); display: inline-block; line-height: 20px; }
#main_playList .main_playList .list .cont_div .play_title{width: 100%; padding-top:7px; padding-left:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; /*font-weight: bold;*/}
#main_playList .main_playList .list .cont_div .play_sub{padding-left:10px; color:#7F7F7F}
#main_playList .main_playList .list .play_etc_div{width:50px; height: 50%; display: inline-block; line-height: 20px; text-align: right; }
#main_playList .main_playList .list .play_etc_div img{width: 50%; margin-top:-25px}


#main_playList .main_playList .list .active{color:#2f5597 !important;}




/* 게시판 */
.contents .board_list {width: 100%;}
.contents .board_list .board{width: 100%; padding:15px 25px; border-bottom:1px solid #D9D9D9;}
.contents .board_list .board .title{width: 100%; /*font-weight: bold;*/ font-size:18.9px; line-height: 27px; /*font-size: 4.6vmin; line-height: 6.5vmin;*/ padding-bottom: 10px; color:#000000}
.contents .board_list .board .title div{width: 100%; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.contents .board_list .board .etc_info{width:100%; font-size:12.4px; /*font-size: 3vmin;*/ color: #7F7F7F;}
.contents .board_list .board .etc_info div{width:70%; display: inline-block;}
.contents .board_list .board .etc_info div:LAST-CHILD{width:30%; float:right; text-align: right; font-size: 3.2vmin;}
.contents .board_list .board2{width: 100%; padding:15px 25px; border-bottom:1px solid #D9D9D9;}
.contents .board_list .board2 .title{width: 100%; font-weight: bold; font-size: 4.6vmin; line-height: 6.5vmin; padding-bottom: 10px; color:#000000}
.contents .board_list .board2 .title div{width: 100%; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.contents .board_list .board2 .etc_info{width:100%; font-size: 3vmin; color: #7F7F7F;}
.contents .board_list .board2 .etc_info div{width:65%; display: inline-block;}
.contents .board_list .board2 .etc_info div:LAST-CHILD{width:35%; float:right; text-align: right;}
.contents .board_list .board2 .board_cont{width: 100%; padding-top:20px; min-height:20vmin; font-size:3.6vmin; line-height: 5vmin; color:#272727}
.contents .board_list .board2 .board_cont div{width: 100%; height: 15vmin; line-height: 5vmin; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.contents .board_list .empty_list{text-align: center; font-size: 4.4vmin; padding: 100px 0;}
.contents .board_contents .title_div{width: 100%; padding:15px 25px; border-bottom:1px solid #D9D9D9;}
.contents .board_contents .title_div .subject{width: 100%; /*font-weight: bold;*/ font-size:18.9px; line-height: 27px; /*font-size: 4.6vmin; line-height: 6.5vmin;*/ padding-bottom: 10px;}
.contents .board_contents .title_div .etc_info{width:100%; font-size:12.4px; /*font-size: 3vmin;*/ color: #7F7F7F;}
.contents .board_contents .title_div .etc_info div{width:70%; display: inline-block;}
.contents .board_contents .title_div .etc_info div:LAST-CHILD{width:30%; float:right; text-align: right; font-size: 3.2vmin;}
.contents .board_contents .contents_div{width: 100%; font-size: 4.2vmin; line-height: 9.4vmin; padding: 25px;}
.contents .board_contents .contents_div .link_div{width: 100%; font-size: 4.2vmin; line-height: 9.4vmin; text-align: center; padding-bottom: 30px;}
.contents .board_contents .contents_div .link_div .link_btn{width:calc(100% - 30px); margin:0 auto; background:#85C142; font-weight:bold; color:#fff; font-size: 6.5vmin; line-height: 9.4vmin; padding: 10px;}
.contents .board_contents .contents_div .link_div .link_text{width:calc(100% - 30px); margin:0 auto; padding-top:5px; font-size: 3.2vmin; line-height: 4vmin; color:#7F7F7F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.contents .board_contents .contents_div .board_con{width: 100%; font-size:16.5px; line-height:29px; /*font-size: 4vmin; line-height: 7vmin;*/ padding-bottom: 20px; word-wrap:break-word;word-break:break-all; text-align: justify;}


.contents .faq_list .faq{background: #fff; width: 100%;display: inline-flex; border-bottom: 1px solid #ccc;}
.contents .faq_list .faq .title {width: 90%; font-size: 5vmin;padding: 15px;font-weight: bold;line-height: 22px;float: left;}
.contents .faq_list .faq .title .regDate{font-weight: normal; font-size: 4.1vmin; color: #ccc;}
.contents .faq_list .faq .arrow { width: 10%; font-size: 20px; margin-top: 15px;}
.contents .faq_list .answer{font-size: 13px; line-height: 20px; padding: 15px; display: none; border-bottom: 1px solid #ccc; background: #f0f0f0}
 
    
    
.contents .govUrl_box{width:100%;}
.contents .govUrl_box .area_header{width: 100%; font-size:3.8vmin; line-height:5vmin; border-bottom: 1px solid #707070; padding:10px 25px; padding-top:10px;}
.contents .govUrl_box .area_list{width: 100%; padding: 5px 10px; }
.contents .govUrl_box .area_list .area_m_list{width: 100%; margin-bottom: 5px; float: left;}
.contents .govUrl_box .area_list .area_m_list:LAST-CHILD{margin-bottom: 0px;}
.contents .govUrl_box .area_list .area_m_list div{float: left; width: calc(25% - 4px); margin-right: 5px; text-align:center; font-size:3.5vmin; line-height:5vmin; background: #E9E7E7; display: inline-block; padding: 10px;}
.contents .govUrl_box .area_list .area_m_list div:LAST-CHILD{margin:0;}
.contents .govUrl_box .area_btn_box{float: left; width: 100%; padding: 20px; padding-bottom: 60px;}
.contents .govUrl_box .area_btn_box .area_btn{width: 34vmin; font-size:5vmin; padding:4vmin; line-height:5vmin; background:#FFB900; border-radius:3px; color:#fff; text-align:center; margin: 0 auto;}
.contents .govUrl_box .cont_box{width: 100%; padding: 0 10px;}

.contents .govUrl_box .area_list .area_m_list .act{color:#fff; background: /*#85C142*/ #FFB900;}

.contents .govUrl_box .cont_box .govUrl_title{width: 100%; font-weight:bold; font-size:4.5vmin; line-height:6vmin; text-align:center; padding: 5px; border-bottom: 1px solid #707070;}
.contents .govUrl_box .cont_box .cont_list{width:100%; text-align: center; padding: 10px 0px; }
.contents .govUrl_box .cont_box .cont_list .con{padding:10px; border-bottom: 1px solid #dfdfdf;}
.contents .govUrl_box .cont_box .cont_list .con:FIRST-CHILD{padding-top:0px;}
.contents .govUrl_box .cont_box .cont_list .con div{width:78%; display: inline-block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 3.8vmin;}
.contents .govUrl_box .cont_box .cont_list .con div:NTH-CHILD(2){width:20%; text-align: right; font-size: 2.8vmin; color:rgba(127, 127, 127, 1);}
.contents .govUrl_box .cont_box .cont_list .con div:NTH-CHILD(2) button{width: 15vmin; height: 22px; background-color: #FFB900; color: #fff; border: 0 !important; text-align: center; border-radius: 5px;}
.contents .govUrl_box .cont_box .cont_list .empty_list{text-align: center; font-size: 4.4vmin; padding: 100px 0px;}
 
 
 
.m_step02 table{margin:0 0 20px 0;border-top:2px solid #6cbb5a}
.m_step02 tbody{display:table-row-group;vertical-align:middle;border-color:inherit}
.m_step02 tr{display:table-row;vertical-align: inherit;border-color:inherit;}
.m_step02 th,.m_step02 td{height:35px;border-bottom:1px solid #d3d3d3}
.m_step02 th{position:relative;width:34%;padding:0 0 0 5px;border-right:1px solid #d3d3d3;color:#333;font-size:13px;text-align:left}
.m_step02 td{position:relative;width:66%;padding:0 0 0 5px;color:#333;font-size:13px;text-align:left}
.m_step02 td input{width:100%;height:30px;padding:0 10px;border:1px solid #e8e8e8;color:#888;font-size:13px; background: transparent;}
.m_step02 td select{width:100%; height:26px}
.m_step02 td textarea{width:100%; min-height: 100px; padding: 5px; margin-top: 5px; margin-bottom: -5px; background: inherit;}
.m_step02 td.phone input{width:52px}
.m_step02 td.email input{width:106px}
.m_step02 span:first-child{margin:0 30px 0 0}
.m_step02 input[type=radio]{width:13px;margin-right:5px;color:#d3d3d3}
.m_step02 td button{width:100%;height:26px;background:#838383;color:#fff;font-size:13px;text-align:center; margin-top: 5px;}
    
.contents .ad_div{text-align: center; display: table; width: 100%;}
.contents .ad_div .ad_position{height: 180px; background: #dfdfdf; font-size: 6vmin; display: table-cell; vertical-align: middle;}  


.modal-dialog .modal-footer .btn2:FIRST-CHILD{background:rgba(127, 196, 253, 1); font-size: 14px; line-height: 16px; height: 50px; margin-right:20px;}
.modal-dialog .modal-footer .btn2:LAST-CHILD{ background:#85C142; font-size: 14px; line-height: 16px; height: 50px; }


@media all and (orientation:portrait){
  
    @media (min-width:300px) and (max-width:350px){
        .myPage_contents .major_btn .btn{width:84px; font-size:14px}
        .simple .modal-dialog .modal-body {font-size: .75rem;}
        .playList .other_div .control_div{font-size:20px; margin-top: 0px;}
        .btn{padding:7.5px;}
/*      .login-toggle{height: 320px} */
    }
    @media (min-width:351px) and (max-width:400px){
        .myPage_contents .major_btn .btn{width:95px}
        .simple .modal-dialog .modal-body {font-size: .8rem;}
        .playList .other_div .control_div{font-size:23px; margin-top: -2px;}
        .btn{padding:7.5px;}
/*      .login-toggle{height: 340px} */
    }
    @media (min-width:410px) and (max-width:430px){
        
    }   
    @media (min-width:500px){
        .login-toggle .menu_ul li ul li{font-size: 16px;}
    }       
    
    
    @media (min-height:560px) and (max-height:649px){
        .index_contents .index{padding-top:0px;}
    }   
    @media (min-height:650px) and (max-height:739px){
        .index_contents .index{padding-top:20px;}
    }   
    @media (min-height:740px) and (max-height:799px){

    }   
    @media (min-height:800px) and (max-height:1000px){
/*      .login-toggle{height: 380px;} */
        .index_contents .index{padding-top:80px;}
    }   
}