@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* @ reset ------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,textarea,input{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
body {font-family: 'Pretendard Variable', 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif!important; font-size-adjust:none;word-break:break-all;-webkit-tap-highlight-color:transparent; font-size:15px; line-height: 150%;} /* font-family:"Roboto", "Noto Sans KR", "Helvetica Neue", Helvetica, sans-serif; */
body, button, input, textarea, tr , td {font-family: 'Pretendard Variable', 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{line-height:1.2;}
em{font-style:normal;}
/*p{line-height:1.5;}*/
input{-webkit-appearance:none;background:transparent;-webkit-border-radius:0;border-radius:0;}
textarea{-webkit-box-sizing:border-box;box-sizing:border-box;padding:7px 10px!important;min-height:104px;width:100%;border:1px solid #ccc!important;color:#222;font-size:16px;line-height:1.4;}
em{font-style:normal;}
img,fieldset{vertical-align:middle;}
button {cursor: pointer;}
/* 아이폰 가로모드시 글씨 커지는 문제 */
*{-webkit-text-size-adjust:none;}
/* 아이폰 input 박스선 없애기 *//* input */
input[type="tel"],input[type="text"],input[type="password"],input[type="number"],input[type="date"],input[type="email"],input[type="search"],input[type="image"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:7px 10px;height:40px;border:1px solid #ccc;background:#fff;color:#222;vertical-align:middle;font-size:16px;line-height:13px; }
/* link */a{color:#333;text-decoration:none;}
a:hover,a:focus,a:active,a:visited{text-decoration:none;}


/*clear*/
.clear {clear: both;}
/* util - css *//*display*/
.d-b{display:block!important;}
/*  width */
.w-auto{width:auto!important;}
.w-39{width:39px!important;}
.w-43{width:43px!important;}
.w-50{width:50px!important;}
/* padding */
.p-none{padding:0!important;}
.pb-none{padding-bottom:0!important;}
.pt-10{padding-top:10px!important;}
.pb-20{padding-bottom:20px!important;}
.pb-25{padding-bottom:25px!important;}
.pb-35{padding-bottom:35px!important;}
/* margin */
.mr-none{margin-right:0!important;}
.mb-none{margin-bottom:0!important;}
.mb-15{margin-bottom:15px!important;}
.ml-none{margin-left:0!important;}
.ml-5{margin-left:5px!important;}
/* backgroun-color */
.bg-white{background-color:#fff!important;}
.bg-light-gray{background-color:#f4f4f4!important;}
.bg-gray{background-color:#ddd!important;}
.bg-black{background-color:#000!important;}
/* .bg-blue{background-color:#1b6bbb!important;}
.bg-light-blue{background-color:#0892da!important;} */
/* color */
.color-white{color:#fff!important;}
.color-orange{color:#f8764e!important;}
.color-pink{color:#e92a81!important;}
.color-blue{color:#4d92d9!important;}
.color-light-gray{color:#bbb!important;}
.color-gray{color:#888!important;}
.color-strong-gray{color:#666!important;}
.color-deep-gray{color:#525252!important;}
/* font-size */
.fz-16{font-size:16px;}
/* align */
.txt-left{text-align:left!important;}
.txt-right{text-align:right!important;}
.txt-center{text-align:center!important;}
.txt-center td{text-align:center;}
.txt-left tbody th{padding-left:10px!important;text-align:left;}
/* border */
.bd-none{border:none!important;}
/* helper */
.clearfix::after{clear:both;content:'';display:block;visibility:hidden;}
.for-a11y{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0000);overflow:hidden;text-indent:-5000em;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;display:0;-webkit-line-clamp:1;/* 라인수 */-webkit-box-orient:vertical;word-wrap:break-word;}
.double-line{-webkit-line-clamp:2;}
.hidden,.u_skip{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
/* Hide Set */
.hidden{overflow:hidden;position:absolute;left:-1000%!important;top:0;width:1px;height:1px;font-size:.1%;line-height:.1%;}
.none{display:block;text-indent:-999em;width:0;height:0;overflow:hidden;font-size:0;}
.sp-hd{overflow:hidden;display:inline-block;font-size:0;color:transparent;}
.invisible{display:none;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.text-hidden{display:inline-block;overflow:hidden;color:transparent;white-space:nowrap;}

/* swiper --default plugin style */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.swiper-container-no-flexbox .swiper-slide {float:left;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:0;display:0;display:0;display:0;display:flex;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;-ms-transition-property:0;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-slide {
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	-o-transition-property:transform;
	transition-property:transform;
	transition-property:transform, -webkit-transform
}
.swiper-slide>a{display:block;width:100%; height: 100%;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(0,0,0,0.8);}
.swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; border-radius:100%;	background:transparent;	border: 2px rgba(0,0,0,0.3) solid;	box-sizing: border-box;}
.swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0;}
.swiper-container .info{z-index:10;position:absolute;bottom:5px;right:0;min-width:60px;border-radius:14px 0 0 14px;padding:3px 5px 4px 10px;background:rgba(255,255,255,0.3);color:#454545;font-size:1.3rem;letter-spacing:-.1rem;text-align:left;}
.swiper-container .info .swiper-pagination{position:relative;bottom:auto;}
.swiper-container .info .plus{/* position: absolute; */right:0;display:inline-flex;width:12px;font-size:0;justify-content:center;align-items:center;}
.swiper-container.type-card .swiper-pagination{position:relative;bottom:auto;}
.swiper-container.type-card .swiper-slide>a{text-align:left;}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out;	-o-transition-timing-function:ease-out;	transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide {pointer-events:none; -webkit-transition-property:opacity;	-o-transition-property:opacity;	transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:5px; left:0; width:100%}


/* 검색 목록 넘버링 */
.search_list_numbox {margin:0; padding:10px 0;  text-align:center;}
.search_list_newnum { margin:0 auto; padding:0; overflow:hidden; display:inline-block; }
.search_list_newnum ul { list-style:none; margin:0; padding:0;}
.search_list_newnum ul li { float:left; margin:0; padding:0 1px;}
a.search_numlist_on:link { border:1px solid #33afe9; color:#33afe9; display: grid; padding:3px 11px 2px 11px;   font-size:1em;  font-weight:bold; }
a.search_numlist_on:visited { border:1px solid #33afe9; color:#33afe9; display:grid; padding:3px 11px 2px 11px;   font-size:1em; font-weight:bold;}
a.search_numlist_off:link { border:1px solid #e5e5e5; color:#333; display:grid; padding:3px 11px 2px 11px;  font-size:1em; }
a.search_numlist_off:visited { border:1px solid #e5e5e5; color:#333; display:grid; padding:3px 11px 2px 11px; font-size:1em; }
a.search_numlist_next:link { border:1px solid #e5e5e5; color:#333; display:grid; padding:6px 8px 6px 8px;  font-size:1em; }
a.search_numlist_next:visited { border:1px solid #e5e5e5; color:#333; display:grid; padding:6px 8px 6px 8px; font-size:1em; }

/*게이트 페이지 */
.gatepage_wrap { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 21px; box-sizing: border-box;}
.gatepage_wrap p {text-align: center; margin-bottom: 30px; color: #333;}
.gatepage_wrap p::before {content: ''; display: block; width: 64px; height: 64px; border-radius: 15px; margin: 0 auto 70px auto; background: url(//image.aladin.co.kr/img/m/aladin-launcher.png) no-repeat center / 64px 64px;}
.gatepage_wrap .app_btn {display: block; width: 220px; height: 38px;  background: #ed145b; color: #fff; border-radius: 6px; line-height: 38px; font-size: 16px; margin: 0 auto 40px auto;}
.gatepage_wrap .web {display: block; font-size: 14px; color: #666; text-decoration: underline; text-align: center;}

/*alert 스타일 레이어*/
.alert_out {position: fixed; top:0; left:0; width:100%; height:100%; z-index:1000; overflow: hidden;}
.alert_box + .dim {display: block;}
.alert_box { width:310px; background-color: #fff; border-radius:28px; position: absolute; top:50%; left:50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); z-index: 100;}
.alert_box .alert_text {min-height:65px; text-align: center; position: relative; margin:25px 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; letter-spacing: 0;}
.alert_box .alert_text > p { width:100%; font-size:16px;}
.alert_box .alert_text h3 {font-size: 17px;}
.alert_box .alert_text h3 + p {font-size: 15px; margin-top: 15px;}
.alert_box .alert_text.caution::before {content: ''; display: block; width: 32px; height: 32px; background: url('//image.aladin.co.kr/img/common/icon-info.svg') no-repeat center / 100% auto; margin: 0 0 15px 0;}
.alert_box .alert_btn {display: flex; padding:0 20px 20px 20px; gap: 10px;}
.alert_box .alert_btn button {font-size: 16px; height:48px; flex: 1; border-radius: 12px; box-sizing: border-box; font-weight: bold;}
.alert_box .alert_btn button:first-child {background-color: #fff; color: #000; border: 1px solid #ccc;}
.alert_box .alert_btn button:last-of-type {background-color: #1a1a1c; color:#fff;}
.alert_box .alert_btn button.gray_btn {background-color: #f0f0f0; color: #000; border: 0;}
.alert_box .alert_btn button.pink_btn {background-color: #EB217C; color:#fff; border: 0;}
.alert_box .alert_btn button.off {background-color: #F2F3F5; color: #333; border: 0;}
.alert_box .alert_btn button ~ button.pink_btn {margin-left: 10px;}

.alert_box.marketing_event {padding: 30px 0px 0 0; box-sizing:border-box;  text-align: center;}
.alert_box.marketing_event::after {content: ''; display: block; width: 100vw; max-width: 375px; height: 60vw; position: absolute; top:-22px; left:50%; transform:translateX(-50%); background: url("//image.aladin.co.kr/img/shop/2023/230817_app_push_mbg.png") no-repeat center top / 100% auto; z-index: -1;}
.alert_box.marketing_event h3 {font-size: 19px; margin: 0 0 12px 0;}
.alert_box.marketing_event h3 em {color: #eb217c;}
.alert_box.marketing_event p {color: #333;}

.alert_box.marketing_info h3 {font-size: 20px; margin: 5px 0 16px 0; letter-spacing: -1px;}
.alert_box.marketing_info ul li {text-align: left; background: url("//image.aladin.co.kr/img/svg/dot_black.svg") no-repeat left top 9px / 2px; padding: 0 0 2px 8px; font-size: 15px; letter-spacing: -0.5px;}

.dim { position: fixed; left:0; top:0; width:100%; height: 100%; background: rgba(0, 0, 0, .4); z-index:-1; overflow: hidden; display: none;}
.noscroll {width: 100%; height: 100%; overflow:hidden!important; }

.input_check_square {width: 24px; height: 24px; background: url(//image.aladin.co.kr/img/common/input_check.svg) #fff no-repeat center / 14px auto; border: 1px solid #D0D0D0; border-radius: 3px; box-sizing: border-box;}
.input_check_square:checked { background: url(//image.aladin.co.kr/img/common/w_input_check.svg) #EB217C no-repeat center / 14px auto; border: 1px solid #EB217C; -webkit-appearance: none!important;}

.input_check_black {width: 20px; height: 20px; background: #fff; border: 1px solid #999; box-sizing: border-box;}
.input_check_black:checked { background: url(//image.aladin.co.kr/img/common/w_input_check.svg) #000 no-repeat center / 12px auto; border: 1px solid #000; -webkit-appearance: none!important;}

.white-big-btn {height: 48px; line-height: 48px; padding: 0 12px; border: 1px solid #000; background: #fff; color: #000; border-radius: 12px; box-sizing: border-box; font-size: 16px; text-align: center;}
.black-big-btn {height: 48px; line-height: 48px; padding: 0 12px; background: #000; color: #fff; border-radius: 12px; box-sizing: border-box; font-size: 16px; text-align: center;}