@charset "utf-8"; 
.blind, legend {display:block; overflow:hidden; font-size:medium; line-height:normal; width:0; height:0; word-break:break-all; opacity:0; filter:alpha(opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';}



/* 메인gnb */
.header {width:100%; position:sticky; top:0; left:0; background:#fff; z-index:999; height:58px; min-width:1100px; box-sizing:border-box; border-bottom:1px solid #e7e8ea;}
.header .inner {width:1280px; height:58px; margin:0 auto; position:relative; display:flex; align-content: center; justify-content: space-between;}
.header .inner > a {display:block; position:absolute; top:12px; left:0px; width:140px; height:30px;}
.header .inner > a img {width:100%;}
.header .gnb {z-index:9997; display:flex; align-items: center; margin-left:300px; position:relative; top:-2px;}
.header .gnb > ul > li {float:left; margin-right:28px; position:relative;}
.header .gnb > ul > li:last-child {margin-right:0px;}
.header .gnb > ul > li span,
.header .gnb > ul > li > a {font-size:16px; font-weight:700; display:block; padding:10px 15px; position:relative; letter-spacing:-0.5px;}
.header .gnb > ul > li > a:before {content:""; display:block; width:0; height:3px; background:#111; position:absolute; bottom:-9px; left:50%; transition:0.3s;}
.header .gnb > ul > li > a:hover:before {width:80%; left:10%;}
.header .gnb ul li:hover > div {display:block; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.1) 0px 50px 75px -20px, rgba(0, 0, 0, 0.15) 0px 30px 40px -30px;}
.header .gnb ul li > div {display:none; border:1px solid #f2f2f2; position:absolute; top:38px; left:-16px; min-width:180px; background:#fff; border-radius:25px; padding:20px;}
.header .gnb ul li > div ul li a {line-height:200%; padding:10px; font-size:14px; cursor:pointer}
.header .gnb ul li > div ul li a:hover {color:#009bf8;}

.header .btn {display:flex; align-items: center; position:relative; top:-1px;}
.header .btn > a {border-radius:25px; min-width:40px; padding:0 16px; height:34px; line-height:32px; font-size:12px; font-weight:400; color:#111; display:inline-block; text-align:center; letter-spacing: -1px; margin-right:4px;}
.header .btn > a:last-child {margin-right:0px;}
.header .btn > div {margin-left:32px; display:flex; align-items: center; justify-content: center;}
.header .btn > .log {margin-left:44px;}
.header .btn > div a {font-size:11px; height:26px; line-height:24px; font-weight:400; padding:0 6px; border:1px solid #eee; background:#fff; color:#999;}
.header .btn > div a:first-child {color:#111;}
.header .btn > div > span {font-weight:400; font-size:12px; color:#555; cursor:pointer;}
.header .btn > div > i {width:1px; height:8px; background:#999; margin:0 6px;}
.header .btn .bt_down {background:#fff; border:1px solid #ddd;}
.header .btn .bt_inquire {background:#fff; border:1px solid #ddd;}
.header .btn .bt_add {background:#111; border:1px solid #111; color:#fff; font-weight:700;}

.container .visual {background:#377ccf; height:604px; position:relative;}
.container .visual .img {background:url(/ja/images/visual-6378b6be476e43943fbd52b691c0073b.png) no-repeat center 0; height:604px;}
.container .visual .img .txt01 {position:absolute; top:90px; left:50%; margin-left:-640px; font-size:28px; font-weight:500; letter-spacing:-0.5px; color:#59fff1;}
.container .visual .img .txt02 {position:absolute; top:154px; left:50%; margin-left:-640px; font-size:59px; line-height:125%; letter-spacing:-0.5px; font-weight:700; color:#fff;}
.container .visual .img .txt03 {position:absolute; top:330px; left:50%; margin-left:-640px; font-size:26px; font-weight:500; letter-spacing:-0.5px; color:#fff;}
.container .visual .btn {position:absolute; top:430px; left:50%; margin-left:-640px; width:276px; height:60px; background:url(/ja/images/visual_btn-d8e6e3e05bb2fb5454fc520d74d94315.png) no-repeat 0 0;}

.container div[class^="content"] {padding:70px 0 100px; position:relative;}
.container div[class^="content"] > p {font-size:42px; font-weight:700; line-height:130%; text-align:center; position:relative;}
.container div[class^="content"] > p > span {font-size:30px; font-weight:500;}

.container .brand {background:#f7f9fd; padding:80px 0 100px; position:relative;}
.container .brand p {font-size:42px; font-weight:700; line-height:130%; text-align:center; position:relative; letter-spacing: -2px;}
.container .brand p > span {font-size:30px; font-weight:500;}
.container .brand .logo {margin:60px auto 0; width:960px; height:400px; display:flex; flex-direction: row; flex-wrap:wrap; gap:20px; justify-items: center; justify-content:space-between;}
.container .brand .logo > div {padding:10px; background:#fff; width:120px; height:120px; display:flex; align-items: center; justify-content: center;}
.container .brand .logo > div img {width:100%;}

.content02 {height:696px;}
.content02 .txt {position:absolute !important; top:340px; left:50%; margin-left:-627px;}
.content02 .txt span {font-size:28px; font-weight:700; color:#377ccf;}
.content02 .txt p {margin-top:20px; font-size:18px; font-weight:500; color:#377ccf; letter-spacing:-1px;}
.content02 .content {position:absolute !important; top:270px; left:50%; margin-left:-293px;width:919px; height:306px; background:url(/ja/images/content-269848abc47d2f939ad9915e877de271.png) no-repeat 0 0;}

.content03 {display:flex; background:#f4f4f4; height:502px;}
.content03 .url {position:absolute !important; top:62px; left:50%; margin-left:137px; width:494px; height:359px; background:url(/ja/images/url-3de15d99096a3147f9e3b16f66e48bfa.png) no-repeat 0 0;}
.content03 .txt {position:absolute !important; top:160px; left:50%; margin-left:-630px;}
.content03 .txt > p {font-size:40px; font-weight:700;}
.content03 .txt > ul {margin-top:24px;}
.content03 .txt > ul > li {font-size:20px; letter-spacing: -1px; font-weight:500; padding-left:12px; line-height:200%; position:relative;}
.content03 .txt > ul > li:before {content:''; display:block; width:4px; height:4px; border-radius:50%; background:#000; position:absolute; top:17px; left:0px;}

.content04 {display:flex; height:500px;}
.content04 .csv {position:absolute !important; top:70px; left:50%; margin-left:-637px; width:441px; height:340px; background:url(/ja/images/csv-d56c9f3ebd45c1fa00966f8575e935fa.png) no-repeat 0 0;}
.content04 .txt {position:absolute !important; top:160px; left:50%; margin-left:-146px;}
.content04 .txt > p {font-size:40px; font-weight:700;}
.content04 .txt > ul {margin-top:24px;}
.content04 .txt > ul > li {font-size:20px; letter-spacing: -1px; font-weight:500; padding-left:12px; line-height:200%; position:relative;}
.content04 .txt > ul > li:before {content:''; display:block; width:4px; height:4px; border-radius:50%; background:#000; position:absolute; top:17px; left:0px;}

.content05 {background:#f9f9f9;}
.content05 .ex {width:1280px; margin:60px auto 0; display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between;}
.content05 .ex div[class^="ex"] {width:404px; height:276px; background:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.content05 .ex div[class^="ex"] .icon {width:95px; height:95px;}
.content05 .ex01 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 0;}
.content05 .ex02 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 -95px;}
.content05 .ex03 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 -190px;}
.content05 .ex04 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 -285px;}
.content05 .ex05 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 -380px;}
.content05 .ex06 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 -475px;}
.content05 .ex07 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 -570px;}
.content05 .ex08 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 -665px;}
.content05 .ex09 .icon {background:url(/ja/images/ex-1ed1f3cbb50a6c9a02ddf2392081b5b0.png) no-repeat 0 -760px;}
.content05 .ex div[class^="ex"] span {margin-top:22px; font-size:22px; font-weight:700; display:block;} 
.content05 .ex div[class^="ex"] p {margin-top:12px; text-align:center; font-size:16px; font-weight:500;}
.content05 > p:after {content:''; display:block; margin:20px auto 0; width:45px; height:14px; background:url(/ja/images/arrow-ff547a87f7adee3b844e5df7708bd7a6.png) no-repeat 0 0;}

.content06 {padding:70px 0 100px !important; }
.content06 .process {margin:60px auto 0; width:1280px; height:341px; background:url(/ja/images/process-9222c5cd451972360493d2cb84776eef.png) no-repeat 0 0;}
.content06 > p:after {content:''; display:block; margin:20px auto 0; width:45px; height:14px; background:url(/ja/images/arrow-ff547a87f7adee3b844e5df7708bd7a6.png) no-repeat 0 0;}
.content06 .txt {width:1280px; margin:50px auto 0;}
.content06 .txt ul li {line-height:200%; font-size:18px; font-weight:500;}
.content06 .txt ul li span {background:#000; border-radius:50%; width:18px; height:18px; line-height:18px; vertical-align:middle; display:inline-block; text-align:center; position:relative; top:-2px; margin-right:6px; font-size:12px; color:#fff;}

.container .intro {background:#e2edf9; height:548px; position:relative;}
.container .intro .img {margin:0 auto; width:1280px; height:548px; background:url(/ja/images/visual_intro-798f92ad839d59ad1669f0b98fbe49c7.png) no-repeat 0 0;}
.container .intro .txt {position:absolute; top:94px; left:50%; margin-left:-640px;}
.container .intro .txt span {font-size:70px; font-weight:700;}
.container .intro .txt .txt01 {font-size:17px; font-weight:400; color:#3b77c7; letter-spacing:-1px; line-height:180%; margin-top:24px;}
.container .intro .txt .txt02 {font-size:16px; font-weight:400; line-height:180%; margin-top:30px;}

.container .digital {height:593px; position:relative;}
.container .digital .img {position:absolute; top:0px; left:50%; margin-left:-640px; width:621px; height:593px; background:url(/ja/images/digital-e5faac2f5ef9868558e155564f1c7114.png) no-repeat 0 0;}
.container .digital .txt {position:absolute; top:176px; left:50%; margin-left:42px;}
.container .digital .txt span {font-size:46px; font-weight:700; letter-spacing:-2px;} 
.container .digital .txt .txt01 {margin-top:40px; font-size:17px; font-weight:400; letter-spacing: -1px;} 
.container .digital .txt .txt02 {margin-top:30px; font-size:17px; font-weight:400; letter-spacing: -1px;} 

.container .digital_gift {padding:80px 0; background:#f4f8fd;}
.container .digital_gift > p {font-size:46px; font-weight:700; text-align:center;}
.container .digital_gift ul {margin:60px auto 0; width:1280px; display:flex; justify-content: center; justify-content: space-between;}
.container .digital_gift ul li  { width:404px; height:375px; background:#fff; display:flex; flex-direction :column; align-items: center; text-align:center;}
.container .digital_gift ul li > span {position:relative; top:-15px; width:58px; height:30px; line-height:28px; border-radius:15px; background:#377ccf; text-align:center; color:#fff; font-size:20px; font-weight:700;}
.container .digital_gift ul li > div {margin-top:20px; width:95px; height:95px; background:url(/ja/images/digital_icon-a391aa33c6aa7f65c1bcdce6276b1b15.png) no-repeat 0 0;}
.container .digital_gift ul li > .icon01 {background-position:0px 0px;}
.container .digital_gift ul li > .icon02 {background-position:0px -95px;}
.container .digital_gift ul li > .icon03 {background-position:0px -190px;}
.container .digital_gift ul li > .txt01 {margin-top:50px; font-size:20px; color:#4997e5; letter-spacing: -1px;}
.container .digital_gift ul li > .txt02 {margin-top:24px; font-size:17px; letter-spacing: -1px; font-weight:400;}

.container .use {padding:70px 0 100px; background:#f8f8f8;}
.container .use > p {font-size:46px; font-weight:700; text-align:center;}
.container .use ul {margin:130px auto 0; width:960px; display:flex; justify-content: center; justify-content: space-between;}
.container .use ul li  {position:relative; width:404px; height:442px; background:#fff; display:flex; flex-direction :column; align-items: center; text-align:center;}
.container .use ul li > span {position:absolute; top:-80px; left:0px; width:100%; display:block; font-size:27px; color:#377ccf; letter-spacing: -1px;}
.container .use ul li > div {width:404px; height:285px;}
.container .use ul li > .img01 {background:url(/ja/images/use01-1129c50fe680f855d5ee9db71ba19696.png) no-repeat 0 0;}
.container .use ul li > .img02 {background:url(/ja/images/use02-0a663f03f6249abaffaab2610d3adf2b.png) no-repeat 0 0;}
.container .use ul li > .txt01 {margin-top:30px; font-size:18px; letter-spacing: -1px;}
.container .use ul li > .txt02 {margin-top:10px; font-size:16px; letter-spacing:-1px; font-weight:400;}

.container .list {background:#e2edf9; height:548px; position:relative;}
.container .list .img {margin:0 auto; height:548px; background:url(/ja/images/GiftooPick-f8b140dc1199957add0860f33bcb477c.png) no-repeat center 0;}
.container .list .img > span {position:absolute; top:230px; left:50%; margin-left:280px;}
.container .list .txt {position:absolute; top:156px; left:50%; margin-left:-640px;}
.container .list .txt span {margin-left:140px; font-size:70px; font-weight:700;}
.container .list .txt .txt01 {font-size:18px; font-weight:400; color:#3b77c7; letter-spacing:-1px; line-height:180%; margin-top:30px;}

.container .process_app {padding:70px 0 100px;}
.container .process_app > p {font-size:46px; font-weight:700; text-align:center;}
.container .process_app > .img {width:1280px; height:830px; margin:60px auto 0; background:url(/ja/images/giftto_process-fce693fed67d4d33713cb63e776a13f1.png) no-repeat 0 0;)}
.container .process_app > .img > div {margin:90px 0 0 230px; height:140px; display:flex; flex-direction: column; justify-content: center;}
.container .process_app > .img > div:first-child {margin-top:0px;} 
.container .process_app > .img > div span {font-size:22px; color:#fff; letter-spacing: -1px;}
.container .process_app > .img > div p {margin-top:6px; font-size:16px; font-weight:400; color:#fff; letter-spacing: -1px;}

.container .present_choice {padding:80px 0 100px; background:#f4f8fd;}
.container .present_choice > p {font-size:32px; font-weight:400; text-align:center; letter-spacing: -1px;}
.container .present_choice > p span {font-weight:700;}
.container .present_choice ul {margin:70px auto 0; width:1280px; display:flex; justify-content: center; justify-content: space-between;}
.container .present_choice ul li  {width:404px; height:375px; background:#fff; display:flex; flex-direction :column; align-items: center; text-align:center;}
.container .present_choice ul li > div {margin-top:30px; width:97px; height:97px; background:url(/ja/images/present_icon-c4b330b7aecadb087ad95ce468f00e6b.png) no-repeat 0 0;}
.container .present_choice ul li > .icon01 {background-position:0px 0px;}
.container .present_choice ul li > .icon02 {background-position:0px -97px;}
.container .present_choice ul li > .icon03 {background-position:0px -194px;}
.container .present_choice ul li > .txt01 {margin-top:44px; font-size:22px; color:#4997e5; letter-spacing: -1px;}
.container .present_choice ul li > .txt02 {margin-top:30px; font-size:18px; letter-spacing: -1px; font-weight:400;}

.container .present_choice + .btn {margin-top:100px;}

.container .qa {width:1280px; margin:0 auto 0; padding:80px 0 100px}
.container .qa > span {font-size:38px; letter-spacing: -1px;}
.container .qa > p {margin-top:30px; font-size:14px; font-weight:400; line-height:180%; letter-spacing: -0.5px;}
.container .qa .qa_wrap {margin-top:80px; border-bottom:1px solid #eee;}
.container .qa .qa_wrap .q {border-top:1px solid #eee;}
.container .qa .qa_wrap .q:hover {cursor:pointer;}
.container .qa .qa_wrap .q:hover p {color:#2b93f1;}
.container .qa .qa_wrap .q:first-child {border-top:1px solid #000;}
.container .qa .qa_wrap .q,
.container .qa .qa_wrap .a {display:flex; padding:24px 104px; position:relative;}
.container .qa .qa_wrap .q span,
.container .qa .qa_wrap .a span {position:absolute; top:22px; left:40px; width:36px; height:36px; line-height:32px; box-sizing:border-box; border-radius:18px; text-align:center;}
.container .qa .qa_wrap .q p,
.container .qa .qa_wrap .a p {line-height:180%; font-size:18px; letter-spacing: -1px;}
.container .qa .qa_wrap .a p {font-weight:400;}
.container .qa .qa_wrap .q span {background:#2b93f1; color:#fff;}
.container .qa .qa_wrap .a span {border:1px solid #2b93f1; background:#fff; color:#2b93f1;}
.container .qa .qa_wrap .a {background:#f4f8fd; display:none;}

.container .down {width:1280px; margin:0 auto 0; padding:80px 0 100px}
.container .down > span {font-size:38px; letter-spacing: -1px;}
.container .down > p {margin-top:30px; font-size:14px; font-weight:400; line-height:180%; letter-spacing: -0.5px;}
.container .down > p > span {color:#ea5d6a;}
.container .down .down_wrap {margin:50px 0 0px;}

.container .inquiry {width:1280px; margin:0 auto 0; padding:80px 0 100px}
.container .inquiry > span {font-size:38px; letter-spacing: -1px;}
.container .inquiry > p {margin-top:30px; font-size:14px; font-weight:400; line-height:180%; letter-spacing: -0.5px;}
.container .inquiry .inquiry_wrap {margin:50px 0 0px;}

.container .rule {width:1280px; margin:0 auto 0; padding:80px 0 100px}
.container .rule > h4 {font-size:40px;}
.container .rule .box .clauseBox {vertical-align: top; margin-top:50px;}
.container .rule .box .clauseBox.mt50 {margin-top:50px;}
.container .rule .box .clauseBox .tit {margin-bottom:8px; font-size:14px; font-weight:700;}
.container .rule .box .clauseBox .txt {font-size:14px; font-weight:400; color:#555; line-height:190%;}
.container .rule .box .clauseBox .txt.mt10 {margin-top:10px;}
.container .rule .box .clauseBox li {font-size:14px; font-weight:400; width:100%; line-height:170%; color:#555;}
.container .rule .box div.clauseBox ul.secondList {margin: 0 0 0 20px; width: 1096px; font-size: 14px; color: #808080;}
.container .rule .box .clauseTit {display: inline-block; width: 1116px; font-size: 20px; font-weight: 600; color: #121212; text-align: center; vertical-align: top;}
.container .rule .box .mt80 {margin-top:80px;}
.container .rule .box .mb20 {margin-bottom:20px;}
.container .rule .box .mt20 {margin-top:20px;}

.rule .snb {margin-bottom:20px;}
.rule .snb a:first-child {color:#999; font-weight:400;}
.rule table.tbB {width: 100%; border-top: 1px solid #8cccfd;}
.rule table.tbB th {line-height: 54px; font-size: 16px; font-weight: 600; color: #000; text-align: left; background: #f4f4f4; border-bottom: 1px solid #efefef;}
.rule table.tbB td {padding: 15px; font-weight:400; font-size: 16px; color: #121212; text-align: left; border-bottom: 1px solid #efefef;}
.rule .padl15 {padding-left:15px;}

/* common */
.w120 {width:120px;}
.w180 {width:180px;}
.w182 {width:182px;}
.w400 {width:400px;}
.w754 {width:754px;}
.w872 {width:872px;}
.w934 {width:934px;}
.w1040 {width:1040px;}
.w100p {width:100%;}

.mg_l10 {margin-left:10px;}
.mg_l60 {margin-left:60px;}
.mg_r4 {margin-right:4px;}

.checkWrap {display:flex;}
.check_typeA {box-sizing:border-box; width:20px; height:20px; border:1px solid #e0e2e1; background:#fff; display:inline-block; vertical-align:middle; position:relative;}
input[type="checkbox"]:checked + label.check_typeA:before {position:absolute; top:0px; left:1px; content:''; display:block; width:14px; height:8px; border-left:3px solid #111; border-bottom:3px solid #111; transform:rotate(-45deg);}

.checkWrap .check_typeB {margin-right:40px; font-size:13px;}
.checkWrap input[type="checkbox"]:checked +label.check_typeB:after {position:absolute; top:11px; left:1px; content:''; display:block; width:12px; height:6px; border-left:3px solid #111; border-bottom:3px solid #111; transform:rotate(-45deg);}

.check_typeB {box-sizing:border-box; font-size:11px; font-weight:400; position:relative;}
.check_typeB:before {margin-right:8px; content:''; display:inline-block; box-sizing:border-box; width:16px; height:16px; border:1px solid #e0e2e1; background:#fff; display:inline-block; vertical-align:middle; position:relative; top:-1px;}
th .check_typeB:before {margin-right:0px;}
input[type="checkbox"]:checked + label.check_typeB:after {position:absolute; top:2px; left:1px; content:''; display:block; width:12px; height:6px; border-left:3px solid #111; border-bottom:3px solid #111; transform:rotate(-45deg);}

input[type="text"].typeA,
input[type="password"].typeA {border:1px solid #e4e5e5; height:36px; line-height:34px; padding:0 18px; font-weight:400;}
input[type="text"].typeB,
input[type="password"].typeB {border:1px solid #e4e5e5; height:40px; line-height:38px; padding:0 18px; font-weight:400;}

.select.typeA {height:36px; border:1px solid #e4e5e5; display:inline-block;}
.select.typeA:before {content:''; position:absolute; top:14px; right:20px; display:block; width:8px; height:6px; background:url(/ja/images/ic_select_arrow-b95074410e199816200066b17b457792.png) no-repeat 0 0;}

.textarea.typeA {border:1px solid #e4e5e5; padding:8px 18px;}

.radioWrap {display:flex;}
.imageWrap {display:flex; flex-wrap: wrap; margin-top:10px;}
.imageWrap label {width:100px; height:100px; margin-right:10px;}
.imageWrap input:checked + label {border:4px solid #111; box-sizing:border-box;}
.imageWrap img {width:100%;}
.radio_typeA {width:90px; box-sizing:border-box; font-size:14px; font-weight:400; position:relative;}
.radio_typeA:before {margin-right:6px; content:''; display:inline-block; box-sizing:border-box; width:18px; height:18px; border:1px solid #e0e2e1; background:#fff; display:inline-block; border-radius:50%; vertical-align:middle; position:relative; top:-2px;}
input[type="radio"]:checked + label.radio_typeA:before {border-color:#111;}
input[type="radio"]:checked + label.radio_typeA:after {position:absolute; top:5px; left:4px; content:''; display:block; width:10px; height:10px; background:#111; border-radius:50%;}
.txt input[type="radio"]:checked + label.radio_typeA:after {top:13px; left:4px;}


.container .inner {width:1280px; margin:0 auto 0; position:relative;} 
.container .inner .titleWarp {padding-top:80px;}
.container .inner .titleWarp.sticky {position:sticky; top:0; background:#fff; z-index:100;}
.container .inner .titleWarp .sub_title {font-size:38px; letter-spacing: -1px;}
.container .inner .titleWarp .sub_txt {margin-top:20px; font-size:14px; font-weight:400; line-height:180%; letter-spacing: -0.5px;}
.container .inner .titleWarp .sub_tab {margin-top:32px; display:flex; gap:8px;}
.container .inner .titleWarp .sub_tab span {cursor:pointer; letter-spacing:-1px; color:#888; border:1px solid #d1d1d1; padding:10px 10px; font-size:14px;}
.container .inner .titleWarp .sub_tab span.on {background:#111; color:#fff;}
.container .inner .titleWarp .sub_menu {margin-top:32px; align-items: center; display:flex; padding-bottom:24px; height:50px; border-bottom:1px solid #eee;}
.container .inner .titleWarp .sub_menu a.bt_m {width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background:#111;}
.container .inner .titleWarp .sub_menu a {font-size:16px; margin-right:40px;}
.container .inner .titleWarp .sub_menu a:before {content:''; width:21px; height:21px; vertical-align: middle; position:relative; top:-2px; margin-right:6px; display:inline-block; background:url(/ja/images/ic_mail_mn-6c5009f44d96baa0dca892dda9280700.png) no-repeat 0 0;}
.container .inner .titleWarp .sub_menu a:nth-child(1) {margin-right:86px;}
.container .inner .titleWarp .sub_menu a:nth-child(1):before {display:none;}
.container .inner .titleWarp .sub_menu a:nth-child(2):before {background-position:0 0px;}
.container .inner .titleWarp .sub_menu a:nth-child(3):before {background-position:0 -21px;}
.container .inner .titleWarp .sub_menu a:nth-child(4):before {background-position:0 -42px;}
.container .inner .titleWarp .sub_menu a:nth-child(5):before {background-position:0 -63px;}
.container .inner h4.s_title {margin-top:80px; font-size:22px; letter-spacing:-1px;}

.container .btn {margin-top:0px; display:flex; justify-content: center; gap:10px;}
.container .btn .bt_down {width:362px; height:90px; line-height:90px; font-size:26px; text-align:center; background:#377ccf; color:#fff; vertical-align:middle;}
.container .btn .bt_inquiry {width:362px; height:90px; line-height:90px; font-size:26px; text-align:center; background:#000; color:#fff; vertical-align:middle;}

.container .btn2 {margin-top:40px; display:flex; justify-content:end; gap:2px;}
.container .btn2 .bt_check,
.container .btn2 .bt_cart_del {width:120px; height:38px; line-height:38px; letter-spacing:-0.5px; font-size:13px; font-weight:400; text-align:center; background:#fff; border:1px solid #e4e5e5; color:#111;}
.container .btn2 .bt_app {width:122px; height:40px; line-height:40px; font-size:13px; letter-spacing:-0.5px; text-align:center; background:#000; color:#fff;}

.container .btn3 {margin-top:80px; display:flex; justify-content:center; gap:10px;}
.container .btn3.guide {flex-direction:column; align-items:center; gap:20px;}
.container .btn3.guide > div {display:flex; gap:10px;}
.container .btn3 .bt_sub {width:298px; height:72px; line-height:72px; letter-spacing:-1px; font-size:18px; text-align:center; background:#fff; border:1px solid #e4e5e5; color:#111;}
.container .btn3 .bt_main {width:300px; height:74px; line-height:74px; font-size:18px; letter-spacing:-1px; text-align:center; background:#000; color:#fff;}
.container .btn3 .bt_more {width:478px; height:58px; line-height:58px; letter-spacing:-1px; font-weight:400; font-size:14px; text-align:center; background:#fff; border:1px solid #e6e5e5; color:#111;}
.container .btn3 .bt_more:after {content:''; display:inline-block; vertical-align:middle; width:6px; height:6px; border-left:1px solid #888; border-bottom:1px solid #888; transform:rotate(-45deg); margin-left:8px; position:relative; top:-3px;}
.container .btn3 p {font-size:13px; color:#555; text-align:center; font-weight:400;}

table.table_cart {margin-top:20px;}
table.table_cart tbody th {padding:14px 0; background:#faf9fa; border-top:1px solid #eeefee; font-size:13px; font-weight:400;}
table.table_cart tbody td {padding:18px 10px; font-weight:400; border:1px solid #eeefee; text-align:center; font-size:18px;}
table.table_cart tbody td:first-child {border-left:none;}
table.table_cart tbody td:last-child {border-right:none;}
table.table_cart tbody td .bt_repair {cursor:pointer; display:inline-block; vertical-align:middle; width:40px; height:30px; line-height:28px; border:1px solid #d3d2d2; font-size:12px; font-weight:400;}
table.table_cart tbody td .bt_delete {margin-left:2px; cursor:pointer; display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(/ja/images/btn_delete-f142a01dcb04395f7def50e16f709f58.png) no-repeat 0 0;}
table.table_cart tbody td input[type="number"].amount {vertical-align:middle; width:60px; height:30px; line-height:28px; position:relative; right:-1px; text-align:right; padding-right:10px; font-size:14px; border:1px solid #d3d2d2;}
table.table_cart tbody td .won {font-size:12px; font-weight:400;}
table.table_cart tbody td .guide {font-size:13px; font-weight:400;}
table.table_cart tbody td.sum {padding:12px 0; background:#f6f6f6;}
table.table_cart tbody td.total {padding:16px 0; background:#f6f6f6; border-top:2px solid #111; position:relative; top:-1px;}
table.table_cart tbody td.total .price_sum > div:last-child {color:#ff5457; font-size:22px;}
table.table_cart tbody td .price_sum {display:flex; justify-content:end;}
table.table_cart tbody td .price_sum > div {width:150px;}
table.table_cart .product {display:flex; text-align:left;}
table.table_cart .product > div {align-content:center;}
table.table_cart .product > div > span {font-size:14px;}
table.table_cart .product > div > p {font-size:13px; font-weight:400;}
table.table_cart .img {width:90px; height:90px; margin-right:20px; position:relative;}
table.table_cart .img:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#111; opacity:0.03;}
table.table_cart .img img {width:100%; height:100%; object-fit: contain;}

table.table_info_enter {margin-top:20px; border-top:2px solid #111; border-bottom:1px solid #e5e5e5;}
table.table_info_enter tbody th {min-height:36px; font-size:14px; font-weight:400; vertical-align: top; text-align:left; padding:11px 0 0 50px;}
table.table_info_enter tbody td {font-weight:400; height:36px; min-height:36px; font-size:14px; text-align:left; padding:4px 0;}
table.table_info_enter tbody td.txt {line-height:36px;}
table.table_info_enter tbody td ul.guide_txt {margin:6px 0 4px;}
table.table_info_enter tbody td ul.guide_txt li {padding-left:12px; position:relative; font-size:12px; font-weight:400; color:#888;}
table.table_info_enter tbody td ul.guide_txt li:before {position:absolute; top:8px; left:0px; width:3px; height:3px; content:''; display:block; background:#999;}
table.table_info_enter tbody td .id_check {display:flex;}
table.table_info_enter tbody td .id_check button {width:90px; height:36px; color:#fff; background:#585858; text-align:center;}
table.table_info_enter tbody td .code {display:flex;}
table.table_info_enter tbody td .code button {width:62px; height:36px; color:#fff; background:#585858; text-align:center;}
table.table_info_enter tbody td .result_txt {color:#ff565c; font-weight:400; margin-top:8px;}
table.table_info_enter tbody td .check_txt {color:#039cf8; font-weight:400; margin-top:8px; margin-left:40px;}
table.table_info_enter tbody tr:first-child th {padding-top:27px;}
table.table_info_enter tbody tr:first-child td {padding-top:20px;}
table.table_info_enter tbody tr:last-child th {padding-bottom:27px;}
table.table_info_enter tbody tr:last-child td {padding-bottom:20px;}
table.table_info_enter tbody td .tb_button {width:120px; height:38px; line-height:38px; letter-spacing:-0.5px; font-size:13px; font-weight:400; text-align:center; background:#fff; border:1px solid #e4e5e5; color:#111;}

.pay_total {margin-top:20px; border-top:2px solid #111; background:#f9fbfb; padding:24px 50px 34px;}
.pay_total .sum_list dl {overflow:hidden;}
.pay_total .sum_list dl dt {float:left; width:50%; font-size:14px; height:34px; line-height:34px;}
.pay_total .sum_list dl dt span {font-size:12px; font-weight:400;}
.pay_total .sum_list dl dd {float:left; width:50%; text-align:right; font-size:16px; height:34px; line-height:34px;}
.pay_total .total_list dl {overflow:hidden; border-top:1px solid #dfdfdf; margin-top:20px; padding-top:30px;}
.pay_total .total_list dl dt {float:left; width:50%; font-size:24px;}
.pay_total .total_list dl dt span {font-size:12px; font-weight:400; height:34px; line-height:34px;}
.pay_total .total_list dl dd {float:left; width:50%; text-align:right; font-size:38px; color:#ff5457; height:34px; line-height:34px; letter-spacing:-1px;}

.productWarp {margin-top:36px;}
.searchWrap {padding:12px; background:#f6f6f6; position:relative; display:flex; justify-content:flex-start; align-items:center;}
.searchWrap .bt_type,
.searchWrap .bt_brand,
.searchWrap .bt_category {width:122px; height:40px; line-height:38px; font-weight:400; cursor:pointer; font-size:14px; letter-spacing:-1px; background:#fff; border:1px solid #e5e5e5; padding:0 0 0 20px; position:relative;}
.searchWrap .bt_type:before,
.searchWrap .bt_brand:before,
.searchWrap .bt_category:before {content:''; position:absolute; top:16px; right:18px; display:block; width:8px; height:6px; background:url(/ja/images/ic_select_arrow-b95074410e199816200066b17b457792.png) no-repeat 0 0;}

.searchWrap .bt_type.on,
.searchWrap .bt_brand.on,
.searchWrap .bt_category.on {background:#111; color:#fff;} 
.searchWrap .bt_type.on:before,
.searchWrap .bt_brand.on:before,
.searchWrap .bt_category.on:before {background:url(/ja/images/ic_select_arrow_on-e9574a269de1d4594cdba3969c045d65.png) no-repeat 0 0;} 
.searchWrap .bt_search {position:relative; cursor:pointer;}
.searchWrap .bt_search button {position:absolute; top:1px; right:1px; display:block; width:38px; height:38px; background:url(/ja/images/btn_search-8dcd84695244f01a4550de6efd8948a8.png) no-repeat 0 0;}
.searchWrap .bt_search > input {padding:0 40px 0 18px;}
.searchWrap .bt_reset {margin-left:4px; width:98px; height:40px; letter-spacing:-1px; font-size:14px; color:#fff !important; background:#aaa !important; text-align:center;}

.searchWrap .control {margin-left:auto; display:flex; align-items: center;}
.searchWrap .control .control_bar {margin-top:24px;}
.searchWrap .control > button {width:88px; height:40px; line-height:38px; font-weight:400; cursor:pointer; font-size:14px; letter-spacing:-1px; background:#fff; border:1px solid #e5e5e5; position:relative;}
.searchWrap .control .bg {margin-right:10px; width:84px; height:6px; background:#e5e5ec; border-radius:5px; position:relative;}
.searchWrap .control .bg .bar_gauge {display:flex; height:6px; background:#009bf8; border-radius:0 5px 5px 0; position:absolute; top:0px;}
.searchWrap .control .bg .bar_gauge > span {cursor:pointer; position:absolute; top:-6px; width:18px; height:18px; background:#fff; border-radius:50%; border:1px solid #e1e1e1;}
.searchWrap .control .bg .bar_gauge .bt_first {left:-6px;}
.searchWrap .control .bg .bar_gauge .bt_last {right:-6px;}
.searchWrap .control .bg .bar_gauge .bt_first i {font-size:10px; color:#009bf8; position:absolute; top:-24px; left:50%; margin-left:-20px; text-align:center; display:block; width:40px; height:14px; line-height:14px; background:#fff; border:1px solid #009bf8;}
.searchWrap .control .bg .bar_gauge .bt_first i:before {content:''; width:4px; height:4px; display:block; border-left:1px solid #009bf8; border-bottom:1px solid #009bf8; transform:rotate(-45deg); background:#fff; position:absolute; left:50%; bottom:-4px; margin-left:-2px;}
.searchWrap .control .bg .bar_gauge .bt_last i {font-size:10px; color:#009bf8; position:absolute; top:-24px; right:50%; margin-right:-20px; text-align:center; display:block; width:40px; height:14px; line-height:14px; background:#fff; border:1px solid #009bf8;}
.searchWrap .control .bg .bar_gauge .bt_last i:before {content:''; width:4px; height:4px; display:block; border-left:1px solid #009bf8; border-bottom:1px solid #009bf8; transform:rotate(-45deg); background:#fff; position:absolute; left:50%; bottom:-4px; margin-left:-2px;}

.searchWrap .ly_option {z-index:1; min-width:300px; background:#fff; border:1px solid #262626; padding:8px 14px 10px 14px;}
.searchWrap .ly_option.type {position:absolute; top:51px; left:12px;}
.searchWrap .ly_option.brand {position:absolute; top:51px; left:134px;}
.searchWrap .ly_option.category {position:absolute; top:51px; left:256px; width:240px;}
.searchWrap .ly_option h4 {font-size:11px; color:#009bf8;}
.searchWrap .ly_option .tab {position:absolute; top:9px; left:70px; display:flex; align-items:center;}
.searchWrap .ly_option .tab > i {width:1px; height:10px; background:#ccc; margin:0 4px;}
.searchWrap .ly_option .tab > span {cursor:pointer; font-size:10px; font-weight:400; color:#888;}
.searchWrap .ly_option .tab > span.on {font-weight:700; color:#111;}
.searchWrap .ly_option .bt_close {position:absolute; top:4px; right:3px; width:23px; height:22px; cursor:pointer; background:url(/ja/images/bt_ly_close-7d3d4b375b15e101dd43259ae4c7cbbc.png) no-repeat 0 0;}
.searchWrap .ly_option .ly_listWrap {display:flex; gap:30px;}
.searchWrap .ly_option .ly_listWrap > div ul li label {display:block;}
.searchWrap .ly_option ul {overflow:hidden;}
.searchWrap .ly_option ul li {margin-top:2px;}
.searchWrap .ly_btn {margin-top:16px; display:flex; gap:0px;}
.searchWrap .ly_btn .bt_typeA {width:50%; height:32px; line-height:30px; letter-spacing:-0.5px; font-size:12px; font-weight:400; text-align:center; background:#fff; border:1px solid #e4e5e5; color:#111;}
.searchWrap .ly_btn .bt_typeB {width:50%; height:32px; line-height:32px; font-size:12px; letter-spacing:-0.5px; text-align:center; background:#000; color:#fff; font-weight:700;}

.list_option {margin-top:40px; display:flex; align-items:center;}
.list_option span {font-size:12px; color:#555; font-weight:400; cursor:pointer;}
.list_option span.on {color:#111; font-weight:700;}
.list_option i {width:1px; height:10px; background:#ccc; margin:0 6px;}

.listWrap {margin-top:26px; display:flex; flex-wrap:wrap; column-gap:30px; row-gap:80px;}
.listWrap .list_container {width:232px;}
.listWrap .list_container .img {box-sizing:border-box; border:1px solid #f8f8f8; position:relative; width:232px; height:232px; display:flex; align-items: center; justify-content: center;}
.listWrap .list_container .img img {width:232px; height:100%; object-fit: contain;}
.listWrap .list_container .img:before {z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#111; opacity:0.03;}
.listWrap .list_container  button {position:absolute; bottom:0px; right:0px; width:42px; height:42px; background:url(/ja/images/btn_cart-a5731093c1e7b190b69c60ce4efa320e.png) no-repeat 0 0;}
.listWrap .list_container .product_info {margin-top:6px; display:flex; flex-direction:column; position:relative;}
.listWrap .list_container .product_info .type {color:#999; font-size:12px; font-weight:400; position:absolute; top:0px; right:0px;}
.listWrap .list_container .product_info .brand_name {font-size:12px; padding-right:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.listWrap .list_container .product_info .product_name {height:36px; font-size:12px; font-weight:400; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.listWrap .list_container .product_info .price {margin-top:14px; font-size:21px; letter-spacing: -0.5px;}
.listWrap .list_container .product_info .control {display:flex; position:absolute; bottom:1px; right:46px;}
.listWrap .list_container .product_info .control .bt_minus {width:23px; height:24px; background:url(/ja/images/btn_minus-33b1177fa17b5f51d0143a2d9d001492.png) no-repeat 0 0; cursor:pointer;}
.listWrap .list_container .product_info .control .bt_plus {width:24px; height:24px; background:url(/ja/images/btn_plus-72e1c657a8f9974efe999e26b2bfa0b2.png) no-repeat 0 0; cursor:pointer;}
.listWrap .list_container .product_info .control input[type="numer"] {font-size:12px; width:32px; height:24px; padding:0 0 2px 0; text-align:center; border:1px solid #e5e5e5;}

.detailWrap {display:flex; justify-content:space-between;}
.detailWrap .img {width:550px; height:550px; position:relative; display:flex; align-items: center; justify-content: center;}
.detailWrap .img:before {box-sizing:border-box; border:1px solid #f8f8f8; z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#111; opacity:0.03;}
.detailWrap .img img {width:100%; height:100%; object-fit: contain;}
.detailWrap .product_info {width:610px; display:flex; flex-direction:column;}
.detailWrap .product_info .product_brand {font-size:24px; font-weight:400;}
.detailWrap .product_info .product_name {font-size:24px; font-weight:700;}
.detailWrap .product_info .product_price {font-size:38px; position:relative;}
.detailWrap .product_info .product_price > i {font-size:14px; color:#555; font-weight:400; position:absolute; bottom:4px; right:0px;}
.detailWrap .product_info .pay_info {margin-top:10px; padding:16px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #111;}
.detailWrap .product_info .pay_info dl {display:flex; flex-wrap: wrap;}
.detailWrap .product_info .pay_info dl dt {width:110px; font-size:14px; font-weight:400; line-height:40px; letter-spacing:-1px;}
.detailWrap .product_info .pay_info dl dd {width:500px; font-size:16px; line-height:40px;}

.detailWrap .product_info .pay_info dl dd .control {display:flex; margin-top:6px;}
.detailWrap .product_info .pay_info dl dd .control .bt_minus {width:29px; height:30px; background:url(/ja/images/btn_minus2-378b7458a70aef64562f3029f0c9ca5f.png) no-repeat 0 0; cursor:pointer;}
.detailWrap .product_info .pay_info dl dd .control .bt_plus {width:29px; height:30px; background:url(/ja/images/btn_plus2-e0379580f70435e8258977aa97a81f48.png) no-repeat 0 0; cursor:pointer;}
.detailWrap .product_info .pay_info dl dd .control input[type="numer"] {font-size:12px; width:42px; height:30px; padding:0 0 2px 0; text-align:center; border:1px solid #e5e5e5;}

.detailWrap .product_info .total_price {margin-top:20px;}
.detailWrap .product_info .total_price dl {display:flex; flex-wrap: wrap;}
.detailWrap .product_info .total_price dl dt {width:200px; font-size:24px; letter-spacing:-1px; line-height:50px;}
.detailWrap .product_info .total_price dl dt > span {font-size:14px; font-weight:400;letter-spacing:-1px; color:#555; margin-left:2px;}
.detailWrap .product_info .total_price dl dd {width:410px; font-size:38px; color:#ff5457; text-align:right; line-height:40px;}

.detailWrap .product_info .detail_btn {margin-top:50px; display:flex; gap:0px;}
.detailWrap .product_info .detail_btn .bt_cart {width:50%; height:52px; line-height:48px; letter-spacing:-0.5px; font-size:16px; font-weight:400; text-align:center; background:#fff; border:1px solid #e4e5e5; color:#111;}
.detailWrap .product_info .detail_btn .bt_cart:before {content:''; display:inline-block; margin-right:10px; position:relative; top:-4px; width:22px; height:20px; background:url(/ja/images/ic_cart-a0de40fc948741109abb40d4d6883178.png) no-repeat 0 0; vertical-align:middle;}
.detailWrap .product_info .detail_btn .bt_app {width:50%; height:52px; line-height:52px; font-size:16px; letter-spacing:-0.5px; text-align:center; background:#000; color:#fff;}

.introWrap {margin-top:80px;}
.introWrap .brand_intro {margin-top:30px; background:#f9f9f9; display:flex; padding:44px 54px; gap:72px;}
.introWrap .brand_intro .text > span {font-size:24px; color:#555;}
.introWrap .brand_intro .text > p {color:#555; margin-top:20px; font-size:14px; font-weight:400; letter-spacing:0;}

.introWrap .care_box {display:flex; margin-top:100px;}
.introWrap .care_box h4 {font-size:22px; letter-spacing:-1px; width:190px;}
.introWrap .care_box div ul li {padding-left:12px; position:relative; font-size:13px; font-weight:400; letter-spacing:-1px; color:#555; line-height:200%;}
.introWrap .care_box div ul li:before {content:''; width:3px; height:3px; background:#555; display:block; position:absolute; top:12px; left:0px;}

.loginWrap {width:420px; margin:0 auto 0; padding:0 0 100px;}
.loginWrap input {width:100%; height:54px; line-height:54px; padding:0 16px; font-weight:400;}
.loginWrap h4 {font-size:38px; margin:200px 0 20px; letter-spacing:-1px;}
.loginWrap p {font-size:22px; margin:200px 0 30px; letter-spacing:-1px;}
.loginWrap .id,
.loginWrap .password,
.loginWrap .name,
.loginWrap .email {border:1px solid #ccc;}
.loginWrap .password,
.loginWrap .name {position:relative; top:-1px;}
.loginWrap button.typeA {position:relative; top:-2px; width:100%; height:52px; line-height:52px; font-size:20px; color:#fff; background:#111;}
.loginWrap button.typeB {position:relative; top:-2px; width:100%; height:52px; line-height:52px; font-size:20px; color:#111; border:1px solid #111; background:#fff;}
.loginWrap .option {margin-top:16px; display:flex; gap:20px;}
.loginWrap .option > a {font-size:13px; color:#888; font-weight:400; letter-spacing:-1px;}

.pointWrap {margin-top:20px; display:flex; gap:2px; height:134px;}
.pointWrap .user {width:686px; background:#fafafa; padding:22px 0 0 50px; letter-spacing:-1px;}
.pointWrap .user > span {font-size:18px;}
.pointWrap .user > ul {margin-top:18px;}
.pointWrap .user > ul li {padding-left:10px; position:relative; font-size:12px; color:#888; font-weight:400;}
.pointWrap .user > ul li:before {content:''; display:block; width:3px; height:3px; background:#888; position:absolute; top:9px; left:0px;}
.pointWrap .my_point {display:flex; flex-direction:column; padding:20px 0 0 30px; letter-spacing:-1px; width:296px; background:#fafafa}
.pointWrap .my_point > span {font-size:16px;}
.pointWrap .my_point > em {margin-top:6px; font-size:40px; color:#009bf8; letter-spacing: -1px;}
.pointWrap .month_point {display:flex; flex-direction:column; padding:20px 0 0 30px; letter-spacing:-1px; width:296px; background:#fafafa}
.pointWrap .month_point > em {margin-top:6px; font-size:40px; letter-spacing: -1px;}

.deliveryWrap .table_list tbody td .coupon {margin:0 auto 0; width:54px; height:36px; line-height:32px; cursor:pointer; background:#039cf8; border-radius:8px; display:block; color:#fff; text-align:center;}
.deliveryWrap .table_list tbody td .coupon:after {content:''; margin-left:6px; position:relative; top:-1px; display:inline-block; width:4px; height:4px; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); vertical-align: middle;}

.creativeInfo {display:flex; }

table.table_list {margin-top:20px;}
table.table_list tbody tr.pay_no {background:#fffaf8;}
table.table_list tbody tr.pay_no em {color:#ff555c;}
table.table_list tbody tr.pay_yes {background:#f2f8ff;}
table.table_list tbody tr.pay_yes em {color:#009bf8;}
table.table_list tbody th {padding:14px 0; background:#faf9fa; border-top:1px solid #eeefee; font-size:13px; font-weight:400;}
table.table_list tbody td {padding:18px 10px; border:1px solid #eeefee; text-align:center; font-size:14px; font-weight:400;}
table.table_list tbody td:first-child {border-left:none;}
table.table_list tbody td:last-child {border-right:none;}
table.table_list tbody td .bt_repair {cursor:pointer; display:inline-block; vertical-align:middle; width:40px; height:30px; line-height:28px; border:1px solid #d3d2d2; font-size:12px; font-weight:400;}
table.table_list tbody td .bt_delete {margin-left:2px; cursor:pointer; display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(/ja/images/btn_delete-f142a01dcb04395f7def50e16f709f58.png) no-repeat 0 0;}
table.table_list tbody td input[type="number"].amount {vertical-align:middle; width:60px; height:30px; line-height:28px; position:relative; right:-1px; text-align:right; padding-right:10px; font-size:14px; border:1px solid #d3d2d2;}
table.table_list tbody td .won {font-size:12px; font-weight:400;}
table.table_list tbody td .guide {font-size:13px; font-weight:400;}
table.table_list tbody td .result_a {background:#fff; border:1px solid #ff575e; color:#ff575e; border-radius:18px; height:36px; line-height:34px; width:80px; text-align:center; display:inline-block; font-size:13px; letter-spacing:-1px; font-weight:400;}
table.table_list tbody td .result_b {background:#fff; border:1px solid #039cf8; color:#039cf8; border-radius:18px; height:36px; line-height:34px; width:80px; text-align:center; display:inline-block; font-size:13px; letter-spacing:-1px; font-weight:400;}
table.table_list tbody td .result_c {background:#f5f5f5; color:#999; border-radius:18px; height:36px; line-height:36px; width:80px; text-align:center; display:inline-block; font-size:13px; letter-spacing:-1px; font-weight:400;}
table.table_list tbody td .bt_detail {background:#5c5c5c; color:#fff; border-radius:18px; height:36px; line-height:36px; width:80px; text-align:center; display:inline-block; font-size:13px; letter-spacing:-1px; font-weight:700;}
table.table_list tbody td.sum {padding:12px 0; background:#f6f6f6;}
table.table_list tbody td .object {text-align:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400;}
table.table_list tbody td.txt_l {text-align:left;}
table.table_list tbody td .btn_del {margin:0 auto 0; width:54px; height:36px; line-height:32px; cursor:pointer; background:#fff; border:1px solid #eee; display:block; color:#111; font-size:12px; text-align:center;}

table.table_list tbody td .bt_more {background:#fff; cursor:pointer; display:inline-block; border:1px solid #e5e5e5; width:24px; height:24px; position:relative; top:-2px; margin-left:14px; vertical-align:middle;}
table.table_list tbody td .bt_more:before {content:''; position:absolute; top:7px; left:8px; display:block; width:5px; height:5px; border-left:1px solid #111; border-bottom:1px solid #111; transform:rotate(-45deg);}
table.table_list tbody td.price {text-align:right; padding:0 26px;}
table.table_list tbody td .bt_new {color:#039cf8; display:inline-block; font-size:16px; letter-spacing:-1px;}
table.table_list tbody td .bt_new:before {content:''; display:inline-block; vertical-align:middle; width:35px; height:35px; position:relative; top:-2px; margin-right:16px; background:url(../images/ic_new.png) no-repeat 0 0;}
table.table_list tbody td.total {padding:16px 0; background:#f6f6f6; border-top:2px solid #111; position:relative; top:-1px;}
table.table_list tbody td.total .price_sum > div:last-child,
table.table_list tbody td.total .price_sum > span:last-child {color:#ff5457; font-size:22px;}
table.table_list tbody td .price_sum {display:flex; justify-content:end;}
table.table_list tbody td .price_sum > div {width:150px;}
table.table_list tbody td .price_sum > span {width:110px; font-size:18px;}
table.table_list tbody td .price_sum > span:first-child {width:80px;}
table.table_list .product {display:flex; text-align:left;}
table.table_list .product > div {align-content:center;}
table.table_list .product > div > span {font-size:14px;}
table.table_list .product > div > p {font-size:13px; font-weight:400;}
table.table_list .img {width:70px; height:70px; margin-right:20px; position:relative;}
table.table_list .img:before {position:absolute; top:0px; left:0px; width:100%; height:100%; content:''; background:#111; opacity:0.03;}
table.table_list .img img {width:100%; height:100%; object-fit: contain;}

.ly_new_creative {width:400px; border:1px solid #111; padding:20px 0 0 0; background:#fff; z-index:1000;}
.ly_new_creative .ly_header {position:relative; border-bottom:1px solid #f5f5f5; padding-bottom:14px;}
.ly_new_creative .ly_header h4 {font-size:18px; color:#009bf8; letter-spacing:-1px; padding-left:26px;}
.ly_new_creative .ly_header .bt_close {position:absolute; top:-6px; right:16px; display:block; width:40px; height:40px;}
.ly_new_creative .ly_header .bt_close:before {content:''; position:absolute; top:10px; left:10px; display:block; width:19px; height:18px; background:url(../images/bt_ly_close01.png) no-repeat 0px 0px;}
.ly_new_creative .ly_body {padding:4px 28px 34px 28px;}
.ly_new_creative .ly_body dl dt {font-size:14px; font-weight:400; margin-top:10px; letter-spacing:-1px;}
.ly_new_creative .ly_body dl dd {margin-top:6px; font-size:14px;}
.ly_new_creative .ly_body dl dd.code .textarea {min-height:100px;}
.ly_new_creative .ly_body dl dd.code > div {margin-top:6px; text-align:right;}
.ly_new_creative .ly_body dl dd.code > div > button {width:80px; height:36px; color:#fff; background:#585858; text-align:center;}
.ly_new_creative > button {width:100%; height:70px; line-height:70px; font-size:18px; color:#fff; background:#039cf8; text-align:center;}

.s_title_option {margin-top:80px; display:flex; justify-content: space-between;}
.s_title_option h4 {font-size:22px; letter-spacing:-1px;}
.s_title_option .search {display:flex;}
.s_title_option .search .month {display:flex; gap:6px; margin-right:16px;}
.s_title_option .search .month > button {width:58px; height:36px; line-height:36px; font-weight:400; font-size:14px; background:#f5f5f5; border-radius:20px; letter-spacing:-1px;}
.s_title_option .search .month > button.on {font-weight:700; background:#e9e9e9;}
.s_title_option .search .enter {display:flex;}
.s_title_option .search .enter button {width:62px; height:36px; color:#fff; background:#585858; text-align:center;}
.s_title_option .btn .bt_m {width:100px; height:36px; background:#585858; text-align:center; color:#fff;}
.s_title_option .btn .bt_s {padding:0 20px; height:36px; color:#585858; font-weight:400; border:1px solid #e4e4e5; box-sizing:border-box; background:#fff;}

.date {display:flex;}
.date > div {position:relative;}
.date > div > span {cursor:pointer; position:absolute; top:10px; left:20px; width:15px; height:15px; background:url(/ja/images/ic_calendar-c112288040a4f8a850570202331ec112.png) no-repeat 0 0;}
.date > div > input.typeA {padding:0px 18px 2px 44px;}

.rule .snb {margin-bottom:20px;}
.rule .snb a:first-child {color:#999; font-weight:400;}
.rule table.tbB {width: 100%; border-top: 1px solid #8cccfd;}
.rule table.tbB th {line-height: 54px; font-size: 16px; font-weight: 600; color: #000; text-align: left; background: #f4f4f4; border-bottom: 1px solid #efefef;}
.rule table.tbB td {padding: 15px; font-weight:400; font-size: 16px; color: #121212; text-align: left; border-bottom: 1px solid #efefef;}
.rule .padl15 {padding-left:15px;}

.footer {margin-top:100px; padding-bottom:40px; border-top:1px solid #eee;}
.footer .inner {width:1280px; margin:0 auto 0; position:relative;}
.footer .inner > a {width:181px; height:25px; display:block; position:absolute; top:50px; left:0px;}
.footer h2 {width:181px; height:25px;}
.footer address {font-weight:400; display:inline-block; margin:10px 0 0 270px; font-size:13px; color:#999; text-decoration:none; font-style:normal; letter-spacing:-0.2px;}
.footer address > span {font-weight:400; margin-left:35px;}
.footer .inner > div.txt {margin:40px 0 0 270px;}
.footer .inner > div.txt p {font-size:12px; font-weight:400; color:#999; font-family: 'malgun Gothic', Dotum;}
.footer .inner > div.txt ul {margin-top:20px;}
.footer .inner > div.txt ul li {float:left; margin-right:20px; position:relative;}
.footer .inner > div.txt ul li:after {width:1px; height:16px; display:block; content:''; position:absolute; top:4px; right:-11px; background:#ddd;}
.footer .inner > div.txt ul li.last:after {width:1px; height:16px; display:block; content:''; position:absolute; top:4px; right:-11px; background:#fff;}
.footer .inner > div.txt ul li a {font-weight:400; font-size:14px;}
.footer .inner > div.txt ul li:last-child a {font-weight:700;}
.footer .inner > div.logo {display:flex; gap:16px; position:absolute; top:70px; right:0px;}
.footer .inner > div.logo a {width:24px; height:24px;}
.footer .inner > div.logo .booster {background:url(/ja/images/f_logo1-cc9b28832a1aa5badfd6681dc990f256.png) no-repeat 0 0; background-size:24px 24px;}
.footer .inner > div.logo .x {background:url(/ja/images/f_logo4-4578af2295e70101baa06c35e1bac893.png) no-repeat 0 0; background-size:24px 24px;}
.footer .inner > div.logo .instagram {background:url(/ja/images/f_logo3-738bf38ebb4ddcc4573f08934b4795e1.png) no-repeat 0 0; background-size:24px 24px;}
.footer .inner > div.logo .line {background:url(/ja/images/f_logo2-a9292aa219c968f928a82556e75619bd.png) no-repeat 0 0; background-size:24px 24px;}

.footer .guide_wrap{ border-bottom:1px solid #eee; display: flex; justify-content: center; align-items: center;}
.footer .guide{ display: flex; align-items: center;}
.footer .guide span{ font-weight: 500; font-size: 14px;}
.footer .guide a + span{margin-left: 20px;}
.footer .guide span + a{margin-left: 20px;}
.footer .guide span:hover{ font-weight: 700;}




.receipt_wrap {width:1200px; margin:0 auto 0; height:100vh;}
.receipt_wrap * {font-weight:400;}
.receipt_wrap table {border-collapse:collapse;}

.receipt_wrap .logoWrap {display:flex; border-bottom:1px solid #eee; padding:10px 0 16px; align-items: flex-end; justify-content: space-between;}
.receipt_wrap .logoWrap p {font-size:12px; color:#999;}

.receipt_wrap .title_box {text-align:center; font-size:40px; font-weight:700; margin-top:20px;}
.receipt_wrap .title_box span {font-size:40px; font-weight:700; margin-top:20px;}

.receipt_wrap .dateInfo {border:1px solid #111; margin:30px 0 30px; padding:10px 20px;}
.receipt_wrap .dateInfo table tr th {text-align:left; padding:10px 6px; font-weight:700; font-size:13px;}
.receipt_wrap .dateInfo table tr td {text-align:left; padding:10px 6px; font-size:13px;}

.receipt_wrap .userInfo {display:flex; gap:20px;}
.receipt_wrap .userInfo > div > span {font-weight:700; font-size:16px;}
.receipt_wrap .userInfo table tr th {font-weight:700; background:#f9f9f9}
.receipt_wrap .userInfo table tr th,
.receipt_wrap .userInfo table tr td {border:1px solid #111; text-align:left; font-size:14px; padding:10px 16px;}
.receipt_wrap .userInfo .to > p {font-size:12px; margin-top:10px;}
.receipt_wrap .userInfo + p {margin:40px 0 20px; font-size:18px;}
.receipt_wrap .userInfo + p span {font-weight:700;}
.receipt_wrap .userInfo > div table {margin-top:10px;}

.receipt_wrap .total {margin:20px 0; border:1px solid #111; text-align:center; padding:12px 0; display:flex; gap:100px; justify-content: center;}
.receipt_wrap .total span {font-size:28px; font-weight:700;}
.receipt_wrap .total span i {font-size:16px; font-weight:400;}

.receipt_wrap .brandList table tr th {background:#e6e6e6; text-align:center; font-weight:700;}
.receipt_wrap .brandList table tr th,
.receipt_wrap .brandList table tr td {border:1px solid #111; font-size:14px; padding:6px 16px;}
.receipt_wrap .brandList table tr td {text-align:right;}
.receipt_wrap .brandList table tr td.t_left {text-align:left;;}
.receipt_wrap .brandList table tr td.t_center {text-align:center;;}
.receipt_wrap .brandList > div {border:1px solid #111; display:flex; justify-content:flex-end; padding:16px 16px;}
.receipt_wrap .brandList > div span {font-weight:700;}
.receipt_wrap .brandList > div span i {color:red;}
.receipt_wrap .brandList > div span:last-child {width:120px; text-align:right;}
.receipt_wrap .brandList > div.total_p span:last-child {width:200px;}
.receipt_wrap .brandList > div.title_l {display:flex; justify-content: space-between; font-size:18px;}
.receipt_wrap .brandList > div.title_l div {display:flex; }
.receipt_wrap .brandList > div.last {font-size:18px; border-bottom:2px solid #111; justify-content: space-between; background:#f6f6f6;}
.receipt_wrap .brandList > div.promotion {font-size:18px; justify-content: space-between; background:#f6f6f6;}

.receipt_wrap .infoGuide {display:flex; margin-top:40px; justify-content: space-between;}
.receipt_wrap .infoGuide > div {width:50%;}
.receipt_wrap .infoGuide > div > span {font-size:20px; font-weight:700;}
.receipt_wrap .infoGuide > div > div {border:1px solid #ddd; margin:10px 0;}
.receipt_wrap .infoGuide > div > div p {text-align:center; padding:6px 0; font-size:20px; font-weight:700;}
.receipt_wrap .infoGuide .accountInfo p {margin-top:10px;}
.receipt_wrap .txt_guide {position:absolute; bottom:0; padding:10px;}

span.bul {display: inline-block; margin: 0px 5px 3px 0px; width: 4px; height: 4px; background: #111; }

.mailWrap .img_mail_intro {margin-top:20px;}
.mailWrap .mailOption {display:flex; align-items: center;}
.mailWrap .mailOption input[type="radio"]:checked + label.radio_typeA:after {top:6px;}
.mailWrap .bt_file_add {background:#585858; text-align:center; width:100px; height:36px; line-height:36px; color:#fff; display:block;}
.mailWrap .bt_info_repair {cursor:pointer; width:30px; height:30px; display:block; background:url(/ja/images/btn_repair-d0bdb141166df038141a3b4de3889c04.png) no-repeat 0 0;}

.ly_file_add {width:420px; position:absolute; top:50%; left:50%; margin-left:-210px; z-index:1; background:#fff; border:1px solid #262626; padding:16px 14px 20px 14px;}
.ly_file_add h4 {font-size:16px; color:#111;}
.ly_file_add .ly_body {margin-top:10px;}
.ly_file_add .ly_body ul {margin-top:6px;}
.ly_file_add .ly_body ul li {font-weight:400; font-size:12px;}
.ly_file_add .ly_btn {margin-top:16px; display:flex; gap:4px; justify-content: center;}
.ly_file_add .ly_btn .bt_typeA {width:70px; height:32px; line-height:30px; letter-spacing:-0.5px; font-size:12px; font-weight:400; text-align:center; background:#fff; border:1px solid #e4e5e5; color:#111;}
.ly_file_add .ly_btn .bt_typeB {width:70px; height:32px; line-height:32px; font-size:12px; letter-spacing:-0.5px; text-align:center; background:#000; color:#fff; font-weight:700;}
.ly_file_add input[type='file'] {display: block; width: 0; height: 0; overflow: hidden;}
.ly_file_add .form__input--file_wrap {display: flex;}
.ly_file_add .form__label--file {width: 100px; height: 30px; line-height:30px; background: #585858; color: #fff; font-size:14px; font-weight: bold; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.ly_file_add .form__span--file {padding: 0 5px 0 10px; margin-left: 5px; display: block;  width: 300px; min-height: 30px; border: 1px solid #e7e7e7; border-radius: 3px; line-height: 30px; font-size:14px; color: #999;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}

@media (max-width: 1280px) {
    html, body, .wrap {width:1520px;}
}

@media print {
    body {
        transform: scale(0.72);
        transform-origin: top left;
    }
}