@charset "utf-8"; /* CSS Document */

/* 페이지 비주얼 */
   .grd_txt {
   color: #FFED4D;
  background-image: linear-gradient(90deg, #f8ff00 0%, /*#92FE9D*/#ffe29e 100%);
	   
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}      
#page_visual { display: block; padding: 212px 0 0; text-align: center; position: relative; background-image: radial-gradient( #ffffff, var(--light_blue) 110%); overflow: hidden;}
#page_visual * { position: relative; }
	/*파랑배경*/
	#page_visual::before { content: ''; position: absolute; width: 100%; height: 48%; bottom: 0; left: 0; 
		background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%); 
		border-top: 2px solid #FFFFFF50; 
		border-radius:calc(var(--br_xl) * 1.5) calc(var(--br_xl) * 1.5) 0 0; 
		box-shadow: 0px -8px 15px 0px rgba(0,0,0,0.15); 
	}
	/*비네트*/
	#page_visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 60%, rgb(86, 110, 239, 0.25) 80%); z-index: 1;} 

/* 페이지 비주얼 - 타이틀 */
#page_visual .sec_tit { margin-bottom: 1.7rem; }
#page_visual .sec_tit .main_txt {display:inline-flex; align-items: center; gap:5px;}
#page_visual .sec_tit .main_txt .AllB {height: 2.7rem}
#page_visual .obj {filter: drop-shadow(0px 1.8rem 15px #00000040); }

/* 페이지 비주얼 - 포인트 */
#page_visual .point { display: flex; justify-content: space-between; align-items: center; margin: 4rem auto ; width: 100%; max-width: 1060px;  }
#page_visual .point li {display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 33.3%; }
#page_visual .point li p {text-align: center; padding: 0 0.5rem; width: fit-content; text-shadow: 1px 1px 0 #00000033; }

#page_visual .point li .num { opacity: 0.7; margin-bottom: 0.3rem; font-size:1.1rem; }
#page_visual .point li .info_txt { font-weight: 700; line-height: 1.2; box-shadow: inset 0px -.4em 0 rgba(15,20,77,0.15); }
#page_visual .point li .info_txt span { color: var(--yellow); }
#page_visual .white_box {display: block; height: 4rem; margin-top: calc(var(--sec_pd) - 1rem); background-color: #fff; border-radius:calc(var(--br_xl) * 1.5) calc(var(--br_xl) * 1.5) 0 0; z-index: 2; box-shadow: 0px -8px 15px 0px rgba(0,0,0,0.15);}


/* 페이지 내용 */
#page_content { display: block; padding: calc(var(--sec_pd) / 2) 0 var(--sec_pd); text-align: center; }

/* 페이지 내용 - 타이틀 */
#page_content .content_tit { display: flex; align-items: center; font-weight: bold; font-size: 1.65em; /*border-bottom: solid 2px var(--dark_gray);*/ padding-bottom: 1.5rem; width: 100%;}

/* 페이지 내용 - 상품 정보 */
#page_content > .wrap > .prod_info { text-align: left; width: 100%; display: inline-flex; flex-wrap: wrap; gap:2rem;}
#page_content > .wrap > .prod_info > li{ width: calc(50% - 1rem); padding: 2.5rem 2rem; background-color: var(--light_gray); border-radius: var(--br_l); border: 1px solid var(--light_blue);}
#page_content > .wrap > .prod_info > li.full{ width: 100%}
#page_content > .wrap > .prod_info > li > .tit { font-weight: 600; font-size: 1.15em; margin-bottom: 1rem; position: relative; margin-left: 1.5rem;  /*font-family: var(--p_font);*/ color: #3c9afd }
#page_content > .wrap > .prod_info > li > .tit:before { content: ''; display: inline-block; width: 1rem; height: 8px; border-radius: 10px; background: #4bdb86; position: absolute; top:48%; left: 0; transform: translateX(-1.5rem) translateY(-50%); }
#page_content .wrap .prod_info .info_txt {margin-left: 1.5rem; }
#page_content .wrap .prod_info .info_txt ~ ul, 
#page_content .wrap .prod_info .info_txt ~ ol{  margin-top: 0.75rem; font-size: 0.9em;line-height: 1.3 }
#page_content .wrap .prod_info .info_txt ~ ul li.d-flex.gap-sm span:first-child{ white-space: nowrap;}
#page_content .wrap .prod_info .ul_01 li, 
#page_content .wrap .prod_info .ul_02 li, 
#page_content .wrap .prod_info .ul_03 li { position: relative; margin-left: 1.1rem; padding-left: 1rem; margin-bottom: 0.4rem; line-height: 1.1}
#page_content .wrap .prod_info .ul_01 li:last-of-type, 
#page_content .wrap .prod_info .ul_02 li:last-of-type, 
#page_content .wrap .prod_info .ul_03 li:last-of-type { margin-bottom: 0;}
#page_content .wrap .prod_info .ul_01 li > p { white-space:nowrap; padding-left:77px;}
#page_content .wrap .prod_info .ul_02 li, 
#page_content .wrap .prod_info .ul_03 li { font-size: 0.9em; }
#page_content .wrap .prod_info .ul_01 li:before { content: '·'; position: absolute; left: .25rem; }
#page_content .wrap .prod_info .ul_02 { padding-left: 1rem; margin-top: 1rem; opacity: 0.75; }
#page_content .wrap .prod_info .ul_02 li:before { content: '-';  position: absolute; left: .25rem; }
#page_content .wrap .prod_info .ul_03{ padding-left: 0.5rem; }
#page_content .wrap .prod_info .ul_03 li:before { content: '※'; font-size: 0.8em; position: absolute; left: -.2rem; top:0.15rem}
#page_content .wrap .prod_info li.censorship_num { font-weight: 600; font-style: italic; opacity: 0.75; border-bottom: solid 1px #111; }

#page_content .wrap .prod_info li .add_txt { font-size: 0.9em; opacity: 0.75; margin-top: 1rem; }
#page_content .wrap .prod_info li a { color: inherit; font-weight: 700; }
#page_content .wrap .prod_info li .btn_style_02 { background-color: var(--slate_gray); color: #fff; cursor: pointer; margin-top: 2rem; }
#page_content .wrap .prod_info li .btn_style_02:hover { background-color: var(--slate_gray_hover); }

#page_content .wrap .prod_info li ol li {display: flex; align-items: center;}
#page_content .wrap .prod_info li ol span{font-size: 0.8em!important; margin-right: 5px; }
/* ==================== 모바일 레이아웃 ==================== */

@media ( max-width: 900px ) {
    /* 페이지 비주얼 */
    #page_visual { padding: 154px 0 0; }
    #page_visual::before { height: 340px; }
    /* 페이지 비주얼 - 타이틀 */
    #page_visual .sec_tit { margin-bottom: 2rem; }
	#page_visual .sec_tit .main_txt .AllB {height: 1.9rem; }

    /* 페이지 비주얼 - 오브젝트 */
    #page_visual .obj { width: 160px; }

    /* 페이지 비주얼 - 텍스트 */
    #page_visual .prod_rate { font-size: 1.8em; margin-top: 2rem; }

    /* 페이지 비주얼 - 포인트 */
    #page_visual .point { align-items: flex-start; margin: 2rem auto 2.5rem; }
    #page_visual .point li .num { font-size: 0.85em; margin-bottom: 0.5rem; }
    #page_visual .point li .info_txt { font-size: 1em; line-height: 1.2; box-shadow: none;/* color: var(--yellow);*/ }
	#page_visual .point li .info_txt span {color: #fff!important}
    /* 페이지 내용 - 타이틀 */
    #page_content .content_tit { font-size: 1.4em; width: 100%; margin-left: 0;}

    /* 페이지 내용 - 상품 정보 */
    #page_content > .wrap > .prod_info { font-size: 1em; width: 100%; margin: 0; gap:1rem}
    #page_content > .wrap > .prod_info > li { padding: 2rem 1rem; }
    #page_content .wrap .prod_info li .btn_style_02 { margin-top: 1.5rem; margin-left: 50%; transform: translateX(-55%); }
	
	#page_content > .wrap > .prod_info > li:nth-child(even){ width: 100%; background-color:#FFFFFF;}
    #page_content > .wrap > .prod_info > li:nth-child(odd) { width: 100%;background-color: var(--light_gray)!important;}
	
	#page_content .wrap .prod_info .ul_01 li > p { white-space:pre-wrap; padding-left:57px;}


}