@charset "utf-8";

html{font-size: 10px;}
body,input,select,textarea,button{letter-spacing: 0;}
img{width: 100%;}

/*-------------------------------------------------------------------
	@ Layout
-------------------------------------------------------------------*/
#wrap{position: relative;}

/* header */
header{position: fixed; left: 0; top: 0; width: 100%; height: 50px; text-align: center; z-index: 9000; transition: background 0.5s ease;}
header h1{position: absolute; left: 20px; top: 0; z-index: 20;}
header h1 a{display: block; width: 97px; height: 50px; background: url('../images/m/logo.svg') center no-repeat; text-indent: -9999px;}
header .btn-inquiry{display: block; position: absolute; right: 55px; top: 10px; height: 30px; padding: 0 35px 0 15px; background: url('../images/m/mk.svg') right 15px center no-repeat #BD3C2F; border-radius: 5px; color: #FFF; font-family: 'GyeonggiBatang'; font-size: 12px; font-weight: 700; line-height: 30px; text-align: center; z-index: 20;}
header .btn-menu{position: absolute; right: 17px; top: 10px; width: 30px; height: 30px; background: url('../images/m/ico_menu.svg') center no-repeat; text-indent: -9999em; z-index: 20;}
header .nav{position: fixed; right: -100%; top: 0; width: 200px; height: 100%; padding: 60px 0 0 40px; background: #fff; box-sizing: border-box; z-index: 10; transition: all 0.5s ease;}
header .nav li a{display: block; color: #000; font-family: 'GyeonggiBatang'; font-size: 16px; font-weight: 700; line-height: 300%; text-align: left;}
header .lang{position: absolute; right: 150px; top: 10px;}
header .lang .btn-lang{width: 56px; height: 30px; background: url('../images/ico_lang.svg') center / 20px auto no-repeat; text-indent: -9999em;}
header .lang .list{display: none; position: absolute; left: 0; top: calc(100% + 10px); width: 100%; padding: 7px 0; border: 1px solid #fff; background: #000; box-sizing: border-box;}
header .lang .list.on{display: block;}
header .lang .list::before{content: ''; position: absolute; left: 50%; top: -8px; transform: translateX(-50%); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #fff;}
header .lang .list::after{content: ''; position: absolute; left: 50%; top: -7px; transform: translateX(-50%); width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 7px solid #fff;}
header .lang .list li a{display: block; color: #FFF; text-align: center; font-size: 16px; font-weight: 500; opacity: 0.5; line-height: 28px;}
header .lang .list li a.on{opacity: 1;}
header .blind{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9;}
header.menu-open .nav{right: 0;}
header.menu-open .btn-menu{background-image: url('../images/m/ico_menu_close.svg') !important;}
header.fixed{background: rgba(0, 0, 0, 0.5);}
header.header-sub{transition: none;}
header.header-sub h1 a{background-image: url('../images/m/logo_black.svg');}
header.header-sub .nav li a{color: #231815;}
header.header-sub .lang .btn-lang{background-image: url('../images/ico_lang_black.svg');}
header.header-sub.fixed{background: rgba(255, 255, 255, 1);}
body.main header .btn-menu{background-image: url('../images/m/ico_menu_w.svg');}

/* footer */
footer{position: relative; padding: 50px 20px; background: #fff;}
footer .logo{display: block; width: 116px;}
footer .btn-privacy{margin-top: 20px; background: none; color: #222; font-size: 13px; font-weight: 700; line-height: 150%; letter-spacing: -0.54px;}
footer .info{margin-top: 5px;}
footer .info::after{content: ""; display: block; clear: both;}
footer .info li{float: left; position: relative; font-size: 12px; line-height: 150%; color: #555;}
footer .info li:nth-of-type(2){clear: both;}
footer .info li:nth-of-type(3){clear: both; padding-right: 8px; margin-right: 5px;}
footer .info li:nth-of-type(3)::after{position: absolute; right: 0; top: 50%; width: 1px; height: 8px; margin-top: -4px; background: #999; content: "";}
footer .info li:nth-of-type(5){clear: both; padding-right: 8px; margin-right: 5px;}
footer .info li:nth-of-type(5)::after{position: absolute; right: 0; top: 50%; width: 1px; height: 8px; margin-top: -4px; background: #999; content: "";}
footer p{font-size: 12px; line-height: 150%; color: #555;}
footer .tel{position: absolute; right: 20px; top: 50px; text-align: right;}
footer .tel span{display: block; color: #000; font-family: 'GyeonggiBatang'; font-size: 13px; font-weight: 700; line-height: 100%;}
footer .tel a,
footer .tel strong{display: block; margin-top: 8px; color: #BD2D26; font-family: "Gmarket Sans"; font-size: 24px; font-weight: 700; line-height: 100%;}

/*-------------------------------------------------------------------
	@ Pages
-------------------------------------------------------------------*/
.section01{position: relative; overflow: hidden;}
.section01 .swiper-pagination{position: absolute; top: auto; bottom: 30px; padding: 0; font-size: 0; line-height: 1;}
.section01 .swiper-pagination-bullet{width: 15px; height: 15px; background: #fff; opacity: 0.5; margin: 0 5px; transition: all 0.3s ease;}
.section01 .swiper-pagination-bullet-active{opacity: 1;}

/* section02 */
.section02{position: relative; aspect-ratio: 720 / 1178; padding: 60px 0 0; background: url('../images/m/sec02_bg.jpg') center / cover no-repeat; box-sizing: border-box;}
.section02 h2{display: block; max-width: 360px; margin: 0 auto; text-align: center;}
.section02 p{margin-top: 20px; color: #FFF; font-size: 14px; font-weight: 700; line-height: 150%; text-align: center;}
.section02 .arw{position: absolute; left:19.722%; top:61.630%; width:53.750%; transform: scale(0) rotate(7deg); transform-origin: left bottom; transition: all 0.8s ease;}
.section02 .arw.on{transform: scale(1) rotate(0);}

/* section03*/
.section03{position: relative; box-sizing: border-box; overflow: hidden;}
.section03 > div{position: relative; padding: 55px 0 60px; z-index: 10;}
.section03 iframe{position: absolute; left: 50%; top: 50%; width: 100%; aspect-ratio: 560 / 315; transform: translate(-50%, -50%) scale(8); pointer-events: none;}
.section03 h2{position: relative; max-width: 360px; margin: 0 auto; text-align: center; z-index: 10;}
.section03 .light{position: absolute; left: 0; top: 0;}
.section03 .box{margin-top: 45px;}
.section03 .box .best{text-align: center;}
.section03 .box .best h3{width: 360px; margin: 0 auto;}
.section03 .box .best .price{display: inline-flex; align-items: center; margin-top: 10px; color: #FFF; text-align: center; text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.50); font-family: "Gmarket Sans"; font-size: 30px; font-weight: 400; line-height: 60px;}
.section03 .box .best .price strong{display: block; width: 246px; margin-right: 5px; font-size: 40px; font-weight: 700; text-align: right;}
.section03 .box .best .count{display: inline-block; padding: 6px 20px; margin-top: 10px; background: #D22219; color: #FFF; font-size: 13px; font-weight: 700; line-height: 100%;}
.section03 .box .list{width: 320px; margin: 40px auto 0;}
.section03 .box .list li{display: flex;}
.section03 .box .list li + li{margin-top: 10px;}
.section03 .box .list li > img{width: 95px; height: auto;}
.section03 .box .list li .info{width: 225px; padding: 14px 18px 0 18px; background: #D22219; box-sizing: border-box;}
.section03 .box .list li .info .head{display: flex; align-items: center; justify-content: space-between;}
.section03 .box .list li .info .head img{width: 65px;}
.section03 .box .list li .info .head .count{padding: 0 10px; background: #fff; color: #D22219; font-size: 13px; font-weight: 700; line-height: 24px;}
.section03 .box .list li .info .price{display: flex; align-items: center; margin-top: 10px; color: #FFF; text-align: center; font-family: "Gmarket Sans"; font-size: 18px; font-weight: 400; line-height: 39px;}
.section03 .box .list li .info .price strong{display: block; width: 167px; margin-right: 5px; font-size: 26px; font-weight: 700; text-align: right;}

/* section04 */
.section04{padding: 55px 0; background: url('../images/m/sec04_bg.jpg') center top / cover no-repeat; box-sizing: border-box;}
.section04 h2{max-width: 360px; margin: 0 auto; text-align: center;}
.section04 .box{margin: 15px auto 0;}
.section04 .box .info{display: flex; align-items: center; justify-content: center; width: 300px; height: 300px; margin: 0 auto; border-radius: 100%; background: rgba(22, 6, 0, 0.80); backdrop-filter: blur(5px); text-align: center;}
.section04 .box .info .star{filter: brightness(60%);  animation: flicker 0.5s linear alternate infinite;}
.section04 .box .info .txt{margin: 16px 0 15px;}
.section04 .box .info p{color: #FFF; text-align: center; font-size: 16px; font-weight: 700; line-height: 150%;}
.section04 .box .receipt{position: relative; width: 320px; margin: 20px auto 0;}
.section04 .box .receipt strong{position: absolute; left: 116px; top: 282px; width: 90px; color: #FFF; font-size: 16px; font-weight: 800; line-height: 100%; text-align: right;}

/* section05 */
.section05{padding: 55px 0 40px; background: url('../images/m/sec05_bg.jpg') center top / cover no-repeat; text-align: center; box-sizing: border-box;}
.section05 h2{width: 360px; margin: 0 auto; text-align: center;}
.section05 .box{width: 360px; margin: 15px auto 0;}
.section05 .box > div{position: relative;}
.section05 .box .item1 .arw1{position: absolute; left:30.000%; top:23.066%; width:5.972%; transform-origin: right bottom; animation:pang 2s infinite ease-in-out;}
.section05 .box .item1 .arw2{position: absolute; left:21.667%; top:28.961%; width:7.361%; transform-origin: right bottom; animation:pang 2s infinite ease-in-out;}
.section05 .box .item1 .arw3{position: absolute; left:21.528%; top:36.183%; width:5.556%; transform-origin: right top; animation:pang 2s infinite ease-in-out;}
.section05 .box .item1 .arw4{position: absolute; left:70.000%; top:28.740%; width:7.361%; transform-origin: left bottom; animation:pang2 2s infinite ease-in-out;}
.section05 .box .item1 .arw5{position: absolute; left:72.083%; top:36.625%; width:5.556%; transform-origin: left top; animation:pang2 2s infinite ease-in-out;}
.section05 .box .item1 .arw6{position: absolute; left:26.389%; top:75.976%; width:7.361%; transform-origin: right center; animation:pang3 2s infinite ease-in-out;}
.section05 .box .item1 .arw7{position: absolute; left:65.417%; top:75.829%; width:7.361%; transform-origin: left center; animation:pang2 2s infinite ease-in-out;}
.section05 .box .item2{margin-top: 55px;}

/* section06 */
.section06{padding: 60px 0 255px; background: url('../images/m/sec06_bg.jpg') center top / cover no-repeat; text-align: center; box-sizing: border-box;}
.section06 h2{max-width: 360px; margin: 0 auto;}
.section06 h2 > span{display: block; width: 340px; margin: 0 auto;}
.section06 h2 > span > span{display: block; width: 0; overflow: hidden;}
.section06 h2 > span > span > img{width: 340px;}
.section06 h2.on > span > span{animation: txtMask 2.5s steps(1) both;}
.section06 h3{display: block; max-width: 360px; margin: 10px auto 0;}
.section06 .box{width: calc(100% - 40px); padding: 20px; margin: 45px auto 0; background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(5px); text-align: left; box-sizing: border-box;}
.section06 .box h4{display: block; color: #FFC85D; font-size: 14px; font-weight: 700; line-height: 150%;}
.section06 .box p{margin-top: 12px; color: #FFF; font-size: 12px; font-weight: 500; line-height: 150%;}

/* section07 */
.section07{position: relative; min-height: 700px; padding: 55px 0 60px; background: url('../images/m/sec07_bg.jpg') center top / cover no-repeat; text-align: center; box-sizing: border-box;}
.section07 > div{position: relative;}
.section07 h2{width: 220px; margin-left: 126px;}
.section07 .ob{position: absolute; left: 0; top: 0; width: 176px;}
.section07 .ob2{position: absolute; left: 0; top: 220px; width: 145px; z-index: 10;}
.section07 ul{width: 223px; margin-top: 25px; margin-left: 126px;}
.section07 ul li{padding: 10px 0 10px 60px; border-radius: 100px; background: url('../images/m/sec07_check.png') left 20px center / 30px auto rgba(0, 0, 0, 0.50) no-repeat; backdrop-filter: blur(2px);	color: #FFF; font-size: 16px; font-weight: 600; line-height: 150%; text-align: left;}
.section07 ul li + li{margin-top: 8px;}
.section07 iframe{width: calc(100% - 40px); aspect-ratio: 560 / 315; margin: 30px auto 0;}

/* section08 */
.section08{position: relative; padding: 60px 0 80px; background: url('../images/m/sec08_bg.jpg') center top / cover no-repeat; text-align: center; box-sizing: border-box; overflow: hidden;}
.section08 h2{position: relative; max-width: 360px; margin: 0 auto;}
.section08 h2 .txt{transform: translateX(300px); opacity: 0;}
.section08 h2.on .txt{transform: translateX(0); opacity: 1;}
.section08 h2 .txt1{position: absolute; left:10.972%; top:54.167%; width:9.167%; transition: all 0.7s ease;}
.section08 h2 .txt2{position: absolute; left:20.278%; top:54.762%; width:9.306%; transition: all 0.7s 0.1s ease;}
.section08 h2 .txt3{position: absolute; left:32.500%; top:54.167%; width:8.750%; transition: all 0.7s 0.2s ease;}
.section08 h2 .txt4{position: absolute; left:41.806%; top:54.762%; width:9.306%; transition: all 0.7s 0.3s ease;}
.section08 h2 .txt5{position: absolute; left:51.528%; top:54.167%; width:8.889%; transition: all 0.7s 0.4s ease;}
.section08 h2 .txt6{position: absolute; left:61.111%; top:54.167%; width:8.472%; transition: all 0.7s 0.5s ease;}
.section08 h2 .txt7{position: absolute; left:70.694%; top:54.167%; width:8.194%; transition: all 0.7s 0.6s ease;}
.section08 h2 .txt8{position: absolute; left:80.139%; top:54.167%; width:9.167%; transition: all 0.7s 0.7s ease;}
.section08 .list{width: 320px; margin: 40px auto 0;}
.section08 .list > li{padding-top: 45px; box-sizing: border-box;}
.section08 .list > li.item1{height: 420px; background: url('../images/m/sec08_item1_bg.jpg') center top / 320px auto no-repeat #840000;}
.section08 .list > li.item2{height: 389px; background: url('../images/m/sec08_item2_bg.jpg') center top / 320px auto no-repeat #40200F;}
.section08 .list > li h3{max-width: 320px; margin: 0 auto;}
.section08 .list > li ul{display: inline-block; margin-top: 20px;}
.section08 .list > li ul li{padding-left: 32px; background: url('../images/m/sec08_check.png') left top / 28px auto no-repeat; color: #FFF; font-size: 16px; font-weight: 600; line-height: 28px; text-align: left;}
.section08 .list > li ul li + li{margin-top: 10px;}

/* section09 */
.section09{position: relative; padding: 60px 0 70px; background: url('../images/m/sec09_bg.jpg') center / cover no-repeat; text-align: center; box-sizing: border-box;}
.section09 h2{max-width: 360px; margin: 0 auto;}
.section09 .list{display: inline-flex; flex-wrap: wrap; gap: 10px; width: 320px; margin: 40px auto 0;}
.section09 .list li{width: 155px; height: 205px; padding-top: 20px; box-sizing: border-box; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.20); transform: translateY(20vw); opacity: 0;}
.section09 .list.on li{transform: translateY(0); opacity: 1;}
.section09 .list li.item1{background: url('../images/m/sec09_item1_bg.jpg') center / 100% auto no-repeat; transition: all 0.7s ease;}
.section09 .list li.item2{background: url('../images/m/sec09_item2_bg.jpg') center / 100% no-repeat; transition: all 0.7s 0.2s ease;}
.section09 .list li.item3{background: url('../images/m/sec09_item3_bg.jpg') center / 100% no-repeat; transition: all 0.7s 0.4s ease;}
.section09 .list li.item4{background: url('../images/m/sec09_item4_bg.jpg') center / 100% no-repeat; transition: all 0.7s 0.6s ease;}
.section09 .list li p{margin-top: 4px; color: #000; font-size: 12px; font-weight: 700; line-height: 150%;}
.section09 .list li p strong{position: relative;}
.section09 .list li p strong span{position: relative; color: #BD2D26; z-index: 2;}
.section09 .list li p strong::after{position: absolute; left: -3px; bottom: -3px; width: calc(100% + 6px); border-bottom: 10px solid #FFD166; content: ""; z-index: 1;}
.section09 .list li p > span{position: relative; z-index: 2;}
.section09 .list2{width: 320px; margin: 10px auto 0;}
.section09 .list2 li{width: 100%; height: 120px; padding: 32px 0 0 20px; text-align: left; box-sizing: border-box;}
.section09 .list2 li + li{margin-top: 10px;}
.section09 .list2 li.item1{background: url('../images/m/sec09_item5_bg.jpg') center / 100% auto no-repeat;}
.section09 .list2 li.item2{background: url('../images/m/sec09_item6_bg.jpg') center / 100% auto no-repeat;}
.section09 .list2 li h3{display: block; width: 157px;}
.section09 .list2 li p{margin-top: 7px; color: #FFF; font-size: 12px; font-weight: 700; line-height: 150%;}
.section09 .list2 li p strong{color: #BD2D26;}
.section09 .ob{position: absolute; right: 0; top: 235px; width: 54px;}
.section09 .ob2{position: absolute; left: 0; top: 796px; width: 33px;}

/* section10 */
.section10{position: relative; padding: 60px 0 320px; background: url('../images/m/sec10_bg.jpg') center top no-repeat; text-align: center; box-sizing: border-box; overflow: hidden;}
.section10 h2{max-width: 360px; margin: 0 auto;}
.section10 .ob1{position: absolute; left: 0; top: 105px; width: 335px;}
.section10 .ob2{position: absolute; right: 0; top: 300px; width: 330px;}
.section10 .point{margin-top: 418px;}
.section10 .menu{margin-top: 70px;}
.section10 .menu + .menu{margin-top: 40px;}
.section10 .menu h3{padding-left: 20px; width: 150px; text-align: left;}
.section10 .menu .slide{position: relative; padding-left: 20px; margin-top: 20px;}
.section10 .menu .slide .swiper-slide{width: 52.941%; margin-right: 15px; text-align: left;}
.section10 .menu .slide .swiper-slide p{margin-top: 12px;}
.section10 .menu .slide .swiper-slide p img{width: auto; height: 14px;}
.section10 .ob4{position: absolute; left: 0; bottom: 87px; width: 108px;}
.section10 .ob5{position: absolute; left: 50%; bottom: 100px; transform: translateX(-50%); width: 135px;}
.section10 .ob6{position: absolute; right: 0; bottom: 82px; width: 104px;}
.section10 .txt{position: absolute; left: 0; bottom: 187px; width: 100%; color: #222; text-align: center; font-size: 14px; font-weight: 700; line-height: 150%; letter-spacing: -0.28px;}
.section10 .txt strong{color: #840000;}
.section10 .txt2{position: absolute; left: 0; bottom: 61px; width: 100%; color: #333; text-align: center; font-size: 12px; font-weight: 500; line-height: 150%;}

/* section11 */
.section11{position: relative; padding: 55px 0; background: url('../images/m/sec11_bg.jpg') center top / cover no-repeat; text-align: center; box-sizing: border-box; overflow: hidden;}
.section11 .cf{position: absolute; left: 0; top: 25px; transform: scale(0); transform-origin: center -120px; transition: all 0.7s ease;}
.section11 .cf.on{transform: scale(1);}
.section11 h2{position: relative; max-width: 360px; margin: 0 auto; z-index: 10;}
.section11 h2 + p{margin-top: 15px; color: #FFF; text-align: center; font-size: 14px; font-weight: 700; line-height: 150%;}
.section11 h2 + p strong{color: #FFC85D;}
.section11 .post{width: 314px; margin: 40px auto 0;}
.section11 .ch{display: inline-flex; gap: 6px; margin-top: 40px;}
.section11 .ch + .ch{margin-top: 6px;}
.section11 .ch li{display: flex; align-items: center; justify-content: center; width: 100px; height: 55px; border: 1px solid #CDA96E; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(5px); box-sizing: border-box;}

/* section12 */
.section12{position: relative; padding: 60px 0 0; background-color: #F9F4EA; text-align: center;}
.section12 h2{max-width: 360px; margin: 0 auto;}
.section12 .process h3{display: flex; align-items: center; justify-content: center; width: 124px; height: 36px; margin: 40px auto 0; border-radius: 100px; background: linear-gradient(90deg, #840000 0%, #CC4F4F 50%, #840000 100%); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.10);}
.section12 .process h3 img{width: auto; height: 19px;}
.section12 .process ul{display: inline-block; width: 340px; margin: 25px auto 0;}
.section12 .process ul li{display: inline-block; position: relative; width: 70px; padding-top: 70px; margin: 0 20px;}
.section12 .process ul li:nth-of-type(4),
.section12 .process ul li:nth-of-type(5){margin-top: 20px;}
.section12 .process ul li:first-child::after{display: none;}
.section12 .process ul li.item1{background: url('../images/sec12_item1.svg') center top / 100% auto no-repeat;}
.section12 .process ul li.item2{background: url('../images/sec12_item2.svg') center top / 100% auto no-repeat;}
.section12 .process ul li.item3{background: url('../images/sec12_item3.svg') center top / 100% auto no-repeat;}
.section12 .process ul li.item4{background: url('../images/sec12_item4.svg') center top / 100% auto no-repeat;}
.section12 .process ul li.item5{background: url('../images/sec12_item5.svg') center top / 100% auto no-repeat;}
.section12 .process ul li span{display: flex; align-items: center; justify-content: center; width: 67px; height: 20px; margin: -10px auto 0; border-radius: 100px; background: #40200F;}
.section12 .process ul li span img{width: auto; height: 10px;}
.section12 .process ul li p{margin-top: 8px; color: #222; text-align: center; font-size: 12px; font-weight: 500; line-height: 130%; letter-spacing: -0.52px;}
.section12 .process ul li::after{position: absolute; left: -30px; top: 25px; width: 20px; height: 20px; background: url('../images/sec12_arw.svg') center / 100% auto no-repeat; content: ""; transform: translateX(-40px); opacity: 0;}
.section12 .process ul.on li.item1::after{transform: translateX(0); opacity: 1; transition: all 0.4s ease;}
.section12 .process ul.on li.item2::after{transform: translateX(0); opacity: 1; transition: all 0.4s 0.2s ease;}
.section12 .process ul.on li.item3::after{transform: translateX(0); opacity: 1; transition: all 0.4s 0.4s ease;}
.section12 .process ul.on li.item4::after{transform: translateX(0); opacity: 1; transition: all 0.4s 0.6s ease;}
.section12 .process ul.on li.item5::after{transform: translateX(0); opacity: 1; transition: all 0.4s 0.8s ease;}
.section12 .support{position: relative; height: 560px; padding-top: 40px; margin-top: 30px; background: url('../images/m/sec12_support_bg.jpg') no-repeat center; box-sizing: border-box;}
.section12 .support h3{display: flex; align-items: center; justify-content: center; width: 124px; height: 36px; margin: 0 auto 0; border-radius: 100px; background: linear-gradient(90deg, #C69F61 0%, #EBCFA3 50%, #C69F61 100%); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.10);}
.section12 .support h3 img{width: auto; height: 19px;}
.section12 .support ul{width: 280px; margin: 20px auto 0;}
.section12 .support ul li{padding: 35px 0;}
.section12 .support ul li + li{border-top: 1px solid rgba(255, 255, 255, 0.50);}

/* section13 */
.section13{position: relative; padding: 60px 0; background: url('../images/m/sec13_bg.jpg') center top / cover no-repeat; text-align: center; box-sizing: border-box; overflow: hidden;}
.section13 h2{max-width: 360px; margin: 0 auto;}
.section13 .box{width: 320px; padding: 30px 25px 35px; margin: 40px auto 0; background: #FFF; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.30); box-sizing: border-box;}
.section13 .box .txt1{color: #221714; text-align: right; font-size: 11px; font-weight: 400; line-height: 140%;}
.section13 .box .txt2{margin-top: 12px; color: #000; text-align: left; font-size: 11px; font-weight: 400; line-height: 16px; letter-spacing: -0.6px;}
.section13 .box table{margin-top: 10px; border-top: 3px solid #160600;}
.section13 .box table thead tr th{height: 40px; border-left: 1px solid #979797; font-size: 12px; color: #221714; text-align: center; font-weight: 700; line-height: 100%;}
.section13 .box table thead tr th:first-child{border-left: 0;}
.section13 .box table tbody tr td{position: relative; height: 40px; border-left: 1px solid #979797; border-top: 1px solid #979797; color: #221714; text-align: center; font-size: 12px; font-weight: 500; line-height: 100%;}
.section13 .box table tbody tr td:first-child{border-left: 0;}
.section13 .box table tbody tr td strong{font-size: 14px;}
.section13 .box table tbody tr td strong s{position: relative; text-decoration: none;}
.section13 .box table tbody tr td strong s::after{position: absolute; left: 50%; top: 50%; width: 60px; height: 3px; background: #D22219; content: ""; transform: translateX(-50%) rotate(-11.15deg);}
.section13 .box table tbody tr td .mk{position: absolute; left: 0; top: 3px; width: 120px; transform: scale(3); opacity: 0; transition: all 0.5s ease;}
.section13 .box table tbody tr td .mk.on{transform: scale(1); opacity: 1;}
.section13 .box table tbody tr.total td{height: 45px; border-top: 0; border-left: 0; background: #D22219; color: #fff; font-size: 12px; font-weight: 700;}
.section13 .box table tbody tr.total td:last-child{font-size: 12px;}
.section13 .box table tbody tr.total td strong{font-size: 14px; line-height: 110%; font-weight: 700;}

/* section14 */
.section14{position: relative; padding: 65px 0 70px; background: url('../images/m/sec14_bg.jpg') left bottom #9A2924 no-repeat; box-sizing: border-box;}
.section14 h2{max-width: 360px; margin: 0 auto;}
.section14 .form{padding: 0 20px; margin-top: 35px;}
.section14 .form ul li + li{margin-top: 30px;}
.section14 .form ul li label{display: block; margin-bottom: 12px; color: #FFF; font-size: 14px; font-weight: 600; line-height: 100%;letter-spacing: -0.28px;}
.section14 .form ul li input[type=text],
.section14 .form ul li input[type=tel]{width: 100%; height: 45px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, 0.80); background: rgba(255, 255, 255, 0.10); font-size: 14px; color: #fff; box-sizing: border-box; caret-color: #fff;}
.section14 .form ul li textarea{width: 100%; height: 150px; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.80); background: rgba(255, 255, 255, 0.10); font-size: 14px; line-height: 150%; color: #fff; box-sizing: border-box; caret-color: #fff;}
.section14 .form .bottom{margin-top: 20px;}
.section14 .form .bottom .privacy{display: flex; align-items: center; color: #FFF; font-size: 14px; font-weight: 600; line-height: 100%; letter-spacing: -0.36px;}
.section14 .form .bottom .privacy .btn-privacy{margin-left: 15px; background: none; color: #FFF; font-size: 14px; font-weight: 700; line-height: 100%; letter-spacing: -0.36px; text-decoration: underline;}
.section14 .form .bottom .agree{margin-top: 50px; text-align: center;}
.section14 .form .bottom .agree input[type="radio"]{display: block; position: absolute; overflow: hidden; height: 1px; border: 0; width: 1px; clip: rect(1px, 1px, 1px, 1px);}
.section14 .form .bottom .agree input[type="radio"] + label{display: inline-block; position: relative; padding-left: 25px; margin-right: 15px; font-family: 'Pretendard'; font-size: 12px; line-height: 20px; color: #fff; cursor: pointer;}
.section14 .form .bottom .agree input[type="radio"] + label:before{position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url('../images/radio.png') center / 20px auto no-repeat; cursor: pointer; box-sizing: border-box; content: "";}
.section14 .form .bottom .agree input[type="radio"] + label:last-child{margin-right: 0;}
.section14 .form .bottom .agree input[type="radio"]:checked + label:before{background: url('../images/radio_checked.png') center / 20px auto no-repeat;}
.section14 .form .btn-submit{display: flex; justify-content: center; align-items: center; width: 160px; height: 44px; margin: 20px auto 0; background: #333; color: #FFF; font-size: 16px; font-weight: 600; letter-spacing: -0.48px;}

/* pop */
.pop{display: none; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 12000;}
.pop.on{display: flex;}
.pop > div{position: relative; width: 100%; height: 100%; padding: 30px 0 0; background: #fff; box-sizing: border-box;}
.pop .btn-close{position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; background: url('../images/m/ico_close.svg') center / 100% auto no-repeat; text-indent: -9999em;}
.pop .privacy h2{display: block; width: calc(100% - 60px); padding-bottom: 20px; margin: 0 auto; border-bottom: 1px solid #D7D7D7; color: #525252; font-family: "Cooper Black"; font-size: 22px; font-weight: 700; line-height: 140%;}
.pop .privacy .cont{height: calc(100% - 60px); padding: 20px 30px; color: #666; font-size: 12px; line-height: 150%; box-sizing: border-box; overflow-y: auto;}
.pop .privacy .cont h3{display: block; margin-top: 20px; color: #666; font-size: 12px; font-weight: 700; line-height: 150%;}
.pop .privacy .cont h3:first-child{margin-top: 0;}
.pop .privacy .cont p{color: #666; font-size: 12px; font-weight: 400; line-height: 150%;}
.pop .privacy .cont ul li{color: #666; font-size: 12px; font-weight: 400; line-height: 150%;}

/* section15 */
.section15{position: relative; padding: 65px 0; background: #FFFBF4;}
.section15 h2{max-width: 360px; margin: 0 auto;}
.section15 .head{padding: 0 20px; margin-top: 30px;}
.section15 .head .nice-select{float: none; width: 100%; height: 45px; padding-left: 20px; border: 1px solid #B3B3B3; border-radius: 0; background: none; font-size: 13px; font-weight: 600; color: #333; line-height: 43px;}
.section15 .head .nice-select:after{right: 27px; top: calc(50% - 3px); width: 8px; height: 8px; border-color: #000;}
.section15 .head .nice-select:hover{border-color: #B3B3B3;}
.section15 .head .nice-select .list{left: -1px; width: calc(100% + 2px); max-height: 250px; margin-top: 0; border: 1px solid #B3B3B3; border-top: 0; border-radius: 0; background: #FFFBF4; box-shadow: none; overflow-y: auto;}
.section15 .head .nice-select .list::after{position: absolute; left: 20px; top: 0; width: calc(100% - 40px); height: 1px; background: #b3b3b3; content: "";}
.section15 .head .nice-select .option{color: #333; font-size: 14px; font-weight: 600; line-height: 50px;}
.section15 .head .nice-select .option.selected{font-weight: 600;}
.section15 .head .nice-select .option:hover,
.section15 .head .nice-select .option.focus,
.section15 .head .nice-select .option.selected.focus{background: #fdf6ea;}
.section15 .head .ipt{position: relative; width: 100%; height: 45px; margin-top: 8px; border: 1px solid #B3B3B3; box-sizing: border-box;}
.section15 .head .ipt input[type=text]{width: 100%; height: 43px; padding: 0 60px 0 20px; border: 0; background: none; font-size: 13px; color: #333; box-sizing: border-box; caret-color: #333;}
.section15 .head .ipt button{position: absolute; right: 10px; top: 0; width: 43px; height: 43px; background: url('../images/ico_search.svg') center no-repeat; text-indent: -9999em;}
.section15 .head .btn-reset{width: 100%; background: none;}
.section15 .head .btn-reset span{display: inline-block; height: 42px; padding-left: 22px; margin: 0 auto; background: url('../images/ico_reset.svg') left center / 22px auto no-repeat; color: #333; font-size: 13px; font-weight: 600; line-height: 42px;}
.section15 ul.list-item{width: calc(100% - 40px); margin: 0 auto; border-top: 1px solid #000;}
.section15 ul.list-item li{display: none; position: relative; padding: 20px 0 20px 60px; border-bottom: 1px solid #B3B3B3;}
.section15 ul.list-item li.on{display: block;}
.section15 ul.list-item li .region{display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 10px; width: 50px; height: 32px; border-radius: 100px; background: #333; color: #FFF; font-size: 12px; font-weight: 600;}
.section15 ul.list-item li strong{display: block; color: #333; font-size: 14px; font-weight: 700; line-height: 100%; letter-spacing: -0.28px;}
.section15 ul.list-item li p{margin-top: 10px; color: #333; font-size: 12px; font-weight: 500; line-height: 100%; letter-spacing: -0.24px;}
.section15 .page{margin-top: 20px; text-align: center;}
.section15 .page .link{width: 20px; height: 20px; margin: 0 1px; border-radius: 100%; background: none; color: #666; text-align: center; font-size: 12px; font-weight: 400;}
.section15 .page .link.curr{background: #000; color: #fff; font-weight: 400;}
.section15 .page .first{width: 20px; height: 20px; background: url('../images/ico_first.svg') center no-repeat; text-indent: -9999em;}
.section15 .page .prev{width: 20px; height: 20px; background: url('../images/ico_prev.svg') center no-repeat; text-indent: -9999em;}
.section15 .page .next{width: 20px; height: 20px; background: url('../images/ico_next.svg') center no-repeat; text-indent: -9999em;}
.section15 .page .last{width: 20px; height: 20px; background: url('../images/ico_last.svg') center no-repeat; text-indent: -9999em;}
.section15 .no-result{padding: 0 20px;}
.section15 .no-result p{display: flex; justify-content: center; align-items: center; height: 300px; margin-top: 20px; border-top: 1px solid #000; border-bottom: 1px solid #B3B3B3;  color: #333; font-size: 18px; font-weight: 500; line-height: 150%; text-align: center;}

/* section16 */
.section16{position: relative; height: 950px; padding-top: 60px; background: url('../images/m/sec16_bg.jpg') center top / cover no-repeat; text-align: center; overflow: hidden; box-sizing: border-box;}
.section16 h2{max-width: 360px; margin: 0 auto;}
.section16 .slide{position: relative; width: 320px; margin: 120px auto 0;}
.section16 .slide .swiper-container{height:480px; touch-action: pan-y;}
.section16 .slide .swiper-slide{width: 320px; height: 480px; transform: scale(0.5); filter: blur(5px); opacity: 0; transition: all 0.7s; z-index: 1;}
.section16 .slide .swiper-slide img{width: 100%;}
.section16 .slide .swiper-slide-active{transform: scale(1); filter: blur(0);opacity: 1;z-index: 100;}
.section16 .slide .swiper-slide-prev{transform: scale(0.75) translateY(520px) !important; filter: blur(4px); opacity: 1; z-index: 5;}
.section16 .slide .swiper-slide-prev-2{transform: scale(0.56) translateY(1410px) !important; filter: blur(5px); opacity: 0; z-index: 4;}
.section16 .slide .swiper-slide-prev-3{transform: scale(0.37) translateY(3230px) !important; filter: blur(5px); opacity: 0; z-index: 3;}
.section16 .slide .swiper-slide-next{transform: scale(0.75) translateY(-520px) !important; filter: blur(4px); opacity: 1; z-index: 6;}
.section16 .slide .swiper-slide-next-2{transform: scale(0.56) translateY(-1410px) !important; filter: blur(5px); opacity: 0; z-index: 5;}
.section16 .slide .swiper-slide-next-3{transform: scale(0.37) translateY(-3230px) !important; filter: blur(5px); opacity: 0; z-index: 4;}
.section16 .slide .swiper-button-prev{left: 50%; top: -60px; width: 50px; height: 50px; margin: 0; margin-left: -25px; background: url('../images/m/btn_prev3.png') center / 50px auto no-repeat; text-indent: -9999em;}
.section16 .slide .swiper-button-next{left: 50%; top: auto; bottom: -60px; width: 50px; height: 50px; margin: 0; margin-left: -25px; background: url('../images/m/btn_next3.png') center / 50px auto no-repeat; text-indent: -9999em;}
.section16 .slide .swiper-button-prev::after{display: none;}
.section16 .slide .swiper-button-next::after{display: none;}
.section16 .slide .flip-card{width: 320px; height: 480px; perspective: 1200px; cursor: pointer;}
.section16 .slide .flip-card-inner{position: relative; width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(.4, .2, .2, 1); transform-style: preserve-3d;}
.section16 .slide .flip-card.active .flip-card-inner{transform: rotateY(180deg);}
.section16 .slide .flip-card-front,
.section16 .slide .flip-card-back{position: absolute; width: 100%; height: 100%; backface-visibility: hidden; top: 0; left: 0; box-shadow: 0 0 50px 0 rgba(199, 155, 74, 0.80);}
.section16 .slide .flip-card-front img,.section16 .flip-card-back img{width: 100%; display: block;}
.section16 .slide .flip-card-back{transform: rotateY(180deg);}
.section16 .slide .flip-card-back .con{position: absolute; left: 5px; top: 130px; width: 310px; height: calc(100% - 135px); overflow-y:auto; box-sizing: border-box;}
.section16 .slide .flip-card-back .mCSB_scrollTools{width: 2px;}
.section16 .slide .flip-card-back .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{border-radius: 2px; background: #9A8E77;}
.section16 .slide .flip-card-back .mCSB_scrollTools .mCSB_draggerRail{background: none;}
.section16 .slide .flip-card-back .mCSB_inside > .mCSB_container{margin-right: 0;}
.section16 .slide .flip-card-back .blind{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.section16 .slide .flip-card.active .flip-card-back .blind{display: none;}

/* section17 */
.section17{position: relative; height: 1170px; padding-top: 60px; background: url('../images/m/sec17_bg.jpg') center top / cover no-repeat; text-align: center; overflow: hidden; box-sizing: border-box;}
.section17 h2{max-width: 360px; margin: 0 auto;}
.section17 h2 + p{margin-top: 10px; color: #160600; font-size: 14px; font-weight: 700; line-height: 150%;}
.section17 h2 + p strong{color: #840000;}
.section17 .step-box{width: 320px; padding: 14px 0 16px; margin: 20px auto 40px; background: rgba(64, 32, 15, 0.10);}
.section17 .step-box ul{position: relative; height: 190px; margin-top: 10px; background: url('../images/m/sec17_step.png') center / 320px auto no-repeat}
.section17 .step-box ul li img{width: auto; height: 37px;}
.section17 .step-box ul li:nth-of-type(1){position: absolute; left: 85px; top: 6px;}
.section17 .step-box ul li:nth-of-type(2){position: absolute; left: 210px; top: 6px;}
.section17 .step-box ul li:nth-of-type(3){position: absolute; left: 229px; top: 79px;}
.section17 .step-box ul li:nth-of-type(4){position: absolute; left: 126px; top: 79px;}
.section17 .step-box ul li:nth-of-type(5){position: absolute; left: 65px; top: 79px;}
.section17 .step-box ul li:nth-of-type(6){position: absolute; left: 85px; top: 153px;}
.section17 .step-box ul li:nth-of-type(7){position: absolute; left: 210px; top: 153px;}
.section17 .step-box ul li:nth-of-type(1) img{opacity: 0; transform: translateX(-50px); transition: all 0.7s ease;}
.section17 .step-box ul li:nth-of-type(2) img{opacity: 0; transform: translateX(-50px); transition: all 0.7s 0.1s ease;}
.section17 .step-box ul li:nth-of-type(3) img{opacity: 0; transform: translateX(50px); transition: all 0.7s 0.3s ease;}
.section17 .step-box ul li:nth-of-type(4) img{opacity: 0; transform: translateX(50px); transition: all 0.7s 0.4s ease;}
.section17 .step-box ul li:nth-of-type(5) img{opacity: 0; transform: translateX(50px); transition: all 0.7s 0.5s ease;}
.section17 .step-box ul li:nth-of-type(6) img{opacity: 0; transform: translateX(-50px); transition: all 0.7s 0.7s ease;}
.section17 .step-box ul li:nth-of-type(7) img{opacity: 0; transform: translateX(-50px); transition: all 0.7s 0.8s ease;}
.section17 .step-box.on ul li img{opacity: 1; transform: translate(0, 0);}
.section17 .support{width: 340px; margin: 0 auto 0;}
.section17 .support iframe{margin-bottom: 15px;}
.section17 .txt{max-width: 360px; margin: 15px auto 0;}

/* section18 */
.section18{position: relative; aspect-ratio: 720/1260; padding-top: 50px; background: url('../images/m/sec18_bg.jpg') center top / cover no-repeat; text-align: center; overflow: hidden; box-sizing: border-box;}
.section18 h2{max-width: 360px; margin: 0 auto;}
.section18 h2 + p{margin-top: 16px; color: #FFF; text-align: center; font-size: 14px; font-weight: 700; line-height: 160%;}
.section18 h2 + p strong{color: #D13129;}

/* 서브공통 */
.sub{padding-top: 50px;}
.sub .banner{display: flex; align-items: center; justify-content: center; position: relative; height: 125px; background: url('../images/ev/m_banner_bg.jpg') repeat-x; text-align: center;}
.sub .banner .title{width: auto; height: 24px;}
.sub .banner .ob1{position: absolute; left: 0; top: 0; width: auto; height: 125px;}
.sub .banner .ob2{position: absolute; right: 0; top: 0; width: auto; height: 125px;}
.sub .content{padding: 30px 20px;}

/* 이벤트 */
.event-list ul li {display: none;}
.event-list ul li.on{display: block;}
.event-list ul li + li{margin-top: 20px;}
.event-list ul li a{display: block;}
.event-list ul li a .thum{width: 100%; aspect-ratio: 320/240; overflow: hidden;}
.event-list ul li a .thum img{width: 100%; height: 100%; object-fit: cover;}
.event-list ul li a .info{padding: 24px 20px; border: 1px solid #C9C9C9; border-top: 0;}
.event-list ul li a .info .ctg{width: 66px; margin-bottom: 8px; border-radius: 3px; background: #999; color: #FFF; font-size: 12px; font-weight: 600; line-height: 26px; text-align: center;}
.event-list ul li a .info .ctg.type1{background: #BD3C2F;}
.event-list ul li a .info .ctg.type2{background: #DD9C24;}
.event-list ul li a .info strong{display: block; height: 48px; margin-bottom: 15px; color: #000; font-size: 20px; font-weight: 700; line-height: 120%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.event-list ul li a .info p{color: #333; font-size: 12px; font-weight: 500; line-height: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.event-list ul li a .info p br{display: none;}
.event-list ul li a .info p + p{margin-top: 10px;}
.event-list ul li a .info .date{display: block; margin-top: 8px; color: #888; font-size: 12px; font-weight: 500; line-height: 100%;}
.event-list .empty{padding: 100px 0; color: #000; font-size: 20px; font-weight: 700; line-height: 130%; text-align: center;}
.event-view .head{padding: 20px 0; border-top: 1px solid #000;}
.event-view .head h2{display: block; color: #000; font-size: 20px; font-weight: 700; line-height: 130%;}
.event-view .head .ctg{width: 66px; margin-bottom: 8px; border-radius: 3px; background: #999; color: #FFF; font-size: 12px; font-weight: 600; line-height: 26px; text-align: center;}
.event-view .head .ctg.type1{background: #BD3C2F;}
.event-view .head .ctg.type2{background: #DD9C24;}
.event-view .view{padding-top: 20px; border-top: 1px solid #C9C9C9;}
.event-view .bottom{padding-top: 20px; margin-top: 20px; border-top: 1px solid #C9C9C9; text-align: center;}
.event-view .bottom .btn-list{display: inline-flex; align-items: center; justify-content: center; width: 120px; height: 46px; background: #333; color: #FFF; font-size: 14px; font-weight: 600;}

/* 페이징 */
.pagination{display: flex; justify-content: center; gap: 2px; margin-top: 20px;}
.pagination .page-num{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: #666; font-size: 12px; line-height: 100%;}
.pagination .page-num.on{border-radius: 100%; background: #333; font-weight: 700; color: #fff;}
.pagination .page-first{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: url('../images/ico_first.svg') center no-repeat; text-indent: -9999em;}
.pagination .page-prev{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: url('../images/ico_prev.svg') center no-repeat; text-indent: -9999em;}
.pagination .page-next{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: url('../images/ico_next.svg') center no-repeat; text-indent: -9999em;}
.pagination .page-last{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: url('../images/ico_last.svg') center no-repeat; text-indent: -9999em;}

/* 메인팝업 */
.modal-main{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000;}
.modal-main > div{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); box-sizing: border-box;}
.modal-main .popup-wrap{position: relative;}
.modal-main .swiper-container{overflow: hidden;}
.modal-main .swiper-button-prev{left: 0; top: calc(50% - 13px); width: 20px; height: 30px; background: rgba(0, 0, 0, 0.80);}
.modal-main .swiper-button-prev svg{width: 5px;}
.modal-main .swiper-button-prev:after{display: none;}
.modal-main .swiper-button-next{right: 0; top: calc(50% - 13px); width: 20px; height: 30px; background: rgba(0, 0, 0, 0.80);}
.modal-main .swiper-button-next svg{width: 5px;}
.modal-main .swiper-button-next:after{display: none;}
.modal-main .popup{position: relative; width: 100%; height: auto; padding: 0; box-sizing: border-box;}
.modal-main .popup-check{display: flex; align-items: center; justify-content: space-between;}
.modal-main .popup-check button{width: 50%; height: 42px; background: #000; color: #FFF; text-align: center; font-size: 12px; font-weight: 600; line-height: 120%; box-sizing: border-box;}
.modal-main .popup-check button + button{border-left: 1px solid #434343;}
@keyframes flicker {
  0% { filter: brightness(20%); }
  100% { filter: brightness(100%); }
}

@keyframes pang{
	0%{transform:scale(0) rotate(20deg); opacity: 1;}
	15%{transform:scale(1) rotate(0); opacity: 1;}
	60%{transform:scale(1); opacity: 1;}
	75%{transform:scale(1); opacity: 0;}
	100%{transform:scale(1); opacity: 0;}
}

@keyframes pang2{
	0%{transform:scale(0) rotate(-20deg); opacity: 1;}
	15%{transform:scale(1) rotate(0); opacity: 1;}
	60%{transform:scale(1); opacity: 1;}
	75%{transform:scale(1); opacity: 0;}
	100%{transform:scale(1); opacity: 0;}
}

@keyframes pang3{
	0%{transform:scale(0) rotate(15deg); opacity: 1;}
	15%{transform:scale(1) rotate(0); opacity: 1;}
	60%{transform:scale(1); opacity: 1;}
	75%{transform:scale(1); opacity: 0;}
	100%{transform:scale(1); opacity: 0;}
}

@keyframes txtMask{
	0%{width: 0;}
	10%{width: 12%;}
	15%{width: 22%;}
	20%{width: 34%;}
	25%{width: 44%;}
	30%{width: 47%;}
	50%{width: 60%;}
	55%{width: 70%;}
	60%{width: 83%;}
	65%{width: 93%;}
	70%{width: 100%;}
	100%{width: 100%;}
}