/* BASIC css start */
/* 공통 */
.inner {width:1400px; margin:0 auto;}
.info_txt {display:inline-block; margin-bottom:10px; width:66px; line-height:26px; text-align:center; background:var(--main-color); color:#fff; border-radius:28px; font-weight:700;}
.tit {font-weight: 700; font-size: 32px; line-height: 46px; color: #000000;}
.sub_tit {font-size: 16px; line-height: 28px; color: #595959; padding:10px 0 36px; position: relative;}
.sub_tit a {display:inline-block; width:224px; line-height:56px; text-align:center; background:var(--main-color); color:#fff; border-radius:72px; font-weight:700; font-size:16px; position: absolute; right: 0; top: -17px;}

/* top_banner */
.top_banner img {width:100%;}

/* class_cont01 */
.class_cont01 {padding:80px 0 104px; background:#FAFAFA;}
.class_cont01 ul {display:flex; gap:30px;}
.class_cont01 ul li img {width:100%;}
.class_cont01 ul li .txt1 {font-weight: 700; font-size: 26px; line-height: 38px; color:#000; padding:16px 0 8px;}
.class_cont01 ul li .txt2 {font-size: 14px; line-height: 22px; color: #595959;}

/* class_cont02 */
.class_cont02 {margin:120px 0 115px;}
.class_cont02 h2 {font-size: 32px ; font-weight: bold; letter-spacing: -.5px; color: #000; margin-bottom:35px}
.class_cont02 .inner{overflow:inherit; position:relative;}
.class_cont02 .swiper-button-prev{background:url(/design/whatson/img/pc/arrow_l.png)no-repeat center; width: 64px; height: 65px; background-size: cover; top: 39%; left: -30px;}
.class_cont02 .swiper-button-next{background:url(/design/whatson/img/pc/arrow_r.png)no-repeat center; width: 64px; height: 65px; background-size: cover; top: 39%; right: -30px;}
.class_cont02 .item_list .info{text-align:center; padding:20px 0 0;}
.class_cont02 .item_list .info .prdname{line-height:26px; font-size:18px; font-weight:700;}
.class_cont02 .item_list .info .prdsubtxt{color:#595959; font-size:14px; line-height:22px; /*padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e4e4e4;*/}
.class_cont02 .item_list .info .prdwish{font-size:13px; font-weight:bold; line-height: 1; margin: 0;}
.class_cont02 .item_list .info .prdwish img{vertical-align: bottom;}
.class_cont02 .item_list .tumb a{text-align:center;}
.class_cont02 .item_list .tumb a img{border-radius:50%; width:80%;}

/* class_cont03 */
.class_cont03 {background:#FFEFEC; padding:80px 0 136px; overflow: hidden;}
.class_cont03 div ul {display: flex; gap: 45px;}
.class_cont03 div ul li{background:#fff; width:436px; height:548px; padding:56px 40px 0; position:relative;}
.class_cont03 div ul li .num{width: 49px; height: 28px; color: #fff; background: #000; border-radius: 28px; line-height: 28px; text-align: center; font-size: 14px; font-weight: 700;}
.class_cont03 div ul li .tit{font-weight: 700; font-size: 26px; line-height: 38px; color: #000000; padding:24px 0 16px;}
.class_cont03 div ul li .subtit{font-size: 14px; line-height: 22px; color: #595959;}
.class_cont03 div ul li img{position:absolute;}
.class_cont03 div ul li:nth-of-type(1) img{right:20px; bottom:0;}
.class_cont03 div ul li:nth-of-type(2) img{left:108px; bottom:-30px;}
.class_cont03 div ul li:nth-of-type(3) img{left:82px; bottom:-30px;}




/* BASIC css end */