/*°øÅë*/ .evt_box { background: #fff; max-width: 750px; } .p_r { position: relative; } .ov { overflow: hidden; } /* bxslider */ .slide_wrap .bx-wrapper { padding-bottom:10%; } .slide_wrap .bx-wrapper .bx-pager { bottom:7%; } .slide_wrap .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link { background:#98927e; } .slide_wrap .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active { background:#e93534; } /* °áÁ¦´Ü */ .lect .price { position: absolute; left:10%; bottom: 30%; } .curriculum { position: absolute; width: 75%; top: 22.9%; left: 21%; } .curriculum ul { position: absolute; top: 0; left: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .curriculum ul > li { position: relative; border: 2px solid transparent; border-radius: 7px; width: 31%; height: 20.2vw; box-sizing: border-box; overflow: hidden; cursor: pointer; /*background: rgba(210,20,20,0.5); */ } .curriculum ul > li:nth-child(3n) { margin-bottom: 3.5%; } .cont04 { margin-bottom: 50px; } /*ÅǸ޴º*/ .tab_area { width:100%; padding:3%; border:none; } .tab_area > .tab_button { width:100%; overflow:hidden; } .tab_area > .tab_button > li { width:calc(100% / 2 - 1px); margin-right:1px; cursor:pointer; float:left; } .tab_area > .tab_button > li:last-child { margin-right:0px; } .tab_area > .tab_cont { width:99.9%; height:320px; overflow-y: auto } .tab_area > .tab_cont { display:none; } .tab_area > .tab_cont.cont_1 { display:block; } .cont06 .tab_area { padding:0 4%; } .cont06 .tab_area > .tab_cont.cont_1 { padding:0 4%; background: #fff; } .cont07 .public_JobFair { width: 90%; position: absolute; left: 50%; top:22%; transform: translateX(-50%); } .cont07 .public_JobFair img { width:100% } .bxslider-default { position: absolute; top: 67%; left:50%; transform:translateX(-50%); width: 70%; } .cont02 .bx-wrapper .bx-controls-direction a,.cont06 .bx-wrapper .bx-controls-direction a { top: 17.8%; width: 40px; height: 40px; background:none; } .cont02 .bx-wrapper .bx-prev,.cont06 .bx-wrapper .bx-prev { left:-10.5%; } .cont02 .bx-wrapper .bx-next,.cont06 .bx-wrapper .bx-next { right:-10.5%; } .f_328 { width:33%; position:absolute; top:5.1%; right:10px; } .f_328 a { display:block; } .f_328 > img { width:100%; } .cont01 { position: relative; } .cont01 .basis_txt { display:none; position: absolute; top:9.8%; left:5%; width:90%; text-align: center; background:#fff; font-size:10px; padding:15px 20px; border: 1px solid #ddd; } .floating_bnr { position: absolute; top:24.3%; right:1%; width:20%; } .cont05 { position: relative; } .cont05 .basis_txt2 { display:none; position: absolute; top:90.5%; left:5%; width:90%; text-align: center; background:#fff; font-size:10px; padding:15px 20px; border: 1px solid #ddd; } /*°­ÀÇ´Ü*/ .lect .price label { color: #000; font-size: 1.15rem; font-weight: 700; } .lect .price_info { font-size: 0; } .lect .total_price { color: #ff6666; font-size: 2.6rem; font-weight: 700; position: absolute; top: 23%; right: 7.4%; } .lect .total_price span { color:#ff6666; font-size: 2.8rem; font-weight: 700; } .lect .info_txt { color:#fff; font-weight: 700; position: absolute; bottom: 2vw; left: 7vw; font-size: .8rem; } input[type=checkbox] { display:none; } input[type=checkbox] + label { display: inline-block; cursor: pointer; position: relative; padding-left: 38px; } input[type=checkbox] + label:before { content: ""; display: inline-block; width: 23px; height: 23px; position: absolute; left:0; top: 50%; transform: translateY(-50%); background-color: #fff; border:1px solid #ccc; } input[type=checkbox]:checked + label:before { content:"\2713"; font-size: 16px; font-weight:800; color: #555; text-align: center; line-height: 18px; } @media screen and (max-width:460px) { html,body { font-size: 10px; } } /* ¿µ»óÆ˾÷ */ .mov_pop { display:none; position:fixed; top: 0; left: 0; z-index:101; height: 100%; width: 100%; } .mov_pop .full_bg { width:100%; height:100%; background-color:rgba(0,0,0,0.9); position:fixed; top:0; left:0; z-index:-1 } .mov_pop .layer_pop_vod { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; padding-top: 58%; height: 0; } .mov_pop .layer_pop_vod iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .mov_pop .layer_pop_vod .movie_close { font-size:50px; color:#fff; position:absolute; top:-60px; right:0; display:inline-block; cursor:pointer; } /* ±Ù°Å¹®±¸ */ .reason, .open_reason.reason { position: absolute; width:95%; top: 243vw; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:12px; letter-spacing: -0.04em; display:none; transform: translateX(-50%); } .reason .close, .open_reason.reason .close { position: absolute; width:20px; height:20px; top:10px; right:10px; cursor: pointer; } .reason .close::before, .reason .close::after, .open_reason.reason .close::before, .open_reason.reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } .reason .close::after, .open_reason.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } /* Ä«Ä«¿À ¿ÀÇÂäÆà ·£µù¹è³Ê */ .kakao_bnr { position:fixed; top:105px; left:5%; width: 100px; z-index: 9999; } .kakao_bnr img { width:100% } .kakao_bnr a { position: absolute; top:0; right: 0; width: 20%; height: 20%; } .f_banner{position: fixed;bottom: 0%;right:3%;width: 40%;z-index: 20;}