div.promotion_editor img { width: 100%; }
div.p_head > div { position: relative; }

div.popup > div.dimmed_layer{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9998;background-color:rgba(0,0,0,0.4);display: inline-block;}
div.popup > div.contents{z-index:9999;}

.popup .link_close {position: absolute;right: 0;top: 0;width: 15%;padding-bottom: 15%;font-size: 1px;line-height: 0;color: transparent;}
.popup .link_confirm {position: absolute;left: 0;bottom: 0;width: 100%;padding-bottom: 15%;font-size: 1px;line-height: 0;color: transparent;}

/* 2020-08-19 게임 레이어 팝업 추가 */
div.popup-layer { position: fixed; width: 100%; max-width:640px; height: 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: 10001; }
div.popup-layer .link_close {position: absolute;right: 0;top: 0;width: 15%;padding-bottom: 15%;font-size: 1px;line-height: 0;color: transparent;}

.youtube-video-layer > div > div { width: 100%; height: 100%; }


/*퀴즈 템플릿 마크업 css*/
/* 2024-10-10 삭제 시작 */
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0} */
/* fieldset,img{border:0 none} */
/* dl,ul,ol,menu,li{list-style:none} */
/* blockquote, q{quotes:none} */
/* blockquote:before, blockquote:after,q:before, q:after{content:'';content:none} */
/* input,select,textarea,button{vertical-align:middle;font-size:100%} */
/* // 2024-10-10 삭제 끝 */
button{outline:none}/* 2024-10-10 수정 */
/* 2024-10-10 삭제 시작 */
/* table{border-collapse:collapse;border-spacing:0} */
/* body{-webkit-text-size-adjust:none} */ /* 뷰포트 변환시 폰트크기 자동확대 방지. */
/* input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox} */
/* input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0} */
/* input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none} */
/* body{background:#fff} */
/* // 2024-10-10 삭제 끝 */
/*body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:-apple-system,'Apple SD Gothic Neo',sans-serif;color:#333}*/
/* 2024-10-10 삭제 시작 */
/* a:active, a:hover{text-decoration:none} */
/* address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal} */
/* // 2024-10-10 삭제 끝 */

/*Loading indicator*/
/* .gift_loading { background-color: #EEE; } 2024-09-13 선물하기 커머스쪽 통일을 위해 해당 딤드 주석 */

/*.p_wrap{background-color: #fff}*/
/* 2024-10-10 삭제 시작 */
/* .ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent} */
/* .ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} */
/* .screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} */
/* // 2024-10-10 삭제 끝 */

.p_quiz_template{font-family:-apple-system,'Apple SD Gothic Neo',sans-serif}
.p_quiz_template .img_g{display:block;width:100%}

.p_quiz_template .box_question{position:relative}
.p_quiz_template .box_question .txt_question{position:absolute;left:6.66%;right:6.66%;top:50%;font-size:16px;line-height:20px;color:#fff;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);word-break:break-all}

.p_quiz_template .box_answer{position:relative; text-align: center; padding-bottom: 23.3vw; background-size: cover;}
.p_quiz_template .list_answer{ display: inline-block; width: 77.34%; }
.p_quiz_template .list_answer li{position:relative}
.p_quiz_template .list_answer li + li{margin-top:1.72%}
.p_quiz_template .list_answer .inp_radio{position:absolute;left:1%;top:1%;width:1px;height:1px;-webkit-appearance:none;opacity:0.01}
.p_quiz_template .list_answer .lab_radio{display:block;overflow:hidden;position:relative;height:100%;font-size:1px;line-height:0;color:transparent}
.p_quiz_template .list_answer .lab_radio .img_on{display:none}
.p_quiz_template .list_answer .inp_radio:checked + .lab_radio .img_on{display:block}
.p_quiz_template .list_answer .inp_radio:checked + .lab_radio .img_off{display:none}
.p_quiz_template .list_answer .txt_answer{ text-align: left; position:absolute;left:8.62%;right:15.5%;top:50%;font-weight:bold;font-size:16px;line-height:20px;letter-spacing:-0.014em;color:#262626;word-break:break-all;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.p_quiz_template .box_quiz_btn{position:relative}
.p_quiz_template .box_quiz_btn .btn_quiz{position:absolute;left:20%;top:0;width:60%}
.p_quiz_template .box_quiz_btn .btn_quiz .txt_btn{position:absolute;left:0;right:0;top:50%;font-weight:bold;font-size:19px;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.p_quiz_template div.p_cont > div.box_analysis{ position:relative; text-align: center; background-size: cover; }
.p_quiz_template .list_analysis{ display: inline-block; width: 86.68%; padding-bottom: 6.66%; }
/* .p_quiz_template .list_analysis li{position:relative} 2020-07-09 삭제 */
.p_quiz_template .box_analysis2 .list_analysis li + li{margin-top:4.61%}
.p_quiz_template .box_analysis3 .list_analysis li + li{margin-top:3.08%}
.p_quiz_template .box_analysis4 .list_analysis li + li{margin-top:2.46%}
.p_quiz_template .box_analysis5 .list_analysis li + li{margin-top:1.85%}
.p_quiz_template .list_analysis li .btn_analysis{display:inline-block;position:relative;width:100%}/*  2020-07-09 추가 */
.p_quiz_template .list_analysis li .txt_analysis{position:absolute;left:10%;right:10%;top:50%;font-size:16px;line-height:20px;letter-spacing:-0.014em;color:#262626;text-align:center;word-break:break-all;-webkit-transform:translateY(-50%);transform:translateY(-50%); white-space: pre-line;}

.p_quiz_template .box_product{margin-top: 0px; background-size: cover;}
/*정답형 퀴즈 - 이미지, 상품선택지의 버튼 스타일*/
.p_quiz_template .box_product .normal_quiz_btn {width:100%; height: 23.3vw; max-height: 149px; position: relative;}
.p_quiz_template .list_product{overflow:hidden;}
.p_quiz_template .list_product li:nth-of-type(odd){clear:both}
.p_quiz_template .list_product li{float:left;width:50%;padding:2%;box-sizing:border-box}

/* 2021-07 위시 인식개선 2차 */
/*
.p_quiz_template .list_product li:nth-child(1){padding:0 3% 4% 10%;}
.p_quiz_template .list_product li:nth-child(2){padding:0 10% 4% 3%;}
.p_quiz_template .list_product li:nth-child(3){padding:2% 3% 8% 10%;}
.p_quiz_template .list_product li:nth-child(4){padding:2% 10% 8% 3%;}
*/
.p_quiz_template .list_product li{padding:0;}

/* 2022-04 만우절 padding 값 수정 */
/*.p_quiz_template .list_product li{padding:0;}*/

.p_quiz_template .list_product .wrap_thumb:after{background: none;border: none;cursor: pointer;}

.p_quiz_template .list_product .card_product{position:relative}
.p_quiz_template .list_product .inp_check{position:absolute;right:8%;top:7%;width:1px;height:1px;-webkit-appearance:none;opacity:0.01}
.p_quiz_template .list_product .label_check{overflow:hidden;position:absolute;z-index:10;width:100%;height:100%;font-size:1px;line-height:0;color:transparent; left:0%;cursor: pointer;}
/*.p_quiz_template .list_product .label_check .img_g{float:right;width:15.75%;margin:4.54% 5.45% 0 0}*/
.p_quiz_template .list_product .label_check .img_g{float:right;width:15.75%;}
.p_quiz_template .list_product li:nth-child(1) .label_check .img_g{margin:10.5% 5% 0 0}
.p_quiz_template .list_product li:nth-child(2) .label_check .img_g{margin:10.5% 5% 0 0}
.p_quiz_template .list_product li:nth-child(3) .label_check .img_g{margin:7.5% 5% 0 0}
.p_quiz_template .list_product li:nth-child(4) .label_check .img_g{margin:7.5% 5% 0 0}
.p_quiz_template .list_product .img_chk_on{display:none}
.p_quiz_template .list_product .inp_check:checked + .label_check .img_chk_on{display:block}
.p_quiz_template .list_product .inp_check:checked + .label_check .img_chk_off{display:none}
.p_quiz_template .wrap_thumb{display:block;position:relative}
.p_quiz_template .wrap_thumb:before{position:absolute;left:0;right:0;top:0;bottom:0;content:''}
.p_quiz_template .wrap_thumb:after{position:absolute;left:0;right:0;top:0;bottom:0;box-sizing:border-box;content:''}
.p_quiz_template .wrap_info{display:block;padding-top:10px;text-align:left;}
.p_quiz_template .box_product_info2 .wrap_info{padding-bottom:10px}
.p_quiz_template .wrap_info .txt_shop{display:block;overflow:hidden;font-size:13px;line-height:15px;color:#999;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.p_quiz_template .wrap_info .txt_product {display: -webkit-box;overflow: hidden;height: 34px;padding-top: 5px;font-weight: normal;font-size: 14px;line-height: 17px;color: #444;word-break: break-all;text-overflow: inherit;white-space: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.p_quiz_template .box_carousel{overflow:hidden;padding:25px 0;}
.p_quiz_template .list_carousel{overflow-x:auto;overflow-y:hidden;margin-bottom:-60px; padding:0 25px 60px;font-size:0;white-space:nowrap;-webkit-overflow-scrolling:touch}
.p_quiz_template .list_carousel li{display:inline-block;width:43.08%;vertical-align:top}
.p_quiz_template .list_carousel li + li{padding-left:10px}
.p_quiz_template .list_carousel .product_detail, .p_quiz_template .list_carousel .link_product{display:block}
.p_quiz_template .list_carousel .txt_product{white-space:normal}

/* 2020-07-17 추가 시작 */
.p_quiz_template .p_head{position:relative}
/*.p_quiz_template .wrap_gif{position:absolute;left:31.33%;bottom:0;width:37.33%}*/
/* // 2020-07-17 추가 끝 */

@media screen and (max-width:330px){
    .p_quiz_template .list_answer .txt_answer{font-size:15px}
}
@media screen and (max-width:340px){
    .p_quiz_template .list_analysis li .txt_analysis{font-size:15px}
}

/* 2022-02-21 추가 시작 */
.pc .p_quiz_template {
    width: 640px;
    margin: 0 auto
}

.pc .p_quiz_template .list_carousel {
    margin-bottom: 0;
    padding-bottom: 20px
}

/* 2022-02-21 추가 끝 */

.ico_store{display:inline-block;overflow:hidden;background-size:350px 510px;vertical-align:top;text-indent:-9999px} /* 2020-06-02 수정 */
.link_g {display:block}

.layer_container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;}
.layer_container.dimmed{background-color:rgba(0,0,0,0.6)}
.layer_container:before{content:"";display:inline-block;height:100%;margin-right:-0.05em}
.layer_container.behind{background-color:transparent}
.layer_container .outer_wrapper{width:100%;height:100%;position:absolute;top:0;overflow-x:hidden;overflow-y:auto}
.layer_container.no_overflow .outer_wrapper{overflow-x:visible!important;overflow-y:visible!important}/* 2020-06-22 추가 */
.layer_container .inner_wrapper{display:table;width:100%;height:100%;}
.layer_container .content_wrapper{display:table-cell;vertical-align:middle;text-align:center;}
.layer_container .content{display:inline-block;text-align:left;vertical-align:middle;}

/* 레이어팝업 */
.layer_viral{width:305px;padding:0 0 30px;box-sizing:border-box;text-align:center;background-color:#fff} /* 2018-04-16 수정 */
.layer_viral .inner_info{padding:30px 0 11px;font-size:16px;color:#333;line-height:21px;letter-spacing:-0.02em} /* 2018-05-21 수정 */
.layer_viral .inner_info .emph_info{font-weight:bold}
.layer_viral .inner_info .tit_info{display:block;padding:0 40px;font-weight:normal;font-size:16px;line-height:21px}
.layer_viral .inner_info .txt_info{display:block;padding:5px 20px 0;font-size:14px;line-height:18px;color:#999} /* 2018-05-21 수정 */
.layer_viral .wrap_btn{border-top:none;font-size:0;color:#333} /* 2018-05-21 수정 */
.layer_viral .wrap_btn .btn_viral{height:36px;border-radius:50px;font-size:14px;color:#333;line-height:36px;box-sizing:border-box} /* 2018-05-21 수정 */
.layer_viral .wrap_btn .btn_cancel{width:62px;margin-right:15px;border:1px solid #e8e8e8} /* 2018-05-21 수정 */
.layer_viral .wrap_btn .btn_add{display:inline-block;overflow:hidden;position:relative;height:36px;border:1px solid #e5e5e5;border-radius:20px;line-height:34px;color:#252525;vertical-align:top;padding:0 13px;margin-right:2px;border-color:#feeb00;font-size:14px;background-color:#feeb00}
.layer_viral .wrap_btn .btn_add .ico_mall{width:23px;height:16px;margin:9px 1px 0 0;background-position:-80px -20px;vertical-align:top}
.layer_viral .wrap_btn .btn_add .ico_plus{width:19px;height:13px;margin:10px 4px 0 0;background-position:-150px -205px} /* 2018-05-21 추가 */
.layer_viral .wrap_btn .btn_add .ico_channel{width:24px;height:17px;margin:13px 4px 0 0;background-position:-220px -435px;vertical-align:top} /* 2019-09-25 추가 */

/* 2020-05-25 추가 시작 */
.layer_v2{position:relative;width:300px;padding:26px 24px 20px}
.layer_v2 .inner_info{padding:0;text-align:left}
.layer_v2 .inner_info .tit_info{padding-left:0;padding-right:22px;font-weight:bold;line-height:24px}
.layer_v2 .inner_info .txt_info,.layer_v2 .inner_info .emph_info,.layer_v2 .inner_info .link_txt,.layer_v2 .inner_info .sub_txt{margin-top:10px;font-size:14px;line-height:22px}/* 2020-06-02 수정 */
.layer_v2 .inner_info .txt_info{padding:0;line-height:21px;color:#666}/* 2020-06-12 수정 */
.layer_v2 .inner_info .sub_txt{margin-top:6px;color:#999}/* 2020-06-02 추가 */
.layer_v2 .inner_info .link_txt{display:block;color:#999;text-decoration:underline}/* 2020-06-01 수정 */
.layer_v2 .inner_info .emph_info{font-weight:normal;color:#333}
.layer_v2 .wrap_btn{margin-top:20px}
.layer_v2 .wrap_btn [class^="btn"]{width:100%;height:44px;border-radius:22px;font-size:16px;line-height:43px;text-align:center}/* 2020-06-12 수정 */
.layer_v2 .wrap_btn .btn_ok{border:1px solid #D3D5DD;color:#000;}
.layer_v2 .wrap_btn .btn_viral{font-weight:500;background-color:#ffeb00;color:#000}
.layer_v2 .wrap_btn .btn_add .ico_channel{width:23px;height:16px;margin-top:13px;background-position:-195px -455px}
.layer_v2 .btn_close{position:absolute;top:2px;right:0;padding:10px;margin:4px}
.layer_v2 .btn_close .ico_store{width:16px;height:16px;background-position:-326px -311px}
/* 2020-05-25 추가 끝 */

.pc .promotion_editor .layer_640 { width: 640px; margin: 0 auto; }
.pc .promotion_editor .layer_1280 { width: 1280px; margin: 0 auto; }
.pc .promotion_editor .quiz_result { margin: 0 auto; }
.pc .promotion_editor .quiz_result .p_quiz_template { width: 640px; margin: 0 auto; }
.pc .promotion_editor .quiz_result.layer_1280 .p_quiz_template { width: 1280px; margin: 0 auto; }

/* 202107 위시 인식개선 2차 프로모션 임시 스타일 */
.event-202107wishquiz .quiz_analysis_layer.question-1 ~ .custom_btn_layer { display: none !important; }

/* 위시 숏컷 레이어 */
.pc .promotion_editor div.p_wish { width: 100%; }

.p_quiz_template .list_product li:nth-child(2n){padding-left: 5px;}
.p_quiz_template .list_product li:nth-child(2n+1){padding-right: 5px;}
.p_quiz_template .list_product li{padding: 0px 15px;}


/*위시숏컷레이어 추가 변경*/
.p_wish .img_g{display:block;width:100%}
.p_wish .ico_wish_prm {display: inline-block;overflow: hidden;font-size: 1px;line-height: 0;color: transparent;
    background: url(https://gift-s.kakaocdn.net/dn/gift/images/promotion/common/ico_wish_prm_220509.png) no-repeat;
    background-size: 140px 140px;vertical-align: top}
.p_wish .module_list li {position: relative}
.p_wish .module_list .btn_wish {position: absolute;right: 0;z-index: 10}
.p_wish .module_list .btn_wish .ico_wish_prm {width: 28px;height: 28px}
.p_wish .module_list .btn_wish.wish_on .ico_wish_prm {background-position: -40px 0}
.p_wish .module_list_type1 .price_product {padding-right: 28px;word-break: break-all}
.p_wish .module_list_type1 .btn_wish {right: -5px;bottom: 0}
.p_wish .module_list_type1 .btn_wish .ico_wish_prm {width: 18px;height: 17px;margin: 5px 5px 10px 5px;background-position: 0 -110px}
.p_wish .module_list_type1 .btn_wish.wish_on .ico_wish_prm {background-position: -20px -110px}
.p_wish .module_list_type2 .btn_wish {bottom: 111px;padding: 5px 13px 6px 5px}
.p_wish .module_list_type3 .btn_wish {bottom: 99px;padding: 5px 10px 11px 5px}
.p_wish .module_list_type4 .btn_wish {bottom: 87px;padding: 5px}
.pc .p_wish .module_list .btn_wish .ico_wish_prm {width: 56px;height: 56px;background-position: 0 -40px}
.pc .p_wish .module_list .btn_wish.wish_on .ico_wish_prm {background-position: -70px -40px}
.pc .p_wish .module_list_type1 .price_product {padding-right: 0}
.pc .p_wish .module_list_type1 .list_product, .pc .p_wish .module_list_type2 .list_product {font-size: 0}
.pc .p_wish .module_list_type1 .list_product li, .pc .p_wish .module_list_type2 .list_product li {display: inline-block;float: none;vertical-align: top}
.pc .p_wish .module_list_type1 .product_detail, .pc .p_wish .module_list_type2 .product_detail {height: auto}
.pc .p_wish .module_list_type1 .btn_wish, .pc .p_wish .module_list_type2 .btn_wish {display: inline-block;overflow: hidden;
    position: static;right: auto; bottom: auto;margin-top: 5px;padding: 0;vertical-align: top}
.pc .p_wish .module_list_type1 .btn_wish .ico_wish_prm, .pc .p_wish .module_list_type2 .btn_wish .ico_wish_prm {float: left;width: 24px;height: 23px;
    margin: 5px 5px 10px 0;background-position: -50px -110px}
.pc .p_wish .module_list_type1 .btn_wish .txt_count, .pc .p_wish .module_list_type2 .btn_wish .txt_count {float: left;
    margin: 7px 0 0 1px;font-size: 18px;line-height: 21px;color: #999}
.pc .p_wish .module_list_type1 .btn_wish.wish_on .ico_wish_prm, .pc .p_wish .module_list_type2 .btn_wish.wish_on .ico_wish_prm {background-position: -80px -110px}
.pc .p_wish .module_list_type1 .btn_wish.wish_on .txt_count, .pc .p_wish .module_list_type2 .btn_wish.wish_on .txt_count {color: #ff4d49}
.pc .p_wish .module_list_type3 .btn_wish {right: auto;left: 549px;bottom: 70px;padding: 5px 20px 20px 5px}
.pc .p_wish .module_list_type4 .btn_wish {bottom: 114px;padding: 5px 20px 20px 5px}
.pc .p_wish .module_list_type3 li:last-child .btn_wish {bottom:0px}

/* type1, type2 위시 카운트 활성화 */
.p_wish .btn_wish .txt_count { display: none }
.pc .p_wish .module_list_type1 .btn_wish .txt_count, .pc .p_wish .module_list_type2 .btn_wish .txt_count { display: block }

.pc .pnlm-container { margin: 0 auto;}

/* 2023-06-16 수정 시작 */
.p_quiz_template .list_carousel li {
    display: inline-block;
    position: relative;
    width: 43.08%;
    vertical-align: top
}

.p_quiz_template .ico_wish_prm {
    display: inline-block;
    overflow: hidden;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    background: url(https://gift-s.kakaocdn.net/dn/gift/images/promotion/common/ico_wish_prm_220509.png) no-repeat;
    background-size: 140px 140px;
    vertical-align: top
}

.p_quiz_template .btn_wish {
    position: absolute;
    right: 8px;
    bottom: 73px;
    z-index: 10
}

.p_quiz_template .btn_wish .ico_wish_prm {
    width: 28px;
    height: 28px
}

.p_quiz_template .btn_wish.wish_on .ico_wish_prm {
    background-position: -40px 0
}

/* // 2023-06-16 추가 끝 */