@charset "utf-8";

*{-webkit-text-size-adjust:none;letter-spacing:0em; word-break: break-all;  max-width:100%;}
 ::-webkit-scrollbar {
    width: 0px; remove scrollbar space
    background: transparent;  optional: just make scrollbar invisible
}
optional: show position indicator in red
::-webkit-scrollbar-thumb {
    background: #FF0000;
}



html{padding:0px; margin:0;}
html,body{height:100%;-webkit-text-size-adjust:none;-webkit-appearance:none; padding:0px; margin:0; font-size: 10px;}
body {font-family: 'Noto Sans KR', sans-serif;font-size:13px;color:#222; background:#fff; }
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6,
header,footer,section,article,aside,nav,hgroup,details,figure,figcaption {margin:0;padding:0;list-style:none;line-height:1.5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
a {text-decoration:none;color:#222;  outline: none}
a,button { outline: 0 none;  outline: none}
address,em,dfn {font-style:normal;}
strong {font-weight:bold;}
hr {display:none;}
img {border:0;vertical-align:middle;}
mark {background:none;}
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}
fieldset {border:none;}
legend {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:absolute;left:0;top:-999999px;}
button,
input[type=button],
input[type=submit],
input[type=reset] {cursor:pointer;width:auto;overflow:visible;vertical-align:middle;background:none;margin:0;padding:0;font-family:'Noto Sans KR', sans-serif; outline: none}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="datetime"]{width:100%;height:40px;font-size:14px;color:#101010; font-family:'Noto Sans KR', sans-serif;line-height: inherit;background:#ffffff;border:1px solid #d4d4d4;padding:3px 10px;border-radius:5px;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;  outline: none}
input[type="radio"],
input[type="checkbox"]{}
button::-moz-focus-inner{padding:0;border:0;cursor:pointer;}
select::-ms-expand{display: none;}
input[type='text']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#999999; font-size: 12px;}
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-input-placeholder,
input[type='number']::-moz-input-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder{color:#999999; font-size: 12px;}
input,button,select {vertical-align:middle;border:0;}
label {cursor:pointer;}
input[type='radio']{position:absolute;left:-6px; right:0; top:-3px; bottom:0;z-index:10;opacity:0;width:21px; height:21px;letter-spacing: 0;border:none;background:none;-webkit-appearance: none;-ms-appearance: none;vertical-align:middle;  outline: none}
input[type='radio'] + i{display:none;}
input[type='radio']:checked + i{position:absolute; left:0; top:0; display:block;}
input[type='radio']:checked + i {width:10px; height:10px; border-radius:100%; box-sizing:border-box;background-color:#000;left:4px; top:4px;}
input[type='checkbox']{position:absolute;left:-6px; right:0; top:-3px; bottom:0;z-index:10;opacity:0;width:21px; height:21px;letter-spacing: 0;border:none;background:none;-webkit-appearance: none;-ms-appearance: none;vertical-align:middle;  outline: none}
input[type='checkbox'] + i{display:none;}
input[type='checkbox']:checked + i{position:absolute; left:0; top:0; display:block;}
input[type='checkbox']:checked + i {width:10px; height:10px; border-radius:100%; box-sizing:border-box;background-color:#000;left:4px; top:4px;}



input[type='password']{width:100%;height:40px;font-size:15px;color:#101010;line-height: inherit;background:#ffffff;border:1px solid #d4d4d4;padding:3px 5px;border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;  outline: none}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* 공통 margin */
.tmg05{margin-top: 5px;}
.tmg10{margin-top: 10px;}
.tmg15{margin-top: 15px;}
.tmg20{margin-top: 20px;}
.tpd50{padding-top: 50px;}
.tpd100{padding-top: 100px;}
.hidden {display:none; visibility:hidden;}
.num{font-family: 'AppleSDGothic', sans-serif;}
.clearFix {*zoom:1;}
.clearFix:after {content:"";display:block;clear:both;}
.a11y-hidden{position: absolute;overflow: hidden;clip: rect(0,0,0,0);clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;border: 0;padding: 0;}

.btn-orange {background: #ffc71d !important; color:#000 !important; }

.nobg{background: none !important;}

/*공통배경색상변경 #3A466A */
.bg_3A466A{background: #3A466A;}

#wrapper{margin:0 auto; padding:0;font-family:'Noto Sans KR', sans-serif; height: 100%; }


.ev_hader{width: 100%; height: 60px; position:fixed; border-bottom: 1px solid #f5f5f5; background: #fff; z-index: 1000;}
.ev_hader > h1{width: 100%; text-align: center; line-height: 60px; font-size: 18px; }
.ev_hader > button{height: 18px; position: absolute; right: 24px; top: 18px;}
.ev_hader > button > img{height: 100%;}

.content{width: 100%;}
.content .index_ar{width: 100%; padding-bottom: 33px;}
.content .index_ar > h2{width: 64.5%; margin: 0 auto; padding: 55px 0 0; position: relative;}
.content .index_ar > h2 > img{width: 100%;}
.content .index_ar > h2 > p{text-align: center; font-size: 16px; width: 100%; color: #151515; position: absolute; bottom: 0;}
.content .index_ar .coupon_ar{width: 100%; padding: 22px 11.4%; position: relative;}
.content .index_ar .coupon_ar .img_box{width: 100%;}
.content .index_ar .coupon_ar .img_box > img{width: 100%;}
.content .index_ar .coupon_ar .residue{width: 65px; position: absolute; left: 6.4%; top: 14px;}
.content .index_ar .coupon_ar .residue > img{width: 100%;}
.content .index_ar .coupon_ar .residue .t_txt{width: 65px; height: 65px; display: table; vertical-align: middle; position: absolute; top: 0; left: 0;}
.content .index_ar .coupon_ar .residue .t_txt .in_tcall{width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
.content .index_ar .coupon_ar .residue .t_txt .in_tcall > p{font-size: 11.5px; font-weight: bold; color: #fff;}
.content .index_ar .coupon_ar .residue .t_txt .in_tcall > p.num{font-size: 14px; line-height: 1; }
.content .index_ar .btn_ar{width: 66%; margin: 0 auto;}
.content .index_ar .btn_ar > button{width: 100%;}
.content .index_ar .btn_ar > button > img{width: 100%;}
.content .index_ar .btn_ar > button:disabled{opacity: 0.3;}

.content .index_ar .link_ar{width: 100%; display: block; font-size: 0; text-align: center; padding-top: 45px; }
.content .index_ar .link_ar > span{display: inline-block; width: 40%; margin-left: 3%; text-align: center;}
.content .index_ar .link_ar > span:first-child{margin-left: 0;}
.content .index_ar .link_ar > span > button{width: 62.9%; margin: 0 auto;}
.content .index_ar .link_ar > span:first-child > button{width: 56.1%; margin: 0 auto;}
.content .index_ar .link_ar > span > button > img{width: 100%;}

.content .btn_area{background: #d1d1d1; padding: 15px 0; width: 100%; display: table;}
.content .btn_area > span{display: table-cell; width: 50%;  text-align: center;}
.content .btn_area > span > button{color: #222;}
.content .btn_area > span:last-child > button{font-weight: 600;}

.Notice_to{padding: 0px 0px 0px; text-align: left !important; background: #fff; border-top: 12px solid rgb(245, 248, 250);}
.Notice_to .ad_info{width: 100%; padding: 0 7.5%; background: #fff;}
.Notice_to .ad_info .btn_ad_01{display: block; height: 52px;  font-weight: 600; line-height: 52px; font-size: 16px; font-weight: 400; color: rgb(46, 50, 56); background: url(../images/icon_down.png) right center no-repeat; background-size: 17px;}
.Notice_to .ad_info .btn_ad_01.on{background: url(../images/icon_up.png) right center no-repeat; background-size: 17px;}

.Notice_to .ad_info .info_inner {width: 100%;}
.Notice_to .ad_info .info_inner > ul {padding-bottom: 25px; border-bottom: 1px solid #f5f5f5;}
.Notice_to .ad_info .info_inner > ul > li{padding-top: 20px;}
.Notice_to .ad_info .info_inner > ul > li > p{ font-size: 14px; padding-left: 10px; letter-spacing: -0.5px; line-height: 1.4; background: url(../images/bul.png)left 8px no-repeat; background-size: 4px;}
.Notice_to .ad_info .info_inner > ul > li > span{font-size: 14px; display: block; padding-top: 7px; line-height: 1.4; color: #999999 ;}
.Notice_to .ad_info .info_inner > div > h3:first-child{margin-top: 12px;}
.Notice_to .ad_info .info_inner > div > p{margin-top: 4px; font-size: 13px; color: rgb(46, 50, 56); font-weight: 400;}

.other_ar{padding: 40px 0px; width: 100%; text-align: center;}
.other_ar .title{width: 60%;}
.other_ar > a{display: inline-block; padding-top: 30px;}
.other_ar > a .other_coupon{width: 31%;}
.other_ar > a > h4{ font-size: 15px; font-weight: 700; padding-top: 20px;}
.other_ar > a > p{ font-size: 13px; font-weight: 400; padding-top: 8px;}

/* roulette */
.roulette{font-size: 14px; width: 720px; margin: 0 auto; }
.roulette > section { width: 720px;  text-align: center; position: relative;  }
.roulette > section .date{width: 100%; position: absolute; top: 0; display: table;}
.roulette > section .date > p{width: 100%;  font-size: 18px; color: #fff; text-align: center; position: absolute; bottom: 0;}

.roulette .img_info{text-align: center;}
.roulette .text {text-align: center; font-size: 1.1rem; color: #fff; }
.roulette .text > span{display: inline-block; width: 50px; height: 50px; line-height: 48px; color: #000; background: #fff; border-radius: 25px; font-size: 2.2rem; font-weight: bolder; margin-left: 8px; vertical-align: middle}
.roulette  > section .inner .roul-wrap .start_area{display:block; width:100%; outline:none; position: absolute; text-align: center; z-index:40; top:31.5%}
.roulette  > section .inner .roul-wrap .start_area .start{width:23%;}
.roulette  > section .inner .roul-wrap .start_area .start > img{ width: 100%; margin: 0 auto;}
.roulette  > section .inner{ width: 720px; position: absolute; top: 448px}
.roulette  > section .inner .time{text-align: center; font-size: 30px; color: #fff; padding: 5% 0 10%; }
.roulette  > section .inner .roul-wrap{position:relative;padding:0 0 100px;  }
.roulette  > section .inner .roul-wrap .pin{position:absolute;top:0; z-index:40;width:100%; text-align: center;}
.roulette  > section .inner .roul-wrap .pin > img{width: 10%;}

.roulette  > section .inner .roul-img{padding: 3% 6%; }
.roulette  > section .inner .roul-img #roulette_base{position:relative; z-index:1}
.roulette  > section .inner .roul-img ul{position:absolute; left:-9999em; top:-9999em;}
.roulette  > section .inner .roul-img{padding: 3% 6%; }

.roulette  .giveaway_area{width: 720px; position: relative;}
.roulette  .giveaway_area > h4{font-weight: 400; font-size: 48px; color: #726459; text-align: center; padding-top: 25px;}
.roulette  .giveaway_area > ul{ padding: 4% 3% 4%; width: 100%;  font-size: 0; text-align: center;}
.roulette  .giveaway_area > ul > li{width: 50%; display: inline-block; font-size: 0; padding: 0 2%; vertical-align: top;padding-bottom: 25px; }

.roulette  .giveaway_area > ul > li .giveaway_img{width: 100%;  overflow: hidden;}
.roulette  .giveaway_area > ul > li .giveaway_img > img{width: 100%}
.roulette  .giveaway_area > ul > li .giveaway_brand{width: 100%; text-align: center; font-size: 1.8rem; font-weight: 700; color: #333333; padding-top: 10px;}
.roulette  .giveaway_area > ul > li .giveaway_name{width: 100%; padding-top: 0px; font-size: 1.3rem; text-align: center; color: #333333}

.roulette .giveaway_note_ar{width: 720px; position: relative; background:#535044; }
.roulette .giveaway_note_ar > h4{font-weight: 400; font-size: 48px; color: #fff; text-align: center; padding-top: 25px;}
.roulette .giveaway_note_ar > ul{ padding: 4% 6% 6%; width: 100%; }
.roulette .giveaway_note_ar > ul > li{padding:5px 0 5px 10px; font-size: 1.3rem; background: url("../images/roulette/icon_dot.png") left 10px no-repeat; color: #fff;}

.roulette .btn_area{background: #d1d1d1; padding: 15px 0; width: 100%; display: table;}
.roulette .btn_area > span{display: table-cell; width: 50%;  text-align: center;}
.roulette .btn_area > span > button{color: #222;}
.roulette .btn_area > span > button{color: #222;}
.roulette .btn_area > span:last-child > button{font-weight: 600;}

.lose > div > p{line-height:1.2;}
.lose > div > p:first-child{margin-top:-30px;line-height:1.2}
.lose > div > p strong{display:block;padding:80px 0 100px;font-size:160px;color:#af1d00}

.roulette .event_notice {width: 90%; padding:5% 0 5%; background: #fff; color: #333; margin: 0 auto; border-top:2px solid #000;} /*191004 추가*/
.roulette .event_notice h4 {font-size: 1rem; font-weight: bold; margin-bottom: 5%;} /*191004 추가*/
.roulette .event_notice .g_box{background: #f9f9f9; padding: 5%;}
.roulette .event_notice .g_box p {text-indent: -8px;padding-left: 8px;color: #999; font-size: 0.8rem; padding-top: 10px;} /*191004 추가*/
.roulette .event_notice .g_box p:first-child{padding-top: 0;}
.roulette .event_info_store {width: 90%; padding: 5% 0 5%; margin: 0 auto; background: #fff; color: #333; border-top:2px solid #000;} /*191004 추가*/
.roulette .event_info_store a {font-size: 16px; width: 100%; font-weight: bold;color: #333; display: inline-block; padding-right: 30px; background: url(../images/roulette/icon_open.png) right 50% no-repeat; background-size: 20px;} /*191004 추가*/
.roulette .event_info_store .on {background: url(../images/roulette/icon_close.png) right 50% no-repeat; background-size: 20px;}
.roulette .event_info_store p {color: #999; display: none; padding-top: 30px; font-size: 14px; background: #f9f9f9; padding: 5%; margin-top: 5%; } /*191004 추가*/
.roulette .event_info_store p > span{display: block; padding-top: 5px; font-weight: 700;}

.pop{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none;}
.pop .dim{width: 100%; height: 100%; background: rgba(0,0,0,0.8);  position: relative;}
.pop .dim .pop_ar{ width: calc(100% - 12%); background: #fff; border-radius: 15px; position: absolute; top: 10%; left: 6%;}
.pop .dim .pop_ar .pop_header{height: 40px; border-radius: 15px; text-align: right;}
.pop .dim .pop_ar .pop_header > button{margin-right: 15px; width: 20px; height: 20px; margin-top: 10px;}
.pop .dim .pop_ar .pop_header > button > img{width: 100%;}
.pop .dim .pop_ar .pop_content{width: 100%; padding: 40px 0 0; }
.pop .dim .pop_ar .pop_content > h3{font-size: 18px; font-weight: bold; text-align: center; width: 70%; margin: 0 auto;}
.pop .dim .pop_ar .pop_content .img_ar{padding: 5px 0; text-align: center; width: 50%; border: 1px solid #e7e7e7; border-radius: 10px; margin: 20px auto 5px;}
.pop .dim .pop_ar .pop_content .img_ar > img{width:100%; padding: 0 15px; }
.pop .dim .pop_ar .pop_content .img_ar .in_txt{padding-bottom: 10px;}
.pop .dim .pop_ar .pop_content .img_ar .in_txt > p{font-size: 14px; font-weight: 700; }
.pop .dim .pop_ar .pop_content > p{width: 40%; margin: 10px auto; padding-bottom: 20px;}
.pop .dim .pop_ar .pop_content .input_ar{padding: 15px 20px 15px; margin-top: 30px; border-top:1px solid #f5f5f5;}
.pop .dim .pop_ar .pop_content .input_ar > ul{width: 100%}
.pop .dim .pop_ar .pop_content .input_ar > ul > li{width: 100%; margin-top: 15px;}

.pop .dim .pop_ar .pop_content .input_ar > ul > li > h4{font-size: 14px;}
.pop .dim .pop_ar .pop_content .input_ar > ul > li > input{width: 100%; height: 40px; border-radius: 10px; border: 1px solid #e1e1e1; margin-top: 5px; }
.pop .dim .pop_ar .pop_content .input_ar > ul > li .border_box {width: 100%; height: 60px; border-radius: 10px; border: 1px solid #e1e1e1; margin-top: 5px; padding: 5px 10px; overflow-y: auto; font-size: 12px;}
.pop .dim .pop_ar .pop_content .input_ar > ul > li:first-child{margin: 0;}

.pop .dim .pop_ar .pop_content .input_ar .info_inner {width: 100%; text-align: left !important;}
.pop .dim .pop_ar .pop_content .input_ar .info_inner > ul {padding-top: 20px; max-height: 96px; overflow-y: auto; }
.pop .dim .pop_ar .pop_content .input_ar .info_inner > ul > li{padding-top: 20px;}
.pop .dim .pop_ar .pop_content .input_ar .info_inner > ul > li:first-child{padding-top: 0;}
.pop .dim .pop_ar .pop_content .input_ar .info_inner > ul > li > p{ font-size: 14px; padding-left: 10px; letter-spacing: -0.5px; line-height: 1.4; background: url(../images/bul.png)left 8px no-repeat; background-size: 4px;}
.pop .dim .pop_ar .pop_content .input_ar .info_inner > ul > li > span{font-size: 14px; display: block; padding-top: 7px; line-height: 1.4; color: #999999 ;}

.pop .dim .pop_ar .pop_content .pop_btn{width: 100%; font-size: 16px; height: 70px; background: #1490ef; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; font-weight: bold; color: #fff;}

.radio_ar_in{display: inline-block; }
.radio_ar_in:first-child{margin-right: 20px;}
.radio_ar_in > div {display: inline-block; width:100%; text-align: right; vertical-align: middle;}
.radio_ar_in > div > label {display: block; width:100%; color: #c3c3c3; height:20px;  vertical-align: middle; box-sizing: border-box; cursor: pointer; text-align: left; padding-left: 25px;  border-radius: 5px;   background: url("../images/roulette/icon_radio_off.png") no-repeat; background-size: 20px; }
.radio_ar_in > div > input[type="checkbox"]:checked + label{  padding-left: 25px; color: #222;  box-sizing: border-box; border-radius: 5px;   background: url("../images/roulette/icon_radio_on.png")   no-repeat; background-size: 20px;  }

.check_ar_in{display: block; width: 100%; text-align: left; position: relative;}
.check_ar_in > div {display: inline-block; width:calc(100% - 30px); text-align: left; vertical-align: middle;}
.check_ar_in > div > label {display: block; width:100%; color: #c3c3c3; height:20px;  vertical-align: middle; box-sizing: border-box; cursor: pointer; text-align: left; padding-left: 25px;  border-radius: 5px;   background: url("../images/roulette/icon_radio_off.png") no-repeat; background-size: 20px; }
.check_ar_in > div > input[type="checkbox"]:checked + label{  padding-left: 25px; color: #222;  box-sizing: border-box; border-radius: 5px;   background: url("../images/roulette/icon_radio_on.png")   no-repeat; background-size: 20px;  }
.check_ar_in > button{width: 20px; height: 20px; background: url(../images/icon_down.png) center center no-repeat; background-size: 14px; position: absolute; right: 0;}
.check_ar_in > button.on{ background: url(../images/icon_up.png) center center no-repeat; background-size: 14px;}
.pop2{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none;}
.pop2 .dim{width: 100%; height: 100%; background: rgba(0,0,0,0.8); padding: 6%;}
.pop2 .dim .pop_ar{ width: 100%; background: #fff; border-radius: 15px; margin-top: 20%;}
.pop2 .dim .pop_ar .pop_header{height: 40px; background: url("../images/roulette/bg_pop.jpg") no-repeat; background-size: 100%; border-radius: 15px; text-align: right;}
.pop2 .dim .pop_ar .pop_header > button{margin-right: 15px; width: 20px; height: 20px; margin-top: 10px;}
.pop2 .dim .pop_ar .pop_header > button > img{width: 100%;}
.pop2 .dim .pop_ar .pop_content{width: 100%; }
.pop2 .dim .pop_ar .pop_content > h2{font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 5px;}
/* 기존 */
/*.pop2 .dim .pop_ar .pop_content > h3{font-size: 18px; font-weight: bold; text-align: center;}*/
/* 수정 20210909 */
.pop2 .dim .pop_ar .pop_content > h3{font-size: 18px; font-weight: bold; text-align: center; padding: 25px 0;}
.pop2 .dim .pop_ar .pop_content .img_ar{padding: 25px 0; text-align: center;}
.pop2 .dim .pop_ar .pop_content .img_ar > img{width:40%; }
.pop2 .dim .pop_ar .pop_content .img_ar2{padding: 25px 0; text-align: center; width: 70%; margin: 0 auto 5px;}
.pop2 .dim .pop_ar .pop_content .img_ar2 > img{width:100%; padding: 0 15px; }
.pop2 .dim .pop_ar .pop_content .img_ar > p{font-size: 14px; padding-top: 15px;}
.pop2 .dim .pop_ar .pop_content .pop_btn{width: 100%; font-size: 16px; height: 70px; background: #1490ef; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; font-weight: bold; color: #fff;}
.pop2 .dim .pop_ar .pop_content .txt_box{width: 100%; text-align: center;}
.pop2 .dim .pop_ar .pop_content .txt_box > img{width: 30%;}
.pop2 .dim .pop_ar .pop_content .txt_box > p{font-size: 13px; padding: 20px 0 25px;}
.error_ar{width: 100%; text-align: center; padding-top: 40%;}
.error_ar .icon_ar{width: 18.5%; text-align: center; padding-bottom: 20px; margin: 0 auto;}
.error_ar .icon_ar > img{width: 100%; }
.error_ar > h3{font-size: 1.8rem; color:#333333; padding-bottom: 15px; }
.error_ar > p{font-size: 1.4rem; color: #757575;}
.error_ar > button{width:60%; height: 50px; background: #9aa5b4; color: #fff; font-size: 1.6rem; font-weight: 700; margin-top: 30px; border-radius: 10px;}

.popup{width: 88%; background: #fff; position: relative; border: 1px solid #ebebeb;}
.popup .alert_header{width: 100%; height: 50px; border-bottom: 1px solid #c4c4c4; background: #fff;}
.popup .alert_header > h3{font-size: 18px; font-weight: 500; text-align: center; line-height: 50px;}
.popup .alert_header .close_pop{width:24px; height: 24px; background: url("../images/roulette/btn_close.png") no-repeat; position: absolute;  text-indent: -99999999999px; right: 15px; background-size: 18px; top: 13px;
background-position: right center}
.popup .inner2{padding: 20px 0 ;}
.popup .inner2 .select_area{text-align: right; padding: 0 20px;}
.popup .inner2 .select_area > span{display: inline-block; height: 32px; line-height: 32px; font-size: 14px; padding-right: 5px;}
.popup .inner2 .content_area{height: 300px; overflow-y: auto; margin: 20px 20px;}
.popup .inner2 .content_area .inner{ height: 300px; overflow-y: auto; border: 1px solid #dedede;}
.popup .inner2 .content_area .inner > section{padding: 15px;}

.term2_cont h4 {text-align: center; font-size: 14px;font-weight: bold;padding-bottom: 20px}
.term2_cont h5{padding: 10px 0;font-weight: 600; font-size: 13px;}
.term2_cont > p{padding: 2px 0;line-height: 1.5;text-indent: -13px;margin-left: 13px;word-break: keep-all;padding-top: 5px;}
.term2_cont .term2_txt {margin-left: 12px;text-indent: 0}
.term2_cont .term2_txt p {word-break: keep-all;text-indent: -18px;margin-left: 18px;line-height: 1.5}
.term2_cont .term2_txt p em {text-indent: 0;margin-left:0;word-break: keep-all;line-height: 1.5}
.term2_cont .term2_txt p span {font-weight: bold}

.term2_cont .term2_table {border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin: 10px 0;}
.term2_cont .term2_table table{width:100% ;text-align: left;box-sizing: border-box}
.term2_cont .term2_table tr th{padding: 5px;text-align: center;word-break: keep-all;border-right:1px solid #ddd; font-size: inherit;}
.term2_cont .term2_table tr td{padding: 5px;border-top:1px solid #ddd;border-right:1px solid #ddd;word-break: keep-all; font-size: inherit;}
.term2_cont .term2_table tr:first-child td{border-top:1px solid #222;}
.term2_cont .term2_table tr:first-child th{border-top:1px solid #222;}
.term2_cont .term2_table tr:last-child th{border-bottom:none;border-top:1px solid #222;}
.part_info {padding-top: 10px}



@media (max-width:640px){
	.roulette  > section .inner .roul-wrap .start_area{display:block; width:100%; outline:none; position: absolute; text-align: center; z-index:40; top:29%}
	.roulette  > section .inner{ width: 720px; position: absolute; top: 33.3%}
	.roulette  > section .inner .time{text-align: center; font-size: 1.8rem; color: #fff; padding: 5% 0 10%; font-family: 'Noto Sans KR', sans-serif;}
	.roulette  .giveaway_area > ul > li .giveaway_brand{width: 100%; text-align: center; font-size: 1.6rem; font-weight: 700;}
	.roulette  .giveaway_area > h4{font-weight: 400; font-size: 22px; color: #726459; text-align: center; padding-top: 25px;}
	.roulette .giveaway_note_ar> h4{font-weight: 400; font-size: 22px; color: #fff; text-align: center; padding-top: 25px;}
}
@media (max-width:374px){
    .content .index_ar > h2 > p{text-align: center; font-size: 14px; width: 100%; color: #151515; position: absolute; bottom: 0;}
    }


@media (max-width:320px){
html,body{height:100%;-webkit-text-size-adjust:none;-webkit-appearance:none; padding:0px; margin:0; font-size: 8px;}
.pop .dim .pop_ar .pop_content .img_ar > p{font-size: 12px;}
.pop .dim .pop_ar .pop_content .input_ar > ul > li > h4{font-size: 12px;}
.content .index_ar > h2 > p{text-align: center; font-size: 12px; width: 100%; color: #151515; position: absolute; bottom: 0;}
    #pivacy .term2_cont h4 {font-size:12px; }
    .content .index_ar .coupon_ar .residue .t_txt .in_tcall > p{font-size: 10px; font-weight: bold; color: #fff;}
    .content .index_ar .coupon_ar .residue .t_txt .in_tcall > p.num{font-size: 12px; line-height: 1; }
}