@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.greeting{display:flex;}
.greeting .img{max-width:500px;width:100%;margin-right:65px;}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .tit{font-size:30px;line-height:1.4em;font-weight:700;margin-bottom:25px;}
.greeting .tt-wrap .wrap{margin-bottom:25px;}
.greeting .tt-wrap .wrap p{font-size:17px;line-height:2.059em;margin-bottom:25px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{font-size:18px;font-weight:500;color: #242424;display:flex;align-items:center;}
.greeting .tt-wrap .ceo .sign{margin-left:20px;}

.location .info{display:flex;justify-content:center;margin:0 -60px 45px;}
.location .info dl{display:flex;justify-content:center;align-items:center;position:relative;padding:0 60px;}
.location .info dl:after{content:'';width:1px;height:20px;background-color: #ddd;position: absolute;right:0;top:50%;transform:translateY(-50%);}
.location .info dl:last-child:after{display:none;}
.location .info dl dt{position:relative;padding-left:55px;margin-right:20px;font-size:20px;font-weight:600;color: #242424;}
.location .info dl dt:before{content:'';width:40px;height:40px;border-radius:50%;background: #82aaff url('../images/sub/ic_location.png')no-repeat 50% 50%/24px;position: absolute;left:0;top:-7px;}
.location .info dl dt.type2:before{background-image:url('../images/sub/ic_tel.png');}
.location .info dl dt.type3:before{background-image:url('../images/sub/ic_mail.png');}
.location .info dl dd{font-size:18px;}
.location .maps iframe{width:100%;height:500px;}

.order-pg .flex-inner{display:flex;}
.order-pg .flex-inner .medi-cart{max-width:240px;width:100%;}
.doc-content{margin-bottom:40px;}
.doc-tit{margin-bottom:10px;}
.doc-tit h3{font-size:18px;color: #242424;font-weight:600;line-height:1.4em;}
.medi-cart .cart{display:flex;align-items:flex-start;margin-right:30px;}
.medi-cart .cart .cart-l{max-width:40px;width:100%;}
.medi-cart .cart .cart-l ul li{margin-bottom:4px;}
.medi-cart .cart .cart-l ul li:last-child{margin-bottom:0;}
.medi-cart .cart .cart-l ul li a{height:40px;border:1px solid #ddd;background-color: #f2f2f2;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:600;color: #242424;border-top-left-radius:12px;border-bottom-left-radius:12px;border-right:none;}
.medi-cart .cart .cart-l ul li a.all{font-size:15px;}
.medi-cart .cart .cart-l ul li.active a{background-color: #82aaff;color: #fff;border-color: #82aaff;}
.medi-cart .cart .cart-list{min-width:0;width:1%;flex:1 1 auto;border:1px solid #ddd;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden;}
.medi-cart .cart .cart-list ul{height:845px;overflow-y:scroll;padding:10px 20px 20px;}
.medi-cart .cart .cart-list ul::-webkit-scrollbar{width:8px;background-color:transparent;}
.medi-cart .cart .cart-list ul::-webkit-scrollbar-thumb{background-color: #cdcdcd;border-radius:4px;}
.medi-cart .cart .cart-list ul li{margin-bottom:18px;}
.medi-cart .cart .cart-list ul li:last-child{margin-bottom:0;}
.medi-cart .cart .cart-list ul li a{font-size:17px;line-height:1.4em;}
.order-pg .flex-inner .pg-con{min-width:0;width:1%;flex:1 1 auto;}
.doc-table table{border-spacing:0;width:100%;border:1px solid #ddd;border-radius:12px;overflow:hidden;}
.doc-table table thead th{padding:12px 20px;border-bottom:1px solid #ddd;font-size:17px;font-weight:500;color: #242424;position:relative;}
.doc-table table thead th:after{content:'';width:1px;height:16px;background-color: #ddd;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.doc-table table thead th:last-child:after{display:none;}
.doc-table table tbody td{padding:12px 20px;border-bottom:1px solid #ddd;}
.doc-table.type2 table tbody td{padding-top:6px;padding-bottom:6px;}
.doc-table table tbody td .quantity{margin-bottom:0;justify-content:center;}
.doc-table table tbody td .space-between{display:flex;justify-content:space-between;align-items:center;}
.doc-table table tbody td .space-between .check{min-width:0;width:1%;flex:1 1 auto;}
.doc-table table tbody tr:last-child td{border-bottom:none;}
.pop_detail.pop-btn{width:17px;height:17px;display:block;background:url('../images/shop/list_search.png')no-repeat 50% 50%/contain;transition:.3s;}
.pop_detail.pop-btn:hover{background-image:url('../images/shop/list_search_on.png');}
.pop_detail.pop-btn.type2{margin:0 auto;}

.check.type2 label{font-size:0;}
.check.type2 label:before{margin-right:0;}
.list-btn-cart{display:block;background:url('../images/shop/ic-cart.png')no-repeat 50% 50%/contain;width:21px;height:23px;margin:0 auto;transition:.3s;}
.doc-table table tbody tr:hover td{background-color: #f6f9ff;}
.doc-table table tbody tr:hover .pop_detail.pop-btn{background-image:url('../images/shop/list_search_on.png');}
.doc-table table tbody tr:hover .list-btn-cart{background-image:url('../images/shop/ic-cart-on.png');}

.order-medi{}
.doc-tit.flex{display:flex;justify-content:space-between;}
.doc-tit.flex .chk-list{display:flex;margin:0 -16px;}
.doc-tit.flex .chk-list li{padding:0 16px;position:relative;}
.doc-tit.flex .chk-list li a{font-weight:500;transition:.3s;position:relative;}
.doc-tit.flex .chk-list li a:after{content:'';width:100%;height:1px;background-color: #82aaff;position: absolute;left:0;bottom:0;opacity:0;transition:.3s;}
.doc-tit.flex .chk-list li:after{content:'';width:1px;height:14px;background-color: #ddd;position: absolute;right:0;top:5px;}
.doc-tit.flex .chk-list li:last-child:after{display:none;}
.doc-tit.flex .chk-list li a:hover{color: #82aaff;}
.doc-tit.flex .chk-list li a:hover:after{opacity:1;}

.order-medi .total-wrap{display:flex;justify-content:space-between;align-items:center;font-size:20px;color: #242424;font-weight:600;line-height:1.5em;padding:15px 50px;border:1px solid #ddd;border-radius:12px;margin-top:15px;}
.doc-btns{display:flex;margin:50px -5px 0;justify-content:center;}
.doc-btns .wrap{padding:0 5px;}
.doc-btns .wrap a{display:flex;justify-content:center;align-items:center;width:200px;height:50px;border-radius:25px;border:1px solid #304166;color: #304166;font-size:20px;font-weight:500;text-align:center;}
.doc-btns .wrap a.type2{background-color: #304166;color: #fff;}
.doc-btns .wrap input.type2{display:flex;justify-content:center;align-items:center;width:200px;height:50px;border-radius:25px;background-color: #304166;border:1px solid #304166;color: #fff;font-size:20px;font-weight:500;text-align:center;}

.only-tablet-mobile{display:none;}
.m-medi-cart{margin-bottom:60px;}
.m-medi-cart .cart{padding:0 30px;}
.m-medi-cart .detail-cart{margin-bottom:5px;}
.m-medi-cart .detail-cart .items .item .inner{padding:0 3px;}
.m-medi-cart .detail-cart .items .item a{border:1px solid #ddd;height:34px;display:flex;justify-content:center;align-items:center;width:100%;border-top-left-radius:12px;border-top-right-radius:12px;background-color: #f2f2f2;font-size:16px;color: #242424;font-weight:600;}
.m-medi-cart .detail-cart .items .item a.all{font-size:14px;}
.m-medi-cart .detail-cart .items .item.slick-current .inner a{background-color: #82aaff; border-color:#82aaff;color: #fff;}
.m-medi-cart .detail-cart .slick-arrow{font-size:0;border:none;background-color:transparent;width:17px;height:24px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;position: absolute;top:50%;transform:translateY(-50%);}
.m-medi-cart .detail-cart .slick-prev{background-image:url('../images/sub/cart_prev.png');left:-30px;}
.m-medi-cart .detail-cart .slick-next{background-image:url('../images/sub/cart_next.png');right:-30px;}
.m-medi-cart .pr-list .item .box{border:1px solid #ddd;padding:15px 20px;}
.m-medi-cart .pr-list .item .box ul{display:flex;flex-wrap:wrap;margin:0 -10px -15px;}
.m-medi-cart .pr-list .item .box ul li{padding:0 10px;margin-bottom:15px;}
.m-medi-cart .pr-list .item .box ul li a{font-size:15px;position:relative;transition:.3s;}
.m-medi-cart .pr-list .item .box ul li a:after{content:'';width:100%;height:1px;background-color: #82aaff;position: absolute;left:0;bottom:0;transition:.3s;opacity:0;}
.m-medi-cart .pr-list .item .box ul li a:hover{color: #82aaff;}
.m-medi-cart .pr-list .item .box ul li a:hover:after{opacity:1;}

.m-doc-list ul{border-top:2px solid #868686;border-bottom:1px solid #ddd;}
.m-doc-list ul li{padding:20px;border-bottom:1px solid #ddd;}
.m-doc-list ul li:last-child{border-bottom:none;}
.m-doc-list ul li .tit{font-size:16px;display: flex;justify-content:space-between;margin-bottom:5px;}
.m-doc-list ul li .tit .wrap{display:flex;align-items:center;}
.m-doc-list ul li .tit .wrap .pop_detail{margin-right:10px;}
.m-doc-list ul li .tit .wrap .list-btn-cart{height:18px;}
.m-doc-list ul li .inner{padding-left:25px;}
.m-doc-list ul li .inner{font-size:14px;}
.m-doc-list ul li .inner .quantity-wrap{margin-bottom:0;margin-top:15px;}
.m-doc-list .total-wrap{font-size:15px;color: #242424;font-weight:600;padding:0 0 10px !important;display:flex;justify-content:space-between;border:none;border-bottom:2px solid #868686;border-radius:0;margin-top:20px;}

.order-edt-txt{text-align:center;line-height:1.6em;margin-top:20px;}
.order-edt-txt p strong{color: #b21515;font-weight:600;}

.point-tt{display:inline-block;margin-left:20px;}

.order-info-table .radiobox{margin-right:30px;}
.order-info-table .radiobox:last-child{margin-right:0;}


.detail-pop{}
.detail-pg{max-width:1000px; background:#fff; overflow:hidden;padding:50px;}
.detail-pg .content{}
.detail-pg .content .pop-top{display:flex;padding-top:40px;border-top:2px solid #868686;margin-bottom:40px;}
.detail-pg .content .pop-top .origin{max-width:473px;width:100%;margin-right:35px;}
.detail-pg .content .items .item .pic{position:relative; height:0; padding-bottom:71.46%; overflow:hidden;}
.detail-pg .content .items .item .pic img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.detail-pg .content .pop-top .info{min-width:0;width:1%;flex:1 1 auto;}
.detail-pg .content .pop-top .info .tit{font-size:30px;font-weight:700;line-height:1.2em;color: #242424;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:25px;}
.detail-pg .content .pop-top .info .wrap{padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:25px;}
.detail-pg .content .pop-top .info .wrap dl{display:flex;justify-content:space-between;margin-bottom:25px;font-size:18px;}
.detail-pg .content .pop-top .info .wrap dl:last-child{margin-bottom:0;}
.detail-pg .content .pop-top .info .wrap dl dt{color: #242424;font-weight:600;}
.detail-pg .content .pop-top .info .wrap dl .quantity{margin-bottom:0;}
.detail-pg .content .pop-top .info .total{display:flex;justify-content:space-between;align-items:center;font-weight:600;color: #242424;line-height:1.2em;}
.detail-pg .content .pop-top .info .total .total-tt{font-size:22px;}
.detail-pg .content .pop-top .info .total .price{font-size:28px;}

.detail-pg .content .thumb{padding:20px 50px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:45px;position:relative;}
.detail-pg .content .thumb .items{margin:0 -5px;}
.detail-pg .content .thumb .items .item{padding:0 5px;}
.detail-pg .content .thumb .slick-arrow{font-size:0;border:none;background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;position: absolute;top:50%;transform:translateY(-50%);z-index:1;transition:.3s;width:11px;height:21px;}
.detail-pg .content .thumb .slick-prev{background-image:url('../images/shop/pop_prev.png');left:-30px;}
.detail-pg .content .thumb .slick-next{background-image:url('../images/shop/pop_next.png');right:-30px;}
.detail-pg .content .thumb .slick-prev:hover{background-image:url('../images/shop/pop_prev_on.png');}
.detail-pg .content .thumb .slick-next:hover{background-image:url('../images/shop/pop_next_on.png');}

.detail-pop .fancybox-close {position: absolute;top:20px;right:35px;width: 20px;height: 20px;cursor: pointer;z-index: 8040;background:transparent url('../images/shop/pop_close.png')no-repeat 50% 50%/contain;}

.good-list1{padding-top:32px;border-top:2px solid #868686;border-bottom:1px solid #ddd;}
.good-list1 ul{display:flex;flex-wrap:wrap;margin:0 -7px;}
.good-list1 ul li{width:25%;padding:0 7px 50px;}
.good-list1 ul li .pic{position:relative; height:0; padding-bottom:65.5%; overflow:hidden;}
.good-list1 ul li .pic img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.good-list1 ul li .pic .checkbox{font-size:0;margin-top:0;position: absolute;top:12px;left:15px;}
.good-list1 ul li .tt-wrap{margin-top:25px;text-align:center;}
.good-list1 ul li .tt-wrap .tit{font-size:18px;font-weight:600;color: #242424;line-height:1.4em;margin-bottom:3px;}
.good-list1 ul li .tt-wrap .info{margin-bottom:14px;}
.good-list1 ul li a:hover .tt-wrap .doc-lg-tt{color:#82aaff;}
.good-list1 ul li a:hover .tt-wrap .doc-lg-tt:after{opacity:1;}
.good-list1 ul li .tt-wrap .price{font-weight:700;font-size:18px;}

.order-medi.type2{margin-top:90px;}

.good-list1.scroll{padding:30px;padding-bottom:none;border-top:none;border-bottom:none;height:845px;overflow-Y:scroll;border:1px solid #ddd;border-radius:12px;}
.good-list1.scroll::-webkit-scrollbar{width:8px;background-color:transparent;}
.good-list1.scroll::-webkit-scrollbar-thumb{background-color: #cdcdcd;border-radius:4px;}
.good-list1.scroll ul li{width:33.3333%;}

.quick-search{padding:35px 40px;border-radius:12px;background-color: #f8f8f8;display:flex;align-items:center;margin-bottom:40px;}
.quick-search .tit{font-size:20px;color: #242424;font-weight:600;min-width:100px;}
.quick-search .wrap{min-width:0;width:1%;flex:1 1 auto;display:flex;}
.quick-search .wrap input{min-width:0;width:1%;flex:1 1 auto;height:50px;border-radius:12px;}
.doc-search{width:140px;height:50px;display:flex;justify-content:center;align-items:center;margin-left:10px;background-color: #686868;border-radius:12px;border:1px solid #686868;}
.doc-search span{font-size:18px;font-weight:500;color: #fff;padding-right:40px;position:relative;}
.doc-search span:after{content:'';width:20px;height:20px;background:url('../images/shop/quick_search.png')no-repeat 50% 50%/contain;position: absolute;right:0;top:2px;}

.inquiry-btn{width:200px;height:50px;display:flex;justify-content:center;align-items:center;color: #fff;background-color: #304166;border-radius:25px;border:none;margin:0 auto;font-size:20px;font-weight:500;}

.list02 {margin-top:20px;}
.list02 > li {font-size:17px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#686868; padding-left:30px; margin-bottom:8px; position:relative;}
.list02 > li:last-child {margin-bottom:0;}
.list02 > li:before {content:""; position:absolute; width:22px; height:22px; background:url("../images/sub/bullet03.png") no-repeat 50% 50%; left:0; top:0;}
.list02.type2 > li{color: #304166;}
.list02.type2 > li:before{background-image:url('../images/sub/bullet03_02.png');}

.list03 > li {position:relative; padding-left:10px; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:12px;}
.list03 > li:before {content:""; position:absolute; width:3px; height:3px; background:#454545; left:0; top:10px;}
.list03 > li:last-child {margin-bottom:0;}

.doc-table.type3 table{border-radius:0;border:none;border-bottom:1px solid #ddd;}
.doc-table.type3 table thead th{padding:12px 5px;}
.doc-table.type3 table tbody td{padding:12px 5px;text-align:center;letter-spacing:-.05em;}
.doc-table.type3 table tbody td .order-btn{color: #85acff;text-decoration:underline;}
.medium24{color: #242424;font-weight:500;}
.btn-inq{max-width:90px;width:100%;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #686868;font-weight:500;margin:0 auto;}

.round-btn{width:250px;height:60px;border-radius:30px;display:flex;justify-content:center;align-items:center;color: #fff;background-color: #304166;font-size:20px;font-weight: 500;margin:0 auto;}
.round-btn.type2{width:200px;height:50px;border-radius:25px;}


.login-pop-wrap .fancybox-skin{border-radius:20px;overflow:hidden;}
.login-pop-wrap .fancybox-close {position: absolute;top: 27px;right:50px;width: 20px;height:20px;cursor: pointer;z-index: 8040;background:transparent url('/images/close.png')no-repeat 50% 50%/contain;}
.login-pop h2 {font-size:20px; padding:25px 50px;font-weight:600;background-color:#82aaff;color: #fff;}
.login-pop .content {padding:45px 50px 50px;}
.login-pop p{margin-bottom:25px;}
.login-pop .img{margin-bottom:40px;}
.login-pop .btn-wrap{display:flex;margin:0 -5px;}
.login-pop .btn-wrap .wrap{width:50%;padding:0 5px;}
.login-pop .btn-wrap .wrap a{display:flex;justify-content:center;align-items:center;height:60px;border:1px solid #304166;color: #304166;font-size:20px;font-weight:500;}
.login-pop .btn-wrap .wrap a.type2{background-color: #304166;color: #fff;}