@charset "utf-8";
/* 게시판 읽기 */
#bo_v{}
#bo_v_table{padding: 10px;color:#999;font-size:0.9em;font-weight:bold}
#bo_v header{margin:1.2em 0 1.2em 0}
/* #bo_v header h1{padding:0 .35em;border-left:5px solid #646abb} */
.bo_v_cate{color:#ea185f}
#bo_v_info{margin:0 0px 1em;color:#606169;line-height:20px;font-size:.9em;padding:1em;background-color:var(--text-bg);border-radius:5px;}
#bo_v_info h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info strong{display:inline-block;font-weight:500}
#bo_v_info .profile_img img{border-radius:50%;vertical-align:top}
#bo_v_info .sv_member{color:#606169;font-weight:500;margin-right:0}
#bo_v_info span:after{content:" / "}
#bo_v_info i{margin:0 3px 0 8px}
#bo_v_file{margin:0 }
#bo_v_file h2 {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul{margin:0;padding:0;list-style:none}
#bo_v_file li{padding: 10px 10px 10px 60px;border: 1px solid #e8e8e8;background:#fff;color:#aaa;margin: 0 0 10px;border-radius:5px;position:relative;
-webkit-box-shadow: 0 0 5px  #e2e4f1;
-moz-box-shadow: 0 0 5px #e2e4f1;
box-shadow: 1px 2px 8px #e2e4f1
}
#bo_v_file li:hover{border:1px solid #dac4e5}
#bo_v_file li:hover i{color:#9f64bb}
#bo_v_file li i{position:absolute;top:50%;left:10px;font-size:20px;color:#aaa;width:40px;line-height:40px;text-align:center;margin-top:-20px}
#bo_v_file a{display:block;font-weight:normal;text-decoration:none;margin:0 0 3px}
#bo_v_file li:hover a{color:#9f64bb}
#bo_v_file a strong{text-decoration:underline;font-weight:normal}
#bo_v_file  span{font-size:0.91em}

#bo_v_link{margin:0 }
#bo_v_link h2 {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul{margin:0;padding:0;list-style:none}
#bo_v_link li{padding: 10px 10px 10px 60px;border: 1px solid #e8e8e8;background:#fff;color:#aaa;margin: 0 0 10px;border-radius:5px;position:relative;
-webkit-box-shadow: 0 0 5px  #e2e4f1;
-moz-box-shadow: 0 0 5px #e2e4f1;
box-shadow: 1px 2px 8px #e2e4f1}
#bo_v_link li:hover{border:1px solid #dac4e5}
#bo_v_link li:hover i{color:#9f64bb}
#bo_v_link li i{position:absolute;top:50%;left:10px;color:#aaa;font-size:20px;;width:40px;line-height:40px;text-align:center;margin-top:-20px}
#bo_v_link a{display:block;text-decoration:none;margin:0 0 3px}
#bo_v_link li:hover a{color:#9f64bb}
#bo_v_link a strong{text-decoration:underline;font-weight:normal}
#bo_v_link span{font-size:0.91em}
.bo_v_link_cnt{font-size:0.92em}

#bo_v_top{clear:both}
#bo_v_top>*{padding:.3em 0}
#bo_v_top:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul{margin:0;padding:0;list-style:none}
#bo_v_top ul:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul li{display:inline-block}
.bo_v_left{float:left}
.bo_v_right{float:right}

#bo_v_bot{padding:0 10px}
#bo_v_bot:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul{margin:0;padding:0;list-style:none}

.bo_v_nb{clear:both;margin:10px 0;text-align:left;position:relative}
.bo_v_nb:after{display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li{border:1px solid #c0c1c9;border-radius:.25rem;}
.bo_v_nb li a{display:block;padding:10px 15px;font-size:.813em;vertical-align:top;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.bo_v_nb li i{color:#c0c1c9}

#bo_v_atc{counter-reset: h2counter; min-height:200px}
#bo_v_atc h2{font-weight: 500;line-height:1.6;margin: 1.2em 0 1em;border-bottom:1px solid var(--bg-color-0);}/*padding: 0 .35em;border-left: 5px solid #9f64bb*/
#bo_v_atc h2:before {
	counter-increment: h2counter;
	content: counter(h2counter);
	background-color:var(--bg-color-0);
	color:#fff;
	padding:0 .35em;
	margin-right:.5em;
	border-radius: 4px;
}
#bo_v_atc h3{font-weight: 500;line-height:1;margin: 1.2em 0 .6em}
#bo_v_img{margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image{display:block}
#bo_v_img img{margin-bottom:15px;max-width:100%;height:auto}

#bo_v_con{min-height:200px;margin:1.5em 0;margin-bottom:20px;width:100%;line-height:1.8;color:#333;word-break:break-all;overflow:hidden}
#bo_v_con a{color:var(--link);text-decoration:underline}
#bo_v_con a:hover, #bo_v_con a:focus{color:var(--link-over);text-decoration:underline!important}
#bo_v_con img{max-width:100%;height:auto}

#bo_v_act{margin:20px 0;float:right;text-align:center}
#bo_v_act .bo_v_act_gng{position:relative}
#bo_v_act a{vertical-align:middle;padding:0 20px}
#bo_v_act  i{font-size:16px;margin-right:5px}
#bo_v_act .bo_v_good:hover{background:#faeaea;color:#e24c76}
#bo_v_act_good, #bo_v_act_nogood{display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_share{position:relative;margin:20px 0;float:left}
#bo_v_share:after{display:block;visibility:hidden;clear:both;content:""}

.btn_share{display:none}
.bo_v_snswr{float:left;position:relative}
#bo_v_sns{;padding:0;list-style:none;zoom:1}
#bo_v_sns:after{display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li{float:left;width:40px;text-align:center;margin-left:3px}
#bo_v_sns li a{height:40px;padding:10px 0;background:#aaa}
#bo_v_sns li .sns_f{display:block;border-radius:33px}
#bo_v_sns li .sns_f:hover{background:#415b92}
#bo_v_sns li .sns_t{display:block;;border-radius:33px}
#bo_v_sns li .sns_t:hover{background:#35b3dc}
#bo_v_sns li .sns_g{display:block;border-radius:33px}
#bo_v_sns li .sns_g:hover{background:#d5503a}
#bo_v_sns li .sns_k{display:block;;border-radius:33px}
#bo_v_sns li .sns_k:hover{background:#fbe300}
#bo_v_sns li img{vertical-align:top}
.btn_scrap{float:left;margin-left:5px}
/* 게시판 댓글 */
.cmt_btn{;text-align:left;width:100%;background:none;border:0;color:#000;font-weight:bold;margin:20px 0 0px;cursor:pointer}
#bo_vc h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article{margin:20px 0;position:relative}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc article header{color: #666;padding-left:0px;line-height:20px}
#bo_vc .comment_profile_img{position:absolute;top:0;left:0}
#bo_vc .comment_profile_img img, #bo_vc .profile_img img{border-radius:50%}
#bo_vc .sv_member, #bo_vc .sv_guest{font-weight:bold}
#bo_vc .sv_member img{display:none}
.bo_vc_hdinfo{display:block}
#bo_vc h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents{padding:0 0 15px;border-bottom:1px solid #eee;line-height:1.8em}
#bo_vc p a{text-decoration:underline}
#bo_vc p a.s_cmt{text-decoration:underline;color:#ed6479}
#bo_vc_empty{margin:0;padding:80px 0 !important;color:#666;text-align:center}
#bo_vc #bo_vc_winfo{float:left}

.bo_vc_act{text-align:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after{display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li{display:inline-block}
.bo_vc_act li a{padding:0 5px;line-height:23px}

.bo_vc_w{position:relative;margin:20px 0;display:block}
.bo_vc_w:after{display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt{display:block;margin:0 0 5px}
.bo_vc_w textarea{padding:5px;width:100%;height:120px}
#wr_secret{}
.bo_vc_w_info{margin:10px 0}
.bo_vc_w_info:after{display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{width:100%;margin:3px 0;margin-right:5px}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm{margin-top:10px;line-height:25px}
.bo_vc_w .btn_confirm .li_chk{float:left}
.bo_vc_w .btn_confirm input{vertical-align:middle}
.bo_vc_w .btn_confirm label{display:inline-block}
.bo_vc_w .btn_submit{float:right}
.bo_vc_w_wr:after{display:block;visibility:hidden;clear:both;content:""}

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns{display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after{display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li{float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input{margin:0 5px 0 0 }
.bo_vl_opt{position:absolute;top:0;right:0}
.bo_vl_opt .cmt_opt{background:none;border:0;width:20px;height:30px;color:#86949a;font-size:15px}
.bo_vl_opt .cmt_opt:hover{color:#447eec}
.bo_vl_act{display:none;position:absolute;right:0;border:1px solid #ddd;width:60px;padding:5px 0;background:#fff;z-index:10;text-align:center;
-webkit-box-shadow:  2px 2px 6px #f3f3f3;
-moz-box-shadow:  2px 2px 6px #f3f3f3;
box-shadow: 2px 2px 6px #f3f3f3} 
.bo_vl_act li{padding:5px 0}
/*view 페이지*/
.partner-container{
    display:flex;flex-wrap:wrap;
    gap:2em;
    max-width:1280px;width:100%;min-height:500px;margin:0 auto;
    padding:1.5em;
}
.partner-container > .sidebar{
    order:1;
    width:25%;
}
.partner-container > #bo_v{
    order:0;
    width:calc(75% - 2em);
    border-right:1px solid #e5e8e9;
    padding:0 2em 1.5em 0;
}
@media (max-width:992px){
    .partner-container{
        flex-direction:column;padding:0 0 1.5em
    }
    .partner-container > #bo_v{
        order:0;width:100%;
        border-right:unset;
        padding:1.5em 2em;
    }
    .partner-container > .sidebar{
        order:1;width:100%;padding:0 1em;
    }
}
@media (max-width:600px){
    .partner-container > #bo_v{
        padding:1.5em;
    }
}
#partner_content{
    padding:1.5em 0;
} 
/*프로모션리스트*/
.promoList{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    gap:1em;
    width: 100%; /* 고정된 너비 */
    line-height:1.2;
}
.promo_cover{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index: 1;}
.discount{flex:0 0 130px}
.promo_content{
    flex:1 1 calc(100% - 130px - 180px - 2em);
    display:flex;
    align-content: space-around;
    flex-wrap: wrap;
    padding:1.4em 0;
}
.btn_wrap{flex:0 0 180px}
.discount{    
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
}
.etc .percent-wrap{
    width:100%;
    height:calc(100% - 40px);
    padding: 0 .5em;
    font-size:1.2em;
    font-weight:600;
    text-align: center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.discount figure{
    display: flex;
    align-items: stretch;
	justify-content: center;
    width:100%;height:100%;
	margin:0;
	border-radius:5px;
	overflow:hidden;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
#bo_v_con .discount figure img{
    /* width:100%;height:100%; */
    object-fit:cover;
}
.etc .percent-wrap span.one-line{
    font-size:14px;
}
.etc > * {border-radius:.15em!important}
.etc .type_wrap{
    display: flex;
    width:100%;
    justify-content: flex-start;
    align-items: center;
    line-height:unset;
    overflow:hidden;
}
.etc .type,.etc .update_date{
    display:block;
    font-size:12px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:#fff;
    padding:0 .4rem;
}
.etc button{
    font-size:12px;
    line-height:1;
}
.etc .update_date{
    display:block;
    background-color:#343a40;
}
.btn_wrap{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:0 1em 0 0;
}
.btn_wrap div.btn_inner{
    position:relative;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: .25em;
    padding-right:2.5em;
    flex: 0 0 100%;
}
.btn_wrap div.btn_inner .btn{
    position:relative;
    z-index:1;
    width: 100%;
    padding-left: 2.5em;
    padding-right:0;
    border-radius:.25rem 0 0 .25rem;
    transition: all .8s;
    cursor: pointer;
    text-align: center;
    color:#fff
}
.btn_wrap div.btn_inner.code::after{
    content: "";
    display: block;
    background: #46a7c4;
    position: absolute;
    right: .7rem;
    bottom: -.2rem;
    width: 1.5rem;
    height: calc(100% + .3em);
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
    border-radius: 10px 0 0 10px;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #9599E2;
    background-image: linear-gradient(105deg, #bdbfdf 0%, #fff 40%, #fff 50%, #9599E2 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    z-index: 3;
}
.btn_wrap div.btn_inner.code:hover::after{
    right: .9rem;
    bottom: -.2rem;
    width: 2rem;
    height: calc(100% + .25em);
    -webkit-clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
}
.btn_wrap a.btn{
    position:relative;
    display:block;
    width:100%;
    height:36px;
    font-size:15px;
    line-height:1.5;
    font-weight:600;
    z-index:1;
}
.btn_wrap a.btn.code{
    border-radius:.25em .25em 1.8em .25em;
    width:calc(100% - 8px);
    transition:width .2s;
    
}
.btn_wrap a.btn.code:hover{
    width:calc(100% - 8px - 8px);
}
.btn_wrap div.promo_code{
    position:absolute;
    top:0;
    right: 0;
    width: 1.8em;
    height:100%;
    font-size:15px;
    line-height:36px;
    border:1px solid #111;
    background-color:#333;
    color:#eee;
    border-radius:0 .25rem .25rem 0;
    text-align:right;
    padding-right:.25em;
    overflow:hidden;
}
.btn_wrap .codeoff{
    display:none;
    flex: 0 0 100%;
    padding: 6px 0;
    border-radius: .25rem;
    color: #fff;
    text-align: center;
    background-color: #333;
}
#bo_v_atc .promo_content h3{
    font-weight:500;
    width: 100%;
    font-size:1.1em;
    margin:0 0 .75em 0;
	padding: 0!important;
    border-left-width:0!important;
}
.promo_content .promo_detail{
    position: relative;
    width: 100%;
    word-wrap: break-word;
    color:#606169;
    font-size:.9em;
    line-height:1.6;
    margin-bottom:.75em;
}
.promo_content .promo_detail div{
    display: flex;
    line-height:1.2;
}
.promo_content .promo_detail div.off{
    display:none
}
.promo_content .promo_detail div::before{
    content:"•";
    margin-right: .3em;
    line-height: 1.4;
}
.promo_content .etc{
    display: flex;
    gap: .2em;
    color:#606169;
    font-size:.9em;
}
.promo_content .etc > *{
	height:20px!important;
    position: relative;
    z-index: 2;
}

#promotions {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}
#promotions a{color:#fff;}
#promotions a:hover, #promotions a:focus{color:#f3d965;}
#promotions > div{
    /* padding: 1.4em .8em; */
    border: 1px solid #c9d7df;
    background-color: var(--text-bg);
    border-radius: 8px;
}
#promotions > div:first-child{
    /*border-top:1px solid #c9d7df;*/
}
@media (min-width:768px){
    .discount{
		padding: .5em;
		min-height:150px;
    }
}
@media (max-width:767px){
    #promotions > div{
        gap:.8em;
        padding: .5em;
        border: 1px solid #c9d7df;
    }
    .discount{
        flex-wrap:unset;
        padding:0;
    }
    .discount figure{background-color: #c9d7df;border:1px solid #c9d7df}
    .promo_content{padding:0}
    #bo_v_atc .promo_content h3{font-size:18px;line-height:1.4;margin:0 0 .5em}
    .promo_content .promo_detail{font-size:14px;margin:0 0 .5em}
    /* .promo_content{padding:0 1em}
    .btn_wrap{padding:0 1em 1em} */
    .promo_content .etc{
        flex-wrap: wrap;
    }
    .etc .percent-wrap{justify-content:flex-start;flex-direction:row;height:35px;padding-left:.5em;font-size: 1em;gap:.35em}
    .etc .percent-wrap span.one-line{font-size:unset}
    .etc .type_wrap{flex-wrap: unset;width:unset;height:20px}
    /* .etc .type_wrap > *{width:90px;padding:0 .2em}*/
    .discount {flex:0 0 80px} 
    /* .promo_content{flex:0 0 100%} */
    .btn_wrap{flex:0 0 100%;padding: 0;}
    .btn_wrap div.btn_inner{
        width:100%;
    }
    .btn_wrap div.btn_inner .btn {font-size:14px;}
    .btn_wrap div.promo_code {font-size:14px;line-height:2;}
}
.affilliate_alert{margin:1em 0;padding:.8em 2em;text-align:center;background-color: #f6f9fb;color:#606b73;border-radius:5px;font-size:.813em}