@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 400; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-bRg.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 350; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-aLt.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 700; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-cBd.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 800; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-dEb.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 900; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-eHv.woff') format('woff');}
@font-face {font-family: 'Nanum Myeongjo';font-style: normal;font-weight: 400;src: url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjo.woff2) format('woff2'),url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjo.woff) format('woff'),url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjo.otf) format('otf')}
@font-face {font-family: 'Nanum Myeongjo';font-style: normal;font-weight: 700;src: url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjoBold.woff2) format('woff2'),url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjoBold.woff) format('woff'),url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjoBold.otf) format('otf')}
@font-face {font-family: 'Nanum Myeongjo';font-style: normal;font-weight: 800;src: url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjoExtraBold.woff2) format('woff2'),url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjoExtraBold.woff) format('woff'),url(https://cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_myeongjo/file/NanumMyeongjoExtraBold.otf) format('otf')}
:root{--nm: "Nanum Myeongjo" !important;}
.korea h1,.korea h2,.korea a,.korea div,.korea span,.korea a,.korea p,.korea i{font-family: 'NanumSquare Neo' !important;; letter-spacing: -1.2px;line-height: 150%;}
html,body{height: 100%;}
.koreawrap .korea img{display:block;}
.koreawrap,.korea{width: 100%;position: relative;max-width: 640px;margin: auto;overflow: hidden;}
.koreawrap .korea .inner{position: absolute;width: 100%; top:0;left: 0;height: 100%;}
.koreawrap .quicks{width: 100%;position: fixed;bottom: 0px; left: 50%; transform: translate(-50%,0);z-index: 2;display: none !important;}
.koreawrap .quicks.on{display: block !important;}
.koreawrap .korea1 .inner{z-index: 2;}
.koreawrap .korea1 .inner .gnilogo{position: relative;z-index: 2;text-align: center;padding: 8% 0 38% 0;}
.koreawrap .korea1 .inner .gnilogo a{width: 18.438%;display: inline-block;position: absolute;left: 50%; transform: translate(-50%,0);top: 7.5%;}
.koreawrap .korea1 .inner .gnilogo span{font-size: clamp(8.5px, calc(17px + 17 * (100vw - 640px) / 640), 17px);color:#000;}
.koreawrap .korea1 .inner h1{margin-bottom: 48%;opacity: 0;animation: fade-in-top 1s linear both;position: relative;}
.koreawrap .korea1 .inner h1 i{position: absolute;width: 56.095%; left: 44%; top: 7%;animation: opatr 2s linear alternate 2 0.8s;}
.koreawrap .korea1 .inner p.T1{padding:0 0 9% 8%;color:#fff;font-size: clamp(14px, calc(28px + 28 * (100vw - 640px) / 640), 28px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px);;}
.koreawrap .korea1 .inner .koreabtn{margin-bottom: 8%;}
.koreawrap .korea1 .inner .videos{padding-bottom: 56.25%;width: 100%;position: relative;}
.koreawrap .korea1 .inner .videos iframe{width: 100%; height: 100%; position: absolute;left: 0;top: 0;}
.koreawrap .korea2{background: #e7d2b2;padding-bottom: 10%;}
.koreawrap .korea2 p.T1{padding: 17% 0 9% 0;}
.koreawrap .korea2 p.T2{color:#212121;font-size: clamp(13px, calc(26px + 26 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px);padding: 0 0 7% 4.2%;}
.koreawrap .korea2 .pic{opacity: 0;}
.koreawrap .korea2 .pic.on{animation: fade-in-top 1s linear both}
.koreawrap .korea2 .pic2{margin: -4% 0 3% 0;}
.koreawrap .korea2 .pic2.on{animation-delay: 0.3s;}
.koreawrap .korea2 p.T3{text-align: center;font-size: clamp(16px, calc(32px + 32 * (100vw - 640px) / 640), 32px);color:#3d2601;font-family: var(--nm) !important;letter-spacing: -2px;font-weight: 700;line-height: clamp(21px, calc(42px + 42 * (100vw - 640px) / 640), 42px);}
.koreawrap .korea2 p.T3 span{color:#3d2601;font-family: var(--nm) !important;letter-spacing: -2px; font-weight: 700;}
.koreawrap .korea2 p.T3 b{color:#3d2601;font-weight: 800;font-family: var(--nm) !important;letter-spacing: -2px}
.koreawrap .korea2 p.T3 i{font-size: clamp(12px, calc(24px + 24 * (100vw - 640px) / 640), 24px);color:#3d2601;display: block;margin-top: 1%;}
.koreawrap .korea3{background: #f5eee2;padding-bottom: 2%;}
.koreawrap .korea3 p.T1{padding: 10% 0 8% 0;}
.koreawrap .korea3 p.T2{color:#212121;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px);padding: 0 0 7% 4.2%;}
.koreawrap .korea3 .picbox{width: 98%; margin: auto;display: flex;align-items: center;justify-content: space-around;margin-bottom: 8%;}
.koreawrap .korea3 .picbox .pic{width: 43.53%;opacity: 0;}
.koreawrap .korea3 .picbox .pic.on{animation: fade-in-top 1s linear both}
.koreawrap .korea3 .picbox .pic:nth-of-type(2).on{animation-delay: 0.3s;}
.koreawrap .korea3 .picbox .pic:nth-of-type(2){width: 55.008%;}
.koreawrap .korea3 p.T3{color:#212121;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px);padding: 0 0 7% 4.2%;}
.koreawrap .korea3 p.T3 i{font-weight: 800;color:#212121;display: block;}
.koreawrap .korea4 p.T1{padding: 62% 0 7% 0;}
.koreawrap .korea4 .pic{margin-bottom: 5%;opacity: 0;}
.koreawrap .korea4 .pic.on{animation: fade-in-top 1s linear both}
.koreawrap .korea4 p.T2{color:#fff;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px);padding: 0 0 7% 4.2%;}
.koreawrap .korea5{background: #f5eee2;padding-bottom: 3%;}
.koreawrap .korea5 p.T1{padding: 10% 0 11% 0;}
.koreawrap .korea5 p.T2,
.koreawrap .korea5 p.T3,
.koreawrap .korea5 p.T5,
.koreawrap .korea5 p.T6{color:#212121;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px);padding: 0 0 7% 4.2%;}
.koreawrap .korea5 .picbox{width: 98%; margin: auto;display: flex;align-items: center;justify-content: space-around;margin-bottom: 8%;}
.koreawrap .korea5 .picbox .pic{width: 46.558%;opacity: 0;}
.koreawrap .korea5 .picbox .pic.on{animation: fade-in-top 1s linear both}
.koreawrap .korea5 .picbox .pic:nth-of-type(2).on{animation-delay: 0.3s;}
.koreawrap .korea5 .picbox .pic:nth-of-type(2){width: 51.82%;}
.koreawrap .korea5 .imgs{margin-bottom: 10%;}
.koreawrap .korea5 .imgs.mg1{margin-bottom: 8%;}
.koreawrap .korea5 .imgs.mg2{margin-bottom: 0%;}
.koreawrap .korea5 p.T4{margin-bottom: 8%;}
.koreawrap .korea6{background: #fff;}
.koreawrap .korea6 p.T1{padding: 11% 0 9% 0;}
.koreawrap .korea6 p.T2{color:#212121;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px);text-align: center;font-weight: 600;margin-bottom: 10%;}
.koreawrap .korea6 p.T2 i{color:#866827;font-weight: 600}
.koreawrap .korea6 .imgs{opacity: 0;}
.koreawrap .korea6 .imgs.on{animation: fade-in-top 1s linear both}
.koreawrap .korea7 p.T1{padding: 11% 0 8% 0;}
.koreawrap .korea7 .txtbox{padding: 0 0 10% 13%;}
.koreawrap .korea7 .txtbox p.T2{font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px); color: #1c1c1c;font-weight: 700;opacity: 0;}
.koreawrap .korea7 .txtbox p.T2 i{font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px); color: #734e00;font-weight: 700}
.koreawrap .korea7 .txtbox p.T2.on{animation: fade-in-left 1s linear both}
.koreawrap .korea7 .txtbox p.T2:nth-of-type(2).on{animation-delay: 0.3s;}
.koreawrap .korea7 .txtbox p.T2:nth-of-type(3).on{animation-delay: 0.6s;}
.koreawrap .korea7 .koreabtn{margin-bottom: 10%;}
.koreawrap .korea7 p.T3{font-size: clamp(12px, calc(24px + 24 * (100vw - 640px) / 640), 24px);line-height: clamp(16px, calc(32px + 32 * (100vw - 640px) / 640), 32px); color: #1c1c1c;font-weight: 700;text-align: center;padding-bottom: 10%;}
.koreawrap .korea7 p.T4{font-size: clamp(13.5px, calc(27px + 27 * (100vw - 640px) / 640), 26px);line-height: clamp(17.5px, calc(39px + 39 * (100vw - 640px) / 640), 39px); color: #1c1c1c;font-weight: 500;text-align: center;background: #dbd1c2;padding: 6% 0;}
.koreawrap .quicks{width: clamp(320px, calc(640px + 640 * (100vw - 640px) / 640), 640px);}
.koreawrap footer{padding: 20px 5% 80px 5%;background: #f3f3f3; border-top: 1px solid #c6c6c6;margin-top: 30px;}
.koreawrap footer .menuLink01 {overflow: hidden;margin-bottom: 15px;}
.koreawrap footer .menuLink01 a {display: inline-block;width: 32%;height: 26px;font-size: 1.1em;font-family:NanumBold;color: #757575;border-radius:3px;box-sizing: border-box;border: 1px solid #bbbbbb;background-color: #fff;text-align: center;line-height: 1.9em;}
.koreawrap footer .menuLink01 a.btn_tel {margin: 0 2%;}
.koreawrap footer .menuLink02 {overflow: hidden;margin-bottom: 15px;text-align: center;}
.koreawrap footer .menuLink02 a {position: relative;display: inline-block;padding: 0 3%;font-size:1em;font-family:NanumBold;color: #787878;box-sizing: border-box;text-align: center;}
.koreawrap footer .menuLink02 a:after {position: absolute;right: 0;top: 10%;width: 1px;height: 80% ;background-color: #b8b8b8;content:""}
.koreawrap footer .menuLink02 .btn_privacy {color: #515151;}
.koreawrap footer .menuLink02 .btn_app:after {width: 0;background-color: #fcfbfb;}
.koreawrap footer .txtBox {color: #797979;text-align: center;font-size:12px; line-height: 16px;;}
.koreawrap footer .txtBox p {line-height: 2.5em;}
.koreawrap footer .txtBox p em {font-size: 1.2em;}
.koreawrap footer .txtBox a{font-size: 0.8em;color:#717171; text-decoration: none;}
.koreawrap footer .snsLink {display: none;margin-top: 20px;text-align:center;}
.koreawrap footer .snsLink a {display: inline-block;width:31px;height:31px;margin: 0 2px;background:url(https://img.gni.kr/data/images/mobile/common/Img_Sprite.png) no-repeat;background-size:500px 500px;text-indent:-9999px;}
.koreawrap footer .snsLink a.MobileMainSNS1{background-position:0px -231px; }
.koreawrap footer .snsLink a.MobileMainSNS2{background-position:-44px -231px; }
.koreawrap footer .snsLink a.MobileMainSNS3{background-position:-88px -231px; }
.koreawrap footer .snsLink a.MobileMainSNS4{background-position:-132px -229px; }
.koreawrap footer .snsLink a.MobileMainSNS5{background-position:-176px -231px; }
.koreawrap footer .snsLink a.MobileMainSNS6{background-position:-220px -231px; }
.koreafooter{padding: 7% 0;text-align: center;background: #fff;border-top: 1px solid #e7e7e7;font-size: clamp(8px, calc(16px + 16 * (100vw - 640px) / 640), 16px);}
#container{max-width: none !important;}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-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 fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes opatr{0%{opacity: 1;transform: translate(0,0);}50%{opacity: 0.5;transform: translate(5px,0);}100%{opacity: 1;transform: translate(-5px,0);}}