/* BASIC css start */
/* 공통 */
.oc_tit {position:relative; } 
.oc_tit span {display:inline-block;font-size:12px;font-weight:700;color:#fff;background: var(--point-color); padding:6px 10px;border-radius:28px;line-height:1;margin-bottom:6px;} 
.oc_tit h1 {font-size:26px;font-weight:700;color:#000;line-height:34px;margin-bottom:12px; } 
.oc_tit p {font-size:15px;font-weight:400;color:#595959;line-height:21px;margin-bottom:20px; } 
.oc_tit a {display:block;text-align:center;font-size:14px;font-weight:700;color:#fff;background:#004e96;padding:17px 0;line-height:1;border-radius:48px; /*margin-bottom:40px;*/ width:90%; margin:0 auto 40px; } 

.online_class_wrap {position:relative; } 

/* 왓슨 온라인 클래스 메인 배너 */
.oc_bnr {position:relative; } 
.oc_bnr img {width:100%; } 

/* 왓슨 키트 오프라인 체험 클래스 */
.oc_kit {position:relative;background:#fafafa;padding:40px 18px;margin-bottom:72px; } 
.oc_kit ul {display:flex;flex-direction:column;gap:24px; } 
.oc_kit ul li { } 
.oc_kit ul li img {width:100%;margin-bottom:16px; } 
.oc_kit ul li h2 {font-size:18px;font-weight:700;color:#000;margin-bottom:6px;line-height: 1.25;} 
.oc_kit ul li p {font-size:14px;font-weight:400;color:#595959;line-height:18px; } 

/* 정기적인 놀이 수업으로 과학을 경험하게 해주세요!(메인 공통 영역) */
#sec2 { margin-bottom:30px !important } 
#sec2 h2 {font-size: 26px !important;font-weight:700;color:#000;margin-bottom:28px;line-height: 1.25;} 
#sec2 .sec_inner { padding: 0 0 0 5%; } 
#sec2 .tumb {width: 80%; margin: 0 auto;} 
#sec2 .tumb a { border-radius: 50%; overflow: hidden; } 
#sec2 .tumb a img { }
#sec2 .item_list .info .prdprice{text-align:center;}

/* 구독자만의 혜택 */
.oc_benefit {position:relative;background:#FFEFEC;padding:40px 18px;margin-bottom:72px; } 
.oc_benefit ul {display:flex;flex-direction:column;gap:12px; } 
.oc_benefit .item_cont li { position: relative; display: block; padding: 28px 24px; border-radius: 6px; } 
.oc_benefit .item_cont li:nth-child(1) {background: url('/design/whatson/img/pc/class_kit_ban01.png') no-repeat right bottom #fff; background-size: 159px;} 
.oc_benefit .item_cont li:nth-child(2) { background: url('/design/whatson/img/pc/class_kit_ban02.png') no-repeat right bottom #fff; background-size: 133px;} 
.oc_benefit .item_cont li:nth-child(3) { background: url('/design/whatson/img/mo/mo_works_img_03.png') no-repeat right bottom #fff; background-size: 132px;} 
.oc_benefit .item_cont li a { display:block; } 
.oc_benefit .item_cont li a span { display: inline-block; font-size: 12px; font-weight: 700; color: #fff; background: var(--point-color); padding: 0 10px; border-radius: 28px; height: 18px; line-height: 18px; margin-bottom: 8px; } 
.oc_benefit .item_cont li a h3 { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 10px; line-height: 1.25; } 
.oc_benefit .item_cont li a p { font-size: 14px; font-weight: 400; color: #595959; line-height: 19px; } 
.oc_benefit .item_cont li a img { width:100%; } 


/* BASIC css end */