@charset "utf-8";

/* 메인 배너 */
.main{}
.main .banner_list{
    position: relative;
    width: 100%;
    border-top: 8px solid #f0f0f0;
}
.main .banner_list .swiper-wrapper a{
    display: block;
    height: 100%;
}
.main .banner_list .swiper-wrapper a img{
    height: 100%;
}
.main .banner_list .count{
    bottom: 10px;
    width: 100%;
    color: #fff;
}
.main .banner_list .count span{
    background: rgba(255,255,255,.8);
}

/* 신규 업데이트 */
.main .new_list{
    padding: 30px 0;
    background: #FAFBFC;
    border-top: 8px solid #f0f0f0;
}
.main .new_list h2{}
.main .new_list .n_list{
    margin-top: 20px;
    padding-left: 16px;
}
.main .new_list .n_list a{}
.main .new_list .n_list a figure img{
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
}
.main .new_list .n_list a h4{
    display: block;
    padding-top: 6px;
    width: 100%;
    font-size: 14px;
	font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main .new_list .n_list .a_txt{
    border-bottom: 0;
}

/* 오늘의 인기 TOP10 */
.main .best_list{
    padding-top: 30px;
}
.main .best_list h2{}
.main .best_list .b_option{
    margin-top: 20px;
}
.main .b_option li{}
.main .b_option li a{}
.main .b_option li a:after{}
.main .b_option li.active a{}
.main .b_option li.active a:after{}
.main .b_con{}
.main .b_con .a_txt{
    border-bottom: 0;
}
.main .b_con .b_list{}
.main .b_con .b_list li{}
.main .b_con .b_list li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.main .b_con .b_list li a{}
.main .b_con .b_list li a figure{
    position: relative;
}
.main .b_con .b_list li a figure .rank{
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 10px;
    font-size: 10px;
    background: #000;
    color: #fff;
}

/* 1:1 문의 */
.center .con_top{
    border-bottom: 1px solid #ddd;
}
.center .con_top .notice_txt{}
.center .con_top .submit_btn{
    margin-top: 15px;
}
.center .b_con{}
.center .b_con .select{}
.center .b_con .con_list li a .c_state{}
.center .b_con .con_list li a .complete{}
.center .b_con .con_list li a .c_text{}
.center .b_con .more_btn{}

/* 1:1 문의 - 작성 */
.write{}
.write .con_top{
    padding-bottom: 7px;
}
.write .b_con{}
.write .b_con select{
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 45px;
}
.write .b_con .choice_item{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.write .b_con .choice_item input{
    height: 100%;
}
.write .b_con .choice_item .s_btn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.write .b_con .t_input{
    margin-top: 10px;
}
.write .b_con .c_area{
    margin-top: 10px;
}
.write .file_add{
    margin-top: 8px;
    border: 1px solid #aaa;
    border-radius: 3px;
}
.write .file_add .f_tit{
    position: relative;
    height: 40px;
}
.write .file_add .f_tit span{
    display: block;
    padding: 0 15px;
    padding-right: 80px;
    line-height: 40px;
    font-size: 12px;
    color: #b0b0b0;
}
.write .file_add .f_tit .f_btn{
    position: absolute;
    top: 10px;
    right: 15px;
    padding-left: 15px;
    font-size: 14px;
    text-align: center;
    color: #606060;
}
.write .file_add .f_tit .f_btn:after{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(/design/img/add_file.png) no-repeat center;
    background-size: 100%;
}
.write .file_add .f_list{}
.write .file_add .f_list li{
    position: relative;
    padding: 0 15px;
    padding-right: 40px;
    height: 35px;
    background: #f9f9f9;
    border-top: 1px solid #ccc;
}
.write .file_add .f_list li:first-child{
    border-top: 1px solid #ccc;
}
.write .file_add .f_list li span{
    display: block;
    height: 100%;
    line-height: 33px;
    font-size: 12px;
}
.write .file_add .f_list li .f_close{
    position: absolute;
    display: flex;
    top: 0;
    right: 5px;
    width: 35px;
    height: 33px;
}
.write .file_add .f_list li .f_close i{
    margin: auto;
    font-size: 16px;
}

/* 1:1 문의 - 작성 - 내가 받은 자료 */
.write .w_tit{
    padding: 20px 16px 10px;
    line-height: 1.5;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.write .b_con .con_list{
}
.write .b_con .con_list li{}
.write .b_con .con_list li a{
}
.write .b_con .con_list li a .checkbox{
    width: 30px;
}
.write .b_con .con_list li a .c_text{
    width: calc(100% - 30px);
}

/* 공지사항 */
.wrap .notice .b_con .con_list li a .c_text h4{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* 자주 묻는 질문 */
.wrap .faq .b_con .con_list li a .c_text h4{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* 내가 받은 자료 */
.download .b_con{
    margin-top: 0;
    padding: 0 16px;
    border-top: 1px solid #ddd;
}
.download .b_con .list_option{}
.download .b_con .list_option .left{}
.download .b_con .list_option .left a{
    font-size: 14px;
}
.download .b_con .list_option .left .all{}
.download .b_con .list_option .left .delete{}
.download .b_con .list_option .left .delete:after{
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 12px;
    background: #E0E6EA;
}
.download .b_con .list_option .count{
    font-size: 14px;
}
.download .b_con .list_option .count strong{
    margin: 0 2px;
    font-size: 14px;
    color: #5135A4;
}

/* 내가 찜한 자료 */
.wishlist .b_con{
    margin-top: 0;
    padding: 0 16px;
    border-top: 1px solid #ddd;
}

/* 로그인 */
.login{
    padding: 20px 16px 70px;
}
.login form{}
.login form .l_con{
    margin-bottom: 10px;
}
.login form .l_pw{
    margin-bottom: 0;
}
.login form .l_con input{}
.login form .l_con .icon{}
.login form .l_pw .icon{
    background: url(/design/img/login_pw2.png) no-repeat;
	background-size: 100%;
}
.login form .c_txt{}
.login form .submit_btn{
    margin-top: 20px;
}
.login .l_info{
    position: relative;
    margin-top: 15px;
}
.login .l_info .checkbox label .c_box{
    margin-right: 5px;
}
.login .l_info .forgot_btn{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
}
.login .l_sns{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}
.login .l_sns span{
    font-size: 13px;
}
.login .l_sns .sns_btn{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}
.login .l_sns .sns_btn li{
}
.login .l_sns .sns_btn li a{
}
.login .l_sns .sns_btn .kakao a{
}
.login .l_sns .sns_btn .naver a{
}
.login .l_sns .sns_btn .google a{
}

/* 마일리지 이용내역 */
.mileage .con_top{
    padding: 20px 0 0;
}
.mileage .con_top .notice_txt{
    padding: 0 16px;
}
.mileage .con_top .current{
    margin-top: 20px;
}
.mileage .con_top .current .tit{}
.mileage .con_top .current input{}
.mileage .con_top .m_change{
	margin: 20px 0;
    padding: 0 16px;
}
.mileage .con_top .m_change select{
    width: 100%;
    height: 45px;
}
.mileage .con_top .m_change .submit_btn{
    margin-top: 10px;
}
.mileage .b_con{}
.mileage .b_con .l_title{
	margin-top: 0;
}
.mileage .b_con .l_title li{}
.mileage .b_con .l_title li div{}
.mileage .b_con .l_title li .l_p{}
.mileage .b_con .l_title li .l_d{}
.mileage .b_con .l_title li .l_m{}
.mileage .b_con .l_con{}
.mileage .b_con .l_con li{}
.mileage .b_con .l_con li div{}
.mileage .b_con .l_con li .l_p{}
.mileage .b_con .l_con li .l_d{}
.mileage .b_con .l_con li .l_m{}
.mileage .b_con .more_btn{
	border-top: 0;
}

/* 새 비밀번호 설정 */
.result{
    padding: 20px 16px 0;
}
.result .r_txt{
    padding-bottom: 20px;
}
.result form{}
.result form .f_pw{}
.result form .f_pw h4{
    padding-top: 20px;
}
.result form .f_pw:first-child h4{
    padding-top: 0;
}
.result form .f_pw input{
    margin-top: 10px;
}
.result form .c_txt{}
.result .result form .c_txt{}
.submit_btn{
    margin-top: 20px;
}

/* 성인 인증 */
.cert{
    padding: 20px 16px;
}
.cert .alert_tit{
    display: flex;
    align-items: center;
}
.cert .alert_tit figure{
    width: 55px;
}
.cert .alert_tit figure img{}
.cert .alert_tit h4{
    padding-left: 10px;
    width: calc(100% - 55px);
    line-height: 1.5;
    word-break: normal;
}
.cert .alert_tit h4 strong{
    font-size: 14px;
    font-weight: 500;
    color: #b93b3b;
}
.cert p{
    padding-top: 10px;
    font-size: 13px;
    word-break: normal;
}
.cert .return{
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.cert .return .s_txt{}
.cert .return .s_btn{
    margin-left: 10px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}
.cert .cert_list{
}
.cert .cert_list li{
    padding-top: 15px;
}
.cert .cert_list li a{
    display: block;
    height: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.cert .cert_list li a figure{
    display: inline-block;
    width: 40px;
}
.cert .cert_list .kakao a figure{
    width: 45px;
}
.cert .cert_list li a figure img{}
.cert .cert_list li a .text{
    position: relative;
    display: inline-block;
    top: 2px;
    padding-left: 10px;
    vertical-align: middle;
}
.cert .cert_list .kakao a .text{
    padding-left: 5px;
}
.cert .cert_list li a .text h5{
    font-size: 14px;
    font-weight: 400;
}
.cert .cert_list li a .text span{
    display: block;
    font-size: 12px;
    color: #b0b0b0;
}
.cert .r_txt{
    padding-top: 10px;
    font-size: 12px;
}

/* 비밀번호 찾기 */
.forgot_pw{
    padding: 20px 16px 70px;
}
.forgot_pw .notice_txt{}
.forgot_pw form{}
.forgot_pw form h4{
    padding-top: 20px;
}
.forgot_pw form .l_con{
    margin-top: 8px;
}
.forgot_pw form .l_con i{}
.forgot_pw form .f_check{
    display: flex;
    padding-top: 8px;
}
.forgot_pw form .f_check .r_list{
    width: 25%;
}
.forgot_pw form .f_check .r_list input{}
.forgot_pw form .f_check .r_list label{}
.forgot_pw form .submit_btn{
    margin-top: 20px;
}

/* 아이디 찾기 */
.forgot_id{
    padding: 20px 16px 70px;
}
.forgot_id form{}
.forgot_id form h4{
    padding-top: 20px;
}
.forgot_id form .l_con{
    margin-top: 8px;
}
.forgot_id form .f_gender{
    display: flex;
    padding-top: 8px;
}
.forgot_id form .f_date{
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
}
.forgot_id form .f_date select{
    height: 45px;
}
.forgot_id form .f_date .year{
    width: 39%;
}
.forgot_id form .f_date .month{
    width: 29%;
}
.forgot_id form .f_date .day{
    width: 29%;
}
.forgot_id form .submit_btn{
    margin-top: 20px;
}
.forgot_id .bot_notice{}


/* 아이디 찾기 - 결과 */
.result{}
.result .r_txt{}
.result .r_id{
    padding: 5px 15px 15px;
    max-height: 120px;
    background: #fdfdfd;
    border: 1px solid #ccc;
    overflow-y: auto;
}
.result .r_id li{
    padding-top: 10px;
}
.result .r_id li .my_id{
    font-size: 14px;
    color: #606060;
}
.result .r_id li .id_date{
    margin-left: 5px;
    font-size: 13px;
    color: #b0b0b0;
}
.result .notice_txt{
    padding-top: 20px;
}

/* 웹툰 */
.webtoon{}
.webtoon .notice_txt{
    padding: 20px 16px;
}
.webtoon .search{
    padding: 20px 16px;
    background: #FAFBFC;
}
.webtoon .list_option{
    padding-top: 20px;
}
.webtoon .b_con{
    margin-top: 0;
    padding: 0 16px;
    border-top: 1px solid #ddd;
}
.webtoon .b_con .c_list{
    padding-top: 20px;
}
.webtoon .b_con .c_list li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.webtoon .b_con .c_list li:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}
.webtoon .b_con .c_list li .checkbox{
    width: 30px;
}
.webtoon .b_con .c_list li .c_text{
    width: calc(100% - 30px);
}
.webtoon .b_con .c_list li .c_text .w_tit{
    display: block;
}
.webtoon .b_con .c_list li .c_text .w_tit h4{
    display: -webkit-box;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.webtoon .b_con .c_list li .c_text .op_info{
    display: flex;
    padding-top: 10px;
}
.webtoon .b_con .c_list li .c_text .op_info figure{
    width: 95px;
    border-radius: 3px;
    overflow: hidden;
}
.webtoon .b_con .c_list li .c_text .op_info figure img{}
.webtoon .b_con .c_list li .c_text .op_info .op_list{
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    width: calc(100% - 95px);
}
.webtoon .b_con .c_list li .c_text .op_info .op_list .b_number{}
.webtoon .b_con .c_list li .c_text .op_info .op_list .b_number .count{
    font-size: 12px;
    color: #404040;
}
.webtoon .b_con .c_list li .c_text .op_info .op_list .b_number .count strong{
    font-size: 12px;
    color: #5135A4;
}
.webtoon .b_con .c_list li .c_text .op_info .op_list .b_number .all{
    position: relative;
    margin-left: 3px;
    padding-left: 6px;
    font-size: 12px;
    color: #404040;
}
.webtoon .b_con .c_list li .c_text .op_info .op_list .b_number .all:after{
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #ccc;
}
.webtoon .b_con .c_list li .c_text .op_info .op_list .b_number .all strong{
    font-size: 12px;
    color: #5135A4;
}
.webtoon .b_con .c_list li .c_text .op_info .op_list .next{
    display: block;
    margin-top: auto;
    width: 100px;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #404040;
    border: 1px solid #bbb;
    border-radius: 3px;
}

/* 이벤트 - 진행 중 */
.event{}
.event .b_con{}
.event .b_con .con_list{}
.event .b_con .con_list li{
    margin-bottom: 0;
    padding-bottom: 20px;
	border-bottom: 0;
}
.event .b_con .con_list li a{
    display: block;
}
.event .b_con .con_list li a figure{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 8px;
}
.event .b_con .con_list li a figure img{}
.event .b_con .con_list li a .c_text{
    padding-top: 10px;
}
.event .b_con .con_list li a .c_text h4{}
.event .b_con .con_list li a .c_text .date{
    display: block;
    padding-top: 3px;
}

/* 이벤트 - 종료 */
.end .b_con .con_list li a figure{
    position: relative;
}
.end .b_con .con_list li a figure:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}

/* 이용약관 */
.rule{
    padding: 10px 16px 0;
}
.rule h4{
    padding-top: 10px;
}
.rule p{
    padding-top: 10px;
    font-size: 13px;
    word-break: break-all;
}

/* 전체 요청 자료 */
.request{}
.request .con_top{
    padding-bottom: 20px;
}
.request .con_top .submit_btn{
    margin-top: 17px;
}
.request .con_top select{
    margin-top: 20px;
    width: 100%;
    height: 40px;
}
.request .b_con{
    border-top: 1px solid #dddd;
}
.request .b_con .con_list li a .c_text{
	width: calc(100% - 50px);
}
.request .b_con .con_list li a .c_text h4{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.request .b_con .con_list li a .c_text .c_cate span{
    position: relative;
    margin-left: 4px;
    padding-left: 6px;
}
.request .b_con .con_list li a .c_text .c_cate span:first-child{
    margin-left: 0;
    padding-left: 0;
}
.request .b_con .con_list li a .c_text .c_cate span:after{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #ccc;
}
.request .b_con .con_list li a .c_text .c_cate span:first-child:after{
    display: none;
}

/* 요청 자료 - 보기 */
.wrap .read .r_con .regist{
	border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
}
.wrap .read .r_con .regist dl{
	display: flex;
}
.wrap .read .r_con .regist dl dt{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    font-size: 13px;
    text-align: center;
    background: #f9f9f9;
    color: #606060;
}
.wrap .read .r_con .regist dl dd{
	padding: 0 15px;
    width: 75%;
}
.wrap .read .r_con .regist dl dd .regist_btn{
	display: inline-block;
    margin: 8px 0;
    margin-right: 3px;
    padding: 5px 10px 7px;
    font-size: 12px;
    background: #5135A4;
    color: #fff;
    border-radius: 3px;
}

/* 나의 요청 자료  - 작성 */
.write .b_con input{}
.write .b_con textarea{}
.write .b_con .con_btn{}

/* TOP 100 */
.top100{}
.top100 .b_con{
    padding-top: 10px;
    border-top: 8px solid #f0f0f0;
}
.top100 .b_con .b_list{
    padding-top: 20px;
}

/* 정액제 포인트 충전 */
.pay .con_top{
    border-bottom: 1px solid #e9e9e9;
}
.pay .con_top .pay_banner{
    border-radius: 3px;
    overflow: hidden;
}
.pay .con_top .pay_banner img{}
.pay .con_top .notice_txt{
    padding-top: 20px;
}
.pay .b_con{
    padding-bottom: 30px;
}
.pay .b_con .p_tit{
    padding: 20px 0 0;
}
.pay .b_con .p_tit strong{
    font-size: 14px;
    font-weight: 500;
    color: #5135A4;
}
.pay .b_con .con_list{
    padding-top: 0;
}
.pay .b_con .con_list li{
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0;
    border-bottom: 0;
}
.pay .b_con .con_list li:first-child{
    margin-top: 8px;
}
.pay .b_con .con_list li a{
    position: relative;
    display: block;
    padding: 0 120px 0 10px;
    height: 74px;
    border: 1px solid #b0b0b0;
    border-radius: 3px;
}
.pay .b_con .con_list li.active a{
    border: 2px solid #5135a4;
}
.pay .b_con .con_list li a .p_title{
    display: flex;
    width: 100%;
    height: 100%;
}
.pay .b_con .con_list li a .p_title .p_line{
    margin: auto 0;
}
.pay .b_con .con_list li a .p_title .p_line h4{
    color: #5135A4;
}
.pay .b_con .con_list li a .p_title .p_line h4 strong{
    font-size: 12px;
    color: #b0b0b0;
}
.pay .b_con .con_list li a .p_title .p_line .p_op{
    color: #5135A4;
}
.pay .b_con .con_list li a .p_title .p_line .p_bonus{
    display: block;
    color: #E36B48;
}
.pay .b_con .con_list li a .p_price{
    position: absolute;
    display: flex;
    justify-content: right;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 100px;
}
.pay .b_con .con_list li a .p_price .p_line{
    position: relative;
    margin: auto 0;
    width: 100%;
    height: 100%;
}
.pay .b_con .con_list li a .p_price .p_line .p_arrow{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 35px;
    line-height: 30px;
    font-size: 10px;
    text-align: center;
    background: url(
    /design/img/p_down.png) no-repeat center;
    background-size: contain;
    color: #fff;
}
.pay .b_con .con_list li a .p_price .p_line .p_sale{
    text-align: right;
    height: 100%;
}
.pay .b_con .con_list li .p_price .p_line .p_sale span{
    font-size: 11px;
    color: #b0b0b0;
    text-decoration: line-through;
}
.pay .b_con .con_list li .p_price .p_line .p_sale span strong{
    font-size: 11px;
    color: #b0b0b0;
}
.pay .b_con .con_list li .p_price .p_line .p_sale h4{
    line-height: 1.2;
}
.pay .b_con .con_list li .p_price .p_line .p_sale h4 strong{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #5135A4;
}
.pay .b_con .pay_notice{
    margin-top: 20px;
    padding: 10px;
    background: #fbfbfb;
}
.pay .b_con .pay_notice h5{
    font-size: 13px;
    color: #5135A4;
}
.pay .b_con .pay_notice h5 i{
    position: relative;
    display: inline-block;
    top: 3px;
    margin-right: 2px;
    width: 14px;
    height: 14px;
    background: url(/design/img/check.png) no-repeat center;
    background-size: 100%;
}
.pay .b_con .pay_notice .bot_txt{padding-top: 5px;}
.pay .charge{
    padding: 0 16px;
    height: 65px;
    line-height: 65px;
}
.pay .charge .submit_btn{
    margin-top: 0;
    height: 45px;
    line-height: 45px;
}
.monthy .b_con .p_tit i{
    position: relative;
    display: inline-block;
    top: 2px;
    margin-left: 6px;
    width: 50px;
    height: 14px;
    background: url(/design/img/icon/charge/time_i.png) no-repeat center;
    background-size: 100%;
}
.monthy .b_con .con_list li.active a{
    border: 2px solid #e36b48;
}
.monthy .b_con .con_list li.active a .p_title .p_line h4{
    position: relative;
    color: #e36b48;
}
.monthy .b_con .con_list li.active a .p_title .p_line h4:after {
    content: "";
    position: absolute;
    display: none;
    top: 5px;
    right: -44px;
    width: 40px;
    height: 11px;
    background: url(/design/img/icon/charge/time_i.png) no-repeat center;
    background-size: 100%;
}
.monthy .b_con .con_list li.active a .p_price{
    height: 50px;
}
.monthy .b_con .con_list li.active a .p_price .p_line .p_arrow{
    height: 100%;
    line-height: initial;
    background: url(/design/img/icon/charge/p_double_down.png) no-repeat center;
    background-size: contain;
}
.monthy .b_con .con_list li.active a .p_price .p_line .p_arrow span{
    position: relative;
}
.monthy .b_con .con_list li.active a .p_price .p_line .p_arrow .p_top{
    display: block;
    top: 2px;
}
.monthy .b_con .con_list li.active a .p_price .p_line .p_arrow .p_bot{
    top: 12px;
}
.monthy .b_con .con_list li.active .p_price .p_line .p_sale span{
    display: block;
}
.monthy .b_con .con_list li.active .p_price .p_line .p_sale .p_add{
    color: #5135a4;
}
.monthy .b_con .con_list li.active .p_price .p_line .p_sale .p_add strong{
    color: #5135a4;
}
.monthy .b_con .con_list li.active .p_price .p_line .p_sale h4{
    color: #e36b48;
}
.monthy .b_con .con_list li.active .p_price .p_line .p_sale h4 strong{
    color: #e36b48;
}

/* 포인트 충전 */
.points .b_con .list_option{
    padding: 0;
    padding-top: 15px;
}
.points .b_con .list_option ul{
    display: flex;
    align-items: baseline;
}
.points .b_con .list_option ul li{
    padding-right: 5px;
    font-size: 10px;
    color: #808080;
}
.points .b_con .list_option ul li strong{
    font-size: 11px;
    font-weight: 500;
}
.points .b_con .list_option ul li:last-child strong{
    position: relative;
    display: inline-block;
    top: -1px;
    margin-right: 2px;
    width: 14px;
    height: 14px;
    font-size: 0;
    background: url(/design/img/icon/charge/stamp.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.points .b_con .event_list{
    padding-top: 15px;
}
.points .b_con .con_list li a{
    height: 100px;
}
.points .b_con .event_list li a{
    background: #F6F5FA;
}
.points .b_con .con_list li a .p_title .p_line h4{
    padding-bottom: 3px;
    color: #404040;
}
.points .b_con .con_list li a .p_title .p_line h4 i{
    position: relative;
    display: inline-block;
    top: 2px;
    margin-left: 2px;
    padding: 2px 5px 3px;
    font-size: 10px;
    font-weight: 500;
    background: #F22795;
    color: #fff;
    border-radius: 25px;
    vertical-align: top;
}
.points .b_con .event_list li a .p_title .p_line h4 i{
    background: #e5993a;
}
.points .b_con .con_list li a .p_title .p_line span{
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: -0.2px;
}
.points .b_con .con_list li a .p_title .p_line span strong{
    position: relative;
    top: -1px;
    font-size: 11px;
    line-height: 1.8;
    color: #5135a4;
}
.points .b_con .con_list li a .p_title .p_line span strong i{
    display: inline-block;
    margin: 0 2px 0 3px;
    width: 14px;
    height: 14px;
    background: url(/design/img/icon/charge/stamp.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}

/* 결제창 */
.payment{
    padding: 0 16px 70px;
}
.payment .p_tit{
    padding-top: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #808080;
}
.payment .pay_option{
    margin-top: 8px;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 3px;
    overflow: hidden;
}
.payment .pay_option li{
    display: flex;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.payment .pay_option li .left{
    display: flex;
    width: 25%;
    background: #f9f9f9;
}
.payment .pay_option li .left h4{
    margin: auto;
    font-weight: 400;
    text-align: center;
    color: #606060;
}
.payment .pay_option li .right{
    padding: 5px 15px;
    width: 75%;
}
.payment .pay_option li .right p{
    font-size: 14px;
	line-height: 1.7;
    color: #404040;
}
.payment .pay_option li .right span{
	word-break: break-all;
	color: #808080;
}
.payment .pay_option li .right .amount{
    padding: 0;
    font-weight: 500;
    color: #5135A4;
}
.payment .checkbox{
    padding-top: 10px;
}
.payment .checkbox .c_box{
    margin-right: 5px;
}
.payment .pay_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.payment .pay_list li{
    padding-top: 8px;
    width: 32%;
}
.payment .pay_list li a{
    display: block;
    height: 45px;
    line-height: 43px;
    font-size: 13px;
    text-align: center;
    color: #404040;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.payment .pay_list li a i{
    position: relative;
    display: inline-block;
    top: -1px;
    margin-right: 3px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.payment .pay_list li a .phone{
    background: url(/design/img/pay1.png) no-repeat center;
    background-size: 100%;
}
.payment .pay_list li a .card{
    background: url(/design/img/pay2.png) no-repeat center;
    background-size: 100%;
}
.payment .pay_list li a .bank{
    background: url(/design/img/pay3.png) no-repeat center;
    background-size: 100%;
}
.payment .pay_list li a .account{
    background: url(/design/img/pay4.png) no-repeat center;
    background-size: 100%;
}
.payment .pay_list li a .giftCard{
    background: url(/design/img/pay5.png) no-repeat center;
    background-size: 100%;
}
.payment .pay_list li a .giftVoucher{
    background: url(/design/img/pay6.png) no-repeat center;
    background-size: 100%;
}
.payment .pay_list li a .kakaopay{
	width: 22px;
	height: 21px;
    background: url(/design/img/adult_kakaopay.png) no-repeat center;
    background-size: 100%;
}
.payment .pay_list li a .tosspay{
    background: url(/design/img/pay8.png) no-repeat center;
    background-size: 100%;
}
.payment .pay_list li a .happymoney{
    background: url(/design/img/pay9.png) no-repeat center;
    background-size: 100%;
}

/* 받은 쪽지 */
.r_memo{}
.r_memo .con_top{
    padding: 0;
    padding-top: 20px;
}
.r_memo .con_top .notice_txt{
    padding: 0 16px;
}
.r_memo .con_top .memo_btn{
    padding: 0 16px;
}
.r_memo .con_top .current{
    margin-top: 17px;
}
.r_memo .list_option{
    padding-top: 20px;
}
.memo .b_con{
    border-top: 1px solid #ddd;
}
.memo .b_con .c_list{
    padding-top: 20px;
}
.memo .b_con .c_list li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.memo .b_con .c_list li:last-child{
    margin-bottom: 0;
}
.memo .b_con .c_list li .checkbox{
    width: 30px;
}
.memo .b_con .c_list li a{
    width: calc(100% - 30px);
}
.memo .b_con .c_list li a .c_text{}
.memo .b_con .c_list li a .c_text h4{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.memo .b_con .c_list li a .c_text .c_cate{
    padding-top: 3px;
}
.memo .b_con .c_list li a .c_text .c_cate span{
    position: relative;
    margin-left: 5px;
    padding-left: 8px;
    font-size: 12px;
    color: #b0b0b0;
}
.memo .b_con .c_list li a .c_text .c_cate span:first-child{
    margin-left: 0;
    padding-left: 0;
}
.memo .b_con .c_list li a .c_text .c_cate span:after{
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #ccc;
}
.memo .b_con .c_list li a .c_text .c_cate span:first-child:after{
    display: none;
}
.memo .b_con .more_btn{
	border-top: 0;
}

/* 받은 쪽지 - 보기 */
.wrap .memo_r{
    padding: 0;
}
.wrap .memo_r .notice_txt{
    padding: 10px 16px;
    border-bottom: 1px solid #ddd;
}
.wrap .memo_r .r_con{}
.wrap .memo_r .r_con .data{
	padding: 0;
    padding-top: 5px;
}
.wrap .memo_r .r_con .board{
    padding: 0;
    padding-top: 20px;
}
.wrap .memo_r .r_con .board p{
    line-height: 1.7;
}
.wrap .memo_r .r_con .board p a{
    font-size: 14px;
    font-weight: 500;
    color: #505050;
}
.wrap .memo_r .r_con .reply{
	display: block;
	margin-top: 20px;
    width: 90px;
    height: 34px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    background: #fff;
    color: #606060;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* 쿠폰 등록 */
.coupon{}
.coupon .notice_txt{
    padding: 20px 16px 17px;
}
.coupon form{
    padding: 20px 16px;
    background: #f9f9f9f9;
}
.coupon form .submit_btn{
    margin-top: 10px;
}
.coupon h5{
    padding: 20px 16px 0;
    font-size: 13px;
}
.coupon .notice_txt:last-child{
    padding: 10px 16px 0;
}

/* 장르별 페이지 */
.category{
    padding-top: 30px;
    border-top: 8px solid #f0f0f0;
}

/* 판매회원 등록 컨텐츠 */
.seller{
    padding-top: 0;
}
.seller .w_tit{
    padding: 10px 16px;
    background: #FAFBFC;
}
.seller .list_option{
    justify-content: right;
    padding-top: 15px;
    padding-bottom: 5px;
}
.seller .list_option h3{
    font-size: 13px;
}
.seller .list_option .right{}
.seller .list_option .right .checkbox{
    margin-left: 0;
    margin-right: 10px;
}

/* 사용 내역 */
.history{}
.history .notice_txt{
    padding: 20px 16px 17px;
}
.history .list_option{}
.history .b_con{}
.history .b_con .l_title{
    margin-top: 0;
}
.history .b_con .l_title li .l_d{
	width: 30%;
}
.history .b_con .l_title li .l_n{
	width: 45%;
}
.history .b_con .l_title li .l_p{
	width: 25%;
}
.history .b_con .l_con{}
.history .b_con .l_con li{}
.history .b_con .l_con li .l_left{
	display: flex;
    width: 30%;
}
.history .b_con .l_con li .l_left .checkbox{
    padding: 0;
    padding-right: 3px;
    width: 23px;
}
.history .b_con .l_con li .l_left .checkbox label{
    position: relative;
    display: inline-block;
    top: 9px;
    vertical-align: top;
}
.history .b_con .l_con li .l_left .l_d{
    width: calc(100% - 23px);
    font-size: 12px;
}
.history .b_con .l_con li .l_n{
    width: 45%;
    font-size: 12px;
	text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.history .b_con .l_con li .l_p{
    width: 25%;
    font-size: 12px;
}
.history .b_con .more_btn{
	border-top: 0;
}

/* 충전 내역 */
.fill{}
.fill .b_con{}
.fill .b_con .l_title{}
.fill .b_con .l_title li{}
.fill .b_con .l_title li .l_d{
    width: 23%;
}
.fill .b_con .l_title li .l_n{
    width: 30%;
}
.fill .b_con .l_title li .l_c{
    width: 23%;
}
.fill .b_con .l_title li .l_p{
    width: 24%;
}
.fill .b_con .l_con{}
.fill .b_con .l_con li{}
.fill .b_con .l_con li .l_d{
    width: 23%;
}
.fill .b_con .l_con li .l_n{
    width: 30%;
}
.fill .b_con .l_con li .l_c{
    width: 23%;
}
.fill .b_con .l_con li .l_p{
    width: 24%;
}

/* 회원가입 */
.signup{}
.signup form{}
.signup form .user_info{
    padding: 0 16px 30px;
    border-bottom: 1px solid #ddd;
}
.signup form h4{
    padding: 20px 0 8px;
}
.signup form .l_con{}
.signup form .l_con i{}
.signup form .s_id i{}
.signup form .s_pw i{}
.signup form .s_pw2 i{}
.signup form .s_nickname i{}
.signup form .c_txt{}
.signup form .submit_btn{}
.signup form .s_alert{
	display: block;
    margin-top: 7px;
    font-size: 13px;
    color: #e53400;
}
.signup form .s_alert.active{
	color: #5135A4;
}
.signup form .s_txt{
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.signup form .sns_btn{}
.signup form .sns_btn li{}
.signup form .sns_btn li a{
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    text-align: center;
    color: #606060;
    border-radius: 3px;
}
.signup form .sns_btn .kakao a{}
.signup form .sns_btn .naver a{}
.signup form .sns_btn .google a{}
.signup form .sns_btn li a i{
    display: inline-block;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.signup form .sns_btn .kakao a i{}
.signup form .sns_btn .naver a i{}
.signup form .sns_btn .google a i{}
.signup form .checkbox .c_box{
    margin-right: 5px;
}
.signup form .agree{
    padding: 30px 16px 70px;
    border-top: 8px solid #f0f0f0;
}
.signup form .agree_all{}
.signup form .agree_list{
}
.signup form .agree_list li{
    margin-top: 20px;
}
.signup form .agree_list li .a_con{
    padding: 10px;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow-y: auto;
}
.signup form .agree_list li .a_con h6{
    font-size: 12px;
}
.signup form .agree_list li .a_con p{
    padding: 4px 0;
    font-size: 12px;
    word-break: normal;
    color: #606060;
}
.signup form .agree_list li .checkbox{
    padding-top: 10px;
}

/* 비밀번호 변경 */
.user{
    padding: 20px 16px 0;
}
.user .notice_txt{}
.user form{}
.user form h4{
    padding: 15px 0 8px;
}
.user form h4:first-child{
    padding-top: 17px;
}
.user form .l_con{}
.user form .l_con input{
    padding-left: 15px;
}
.user form .l_con .c_txt{
    display: none;
}
.user form .con_btn{
    padding-top: 20px;
}

/* 탈퇴하기 */
.user .submit_btn{
    margin-top: 17px;
}

/* 개인정보 취급방침 */
.nav_list{
    padding: 15px 16px 0;
}
.nav_list p{
    padding-top: 5px;
    font-size: 13px;
    word-break: normal;
}
.nav_list h4{
    padding-top: 10px;
    word-break: normal;
}
.nav_list span{
    display: block;
    margin-top: 5px;
    font-size: 13px;
}
.nav_list ul{}
.nav_list ul li{}
.nav_list ul li p{}

/* 저작권 보호센터 */
.f_search{
    padding: 0 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.f_copy .b_con{
	border: 0;
}
.f_copy .b_con .con_list li:last-child{
	border-bottom: 1px solid #ddd;
}
.f_copy .b_con .more_btn{
	border-top: 0;
}

/* 등록정보창 */
.detail{
    padding-top: 50px;
}
.detail .d_top{
    padding: 20px 16px 0;
}
.detail .d_top h4{
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #202020;
    overflow: hidden;
    word-break: break-all;
}
.detail .d_top .d_info{
    display: flex;
    flex-wrap: wrap;
	margin-top: 10px;
    border-top: 1px solid #ddd;
}
.detail .d_top .d_info dl{
    display: flex;
    width: 50%;
    height: 30px;
    border-bottom: 1px solid #ddd;
}
.detail .d_top .d_info dl dt{
    width: 70px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    background: #FAFBFC;
    color: #202020;
}
.detail .d_top .d_info dl dd{
	padding: 0 5px;
    width: calc(100% - 70px);
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #202020;
}
.detail .d_top .d_info .price dd{
    font-weight: 600;
    color: #5135A4;
}
.detail .d_top .d_info .file{
    display: block;
    margin-top: 10px;
    width: 100%;
    height: auto;
    border-top: 1px solid #ddd;
}
.detail .d_top .d_info .file dt{
    position: relative;
    width: 100%;
    line-height: 28px;
    border-bottom: 1px solid #ddd;
}
.detail .d_top .d_info .file dt .more{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
}
.detail .d_top .d_info .file dt .more i{
    width: 100%;
    height: 100%;
    background: url(/design/img/arrow.png) no-repeat center;
    background-size: 40%;
}
.detail .d_top .d_info .file dt .report{
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
}
.detail .d_top .d_info .file dt .report i{
    margin: auto;
    width: 12px;
    height: 12px;
    background: url(/design/img/report.png) no-repeat center;
	background-size: 100%;
}
.detail .d_top .d_info .file.active dt .more i{
    transform: rotate(180deg);
}
.detail .d_top .d_info .file dd{
    position: relative;
    padding: 0;
    width: 100%;
    height: 40px;
}
.detail .d_top .d_info .file dd .f_list{
	position: absolute;
    top: 0;
    left: 0;
    padding: 5px 0;
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid transparent;
    border-top: 0;
    overflow: hidden;
    z-index: 1;
}
.detail .d_top .d_info .file.active dd .f_list{
    height: auto;
    border: 1px solid #ddd;
    border-top: 0;
}
.detail .d_top .d_info .file dd .f_list li{
    position: relative;
    padding: 0 75px 0 10px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    text-align: left;
    color: #202020;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.detail .d_top .d_info .file dd .f_list li .play{
	position: absolute;
    top: 5px;
    right: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #5135A4;
}
.detail .d_top .d_info .file dd .f_list .active .play{
    right: 15px;
    color: #F22795;
}
.detail .d_top .d_info .file dd .f_list .active .play i{
    position: absolute;
    top: 3px;
    left: -20px;
    width: 14px;
    height: 14px;
    background: url(
    /design/img/this.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.detail .d_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 16px 20px;
    border-bottom: 1px solid #ddd;
}
.detail .d_btn li{
    padding: 0 3px;
    height: 40px;
}
.detail .d_btn .coupon{
    width: 28%;
}
.detail .d_btn .view{
    width: 28%;
}
.detail .d_btn .download{
    width: 28%;
}
.detail .d_btn .wishlist{
	width: 15%;
}
.detail .d_btn li a{
    display: block;
    line-height: 38px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #b0b0b0;
    border: 1px solid #b0b0b0;
    border-radius: 3px;
}
.detail .d_btn li.focus a{
	line-height: 40px;
    background: #5135A4;
    color: #fff;
    border: 0;
}
.detail .d_btn li.sub a{
    color: #5135A4;
    border: 1px solid #5135A4;
}
.detail .d_btn .coupon a{
    border: 1px solid #ddd;
}
.detail .d_btn .view a{}
.detail .d_btn .download a{}
.detail .d_btn li a i{
	position: relative;
    top: -1px;
    margin-right: 1px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.detail .d_btn .view a i{
    background: url(/design/img/play.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .download a i{
    background: url(/design/img/down.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .coupon i{
	background: url(/design/img/coupon.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .wishlist a i{
	top: -2px;
	margin-right: 0;
    background: url(/design/img/heart.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .view.focus a i{
    background: url(/design/img/play_w.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .download.focus a i{
    background: url(/design/img/down_w.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .coupon.focus i{
	background: url(/design/img/coupon_w.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .view.sub a i{
    background: url(/design/img/play_c.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .download.sub a i{
    background: url(/design/img/down_c.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .coupon.sub i{
	background: url(/design/img/coupon_c.png) no-repeat center;
    background-size: 100%;
}
.detail .d_btn .wishlist.active a{
	color: #E36B48;
	border-color: #E36B48;
}
.detail .d_btn .wishlist.active a i{
    background: url(/design/img/heart_w.png) no-repeat center;
    background-size: 100%;
}
.detail .d_banner{
    height: auto;
    overflow: hidden;
    border-top: 8px solid #f0f0f0;
}
.detail .d_banner a{
    display: block;
    height: 100%;
}
.detail .d_banner img{}
.detail .d_bot{
    padding: 10px 16px;
    border-top: 8px solid #f0f0f0;
}
.detail .d_bot p{
    margin: 10px 0;
    font-size: 13px;
    color: #606060;
}
.detail .d_bot .alert{
    padding: 5px;
    font-size: 11px;
    line-height: 1.5;
    background: #f9f9f9;
    color: #808080;
    word-break: normal;
}
.detail .d_sell{
    padding-top: 20px;
    border-top: 8px solid #f0f0f0;
}
.detail .d_sell .s_top{
    position: relative;
    padding: 0 16px;
}
.detail .d_sell .s_top h3{
    color: #5135A4;
}
.detail .d_sell .s_top h3 i{
	position: relative;
    display: inline-block;
    top: -1px;
    margin-right: 3px;
    width: 18px;
    height: 18px;
    background: url(/design/img/check.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.detail .d_sell .s_top .s_count{
    position: absolute;
    top: 1px;
    right: 16px;
    font-size: 13px;
    color: #606060;
}
.detail .d_sell .s_top .s_count strong{
    font-size: 13px;
    color: #5135A4;
}
.detail .d_sell .s_top .s_count i{
    position: relative;
    display: inline-block;
    margin-left: 3px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: url(/design/img/next.png) no-repeat center;
    vertical-align: top;
}
.detail .d_sell .b_con{
    margin-top: 10px;
    border-top: 1px solid #ddd;
}
.detail .t_btn{
    position: fixed;
    display: none;
    top: 50px;
    left: 0;
    padding: 0 16px;
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.detail .t_btn.active{
    display: block;
}
.detail .t_btn ul{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.detail .t_btn li{
	padding: 0 3px;
    height: 34px;
    line-height: 50px;
}
.detail .t_btn .wishlist{
	width: 15%;
}
.detail .t_btn .coupon{
    width: 28%;
}
.detail .t_btn .view{
    width: 28%;
}
.detail .t_btn .download{
    width: 28%;
}
.detail .t_btn .view a{}
.detail .t_btn .download a{}
.detail .t_btn .download a i{}
.detail .t_btn li a{
    display: block;
    height: 34px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
	color: #b0b0b0;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.detail .t_btn li.focus a{
	line-height: 32px;
    background: #5135A4;
    color: #fff;
    border: 0;
}
.detail .t_btn li.sub a{
	color: #5135A4;
    border: 1px solid #5135A4;
}
.detail .t_btn li a i{
    margin-right: 1px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.detail .t_btn .view a i{
    background: url(/design/img/play.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .download a i{
    background: url(/design/img/down.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .coupon i{
	background: url(/design/img/coupon.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .wishlist a i{
	position: relative;
	top: -1px;
	margin-right: 0;
    background: url(/design/img/heart.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .view.focus a i{
    background: url(/design/img/play_w.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .download.focus a i{
    background: url(/design/img/down_w.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .coupon.focus i{
	background: url(/design/img/coupon_w.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .view.sub a i{
    background: url(/design/img/play_c.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .download.sub a i{
    background: url(/design/img/down_c.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .coupon.sub i{
	background: url(/design/img/coupon_c.png) no-repeat center;
    background-size: 100%;
}
.detail .t_btn .wishlist.active a{
	color: #E36B48;
	border-color: #E36B48;
}
.detail .t_btn .wishlist.active a i{
    background: url(/design/img/heart_w.png) no-repeat center;
    background-size: 100%;
}
.bot_btn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 48px;
    text-align: center;
    background: #5135A4;
}
.bot_btn .locate{
    position: absolute;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: rgba(255,255,255,.1);
    border-radius: 100%;
}
.bot_btn .prev{
    left: 16px;
}
.bot_btn .next{
    right: 16px;
}
.bot_btn .locate i{
    margin: auto;
    font-size: 24px;
    color: #fff;
}
.bot_btn .close{
    display: inline-block;
    padding: 8px 30px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    vertical-align: middle;
}
.r_popup{
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 20;
}
.r_popup .p_box{
    display: flex;
    width: 100%;
    height: 100%;
}
.r_popup .p_box .p_con{
    margin: auto;
    padding: 0 16px;
}
.r_popup .p_box .p_con .p_head{
    position: relative;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    background: #5135A4;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.r_popup .p_box .p_con .p_head span{
    font-size: 13px;
    color: #fff;
}
.r_popup .p_box .p_con .p_head .close{
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 10px;
    font-size: 0;
}
.r_popup .p_box .p_con .p_head .close i{
    font-size: 18px;
    color: #fff;
}
.r_popup .p_box .p_con .p_body{
    padding: 0 15px 15px;
    background: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.r_popup .p_box .p_con .p_body .r_info{}
.r_popup .p_box .p_con .p_body .r_info li{}
.r_popup .p_box .p_con .p_body .r_info li h4{
    padding-top: 15px;
}
.r_popup .p_box .p_con .p_body .r_info li .r_con{
    padding-top: 8px;
}
.r_popup .p_box .p_con .p_body .r_info li .r_con .r_list{
    display: inline-block;
    width: 30%;
}
.r_popup .p_box .p_con .p_body .r_info li .r_con .c_sel{
    width: 100%;
    height: 35px;
}
.r_popup .p_box .p_con .p_body .s_txt{
    display: block;
    padding-top: 10px;
    word-break: normal;
}
.r_popup .p_box .p_con .p_body .con_btn{}

/* 등록정보창 - ios */
.detail_ios .d_btn .view{
    width: 28%;
}
.detail_ios .d_btn .download{
    display: none;
}
.detail_ios .d_btn .coupon{
    width: 28%;
}
.detail_ios .d_btn .coupon i{
    background: url(/design/img/coupon.png) no-repeat center;
    background-size: 100%;
}
.detail_ios .d_btn .wishlist{
    width: 15%;
}
.detail_ios .d_btn .wishlist .checkbox{
    height: 40px;
}
.detail_ios .d_btn .wishlist .checkbox label{
    line-height: 38px;
    text-align: center;
    background: none;
    color: #808080;
}
.detail_ios .d_btn .wishlist .checkbox label i{
    position: relative;
    display: inline-block;
    top: 6px;
    margin-right: 3px;
    width: 19px;
    height: 19px;
    background: url(/design/img/heart.png) no-repeat center;
    background-size: 100%;
}
.detail_ios .d_btn .wishlist input[type=checkbox]:checked + label{
    background: none;
}
.detail_ios .d_btn .wishlist input[type=checkbox]:checked + label i{
    background: url(/design/img/heart_w.png) no-repeat center;
    background-size: 100%;
}

.detail_ios .t_btn ul .view{
    width: 28%;
}
.detail_ios .t_btn ul .download{
    display: none;
}
.detail_ios .t_btn ul .coupon{
    width: 28%;
}
.detail_ios .t_btn ul .coupon i{
    background: url(/design/img/coupon.png) no-repeat center;
    background-size: 100%;
}
.detail_ios .t_btn ul .wishlist{
    width: 15%;
}
.detail_ios .t_btn ul .wishlist .checkbox{
    height: 34px;
}
.detail_ios .t_btn ul .wishlist .checkbox label{
    line-height: 32px;
    text-align: center;
    background: none;
    color: #808080;
}
.detail_ios .t_btn ul .wishlist .checkbox label i{
    position: relative;
    display: inline-block;
    top: 6px;
    margin-right: 3px;
    width: 19px;
    height: 19px;
    background: url(/design/img/heart.png) no-repeat center;
    background-size: 100%;
}
.detail_ios .t_btn ul .wishlist input[type=checkbox]:checked + label{
    line-height: 32px;
    background: none;
}
.detail_ios .t_btn ul .wishlist input[type=checkbox]:checked + label i{
    background: url(/design/img/heart_w.png) no-repeat center;
    background-size: 100%;
}

/* 카카오페이 본인 인증 */
.wrap .kakao_con{
    width: 100%;
}
.wrap .kakao_con .k_head{
    display: flex;
	justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    background: #f9f9f9;
    color: #202020;
}
.wrap .kakao_con .k_head .k_icon{
    display: inline-block;
    margin-right: 5px;
    width: 50px;
    height: 100%;
    background: url(/design/img/kakaopay_icon.png) no-repeat center;
    background-size: 100%;
}
.wrap .kakao_con form{
    padding: 0 16px;
}
.wrap .kakao_con form .f_item{
    padding-top: 15px;
    font-size: 14px;
    color: #404040;
}
.wrap .kakao_con form .f_item .f_input{
    display: block;
    margin-top: 5px;
    padding: 0 15px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #404040;
    border: 1px solid #aaa;
    border-radius: 3px;
}
.wrap .kakao_con input:focus{
    border: 1px solid #ecd900 !important;
    outline: none;
}
.wrap .kakao_con .checkbox input[type=checkbox] + label i{
    color: #404040;
}
.wrap .kakao_con form .f_item .gender{
    display: flex;
    margin-top: 5px;
}
.wrap .kakao_con form .f_item .gender .c_list{
    margin-right: 20px;
}
.wrap .kakao_con form .f_item .gender .c_list input{
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
}
.wrap .kakao_con form .f_item .gender .c_list label{
    font-size: 14px;
    color: #404040;
}
.wrap .kakao_con form .f_item .gender .c_list label .a_box:after{
    background: #404040;
}
.wrap .kakao_con form .f_agree{
    padding-top: 20px;
}
.wrap .kakao_con form .f_agree .checkbox label .c_box{
	margin-right: 5px;
    border: 1px solid #aaa;
}
.wrap .kakao_con form .f_agree .f_g_all{}
.wrap .kakao_con form .f_agree .f_g_list{
    position: relative;
    margin-top: 10px;
    border-top: 1px solid #ddd;
}
.wrap .kakao_con form .f_agree .f_g_list li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}
.wrap .kakao_con form .f_agree .f_g_list li .checkbox{}
.wrap .kakao_con form .f_agree .f_g_list li .info_btn{
    font-size: 13px;
    color: #909090;
}
.wrap .kakao_con form .f_agree .f_g_list li .info_box{
    position: absolute;
    display: none;
    top: 13px;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
}
.wrap .kakao_con form .f_agree .f_g_list li .info_box .i_tit{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background: #FAFBFC;
    border-bottom: 1px solid #ccc;
}
.wrap .kakao_con form .f_agree .f_g_list li .info_box .i_tit h5{
    font-size: 14px;
    color: #606060;
}
.wrap .kakao_con form .f_agree .f_g_list li .info_box .i_tit .close{
    display: flex;
    width: 24px;
    height: 24px;
}
.wrap .kakao_con form .f_agree .f_g_list li .info_box .i_tit .close i{
    margin: auto;
    font-size: 20px;
    color: #606060;
}
.wrap .kakao_con form .f_agree .f_g_list li .info_box dl{
    padding: 5px 10px;
    height: 132px;
    overflow-y: auto;
}
.wrap .kakao_con form .f_agree .f_g_list li .info_box dl dt{
    padding: 5px 0 0;
    font-size: 13px;
    color: #606060;
}
.wrap .kakao_con form .f_agree .f_g_list li .info_box dl dd{
    font-size: 13px;
    color: #b0b0b0;
}
.wrap .kakao_con form .f_agree .sub_btn{
    margin-top: 20px;
    width: 100%;
    line-height: 55px;
    font-size: 15px;
    font-weight: 700;
    background: #ffeb00;
    border: 0;
    border-radius: 3px;
    color: #404040;
}

/* 검색 결과 */
.wrap .search_list{
    padding: 2px 2px 0;
    background: #f0f0f0;
}
.wrap .search_list ul{
    display: flex;
    flex-wrap: wrap;
}
.wrap .search_list ul li{
    padding: 0 2px;
    padding-top: 4px;
    width: 20%;
}
.wrap .search_list ul li a{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    background: #fff;
    color: #606060;
    border-radius: 3px;
}
.wrap .search_list ul li.active a{
    line-height: 28px;
    font-weight: 600;
    color: #5135A4;
    border: 1px solid #5135A4;
}
.wrap .search_con{
    margin-bottom: 15px;
    padding: 0 16px;
    padding-bottom: 20px;
    border-bottom: 8px solid #f0f0f0;
}
.wrap .search_con .s_box{}
.wrap .search_con .s_box h5{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    word-break: break-all;
}
.wrap .search_con .s_box h5 i{
    position: relative;
    display: inline-block;
    top: 1px;
    margin-right: 3px;
    font-size: 14px;
    color: #404040;
}
.wrap .search_con .s_box h5 span{
    font-size: 14px;
    color: #E36B48;
}
.wrap .search_con .s_box h5 strong{
    font-size: 14px;
    color: #E36B48;
}
.wrap .search_con .search_notice{}
.wrap .search_con .search_notice p{
    padding-top: 5px;
    font-size: 13px;
    word-break: break-all;
}
.wrap .search_con .search_notice p strong{
    font-size: 13px;
    color: #E36B48;
}
.wrap .search_con .search_non{}
.wrap .search_con .search_request{}
.wrap .search_con .search_request .notice_txt{
    margin-top: 10px;
    padding: 8px;
    background: #f9f9f9;
}
.wrap .search_con .search_request .notice_txt li{
	color: #909090;
}
.wrap .search_con .search_request .s_center{
    display: flex;
    padding-top: 10px;
}
.wrap .search_con .search_request .s_center .s_top{
    display: inline-block;
    width: 20%;
}
.wrap .search_con .search_request .s_center .s_top a{
    display: block;
    padding-left: 4px;
    height: 34px;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    background: #F6F5FA;
    border: 1px solid #c0b2e9;
    color: #5135A4;
    border-radius: 3px;
}
.wrap .search_con .search_request .s_center .s_top a i{
    position: relative;
    top: -11px;
    margin-left: 2px;
    width: 12px;
    height: 12px;
    font-size: 0;
    background: url(/design/img/more.png) no-repeat center;
    background-size: 100%;
}
.wrap .search_con .search_request .s_center .s_bot{
    padding-left: 10px;
    width: 80%;
    font-size: 12px;
    line-height: 1.3;
    color: #909090;
    word-break: break-all;
}
.wrap .list_option .left{}
.wrap .list_option .left .search_count{
    display: inline-block;
    padding-bottom: 6px;
    font-size: 13px;
}
.wrap .list_option .left .search_count strong{
	margin: 0 5px;
    margin-right: 3px;
    font-size: 13px;
    color: #5135A4;
}
.wrap .b_title{
    margin-top: -23px;
    padding: 10px 16px;
    background: #f9f9f9;
    border-top: 1px solid #eee;
}
.wrap .b_title h4{
    color: #606060;
}

/* 판매회원 신청 이벤트 */
.e_seller{}
.e_seller .b_con{}
.e_seller .b_con .section img{
	width: 100%;
}
.e_seller .b_con .section1{
	position: relative;
}
.e_seller .b_con .section1 .seller_btn{
	position: absolute;
    bottom: 13px;
    left: 0;
    padding: 0 50px;
}
.e_seller .b_con .section1 .seller_btn a{
	display: block;
    height: 100%;
}

/* 지식인 이벤트 */
.e_intell{
	padding-top: 20px;
}
.e_intell .b_con{}
.e_intell .b_con .section{}
.e_intell .b_con .section img{}
.e_intell .b_con .section1 .i_keyword{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding-bottom: 20px;
}
.e_intell .b_con .section1 .i_keyword li{
    padding: 0 5px 10px;
    width: 33.3%;
}
.e_intell .b_con .section1 .i_keyword li a{
    display: inline-block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    text-align: center;
    background: #f5f5f5;
    color: #606060;
    border-radius: 25px;
}
.e_intell .b_con .section3{
    padding-bottom: 40px;
}
.e_intell .b_con .section3 .i_form{
    display: flex;
    padding: 0 15px;
}
.e_intell .b_con .section3 .i_form .i_left{
    padding-right: 5px;
    width: 70%;
}
.e_intell .b_con .section3 .i_form .i_left input{
    height: 40px;
    font-size: 13px;
}
.e_intell .b_con .section3 .i_form .i_left input:last-child{
    margin-top: 5px;
}
.e_intell .b_con .section3 .i_form .i_right{
    display: inline-block;
    width: 30%;
    height: 85px;
    line-height: 85px;
    font-size: 14px;
    text-align: center;
    background: #38b845;
    color: #fff;
    border-radius: 3px;
}
.e_intell .b_con .section5{
    padding: 0 15px;
    padding-bottom: 30px;
    background: #f4f5f9;
}
.e_intell .b_con .section5 .intel_list{}
.e_intell .b_con .section5 .intel_list li{
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    color: #606060;
}
.e_intell .b_con .section5 .intel_list li:last-child{
    margin-right: 0;
}
.e_intell .b_con .section5 .intel_list li strong{
    font-size: 12px;
    font-weight: 500;
}
.e_intell .b_con .section5 .intel_list .i_one strong{}
.e_intell .b_con .section5 .intel_list .i_two strong{
    color: #0049dd;
}
.e_intell .b_con .section5 .intel_list .i_three strong{
    color: #dd0000;
}
.e_intell .b_con .section5 .intel_list .i_four strong{
    color: #0049dd;
}
.e_intell .b_con .section5 .intel_con{
    margin-top: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
}
.e_intell .b_con .section5 .intel_con .i_head{
    display: flex;
    background: #eee;
    border-bottom: 1px solid #ccc;
}
.e_intell .b_con .section5 .intel_con .i_head span{
    width: 23%;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    text-align: center;
    color: #404040;
}
.e_intell .b_con .section5 .intel_con .i_head span:nth-child(3){
    width: 31%;
}
.e_intell .b_con .section5 .intel_con .i_body{}
.e_intell .b_con .section5 .intel_con .i_body li{
	height: 34px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.e_intell .b_con .section5 .intel_con .i_body li span{
    display: inline-block;
    width: 23%;
    height: 34px;
    line-height: 32px;
    font-size: 11px;
    text-align: center;
    color: #606060;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.e_intell .b_con .section5 .intel_con .i_body li .i_pass{
    color: #0049dd;
}
.e_intell .b_con .section5 .intel_con .i_body li .i_nopass{
    color: #dd0000;
}
.e_intell .b_con .section5 .intel_con .i_body li span:nth-child(3){
    width: 29%;
}
.e_intell .b_con .section5 .intel_con .more_btn{
    margin-bottom: 0;
    height: 34px;
    line-height: 34px;
    background: #fff;
    border-top: 0;
    border-bottom: 1px solid #ccc;
}
.e_intell .b_con .section5 .intel_con .a_txt{
	border-bottom: 1px solid #ccc;
}

/* 출석체크 */
.e_attend{
	padding-top: 20px;
}
.e_attend .b_con{}
.e_attend .b_con .section{
    background: #44c2bf;
}
.e_attend .b_con .section img{}
.e_attend .b_con .section1{
    padding-bottom: 15px;
}
.e_attend .b_con .section1 .d_center{
	padding: 0px 15px;
}
.e_attend .b_con .section1 .d_center ul{}
.e_attend .b_con .section1 .d_center ul li{
    position: relative;
    padding-left: 15px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
}
.e_attend .b_con .section1 .d_center ul li strong{
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #ffe400;
}
.e_attend .b_con .section1 .d_center ul li:after{
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(/design/img/event/attendance/check.png) no-repeat center;
	background-size: 100%;
}
.e_attend .b_con .section1 .d_center .d_count{
    display: inline-block;
    margin-top: 5px;
    padding: 0 12px;
    height: 30px;
    line-height: 28px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    background: #202020;
    color: #fff;
    border-radius: 25px;
}
.e_attend .b_con .section1 .d_center .d_count strong{
    padding: 0 3px;
    font-size: 13px;
    font-weight: 600;
    color: #ff5b96;
}
.e_attend .b_con .section2{
	padding: 0 15px 20px;
	overflow: hidden;
}
.e_attend .b_con .section2 .attend_btn{
    display: block;
    height: 100%;
}
.e_attend .b_con .section2 .calendar{
    position: relative;
    margin-top: 20px;
    border: 2px solid #202020;
    border-radius: 8px;
}
.e_attend .b_con .section2 .calendar:after{
	content:"";
	position: absolute;
	bottom: -15px;
	right: -25px;
	width: 40px;
	height: 40px;
	background: url(/design/img/event/attendance/coin.png) no-repeat center;
	background-size: 100%;
}
.e_attend .b_con .section2 .calendar .c_top{
    background: #e0dcd9;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.e_attend .b_con .section2 .calendar .c_top .c_month{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
}
.e_attend .b_con .section2 .calendar .c_top .c_month .arrow{
    display: flex;
    padding: 0;
    width: 30px;
    height: 30px;
    background: none;
}
.e_attend .b_con .section2 .calendar .c_top .c_month .prev{}
.e_attend .b_con .section2 .calendar .c_top .c_month .next{
    transform: rotate(90deg);
}
.e_attend .b_con .section2 .calendar .c_top .c_month .arrow i{
    margin: auto;
    font-size: 14px;
    color: #202020;
}
.e_attend .b_con .section2 .calendar .c_top .c_month .prev i{
    transform: rotate(-90deg);
}
.e_attend .b_con .section2 .calendar .c_top .c_month h5{
    padding: 0 5px;
    font-size: 20px;
    color: #202020;
}
.e_attend .b_con .section2 .calendar .c_mid{
    padding: 0 5px;
    background: #202020;
}
.e_attend .b_con .section2 .calendar .c_mid .c_tit{
    display: flex;
    justify-content: center;
}
.e_attend .b_con .section2 .calendar .c_mid .c_tit li{
    padding: 5px 0;
    width: 14%;
    font-size: 11px;
    text-align: center;
    color: #fff;
}
.e_attend .b_con .section2 .calendar .c_bot{
    padding: 10px 5px;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.e_attend .b_con .section2 .calendar .c_bot .c_day{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.e_attend .b_con .section2 .calendar .c_bot .c_day li{
    margin-bottom: 6px;
    padding: 0px 2px;
    width: 14%;
}
.e_attend .b_con .section2 .calendar .c_bot .c_day .c_blank{}
.e_attend .b_con .section2 .calendar .c_bot .c_day li .d_con{
    position: relative;
    padding: 5px;
    padding-top: 22px;
    height: 58px;
    text-align: right;
    background: #f5f5f5;
}
.e_attend .b_con .section2 .calendar .c_bot .c_day li .d_con span{
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 11px;
}
.e_attend .b_con .section2 .calendar .c_bot .c_day li .d_con figure{
    display: block;
    width: 100%;
    height: 30px;
    background: url(/design/img/event/attendance/check_off.png) no-repeat center;
    background-size: 100%;
}
.e_attend .b_con .section2 .calendar .c_bot .c_day .c_blank .d_con figure{
    display: none;
}
.e_attend .b_con .section2 .calendar .c_bot .c_day li.active .d_con figure{
    background: url(/design/img/event/attendance/check_on.png) no-repeat center;
    background-size: 100%;
}

/* 불법촬영물 신고 */
.illegal{
    padding-top: 20px;
}
.illegal .section{}
.illegal .section img{}
.illegal .section2{
    background: #985be7;
}
.illegal .section2 .s_top_btn{
    display: block;
    margin: 0 auto;
    padding: 0 15px;
    height: 100%;
}
.illegal .normal{
    background: #5c53e2;
}
.illegal .normal .con_center{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 15px;
}
.illegal .normal .con_center .s_bot_btn{
    display: block;
    margin-bottom: 10px;
    width: 49%;
    height: 100%;
}
.illegal .normal .con_center .s_bot{
    margin-top: 10px;
}

/* 100원 이벤트 */
.first100{
	padding-top: 20px;
}
.first100 .b_con{}
.first100 .b_con .section{}
.first100 .b_con .section img{}
.first100 .b_con .section2{
	background: #aed7e3;
}
.first100 .b_con .section2 .con_center{
	padding: 0 16px;
}
.first100 .b_con .section2 .con_center ul{
	display: flex;
	margin: 0 -5px;
}
.first100 .b_con .section2 .con_center ul li{
	padding: 0 5px;
	width: 33.3%;
}
.first100 .b_con .section2 .con_center ul li a{
	display: block;
	height: 100px;
	background: #fff;
	border: 2px solid #162d58;
	border-radius: 5px;
}
.first100 .b_con .section2 .con_center ul .pay1 a{
	background: url(/design/img/event/temporarily_100/pay1.png) no-repeat center #fff;
	background-size: 90%;
}
.first100 .b_con .section2 .con_center ul .pay2 a{
	background: url(/design/img/event/temporarily_100/pay2.png) no-repeat center #fff;
	background-size: 90%;
}
.first100 .b_con .section2 .con_center ul .pay3 a{
	background: url(/design/img/event/temporarily_100/pay3.png) no-repeat center #fff;
	background-size: 90%;
}

/* 미션 달성 이벤트 */
/*
.mission{
    padding-top: 20px;
}
.mission .b_con{}
.mission .b_con .section{}
.mission .b_con .section img{}
.mission .b_con .section2{
    padding: 30px 0 50px;
    background: #fcfcfc;
}
.mission .b_con .section2 .con_center{
}
.mission .b_con .section2 .con_center ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.mission .b_con .section2 .con_center ul li{
    position: relative;
    padding-top: 10px;
    width: 100%;
    text-align: center;
}
.mission .b_con .section2 .con_center ul li:first-child{
    padding-top: 20px;
}
.mission .b_con .section2 .con_center ul li:last-child{
    padding-bottom: 20px;
}
.mission .b_con .section2 .con_center .m_start{
    padding: 0;
    width: 100%;
    text-align: center;
}
.mission .b_con .section2 .con_center .m_start figure{
    display: inline-block;
    width: 18%;
    vertical-align: middle;
}
.mission .b_con .section2 .con_center ul .left{
    padding-right: 50%;
}
.mission .b_con .section2 .con_center ul .left:after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%;
    background: #000;
}
.mission .b_con .section2 .con_center ul .right{
    padding-left: 50%;
}
.mission .b_con .section2 .con_center ul .right:after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%;
    background: #000;
}
.mission .b_con .section2 .con_center ul li div{
    width: 100%;
}
.mission .b_con .section2 .con_center ul .left div{
    padding: 0 10px 0 20px;
}
.mission .b_con .section2 .con_center ul .right div{padding: 0 20px 0 10px;}
.mission .b_con .section2 .con_center ul li div figure{position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 30px;background: #b0b0b0;border-radius: 50px;z-index: 1;}
.mission .b_con .section2 .con_center ul .left .point figure:after,
.mission .b_con .section2 .con_center ul .left .bonus figure:after{
    content: "";
    position: absolute;
    bottom: -8px;
    right: 15px;
    width: 16px;
    height: 12px;
    background: url(/design/img/event/mission/pointer.png) no-repeat center;
    background-size: 100%;
    z-index: -1;
}
.mission .b_con .section2 .con_center ul .left.active .point figure:after,
.mission .b_con .section2 .con_center ul .left.active .bonus figure:after{
    background: url(/design/img/event/mission/pointer_a.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section2 .con_center ul .left.success .point figure:after,
.mission .b_con .section2 .con_center ul .left.success .bonus figure:after{
    background: url(/design/img/event/mission/pointer_s.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section2 .con_center ul .right .point figure:after,
.mission .b_con .section2 .con_center ul .right .bonus figure:after{
    content: "";
    position: absolute;
    bottom: -8px;
    left: 15px;
    width: 16px;
    height: 12px;
    background: url(/design/img/event/mission/pointer.png) no-repeat center;
    background-size: 100%;
    z-index: -1;
}
.mission .b_con .section2 .con_center ul .right.active .point figure:after,
.mission .b_con .section2 .con_center ul .right.active .bonus figure:after{
    background: url(/design/img/event/mission/pointer_a.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section2 .con_center ul .right.success .point figure:after,
.mission .b_con .section2 .con_center ul .right.success .bonus figure:after{
    background: url(/design/img/event/mission/pointer_s.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section2 .con_center ul .success div figure{
    background: #5c5c5c;
}
.mission .b_con .section2 .con_center ul .active div figure{
    background: #5932a8;
}
.mission .b_con .section2 .con_center ul li div figure .coin{
    display: inline-block;
    width: 29px;
    height: 29px;
    border: 1px solid #b0b0b0;
    border-radius: 100%;
}
.mission .b_con .section2 .con_center ul li .point figure .coin{
    background: url(/design/img/event/mission/p_off.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section2 .con_center ul li .bonus figure .coin{
    background: url(/design/img/event/mission/b_off.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section2 .con_center ul .active .point figure .coin{
    background: url(/design/img/event/mission/p_on.png) no-repeat center;
    background-size: 100%;
    border-color: #5932a8;
}
.mission .b_con .section2 .con_center ul .active .bonus figure .coin{
    background: url(/design/img/event/mission/b_on.png) no-repeat center;
    background-size: 100%;
    border-color: #5932a8;
}
.mission .b_con .section2 .con_center ul .success div figure .coin{
    background: url(/design/img/event/mission/success.png) no-repeat center;
    background-size: 100%;
    background-color: #5c5c5c;
}
.mission .b_con .section2 .con_center ul li div figure p{
    display: flex;
    padding-right: 20px;
    width: calc(100% - 29px);
    height: 100%;
    text-align: center;
}
.mission .b_con .section2 .con_center ul .active div figure p{}
.mission .b_con .section2 .con_center ul .success div figure p{}
.mission .b_con .section2 .con_center ul li div figure p span{
    margin: auto;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.mission .b_con .section2 .con_center ul .left .m_left{
    display: flex;
    justify-content: right;
    align-items: center;
    margin-top: 10px;
    padding: 0;
}
.mission .b_con .section2 .con_center ul .left .m_left span{
    display: inline-block;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #909090;
}
.mission .b_con .section2 .con_center ul .left.active .m_left span,
.mission .b_con .section2 .con_center ul .left.success .m_left span{
    color: #5135a4;
}
.mission .b_con .section2 .con_center ul .left .m_left figure{
    position: relative;
    display: flex;
    margin-right: -10px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #000;
    border-radius: 100%;
    z-index: 1;
}
.mission .b_con .section2 .con_center ul .left .m_left figure i{margin: auto;width: 8px;height: 8px;background: #b0b0b0;border-radius: 100%;}
.mission .b_con .section2 .con_center ul .left.active .m_left figure i,
.mission .b_con .section2 .con_center ul .left.success .m_left figure i{
    background: #5135a4;
}
.mission .b_con .section2 .con_center ul .right .m_right{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 10px;
    padding: 0;
}
.mission .b_con .section2 .con_center ul .right .m_right span{
    display: inline-block;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #909090;
}
.mission .b_con .section2 .con_center ul .right.active .m_right span,
.mission .b_con .section2 .con_center ul .right.success .m_right span{
    color: #5135a4;
}
.mission .b_con .section2 .con_center ul .right .m_right figure{position: relative;margin-left: -10px;width: 20px;height: 20px;background: #fff;border: 3px solid #000;border-radius: 100%;z-index: 1;}
.mission .b_con .section2 .con_center ul .right .m_right figure i{margin: auto;width: 8px;height: 8px;background: #b0b0b0;border-radius: 100%;}
.mission .b_con .section2 .con_center ul .right.success .m_right figure i,
.mission .b_con .section2 .con_center ul .right.active .m_right figure i{
    background: #5135a4;
}
.mission .b_con .section2 .con_center .m_btn{
    padding: 0;
    text-align: center;
}
.mission .b_con .section2 .con_center .m_btn a{
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #fff;
    border: 3px solid #000;
    border-radius: 100%;
}
.mission .b_con .section2 .con_center .m_btn.active a{
    background: #5135a4;
}
.mission .b_con .section2 .con_center .m_btn a figure{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 6px;
    width: 50px;
    height: 50px;
    background: #eee;
    border-radius: 100%;
}
.mission .b_con .section2 .con_center .m_btn.active a figure{
    background: #fff
}
.mission .b_con .section2 .con_center .m_btn a figure span{
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.mission .b_con .section2 .con_center .m_btn.active a figure span{
    color: #5135a4;
}
.mission .b_con .section2 .con_center .m_btn a figure h3{
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #909090;
}
.mission .b_con .section2 .con_center .m_btn.active a figure h3{
    color: #5135a4;
}
.mission .b_con .section3{
    text-align: center;
    height: 3px;
    background: #000;
}
.mission .b_con .section3 a{
    position: relative;
    display: inline-block;
    top: -20px;
    width: 150px;
    height: 40px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 600;
    background: #5135a4;
    color: #fff;
    border: 3px solid #000;
    border-radius: 50px;
}
.mission .b_con .section3 a i{
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(/design/img/event/mission/down.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.mission .section1_1{
    background: #5c5c5c;
}
.mission .section1_1 .con_center{
    display: flex;
    height: 45px;
}
.mission .section1_1 .con_center a{
    display: flex;
    width: 50%;
    height: 100%;
    vertical-align: middle;
}
.mission .section1_1 .con_center a.active{
    background: #fff;
}
.mission .section1_1 .con_center .m_stamp{}
.mission .section1_1 .con_center .m_stamp.active{}
.mission .section1_1 .con_center .m_point{}
.mission .section1_1 .con_center .m_point.active{}
.mission .section1_1 .con_center a i{
    margin: auto;
    width: 100px;
    height: 13px;
}
.mission .section1_1 .con_center .m_stamp i{
    background: url(/design/img/event/mission/m_btn1_off.png) no-repeat center;
    background-size: 100%;
}
.mission .section1_1 .con_center .m_stamp.active i{
    background: url(/design/img/event/mission/m_btn1_on.png) no-repeat center;
    background-size: 100%;
}
.mission .section1_1 .con_center .m_point i{
	background: url(/design/img/event/mission/m_btn2_off.png) no-repeat center;
	background-size: 100%;
}
.mission .section1_1 .con_center .m_point.active i{
	background: url(/design/img/event/mission/m_btn2_on.png) no-repeat center;
    background-size: 100%;
}
.mission .section1_2{
    padding: 50px 0;
}
.mission .section1_2 figure{
    display: none;
}
.mission .section1_2 figure img{}
.mission .section1_2 figure.active{
    display: block;
}
.mission .section1_3{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    background: #5135a4;
}
.mission .section1_3:after{
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 36px;
	height: 25px;
	background: url(/design/img/event/mission/mid.png) no-repeat center;
	background-size: 100%;
	z-index: 1;
}
.mission .section1_3 .m_get{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 0.6;
    color: #fff;
}
.mission .section1_3 .m_get i{
    display: inline-block;
    margin-right: 12px;
    width: 100px;
    height: 20px;
    background: url(/design/img/event/mission/get.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
*/

/* 미션 현황 */
.points .con_bot{
    padding: 15px 16px;
    border-top: 10px solid #f0f0f0;
}
.points .con_bot .my_mission{
    padding: 14px 10px;
    background: #f7f7f7;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}
.points .con_bot .my_mission .m_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.points .con_bot .my_mission .m_title h3{}
.points .con_bot .my_mission .m_title h3 i{
    position: relative;
    display: inline-block;
    top: 1px;
    margin-right: 3px;
    width: 13px;
    height: 13px;
    background: url(/design/img/icon/charge/m_coin.png) no-repeat center;
    background-size: 100%;
}
.points .con_bot .my_mission .m_title .m_view{
    display: flex;
    font-size: 12px;
    line-height: 1.3;
    color: #606060;
}
.points .con_bot .my_mission .m_title .m_view .m_btn{
    position: relative;
    display: inline-block;
    margin-left: 7px;
    width: 38px;
    height: 17px;
    background: #b0b0b0;
    border-radius: 50px;
    vertical-align: middle;
}
.points .con_bot.active .my_mission .m_title .m_view .m_btn{
    background: #5135a4;
}
.points .con_bot .my_mission .m_title .m_view .m_btn i{
    position: absolute;
    top: -1px;
    left: 0;
    width: 19px;
    height: 19px;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 100%;
}
.points .con_bot.active .my_mission .m_title .m_view .m_btn i{
    left: initial;
    right: 0;
}
.points .con_bot .my_mission .m_body{
    height: 0;
    transition: all 0.2s linear;
    overflow: hidden;
}
.points .con_bot.active .my_mission .m_body{
    height: 247px;
}
.points .con_bot .my_mission .m_body ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
    margin-top: 6px;
}
.points .con_bot .my_mission .m_body ul li{
    margin-top: 8px;
    padding: 0 3px;
    width: 20%;
}
.points .con_bot .my_mission .m_body ul li .m_con{
    border-radius: 3px;
    overflow: hidden;
}
.points .con_bot .my_mission .m_body ul li .m_con .m_tit{
    display: flex;
    height: 20px;
    text-align: center;
    background: #808080;
}
.points .con_bot .my_mission .m_body ul li.success .m_con .m_tit{
    background: #404040;
}
.points .con_bot .my_mission .m_body ul li.active .m_con .m_tit{
    background: #2c1277;
}
.points .con_bot .my_mission .m_body ul li .m_con .m_tit span{
    margin: auto;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: #fff;
}
.points .con_bot .my_mission .m_body ul li.success .m_con .m_tit span{}
.points .con_bot .my_mission .m_body ul li .m_con .m_txt{
    padding: 7px 0;
    text-align: center;
    background: #b0b0b0;
}
.points .con_bot .my_mission .m_body ul li.success .m_con .m_txt{
    background: #5c5c5c;
}
.points .con_bot .my_mission .m_body ul li.active .m_con .m_txt{
    background: #5135a4;
}
.points .con_bot .my_mission .m_body ul li .m_con .m_txt i{
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}
.points .con_bot .my_mission .m_body ul .point .m_con .m_txt i{
    background: url(/design/img/icon/charge/p_off.png) no-repeat center;
    background-size: 100%;
}
.points .con_bot .my_mission .m_body ul .bonus .m_con .m_txt i{
    background: url(/design/img/icon/charge/b_off.png) no-repeat center;
    background-size: 100%;
}
.points .con_bot .my_mission .m_body ul li.success .m_con .m_txt i{
    background: url(/design/img/icon/charge/success.png) no-repeat center;
    background-size: 100%;
}
.points .con_bot .my_mission .m_body ul .point.active .m_con .m_txt i{
    background: url(/design/img/icon/charge/p_on.png) no-repeat center;
    background-size: 100%;
}
.points .con_bot .my_mission .m_body ul .bonus.active .m_con .m_txt i{
    background: url(/design/img/icon/charge/b_on.png) no-repeat center;
    background-size: 100%;
}
.points .con_bot .my_mission .m_body ul li .m_con .m_txt span{
    display: block;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: #fff;
}
.points .con_bot .my_mission .m_body .point_btn{
    display: block;
    margin-top: 15px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    background: #5135a4;
    color: #fff;
    border-radius: 3px;
}

/* jtbc 명작 드라마 리스트 */
.jtbc{
	padding-top: 20px;
}
.jtbc .b_con{}
.jtbc .b_con .section{}
.jtbc .b_con .section img{
    width: 100%;
}
.jtbc .b_con .section2{
    background: #3f0a79;
}
.jtbc .b_con .section2 .s_inner{
    display: block;
    margin: 0 auto;
    padding: 0 28px;
    padding-bottom: 20px;
    width: 100%;
}
.jtbc .b_con .section2 .s_inner ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.jtbc .b_con .section2 .s_inner ul li{
    padding: 0 10px;
    padding-bottom: 25px;
    width: 50%;
}
.jtbc .b_con .section2 .s_inner ul li a{}
.jtbc .b_con .section2 .s_inner ul li a .s_img{
    margin: 0;
    width: 100%;
    border: 3px solid #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 0;
    overflow: hidden;
}
.jtbc .b_con .section2 .s_inner ul li a .s_txt{
    padding: 5px 10px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    color: #202020;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    word-break: keep-all;
}

/* 해지 방어 - 공통 */
.cancel{}
.cancel .con_top{
    padding: 0;
}
.cancel .con_top .common{
    padding: 20px 0;
    text-align: center;
}
.cancel .con_top .common p{
    font-size: 20px;
    font-weight: 600;
    color: #202020;
}
.cancel .con_top .common p strong{
    font-size: 20px;
    font-weight: 600;
    color: #e36b48;
}
.cancel .con_top .common span{
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #909090;
}
.cancel .b_con{
    padding: 25px 16px 70px;
    background: #f7f7f7;
    border-top: 4px solid #f0f0f0;
}
.cancel .s_con{
    padding: 25px 0 0;
}
.cancel .b_con .c_user{
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #404040;
}
.cancel .b_con .c_con .c_choice{
    padding-top: 25px;
}
.cancel .b_con .c_con .c_choice p{
    padding: 0 20px;
    font-size: 14px;
    text-align: center;
    color: #404040;
}
.cancel .b_con .c_con .c_choice .con_btn{
    padding-top: 15px;
}

/* 해지 방어 - 100원 이벤트 */
.cancel .b_con .c_con .c_100{
    position: relative;
    margin-top: 20px;
    padding: 0 10px;
}
.cancel .b_con .c_con .c_100:before{
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 10px;
    background: #909090;
    border-radius: 50px;
}
.cancel .b_con .c_con .c_100 .c_paper{
    position: relative;
}
.cancel .b_con .c_con .c_100 .c_paper ul{
    padding: 10px 25px;
    text-align: right;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
}
.cancel .b_con .c_con .c_100 .c_paper ul li{
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
    color: #ccc;
}
.cancel .b_con .c_con .c_100 .c_paper ul li:last-child{
    padding-top: 10px;
    border-top: 2px dotted #e7e7e7;
}

/* 해지 방어 - 7900원 이벤트 */
.cancel .b_con .c_con .c_7900{}
.cancel .b_con .c_con .c_7900 ul{
    margin-top: 15px;
}
.cancel .b_con .c_con .c_7900 ul li{
    margin-top: 7px;
    padding: 0 40px;
    text-align: center;
}
.cancel .b_con .c_con .c_7900 ul li:nth-child(1){}
.cancel .b_con .c_con .c_7900 ul li:nth-child(2){}
.cancel .b_con .c_con .c_7900 ul li figure{
    padding: 15px 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.cancel .b_con .c_con .c_7900 ul li:nth-child(1) figure{
    background: #f9e1da;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cancel .b_con .c_con .c_7900 ul li:nth-child(2) figure{
    background: #edb19f;
}
.cancel .b_con .c_con .c_7900 ul li figure strong{
    font-size: 16px;
    text-decoration: line-through;
}
.cancel .b_con .c_con .c_7900 .c_arrow{
    margin-top: 7px;
}
.cancel .b_con .c_con .c_7900 .c_arrow .c_area{
    position: relative;
    padding: 0 40px;
}
.cancel .b_con .c_con .c_7900 .c_arrow .c_area:after{
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    background: #e36b48;
}
.cancel .b_con .c_con .c_7900 .c_arrow .c_area .c_txt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: #fff;
    z-index: 1;
}
.cancel .b_con .c_con .c_7900 .c_arrow .c_area .c_txt span{
    display: block;
    font-size: 12px;
    letter-spacing: 0;
}
.cancel .b_con .c_con .c_7900 .c_arrow figure{}
.cancel .b_con .c_con .c_7900 .c_arrow figure img{}

/* 해지 방어 - 포인트 지급 */
.cancel .b_con .c_con .c_1000p{
    position: relative;
    margin-top: 50px;
    padding: 0 15px 20px;
}
.cancel .b_con .c_con .c_1000p li{
    position: relative;
    display: flex;
    width: 50%;
    height: 150px;
    border-radius: 10px;
}
.cancel .b_con .c_con .c_1000p li:first-child{
	transform: rotate(-10deg);
	background: #5135a4;
	box-shadow: 2px 3px 5px rgba(0,0,0,.2);
}
.cancel .b_con .c_con .c_1000p li:last-child{
    position: absolute;
    top: -15px;
    right: 15px;
    transform: rotate(10deg);
    background: #e36b48;
    box-shadow: -10px 10px 10px rgba(0,0,0,.15);
}
.cancel .b_con .c_con .c_1000p li:first-child:after{
	content: "";
	position: absolute;
	bottom: 8px;
	left: -20px;
	width: 27px;
	height: 39px;
	background: url(/design/img/icon/cancel/1000p_icon1.png);
	background-size: 100%;
}
.cancel .b_con .c_con .c_1000p li:last-child:after{
	content: "";
	position: absolute;
	top: -35px;
	right: 5px;
	width: 32px;
	height: 27px;
	background: url(/design/img/icon/cancel/1000p_icon2.png);
	background-size: 100%;
}
.cancel .b_con .c_con .c_1000p li figure{
    margin: auto;
    padding: 0px 10px;
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    color: #fff;
    word-break: break-word;
}
.cancel .b_con .c_con .c_1000p li figure span{
    display: block;
    font-size: 15px;
    font-weight: 500;
}
.cancel .b_con .c_con .c_1000p li figure .ex{
    display: block;
    margin-top: 5px;
    font-size: 11px;
}

/* 해지 방어 - 금액 할인 */
.cancel .b_con .c_con .c_1000s{
    position: relative;
    margin-top: 15px;
}
.cancel .b_con .c_con .c_1000s .c_inner{
    padding: 0 30px;
}
.cancel .b_con .c_con .c_1000s .c_inner .locate{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cancel .b_con .c_con .c_1000s .c_inner .locate .l_left{}
.cancel .b_con .c_con .c_1000s .c_inner .locate .l_left h5{
    font-size: 13px;
}
.cancel .b_con .c_con .c_1000s .c_inner .locate .l_right{}
.cancel .b_con .c_con .c_1000s .c_inner .locate .l_right span{
    font-size: 15px;
    font-weight: 500;
    color: #909090;
}
.cancel .b_con .c_con .c_1000s .c_inner .top{
    padding: 15px 20px;
    background: #e36b48;
    border-radius: 5px;
}
.cancel .b_con .c_con .c_1000s .c_inner .top .l_left h5{
    color: #fff;
}
.cancel .b_con .c_con .c_1000s .c_inner .top .l_right span{
    font-weight: 600;
    color: #fff;
}
.cancel .b_con .c_con .c_1000s .c_inner .bottom{
    display: block;
    margin-top: 5px;
    padding: 0px 20px 80px;
    background: #fff;
}
.cancel .b_con .c_con .c_1000s .c_inner .bottom li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
}
.cancel .b_con .c_con .c_1000s .c_inner .bottom li:last-child{
    margin-top: 15px;
    border-top: 2px solid #404040;
}
.cancel .b_con .c_con .c_1000s .c_inner .bottom li .l_left{}
.cancel .b_con .c_con .c_1000s .c_inner .bottom li .l_right{}
.cancel .b_con .c_con .c_1000s .c_inner .bottom li:last-child .l_right span{
    color: #e36b48;
}
.cancel .b_con .c_con .c_1000s figure{
    position: absolute;
    bottom: 0;
}
.cancel .s_con .c_con .c_choice{
    padding: 0 16px 70px;
    padding-top: 20px;
    background: #fff;
}

/* 해지 완료 */
.cancel .finish{}
.cancel .finish p{
    font-weight: 500;
}
.cancel .history{
	background: #fff;
}
.cancel .history .h_date{
    padding: 15px 10px;
    text-align: center;
    background: #f7f7f7;
}
.cancel .history .h_date span{
    font-size: 13px;
    color: #404040;
}
.cancel .history .h_date h4{
    font-weight: 500;
    color: #202020;
}
.cancel .history .h_date .day{
    font-weight: 600;
}
.cancel .history .h_date h4 strong{
    font-size: 14px;
    font-weight: 500;
    color: #e36b48;
}
.cancel .history .con_btn{
    display: block;
    padding-top: 0;
}
.cancel .history .con_btn a{
    width: 100%;
}

/* 해지 방어 - 혜택 없음 */
.cancel .r_con{
    background: #fff;
}
.cancel .r_con .c_con{
    margin-top: 10px;
}
.cancel .r_con .c_con .c_option{}
.cancel .r_con .c_con .c_option .o_left{}
.cancel .r_con .c_con .c_option .o_left h4{}
.cancel .r_con .c_con .c_option .o_right{}
.cancel .r_con .c_con .c_option .o_right span{}
.cancel .r_con .c_con .c_all{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    border-top: 2px solid #404040;
}
.cancel .r_con .c_con .c_all .o_left{}
.cancel .r_con .c_con .c_all .o_left h4{
    font-weight: 600;
}
.cancel .r_con .c_con .c_all .o_right{}
.cancel .r_con .c_con .c_all .o_right span{
    font-size: 15px;
    font-weight: 600;
    color: #e36b48;
}
.cancel .r_con .c_con .c_type{
    padding-bottom: 20px;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
}
.cancel .r_con .c_con .c_type li{
    margin-top: 20px;
    padding: 0 10px;
}
.cancel .r_con .c_con .c_type li .o_con{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cancel .r_con .c_con .c_type li .o_con .o_left{}
.cancel .r_con .c_con .c_type li .o_con .o_left h5{
    font-size: 14px;
    color: #606060;
}
.cancel .r_con .c_con .c_type li .o_con .o_right{}
.cancel .r_con .c_con .c_type li .o_con .o_right span{
    font-size: 14px;
    font-weight: 500;
    color: #909090;
}
.cancel .r_con .c_con .c_discount{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    border-bottom: 2px solid #404040;
}
.cancel .r_con .c_con .c_discount .o_left{}
.cancel .r_con .c_con .c_discount .o_left h5{
    font-size: 14px;
}
.cancel .r_con .c_con .c_discount .o_right{}
.cancel .r_con .c_con .c_discount .o_right span{
    font-size: 14px;
    font-weight: 500;
    color: #909090;
}

/* 해지 방어 - 포인트 지급 안내 */
.cancel .con_top .coupon{
    padding: 30px 50px;
}
.cancel .con_top .coupon .p_coupon{
    position: relative;
    display: flex;
    margin-top: 20px;
    width: 100%;
    height: 130px;
    background: url(/design/img/icon/cancel/p_point.png) #5135a4;
    background-size: 100%;
    border-radius: 10px;
}
.cancel .con_top .coupon .p_coupon:before{
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    width: 60px;
    height: 60px;
    background: url(/design/img/icon/cancel/p_tag.png);
    background-size: 100%;
}
.cancel .con_top .coupon .p_coupon .p_box{
    margin: auto;
}
.cancel .con_top .coupon .p_coupon .p_box .p_txt{
    display: block;
    font-size: 20px;
    color: #fff;
}
.cancel .con_top .coupon .p_coupon .p_box .p_tit{
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: #fff;
}
.cancel .b_con .point{
    margin-top: 15px;
}
.cancel .b_con .point .p_option{
    position: relative;
    display: flex;
    justify-content: space-between;
    text-align: center;
    background: #f7f7f7;
}
.cancel .b_con .point .p_option:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url(
    /design/img/icon/cancel/plus.png);
    background-size: 100%;
}
.cancel .b_con .point .p_option .p_op{
    padding: 20px 0;
    width: 50%;
}
.cancel .b_con .point .p_option .p_op i{
    display: inline-block;
    width: 42px;
    height: 42px;
}
.cancel .b_con .point .p_option .p_op p{
    margin-top: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #202020;
}
.cancel .b_con .point .p_option .p_op p strong{
    display: block;
    font-size: 15px;
    font-weight: 600;
}
.cancel .b_con .point .p_option .p_day{}
.cancel .b_con .point .p_option .p_day i{
    background: url(/design/img/icon/cancel/p_point_1.png);
    background-size: 100%;
}
.cancel .b_con .point .p_option .p_day p{}
.cancel .b_con .point .p_option .p_day p strong{}
.cancel .b_con .point .p_option .p_point{}
.cancel .b_con .point .p_option .p_point i{
    background: url(/design/img/icon/cancel/p_point_2.png);
    background-size: 100%;
}
.cancel .b_con .point .p_option .p_point p{
	font-size: 12px;
	font-weight: 400;
	color: #e36b48;
}
.cancel .b_con .point .p_option .p_point p strong{
    font-size: 15px;
    font-weight: 600;
}

/* 해지 방어 - 포인트 지급 안내 */
.cancel .con_top .coupon{
    padding: 30px 50px;
}
.cancel .con_top .coupon .p_coupon{
    position: relative;
    display: flex;
    margin-top: 20px;
    width: 100%;
    height: 130px;
    background: url(/design/img/icon/cancel/p_point.png) #5135a4;
    background-size: 100%;
    border-radius: 10px;
}
.cancel .con_top .coupon .p_coupon:before{
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    width: 60px;
    height: 60px;
    background: url(/design/img/icon/cancel/p_tag.png);
    background-size: 100%;
}
.cancel .con_top .coupon .p_coupon .p_box{
    margin: auto;
}
.cancel .con_top .coupon .p_coupon .p_box .p_txt{
    display: block;
    font-size: 20px;
    color: #fff;
}
.cancel .con_top .coupon .p_coupon .p_box .p_tit{
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: #fff;
}
.cancel .b_con .point .p_option{
    position: relative;
    display: flex;
    justify-content: space-between;
    text-align: center;
    background: #f7f7f7;
}
.cancel .b_con .point .p_option:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url(
    /design/img/icon/cancel/plus.png);
    background-size: 100%;
}
.cancel .b_con .point .p_option .p_op{
    padding: 20px 0;
    width: 50%;
}
.cancel .b_con .point .p_option .p_op i{
    display: inline-block;
    width: 42px;
    height: 42px;
}
.cancel .b_con .point .p_option .p_op p{
    margin-top: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #202020;
}
.cancel .b_con .point .p_option .p_op p strong{
    display: block;
    font-size: 15px;
    font-weight: 600;
}
.cancel .b_con .point .p_option .p_day{}
.cancel .b_con .point .p_option .p_day i{
    background: url(/design/img/icon/cancel/p_point_1.png);
    background-size: 100%;
}
.cancel .b_con .point .p_option .p_day p{}
.cancel .b_con .point .p_option .p_day p strong{}
.cancel .b_con .point .p_option .p_point{}
.cancel .b_con .point .p_option .p_point i{
    background: url(/design/img/icon/cancel/p_point_2.png);
    background-size: 100%;
}
.cancel .b_con .point .p_option .p_point p{
	font-size: 12px;
	font-weight: 400;
	color: #e36b48;
}
.cancel .b_con .point .p_option .p_point p strong{
    font-size: 15px;
    font-weight: 600;
}

/* 해지 방어 - 금액 할인 안내 */
.cancel .con_top .p_sale{
	padding: 30px 20px;
	text-align: center;
}
.cancel .con_top .p_sale p{
    font-size: 20px;
    font-weight: 600;
    color: #202020;
}
.cancel .con_top .p_sale p strong{
    font-size: 20px;
    font-weight: 600;
    color: #e36b48;
}
.cancel .con_top .p_sale .s_coupon{
    margin-top: 15px;
    padding: 0 40px;
}
.cancel .con_top .p_sale .s_coupon .c_box{
    padding: 20px 50px 25px 20px;
    background: url(/design/img/icon/cancel/coupon.png) no-repeat center;
    background-size: contain;
}
.cancel .con_top .p_sale .s_coupon .c_box .txt{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}
.cancel .con_top .p_sale .s_coupon .c_box .tit{
    margin-top: 5px;
}
.cancel .con_top .p_sale .s_coupon .c_box .tit .pay{
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
}
.cancel .con_top .p_sale .s_coupon .c_box .tit .pay strong{
    font-size: 24px;
    font-weight: 800;
    line-height: 24px;
}
.cancel .con_top .p_sale .s_coupon .c_box .tit .pay p{
    display: inline-block;
    vertical-align: top;
}
.cancel .con_top .p_sale .s_coupon .c_box .tit .pay p span{
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: #fff;
}
.cancel .b_con .sale{}
.cancel .b_con .sale .s_box{
    background: #fff;
    border: 2px solid #5135a4;
}
.cancel .b_con .sale .s_box .c_type{
    padding: 0 10px;
    border: 0;
}
.cancel .b_con .sale .s_box .c_type li{
    margin: 0;
    padding: 20px 10px;
}
.cancel .b_con .sale .s_box .c_type li .o_con{}
.cancel .b_con .sale .s_box .c_type li .o_con .o_left{}
.cancel .b_con .sale .s_box .c_type li .o_con .o_left h5{}
.cancel .b_con .sale .s_box .c_type li .o_con .o_right{}
.cancel .b_con .sale .s_box .c_type li .o_con .o_right span{
    font-size: 15px;
    font-weight: 600;
}
.cancel .b_con .sale .s_box .c_type li:last-child{
    background: #fbf0ec;
    border: 1px solid #e36b48;
}
.cancel .b_con .sale .s_box .c_type li:last-child .o_con .o_right span{
    color: #e36b48;
}
.cancel .r_con .sale .c_discount{
    padding: 20px;
    border: 0;
}
.cancel .r_con .sale .c_discount .o_left{}
.cancel .r_con .sale .c_discount .o_left h5{
    color: #606060;
}
.cancel .r_con .sale .c_discount .o_right{}
.cancel .r_con .sale .c_discount .o_right span{
    font-size: 15px;
    font-weight: 600;
    color: #404040;
}

/* 미션 달성 이벤트 */
.mission{
	padding-top: 20px;
}
.mission .b_con{}
.mission .b_con section{}
.mission .b_con section img{}
.mission .b_con section .con_center{}
.mission .b_con .section2{background: #5f3f2f;}
.mission .b_con .section2 .con_center{
    height: 40px;
}
.mission .b_con .section2 .con_center .count{
    position: relative;
    height: 100%;
    line-height: 40px;
    text-align: center;
}
.mission .b_con .section2 .con_center .count:after{
    content: "";
    position: absolute;
    top: -32px;
    right: 40px;
    width: 48px;
    height: 38px;
    background: url(/design/img/event/mission/t_icon.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section2 .con_center .count .c_tit{
    display: inline-block;
	margin-right: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.mission .b_con .section2 .con_center .count .c_tit:before{
	content: "";
	position: relative;
	display: inline-block;
	top: 3px;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	background: url(/design/img/event/mission/stamp.png) no-repeat center;
	background-size: 100%;
}
.mission .b_con .section2 .con_center .count .m_get{
    display: inline-block;
    padding: 0;
	font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.mission .b_con .section2 .con_center .process{
    position: absolute;
    top: 0;
    left: 0;
    width: 28%;
    height: 100%;
    text-align: center;
    background: #42200e;
    border-top-left-radius: 10px;
}
.mission .b_con .section2 .con_center .process span{
    position: relative;
    line-height: 40px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}
.mission .b_con .section2 .con_center .process span:before{
	content: "";
	position: relative;
	display: inline-block;
	top: 1px;
	margin-right: 4px;
	width: 12px;
	height: 12px;
	background: url(/design/img/event/mission/arrow.png) no-repeat center;
	background-size: 100%;
}
.mission .b_con .section3{
    padding: 15px 0 30px;
}
.mission .b_con .section3 .con_center{
    position: relative;
    padding: 0 16px;
    text-align: center;
}
.mission .b_con .section3 .con_center:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -30px;
    width: 51px;
    height: 113px;
    background: url(/design/img/event/mission/line2.png) no-repeat center;
    background-size: 100%;
    transform: translateY(-50%) rotate(180deg);
}
.mission .b_con .section3 .con_center ul{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mission .b_con .section3 .con_center ul:before{
    content: "";
    position: absolute;
    top: 54px;
    right: 0;
    width: 51px;
    height: 113px;
    background: url(/design/img/event/mission/line2.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section3 .con_center ul:after{
    content: "";
    position: absolute;
    bottom: 54px;
    right: 0;
    width: 51px;
    height: 113px;
    background: url(/design/img/event/mission/line2.png) no-repeat center;
    background-size: 100%;
    z-index: -1;
}
.mission .b_con .section3 .con_center ul li{
    position: relative;
    display: flex;
    justify-content: center;
    margin: 20px 0;
    width: 33.3%;
    text-align: center;
}
.mission .b_con .section3 .con_center ul li:nth-child(4){
    order: 3;
}
.mission .b_con .section3 .con_center ul li:nth-child(5){
    order: 2;
}
.mission .b_con .section3 .con_center ul li:nth-child(6){
    order: 1;
}
.mission .b_con .section3 .con_center ul li:nth-child(7){
    order: 4;
}
.mission .b_con .section3 .con_center ul li:nth-child(8){
    order: 5;
}
.mission .b_con .section3 .con_center ul li:nth-child(9){
    order: 6;
}
.mission .b_con .section3 .con_center ul li:nth-child(10){
    order: 9;
}
.mission .b_con .section3 .con_center ul li:nth-child(11){
    order: 8;
}
.mission .b_con .section3 .con_center ul li:nth-child(12){
    order: 7;
}
.mission .b_con .section3 .con_center ul li:before{
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
    width: 50%;
    height: 5px;
    background: #ffb739;
    z-index: -2;
}
.mission .b_con .section3 .con_center ul li:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 50%;
    height: 5px;
    background: #ffb739;
    z-index: -2;
}
.mission .b_con .section3 .con_center ul li:nth-child(3):after,
.mission .b_con .section3 .con_center ul li:nth-child(4):after,
.mission .b_con .section3 .con_center ul li:nth-child(6):before,
.mission .b_con .section3 .con_center ul li:nth-child(7):before,
.mission .b_con .section3 .con_center ul li:nth-child(9):after,
.mission .b_con .section3 .con_center ul li:nth-child(10):after{
    display: none;
}
.mission .b_con .section3 .con_center ul li figure{
    position: relative;
    display: flex;
    width: 80px;
    height: 80px;
    background: url(/design/img/event/mission/coin_off.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section3 .con_center ul li figure .t_box{
    margin: auto;
}
.mission .b_con .section3 .con_center ul li figure .t_box h5{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #909090;
}
.mission .b_con .section3 .con_center ul li figure .t_box span{
    position: relative;
    display: block;
    margin-top: 2px;
    padding-top: 2px;
    font-size: 10px;
    font-weight: 500;
    color: #909090;
}
.mission .b_con .section3 .con_center ul li figure .t_box span:after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 1px;
    background: #bcbcbc;
}
.mission .b_con .section3 .con_center ul .start{}
.mission .b_con .section3 .con_center ul .start figure{
	background: url(/design/img/event/mission/s_icon.png) no-repeat center;
	background-size: 100%;
}
.mission .b_con .section3 .con_center ul .start figure:after{
	content: "";
	position: absolute;
	bottom: -12px;
	left: -7px;
	width: 90px;
	height: 54px;
	background: url(/design/img/event/mission/icon_body1.png) no-repeat center;
	background-size: 100%;
	z-index: -1;
}
.mission .b_con .section3 .con_center ul .finish{}
.mission .b_con .section3 .con_center ul .finish a{
	display: block;
	height: 100%;
}
.mission .b_con .section3 .con_center ul .finish a figure{}
.mission .b_con .section3 .con_center ul .finish a figure:before{
    content: "";
    position: absolute;
    bottom: -11px;
    left: -18px;
    width: 115px;
    height: 83px;
    background: url(/design/img/event/mission/icon_body2.png) no-repeat center;
    background-size: 100%;
    z-index: -1;
}
.mission .b_con .section3 .con_center ul .finish a figure .t_box{
    position: relative;
    top: -1px;
}
.mission .b_con .section3 .con_center ul .finish a figure .t_box span{
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.mission .b_con .section3 .con_center ul .finish a figure .t_box span:after{
    display: none;
}
.mission .b_con .section3 .con_center ul .finish a figure .t_box h5{
    font-size: 16px;
    letter-spacing: 0;
}
.mission .b_con .section3 .con_center ul .active{}
.mission .b_con .section3 .con_center ul .active figure{
    background: url(/design/img/event/mission/coin_on.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section3 .con_center ul .active figure .t_box{}
.mission .b_con .section3 .con_center ul .active figure .t_box h5{
    color: #7f5727;
}
.mission .b_con .section3 .con_center ul .active figure .t_box span{
    font-weight: 600;
    color: #7f5727;
}
.mission .b_con .section3 .con_center ul .active figure .t_box span:after{
	content: "";
	background: #ffdf77;
}
.mission .b_con .section3 .con_center ul .success{}
.mission .b_con .section3 .con_center ul .success figure{
    background: url(/design/img/event/mission/coin_on.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section3 .con_center ul .success figure:after{
    content: "";
    position: absolute;
    top: 0;
    right: 3px;
    width: 20px;
    height: 20px;
    background: url(/design/img/event/mission/check.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section3 .con_center ul .success figure .t_box{}
.mission .b_con .section3 .con_center ul .success figure .t_box h5{
    color: #ef8e02;
}
.mission .b_con .section3 .con_center ul .success figure .t_box span{
    color: #ef8e02;
}
.mission .b_con .section3 .con_center ul .success figure .t_box span:after{
	background: #ee9007;
}
.mission .b_con .section3 .con_center .point_down{
    display: inline-block;
    margin-top: 15px;
    width: 210px;
    height: 50px;
    background: url(/design/img/event/mission/button.png) no-repeat center;
    background-size: 100%;
}
.mission .b_con .section3 .con_center .point_down span{
    font-size: 0;
}

/* 스쿼드의 신 이벤트 */
.duchipucu{
    padding-top: 20px;
}
.duchipucu .section{}
.duchipucu .section img{}
.duchipucu .section .con_center{}
.duchipucu .section2{
    position: relative;
    padding: 0 16px 20px;
    background: url(/design/img/event/duchipucu/choice.jpg) no-repeat center;
    background-size: 100%;
}
.duchipucu .section2 .con_center{
    width: 100%;
}
.duchipucu .section2 .con_center ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.duchipucu .section2 .con_center ul li{
    width: 48%;
}
.duchipucu .section2 .con_center ul li a{
    display: block;
    height: 45px;
    line-height: 43px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.duchipucu .section2 .con_center ul li:first-child{
    background: linear-gradient(to left, #1c216b, #1042b1);
    border-top: 1px solid #2d3dd8;
}
.duchipucu .section2 .con_center ul li:first-child a{}
.duchipucu .section2 .con_center ul li:last-child{
    background: linear-gradient(to left, #fa7113, #e71e03);
    border-top: 1px solid #ff7727;
}
.duchipucu .section2 .con_center ul li:last-child a{}
.duchipucu .section3{
    height: 0;
    background: #000;
    overflow: hidden;
}
.duchipucu .section3.active{
    height: 100%;
}
.duchipucu .section3 .con_center{padding: 25px 16px;}
.duchipucu .section3 .con_center span{
    font-size: 13px;
    color: #fff;
}
.duchipucu .section3 .con_center .gift_box{margin-top: 10px;}
.duchipucu .section3 .con_center .gift_box .left{
    padding: 0 20px 20px;
    background: #261c19;
}
.duchipucu .section3 .con_center .gift_box .left form{}
.duchipucu .section3 .con_center .gift_box .left form input{
    margin-top: 15px;
    font-size: 15px;
    height: 40px;
    border: 0;
    border-radius: 0;
}
.duchipucu .section3 .con_center .gift_box .left form .infor{
    margin-top: 20px;
}
.duchipucu .section3 .con_center .gift_box .left form .infor .checkbox{}
.duchipucu .section3 .con_center .gift_box .left form .infor .checkbox input{}
.duchipucu .section3 .con_center .gift_box .left form .infor .checkbox label{
    color: #fff;
}
.duchipucu .section3 .con_center .gift_box .left form .infor .checkbox label .c_box{
    margin-right: 6px;
    background: #fff;
    border: 0;
    border-radius: 0;
}
.duchipucu .section3 .con_center .gift_box .left form .infor .checkbox label .c_box i{}
.duchipucu .section3 .con_center .gift_box .left form .infor .agree{
    margin-top: 10px;
    padding: 20px;
    height: 100px;
    background: #fff;
    overflow-y: auto;
}
.duchipucu .section3 .con_center .gift_box .left form .infor .agree h6{
    font-size: 13px;
}
.duchipucu .section3 .con_center .gift_box .left form .infor .agree p{
    margin-top: 7px;
    font-size: 12px;
}
.duchipucu .section3 .con_center .gift_box .left form .infor .agree ul{
    margin-top: 7px;
}
.duchipucu .section3 .con_center .gift_box .left form .infor .agree ul li{
    font-size: 12px;
}
.duchipucu .section3 .con_center .gift_box .right{
    height: 60px;
}
.duchipucu .section3 .con_center .gift_box .right a{
    position: relative;
    display: block;
    height: 100%;
    background: linear-gradient(to bottom, #86362c, #410d10);
}
.duchipucu .section3 .con_center .gift_box .right a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25%;
}

/* 크리스마스 이벤트 */
.christmas{
    padding-top: 20px;
}
.christmas .b_con{}
.christmas .b_con .section{}
.christmas .b_con .section img{}
.christmas .b_con .section2{
    position: relative;
    background: #4195a3;
}
.christmas .b_con .section2:after{
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 522px;
	background: url(/design/img/event/event_banner/christmas_event/snow.png) no-repeat 0 10px;
	background-size: 100%;
}
.christmas .b_con .section2 .tree_top{
    position: relative;
    padding: 0 20px;
    z-index: 2;
}
.christmas .b_con .section2 .tree_top .star{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 17%;
}
.christmas .b_con .section2 .tree_top .star img{}
.christmas .b_con .section2 .tree_top .deco{
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-top: 35px;
    padding: 0 22%;
    width: 100%;
}
.christmas .b_con .section2 .tree_top .deco li{
    position: relative;
    margin-top: 12%;
    padding: 0 5%;
    width: 33.3%;
    text-align: center;
}
.christmas .b_con .section2 .tree_top .deco .ball1{
    order: 9;
}
.christmas .b_con .section2 .tree_top .deco .ball2{
    order: 8;
}
.christmas .b_con .section2 .tree_top .deco .ball3{
    order: 7;
}
.christmas .b_con .section2 .tree_top .deco .ball4{
    order: 4;
}
.christmas .b_con .section2 .tree_top .deco .ball5{
    order: 5;
}
.christmas .b_con .section2 .tree_top .deco .ball6{
    order: 6;
}
.christmas .b_con .section2 .tree_top .deco .ball7{
    order: 3;
}
.christmas .b_con .section2 .tree_top .deco .ball8{
    order: 2;
}
.christmas .b_con .section2 .tree_top .deco .ball9{
    order: 1;
}
.christmas .b_con .section2 .tree_top .deco .left{
    top: -10px;
}
.christmas .b_con .section2 .tree_top .deco .right{
    bottom: -10px;
}
.christmas .b_con .section2 .tree_top .deco li a{
    display: block;
    height: 100%;
}
.christmas .b_con .section2 .tree_top .deco li a img{}
.christmas .b_con .section2 .tree_top figure{
    padding-top: 8%;
}
.christmas .b_con .section2 .tree_top figure img{}
.christmas .b_con .section2 .tree_bot{
    position: relative;
    margin-top: -17%;
}
.christmas .b_con .section2 .tree_bot img{}


/* 크리스마스 알림 팝업 */
.p_christmas{}
.p_christmas .p_box{}
.p_christmas .p_box .p_con{
    position: relative;
    padding: 0 40px;
    width: 100%;
}
.p_christmas .p_box .p_con .close{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 44px;
    line-height: 42px;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    background: #fff000;
    color: #391e86;
    border-radius: 3px;
    z-index: 1;
}
.p_christmas .p_box .p_con .p_body{
	position: relative;
	padding: 30px;
   	padding-bottom: 80px;
	text-align: center;
	background: url(/design/img/event/event_banner/christmas_event/paper.png) no-repeat top center #5135A4;
	background-size: cover;
	border-radius: 8px;
}
.p_christmas .p_box .p_con .p_body:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -30px;
	width: 70%;
	height: 100%;
	background: url(/design/img/event/event_banner/christmas_event/circle.png) no-repeat center;
	background-size: 100%;
	opacity: 0.5;
}
.p_christmas .p_box .p_con .p_body .gift_box{
    text-align: center;
}
.p_christmas .p_box .p_con .p_body .gift_box .g_top{
    display: inline-table;
    width: 55%;
}
.p_christmas .p_box .p_con .p_body .gift_box .g_top img{}
.p_christmas .p_box .p_con .p_body .gift_box .m_text{
    margin: 10px 0 15px;
}
.p_christmas .p_box .p_con .p_body .gift_box .m_text h3{
    font-size: 28px;
    font-weight: 600;
    color: #fff000;
}
.p_christmas .p_box .p_con .p_body .gift_box .m_text ul{
    margin-top: 4px;
}
.p_christmas .p_box .p_con .p_body .gift_box .m_text ul li{
    font-size: 18px;
    color: #fff;
}
.p_christmas .p_box .p_con .p_body .gift_box .m_text ul li div{
	font-size: 16px;
}
.p_christmas .p_box .p_con .p_body .gift_box .g_bot{
    display: inline-block;
    width: 100%;
}
.p_christmas .p_box .p_con .p_body .gift_box .g_bot img{}


/* 통합 안내 페이지 */
.wrap{
    padding: 20px 16px;
    background: #2d2d2d;
}
.filegosu{
  
}
.filegosu img{}
.filegosu .section1{}
.filegosu .section1 .logo{
    padding: 12px 0 6px;
    background: #f4f4f4;

}
.filegosu .section1 .logo h1{
    margin: 0 auto;
    width: 65%;
}
.filegosu .section1 .ex{
    padding: 15px 12px 25px;
    text-align: center;
}
.filegosu .section1 .ex h2{
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -1px;
	color: #000;
}
.filegosu .section1 .ex p{
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
}
.filegosu .section2{
    padding: 30px 0;
    background: #f5f6f8;
}
.filegosu .section2 form{
    padding: 0 12px;
    text-align: center;
}
.filegosu .section2 form h4{
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
}
.filegosu .section2 form h4 strong{
    margin-right: 4px;
    font-size: 18px;
    font-weight: 600;
    color: #5135a4;
}
.filegosu .section2 form input{
    margin-top: 8px;
    height: 40px;
    font-size: 14px;
    color: #000;
    border-color: #ccc;
    border-radius: 5px;
}
.filegosu .section2 form .submit{
    margin-top: 12px;
    width: 100%;
    height: 46px;
	font-size: 16px;
    font-weight: 600;
    background: #5135a4;
    color: #fff;
    border: 0;
    border-radius: 5px;
}
.filegosu .section2 form .sns{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.filegosu .section2 form .sns li{
    width: 32%;
}
.filegosu .section2 form .sns li a{
    position: relative;
    display: flex;
    height: 40px;
    border-radius: 5px;
}
.filegosu .section2 form .sns li.kakao a{
    background: #ffd800;
    color: #2d2d2d;
}
.filegosu .section2 form .sns li.naver a{
    background: #1ec800;
}
.filegosu .section2 form .sns li.google a{
    background: #ddd;
    color: #2d2d2d;
}
.filegosu .section2 form .sns li a span{
    margin: auto;
    font-size: 13px;
}
.filegosu .section2 form .sns li.kakao a span{}
.filegosu .section2 form .sns li.naver a span{
    color: #fff;
}
.filegosu .section2 form .sns li.google a span{}
.filegosu .section2 form .sns li a span:before{
	content: "";
	display: inline-block;
	margin-right: 3px;
	width: 11px;
	height: 11px;
	vertical-align: middle;
}
.filegosu .section2 form .sns li.kakao a span:before{
    background: url(/design/img/combine/kakao.png) no-repeat center;
    background-size: 100%;
}
.filegosu .section2 form .sns li.naver a span:before{
    width: 12px;
    height: 12px;
    background: url(/design/img/combine/naver.png) no-repeat center;
    background-size: 100%;
}
.filegosu .section2 form .sns li.google a span:before{
    width: 12px;
    height: 12px;
    background: url(/design/img/combine/google.png) no-repeat center;
    background-size: 100%;
}
.filegosu .section2 form .forgot{
    margin-top: 15px;
    font-size: 13px;
    font-weight: 600;
    background: none;
    color: #6d6d6d;
    border: 0;
}
.filegosu .section2 .filemong{
    margin-top: 20px;
    padding: 20px 12px 0;
    text-align: center;
    border-top: 1px solid #ddd;
}
.filegosu .section2 .filemong span{
    font-size: 14px;
    color: #4d4d4d;
}
.filegosu .section2 .filemong .f_link{
    display: flex;
    margin-top: 12px;
    height: 46px;
    background: #b14747;
    border-radius: 5px;
}
.filegosu .section2 .filemong .f_link span{
    position: relative;
    margin: auto;
    font-size: 16px;
    color: #fff;
}
.filegosu .section2 .filemong .f_link span:after{
	content: "";
	display: inline-block;
	margin-left: 8px;
	width: 6px;
	height: 10px;
	background: url(/design/img/combine/more.png) no-repeat center;
	background-size: 100%;
}
.filegosu .section4{
    padding: 30px 12px;
    text-align: center;
}
.filegosu .section4 h3{
    display: inline-block;
    font-size: 18px;
}
.filegosu .section4 h3:before{
	content: "";
	position: relative;
	display: inline-block;
	top: 2px;
	margin-right: 3px;
	width: 18px;
	height: 18px;
	background: url(/design/img/combine/qna.png) no-repeat center;
	background-size: 100%;
}
.filegosu .section4 ul{
    margin-top: 15px;
    text-align: left;
}
.filegosu .section4 ul li{
    margin-top: 10px;
    padding: 12px;
    background: #f5f6f8;
    border-radius: 5px;
}
.filegosu .section4 ul li h5{
    font-size: 13px;
    font-weight: 500;
    color: #2d2d2d;
}
.filegosu .section4 ul li h5:before{
	content: "";
	position: relative;
	display: inline-block;
	top: 2px;
	margin-right: 3px;
	width: 14px;
	height: 14px;
	background: url(/design/img/combine/q.png) no-repeat center;
	background-size: 100%;
}
.filegosu .section4 ul li p{
    position: relative;
    margin-top: 10px;
    padding-left: 16px;
    font-size: 13px;
    font-weight: 400;
    color: #5d5d5d;
}
.filegosu .section4 ul li p:before{
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(/design/img/combine/a.png) no-repeat center;
	background-size: 100%;
}

/* 통합 안내 페이지 - 회원가입 */
.filegosu .section2{}
.filegosu .section2 .top{
    padding: 0 32px;
}
.filegosu .section2 .top .con{
    padding: 20px 15px 25px;
    background: #e6e7e9;
    border: 1px solid #ddd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.filegosu .section2 .top .con figure{
    margin: 0 auto;
    width: 50%;
}
.filegosu .section2 .top .con .data{
    margin-top: 20px;
}
.filegosu .section2 .top .con .data input{
    height: 36px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #2d2d2d;
    border-color: #ddd;
    border-radius: 5px;
}
.filegosu .section2 .top .con .data ul{
    padding: 0 5px;
}
.filegosu .section2 .top .con .data ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.filegosu .section2 .top .con .data ul li span{
    font-size: 14px;
    color: #2d2d2d;
}
.filegosu .section2 .top .con .data ul li .tit{}
.filegosu .section2 .top .con .data ul li .txt{}
.filegosu .section2 .top .con .data ul li .txt strong{
    margin-right: 3px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    color: #4d4d4d;
}
.filegosu .section2 .bot{
    padding: 0 12px;
}
.filegosu .section2 .bot .con{
    position: relative;
    padding: 25px 0 0;
    background: #b14747;
    border-radius: 10px;
    box-shadow: 0 -5px 10px #bbb;
}
.filegosu .section2 .bot .con:before{
	content: "";
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	background: url(/design/img/combine/next.png) no-repeat center;
	background-size: 100%;
}
.filegosu .section2 .bot .con figure{
    margin: 0 auto;
    width: 45%;
}
.filegosu .section2 .bot .con form{
    margin-top: 10px;
    padding: 0 15px;
    text-align: left;
}
.filegosu .section2 .bot .con form .input{}
.filegosu .section2 .bot .con form .input input{
    border: 0;
}
.filegosu .section2 .bot .con form .input .alert{
    display: none;
    font-size: 12px;
    color: #ffd971;
}
.filegosu .section2 .bot .con form .wrong .alert{
    display: block;
}
.filegosu .section2 .bot .con form .submit{
    font-size: 15px;
    background: #494949;
}
.filegosu .section2 .bot .con form .agree{
    margin-top: 20px;
} 
.filegosu .section2 .bot .con form .agree .checkbox{
    position: relative;
}
.filegosu .section2 .bot .con form .agree .checkbox input[type=checkbox]{
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}
.filegosu .section2 .bot .con form .agree .checkbox label{
	letter-spacing: -1px;
	color: #fff;
}
.filegosu .section2 .bot .con form .agree .checkbox label span{
	margin-right: 5px;
	background: #e6e7e9;
	border: 0;
}
.filegosu .section2 .bot .con form .agree .checkbox input[type=checkbox]:checked + label span{
    background: #7b0303;
}
.filegosu .section2 .bot .con form .agree .checkbox label span:after{
	content: "";
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background: url(/design/img/combine/check.png) no-repeat center;
	background-size: 100%;
}
.filegosu .section2 .bot .con form .agree .checkbox input[type=checkbox]:checked + label span:after{
	display: block;
}
.filegosu .section2 .bot .con form .agree .agree_btn{
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}
.filegosu .section2 .bot .con form .agree .agree_btn li{
    width: 49%;
}
.filegosu .section2 .bot .con form .agree .agree_btn li button{
    padding: 0;
    width: 100%;
    height: 32px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #4d4d4d;
    border: 0;
    border-radius: 5px;
}
.filegosu .section2 .bot .con .center{
	margin: 0;
	padding: 20px 15px;
}
.filegosu .section2 .bot .con .center .view_filemong{
	display: block;
	height: 46px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	background: #7b0303;
	color: #fff;
	border-radius: 10px;
	animation:circle 1s 0.5s infinite alternate;
}
@keyframes circle{
	0%{
		border: 1px solid transparent;
	}
	100%{
		border: 1px solid #ff876a;
	}
}

.r_popup{
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 20;
}
.r_popup .p_box{
    display: flex;
    padding: 50px 40px;
    width: 100%;
    height: 100%;
}
.r_popup .p_box .p_con{
	position: relative;
	padding: 0;
	padding-top: 50px;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.r_popup .p_box .p_con .p_head{
    position: absolute;
    top: 0;
    padding: 10px;
    width: 100%;
    height: auto;
    line-height: initial;
    text-align: right;
    background: #fff;
    border-radius: 0;
}
.r_popup .p_box .p_con .p_head .close{
    position: relative;
    top: 0;
    right: 0;
    padding: 5px;
}
.r_popup .p_box .p_con .p_head .close i{
    margin: auto;
    font-size: 20px;
    color: #4d4d4d;
}
.r_popup .p_box .p_con .p_body{
    padding: 0 15px 20px;
    height: 100%;
    overflow-y: auto;
}
.r_popup .p_box .p_con .p_body .text{}
.r_popup .p_box .p_con .p_body .text p{
    font-size: 12px;
    line-height: 20px;
    color: #4d4d4d;
}

/* 통합 페이지 - 포인트 조회 */
.filegosu .section2 .bot .con .data{
    margin-top: 20px;
    padding: 0 15px 20px;
}
.filegosu .section2 .bot .con .data input{
    height: 36px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #2d2d2d;
    border-color: #ddd;
    border-radius: 5px;
}
.filegosu .section2 .bot .con .data ul{
    padding: 0 5px;
}
.filegosu .section2 .bot .con .data ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.filegosu .section2 .bot .con .data ul li span{
    font-size: 14px;
    color: #fff;
}
.filegosu .section2 .bot .con .data ul li .tit{}
.filegosu .section2 .bot .con .data ul li .txt{}
.filegosu .section2 .bot .con .data ul li .txt strong{
    margin-right: 3px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
}
.filegosu .section2 .bot .con .data ul li .txt .mong{
    color: #ffd971;
}
.filegosu .section2 .bot .con .ment{
    padding: 8px 0;
    font-size: 13px;
    text-align: center;
    background: #c35959;
    color: #fff;
}