 @charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.location .maps{margin-bottom:45px;}
.location .maps .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:500px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .roughmap_lebel_text:after {content:"도장마을"; font-size:12px; line-height:15px;}
.location .info{display:flex;}
.location .info dl{margin-right:190px;padding-right:20px;line-height:1.4em;font-size:18px;}
.location .info dl:last-child{margin-right:0;padding-right:0;}
.location .info dl dt{font-weight:500;color: #2c2c2c;margin-bottom:10px;}

.method .content{margin-bottom:60px;}
.method .content:last-child{margin-bottom:0;}
.method .content .con-tit{font-size:22px;font-weight:500;color: #2c2c2c;line-height:1.4em;margin-bottom:15px;}
.dot-list li{position:relative;padding-left:10px;line-height:1.875em;}
.dot-list li:before{content:'';width:4px;height:4px;border-radius:50%;background-color: #f38200;position: absolute;left:0;top:13px;}

#nonClick{pointer-events: none;}

.method .content .buttons{display:flex;justify-content:center;}
.btn-pack.my-btn{min-width:160px;height:60px;display:flex;justify-content:center;align-items:center;font-size:18px;}
.medi{font-weight:500 !important;color: #2c2c2c;}
.method .content .way{margin:25px 0;line-height:1.875em;}
.method .content .way .tit{font-weight:500;}
.method .content .way .tt{}

.method .board-form .file-img{margin-top:10px;display:block;display:block;margin:20px -20px 0;display:flex;}
.method .board-form .file-img .row{width:35%;padding:0 20px;}
/* .method .board-form .file-img .row:last-child{margin-bottom:0;} */
.method .board-form .file-img .row .img{width:100%;/* margin-right:20px; */display:none;}
.method .board-form .file-img .row .img .pic{position:relative; padding-bottom:100%; overflow:hidden;}
/* .method .board-form .file-img .row .img .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;} */
.method .board-form .file-img .row .img .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:contain; transition:0.3s;}
.method .board-form .file-img .row .tit{/* min-width:0;width:1%;flex:1 1 auto; */font-size:18px;color: #505050;line-height:1.3em;margin-top:10px;text-align:center;}

.method.type2 {
    display:none;
     margin-top:60px; }
     .method.type2 .con-tit,
     .method.type2 .dot-list {text-align:left;}
.method.type2.active {display:block;}
/* .method.type2 form tr th {text-align:center;} */

.btn-inquriy {}

.dot-list.type2 li{line-height:1.4em;}
.dot-list.type2 li:before{background-color: #2c2c2c;top:10px;}

.mgt20{margin-top:20px;}


.goods-summary .goods-opt .tit{display:flex;align-items:center;justify-content:space-between;display:block;}
.btn-drop{display:block;padding-right:30px;position:relative;font-size:15px;font-weight:400;}
.btn-drop:after{content:'';width:24px;height:14px;background:#FED031 url('../images/shop/drop_arr_on.png')no-repeat 50% 50%/10px;position: absolute;right:0;top:5px;}
.btn-drop.active:after{background-image:url('../images/shop/drop_arr.png');}

.table02 table{border-spacing:0;width:100%;text-align:center;line-height:1.5em;border-top:1px solid #aeaeae;}
.table02 table th{padding:15px 10px;color: #2c2c2c;font-weight:500;background-color: #fafafa;}
.table02 table td{padding:10px;}
.table02 table th,
.table02 table td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table02 table td .img{max-width:80px;width:100%;margin:0 auto 5px;position:relative;}
.table02 table td .img:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.table02 table td .img.type2{max-width:140px;}
.table02 table tr th:last-child,
.table02 table tr td:last-child {border-right:0;}
.table02 table td p.type2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.price-text{text-align:center;font-size:18px;font-weight:500;margin-top:15px;color: #242424;}
.price-text .tit{font-weight:700;}
.price-text strong{margin:0 5px;font-weight:500;}

.orders{max-width:700px;width:100%;margin:0 auto;padding:25px 30px 100px;letter-spacing:-.04em;font-family:'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;position:relative;}
.orders .title{font-size:24px;font-weight:700;color: #2c2c2c;line-height:1.2em;text-align:center;margin-bottom:15px;}
.orders .tit-wrap{display:flex;margin-bottom:5px;font-size:14px;align-items:center;}
.orders .tit-wrap .tit{color: #2c2c2c;font-weight:700;}
.orders .tit-wrap .tt{color: #505050;margin-left:15px;}
.orders .content{margin-bottom:10px;}
.orders .content:last-child{margin-bottom:0;}
.table03 table{border-spacing:0;width:100%;font-size:14px;line-height:1.5em;border:1px solid #a8a8a8;}
.table03 table th{color: #2c2c2c;font-weight:700;background-color: #f4f4f4;text-align:left;}
.table03 table th,
.table03 table td{border-right:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;padding:3px 5px;}
.table03 table tr th:last-child,
.table03 table tr td:last-child {border-right:0;}
.table03 table tr:last-child th:not{.online-shop-th},
.table03 table tr:last-child td {border-bottom:0;}
.table03 table .br1{border-right:1px solid #a8a8a8 !important;}
.table03 table .bb0{border-bottom:0 !important;}
.orders .tit-wrap.type2{justify-content:space-between;}
.orders .tit-wrap.type2 .check{font-size:12px;}
.orders .tit-wrap.type2 .check label{margin-right:7px;}
.orders .table03 table td p {font-size:10px; line-height: 1.3em;}
.orders .table03 table td.option2 p {font-size:15px !important; line-height: 1.6em;}

.tb-wrap .table03{margin-bottom:10px;}
.tb-wrap .table03:last-child{margin-bottom:0;}

.orders .btn-print{font-size:15px;color: #fff;width:112px;height:44px;display:flex;justify-content:center;align-items:center;background-color: #333;position: absolute;left:50%;bottom:30px;transform:translateX(-50%);border:none;}

.method.card .box{background-color: #fafafa;border-top:1px solid #a8a8a8;border-bottom:1px solid #ddd;padding:25px 30px;}
.method.card .con-tit.type2{margin-bottom:0;}
.method.card .notice{text-align:right;margin-bottom:5px;}
.method.card .necess{color: #f5821f;font-weight:500;}
.method.card #email{margin:0;}
.method.card .card-input-wrap{display:flex;align-items:center;}
.method.card .card-input-wrap span{margin-left:15px;font-size:15px;color: #878787;line-height:1.2em;}
.method.card .card-tel-wrap{display:flex;align-items:center;}
.method.card .card-tel-wrap span{margin:0 14px;display:block;line-height:1em;}

.orders.type2 .content .con-tit{font-size:14px;font-weight:700;color: #2c2c2c;margin-bottom:3px;}
/* .orders .table03.type2 table th {font-size:12px;} */
/* .orders .table03.type2 table td {font-size:14px;}

.orders .table03 table th {font-size:12px;}
.orders .table03 table td {font-size:14px;} */

.orders .table03.type2 table td.option {font-size:11px; line-height:1.4em;}
.orders .table03.type2 table td:nth-child(4) {font-size:15px; line-height:1.6em;}
/* .table03.type2 table td.option2 {font-size:15px; line-height:1.2em;} */

/* .tb-wrap .table03.type2 table td.option2 {font-size:15px; line-height:1.2em;} */

.orders.type2 .content .box{border:1px solid #a8a8a8;padding:10px 15px; line-height:1.429em;}
.orders.type2 .content .box.img-box{padding:10px;}
.orders.type2 .content .box.img-box ul{display:flex;margin:0 -10px;}
.orders.type2 .content .box.img-box ul li{
/* width:33.3333%; */ /*width: 200px;*/ height:100px; padding:0 10px; text-align: center;}
.orders.type2 .table03 table td img {width: 50px;}
.orders.type2 .content .box.img-box ul li img {height: 90%;width: auto;display: block;}
/* .orders.type2 .content .box.tt-box{font-size:15px;} */
/* .orders.type2 .table03 table th {font-size: 12px;} */
.orders.type2 .table03 table th img {    display: block; width: 60px;}