@charset "euc-kr";
/* 
[ȯ±Þ/¿¬ÀåÆä¿¡Áö ºÐ¸® °Ç °ü·Ã css]

24/6/27 ÀÌÀü /help/refund/bak/apply/style.css
----------------------------------------------------
24/6/27 ÀÌÈÄ ½Å±Ô: /help/extend/style_info.css (info¿µ¿ª)
             ±âÁ¸: /help/extend/style.css (step¿µ¿ª)
*/

/* ¼Ò¹æ, °ø¹«¿ø ¿¬Àå/ȯ±ÞÆäÀÌÁö °øÅë css */

:root { 
    /* ȯ±Þ */
    --gong-bg: #2d964c; 
    --sobang-bg: #da0ec8; 
    --point-color1: #4dffb7; 
    --point-color2: #ff526d; 
 
    /* ¿¬Àå (refund => rf) */
    --gong-rf-bg: #5752ff; 
    --sobang-rf-bg: #ff4f6d; 
    --point-rf-color1: #ffd94d; 
    --point-rf-color2: #ff2b7c; 

    /* ¿¶Àº ¹è°æ»ö */
    --gong-light-bg: #d7ffec;
    --gong-rf-light-bg: #d8ebff;
    --sobang-light-bg: #ffecf0
} 

.flo_bnr { position: absolute; z-index: 2; right: -150px; top: 100px; margin-top: 10%; display: flex; flex-direction: column; gap: 10px; } 
.refund_wrap { line-height: 1.4; padding: 0 20px 20px; font-family : 'Noto Sans KR'; font-weight: 500; } 
.refund_wrap .tit_block2{display: none;}

/* hcode / ÆäÀÌÁö º° Ä÷¯ Àû¿ë */
/* ¿¬Àå */
.refund_wrap.gong.bg, .refund_wrap.gong .bg { background: var(--gong-bg); } 
.refund_wrap.sobang.bg, .refund_wrap.sobang .bg { background: var(--sobang-bg); } 
.refund_wrap.gong .color { color: var(--gong-bg); } 
.refund_wrap.sobang .color { color: var(--sobang-bg); } 
.point_color1 { color: var(--point-color1); } 
.point_color2 { color: var(--point-color2); } 
.top_visual .txt_box .title > span { background: var(--point-color1); } 
.refund_wrap .info .bubble_wrap .bubble,
.refund_wrap .refund_mustread,
.refund_wrap h5.tit_block{background-color: var(--gong-light-bg);}

.refund_wrap.sobang .info .bubble_wrap .bubble,
.refund_wrap.sobang .refund_mustread,
.refund_wrap.sobang h5.tit_block {background-color: var(--sobang-light-bg) !important;}


/* ȯ±Þ */
.refund_wrap.gong.bg.rf, .refund_wrap.gong.rf  .bg{ background: var(--gong-rf-bg); } 
.refund_wrap.sobang.bg.rf, .refund_wrap.sobang.rf .bg { background: var(--sobang-rf-bg); } 
.refund_wrap.gong.rf .color { color: var(--gong-rf-bg); } 
.refund_wrap.sobang.rf .color { color: var(--sobang-rf-bg); } 

.refund_wrap.rf .point_color1 { color: var(--point-rf-color1); } 
.refund_wrap.rf .point_color2 { color: var(--point-rf-color2); } 
.refund_wrap.rf .top_visual .txt_box .title > span { background: var(--point-rf-color1); } 
.refund_wrap.rf .info .bubble_wrap .bubble,
.refund_wrap.rf .refund_mustread,
.refund_wrap.rf h5.tit_block{background: var(--gong-rf-light-bg);}

/* top_visual */
.top_visual { position: relative; } 
.top_visual .txt_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; margin-top: 20px; } 
.top_visual .txt_box .title > span { font-size: 30px; width: 400px; line-height: 58px; border-radius: 45px; display: block; margin: 0 auto; text-align: center; font-weight: 700; } 
.top_visual .txt_box .title.long > span {width: 500px;}
.top_visual .txt_box .title strong { font-size: 74px; font-weight: 900; } 
.top_visual .txt_box .date { font-size: 20px; margin-top: 30px; font-weight: normal; } 


/* info ~ step 0,1,2,3,4 */
.top_visual ~ div { background: #fff; padding: 60px 30px; } 
.refund_wrap .info h5 { position: relative; text-align: center; color: #fff; font-size: 16px; background: #000; border-radius: 30px; width: 140px; line-height: 40px; margin: 0 auto 20px; } 
.refund_wrap .info .bubble_wrap { position: relative; } 
.refund_wrap .info .bubble_wrap .bubble { position: absolute; top: 50%; transform: translateY(-50%); left: 50%; border-radius: 10px; margin-left: -320px;  padding: 10px 20px; text-align: left; font-size: 14px; line-height: 1.3; width: 230px; } 
.refund_wrap .info .bubble_wrap .bubble::before { content: ""; background: url(https://img.megagong.net/m/2024/0626_refund/bubble_arrow.jpg) no-repeat 0 0; width: 12px; height: 53px; position: absolute; top: 0; right: -10px; } 
.sobang.refund_wrap .info .bubble_wrap .bubble::before {background: url(https://img.megagong.net/m/2024/0626_refund/bubble_arrow_sobang.jpg) no-repeat 0 0 !important;} 
.rf.refund_wrap .info .bubble_wrap .bubble::before { background: url(https://img.megagong.net/m/2024/0626_refund/bubble_arrow_rf.jpg) no-repeat 0 0; } 

/* info - ¿¬Àå ÀÏÁ¤ */
.refund_wrap .tbl_wrp.schedule th { background-color: #f8f8f8; font-size: 16px; font-weight: 700; } 
.refund_wrap .tbl_wrp.schedule td { text-align: left; line-height: 1.6; padding: 17px; } 
.refund_wrap .tbl_wrp.schedule td strong { font-size: 16px; font-weight: 700; } 
.refund_wrap .tbl_wrp.schedule td span { font-size: 14px; } 

/* info- ¿¬Àå Á¶°Ç */
.refund_wrap .refund_condition { border: 1px solid #ccc; padding: 30px 15px; } 
.refund_wrap .refund_condition dl dt { font-weight: 700; text-align: center; font-size: 18px; margin-bottom: 20px; } 
.refund_wrap .refund_condition dl dd { font-size: 16px;text-indent: -7px; padding-left: 10px; } 
.refund_wrap .refund_condition dl dd:not(:last-child) { margin-bottom: 10px; } 
.refund_wrap .refund_condition .gray_box { background: #f6f6f6; margin-top: 15px; padding: 12px 35px; font-size: 15px; } 

/* info- ¿¬Àå Àü Çʵ¶»çÇ× */
.refund_wrap .refund_mustread { margin-top: 10px;padding: 35px 20px; line-height: 2; } 
.refund_wrap .refund_mustread dt { font-weight: 700; font-size: 20px; text-align: center; } 
.refund_wrap .refund_mustread dd:not(.round_txt) {font-size: 15px;display: flex;align-items: flex-start;gap: 5px;} 
.refund_wrap .refund_mustread dd.round_txt {font-weight: 700;border-radius: 30px;border: 1px solid #000;padding: 11px 0;text-align: center;margin: 20px auto 15px;font-size: 15px;} 


/* info- ½Åû ¹× ÀýÂ÷ */
.refund_wrap .refund_step { margin: 60px auto; } 
.refund_wrap .refund_step ol { display: flex; gap: 28px; } 
.refund_wrap .refund_step ol li { flex: 1; border: 1px solid #ccc; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 15px; height: 230px; padding-top: 25px; position: relative; } 
.refund_wrap .refund_step ol li:nth-child(2)::before { content: ''; display: block; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); background: url(https://img.megagong.net/m/2024/0626_refund/arrow.png) no-repeat center; width: 18px; height: 100%; } 
.refund_wrap .refund_step ol li:nth-child(2)::after { content: ''; display: block; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); background: url(https://img.megagong.net/m/2024/0626_refund/arrow.png) no-repeat center; width: 18px; height: 100%; } 
.refund_wrap .refund_step ol li img { width: min(69px,30%); margin: 20px auto; } 
.refund_wrap .tiny_noti { text-align: right; margin-top: 10px; opacity: .6; font-size: 14px; } 


/* info - ¿¬Àå½Åû À¯ÀÇ »çÇ× */
.refund_wrap .refund_caution dl { padding: 40px 25px; font-weight: 700; font-size: 14px; line-height: 1.6; } 
.refund_wrap .refund_caution dd { padding-left: 15px; position: relative; font-size: 14px; } 
.refund_wrap .refund_caution dd a{color:#0600ff} 
.refund_wrap .refund_caution dd::before { content: ""; background: url(https://img.megagong.net/m/2024/0626_refund/check.png) no-repeat 0 100%; width: 10px; height: 8px; position: absolute; top: 7px; left: 0; margin: 0; } 
.refund_wrap .refund_caution .full_title { text-align: center; color: #fff; font-size: 18px; padding: 25px 0; } 
.refund_wrap .refund_caution .full_title strong { font-size: 20px; } 
.refund_wrap .refund_caution .full_title span { font-size: 16px; display: block; margin-top: 10px; } 

/* info - ½Åû ¹öÆ° */
.refund_wrap .btn_box { display: flex; justify-content: center; margin-top: 60px; } 
.refund_wrap .btn_box a { width: 300px; line-height: 70px; text-align: center; background: #000; color: #fff; font-size: 20px; border-radius: 10px; } 

@media (max-width: 1200px) {
    .flo_bnr { display: none; } 
    .refund_wrap { padding: 0 clamp(10px,2vmin,20px) clamp(10px,2vmin,20px); } 

    /* top_visual */
    .top_visual .txt_box { margin-top: 0; } 
    .top_visual .txt_box .title > span { font-size:clamp(15px,4vmin,30px); width: min(65%,400px); line-height: clamp(30px,7vmin,60px); } 
    .top_visual .txt_box .title.long > span {width: min(85%, 500px);}
    .top_visual .txt_box .title strong { font-size: clamp(35px,8vmin,75px); } 
    .top_visual .txt_box .date { font-size: clamp(15px,3vmin,20px); margin-top: clamp(10px,3vmin,30px); } 

    /* info ~ step 0,1,2,3,4 */
    .top_visual ~ div { padding: clamp(30px,6vmin,60px) clamp(10px,3vmin,30px); } 
    .refund_wrap .info h5 { font-size: clamp(13px,2.6vmin,16px); width: clamp(90px,15vmin,140px); line-height: clamp(30px,5vmin,40px); margin-bottom: clamp(10px,3vmin,20px); } 


    /* info - ¿¬Àå ÀÏÁ¤ */
    .refund_wrap .tbl_wrp.schedule th { font-size: clamp(13px,2.6vmin,16px); } 
    .refund_wrap .tbl_wrp.schedule td { padding: clamp(7px,2vmin,17px); } 
    .refund_wrap .tbl_wrp.schedule td strong { font-size: clamp(13px,2.6vmin,16px); } 
    .refund_wrap .tbl_wrp.schedule td span { font-size: clamp(12px,2.4vmin,14px); } 

    /* info- ¿¬Àå Á¶°Ç */
    .refund_wrap .refund_condition { padding: clamp(15px,4vmin,30px) clamp(10px,3vmin,20px); } 
    .refund_wrap .refund_condition dl dt { font-size: clamp(15px,2.8vmin,18px); margin-bottom: 5%; } 
    .refund_wrap .refund_condition dl dd { font-size: clamp(13px,2.6vmin,16px); } 
    .refund_wrap .refund_condition dl dd:not(:last-child) { margin-bottom: clamp(5px,1vmin,10px); } 
    .refund_wrap .refund_condition .gray_box { margin-top: 5%; padding: clamp(10px,2.5vmin,15px) clamp(15px,4.5vmin,35px); font-size: clamp(12px,2.5vmin,15px); } 

    /* info- ¿¬Àå Àü Çʵ¶»çÇ× */
    .refund_wrap .refund_mustread { padding: clamp(15px,4.5vmin,35px) clamp(10px,3vmin,20px); } 
    .refund_wrap .refund_mustread dt { font-size: clamp(15px,3vmin,20px); } 
    .refund_wrap .refund_mustread dd:not(.round_txt) {font-size: clamp(13px,2.5vmin,15px);} 
    .refund_wrap .refund_mustread dd.round_txt {padding: clamp(5px,2vmin,10px);margin: clamp(10px,2vmin,20px) auto;border-radius: clamp(5px,3vmin,30px);font-size: clamp(13px,2.5vmin,15px);} 

    /* info- ½Åû ¹× ÀýÂ÷ */
    .refund_wrap .refund_step { margin: 10% auto; } 
    .refund_wrap .refund_step ol { display: flex; gap: clamp(5px,4vmin,28px); } 
    .refund_wrap .refund_step ol li { font-size: clamp(12px,2.5vmin,15px); } 
    .refund_wrap .refund_step ol li img { width: min(69px,30%); margin: 20px auto; } 
    .refund_wrap .tiny_noti { text-align: right; margin-top: 10px; opacity: .6; font-size: clamp(11px,2.4vmin,14px); } 

    /* info - ¿¬Àå½Åû À¯ÀÇ »çÇ× */
    .refund_wrap .refund_caution dl { padding: clamp(20px,5vmin,40px) clamp(10px,3vmin,25px); font-size: clamp(12px,2.4vmin,14px); } 
    .refund_wrap .refund_caution dd { padding-left: 15px; position: relative; font-size: clamp(12px,2.4vmin,14px); } 
    .refund_wrap .refund_caution .full_title { font-size: clamp(15px,3vmin,18px); padding: clamp(12px,3vmin,25px); } 
    .refund_wrap .refund_caution .full_title strong { font-size: clamp(17px,3vmin,20px); } 
    .refund_wrap .refund_caution .full_title span { font-size: clamp(13px,2.6vmin,16px); } 

    /* info - ½Åû ¹öÆ° */
    .refund_wrap .btn_box { margin: 10% 24% 0; } 
    .refund_wrap .btn_box a { width: 100%; line-height: clamp(40px,10vmin,70px); font-size: clamp(15px,3vmin,20px); } 
 }

@media (max-width: 768px){
    .refund_wrap.sobang .info .bubble_wrap .bubble::before,
    .refund_wrap.sobang.rf .info .bubble_wrap .bubble::before{border-top: 12px solid var(--sobang-light-bg);}
    .refund_wrap.rf .info .bubble_wrap .bubble::before {border-top: 12px solid var(--gong-rf-light-bg);}


    .refund_wrap .info .bubble_wrap .bubble {font-size: clamp(12px,2.4vmin,14px);position: relative;left: auto;transform: none;width: fit-content;margin: 0 auto 15px;display: block;padding: clamp(5px,1vmin,10px) clamp(10px,2vmin,20px);} 
    .refund_wrap .info .bubble_wrap .bubble br { display:none } 
    .refund_wrap .info .bubble_wrap .bubble::before {content: '';display: block;position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);border-top: 12px solid var(--gong-light-bg);border-bottom: 12px solid transparent;border-right: 12px solid transparent;border-left: 12px solid transparent;background-image: none;width: auto;height: auto;top: auto;right: auto;} 

    .refund_wrap .refund_step ol { flex-direction: column; } 
    .refund_wrap .refund_step ol li { flex-direction: row; padding: 10% 0 5%; justify-content: center; gap: 3vmin; width: min(500px,100%); margin: 0 auto; height: auto; } 
    .refund_wrap .refund_step ol li:nth-child(2):after, .refund_wrap .refund_step ol li:nth-child(2):before { display: none; } 
    .refund_wrap .refund_step ol li strong { position: absolute; top: 2.5%; left: 50%; transform: translateX(-50%); } 
    .refund_wrap .refund_step ol li img { margin: 0; width: min(69px,20%); } 
 }