@charset "utf-8";


/*메인*/
.visual{width:100%; margin-bottom: 80px;}
.visual .inner{width: 90%; max-width:1680px; margin: 0 auto; position: relative;}
.visual .visual-box {width: 100%; font-size: 0; background: url(/images/main_visual.jpg) center no-repeat; background-size: cover; height: 450px; border-radius: 32px; overflow: hidden; position: relative; padding-top: 150px;}
.visual .visual-box .visual-tit {color: #fff; font-size: 40px; font-weight: 700; line-height: 1.5; transition: 0.8s 1.2s; transform: translateY(30%); padding: 0 100px; opacity: 0;}
.visual .visual-box .object span {position: absolute; font-size: 0; transition-duration: 0.5s;}
.visual .visual-box .object .delay01 {transition-delay: 0.2s;}
.visual .visual-box .object .delay02 {transition-delay: 0.4s;}
.visual .visual-box .object .delay03 {transition-delay: 0.6s;}
.visual .visual-box .object .delay04 {transition-delay: 0.9s;}

.visual .visual-box .object .ob1 {right: 0; bottom: 0; transform: translate(100%,100%);}
.visual .visual-box .object .ob2 {right: 0; top: 0; transform: translate(100%,-100%);}
.visual .visual-box .object .ob3 {left: 0; top: 50%; transform: translate(-100%,-50%);}
.visual .visual-box .object .ob4 {left: 0; top: 50%; transform: translate(-100%,-50%);}
.visual .visual-box .object .ob4 img {filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.2));}

.visual .visual-box.active .object .ob1 {transform: translate(40%,55%);}
.visual .visual-box.active .object .ob2 {transform: translate(35%,-50%);}
.visual .visual-box.active .object .ob3 {transform: translate(-10%,-50%);}
.visual .visual-box.active .object .ob4 {transform: translate(-10%,-50%);}
.visual .visual-box.active .visual-tit {transform: translateY(0); opacity: 1;}

.visual .notice-box {position: absolute; bottom:30px; width:660px; height: 60px; border-radius: 30px; background: #fff; left:50%; transform: translateX(-50%); box-shadow: 0 2px 5px rgba(0,0,0,0.5); z-index: 5; overflow: hidden;}
.visual .notice-box p{padding:0 30px; line-height:30px; font-size:20px; font-weight: 500; color:#000;}
.visual .notice-box .swiper-container { height: 100%; width: 100%;}
.visual .notice-box .swiper-slide a {display: -webkit-box; width: 100%; padding: 0 30px; height: 60px; line-height: 60px; font-size: 20px; font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.visual .notice-box a{display: -webkit-box; width: 100%; padding: 0 30px; height: 60px; line-height: 60px; font-size: 20px; font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.best-items{width: 90%; max-width:1400px; margin: 0 auto; padding:60px 0;}
.best-items .title_area{margin-bottom: 30px;}
.best-items .title_area h2{font-size:30px; text-align:center; color:#000; font-weight: 700; position: relative; width: fit-content; margin:0 auto }
.best-items .title_area h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.best-items .title_area p{font-size:14px; text-align:center; font-weight:400; color:#111 }
.best-items .item-list{padding: 30px 0; margin-bottom:40px;}
.best-items .item-list ul{}
.best-items .item-list ul li {}
.best-items .item-list ul li .thum {width:100%; padding-top: 100%; position: relative; border-radius: 24px; border:#eee solid 1px; overflow: hidden; margin-bottom: 24px; transition: 0.4s;}
.best-items .item-list ul li .thum img {max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.best-items .item-list ul li .pdt1{font-size:18px; font-weight: 600; color:#111; line-height: 1.4; margin-bottom: 10px; transition: color 0.4s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.best-items .item-list ul li .pdt2{font-size:18px; font: 400; color:#999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.best-items .item-list ul li:hover .thum{box-shadow: 0 0px 10px rgba(0,0,0,0.2);}
.best-items .item-list ul li:hover .pdt1{color:#29AAE2;}
.best-items .pagination { gap: 6px;}
.best-items .pagination .swiper-pagination-bullet {width: 10px; height: 10px; opacity: 1; background: #29AAE2; transition: 0.3s width; border-radius: 5px;}
.best-items .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 40px;}
/* .best-items .pagination ul{font-size:0; text-align: center;}
.best-items .pagination ul li{display:inline-block; width:10px; height:10px; background:#29AAE2; border-radius: 5px; margin:0 6px;}
.best-items .pagination ul li a{font-size:0; display: block; width: 100%; height: 100%;}
.best-items .pagination ul li.on{width:40px} */




/*상품목록*/
.product{width: 90%; max-width:1400px; margin: 0 auto; padding:60px 0;}
.product .title_area{margin-bottom: 60px;}
.product .title_area h2{font-size:30px; text-align:center; color:#000; font-weight: 700; position: relative; width: fit-content; margin:0 auto }
.product .title_area h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.product .title_area p{font-size:14px; text-align:center; font-weight:400; color:#111 }
.product .item-list{margin-bottom:70px;}
.product .item-list ul{display: flex; justify-content: space-between;flex-wrap: wrap;justify-content: flex-start; gap:60px 30px}
.product .item-list ul li{width: calc((100% - 90px)/4);}
.product .item-list ul li .thum {width:100%; padding-top: 100%; border-radius: 24px; border:#eee solid 1px; overflow: hidden; margin-bottom: 24px; position: relative; transition: 0.4s;}
.product .item-list ul li .thum img {max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.product .item-list ul li .pdt1{font-size:18px; font: 600; color:#111; line-height: 1.4; margin-bottom: 10px; transition: color 0.4s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.product .item-list ul li .pdt2{font-size:18px; font: 400; color:#999;}
.product .item-list ul li:hover .thum{box-shadow: 0 0px 10px rgba(0,0,0,0.2);}
.product .item-list ul li:hover .pdt1{color:#29AAE2;}


.product_detail .inner{max-width:1400px; width: 90%; margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between; gap: 100px;}
.product_detail .pic {width:50%; background: #d9d9d9; border:#ccc solid 1px; border-radius: 16px; margin-bottom: 160px; overflow: hidden; position: relative;}
.product_detail .pic span {display: block; position: relative; width: 100%; padding-top: 100%;}
.product_detail .pic img{max-width:100%; max-height:100%;width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.product_detail .spec{width:calc(50% - 100px); border-top:#aaa solid 2px; padding-top:42px; margin-bottom: 160px;}
.product_detail .spec h3{font-size:30px; font-weight: 700; color:#111; margin-bottom: 16px;}
.product_detail .spec dl{padding-top:32px;border-top:#eee solid 2px; margin-top:42px;}
.product_detail .spec dl dt{font-size:20px; font-weight:700; color:#333; margin-bottom: 24px;}
.product_detail .spec dl dd{font-size:18px; font-weight:400; color:#333; margin-bottom: 16px;display: flex;justify-content: space-between;}
.product_detail .spec dl dd span{color:#666}

.product_detail .detail{width:100%;}
.product_detail .detail h3{border-bottom:2px solid #111;padding:18px 0; font-size:24px; font-weight: 700; color:#111; text-align: center; }
.product_detail .detail .inner{padding:60px 0}

/* sigma */
.sigma .sec1 .title {text-align: center; margin-bottom: 80px;}
.sigma .sec1 .title h3 {font-size: 24px; margin-bottom: 16px; font-weight: bold; }
.sigma .sec1 .title p {font-size: 20px; line-height: 1.7;}
.sigma .sec1 .title p b {font-weight: bold; color: #29AAE2; font-size: inherit;}
.sigma .sec1 .step {background: #F8F8F8; text-align: center; padding: 40px 0 48px;}
.sigma .sec1 .step p {font-size: 20px; color: #666; font-weight: bold; text-align: center; }
.sigma .sec1 .step ul {display: flex; justify-content: center; align-items: start; gap: 80px; }
.sigma .sec1 .step ul li {position: relative; padding-top: 32px;}
.sigma .sec1 .step ul li:not(:last-child):before {content:""; width: 28px; height: 28px; background: url(/images/step_arrow_g.png) center no-repeat; position: absolute; right: -26px; top: 50%; transform: translate(100%, -50%); }
.sigma .sec1 .step ul li:not(:last-child):after {content: "주문"; font-size: 18px; font-weight: 600; color: #999; width: 80px; text-align: center; position: absolute; right: 0; top: 50%; transform: translate(100%, calc(-50% - 28px)); }
.sigma .sec1 .step ul li:nth-child(3):after, .sigma .sec1 .step ul li:nth-child(4):after {content:"배송";}
.sigma .sec1 .step ul p {font-size: 18px; font-weight: 600;}
.sigma .sec1 .step .icon {width: 160px; height: 160px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 24px;}

.sigma .sec2 {margin-top: 80px; background: #EEF8FD; padding: 80px 0 120px; text-align: center; }
.sigma .sec2 .title {font-size: 30px; font-weight: bold; margin-bottom: 48px;}
.sigma .sec2 .step {}
.sigma .sec2 .step ul {display: flex; justify-content: center; gap: 116px;}
.sigma .sec2 .step ul li {background: #fff; border-radius: 24px; padding: 40px 0; width: 240px; position: relative; }
.sigma .sec2 .step ul li:not(:last-child):before {content:""; width: 36px; height: 36px; background: url(/images/step_arrow_b.png) center no-repeat; position: absolute; right: -40px; top: 50%; transform: translate(100%,-50%);} 
.sigma .sec2 .step ul li:not(:last-child):after {content:"주문"; width: 116px; position: absolute; right: 0; top: 50%; transform: translate(100%, calc(-50% - 36px)); font-size: 18px; color: #333; font-weight: 600; }
.sigma .sec2 .step ul li:nth-child(2) {border: 1px solid #29AAE2; box-shadow: 0 0 8px rgba(0,0,0,0.12);}
.sigma .sec2 .step ul li:nth-child(2):after {content: "배송";}
.sigma .sec2 .step .icon {background: #F8F8F8; width: 140px; height: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto;}
.sigma .sec2 .step p {font-size: 20px; font-weight: 600; margin-top: 32px;}
.sigma .sec2 .step span {display: block; font-size: 18px; margin-top: 8px;}

.sigma .sec2 .box-area {margin: 64px auto 80px; max-width: 960px; width: 95%; border-radius: 24px; border: 2px solid #fff; background: rgba(0,0,0,0.03); padding: 32px 0; }
.sigma .sec2 .box-area span {display: flex; gap: 24px; margin-top: 24px; justify-content: center;}
.sigma .sec2 .box-area .item-box {border-radius: 8px; width: 180px; background: #fff; font-size: 18px; color: #29AAE2; line-height: 1; padding: 12px 0; font-weight: 600; letter-spacing: -0.8px;} 
.sigma .sec2 .box-area .item-box.box-blue { background: #29AAE2; color: #fff; width: 246px; margin: auto;}

.sigma .sec2 .btn {margin: auto;}
.sigma .sec2 .btn a {width: 345px; height: 60px; line-height: 60px; font-size: 16px; font-weight: bold; color: #fff; background: #262261; border-radius: 30px; display: block; margin: 0 auto;}


/*게시판*/
.subvisual{width:100%; height:320px; background: #eee; background: url(/images/subvisual2.jpg) no-repeat; background-size:cover; display: flex; align-items: center; position: relative; margin-bottom: 80px;}
.subvisual .tit{max-width:1400px; width:95%; text-align:left; margin:0 auto;}
.subvisual .tit h2{color:#fff; font-size:50px; font-weight: 700;}
.subvisual .sub-nav{width:100%; height: 50px; background:rgba(0,0,0,0.1); position: absolute; bottom:0;}
.subvisual .sub-nav ul{max-width:1400px; width:95%; height:50px; margin:0 auto; display: flex; align-items: center; flex-direction: row;}
.subvisual .sub-nav ul li{background: url(/images/arrow.png) 10px 1px no-repeat; padding-left:34px;}
.subvisual .sub-nav ul li a{color:#Fff; font-size:16px; font-weight: 400;}
.subvisual .sub-nav ul li:first-child{background: none; padding-left:0;}

.board .title_area{margin-bottom: 60px; max-width: 1400px; margin: 0 auto 60px auto;}
.board .title_area h2{font-size:30px; text-align:center; color:#000; font-weight: 700; position: relative; width: fit-content; margin:0 auto 20px auto }
.board .title_area h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.board .title_area p{font-size:14px; text-align:center; font-weight:400; color:#666 }
.board .inner{max-width:1400px; width: 90%; margin: 0 auto; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); padding: 40px;}
.board .inner .list{margin-bottom:100px}
.board .inner .list thead th{background:#f8f8f8; height: 60px; font-size: 18px; font-weight: 600;}
.board .inner .list thead th:first-child{border-radius: 30px 0 0 30px;}
.board .inner .list thead th:last-child{border-radius: 0 30px 30px 0;}
.board .inner .list tbody td{border-bottom:#eee solid 1px; font-size:18px; font-weight: 400; text-align: center; padding:25px 0;}
.board .inner .list tbody td:nth-child(2) {text-align: left;}
.board .inner .list tbody td a:hover{color:#29AAE2;}
.board .inner .list tbody td.subject a {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.board .inner .search{display:flex;gap: 0 10px;justify-content: flex-end; margin-bottom: 16px;}
.board .inner .search select{padding:0 25px; height:48px; width:auto; min-width:140px; border:#dcdcdc solid 1px; border-radius:24px; background:url(/images/arrow_sch.png) right 15px center no-repeat;}
.board .inner .search input[type=search]{width:260px; height: 48px; border:#dcdcdc solid 1px; border-radius:24px;padding:0 25px; }
.board .inner .search .bt{width:80px; height:48px;border-radius:24px; background:#29aae2; color:#fff; font-size:16px; font-weight: 400; display: inline-block; line-height:48px; text-align: center;}

.board .read{max-width:1400px; width: 90%; margin: 0 auto; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); padding: 40px;}
.board .read h3{font-size:20px; color:#000; font-weight:600; padding:24px; background:#EEF8FD; text-align: center; margin-bottom: 8px;}
.board .read .opt{padding:18px 0; border-radius: 30px; border:#eee solid 1px; text-align: center;}
.board .read .opt p{font-size:18px; color:#666; display: inline-block; vertical-align: middle;}
.board .read .opt span{display: inline-block; width:1px; height: 8px; background: #dcdcdc; vertical-align: middle; margin:0 47px;}
.board .read .attach-file {display: flex; justify-content: end; padding: 20px; text-align: right;}
.board .read .attach-file a {padding-left: 20px; background-image: url(/images/icon_file.svg); background-position: left center; background-repeat: no-repeat; background-size: 14px auto; color: #6d6d6d; font-size: 16px;}
.board .read .tarea{padding:60px 0;}
.board .read .tarea .img{text-align:center; margin-bottom:60px;}
.board .read .tarea .img img {max-width: 100%;}
.board .read .tarea p{font-size:18px}
.board .btarea{width:100%; display: flex;justify-content: center; margin-top: 60px;}
.board .btarea a{display:block; width:148px; height: 48px; text-align: center; border: #dcdcdc solid 1px; border-radius: 24px; font-size: 16px; font-weight: 600; color:#333; line-height: 48px;transition: 0.3s;}
.board .btarea a:hover{background:#f4f4f4;}
.board .bd_nav{max-width:1400px; width: 90%; margin: 0 auto; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); padding: 40px; margin-top: 60px;}
.board .bd_nav li{font-size:18px; color:#000; font-weight: 400;}
.board .bd_nav li strong{font-size:18px; color:#000; font-weight: 400; display: inline-block; width:60px;}
.board .bd_nav li.line{height:1px; background:#eee; margin: 33px 0;}
.board .bd_nav li:first-child strong{background:url(/images/arrow_prv.png) right center no-repeat; margin-right:40px}
.board .bd_nav li:last-child strong{background:url(/images/arrow_nxt.png) right center no-repeat; margin-right:40px}
.board .bd_nav li a:hover{color:#29aae2;}

/*고객센터*/
.consult{}
.consult .title_area{margin-bottom: 60px; max-width: 1400px; margin: 0 auto 60px auto;}
.consult .title_area h2{font-size:30px; text-align:center; color:#000; font-weight: 700; position: relative; width: fit-content; margin:0 auto 20px auto }
.consult .title_area h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.consult .title_area p{font-size:18px; text-align:center; font-weight:500; color:#666 }
.consult .inner{max-width:1040px; margin: 0 auto; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); padding: 40px;}
.consult .inner dl{display: flex; justify-content: space-between; margin-bottom: 16px;}
.consult .inner dl dt{width:200px; min-height:56px; background:#f8f8f8; border-radius:28px; font-size: 16px; color:#000; font-weight: 600; padding: 18px 0 18px 44px; position: relative;}
.consult .inner dl dt.req:before{content:'*'; color:#29AAE2; position:absolute; left:30px; top:20px}
.consult .inner dl dd{width:calc(100% - 224px);}
.consult .inner dl dd input[type=text]{max-width:513px; width:100%; height:56px; border-radius:28px; border:#dcdcdc solid 1px; padding:0 32px ;}
.consult .inner dl dd textarea{width:100%; height:238px;border-radius:28px; border:#dcdcdc solid 1px; padding:18px 32px;}
.consult .inner dl .qusetion input[type=radio]{width:21px; height: 20px; background: url(/images/radio_button.png) no-repeat; appearance: none;-webkit-appearance: none; border:none; margin-right: 8px;}
.consult .inner dl .qusetion input:checked{background: url(/images/radio_button_check.png) no-repeat;}
.consult .inner dl .qusetion label{margin-right: 40px;height: 56px;display: inline-block;line-height: 56px; color:#000; font-size: 16px; font-weight: 400;}
.consult .inner dl .fileup input[type=text]{width:calc(100% - 140px); max-width: none; margin-right: 8px;}
.consult .inner dl .fileup .fbt{width:130px; height: 56px; border-radius:28px; display: inline-block; background:#29AAE2; font-size:16px; color:#fff; position: relative; vertical-align: middle; line-height: 56px; text-align: center; cursor: pointer;}
.consult .inner dl .fileup .fbt input[type=file]{width:100%; height:100%; opacity:0; position: absolute; top:0; left:0}
.consult .inner dl dd .tarea{width:100%; border-radius:28px; border:#dcdcdc solid 1px; font-size: 16px; color:#111; padding: 18px 32px;}
.consult .inner .btarea{width:100%; margin-top: 60px; display: flex;justify-content: center; gap:0 8px}
.consult .inner .btarea a{display: inline-block; width:148px; height: 48px; border-radius:28px;text-align: center; font-size:16px; font-weight: 600; line-height: 48px;transition: 0.3s;}
/* .consult .inner .btarea .bt1{border:#29AAE2 solid 1px; color:#29AAE2; }
.consult .inner .btarea .bt2{border:#29AAE2 solid 1px; background: #29AAE2; color:#fff }
.consult .inner .btarea .bt2.disabled {border:#ccc solid 1px; background: #ccc;} */
.consult .inner .btarea .bt1:hover{background: #eee;}
.consult .inner .btarea .bt2:hover{background: #000; color:#fff }

.consult .inner dl dd.fileup{ position: relative; display: flex; align-items: center; gap: 8px;}
.consult .inner dl dd:has(.tarea) {flex-wrap: wrap;}

/*회사소개*/
.about{max-width:1400px; width: 90%; margin: 0 auto 160px auto;display: flex;}
.about .lft{width:50%; padding-top:74px; text-align:center;}
.about .rht{width:50%}
.about .rht h3{font-size:30px; color:#111; font-weight: 700; position: relative;width: fit-content; margin-bottom: 38px;}
.about .rht h3:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.about .rht p{font-size:18px; font-weight: 400; color:#333; line-height: 1.5;}
.about .rht p strong{display: block; font-size:50px; font-weight: 400; color:#111; margin-bottom: 21px; line-height: 1;}
.about_img{width:100%; text-align: center; margin-bottom: 160px;}
.about_img img{width:100%; max-width:1680px;}
.location{max-width:1400px; width: 90%; margin: 0 auto;}
.location h3{font-size:30px; color:#111; font-weight: 700; position: relative;width: fit-content; margin:0 auto 38px auto;}
.location h3:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.location .map {margin-bottom:30px; }
.location .map iframe {width: 100%;}
.location .map .section_address {display: none;}
.location .add{ display: flex;}
.location .add .tit{width:140px; font-size:24px; color:#111; font-weight: 700;}
.location .add ul li{margin-bottom:15px;font-size:18px; font-weight: 400; color:#333}
.location .add ul li strong{width:50px; font-size:18px; font-weight: 600; display: inline-block;}

/*로그인*/
.login{width:440px;margin: 0 auto;}
.login h2{ text-align: center; font-size:30px; font-weight: 700; color:#111; position: relative; width: fit-content; margin: 0 auto 60px auto;}
.login h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.login ul{width:100%; height:auto; padding: 40px; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);}
.login ul li{margin-bottom:8px;}
.login ul li input[type=text]{width:100%; height:56px; border-radius:28px; border:#dcdcdc solid 1px; padding:0 32px;}
.login ul li input[type=password]{width:100%; height:56px; border-radius:28px; border:#dcdcdc solid 1px; padding:0 32px;}
.login ul li.chk{padding-top:8px; margin-bottom:40px; text-align: right; color:#000; font-size:16px; font-weight: 400;}
.login ul li.chk input[type=checkbox]{width:24px; height:24px; margin-right: 8px;appearance: none; border: none; background: url(/images/checkbox.png) 0 0 no-repeat; background-size: 24px;}
.login ul li.chk input[type=checkbox]:checked{background: url(/images/checkbox_on.png) 0 0 no-repeat;}
.login ul li.loginbox{margin-bottom:24px;}
.login ul li.loginbox a{display: block; width:100%; height: 60px; border-radius:30px; background: #29AAE2; color:#fff; font-size:16px; line-height: 60px; text-align: center; font-weight: 700;}
.login ul li.loginbox a:hover{background:#111;}
.login ul li.find{text-align: center; margin-bottom: 60px;}
.login ul li.find a{font-size:16px; color:#666; font-weight: 400;}
.login ul li.find span{display:inline-block; width:1px; height:8px; background: #ccc; margin: 0 13px;}
.login ul li.txt{font-size:16px; color:#333; text-align: center; font-weight: 600; margin-bottom:24px ;}
.login ul li.txt span{display: block; text-align: center; color:#666; font-size:16px; font-weight: 400; padding-top: 8px;}
.login ul li.joinbox{margin-bottom:0;}
.login ul li.joinbox a{display: block; width:100%; height: 60px; border-radius:30px; background: #fff; color:#29AAE2; font-size:16px; line-height: 60px; text-align: center; font-weight: 700; border:#29AAE2 solid 1px}
.login ul li.joinbox a:hover{background:#f4fbfe;}

/*아이디비밀번호 찾기*/
.finding .tit{margin-bottom:60px;}
.finding .tit h2{ text-align: center; font-size:30px; font-weight: 700; color:#111; position: relative; width: fit-content; margin: 0 auto 20px auto;}
.finding .tit h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.finding .tit p{text-align: center; font-size:18px; font-weight: 500; color:#666; line-height: 1.5;}
.finding ul{width:440px; height:auto; padding: 40px; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); margin: 0 auto;}
.finding ul li{margin-bottom:24px}
.finding ul li p{font-size:16px; color:#333; font-weight: 400; margin-bottom:14px;}
.finding ul li input[type=text]{width:100%; height:56px; border-radius:28px; border:#dcdcdc solid 1px; padding:0 32px;}
.finding ul li.mail{}
.finding ul li.bt{margin-bottom:0}
.finding ul li.bt a{display: block; width:100%; height: 60px; border-radius:30px; background: #29AAE2; color:#fff; font-size:16px; line-height: 60px; text-align: center; font-weight: 700;}
.finding ul li select{padding:0 25px; height:48px; width:100%; border:#dcdcdc solid 1px; border-radius:24px; background:url(/images/arrow_sch.png) right 15px center no-repeat;}
.finding ul li.qusetion{margin-bottom:32px}
.finding ul li.qusetion input[type=radio]{width:21px; height: 20px; background: url(/images/radio_button.png) no-repeat; appearance: none;-webkit-appearance: none; border:none; margin-right: 8px;}
.finding ul li.qusetion input:checked{background: url(/images/radio_button_check.png) no-repeat;}
.finding ul li.qusetion label{margin-right: 40px;display: inline-block; color:#000; font-size: 16px; font-weight: 400;}
.finding ul li.phone{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom:40px}
.finding ul li.phone p{width:100%;}
.finding ul li.phone input{width:108px;}

.find_result .tit{margin-bottom:60px;}
.find_result .tit h2{ text-align: center; font-size:30px; font-weight: 700; color:#111; position: relative; width: fit-content; margin: 0 auto 20px auto;}
.find_result .tit h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.find_result .tit p{text-align: center; font-size:18px; font-weight: 500; color:#666; line-height: 1.5;}
.find_result ul{width:440px; height:auto; padding: 40px; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); margin: 0 auto;}
.find_result ul .tt{text-align: center; font-size: 16px; color:#333; font-weight: 600; border-bottom:#eee solid 1px; padding-bottom:32px;}
.find_result ul li.qusetion{padding-top:32px; border-top:#eee solid 1px;}
.find_result ul li.qusetion input[type=radio]{width:21px; height: 20px; background: url(/images/radio_button.png) no-repeat; appearance: none;-webkit-appearance: none; border:none; margin-right: 8px;}
.find_result ul li.qusetion input:checked{background: url(/images/radio_button_check.png) no-repeat;}
.find_result ul li.qusetion label{margin-right: 40px;display: inline-block; color:#000; font-size: 16px; font-weight: 400; display: flex; margin-bottom: 20px;}
.find_result ul li.qusetion label p{color:#666; font-size:16px; font-weight:400 ;}
.find_result ul li.qusetion label p strong{color:#000; font-size:16px; font-weight:400 ; margin-bottom: 10px; display: block;}
.find_result ul li.info{padding:20px 0;}
.find_result ul li.info p{padding:12px 0;color:#333; font-size:16px; font-weight:400 ;}
.find_result ul li.info p strong{width:110px; display: inline-block; font-weight: 600;color:#999;}
.find_result ul li.bt{display: flex; justify-content: space-between; padding-top:20px;}
.find_result ul li.bt a{width:calc(50% - 4px); height: 60px; font-size:16px; font-weight:700; border-radius:30px; display: block; text-align: center;line-height: 60px;}
.find_result ul li.bt a.bt1{color:#29AAE2; border:#29AAE2 solid 1px;}
.find_result ul li.bt a.bt2{color:#fff; background:#29AAE2}
.find_result ul li.bt0 a{width:100%; height: 60px; font-size:16px; font-weight:700; border-radius:30px; display: block; text-align: center;line-height: 60px;color:#fff; background:#29AAE2}
.find_result ul li.pwinfo{font-size:17px; font-weight: 400; padding: 40px 0; text-align: center; color:#333;}

/*회원가입*/
.join{width:100%; max-width:1040px; margin: 0 auto;}
.join .tit{margin-bottom:60px;}
.join .tit{ text-align: center; font-size:30px; font-weight: 700; color:#111; position: relative; width: fit-content; margin: 0 auto 20px auto;}
.join .step{display: flex;justify-content: center;align-items: center; gap: 0 16px; margin-bottom: 60px;}
.join .step .box{width:240px; height: 52px; background:#eee; border-radius: 26px; font-size:20px;font-weight:700; color:#ccc; line-height: 52px; text-align: center;}
.join .step .box span{display: inline-block; color:#ccc; background:#fff; width:48px; text-align: center; height: 32px; border-radius:16px;line-height: 32px;margin-right: 12px;}
.join .step .aro{width:21px; height: 20px;}
.join .step .on{background: #29AAE2; color:#fff;}
.join .step .on span{color:#29AAE2}

.join .greeting{margin-bottom: 60px;}
.join .greeting strong{font-size:18px; color:#333; font-weight: 600; display: block; text-align: center;}
.join .greeting p{font-size:18px; color:#333; font-weight: 400; display: block; text-align: center}

.join .inner{width:100%; height:auto; padding: 40px; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); margin: 0 auto;}
.join .inner .t1{font-size:18px; color:#000; font-weight: 600; border-bottom:#eee solid 1px; padding-bottom: 32px; margin-bottom: 32px;}
.join .inner .t2{font-size:16px; color:#000; font-weight: 400;}
.join .inner input[type=checkbox]{width:24px; height:24px; margin-right: 8px;appearance: none; border: none; background: url(/images/checkbox.png) 0 0 no-repeat; background-size: 24px;}
.join .inner input[type=checkbox]:checked{background: url(/images/checkbox_on.png) 0 0 no-repeat;}
.join .inner .t2 .tbox{border-radius: 20px;  border:#dcdcdc solid 1px; padding: 18px 32px; margin-top: 16px;}
.join .inner .t2 .tbox .inside{color:#999; font-size:16px; font-weight:400; line-height: 1.5;overflow-y: auto; width: 100%; }
.join .btarea{display: flex; justify-content: center; padding-top:60px; gap:0 8px}
/* .join .btarea a{width:148px; height: 60px; font-size:16px; font-weight:700; border-radius:30px; display: block; text-align: center;line-height: 60px;}
.join .btarea a.bt1{color:#29AAE2; border:#29AAE2 solid 1px;}
.join .btarea a.bt2{color:#fff; background:#29AAE2} */
.join .inner dl{display: flex; justify-content: space-between; margin-bottom: 16px;}
.join .inner dl dt{width:200px; height:56px; background:#f8f8f8; border-radius:28px; font-size: 16px; color:#000; font-weight: 600; padding: 18px 0 18px 44px; position: relative;}
.join .inner dl dt.req:before{content:'*'; color:#29AAE2; position:absolute; left:30px; top:20px}
.join .inner dl dd{width:calc(100% - 224px); display: flex;gap: 8px;flex-wrap: wrap;}
.join .inner dl dd .bt{width:130px; height: 56px; background: #29AAE2; border-radius: 28px; text-align: center; color:#fff; line-height: 56px; display: inline-block;}
.join .inner dl dd input[type=text]{width:calc(100% - 138px); height:56px; border-radius:28px; border:#dcdcdc solid 1px; padding:0 32px ;}
.join .inner dl dd input[type=password]{width:calc(100% - 138px); height:56px; border-radius:28px; border:#dcdcdc solid 1px; padding:0 32px ;}
.join .inner dl .qusetion input[type=radio]{width:21px; height: 20px; background: url(/images/radio_button.png) no-repeat; appearance: none;-webkit-appearance: none; border:none; margin-right: 8px;}
.join .inner dl .qusetion input:checked{background: url(/images/radio_button_check.png) no-repeat;}
.join .inner dl .qusetion label{margin-right: 40px;height: 56px;display: inline-block;line-height: 56px; color:#000; font-size: 16px; font-weight: 400;}
.join .inner dl dd .as{width:calc(100% - 138px); text-align: right; font-size:14px; color:#8CC63F; font-weight: 400;}
.join .inner dl dd input.post{width:250px; background:#f8f8f8;}
.join .inner dl dd input.add1{background:#f8f8f8;}
.join .inner dl dd.fileup input[type=text]{width:calc(100% - 138px); max-width: none;}
.join .inner dl dd.fileup .fbt{width:130px; height: 56px; border-radius:28px; display: inline-block; background:#29AAE2; font-size:16px; color:#fff; position: relative; vertical-align: middle; line-height: 56px; text-align: center; cursor: pointer;}
.join .inner dl dd.fileup .fbt input[type=file]{width:100%; height:100%; opacity:0; position: absolute; top:0; left:0}
.join .join03 .img{ text-align: center; margin-bottom: 30px;}
.join .join03 strong{color:#333; font-weight: 600; font-size: 18px; display: block; text-align: center; margin-bottom: 8px;}
.join .join03 p{color:#333; font-weight:400; font-size: 18px; text-align: center;}
.join .member-del {display: flex; justify-content: end; margin: 16px 0;}

.join .inner dl dd #bizreg-existing {width: 100%;}
.join .inner dl dd #bizreg-filename {display: flex; align-items: center; gap: 8px; position: relative;}

/*마이페이지*/
.mypage{width:90%; max-width:1400px; margin: 0 auto;}
.mypage .tit h2{ text-align: center; font-size:30px; font-weight: 700; color:#111; position: relative; width: fit-content; margin: 0 auto 20px auto;}
.mypage .tit h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.mypage .inner{display: flex;justify-content: space-between;}
.mypage .lftmnu {width: 160px;}
.mypage .lftmnu dl{width:fit-content}
.mypage .lftmnu dl dt{font-size:18px; color:#000; font-weight: 600; margin-bottom: 24px;}
.mypage .lftmnu dl dd{margin-bottom: 16px;}
.mypage .lftmnu dl dd a{font-size:16px; color:#999; font-weight: 400;}
.mypage .lftmnu dl dd a:hover{color:#29AAE2}
.mypage .lftmnu dl dd a.on{color:#29AAE2}
.mypage .lftmnu dl:first-child{margin-bottom:40px;}
.mypage .content{width:1120px; height: auto;}
.mypage .content h3{font-size:24px; font-weight:600; color:#111; margin-bottom: 32px;}
.mypage .content table th{height: 60px; background:#F2FAFE; font-weight: 400;}
.mypage .content table th:first-child{border-radius: 30px 0 0 30px;}
.mypage .content table th:last-child{border-radius: 0 30px 30px 0;}
.mypage .content table th.chk input[type=checkbox]{width:24px; height:24px; appearance: none; border: none; background: url(/images/checkbox.png) 0 0 no-repeat; background-size: 24px;}
.mypage .content table th.chk input[type=checkbox]:checked{background: url(/images/checkbox_on.png) 0 0 no-repeat;}
.mypage .content table td{border-bottom:#eee solid 1px; padding:30px 0 ; text-align: center;}
.mypage .content table td strong{display: block; text-align: left; font-size: 16px; font-weight:400; color:#333}
.mypage .content table td span{display: block; text-align: left; font-size: 14px; font-weight:400; color:#666;}
.mypage .content table td span.strikeout {display: inline-block; text-decoration: line-through; font-size: inherit; margin-left: 8px; color: #999;}
.mypage .content table td span.gray9 {display: inline-block; font-size: inherit;  color: #999;}
.mypage .content table td.chk input[type=checkbox]{width:24px; height:24px; appearance: none; border: none; background: url(/images/checkbox.png) 0 0 no-repeat; background-size: 24px;}
.mypage .content table td.chk input[type=checkbox]:checked{background: url(/images/checkbox_on.png) 0 0 no-repeat;}
.mypage .content table td .bt{width:104px; height:40px; background: #29AAE2; display: block; border-radius:20px; color:#fff; text-align: center; line-height:40px;}
.mypage .content table.typ2 td strong{text-align: center;}
.mypage .content table.typ2 td span{text-align: center;}

.mypage .content table.basket tbody td {padding: 30px 24px;}

.mypage .content .btarea1{margin:40px 0 60px; display: flex;justify-content: flex-end; gap:8px}
.mypage .content .btarea1 a{display: block; width: 148px; height: 48px; border-radius: 24px; color:#333; font-size:16px; text-align: center; line-height: 48px;}
.mypage .content .btarea1 a.bt1{background: #29AAE2; color:#fff;}
.mypage .content .btarea1 a.bt2{border:#dcdcdc solid 1px;}

.mypage .content .stats h3{font-size:24px; font-weight: 600; color:#111; margin-bottom:32px; display: flex; justify-content: space-between;}
.mypage .content .stats h3 span{font-size:16px; font-weight: 500; color:#666;;}
.mypage .content .stats ul{border:#dcdcdc solid 1px; border-radius: 16px; padding: 40px;}
.mypage .content .stats ul li{font-size:18px; margin-bottom: 16px;display: flex; justify-content: space-between;}
.mypage .content .stats ul li strong{font-weight:400; font-size:18px;}
.mypage .content .stats ul li span{font-weight:600; font-size:18px; color:#000;}
.mypage .content .stats ul li.result{background:#F2FAFE; padding:18px 24px; border-radius: 30px;}
.mypage .content .stats ul li.result strong{font-size:20px; color:#000; font-weight: 600;}
.mypage .content .stats ul li.result span{font-size:20px}
.mypage .content .btarea2{margin:40px 0 60px; display: flex;justify-content:center; gap:8px}
.mypage .content .btarea2 a{display: block; width: 148px; height: 48px; border-radius: 24px; color:#333; font-size:16px; text-align: center; line-height: 48px;}
.mypage .content .btarea2 a.bt1{background: #29AAE2; color:#fff;}

.mypage .content .pagination {margin-top: 40px;}

/*주문서작성*/
.order{max-width:1400px; width:90%; margin: 0 auto;}
.order .pdlist{width:100%;}
.order h2{ text-align: center; font-size:30px; font-weight: 700; color:#111; position: relative; width: fit-content; margin: 0 auto 60px auto;}
.order h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.order .pdlist{margin-bottom:80px}
.order .pdlist th{height: 60px; background:#F2FAFE; font-weight: 400;}
.order .pdlist th:first-child{border-radius: 30px 0 0 30px;}
.order .pdlist th:last-child{border-radius: 0 30px 30px 0;}
.order .pdlist td{border-bottom:#eee solid 1px; padding:30px 0 ; text-align: center;}
.order .pdlist td:first-child{padding-left:24px;}
.order .pdlist td strong{display: block; text-align: left; font-size: 16px; font-weight:400; color:#333}
.order .pdlist td span{display: block; text-align: left; font-size: 14px; font-weight:400; color:#666;}
.order .inner{display: flex;}
.order .pdlist td span.strikeout {display: inline-block; text-decoration: line-through; font-size: inherit; margin-left: 8px; color: #999;}
.order .pdlist td span.gray9 {display: inline-block; font-size: inherit; text-align: center; color: #999;}
.order .inner .lft{width:calc(100% - 360px)}
.order .inner .lft h3{font-weight: 600; font-size: 24px; height:61px; color:#111}
.order .inner .lft .fom{width:100%; height:auto; padding: 40px; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); margin: 0 auto 40px auto;}
.order .inner .lft .fom dl{display: flex; justify-content: space-between; margin-bottom: 16px;}
.order .inner .lft .fom dl dt{width:200px; height:56px; background:#f8f8f8; border-radius:28px; font-size: 16px; color:#000; font-weight: 600; padding: 18px 0 18px 44px; position: relative;}
.order .inner .lft .fom dl dt.req:before{content:'*'; color:#29AAE2; position:absolute; left:30px; top:20px}
.order .inner .lft .fom dl dd{width:calc(100% - 224px);}
.order .inner .lft .fom dl dd input[type=text]{max-width:513px; width:100%; height:56px; border-radius:28px; border:#dcdcdc solid 1px; padding:0 32px ;}
.order .inner .lft .fom dl dd textarea{width:100%; height:238px;border-radius:28px; border:#dcdcdc solid 1px; padding:18px 32px;}
.order .inner .lft .fom dl dd input.post{width:250px; background:#f8f8f8;}
.order .inner .lft .fom dl dd input.add1{background:#f8f8f8; margin: 16px 0;}
.order .inner .lft .fom dl dd input.w100{max-width: none;}
.order .inner .lft .fom dl dd .bt{width:130px; height: 56px; background: #29AAE2; border-radius: 28px; text-align: center; color:#fff; line-height: 56px; display: inline-block; margin-left: 8px;}
.order .inner .lft .fom dl dd.qusetion{display: flex;align-items: center;}
.order .inner .lft .fom dl dd.qusetion input[type=radio]{width:21px; height: 20px; background: url(/images/radio_button.png) no-repeat; appearance: none;-webkit-appearance: none; border:none; margin-right: 8px;}
.order .inner .lft .fom dl dd.qusetion input:checked{background: url(/images/radio_button_check.png) no-repeat;}
.order .inner .lft .fom dl dd.qusetion label{margin-right: 40px; color:#000; font-size: 16px; font-weight: 400;}
.order .inner .lft .fom .tab2{display: flex;justify-content: space-between; }
.order .inner .lft .fom .tab2 li{width:calc(50% - 4px)}
.order .inner .lft .fom .tab2 li a{display:block; width: 100%; height:48px; border-radius:24px; text-align: center; font-size:16px; font-weight: 600; background:#eaeaea; color:#999; line-height: 48px;}
.order .inner .lft .fom .tab2 li a.on{background: #29AAE2; color:#fff;}
.order .inner .lft .fom .tab3{display: flex;justify-content: space-between; }
.order .inner .lft .fom .tab3 li{width:calc((100% - 16px) / 3);}
.order .inner .lft .fom .tab3 li a{display:block; width: 100%; height:48px; border-radius:24px; text-align: center; font-size:16px; font-weight: 600; background:#eaeaea; color:#999; line-height: 48px;}
.order .inner .lft .fom .tab3 li a.on{background: #29AAE2; color:#fff;}
.order .inner .lft .fom .tab-cont-list {margin-top: 40px;}
.order .inner .lft .fom .bank li{width:100%; display: flex;justify-content: space-between; margin-bottom: 24px;}
.order .inner .lft .fom .bank li:last-child{margin-bottom:0;}
.order .inner .lft .fom .bank li strong{font-size:16px; font-weight: 600; color:#000; padding-left:32px;}
.order .inner .lft .fom .bank li span{font-size:16px; font-weight: 400; color:#000;}
.order .inner .lft .fom .bank li input[type=text]{width:377px; height:56px; border-radius:28px; border:#dcdcdc solid 1px; padding:0 32px ;}
.order .inner .lft .fom .bank li select{padding:0 25px; height:56px; width:377px; border:#dcdcdc solid 1px; border-radius:28px; background:url(/images/arrow_sch.png) right 15px center no-repeat;}
.order .inner .lft .fom.read h3{font-size:20px; border-bottom:#eee solid 1px; height: 48px; margin-bottom: 24px;}
.order .inner .lft .fom.read li{margin-bottom: 24px; display: flex; justify-content: space-between ;}
.order .inner .lft .fom.read li strong{font-size:16px; font-weight: 600; color:#999;}
.order .inner .lft .fom.read li span{font-size:16px; font-weight: 400; color:#333; text-align: right;}
.order .inner .lft .fom.read li:last-child{margin-bottom:0;}

.order .inner .rht{width:360px; height:fit-content; padding:24px 16px; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); margin-top: 60px; margin-left:40px;}
.order .inner .rht h3{font-weight: 600; font-size:20px; color:#111; margin-bottom:16px;}
.order .inner .rht dl{border:#dcdcdc solid 1px; border-radius:16px; padding: 24px 16px;}
.order .inner .rht dl dt{font-size:16px; color:#333; font-weight: 600; margin-bottom:24px ;}
.order .inner .rht dl dd{display: flex;justify-content: space-between; margin-bottom: 16px;}
.order .inner .rht dl dd strong{font-size:16px; color:#333; font-weight:400;}
.order .inner .rht dl dd span{font-size:16px; color:#333; font-weight:600;}
.order .inner .rht dl dd span i{font-weight:400;}
.order .inner .rht dl dd:last-child{border-top:#eee solid 1px; margin-top:24px; padding-top: 24px; margin-bottom: 0;}
.order .inner .rht dl dd:last-child strong{font-weight: 700; font-size: 16px; color:#000}
.order .inner .rht dl dd:last-child span{font-weight: 700; font-size:20px; color:#29AAE2}
.order .inner .rht dl dd:last-child span i{color:#000; font-size: 16px;}
.order .inner .rht a{width:100%; height:60px; background: #29AAE2; display: block; border-radius: 30px; color:#fff; text-align: center; line-height: 60px; margin-top: 16px;}
.order .inner .rht .ec{font-size:18px; font-weight: 600; color:#333; border-top:#dcdcdc solid 1px; margin-top: 16px; padding-top: 16px;}

.order.result .inner{width:1040px; height:auto; padding: 40px; border-radius: 16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); margin: 0 auto 60px auto; display: block;}
.order.result .img{width:100%; text-align: center; margin-bottom: 30px;}
.order.result strong{color:#000; font-weight:700; font-size:24px; display: block; text-align: center; margin-bottom:16px;}
.order.result .hlp{color:#000; font-weight:400; font-size: 16px; text-align: center; line-height: 1.5; padding-bottom:24px; border-bottom:#eee solid 1px; width:fit-content; margin:0 auto 24px auto}
.order.result .day{text-align: center; display: flex; gap:24px;justify-content: center;}
.order.result .day span{font-weight: 500; font-size: 16px; color:#333}
.order.result .bt{width:148px; height:48px; background: #29AAE2; display: block; border-radius:24px; color:#fff; text-align: center; line-height:48px; margin: 0 auto;}

/*기타*/
.chemical h2{ text-align: center; font-size:30px; font-weight: 700; color:#111; position: relative; width: fit-content; margin: 0 auto 60px auto;}
.chemical h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.chemical .inner{width:100%; max-width:904px; margin: 0 auto;}
.chemical .inner p{margin-bottom:50px; font-size:16px; font-weight: 500; color:#000; line-height: 1.5;}
.chemical .inner p:last-child{margin-bottom:0;}
.chemical .inner p strong{font-size: 18px; font-weight:600; margin-bottom: 10px; display: block;}

.privacy h2{ text-align: center; font-size:30px; font-weight: 700; color:#111; position: relative; width: fit-content; margin: 0 auto 60px auto;}
.privacy h2:before{content: "";width: 8px;height: 8px;position: absolute;right: -16px;top: 4px;border-radius: 50%;background: rgb(41, 170, 226);}
.privacy .inner{width:100%; max-width:904px; margin: 0 auto;}
.privacy .tbox{border-top:#dbdbdb solid 1px;border-bottom:#dbdbdb solid 1px; padding: 30px 0; margin-bottom: 60px;}
.privacy .tbox h3{font-size:24px; color:#6d6d6d; font-weight: 700; text-align: center; margin-bottom: 20px;}
.privacy .tbox p{font-size:16px; color:#6d6d6d; font-weight: 600; text-align: center; line-height: 1.5;}
.privacy dl{margin-bottom:80px;}
.privacy dl dt{font-size:18px; font-weight: 700; color:#6d6d6d; margin-bottom: 20px;}
.privacy dl dd{font-size:16px; font-weight: 500; color:#6d6d6d; margin-bottom: 10px; line-height: 1.5;}
.privacy dl dd ul li{font-size:16px; font-weight: 500; color:#6d6d6d; line-height: 1.5; position: relative; padding-left: 15px;}
.privacy dl dd ul li:before{content:""; display: block; background:#6d6d6d; width:4px; height:4px; border-radius:2px; position: absolute; left:0; top:10px}




/********************************************************************************************************************************************************************************************************************************************************/

@media all and (max-width:1699px){
}

@media all and (max-width:1199px){
}

@media all and (max-width:950px){
}

@media all and (max-width:786px){
}

@media all and (max-width:480px){

}