@charset "euc-kr"; @import url('fonts_pre.css'); /* common */ html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0;}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a{text-decoration: none;} body {overflow-x: hidden;} ::-webkit-scrollbar { width:1.333vw; height: 1.333vw; } ::-webkit-scrollbar-thumb { width:1.333vw; border-radius:1.333vw; background: #f0f1f3; } ::-webkit-scrollbar-track { background:#fff} /********************************************************************************* ********************************* .festival_main ********************************* **********************************************************************************/ .festival_main {position: relative; background: linear-gradient(169deg,#2d3444,#324268,#303f60,#252c3d,#222a3b);} .festival_main * {font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif !important; box-sizing: border-box; letter-spacing: -0.1vw;} .festival_main button {padding: 0; background-color: transparent; border: 0;} .festival_main .main_container {} /* header */ #header {overflow: hidden; position: relative; display: flex; align-items: start; justify-content: space-between; padding: 11.905vw 5.952vw 2.976vw; width: 100%;} #header h1 {font-size: 4.524vw; font-weight: 500; color: #fff; letter-spacing: -0.2vw; line-height: 1.3;} #header h1 strong {display: block; font-size: 5.714vw;} #header .btn_open_login {} #header .btn_open_login img {width: 8.333vw; height: 5.833vw;} /* -- 로그인 팝업 */ #header .login_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} #header .login_popup .popup_inner {position: absolute; top: 11.905vw; right: 0; padding-top: 14.524vw; width: 47.619vw; height: 44.048vw; background-color: #fff; border-radius: 4.762vw 0 0 4.762vw; z-index: 101;} #header .login_popup .popup_inner .btn_close_login {position: absolute; top: 3.571vw; right: 3.571vw;} #header .login_popup .popup_inner .btn_close_login img {width: 10.119vw; height: 10.119vw;} #header .login_popup .popup_inner a {display: block; padding: 3.571vw 0 3.571vw 5.952vw; color: #1f3056; font-size: 4.286vw; font-weight: 800;} #header .login_popup .popup_inner a.link_login {} #header .login_popup .popup_inner a.link_logout {} #header .login_popup .popup_inner a.link_kymain {} #header .login_popup .popup_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.78);} /* main */ #main {overflow: hidden; position: relative; padding-bottom: 5.952vw; width: 100%;} /* main -- nav */ #nav ::-webkit-scrollbar {display: none;} #nav {position: absolute; top: 0; left: 0; padding: 0 14.286vw 0 0; width: 100%; background-color: #2D3547; border-bottom: 0.238vw solid #36415b; z-index: 99;} #nav.fixed {position: fixed;} #nav .nav_list {overflow: hidden; overflow-x: auto; width: 100%;} #nav .nav_list ul {display: flex; padding-left: 5.952vw; width: 229vw !important;} #nav .nav_list ul li {margin-right: 7vw; height: 12.738vw;} #nav .nav_list ul li a {display: block; padding: 5.714vw 0 2.262vw; color: #697796; font-size: 4.048vw; font-weight: 500;} #nav .nav_list li.on {border-bottom: 0.357vw solid #fff;} #nav .nav_list li.on a {color: #fff; font-weight: 700;} #nav .btn_open_nav {position: absolute; top: 6.429vw; right: 5.952vw;} #nav .btn_open_nav img {width: 4.167vw; height: 2.381vw;} /* 메뉴 펼치기 */ #nav.on {padding: 0; border-bottom: 0; box-shadow: 0 8px 10px rgba(0,0,0,.4);} #nav.on .nav_list {height: auto;} #nav.on .nav_list ul {flex-wrap: wrap; padding-right: 5.952vw; padding-bottom: 3.571vw; width: 100vw !important;} #nav.on .nav_list ul::before {content: ""; display: block; position: absolute; top: 12.738vw; left: 0; width: 100%; height: 0; border-bottom: 0.238vw solid #36415b;} #nav.on .nav_list ul::after {content: ""; display: block; position: absolute; top: 25.476vw; left: 0; width: 100%; height: 0; border-bottom: 0.238vw solid #36415b;} #nav.on .nav_list ul li:nth-child(4) {margin-right: 0;} #nav.on .btn_open_nav {top: 32.143vw;} #nav.on .btn_open_nav img {transform: rotate(180deg);} /* main -- contents */ /* common */ .contents {padding-top: 12.738vw;} .contents section {opacity: 0; position: relative; margin: 0 5.952vw 5.952vw; width: 88.095vw; border-radius: 4.762vw; transition: left .8s ease, opacity .8s ease;} .contents section:nth-child(odd) {left: -80px} .contents section:nth-child(even) {left: 80px} .contents section.active {opacity: 1; left: 0;} .contents section.con01 {background-color: #1c1ccf; margin-top: 9.524vw;} .contents section.con02 {background-color: #ff6939;} .contents section.con03 {background-color: #b8d2ff;} .contents section.con04 {background-color: #222222;} .contents section.con05 {background-color: #ee2c5e;} .contents section.con06 {background-color: #008d5a;} .contents section.con07 {background-color: #222222;} .contents section.con08 {background-color: #5110be;} .contents section.con09 {background-color: #222222;} .contents section .inner_wrap {padding: 9.524vw 0;} .contents section .inner_wrap .con_title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 8.929vw; padding: 0 7.143vw;} .contents section .inner_wrap .con_title .num {color: #fff; font-size: 5.476vw; font-weight: 600;} .contents section .inner_wrap .con_title h2 {color: #fff; font-size: 5.476vw; font-weight: 600;} .contents section .inner_wrap .con_box {} .contents section .inner_wrap .box_inner {} .contents section .inner_wrap .box_inner .box_list {display: flex; justify-content: center; padding: 0 5.952vw;} .contents section .inner_wrap .box_inner .box_list.swiper {display: inline-block; width: 100%;} .contents section .inner_wrap .box_inner .box_list .box_cont_wrap {width: 69.048vw;} .contents section .inner_wrap .box_inner .box_list .box_cont {padding: 5.952vw 4.762vw 5.238vw; width: 69.048vw !important; background-color: #fff; border-radius: 3.571vw;} .contents section .inner_wrap .box_inner .box_list .box_cont .box_gift {position: relative;} .contents section .inner_wrap .box_inner .box_list .box_cont .box_gift .gift_name {position: absolute; top: -2.381vw; left: 0; padding: 0 2.976vw; height: 7.143vw; line-height: 7vw; color: #fff; font-size: 3.571vw; font-weight: 600; background: linear-gradient(130deg, rgba(0,195,167,1) 35%, rgba(32,156,255,1) 65%); border-radius: 0 3.452vw 3.452vw 0;} .contents section .inner_wrap .box_inner .box_list .box_cont .box_gift img {width: 59.524vw; height: 39.286vw;} .contents section .inner_wrap .box_inner .box_list .box_cont .box_text {display: flex; justify-content: space-between; margin-top: 3.571vw;} .contents section .inner_wrap .box_inner .box_list .box_cont .box_text .text {color: #333; font-size: 4.286vw; font-weight: 600; line-height: 1.3;} .contents section .inner_wrap .box_inner .box_list .swiper-slide .box_text .text {width: 50.595vw;} .contents section .inner_wrap .box_inner .box_list .box_cont .box_text .paging {color: #c8c8c8; font-size: 4.286vw; font-weight: 500;} .contents section .inner_wrap .box_inner .box_list .box_cont .box_sub_wrap { } .contents section .inner_wrap .box_inner .box_list .box_cont .sub_info {padding: 4.762vw 0 4.762vw; height: 41vw;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_info ul {} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_info ul li {display: flex; margin-bottom: 5.357vw;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_info ul li:last-child {margin-bottom: 0;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_info ul li p {font-size: 3.333vw; line-height: 1.3;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_info ul li .info_title {width: 16.071vw; color: #222; font-weight: 600;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_info ul li .info_text {width: 43.452vw; color: #a6a6a6; font-weight: 500; word-break: keep-all;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_info ul li p .code {color: #ee3232;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_link {overflow: hidden;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_link a {display: flex; align-items: center; justify-content: space-evenly; height: 14.286vw; color: #fff; font-size: 4.524vw; font-weight: 700; background-color: #ff6939; border-radius: 3.571vw;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_link a span {display: block; width: 9.524vw; height: 9.524vw; line-height: 8.5vw; color: #ff6939; font-size: 4.286vw; text-align: center; background-color: #fff; border-radius: 100%;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_link a.boxlink_s {float: left; display: block; margin-right: 2.381vw; padding-top: 2.381vw; width: 28.571vw; font-size: 3.333vw; text-align: center;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_link a.boxlink_s:nth-child(even) {margin-right: 0;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_link a.boxlink_s:nth-child(1), .contents section .inner_wrap .box_inner .box_list .box_cont .sub_link a.boxlink_s:nth-child(2) {margin-bottom: 2.381vw;} .contents section .inner_wrap .box_inner .box_list .box_cont .sub_link a.boxlink_s span {margin: 1vw auto 0; width: 10.714vw; height: 4.762vw; line-height: 4vw; font-size: 3.810vw; border-radius: 2.381vw;} .contents section .inner_wrap .box_inner .box_info {margin-bottom: 5.119vw; padding: 4.762vw 9.524vw 0;} .contents section .inner_wrap .box_inner .box_info ul {} .contents section .inner_wrap .box_inner .box_info ul li {display: flex; margin-bottom: 2.381vw;} .contents section .inner_wrap .box_inner .box_info ul li p {font-size: 3.333vw; line-height: 1.3;} .contents section .inner_wrap .box_inner .box_info ul li .info_title {width: 19.762vw; color: #fff; font-weight: 600;} .contents section .inner_wrap .box_inner .box_info ul li .info_text {width: 49.286vw; font-weight: 500; word-break: keep-all;} .contents section .inner_wrap .box_inner .box_link {} .contents section .inner_wrap .box_inner .box_link a {display: flex; align-items: center; justify-content: space-evenly; margin: 0 auto; width: 71.429vw; height: 15.476vw; color: #fff; font-size: 4.524vw; font-weight: 700; background-color: #000; border-radius: 3.571vw;} .contents section .inner_wrap .box_inner .box_link a span {display: block; width: 9.524vw; height: 9.524vw; line-height: 8.5vw; color: #000; font-size: 4.286vw; text-align: center; background-color: #fff; border-radius: 100%;} .contents section .inner_wrap .box_inner .box_bottom {margin-top: 3.571vw; padding: 0 9.524vw; text-align: center;} .contents section .inner_wrap .box_inner .box_bottom ul {} .contents section .inner_wrap .box_inner .box_bottom ul li {margin-bottom: 0.952vw; font-size: 2.976vw;} .contents section .inner_wrap .box_inner .box_bottom ul li:last-child {margin-bottom: 0;} .contents section .inner_wrap .box_inner .box_bottom ul + a {margin-top: 5.952vw;} .contents section .inner_wrap .box_inner .box_bottom .btn_pop_check {display: inline-block; color: #fff; font-size: 3.571vw; border-bottom: 0.238vw solid #fff;} .contents section .inner_wrap .box_inner .box_bottom .btn_pop_check::after {content: ">"; margin-left: 0.5vw; vertical-align: 0.2vw;} .contents section .inner_wrap .con_deco {} .contents section .inner_wrap .con_deco .deco {position: absolute; z-index: 1;} /* -- 유의사항 팝업 */ .contents section .check_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .contents section .check_popup .popup_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 88.095vw; background-color: #fff; border-radius: 4.762vw; z-index: 101;} .contents section .check_popup .popup_inner .btn_close_pop {position: absolute; top: 3.571vw; right: 3.571vw;} .contents section .check_popup .popup_inner .btn_close_pop img {width: 10.119vw; height: 10.119vw;} .contents section .check_popup .popup_inner .chk_list_wrap {padding: 16.667vw 4.762vw 9.524vw;} .contents section .check_popup .popup_inner .chk_list {margin-bottom: 4.762vw;} .contents section .check_popup .popup_inner .chk_list:last-child {margin-bottom: 0;} .contents section .check_popup .popup_inner .chk_list h3 {margin-bottom: 2.976vw; color: #666; font-size: 3.810vw; font-weight: 700;} .contents section .check_popup .popup_inner .chk_list ul {} .contents section .check_popup .popup_inner .chk_list ul li {position: relative; margin-bottom: 0.952vw; color: #888; font-size: 3.333vw; line-height: 1.4; word-break: keep-all;} .contents section .check_popup .popup_inner .chk_list ul li:last-child {margin-bottom: 0;} .contents section .check_popup .popup_inner .chk_list .list_style_1 {} .contents section .check_popup .popup_inner .chk_list .list_style_1 li {margin-left: 1.190vw;} .contents section .check_popup .popup_inner .chk_list .list_style_1 li::before {content: ""; position: absolute; top: 1.8vw; left: -1.190vw; margin-right: 0.952vw; width: 0.476vw; height: 0.476vw; background-color: #666; border-radius: 100%;} .contents section .check_popup .popup_inner .chk_list .list_style_2 {} .contents section .check_popup .popup_inner .chk_list .list_style_2 li {display: flex; justify-content: stretch; margin-left: 1.190vw;} .contents section .check_popup .popup_inner .chk_list .list_style_2 li::before {content: ""; position: absolute; top: 1.8vw; left: -1.190vw; margin-right: 0.952vw; width: 0.476vw; height: 0.476vw; background-color: #2451d2; border-radius: 100%;} .contents section .check_popup .popup_inner .chk_list .list_style_2 li strong {display: inline-block; margin-right: 2.381vw; min-width: 9vw; color: #2451d2; font-weight: 600;} .contents section .check_popup .popup_inner .chk_list .list_style_2 li strong.long {min-width: 15vw;} .contents section .check_popup .popup_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.78);} /* 콘텐츠별 적용 */ /* con01 */ .contents section.con01 .inner_wrap .box_inner .box_list .box_cont .box_text .text span {color: #1c1ccf;} .contents section.con01 .inner_wrap .box_inner .box_info ul li .info_text {color: #cacaff;} .contents section.con01 .inner_wrap .box_inner .box_bottom ul li {color: #9393ff;} .contents section.con01 .deco_1 {top: 14.762vw; left: -10.833vw; width: 29.048vw; height: 53.929vw;} .contents section.con01 .deco_2 {top: 8.571vw; left: 19.048vw; width: 13.810vw; height: 14.524vw;} /* con02 */ .contents section.con02 {background-image: url(https://img.kimyoung.co.kr/mobile/festival/images/main/m02_deco01.png); background-repeat: no-repeat; background-size: contain;} .contents section.con02 .inner_wrap .box_inner .box_list .box_cont .box_text .text span {color: #ff6939;} .contents section.con02 .inner_wrap .box_inner .box_info ul li .info_text {color: #ffe1d7;} .contents section.con02 .inner_wrap .box_inner .box_bottom ul li {color: #ffc2ae;} .contents section.con02 .deco_1 {top: 0; left: 0; width: 88.095vw; height: 55.119vw;} /* con03 */ .contents section.con03 .inner_wrap .con_title .num {color: #3365e0;} .contents section.con03 .inner_wrap .con_title h2 {color: #3365e0;} .contents section.con03 .inner_wrap .box_inner .box_list .box_cont {background-color: #222222;} .contents section.con03 .inner_wrap .box_inner .box_list .box_cont .box_text .text {color: #fff;} .contents section.con03 .inner_wrap .box_inner .box_list .box_cont .box_text .text span {color: #92baff;} .contents section.con03 .inner_wrap .box_inner .box_info ul li .info_title {color: #333;} .contents section.con03 .inner_wrap .box_inner .box_info ul li .info_text {color: #4a72d4;} .contents section.con03 .inner_wrap .box_inner .box_link a {background-color: #1c1ccf;} .contents section.con03 .inner_wrap .box_inner .box_link a span {color: #1c1ccf;} .contents section.con03 .inner_wrap .box_inner .box_bottom ul li {color: #6082bd;} .contents section.con03 .deco_1 {top: 13.452vw; left: -4.167vw; width: 25.833vw; height: 17.619vw;} .contents section.con03 .deco_2 {top: 66.667vw; right: -3.690vw; width: 15.833vw; height: 16.905vw;} /* con04 */ .contents section.con04 {background-image: url(https://img.kimyoung.co.kr/mobile/festival/images/main/m04_deco01.png); background-repeat: no-repeat; background-size: contain;} .contents section.con04 .inner_wrap .box_inner .box_list .box_cont .box_text .text span {color: #ff6939;} .contents section.con04 .inner_wrap .box_inner .box_info ul li .info_text {color: #b8b8b8;} .contents section.con04 .inner_wrap .box_inner .box_link a {background-color: #ff6939;} .contents section.con04 .inner_wrap .box_inner .box_link a span {color: #ff6939;} .contents section.con04 .inner_wrap .box_inner .box_bottom ul li {color: #7e7e7e;} .contents section.con04 .deco_1 {top: 0; left: 0; width: 88.095vw; height: 55.119vw;} /* con05 */ .contents section.con05 .inner_wrap .box_inner .box_list .box_cont .box_text .text span {color: #ee2c5e;} .contents section.con05 .inner_wrap .box_inner .box_info ul li .info_text {color: #ffd4df;} .contents section.con05 .inner_wrap .box_inner .box_bottom ul li {color: #ff9fb8;} .contents section.con05 .deco_1 {top: 19.85vw; right: 20.476vw; width: 29.048vw; height: 25.714vw;} .contents section.con05 .deco_2 {top: 44.048vw; left: 2.976vw; width: 9.524vw; height: 7.857vw;} /* con06 */ .contents section.con06 {background-image: url(https://img.kimyoung.co.kr/mobile/festival/images/main/m06_deco01.png); background-repeat: no-repeat; background-size: contain;} .contents section.con06 .inner_wrap .box_inner .box_list .box_cont .box_text .text span {color: #008d5a;} .contents section.con06 .inner_wrap .box_inner .box_info ul li .info_text {color: #acffe5;} .contents section.con06 .deco_1 {top: 17.738vw; right: -4.405vw; width: 24.881vw; height: 20.476vw;} /* con07 */ .contents section.con07 {background-image: url(https://img.kimyoung.co.kr/mobile/festival/images/main/m07_deco01.png); background-repeat: no-repeat; background-size: contain;} .contents section.con07 .inner_wrap .box_inner .box_list .box_cont .box_text .text span {color: #ee2c5e;} .contents section.con07 .inner_wrap .box_inner .box_info ul li .info_text {color: #b8b8b8;} .contents section.con07 .inner_wrap .box_inner .box_link a {background-color: #ee2c5e;} .contents section.con07 .inner_wrap .box_inner .box_link a span {color: #ee2c5e;} .contents section.con07 .inner_wrap .box_inner .box_bottom ul li {color: #7e7e7e;} .contents section.con07 .deco_1 {top: 64.167vw; right: -4.286vw; width: 24.881vw; height: 20.476vw;} /* con08 */ .contents section.con08 {background-image: url(https://img.kimyoung.co.kr/mobile/festival/images/main/m08_deco01.png); background-repeat: no-repeat; background-size: contain;} .contents section.con08 .inner_wrap .box_inner .box_list .box_cont .box_text .text span {color: #5110be;} .contents section.con08 .inner_wrap .box_inner .box_info ul li .info_text {color: #d1b6ff;} .contents section.con08 .inner_wrap .box_inner .box_bottom ul li {color: #a272f2;} .contents section.con08 .deco_1 {top: 15.952vw; left: 3.095vw; width: 15.476vw; height: 2.857vw;} /* con09 */ .contents section.con09 {background-image: url(https://img.kimyoung.co.kr/mobile/festival/images/main/m09_deco01.png); background-repeat: no-repeat; background-size: contain;} /* 241230 수정 */ /*.contents section.con09 .inner_wrap .box_inner .box_list .box_cont {height: 138.095vw;}*/ .contents section.con09 .inner_wrap .box_inner .box_list .box_cont {height: 158.095vw;} /************************************************************************************* *********************************** .festival_pass *********************************** **************************************************************************************/ .festival_pass {position: relative; background-color: #eaeaea;} .festival_pass * {font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif !important; box-sizing: border-box; letter-spacing: -0.1vw;} .festival_pass button {padding: 0; background-color: transparent; border: 0;} .festival_pass .pass_container {} /* pass_top */ #pass_top {position: relative; padding: 11.905vw 5.952vw 20.476vw; background: linear-gradient(150deg, #FF4100 20%, #FFA216 80%); border-radius: 0 0 5.952vw 5.952vw;} #pass_top h1 {margin-top: 3.571vw; font-size: 4.524vw; font-weight: 500; color: #fff; letter-spacing: -0.2vw; line-height: 1.3;} #pass_top h1 strong {display: block; font-size: 5.714vw;} #pass_top .go_main {position: absolute; top: 11.905vw; right: 5.952vw; padding-top: 2.976vw; width: 23.810vw; height: 23.810vw; text-align: center; background-color: #000; border-radius: 100%;} #pass_top .go_main p {color: #fff; font-size: 3.810vw; font-weight: 600; line-height: 1;} #pass_top .go_main .btn_main {display: inline-block; margin-top: 1.786vw;} #pass_top .go_main .btn_main img {width: 8.214vw; height: 8.214vw;} #pass_top .go_main .emoji_02 {position: absolute; top: 2.667vw; left: 17.190vw; width: 4.167vw; height: 4.048vw;} #pass_top h2 {margin: 4.167vw 0 5.357vw; color: #FFF462; font-size: 3.810vw; font-weight: 600;} #pass_top .top_info {width: 100%; background-color: rgba(10,26,88,.38); border-radius: 4.762vw;} #pass_top .top_info .info_inner {padding: 4.762vw 9.524vw;} #pass_top .top_info .info_inner ul {} #pass_top .top_info .info_inner ul li {display: flex; margin-bottom: 1.786vw;} #pass_top .top_info .info_inner ul li p {font-size: 3.333vw; line-height: 1.3;} #pass_top .top_info .info_inner ul li .info_title {width: 19.762vw; color: #fff; font-weight: 600;} #pass_top .top_info .info_inner ul li .info_text {width: 49.286vw; color: #FFC191; font-weight: 500; word-break: keep-all;} /* pass_report */ #pass_report {position: relative; margin: -14.643vw 5.952vw 5.952vw; background-color: #fff; border-radius: 4.762vw;} #pass_report .report_inner {padding: 7.143vw 5.952vw;} #pass_report .report_inner h2 {margin-bottom: 2.976vw; color: #000; font-size: 4.762vw; font-weight: 600;} /* -- 합격신고 전 */ #pass_report .report_before {} #pass_report .report_before p {display: flex; align-items: center; color: #aeaeae; font-size: 3.571vw; font-weight: 500;} #pass_report .report_before p img {width: 4.167vw; height: 4.048vw;} #pass_report .report_before .btn_report {display: flex; align-items: center; justify-content: space-between; margin-top: 4.762vw; margin-left: 26.190vw; padding: 0 3.571vw 0 5.952vw; width: 50vw; height: 14.286vw; color: #1c1bcf; font-size: 4.524vw; font-weight: 700; letter-spacing: -0.2vw; background-color: #d7e6ff; border-radius: 9.524vw;} #pass_report .report_before .btn_report img {width: 10.119vw; height: 10.119vw;} /* -- 합격신고 후 */ #pass_report .report_after {} #pass_report .report_after .uni_wrap {display: flex; align-items: center; padding: 2.619vw 1.190vw; border-bottom: 0.119vw dashed #e3e3e3;} #pass_report .report_after .uni_wrap:last-child {padding-bottom: 0; border-bottom: 0;} #pass_report .report_after .uni_wrap .uni_logo {display: flex; align-items: center; margin-right: 2.976vw; width: 12.5vw; height: 12.5vw;} #pass_report .report_after .uni_wrap .uni_logo img {width: 100%;} #pass_report .report_after .uni_wrap .uni_info {display: flex; flex-wrap: wrap; margin-right: 1.8vw; width: 50vw;} #pass_report .report_after .uni_wrap .uni_info .step {display: inline-block; margin-right: 1.190vw; width: 8.929vw; height: 4.524vw; line-height: 4.524vw; color: #fff; font-size: 2.976vw; font-weight: 600; text-align: center; border-radius: 0.476vw;} #pass_report .report_after .uni_wrap .uni_info .step_1 {background-color: #ff5480;} #pass_report .report_after .uni_wrap .uni_info .step_2 {background-color: #0598ff;} #pass_report .report_after .uni_wrap .uni_info .step_3 {background-color: #00bc00;} #pass_report .report_after .uni_wrap .uni_info .name {width: 39vw; color: #222; font-size: 3.571vw; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #pass_report .report_after .uni_wrap .uni_info .major {margin-top: 1.786vw; color: #888; font-size: 3.095vw; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #pass_report .report_after .uni_wrap .btn_edit {} #pass_report .report_after .uni_wrap .btn_edit img {width: 6.429vw; height: 5.476vw;} /* -- 합격신고하기 버튼 하단 고정 */ #pass_report .report_link {position: fixed; bottom: -100%; left: 0; width: 100%; z-index: 100; transition: bottom .6s;} #pass_report .report_link.on {bottom: 0;} #pass_report .report_link a {display: flex; align-items: center; justify-content: center; height: 16.667vw; color: #fff; font-size: 5.238vw; font-weight: 700; background-color: #ff6939; border-radius: 3.571vw;} #pass_report .report_link a span {display: block; margin-left: 7.143vw; width: 10.476vw; height: 10.476vw; line-height: 9.5vw; color: #ff6939; font-size: 4.762vw; text-align: center; background-color: #fff; border-radius: 100%;} /* pass_gift */ #pass_gift {margin: 0 5.952vw 0;} #pass_gift section {padding-bottom: 8.333vw; border-radius: 4.762vw;} #pass_gift section .con_inner {} #pass_gift section .con_inner .con_num {padding: 7.143vw 0 4.762vw;} #pass_gift section .con_inner .con_num .num {display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 12.5vw; height: 12.5vw; color: #fff; font-size: 4.524vw; font-weight: 600; background-color: #1c1ccf; border-radius: 100%;} #pass_gift section .con_inner .con_box {margin: 0 auto 5.952vw; padding: 5.952vw 4.762vw 5.238vw; width: 69.048vw !important; background-color: #fff; border-radius: 3.571vw;} #pass_gift section .con_inner .con_box:last-child {margin-bottom: 0;} #pass_gift section .con_inner .con_box .box_gift {position: relative;} #pass_gift section .con_inner .con_box .box_gift .gift_name {position: absolute; top: -2.381vw; left: 0; padding: 0 2.976vw; height: 7.143vw; line-height: 7vw; color: #fff; font-size: 3.571vw; font-weight: 600; background: linear-gradient(130deg, rgba(0, 195, 167, 1) 35%, rgba(32, 156, 255, 1) 65%); border-radius: 0 3.452vw 3.452vw 0;} #pass_gift section .con_inner .con_box .box_gift img {width: 59.524vw; height: 39.286vw;} #pass_gift section .con_inner .con_box .box_text {display: flex; justify-content: center; margin-top: 3.571vw;} #pass_gift section .con_inner .con_box .box_text .text {color: #333; font-size: 4.286vw; font-weight: 600; line-height: 1.3; text-align: center; letter-spacing: -0.2vw;} #pass_gift section .con_inner .con_box .box_text .text span {color: #1c1ccf;} /* 콘텐츠별 적용 */ #pass_gift .gift_con01 {background-color: #222;} #pass_gift .gift_con02 {background-color: #89b5fe;} #pass_gift .gift_con03 {background-color: #fff;} #pass_gift .gift_con04 {background-color: #ffa5cd;} #pass_gift .gift_con05 {background-color: #70d0e7;} #pass_gift .gift_con03 .con_inner .con_box {background-color: #222;} #pass_gift .gift_con03 .con_inner .con_box .box_text .text {color: #fff;} #pass_gift .gift_con03 .con_inner .con_box .box_text .text span {color: #92baff;} /* -- gift_check */ #pass_gift .gift_check {padding-bottom: 0;} #pass_gift .gift_check .check_inner {} #pass_gift .gift_check .check_inner .chk_list_wrap {padding: 7.143vw 5.952vw; background-color: #fff; border-radius: 3.571vw;} #pass_gift .gift_check .check_inner .chk_list {} #pass_gift .gift_check .check_inner .chk_list h3 {color: #000; font-size: 4.524vw; font-weight: 600;} #pass_gift .gift_check .check_inner .chk_list ul {margin-top: 4.762vw;} #pass_gift .gift_check .check_inner .chk_list ul li {position: relative; margin-bottom: 1.548vw; margin-left: 1.3vw; color: #a0a0a0; font-size: 2.857vw; word-break: keep-all;} #pass_gift .gift_check .check_inner .chk_list ul li:last-child {margin-bottom: 0;} #pass_gift .gift_check .check_inner .chk_list ul li::before {content: ""; position: absolute; top: 1.8vw; left: -1.190vw; margin-right: 1.190vw; width: 0.476vw; height: 0.476vw; background-color: #a0a0a0; border-radius: 100%;} #pass_gift .gift_check .check_inner .chk_list ul li a {color: #1f3056; font-weight: 500; border-bottom: 0.238vw solid #1f3056;} #pass_gift .gift_check .check_inner .chk_list ul li a::after {content: ">"; margin-left: 0.5vw; vertical-align: 0.2vw;} /* -- 유의사항 팝업 */ #pass_gift section .check_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} #pass_gift section .check_popup .popup_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 88.095vw; background-color: #fff; border-radius: 4.762vw; z-index: 101;} #pass_gift section .check_popup .popup_inner .btn_close_pop {position: absolute; top: 3.571vw; right: 3.571vw;} #pass_gift section .check_popup .popup_inner .btn_close_pop img {width: 10.119vw; height: 10.119vw;} #pass_gift section .check_popup .popup_inner .chk_list_wrap {padding: 16.667vw 4.762vw 9.524vw;} #pass_gift section .check_popup .popup_inner .chk_list {margin-bottom: 4.762vw;} #pass_gift section .check_popup .popup_inner .chk_list:last-child {margin-bottom: 0;} #pass_gift section .check_popup .popup_inner .chk_list h3 {margin-bottom: 2.976vw; color: #666; font-size: 3.810vw; font-weight: 700;} #pass_gift section .check_popup .popup_inner .chk_list ul {} #pass_gift section .check_popup .popup_inner .chk_list ul li {position: relative; margin-bottom: 0.952vw; color: #888; font-size: 3.333vw; line-height: 1.4; word-break: keep-all;} #pass_gift section .check_popup .popup_inner .chk_list ul li:last-child {margin-bottom: 0;} #pass_gift section .check_popup .popup_inner .chk_list .list_style_1 {} #pass_gift section .check_popup .popup_inner .chk_list .list_style_1 li {margin-left: 1.190vw;} #pass_gift section .check_popup .popup_inner .chk_list .list_style_1 li::before {content: ""; position: absolute; top: 1.8vw; left: -1.190vw; margin-right: 0.952vw; width: 0.476vw; height: 0.476vw; background-color: #666; border-radius: 100%;} #pass_gift section .check_popup .popup_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.78);} /* 대학편입 합격신고 등록하기 폼 */ /* report_form */ #report_form {display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #FF5116; z-index: 300;} #report_form .form_inner {padding: 15.476vw 10.714vw 21.429vw;} #report_form .form_inner h2 {margin-bottom: 5.952vw; color: #fff; font-size: 5.714vw; font-weight: 700;} #report_form .form_inner .form_box_wrap {} #report_form .form_inner .form_box {margin-top: 7.143vw;} #report_form .form_inner .form_box:first-child {margin-top: 0;} #report_form .form_inner .form_box h3 {display: flex; align-items: center; margin-bottom: 3.571vw; color: #fff; font-size: 4.286vw; font-weight: 600;} #report_form .form_inner .form_box h3::before {content: ""; display: inline-block; margin-right: 1.429vw; width: 3.810vw; height: 3.810vw; background-image: url(https://img.brounedu.co.kr/mobile/festival/icon/ic_chk_title.png); background-repeat: no-repeat; background-size: contain;} #report_form .form_inner .form_box .fbox {padding: 5.952vw 4.762vw; background-color: #fff; border-radius: 5.952vw;} #report_form .form_inner .form_box .fbox .fbox_con {margin-bottom: 5.357vw;} #report_form .form_inner .form_box .fbox .fbox_con:last-child {margin-bottom: 0;} #report_form .form_inner .form_box .fbox .fbox_con > div {font-size: 3.690vw;} #report_form .form_inner .form_box .fbox .fbox_con .fb_tit {position: relative; margin-left: 1.786vw; margin-bottom: 1.429vw; color: #444; font-weight: 600;} #report_form .form_inner .form_box .fbox .fbox_con .fb_tit::before {content: ""; position: absolute; top: 50%; left: -1.667vw; transform: translateY(-50%); width: 0.476vw; height: 0.476vw; background-color: #444; border-radius: 100%;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con {display: flex; align-items: center; color: #bbb; font-weight: 500;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con label {display: flex; align-items: center; justify-content: center; height: 10.714vw; color: #bbb; font-size: 3.571vw; background-color: #f0f0f0; border-radius: 2.381vw;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con label::before {content: ""; display: block; margin-right: 2.381vw; width: 4vw; height: 4vw; background-image: url(https://img.brounedu.co.kr/common/ico_check_off.png); background-repeat: no-repeat; background-size: contain;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con input[type="text"] {padding: 0 2.976vw; height: 10.714vw; color: #444; font-size: 3.571vw; font-weight: 500; border: 0.357vw solid #dfdfdf; border-radius: 2.381vw;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con input[type="text"]:disabled {border-color: #dfdfdf; opacity: 1; filter: blur(0);} #report_form .form_inner .form_box .fbox .fbox_con .fb_con input[type="radio"] {display: none;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con input[type="radio"]:checked + label {color: #FF5116; background-color: #fff; border: 0.357vw solid #FF5116;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con input[type="radio"]:checked + label::before {background-image: url(https://img.brounedu.co.kr/common/ico_check_on.png);} #report_form .form_inner .form_box .fbox .fbox_con .fb_con input[type="file"] {} #report_form .form_inner .form_box .fbox .fbox_con .fb_con select {appearance: none; padding: 0 2.976vw; font-weight: 500; background-color: #fff; background-image: url(https://img.kimyoung.co.kr/mobile/festival/images/icon/ic_dropdown.png); background-repeat: no-repeat; background-size: 2.381vw 1.310vw; background-position: 90% center; height: 10.714vw; color: #bbb; font-size: 3.333vw; border: 0.357vw solid #dfdfdf; border-radius: 2.381vw;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con select option {color: #444; font-size: 3.095vw;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con .filebox {display: flex;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con .filebox .file_name {margin-right: 1.190vw; width: 38.690vw; background-color: #fff;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con .filebox label {width: 19.048vw; color: #fff; background-color: #000;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con .filebox label::before {display: none;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con .filebox input[type="file"] {overflow: hidden; position: absolute; padding: 0; width: 0; height: 0; border: 0;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con .btn_delete {margin-left: 3.571vw;} #report_form .form_inner .form_box .fbox .fbox_con .fb_con .btn_delete img {width: 6.667vw; height: 6.667vw;} #report_form.active_submit .btn_delete {display: none;} #report_form .form_inner .fbox_bottom {margin-top: 3.571vw;} #report_form .form_inner .fbox_bottom ul {} #report_form .form_inner .fbox_bottom ul li {color: #ffdbdb; font-size: 3.333vw; text-align: center;} #report_form .form_inner .fbox_bottom ul li a {color: #f4f4f4; font-weight: 400; border-bottom: 0.238vw solid #f4f4f4;} /* 콘텐츠별 적용 */ /* stu_name */ #report_form .form_inner .form_box .fbox .fbox_con.stu_name .fb_con {margin-left: 1.786vw;} /* stu_phone */ #report_form .form_inner .form_box .fbox .fbox_con.stu_phone .fb_con {margin-left: 1.786vw;} /* pre_uni_type */ #report_form .form_inner .form_box .fbox .fbox_con.pre_uni_type .fb_con {margin-left: 1.786vw;} /* pre_uni_name */ #report_form .form_inner .form_box .fbox .fbox_con.pre_uni_name .fb_con {margin-left: 1.786vw;} /* pre_uni_part */ #report_form .form_inner .form_box .fbox .fbox_con.pre_uni_part .fb_con {margin-left: 1.786vw;} /* pre_uni_finish */ #report_form .form_inner .form_box .fbox .fbox_con.pre_uni_finish .fb_con {margin-left: 1.786vw;} /* stu_kymember */ #report_form .form_inner .form_box .fbox .fbox_con.stu_kymember {margin-bottom: 0;} #report_form .form_inner .form_box .fbox .fbox_con.stu_kymember .fb_con {justify-content: space-between;} #report_form .form_inner .form_box .fbox .fbox_con.stu_kymember .fb_con label {width: 33.929vw;} /* stu_kycampus */ #report_form .form_inner .form_box .fbox .fbox_con.stu_kycampus {display: none;} #report_form .form_inner .form_box .fbox .fbox_con.stu_kycampus .fb_con {justify-content: space-between;} #report_form .form_inner .form_box .fbox .fbox_con.stu_kycampus .fb_con select[name="academy"] {width: 33.929vw; /* width: 29.167vw; */} #report_form .form_inner .form_box .fbox .fbox_con.stu_kycampus .fb_con select[name="campus"] {width: 33.929vw; /* width: 38.690vw; */} /* pre_uni_grade */ #report_form .form_inner .form_box .fbox .fbox_con.pre_uni_grade .fb_con input {border: 0; padding: 0 3.571vw; width: 22.619vw;} #report_form .form_inner .form_box .fbox .fbox_con.pre_uni_grade .fb_con input:disabled {color: #bbb; background-color: #f0f0f0; opacity: 1; filter: blur(0);} #report_form .form_inner .form_box .fbox .fbox_con.pre_uni_grade .fb_con .btn_gradetable {display: flex; align-items: center; justify-content: space-between; margin-left: 1.190vw; padding: 0 3.571vw; width: 23.810vw; height: 10.714vw; color: #fff; background-color: #000000; border-radius: 2.381vw;} #report_form .form_inner .form_box .fbox .fbox_con.pre_uni_grade .fb_con .btn_gradetable::after {content: ""; display: block; width: 1.310vw; height: 2.381vw; background-image: url(https://img.kimyoung.co.kr/mobile/festival/images/icon/ic_arr_right.png); background-repeat: no-repeat; background-size: contain;} /* pass_uni_state */ #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_state .fb_con {justify-content: space-between;} #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_state .fb_con label {width: 22.024vw; font-size: 3.333vw;} /* pass_uni_name */ #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_name .fb_con select {width: 100%; background-position: 95% center;} /* pass_uni_kind */ #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_kind .fb_con {justify-content: space-between;} #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_kind .fb_con label {width: 22.024vw; font-size: 3.333vw;} /* pass_uni_series */ #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_series {margin-bottom: 2.976vw;} #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_series .fb_con {flex-wrap: wrap; margin-left: 0; justify-content: space-between;} #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_series .fb_con label {margin-bottom: 2.381vw; width: 33.929vw;} /* pass_uni_depart */ #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_depart .fb_con select {width: 100%; background-position: 95% center;} /* pass_uni_testnum */ #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_testnum .fb_con input {width: 100%;} /* pass_uni_engscore */ #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_engscore .fb_con {flex-wrap: wrap; justify-content: space-between;} #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_engscore .fb_con label {margin-bottom: 2.381vw; width: 22.024vw;} #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_engscore .fb_con input {width: 33.333vw; font-size: 3.333vw;} #report_form .form_inner .form_box .fbox .fbox_con.pass_uni_engscore .fb_con input::placeholder {color: #bbb;} /* -- 대학편입 합격신고 등록하기 폼 하단 버튼 고정 */ #report_form .form_link {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; transition: bottom .6s;} #report_form .form_link.on {bottom: 0;} #report_form .form_link button { width: 100%; height: 16.667vw; color: #fff; font-size: 5vw; font-weight: 700; background-color: #0b57d0; border-radius: 3.571vw;} /* -- 대학편입 합격신고 등록하기 폼 > 전적대 학점 환산표(환산기준표) */ #report_form .convert_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200;} #report_form .convert_popup .popup_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 88.095vw; background-color: #fff; border-radius: 4.762vw; z-index: 101;} #report_form .convert_popup .convert_tit {display: flex; align-items: center; justify-content: space-between; padding: 0 3.571vw 0 4.762vw; height: 19.643vw; background-color: #824bff; border-radius: 4.762vw 4.762vw 0 0;} #report_form .convert_popup .convert_tit h2 {margin-bottom: 0; color: #fff; font-size: 4.643vw; font-weight: 700;} #report_form .convert_popup .convert_tit .btn_close_pop {} #report_form .convert_popup .convert_tit .btn_close_pop img {width: 10.119vw; height: 10.119vw;} #report_form .convert_popup .convert_con {padding: 4.762vw 4.762vw 7.143vw;} #report_form .convert_popup .convert_con p {position: relative; margin-left: 2.5vw; color: #444; font-size: 3.214vw; font-weight: 500; word-break: keep-all; line-height: 1.35;} #report_form .convert_popup .convert_con p::before {content: "※"; position: absolute; top: 0; left: -2.7vw;} #report_form .convert_popup .convert_con .convert_table {overflow: hidden; overflow-y: auto; position: relative; margin-top: 4.762vw; width: 100%; height: 60vh;} #report_form .convert_popup .convert_con .convert_table table {width: 100%;} #report_form .convert_popup .convert_con .convert_table table thead {position: sticky; top: 0;} #report_form .convert_popup .convert_con .convert_table table thead::before {content: ""; display: block; position: absolute; top: -0.238vw; left: 0; width: 100%; height: 0.238vw; background-color: #d5d5d5;} #report_form .convert_popup .convert_con .convert_table table thead tr {} #report_form .convert_popup .convert_con .convert_table table thead tr th {padding: 0.952vw; color: #fff; font-size: 2.857vw; font-weight: 400; line-height: 1.1; background-color: #6895fc; border-right: 0.238vw solid #d5d5d5;} #report_form .convert_popup .convert_con .convert_table table thead tr th:nth-child(1) {border-left: 0.238vw solid #d5d5d5;} #report_form .convert_popup .convert_con .convert_table table tbody {} #report_form .convert_popup .convert_con .convert_table table tbody tr {} #report_form .convert_popup .convert_con .convert_table table tbody tr td {padding: 1.667vw 0.952vw; color: #999; font-size: 2.857vw; text-align: center; border: 0.238vw solid #d5d5d5;} #report_form .convert_popup .convert_con .convert_table table tbody tr td input[type="button"] {width: 13.095vw; height: 8.333vw; color: #fff; font-size: 2.857vw; background-color: #3d1598; border-radius: 0.952vw; border: 0;} #report_form .convert_popup .convert_con .convert_table table tbody tr td:nth-child(4), #report_form .convert_popup .convert_con .convert_table table tbody tr td:nth-child(5) {background-color: #f1f5ff;} #report_form .convert_popup .convert_con .convert_table table tbody tr td:nth-child(4) {color: #3d1598; font-weight: 500;} #report_form .convert_popup .popup_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.78);}