@font-face {font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Gmarket/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'GmarketSansMedium';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Gmarket/GmarketSansBold.woff') format('woff'); weight: 700; font-style: normal;}
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } 
:root{--g300: "GmarketSansLight" !important;}
:root{--g700: "GmarketSansBold" !important;}
.turnwrap .quicks img,.turnwrap .turn img{width: auto;display: inline-block;}
.turn h1,.turn h2,.turn a,.turn div,.turn span,.turn a,.turn p,.turn i{font-family: 'GmarketSansMedium' !important;; letter-spacing: -1.2px;line-height: 150%;}
.turnwrap{width:100%; min-width:1248px;max-width: 2400px; margin: auto;position: relative;}
.turnwrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.turnwrap .turn{width:100%; min-width:1248px;max-width: 2400px; margin: auto;position: relative;overflow: hidden;}
.turnwrap .turn .inner{width:1248px; margin: auto;position: relative;}
.turnwrap .turn.turn1{background: #313131;}
.turnwrap .turn.turn1 .inner{padding-bottom: 110px;}
.turnwrap .turn.turn1 .inner .gnilogos{display: inline-block;position: absolute;z-index: 1;top: 50px; left: 0;}
.turnwrap .turn.turn1 .inner h1{animation: fade-in-top 1s linear both;padding: 112px 0 16px 0;}
.turnwrap .turn.turn1 .inner .mainimg{margin-bottom: 60px;;}
.turnwrap .turn.turn1 .inner .turnbtn{text-align: center;}
.turnwrap .turn.turn1 .inner .turnbtn a{display: block;width: 281px; height: 73px;position: relative;margin: auto;}
.turnwrap .turn.turn1 .inner .turnbtn a:before{border: 6px solid #fff;border-radius: 73px;;}
.turnwrap .turn.turn1 .turnlayer1{padding: 25px;background: #fff;position: absolute;width: 350px;top: 50px;left: 50%;margin-left: -624px;display: none;}
.turnwrap .turn.turn .turnlayer .lx{position: absolute;right: 9px; top: 5px;;}
.turnwrap .turn.turn1 .turnlayer1 p.T1{font-size: 19px; padding: 17px 0;text-align: center;color:#1c1c1c;letter-spacing: -2px; line-height: 27px;}
.turnwrap .turn.turn1 .turnlayer1 .turnbtn{display: flex;align-items: center;justify-content: space-between;}
.turnwrap .turn.turn1 .turnlayer1 .turnbtn a{height: 54px;border: 1px solid #959595;width: 145px;text-align: center;}
.turnwrap .turn.turn1 .turnlayer1 .turnbtn a:nth-of-type(1){background: #dbff01;color:#1c1c1c;font-size: 20px;padding: 13px 0 0 0;}
.turnwrap .turn.turn1 .turnlayer1 .turnbtn a:nth-of-type(2){background: #f4f4f4;color:#626161;font-size: 13px;line-height: 17px;padding: 11px 0}
.turnwrap .turn.turn2{background: #ffb9de;}
.turnwrap .turn.turn2 .inner{padding-bottom: 97px;}
.turnwrap .turn.turn2 .inner p{opacity: 0;}
.turnwrap .turn.turn2 .inner p.on{animation: fade-in-top 1s linear both}
.turnwrap .turn.turn2 .inner p.T2.on{animation-delay: 0.3s;}
.turnwrap .turn.turn2 .inner p.T3.on{animation-delay: 0.6s;}
.turnwrap .turn.turn2 .inner p.T1{padding: 89px 0 29px 0;color:#000;text-align: center;font-size: 14px;letter-spacing: 0px;}
.turnwrap .turn.turn2 .inner p.T2{padding: 0px 0 67px 0;text-align: center;position: relative;}
.turnwrap .turn.turn2 .inner p.T2 span{color:#000;font-size: 42px;font-family: var(--g700) !important;position: relative;z-index: 2;}
.turnwrap .turn.turn2 .inner p.T2:after{content: '';position: absolute;background: url(../images/point1.png) no-repeat;width: 519px; height: 126px; left: 50%; bottom: -23px;margin-left: -274px;}
.turnwrap .turn.turn2 .inner .mainimg{text-align: center;position: relative;z-index: 1;margin-bottom: 58px;}
.turnwrap .turn.turn2 .inner p.T3{color:#000;text-align: center;font-size: 27px;line-height: 36px;font-family: var(--g300) !important;}
.turnwrap .turn.turn2 .inner p.T3 span{color:#000;font-size: 42px;font-family: var(--g700) !important;line-height: 55px;;}
.turnwrap .turn.turn3{background: url(../images/gain_bg1.png) 50% 0 no-repeat; }
.turnwrap .turn.turn3 .inner{height: 774px;}
.turnwrap .turn.turn3 .inner p.T1{color:#fff;font-size: 42px;font-family: var(--g700) !important;line-height: 52px;padding:188px 0 57px 153px ;}
.turnwrap .turn.turn3 .inner .turnbtn{padding-left: 153px;}
.turnwrap .turn.turn3 .inner .turnbtn a{display: block;width: 278px; height: 70px;position: relative;}
.turnwrap .turn.turn3 .inner .turnbtn a:before{border: 6px solid #ffb9de;border-radius: 70px;;}
.turnwrap .turn.turn4{background: #191919;}
.turnwrap .turn.turn4 .inner{padding-bottom: 115px;;}
.turnwrap .turn.turn4 .inner p.T1{padding: 120px 0 56px 0;color:#fff;font-family: var(--g700) !important; text-align: center;font-size: 42px;}
.turnwrap .turn.turn4 .inner ul{display: flex;align-items: flex-start;justify-content: center;}
.turnwrap .turn.turn4 .inner ul li{opacity: 0;margin: 0 5px;}
.turnwrap .turn.turn4 .inner ul li.on{animation: fade-in-top 1s linear both;}
.turnwrap .turn.turn4 .inner ul li:nth-of-type(2).on{animation-delay: 0.3s;}
.turnwrap .turn.turn4 .inner ul li:nth-of-type(3).on{animation-delay: 0.6s;}
.turnwrap .turn.turn4 .inner p.T2{padding: 63px 0 45px 0;color:#fff;text-align: center;font-size: 24px;;}
.turnwrap .turn.turn4 .inner p.T2 span{font-family: var(--g700) !important; font-size: 42px;color:#fff}
.turnwrap .turn.turn4 .inner p.T2 i{color:#ff007e;}
.turnwrap .turn.turn4 .inner .turnbtn{text-align: center;}
.turnwrap .turn.turn4 .inner .turnbtn a{display: inline-block;width: 278px; height: 70px;position: relative;}
.turnwrap .turn.turn4 .inner .turnbtn a:before{border: 6px solid #fff;border-radius: 70px;;}
.turnwrap .turn.turn9{background: #2b2b2b;}
.turnwrap .turn.turn9 .inner{padding-bottom: 102px;;}
.turnwrap .turn.turn9 .inner p.T1{color:#fff; font-family: var(--g700) !important;font-size: 38px; line-height: 47px; padding: 128px 0 34px 0;text-align: center;}
.turnwrap .turn.turn9 .inner p.T1 i{color:#ff007e; font-family: var(--g700) !important;}
.turnwrap .turn.turn9 .inner p.T2{color:#fff; font-size: 24px;margin-bottom: 50px;text-align: center;}
.turnwrap .turn.turn9 .inner .mainimg{margin-bottom: 20px;;}
.turnwrap .turn.turn9 .inner ul{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 65px;}
.turnwrap .turn.turn9 .inner ul li{opacity: 0;}
.turnwrap .turn.turn9 .inner ul li.on{animation: fade-in-top 1s linear both;}
.turnwrap .turn.turn9 .inner ul li:nth-of-type(2).on{animation-delay: 0.3s;}
.turnwrap .turn.turn9 .inner .turnbtn{text-align: center;}
.turnwrap .turn.turn9 .inner .turnbtn a{display: inline-block;width: 278px; height: 70px;position: relative;}
.turnwrap .turn.turn9 .inner .turnbtn a:before{border: 6px solid #fff;border-radius: 70px;;}
.turnwrap .turn.turn10{background: #ffb9de;}
.turnwrap .turn.turn10 .inner{padding-bottom: 87px;;}
.turnwrap .turn.turn10 .inner p.T1{color:#000; font-family: var(--g700) !important;font-size: 42px; line-height: 53px; padding: 109px 0 55px 0;text-align: center;}
.turnwrap .turn.turn10 .inner .mainimg{margin-bottom: 65px;}
.turnwrap .turn.turn10 .inner .turnbtn{text-align: center;}
.turnwrap .turn.turn10 .inner .turnbtn a{display: inline-block;width: 278px; height: 70px;position: relative;}
.turnwrap .turn.turn10 .inner .turnbtn a:before{border: 6px solid #000;border-radius: 70px;;}
.turnwrap .turn.turn11{background: #f2f2f2;}
.turnwrap .turn.turn11 .inner{height: 266px; display: flex;align-items: center;justify-content: center;}
.turnwrap .turn.turn12{background: #ffb9de;}
.turnwrap .turn.turn12 .inner{padding-bottom: 135px;}
.turnwrap .turn.turn12 .inner p.T1{color:#000;font-family: var(--g700) !important;color:#000; font-size: 36px;line-height: 47px;padding: 115px 0 44px 0;text-align: center;}
.turnwrap .turn.turn12 .inner .videos{width: 950px; height: 534px; margin: auto;position: relative;}
.turnwrap .turn.turn12 .inner .videos iframe{position: absolute;width: 100%; height: 100%;left: 0;top: 0;}
.turnwrap .turn.turn5{background: #fff;}
.turnwrap .turn.turn5 .inner{padding: 135px 0;width: 1010px;;}
.turnwrap .turn.turn5 .inner .steps{padding: 5px;background: #ff007e;margin-bottom: 67px;}
.turnwrap .turn.turn5 .inner .steps .stephead{display: flex;align-items: center;justify-content: space-between;}
.turnwrap .turn.turn5 .inner .steps .stephead p{width: 256px;padding: 5px 0 0px 0;}
.turnwrap .turn.turn5 .inner .steps .stephead p.T1{background: #000;color:#fff;text-align: center;font-size: 22px;;}
.turnwrap .turn.turn5 .inner .steps .stephead p.T2,.turnwrap .turn.turn5 .inner .steps .stephead p.T3{color:#000;text-align: center;font-size: 18px;position: relative;;}
.turnwrap .turn.turn5 .inner .steps .stephead p.T2:after{content: '';background: url(../images/steparwo.png) no-repeat;width: 9px; height: 12px; right: 0px;top: 50%;transform: translate(0,-50%);position: absolute;}
.turnwrap .turn.turn5 .inner .steps .stephead p.T2 span,.turnwrap .turn.turn5 .inner .steps .stephead p.T3 span{font-family: var(--g700) !important;color:#000}
.turnwrap .turn.turn5 .inner .acarea{display: flex;align-items: normal;justify-content: space-between;}
.turnwrap .turn.turn5 .inner .acarea:nth-of-type(1){margin-bottom: 37px;;}
.turnwrap .turn.turn5 .inner .acarea .acstep1{background: #f2f2f2;border: 1px solid #0f0f0f;border-radius: 3px;text-align: center;width: 256px;;}
.turnwrap .turn.turn5 .inner .acarea .acstep1  p.T4{color:#000;font-size: 18px;padding: 22px 0 10px 0;line-height: 23px;;}
.turnwrap .turn.turn5 .inner .acarea .acstep1 span{color:#000;font-family: var(--g700) !important;}
.turnwrap .turn.turn5 .inner .acarea .acstep1 .ban{margin-bottom: 16px;}
.turnwrap .turn.turn5 .inner .acarea .acstep1 p.T5{color: #000;font-size: 18px;line-height: 22px;}
.turnwrap .turn.turn5 .inner .acarea .acdetail .ring{margin-bottom: 16px;padding-top: 9px;}
.turnwrap .turn.turn5 .inner .acarea .acdetail ul{display: flex;align-items: center;justify-content: space-between;}
.turnwrap .turn.turn5 .inner .acarea .acdetail ul li a{width: 238px;border: 1px solid #0f0f0f;height: 71px; line-height: 71px; font-size: 20px;display: block;text-align: center;border-radius: 3px;color:#0f0f0f;}
.turnwrap .turn.turn5 .inner .acarea .acdetail ul li a.on:hover,.turnwrap .turn.turn5 .inner .acarea .acdetail ul li a.on{background: #ff007e;color:#fff;transition: 0.1s linear;}
.turnwrap .turn.turn5 .inner .acarea .acdetail ul li a:hover{background: #f2f2f2;}
.turnwrap .turn.turn5 .inner .acarea .acdetail .ringguide,.turnwrap .turn.turn5 .inner .acarea .acdetail .armguide{color:#0f0f0f;font-size: 17px;position: relative;margin-bottom: 10px;}
.turnwrap .turn.turn5 .inner .acarea .acdetail .ringguide:after,.turnwrap .turn.turn5 .inner .acarea .acdetail .armguide:after{content: '';position: absolute;width: 100%;height: 1px;background: #0f0f0f;bottom: 2px; left: 0;}
.turnwrap .turn.turn5 .inner .acarea .acdetail{width: 735px;}
.turnwrap .turn.turn5 .inner .acarea2{margin-bottom: 90px;}
.turnwrap .turn.turn5 .inner .acarea2 .acdetail ul{display: flex;align-items: center;justify-content: start;margin-bottom: 7px;}
.turnwrap .turn.turn5 .inner .acarea2 .acdetail ul li:nth-of-type(1){margin-right: 11px;}
.turnwrap .turn.turn5 .inner .acarea2 .acdetail .ring{margin-bottom: 7px;padding-top: 0px;}
.turnwrap .turn.turn5 .inner .acarea p.T7{font-size: 15px;letter-spacing: -1.5px;color:#000}
.turnwrap .turn.turn5 .inner .acarea p.T7 i{color:#7b7b7b}
.turnwrap .turn.turn5 .inner .acarea2 .acstep1  p.T4{color:#000;font-size: 18px;padding: 34px 0;line-height: 23px;;}
.turnwrap .turn.turn5 .inner .accessorybtn{text-align: center;}
.turnwrap .turn.turn5 .inner .accessorybtn a{width: 485px; height: 71px;line-height: 71px; background: #ff007e; font-size: 23px; font-family: var(--g700) !important;display: inline-block;border: 1px solid #000;border-radius: 5px;color:#000;transition: 0.5s linear;}
.turnwrap .turn.turn5 .inner .accessorybtn a:hover{transform:translate(0,-10px) }
.turnwrap .turn.turn5 .turnlayer2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;z-index: 2;}
.turnwrap .turn.turn5 .turnlayer3{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;z-index: 2;}
.turnwrap .turn.turn5 .bgs{position: absolute;background:rgba(28,32,24,0.5);width: 100%;height: 100%;left: 0;z-index: 1;top: 0;display: none;}
.turnwrap .turn.turn6{background: #1c1c1c;}
.turnwrap .turn.turn6 .inner{padding: 135px 0;width: 1010px;;}
.turnwrap .turn.turn6 .inner p.T1{text-align: center;color:#fff;font-family: var(--g700) !important;line-height: 51px; font-size: 38px;margin-bottom: 53px;}
.turnwrap .turn.turn6 .inner ul{display: flex;align-items: flex-start;justify-content: space-between;}
.turnwrap .turn.turn6 .inner ul li{opacity: 0;}
.turnwrap .turn.turn6 .inner ul li.on{animation: fade-in-top 1s linear both;}
.turnwrap .turn.turn6 .inner ul li:nth-of-type(2).on{animation-delay: 0.3s;}
.turnwrap .turn.turn6 .inner ul li:nth-of-type(3).on{animation-delay: 0.6s;}
.turnwrap .turn.turn6 .inner ul li p.T2{padding: 18px 0 0 35px;color:#a5a5a5; font-size: 13px; line-height: 18px;position: relative;;}
.turnwrap .turn.turn6 .inner ul li p.T2:before{content: '*';position: absolute;color:#a5a5a5; font-size: 13px; top: 20px;left: 26px;;}
.turnwrap .turn.turn7{background: url(../images/bg3.png) 50% 0 no-repeat;;}
.turnwrap .turn.turn7 .inner{padding: 110px 0 0px 0;width: 1010px;height: 543px;}
.turnwrap .turn.turn7 .inner p.T1{color:#fff; font-family: var(--g700) !important;font-size: 30px; line-height: 40px;margin-bottom: 53px;;}
.turnwrap .turn.turn7 .inner p.T2{color:#dcff01; font-family: var(--g300) !important;font-size: 23px; line-height: 33px;margin-bottom: 31px;}
.turnwrap .turn.turn7 .inner .turnbtn a:before{border: 6px solid #fff;border-radius: 73px;;}
.turnwrap .turn.turn8{background: #fff}
.turnwrap .turn.turn8 .inner{padding: 126px 0;;}
.turnwrap .turn.turn8 .inner p.T1{text-align: center;color:#000; font-family: var(--g700) !important;font-size: 28px; line-height: 40px;margin-bottom: 64px;}
.turnwrap .turn.turn8 .inner .tabarea{margin-bottom: 100px;width: 930px;margin: auto;}
.turnwrap .turn.turn8 .inner .tabarea .tabs{width: 100%;margin-bottom: 45px;display: flex;align-items: center;justify-content: space-between;}
.turnwrap .turn.turn8 .inner .tabarea .tabs a{width: 304px; height: 60px; background: #1c1c1c;color:#fff; line-height: 64px; font-size: 27px;font-weight: 700;text-align: center;border-radius: 60px;}
.turnwrap .turn.turn8 .inner .tabarea .tabs a.on{background: #ff007e;color:#000;}
.turnwrap .turn.turn8 .inner .tabarea .tab-content{display: none;}
.turnwrap .turn.turn8 .inner .tabarea .tab-content.on{display: block;}
.turnwrap .turn.turn8 .inner .tabarea .tab-content .acbtn{background: #fff;padding: 26px 45px;color:#000;font-size: 22px;display: block;font-weight: 700;position: relative;border: 1px solid #c8c8c8;margin-bottom: 10px;}
.turnwrap .turn.turn8 .inner .tabarea .tab-content .acbtn:after{content: '';position: absolute;background: url(https://ad.goodneighbors.kr/potential23/web/images/arow2.png) no-repeat;width: 19px; height: 17px;right: 46px; top: 50%; margin-top: -8.5px;}
.turnwrap .turn.turn8 .inner .tabarea .tab-content .acbtn.on:after{background: url(https://ad.goodneighbors.kr/potential23/web/images/arow3.png) no-repeat;}
.turnwrap .turn.turn8 .inner .tabarea .tab-content p.T2{padding: 48px 54px;color:#1c1c1c;font-size: 16px;;display: none;background: #fff;line-height: 25px;text-align: justify;font-family: var(--g300) !important;margin-bottom: 30px;border: 1px solid #c8c8c8}
.turnwrap .turn.turn8 .inner .tabarea .tab-content p.T2 i{color:#000}
.turnwrap .turn.turn8 .inner .tabarea .tab-content p.T2.on{display: block;}
.turnwrap .turnfot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.turnwrap .turnbtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.turnwrap .turnbtn a:hover:before, .turnwrap .turnbtn a:focus:before, .turnwrap .turnbtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.turnwrap .turnbtn a {display: inline-block;vertical-align: -1px;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;}
@-webkit-keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}@keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fadedrop{0%{filter: drop-shadow(0px 0px 20px rgba(219, 255, 1, 1))}100%{filter: drop-shadow(0px 0px 50px rgba(219, 255, 1, 1))}}
@keyframes clip1{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}