@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal;}
* {margin:0 auto; padding: 0;}
html {scroll-behavior: smooth; user-select: none;}
ol, ul, li, dl, dt, dd{list-style: none;}
html, body, div, p, strong, span, ol, ul, li, dl, dt, dd, i, em, pre {font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;}
[class^="bg_"] {padding: 100px 0;}

.evt_wp .top_dday{width: 100%; height: 70px; background: rgba(0,0,0,0.9); position: fixed; bottom: 0; color: #d8d8d8; font-size: 25px; z-index: 2; display: flex; align-items: center;}
.evt_wp .top_dday ul{overflow: hidden; width: fit-content; margin: 0 auto; position: relative; text-align: center; display: flex; align-items: center;}
.evt_wp .top_dday li{display: inline-block;}
.evt_wp .top_dday .data{font-size: 28px; color: #00ffcc; font-weight: 800; margin-right: 20px; letter-spacing: 0;}
.evt_wp .top_dday .top_btn{text-align: center; background: #fff; color: #000; border-radius: 5px; font-size: 20px; font-weight: 600; width: 250px; height: 42px; display: inline-flex; position: relative; align-items: center; padding-left: 20px; margin-left: 30px;}
.evt_wp .top_dday a{text-decoration: none;}
.evt_wp .top_dday .count{font-size: 32px; font-weight: 800; color: #fff; margin-left: 20px;}
.evt_wp .top_dday .count span{display: inline-block;}
.evt_wp .top_dday li:nth-last-child(2) span{width: 50px;}
.evt_wp .top_dday .arrow{font-family: 'yg-jalnan';}
.evt_wp .top_dday li:nth-last-child(3) span{width: 30px;}
.evt_wp .day_txt{font-size: 25px; font-weight: 500; width: 20px;}

.evt_wp .mint{color: #00ffcc !important;}

div.evt_wp {letter-spacing: -0.1em; word-spacing: 0.2em; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;}

/* visual */
.evt_wp .visual_wp{background: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/SocialWorke_0520/visual_Bg.png)no-repeat center; height: 1000px; text-align: center;}
.evt_wp .typo1{padding-top: 200px; animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1.000) both;}
.evt_wp .typo2{padding-top: 15px; animation:fade-in-top .6s .3s cubic-bezier(.39,.575,.565,1.000) both;}
.evt_wp .typo3{padding-top: 80px; animation:fade-in-top .6s .6s cubic-bezier(.39,.575,.565,1.000) both;}
.evt_wp .typo3 img{animation: blink 1s 1.5s infinite;}
.evt_wp .visual_title {padding-top: 35px; animation: slide-bottom 0.6s 1s ease-out both;}
.evt_wp .typo4{padding-top: 70px; animation:fade-in-top .6s 1.4s cubic-bezier(.39,.575,.565,1.000) both;}

.evt_wp .bg_01{background: #fff9f3;}
.evt_wp .bg_02{background: #ffebf8;}
.evt_wp .bg_03{background: #efefef;}
.evt_wp .bg_04{background: #f6f7f9; }
.evt_wp .ibPR{background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/SocialWorke_0520/con3_Bg.png)no-repeat center; padding: 110px 0;}
.evt_wp .bg_05{background: #fff; padding: 100px 0 30px;}
.evt_wp .bg_06{background: #2b366f; padding: 100px 0 100px;}
.evt_wp .bottom{background:url(https://cdn.ibstudy.co.kr/Content_new/event/2025/SocialWorke_0520/con10_Bg.png)no-repeat center; height: 560px;}
.evt_wp .bg_08{background: #ffebf8;}
.evt_wp .bg_pr{background: #fff;}

/* review */
.review { background: #f1f1f1; padding-bottom: 200px;}
.review_wrap { padding-top: 60px; height: 500px; }
.review_wrap li { float: left; margin-left: 20px; box-shadow:5px 5px 10px 3px rgba(0,0,0,0.08) }
.review_wrap li:first-child { margin: 0;}
.evt_wp .evt_conts .Pbtn { position: absolute; margin-left:300px; width: 610px; border-radius: 5px; background: #ff1e68; text-align: center; height: 80px; line-height: 80px; padding: 0; font-size: 28px; font-weight: 900; margin: 50px 240px 0; color: #fff; display: block; }

@keyframes fade-in-top{0%{transform: translateY(-50px); opacity: 0;}100%{transform: translateY(0); opacity: 1;};}
@keyframes shake-vertical{80%{transform:translateY(0px);} 90%{transform:translateY(-6.4px);} 100%{transform:translateY(8px);};}
@keyframes scrollBottom { 0%{transform: translateY(-5px);} 100%{transform: translateY(5px);};}
@keyframes blink{0%{opacity:1;} 50%{opacity:.5;}100%{opacity:1;};}

@keyframes slide-bottom {
    0% { transform: translateY(-100px); opacity: 0; }
    100% { transform: translateY(0); }
  }

.evt_wp .inner{ width: 1100px; margin: 0 auto; position: relative;}
.evt_wp a{text-decoration: none;}

.evt_wp .up-on-scroll{transition: transform 0.7s, opacity 1.7s;}

.evt_wp .evt_conts .txt{font-size: 12px; color: #fff; opacity: 0.7; position: absolute; top: 410px; left: 330px; letter-spacing: 0; font-weight: 300;}
.evt_wp .evt_conts .btn{width: 610px; border-radius: 5px; background: #fff; text-align: center; padding: 32px 0; font-size: 28px; font-weight: 900; margin: 30px 400px 50px; color: #000; display: block;}

.bottom img { padding-top: 90px; }
.bottom .btn{width: 610px; border-radius: 5px; background: #fff; text-align: center; padding: 26px 0; font-size: 28px; font-weight: 900; margin: 50px auto 0; color: #000; display: block;}

.evt_wp .lec{box-shadow: 0px 2px 8px rgba(0,0,0,0.15); margin-top: 20px;}
.evt_wp .lec_btn{position: absolute; right: 40px; top: 40px;}

.evt_wp ul.buy{text-align: center; overflow: hidden; width: 1200px; margin: 0 auto; padding: 20px 0;}
.evt_wp ul.buy li{display: inline-flex; position: relative; box-shadow: 2px 2px 12px 7px rgba(0,0,0,0.05); margin: 20px 8px 2px 0;}
.evt_wp .btn_buy{position: absolute; left: 35px; bottom: 30px;}

.evt_wp .pb_15{padding-bottom: 15px;}
.evt_wp .pt_30{padding-top: 30px;}
.evt_wp .pt_50{padding-top: 50px;}
.evt_wp .pt_70{padding-top: 70px;}
.evt_wp .pt_100{padding-top: 100px;}

.title{font-size: 60px; color: #000; text-align: center; font-weight: 900; padding-bottom: 30px;}
.noti_txt{margin-top: 10px;}
.blue{color: #ff1e68;}

/* tab */
.tab_wp{overflow: hidden; width: 1100px; margin: 0 auto;}
.tabs{float: left; width: 550px; text-align: center; padding: 25px 0; border: 1px solid #333; font-size: 20px; cursor: pointer;}
.tabs.active{background: #333; color: #fff; font-weight: 700;}
.tab-content{width: 1100px; margin: 0 auto;}

table.pr{margin-top: 30px; border: 1px solid #dedede;}
table.pr tr:nth-child(1) td:first-child{background: #ededed; border-bottom: 1px solid #dedede; text-align: center; padding: 15px;}
#tab_con1 table.pr tr:nth-child(5) td:first-child{background: #ededed; border-bottom: 1px solid #dedede; text-align: center; padding: 15px;}
#tab_con2 table.pr tr:nth-child(4) td:first-child{background: #ededed; border-bottom: 1px solid #dedede; text-align: center; padding: 15px;}
table.pr td{border: 1px solid #dedede; border-left: 0; border-top: 0; text-align: center; padding: 15px;}

/* slide */
.evt_wp .swiper-container {width: 1100px; height: 625px; margin: 50px auto 0;}
.evt_wp .interview_name{font-size: 14px; padding-top: 35px;}
.evt_wp .interview_btn{margin-top: 25px;}

/* popup */
.evt_wp .popup-wrapper{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); display: inline-flex; align-items: center;  font-size: 15px; z-index: 3; word-spacing: 0; overflow-x: hidden;}
.evt_wp .closeX{position: absolute; top: 15px; right: 15px; width: 2rem; line-height: 0.8rem; font-size: 3rem; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.evt_wp .closeX:hover{color: #ccc;}
.evt_wp .pop_wrap{position: relative; background: #fff; width: 510px; padding: 30px 20px 40px; border-radius: 5px; overflow-y: auto; border: 2px solid #000; margin: 0 auto;}

.evt_wp .pop_conts{width:92%; margin:3px auto 0; letter-spacing: -0.5px; padding-bottom:50px;}
.evt_wp .popup-wrapper .pop_tit{text-align: center;}
.evt_wp .popup-wrapper .tit{font-weight: 800; font-size: 28px; letter-spacing:-1px; border-bottom:1px solid #000; margin:0 0 10px; padding-bottom:5px; color: #000 !important;}

.evt_wp .pop_conts table{table-layout: fixed; word-break: break-all; width:100%; margin:12px auto 0;}
.evt_wp .pop_conts table th,
.evt_wp .pop_conts table td{padding: 8px; text-align: left; font-size:16px; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; color: #555; font-weight: 500;}
.evt_wp .pop_conts table img{ width: 23px; vertical-align: middle;}
.evt_wp .pop_conts table span{margin:0 5px;}

.evt_wp .pop_conts a{color:#fff;}
.evt_wp .pop_conts .btn{position:absolute; bottom:0; left:0; width:100%; margin:0 auto; background: #e41545; text-align:center; padding:18px 0; color:#fff; font-weight:900; font-size:22px; border-radius: 0;}
.btn_view{background:#333; text-align:center; color:#fff; border-radius:3px; padding:3px 10px 5px; font-size:11px; margin-left:2px;}

.evt_wp .popup-wrapper textarea{width: 99%; height: 80px; overflow-y: scroll; border:1px solid #ccc; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 16px;}
.evt_wp .popup-wrapper input{width:75%; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif; border: 0; border-bottom: 1px solid #aaa; padding-bottom: 3px; font-size: 16px;}
.evt_wp .popup-wrapper select{font-size: 14px;}

.evt_wp .popup-wrapper input[type='text'].data{width:35%;}
.evt_wp .popup-wrapper select{padding:5px; border:1px solid #ccc; font-family: 'Plus Jakarta Sans','Noto Sans KR', 'Malgun Gothic', sans-serif;}
.evt_wp .popup-wrapper button{border:0; cursor: pointer; padding: 0; margin-right: 15px;}

.evt_wp .popup-wrapper textarea,
.evt_wp .popup-wrapper select{border-radius: 5px; width: inherit; padding: 2px 0 2px 10px;}
.evt_wp .popup-wrapper label{cursor: pointer; margin-right: 8px;}
.evt_wp .popup-wrapper input[type='checkbox']{width: 20px; height: 20px; vertical-align: middle; accent-color: #e41545; margin-right: 5px;}

.evt_wp .popup-wrapper button{background: none;}

.evt_wp .popup-wrapper input:focus,
.evt_wp .popup-wrapper textarea:focus,
.evt_wp .popup-wrapper select:focus{outline: none;}
.evt_wp .popup-wrapper textarea::placeholder{font-size: 13px; color: #ccc;}

/* layer */
.evt_wp .layer-pop{position:fixed; top:0; left:0; display: inline-flex; align-items: center; background:rgba(0,0,0,0.2); width:100%; height:100%; z-index:2;}
.evt_wp .layer-pop .tit{margin-bottom: 0; font-size: 22px; text-align: center;}
.evt_wp .pop_layer{background: #fff; width: 470px; position: relative; margin: 0 auto; padding: 25px 20px; box-shadow: 0px 1px 6px 3px rgb(0 0 0 / 0.3); border-radius: 10px; text-align: left;}
.evt_wp .layer_conts{position: relative;  width: 100%; font-size: 14px;  overflow-y: auto;  line-height: 22px; height: 240px; margin: 0 auto;  padding: 0 2.5%; word-spacing: 3px;}
.evt_wp .layer_conts strong{padding-top: 16px; display: block; font-weight: 500;}
.evt_wp .layer-pop a{position: absolute; right:10px; top:20px; width: 2rem; line-height: 0.8rem; font-size: 2rem; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.evt_wp .layer-pop a:hover{color: #ccc;}
.evt_wp .noti_txt{font-size: 12px;}
.evt_wp .red{color:#e41545;}
.evt_wp .bg_gray{background:#efefef; margin: 5px 0; padding: 10px 20px; text-align: left; font-size: 13px;}

/* package */
.evt_wp .bg_09{background: #f6f7f9;}
.evt_wp .pb_50{padding-bottom: 50px;}
.evt_wp .package {text-align: center; overflow: hidden; margin: 0 auto;}
.evt_wp .package p >a {position: absolute; top: 0; right: 100px;}
.evt_wp .package ul {display: flex; gap: 30px; flex-direction: column; position: relative;}
.evt_wp .package ul li {position: relative; }
.evt_wp .package ul li .package_btn {position: absolute; display: flex; flex-direction: column; gap: 8px; top: 100px; right: 40px;}
.evt_wp .package ul li .package_btn a {width: 260px; height: 60px; font-family: "pretendard"; color: #fff; font-size: 20px; display: inline-block; background: #111; border-radius: 4px; line-height: 60px; font-weight: 600;}
.evt_wp .package ul li .package_btn a:hover {background: #252427;}
.evt_wp .package ul li .package_btn a:nth-of-type(2) {background: #dc082b;}
.evt_wp .package ul li .package_btn a:nth-of-type(2):hover {background: #ff1239;}
.evt_wp .package ul li .package_btn a:nth-of-type(2)::before {content: ""; z-index: 10; position: relative; top: 7px; left: -4px; display: inline-block; width: 27px; height: 27px; background: url(https://cdn.ibstudy.co.kr/Content_new/event/2022/1215/pack_btn.png);}
.evt_wp .package ul li .package_btn.one {top: 34px;}
.evt_wp .package ul li .package_badge {position: absolute; display: inline-block; top: 112px; left: 372px;}
.evt_wp .package ul li .package_badge img{animation: blink .8s infinite;}
.evt_wp .package ul li .package_badge p:nth-of-type(2) {padding-top: 43px;}
.evt_wp .package ul li .package_badge.one {top: 115px;}

 /* quick */
 .evt_wp .quick {position: absolute; top: 435px; left: 50%; transform: translateX(-50%); margin-left: 710px; z-index: 300;}
 .evt_wp .quick.fixed {position: fixed; top: 200px;}
 .evt_wp .quick ul {width: 150px; border: 2px solid rgba(255,255,255,.8);}
 .evt_wp .quick ul li {background-color: #ff1e68; border-bottom: 1px solid rgba(255,255,255,.8);}
 .evt_wp .quick ul li a {display: block; padding: 10px 0; color: #fff; font-size: 18px; text-align: center; line-height: 1.2;}
 .evt_wp .quick .btn_top {display: flex; align-items: center; justify-content: center; margin: 10px auto 0; width: 53px; height: 53px; color: #000; font-size: 15px; font-weight: 600; letter-spacing: 1px; line-height: 1.1; text-align: center; background-color: #fff; border: 1px solid rgba(0,0,0,.6); border-radius: 100%;}

/* 250619 : 전국세미나 추가 부분 */
 .evt_wp .allNew .tabWrap {position: absolute; left: 0; top: 250px;}
 .evt_wp .allNew .allNewTabs {width: 600px; display: flex; justify-content: space-between; margin-bottom: 20px; gap: 10px;}
 .evt_wp .allNew .allNewTabs li { width: 290px; height: 88px; border-radius: 8px; background: #bbb; cursor: pointer; text-align: center;}
 .evt_wp .allNew .allNewTabs li a { color: #fff; font-weight: 700; font-size: 26px; line-height: 88px; }
 .evt_wp .allNew .allNewTabs li.active { background: #111; }
 .evt_wp .allNew .tab_container .content { position: relative; }
 .evt_wp .allNew .btn_white { position: absolute; left: 419px; bottom: 322px; }
 .evt_wp .allNew .btn_white:hover { content: url(https://cdn.ibstudy.co.kr/Content_new/event/2025/SocialWorke_0520/btn_white02.png); }