@charset "UTF-8"; @import url("https://el.multicampus.com/de_common/mc/customize/MMP/MMP.css"); /* 프로모션 공통 */ .promotion_wrap .promotion_content{padding: 0;} /* 프로모션 13 : M코노미 */ #PR010113 .promotion_content{padding:0;} #PR010113 .promotion_content > div{position:relative;} #PR010113 .bg{content:'';display:block;position:absolute;z-index:-1;width:100%;top: 0;right: 0;bottom: 0;left: 0;background-repeat:no-repeat;background-position:50% 0;background-size:cover;} #PR010113 .promotion_section--01 .bg{background-color:#0E1425;} #PR010113 .promotion_section--02 .bg{background-color:#281E3F;} #PR010113 .promotion_section--03 .bg{background-color:#0E1425;} #PR010113 .promotion_section--04 .bg{background-color:#281E3F;} #PR010113 .promotion_content .promotion_inner{padding: 0 !important; padding-bottom:87px!important;} @media (max-width:1920px){ #PR010113 .promotion_content .promotion_inner{padding-bottom:4.53125vw!important;} } @media (max-width:1080px){ #PR010113 .promotion_content .promotion_inner{padding: 0 4.62962962963vw!important; padding-bottom:14.81481481481vw!important;} #PR010113 .promotion_content .promotion_inner li:not(:last-child){padding-bottom:11.11111111111vw!important;} } /* 프로모션 13 : M코노미 / 과정 */ [id^="PR010113_"] .promotion_notice_txt{flex: 1; text-align: center; margin: auto !important;} [id^="PR010113_"] .promotion_notice_txt .text-logo {display: inline-block; margin-left: 5px; vertical-align: top; margin-top: -3px;} [id^="PR010113_"] .promotion_notice_txt .text-logo img{width: auto; height: 35%;} [id^="PR010113_"].v1.promotion_detail .promotion_tit > .sub{color: rgba(255,255,255, 0.80);font-size: 24px;margin-top: 45px;line-height:1.4;} @media (max-width:1080px){ [id^="PR010113_"].v1.promotion_detail .promotion_tit > .sub{font-size: 16px;margin-top: 23px;line-height:1.7;} } /* 프로모션 11 : UX/UI / 버튼 */ #PR010111.v1 .promotion_visual{position:relative;} #PR010111.v1 .promotion_visual .promotion_inner{width:58.02083333333%;max-width:1114px;} #PR010111.v1 .promotion_visual .promo_tabs{z-index:20;position:absolute;left:50%;transform:translateX(-50%);top:72.32142857143%;width:58.02083333333%;height:10.9693877551%;} #PR010111.v1 .promotion_visual .promo_tabs .promo_tab{display:inline-block;height:100%;} #PR010111.v1 .promotion_visual .promo_tabs .promo_tab img{height:100%;margin:0;} @media (max-width:1099px){ #PR010111.v1 .promotion_visual .promotion_inner{width:auto;max-width:none;padding:0 4.90740740741%!important;} #PR010111.v1 .promotion_visual .promo_tabs{left:auto;transform:inherit;top:76.88679245283%;width:69.07407407407%;height:auto;} } /* 프로모션 11 : UX/UI / 로드맵 */ #PR010111.v1.v2 .promotion_content .promotion_section--06{height: 97.34375vw;} @media (max-width:1099px){ #PR010111.v1.v2 .promotion_content .promotion_section--06{height: 334.53703703704vw;} } /* 프로모션 10 : 데이터사이언스 / 버튼 */ #PR010110.v1 .promotion_visual{position:relative;} #PR010110.v1 .promotion_visual .promotion_inner{width:58.02083333333%;max-width:1114px;} #PR010110.v1 .promotion_visual .promo_tabs{z-index:20;position:absolute;left:50%;transform:translateX(-50%);top:68.06722689076%;width:58.02083333333%;height:10.32412965186%;} #PR010110.v1 .promotion_visual .promo_tabs .promo_tab{display:inline-block;height:100%;} #PR010110.v1 .promotion_visual .promo_tabs .promo_tab img{height:100%;margin:0;} @media (max-width:1099px){ #PR010110.v1 .promotion_visual .promotion_inner{width:auto;max-width:none;padding:0 4.90740740741%!important;} #PR010110.v1 .promotion_visual .promo_tabs{left:auto;transform:inherit;top:76.88679245283%;width:61.48148148148%;height:auto;} } /* 프로모션 05 : 마케팅 / 버튼 */ #PR010105.v1 .promotion_visual{position:relative;} #PR010105.v1 .promotion_visual .promotion_inner{width:58.02083333333%;max-width:1114px;} #PR010105.v1 .promotion_visual .promo_tabs{z-index:20;position:absolute;left:50%;transform:translateX(-50%);top:62.02898550725%;width:58.02083333333%;height:8.30917874396%;text-align:center;} #PR010105.v1 .promotion_visual .promo_tabs .promo_tab{display:inline-block;height:100%;} #PR010105.v1 .promotion_visual .promo_tabs .promo_tab img{height:100%;margin:0;} @media (max-width:1099px){ #PR010105.v1 .promotion_visual .promotion_inner{width:auto;max-width:none;padding:0 4.90740740741%!important;} #PR010105.v1 .promotion_visual .promo_tabs{top:61.58841158841%;width:68.7962962963%;height:auto;} } /* 프로모션 05 : 마케팅 */ #PR010105.v1.v2 .promotion_content .promotion_section--06{height: 76.09375vw;} @media (max-width:1099px){ #PR010105.v1.v2 .promotion_content .promotion_section--06{height: auto;} } /* 프로모션 04 : 프로그래밍 / 버튼 */ #PR010104.v1 .promotion_visual{position:relative;} #PR010104.v1 .promotion_visual .promotion_inner{width:58.02083333333%;max-width:1114px;} #PR010104.v1 .promotion_visual .promo_tabs{z-index:20;position:absolute;left:50%;transform:translateX(-50%);top:68.06722689076%;width:58.02083333333%;height:10.32412965186%;} #PR010104.v1 .promotion_visual .promo_tabs .promo_tab{display:inline-block;height:100%;} #PR010104.v1 .promotion_visual .promo_tabs .promo_tab img{height:100%;margin:0;} @media (max-width:1099px){ #PR010104.v1 .promotion_visual .promotion_inner{width:auto;max-width:none;padding:0 4.90740740741%!important;} #PR010104.v1 .promotion_visual .promo_tabs{left:auto;transform:inherit;top:72.21518987342%;width:78.33333333333%;height:auto;} } /* 프로모션 14 : M코노미 수강신청 */ #PR010114 .promotion_content {padding: 0!important;} #PR010114 .promotion_content > div{position:relative;} #PR010114 .btn{display:block;position:absolute;width:569px;height:120px;top:1097px;left:50%;transform:translateX(-50%);z-index:1;} @media (max-width:1920px){ #PR010114 .btn{width:29.63541666667%;height:8.7783467447%;top:80.24871982443%;} } @media (max-width:1099px){ #PR010114 .btn{width:52.68518518519%!important;height:8.04289544236%!important;top:81.83646112601%!important;} } /* 프로모션 09 : 얼리버드 프로모션 - 리뉴얼 */ #PR010109.v2{max-width: 1920px;margin: 0 auto;} #PR010109.v2 .promotion_inner{padding: 0;} #PR010109.v2 .promotion_visual{padding: 0;height: 41.66666666667vw;background-image: none;} #PR010109.v2 .promotion_visual .pc_visual, #PR010109.v2 .promotion_visual .mo_visual{background-position: 50% 0;background-size: cover;background-repeat: no-repeat;} #PR010109.v2 .promotion_visual .pc_visual{height: 41.66666666667vw;} /* #PR010109.v2 .timer_wrap{position: absolute;width: 57.29166666667vw;top: 13.22916666667vw;padding-left: 3.125vw;left: 50%;transform: translateX(-50%);} */ /* #PR010109.v2 .timer_wrap .timer{margin: 0;justify-content: left;} */ #PR010109.v2 .timer_wrap .timer .number{font-size: 2.39583333333vw;padding: 0.78125vw;background: linear-gradient(to bottom, #2d2f2e 50%, #151616 50%)} #PR010109.v2 .timer_wrap .timer *::after{color: black;font-size: 2.39583333333vw;} #PR010109.v2 .timer_wrap .timer *::before{color: black;font-size: 2.39583333333vw;left: -1vw;} #PR010109.v2 .timer .number:not(:last-child){margin-right: 0.5vw;} #PR010109.v2 .timer .hour:not(:last-child), .timer .min:not(:last-child), .timer .sec:not(:last-child){margin-right: 1.5vw !important;} #PR010109.v2 .timer_wrap{padding-left: 23.7vw;margin-top: -28vw;} #PR010109.v2 .timer_wrap .timer{display: block;margin: 0;} #PR010109.v2 .timer_wrap .timer *{display: inline-block;} #PR010109.v2 .promotion_content{padding-bottom: 9.375%;background-image: none;} #PR010109.v2 .promotion_content_wrap{background-image: none;} #PR010109.v2 .promotion_content_wrap.img_02{padding: 0;} #PR010109.v2 .promotion_content_wrap.img_02 .promotion_section .swiper-container{margin-top: 0;} #PR010109.v2 .promotion_step_lists_wrap{position: relative;top: 0;padding: 0;background-color: transparent;} #PR010109.v2 .promotion_step_lists_wrap .promotion_inner{padding:0;position:absolute;width:100%;left:50%;transform:translateX(-50%);top:0;bottom:0;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1{position: absolute;top: 61.47651006711%;left: 26.5625%;width: 13.54166666667%;height: 16.10738255034%;display: inline-block;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber2{position: absolute;top: 61.47651006711%;left: 45.83333333333%;width: 13.54166666667%;height: 16.10738255034%;display: inline-block;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1 span, #PR010109.v2 .promotion_step_lists_wrap .couponNumber2 span {width: 100%;height: 50%;display: inline-block;text-align: center;font-size: 1.5625vw;line-height: 3vw;font-weight: bold;letter-spacing: 0.2vw; font-family: sans-serif;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1 span{color: #256a5e;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber2 span{color: #476a25;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1 button, #PR010109.v2 .promotion_step_lists_wrap .couponNumber2 button {position: absolute; bottom: 0; left: 0; width: 100%;height: 33%;display: inline-block; } #PR010109.v2 .promotion_content_wrap.item_list{padding:0;background-color: #fff;} #PR010109.v2 .promotion_content_wrap.item_list{padding-top:0;position:relative;z-index:9;width:57.29166666667vw;margin:0 auto;padding:0 4vw 4.54545454545vw;} #PR010109.v2 .promotion_content_wrap.item_list .promotion_section:not(:last-child){margin-bottom: 0;} #PR010109.v2 .promotion_content_wrap.item_list ul:after{content: '';display: block; clear: both;} #PR010109.v2 .promotion_content_wrap.item_list ul li{width: 25%;float: left;margin: 4.54545454545vw 0 0;} #PR010109.v2 .promotion_content_wrap.item_list ul li a{display: block;margin: 0 3.1%;vertical-align: top;} #PR010109.v2 .promotion_content_wrap.item_list ul li a img{width: 100%;} @media (min-width: 1921px) { #PR010109.v2 .promotion_visual{height: 800px;} #PR010109.v2 .promotion_visual .pc_visual{height: 800px;} /* #PR010109.v2 .timer_wrap{position: absolute;width: 1100px;top: 254px;padding-left: 60px;} */ /* #PR010109.v2 .timer_wrap .timer{margin: 0;justify-content: left;} */ #PR010109.v2 .timer_wrap{margin-top: -546px;padding-left: 60px;width: 1100px;} #PR010109.v2 .timer_wrap .timer .number{font-size: 46px;padding: 15px;} #PR010109.v2 .timer_wrap .timer *::after{color: black;font-size: 46px;} #PR010109.v2 .timer_wrap .timer *::before{color: black;font-size: 46px;} #PR010109.v2 .timer_wrap{margin-left: auto;margin-right: auto;} #PR010109.v2 .promotion_content{padding-bottom: 180px;} #PR010109.v2 .promotion_step_lists_wrap .promotion_inner{padding:0;position:absolute;width:100%;left:50%;transform:translateX(-50%);top:0;bottom:0;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1{position: absolute;top: 458px;left: 510px;width: 260px;display: inline-block;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber2{position: absolute;top: 458px;left: 880px;width: 260px;display: inline-block;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1 span, #PR010109.v2 .promotion_step_lists_wrap .couponNumber2 span {width: 260px;height: 60px;display: inline-block;text-align: center;font-size: 30px;color: #256a5e;line-height: 60px;font-weight: bold;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1 button, #PR010109.v2 .promotion_step_lists_wrap .couponNumber2 button {width: 260px;height: 40px;display: inline-block; margin-top: 20px;} #PR010109.v2 .promotion_content_wrap.item_list{width:1100px;padding:80px 60px 100px 58px;} #PR010109.v2 .promotion_content_wrap.item_list .promotion_section:not(:last-child){margin-bottom: 0;} #PR010109.v2 .promotion_content_wrap.item_list ul:after{content: '';display: block; clear: both;} #PR010109.v2 .promotion_content_wrap.item_list ul li{width: 25%;float: left;margin: 0 0 100px;} #PR010109.v2 .promotion_content_wrap.item_list ul li a{display: block;margin: 0 3.1%;vertical-align: top;} #PR010109.v2 .promotion_content_wrap.item_list ul li a img{width: 100%;} } @media (max-width: 1099px) { #PR010109.v2 .promotion_visual{height: 189.35185185185vw;z-index: 1;position: relative;} #PR010109.v2 .promotion_visual .pc_visual{display: none;} #PR010109.v2 .promotion_visual .mo_visual{display: block;height: 185.90909090909vw;} /* #PR010109.v2 .timer_wrap{position: absolute;width: auto;top: 39.81481481481vw;padding-left: 0;} */ /* #PR010109.v2 .timer_wrap .timer{margin: 0;justify-content: center;} */ #PR010109.v2 .timer_wrap .timer .number{font-size: 8.33333333333vw;padding: 1.8vw;} #PR010109.v2 .timer_wrap .timer *::after{color: black;font-size: 4vw !important;} #PR010109.v2 .timer_wrap .timer *::before{color: black;font-size: 7.5vw !important;left: -2.5vw;} #PR010109.v2 .timer .number:not(:last-child){margin-right: 1.5vw;} #PR010109.v2 .timer .hour:not(:last-child), .timer .min:not(:last-child), .timer .sec:not(:last-child){margin-right: 3vw !important;} #PR010109.v2 .timer_wrap{padding-left: 0vw;margin-top: -147vw;} #PR010109.v2 .timer_wrap .timer{text-align: center;} #PR010109.v2 .promotion_content{padding-bottom: 0;} #PR010109.v2 .promotion_content_wrap.img_02{margin-top: -11vw;} #PR010109.v2 .promotion_content_wrap.img_02 .promotion_section{background-color: #216e61;padding: 12.96296296296vw 22.22222222222vw 7vw;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1{position: absolute;top: 39.80365908077%;left: 25.92592592593%;width: 48.24074074074%;height: 10.7541276216%;display: inline-block;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber2{position: absolute;top: 67.46987951807%;left: 25.92592592593%;width: 48.24074074074%;height: 10.7541276216%;display: inline-block;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1 span, #PR010109.v2 .promotion_step_lists_wrap .couponNumber2 span {width: 100%;height: 50%;display: inline-block;text-align: center;font-size: 5.55555555556vw;line-height: 10vw;font-weight: bold;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1 span{color: #256a5e;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber2 span{color: #476a25;} #PR010109.v2 .promotion_step_lists_wrap .couponNumber1 button, #PR010109.v2 .promotion_step_lists_wrap .couponNumber2 button {position: absolute; bottom: 0; left: 0; width: 100%;height: 33%;display: inline-block;} #PR010109.v2 .promotion_content_wrap.item_list{position:relative;z-index:9;width:100%;margin:0 auto;padding:0;padding:0 3.7037037037vw;padding-bottom: 18.51851851852vw;} #PR010109.v2 .promotion_content_wrap.item_list .promotion_section{padding: 0;} #PR010109.v2 .promotion_content_wrap.item_list .promotion_section:not(:last-child){margin-bottom: 0;} #PR010109.v2 .promotion_content_wrap.item_list ul li{width: 50%;float: left;margin: 13.88888888889vw 0 0;} #PR010109.v2 .promotion_content_wrap.item_list ul li a{display: block;margin: 0 1.66666666667vw;vertical-align: top;} } /* 프로모션 09 : 얼리버드 프로모션 - 수정 */ #PR010109.v3 .promotion_step_lists_wrap .couponNumber1{left: 33.3625%;} #PR010109.v3 .promotion_step_lists_wrap .couponNumber2{display: none;} @media (max-width: 1099px) { #PR010109.v3 .promotion_step_lists_wrap .couponNumber1{width:48.24074074074%;height:14.80567550895%;top:55.02776064158%;left:50%;transform:translateX(-50%);} } /* 프로모션 09 : 얼리버드 프로모션 - 수정 */ #PR010109.v2.y2021 .promotion_visual, #PR010109.v2.y2021 .promotion_visual .pc_visual {height:50.5208vw;} #PR010109.v2.y2021 .promotion_content--01 .promotion_step_lists_wrap .couponNumber1 span {color:#be2100;} #PR010109.v2.y2021 .promotion_content--02 .promotion_step_lists_wrap .couponNumber1 span {color:#db5d00;} @media (min-width: 1100px) { #PR010109.v2.y2021 .promotion_step_lists_wrap .couponNumber1 {top:65.6%;left:25.5729%;width:23.6458%;height:17.6%;} #PR010109.v2.y2021 .promotion_step_lists_wrap .couponNumber1 span {position:absolute;top:54.5454%;width:55.0660%;height:38.9610%;} #PR010109.v2.y2021 .promotion_step_lists_wrap .couponNumber1 button {left:auto;right:0;width:33.9207%;height:100%;} #PR010109.v2.y2021 .promotion_content--02 .promotion_step_lists_wrap .couponNumber1 {top:54.7904%;height:23.0538%;} } @media (min-width: 1921px) { #PR010109.v2.y2021 .promotion_visual {height:970px;} #PR010109.v2.y2021 .promotion_visual .pc_visual {height:970px;} } @media (max-width: 1099px) { #PR010109.v2.y2021 .promotion_visual, #PR010109.v2.y2021 .promotion_visual .mo_visual {height:159.4444vw;} #PR010109.v2.y2021 .promotion_content_wrap.img_02 {margin-top:0;} #PR010109.v2.y2021 .promotion_content--01 .promotion_step_lists_wrap .couponNumber1 {top:60.4019%;height:13.0907%;} #PR010109.v2.y2021 .promotion_content--02 .promotion_step_lists_wrap .couponNumber1 {top:46.4023%;height:17.7810%;} } /* 프로모션 12 : realty */ #PR010112 .promotion_visual{position: relative;} #PR010112 .promotion_visual .pc_only a{position: absolute;display: block;width:57.29166666667%;height: 47.27272727273%;top: 31.27272727273%;left: 50%;transform: translateX(-50%);z-index: 999;} /* #PR010112 .promotion_visual .mo_only a{position: absolute;display: block;width:81.48148148148%;height: 60.02265005663%;top: 22.98980747452%;left: 50%;transform: translateX(-50%);z-index: 999;} */ /* 프로모션 15 : ProDS */ #PR010115 .promotion_content {padding: 0!important;} #PR010115 .promotion_content > div{position:relative;} #PR010115 .promotion_content a{display:block;position:absolute;z-index:1;} #PR010115 .promotion_section--05 .btn1{width:94px;height:40px;left:1403px;top:336px;} #PR010115 .promotion_section--05 .btn2{width:94px;height:40px;left:1403px;top:413px;} #PR010115 .promotion_section--05 .btn3{width:94px;height:40px;left:1403px;top:490px;} #PR010115 .promotion_section--05 .btn4{width:94px;height:40px;left:1403px;top:567px;} #PR010115 .promotion_section--05.y2021 [class*='btn'] {width:94px;height:40px;left:1403px;} #PR010115 .promotion_section--05.y2021 .btn1 {top:333px;} #PR010115 .promotion_section--05.y2021 .btn2 {top:404px;} #PR010115 .promotion_section--05.y2021 .btn3 {top:475px;} #PR010115 .promotion_section--05.y2021 .btn4 {top:546px;} #PR010115 .promotion_section--05.y2021 .btn5 {top:617px;} #PR010115 .promotion_section--05.y2021 .btn6 {top:688px;} #PR010115 .promotion_section--05.y2021 .btn7 {top:759px;} #PR010115 .promotion_section--05.y2021 .btn8 {top:830px;} #PR010115 .promotion_section--05.y2021 .btn9 {top:901px;} #PR010115 .promotion_section--05.y2021 .btn10 {top:972px;} #PR010115 .promotion_section--05.y2021 .btn11 {top:1043px;} #PR010115 .promotion_section--05.y2021 .btn12 {top:1114px;} #PR010115 .promotion_section--05.y2021 .btn13 {top:1185px;} #PR010115 .promotion_section--07 .btn1{width:120px;height:38px;left:780px;top:661px;} #PR010115 .promotion_section--07 .btn2{width:320px;height:38px;left:970px;top:661px;} #PR010115 .promotion_section--07 .btn3{width:250px;height:38px;left:560px;top:737px;} #PR010115 .promotion_section--07 .btn4{width:160px;height:38px;left:780px;top:873px;} #PR010115 .promotion_section--07 .btn5{width:290px;height:38px;left:1010px;top:873px;} #PR010115 .promotion_section--07 .btn6{width:250px;height:38px;left:560px;top:949px;} #PR010115 .promotion_section--07 .btn7{width:150px;height:38px;left:1080px;top:1164px;} #PR010115 .promotion_section--08 .btn{width:506px;height:104px;top:249px;left:50%;transform:translateX(-50%);} #PR010115 .promotion_section--08 .btn1{width:440px;height:100px;top:181px;left:23.95833333333%;} #PR010115 .promotion_section--08 .btn2{width:440px;height:100px;top:181px;left:53.07291666667%;} @media (max-width:1920px){ #PR010115 .promotion_section--05 .btn1{width:4.89583333333%;height:4.92004920049%;left:73.07291666667%;top:41.32841328413%;} #PR010115 .promotion_section--05 .btn2{width:4.89583333333%;height:4.92004920049%;left:73.07291666667%;top:50.79950799508%;} #PR010115 .promotion_section--05 .btn3{width:4.89583333333%;height:4.92004920049%;left:73.07291666667%;top:60.27060270603%;} #PR010115 .promotion_section--05 .btn4{width:4.89583333333%;height:4.92004920049%;left:73.07291666667%;top:69.74169741697%;} #PR010115 .promotion_section--05.y2021 [class*='btn'] {width:4.8958%;height:2.7972%;left:73.0729%;} #PR010115 .promotion_section--05.y2021 .btn1 {top:23.2867%;} #PR010115 .promotion_section--05.y2021 .btn2 {top:28.2517%;} #PR010115 .promotion_section--05.y2021 .btn3 {top:33.2167%;} #PR010115 .promotion_section--05.y2021 .btn4 {top:38.1818%;} #PR010115 .promotion_section--05.y2021 .btn5 {top:43.1468%;} #PR010115 .promotion_section--05.y2021 .btn6 {top:48.1118%;} #PR010115 .promotion_section--05.y2021 .btn7 {top:53.0769%;} #PR010115 .promotion_section--05.y2021 .btn8 {top:58.0419%;} #PR010115 .promotion_section--05.y2021 .btn9 {top:63.0069%;} #PR010115 .promotion_section--05.y2021 .btn10 {top:67.9720%;} #PR010115 .promotion_section--05.y2021 .btn11 {top:72.9370%;} #PR010115 .promotion_section--05.y2021 .btn12 {top:77.9020%;} #PR010115 .promotion_section--05.y2021 .btn13 {top:82.8671%;} #PR010115 .promotion_section--07 .btn1{width:6.25%;height:2.68551236749%;left:40.625%;top:46.71378091873%;} #PR010115 .promotion_section--07 .btn2{width:16.66666666667%;height:2.68551236749%;left:50.52083333333%;top:46.71378091873%;} #PR010115 .promotion_section--07 .btn3{width:13.02083333333%;height:2.68551236749%;left:29.16666666667%;top:52.08480565371%;} #PR010115 .promotion_section--07 .btn4{width:8.33333333333%;height:2.68551236749%;left:40.625%;top:61.6961130742%;} #PR010115 .promotion_section--07 .btn5{width:15.10416666667%;height:2.68551236749%;left:52.60416666667%;top:61.6961130742%;} #PR010115 .promotion_section--07 .btn6{width:13.02083333333%;height:2.68551236749%;left:29.16666666667%;top:67.06713780919%;} #PR010115 .promotion_section--07 .btn7{width:7.8125%;height:2.68551236749%;left:56.25%;top:82.26148409894%;} #PR010115 .promotion_section--08 .btn{width:26.35416666667%;height:20.51282051282%;top:49.1124260355%;} #PR010115 .promotion_section--08 .btn1{width:22.91666666667%;height:22.88329519451%;top:41.41876430206%;} #PR010115 .promotion_section--08 .btn2{width:22.91666666667%;height:22.88329519451%;top:41.41876430206%;} } @media (max-width:1099px){ #PR010115 .promotion_section--05 .btn1{width:56.2962962963%!important;height:3.10844224656%!important;left:31.11111111111%;top:33.8043094313%!important;} #PR010115 .promotion_section--05 .btn2{width:56.2962962963%!important;height:3.10844224656%!important;left:31.11111111111%;top:60.54397739315%!important;} #PR010115 .promotion_section--05 .btn3{width:56.2962962963%!important;height:3.10844224656%!important;left:31.11111111111%;top:85.69410102437%!important;} #PR010115 .promotion_section--05 .btn4{display: none;} #PR010115 .promotion_section--05.y2021 [class*='btn'] {width:58.1481% !important;height:1.8018% !important;left:32.4074%;} #PR010115 .promotion_section--05.y2021 .btn1 {top:13.4111% !important;} #PR010115 .promotion_section--05.y2021 .btn2 {top:19.9221% !important;} #PR010115 .promotion_section--05.y2021 .btn3 {top:26.4332% !important;} #PR010115 .promotion_section--05.y2021 .btn4 {display:block;top:32.9033% !important;} #PR010115 .promotion_section--05.y2021 .btn5 {top:39.4348% !important;} #PR010115 .promotion_section--05.y2021 .btn6 {top:45.9459% !important;} #PR010115 .promotion_section--05.y2021 .btn7 {top:52.4570% !important;} #PR010115 .promotion_section--05.y2021 .btn8 {top:58.9271% !important;} #PR010115 .promotion_section--05.y2021 .btn9 {top:65.4586% !important;} #PR010115 .promotion_section--05.y2021 .btn10 {top:71.9696% !important;} #PR010115 .promotion_section--05.y2021 .btn11 {top:78.5012% !important;} #PR010115 .promotion_section--05.y2021 .btn12 {top:85.0122% !important;} #PR010115 .promotion_section--05.y2021 .btn13 {top:91.5642% !important;} /* #PR010115 .promotion_section--07 .btn1{width: 200px;height: 61px;left: 550px;top: 1271px;} #PR010115 .promotion_section--07 .btn2{width: 530px;height: 61px;left: 400px;top: 1332px;} #PR010115 .promotion_section--07 .btn3{width: 410px;height: 61px;left: 300px;top: 1514px;} #PR010115 .promotion_section--07 .btn4{width: 270px;height: 61px;left: 550px;top: 1797px;} #PR010115 .promotion_section--07 .btn5{width: 470px;height: 61px;left: 400px;top: 1858px;} #PR010115 .promotion_section--07 .btn6{width: 410px;height: 61px;left: 300px;top: 2042px;} #PR010115 .promotion_section--07 .btn7{width: 270px;height: 61px;left: 440px;top: 2577px;} */ #PR010115 .promotion_section--07 .btn1{width: 18.51851851852%;height: 2.07978179339%;left: 50.92592592593%;top: 43.33446982612%;} #PR010115 .promotion_section--07 .btn2{width: 49.07407407407%;height: 2.07978179339%;left: 37.03703703704%;top: 45.4142516195%;} #PR010115 .promotion_section--07 .btn3{width: 37.96296296296%;height: 2.07978179339%;left: 27.77777777778%;top: 51.61950221616%;} #PR010115 .promotion_section--07 .btn4{width: 25%;height: 2.07978179339%;left: 50.92592592593%;top: 61.26832594613%;} #PR010115 .promotion_section--07 .btn5{width: 43.51851851852%;height: 2.07978179339%;left: 37.03703703704%;top: 63.34810773952%;} #PR010115 .promotion_section--07 .btn6{width: 37.96296296296%;height: 2.07978179339%;left: 27.77777777778%;top: 69.62154790317%;} #PR010115 .promotion_section--07 .btn7{width: 25%;height: 2.07978179339%;left: 40.74074074074%;top: 87.86225707467%;} #PR010115 .promotion_section--08 .btn{width:75.092592592599%!important;height:23.33333333333%!important;top:48.88888888889%!important;} #PR010115 .promotion_section--08 .btn1{width:74.53703703704%!important;height:13.83495145631%!important;top:28.7216828479%!important;left:50%;transform:translateX(-50%);} #PR010115 .promotion_section--08 .btn2{width:74.53703703704%!important;height:13.83495145631%!important;top:66.74757281553%!important;left:50%;transform:translateX(-50%);} } /* 프로모션 01 : 회원가입 프로모션 리뉴얼 */ #PR010101.v2.promotion_wrap {max-width:1920px;margin:0 auto;overflow-x:hidden;} #PR010101.v2 .promotion_section .promotion_inner, #PR010101.v2 .promotion_notice .promotion_inner {width:57.29166666667vw;max-width:1100px;} #PR010101.v2 .promotion_visual {position:relative;} #PR010101.v2 .promotion_btn {position:absolute;top:76.6%;left:50%;transform:translateX(-50%);width:57.29166666667vw;max-width:1100px;z-index:1;} #PR010101.v2 .promotion_btn .btn {display:block;width:47.7272%;max-width:525px;} #PR010101.v2 .promotion_section {padding:0;background-color:transparent !important;} #PR010101.v2 .promotion_section[class*='promotion_section--'] .promotion_inner {position:relative;} #PR010101.v2 .promotion_section[class*='promotion_section--'] .promotion_inner .btn_more {width:19.2708vw;height:19.2708vw;max-width:370px;max-height:370px;top:inherit;left:inherit;bottom:10.3333%;right:7%;background-image:none;} #PR010101.v2 .promotion_section.promotion_section--01 .promotion_inner .btn_more {bottom:11.9230%;} #PR010101.v2 .promotion_notice {display:block;} @media (max-width: 1099px) { #PR010101.v2 .promotion_content {padding-top:0;} #PR010101.v2 .promotion_section:last-child {padding-bottom:0;} #PR010101.v2 .promotion_section .promotion_inner, #PR010101.v2 .promotion_notice .promotion_inner {width:calc(100% - 50px);padding:0;} #PR010101.v2 .promotion_notice .promotion_inner {width:100%;} #PR010101.v2 .promotion_section .promotion_inner {margin-left:25px;margin-right:25px;} #PR010101.v2 .promotion_btn {top:43.0668%;width:100%;padding:0 50px;} #PR010101.v2 .promotion_btn .btn {width:100%;max-width:inherit;} #PR010101.v2 .promotion_section[class*='promotion_section--'] .promotion_inner .btn_more {top:16.7818%;bottom:inherit;right:7.5510%;width:48.1481vw;height:48.1481vw;max-width:inherit;max-height:inherit;} } /* 프로모션 03 : 인기과정 TOP10 프로모션 리뉴얼 */ #PR010103.v1.v2 .promotion_section .promotion_thumb > a {top:20%;left:21.3541%;width:26.0416%;height:60%;} #PR010103.v1.v2 .promotion_section:nth-child(2n) .promotion_thumb > a {left:50%;} #PR010103.v1.v2 .promotion_section.grade_9 .promotion_thumb .btn_more {top:64.1666%;left:51.5625%;width:14.5833%;height:8.3333%;} #PR010103.v1.v2 .promotion_section.grade_1 .promotion_thumb .thumb2, #PR010103.v1.v2 .promotion_section.grade_1 .promotion_thumb .thumb3 {top:56.4879%;width:27.9166%;height:27.9720%;} #PR010103.v1.v2 .promotion_section.grade_1 .promotion_thumb .thumb2 {left:21.3541%;} #PR010103.v1.v2 .promotion_section.grade_1 .promotion_thumb .thumb3 {left:50.7291%;} @media (max-width: 1099px) { #PR010103.v1.v2 .promotion_section .promotion_thumb > a {top:13.8888vw;left:5.5555vw;width:88.8888%;height:62.9629vw;} #PR010103.v1.v2 .promotion_section:nth-child(2n) .promotion_thumb > a {top:13.8888vw;left:5.5555vw;} #PR010103.v1.v2 .promotion_section.grade_9 .promotion_thumb .btn_more {top:82.3343%;left:5.5555vw;width:88.8888%;height:11.1111vw;} #PR010103.v1.v2 .promotion_section.grade_1 .promotion_thumb .thumb2 {top:38.0837%;} #PR010103.v1.v2 .promotion_section.grade_1 .promotion_thumb .thumb3 {top:70.5378%;} } /* 20210426 main */ #main.v1 .pc_only .promotion_content {padding-top:188px;} #main.v1 .pc_only .promotion_content .promotion_inner {width:100%;max-width:1200px;} #main.v1 .pc_only .tit_area {position:relative;} #main.v1 .pc_only .tit_area p {margin-top:13px;font-size:18px;line-height:28px;font-weight:500;} #main.v1 .pc_only .tit_area a {position:absolute;right:0;bottom:0;padding-right:31px;line-height:31px;font-size:18px;font-weight:500;border-bottom:2px solid #000;background:url(https://event.multicampus.com/main/images/promotion/main/ico_blank.png) no-repeat right center;} #main.v1 .pc_only .swiper_list {margin-top:80px;} #main.v1 .pc_only .swiper_list:after {content:"";display:block;clear:both;} #main.v1 .pc_only .swiper_list li {float:left;width:calc(50% - 10px)} #main.v1 .pc_only .swiper_list li:nth-child(even) {margin-left:20px;} #main.v1 .pc_only .swiper_list li:nth-child(n + 3) {margin-top:20px;} #main.v1 .pc_only h3.tit {margin:140px 0 20px 0;font-size:28px;line-height:41px;font-weight:500;} #main.v1 .pc_only .best_list {display:flex;} #main.v1 .pc_only .best_list li {border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0, 0.10)} #main.v1 .pc_only .best_list li + li {margin-left:20px;} #main.v1 .pc_only .swiper_recommend_list {display:flex;} #main.v1 .pc_only .swiper_recommend_list li + li {margin-left:20px;} #main.v1 .pc_only .menu_list {margin-top:120px;padding:40px 0;border-top:1px solid #E5E5E5;} #main.v1 .pc_only .menu_list .promotion_inner > ul {display:flex;} #main.v1 .pc_only .menu_list .promotion_inner > ul > li {width:25%} #main.v1 .pc_only .menu_list .promotion_inner > ul > li + li {padding-left:35px;border-left:1px solid #E5E5E5;} #main.v1 .pc_only .menu_list .promotion_inner > ul > li strong {display:block;line-height:24px;font-weight:700;} #main.v1 .pc_only .menu_list .promotion_inner > ul > li li {line-height:40px;color:#222;opacity:0.4;} #main.v1 .pc_only .menu_list .promotion_inner > ul ul {margin-top:10px;} @media (max-width: 1099px) { #main.v1 {background-color:#F9F9F9;} #main.v1 .promotion_content {padding-top:64px;} #main.v1 .promotion_content .promotion_inner .swiper-wrapper {display: block!important;font-size: 0;white-space: nowrap;} #main.v1 .promotion_content .promotion_inner .swiper-container li {display:inline-block;width:100%;text-align:center} #main.v1 .promotion_content .promotion_inner .swiper-container li img {width:100%;max-width:100%;} #main.v1 .promotion_content .promotion_inner {padding:0 4.4444vw !important;} #main.v1 .promotion_content .promotion_inner .swiper-container {padding-bottom:9.375vw} #main.v1 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 1.66666666667vw;} #main.v1 h3.tit {margin-bottom:5vw;font-size:5.625vw;line-height:8.75vw;font-weight:700;} #main.v1 .best_list {padding-bottom:18.75vw;} #main.v1 .best_list li {padding:3.125vw 0;border-top:1px solid #E3E3E3;} #main.v1 .best_list li:first-child {padding-top:0;border-top:none;} #main.v1 .best_list li:last-child {padding-bottom:0;} #main.v1 .promotion_content .promotion_inner .swiper-container.swiper_recommend_list {padding-bottom:18.75vw} #main.v1 .recommend_list {margin-top:15.625vw;padding-bottom:6.25vw;} #main.v1 .recommend_list li + li {border-top:1px solid #E3E3E3;} #main.v1 .recommend_list li a {display:block;line-height:15.625vw;font-size:4.6875vw;font-weight:400;background:url(https://event.multicampus.com/main/images/promotion/main/ico_arrow.png) no-repeat right center;background-size:7.5vw;} } .footer_inner {width:1200px !important} /* 20210428 main */ @media (max-width: 1099px) { .btn_go {display:none !important} } /* 20210520 */ @media (max-width: 1099px) { #PR010299_1 .promotion_product {max-height:380px} } /* 20210528 프로모션 오픽 */ #PR010116_01 .promotion_tit + p {margin-top: 10px;font-size:28px;color:#fff;} @media (max-width: 1099px) { #PR010116_01 .promotion_tit + p {margin-top: 5px;font-size:16px;} } /* 20210601 프로모션 국비무료교육 */ #PR010117 .promotion_content {padding:0;} #PR010117 .promotion_content .pc_only, #PR010117 .promotion_content .mo_only {position:relative;} #PR010117 .promotion_content a {position:absolute;display:block;overflow:hidden;text-indent:-999%;} #PR010117 .promotion_content .promotion_section--06 .pc_only a {width:14.5843%;height:5.6179%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn01 {left:29.53125%;top:66.226%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn02 {left:29.53125%;top:72.2224%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn03 {left:29.53125%;top:78.4022%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn04 {left:46.25%;top:66.226%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn05 {left:46.25%;top:72.2224%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn06 {left:46.25%;top:78.4022%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn07 {left:63.0208333%;top:66.226%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn08 {left:63.0208333%;top:72.2224%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn09 {left:63.0208333%;top:78.4022%;} #PR010117 .promotion_content .promotion_section--06 .pc_only .btn10 {left:63.0208333%;top:84.3820%;} #PR010117 .promotion_content .promotion_section--07 .pc_only a {left:57.8125%;top:40.0378%;width:19.7916%;height:19.3243%;} #PR010117 .promotion_content .promotion_section--08 a {left:45.9375%;top:40.1086%;width:8.4375%;height:1.3043%;} [id^="PR010117_"] .promotion_thumnail .promotion_notice strong {display:block;color:#fff;font-weight:700;} [id^="PR010117_"] .promotion_thumnail .promotion_notice .btnLink {position:absolute;right:50%;bottom:45px;width:275px;height:60px;margin-right:-550px;background:#21277d;border-radius:5px;font-size:17px;color:#fff;font-weight:700;text-align:center;line-height:60px;z-index:1} [id^="PR010117_"] .promotion_thumnail .promotion_notice .btnLink img {display:inline-block;width:9px;height:14px;margin-left:5px;vertical-align: baseline;} @media (max-width: 1099px) { #PR010117 .promotion_content .promotion_section--01 a {left:5.5555%;top:78.3629%;width:88.8888%;height:11.4213%;} #PR010117 .promotion_content .promotion_section--03 .swiper-wrapper {display:block;font-size:0;white-space: nowrap;} #PR010117 .promotion_content .promotion_section--03 .swiper-container {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding:0;} #PR010117 .promotion_content .promotion_section--03 .swiper-slide {display: inline-block;width: calc(100% - 40px);margin-left:20px !important;text-align:center;} #PR010117 .promotion_content .promotion_section--03 .swiper-slide img {width:calc(50% + 20px)} #PR010117 .promotion_content .swiper-container .swiper-pagination {position:absolute;left:0;bottom:12.1364%;width:100%} #PR010117 .swiper-container .swiper-pagination-bullet {width: 1.66666666667vw !important;height: 1.66666666667vw !important;background:none;border:1px solid #969696;} #PR010117 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;border:1px solid #fff;} #PR010117 .promotion_content .promotion_section--06 .mo_only a {left:9.25925%;width:81.4814%;height:2.39156%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn01 {top:24.9266%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn02 {top:27.6334%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn03 {top:30.3402%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn04 {top:53.1688%;height:3.048391%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn05 {top:56.5278%;height:3.048391%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn06 {top:59.8869%;height:3.048391%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn07 {top:86.2919%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn08 {top:88.9879%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn09 {top:91.7056%;} #PR010117 .promotion_content .promotion_section--06 .mo_only .btn10 {top:94.4124%;} #PR010117 .promotion_content .promotion_section--07 .mo_only a {left:5.5555%;top:65.7947%;width:88.8888%;height:18.1086%;} [id^="PR010117_"] .promotion_thumnail .promotion_notice .btnLink {position:static;width:100%;margin-top:20px;margin-right:0;border-radius:10px;font-size:17px;} [id^="PR010117_"] .promotion_thumnail .promotion_notice .btnLink img {display:inline-block;width:9px;height:14px;margin-left:5px;vertical-align: baseline;} [id^="PR010117_"] .intro_section {position:relative;} [id^="PR010117_"] .intro_section .swiper-wrapper {display:block;font-size:0;white-space: nowrap;} [id^="PR010117_"] .intro_section .swiper-container {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin:0;padding:0;} [id^="PR010117_"] .intro_section .swiper-slide {display: inline-block;margin-right: 0 !important;text-align:center;} [id^="PR010117_"] .intro_section .swiper-slide:last-child {margin-right: 0px !important;padding-left: 20px;width: calc(100% + 20px);} [id^="PR010117_"] .intro_section .swiper-container .swiper-pagination {position:absolute;left:0;bottom:6.7826%;width:100%} [id^="PR010117_"] .intro_section .swiper-container .swiper-pagination-bullet {width: 1.66666666667vw !important;height: 1.66666666667vw !important;background:none;border:1px solid #969696;} [id^="PR010117_"] .intro_section .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;border:1px solid #fff;} [id^="PR010117_"] .intro_section .swiper-container .swiper-pagination-bullet:last-child {display:none;} } #PR010118 .promotion_link {position:relative} #PR010118 .promotion_link.pc_only a {position:absolute;left:62.5%;width:13%;height:5.6%} #PR010118 .promotion_link.pc_only a.btn01 {top:31.1%} #PR010118 .promotion_link.pc_only a.btn02 {top:37.2%} #PR010118 .promotion_link.pc_only a.btn03 {top:66.7%} #PR010118 .promotion_link.pc_only a.btn04 {top:72.8%} #PR010118 .promotion_time.pc_only .timer {position:absolute;bottom:22.3%;height:17.5%;width:100%} #PR010118 .promotion_time.mo_only .timer {position:absolute;bottom:19.2%;height:16%;width:100%} #PR010118 .promotion_link.mo_only a {position:absolute;width:38.8%;height:6.5%} #PR010118 .promotion_link.mo_only a.btn01 {top:39.2%;left:10.2%;} #PR010118 .promotion_link.mo_only a.btn02 {top:39.2%;left:50.9%;} #PR010118 .promotion_link.mo_only a.btn03 {top:78.5%;left:10.2%;} #PR010118 .promotion_link.mo_only a.btn04 {top:78.5%;left:50.9%;} #PR010118 .promotion_section {position:relative} #PR010118 .promotion_section.pc_only a {position:absolute;top:59.5%;width:13.3%;height:8%} #PR010118 .promotion_section.pc_only a.btn08 {left:22.8%} #PR010118 .promotion_section.pc_only a.btn09 {left:36.3%} #PR010118 .promotion_section.mo_only a {position:absolute;left:21.2%;width:58%;height:6.5%} #PR010118 .promotion_section.mo_only a.btn08 {top:45.4%} #PR010118 .promotion_section.mo_only a.btn09 {top:52.2%} #PR010118_01 .tag {background-color:#5561db} #PR010118_02 .tag {background-color:#2734ba} #PR010118 .promotion_link.pc_only a.btn10 {position:absolute;width:27%;height:6.2%;top:49.4%;left:36.4%} #PR010118 .promotion_link.mo_only a.btn11 {position:absolute;width:100%;height:3%;bottom:31.5%} [id^="PR010118_"] .tag.tag--wh {background-color:#FFF !important} [id^="PR010118"] .promotion_link2 {position:relative} [id^="PR010118"] .promotion_link2.pc_only a {position:absolute;top:16%;width:9.4%;height:2.4%} [id^="PR010118"] .promotion_link2.pc_only a.btn05 {left:25.8%} [id^="PR010118"] .promotion_link2.pc_only a.btn06 {left:45.4%} [id^="PR010118"] .promotion_link2.pc_only a.btn07 {left:65.1%} [id^="PR010118"] .promotion_link2.mo_only a {position:absolute;left:42.6%;width:28.8%;height:1.2%} [id^="PR010118"] .promotion_link2.mo_only a.btn05 {top:5.6%} [id^="PR010118"] .promotion_link2.mo_only a.btn06 {top:10.9%} [id^="PR010118"] .promotion_link2.mo_only a.btn07 {top:16.2%} [id^="PR010118"] .promotion_time {position:relative} [id^="PR010118"] .promotion_time .timer .min div:before {color:#000} [id^="PR010118_"] .promotion_time.pc_only .timer {position:absolute;bottom:26.1%;height:20.4%;width:100%} [id^="PR010118_"] .promotion_time.mo_only .timer {position:absolute;bottom:24.6%;height:19.6%;width:100%} [id^="PR010118"] .promotion_time.pc_only .timer .number {padding:.9375vw 1.04166666667vw 1.2vw;font-size:3vw} [id^="PR010118"] .promotion_time.pc_only .timer .hour {margin-right:2.34375vw} [id^="PR010118"] .promotion_time.pc_only .timer .min {margin-right:2.5vw !important} [id^="PR010118"] .promotion_time.mo_only .timer .number {position:relative;padding:1.2vw 1.9vw 1.8vw;font-size:8vw;border-radius:1vw} [id^="PR010118"] .promotion_time.mo_only .timer .number:before {content:'';position:absolute;top:0;left:0;right:0;width:50%;background-color:#313131} [id^="PR010118"] .promotion_time.mo_only .timer .hour {margin-right:1vw !important} [id^="PR010118"] .promotion_time.mo_only .timer .min {margin-right:1vw !important} [id^="PR010118"] .promotion_time .timer .day > div:after {color:#222 !important} [id^="PR010118"] .promotion_time.pc_only .timer .day > div:after {font-size:2.5vw !important} [id^="PR010118"] .promotion_time.pc_only .timer .min div:before, [id^="PR010118"] .promotion_time.pc_only .timer .sec div:before {font-size:3vw !important;left:-20px} [id^="PR010118"] .promotion_time.mo_only .timer .day > div:after {font-size:5vw !important} [id^="PR010118"] .promotion_time.mo_only .timer .min div:before, [id^="PR010118"] .promotion_time.mo_only .timer .sec div:before { position:static;font-size:8vw !important;margin-right:1vw;margin-top:-10px} @media (max-width: 767px) { .footer {min-height: 522px} } #PR010119 .promotion_button {position:relative} #PR010119 .promotion_button.pc_only a.btn01 {position:absolute;top:52%;left:31%;width:38%;height:32%} #PR010119 .promotion_button.pc_only a.btn02 {position:absolute;top:57.2%;left:52.4%;width:8.4%;height:1.4%} #PR010119 .promotion_button.pc_only a.btn03 {position:absolute;top:40.2%;left:45.4%;width:8.4%;height:1.4%} #PR010119 .promotion_swiper02, #PR010119 .promotion_swiper01 {position:relative} #PR010119 .promotion_floating_button.mo_only {position:fixed;bottom:0;left:0;width:100%;z-index:10} #PR010119 .promotion_floating_button.mo_only a.btn01 {position:absolute;bottom:13%;left:3.6%;width:93%;height:75%} #PR010117_04 .promotion_tit {max-width:550px} #PR010117_04 .promotion_notice_txt strong {font-size:18px;color:#fffd7e;margin-bottom:15px} #PR010117_04 .promotion_notice_txt p {color:#fff;font-size:18px} #PR010117_04 .promotion_notice_txt p span {color:#FFF} #PR010119 .float_bnr{position:fixed;top:100px;right:30px;z-index:99;} /*둥둥이 배너*/ .dungdung{ animation-name:dungdung; animation-duration:2s; animation-iteration-count:infinite; animation-direction:normal; animation-timing-function:ease-in-out; animation-fill-mode:both; animation-delay:1s; } @keyframes dungdung{ 0%, 100%{transform:translate(0, 0)} 50%{transform:translate(0, -20px)} } /*둥둥이 배너*/ @media (max-width: 1099px) { #PR010119 .swiper-wrapper {display:block;font-size:0;white-space: nowrap;margin-top:5vw} #PR010119 .swiper-container {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding:0;margin:0} #PR010119 .swiper-slide {display: inline-block;width: calc(100% - 40px);margin-left:20px !important;text-align:center;} #PR010119 .promotion_swiper02 .swiper-container .swiper-pagination {position:absolute;left:0;bottom:12.1364%;width:100%} #PR010119 .swiper-container .swiper-pagination-bullet {width: 1.66666666667vw !important;height: 1.66666666667vw !important;background:none;border:1px solid #969696;} #PR010119 .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;border:1px solid #fff;} #PR010119 .promotion_swiper01 .swiper-container .swiper-pagination {position:absolute;left:0;bottom:30%;width:100%} #PR010117_04 .promotion_swiper {position:relative} #PR010117_04 .promotion_swiper .swiper-wrapper {display:block;font-size:0;white-space: nowrap;margin-top:5vw} #PR010117_04 .promotion_swiper .swiper-container {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding:0;margin:0} #PR010117_04 .promotion_swiper .swiper-slide {display: inline-block;width: calc(100% - 40px);margin-left:20px !important;text-align:center;} #PR010117_04 .promotion_swiper .swiper-container .swiper-pagination {position:absolute;left:0;bottom:12.1364%;width:100%} #PR010117_04 .promotion_swiper .swiper-container .swiper-pagination-bullet {width: 1.66666666667vw !important;height: 1.66666666667vw !important;background:none;border:1px solid #969696;} #PR010117_04 .promotion_swiper .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#695bba;border:1px solid #695bba;} #PR010117_04 .promotion_swiper .swiper-container .swiper-pagination {position:absolute;left:0;bottom:14%;width:100%} #PR010117_04 .promotion_notice.v2 {padding:15px 20px 25px} #PR010117_04 .promotion_txt.v2 {font-size:15px;margin-top:10px} #PR010117_04 .promotion_notice_txt strong {font-size:14px;color:#fffd7e;margin-bottom:15px} #PR010117_04 .promotion_notice_txt p {color:#fff;font-size:14px} #PR010117_04 .promotion_notice_txt p span {display:block;color:#FFF;margin-left:12px} } /* 20210826 */ .promotion_wrap .pos_relative {position: relative;} .promotion_wrap .pos_relative .link-item {display: block; position: absolute; font-size: 0;} .promotion_wrap .pos_float {position: fixed; top: 100px; right: 30px; z-index: 99;} .promotion_wrap .pos_float_m {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10;} /* 20210902 */ .header-space {padding-top: 70px;} #promotion_time_area {width: 150px; border: 1px solid #181818; background-color: #ffffff; position: absolute; top: 206px; right: 0; z-index: 10;} .wrap .promotion_wrap #promotion_time_area {position: fixed; top: 206px; left: 50%; margin-left: 750px; z-index: 10; width: 150px; border: 1px solid #181818; background-color: #ffffff;} .wrap .promotion_wrap #promotion_time_area .txt {padding-top: 20px; text-align:center; font-size:25px; font-weight:bold;} .wrap .promotion_wrap #promotion_time_area .txt em {display:block; text-align:center} .wrap .promotion_wrap #promotion_time_area .txt em span {display:inline-block; color:#fff; background-color:#181818; padding:0 25px; font-size:18px; line-height:2em; border-radius:20px; } .wrap .promotion_wrap #promotion_time_area .timer {display:block; margin-top: 20px;} .wrap .promotion_wrap #promotion_time_area .timer .number {margin:0; padding:0; font-size:60px; color:#181818; background:none;} .wrap .promotion_wrap #promotion_time_area .timer .day {display:block; position:relative; left:-6px; width:160px; background-color:#0064f9;} .wrap .promotion_wrap #promotion_time_area .timer .day .number {color:#fff;} .wrap .promotion_wrap #promotion_time_area .timer .hour {display:block; margin-right: 0; margin-top: 20px; padding-left: 20px;} .wrap .promotion_wrap #promotion_time_area .timer .min {display:block; margin-right: 0 !important; margin-top: 20px; padding-left: 20px;} .wrap .promotion_wrap #promotion_time_area .timer .sec {display:block; padding-left: 20px; margin-top: 20px;} .wrap .promotion_wrap #promotion_time_area .timer .day:first-child > div {position:relative; padding-left: 65px;} .wrap .promotion_wrap #promotion_time_area .timer .day:first-child > div .number {font-size:30px; font-weight:bold;} .wrap .promotion_wrap #promotion_time_area .timer .day:first-child > div:before {content:'D-'; font-size:30px; font-weight:bold; color:#fff;} .wrap .promotion_wrap #promotion_time_area .timer .day:first-child > div:after {content:'마감'; position: absolute; top: 6px; left: 22px; font-size:22px; font-weight:normal; margin: 0; vertical-align: middle;} .wrap .promotion_wrap #promotion_time_area .timer .hour > div:after, .wrap .promotion_wrap #promotion_time_area .timer .min > div:after, .wrap .promotion_wrap #promotion_time_area .timer .sec > div:after {position:static; content:''; margin-left: 4px; font-size: 20px; color: #646464;} .wrap .promotion_wrap #promotion_time_area .timer .hour > div:after {content:'시간';} .wrap .promotion_wrap #promotion_time_area .timer .min > div:after {content:'분';} .wrap .promotion_wrap #promotion_time_area .timer .sec > div:after {content:'초';} .wrap .promotion_wrap #promotion_time_area .timer .min > div:before, .wrap .promotion_wrap #promotion_time_area .timer .sec > div:before {display:none;} .wrap .promotion_wrap #promotion_time_area .btns {margin-top: 24px;} .wrap .promotion_wrap #promotion_time_area .btns > a {display: block; padding:9px 0 16px 0; color: #fff; font-size:22px; text-align: center; background-color: #181818;} .wrap .promotion_wrap #promotion_time_area .btns > a span {display:block; margin:6px auto 0; width: 48px; height: 48px; line-height: 48px; font-size:20px; text-align: center; color: #181818; background-color: #ffdd3b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .size-PR010120 {height: 735px;} .promotion_thumnail_bg {height: 100%; background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .pos_relative .promotion_inner {position: relative; height: 100%; padding-top: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .no-line > * {border:0 none !important;} .all-bold > * {font-weight: bold !important;} @media(max-width:1920px) { .wrap .promotion_wrap #promotion_time_area {top:8vw; left: auto; margin-left: 0; right: 3.55141037306642vw;} } @media (max-width: 1099px) { .v1.promotion_detail .view-mo-btn .product_info .btn_product_wrap, .v1.promotion_detail .size-PR010120 .product_info .btn_product_wrap {display: flex;} .header-space {padding-top: 54px;} .wrap .promotion_wrap #promotion_time_area {width:auto; top: auto; left: 0; right: 0; bottom: 0;} .wrap .promotion_wrap #promotion_time_area .txt {font-size:6vw; padding-top: 1.5vw;} .wrap .promotion_wrap #promotion_time_area .txt em {display:inline;} .wrap .promotion_wrap #promotion_time_area .txt em span {display:inline; line-height: normal; font-size:6vw; font-weight:bold; color:#0064f9; background:none;} .wrap .promotion_wrap #promotion_time_area .timer {text-align:center; margin-top: 0.5555vw;} .wrap .promotion_wrap #promotion_time_area .timer .day {left:0; width:22.74795268425842vw; margin:0 auto; border-radius:4em; } .wrap .promotion_wrap #promotion_time_area .timer .hour, .wrap .promotion_wrap #promotion_time_area .timer .min, .wrap .promotion_wrap #promotion_time_area .timer .sec {display:inline-block; margin-top: 1.5vw;} .wrap .promotion_wrap #promotion_time_area .timer .hour {padding-left:0;} .wrap .promotion_wrap #promotion_time_area .timer .min {padding-left:7vw; padding-right:7vw;} .wrap .promotion_wrap #promotion_time_area .timer .sec {padding-left:0;} .wrap .promotion_wrap #promotion_time_area .timer .hour > div, .wrap .promotion_wrap #promotion_time_area .timer .min > div, .wrap .promotion_wrap #promotion_time_area .timer .sec > div {align-items:flex-end;} .wrap .promotion_wrap #promotion_time_area .timer .number {font-size:7.8252957233849vw; font-weight: bold;} .wrap .promotion_wrap #promotion_time_area .timer .hour > div:after, .wrap .promotion_wrap #promotion_time_area .timer .min > div:after, .wrap .promotion_wrap #promotion_time_area .timer .sec > div:after {font-size:3.63967242948135vw;align-items: end;} .wrap .promotion_wrap #promotion_time_area .timer .day {width:22.74795268425842vw;} .wrap .promotion_wrap #promotion_time_area .timer .day:first-child > div {align-items:center; padding-left:9.1901728844404vw;} .wrap .promotion_wrap #promotion_time_area .timer .day:first-child > div:before {font-size:4.54959053685168vw;} .wrap .promotion_wrap #promotion_time_area .timer .day:first-child > div:after {top:50%; margin-top:-0.9em; left:2.63876251137398vw; font-size:2.54777070063694vw;} .wrap .promotion_wrap #promotion_time_area .timer .day:first-child > div .number {font-size:4.54959053685168vw;} .wrap .promotion_wrap #promotion_time_area .btns {margin-top: 1.5vw;} .wrap .promotion_wrap #promotion_time_area .btns > a {padding: 1.81983621474067vw 0; font-size:3.63967242948135vw;} .wrap .promotion_wrap #promotion_time_area .btns > a span {display:inline-block;vertical-align:top; margin-top:0; margin-left:0.5vw; width:5.64149226569609vw; height:5.64149226569609vw; line-height:5.64149226569609vw; font-size:3.27570518653321vw;} .promotion_detail .promotion_tags > .tag {margin-right: 3px;} .size-PR010120 {height: auto;} .promotion_detail .size-PR010120 .promotion_thumnail {max-height:425px;} .v1.promotion_detail .size-PR010120 .promotion_info {height:335px;} } /* 슬라이더 */ .slide-wrap {position: relative;} .slide-wrap .swiper-wrapper {white-space:nowrap;} .slide-wrap .swiper-container {padding: 0; margin: 0;} .slide-wrap .swiper-slide {display: inline-block;} .v1 .slide-wrap .swiper-container .swiper-pagination {margin-top: 5.55555555555556vw; padding-bottom: 14.81481481481481vw;} .v1 .swiper-container .swiper-pagination-type1 .swiper-pagination-bullet.swiper-pagination-bullet-active, .v1 .swiper-container .swiper-pagination-type1 .swiper-pagination-bullet {background: none; border: 1px solid #999; width: 2.40740740740741vw; height: 2.40740740740741vw; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .v1 .swiper-container .swiper-pagination-type1 .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #fff; background-color: #fff;} .v1 .swiper-container .swiper-pagination-type1.swiper-pagination-color1 .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #13d7d6; background-color: #13d7d6;} .v1 .slide-wrap-cover .swiper-container .swiper-pagination {position: absolute; left: 50%; bottom: 15vw; margin-top: 0; padding-bottom: 0; transform:translateX(-50%); } .promotion_detail .promotion_product_type1 .promotion_txt > span {vertical-align: top;} .promotion_detail .promotion_product_type1 .promotion_txt > span + span:after {display: none;} .v1.promotion_detail .promotion_product_type1 .promotion_tit {max-width:600px} .promotion_product_type1 .promotion_notice_txt p {color:#fff;font-size:18px} .promotion_product_type1 .promotion_notice_txt p span {color:#FFF} .promotion_product_type1 .promotion_thumnail .promotion_notice strong {font-size: 18px; margin-bottom: 15px; display:block; color:#fffd7e; font-weight:700;} .promotion_product_type1 .promotion_thumnail .promotion_notice .btnLink {position:absolute;right:50%;bottom:45px;width:275px;height:60px;margin-right:-550px;background:#21277d;border-radius:5px;font-size:17px;color:#fff;font-weight:700;text-align:center;line-height:60px;z-index:1} .promotion_product_type1 .promotion_thumnail .promotion_notice .btnLink img {display:inline-block;width:9px;height:14px;margin-left:5px;vertical-align: baseline;} @media(max-width:1099px) { .promotion_product_type1 .promotion_thumnail .promotion_notice .btnLink {position:static;width:100%;margin-top:20px;margin-right:0;border-radius:10px;font-size:17px;} .promotion_product_type1 .promotion_thumnail .promotion_notice .btnLink img {display:inline-block;width:9px;height:14px;margin-left:5px;vertical-align: baseline;} .promotion_product_type1 .promotion_notice.v2 {padding:15px 20px 25px} .promotion_product_type1 .promotion_txt.v2 {font-size:15px;margin-top:10px} .promotion_product_type1 .promotion_notice_txt {margin-right: 0;} .promotion_product_type1 .promotion_notice_txt strong {font-size:14px;color:#fffd7e;margin-bottom:15px} .promotion_product_type1 .promotion_notice_txt p {color:#fff;font-size:14px} .promotion_product_type1 .promotion_notice_txt p span {display:block;color:#FFF;margin-left:12px} } /* 20211019 */ .menu-wrap {position: relative; z-index: 1; padding-top: 100px;} .menu-wrap input[type="radio"] {overflow: hidden; position: absolute; left: -10000px; clip: rect(1, 1, 1, 1); width: 1px; height: 1px; border: 0;} .menu-wrap .logo {position: absolute; top: 0; left: 50px;} .menu-wrap .logo img {width: auto;} .menu-wrap .tabmenu {position: relative; max-width:1200px; padding: 0 50px; margin: 0 auto; text-align:right;} .menu-wrap .tabmenu:after {content:''; display: table;} .menu-wrap .tabmenu .tabcon {display: none; position: relative;} .menu-wrap .tabmenu .sub-meun-box-wrap {} .menu-wrap .tabmenu .sub-meun-box {padding: 10px 0; background-color: #fff;} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has {position: relative;} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item {} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item ul {display: none; position: absolute; top: 0; left: 163px; bottom: 0; padding: 10px 0 10px 30px; width: 200px; background-color: #ebf0f5;} .menu-wrap .tabmenu .sub-meun-box-type1 {} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item {} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-type1 .sub-meun-box-item {padding-bottom: 0;} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p a, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p {font-size: 16px; color: #000; letter-spacing: 0;} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p a {display: block; padding: 9px 30px;} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has .sub-meun-box-item > p {padding: 9px 30px; cursor:pointer;} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul {} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li {} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li + li {} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li > a {font-size: 16px; color: #666; font-weight: 300; padding: 9px 0 9px 0; display: block; letter-spacing: 0;} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p a.current, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p a:hover, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p a:active, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p a:focus, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li > a.current, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li > a:hover, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li > a:active, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li > a:focus {color: #369eff;} .menu-wrap .tabmenu .labels {position: relative; cursor: pointer; color: #fff; font-size: 18px; font-weight: 300; margin-left: 30px; padding-right: 16px; letter-spacing: 0;} .menu-wrap .tabmenu .labels:after {content:''; position: absolute; top: 7px; right: 0; width: 7px; height: 7px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform:rotate(-45deg); } .menu-wrap .tabmenu [id^="menu-area"]:checked + label {color: #369eff;} .menu-wrap .tabmenu [id^="menu-area"]:checked + label:after {border-color: #369eff; top: 11px; transform:rotate(-225deg); } #menu-area1:checked ~ .tabcon1, #menu-area2:checked ~ .tabcon2, #menu-area3:checked ~ .tabcon3 {display: block; margin-top: 10px; display: flex; justify-content:flex-end; } .menu-wrap .tabmenu .menu-area-close-wrap {position: absolute; right: 15px; bottom: 10px;} .menu-wrap .tabmenu .menu-area-close-wrap label {position: relative; display: block; width: 12px; height: 20px;} .menu-wrap .tabmenu .menu-area-close-wrap label:after, .menu-wrap .tabmenu .menu-area-close-wrap label:before {position: absolute; top: 10px; left: 0; content:''; border: none; display: block; height: 1px; width: 100%; background-color: #000;} .menu-wrap .tabmenu .menu-area-close-wrap label:after {transform:rotate(-45deg)} .menu-wrap .tabmenu .menu-area-close-wrap label:before {transform:rotate(45deg)} .menu-wrap .tabmenu .menu-area-close-wrap label span {font-size: 0;} #menu-area1:checked ~ .tabcon1 {margin-right: 216px;} #menu-area2:checked ~ .tabcon2 {margin-right: 116px;} #menu-area3:checked ~ .tabcon3 {} .pro-visual {position: relative; height: 920px;} .pro-visual .visual-item-wrap {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .pro-visual .visual-item {height: 100%; background-position: center 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } @media(min-width:1100px) { .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item:focus ul, .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item:active ul, .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item:hover ul {display: block;} } @media (max-width: 1099px) { .pro-visual {height: auto; padding-top: 150%;} .menu-wrap {position: absolute; top: 77px; left: 0; right: 0; padding-top: 0;} .menu-wrap .tabmenu {padding-left: 20px; padding-right: 20px;} .menu-wrap .tabmenu .sub-meun-box-wrap {display: block;} .menu-wrap .tabmenu .sub-meun-box {} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item {} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item + .sub-meun-box-item {border-left: 0 none;} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p a, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li > a {font-size: 12px;} .menu-wrap .logo {top: 7px; left: 20px; line-height: 18px;} .menu-wrap .logo img {height: 13px;} .menu-wrap .tabmenu .labels {font-size: 13px; letter-spacing: 0; padding-right: 10px; margin-left: 20px;} .menu-wrap .tabmenu .labels:after {top: 6px; width: 4px; height: 4px;} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li + li {margin-top: 0;} #menu-area1:checked ~ .tabcon1, #menu-area2:checked ~ .tabcon2, #menu-area3:checked ~ .tabcon3 {display: block; margin-right: 0;} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item label, .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has .sub-meun-box-item > p, .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > p a {padding: 8px 28px;} .menu-wrap .tabmenu .sub-meun-box .sub-meun-box-item > ul > li > a {padding: 8px 0;} .menu-wrap .tabmenu [id^="menu-area"]:checked + label:after {top: 9px;} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item ul {width: auto; left: 50%; right: 0;} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item input[type="radio"]:checked ~ ul {display: block;} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item label {font-size: 12px; color: #000; letter-spacing: 0;} .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item input[type="radio"]:checked + label, .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item label:active, .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item label:focus, .menu-wrap .tabmenu .sub-meun-box.sub-meun-box-has > .sub-meun-box-item label:hover {color: #369eff;} } .pro-visual-v1 {position: relative; height: 778px;} .pro-visual-v2 {position: relative; height: 564px;} .menu-wrap .tabmenu2 {max-width: 1300px;} @media(max-width:1099px) { .pro-visual-v1 {height: auto; padding-top: 122.9166666666667%;} .pro-visual-v2 {height: auto; padding-top: 111.11111111%;} } /* 현대모비스 faq */ #PR010129_1 {} #PR010129_1 * {color: #000; letter-spacing: -1px;} #PR010129_1 .inbox {margin: 0 auto; max-width:1000px;} #PR010129_1 .faq-box {padding: 70px 0 75px 0;} #PR010129_1 .faq-box:nth-child(odd) {background-color: #f1f4f8;} #PR010129_1 .inbox h2.h2 {font-size: 30px; line-height: 50px; font-weight: bold; border-bottom: 1px solid #000;} #PR010129_1 .inbox .faq {} #PR010129_1 .inbox .faq > ul {} #PR010129_1 .inbox .faq > ul > li {margin-top: 39px; font-size: 20px;} #PR010129_1 .inbox .faq > ul > li .q, #PR010129_1 .inbox .faq > ul > li .a {position: relative; padding: 0 0 0 26px;} #PR010129_1 .inbox .faq > ul > li .a {margin-top: 9px; font-weight: 300;} #PR010129_1 .inbox .faq > ul > li .icon {position: absolute; top: 0; left: 0;} #PR010129_1 .inbox .faq > ul > li .q .icon {font-weight: bold;} @media(max-width:1099px) { #PR010129_1 .faq-box {padding: 41px 0 52px 0;} #PR010129_1 .inbox {margin: 0 30px;} #PR010129_1 .inbox h2.h2 {font-size: 20px; line-height: 33px;} #PR010129_1 .inbox .faq > ul > li {margin-top: 28px; font-size: 14px;} #PR010129_1 .inbox .faq > ul > li .a {margin-top: 5px;} } .youtube {position: relative; padding-top: 56.25%;} .youtube iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}