/* ========== 돈워리비해피730 - 풀페이지 ==========  */
/* 풀페이지 공통 */
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
/* 공통 */
.pass_wrap .mov_area { position: relative; height: 0; padding-bottom: 56.25%;  background: #000;}
.pass_wrap .mov_area iframe {position: absolute; width:100%; height:100%; left: 0; top: 0;}
.pass_wrap .mov_area iframe.on-tab-pause {display:none;}
.pass_wrap .mov_area img { width: 100%;}
.pass_wrap .ico_play a { position: relative; display: block;}
.pass_wrap .ico_play a::before {content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10vw; height: 10vw; max-width: 70px; max-height: 70px; background: url(http://eduon.com/images/brand/yst/pc_2019/event/231019_jane/ico_play.png) ; background-size: cover; z-index: 0;}
.pass_wrap .ico_play a img { width: 100%;}
.pass_wrap .col.interview { position: relative;}
.pass_wrap .mov_list_inner  { max-width: 840px;}
.pass_wrap .mov_list_inner .video-container { border-radius: 10px; overflow: hidden; }
.pass_wrap .mov_list_inner .video-container > a {display: block; position: relative; }
.pass_wrap .mov_list_inner .video-container > a.hide {display: none;}
.pass_wrap .mov_list_inner .video-container > a::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10vw; height: 10vw; max-width: 70px; max-height: 70px; background: url(http://eduon.com/images/brand/yst/pc_2019/event/231019_jane/ico_play.png) ; background-size: cover; z-index: 0;}
.pass_wrap .mov_list_inner .video-container > a img { width: 100%; margin: 0; padding: 0; border: 0;}
.pass_wrap .col_mov { width: 100%;}
.pass_wrap .area_mov { position: relative; height: 0; padding-bottom: 56.25%; }
.pass_wrap .area_mov iframe {position: absolute; width:100%; height:100%; left: 0; top: 0;}
.pass_wrap .area_mov iframe.on-tab-pause {display:none;}
.pass_wrap .area_mov img { width: 100%;}

/* 슬라이드 */
.pass_wrap .bx-controls-direction { }
.pass_wrap .bx-controls-direction a { position:absolute; top:50%; transform:translateY(-50%); z-index:100; display: block; width: 70px ;  height: 100px; text-align: center; z-index: 1;  }
.pass_wrap .bx-controls-direction a::before {display: block; font-size: 3em; line-height: 100px;color:rgba(255, 255,255, 0.3); font-family: 'xeicon'; text-indent: 0;}
.pass_wrap .bx-controls-direction a:hover::before { color:rgba(255, 255,255, 0.5); }
.pass_wrap .bx-controls-direction a.prev_btn { left:-10px; }
.pass_wrap .bx-controls-direction a.next_btn { right:-10px; }
.pass_wrap .bx-controls-direction a.prev_btn::before { content: "\e93b"; }
.pass_wrap .bx-controls-direction a.next_btn::before { content: "\e93e"; }
@-webkit-keyframes fade-out-half { 0% { opacity: 1; } 100% { opacity: 0.5; } }
@keyframes fade-out-half { 0% { opacity: 1; } 100% { opacity: 0.5; } }
@-webkit-keyframes fade-in-half { 0% { opacity: 0.5; } 100% { opacity: 1; } }
@keyframes fade-in-half { 0% { opacity: 0.5; } 100% { opacity: 1; } }
.pass_wrap .bx-wrapper { width: 100%; margin: 0 auto; }
.pass_wrap .bx-wrapper .bx-viewport { /*overflow:inherit !important;*/ }
.pass_wrap .bx-wrapper .bx-pager.bx-default-pager { bottom: -30px; width: 100%;}
.pass_wrap .bx-wrapper .bx-pager.bx-default-pager a {background:#999; opacity: 0.1; border:none;}
.pass_wrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.pass_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover { opacity: 0.5; }
/* 후기 슬라이드 텍스트 공통 */
.pass_wrap .bh_slider {position: relative; margin: 80px 0 60px 0; width: 1100px; } 
.pass_wrap .bh_slider ul { }
.pass_wrap .bh_slider ul li { padding: 5px;} 
.pass_wrap .bh_slider ul li a { position: relative; display: block; font-family: 'pretendard'; padding:40px 50px 30px 50px;  
    background: #fff; text-align: center; font-size: 1.8em; color: #111; line-height: 150%; text-align: left; border-radius: 10px;  word-break: keep-all; min-height: 255px ; box-sizing: border-box; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }
.pass_wrap .bh_slider ul li a span { position: absolute; left: 50px; bottom: 40px; color: #888; font-size: 0.78em;}
.pass_wrap .bh_slider .bx-controls-direction a::before { color:rgba(0, 0,0, 0.5); }
.pass_wrap .bh_slider .bx-viewport { padding-bottom: 10px;}
.pass_wrap .bh_slider .bx-wrapper .bx-pager.bx-default-pager {bottom: -20px; }

/* 컨텐츠 공통 */
.pass_wrap { width: 100%; font-size:10px; line-height: 160%; word-break: keep-all;  font-family: 'pretendard';font-weight: 400; color: #111;  margin: 0 auto; min-width: 1200px;}
.pass_wrap .inner {position: relative;  word-break: keep-all;  margin: 0 auto;  width: 100%; max-width: 1100px; padding: 120px 0; text-align: center; margin: 0 auto;}
.pass_wrap img {display: block; vertical-align: top; margin: 0 auto; padding: 0; text-align: center; }
.pass_wrap a { text-decoration: none;}
.pass_wrap div { box-sizing: border-box;}
.pass_wrap h3{ margin-bottom: 0px;}
.pass_wrap p { margin-bottom: 0px;}
.pass_wrap .col.title { margin-bottom: 1.5em; text-align: center; font-size: 3.6em; line-height: 140%; font-weight: 500;  word-break: keep-all; font-family:'GMarketSans'; }
.pass_wrap .col.title > span {display: block; font-size:1.17em; line-height: 130%; font-weight: 700;}
.pass_wrap .col.title em { font-weight: 700;}
.pass_wrap .col.title .txt_tag { display: inline-block;padding: 0.35em 1em 0.2em 1em; border: 2px solid #111; border-radius: 5px;  font-size: 0.83em /*30px*/; margin-bottom: 30px; }
.pass_wrap .col.title .txt_tag b { font-weight: 700;}
.pass_wrap .col.title .txt_big {  display: inline-block; font-size: 1.8em; letter-spacing: -1px; line-height: 120%; margin-top: 10px; font-weight: 700;}
.pass_wrap .col.title .txt_big span { position: relative;}
.pass_wrap .col.title .txt_big span em { position: absolute; left: -2px; top: 0; font-size: 12px; line-height: 100%;}

.pass_wrap .txt_s { font-size:0.667em ; font-weight: 400; line-height: 150%; text-align: right;}
.pass_wrap .btn_go {  text-align: center;font-family:'GMarketSans'; }
.pass_wrap .btn_go a { display: inline-block;  padding: 30px 40px; border-radius: 8px; background: #384fff; color: #fff;  text-align: center; line-height: 150%; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.pass_wrap .btn_go a div { font-size: 2.1em; margin-bottom: 8px; line-height: 130%;}
.pass_wrap .btn_go a span { font-weight: 700; font-size: 3em; }
.pass_wrap .btn_go a span em { font-weight: 700;}
.pass_wrap .btn_go a span i { vertical-align: -2px;}
.pass_wrap .btn_go a:hover { background: #1f38fb;}
.pass_wrap .btn_s a { color: #111; font-size: 16px; padding: 10px 20px; border:1px solid #888; margin:30px 0; border-radius: 2px;}
.pass_wrap .btn_s a:after { display: inline-block ; content: "\e93f"; font-family: 'xeicon'; color: #111; vertical-align: -1px;}
.pass_wrap .btn_s a:hover {  border:1px solid #000;}
.pass_wrap .btn_ss { display: inline-block;}
.pass_wrap .btn_ss a { display: inline-block; font-size: 14px; color: #111; padding: 0 0 0 5px;}
.pass_wrap .btn_ss a:after { display: inline-block ; content: "\e93f"; font-family: 'xeicon'; color: #111; vertical-align: -1px;}
.pass_wrap .btn_ss a:hover { color: #1f77f3}
.pass_wrap .ico_mark {  position: relative;  padding-left: 15px;/* 별표 들어갈 공간 확보 */ text-indent: -15px;/* 첫 줄 들여쓰기 조정 */}
.pass_wrap .ico_mark::before { content: "* ";}
.pass_wrap .txt_mark  { position: relative;  display: inline-block; padding-top: 4px; padding-left: 10px; clear: both; font-size: 1.4em; text-align: left; color: #666; line-height: 130%; font-family: 'pretendard';}
.pass_wrap .txt_mark::before {position: absolute; display: block; left: 0; top: 5px; content: "*";}

/* 우측배너 */
.pass_wrap .fixbnr_wrap { position:absolute; right: 0px; top:50px; z-index: 1; width: 160px; border-radius: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); overflow: hidden;  border: 1px solid #3448df;}
.pass_wrap .fixbnr_wrap ul li { overflow: hidden; }
.pass_wrap .fixbnr_wrap ul li a { display: block;  color: #666; background: #fff; margin: 0; padding: 10px 10px 10px 15px;  border-bottom: 1px dashed #ddd; font-size: 12px;}
.pass_wrap .fixbnr_wrap ul li a:hover,  .fixbnr_wrap ul li.on a { background: #daeeff; color: #111;}
.pass_wrap .fixbnr_wrap ul li a span {font-size: 14px; font-weight: 600; }
.pass_wrap .fixbnr_wrap ul li:last-child a { border-bottom: none;}
.pass_wrap .fixbnr_wrap.fixed {  position: fixed; /* 스크롤 기준으로 고정 */top: 50px;  z-index: 3; }
.pass_wrap .fixbnr_wrap ul li:nth-child(1) a { cursor: default;  text-align: center; background: #2639c2;  color: #fff; }
.pass_wrap .fixbnr_wrap ul li:nth-child(1) a:hover .pass_wrap .fixbnr_wrap ul li:nth-child(1).on a  { color: #666; background: #2639c2;  }

/* 컨텐츠 내용 */
/* 상단TOP */
.box.top { background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/251215_behappy/top_bg1.jpg) repeat-x center top #000849; background-size: cover; overflow: hidden;}
.pass_wrap .box.top { font-family:'GMarketSans'; }
.pass_wrap .box.top .inner { padding-bottom: 0; }
.pass_wrap .box.top .col.no01 { }
.pass_wrap .box.top .col.no01 > .bh_slider_m {  position: relative;}
.pass_wrap .box.top .col.no01 > .bh_slider_m ul { }
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li { opacity: 0.2; transition: all 0.3s; }
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li.on { opacity: 1; }
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li a { 
    width: 260px; min-height: 284px; padding:3em 1.5em; border-radius: 1em /*10px*/;  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); box-sizing: border-box; 
    background: linear-gradient(180deg,rgba(27, 42, 90, 1) 0%, rgba(19, 19, 34, 1) 100%);  border: 1px solid #000;
    position: relative; display: flex; align-items: center; flex-direction: column; color: #fff; transition: all 0.3s;}
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li a:hover { border: 1px solid #516fd4;  background: linear-gradient(180deg,rgb(36, 55, 116) 0%, rgb(35, 35, 59) 100%); scale: 1.02;}
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li a .area_img { width: 80px; border-radius: 40px; overflow: hidden; margin-bottom: 2.5em;}
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li a .area_img img {  width: 100%;}
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li a div:nth-child(2) { font-size:2.4em /* 24px */; font-weight: 700; color: #fff; line-height: 130%;}
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li a div:nth-child(2) span { display: block;}
.pass_wrap .box.top .col.no01 > .bh_slider_m ul li a::after { position: absolute; left: 50%; bottom:2em /*20px*/; transform: translateX(-50%); display: block; content: "\ea3e"; font-family: 'xeicon'; font-size: 2.8em; color: #ff6767;}
.pass_wrap .box.top .col.no01 > .bh_slider_m .bx-viewport { overflow:inherit !important; }
.pass_wrap .box.top .col.no02 { font-size: 2.8em; font-weight: 600; padding:3em 1.5em 3em ; line-height: 140%; color: #fff;}


/* 탭 */
.pass_wrap .box.top .col.tab > ul { display: flex; width: 100%; }
.pass_wrap .box.top .col.tab > ul li { width: 50%;}
.pass_wrap .box.top .col.tab > ul li a {  display: block;  padding:1.5em 1em 1em 1em;  border-radius: 10px 10px 0 0 ;background: #313340; color: #fff; font-weight: 700; font-size: 1.8em; line-height: 150%;  }
.pass_wrap .box.top .col.tab > ul li a span {  display: block; font-size: 1.78em/*32px*/; line-height: 150%;}
.pass_wrap .box.top .col.tab > ul li:nth-child(1) a { }
.pass_wrap .box.top .col.tab > ul li:nth-child(2) a { }
.pass_wrap .box.top .col.tab > ul li:nth-child(1) a:hover, 
.pass_wrap .box.top .col.tab > ul li:nth-child(1).on a { background: #3448df ; }
.pass_wrap .box.top .col.tab > ul li:nth-child(2) a:hover, 
.pass_wrap .box.top .col.tab > ul li:nth-child(2).on a { background: #03c25c; }

/* 패스별 혜택 */
.pass_wrap .box.intro  { font-family:'GMarketSans'; }
.pass_wrap .box.intro .inner { max-width: 1200px;}
.pass_wrap .box.intro > .cont { display: none;}
.pass_wrap .box.intro > .cont.on{ display: block;}
.pass_wrap .box.intro > .cont.no01 {background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/251215_behappy/cont1_bg.jpg) no-repeat center top #060a29; background-attachment: fixed}
.pass_wrap .box.intro > .cont.no02 {background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/251215_behappy/cont2_bg.jpg) no-repeat center top #060a29; background-attachment: fixed}
.pass_wrap .box.intro > .cont .col.no01 { font-size:3.9em; font-weight: 700; color: #fff; line-height: 150%; letter-spacing: -1px;}
.pass_wrap .box.intro > .cont .col.no02 { max-width: 780px; margin: 0 auto;}
.pass_wrap .box.intro > .cont .col.no03 { }
.pass_wrap .box.intro > .cont .col.no04 { overflow-x:auto; }
.pass_wrap .box.intro > .cont .col.no04 ul {display: flex; margin: 0 auto; align-items: center; justify-content: center;}
.pass_wrap .box.intro > .cont .col.no04 ul li {   position: relative;  margin-right: 10px; ; }
.pass_wrap .box.intro > .cont .col.no04 ul li > div { border-radius: 1em; background: #fff; overflow: hidden; }
.pass_wrap .box.intro > .cont .col.no04 ul li > div img { max-width: 288px;}
.pass_wrap .box.intro > .cont .col.no04 ul li:last-child { margin-right: 0;}
.pass_wrap .box.intro > .cont .col.no04 ul li .tag_or { display: block; position: absolute; width:40px; height: 40px; line-height: 40px; border-radius: 20px; background:#ff5332; color: #fff; left:calc(-25px) ; top:50%; transform: translateY(-50%); font-size:12px; }

/* 구매영역 */
.pass_wrap .box.apply { }
.pass_wrap .box.apply .col.title { }
.pass_wrap .box.apply .col.title span {}
.pass_wrap .box.apply .col.title span br { display: none;}
.pass_wrap .box.apply .col.title em { color: #3448df;}
.pass_wrap .box.apply .col.tab { display: none; margin-bottom: 20px;}
.pass_wrap .box.apply .col.tab ul { display: flex; justify-content: center; }
.pass_wrap .box.apply .col.tab ul li { } 
.pass_wrap .box.apply .col.tab ul li a { padding: 15px 20px; display: block; font-size: 18px; font-weight: 600; color: #666; border-bottom: 2px solid #fff;}
.pass_wrap .box.apply .col.tab ul li.on a { color: #000;  border-bottom: 2px solid #000;}
.pass_wrap .box.apply .col.tab ul li.on  { color: #000; }
.pass_wrap .box.apply .col.cont { display: flex; margin: 0 auto; justify-content: center}

.pass_wrap .box.apply .area { padding: 50px 40px; display: flex; flex-direction: column; width: 510px; margin:0 5px; box-sizing: border-box; border-radius: 1em; overflow: hidden;}
.pass_wrap .box.apply .area.no01 { box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);}
.pass_wrap .box.apply .area.no02 { box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }
.pass_wrap .box.apply .area .tag { display: flex; justify-content: center; flex-wrap: wrap;}
.pass_wrap .box.apply .area .tag li { padding: 7px 15px 2px 15px; margin: 2px; border: 1px solid #ccc; background: #fff; font-size:14px; border-radius: 18px; line-height: 140%; font-family:'GMarketSans';}
.pass_wrap .box.apply .area .title { padding:25px 0 30px  ; font-size: 48px; line-height: 100%; font-weight: 700;font-family:'GMarketSans'; }
.pass_wrap .box.apply .area.no01 .title { color: #3448df;}
.pass_wrap .box.apply .area .payinfo { width: 100%;  padding: 20px 0 15px 0;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.pass_wrap .box.apply .area .price { display: flex; justify-content: space-between; color: #666; align-items: center; }
.pass_wrap .box.apply .area .price div:nth-child(1) { font-size: 16px; line-height: 150%; }
.pass_wrap .box.apply .area .price div:nth-child(2) { font-size: 21px; line-height: 150%; }
.pass_wrap .box.apply .area .price div:nth-child(2) span { text-decoration: line-through;}
.pass_wrap .box.apply .area .price.last div:nth-child(2){  font-size: 32px;  font-weight: 700;  letter-spacing: -0.5px}
.pass_wrap .box.apply .area.no01 .price.last div:nth-child(2) { color:#ff3333;}
.pass_wrap .box.apply .area.no02 .price.last div:nth-child(2) { color:#111;}

.pass_wrap .box.apply .area .list { padding:30px 0 20px;}
.pass_wrap .box.apply .area .list > ul { }
.pass_wrap .box.apply .area .list > ul > li { padding:0 0 25px 0; display: flex; color: #666; line-height: 150%;}
.pass_wrap .box.apply .area .list > ul > li > p { font-size: 16px; line-height: 150%; min-width: 5em;  text-align: left;}
.pass_wrap .box.apply .area .list > ul > li > div { width: 100%; font-size: 18px; line-height: 150%; color: #111; text-align: left; font-weight: 700; }
.pass_wrap .box.apply .area.no01 .list > ul > li > div { color: #3448df;}
.pass_wrap .box.apply .area.no01 .list > ul > li > div > ul li { color: #111;}
.pass_wrap .box.apply .area .list > ul > li > div a { float: right; font-size: 14px; color: #999; font-weight: 400; }
.pass_wrap .box.apply .area .list > ul > li .txt_mark {clear: both; display: block; font-size: 14px; font-weight: 400; letter-spacing: -0.5px;}
.pass_wrap .box.apply .area .list > ul > li:nth-child(2) .txt_mark br { /*display: none;*/}
.pass_wrap .box.apply .area .list > ul > li .txt_point {  display: block; clear: both;  width: 100%; margin-top: 5px; padding: 5px 10px; background: #ffeaea;font-size:14px ;  word-break: keep-all; text-align: center; color: #111; font-weight: 400; line-height: 130%; letter-spacing: -0.5px;}
.pass_wrap .box.apply .area .list > ul li > div > ul li { font-size: 16px; }
.pass_wrap .box.apply .area .list > ul li > div > ul li::before { display: inline-block; content: "•"; text-indent: -12px;}


.pass_wrap .box.apply .area .apply_btn {position: relative; }
.pass_wrap .box.apply .area .apply_btn .btn_coupon a { position: absolute; left: 50%; transform: translateX(-50%); top: -15px; background: #00e4ff; border-radius: 4px; padding: 10px 20px ; font-size:1.6em; font-weight: 500; color: #111;}
.pass_wrap .box.apply .area .apply_btn .btn_coupon a :after { content: ''; position: absolute;  bottom: 0; left: 50%; width: 0; height: 0;  border: 10px solid transparent;  border-top-color: #00e4ff; border-bottom: 0;transform: translateX(-50%); margin-bottom: -8px; }
.pass_wrap .box.apply .area .apply_btn .btn_go { padding: 20px 0;}
.pass_wrap .box.apply .area .apply_btn .btn_go a { display: block; background: #000843; padding: 20px ; text-align: center; color: #fff; font-size:2.4em; font-weight: 700; border-radius: 10px; border:0;} 
.pass_wrap .box.apply .area .apply_btn .btn_go a:hover { background: #020623;}
.pass_wrap .box.apply .area.no01 .apply_btn .btn_go a {  background: #f82929;} 
.pass_wrap .box.apply .area.no01 .apply_btn .btn_go a:hover { background: #de1111;}
.pass_wrap .box.apply .area.no01 .apply_btn .btn_go a::after {
    content: ''; position: absolute; top: 25%; right: -50px; z-index: 1; display: block; width: 120px; height: 120px;
    background: url(https://eduon.com/images/brand/yusangtong/pc_2019/event/210428_dontworry/ico_hand.png) no-repeat 0 0;background-size: 100% auto;
    animation: 0.6s pointerBounce2 ease-in-out infinite alternate;
}
@keyframes pointerBounce2 {
    0% { -webkit-transform: translate(0,10px); transform: translate(0, 10px);}
    100% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); }
}
.pass_wrap .box.apply .area .apply_info { display: inline-flex;  font-size:14px; line-height: 140%; color: #666; justify-content: center;}
.pass_wrap .box.apply .area .apply_info li { margin: 0 5px; }
.pass_wrap .box.apply .btn_goinfo { width:80%; padding-top: 50px; margin: 0 auto;  font-size:1.6em; }
.pass_wrap .box.apply .btn_goinfo a { display: block; padding: 10px; color: #333; background: #fff; border-radius: 4px; font-size: 16px;}
.pass_wrap .box.apply .btn_goinfo a:hover { color:#4978f4 ; }

 /*  REASON 01 최다 합격자 배출 */
.pass_wrap .box.no01 { position: relative; font-family:'GMarketSans'; background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/251215_behappy/re01_bg.jpg) repeat-x center top #0b0e21; background-attachment: fixed; overflow: hidden;}
.pass_wrap .box.no01 .inner { position: relative; z-index: 2;}
.pass_wrap .box.no01::after { display: block; content: ""; width: 600px; height: 600px; background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/251215_behappy/ico_no03.png) no-repeat center top; background-size: 100%; position: absolute; left: 50%; margin-left: -800px; top:400px; z-index:1 ;}
.pass_wrap .box.no01 .col.no01 h3 { color: #c3c7e0 ; font-size: 3.6em; font-weight: 400;}
.pass_wrap .box.no01 .col.no01 div:nth-child(1) h3 em { font-size: 0.5em; vertical-align: 0.7em;}
.pass_wrap .box.no01 .col.title { color: #fff; margin-bottom: 0.5em;}
.pass_wrap .box.no01 .col.title .txt_tag { border: 1px solid #fff;}
.pass_wrap .box.no01 .col.title .txt_big br { display: none;}
.pass_wrap .box.no01 .col.no02 .txt_mark { color: #fff; opacity: 0.5; font-weight: 400; font-size: 1.2em;}
.pass_wrap .box.no01 .col.no02 img { max-width: 640px;}
.pass_wrap .box.no01 .col.no03 { position: relative; margin-top: 30px; height: 500px; border:10px solid #3448df; border-bottom: 0;  background:#fff;   overflow: hidden; }
.pass_wrap .box.no01 .col.no03::before { position: absolute; display: block; content: ""; background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/251215_behappy/ico_no02.png); width: 100%; height: 100%; max-width: 160px; max-height: 160px; left: -10px; top: -10px}
.pass_wrap .box.no01 .col.no03 p { position: absolute; left: 50%; transform: translateX(-50%); top: 10px; font-size: 2.4em; margin: 0; padding: 0; line-height: 150%; padding:1em 15px 0 15px; z-index: 1; width: 100%;}
.pass_wrap .box.no01 .col.no03 .winner_scroll {position: relative; width: 1100px; margin: 0 auto 20px auto; height:450px; overflow: hidden; transform: perspective(300px) rotateX(20deg);}
.pass_wrap .box.no01 .col.no03 .winner_list {position: relative; background: url('https://eduon.com/images/brand/yusangtong/pc_2019/passinfo/210823/bg_winner_scroll_pc_1.png');height: 100%; width: 100%;background-position: center 0;position: relative;animation: scroll3d 120s infinite linear; background-size: 100% auto;}
.pass_wrap .box.no01 .col.no03 .winner_list::before { position: absolute; content: ' '; left: 0; width: 100%; top: -5%;    height: 30%; background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, transparent 100%);}
.pass_wrap .box.no01 .col.no03 .winner_list::after  { position: absolute; content: ' '; left: 0; width: 100%; bottom: 0; height: 30%; background-image: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, transparent 100%)}
    @keyframes scroll3d { 0% {background-position: center 0;} 100% {background-position: center -3255px;}}
.pass_wrap .box.no01 .col.no04 {  border:10px solid #3448df; border-top: 0; padding: 25px 15px 20px 15px ; color: #fff; font-size: 2.4em; background: linear-gradient(45deg, #9a7b3e, #384fff); line-height: 150%; word-break: keep-all;}
.pass_wrap .box.no01 .col.no04 span { color: #eeb967;}
.pass_wrap .box.no01 .col.no04 br { display: none;}

 /* REASON 02 강사진 */
.pass_wrap .box.no02 {  }
.pass_wrap .box.no02 .inner { padding-bottom: 80px;  }
.pass_wrap .box.no02 .col.no01 { }
.pass_wrap .box.no02 .col.no01 ul { display: flex; max-width: 920px; flex-wrap: wrap; margin: 0 auto; justify-content: center;}
.pass_wrap .box.no02 .col.no01 ul li { width: 32%; margin: 0 0.5% 20px 0.5% ;}
.pass_wrap .box.no02 .col.no01 ul li a {position: relative; min-height: 350px; position: relative; display:block; background:#000843; overflow: hidden; background: #0e4b90; border-radius: 1em;}
.pass_wrap .box.no02 .col.no01 ul li a::before {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/251215_behappy/ico_num1.png) ; opacity: 0.1; left: 50%; transform: 50%; transform: translateX(-50%); top: 0;}
.pass_wrap .box.no02 .col.no01 ul li:nth-child(1) a::before {display: block;}
.pass_wrap .box.no02 .col.no01 ul li:nth-child(2) a::before {display: block;}
.pass_wrap .box.no02 .col.no01 ul li:nth-child(2n+1) a { background: #3c4074;} 
.pass_wrap .box.no02 .col.no01 ul li:nth-child(2n+1) a::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; z-index: 1; background: linear-gradient(0deg,rgba(23, 28, 72, 1) 0%, rgba(23, 28, 72, 0) 60%);}
.pass_wrap .box.no02 .col.no01 ul li:nth-child(2n)   a::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; z-index: 1; background: linear-gradient(0deg,rgba(17, 47, 80, 1) 0%, rgba(17, 47, 80, 0) 60%);}
.pass_wrap .box.no02 .col.no01 ul li a .info {  width: 100%; padding:30px 0; position: absolute; left: 0; bottom: 0; text-align: center; color: #fff;  font-family:'GMarketSans';  z-index: 2;}
.pass_wrap .box.no02 .col.no01 ul li a .info span { display: block; line-height: 150%; }
.pass_wrap .box.no02 .col.no01 ul li a .info .slogun { font-size: 1.8em;}
.pass_wrap .box.no02 .col.no01 ul li a .info .name { font-size: 2.4em; font-weight: 700;}
.pass_wrap .box.no02 .col.no01 ul li a .t_img { position: absolute; width: 130%;; left: 00%; top: 10px; z-index: 0;}
.pass_wrap .box.no02 .col.no01 ul li a .t_img img { width: 100%;}
.pass_wrap .box.no02 .col.no01 ul li a .tag_new {position: absolute; display:flex ;  align-items: center;  justify-content: center; font-size: 12px;  width: 50px; height: 50px; border-radius: 25px;  text-align: center; background:#ff5151; color: #fff; font-weight: 500; left: 20px; top: 20px; z-index: 1;}
.pass_wrap .box.no02 .col.no01 ul li a:hover { background: #1768c5; }
.pass_wrap .box.no02 .col.no01 ul li:nth-child(2n+1) a:hover  { background: #6269ca;} 

.pass_wrap .box.no02 .col.no02 { font-size: 1.2em; color: #888;}
.pass_wrap .box.no03 { overflow: hidden;}
.pass_wrap .box.no03 .inner {width: 100%; max-width: 100%; padding-top: 0;}
.pass_wrap .box.no03 .mov_slider { position: relative;}
.pass_wrap .box.no03 .mov_slider li { opacity: 0.5;}
.pass_wrap .box.no03 .mov_slider li.on { opacity: 1; }
.pass_wrap .box.no03 .mov_slider .bx-viewport { overflow:inherit !important; }
.pass_wrap .box.no03 .bh_slider { margin: 80px auto 60px auto; }
.pass_wrap .box.no03 .bh_slider ul li a { background: #f9f9f9; min-height: 333px;}
.pass_wrap .box.no03 .bh_slider ul li a .area_img {position: relative; width: 60px; height: 60px; border-radius: 30px; overflow: hidden;  background: #d7d7e1; margin-bottom: 1em;}
.pass_wrap .box.no03 .bh_slider ul li a .area_img img {position: absolute;  width: 200%; left: 50%; transform: translateX(-50%); top:  0;}

/* REASON 03 면접 서비스 */
.pass_wrap .box.no04 {  background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/251215_behappy/re03_bg.jpg) repeat-x center top #111b25; background-attachment: fixed }
.pass_wrap .box.no04 .col.title { color: #fff;}
.pass_wrap .box.no04 .col.title .txt_tag { border: 2px solid #fff;}
.pass_wrap .box.no04 .txt_mark  { color: #fff; opacity: 0.7;}

.pass_wrap .box.no05 { overflow: hidden;  background: #0b151e;}
.pass_wrap .box.no05 .col.title { color: #fff; font-weight: 700;}
.pass_wrap .box.no05 .col.title br { display: none;}
.pass_wrap .box.no05 .bh_care_tab { width: 1000px;  position: relative;  margin: 0 auto;}
.pass_wrap .box.no05 .bh_care_tab ul { width: 900px; overflow: hidden; margin: 0 auto;}
.pass_wrap .box.no05 .bh_care_tab ul li { height: 100%;  }
.pass_wrap .box.no05 .bh_care_tab ul li a { display: block; padding: 15px 5px;  border-radius: 1em 1em 0 0; background: #5c6375; color: #fff; font-size: 1.1em; line-height: 150%; font-weight: 600; height: 100%;}
.pass_wrap .box.no05 .bh_care_tab ul li a span { font-size: 1.6em;  line-height: 150%; height: 53px;  display: flex;flex-direction: column;  justify-content: center; align-items: center;}
.pass_wrap .box.no05 .bh_care_tab ul li.on a {  background: #384fff;}
.pass_wrap .box.no05 .bh_care_cont {width: 900px; margin: 0 auto; border-radius: 0 0 10px 10px; overflow: hidden;}
.pass_wrap .box.no05 .bh_care_cont ul li { display: none; background: #fff;}
.pass_wrap .box.no05 .bh_care_cont ul li.on {display: block;}
.pass_wrap .box.no05 .bh_slider {  position: relative; max-width: 1100px;}
.pass_wrap .box.no05 .bh_slider ul { position: relative;}
.pass_wrap .box.no05 .bh_slider ul li a { min-height: 285px;}

/* REASON 04 부가 콘텐츠 */
.pass_wrap .box.no06 { background: linear-gradient(180deg,rgba(32, 47, 127, 1) 0%, rgba(52, 72, 223, 1) 100%); overflow: hidden; }
.pass_wrap .box.no06 .inner { width: 100%; max-width: 100%; height: 100%; height: 3460px;}
.pass_wrap .box.no06 .col.title { font-weight: 700; color: #fff; margin-bottom: 0px;}
.pass_wrap .box.no06 .col.title .txt_tag { border: 2px solid #fff;}
.pass_wrap .box.no06 .col.title .txt_big span { color: #39ff63;}
/* 부가 콘텐츠 흐르는 배너 */
.pass_wrap .box.no06 .rolling_bnr { width: 100%; overflow: hidden;margin-top: 50px;}
.pass_wrap .box.no06 .rolling_bnr .roll_wrap { width: 9000px; height: 460px; margin-top: 0px; opacity: 0.8; }/*ul의 3개의넓이*/
.pass_wrap .box.no06 .rolling_bnr .roll_wrap .roller { width:3000px; overflow: hidden;} /*ul의 넓이*/
.pass_wrap .box.no06 .rolling_bnr .roll_wrap .roller ul { overflow: hidden; }
.pass_wrap .box.no06 .rolling_bnr .roll_wrap .roller ul li {float: left;  width:290px; height: 460px; margin: 0 5px; background: none;  border-radius:10px; overflow: hidden;}
.pass_wrap .box.no06 .rolling_bnr .roll_wrap .roller ul li img { 
    width: 100%;
    mask-size: 290px 460px;
    -webkit-mask-size: 290px 460px;
    mask-image: linear-gradient(rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 80%);
    -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 80%); 
}
.roller.original{
    float: left;
    animation: 150s linear 0s infinite normal forwards running rollingleft1;
}
.roller.clone{
    float: left;
    animation: 150s linear 0s infinite normal none running rollingleft2;
}
@keyframes rollingleft1 {
    0% {transform: translateX(0);}
    50% {transform: translateX(-100%);}
    50.01% {transform: translateX(100%);}
    100% {transform: translateX(0)}
}
@keyframes rollingleft2 { /* 클론용 */
    0% { transform: translateX(0);}
    100% { transform: translateX(-200%);}}
.pass_wrap .box.no06 .col.no01 { width: 1000px;  position: absolute; left: 50%; transform: translateX(-50%); top: 700px;  z-index: 1; }
.pass_wrap .box.no06 .col.no01 ul { display: flex; flex-wrap: wrap; justify-content: center; }
.pass_wrap .box.no06 .col.no01 ul li { width: 48%; margin: 1%; border-radius: 10px; overflow: hidden; gap: 10px;box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); }
.pass_wrap .box.no06 .col.no01 ul li img { width: 100%;}
.pass_wrap .box.no06 .txt_mark { color: #fff; opacity: 0.7;}

/* 비해피730 FAQ */
.pass_wrap .box.faqcont .inner { max-width: 1000px; }
.pass_wrap .box.faqcont .col.title em { color: #3448df;}
.pass_wrap .box.faqcont .faq-controls { text-align: right; margin: 0 40px 30px 0; ;}
.pass_wrap .box.faqcont .faq-controls #toggleAll { color: #111; font-size: 16px;  color: #111; }
.pass_wrap .box.faqcont .faq-controls #toggleAll::after { content: "열기 \e943"; /* 기본: 닫힌 상태 */ font-family: 'xeicon'; display: inline-block;}
.pass_wrap .box.faqcont .faq-controls #toggleAll.on::after {content: "닫기 \e944";  /* 열린 상태 */  font-family: 'xeicon'; display: inline-block; }
.pass_wrap .box.faqcont dl.faq { text-align: left;}
.pass_wrap .box.faqcont dl.faq > dt            { display: block; position: relative; padding: 20px 40px 20px 90px; font-size: 21px; background: #fafafc; font-weight: 600; margin-bottom: 2px; line-height: 150%; text-align: left;}
.pass_wrap .box.faqcont dl.faq > dt:hover      { cursor: pointer; background: #f5f5f8; }
.pass_wrap .box.faqcont dl.faq > dt.on         { background: #eef3fb}
.pass_wrap .box.faqcont dl.faq > dt.on::before { background:#ff8564 }
.pass_wrap .box.faqcont dl.faq > dt::before    { position: absolute; left: 40px; top:15px; display: block; content: "Q"; font-size:21px ; width: 36px; height: 36px; line-height: 36px;  min-width: 36px; border-radius: 18px; color: #fff; overflow: hidden ; background:#c9cdd6 ; text-align: center;  font-weight: 600;}
.pass_wrap .box.faqcont dl.faq > dt::after     { content: "\e943";  /* 기본: 닫힌 상태 */  position: absolute; right: 40px; top: 50%; transform: translateY(-50%);font-size: 14px; color: #666; transition: transform 0.3s, content 0.3s; font-family: 'xeicon';}
.pass_wrap .box.faqcont dl.faq > dt.on::after  { content: "\e944";  /* 열린 상태 */ color: #000; font-family: 'xeicon';}
.pass_wrap .box.faqcont dl.faq > dd            { display: none;  position: relative; padding: 40px 40px 100px 90px; font-size: 18px; background: #ffffff; line-height: 150%;}
.pass_wrap .box.faqcont dl.faq > dd::before    { position: absolute; left: 40px; top:35px; display: block; content: "A"; font-size:21px ; width: 36px; height: 36px; line-height: 36px;  min-width: 36px; border-radius: 18px; color: #fff; overflow: hidden ;  background: #1f77f3; text-align: center;  font-weight: 600;}
.pass_wrap .box.faqcont dl.faq dd .col_tit {display: block; margin-bottom: 15px; font-size: 21px; line-height: 150%; word-break: keep-all; }
.pass_wrap .box.faqcont dl.faq dd .col_titm { margin-top: 20px; display: block;}
.pass_wrap .box.faqcont dl.faq dd b { font-weight: 600;}
.pass_wrap .box.faqcont dl.faq ul {}
.pass_wrap .box.faqcont dl.faq ul > li {position: relative; padding-left: 12px; margin:2px 0;}
.pass_wrap .box.faqcont dl.faq ul > li::before {position: absolute; left: 0; top: 11px; content:""; display: block;width: 3px; height: 3px ; background: #000; border-radius: 2px; overflow: hidden;}
.pass_wrap .box.faqcont dl.faq ol > li { position: relative; padding-left: 30px; margin:2px 0;}
.pass_wrap .box.faqcont dl.faq ol > li span {display: block; position: absolute; left: 0; top: 0; font-weight:600 ; color: #4da3ff; }
.pass_wrap .box.faqcont .img_area { border: 1px solid #f0f0f0; overflow-x: auto; margin: 20px 0; text-align: center; padding: 10px;}
.pass_wrap .box.faqcont .img_area img { width: 100%; max-width: 920px; min-width: 600px; margin: 0;}

/* 유의사항 */
.pass_wrap .box.info { background: #fcfcfc; font-family: 'pretendard'; }
.pass_wrap .box.info .col.title { margin-bottom:0; }
.pass_wrap .box.info .inner { padding: 120px 50px;}
.pass_wrap .box.info .box_tab { }
.pass_wrap .box.info .box_tab  { margin:0 auto;}
.pass_wrap .box.info .box_tab ul { display: inline-flex; margin: 50px auto; }
.pass_wrap .box.info .box_tab ul li  { }
.pass_wrap .box.info .box_tab ul li a {display: block; padding: 15px 50px ; font-weight: 600;  background: #fff;  color: #666; border: 1px solid #ddd; font-size: 1.333em; line-height: 150%; font-size: 2.1em;}
.pass_wrap .box.info .box_tab ul li a:hover,
.pass_wrap .box.info .box_tab ul li.on a { background: #000;  color: #fff; border: 1px solid #000; }
.pass_wrap .box.info .box_tabcont .cont { display: none;}
.pass_wrap .box.info .box_tabcont .cont.on { display: block;}
.pass_wrap .box.info .box_tabcont .cont .col_t { font-size: 21px; font-weight: 700; text-align: left; padding:30px 0 20px 0; }

/* 유의사항 -내용부분 */
.pass_wrap .pay_tab {overflow:hidden; width:100%; height: 39px; border-top: 2px solid #000; }
.pass_wrap .pay_tab li {width: 50%;height: 40px;float: left;  padding: 0;  border-left: 1px solid #e6e6e6;  box-sizing:border-box; }
.pass_wrap .pay_tab li a {display:block; font-size: 15px; line-height: 38px; font-weight: 500; border-bottom: 2px solid #e6e6e6; background-color: #f7f7f7; color: #606060; text-align: center;}
.pass_wrap .pay_tab li a.on {color: #262626; font-weight: 600; border-bottom:none; background-color: #fff; }
.pass_wrap .pay_con { font-size: 16px; line-height:160%; color:#333;  text-align: left; font-weight: 500; box-sizing: border-box; padding: 0; border: 1px solid #e5e5e5; border-left: none; border-right:none;}
.pass_wrap .pay_con table {width: 100%; border-collapse:collapse; border-spacing:0; word-break: keep-all; }
.pass_wrap .pay_con table th {padding:7px 0 6px; text-align:left; font-size: 14px; line-height: 24px; color:#3e3d3f; border-bottom: 1px dotted #b1b1b1}
.pass_wrap .pay_con table td {padding:7px 0 6px; text-align:left; font-size: 14px; line-height: 24px; color:#3e3d3f; border-bottom: 1px dotted #b1b1b1}
.pass_wrap .pay_con table tr:last-child td {}
.pass_wrap .pay_con .cont_container { word-break: keep-all; display: flex; border-bottom: 1px solid #e5e5e5; margin: 0; background: #fff;}
.pass_wrap .pay_con .cont_container .example {padding-left: 1.7em; text-indent: -1.7em; }
.pass_wrap .pay_con .cont_container .example::before {content: '예) ';}
.pass_wrap .pay_con .cont_tit {font-weight: 700; font-size: 18px; min-width: 160px;  background: #f9f9f9; padding: 20px ; margin: 0;}
.pass_wrap .pay_con .cont_tit span { display: block;}

.pass_wrap .pay_con .cont_container ol { padding: 20px }
.pass_wrap .pay_con .cont_container ul { padding: 20px }
.pass_wrap .pay_con .cont_container ol > li > ul { padding: 0; }
.pass_wrap .pay_con .cont_container ol {  }
.pass_wrap .pay_con .cont_container ol > li { padding: 2px 0;
    list-style: decimal;
    list-style-position: outside;
    line-height: 1.6;
    padding-left: 5px; /* 본문 간격 */
    margin-left: 20px;
}
.pass_wrap .pay_con .cont_container ol > li::marker {  width: 0;}
.pass_wrap .pay_con .cont_container ol > li:last-child { margin-bottom: 0px;}
.pass_wrap .pay_con .cont_container ul li { padding: 2px 0; line-height: 1.6;  padding-left: 0; text-indent:-19px; margin-left: 15px; }
.pass_wrap .pay_con .cont_container ul li::before {content: '•'; }


/* ========== 서브페이지 - 강좌 ========== */
/* 수강신청 */
.pass_wrap.sub_lec.page_dont { }
.pass_wrap.sub_lec.page_bh { }
.pass_wrap.sub_lec .box_apply .col.no1 { }
.pass_wrap.sub_lec .box_apply .col.no2 { box-shadow:none;}
.pass_wrap.sub_lec { width: 100%; min-width: 950px;}
.pass_wrap.sub_lec .inner { width: 100%; min-width: 950px; padding: 80px 0;}
.pass_wrap.sub_lec img { width: 100%;}
.pass_wrap.sub_lec .box.intro > .cont.no01 {background-attachment: scroll}
.pass_wrap.sub_lec .box.intro > .cont.no02 { background-attachment: scroll}
.pass_wrap.sub_lec .box.intro .col.no04 { padding: 0 30px;}
.pass_wrap.sub_lec .box.apply { background: #f5f6f7;}
.pass_wrap.sub_lec .box.apply .inner { padding: 120px 30px;}
.pass_wrap.sub_lec .box.apply .col.cont .area{ width: 100%; min-width: fit-content; display: flex; flex-wrap: nowrap;     flex-direction: row; background: #fff;} 
.pass_wrap.sub_lec .box.apply .col.cont .area > div { display: flex; flex-direction: column; }
.pass_wrap.sub_lec .box.apply .col.cont .area > div:nth-child(1) { width: 50%; padding-right: 50px; border-right: 1px dotted #555; }
.pass_wrap.sub_lec .box.apply .col.cont .area > div:nth-child(2) { width: 50%; padding-left: 50px; position: relative; justify-content: flex-end }
.pass_wrap.sub_lec .box.apply .col.cont .area > div:nth-child(2) .apply_info { position: absolute; left: 50%; transform: translateX(-50% ) ; top: 30px;  margin-left: 25px;}
.pass_wrap.sub_lec .box.apply .col.cont .area > div:nth-child(2) ul { width: 100%;}
.pass_wrap.sub_lec .box.apply .area .payinfo { padding: 0; border-top:0px solid #ddd;; border-bottom: 0px solid #ddd;;}
.pass_wrap.sub_lec .box.apply .area.no01 { box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);}
.pass_wrap.sub_lec .btn_gopass { padding: 30px 0; text-align: center;}
.pass_wrap.sub_lec .btn_gopass a {display: inline-block; color :#111; padding: 15px 50px; border: 1px solid #000; font-size: 21px; font-weight: 500; border-radius: 4px;}
.pass_wrap.sub_lec .box.info { background: none;}
.pass_wrap.sub_lec .box.info .inner { padding: 0;}
.pass_wrap.sub_lec .box.info .pay_con {border-bottom:none; padding: 0;} 
.pass_wrap.sub_lec .box.info .pay_con .cont_container { margin-bottom: 0px; word-break: keep-all; }