/* 공통 */
.container{
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}
figure{
    margin: auto;
}
/* quick */
.quick{
    position: fixed;
    top: 70%;
    transform: translateY(-50%);
    right: 10px;
    display: flex;
    flex-direction: column;
    z-index: 1000
}
.quick > a{
    width: 74px;
    height: 74px;
    padding-top: 1.6em;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.quick > a.kakao{
    position: relative;
    padding-top: 2em;
    border-radius: 10px 10px 0 0;
    border: 1px solid rgba(0,0,0,.1);
    border-bottom: none;
    background: #FAE104;
}
.quick > a.kakao::after{
    content: '';
    position: absolute;
    left: 50%;
    top: calc(50% - 14px);
    width: 34px;
    height: 34px;
    transform: translate(-50%,-50%);
    background: url(../images/ico-kakao.svg) 50% no-repeat;
    background-size: 34px auto;
}
.quick > a.top{
    position: relative;
    border-radius: 0 0 10px 10px;
    border: 1px solid rgba(0,0,0,.1);
    border-top: none;
    background: #fff;
    cursor: pointer;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.06);
}
.quick > a.top::after{
    content: '';
    position: absolute;
    left: 50%;
    top: calc(50% - 14px);
    width: 34px;
    height: 34px;
    transform: translate(-50%,-50%);
    background: url(../images/ico-top.svg) 50% no-repeat;
    background-size: 14px auto;
}
/* header-pc */
.nav.mobile{
    display: none;
}
.header-pc{
    position: relative;
    width: 100%;
    height: 74px;
    padding: 10px 0;
    background: rgba(255,255,255,.8);
    z-index: 999;
    box-sizing: border-box;
}
.header-pc.on{
    height: auto;
    background: rgba(255,255,255,1);
}
.header-pc .container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 54px;
    z-index: 999;
    box-sizing: border-box;
}
.header-pc .logo,.header-pc .m-logo{
    width: 54px;
    height: 54px;
    display: inline-flex;
    background: url(../images/win-logo.svg) 50% no-repeat;
    box-sizing: border-box;
}
.header-pc .m-logo{
    display: none;
}
.header-pc .mobile-btn{
    display: none;
    position: relative;
    width: 30px;
    height: 30px;
    background: url(../images/ico-menu.svg) 50% no-repeat;
    z-index: 9999;
    box-sizing: border-box;
}
.header-pc .menu{
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}
.header-pc .menu li{
    margin: 0 20px;
}
.header-pc .menu li:first-child{
    margin-left: 0;
}
.header-pc .menu li a{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 0;
    box-sizing: border-box;
}
.header-pc .menu li.active a,.header-pc .menu li a:hover{
    border-bottom: 1px solid #111;
}
.header-pc .etc{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-pc .etc li + li{
    margin-left: 30px;
}
.header-pc .etc li a{
    font-size: 14px;
    color: #666;
    padding-left: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
.header-pc .etc li:nth-child(1) a{
    background: url(../images/ico-user.svg) 0 50% no-repeat;
}
.header-pc .etc li:nth-child(2) a{
    background: url(../images/ico-document.svg) 0 50% no-repeat;
}
.header-pc .sub-menu{
    position: relative;
    width: 100%;
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 0;
    z-index: 999;
    background: #fff;
    overflow: hidden;
    transition: height .2s;
    box-sizing: border-box;
}
.header-pc.on .sub-menu{
    width: 100%;
    height: auto;
    padding-top: 24px;
    padding-bottom: 50px;
    margin-top: 1px;
    background: #fff;
    overflow: auto;
    transition: height .2s;
}
.header-pc .sub-menu .sub-menu-container{
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}
.header-pc.on .sub-menu .sub-menu-container{
    padding: 0 90px;
}
.header-pc .sub-menu .sub-menu-container .sub-menus{
    width: 50%;
    height: 0;
    overflow: hidden;
}
.header-pc .sub-menu .sub-menu-container .sub-menus.on{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 160px;
    overflow: auto;
}
.header-pc .sub-menu .sub-menu-container .sub-menus ul{
    display: inline-block;
    width: 100%;
    height: 120px;
    box-sizing: border-box;
}
.header-pc .sub-menu .sub-menu-container .sub-menus li a{
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
}

.header-pc .nav-curtain{
    background: rgba(232,232,237,.4);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    visibility: hidden;
    position: fixed;
    opacity: 0;
    top: 74px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 998;
    transition: height .2s;
    box-sizing: border-box;
}
.header-pc.on .nav-curtain{
    visibility: visible;
    opacity: 1;
    height: calc(100% - 74px);
    transition: height .2s;
}

/* 메인화면 */
.main-sec01{
    position: relative;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 50px;
}
.main-sec01::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    clip-path: polygon(0 90%, 100% 75%, 100% 100%, 0% 100%);
}
.main-sec01 .container{
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 60px;
    box-sizing: border-box;
}
.main-sec01 .container .main-sec01-txt{
    position: relative;
    z-index: 10;
}
.main-sec01 .container .main-sec01-txt h2{
    display: block;
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 14px;
}
.main-sec01 .container .main-sec01-txt p{
    font-size: 24px;
}
.main-sec01 .container .main-sec01-img {
    position: relative;
    margin-top: 160px;
    width: 600px;
    height: 614px;
    z-index: 10;
}
.main-sec01 .container .main-sec01-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 600px;
    height: 614px;
    background: url(../images/pos-img.png) 0 no-repeat;
    background-size: contain;
    z-index: 1;
}
.main-sec01 .container .main-sec01-img::after {
    content: '';
    position: absolute;
    top: -90px;
    left: -150px;
    width: 480px;
    height: 613px;
    background: url(../images/pos-person.png) 0 no-repeat;
    background-size: contain;
    z-index: 0;
}

.main-sec02{
    background: #f9f9f9;
}
.main-sec02 .container{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 30px 40px 100px 40px;
    box-sizing: border-box;
}
.main-sec02 .container .main-sec02-txt h2{
    display: block;
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 14px;
}
.main-sec02 .container .main-sec02-txt p{
    font-size: 24px;
}
.main-sec02 .container .main-sec02-img {
    position: relative;
    width: 524px;
    height: 792px;
    background: url(../images/kiosk-img.png) 0 no-repeat;
    background-size: contain;
    z-index: 10;
}

.main-sec03{
    position: relative;
    background: url(../images/main-bottom.png) 50% 100% no-repeat #fff;
    background-size: 100% auto;
}
.main-sec03 .container{
    position: relative;
    display: flex;
    align-items: center;
    padding: 110px 40px 460px 40px;
    box-sizing: border-box;
}
.main-sec03 .container .main-sec03-txt{
    margin-bottom: 4rem;
    z-index: 11;
}
.main-sec03 .container .main-sec03-txt h2{
    display: block;
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 14px;
}
.main-sec03 .container .main-sec03-txt p{
    font-size: 24px;
}
.main-sec03 .container .main-sec03-img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 690px;
    background: url(../images/total-img.png) 50% 0 no-repeat;
    background-size: contain;
    z-index: 10;
}
/* 서브화면 */
.sub-title{
    position: relative;
    width: 100%;
    background: rgba(255,255,255,.8);
    box-sizing: border-box;
}
.sub-title .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0 20px 0;
    box-sizing: border-box;
}
.sub-title .container h4{
    display: block;
    font-size: 24px;
}
.sub-title .container ul{
    display: flex;
}
.sub-title .container ul li{
    padding-right: 20px;
}
.sub-title .container ul li:last-child{
    padding-right: 0px;
}
.sub-title .container ul li a{
    font-size: 18px;
}
.sub-title.partner .container{
    background: url(../images/partner_top.png) top center no-repeat;
    background-size: cover;
    padding: 10px 0;
    justify-content: center;
    border-radius: 10px;
    box-sizing: border-box;
}
.sub-title.partner .container h4{
    padding: 50px 0;
    text-align: center;
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
}

.sub-contents{
    display: block;
    width: 100%;
}
.sub-contents.top-sec{
    margin-top: 0;
}
.sub-contents h6{
    display: block;
    font-size: 24px;
    font-weight: 400;
    color: #0066CC;
}
.sub-contents h4{
    display: block;
    font-size: 34px;
    margin-bottom: 14px;
}
.sub-contents h3{
    display: block;
    font-size: 70px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 14px;
}
.sub-contents h2{
    display: block;
    font-size: 90px;
    margin-top: 10px;
    margin-bottom: 14px;
}
.sub-contents p{
    font-size: 18px;
    font-size: 300;
    line-height: 1.5;
}

/* 가맹점 접수 */
.sub-partner-01{
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 4rem;
    box-sizing: border-box;
}
.sub-partner-01 .container{
    display: flex;
    flex-wrap: wrap;
    background: #fafafa;
    padding: 1.5rem;
}
.sub-partner-01 .container h6{
    display: block;
    width: 100%;
    font-size: 1.15em;
    font-weight: 400;
    color: #EA4335;
    margin-bottom: 1.2em;
}
.sub-partner-01 .sub-partner-half{
    width: 48%;
    margin: 0 1% 1em 1%;
    box-sizing: border-box;
}
.sub-partner-01 .sub-partner-full{
    width: 98%;
    margin: 0 1% 1em 1%;
    box-sizing: border-box;
}
.sub-partner-01 .sub-partner-center{
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
b.smallTitle {
	color: #37579f;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.10em;
	font-family: 'Roboto', sans-serif;
    margin-bottom: 1rem;
    display: block;
}
/* 포스series200 */

.series200 .bet .img{display:flex;justify-content: center}
.series200 .main{background-image: url("../images/200series_bg.jpg");}
#series200 .content{position: relative;}
#series200 .content1{    height: 60vh;
    background: url(../images/series200Bg_01.jpg) 50% 0 no-repeat;
    padding: 150px 0 60px 0px;
    transition: all 0.5s;
    background-size: cover;}
#series200 .content1>div{display:flex;flex-direction:column;justify-content: space-between;}
#series200 .content1 .img{display:flex;align-items: flex-end;justify-content: space-between;}
#series200 .content1 .title,#series200 .content2 .title{text-align: center;}

#series200 .content2{background:#fefefe;padding: 150px 0 60px 0px;}
#series200 .content2 .img_box{display:flex;justify-content: center;margin-top: 60px;}
#series200 .content2 .img_box .textbox{width: 25%;margin-top: 150px;}
#series200 .content2 .img_box .textbox dt { color: #222;  font-size: 2rem; font-weight: 700; letter-spacing: -0.015em;  position: relative; }
#series200 .content2 .img_box .textbox dd { padding-top: 5px;}
#series200 .content2 .img_box .textbox dd p{line-height: 1.875;color:#555;font-size: .9rem}
#series200 .content2 .img_box .textbox1{text-align: right;}
#series200 .content2 .img_box .textbox .point { gap: 0 4px; position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center;}
#series200 .content2 .img_box .textbox .circle {display: block; width: 25px; height: 25px;  border-radius: 50%;  background: #fff; border: 10px solid rgba(55, 87, 159, 0.9);}
#series200 .content2 .img_box .textbox .line {display: block;  width: 82px; height: 1px;  border: none; border-top: 1px dotted #37579f;}
#series200 .content2 .img_box .textbox2 .line{width: 170px;}
#series200 .content2 .img_box .textbox1 .point{right: -126px;}
#series200 .content2 .img_box .textbox2 .point{left: -213px;}

#series200 .content3{background-image: url("../images/series200Bg_02.jpg");height: 600px;background-position: center center;transition:all 0.5s;}
#series200 .contflex .title,#series250 .contflex .title{text-align: left;}
#series200 .content3 .title h3,#series200 .content4 .title h3,.simple .title h3{ margin: 25px 0 20px;}
#series200 .content3 .title p,#series200 .content4 .title p,.simple .title p{font-size:1.7rem;color:#444;}
#series200 .contflex>div,#series250 .contflex>div,#b250 .contflex>div{display:flex; align-items: center}
#series200 .content3 .arrow>div{display:flex;margin:310px 0 0 80px;}
#series200 .content3 .arrow p{font-size:2.4rem;color:#444;font-weight: bold;margin-right: 14px;}
#series200 .content3 .arrow .point{display:flex;align-items: center;}
#series200 .content3 .arrow .arrow_left{border-color: transparent #5558da transparent transparent; border-style: solid; border-width: 4px 5px 4px 0; float: left; height: 0; width: 0;}
#series200 .content3 .arrow .circle{display: block; width: 14px; height: 14px;  border-radius: 50%;  background: #fff; border: 5px solid rgba(55, 87, 159, 0.9);}
#series200 .content3 .arrow .line{display: block;  width: 155px; height: 1px;  border: none; border-top: 2px solid rgba(55,87,159, 0.5);}
#series200 .content3 .img{display:none;}

#series200 .content4{background-image: url("../images/series200Bg_03.jpg");height: 600px;transition:all 0.5s;}
#series200 .content4 .content4_in div{width: 50%;}

.simple{background-image: url("../images/series200Bg_04.jpg");height: 600px;transition:all 0.5s;}
.simple .img{display:none;}
#series250 .simple{background-image: url("../images/series200Bg_04-2.jpg");}

#series200 .content7{background-image: url("../images/series200Bg_06.jpg");height: 600px;background-position: center center;transition:all 0.5s;}
#series200 .content7 h3,#series200 .content7 .title p,#series200 .content8 h3,#series200 .content8 .title p, .strong .title h3, .strong .title p{color:#fff;}
#series200 .content7 .title p, .strong .title p,#series200 .content8 .title p{font-weight: 300;}
#series200 .content7 .title p,#series200 .content8 .title p{font-size:1.7rem;}
#series200 .content7 .title b,#series200 .content8 .title b, .strong .title b{color:#13c9fe;}

#series200 .content8{background-image: url("../images/series200Bg_07.jpg");height: 600px;transition:all 0.5s;}
#series200 .content8 .content8_in div{width: 50%;}
#series200 .content8 .title{padding-left: 165px;}
#series200 .content8 .title h3{line-height: 1.4210;}
#series200 .content9{background-image: url("../images/series200Bg_08.jpg");height: 680px;padding:120px 0 80px; transition:all 0.5s;}
#series200 .content9 .img{display:flex; align-items: flex-end; justify-content: center;margin-top: 52px;gap:65px;}
.peripheral{padding:90px 0  112px;}
.peripheral .img_box{margin-top: 45px;display:flex; justify-content: space-between;}
.peripheral .img_box .item{display:flex;width: calc(50% - 10px); background:#e0e0e0;border-radius:15px;}
.peripheral .img_box .item dl{margin: 145px 0 0 52px;}
.peripheral .img_box .item dt{font-size:1.6rem;font-weight: bold;color:#222;}
.peripheral .img_box .item dd{margin-top: 30px;}
.peripheral .img_box .item dd p{font-size:1rem;color:#444;line-height: 1.8823;text-indent: -3px; margin-left: 3px;}
.peripheral .img_box .item dd b{color:#37579f;}

/* 포스 */
.sub-pos-01{
    padding: 160px 0 240px 0;
    background: url(../images/200series_title-1.png) calc(50% + 350px) 50% no-repeat;
    background-size: 587px auto;
}
.sub-pos-02{
    padding: 380px 0 80px 0;
    background: url(../images/series200Bg_02.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.sub-pos-03{
    padding: 240px 0 210px 0;
    background: url(../images/series200Bg_03.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.sub-pos-03 .sub-sec03-txt{
    padding-left: 50%;
}
.sub-pos-04{
    position: relative;
    padding: 250px 0 315px 0;
}
.sub-pos-04::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 620px;
    height: 607px;
    background: url(../images/pos-img-04-01.png) 50% 0 no-repeat;
    background-size: cover;
}
.sub-pos-04::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 524px;
    height: 552px;
    background: url(../images/pos-img-04-02.png) 50% 0 no-repeat;
    background-size: cover;
}
.sub-pos-04 .container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-pos-04 .sub-sec04-txt h4,.sub-pos-04 .sub-sec04-txt p{
    text-align: center;
}
.sub-pos-05{
    position: relative;
    padding: 250px 0;
    background: url(../images/pos-img-05.png) 50% 0 no-repeat;
    background-size: cover;
}
.sub-pos-06{
    position: relative;
    padding: 150px 0;
    background: url(../images/pos-img-06-back.png) 50% 0 no-repeat;
    background-size: cover;
    overflow: hidden;
}
.sub-pos-06::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 370px;
    transform: translateX(-50%);
    width: 1133px;
    height: 707px;
    background: url(../images/pos-img-06-img.png) 50% 0 no-repeat;
    background-size: cover;
}
.sub-pos-06 .sub-sec06-txt{
    padding-bottom: 550px;
}
.sub-pos-06 .sub-sec06-txt h4,.sub-pos-06 .sub-sec06-txt p{
    text-align: center;
    color: #fff;
}
.sub-pos-06 .sub-sec06-list{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 10;
    box-sizing: border-box;
}
.sub-pos-06 .sub-sec06-list li{
    width: 312px;
    height: 312px;
    padding-top: 205px;
    border-radius: 20px;
    box-sizing: border-box;
}
.sub-pos-06 .sub-sec06-list li + li{
    margin-left: 30px;
}
.sub-pos-06 .sub-sec06-list li:nth-child(1){
    background: url(../images/gb_img01.png) 50% 35px no-repeat #fff;
    background-size: 212px auto;
}
.sub-pos-06 .sub-sec06-list li:nth-child(2){
    background: url(../images/gb_img02_01.png) 50% 35px no-repeat #fff;
    background-size: 212px auto;
}
.sub-pos-06 .sub-sec06-list li:nth-child(3){
    background: url(../images/pos-img-06-03.png) 50% 35px no-repeat #fff;
    background-size: 212px auto;
}
.sub-pos-06 .sub-sec06-list li h5{
    font-size: 28px;
    color: #1D1D1F;
    text-align: center;
}
.sub-pos-06 .sub-sec06-list li p{
    font-size: 18px;
    color: #1D1D1F;
    text-align: center;
}
.sub-pos-07{
    position: relative;
    padding: 220px 0 404px 0;
    background: url(../images/pos-img-07.png) calc(50% - 320px) 50% no-repeat;
    background-size: 761px auto;
}
.sub-pos-07 .sub-sec07-txt{
    padding-left: 57%;
}
.sub-pos-08{
    position: relative;
    padding: 250px 0;
    background: url(../images/series200Bg_06.jpg) 0 no-repeat;
    background-size: cover;
}
.sub-pos-08 .sub-sec08-txt{
    color: #fff;
}
.sub-pos-09{
    position: relative;
    padding: 250px 0;
    background: url(../images/pos-img-09.png) 50% 0 no-repeat;
    background-size: cover;
}
.sub-pos-09 .sub-sec09-txt{
    padding-left: 57%;
}
.sub-pos-09 .sub-sec09-txt h4,.sub-pos-09 .sub-sec09-txt p{
    color: #fff;
}
.sub-pos-10{
    padding: 120px 0 200px 0;
}
.sub-pos-10 .sub-sec10-txt{
    text-align: center;
    display: block;
    margin-bottom: 1rem;
}
.sub-pos-10 .sub-sec10-slide{
    position: relative;
    width: 1200px;
    height: 400px;
    border-radius: 20px;
    padding: 60px;
    box-sizing: border-box;
}
.sub-pos-10 .sub-sec10-slide p{
    margin-top: 1rem;
    width: 440px;
}
.sub-pos-10 .sub-sec10-slide + .sub-sec10-slide{
    margin-left: 30px;
}
.sub-pos-10 .sub-sec10-slide.slide01{
    background: url(../images/safe_img01-1.png) 100% 100% no-repeat #f9f9f9;
    background-size: contain;
}
.sub-pos-10 .sub-sec10-slide.slide01::before{
    content: '';
    position: absolute;
    top: 0;
    right: 60px;
    width: 56px;
    height: 70px;
    background: url(../images/pos-img-10-award.png) 0 no-repeat;
    background-size: 56px auto;
}
.sub-pos-10 .sub-sec10-slide.slide01::after{
    content: '';
    position: absolute;
    top: 0;
    right: 120px;
    width: 56px;
    height: 70px;
    background: url(../images/pos-img-10-award.png) 0 no-repeat;
    background-size: 56px auto;
}
.sub-pos-10 .sub-sec10-slide.slide02{
    background: url(../images/safe_img02-1.png) 100% 100% no-repeat #f9f9f9;
    background-size: 705px auto;
}

.sub-pos-10 .sub-sec10-slide.slide03{
    background: url(../images/kiposImg7-1-2.png) 100% 100% no-repeat #f9f9f9;
    background-size: contain;
}
.sub-pos-10 .sub-sec10-slide.slide04{
    background: url(../images/kiposImg7-2-2.png) 0% 100% no-repeat #f9f9f9;
    background-size: 705px auto;
    padding-left: 44rem;
}
.sub-pos-10 .sub-sec10-slide.slide04::before{
    content: '';
    position: absolute;
    top: 0;
    right: 60px;
    width: 56px;
    height: 70px;
    background: url(../images/pos-img-10-award.png) 0 no-repeat;
    background-size: 56px auto;
}

.sub-pos-10 .sub-sec10-slide h5{
    font-size: 1.8em;
}
.sub-pos-10 .sub-sec10-slide small{
    display: block;
    margin-top: 14px;
    font-size: .9em;
}
.sub-pos-11{
    padding: 0px 0 200px 0;
}
.sub-pos-11 .sub-sec11-img{
    position: relative;
    padding: 30px 0;
}
.sub-pos-11 .sub-sec11-img small{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    font-size: 30px;
    font-weight: 600;
}
.sub-pos-11 .sub-sec11-img img{
    display: block;
}
.sub-pos-11 .sub-sec11-img.pos-img-11-01 img{
    width: 1143px;
    margin: 0 auto;
}
.sub-pos-11 .sub-sec11-img.pos-img-11-02 img{
    width: 742px;
    margin: 0 auto;
}
.sub-pos-11 .sub-sec11-list{
    position: relative;
    display: flex;
    width: 100%;
    margin-top: 60px;
}
.sub-pos-11 .sub-sec11-list li{
    position: relative;
    padding: 104px 50px 40px 50px;
    background: #f9f9f9;
    border-radius: 20px;
    width: 33.33%;
    font-size: 21px;
    box-sizing: border-box;
}
.sub-pos-11 .sub-sec11-list li small{
    font-size: 80%;
}
.sub-pos-11 .sub-sec11-list li::after{
    content: '';
    position: absolute;
    left: 50px;
    top: 40px;
    width: 44px;
    height: 44px;
}
.sub-pos-11 .sub-sec11-list li:nth-child(1)::after{
    background: url(../images/ico-computer.svg) 50% no-repeat;
}
.sub-pos-11 .sub-sec11-list li:nth-child(2)::after{
    background: url(../images/ico-port.svg) 50% no-repeat;
}
.sub-pos-11 .sub-sec11-list li:nth-child(3)::after{
    background: url(../images/ico-usb.svg) 50% no-repeat;
}
.sub-pos-11 .sub-sec11-list li + li{
    margin-left: 30px;
}
.sub-pos-12{
    padding: 120px 0 0 0;
    background: #eee;
}
.sub-sec12-slider-wrap{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav{
    position: relative;
    padding: 100px 0 70px 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav + .slide-nav{
    margin-left: 20px;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .option-wrap{
    display: block;
    margin-bottom: 36px;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .option-wrap .option-txt{
    display: none;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .option-wrap .option-txt.on{
    display: block;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .option-wrap .option-txt .option{
    display: block;
    color: #0066CC;
    font-size: 18px;
    margin-bottom: 12px;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .option-wrap .option-txt .title{
    display: block;
    font-size: 30px;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav-wrap{
    display: flex;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav-wrap .slide-nav .box{
    padding: 30px;
    text-align: center;
    width: 150px;
    height: 150px;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0);
    cursor: pointer;
    box-sizing: border-box;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav-wrap .slide-nav.on .box{
    border: 1px solid rgba(0,0,0,1);
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav.slide-nav01 .box{
    background: url(../images/s-option-01.png) 50% 100% no-repeat #fff;
    background-size: 93px auto;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav.slide-nav02 .box{
    background: url(../images/s-option-02.png) 50% 100% no-repeat #fff;
    background-size: 93px auto;
}
.sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav.slide-nav03 .box{
    background: url(../images/s-option-03.png) 50% 100% no-repeat #fff;
    background-size: 93px auto;
}
.sub-sec12-slider-wrap .sub-sec12-slider .sub-sec12-slide{
    display: none;
    width: 600px;
    height: 440px;
    box-sizing: border-box;
}
.sub-sec12-slider-wrap .sub-sec12-slider .sub-sec12-slide.slide01{
    background: url(../images/option-01.png) 100% 100% no-repeat;
    background-size: contain;
}
.sub-sec12-slider-wrap .sub-sec12-slider .sub-sec12-slide.slide02{
    background: url(../images/option-02.png) 100% 100% no-repeat;
    background-size: contain;
}
.sub-sec12-slider-wrap .sub-sec12-slider .sub-sec12-slide.slide03{
    background: url(../images/option-03.png) 100% 100% no-repeat;
    background-size: contain;
}
.sub-sec12-slider-wrap .sub-sec12-slider .sub-sec12-slide.on{
    display: block;
}

.sub-pos-13{
    padding: 120px 0 163px 0;
    background: url(../images/pos-img-13.png) calc(50% - 300px) 100% no-repeat #fff;
    background-size: 768px auto;
}
.sub-pos-13 .sub-sec13-txt{
    position: relative;
    padding-left: 62%;
}
.sub-pos-13 .sub-sec13-txt ul{
    position: relative;
    display: flex;
    width: 100%;
    margin-top: 50px;
}
.sub-pos-13 .sub-sec13-txt ul li{
    position: relative;
    width: 72px;
    height: 72px;
    box-sizing: border-box;
}
.sub-pos-13 .sub-sec13-txt ul li + li{
    margin-left: 14px;
}

.sub-pos-14{
    position: relative;
    padding: 323px 0 274px 0;
    background: radial-gradient(39.25% 21.5% at 69.06% 77.25%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #111111;
}
.sub-pos-14::after{
    content: '';
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 955px;
    height: 520px;
    background: url(../images/pos-img-14.png) 0 no-repeat;
    background-size: cover;
    z-index: 5;
}
.sub-pos-14 .sub-sec14-txt{
    position: relative;
    z-index: 20;
}
.sub-pos-14 h4,.sub-pos-14 p{
    color: #fff;
}

.sub-pos-15{
    padding: 120px 0 160px 0;
}
.sub-pos-15 ul{
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.sub-pos-15 ul li{
    width: calc(50% - 15px);
    padding: 120px 30px 120px 270px;
    border-radius: 20px;
    box-sizing: border-box;
}
.sub-pos-15 ul li + li{
    margin-left: 30px;
}
.sub-pos-15 ul li:nth-child(2){
    padding-left: 310px;
}
.sub-pos-15 ul li h5{
    display: block;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 14px;
}
.sub-pos-15 ul li small{
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 300;
    padding-left: 14px;
}
.sub-pos-15 ul li small::after{
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-weight: 300;
}
.sub-pos-15 ul li small + small{
    margin-top: 10px;
}
.sub-pos-15 ul li:nth-child(2) small{
    padding: 0;
}
.sub-pos-15 ul li:nth-child(2) small::after{
    display: none;
}
.sub-pos-15 ul li:nth-child(1){
    background: url(../images/pos-img-15-01.png) 0 100% no-repeat #f9f9f9;
    background-size: 206px auto;
}
.sub-pos-15 ul li:nth-child(2){
    background: url(../images/pos-img-15-02.png) 0 100% no-repeat #f9f9f9;
    background-size: 258px auto;
}
.sub-pos-16{
    padding: 120px 0 440px 0;
    background: url(../images/pos-img-16.png) 100% 100% no-repeat #eee;
    background-size: 1320px auto;
}
.sub-pos-16 .btn-detail{
    background: #fff;
}
/* 키오스크 */
.sub-kiosk-01{
    padding: 160px 0 240px 0;
    background: url(../images/kiosk-img-01.png) calc(50% + 350px) 50% no-repeat;
    background-size: 310px auto;
}
.sub-kiosk-02{
    padding: 120px 0 140px 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 34.62%), #FFFFFF;
}
.sub-kiosk-02 ul{
    display: flex;
    margin-top: 50px;
}
.sub-kiosk-02 li{
    position: relative;
    width: 25%;
    padding: 104px 50px 40px 50px;
    background: #f9f9f9;
    border-radius: 20px;
    box-sizing: border-box;
}
.sub-kiosk-02 ul li h5{
    font-size: 1.4em;
    margin-bottom: 6px;
}
.sub-kiosk-02 ul li::after{
    content: '';
    position: absolute;
    left: 50px;
    top: 40px;
    width: 44px;
    height: 44px;
}
.sub-kiosk-02 ul li:nth-child(1)::after{
    background: url(../images/ico-touch.svg) 50% no-repeat;
}
.sub-kiosk-02 ul li:nth-child(2)::after{
    background: url(../images/ico-ring.svg) 50% no-repeat;
}
.sub-kiosk-02 ul li:nth-child(3)::after{
    background: url(../images/ico-computer.svg) 50% no-repeat;
}
.sub-kiosk-02 ul li:nth-child(4)::after{
    background: url(../images/ico-setting.svg) 50% no-repeat;
}
.sub-kiosk-02 ul li + li{
    margin-left: 30px;
}
.sub-kiosk-03{
    position: relative;
    padding: 200px 0;
    background: url(../images/kiosk-img-03.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-kiosk-03 .sub-sec03-txt{
    display: block;
    width: 710px;
    box-sizing: border-box;
}
.sub-kiosk-03 .sub-sec03-spec{
    display: flex;
    width: 710px;
    margin-top: 40px;
    box-sizing: border-box;
}
.sub-kiosk-03 .sub-sec03-spec li{
    width: 170px;
    height: 170px;
    text-align: center;
    padding-top: 100px;
    border-radius: 20px;
    box-sizing: border-box;
}
.sub-kiosk-03 .sub-sec03-spec li h5{
    font-size: 1.3em;
}
.sub-kiosk-03 .sub-sec03-spec li + li{
    margin-left: 10px;
}
.sub-kiosk-03 .sub-sec03-spec li:nth-child(1){
    background: url(../images/kiosk-img-03-01.png) 50% 21px no-repeat #fff;
    background-size: 64px auto;
}
.sub-kiosk-03 .sub-sec03-spec li:nth-child(2){
    background: url(../images/kiosk-img-03-02.png) 50% 21px no-repeat #fff;
    background-size: 106px auto;
}
.sub-kiosk-03 .sub-sec03-spec li:nth-child(3){
    background: url(../images/kiosk-img-03-03.png) 50% 21px no-repeat #fff;
    background-size: 106px auto;
}
.sub-kiosk-03 .sub-sec03-spec li:nth-child(4){
    padding-top: 80px;
    background: url(../images/kiosk-img-03-04.png) 50% 7px no-repeat #fff;
    background-size: 116px auto;
}
.sub-kiosk-04{
    padding: 260px 0;
    background: url(../images/kiosk-img-04.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-kiosk-04 .sub-sec04-txt{
    padding-left: 0%;
}
.sub-kiosk-05{
    padding: 240px 0;
    background: url(../images/kiosk-img-05.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-kiosk-06{
    padding: 358px 0 179px 0;
    background: url(../images/kiosk-img-06.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-kiosk-06 .sub-sec06-txt{
    padding-left: 60%;
}

.sub-kiosk-07{
    padding: 120px 0 200px 0;
}
.sub-kiosk-07 .sub-sec07-slider{
    margin-top: 40px;
}
.sub-kiosk-07 .sub-sec07-slide{
    position: relative;
    width: 1200px;
    height: 600px;
    border-radius: 20px;
    padding: 60px;
    box-sizing: border-box;
}
.sub-kiosk-07 .sub-sec07-slide + .sub-sec07-slide{
    margin-left: 30px;
}
.sub-kiosk-07 .sub-sec07-slide.slide01{
    background: url(../images/kiosk-img-07-01.png) 100% 100% no-repeat #f9f9f9;
    background-size: auto 100%;
}
.sub-kiosk-07 .sub-sec07-slide.slide01 .apple{
    position: absolute;
    left: 60px;
    bottom: 60px;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    background: url(../images/ico-apple.svg) 0% 50% no-repeat;
    background-size: 24px auto;
}
.sub-kiosk-07 .sub-sec07-slide.slide02{
    background: url(../images/kiosk-img-07-02.png) 100% 100% no-repeat #f9f9f9;
    background-size: auto 100%;
}
.sub-kiosk-07 .sub-sec07-slide.slide03{
    padding-left: 600px;
    background: url(../images/kiosk-img-07-03.png) 0 100% no-repeat #f9f9f9;
    background-size: cover;
}
.sub-kiosk-07 .sub-sec07-slide h5{
    font-size: 1.8em;
}
.sub-kiosk-07 .sub-sec07-slide small{
    display: block;
    margin-top: 14px;
    font-size: 1.2em;
}

.sub-kiosk-08{
    position: relative;
    padding: 395px 0;
}
.sub-kiosk-08::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 700px;
    height: 100%;
    background: url(../images/kiosk-img-08-01.png) 0 100% no-repeat;
    background-size: cover;
}
.sub-kiosk-08::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 700px;
    height: 100%;
    background: url(../images/kiosk-img-08-02.png) 0 100% no-repeat;
    background-size: cover;
}
.sub-kiosk-08 h4,.sub-kiosk-08 p{
    text-align: center;
}

.sub-kiosk-09{
    position: relative;
    padding: 120px 0 140px 0;
}
.sub-kiosk-09 h4{
    text-align: center;
}
.sub-kiosk-09 .kiosk-img-10{
    display: block;
    width: 730px;
    height: 655px;
    margin: 40px auto 0 auto;
    background: url(../images/kiosk-img-10.png) 50% no-repeat;
    background-size: cover;
}
.sub-kiosk-09 .sub-sec09-spec{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;
    box-sizing: border-box;
}
.sub-kiosk-09 .sub-sec09-spec li{
    position: relative;
    width: calc(50% - 15px);
    height: 260px;
    text-align: left;
    padding-top: 50px;
    padding-left: 120px;
    border-radius: 20px;
    margin-bottom: 30px;
    background: #f9f9f9;
    box-sizing: border-box;
}
.sub-kiosk-09 .sub-sec09-spec li h5{
    font-size: 1.4em;
    margin-bottom: 10px;
}
.sub-kiosk-09 .sub-sec09-spec li p{
    font-size: 1.2em;
}
.sub-kiosk-09 .sub-sec09-spec li .dot{
    position: relative;
    font-size: 1.2em;
    padding-left: 10px;
}
.sub-kiosk-09 .sub-sec09-spec li .dot + .dot{
    margin-top: 14px;
}
.sub-kiosk-09 .sub-sec09-spec li .dot::after{
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em;
}
.sub-kiosk-09 .sub-sec09-spec li .dot small{
    display: block;
    font-size: 85%;
    margin-top: 6px;
}
.sub-kiosk-09 .sub-sec09-spec li + li{
    margin-left: 30px;
}
.sub-kiosk-09 .sub-sec09-spec li:nth-child(2) + li{
    margin-left: 0;
}
.sub-kiosk-09 .sub-sec09-spec li::after{
    content: '';
    position: absolute;
    top: 40px;
    left: 50px;
    width: 44px;
    height: 44px;
}
.sub-kiosk-09 .sub-sec09-spec li:nth-child(1)::after{
    background: url(../images/ico-task.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-09 .sub-sec09-spec li:nth-child(2)::after{
    background: url(../images/ico-brand.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-09 .sub-sec09-spec li:nth-child(3)::after{
    background: url(../images/ico-earth.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-09 .sub-sec09-spec li:nth-child(4)::after{
    background: url(../images/ico-mobile.svg) 0 no-repeat;
    background-size: 44px auto;
}

.sub-kiosk-10{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f9f9f9;
}
.sub-kiosk-10 h4,.sub-kiosk-10 p{
    text-align: center;
}
.sub-kiosk-10 .sub-sec10-spec{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;
    box-sizing: border-box;
}
.sub-kiosk-10 .sub-sec10-spec li{
    position: relative;
    width: calc(16% - 10px);
    height: 200px;
    font-size: 1.4em;
    text-align: center;
    padding-top: 130px;
    border-radius: 20px;
    margin-bottom: 20px;
    background: #fff;
    box-sizing: border-box;
}
.sub-kiosk-10 .sub-sec10-spec li::after{
    content: '';
    position: absolute;
    top: 45px;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translateX(-50%);
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(1)::after{
    background: url(../images/kiosk-img-12-01.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(2)::after{
    background: url(../images/kiosk-img-12-02.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(3)::after{
    background: url(../images/kiosk-img-12-03.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(4)::after{
    background: url(../images/kiosk-img-12-04.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(5)::after{
    background: url(../images/kiosk-img-12-05.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(6)::after{
    background: url(../images/kiosk-img-12-06.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(7)::after{
    background: url(../images/kiosk-img-12-07.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(8)::after{
    background: url(../images/kiosk-img-12-08.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(9)::after{
    background: url(../images/kiosk-img-12-09.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(10)::after{
    background: url(../images/kiosk-img-12-10.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(11)::after{
    background: url(../images/kiosk-img-12-11.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(12)::after{
    background: url(../images/kiosk-img-12-12.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(13)::after{
    background: url(../images/kiosk-img-12-13.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(14)::after{
    background: url(../images/kiosk-img-12-14.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(15)::after{
    background: url(../images/kiosk-img-12-15.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(16)::after{
    background: url(../images/kiosk-img-12-16.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(17)::after{
    background: url(../images/kiosk-img-12-17.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(18)::after{
    background: url(../images/kiosk-img-12-18.svg) 0 no-repeat;
    background-size: 44px auto;
}
.sub-kiosk-10 .sub-sec10-spec li + li{
    margin-left: 20px;
}
.sub-kiosk-10 .sub-sec10-spec li:nth-child(6n) + li{
    margin-left: 0px;
}

/* 테이블오더 */
.sub-order-01{
    padding: 130px 0 290px 0;
    background: url(../images/order-img-01.png) calc(50% + 350px) 100% no-repeat;
    background-size: 650px auto;
}
.sub-order-02{
    padding: 120px 0 140px 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 34.62%), #FFFFFF;
}
.sub-order-02 ul{
    display: flex;
    margin-top: 50px;
}
.sub-order-02 li{
    position: relative;
    width: 25%;
    padding: 104px 50px 40px 50px;
    background: #f9f9f9;
    border-radius: 20px;
    box-sizing: border-box;
}
.sub-order-02 ul li h5{
    font-size: 1.4em;
    margin-bottom: 6px;
}
.sub-order-02 ul li::after{
    content: '';
    position: absolute;
    left: 50px;
    top: 40px;
    width: 44px;
    height: 44px;
}
.sub-order-02 ul li:nth-child(1)::after{
    background: url(../images/order-img-02-01.svg) 50% no-repeat;
}
.sub-order-02 ul li:nth-child(2)::after{
    background: url(../images/order-img-02-02.svg) 50% no-repeat;
}
.sub-order-02 ul li:nth-child(3)::after{
    background: url(../images/order-img-02-03.svg) 50% no-repeat;
}
.sub-order-02 ul li:nth-child(4)::after{
    background: url(../images/order-img-02-04.svg) 50% no-repeat;
}
.sub-order-02 ul li + li{
    margin-left: 30px;
}
.sub-order-03{
    position: relative;
    padding: 190px 0;
    background: url(../images/order-img-03.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-03 h4{
    color: #fff;
}
.sub-order-04{
    position: relative;
    padding: 200px 0;
    background: url(../images/order-img-04.png) calc(50% - 300px) 100% no-repeat;
    background-size: 560px auto;
}
.sub-order-04 .sub-sec04-txt{
    padding-left: 55%;
}
.sub-order-04 .sub-sec04-txt ul{
    margin-top: 30px;
}
.sub-order-04 .sub-sec04-txt ul li{
    position: relative;
    padding-left: 14px;
    line-height: 1.6;
}
.sub-order-04 .sub-sec04-txt ul li::after{
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}
.sub-order-05{
    position: relative;
    padding: 86px 0 290px 0;
    background: url(../images/order-img-05.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-05 h4{
    text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45);
}
.sub-order-05 h4,.sub-order-05 p{
    text-align: center;
    color: #fff;
}
.sub-order-06{
    position: relative;
    padding: 120px 0 140px 0;
}
.sub-order-06 h4,.sub-order-06 p{
    text-align: center;
}
.sub-order-06 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
}
.sub-order-06 ul li{
    position: relative;
    width: 23%;
    padding-top: 230px;
    text-align: center;
    margin-bottom: 30px;
}
.sub-order-06 ul li h5{
    font-size: 1.4em;
    margin-bottom: 6px;
}
.sub-order-06 ul li p{
    font-size: 1em;
}
.sub-order-06 ul li:nth-child(4n){
    margin-right: 0;
}
.sub-order-06 ul li::after{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 200px;
}
.sub-order-06 ul li:nth-child(1)::after{
    background: url(../images/order-img-06-01.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-06 ul li:nth-child(2)::after{
    background: url(../images/order-img-06-02.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-06 ul li:nth-child(3)::after{
    background: url(../images/order-img-06-03.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-06 ul li:nth-child(4)::after{
    background: url(../images/order-img-06-04.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-06 ul li:nth-child(5)::after{
    background: url(../images/order-img-06-05.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-06 ul li:nth-child(6)::after{
    background: url(../images/order-img-06-06.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-06 ul li:nth-child(7)::after{
    background: url(../images/order-img-06-07.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-06 ul li:nth-child(8)::after{
    background: url(../images/order-img-06-08.png) 50% 0% no-repeat;
    background-size: cover;
}

.sub-order-07{
    padding: 120px 0 200px 0;
}
.sub-order-07 .sub-sec07-slider{
    margin-top: 40px;
}
.sub-order-07 .sub-sec07-slide{
    position: relative;
    width: 1200px;
    height: 520px;
    border-radius: 20px;
    padding: 60px;
    box-sizing: border-box;
}
.sub-order-07 .sub-sec07-slide + .sub-sec07-slide{
    margin-left: 30px;
}
.sub-order-07 .sub-sec07-slide.slide01{
    background: url(../images/order-img-07-01.png) calc(100% - 130px) 50% no-repeat #f9f9f9;
    background-size: 462px auto;
}
.sub-order-07 .sub-sec07-slide.slide02{
    background: url(../images/order-img-07-02.png) calc(100% - 70px) 50% no-repeat #f9f9f9;
    background-size: 541px auto;
}
.sub-order-07 .sub-sec07-slide.slide03{
    background: url(../images/order-img-07-03.png) calc(100% - 60px) 50% no-repeat #f9f9f9;
    background-size: 641px auto;
}
.sub-order-07 .sub-sec07-slide h5{
    font-size: 1.8em;
}
.sub-order-07 .sub-sec07-slide small{
    display: block;
    margin-top: 14px;
    font-size: 1.2em;
}

.sub-order-08{
    position: relative;
    padding: 0px 0 130px 0;
}
.sub-order-08 .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub-order-08 .sub-sec08-img{
    width: 360px;
}
.sub-order-08 .sub-sec08-txt{
    width: calc(100% - 400px);
}
.sub-order-08 .sub-sec08-txt ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.sub-order-08 .sub-sec08-txt ul li{
    position: relative;
    padding-left: 120px;
    padding-right: 30px;
    width: 50%;
    min-height: 100px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.sub-order-08 .sub-sec08-txt ul li h5{
    font-size: 18px;
    margin-bottom: 6px;
}
.sub-order-08 .sub-sec08-txt ul li p{
    font-size: 16px;
    line-height: 1.4;
}
.sub-order-08 .sub-sec08-txt ul li::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 104px;
    height: 100px;
}
.sub-order-08 .sub-sec08-txt ul li:nth-child(1)::after{
    background: url(../images/order-img-08-01.png) 50% no-repeat;
    background-size: cover;
}
.sub-order-08 .sub-sec08-txt ul li:nth-child(2)::after{
    background: url(../images/order-img-08-02.png) 50% no-repeat;
    background-size: cover;
}
.sub-order-08 .sub-sec08-txt ul li:nth-child(3)::after{
    background: url(../images/order-img-08-03.png) 50% no-repeat;
    background-size: cover;
}
.sub-order-08 .sub-sec08-txt ul li:nth-child(4)::after{
    background: url(../images/order-img-08-04.png) 50% no-repeat;
    background-size: cover;
}
.sub-order-08 .sub-sec08-txt ul li:nth-child(5)::after{
    background: url(../images/order-img-08-05.png) 50% no-repeat;
    background-size: cover;
}
.sub-order-08 .sub-sec08-txt ul li:nth-child(6)::after{
    background: url(../images/order-img-08-06.png) 50% no-repeat;
    background-size: cover;
}

.sub-order-09{
    position: relative;
    padding: 100px 0 130px 0;
    background: #f9f9f9;
}
.sub-order-09 h4,.sub-order-09 p{
    text-align: center;
}
.sub-order-09 .order-img-09{
    display: block;
    margin: 40px auto 0 auto;
}
.sub-order-09 .sub-sec09-pic{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.sub-order-09 .sub-sec09-pic li{
    width: 370px;
    height: 260px;
    box-sizing: border-box;
}
.sub-order-09 .sub-sec09-pic li img{
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
}
.sub-order-10{
    padding: 110px 0 140px 0;
}
.sub-order-10 h4{
    text-align: center;
}
.sub-order-10 ul{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.sub-order-10 li{
    position: relative;
    width: 32%;
    padding: 104px 50px 40px 50px;
    background: #f9f9f9;
    border-radius: 20px;
    font-size: 1.4em;
    box-sizing: border-box;
}
.sub-order-10 ul li::after{
    content: '';
    position: absolute;
    left: 50px;
    top: 40px;
    width: 44px;
    height: 44px;
}
.sub-order-10 ul li:nth-child(1)::after{
    background: url(../images/ico-computer.svg) 50% no-repeat;
}
.sub-order-10 ul li:nth-child(2)::after{
    background: url(../images/ico-cart.svg) 50% no-repeat;
}
.sub-order-10 ul li:nth-child(3)::after{
    background: url(../images/ico-timer.svg) 50% no-repeat;
}

.sub-order-11{
    position: relative;
    padding: 157px 0;
    background: url(../images/order-img-11.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-11 h4 {
    color: #fff;
}
.sub-order-11 ul{
    margin-top: 30px;
}
.sub-order-11 li{
    position: relative;
    padding-left: 14px;
    line-height: 1.6;
    color: #fff;
}
.sub-order-11 li::after{
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}
.sub-order-12{
    position: relative;
    padding: 231px 0;
    background: url(../images/order-img-12.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-12 .sub-sec12-txt{
    padding-left: 50%;
}
.sub-order-13{
    position: relative;
    padding: 200px 0;
    background: url(../images/order-img-13.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-13 h4,.sub-order-13 p{
    color: #fff;
}
.sub-order-14{
    position: relative;
    padding: 230px 0;
    background: url(../images/order-img-14.png) 50% 0% no-repeat;
    background-size: cover;
}
.sub-order-14 .sub-sec14-txt{
    padding-left: 50%;
}
.sub-order-15{
    position: relative;
    padding: 200px 0;
    background: url(../images/order-img-15.png) calc(50% + 200px) 50% no-repeat #f9f9f9;
    background-size: 720px auto;
}
/* PG결제 */
.sub-pg-01{
    padding: 130px 0 290px 0;
    background: url(../images/pg-img-01.png) calc(50% + 350px) 80% no-repeat;
    background-size: 650px auto;
}
.sub-pg-02{
    padding: 0px 0 140px 0;
}
.sub-pg-02 ul{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.sub-pg-02 li{
    position: relative;
    width: 32%;
    padding: 104px 30px 40px 50px;
    background: #f9f9f9;
    border-radius: 20px;
    box-sizing: border-box;
}
.sub-pg-02 ul li h5{
    font-size: 1.4em;
    margin-bottom: 6px;
}
.sub-pg-02 ul li::after{
    content: '';
    position: absolute;
    left: 50px;
    top: 40px;
    width: 44px;
    height: 44px;
}
.sub-pg-02 ul li:nth-child(1)::after{
    background: url(../images/pg-img-02-01.svg) 50% no-repeat;
}
.sub-pg-02 ul li:nth-child(2)::after{
    background: url(../images/pg-img-02-02.svg) 50% no-repeat;
}
.sub-pg-02 ul li:nth-child(3)::after{
    background: url(../images/pg-img-02-03.svg) 50% no-repeat;
}
.sub-pg-03{
    padding: 110px 0 870px 0;
    background: url(../images/pg-img-03.png) 50% 80% no-repeat #171C2C;
    background-size: 1185px auto;
}
.sub-pg-03 .sub-sec03-txt h4,.sub-pg-03 .sub-sec03-txt p{
    text-align: center;
    color: #fff;
}
.sub-pg-04{
    padding: 110px 0 140px 0;
}
.sub-pg-04 h4{
    text-align: center;
    margin-bottom: 40px;
}
.sub-pg-04 .sec04-van{
    position: relative;
    width: 100%;
    height: 390px;
    background: url(../images/pg-img-04-01.png) 50% 0 no-repeat;
    background-size: contain;
    margin-bottom: 40px;
}
.sub-pg-04 .sec04-pg{
    position: relative;
    width: 100%;
    height: 390px;
    background: url(../images/pg-img-04-02.png) 50% 0 no-repeat;
    background-size: contain;
}

/* 스펙박스 */
.spec-box{
    margin-bottom: 150px;
}
/* 테이블 */
.tableBox {
    width: 1200px;
    margin: 0 auto;
}
.tableBox table {
    width: 100%;
	border-top: 2px solid #333;
    margin: 40px auto 0 auto;
}

.tableBox table td,
.tableBox table th {
	border-bottom: 1px solid #e5e5e5
}

.tableBox table th {
	background: #f7f7f7;
	font-weight: 700;
	color: #333;
	line-height: 1.625;
}

.tableBox table td {
	padding: 16px 0 16px 24px
}

.tableBox table td.medium {
	font-weight: 500;
	color: #333;
}

.tableBox table td.bg {
	background: #f0f0f0
}

.tableBox table dl {
	display: flex;
	flex-direction: row;
	align-items: center
}

.tableBox table dl dt {
	color: #333;
	flex-shrink: 0;
	width: 260px;
	width: 20%;
}

.tableBox table dl dd {
	font-weight: 300;
	line-height: 2;
}

/* 풋터 */
.footer{
    width: 100%;
    padding: 50px 0 120px 0;
    background: #242A33;
    box-sizing: border-box;
}
.footer .container{
    display: flex;
    justify-content: space-between;
}
.footer .container .footer-left {
    width: 50%;
}
.footer .container .footer-left ul{
    display: flex;
    width: 100%;
}
.footer .container .footer-left li{
    width: 50%;
    font-size: 16px;
    color: rgba(255,255,255,.7);
    font-weight: 200;
    line-height: 1.4;
}
.footer .container .footer-right{
    width: 50%;
}
.footer .container .footer-right ul{
    display: flex;
    width: auto;
    justify-content: flex-end;
}
.footer .container .footer-right ul li{
    position: relative;
    padding-right: 21px;
}
.footer .container .footer-right ul li:last-child{
    padding-right: 0;
}
.footer .container .footer-right ul li::after{
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,.3);
}
.footer .container .footer-right ul li:last-child::after{
    display: none;
}
.footer .container .footer-right ul li a{
    font-size: 16px;
    color: rgba(255,255,255,.7);
    font-weight: 200;
}
.txt-pc{
    display: block;
}
.txt-mobile{
    display: none;
}
/* =========================================================================================
 *  서빙로봇 스타일
 * =========================================================================================*/
.sub-robot-01{
    position: relative;
    padding: 130px 0 640px 0;
    background: url(../images/robot-img-01.png) 50% 0 no-repeat;
    background-size: cover;
}
.sub-robot-02{
    width: 100%;
    height: 680px;
    overflow: hidden;
    margin: 0 auto;
}
.sub-robot-02 iframe{
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
}
.sub-robot-03{
    width: 100%;
    padding: 100px 0 80px 0;
}
.sub-robot-03 h4{
    text-align: center;
    margin-bottom: 2rem
}
.sub-robot-03 .robot{
    width: 100%;
    height: 870px;
    position: relative;
    background: url(../images/robot-img-02.png) calc(50% - 1rem) 0 no-repeat;
    background-size: 1710px auto;
}
.sub-robot-03 .robot .word{
    position: absolute;
    transform: translateX(-50%);
    width: 360px;
}
.sub-robot-03 .robot .word::after{
    content: '';
    position: absolute;
    left: -180px;
    top: 12px;
    width: 170px;
    height: 1px;
    background: #0066CC;
}
.sub-robot-03 .robot .word.right::after{
    left: auto;
    right: -180px;
}
.sub-robot-03 .robot .word strong{
    display: block;
    font-size: 21px;
    margin-bottom: .5rem;
}
.sub-robot-03 .robot .word.right strong{
    text-align: right;
}
.sub-robot-03 .robot .word p{
    display: block;
    font-size: 18px;
    color: #666;
    line-height: 1.3;
}
.sub-robot-03 .robot .word.right p{
    text-align: right;
}
.sub-robot-03 .robot .word.word-01{
    left: calc(50% - 24rem);
    top: 2%;
}
.sub-robot-03 .robot .word.word-02{
    left: calc(50% + 24rem);
    top: 4%;
}
.sub-robot-03 .robot .word.word-02::after{
    width: 110px;
    left: -120px;
}
.sub-robot-03 .robot .word.word-03{
    left: calc(50% - 24rem);
    top: 25%;
}
.sub-robot-03 .robot .word.word-03::after{
    width: 204px;
    right: -216px;
}
.sub-robot-03 .robot .word.word-04{
    left: calc(50% + 24rem);
    top: 20%;
}
.sub-robot-03 .robot .word.word-04::after{
    width: 184px;
    left: -196px;
}
.sub-robot-03 .robot .word.word-05{
    left: calc(50% - 24rem);
    top: 44%;
}
.sub-robot-03 .robot .word.word-05::after{
    width: 124px;
    right: -136px;
}
.sub-robot-03 .robot .word.word-06{
    left: calc(50% + 24rem);
    top: 36%;
}
.sub-robot-03 .robot .word.word-06::after{
    width: 110px;
    left: -120px;
}
.sub-robot-03 .robot .word.word-07{
    left: calc(50% + 24rem);
    top: 83%;
}
.sub-robot-04 {
    position: relative;
    padding: 120px 0 490px 0;
    background: url(../images/robot-img-03.png) 50% 100% no-repeat #fafafa;
    background-size: 1260px auto;
    box-sizing: border-box;
}
.sub-robot-04 h4,.sub-robot-04 p{
    text-align: center;
}
.sub-robot-05 {
    position: relative;
    padding: 120px 0 140px 0;
}
.sub-robot-05 h4,.sub-robot-05 p{
    text-align: center;
}
.sub-robot-05 .switch-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-robot-05 .switch{
    display: inline-flex;
    margin: 1.6rem auto 2.6rem auto;
    background: #E8E8ED;
    padding: 3px;
    border-radius: 50px;
    box-sizing: border-box;
}
.sub-robot-05 .switch li a{
    display: block;
    font-size: 18px;
    padding: 14px 26px;
    border-radius: 50px;
    cursor: pointer;
    box-sizing: border-box;
}
.sub-robot-05 .switch li.active a{
    background: #fff;
}
.sub-robot-05 .service{
    display: none;
}
.sub-robot-05 .service.active{
    display: block;
}
.sub-robot-05 .service-wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.sub-robot-05 .service-wrap .service-wrap-img{
    position: relative;
    width: 100%;
    height: 206px;
    overflow: hidden;
}
.sub-robot-05 .service-wrap .service-wrap-img img{
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
}
.sub-robot-05 .service-wrap li .service-wrap-img::after{
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 34px;
    font-weight: 600;
    color: #fff;
}
.sub-robot-05 .service-wrap li + li{
    margin-left: 1.3em;
}
.sub-robot-05 .service-wrap .service-wrap-txt{
    font-size: 21px;
    margin: 1.3rem auto 0 auto;
    text-align: center;
}
.sub-robot-05 .service-wrap li:nth-child(1) .service-wrap-img::after{content: '01';}
.sub-robot-05 .service-wrap li:nth-child(2) .service-wrap-img::after{content: '02';}
.sub-robot-05 .service-wrap li:nth-child(3) .service-wrap-img::after{content: '03';}
.sub-robot-05 .service-wrap li:nth-child(4) .service-wrap-img::after{content: '04';}

.sub-robot-06 {
    position: relative;
    padding: 120px 0 200px 0;
    width: 100%;
    background: linear-gradient(180deg, #F9F9F9 0%, #FFFFFF 100%);
    box-sizing: border-box;
}
.sub-robot-06 h4{
    text-align: center;
    margin-bottom: 2rem;
}
.sub-robot-06 .root-small{
    position: absolute;
    left: 50%;
    bottom: 3rem;
    transform: translateX(-50%);
    width: 1100px;
    height: 565px;
    background: url(../images/robot-img-02.png) 0 no-repeat;
    background-size: cover;
    z-index: 100;
    box-sizing: border-box;
}
.sub-robot-06 .place{
    width: 100%;
    height: 700px;
    text-align: center;
    padding-top: 145px;
    box-sizing: border-box;
}
.sub-robot-06 .place h3{
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin-bottom: .6rem;
}
.sub-robot-06 .place p{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
}
.sub-robot-06 .place.place01{background: url(../images/robot-img-05-01.png) 50% 0 no-repeat;background-size: cover;}
.sub-robot-06 .place.place02{background: url(../images/robot-img-05-02.png) 50% 0 no-repeat;background-size: cover;}
.sub-robot-06 .place.place03{background: url(../images/robot-img-05-03.png) 50% 0 no-repeat;background-size: cover;}
@media (max-width: 1180px) {
    .sub-robot-01{
        padding: 100px 0 400px 0;
        background: url(../images/robot-img-01.png) 70% 0 no-repeat;
        background-size: cover;
    }
}
@media (max-width: 992px) {
    .sub-robot-02{height: 440px;}
    .sub-robot-03 .robot .word{
        display: none;
    }
}
@media (max-width: 780px) {
    .sub-robot-01{
        padding: 80px 0 300px 0;
        background: url(../images/robot-img-01.png) 80% 0 no-repeat;
        background-size: cover;
    }
    .sub-robot-01::after{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,.4);
        z-index: 1;
    }
    .sub-robot-01 .sub-sec01-txt{
        position: relative;
        z-index: 3;
    }
    .sub-robot-02{height: 340px;}
    .sub-robot-03 .robot{
        height: 500px;
        background-size: 1000px auto;
    }
    .sub-robot-05 .service-wrap{
        flex-wrap: wrap;
    }
    .sub-robot-05 .service-wrap li{
        width: calc(50% - .65em);
        margin-bottom: 1rem;
    }
    .sub-robot-05 .service-wrap li:nth-child(2) + li{
        margin-left: 0;
    }
    .sub-robot-06 .place{
        height: 600px;
        padding-top: 60px;
    }
    .sub-robot-06 .root-small{
        width: 100%;
        background: url(../images/robot-img-02.png) 50% 0 no-repeat;
        background-size: cover;
    }
}
@media (max-width: 480px) {
    .sub-robot-03 .robot{
        height: 350px;
        background-size: 650px auto;
    }
    .sub-robot-04 {
        padding: 100px 0 300px 0;
        background: url(../images/robot-img-03.png) 50% 100% no-repeat #fafafa;
        background-size: 800px auto;
    }
    .sub-robot-04 h4 br,.sub-robot-06 .place p br{
        display: inline-block;
        content: ' ';
        padding: 0 2px;
    }
    .sub-robot-06 .place{padding-left: 1em;padding-right: 1em;height: 500px;}
    .sub-robot-06 .place h3{font-size: 1.8em;}
    .sub-robot-06 .place p{font-size: 1.1em;}
    .sub-robot-06 .root-small{
        height: 415px;
    }
}
/* =========================================================================================
 *  통합주문관리 스타일
 * =========================================================================================*/
.sub-manage-01{
    position: relative;
    padding: 130px 0 640px 0;
    background: url(../images/manage-img-01.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.sub-manage-01 .container{
    position: relative;
    z-index: 10;
}
.sub-manage-01::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 50%);
    z-index: 1;
}

.sub-manage-02{
    position: relative;
    padding: 120px 0 140px 0;
}
.sub-manage-02 h4{
    text-align: center;
    margin-bottom: 2em;
}
.sub-manage-02 .manage-wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.sub-manage-02 .manage-wrap .manage-wrap-img{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 206px;
    overflow: hidden;
    border-radius: 14px;
    background: #fafafa;
}
.sub-manage-02 .manage-wrap .manage-wrap-img img{
    flex: 0 0 auto;
    width: 80%;
    height: 80%;
    margin: auto;
    object-fit: contain;
}
.sub-manage-02 .manage-wrap li{
    width: 100%;
}
.sub-manage-02 .manage-wrap li .manage-wrap-img::after{
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 34px;
    font-weight: 600;
    color: #fff;
}
.sub-manage-02 .manage-wrap li + li{
    margin-left: 1.3em;
}
.sub-manage-02 .manage-wrap .manage-wrap-txt strong{
    display: block;
    font-size: 21px;
    font-weight: 600;
    margin-top: 1em;
    margin-bottom: .6em;
}
.sub-manage-02 .manage-wrap .manage-wrap-txt p{
    position: relative;
    font-size: 18px;
    font-weight: 400;
    padding-left: 14px;
}
.sub-manage-02 .manage-wrap .manage-wrap-txt p::after{
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-weight: 400;
    z-index: 1;
}
.sub-manage-02 .manage-wrap .manage-wrap-txt p + p{
    margin-top: .3em;
}
.sub-manage-03{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f9f9f9;
}
.sub-manage-03 h4{
    text-align: center;
    margin-bottom: 1em;
}
.sub-manage-03 p{
    text-align: center;
    margin-bottom: 2em;
}
.sub-manage-03 .sub-manage-03-ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap{
    position: relative;
    width: 33.33%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 80px;
    box-sizing: border-box;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap .circle{
    position: relative;
    width: 320px;
    height: 320px;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap .circle .t{
    position: absolute;
    left: 50%;
    top: 0;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    color: #222;
    transform: translateX(-50%);
    border: 1px solid #222;
    border-radius: 50px;
    padding: .4rem 1rem;
    background: #fff;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap .circle h6{
    position: absolute;
    left: 50%;
    top: 84%;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #222;
    transform: translate(-50%,-50%);
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle05{
    top: 50%;
    justify-content: center;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle05 .circle05-txt{
    font-size: 21px;
    font-weight: 600;
    padding-left: 50px;
    color: #0066CC;
    background: url(../images/left-circle.svg) 0 50% no-repeat;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle04 .circle h6,.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle06 .circle h6{
    top: 30%;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle01 .circle{
    background: url(../images/manage-img-03-01.png) 50% no-repeat;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle01 .circle::after,.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle02 .circle::after{
    content: '';
    position: absolute;
    top: 50%;
    right: -60px;
    width: 44px;
    height: 44px;
    background: url(../images/ico-add.svg) 50% no-repeat;
    transform: translateY(-50%);
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle02 .circle{
    background: url(../images/manage-img-03-03.png) 50% no-repeat;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle03 .circle{
    background: url(../images/manage-img-03-03.png) 50% no-repeat;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle04 .circle{
    background: url(../images/manage-img-03-04.png) 50% no-repeat;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle06 .circle{
    background: url(../images/manage-img-03-05.png) 50% no-repeat;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle04 .circle::after,.sub-manage-03 .sub-manage-03-ul .circle-wrap.circle06 .circle::after{
    content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    width: 34px;
    height: 34px;
    background: url(../images/down-circle.svg) 50% no-repeat;
    transform: translateX(-50%);
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap .circle-txt{
    margin-top: 1.3rem;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap .circle-txt h6{
    font-size: 21px;
    font-weight: 600;
    color: #222;
    text-align: center;
}
.sub-manage-03 .sub-manage-03-ul .circle-wrap .circle-txt p{
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #222;
    margin-top: .3rem;
    margin-bottom: 0;
}

.sub-manage-04{
    position: relative;
    padding: 120px 0 0px 0;
    background: #fff;
}
.sub-manage-04 h4{
    text-align: center;
    margin-bottom: 1em;
}
.sub-manage-04 p{
    text-align: center;
    margin-bottom: 2em;
}
.sub-manage-04 .center-img{
    width: 100%;
    line-height: 0;
}

.sub-manage-05{
    position: relative;
    padding: 120px 0 0px 0;
    background: #171c2c;
}
.sub-manage-05 h4{
    text-align: center;
    margin-bottom: 1em;
    color: #fff;
}
.sub-manage-05 p{
    text-align: center;
    margin-bottom: 2em;
    color: #fff;
}
.sub-manage-05 .center-img{
    width: 100%;
    line-height: 0;
}

.sub-manage-06{
    width: 100%;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-manage-06 .container{
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.sub-manage-06 .sub-sec06-img{
    width: 50%;
}
.sub-manage-06 .sub-sec06-txt{
    width: 50%;
    padding-left: 50px;
    box-sizing: border-box;
}
.sub-manage-06 .sub-sec06-txt ul{
    margin-top: 30px;
    margin-bottom: 30px;
}
.sub-manage-06 .sub-sec06-txt ul li{
    position: relative;
    padding-left: 14px;
    line-height: 1.6;
}
.sub-manage-06 .sub-sec06-txt ul li::after{
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}

.sub-manage-07{
    width: 100%;
    padding: 120px 0 140px 0;
    background: #fafafa;
}
.sub-manage-07 .container{
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.sub-manage-07 .sub-sec07-img{
    width: 50%;
    text-align: center;
}
.sub-manage-07 .sub-sec07-img img{
    width: auto;
    margin: 0 auto;
}
.sub-manage-07 .sub-sec07-txt{
    width: 50%;
    box-sizing: border-box;
}

.sub-manage-08{
    width: 100%;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-manage-08 .container{
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.sub-manage-08 .sub-sec08-img{
    width: 50%;
    text-align: center;
}
.sub-manage-08 .sub-sec08-img img{
    width: auto;
    margin: 0 auto;
}
.sub-manage-08 .sub-sec08-txt{
    width: 50%;
    box-sizing: border-box;
}

.sub-manage-09{
    width: 100%;
    padding: 120px 0 90px 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 34.62%), #FFFFFF;
}
.sub-manage-09 ul{
    display: flex;
    width: 100%;
    margin-top: 34px;
    box-sizing: border-box;
}
.sub-manage-09 ul li{
    position: relative;
    width: calc(25% - 10px);
    border-radius: 20px;
    padding: 30px;
    padding-top: 94px;
    background-color: #f9f9f9;
    margin-right: 20px;
    box-sizing: border-box;
}
.sub-manage-09 ul li h5{
    display: block;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
.sub-manage-09 ul li::after{
    content: '';
    position: absolute;
    left: 30px;
    top: 30px;
    width: 44px;
    height: 44px;
}
.sub-manage-09 ul li:nth-child(1)::after{
    background: url(../images/manage-img-09-01.png) 50% no-repeat;
    background-size: contain;
}
.sub-manage-09 ul li:nth-child(2)::after{
    background: url(../images/manage-img-09-02.png) 50% no-repeat;
    background-size: contain;
}
.sub-manage-09 ul li:nth-child(3)::after{
    background: url(../images/manage-img-09-03.png) 50% no-repeat;
    background-size: contain;
}
.sub-manage-09 ul li:nth-child(4)::after{
    background: url(../images/manage-img-09-04.png) 50% no-repeat;
    background-size: contain;
}
.sub-manage-09 ul li:last-child{
    margin-right: 0;
}

.sub-manage-10{
    width: 100%;
    padding: 0px 0 540px 0;
    background: url(../images/manage-img-10-02.png) 50% 100% no-repeat;
    background-size: contain;
    box-sizing: border-box;
}
.sub-manage-10 h4{
    text-align: center;
    padding-top: 180px;
    background: url(../images/manage-img-10-01.png) 50% 0 no-repeat;
    background-size: 233px auto;
}

.sub-manage-11{
    width: 100%;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
}
.sub-manage-11 h4,.sub-manage-11 p{
    text-align: center;
}
.sub-manage-11 .center-img{
    width: 100%;
    line-height: 0;
    margin-top: 20px;
}

.sub-manage-12{
    width: 100%;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-manage-12 h4,.sub-manage-12 p{
    text-align: center;
}
.sub-manage-12 .center-img{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    line-height: 0;
    margin-top: 20px;
    box-sizing: border-box;
}
.sub-manage-12 .center-img img:nth-child(1){
    width: 490px;
}
.sub-manage-12 .center-img img:nth-child(2){
    width: 41px;
}
.sub-manage-12 .center-img img:nth-child(3){
    width: 603px;
}

.sub-manage-13{
    width: 100%;
    padding: 120px 0 140px 0;
    background: #132f57;
}
.sub-manage-13 h4{
    text-align: center;
    color: #fff;
}
.sub-manage-13 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    box-sizing: border-box;
}
.sub-manage-13 ul li{
    position: relative;
    width: calc(25% - 10px);
    border-radius: 20px;
    padding: 30px;
    background-color: #fff;
    margin-right: 20px;
    box-sizing: border-box;
}
.sub-manage-13 ul li h5{
    display: block;
    text-align: center;
    color: #222;
    font-size: 21px;
    margin-bottom: 20px;
}
.sub-manage-13 ul li p{
    display: block;
    text-align: left;
    color: #222;
    margin-top: 20px;
}
.sub-manage-13 ul li:last-child{
    margin-right: 0;
}
.manage-img{display: block;}
.manage-img-m{display: none;}
@media (max-width: 1180px) {
    .sub-manage-02 .manage-wrap{
        flex-wrap: wrap;
    }
    .sub-manage-02 .manage-wrap li{
        width: calc(50% - .65em);
        display: flex;
        margin-bottom: 2em;
    }
    .sub-manage-02 .manage-wrap li:nth-child(3){
        margin-left: 0;
    }
    .sub-manage-02 .manage-wrap .manage-wrap-img{
        width: 40%;
    }
    .sub-manage-02 .manage-wrap .manage-wrap-txt{
        width: 60%;
        margin-left: 1.4em;
        box-sizing: border-box;
    }
    .sub-manage-02 .manage-wrap .manage-wrap-txt strong{
        margin-top: 0;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle01 .circle{
        background: url(../images/manage-img-03-01.png) 50% no-repeat;
        width: 200px;
        height: 200px;
        background-size: contain;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle02 .circle{
        background: url(../images/manage-img-03-03.png) 50% no-repeat;
        width: 200px;
        height: 200px;
        background-size: contain;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle03 .circle{
        background: url(../images/manage-img-03-03.png) 50% no-repeat;
        width: 200px;
        height: 200px;
        background-size: contain;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle04 .circle{
        background: url(../images/manage-img-03-04.png) 50% no-repeat;
        width: 200px;
        height: 200px;
        background-size: contain;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle06 .circle{
        background: url(../images/manage-img-03-05.png) 50% no-repeat;
        width: 200px;
        height: 200px;
        background-size: contain;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle01 .circle::after, .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle02 .circle::after{
        right: -90px;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap .circle .t{
        font-size: 15px;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap .circle h6{
        font-size: 15px;
        width: 100%;
    }
    .sub-manage-09 ul{
        flex-wrap: wrap;
    }
    .sub-manage-09 ul li{
        width: calc(50% - 10px);
        margin-bottom: 14px;
    }
    .sub-manage-09 ul li:nth-child(2n){
        margin-right: 0;
    }
    .sub-manage-10{
        padding: 0px 0 340px 0;
    }
    .sub-manage-12 .center-img img:nth-child(1){
        width: calc(45% - 41px);
    }
    .sub-manage-12 .center-img img:nth-child(3){
        width: calc(55% - 41px);
    }
    .sub-manage-13 ul{
        flex-wrap: wrap;
    }
    .sub-manage-13 ul li{
        width: calc(50% - 10px);
        margin-bottom: 14px;
    }
    .sub-manage-13 ul li:nth-child(2n){
        margin-right: 0;
    }
}
@media (max-width: 800px) {
    .manage-img{display: none !important;}
    .manage-img-m{display: block !important;}
    .sub-contents p br{display: inline-block;content: " ";padding: 0 2px;}
    .sub-manage-01{
        padding: 80px 0 400px 0;
    }
    .sub-manage-02 .manage-wrap .manage-wrap-txt p{
        font-size: 1.1em;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap .circle-txt p br{display: inline-block;content: " ";padding: 0 2px;}
    .sub-manage-05 br{display: inline-block;content: " ";padding: 0 2px;}
    .sub-manage-06 .container,.sub-manage-07 .container,.sub-manage-08 .container{
        flex-direction: column;
    }
    .sub-manage-06 .sub-sec06-img,.sub-manage-06 .sub-sec06-txt,.sub-manage-07 .sub-sec07-img,.sub-manage-07 .sub-sec07-txt,.sub-manage-08 .sub-sec08-img,.sub-manage-08 .sub-sec08-txt{
        width: 100%
    }
    .sub-manage-06 .sub-sec06-txt{
        padding-left: 0;
    }
    .sub-manage-06 .sub-sec06-img img,.sub-manage-08 .sub-sec08-img img{
        display: block;
        width: auto;
        margin: 0 auto 2rem auto;
    }
    .sub-manage-07 .sub-sec07-img{
        margin-top: 2rem;
    }
    .sub-manage-07 .sub-sec07-img img{
        display: block;
        width: auto;
        margin: 0 auto;
    }
    .sub-manage-09 ul li,.sub-manage-13 ul li{
        width: 100%;
        margin-right: 0;
    }
}
@media (max-width: 700px) {
    .sub-manage-02 .manage-wrap li{
        width: 100%;
    }
    .sub-manage-02 .manage-wrap li + li{
        margin-left: 0;
    }
    .sub-manage-06 .sub-sec06-img img,.sub-manage-07 .sub-sec07-img img,.sub-manage-08 .sub-sec08-img img{
        width: 100%;
    }
    .sub-manage-10{
        padding: 0px 0 240px 0;
    }
    .sub-manage-10 h4{
        padding-top: 120px;
        background: url(../images/manage-img-10-01.png) 50% 0 no-repeat;
        background-size: 133px auto;
    }
}
@media (max-width: 540px) {
    .sub-manage-10{
        padding: 0px 0 180px 0;
    }
}
@media (max-width: 480px) {
    .sub-manage-01{
        padding: 80px 0 220px 0;
    }
    .sub-manage-01 h3,.sub-manage-01 p{
        color: #fff;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    
    .sub-manage-03 .sub-manage-03-ul .circle-wrap{
        width: 100%;
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle01 .circle::after, .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle02 .circle::after{
        right: auto;
        left: 50%;
        top: auto;
        bottom: -120px;
        transform: translateX(-50%);
    }
    .sub-manage-03 .sub-manage-03-ul .circle-wrap.circle05 .circle05-txt{
        background: url(../images/up-circle.svg) 0 50% no-repeat;
    }
    .sub-manage-10{
        padding: 0px 0 160px 0;
        background: url(../images/manage-img-10-02.png) 50% 100% no-repeat;
        background-size: 480px auto;
    }
}

/* =========================================================================================
 *  UP포스 스타일
 * =========================================================================================*/
.sub-uppos-01{
    position: relative;
    padding: 130px 0 640px 0;
    background: url(../images/uppos-img-01.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.sub-uppos-02{
    position: relative;
    padding: 120px 0 140px 0;
}
.sub-uppos-02 h4{
    text-align: center;
    margin-bottom: 2em;
}
.sub-uppos-02 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.sub-uppos-02 ul li{
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(25% - 10px);
    border-radius: 20px;
    margin-right: 20px;
    box-sizing: border-box;
}
.sub-uppos-02 ul li:last-child{
    margin-right: 0;
}
.sub-uppos-02 ul li strong{
    display: block;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    margin-top: 14px;
    margin-bottom: 10px;
}
.sub-uppos-02 ul li p{
    font-size: 14px;
    text-align: center;
}

.sub-uppos-03{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
}
.sub-uppos-03 h6{
    color: #37579f;
    font-size: 16px;
}
.sub-uppos-03 h4{
    color: #222;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-uppos-03 p{
    font-size: 16px;
}
.sub-uppos-03 .sub-sec03-img{
    position: absolute;
    right: 10%;
    top: 4em;
    width: 400px;
}
.sub-uppos-03 .content_in{
    width: 100%;
    margin-top: 3rem;
}
.sub-uppos-03 .content_in .taps{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #ddd;
}
.sub-uppos-03 .content_in .taps li{
    text-align: center;
    font-size:1.6rem;
    font-weight: 300;
    color:#8b8b8b;
    width: 120px;
    cursor:pointer;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 2px solid transparent;
}
.sub-uppos-03 .content_in .taps li.active{
    color: #222;
    border-bottom: 2px solid #222;
}
.sub-uppos-03 .content_in .tap_con .box{
    display: none;
    padding: 80px 0;
    background: #fff;
}
.sub-uppos-03 .content_in .tap_con .box.active{
    display: block;
}
.sub-uppos-03 .content_in .tap_con .box ul{
    width: 100%;
    display: flex;
}
.sub-uppos-03 .content_in .tap_con .box ul li{
    width: 25%;
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
}
.sub-uppos-03 .content_in .tap_con .box ul li img{
    width: 50px;
}
.sub-uppos-03 .content_in .tap_con .box ul li p{
    text-align: center;
    margin-top: 1.4rem;
}

.sub-uppos-04{
    position: relative;
    padding: 120px 0 140px 0;
}
.sub-uppos-04 h6{
    color: #37579f;
    font-size: 16px;
    text-align: center;
    margin-bottom: 1rem;
}
.sub-uppos-04 h4{
    text-align: center;
    margin-bottom: 2em;
}
.sub-uppos-04 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.sub-uppos-04 ul li{
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(33.33% - 10px);
    border-radius: 20px;
    margin-right: 20px;
    box-sizing: border-box;
}
.sub-uppos-04 ul li:last-child{
    margin-right: 0;
}
.sub-uppos-04 ul li strong{
    display: block;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    margin-top: 14px;
    margin-bottom: 10px;
}

.sub-uppos-05{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
}
.sub-uppos-05 h6{
    color: #37579f;
    font-size: 16px;
    text-align: center;
    margin-bottom: 1rem;
}
.sub-uppos-05 h4{
    text-align: center;
    margin-bottom: 2em;
}
.sub-uppos-05 .tab_btn{
    width: 100%;
    display: flex;
    box-sizing: border-box;
}
.sub-uppos-05 .tab_btn li{
    width: 32%;
    margin-right: 2%;
    padding: 20px;
    border: 1px solid #ddd;
    font-size: 1.2rem;
    text-align: center;
    cursor: pointer;
    background: #fff;
    border-radius: 1rem;
    box-sizing: border-box;
}
.sub-uppos-05 .tab_btn li.active{
    background: #27375b;
    color: #fff;
}
.sub-uppos-05 .tab_btn li:last-child{
    margin-right: 0
}
.sub-uppos-05 .tab_cont .slider{
    margin-top: 2rem;
    margin-bottom: 0;
}
.sub-uppos-05 .tab_cont .txt{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sub-uppos-05 .tab_cont .txt ul li{
    list-style-image: url(../images/kiosk_check.png);
    font-size: 1.1rem;
    color: #333;
    font-weight: 500;
    line-height: 2.2222;
}

.sub-uppos-06{
    position: relative;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-uppos-06 h4{
    text-align: center;
    margin-bottom: 2em;
}
.sub-uppos-06 .question{
    border-bottom: 1px solid #ddd;
}
.sub-uppos-06 .question .q{
    position: relative;
    font-size: 1.4rem;
    padding: 2rem 0 2rem 2rem;
    box-sizing: border-box;
    cursor: pointer;
}
.sub-uppos-06 .question .q::after{
    content: 'Q';
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 1.6rem;
    color: #37579f;
    transform: translateY(-50%);
    box-sizing: border-box;
}
.sub-uppos-06 .question .q::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 24px;
    height: 24px;
    background: url(../images/ico-down.svg) 50% no-repeat;
    transform: translateY(-50%);
    box-sizing: border-box;
}
.sub-uppos-06 .question.active .q::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 24px;
    height: 24px;
    background: url(../images/ico-down.svg) 50% no-repeat;
    transform: translateY(-50%) rotate(180deg);
    box-sizing: border-box;
}
.sub-uppos-06 .question .a{
    position: relative;
    font-size: 1.2rem;
    padding: 0;
    background: #f5f5f5;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
}
.sub-uppos-06 .question.active .a{
    padding: 2rem;
    line-height: 1.6;
    height: auto;
    overflow: auto;
}

@media (max-width: 1180px) {
}
@media (max-width: 940px) {
    .sub-uppos-01{
        padding: 130px 0 500px 0;
        background: url(../images/uppos-img-01.jpg) calc(50% - 100px) 0 no-repeat;
        background-size: cover;
    }
    .sub-uppos-02 ul{
        flex-wrap: wrap;
    }
    .sub-uppos-02 ul li{
        width: calc(50% - 10px);
        margin-bottom: 2.4rem;
    }
    .sub-uppos-02 ul li img{
        display: block;
        width: 50%;
        margin: auto;
    }
    .sub-uppos-02 ul li:nth-child(2n){
        margin-right: 0;
    }
    .sub-uppos-03 .sub-sec03-img{
        width: 300px;
        right: 0;
    }
}
@media (max-width: 740px) {
    .sub-uppos-01{
        padding: 80px 0 300px 0;
        background: url(../images/uppos-img-01.jpg) calc(50% - 100px) 0 no-repeat;
        background-size: cover;
    }
    .sub-uppos-02{
        padding: 60px 0 80px 0;
    }
    .sub-uppos-02 ul li strong{
        font-size: 18px;
    }
    .sub-uppos-03 .sub-sec03-txt{
        position: relative;
        z-index: 10;
    }
    .sub-uppos-03 .sub-sec03-img{
        width: 200px;
        right: 0;
    }
    .sub-uppos-03 .content_in .tap_con .box{
        padding: 40px 0;
    }
    .sub-uppos-03 .content_in .tap_con .box ul{
        flex-wrap: wrap;
    }
    .sub-uppos-03 .content_in .tap_con .box ul li{
        width: 50%;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-bottom: 2rem;
    }
    .sub-uppos-03 .content_in .tap_con .box ul li:nth-child(3),.sub-uppos-03 .content_in .tap_con .box ul li:nth-child(4){
        margin-bottom: 0;
    }
}
@media (max-width: 640px) {
    .sub-uppos-03 .sub-sec03-img{
        top: -40px;
    }
    .sub-uppos-04 ul li strong{
        font-size: 17px;
    }
    .sub-uppos-05 .tab_cont .txt{
        width: calc(100% - 50px);
        box-sizing: border-box;
        margin: auto;
    }
}
@media (max-width: 580px) {
    .sub-uppos-06 .question .q{
        padding: 2rem 2.4rem 2rem 2rem;
        font-size: 1.2rem
    }
    .sub-uppos-06 .question .a{
        font-size: 1rem;
        line-height: 1.4;
    }
}


/* =========================================================================================
 *  UP키오스크 스타일
 * =========================================================================================*/
.sub-upkiosk-01{
    position: relative;
    padding: 130px 0 640px 0;
    background: url(../images/upkiosk_bg-2.png) 50% 0 no-repeat;
    background-size: cover;
}
.sub-upkiosk-02{
    position: relative;
    padding: 120px 0 140px 0;
}
.sub-upkiosk-02 h4{
    text-align: center;
    margin-bottom: 2em;
}
.sub-upkiosk-02 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    border-radius: 1rem;
    background: #f5f5f5;
    box-sizing: border-box;
}
.sub-upkiosk-02 ul li{
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(25% - 10px);
    border-radius: 20px;
    margin-right: 20px;
    box-sizing: border-box;
}
.sub-upkiosk-02 ul li img{
    width: auto;
    margin: 0 auto;
}
.sub-upkiosk-02 ul li:last-child{
    margin-right: 0;
}
.sub-upkiosk-02 ul li strong{
    display: block;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    margin-top: 14px;
    margin-bottom: 10px;
}

.sub-upkiosk-03{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
}
.sub-upkiosk-03 h6{
    text-align: center;
    color: #37579f;
    font-size: 16px;
}
.sub-upkiosk-03 h4{
    text-align: center;
    color: #222;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upkiosk-03 p{
    font-size: 16px;
}
.sub-upkiosk-03 .item{background-color: #fff; border-radius:15px; padding: 95px 100px; box-sizing:border-box; margin-bottom:20px;}
.sub-upkiosk-03 .item.mt{margin-top: 80px;}
.sub-upkiosk-03 .item:last-of-type{margin-bottom:0;}
.sub-upkiosk-03 .item .txt p:not(.num){margin-top: 24px;}
.sub-upkiosk-03 .item .txt .num{font-weight:bold; font-size:14px; letter-spacing:0.1em; color: #37579f;}
.sub-upkiosk-03 .item .txt h4{font-weight:bold; font-size:21px; color: #222; margin-top: 10px;text-align: left}
.sub-upkiosk-03 .item .flex{display:flex; margin-top: 6px;gap:60px;}
/* .sub-uppos-03 .item .flex .img_box{width: 50%;} */
.sub-upkiosk-03 .item .flex .img_box figure{margin-left: -20px;}
.sub-upkiosk-03 .item .flex .img_box .figure_h{display:none;}
.sub-upkiosk-03 .item .flex .img_box > ul > li{position:relative; font-weight: bold; font-size:17px; color: #444; box-sizing:border-box; padding-left: 10px;}
.sub-upkiosk-03 .item .flex .img_box > ul > li > span{position:absolute; left: 0; color: #37579f;}
.sub-upkiosk-03 .item .flex .img_box > ul > li ul{margin-top: 10px;}
.sub-upkiosk-03 .item .flex .img_box > ul > li ul li{font-weight:300;}
.sub-upkiosk-03 .item.bg{background:url(../images/upkiosk05_bg.png) 100% 0% no-repeat #fff; padding: 30px 100px 0;}
.sub-upkiosk-03 .item.bg .flex .txt{width: 50%; margin-top: 80px;}
.sub-upkiosk-03 .item.bg .flex figure{width: 50%; box-sizing:border-box; padding-left: 140px;}

.sub-upkiosk-04{
    position: relative;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-upkiosk-04 h6{
    text-align: center;
    color: #37579f;
    font-size: 16px;
}
.sub-upkiosk-04 h4{
    text-align: center;
    color: #222;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upkiosk-04 p{
    text-align: center;
}
.sub-upkiosk-04 .flex{display:flex; margin-top: 70px;gap:50px;justify-content: center;}
.sub-upkiosk-04 .flex .item{width: calc((100% - 162px) / 4);text-align: center;}
.sub-upkiosk-04 .flex .item:last-of-type{margin-right: 0; margin-bottom:0;}
.sub-upkiosk-04 .flex .item figure{margin: 0;}
.sub-upkiosk-04 .flex .item figure img{}
.sub-upkiosk-04 .flex .item .txt{position:relative; margin-top: -22px;}
.sub-upkiosk-04 .flex .item .txt p{font-weight:bold; font-size:14px; color: #fff; letter-spacing:0.1em; width: 44px; height: 44px; line-height: 40px; border-radius:50%; border:2px solid #fff; background: #37579f; box-sizing:border-box; margin: 0 auto;}
.sub-upkiosk-04 .flex .item .txt h4{font-weight:bold; font-size:16px; color: #555; margin-top: 28px;}

.sub-upkiosk-05{
    position: relative;
    padding: 120px 0 140px 0;
    background: #1b253d;
}
.sub-upkiosk-05 h6{
    text-align: center;
    color: #13c9fe;
    font-size: 16px;
}
.sub-upkiosk-05 h4{
    text-align: center;
    color: #fff;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upkiosk-05 .flex{display:flex; margin-top: 70px;gap:30px;}
.sub-upkiosk-05 .flex .item{text-align:center; width: calc((100% - 100px) / 5);}
.sub-upkiosk-05 .flex .item:last-of-type{margin-right: 0;}
.sub-upkiosk-05 .flex .item h4{font-weight:bold; font-size:16px; color: #fff; margin-top: 30px;}

.sub-upkiosk-06 .flex{display:flex; justify-content: space-between;}
.sub-upkiosk-06 .flex figure{margin: 0;}
.sub-upkiosk-06 .flex .txt{margin-top: 180px;}
.sub-upkiosk-06 .flex .txt h4{font-weight:bold; font-size:28px; color: #222;line-height: 1.3;}
.sub-upkiosk-06 .flex .txt p{font-weight:300; font-size:1.1rem; color: #333; line-height: 1.7;  margin-top: 20px;}
.sub-upkiosk-06 .flex .txt ul{margin-top: 20px;}
.sub-upkiosk-06 .flex .txt ul li{padding-left: 10px; box-sizing:border-box; position:relative; line-height: 1.3; margin-bottom:6px;}
.sub-upkiosk-06 .flex .txt ul li:last-of-type{margin-bottom:0;}
.sub-upkiosk-06 .flex .txt ul li span{position:absolute; left: 0; color: #37579f;}
.sub-upkiosk-06 .item:first-of-type{background: #e0e0e0;}
.sub-upkiosk-06 .item:nth-of-type(2){background: #efefef; padding-top: 80px;}
.sub-upkiosk-06 .item:nth-of-type(2) .flex{justify-content:space-between;} 
.sub-upkiosk-06 .item:nth-of-type(2) .flex .txt{margin-top: 0;width: 380px;}
.sub-upkiosk-06 .item:nth-of-type(3){background: #dae0e5; padding-top: 0px;}
.sub-upkiosk-06 .item:nth-of-type(3) .flex figure{width: 50%;}
.sub-upkiosk-06 .item:nth-of-type(3) .flex .txt{width: 50%; margin-top: 100px;}
.sub-upkiosk-06 .item:nth-of-type(4){padding-top: 100px;}
.sub-upkiosk-06 .item:nth-of-type(4) .flex{position:relative; }
.sub-upkiosk-06 .item:nth-of-type(4) .flex .txt{position:absolute; top: 0; left: 0; width: 100%; margin-top: 80px;}
.sub-upkiosk-06 .item:nth-of-type(4) .flex{justify-content:flex-end}
.sub-upkiosk-06 .item:nth-of-type(4) .flex .mob{display:none; }
.sub-upkiosk-06 .item:nth-of-type(2n) .flex figure{order:2}

.sub-upkiosk-07{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
}
.sub-upkiosk-07 h4{
    text-align: center;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upkiosk-07 .flex{display:flex; flex-wrap:wrap;justify-content: center;gap:10px; margin-top: 80px;}
.sub-upkiosk-07 .flex .item{display:flex; align-items:center; width: calc((100% - 52px) / 5);background: #fff; padding: 30px 32px 30px 20px; border-radius:15px;box-sizing: border-box;}
.sub-upkiosk-07 .flex .item:nth-of-type(4n){margin-right: 0;}
.sub-upkiosk-07 .flex .item figure{margin: 0 14px;}
.sub-upkiosk-07 .flex .item h4{margin-left: 14px; font-size:17px; color: #333;}
@media (max-width: 1180px) {
    .sub-upkiosk-07 .flex{
        gap:20px;
    }
    .sub-upkiosk-07 .flex .item{
        width: calc((100% - 60px) / 4);
        margin: 0;
    }
    .sub-upkiosk-07 .flex .item:nth-of-type(4n){margin-right: 0;}
}
@media (max-width: 1040px) {
    .sub-upkiosk-07 .flex .item{
        width: calc((100% - 60px) / 3);
    }
}
@media (max-width: 940px) {
    .sub-upkiosk-01{
        padding: 130px 0 500px 0;
        background: url(../images/upkiosk_bg-2.png) calc(50% - 100px) 0 no-repeat;
        background-size: cover;
    }
    .sub-upkiosk-03 .item{
        padding: 40px 30px;
    }
    .sub-upkiosk-03 .item .flex .img_box figure{
        margin: auto;
    }
    .sub-upkiosk-03 .item .flex{
        gap: 0;
    }
    .sub-upkiosk-03 .item.bg .flex .txt{
        margin-top: 0;
    }
    .sub-upkiosk-03 .item.bg{
        padding: 40px 30px 0 30px;
        background-size: cover;
    }
    .sub-upkiosk-03 .item.bg .flex figure{
        margin: auto;
    }
    .sub-upkiosk-04 h4{
        font-size: 26px;
    }
    .sub-upkiosk-04 .flex{margin-top: 40px;gap:20px;justify-content: center;}
    .sub-upkiosk-05 .flex{margin-top: 40px;gap:20px;flex-wrap: wrap;justify-content: center;}
    .sub-upkiosk-05 .flex .item{width: 30%}
    .sub-upkiosk-06 .flex{
        flex-direction: column;
    }
    .sub-upkiosk-06 .flex .txt{
        order: 1;
        width: 100%;
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .sub-upkiosk-06 .flex .txt h4,.sub-upkiosk-06 .flex .txt p{
        text-align: center;
    }
    .sub-upkiosk-06 .flex figure{
        order: 2;
    }
    .sub-upkiosk-06 .item:nth-of-type(3) .flex .txt{
        width: 90%;
    }
    .sub-upkiosk-06 .item:nth-of-type(4) .flex .txt {
        margin-top: 0;
    }
    .sub-upkiosk-06 .item:nth-of-type(4) .flex .txt h4{
        text-align: left;
        padding: 0 20px;
        box-sizing: border-box;
    }
}
@media (max-width: 820px) {
    .sub-upkiosk-02 ul{
        padding-left: 0;
        padding-right: 0;
        flex-wrap: wrap;
    }
    .sub-upkiosk-02 ul li{
        width: 50%;
        margin-right: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sub-upkiosk-02 ul li:nth-child(1),.sub-upkiosk-02 ul li:nth-child(2){
        margin-bottom: 2rem;
    }
    .sub-upkiosk-06 .item:nth-of-type(4) .flex .txt {
        top: -60px;
    }
    .sub-upkiosk-07{
        padding: 80px 0 100px 0;
    }
    .sub-upkiosk-07 .flex .item{
        width: calc((100% - 60px) / 2);
        flex-direction: column;
    }
    .sub-upkiosk-07 .flex .item h4{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
    .sub-upkiosk-07 .flex .item figure{margin: 0 auto;}
}
@media (max-width: 740px) {
    .sub-upkiosk-01{
        padding: 80px 0 300px 0;
        background: url(../images/upkiosk_bg-2.png) calc(50% - 50px) 0 no-repeat;
        background-size: cover;
    }
    .sub-upkiosk-04 .flex{
        flex-wrap: wrap;
    }
    .sub-upkiosk-04 .flex .item{
        width: calc((100% - 62px) / 4);
    }
}
@media (max-width: 680px) {
    .sub-upkiosk-03 .item.bg .flex{
        flex-direction: column;
        align-items: stretch;
    }
    .sub-upkiosk-03 .item.bg .flex figure{
        width: 100%;
        padding-left:0;
        text-align: right;
        box-sizing: border-box;
    }
    .sub-upkiosk-03 .item.bg .flex figure img{
        width: 30%;
        box-sizing: border-box;
    }
    .sub-upkiosk-03 .item.bg .flex .txt{
        width: 100%;
    }
    .sub-upkiosk-03 .item.mt .flex{
        flex-wrap: wrap;
    }
    .sub-upkiosk-03 .item.mt .flex .img_box + .img_box{
        margin-top: 2rem;
    }
    .sub-upkiosk-03 .item.second .flex{
        flex-wrap: wrap;
    }
    .sub-upkiosk-03 .item.second .flex .img_box{
        width: 33.33%;
    }
}
@media (max-width: 540px) {
    .sub-upkiosk-07 .flex{
        margin-top: 30px;
    }
    .sub-upkiosk-07 .subTit_s2 h4{
        margin-bottom: 18px !important;
    }
}
@media (max-width: 480px) {
    .sub-upkiosk-03 .item.second .flex .img_box{
        width: 50%;
    }
}

/* =========================================================================================
 *  UP클라우드 스타일
 * =========================================================================================*/
.sub-upcloud-01{
    position: relative;
    padding: 130px 0 500px 0;
    background: url(../images/upcloud_bg.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.sub-upcloud-01::after{
    content: '';
    position: absolute;
    left: calc(50% + 250px);
    width: 815px;
    height: 449px;
    transform: translateX(-50%);
    background: url(../images/upcloud01.png) 50% 0 no-repeat;
    background-size: cover;
    box-sizing: border-box;
}
.sub-upcloud-02{
    position: relative;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-upcloud-02 h4{
    text-align: center;
    color: #222;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upcloud-02 .icon_list{display:flex; box-sizing:border-box; padding: 76px 0 56px; border-radius:15px;background: #f5f5f5;}
.sub-upcloud-02 .icon_list.sp{padding: 76px 0;}
.sub-upcloud-02 .icon_list .item{width: 25%; text-align: center;}
.sub-upcloud-02 .icon_list .item figure{margin-bottom:33px;}
.sub-upcloud-02 .icon_list .item figure img{width: auto;margin: auto}
.sub-upcloud-02 .icon_list .item p{font-weight:500; font-size:21px; color: #333; letter-spacing:-0.015em;} 
.sub-upcloud-02 .icon_list .item p span{font-size:16px; font-weight:300;}

.sub-upcloud-03{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
}
.sub-upcloud-03 h4{
    text-align: center;
    color: #222;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upcloud-03 .list{display:flex; flex-wrap:wrap; margin-top: 30px;}
.sub-upcloud-03 .list .item{width: calc((100% - 68px) / 3); margin-right: 34px; text-align: center; margin-bottom:30px;}
.sub-upcloud-03 .list .item:nth-of-type(3n){margin-right: 0;}
.sub-upcloud-03 .list .item:nth-of-type(n + 4){margin-bottom:0;}
.sub-upcloud-03 .list .item figure{margin-bottom:30px;}
.sub-upcloud-03 .list .item p{font-weight:bold; font-size:16px; color: #555;}

.sub-upcloud-04{
    position: relative;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-upcloud-04 h6{
    text-align: center;
    color: #37579f;
    font-size: 16px;
}
.sub-upcloud-04 h4{
    text-align: center;
    color: #222;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upcloud-04 p{
    text-align: center;
}
.sub-upcloud-04 .img_box{position:relative; margin-top: 60px;}
.sub-upcloud-04 .img_box figure{text-align: center;}
.sub-upcloud-04 .img_box figure img{margin-right: -20px;width: 600px;}
.sub-upcloud-04 .img_box .p_txt{}
.sub-upcloud-04 .img_box .p_txt .item{position:absolute;width: 384px; top: 0; left: 0; padding-right: 168px; box-sizing:border-box;}
.sub-upcloud-04 .img_box .p_txt .item:nth-of-type(1){top:32px}
.sub-upcloud-04 .img_box .p_txt .item:nth-of-type(2){top:75px}
.sub-upcloud-04 .img_box .p_txt .item:nth-of-type(3){top:250px;left: 153px;width: 230px;}
.sub-upcloud-04 .img_box .p_txt .item:nth-of-type(4){top:120px; left: auto; right: 100px; padding-right: 0; padding-left: 168px;}
.sub-upcloud-04 .img_box .p_txt .item:nth-of-type(4) p{text-align: left}
.sub-upcloud-04 .img_box .p_txt .item::before{content:""; position:absolute; top: 11px; right: 27px; width: 120px; border-bottom: 2px dotted #406294;}
.sub-upcloud-04 .img_box .p_txt .item::after{content:""; position:absolute; top: 3px; right: 0; width: 5px; height: 5px; border:7px solid #406294; background-color: #fff; border-radius:50%}
.sub-upcloud-04 .img_box .p_txt .item:nth-of-type(4)::before{right: auto; left: 38px;}
.sub-upcloud-04 .img_box .p_txt .item:nth-of-type(4)::after{right: auto; left: 10px;}
.sub-upcloud-04 .img_box .p_txt .item p{font-weight:500; font-size:20px; color: #222;white-space: nowrap;text-align: right}
.sub-upcloud-04 .img_box .pos_a{position: absolute; right: -30px; bottom: 60px;}
.sub-upcloud-04 .dots li{position:relative; box-sizing:border-box; padding-left: 10px; color: #333; margin-bottom:10px;}
.sub-upcloud-04 .dots li:last-of-type{margin-bottom:0;}
.sub-upcloud-04 .dots li::after{content:""; position:absolute; top: 0; left: 0; width: 2px; height: 2px; background: #37579f;}
.sub-upcloud-04 .dots.f16 li{font-size:16px;}
.sub-upcloud-04 .dots.f16 li::after{top: 8px;}
.sub-upcloud-04 .dots.f17 li{font-size:17px;}
.sub-upcloud-04 .dots.f17 li::after{top: 9px;}

.sub-upcloud-05{
    position: relative;
    padding: 120px 0 140px 0;
    background: #1b253d;
}
.sub-upcloud-05 .subTit_s2 span{font-size:16px;color: #13c9fe}
.sub-upcloud-05 .subTit_s2 h4{color: #fff;font-size: 30px;
    margin-top: 14px;
    margin-bottom: 18px;}
.sub-upcloud-05 .subTit_s2.white p{color:#fff;}
.sub-upcloud-05 .flexBox {
	display:flex;align-items: center;
}
.sub-upcloud-05 figure{
    margin: 0;
}

.sub-upcloud-06{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
}
.sub-upcloud-06 h6{
    text-align: center;
    color: #37579f;
    font-size: 16px;
}
.sub-upcloud-06 h4{
    text-align: center;
    color: #222;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upcloud-06 .list{margin-top: 80px;}
.sub-upcloud-06 .list .item{display:flex; align-items:center;justify-content: space-between; border-radius:15px; padding: 73px 50px; margin-bottom:18px;background: #fff;}
.sub-upcloud-06 .list .item:last-of-type{margin-bottom:0; }
.sub-upcloud-06 .list .item .txt p:not(.num){font-size:17px; color: #444; line-height: 1.7;}
.sub-upcloud-06 .list .item .txt .num{font-weight:bold; font-size:14px; letter-spacing:0.01em; color: #37579f;}
.sub-upcloud-06 .list .item .txt h4{font-weight:bold; font-size:24px; color: #222222; margin: 14px 0 22px;text-align: left}
.sub-upcloud-06 figure{
    margin: 0;
}
.sub-upcloud-06 .dots li{position:relative; box-sizing:border-box; padding-left: 10px; color: #333; margin-bottom:10px;font-size:17px; }
.sub-upcloud-06 .dots li:last-of-type{margin-bottom:0;}
.sub-upcloud-06 .dots li::after{content:""; position:absolute; top: 9px; left: 0; width: 2px; height: 2px; background: #37579f;}

.sub-upcloud-07 .list .item .flex,
.sub-upcloud-07 .list .item{display:flex; align-items:center;justify-content: space-between; padding: 100px 0;}
.sub-upcloud-07 .list .item .flex{padding: 0;}
.sub-upcloud-07 .list .item figure{width: 50%;margin: 0;}
.sub-upcloud-07 .list .item .txt{width: 50%;}
.sub-upcloud-07 .list .item:nth-of-type(1) .txt{width: 30%;}
.sub-upcloud-07 .list .item:nth-of-type(2){background: #f5f5f5;}
.sub-upcloud-07 .list .item:nth-of-type(3){padding-bottom:0;}
.sub-upcloud-07 .list .item:nth-of-type(3) figure{margin-left: -160px; margin-right: 160px; position:relative; top: 14px;}
.sub-upcloud-07 .subTit_s2 span{font-size:16px;color:#37579f;}
.sub-upcloud-07 .subTit_s2 h3{font-size:24px;color:#333;}
.sub-upcloud-07 .subTit_s2 p{font-size:17px;color:#333;}

.sub-upcloud-08{position:relative;padding: 120px 0 140px 0;background: #f5f5f5;}
.sub-upcloud-08 h3{
    text-align: center;
    color: #222;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upcloud-08 .list{display:flex; flex-wrap:wrap; margin-top: 70px;}
.sub-upcloud-08 .list .item{width: calc((100% - 192px) / 4); margin-right: 64px; margin-bottom:77px;}
.sub-upcloud-08 .list .item:nth-of-type(4n){margin-right: 0;}
.sub-upcloud-08 .list .item:nth-of-type(n + 5){margin-bottom:0;}
.sub-upcloud-08 .list .item figure{}
.sub-upcloud-08 .list .item h4{font-weight:bold; font-size:16px; color: #555; text-align: center; margin-top: 26px;}

@media (max-width: 1180px) {
    .sub-upcloud-01::after{
        content: '';
        position: absolute;
        left: calc(50%);
        bottom: 0;
        width: 90%;
        height: 400px;
        transform: translateX(-50%);
        background: url(../images/upcloud01.png) 50% 0 no-repeat;
        background-size: contain;
        box-sizing: border-box;
    }
    .sub-upcloud-04 .img_box .p_txt{
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .sub-upcloud-04 .img_box .p_txt .item{
        position: relative;
        padding-right: 0;
        width: 50%;
        box-sizing: border-box;
    }
    .sub-upcloud-04 .img_box .p_txt .item::before,.sub-upcloud-04 .img_box .p_txt .item::after{display: none
    }
    .sub-upcloud-04 .img_box .p_txt .item:nth-of-type(1){top: auto}
    .sub-upcloud-04 .img_box .p_txt .item:nth-of-type(2){top: auto;}
    .sub-upcloud-04 .img_box .p_txt .item:nth-of-type(3){top: auto;left: auto;width: 50%;}
    .sub-upcloud-04 .img_box .p_txt .item:nth-of-type(4){padding-left: 0;top: auto;right: auto;padding-right: 0;}
    .sub-upcloud-04 .img_box .p_txt .item:nth-of-type(1) p{text-align: center}
    .sub-upcloud-04 .img_box .p_txt .item:nth-of-type(2) p{padding-left: 0;text-align: center}
    .sub-upcloud-04 .img_box .p_txt .item:nth-of-type(3) p{text-align: center}
    .sub-upcloud-04 .img_box .p_txt .item:nth-of-type(4) p{text-align: center}
    .sub-upcloud-04 .img_box .pos_a{
        position: relative;right: auto;bottom: auto;width: 330px;margin:2rem auto;
    }
    .sub-upcloud-07 .list .item .flex,.sub-upcloud-07 .list .item{
        flex-direction: column;
        padding: 40px 0;
    }
    .sub-upcloud-07 .list .item:nth-of-type(1) .txt,.sub-upcloud-07 .list .item .txt{
        order: 1;
        width: 90%;
        margin: 0 auto 1rem auto;
    }
    .sub-upcloud-07 .list .item figure{
        order: 2;
    }
    .sub-upcloud-07 .list .item:nth-of-type(3) figure{
        margin-right: 0;
    }
}
@media (max-width: 980px) {
    .sub-upcloud-06 .list .item{
        padding: 40px 30px;
        flex-direction: column;
    }
    .sub-upcloud-06 .list .item .txt{
        width: 100%;
        margin: auto;
    }
}
@media (max-width: 940px) {
    .sub-upcloud-01{
        position: relative;
        padding: 130px 0 460px 0;
        background: url(../images/upcloud_bg.jpg) 50% 0 no-repeat;
        background-size: cover;
    }
    .sub-upcloud-02{
        padding: 100px 0 120px 0;
    }
    .sub-upcloud-02 .icon_list{
        flex-wrap: wrap;
        padding-top: 50px;
    }
    .sub-upcloud-02 .icon_list .item{
        width: 50%;
    }
    .sub-upcloud-02 .icon_list .item figure{
        margin-bottom: 20px;
    }
    .sub-upcloud-02 .icon_list .item:nth-child(1),.sub-upcloud-02 .icon_list .item:nth-child(2){
        margin-bottom: 2rem;
    }
    .sub-upcloud-05 .flexBox{flex-direction: column;}
    .sub-upcloud-05 figure,.sub-upcloud-06 figure{margin-top: 2rem;}
}
@media (max-width: 640px) {
    .sub-upcloud-01{
        position: relative;
        padding: 80px 0 340px 0;
        background: url(../images/upcloud_bg.jpg) 50% 0 no-repeat;
        background-size: cover;
    }
    .sub-upcloud-01::after{height: 240px}
    .sub-upcloud-03 .list {justify-content: center;gap:20px;}
    .sub-upcloud-03 .list .item{width: calc((100% - 68px) / 2);margin-right: 0}
    .sub-upcloud-03 .list .item:nth-of-type(3n){margin-right: 0;}
    .sub-upcloud-03 .list .item:nth-of-type(n + 4){margin-bottom:0;}
    .sub-upcloud-04 .img_box figure img{width: 100%;}
    .sub-upcloud-08 .list{gap:20px;justify-content: center; margin-top: 40px;}
    .sub-upcloud-08 .list .item{width: calc((100% - 100px) / 3); margin-right:0; margin-bottom:0;}

}
@media (max-width: 540px) {
}
@media (max-width: 480px) {
}
/* =========================================================================================
 *  UP스마트오더 스타일
 * =========================================================================================*/
.sub-upsmart-01{
    position: relative;
    padding: 130px 0 500px 0;
    background: url(../images/manage_top_bg-2.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.sub-upsmart-02 {
    margin-top: 80px;
    margin-bottom: 50px;
}
.sub-upsmart-02 .flex {
	display: flex;
    background: #f4f4f4;
}
.sub-upsmart-02 .flex > div {
	width: 50%;
	overflow: hidden;
}
.sub-upsmart-02 .flex .txt {
	display: flex;
	align-items: center;
	color:#222;
	padding:2% 7.1428%;
}
.sub-upsmart-02 .flex .txt dt{
	font-size: 30px;
}
.sub-upsmart-02 .flex .txt dd{
	font-size: 16px;
	margin-top: 20px;
	color:#444;
}
.sub-upsmart-02 .flex .img {
	position: relative;
	padding-top: 25.57142%;
}
.sub-upsmart-02 .flex .img img {
	position: absolute;
	width: auto;
	left:0;
	top:0;
}

.sub-upsmart-03{
    position: relative;
    padding: 0px 0 80px 0;
    background: #fff;
}
.sub-upsmart-03 h6{
    text-align: center;
    color: #37579f;
    font-size: 16px;
}
.sub-upsmart-03 h4{
    text-align: center;
    color: #222;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upsmart-03 .list {
	margin-top: 50px;
}
.sub-upsmart-03 .list ul { 
	display: flex;
	justify-content: space-between;
	gap: 30px 4.1964%;
}
.sub-upsmart-03 .list li {
	width: 16.6428%;
	position: relative;
	text-align: center;
}
.sub-upsmart-03 .list li .img {
	position: relative;
}
.sub-upsmart-03 .list li .abs {
	position: absolute;
	left:-40px;
	top:38%;
	max-width: inherit;
}
.sub-upsmart-03 .list li:nth-child(4) .abs {
	top:34%;
	left:-20px;
}
.sub-upsmart-03 .list li:not(:last-child):after {
	content:"";
	width: 32px;
	height: 24px;
	background: url(../images/uporder1_point1_arr.png) no-repeat;
	background-size: 100%;
	display: block;
	position: absolute;
	left:calc(100% + 13px);
	top:50%;
	transform: translateY(-50%);
}
.sub-upsmart-03 .list li .txt {
	font-weight: 700;
	margin-top: 34px;
}

.sub-upsmart-04 {
    padding: 80px 0;
	text-align: center;
	background: #f5f5f5;
}
.sub-upsmart-04 h6{
    text-align: center;
    color: #37579f;
    font-size: 16px;
}
.sub-upsmart-04 h4{
    text-align: center;
    color: #222;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upsmart-04 .info {
	margin-top: 40px;
	position: relative;
}
.sub-upsmart-04 .info .img {
	transform: translateX(-70px);
}
.sub-upsmart-04 .info .img img{
	width: 50%;
}
.sub-upsmart-04 ul {
	position: absolute;
	top:170px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.sub-upsmart-04 li {
}
.sub-upsmart-04 li {
	width: 50%;
	display: flex;
	align-items: center;
	gap: 18px;
	left:0;
	top:0;
	position: relative;
	padding:20px 0;
}
.sub-upsmart-04 li::after {
	content:"";
	width: 100%;
	max-width: 340px;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	position: absolute;
	left:0;
	bottom:0;
}

.sub-upsmart-04 li:nth-child(2n) {
	right:0;
	left:inherit;
	justify-content: flex-end;
}
.sub-upsmart-04 li:nth-child(2n):after {
	right:0;
	left:inherit;
}

.sub-upsmart-04 li .icon {
	width: 80px;
	height: 80px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.sub-upsmart-04 li .icon img{
    width: 50%;
}
.sub-upsmart-04 li .txt {
	text-align: left;
	color:#333;
	line-height: 1.625;
}

.sub-upsmart-05 {
    position: relative;
    padding: 80px 0;
    background: #fff;
}
.sub-upsmart-05 h6{
    text-align: left;
    color: #37579f;
    font-size: 16px;
}
.sub-upsmart-05 h4{
    text-align: left;
    color: #222;
    font-size: 26px;
    margin-top: 14px;
    margin-bottom: 18px;
}
.sub-upsmart-05 .info {
	margin-top: 40px;
	position: relative;
}
.sub-upsmart-05 ul {
    position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.sub-upsmart-05 li {
	width: 50%;
	display: flex;
	align-items: center;
    flex-direction: column;
	gap: 18px;
	left:0;
	top:0;
	position: relative;
	padding:20px 0;
}
.sub-upsmart-05 li::after {
	content:"";
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	position: absolute;
	left:0;
	bottom:0;
}
.sub-upsmart-05 .after li:nth-child(2n),.sub-upsmart-05 .after li:nth-child(3) {
	right:0;
	left:inherit;
	justify-content: center;
}
.sub-upsmart-05 .after li:nth-child(1) {
    width: 60%
}
.sub-upsmart-05 .after li:nth-child(2) {
    width: 20%
}
.sub-upsmart-05 .after li:nth-child(3) {
    width: 20%
}
.sub-upsmart-05 li:nth-child(2n):after {
	right:0;
	left:inherit;
}
.sub-upsmart-05 li .icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub-upsmart-05 li .txt {
	text-align: left;
	color:#333;
	line-height: 1.625;
}
.sub-upsmart-05 .info {
	display: flex;
}
.sub-upsmart-05 .info .list {
	text-align: center;
	flex:1;
	padding-left: 9.2857%;
}
.sub-upsmart-05 .info .list article + article{
    margin-top: 2rem;
}
.sub-upsmart-05 .tit {
	position: relative;
	width: 184px;
	height: 42px;
	line-height: 42px;
	background: #3f3f3f;
	color: #fff;
	margin-bottom: 30px;
	border-radius: 194px;
	font-weight: 700;
}
.sub-upsmart-05 li .icon {
	width: 108px;
	height: 108px;
	border-radius: 50%;
	background: #efefef;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.sub-upsmart-05 li .icon img{
    width: 50%
}
.sub-upsmart-05 li .txt {
	margin-top: 0;
}
.sub-upsmart-05 li .img {
	position: relative;
}
.sub-upsmart-05 li:not(:last-child) .img:after,
.sub-upsmart-05 li:not(:last-child) .icon::after {
	content:url(../images/uporder1_point3_arr.png);
	position: absolute;
	left:calc(100% + 16px);
	top:50%;
	transform: translateY(-50%);
}
.sub-upsmart-06,.sub-upsmart-07 {
    position: relative;
	height: 503px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.sub-upsmart-06 .container,.sub-upsmart-07 .container{
    position: relative;
	display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}
.sub-upsmart-07 .container{
    justify-content: flex-end;
}
.sub-upsmart-06 {
	background-image: url(../images/uporder_bnList_bg01.jpg);
}
.sub-upsmart-06 .subTit_s2.left { 
	text-align: left;
}
.sub-upsmart-06 .subTit_s2 span,.sub-upsmart-07 .subTit_s2 span {
	color: #13c9fe;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.sub-upsmart-06 .subTit_s2 h3,.sub-upsmart-07 .subTit_s2 h3 {
	color: #fff;
	font-weight: 700;
    font-size: 34px;
	letter-spacing: 0.1em;
}
.sub-upsmart-07 {
	background-image: url(../images/uporder_bnList_bg02.jpg);
}
.sub-upsmart-07 p{
    color: #fff;
}

@media (max-width: 1180px) {
    .sub-upsmart-01{
        padding: 130px 0 400px 0;
        background: url(../images/manage_top_bg-2.jpg) 50% 0 no-repeat;
        background-size: cover;
    }
    .sub-upsmart-04 ul{
        position: relative;
        top: auto;
    }
    .sub-upsmart-04 li::after{
        max-width: 100%;
    }
    .sub-upsmart-05 h4 br{
       display: inline-block;
       content: " ";
       padding: 0 2px;
    }
    .sub-upsmart-05 h6,.sub-upsmart-05 h4{
        text-align: center;
    }
    .sub-upsmart-05 .info{
        flex-direction: column;
    }
    .sub-upsmart-05 .info .list{
        padding-left: 0;
    }
}
@media (max-width: 940px) {
    .sub-upsmart-01{
        padding: 80px 0 340px 0;
        background: url(../images/manage_top_bg-2.jpg) calc(50% - 140px) 0 no-repeat;
        background-size: cover;
    }
    .sub-upsmart-02 .flex img{
        flex: 0 0 auto;
        width: 100%;
        height: 100%;
        margin: auto;
        object-fit: cover;
    }
}
@media (max-width: 740px) {
    .sub-upsmart-03 .list li:not(:last-child):after{display: none}
    .sub-upsmart-05 li .icon{width: 80px;height: 80px;}
    .sub-upsmart-06 .container, .sub-upsmart-07 .container{align-items: baseline;}
    .sub-upsmart-06 .subTit_s2.left,.sub-upsmart-07 .subTit_s2.left{padding-top: 60px;z-index: 5;}
    .sub-upsmart-07{background-position: calc(50% + 240px) 0}
    .sub-upsmart-07::after{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,.2);z-index: 1;}
    .sub-upsmart-07 .container{justify-content: flex-start}
}
@media (max-width: 540px) {
    .sub-upsmart-02 .flex {justify-content: space-between;}
    .sub-upsmart-02 .flex .txt dt{font-size: 1.6em}
    .sub-upsmart-04 li{flex-direction: column;}
    .sub-upsmart-04 li .icon,.sub-upsmart-05 li .icon{width: 60px;height: 60px;}
}
@media (max-width: 480px) {
    .sub-upsmart-01{padding: 80px 0 250px 0;}
    .sub-upsmart-02 .flex .txt dt{font-size: 1.2em}
    .sub-upsmart-02 .flex .txt dd{font-size: 14px;margin-top: 8px;}
}
/* =========================================================================================
 *  UP오더tag 스타일
 * =========================================================================================*/
.sub-uptag-01{
    position: relative;
    padding: 130px 0 500px 0;
    background: url(../images/upordertag_top_bg.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.sub-uptag-02{
    position: relative;
    padding: 80px 0;
    background: #f5f5f5;
}
.sub-uptag-03{
    position: relative;
    padding: 0px 80px 40px;
    background: #fff;
}
.sub-uptag-02 .first1,.sub-uptag-03 .first3{display:flex;justify-content: space-between;align-items:center;}
.sub-uptag-02 .first1>div,.sub-uptag-03 .first3>div{width: 100%;}
.sub-uptag-02 .first1 .img,.sub-uptag-03 .img{display:flex;justify-content:flex-end;}
.sub-uptag-02 .first .img{padding-right:90px;}

.sub-uptag-03 .title > div{font-size: .9rem;color: #b2b2b2;line-height: 1.1;}

.sub-uptag-04{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
    box-sizing: border-box;
}
.sub-uptag-04 h4{
    text-align: center;
}
.sub-uptag-04 .content_box{margin-top: 110px;display:flex;align-items:center;justify-content: center;width: 100%;padding: 60px 20px;background:#fff;border-radius:15px;position: relative;box-sizing: border-box;}
.sub-uptag-04 .content_box h5{position: absolute;  top: -25px; left: 0; font-weight: bold; color: #fff; line-height: 50px; border-radius: 25px;  display: inline-block;
    text-align: center; font-size: 1.3rem;  background: #37579f;width: 135px;height: 50px;}
.sub-uptag-04 .content_box div .txt{font-size:1.6rem;font-weight: bold;color:#555;text-align: center;line-height: 1.4;margin-top: 30px;}
.sub-uptag-04 .content_box div .txt span{font-weight: 300;}
.sub-uptag-04 .content_box .icon{margin:0 35px 75px;transition:all 0.5s;}

.sub-uptag-05{
    position: relative;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-uptag-05.grey{
    background: #f5f5f5;
}
.sub-uptag-05 h4,.sub-uptag-05 p{
    text-align: center;
}

.sub-uptag-06 {
    background: #0c1120;
    background-position: center;
    padding: 120px 0 112px;
    transition: all 0.5s;
}
.sub-uptag-06 h4,.sub-uptag-06 p{
    text-align: center;
    color: #fff;
}
.sub-uptag-06>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.sub-uptag-06 .gb_box {
    display: flex;
    justify-content: center;
    gap: 45px;
    margin-top: 50px;
}
.sub-uptag-06 .gb_box>div {
    background: #fff;
    border-radius: 20px;
    text-align: center;
    transition: all 0.5s;
    padding: 1rem;
    box-sizing: border-box;
}
.sub-uptag-06 .gb_box p img{
    width: auto;
    margin: 0 auto;
}
.sub-uptag-06 .gb_box .GB{margin-top: 20px;color:#333;font-weight: bold;font-size:1.4rem;}
.sub-uptag-06 .gb_box p:last-child{color:#555;font-size:1rem;margin-top: 15px;}

.sub-uptag-07,.sub-uptag-08 {
	height: 503px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.sub-uptag-07 .container,.sub-uptag-08 .container{
    position: relative;
	display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
}
.sub-uptag-08 .container{
    justify-content: flex-end;
}
.sub-uptag-07 {
	background-image: url(../images/upordertag_bg4.jpg);
}
.sub-uptag-07 .subTit_s2.left { 
	text-align: left;
}
.sub-uptag-07 .subTit_s2 span,.sub-uptag-08 .subTit_s2 span {
    display: inline-block;
	color: #ffdd02;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
    font-weight: bold;
    border-radius: 25px;
    background-color: #000;
    padding: 5px 15px;
    border: 2px solid #000;
}
.sub-uptag-07 .subTit_s2 h3,.sub-uptag-08 .subTit_s2 h3 {
	color: #fff;
	font-weight: 700;
    font-size: 34px;
	letter-spacing: 0.1em;
}
.sub-uptag-08 {
	background-image: url(../images/upordertag_bg3.jpg);
}
.sub-uptag-07 p,.sub-uptag-08 p{
    color: #fff;
    margin-bottom: 2rem;
}
@media (max-width: 1180px) {
    .sub-uptag-01{
        padding: 130px 0 400px 0;
        background: url(../images/upordertag_top_bg.jpg) 50% 0 no-repeat;
        background-size: cover;
    }
    .sub-uptag-02 .first .img{padding-right: 2rem;}
    .sub-uptag-03{padding: 0;}
    .sub-uptag-06 .gb_box{width: 100%;box-sizing: border-box;gap:20px;flex-wrap: wrap}
    .sub-uptag-06 .gb_box>div {width: 47%;}
    .sub-uptag-07{background-position: calc(50% - 240px) 0}
    .sub-uptag-08{background-position: calc(50% + 200px) 0}
    .sub-uptag-07 .container, .sub-uptag-08 .container{align-items: baseline;}
    .sub-uptag-07 .subTit_s2.left{padding-top: 60px;}
    .sub-uptag-08 .container{justify-content: flex-start;padding-top: 60px;}
}
@media (max-width: 940px) {
    .sub-uptag-03{padding: 80px 0;}
    .sub-uptag-07{background-position: calc(50% - 340px) 0}
    .sub-uptag-08{background-position: calc(50% + 400px) 0}
}
@media (max-width: 640px) {
    .sub-uptag-01{
        padding: 80px 0 340px 0;
        background: url(../images/upordertag_top_bg.jpg) calc(50% - 100px) 0 no-repeat;
        background-size: cover;
    }
    .sub-uptag-02 .first1, .sub-uptag-03 .first3{flex-direction: column;}
    .sub-uptag-02 .first .img{padding-right: 0;margin-bottom: 1rem;}
    .sub-uptag-02 .first .title h4,.sub-uptag-03 .first .title h4{margin-bottom: 1rem;}
    .sub-uptag-06 .gb_box>div{width: 100%;}
    .sub-uptag-06 .gb_box>div p{width: 100%;}
    .sub-uptag-06 .gb_box>div p img{width: 30%;margin: auto}
}
@media (max-width: 540px) {
    .sub-uptag-01{
        padding: 80px 0 240px 0;
        background: url(../images/upordertag_top_bg.jpg) calc(50% - 60px) 0 no-repeat;
        background-size: cover;
    }
    .sub-uptag-04 .content_box{padding: 40px 20px;margin-top: 60px;}
    .sub-uptag-04 .content_box div .txt{font-size: 1.2em;}
}
@media (max-width: 480px) {
}
/* =========================================================================================
 *  UP웨이팅 스타일
 * =========================================================================================*/
.sub-upwait-01{
    position: relative;
    padding: 130px 0 500px 0;
    background: url(../images/waiting_top_bg-2.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.sub-upwait-02{
    position: relative;
    padding: 80px 0;
    background: #fff;
}
.sub-upwait-02 .first1{display:flex;justify-content: space-between;align-items:center;}
.sub-upwait-02 .first1>div{width: 100%;}
.sub-upwait-02 .first1 .img{display:flex;justify-content:flex-end;}
.sub-upwait-02 .first .img{padding-right:90px;}
.sub-upwait-03{
    position: relative;
    padding: 120px 0 140px 0;
    background: #f5f5f5;
}
.sub-upwait-03 h4{
    text-align: center;
}
.sub-upwait-03 .content_box{margin-top: 110px;display:flex;align-items:center;justify-content: center;width: 100%;padding: 60px 20px;background:#fff;border-radius:15px;position: relative;box-sizing: border-box;}
.sub-upwait-03 .content_box h5{position: absolute;  top: -25px; left: 0; font-weight: bold; color: #fff; line-height: 50px; border-radius: 25px;  display: inline-block;
    text-align: center; font-size: 1.3rem;  background: #37579f;width: 135px;height: 50px;}
.sub-upwait-03 .content_box div .txt{font-size:1.6rem;font-weight: bold;color:#555;text-align: center;line-height: 1.4;margin-top: 30px;}
.sub-upwait-03 .content_box div .txt span{font-weight: 300;font-size: 16px;line-height: 1;}
.sub-upwait-03 .content_box .icon{margin:0 35px 75px;transition:all 0.5s;}

.sub-upwait-03 .bottom{margin:40px auto 0;text-align: center;display: flex;flex-direction:column;align-items:center;}
.sub-upwait-03 .bottom>p{margin-top: 40px;font-size:1rem;color#666;}
.sub-upwait-03 .bottom .icon{display: flex;}
.sub-upwait-03 .bottom .icon p:not(:last-child){margin-right: 16px;}

.sub-upwait-04{
    position: relative;
    padding: 80px 0 0 0;
    background: #fff;
}
.sub-upwait-04.pb-80{
    padding-bottom: 80px;
}
.sub-upwait-04.grey{
    background: #f5f5f5;
}
.sub-upwait-04.back{
    padding: 120px 0 180px 0;
    background: url(../images/waiting_img06.png) 50% 0 no-repeat;
    background-size: cover;
}
.sub-upwait-04 .flex{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.sub-upwait-04 .flex h3{
    font-size: 2rem; 
}
.sub-upwait-04 .flex p{
    line-height: 1;
}
.sub-upwait-04 .flex .title p{
    font-size: 1.2rem; margin-bottom: .6rem;margin-top: 2rem;line-height: 1.6
}
.sub-upwait-04 .flex span{
    color:#555;font-size:1rem;margin-top: 15px;
}
.sub-upwait-05{
    position: relative;
    padding: 120px 0 140px 0;
    background: #fff;
}
.sub-upwait-05.grey{
    background: #f5f5f5;
}
.sub-upwait-05 h4,.sub-upwait-05 p{
    text-align: center;
}

.sub-upwait-06 {
    background: #0c1120;
    background-position: center;
    padding: 120px 0 112px;
    transition: all 0.5s;
}
.sub-upwait-06 h4{
    text-align: center;
    color: #fff;
}
.sub-upwait-06>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.sub-upwait-06 .gb_box {
    display: flex;
    justify-content: center;
    gap: 45px;
    margin-top: 50px;
}
.sub-upwait-06 .gb_box>div {
    background: #fff;
    border-radius: 20px;
    text-align: center;
    transition: all 0.5s;
    padding: 1rem;
    box-sizing: border-box;
}
.sub-upwait-06 .gb_box p img{
    width: auto;
    margin: 0 auto;
}
.sub-upwait-06 .gb_box .GB{margin-top: 20px;color:#333;font-weight: bold;font-size:1.4rem;}
.sub-upwait-06 .gb_box p:last-child{color:#555;font-size:1rem;margin-top: 15px;}

@media (max-width: 1180px) {
    .sub-upwait-01{
        padding: 130px 0 400px 0;
    }
}
@media (max-width: 940px) {
    .sub-upwait-01{
        padding: 80px 0 340px 0;
    }
    .sub-upwait-02 .first1{flex-direction: column;}
    .sub-upwait-02 .first1 .img{padding-right: 0;justify-content: center}
    .sub-upwait-03 .content_box div .txt{line-height: 1}
    .sub-upwait-03 .content_box div .txt span br{display: inline-block;content: " ";padding: 0 2px;}
    .sub-upwait-04 .flex{flex-direction: column;}
    .sub-upwait-04 .flex .img{order: 2}
    .sub-upwait-04 .flex .title{order: 1}
    .sub-upwait-04 .flex .title h3 {text-align: center;}
    .sub-upwait-04 .flex .title p {text-align: center;}
    .sub-upwait-04 .flex .title p br{display: inline-block;content: " ";padding: 0 2px;}
    .sub-upwait-04.back{background: url(../images/waiting_img06.png) 100% 0 no-repeat;
    background-size: cover;}
    .sub-upwait-04.back .flex {align-items: flex-start;}
    .sub-upwait-04.back .flex .title{width: 50%;}
    .sub-upwait-04.back .flex .title h3,.sub-upwait-04.back .flex .title p{text-align: left}
    .sub-upwait-06 .gb_box{gap:20px;}
}
@media (max-width: 700px) {
    .sub-upwait-03 .content_box{flex-direction: column;padding: 40px 20px;}
    .sub-upwait-03 .content_box .box p{width: 100%;margin: 0 auto;display: grid}
    .sub-upwait-03 .content_box div .txt span{margin-top: 1rem;width: 100%;}
    .sub-upwait-03 .content_box .icon{transform: rotate(90deg);margin: 30px;}
    .sub-upwait-04.back{background: url(../images/waiting_img06.png) calc(100% + 220px) 0 no-repeat;
    background-size: cover;}
}
@media (max-width: 540px) {
    .sub-upwait-01{
        padding: 80px 0 340px 0;
        background: url(../images/waiting_top_bg-2.jpg) calc(50% - 50px) 0 no-repeat;
        background-size: cover;
    }
    .sub-upwait-01 .container{position: relative;z-index: 5;}
    .sub-upwait-01::after{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(255,255,255,.3);z-index: 1;
    }
}
@media (max-width: 480px) {
}




@media (max-width: 1180px) {
    .sub-title.partner .container{
        border-radius: 0;
    }
    .header-pc .sub-menu .sub-menu-container{
        width: 100%;
    }
    .tableBox {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .container{
        width: 100%;
        padding: 0 20px;
    }
    .main-sec01 .container{
        padding: 0 20px;
        box-sizing: border-box;
    }
    .sub-title .container{
        padding: 7px 20px 20px 20px;
    }
    .main-sec01 .container .main-sec01-txt h2, .main-sec02 .container .main-sec02-txt h2{
        font-size: 5em;
    }
    .main-sec03 .container .main-sec03-txt h2{
        font-size: 4em;
    }
    .main-sec01 .container .main-sec01-txt p, .main-sec02 .container .main-sec02-txt p,.main-sec03 .container .main-sec03-txt p{
        font-size: 1.5em;
    }
    /* 포스 */
    .sub-pos-01{
        padding: 160px 0 240px 0;
        background: url(../images/200series_title-1.png) calc(100%) 50% no-repeat;
        background-size: 587px auto;
    }
    .sub-pos-04 .container{
        position: relative;
        z-index: 50;
    }
    .sub-pos-04::before{
        width: 380px;
        background: url(../images/pos-img-04-01.png) 100% 0 no-repeat;
        background-size:cover;
    }
    .sub-pos-04::after{
        width: 300px;
        background: url(../images/pos-img-04-02.png) 0% 0 no-repeat;
        background-size:cover;
    }
    .sub-pos-05{
        background: url(../images/pos-img-05.png) calc(50% - 170px) 0 no-repeat;
        background-size:cover;
    }
    .sub-pos-08{
        background: url(../images/series200Bg_06.jpg) calc(50% + 70px) 0 no-repeat;
        background-size:cover;
    }
    .sub-pos-10 .sub-sec10-slide{
        width: 1000px;
    }
    .sub-pos-11 .sub-sec11-img.pos-img-11-01 img{
        width: 1000px;
        margin: 0 auto;
    }
    .sub-pos-11 .sub-sec11-list li + li{
        margin-left: 10px;
    }
    .sub-pos-15 ul{
        flex-direction: column;
    }
    .sub-pos-15 ul li + li{
        margin-left: 0px;
        margin-top: 10px;
    }
    .sub-pos-15 ul li{
        width: 100%;
        padding: 60px 30px 60px 180px;
    }
    .sub-pos-15 ul li:nth-child(2){
        padding-left: 180px;
    }
    .sub-pos-15 ul li:nth-child(1){
        background: url(../images/pos-img-15-01.png) 0 100% no-repeat #f9f9f9;
        background-size: auto 100%;
    }
    .sub-pos-15 ul li:nth-child(2){
        background: url(../images/pos-img-15-02.png) 0 100% no-repeat #f9f9f9;
        background-size: auto 100%;
    }
    .sub-pos-16{
        background: url(../images/pos-img-16.png) 100% 100% no-repeat #eee;
        background-size: 100% auto;
    }
    /* 키오스크 */
    .sub-kiosk-01{
        background: url(../images/kiosk-img-01.png) calc(50% + 250px) 50% no-repeat;
        background-size: 310px auto;
    }
    .sub-kiosk-02 ul{
        flex-wrap: wrap;
    }
    .sub-kiosk-02 li{
        width: calc(50% - 15px);
        margin-bottom: 14px;
    }
    .sub-kiosk-02 ul li:nth-child(2n) + li{
        margin-left: 0;
    }
    .sub-kiosk-04{
        background: url(../images/kiosk-img-04.png) calc(50% - 150px) 0% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-04 .sub-sec04-txt{
        padding-left: calc(50% + 160px);
    }
    .sub-kiosk-05{
        padding: 240px 0;
        background: url(../images/kiosk-img-05.png) calc(50% - 150px) 0% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-06{
        background: url(../images/kiosk-img-06.png) calc(50% + 150px) 0% no-repeat;
        background-size: cover;
        padding: 360px 0 80px 0;
    }
    .sub-kiosk-07 .sub-sec07-slide{
        width: 1000px;
    }
    .sub-kiosk-08{
        position: relative;
        padding: 200px 0;
    }
    .sub-kiosk-08::before{
        width: 30%;
        background: url(../images/kiosk-img-08-01.png) 50% 100% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-08::after{
        width: 30%;
        background: url(../images/kiosk-img-08-02.png) 50% 100% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-10 .sub-sec10-spec li::after{
        top: 30px;
    }
    .sub-kiosk-10 .sub-sec10-spec li{
        padding-top: 100px;
        height: 160px;
    }
    /* 테이블오더 */
    .sub-order-01{
        background: url(../images/order-img-01.png) calc(50% + 250px) 100% no-repeat;
        background-size: 650px auto;
    }
    .sub-order-04{
        padding: 70px 0 400px 0;
        background: url(../images/order-img-04.png) 80% 100% no-repeat;
        background-size: 560px auto;
    }
    .sub-order-04 .sub-sec04-txt{
        padding-left: 0;
    }
    .sub-order-06 ul{
        justify-content: space-around
    }
    .sub-order-06 ul li{
        position: relative;
        width: 30%;
        padding-top: 220px;
    }
    .sub-order-07 .sub-sec07-slide{
        width: 1000px;
    }
    .sub-order-08 .container{
        flex-direction: column;
        justify-content: space-around;
    }
    .sub-order-08 .sub-sec08-txt{
        width: 100%;
    }
    .sub-order-09 .sub-sec09-pic li{
        width: 30%;
    }
    /* PG결제 */
    .sub-pg-01{
        background: url(../images/pg-img-01.png) calc(50% + 250px) 80% no-repeat;
        background-size: 550px auto;
    }
    .sub-pg-03{
        padding: 110px 0 700px 0;
        background: url(../images/pg-img-03.png) 50% 80% no-repeat #171C2C;
        background-size: 940px auto;
    }
}
@media (max-width: 992px) {
    .header-pc{
        height: 70px;
    }
    .header-pc .m-logo{
        display: block;
    }
    .header-pc .mobile-btn{
        display: block;
    }
    .header-pc .menu, .header-pc .etc{
        display: none;
    }
    
    .main-sec01{
        padding-top: 54px;
    }
    .main-sec01::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #f9f9f9;
        clip-path: polygon(0 75%, 100% 60%, 100% 100%, 0% 100%);
    }
    .main-sec01 .container,.main-sec02 .container{
        flex-direction: column;
        justify-content: center;
        padding: 0 20px;
    }
    .main-sec01 .container .main-sec01-img{
        width: 100%;
        margin: 40px auto 0 auto;
    }
    .main-sec01 .container .main-sec01-img::before {
        left: 60%;
        transform: translateX(-50%);
    }
    .main-sec01 .container .main-sec01-img::after {
        left: 24%;
        transform: translateX(-50%);
    }
    .main-sec02 .container .main-sec02-txt{
        order: 1;
    }
    .main-sec02 .container .main-sec02-img{
        order: 2;
    }
    .main-sec01 .container .main-sec01-txt h2, .main-sec02 .container .main-sec02-txt h2,.main-sec03 .container .main-sec03-txt h2{
        text-align: center;
    }
    .main-sec01 .container .main-sec01-txt p, .main-sec02 .container .main-sec02-txt p,.main-sec03 .container .main-sec03-txt p{
        text-align: center;
    }
    .main-sec02{
        padding-bottom: 80px;
    }
    .main-sec03 .container{
        justify-content: center;
        flex-direction: column;
        padding-bottom: 50px
    }
    .main-sec03 .container .main-sec03-img {
        position: relative;
        left: auto;
        bottom: auto;
        height: 400px;
        transform: none;
    }
    .btn-detail{
        margin: 0 auto;
        display: block;
    }
    /*  풋터 사이즈 조정  */
    .footer .container{
        justify-content: center;
        flex-direction: column;
    }
    .footer .container .footer-left{
        order: 2;
        width: 100%;
    }
    .footer .container .footer-left ul{
        flex-direction: column;
    }
    .footer .container .footer-left li{
        width: 100%;
        font-size: 1em;
        text-align: center;
    }
    .footer .container .footer-right{
        order: 1;
        width: auto;
        margin-bottom: 20px;
    }
    .footer .container .footer-right ul{
        justify-content: center;
        width: auto;
    }
    .footer .container .footer-right ul a{
        font-size: 1em;
    }
    /*  모바일 네비  */
    .nav.mobile{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 1000;
    }
    .nav.mobile > .m-menu{
        position: absolute;
        top: 0;
        right: -80%;
        width: 80%;
        max-width: 350px;
        height: 100vh;
        padding: 0 1.6em;
        background: #fff;
        z-index: 10;
        visibility: hidden;
        box-sizing: border-box;
        opacity: 0;
        transition: .3s;
    }
    .nav.mobile > .m-menu .menu-block{
        position: relative;
        width: 100%;
        height: 54px;
        box-sizing: border-box;
    }
    .nav.mobile > .m-menu .menu-block .menu-close{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        z-index: 100;
        box-sizing: border-box;
    }
    .nav.mobile > .m-menu .menu-block .menu-close::before{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 24px;
        transform: translate(-50%,-50%) rotate(45deg);
        background: #222;
        z-index: 100;
        box-sizing: border-box;
    }
    .nav.mobile > .m-menu .menu-block .menu-close::after{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 24px;
        transform: translate(-50%,-50%) rotate(-45deg);
        background: #222;
        z-index: 100;
        box-sizing: border-box;
    }
    .nav.mobile.on .m-menu{
        display: block;
        visibility: visible;
        opacity: 1;
        right: 0%;
        transition: .3s;
    }
    .nav.mobile .m-menu > ul.menu-depth li{
        list-style: none;
        border-bottom: 1px solid #eee;
    }
    .nav.mobile .m-menu > ul.menu-depth li:last-child{
        border-bottom: none;
    }
    .nav.mobile .m-menu > ul.menu-depth > li > a{
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 2.8em;
    }
    .nav.mobile .m-menu > ul.menu-depth > li > a.oneDepth{
        background: url(../images/ico-up.svg) 100% 50% no-repeat;
        background-size: 14px auto;
    }
    .nav.mobile .m-menu > ul.menu-depth > li.on > a.oneDepth{
        background: url(../images/ico-down.svg) 100% 50% no-repeat;
        background-size: 14px auto;
    }
    .nav.mobile .m-menu > ul.menu-depth > li > ul{
        padding-left: 20px;
        height: 0;
        overflow: hidden;
    }
    .nav.mobile .m-menu > ul.menu-depth > li.on > ul{
        height: auto;
        overflow: auto;
    }
    .nav.mobile .m-menu > ul.menu-depth > li > ul > li > a{
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 2.8em;
    }
    .nav.mobile .m-menu .util{
        border-top: 1px solid #eee;
        margin-top: 1em;
        padding-top: 2em;
    }
    .nav.mobile .m-menu .util ul{
        display: flex;
        justify-content: space-around;
        padding: 0;
    }
    .nav.mobile .m-menu .util ul li a{
        font-size: 14px;
        color: #666;
        padding-left: 28px;
        padding-top: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
    }
    .nav.mobile .m-menu .util ul li:nth-child(1) a{
        background: url(../images/ico-user.svg) 0 50% no-repeat;
    }
    .nav.mobile .m-menu .util ul li:nth-child(2) a{
        background: url(../images/ico-document.svg) 0 50% no-repeat;
    }
    .nav.mobile.on .dark{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(232,232,237,.4);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        box-sizing: border-box;
    }
    /* PG결제 */
    .sub-pg-01{
        padding: 60px 0 540px 0;
        background: url(../images/pg-img-01.png) 50% 100% no-repeat;
        background-size: 550px auto;
    }
    .sub-pg-01 .sub-sec01-txt h3,.sub-pg-01 .sub-sec01-txt h6,.sub-pg-01 .sub-sec01-txt p{
        text-align: center;
    }
    .sub-pg-02 ul{
        flex-direction: column;
    }
    .sub-pg-02 li{
        width: 100%;
        padding: 30px 50px 30px 120px;
    }
    .sub-pg-02 li + li{
        margin-left: 0px;
        margin-top: 10px;
    }
    .sub-pg-02 li::after{
        top: 50%;
        transform: translateY(-50%);
    }
    .sub-pg-03{
        padding: 8em 0 40em 0;
        background: url(../images/pg-img-03.png) 50% 70% no-repeat #171C2C;
        background-size: 80% auto;
    }
    .sub-pg-04 .sec04-van,.sub-pg-04 .sec04-pg{
        height: 300px;
    }
    /* 포스 */
    .sub-pos-01{
        padding: 60px 0 540px 0;
        background: url(../images/200series_title-1.png) 50% 100% no-repeat;
        background-size: 587px auto;
    }
    .sub-pos-01 .sub-sec01-txt h6,.sub-pos-01 .sub-sec01-txt h4,.sub-pos-01 .sub-sec01-txt h2,.sub-pos-01 .sub-sec01-txt p{
        text-align: center;
    }
    .sub-pos-02{
        padding: 320px 0 80px 0;
        background: url(../images/series200Bg_02.jpg) 50% 0 no-repeat;
        background-size: contain;
    }
    .sub-pos-02 .sub-sec02-txt{
        padding-left: 0px;
    }
    .sub-pos-02 .sub-sec02-txt h4,.sub-pos-02 .sub-sec02-txt p{
        text-align: center;
    }
    .sub-pos-07{
        position: relative;
        padding: 110px 0 470px 0;
        background: url(../images/pos-img-07.png) 50% 90% no-repeat;
        background-size: 450px auto;
    }
    .sub-pos-07 .sub-sec07-txt{
        padding-left: 0;
    }
    .sub-pos-07 .sub-sec07-txt h4,.sub-pos-07 .sub-sec07-txt p{
        text-align: center;
    }
    .sub-pos-08{
        position: relative;
        padding: 200px 0 250px 0;
        background: url(../images/series200Bg_06.jpg) 50% 0 no-repeat;
        background-size: cover;
    }
    .sub-pos-08::after{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.4);
        z-index: 1;
    }
    .sub-pos-08 .container{
        position: relative;
        z-index: 10;
    }
    .sub-pos-08 .sub-sec08-txt h4,.sub-pos-08 .sub-sec08-txt p{
        text-align: center;
    }
    .sub-pos-09{
        padding: 100px 0 350px 0;
        background: url(../images/pos-img-09.png) 20% 0 no-repeat;
        background-size: cover;
    }
    .sub-pos-09 .sub-sec09-txt{
        padding-left: 0;
    }
    .sub-pos-09 .sub-sec09-txt h4{
        text-align: center;
    }
    .sub-pos-09 .sub-sec09-txt p{
        margin: 0 auto;
        width: 70%;
    }
    .sub-pos-10 .sub-sec10-txt{
        margin-bottom: 30px;
    }
    .sub-pos-10 .sub-sec10-slide{
        width: 840px;
        height: 460px;
    }
    .sub-pos-10 .sub-sec10-slide + .sub-sec10-slide{
        margin-left: 20px;
    }
    .sub-pos-10 .sub-sec10-slide.slide01{
        background: url(../images/pos-img-10-01.png) 100% 100% no-repeat #f9f9f9;
        background-size: 70% auto;
    }
    .sub-pos-10 .sub-sec10-slide.slide02{
        background: url(../images/pos-img-10-02.png) 100% 100% no-repeat #f9f9f9;
        background-size: 50% auto;
    }
    .sub-pos-10 .sub-sec10-slide.slide03{
        background: url(../images/kiposImg7-1-2.png) 100% 100% no-repeat #f9f9f9;
        background-size: 50% auto;
    }
    .sub-pos-10 .sub-sec10-slide.slide04{
        background: url(../images/kiposImg7-2-2.png) 0% 0% no-repeat #f9f9f9;
        background-size: 50% auto;
        padding-top: 250px;
        padding-left: 60px;
    }
    .sub-pos-10 .sub-sec10-slide p{
        width: 100%;
    }
    .sub-pos-11 .sub-sec11-img.pos-img-11-01 img{
        width: 800px;
        margin: 0 auto;
    }
    .sub-pos-11 .sub-sec11-img.pos-img-11-02 img{
        width: 600px;
        margin: 0 auto;
    }
    .sub-pos-11 .sub-sec11-list{
        flex-direction: column;
    }
    .sub-pos-11 .sub-sec11-list li{
        width: 100%;
        padding: 30px 50px 30px 120px;
    }
    .sub-pos-11 .sub-sec11-list li + li{
        margin-left: 0px;
        margin-top: 10px;
    }
    .sub-pos-11 .sub-sec11-list li::after{
        top: 50%;
        transform: translateY(-50%);
    }
    .sub-pos-16 .sub-sec16-txt h4,.sub-pos-16 .sub-sec16-txt p{
        text-align: center;
    }
    .sub-sec12-slider-wrap{
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
    }
    .sub-sec12-slider-wrap .sub-sec12-slider{
        display: flex;
        justify-content: flex-end;
    }
    .sub-sec12-slider-wrap .sub-sec12-slider-nav{
        padding: 50px 0 30px 0;
    }
    .sub-pos-13{
        padding: 120px 0 480px 0;
        background: url(../images/pos-img-13.png) calc(50%) 100% no-repeat #fff;
        background-size: 600px auto;
    }
    .sub-pos-13 .sub-sec13-txt{
        padding-left: 0;
    }
    .sub-pos-13 .sub-sec13-txt h4,.sub-pos-13 .sub-sec13-txt p{
        text-align: center;
    }
    .sub-pos-13 .sub-sec13-txt ul{
        justify-content: center;
    }
    .sub-pos-14{
        position: relative;
        padding: 100px 0 440px 0;
        background: radial-gradient(39.25% 21.5% at 69.06% 77.25%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #111111;
    }
    .sub-pos-14::after{
        width: 680px;
        height: 360px;
        top: 70%;
    }
    .sub-pos-14 .sub-sec14-txt h4,.sub-pos-14 .sub-sec14-txt p{
        text-align: center;
    }
    #series200 .content2 .img_box .textbox{
        display: none
    }
    .peripheral .img_box{
        flex-direction: column;
    }
    .peripheral .img_box .item{
        width: 100%;
    }
    .peripheral .img_box .item .img{
        width: 120px
    }
    .peripheral .img_box .item dl{
        margin-left: 0;
        padding-right: 1em;
        padding-bottom: 1em;
    }
    .peripheral .img_box .item + .item{
        margin-top: 10px;
    }
    /* 테이블오더 */
    .sub-order-01{
        padding: 60px 0 540px 0;
        background: url(../images/order-img-01.png) 50% 100% no-repeat;
        background-size: 500px auto;
    }
    .sub-order-01 .sub-sec01-txt h6,.sub-order-01 .sub-sec01-txt h3,.sub-order-01 .sub-sec01-txt p{
        text-align: center;
    }
    .sub-order-02 ul{
        flex-wrap: wrap;
    }
    .sub-order-02 li{
        width: calc(50% - 15px);
        margin-bottom: 14px;
    }
    .sub-order-02 ul li:nth-child(2n) + li{
        margin-left: 0;
    }
    .sub-order-03{
        padding: 70px 0 280px 0;
    }
    .sub-order-03 h4{
        text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45);
    }
    .sub-order-07 .sub-sec07-slide{
        width: 840px;
        height: 460px;
    }
    .sub-order-07 .sub-sec07-slide.slide01{
        background: url(../images/order-img-07-01.png) calc(100% - 70px) 50% no-repeat #f9f9f9;
        background-size: 300px auto;
    }
    .sub-order-07 .sub-sec07-slide.slide02{
        background: url(../images/order-img-07-02.png) calc(100% - 0px) 50% no-repeat #f9f9f9;
        background-size: 440px auto;
    }
    .sub-order-07 .sub-sec07-slide.slide03{
        background: url(../images/order-img-07-03.png) calc(100% - 60px) 50% no-repeat #f9f9f9;
        background-size: 440px auto;
    }
    .sub-order-09 .sub-sec09-pic li{
        height: 210px;
    }
    .sub-order-10 ul{
        flex-direction: column;
    }
    .sub-order-10 li{
        width: 100%;
        padding: 30px 50px 30px 120px;
    }
    .sub-order-10 li + li{
        margin-left: 0px;
        margin-top: 10px;
    }
    .sub-order-10 li::after{
        top: 50%;
        transform: translateY(-50%);
    }
    .sub-order-15{
        padding: 310px 0 140px 0;
        background: url(../images/order-img-15.png) 50% 60px no-repeat #f9f9f9;
        background-size: 560px auto;
    }
    /* 키오스크 */
    .sub-kiosk-07 .sub-sec07-slide{
        width: 840px;
        height: 460px;
    }
    .sub-kiosk-07 .sub-sec07-slide.slide03{
        padding-left: 500px;
    }
    .sub-kiosk-09 .sub-sec09-spec li{
        padding-top: 30px;
        padding-left: 80px;
        height: 200px;
    }
    .sub-kiosk-09 .sub-sec09-spec li::after{
        top: 30px;
        left: 24px;
    }
    .sub-kiosk-10 .sub-sec10-spec li{
        width: 160px;
    }
    .sub-kiosk-10 .sub-sec10-spec li:nth-child(6n) + li{
        margin-left: 20px;
    }
    .sub-kiosk-10 .sub-sec10-spec li:nth-child(5n) + li{
        margin-left: 0;
    }
}

@media (max-width: 875px) {
    .sub-kiosk-10 .sub-sec10-spec li:nth-child(6n) + li,.sub-kiosk-10 .sub-sec10-spec li:nth-child(5n) + li,.sub-kiosk-10 .sub-sec10-spec li + li{
        margin-left: inherit;
    }
    .sub-kiosk-10 .sub-sec10-spec li{
        margin-right: 20px;
    }
    .sub-pg-02 li{
        padding: 30px 30px 30px 120px;
    }
    .sub-pg-04 .pg-wrap{
        display: flex;
        justify-content: center
    }
    .sub-pg-04 .sec04-van{
        position: relative;
        width: 100%;
        height: 470px;
        background: url(../images/pg-img-04-01-m.png) 50% 0 no-repeat;
        background-size: contain;
        margin-bottom: 40px;
    }
    .sub-pg-04 .sec04-pg{
        position: relative;
        width: 100%;
        height: 470px;
        background: url(../images/pg-img-04-02-m.png) 50% 0 no-repeat;
        background-size: contain;
    }
    #series200 .content9{
        height: auto;
    }
    
}
@media (max-width: 780px) {
    /* 가맹점 접수 */
    .sub-title.partner .container h4{
        font-size: 2rem;
        padding: 30px 0;
    }
    .sub-partner-01 .sub-partner-half{
        width: 98%;
        margin: 0 1% 1em 1%;
        box-sizing: border-box;
    }
    .tableBox table{width: auto;}	
    .tableBox table .th-1{display:none;}
    .tableBox table .th-2{text-align: center;background: #f0f0f0; font-weight: 700;  color: #333;  line-height: 1.625;font-size:1.3rem;display:block;box-sizing: border-box}
    .tableBox table td.bg{background: #f7f7f7;}
    .tableBox table td{width: 100%; padding: 16px;}
    .tableBox table dl dt{padding-right: 15px;width: 25%;}
    .main-sec01 .container .main-sec01-img{
        width: 100%;
        height: 450px;
        margin: 40px auto 0 auto;
    }
    
    .main-sec01 .container .main-sec01-img::before {
        width: 100%;
        height: 410px;
        left: 50%;
        transform: translateX(-50%);
        background: url(../images/pos-img-01-1.png) 50% 0 no-repeat;
        background-size: contain;
    }
    .main-sec01 .container .main-sec01-img::after {
        display: none
    }
    .main-sec02 .container .main-sec02-img {
        width: 100%;
        height: 540px;
        background: url(../images/kiosk-img-10-1.png) 50% 0 no-repeat;
        background-size: contain;
        margin-top: 20px;
    }
    .main-sec01 .container .main-sec01-txt h2, .main-sec02 .container .main-sec02-txt h2{
        font-size: 3em;
        margin-bottom: 10px;
    }
    .main-sec03 .container{
        padding-top: 80px;
        padding-bottom: 0px;
    }
    .main-sec03 .container .main-sec03-txt h2{
        font-size: 2.7em;
    }
    .main-sec01 .container .main-sec01-txt p, .main-sec02 .container .main-sec02-txt p,.main-sec03 .container .main-sec03-txt p{
        font-size: 1.2em;
        line-height: 1.4;
    }
    .btn-detail{
        font-size: 1.3em;
    }
    .footer{
        padding: 30px 0 60px 0;
    }
    /* quick */
    .quick{
        bottom: 40px;
        right: 0;
        top: auto;
        transform: none;
    }
    .quick > a{
        width: 54px;
        height: 54px;
        text-indent: -99999px;
    }
    .quick > a.kakao{
        border-radius: 10px 0px 0 0;
    }
    .quick > a.kakao::after{
        top: 50%;
    }
    .quick > a.top{
        border-radius: 0 0 0px 10px;
    }
    .quick > a.top::after{
        top: 50%;
    }
    .sub-pos-02{
        padding: 230px 0 80px 0;
    }
    .sub-pos-03{
        padding: 240px 0 70px 0;
    }
    .sub-pos-04 {
        padding: 340px 0 120px 0;
    }
    .sub-pos-04::before {
        width: 50%;
        height: 300px;
        background: url(../images/pos-img-04-01.png) 100% 100% no-repeat;
        background-size: cover;
    }
    .sub-pos-04::after {
        width: 50%;
        height: 300px;
        background: url(../images/pos-img-04-02.png) 100% 0% no-repeat;
        background-size: auto 92%;
    }
    .sub-pos-05 {
        padding: 80px 0 250px 0;
        background: url(../images/pos-img-05.png) calc(50% - 100px) 0 no-repeat;
        background-size: cover;
    }
    .sub-pos-06::after{
        width: 100%;
        height: 460px;
        background: url(../images/pos-img-06-img.png) 50% 0 no-repeat;
        background-size: cover;
    }
    .sub-pos-06 .sub-sec06-txt{
        padding-bottom: 390px
    }
    .sub-pos-06 .sub-sec06-list{
        flex-direction: column;
    }
    .sub-pos-06 .sub-sec06-list li{
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 44%;
        height: auto;
    }
    .sub-pos-06 .sub-sec06-list li + li{
        margin-left: 0px;
        margin-top: 10px;
    }
    .sub-pos-06 .sub-sec06-list li:nth-child(1){
        background: url(../images/gb_img01.png) 10% 50% no-repeat #fff;
        background-size: 150px auto;
    }
    .sub-pos-06 .sub-sec06-list li:nth-child(2){
        background: url(../images/gb_img02_01.png) 10% 50% no-repeat #fff;
        background-size: 150px auto;
    }
    .sub-pos-06 .sub-sec06-list li:nth-child(3){
        background: url(../images/pos-img-06-03.png) 10% 50% no-repeat #fff;
        background-size: 150px auto;
    }
    .sub-pos-06 .sub-sec06-list li h5,.sub-pos-06 .sub-sec06-list li p{
        text-align: left;
    }
    .sub-pos-10 .sub-sec10-slide{
        width: 600px;
        height: 340px;
    }
    .sub-pos-11 .sub-sec11-img.pos-img-11-01 img{
        width: 600px;
    }
    .sub-pos-11 .sub-sec11-img.pos-img-11-02 img{
        width: 400px;
    }
    .sub-pos-16{
        padding: 120px 0 300px 0;
    }
    .sub-pos-10 .sub-sec10-slide.slide04{
        padding-top: 170px;
    }
    /* 키오스크 */
    .sub-kiosk-01{
        padding: 60px 0 540px 0;
        background: url(../images/kiosk-img-01.png) 50% 100% no-repeat;
        background-size: 280px auto;
    }
    .sub-kiosk-01 .sub-sec01-txt h6,.sub-kiosk-01 .sub-sec01-txt h3,.sub-kiosk-01 .sub-sec01-txt p{
        text-align: center;
    }
    .sub-kiosk-03{
        padding: 330px 0 70px 0;
        background: url(../images/kiosk-img-03.png) calc(50% - 340px) 0% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-03::after{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,.5);
        z-index: 0;
    }
    .sub-kiosk-03 .sub-sec03-txt{
        position: relative;
        width: 100%;
        z-index: 5;
    }
    .sub-kiosk-03 .sub-sec03-txt h4,.sub-kiosk-03 .sub-sec03-txt p{
        text-align: center;
    }
    .sub-kiosk-03 .sub-sec03-spec{
        position: relative;
        width: 100%;
        flex-wrap: wrap;
        z-index: 5;
    }
    .sub-kiosk-03 .sub-sec03-spec li{
        width: calc(25% - 10px);
    }
    .sub-kiosk-04{
        padding: 240px 0 60px 0;
        background: url(../images/kiosk-img-04.png) calc(50% - 130px) 0% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-04 .sub-sec04-txt{
        padding-left: 60%;
    }
    .sub-kiosk-05{
        padding: 240px 0 60px 0;
        background: url(../images/kiosk-img-05.png) calc(50% - 150px) 0% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-06{
        padding: 380px 0 80px 0;
    }
    .sub-kiosk-06 .sub-sec06-txt{
        padding-left: 0;
    }
    .sub-kiosk-07 .sub-sec07-slide{
        width: 600px;
        height: 340px;
        padding: 30px;
    }
    .sub-kiosk-07 .sub-sec07-slide.slide01{
        background: url(../images/kiosk-img-07-01.png) calc(100% + 100px) 100% no-repeat #f9f9f9;
        background-size: auto 100%;
    }
    .sub-kiosk-07 .sub-sec07-slide.slide01 .apple{
        left: 30px;
        bottom: 30px;
    }
    .sub-kiosk-07 .sub-sec07-slide.slide02{
        background: url(../images/kiosk-img-07-02.png) calc(100% + 100px) 100% no-repeat #f9f9f9;
        background-size: auto 100%;
    }
    .sub-kiosk-07 .sub-sec07-slide.slide03{
        text-align: right;
        padding-left: 0;
    }
    .sub-kiosk-08{
        padding: 300px 0 0 0;
    }
    .sub-kiosk-08 .container{
        position: relative;
        padding: 30px 0;
        background: #fff;
        z-index: 10;
    }
    .sub-kiosk-08::before,.sub-kiosk-08::after{
        width: 49%;
        height: calc(100% - 160px);
    }
    .sub-kiosk-08::before{
        background: url(../images/kiosk-img-08-01.png) 50% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-08::after{
        background: url(../images/kiosk-img-08-02.png) 50% no-repeat;
        background-size: cover;
    }
    .sub-kiosk-09 .kiosk-img-10{
        width: 100%;
        height: 500px;
        background: url(../images/kiosk-img-10.png) 50% 0 no-repeat;
        background-size: contain;
    }
    .sub-kiosk-09 .sub-sec09-spec li{
        width: 100%;
        height: auto;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    .sub-kiosk-09 .sub-sec09-spec li + li{
        margin-left: 0;
        margin-top: 10px;
    }
    .sub-kiosk-03 .sub-sec03-spec li{
        width: calc(50% - 10px);
        margin-bottom: 10px;
    }
    .sub-kiosk-03 .sub-sec03-spec li:nth-child(2n) + li{
        margin-left: 0px;
    }
    /* 테이블오더 */
    .sub-order-06 ul li{
        width: 48%;
    }
    .sub-order-07{
        padding-top: 0;
    }
    .sub-order-07 .sub-sec07-slide{
        width: 600px;
        height: 340px;
        padding: 30px;
    }
    .sub-order-07 .sub-sec07-slide.slide01{
        background: url(../images/order-img-07-01.png) calc(100% - 70px) 50% no-repeat #f9f9f9;
        background-size: 240px auto;
    }
    .sub-order-07 .sub-sec07-slide.slide02{
        background: url(../images/order-img-07-02.png) calc(100% - 0px) 50% no-repeat #f9f9f9;
        background-size: 340px auto;
    }
    .sub-order-07 .sub-sec07-slide.slide03{
        background: url(../images/order-img-07-03.png) calc(100% - 0px) 50% no-repeat #f9f9f9;
        background-size: 340px auto;
    }
    .sub-order-08 .sub-sec08-txt ul li{
        width: 100%;
    }
    .sub-order-09 .sub-sec09-pic li{
        height: 160px;
    }
    .sub-order-11{
        padding: 200px 0 100px 0;
        background: url(../images/order-img-11.png) 50% 0% no-repeat;
        background-size: auto 170px;
    }
    .sub-order-11 h4 {
        color: inherit;
    }
    .sub-order-11 li{
        color: inherit;
    }
    .sub-order-12{
        padding: 200px 0 100px 0;
        background: url(../images/order-img-12.png) 50% 0% no-repeat;
        background-size: auto 170px;
    }
    .sub-order-12 .sub-sec12-txt{
        padding-left: 0%;
    }
    .sub-order-13{
        padding: 200px 0 100px 0;
        background: url(../images/order-img-13.png) 50% 0% no-repeat;
        background-size: auto 170px;
    }
    .sub-order-13 h4,.sub-order-13 p{
        color: inherit
    }
    .sub-order-14{
        padding: 200px 0 100px 0;
        background: url(../images/order-img-14.png) 50% 0% no-repeat;
        background-size: auto 170px;
    }
    .sub-order-14 .sub-sec14-txt{
        padding-left: 0%;
    }
    .sub-order-15{
        padding: 230px 0 140px 0;
        background: url(../images/order-img-15.png) 50% 60px no-repeat #f9f9f9;
        background-size: auto 140px;
    }
}

@media (max-width: 680px) {
    .sub-pg-04 .pg-wrap{
        flex-direction: column;
    }
}
@media (max-width: 540px) {
    .sub-kiosk-10 .sub-sec10-spec li{
        width: 45%;
        margin-left: auto;
        margin-right: auto;
    }
    .sub-kiosk-10 .sub-sec10-spec li:nth-child(6n) + li,.sub-kiosk-10 .sub-sec10-spec li:nth-child(5n) + li,.sub-kiosk-10 .sub-sec10-spec li + li{
        margin-left: auto;
    }
    .sub-contents h6{
        display: block;
        font-size: 1.6em;
        font-weight: 400;
        color: #0066CC;
    }
    .sub-contents h3{
        display: block;
        font-size: 2.4em;
        margin-top: 10px;
        margin-bottom: 14px;
    }
    .sub-contents h2{
        display: block;
        font-size: 2.4em;
        margin-top: 10px;
        margin-bottom: 14px;
    }
    .sub-contents p{
        font-size: 1.2em;
        font-size: 300;
        line-height: 1.5;
    }
    .sub-contents h4{
        display: block;
        font-size: 2em;
        margin-bottom: 1.3em;
    }
    .txt-pc{
        display: none;
    }
    .txt-mobile{
        display: block;
    }
    .sub-pos-01{
        padding: 60px 0 400px 0;
        background: url(../images/200series_title-1.png) 50% 90% no-repeat;
        background-size: 360px auto;
    }
    .sub-pos-02 {
        padding: 200px 0 80px 0;
        background: url(../images/pos-img-02.png) calc(50% + 60px) 0 no-repeat;
        background-size: 600px auto;
    }
    .sub-pos-03 {
        background: url(../images/series200Bg_03.jpg) calc(50% + 60px) 0 no-repeat;
        background-size: 650px auto;
        padding: 240px 0 90px 0
    }
    .sub-pos-03 .sub-sec03-txt{
        padding-left: 0;
    }
    .sub-pos-05 {
        padding: 300px 0 80px 0;
        background: url(../images/pos-img-05.png) calc(50% - 100px) 0 no-repeat;
        background-size: 800px auto;
    }
    .sub-pos-06 .sub-sec06-list li{
        padding-left: 50%;
    }
    .sub-pos-06 .sub-sec06-list li h5{
        font-size: 1.6em;
    }
    .sub-pos-06 .sub-sec06-list li p{
        font-size: 1.1em;
    }
    .sub-pos-08{
        background: url(../images/series200Bg_06.jpg) 88% 0 no-repeat;
        background-size: 800px auto;
        padding: 280px 0 120px 0;
    }
    .sub-pos-08::after{
        display: none;
    }
    .sub-pos-08 .sub-sec08-txt{
        color: #000;
    }
    .sub-pos-09{
        background: url(../images/pos-img-09.png) 20% 0 no-repeat;
        background-size: 800px auto;
        padding: 280px 0 40px 0;
    }
    .sub-pos-09 .sub-sec09-txt h4, .sub-pos-09 .sub-sec09-txt p{
        color: #000;
    }
    .sub-pos-09 .sub-sec09-txt p{
        width: 100%;
    }
    .sub-pos-10 .sub-sec10-slide{
        width: 400px;
        padding: 55px 15px 25px 15px;
    }
    .sub-pos-10 .sub-sec10-slide.slide04{
        width: 400px;
        padding: 125px 15px 25px 15px;
    }
    .sub-pos-10 .sub-sec10-slide h5{
        font-size: 1.5em;
    }
    .sub-pos-10 .sub-sec10-slide p{
        font-size: .9em
    }
    .sub-pos-10 .sub-sec10-slide.slide01 p{
        display: none;
    }
    .sub-pos-05 h4,.sub-pos-05 p,.sub-pos-10 h4,.sub-pos-11 h4,.sub-pos-12 h4,.sub-pos-12 p{
        text-align: center;
    }
    .sub-pos-03 br{
       display: inline-block;
       content: " ";
       padding: 0 2px;
    }
    .sub-pos-11 .sub-sec11-img.pos-img-11-01 img{
        width: 100%;
    }
    .sub-pos-11 .sub-sec11-img.pos-img-11-02 img{
        width: 300px;
    }
    .sub-pos-11 .sub-sec11-img small{
        font-size: 1.6em;
    }
    .sub-sec12-slider-wrap .sub-sec12-slider-nav .option-wrap .option-txt .title{
        font-size: 1.8em
    }
    .sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav {
        width: 30%;
    }
    .sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav .box{
        width: 100% !important;
    }
    .sub-sec12-slider-wrap .sub-sec12-slider-nav .slide-nav + .slide-nav{
        margin-left: 3%;
    }
    .sub-sec12-slider-wrap .sub-sec12-slider .sub-sec12-slide{
        width: 100%;
        height: 300px;
    }
    .sub-pos-13 {
        padding: 120px 0 400px 0;
        background: url(../images/pos-img-13.png) calc(50%) 100% no-repeat #fff;
        background-size: 90% auto;
    }
    .sub-pos-14::after{
        width: 95%;
        height: 320px;
        top: 66%;
        background: url(../images/pos-img-14.png) 0 no-repeat;
        background-size: contain;
    }
    .sub-pos-15 ul li h5{
        font-size: 1.6em;
    }
    .sub-pos-15 ul li small{
        font-size: 1.1em;
    }
    .sub-pos-16{
        padding: 120px 0 220px 0;
    }
    #series200 .content1{    
        height: 40vh;
        padding-top: 80px;
    }
    #series200 .content2{ 
        padding-top: 80px;
    }
    .sub-kiosk-02 li{
        width: 100%;
        padding: 30px 30px 20px 70px;
        margin-bottom: 10px;
    }
    .sub-kiosk-02 ul li::after{
        left: 14px;
        top: 24px;
    }
    .sub-kiosk-02 ul li + li{
        margin-left: 0;
    }
    .sub-kiosk-07 .sub-sec07-slide{
        width: 400px;
        height: 340px;
    }
    .sub-kiosk-07 .sub-sec07-slide.slide01{
        background: url(../images/kiosk-img-07-01.png) calc(100% + 80px) 100% no-repeat #f9f9f9;
        background-size: auto 70%;
    }
    .sub-kiosk-07 .sub-sec07-slide.slide03{
        background: url(../images/kiosk-img-07-03.png) 0px 100% no-repeat #F9F9F9;
        background-size: 470px auto;
    }
    .sub-kiosk-02 h4,.sub-kiosk-05 h4,.sub-kiosk-05 p,.sub-kiosk-06 h4,.sub-kiosk-07 h4{
        text-align: center;
    }
    .sub-kiosk-09 .kiosk-img-10{
        height: 400px;
    }
    .sub-order-07 .sub-sec07-slide{
        width: 400px;
        height: 340px;
    }
    .sub-order-07 .sub-sec07-slide.slide01{
        background: url(../images/order-img-07-01.png) 50% 100% no-repeat #f9f9f9;
        background-size: 240px auto;
    }
    .sub-order-07 .sub-sec07-slide.slide02{
        background: url(../images/order-img-07-02.png) 50% 100% no-repeat #f9f9f9;
        background-size: 340px auto;
    }
    .sub-order-07 .sub-sec07-slide.slide03{
        background: url(../images/order-img-07-03.png) 50% 100% no-repeat #f9f9f9;
        background-size: 340px auto;
    }
    
}
@media (max-width: 480px) {
    .main-sec01 .container .main-sec01-img::before {
        width: 350px;
        height: 350px;
    }
    .main-sec02 .container .main-sec02-img {
        height: 520px;
        margin-top: 20px;
    }
    .main-sec03 .container .main-sec03-img{
        height: 230px;
    }
    .sub-pos-10 .sub-sec10-slide{
        width: 340px;
        padding: 70px 15px 25px 15px;
        height: 240px;
    }
    .sub-pos-10 .sub-sec10-slide.slide03{
        padding-top: 40px;
    }
    .sub-pos-10 .sub-sec10-slide.slide02::before{
        content: '';
        position: absolute;
        top: 0;
        right: 30px;
        width: 28px;
        height: 35px;
        background: url(../images/pos-img-10-award.png) 0 no-repeat;
        background-size: 28px auto;
    }
    .sub-pos-10 .sub-sec10-slide.slide02::after{
        content: '';
        position: absolute;
        top: 0;
        right: 60px;
        width: 28px;
        height: 35px;
        background: url(../images/pos-img-10-award.png) 0 no-repeat;
        background-size: 28px auto;
    }
    .sub-pos-10 .sub-sec10-slide.slide03::before{
        content: '';
        position: absolute;
        top: 0;
        right: 30px;
        width: 28px;
        height: 35px;
        background: url(../images/pos-img-10-award.png) 0 no-repeat;
        background-size: 28px auto;
    }
    .sub-pos-11 .sub-sec11-list li{
        padding-left: 80px;
        font-size: 1.4em;
    }
    .sub-pos-11 .sub-sec11-list li::after{
        left: 24px;
    }
    .sub-pos-15 ul li:nth-child(1){
        padding: 30px 10px 40px 100px;
        background: url(../images/pos-img-15-01.png) -20px 100% no-repeat #f9f9f9;
        background-size: auto 160px;
    }
    .sub-pos-15 ul li:nth-child(2){
        padding: 30px 10px 50px 100px;
        background: url(../images/pos-img-15-02.png) -20px 100% no-repeat #f9f9f9;
        background-size: auto 160px;
    }
    .sub-order-09 .sub-sec09-pic li{
        height: 120px;
    }
    /* PG결제 */
    .sub-pg-01{
        padding: 60px 0 400px 0;
        background: url(../images/pg-img-01.png) 50% 100% no-repeat;
        background-size: 420px auto;
    }
    .sub-pg-02 li{
        padding-left: 80px;
        font-size: .9em;
    }
    .sub-pg-02 ul li::after{
        left: 24px;
    }
    .sub-pg-03{
        padding: 8em 0 26em 0;
        background: url(../images/pg-img-03.png) 50% 74% no-repeat #171C2C;
        background-size: 90% auto;
    }
    /* 테이블오더 */
    .sub-order-01{
        padding: 60px 0 330px 0;
        background: url(../images/order-img-01.png) 50% 100% no-repeat;
        background-size: 90% auto;
    }
    .sub-order-02 li{
        width: 100%;
        padding: 40px 40px 40px 120px;
    }
    .sub-order-02 ul li + li{
        margin-left: 0;
    }
    .sub-order-04 {
        padding: 70px 0 400px 0;
        background: url(../images/order-img-04.png) 80% 100% no-repeat;
        background-size: 90% auto;
    }
    .sub-order-06 ul li{
        width: 100%;
    }
}