@charset "utf-8";
@media (max-width: 1230px) {
    #gnb .submenu {top:70px;}
    #gnb .submenu>ul {padding:20px 5px;}
    #gnb .submenu>ul>li{margin-bottom:10px;}
    #gnb .submenu>ul>li>a {font-size:15px;}

    .doc-menu ul{gap:6px;}
    .doc-menu ul li a{min-width:80px;height:32px;padding:0 15px;}

    .doc-exchange .tt-wrap{margin-bottom:30px;}
    .exchange-sld .sld .slick-list{margin:0 -10px;}
    .exchange-sld .sld .item{padding:0 10px;}
    .exchange-sld .sld .item .box{min-height:auto;padding:20px;}

    /* footer */
    #footer{font-size:14px;} 
    #footer .contain{display:block;}
    #footer .foot-logo{margin-right:0;margin-bottom:30px;}
    #footer .foot-logo img{height:80px;}
    #footer .right{width:100%;}
    #footer .right .foot-map>ul{gap:60px;}
    #footer .right .foot-info address dl dt{width:100px;}
    #footer .right .foot-info .wrap .sns{margin-bottom:25px;}
    #footer .right .foot-info .wrap .sns ul{gap:30px;}
    #footer .right .foot-info .wrap .menu ul{gap:20px;} 

    .prepaid .tit56{margin-bottom:20px;}


    .pg-menu ul li a{height:50px;}

    .location .search-area .toggle-wrap ul li label {gap:5px;}
    .location .search-area .search-wrap{gap:10px;}
    .location .search-area .search-wrap .search .input{width:300px;height:40px;padding:0 50px 0 20px;}
    .location .search-area .search-wrap .search .btn{width:20px;height:20px;margin-top:-10px;}
    .btn-filter{width:40px;height:40px;border-radius:6px;}

    .can-change{padding:15px 20px;display: block;}
    .can-change .flag{width:100%;margin-top:10px;}
    .can-change .flag ul{gap:6px;}
    
    .doc-pop-wrapper{padding:30x;}
    .doc-pop-wrapper .modal-close{width:24px;height:24px;top:30px;}

    .filter .group{margin-bottom:30px;}
    .filter .group .gr-tit small{font-size:14px;}

    .filter .group .row{margin-bottom:15px;}
    .filter .group .row .row-tit{margin-bottom:10px;}
    .ch-list li input[type=checkbox]+label{min-width:60px;height:32px;padding:0 15px;}

    .find-store-wrap {height:400px;}

    .customoverlay {padding-bottom:50px; margin-top:50px; }
    .customoverlay .inner {padding:20px;}
    .customoverlay .close {margin-left:-20px;width:40px;height:40px;}
    .gm-style .gm-style-iw-c {max-width: 300px !important; }

    .btn-get-position {top:28%;}

    .location-list ul{margin:0 -10px -20px;}
    .location-list ul li{width:33.3333%;padding:0 10px;margin-bottom:20px;}
    .location-list ul li .box .tt-wrap{padding:20px;}

    .faq .tit a {padding:15px 50px 15px 15px;}
    .faq .tit a:after {margin-top:-10px;width:20px; height:20px;right:15px;}
    .faq .cnt {padding:20px calc(15px + 30px);}
    .faq .q {width:30px; font-size:24px;}

    

    .partnership{display: block;}
    .partnership .tit56-wrap{margin-right:0;margin-bottom:30px; padding-top: 0; }
    .partnership .form-area{width:100%;padding:30px;}
    
    .faq-gate ul{margin:0 -5px;}
    .faq-gate ul li{padding:0 5px;}
    .faq-gate ul li .box{min-height:auto;padding:20px;}
    /* .faq-gate ul li .box .tt-wrap{margin-bottom:20px;} */
       
}

@media (max-width:1024px) {
	#gnb{display:none;}
    .btn-m-menu{display: block;}
    .lang{right:80px;}
}

@media (max-width: 768px) {
	#wrapper {padding-top:60px;}
    /* header */
    #header .contain{height:60px;}
    #header .sitelogo {top:18px;left:15px;}
    #header .sitelogo img{height:24px;}

    .lang {right:70px;}
    .lang .tit {height:24px;padding:0 20px;}
    .lang .lang-open {top:30px;}
    .lang .lang-open ul li{margin-bottom:4px;}
    .lang .lang-open ul li a {height:24px;padding:0 10px;}

    .sec1 { margin-bottom: 100px; }
    .sec1 h2 { font-size: 40px;}
    [lang=en] .sec1 h2 {font-size: 32px;}
    [lang=jp] .sec1 h2 {font-size: 34px; margin-right:-.8em;}

    .sec2 { margin-bottom: 100px; }
    .sec2 .tit56 { margin-bottom: 60px; }
    [lang=jp] .sec2 .tit56 {font-size:23px;}

    

    .sec2 .sld .item { padding: 0 38px;}
    .sec2 .sld .item .box{padding:15px;}
    .sec2 .sld .item .box .tit-wrap .top{margin-bottom:3px;}
    .sec2 .sld .item .box .tit-wrap .tit{font-size:18px;}
    .sec2 .sld .item .img { padding-bottom: 120%;}
    .sec2 .sld .item .img img { left: 0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width: 100% !important; object-fit:cover; max-width: 100%; max-height: auto; height: 100% !important;}
    .sec2 .contorls{margin-top:15px; display: none; }
    .sec2 .contorls .doc-arrs{bottom:auto;top:50%;transform:translateY(-50%);}

    .doc-arrs{gap:6px;}
    .doc-arrs .slick-arrow{width:24px;height:24px;background-size:6px;}
    /* .sec2 .sld .item .video-container { padding-bottom: 75%; } */

    .sec3 { padding-bottom: 180px; }
    .sec3 .tit56 { margin-bottom: 170px; }
    .sec3 .row-wrap .row{margin-bottom:100px;}
    .sec3 .row-wrap .row .tit{margin-bottom:10px;gap:10px; font-size: 40px;}
    .sec3 .row-wrap .row .tit2 { font-size: 54px; }
    .sec3 .row-wrap .row .tit3 { font-size: 44px; }
    .sec3 .row-wrap .row .tit img{height:24px;}
    .sec3 .row-wrap .row.st2 .tit{font-size:40px;}
    .sec3 .row-wrap .row .wrap{gap:15px;}
    .sec3 .row-wrap .row .wrap .ic img{height:45px;}
    .sec3 .row-wrap .row .tt { font-size: 17px; }

    [lang=en] .tit56 {font-size: var(--fz56);}
    

    .doc-exchange { align-items: flex-start; padding: 170px 0; height: auto;}
    .doc-exchange .contain{padding:0 15px;}
    .doc-exchange .tt-wrap{margin-bottom:25px;text-align:left; }
    .doc-exchange .tt-wrap .tit56 {text-align:left; margin-bottom: 18px; font-size: 32px;}
    .doc-exchange .tt-wrap .tt { font-size: 18px; }
    [lang=jp] .doc-exchange .tt-wrap .tit56 {font-size:27px; letter-spacing: -0.04em;}

    .exchange-sld .sld .slick-list{margin:0 -5px;}
    .exchange-sld .sld .item{padding:0 5px;}
    .exchange-sld .sld .item .box{min-height:auto;padding:10px;}
    .exchange-sld .sld .item .box .pic img{height:30px;}
    .exchange-sld .sld .item .box .price{margin-top:5px;}
    .exchange-sld .btm-wrap .tt{line-height:1.3em;font-size:10px;}
    .exchange-sld .sld .item .box .tit { font-size: 13px; }
    .exchange-sld .sld .item .box .price { font-size: 14px; }
    .exchange-sld .btm-wrap .doc-arrs{position: static;justify-content:flex-end;margin-top:15px; margin-right: 0; }
    .grid-items .item { border-radius: 5px; }
    .main-exchange { width: 100%;  }

    .sec5 { padding-top: 170px; padding-bottom: 130px; }
    .sec5 .con1 { margin-bottom: 170px; }
    .sec5 .con1 .tit56 { margin-bottom: 170px; }
    .sec5 .map { padding: 0 30px;}
    [lang=en] .sec5 .con1 .tit56 {font-size:23px; line-height:1.5em;}

    .grid-items{gap:5px 7px; grid-template-rows: repeat(1, 1fr); grid-template-columns: 1fr 1fr;}
    .grid-items .item.st1 { grid-column: 1 / -1; grid-row: 1 / 2; }
    .grid-items .item.st2 { grid-column: 1 / 2; grid-row: 2 / 3; margin-top: 2px; }
    .grid-items .item.st3 { grid-column: 2 / 3; grid-row: 2 / 3; height: 50%; }
    .grid-items .item.st3 img { border-radius: 5px; }
    .grid-items .item.st4 { grid-column: 2 / 3; grid-row: 2 / 3; height: 50%; margin-top: calc(100% + 8px); }
    .grid-items .item.st4 img { border-radius: 5px; }

    /* footer */
    #footer{font-size:13px;text-align:center;padding:20px 0 40px;} 
    #footer .foot-logo{margin-bottom:20px; text-align: left; opacity: 0; visibility: hidden;}
    #footer .foot-logo img{height:60px;}
    #footer .right .foot-map{padding-bottom:30px;margin-bottom:30px;}
    #footer .right .foot-map>ul{gap:10px;justify-content:space-between;}
    #footer .right .foot-info{display: block;}
    #footer .right .foot-info address {margin-right:0; display: flex; gap: 0px 10px; flex-wrap: wrap;}
    #footer .right .foot-info address dl{margin-bottom:8px;display: block;line-height:1.4em; width: calc(100%/2 - 5px); text-align: left; word-break: break-all;}
    #footer .right .foot-info address dl dt{width:100%;margin-bottom:3px;}
    #footer .right .foot-info .wrap{width:100%;margin-top:5px;}
    #footer .right .foot-info .wrap .sns{margin-bottom:10px; position: absolute; left: 15px; top: 20px; }
    #footer .right .foot-info .wrap .sns ul{gap:20px;justify-content:center;}
    #footer .right .foot-info .wrap .menu ul{gap:20px;justify-content:left;}
    #footer .right .foot-info .wrap .copy{text-align:left;margin-top:4px;line-height:1.3em;}
    #footer .right .foot-info .wrap .copy a{font-size:11px;}
    
    .scroll-top{right:15px;}
    .scroll-top img{width:32px;height:32px;}

    .coupon-form .cnt .input-wrap .row .input{padding:0 15px;}

    .vh-pg{height:calc(100vh - 60px);}
    .coupon-pg .con{margin-bottom:40px;}
    .coupon-pg .con ul{margin:0 -20px;}
    .coupon-pg .con ul li{padding:0 20px;}
    .coupon-pg .con ul li .tit{margin-top:20px;}
    .btn-back{width:100px;height:36px;}

    .usim.vh-pg{height:auto;padding:60px 0;}
    .usim .inner{display: block;}
    .usim .tt-wrap {margin-right:0;margin-bottom:30px;/* padding: 0 30px;*/}
    .usim .tt-wrap .tit56{margin-bottom:5px; font-size: 32px; }
    .usim .tt-wrap .txt{margin-bottom:15px; font-size: 17px;}
    .tt22{line-height:1.6em;}
    .tt22 br{display: none;}
    .coupon-form .tt22 br { display: block; }
    .usim .tt22 br { display: block;}
    [lang=jp] .usim .tt22 br { display: none;}
    .partnership .tt22 br { display: block; }
    .usim .con{width:100%;/* padding: 0 30px;*/}
    .usim .con .box{padding:20px; margin-bottom: 30px; }
    .usim .con .box .info{margin-bottom:15px;}

    .pg-menu ul li a{height:44px;}
    .location .tit56 { font-size: 40px; }
    .location .tt22 { font-size: 14px;}
    .location .search-area{display: block;}
    .location .search-area .toggle-wrap{padding-top:0;margin-bottom:5px;}
    .location .search-area .toggle-wrap ul li label [type="checkbox"] {width:40px;height:20px;}
    .location .search-area .toggle-wrap ul li label [type="checkbox"]::before {width:14px;height:14px;}
    .location .search-area .toggle-wrap ul li label [type="checkbox"]:checked::before {left:23px;}
    .location-list ul li .box .tt-wrap .time .time-tit{width:58px;}

    .location .search-area .search-wrap{gap:10px;}
    .location .search-area .search-wrap .search{min-width:0;width:1%;flex:1 1 auto;}
    .location .search-area .search-wrap .search .input{height:36px;padding:0 45px 0 15px;width:100%;}
    .location .search-area .search-wrap .search .btn{width:16px;height:16px;right:15px;margin-top:-8px;}
    .btn-filter{width:36px;height:36px;border-radius:4px;}
    .btn-filter img{height:16px;}

    .can-change{padding:20px;display: block;}
    .can-change .flag{margin-top:10px;}
    .can-change .flag ul{gap:0;margin:0 -2px -4px;flex-wrap: wrap;justify-content:flex-start;}
    .can-change .flag ul li{width:12.5%;padding:0 2px;margin-bottom:4px;}
    
    .doc-pop-wrapper{padding:20px;}
    .doc-pop-wrapper .modal-close{width:20px;height:20px;right:20px;top:20px;}

    .filter .group{margin-bottom:25px;}
    .filter .group .gr-tit{font-size:16px;}
    .filter .group .gr-tit small{margin-left:6px;font-size:12px;}

    .filter .group .row .row-tit{margin-bottom:6px;}
    .ch-list{gap:4px;}
    .ch-list li input[type=checkbox]+label{min-width:50px;height:28px;padding:0 15px;font-size:13px;}

    .find-store-wrap {height:450px;}

    .customoverlay {padding-bottom:50px; margin-top:50px; }
    .customoverlay .inner {padding:20px;}
    .customoverlay .close {margin-left:-20px;width:40px;height:40px;}
    .gm-style .gm-style-iw-c {max-width:240px !important; }

    .customoverlay .tit{font-size:14px;}
    .can-change .tit{font-size:15px;}

    .location-list ul{margin:0 -7px -14px;}
    .location-list ul li{width:100%;padding:0 7px;margin-bottom:14px;}

    .loc-view .imgs ul{margin:0 -5px;}
    .loc-view .imgs ul li{padding:0 5px;}

    .loc-view .con .tit{font-size:18px;margin-bottom:10px;}
    .loc-view .con .info dl{padding:15px 0;display: block;}
    .loc-view .con .info dl dt{width:100%;}
    [lang=en] .loc-view .con .info dl dt{width:100%;}
    .loc-view .con .info dl dd{width:100%;}

    .possible .row{padding:20px;}
    .possible .row .row-tit{font-size:15px;}
    .possible .row ul{margin:0 -10px -15px;}
    .possible .row ul li{width:20%;padding:0 10px;margin-bottom:15px;}
    .possible .row ul li .flag-wrap{display: block;}

    .loc-view .map iframe{height:200px;}

    .faq .tit{font-size:15px;}
    .faq .tit a {padding:10px 40px 10px 10px;}
    .faq .tit a:after {margin-top:-8px;width:16px; height:16px;right:10px;}
    .faq .cnt {padding:10px calc(10px + 30px);}
    .faq .q {width:24px; font-size:20px;}

    .inquiry{margin:0;display: block;}
    .inquiry .group{width:100%;padding:0;margin-bottom:10px;}
    .inquiry .group:last-child{margin-bottom:0;}
    .inquiry .box{padding:var(--size50);}
    .inquiry .box .ic img{height:32px;}
    .inquiry .box .tt-wrap .tit{font-size:18px;}
    .inquiry .box .tt-wrap .tt{margin-top:10px;font-size:14px;}
    .inquiry .box .tt-wrap .tt br{display: none;}
    .inquiry .box .btn{padding:0 15px;height:32px;margin-top:20px;}
    .inquiry .right .row .flex{margin:0 -5px;display: block;}
    .inquiry .right .row .col{padding:0 5px;width:100%;margin-bottom:10px;}
    .inquiry .right .row .col:last-child{margin-bottom:0;}

    .inquiry .box.st2{padding:15px 20px;}
    .inquiry .box.st2 .tt-wrap{margin-bottom:0;}
    .inquiry .box.st2 .tt-wrap .tit{font-size:18px;}
    .inquiry .box.st2 .tt-wrap .tt{margin-top:10px;}
    .inquiry .box.st2 .btn{padding:0 20px;height:40px;}
    
    .partnership .form-area{padding:40px 20px;}
    .partnership .form-area .title{font-size:16px;margin-bottom:20px;}
    .partnership .tit56-wrap .tit48 { font-size: 24px; }
    .partnership .form-area .title br{display: none;}
    .partnership .form-area .input-wrap .row{margin-bottom:20px;}
    .partnership .form-area .input-wrap .row .flex{display:block;margin:0;}
    .partnership .form-area .input-wrap .row .flex .col{width:100%;padding:0;margin-bottom:20px;}
    .partnership .form-area .input-wrap .row .flex .col:last-child{margin-bottom:0;}
    .partnership .form-area .input-wrap .row .tit{margin-bottom:10px;font-size:15px;}
    .partnership .form-area .input-wrap .row input.input,
    .partnership .form-area .input-wrap .row select.input{padding:0 10px;}
    .partnership .form-area .input-wrap .row textarea.input{padding:5px 10px;}
    .captcha-wrap .input{min-width:0;width:1%;flex:1 1 auto;}
    .partnership .form-area .form-agree .check{text-align:center;}
    .btn-send{min-width:100px;height:36px;margin:0 auto;}

    .faq-gate ul{margin:0 -5px -10px;flex-wrap:wrap;}
    .faq-gate ul li{padding:0 5px;margin-bottom:10px;width:50%;}
    .faq-gate ul li .box{min-height:auto;padding:15px;}
    .faq-gate ul li .box .tt-wrap{margin-bottom:20px;}
    .faq-gate ul li .box .tt-wrap .ic img{height:30px;}
    .faq-gate ul li .box .tt-wrap .tit{font-size:16px;}
    .faq-gate ul li .box .tt-wrap .tt{font-size:13px;}

    .partnership .tit56-wrap .tt22 br{display: none;}

}