@charset "utf-8"; #foot_layout {position: relative;z-index: 20; padding:45px 0; background: #263543; text-align:center;} #foot_layout .ftop{display:none;} #foot_layout .footer-info {} #foot_layout .footer-info .flogo {} #foot_layout .footer-info .utile_wrap {margin: 20px 0 10px;} #foot_layout .footer-info .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';} #foot_layout .footer-info .utile_wrap li {display:inline-block;position:relative;margin-right:30px;vertical-align: top;} #foot_layout .footer-info .utile_wrap li:last-child {margin-right:0;} #foot_layout .footer-info .utile_wrap li:after {display:block;position:absolute;top: 5px;right: -17px;width: 1px;height: 15px;background: #fff;content:'';vertical-align: top;} #foot_layout .footer-info .utile_wrap li:last-child:after {display:none;} #foot_layout .footer-info .utile_wrap li a {display:block;width:100%;height: 24px;font-size: 14px;color: #fff;} #foot_layout .footer-info .utile_wrap li:first-child a {font-weight:bold;color: #fff;} #foot_layout .footer-info address {display:inline-block; font-size:14px; color:rgba(255,255,255,.5); } #foot_layout .footer-info address a {display:inline-block; font-size:14px; color:rgba(255,255,255,.5); } #foot_layout .footer-info p {display:inline-block; font-size:14px; color:rgba(255,255,255,.5); } #foot_layout .footer-info p:before {display:inline-block; content:''; width:1px; height:12px; margin:-2px 15px 0 10px; background:rgba(255,255,255,.5); vertical-align:middle;} @media(max-width:1023px){ #foot_layout .footer-info address, #foot_layout .footer-info p {display:block; margin:0;} #foot_layout .footer-info p:before {display:none;} } @media(max-width:767px){ #foot_layout .footer-info .utile_wrap {width:100%;margin: 20px 0;border:1px solid #929ba4;} #foot_layout .footer-info .utile_wrap li {display: block;float:left;width:25%;margin:0;} #foot_layout .footer-info .utile_wrap li:not(:last-child){border-right: 1px solid #929ba4;} #foot_layout .footer-info .utile_wrap li:after {display:none; } #foot_layout .footer-info .utile_wrap li a {height: auto;line-height:40px;} } @media(max-width:580px){ #foot_layout .footer-info .utile_wrap li {width:50%;} #foot_layout .footer-info .utile_wrap li:nth-child(1) {border-bottom:1px solid #929ba4;} #foot_layout .footer-info .utile_wrap li:nth-child(2) {border-bottom:1px solid #929ba4; border-right:none;} #foot_layout .footer-info .utile_wrap li a {line-height:35px;} } /* 특화페이지 css */ .tour.modal__open{overflow:hidden;height:100%;} .tour.modal__open #top_layout{z-index:0} .top_btn .modal__content{overflow: hidden;max-width:2560px;margin:0 auto;background: #f5f5f5;} .top_btn .layer-button + .modal{z-index: 9999;} .top_btn .modal__backdrop{display:none;} .top_btn .modal__body{overflow: hidden;background:#f5f5f5;} .top_btn .top{padding-top:265px;;text-align:center;} .top_btn .top em{display:block;position: relative;font-size:20px;color:#fff;letter-spacing:1em;} .top_btn .top strong{display:block;position: relative;margin-bottom: 20px;font-size:80px;font-family:'score';color:#fff;font-weight:300;text-shadow: 5px 0px 20px rgb(0 0 0 / 25%);animation: tracking-in-contract 1s cubic-bezier(.215,.61,.355,1.000) both;} .top_btn .top strong b{display:inline-block;font-weight:bold;} .top_btn .top > p{position: relative;font-size:22px;color:#fff;line-height:1.4;} .top_btn .top > p span{display:block;color:#ffe118;} .top_btn .top .scroll{position:relative;margin-top: 185px;font-size:13px;color:#fff;} .top_btn .top .scroll:after{display:block;width:58px;height:58px;margin: 5px auto 0;background:url(/images/tour/main/topbtn_scroll.png);content:'';} .top_btn .modal__close{position:absolute;right: 20px;top: 34px;z-index: 9999;width:78px;height:78px;border:1px solid #fff;border-radius:10px;font-size:0;} .top_btn .modal__close button{display:block;width:100%;height:100%;background: url(/images/tour/main/topbtn_close.png) no-repeat center;} .top_btn .course_wrap .course{position: relative;max-width:1300px;margin:0 auto;} .top_btn .course_wrap .box{position:relative;max-width: 800px;padding-left:365px;padding-top: 45px;opacity: 0;top: 50px;} .top_btn .course_wrap .box .thumb{overflow:hidden;position:absolute;left:0;top:0;width:324px;height: 324px;border-radius:50%;} .top_btn .course_wrap .box strong{display:block;position: relative;font-size:27px;color:#1053a5;font-family:'score';line-height: 1.4;} .top_btn .course_wrap .box strong:before{display:inline-block;width:29px;height:37px;margin-right: 5px;background:url(/images/tour/main/course_title.png);vertical-align: middle;content:'';} .top_btn .course_wrap .box p{margin: 10px 0 15px;} .top_btn .course_wrap .box p.hash{margin:0;color:#1053a5;} .top_btn .course_wrap .box .btn_wrap{margin-top:30px;} .top_btn .course_wrap .box .btn_wrap li{display:inline-block;min-width:140px;} .top_btn .course_wrap .box .btn_wrap li a{display:block;position: relative;padding: 0px 40px 0 20px;background: #f5f5f5;border:1px solid #1053a5;border-radius:30px;font-size:15px;color:#1053a5;font-family:'score';font-weight:bold;line-height: 42px;} .top_btn .course_wrap .box .btn_wrap li a:after{position:absolute;right:20px;top:50%;width:14px;height:10px;background: url(/images/tour/main/course_arr.png);transform: translateY(-50%);content:'';} .top_btn .course_wrap .box .btn_wrap li a:hover, .top_btn .course_wrap .box .btn_wrap li a:focus{background:#1053a5;color:#fff} .top_btn .course_wrap .box .btn_wrap li a:hover:after, .top_btn .course_wrap .box .btn_wrap li a:hover:after{background-position:0 -10px} .top_btn .course_wrap .box .list{overflow:hidden;min-width: 476px;padding:30px 28px;background:#e3e9f0;border-radius:10px;} .top_btn .course_wrap .box .list li{position:relative;margin-bottom: 10px;padding-left:150px;font-size: 15px;color: #2a2323;line-height: 1.4;} .top_btn .course_wrap .box .list li:last-child{margin-bottom:0} .top_btn .course_wrap .box .list li:before{position:absolute;left:0;top: 10px;width:3px;height:3px;background:#1053a5;content:'';} .top_btn .course_wrap .box .list li b{display:inline-block;position:absolute;left:10px;top: 1px;min-width:125px;font-size:15px;color:#2a2323;} .top_btn .course_wrap .box .list li b:after{position:absolute;right: -4px;top:50%;width:1px;height:10px;background:#b6bac0;transform:translateY(-50%);content:'';} .top_btn .course_wrap .box_list{position:relative} .top_btn .course_wrap .box_list li{position:relative;z-index: 9;width:376px;} .top_btn .course_wrap .box_list li .arr{position:relative;padding-bottom: 50px;} .top_btn .course_wrap .box_list li .arr span{display:block;width:39px;height:47px;margin: 0 auto 10px;padding: 10px 0 0;background:url(/images/tour/main/course_mark.png);font-size:15px;color:#fff;font-family:'score';font-weight: bold;text-align:center;} .top_btn .course_wrap .box_list li .arr strong{display:block;position:absolute;right: 176px;bottom:0;text-align:center;color:#185396;font-family:'score';} .top_btn .course_wrap .box_list li .arr strong em{display:inline-block;width: 32px;height:32px;margin-left: 11px;background:url(/images/tour/main/course_plus.png);vertical-align:middle;content:'';} .top_btn .course_wrap .box_list li .txt{display: none;position:absolute;top: 55px;left:50%;z-index: 9999;overflow:hidden;padding: 50px 40px 25px;background:#fff;border:1px solid #1053a5;border-radius: 10px;text-align: center;transform: translateX(-50%);box-shadow: 12px 0 15px rgba(0,0,0,0.15);} .top_btn .course_wrap .box_list li:hover{z-index: 10;} .top_btn .course_wrap .box_list li:hover > .txt{display:block} .top_btn .course_wrap .box_list li .txt .thumb{overflow:hidden;width:250px;height:250px;margin: 0 auto 20px;border-radius: 50%;} .top_btn .course_wrap .box_list li .txt strong{display:block;color:#1053a5;font-family:'score';font-size:27px;} .top_btn .course_wrap .box_list li .txt strong span{display:none;} .top_btn .course_wrap .box_list li .txt p{margin-bottom:10px;;font-size:16px;color:#2a2323;} .top_btn .course_wrap .box_list li .txt p.hash{color:#1053a5;} #quick, #quick2{display: none;position:fixed;right:30px;top:50%;z-index: 9999;transform:translateY(-50%);transition: all .5s;opacity: 0;} #quick a, #quick2 a{display:block;margin-bottom: 20px;} #quick a span, #quick2 a span{display: inline-block;position: relative;max-width: 72px;margin-right: 14px;padding: 0 15px;background:#828281;border-radius:30px;color:#fff;font-size:17px;font-family:'score';font-weight:600;line-height:32px;text-align:center;vertical-align: middle;} #quick a span:after, #quick2 a span:after{position:absolute;right: -26px;top: 50%;z-index: -1;width: 31px;height:1px;background:#828281;content:'';} #quick a:after, #quick2 a:after{display: inline-block;position: relative;vertical-align: middle;content:'';} #quick a.on span, #quick2 a.on span{background:#ff8a00;color:#fff} #quick .q1:after{width:170px;height:122px;background:url(/images/tour/main/q1_img.png);} #quick .q1.on:after{background: url(/images/tour/main/q1_img_on.png);background-size: 100%;} #quick .q2:after{width:152px;height:115px;background:url(/images/tour/main/q2_img.png);} #quick .q2.on:after{background: url(/images/tour/main/q2_img_on.png) bottom;background-size: 100%;} #quick .q3:after{width: 162px;height:109px;background:url(/images/tour/main/q3_img.png);} #quick .q3.on:after{background:url(/images/tour/main/q3_img_on.png);background-size: 100%;} #quick2 .q1:after{width:175px;height:129px;background:url(/images/tour/main/q4_img.png);} #quick2 .q1.on:after{background: url(/images/tour/main/q4_img_on.png);background-size: 100%;} #quick2 .q2:after{width:169px;height:136px;background:url(/images/tour/main/q5_img.png);} #quick2 .q2.on:after{background: url(/images/tour/main/q5_img_on.png) bottom;background-size: 100%;} #quick2 .q3:after{width: 169px;height:117px;background:url(/images/tour/main/q6_img.png);} #quick2 .q3.on:after{background:url(/images/tour/main/q6_img_on.png);background-size: 100%;} #demo-media__popup1 .top{position: relative;/* overflow:hidden; */height: 925px;background:url(/images/tour/main/btn1_topbg.png) center no-repeat;background-size:cover;} #demo-media__popup1 .top .bg1{position: absolute;left: 50%;top: 220px;width:81px;height:52px;margin-left: -300px;background:url(/images/tour/main/btn1_topani1.png);animation: slit-in-diagonal-2 2s ease-out both;} #demo-media__popup1 .top .bg2{position: absolute;left: 50%;top: 460px;z-index: 1;width:128px;height:118px;margin-left: 440px;background:url(/images/tour/main/btn1_topani2.png);animation: slit-in-diagonal-1 3s ease-out both;animation-delay: .3s;} @-webkit-keyframes slit-in-diagonal-1{0%{-webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);transform:translateZ(-800px) rotate3d(1,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{-webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);transform:translateZ(-160px) rotate3d(1,1,0,87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateZ(0) rotate3d(1,1,0,0);transform:translateZ(0) rotate3d(1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes slit-in-diagonal-1{0%{-webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);transform:translateZ(-800px) rotate3d(1,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{-webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);transform:translateZ(-160px) rotate3d(1,1,0,87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateZ(0) rotate3d(1,1,0,0);transform:translateZ(0) rotate3d(1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}} @-webkit-keyframes slit-in-diagonal-2{0%{-webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{-webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateZ(0) rotate3d(-1,1,0,0);transform:translateZ(0) rotate3d(-1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes slit-in-diagonal-2{0%{-webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}54%{-webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateZ(0) rotate3d(-1,1,0,0);transform:translateZ(0) rotate3d(-1,1,0,0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}} #demo-media__popup1 .top .bg3{position: absolute;left: 50%;top: 420px;width:39px;height:58px;margin-left: 610px;background:url(/images/tour/main/btn1_topani3.png);animation: slit-in-diagonal-2 3s ease-out both;animation-delay: .6s;} #demo-media__popup1 .top .bg4{position: absolute;right: 0;bottom: 80px;z-index: 1;width: 227px;height: 494px;background:url(/images/tour/main/btn1_topani4.png);} #demo-media__popup1 .top .cl1{position:absolute;left: 50%;bottom: 0px;width: 2560px;height: 392px;background:url(/images/tour/main/topbtn_cloud1.png);transform:translateX(-50%);} #demo-media__popup1 .top .cl2{position:absolute;left: 50%;bottom: -120px;z-index: 1;width: 2560px;height: 419px;background:url(/images/tour/main/topbtn_cloud2.png);transform:translateX(-50%);} #demo-media__popup1 .top .il1{position: absolute;left: 50%;top: 480px;z-index: 1;width:442px;height:372px;margin-left: -880px;background:url(/images/tour/main/btn1_il1.png);animation: move1 3s cubic-bezier(.25,.46,.45,.94) infinite;} #demo-media__popup1 .constelacao {overflow: hidden;position: absolute;left: 0;top: 9%;z-index: 0;width: 100%;height: 70%;border-radius: 50%;} #demo-media__popup1 .estrela {background-color: white;border-radius: 50%;position: absolute;animation-name: estrela;animation-timing-function: linear;animation-iteration-count: infinite;} #demo-media__popup1 .estrela.style1 { animation-duration: 0.5s; animation-name: estrela; } #demo-media__popup1 .estrela.style2 { animation-duration: 1s; animation-name: estrela; } #demo-media__popup1 .estrela.style3 { animation-duration: 1.5s; animation-name: estrela; } #demo-media__popup1 .estrela.style4 { animation-duration: 2s; animation-name: estrelaDestacada; } #demo-media__popup1 .estrela.tam1, #demo-media__popup1 .estrela.tam2 { width: 1px; height: 1px; } #demo-media__popup1 .estrela.tam3 { width: 4px; height: 4px;background:#5f8a9c;} #demo-media__popup1 .estrela.tam4 { width: 3px; height: 3px;background:#c99242;} #demo-media__popup1 .estrela.tam5 { width: 5px; height: 5px;background:#9c5349;} #demo-media__popup1 .estrela.tam3:nth-child(odd), #demo-media__popup1 .estrela.tam4:nth-child(odd), #demo-media__popup1 .estrela.tam5:nth-child(odd){display:none;} #demo-media__popup1 .estrela.opacity1 { opacity: 1; } #demo-media__popup1 .estrela.opacity2 { opacity: .5; } #demo-media__popup1 .estrela.opacity3 { opacity: .1; } #demo-media__popup1 .course_wrap{position:relative;z-index: 1;height: 5793px;} #demo-media__popup1 .course_wrap:before{position:absolute;top: -65px;left: 50%;z-index: 0;width: 1829px;height: 5861px;margin-left: -365px;background:url(/images/tour/main/btn1_line.png);transform:translateX(-50%);content:'';} #demo-media__popup1 .course_wrap #course1 .img{display:block;position: relative;top: 110px;width:619px;height:499px;margin: 0 auto;background:url(/images/tour/main/course1_img.png);} #demo-media__popup1 .course_wrap #course1 .box:nth-child(1){z-index: 1;margin-top: 260px;margin-left:480px;} #demo-media__popup1 .course_wrap #course1 .box:nth-child(3){margin-top: 165px;} #demo-media__popup1 .course_wrap #course1 .box_list{margin-top: -67px;margin-left:70px;} #demo-media__popup1 .course_wrap #course1 .box_list li:nth-child(1){top: 3px;} #demo-media__popup1 .course_wrap #course1 .box_list li:nth-child(2){margin-left:195px;} #demo-media__popup1 .course_wrap #course1 .box_list li:nth-child(3){top: -11px;margin-left: 390px;} #demo-media__popup1 .course_wrap #course2 .img{display:block;position: relative;width:619px;height:513px;margin-top: 190px;margin-left: 525px;background:url(/images/tour/main/course2_img.png);} #demo-media__popup1 .course_wrap #course2 .box:nth-child(1){margin-top: 10px;} #demo-media__popup1 .course_wrap #course2 .box:nth-child(3){margin-left: 530px;margin-top:65px;} #demo-media__popup1 .course_wrap #course2 .box_list{top: -7px;right: -320px;} #demo-media__popup1 .course_wrap #course2 .box_list li:nth-child(1){top: -21px;margin-left: 390px;} #demo-media__popup1 .course_wrap #course2 .box_list li:nth-child(2){margin-left: 135px;} #demo-media__popup1 .course_wrap #course2 .box_list li:nth-child(3){top: 18px;margin-left: -115px;} #demo-media__popup1 .course_wrap #course2 .box_list li .arr strong{right:auto;left: 176px;} #demo-media__popup1 .course_wrap #course2 .box_list li .arr strong em{margin:0 11px 0 0} #demo-media__popup1 .course_wrap #course3 .img{display:block;width:649px;height:463px;margin: 320px 0 0 310px;background:url(/images/tour/main/course3_img.png);} #demo-media__popup1 .course_wrap #course3 .box:nth-child(1){margin-top: 150px;margin-left:480px;} #demo-media__popup1 .course_wrap #course3 .box:nth-child(3){margin-top: 165px;} #demo-media__popup1 .course_wrap #course3 .box_list{margin-top: 220px;margin-left: 420px;} #demo-media__popup1 .course_wrap #course3 .box_list li:nth-child(1){top: 10px;} #demo-media__popup1 .course_wrap #course3 .box_list li:nth-child(2){margin-left: 190px;} #demo-media__popup1 .course_wrap #course3 .box_list li:nth-child(3){top: -11px;margin-left: 385px;} #demo-media__popup2 .top{position:relative;height: 631px;margin-bottom: 415px;background:url(/images/tour/main/btn2_topbg.png) center no-repeat;background-size:cover;} #demo-media__popup2 .top:before{position:absolute;left:50%;bottom: -345px;width:2695px;height:790px;background:url(/images/tour/main/btn2_topbg1.png);transform:translateX(-50%);content:'';} #demo-media__popup2 .top .il2{position:absolute;left:50%;top: 220px;width:62px;height:57px;margin-left: -170px;transform:translateX(-50%);content:'';} #demo-media__popup2 .top .il2:before{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/tour/main/btn2_il_1.png);content:'';animation: top ease-in-out 3s infinite;animation-delay: .3s;} #demo-media__popup2 .top .il2:after{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/tour/main/btn2_il_2.png);content:'';animation: top ease-in-out 3s infinite;} @keyframes top{0%,100%{top:0} 50%{top:-10px}} #demo-media__popup2 .top .cl1{display:block;position:absolute;bottom: -200px;left:50%;width:242px;height:110px;margin-left: 140px;background:url(/images/tour/main/btn2_cl1.png);transform:translateX(-50%);animation:puff-out-hor 5s ease-in-out infinite;} #demo-media__popup2 .top .cl2{display:block;position:absolute;bottom: -200px;left:50%;width:223px;height:120px;margin-left: 390px;background:url(/images/tour/main/btn2_cl2.png);transform:translateX(-50%);animation:puff-out-hor 5s ease-in-out infinite;animation-delay:.6s;} #demo-media__popup2 .top .cl3{display:block;position:absolute;bottom: -90px;left:50%;width:199px;height:84px;margin-left: -490px;background:url(/images/tour/main/btn2_cl3.png);transform:translateX(-50%);animation:puff-out-hor 5s ease-in-out infinite;animation-delay:.3s;} #demo-media__popup2 .top .il1{position: absolute;left: 50%;bottom: -230px;width:134px;height:117px;margin-left: 100px;background:url(/images/tour/main/btn2_il2.png);content:'';animation: shake-lr 8s cubic-bezier(.455,.03,.515,.955) infinite;} #demo-media__popup2 .top > p{color:#222222} #demo-media__popup2 .top > p span{color:#222222;font-weight:bold;} #demo-media__popup2 .top .scroll:after{background:url(/images/tour/main/topbtn_scroll2.png);background-size: 100%;} #demo-media__popup2 .course_wrap{position:relative;z-index: 1;height: 5684px;} #demo-media__popup2 .course_wrap:before{position:absolute;left: 50%;top: -210px;z-index: 0;width: 1959px;height: 5895px;margin-left: 300px;background:url(/images/tour/main/btn2_line.png);transform:translateX(-50%);content:'';} #demo-media__popup2 .course_wrap #course4 .img{display:block;position: relative;top: 13px;left: -27px;width:644px;height:495px;margin: 0 auto;background:url(/images/tour/main/course4_img.png);} #demo-media__popup2 .course_wrap #course4 .box{} #demo-media__popup2 .course_wrap #course4 .box:nth-child(1){margin-top: 195px;} #demo-media__popup2 .course_wrap #course4 .box:nth-child(1):after{position:absolute;left: -110px;bottom: -130px;width:271px;height:233px;background:url(/images/tour/main/btn2_bg1.png);content:'';} #demo-media__popup2 .course_wrap #course4 .box:nth-child(3){margin-left: 590px;margin-top:65px;} #demo-media__popup2 .course_wrap #course4 .box_list{margin-left: 430px;margin-top: 0px;} #demo-media__popup2 .course_wrap #course4 .box_list li:nth-child(1){top: -161px;margin-left: 340px;} #demo-media__popup2 .course_wrap #course4 .box_list li:nth-child(2){margin-left: 135px;} #demo-media__popup2 .course_wrap #course4 .box_list li:nth-child(3){top: 18px;margin-left: -115px;} #demo-media__popup2 .course_wrap #course4 .box_list li .arr strong{right:auto;left: 176px;} #demo-media__popup2 .course_wrap #course4 .box_list li .arr strong em{margin:0 11px 0 0} #demo-media__popup2 .course_wrap #course5 .img{display:block;width:619px;height:502px;margin: 170px auto 0;background:url(/images/tour/main/course5_img.png);} #demo-media__popup2 .course_wrap #course5 .box:nth-child(1){margin-left: 530px;margin-top: 215px;} #demo-media__popup2 .course_wrap #course5 .box:nth-child(3){margin-top: -25px;} #demo-media__popup2 .course_wrap #course5 .box_list{margin-top: 103px;margin-left: 320px;} #demo-media__popup2 .course_wrap #course5 .box_list li:nth-child(1){top: 10px;} #demo-media__popup2 .course_wrap #course5 .box_list li:nth-child(2){margin-left: 190px;} #demo-media__popup2 .course_wrap #course5 .box_list li:nth-child(3){top: -11px;margin-left: 385px;} #demo-media__popup2 .course_wrap #course6 .img{display:block;position: relative;left: 210px;width:629px;height:501px;margin: 240px auto 0;background:url(/images/tour/main/course6_img.png);} #demo-media__popup2 .course_wrap #course6 .box:nth-child(1){margin-top: 95px;} #demo-media__popup2 .course_wrap #course6 .box:nth-child(2){margin-left: 590px;margin-top: 425px;} @keyframes shake-lr{0%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}10%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}20%,40%,60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}30%,50%,70%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}90%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}} @-webkit-keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}@keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}} @keyframes move1{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}} @-webkit-keyframes puff-out-hor{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}100%{-webkit-transform:scaleX(2);transform:scaleX(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}}@keyframes puff-out-hor{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}100%{-webkit-transform:scaleX(2);transform:scaleX(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}} @keyframes estrela {0% { box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.05);}50% { box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.4);}100% { box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.05);}} @keyframes estrelaDestacada {0% { background-color: #FFFFFF; box-shadow: 0 0 10px 0px rgba(255, 255, 255, 1);}20% { background-color: #FFC4C4; box-shadow: 0 0 10px 0px rgb(255, 196, 196, 1);}80% { background-color: #C4CFFF; box-shadow: 0 0 10px 0px rgb(196, 207, 255, 1);}100% { background-color: #FFFFFF; box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.2);}} @media (max-width:1679px){ #quick, #quick2{top:0;right: auto;width:100%;height: 176px;padding-top: 25px;background:#fff;transform: none;text-align: center;box-shadow: 3px 0 8px rgba(0,0,0,0.1);} #quick a, #quick2 a{display:inline-block;margin: 0 30px;} #quick a span, #quick2 a span{max-width: 59px;padding: 0 13px;font-size:14px;line-height: 27px;} #quick a span:after, #quick2 a span:after{top: 90px;left: 174%;width: 57px;background: none;border-top: 1px dashed #828281;} #quick a:after, #quick2 a:after{display:block;margin-top: 12px;} #quick .q1:after{width:139px;height:98px;background-size:100%;} #quick .q2:after{width:123px;height:91px;background-size:100%;} #quick .q3:after{width:129px;height:86px;background-size:100%;} #quick .q3 span:after{display:none;} #quick2 .q1:after{width:139px;height:98px;background-size:100%;} #quick2 .q2:after{width:123px;height:91px;background-size:100%;} #quick2 .q3:after{width:129px;height:86px;background-size:100%;} #quick2 .q3 span:after{display:none;} } @media (max-width: 1199px){ .top_btn .top em{font-size:10px;} .top_btn .top > p{font-size:15px;} .top_btn .top strong{margin-bottom: 10px;font-size:45px;} .top_btn .top .scroll{margin-top:160px;} .top_btn .course_wrap .course .box_wrap{position: relative;padding-left:137px;padding-right: 50px;} .top_btn .course_wrap .course .box_wrap:before{position:absolute;left:89px;top: 30px;width:12px;height:100%;background: url(/images/tour/main/course_line.png);content:'';} .top_btn .course_wrap .box{top:auto;max-width: 100%;margin-bottom: 100px;padding-left: 210px;padding-top: 10px;opacity:1;} .top_btn .course_wrap .box:before{position:absolute;left: -55px;top: 18px;width:12px;height:12px;background:#fff;border-radius:50%;border:6px solid #515960;content:'';} .top_btn .course_wrap .box .thumb{width:188px;height:188px;} .top_btn .course_wrap .box_list li{width:100%;margin-bottom: 65px;} .top_btn .course_wrap .box_list li:before{position:absolute;left: -55px;top: 18px;width:12px;height:12px;background:#fff;border-radius:50%;border:6px solid #515960;content:'';} .top_btn .course_wrap .box_list li .arr{display:none;} .top_btn .course_wrap .box_list li .txt{display:block;position: relative;left: auto;top: auto;min-height: 188px;padding: 10px 0 0 210px;border: 0;background: none;box-shadow: none;transform: none;text-align: left;} .top_btn .course_wrap .box_list li .txt .thumb{position:absolute;left:0;top:0;width: 188px;height: 188px;} .top_btn .course_wrap .box_list li .txt strong{margin-bottom:10px;} .top_btn .course_wrap .box_list li .txt strong span{display:inline-block;width: 29px;height: 37px;margin-right: 6px;padding-top: 4px;background: url(/images/tour/main/course_mark2.png);font-size: 15px;color: #fff;text-align: center;vertical-align: middle;} .top_btn .modal__close{top: 28px;right: 28px;width:50px;height:50px;border-radius: 12px;} .top_btn .modal__close button{background-size:20px;} #demo-media__popup1 .top{height: 620px;padding-top: 200px;} #demo-media__popup1 .top .bg1{top: 170px;width: 53px;height: 34px;margin-left: -160px;background-size:100%;} #demo-media__popup1 .top .bg2{top: 370px;width: 90px;height: 80px;margin-left: 140px;background-size: 100%;} #demo-media__popup1 .top .bg3{top: 342px;width: 30px;height: 45px;margin-left: 270px;background-size: 100%;} #demo-media__popup1 .top .bg4{bottom: 50px;width: 140px;height: 220px;background-size:100%;} #demo-media__popup1 .top .il1{left: 0;top: 400px;width: 260px;height: 210px;margin:0;background-size:100%;} #demo-media__popup1 .top .cl1{bottom: 0;width: 1480px;height: 220px;background-size: 100%;} #demo-media__popup1 .top .cl2{left: 50%;bottom: -60px;width: 1180px;height: 190px;background-size: 100%;} #demo-media__popup1 .course_wrap{height:auto;} #demo-media__popup1 .course_wrap:before{display:none;} #demo-media__popup1 .course_wrap .course{margin-bottom: 200px;} #demo-media__popup1 .course_wrap #course1 .img{top: auto;width:602px;height: 484px;margin-top: 85px;margin-bottom: 50px;background-size:100%;} #demo-media__popup1 .course_wrap #course1 .box_list{top: auto;margin: 0;} #demo-media__popup1 .course_wrap #course1 .box:nth-child(1){margin-left: 0;margin-top: 0;} #demo-media__popup1 .course_wrap #course1 .box_list li:nth-child(2){margin-left:0;} #demo-media__popup1 .course_wrap #course1 .box_list li:nth-child(3){margin-left: 0;} #demo-media__popup1 .course_wrap #course1 .box:nth-child(3){margin: 0;} #demo-media__popup1 .course_wrap #course2 .img{margin: 0 auto 50px;} #demo-media__popup1 .course_wrap #course2 .box:nth-child(1){margin-left:0;margin-top: 0;} #demo-media__popup1 .course_wrap #course2 .box_list{top:auto;right:auto;} #demo-media__popup1 .course_wrap #course2 .box_list li:nth-child(1){top:auto;margin-left:0;} #demo-media__popup1 .course_wrap #course2 .box_list li:nth-child(2){top:auto;margin-left:0;} #demo-media__popup1 .course_wrap #course2 .box_list li:nth-child(3){top:auto;margin-left:0;} #demo-media__popup1 .course_wrap #course2 .box:nth-child(3){margin-top: 0;margin-left:0;} #demo-media__popup1 .course_wrap #course3 .img{margin: 0 auto 50px;} #demo-media__popup1 .course_wrap #course3 .box:nth-child(1){margin-top:0;margin-left:0;} #demo-media__popup1 .course_wrap #course3 .box_list{margin:0;} #demo-media__popup1 .course_wrap #course3 .box_list li:nth-child(1){top:auto;} #demo-media__popup1 .course_wrap #course3 .box_list li:nth-child(2){margin-left:0;} #demo-media__popup1 .course_wrap #course3 .box_list li:nth-child(3){top:auto;margin-left:0} #demo-media__popup1 .course_wrap #course3 .box:nth-child(3){margin-top:0;} #demo-media__popup2 .top{height:505px;margin-bottom: 170px;padding-top: 205px;} #demo-media__popup2 .top:before{bottom: -140px;width: 1320px;height: 387px;background-size:100%;} #demo-media__popup2 .top .il2{top: 185px;width: 30px;height: 27px;margin-left: -80px;background-size:100%;} #demo-media__popup2 .top .il2:before, #demo-media__popup2 .top .il2:after{background-size:100%;} #demo-media__popup2 .top .il1{display:none;} #demo-media__popup2 .top .cl1{bottom: -70px;width:120px;height:54px;margin-left: 70px;background-size:100%;} #demo-media__popup2 .top .cl2{bottom: -80px;width:110px;height:59px;margin-left: 190px;background-size:100%;} #demo-media__popup2 .top .cl3{bottom: -20px;width:99px;height:42px;margin-left: -240px;background-size:100%;} #demo-media__popup2 .course_wrap{height:auto;padding-bottom: 50px;} #demo-media__popup2 .course_wrap:before{display:none;} #demo-media__popup2 .course_wrap #course4 .box_list{margin:0 auto;} #demo-media__popup2 .course_wrap #course4 .box:nth-child(1){margin-top:50px;} #demo-media__popup2 .course_wrap #course4 .box:nth-child(1):after{display:none;} #demo-media__popup2 .course_wrap #course4 .box_list li:nth-child(1){top:auto;margin-left:0;} #demo-media__popup2 .course_wrap #course4 .box_list li:nth-child(2){margin-left:0;} #demo-media__popup2 .course_wrap #course4 .box_list li:nth-child(3){margin-left:0;} #demo-media__popup2 .course_wrap #course4 .box:nth-child(3){margin-left:0;} #demo-media__popup2 .course_wrap #course5 .box:nth-child(1){margin-left:0;margin-top: 50px;} #demo-media__popup2 .course_wrap #course5 .box_list{margin:0;} #demo-media__popup2 .course_wrap #course5 .box_list li:nth-child(1){top:auto;margin-left:0;} #demo-media__popup2 .course_wrap #course5 .box_list li:nth-child(2){margin-left:0;} #demo-media__popup2 .course_wrap #course5 .box_list li:nth-child(3){margin-left:0;} #demo-media__popup2 .course_wrap #course5 .box:nth-child(3){margin-left:0;} #demo-media__popup2 .course_wrap #course6 .img{left:auto;margin-top: 150px;} #demo-media__popup2 .course_wrap #course6 .box:nth-child(1){margin-top:50px;} #demo-media__popup2 .course_wrap #course6 .box:nth-child(2){margin:0;} } @media (max-width:767px){ .top_btn .top > p{padding:0 20px} .top_btn .top > p span{display: inline;} .top_btn .top > p br{display:none;} .top_btn .top em{margin-bottom:10px;letter-spacing: 0.5em;} .top_btn .top strong{font-size:42px;line-height:1.2} .top_btn .top .scroll{margin-top: 100px;font-size:0;} .top_btn .top .scroll:after{width:38px;height:38px;background-size:100%;} .top_btn .course_wrap .course .box_wrap{padding-left:68px;padding-right: 20px;} .top_btn .course_wrap .course .box_wrap:before{left:23px;} .top_btn .course_wrap .box{margin-bottom: 75px;padding-left:0;} .top_btn .course_wrap .box:before{left: -51px;} .top_btn .course_wrap .box .thumb{position:relative;left:auto;top:auto;margin-top: 35px;} .top_btn .course_wrap .box strong{padding-left: 39px;font-size:20px;} .top_btn .course_wrap .box strong:before{position:absolute;left:0;top: -4px;} .top_btn .course_wrap .box .btn_wrap{margin-top:10px;} .top_btn .course_wrap .box .btn_wrap li{min-width:106px;} .top_btn .course_wrap .box p{margin-bottom:0;} .top_btn .course_wrap .box_list li{margin-bottom: 60px;} .top_btn .course_wrap .box_list li:before{left: -51px;top: 5px;} .top_btn .course_wrap .box_list li .txt{padding:0;} .top_btn .course_wrap .box_list li .txt .thumb{position:relative;left:auto;top:auto;margin: 35px 0 0;} .top_btn .course_wrap .box_list li .txt strong{font-size:20px;} .top_btn .course_wrap .box_list li .txt p{margin: 0;font-size:15px;} .top_btn .course_wrap .box .list{min-width: 100%;} .top_btn .course_wrap .box .list li{padding-left: 9px;} .top_btn .course_wrap .box .list li a{display:inline-block;padding:0;font-size: 15px;color: #2a2323;line-height: 1.4;font-family:inherit} .top_btn .course_wrap .box .list li b{display: block;position:relative;left:auto;top:auto;} .top_btn .course_wrap .box .list li b:after{display:none;} .top_btn .modal__close{top:11px;right:11px;width:33px;height:33px;border-radius:5px;} .top_btn .modal__close button{background-size:15px;} #quick, #quick2{height: 130px;padding-top: 20px;} #quick a, #quick2 a{margin: 0 10px;} #quick a span:after, #quick2 a span:after{top: 68px;left: 40px;} #quick a span, #quick2 a span{font-size: 12px;line-height: 25px;} #quick .q1:after{width: 80px;height: 58px;background-size:100%;} #quick .q2:after{width:80px;height: 61px;background-size:100%;} #quick .q3:after{width:80px;height: 54px;background-size:100%;} #quick2 .q1:after{width: 80px;height: 58px;background-size:100%;} #quick2 .q2:after{width:80px;height: 61px;background-size:100%;} #quick2 .q3:after{width:80px;height: 54px;background-size:100%;} #demo-media__popup1 .top{height: 520px;padding-top:100px;} #demo-media__popup1 .top .il1{left: -50px;top: 380px;height: 155px;width: 190px;} #demo-media__popup1 .top .bg1{top: 80px;width: 35px;height: 22px;margin-left: -107px;} #demo-media__popup1 .top .bg3{display:none;} #demo-media__popup1 .top .bg2{right: -25px;top: 250px;left: auto;width: 55px;height: 57px;margin: 0;background-size: 100%;} #demo-media__popup1 .top .bg4{right: -26px;bottom:0;width: 100px;height: 200px;} #demo-media__popup1 .course_wrap #course1 .img{width: 300px;height: 242px;} #demo-media__popup1 .course_wrap #course2 .img{width: 300px;height: 242px;background-size:100%;} #demo-media__popup1 .course_wrap #course3 .img{width: 300px;height: 212px;background-size:100%;} #demo-media__popup2 .top{height: 400px;padding-top:110px;} #demo-media__popup2 .top:before{bottom: -115px;width: 767px;height:302px;background: url(/images/tour/main/btn2_topbg1_1.png);} #demo-media__popup2 .top .il2{top:100px;} #demo-media__popup2 .top .cl1,#demo-media__popup2 .top .cl2,#demo-media__popup2 .top .cl3{display:none;} #demo-media__popup2 .course_wrap #course4 .img{top: auto;left: auto;width:300px;height: 230px;background-size:100%;} #demo-media__popup2 .course_wrap #course5 .img{top: auto;left: auto;width:300px;height: 241px;background-size:100%;} #demo-media__popup2 .course_wrap #course6 .img{top: auto;left: auto;width:300px;height: 238px;background-size:100%;} } /* 특화페이지 css */