@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 테이블스타일 -------- */
.test-table{width:100%;}
.test-table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.test-table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}

/* -------- 공통 Fixed Move Tab -------- */
.fixed-tab-container{position:relative}
/* tab */
.fixed-move-tab-list-wrapper{position:relative; height:60px; width:100%}
.fixed-move-tab-list-wrapper .fixed-tab-inner{max-width:1200px; margin:0px auto;}
.fixed-move-tab-list{height:60px; position:relative;}
.fixed-move-tab-list  ul{height:100%; margin-right:-3px}
.fixed-move-tab-list  ul:after{clear:both; content:""; display:block;}
.fixed-move-tab-list  ul li{float:left; position:relative; width:33.33%; position:relative; margin-left:-1px;}
.fixed-move-tab-list  ul li:first-child{margin-left:0; }
.fixed-move-tab-list  ul li a{display:block; height:58px; line-height:58px; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.5px; text-align:center; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  background-color:#fff;}
.fixed-move-tab-list  ul li:first-child a{border-left:1px solid #ddd;}
.fixed-move-tab-list  ul li.selected{z-index:1;}
.fixed-move-tab-list  ul li.selected a{background-color:#aaa; color:#fff;}
/* fixed */
.fixed-move-tab-list.fixed {position:fixed; top:70px; left:0; width:100%; z-index:99} /* fixed top 변경*/
/* content(임시) */
.fixed-tab-content{padding:30px 0; border:1px solid #ddd; margin-top:50px; min-height:300px; }

/* ****************** about us ::  Introduction ********************** */
.intro-up-con.center-up-con .img-con{float: right; margin-left: 0; margin-right: -3%;}
.intro-up-con.center-up-con .txt-con{float: left;}
.intro-cm-tit{margin-bottom: 50px; line-height: 90px; font-size: 30px; font-weight: 400; letter-spacing: -0.25px; color: #000; text-align: center; border-bottom: 1px solid #d9d9d9;}
.intro-cm-tit span{display: inline-block; position: relative;}
.intro-cm-tit span:before{position: absolute; bottom: -1px; left: 0; display: block; content: ''; width: 100%; height: 1px; background-color: #ff9600;}

.intro-mission-con{margin-top: 60px;}
.intro-bnr{width: 100%; position: relative; height: 0; padding-top: 35%; background: url("/images/content/intro_img02.png") 50% 50% no-repeat; -webkit-background-size: cover; background-size: cover;}
.intro-bnr-txt{position: absolute; top: 9%; left: 5%; font-weight: 400; line-height: 1.3; letter-spacing: -0.25px; color: #fff;}
.intro-bnr-txt .txt01{font-size: 22px;}
.intro-bnr-txt .txt02{margin-top: 20px; font-size: 18px; opacity: 0.5;}

.intro-award-con{margin-top: 80px;}
.intro-award-wrapper{}
ul.intro-award-list{margin: 0 -15px;}
ul.intro-award-list li{float: left; width: calc(33.33% - 30px); margin: 0 15px;}
ul.intro-award-list li .img-con{width: 100%; position: relative; height: 0; padding-top: 51%;}
ul.intro-award-list li .img-con img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
ul.intro-award-list li .txt-con{border: 3px solid #fff; font-weight: 400; letter-spacing: -0.25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.intro-award-list li .txt-con .inner{display: block; padding: 30px 35px;}
ul.intro-award-list li .txt-con .year{display: block; font-size: 26px; color: #000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.intro-award-list li .txt-con .txt{margin-top: 15px; font-size: 15px; line-height: 1.6; color: #666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.intro-award-list .slick-arrow{position: absolute; top: 50%; margin-top: -42px;}
.intro-award-list .slick-prev{left: 0; margin-left: -110px;} 
.intro-award-list .slick-next{right: 0; margin-right: -110px;} 
.intro-award-list .slick-arrow img{height: 84px;}

@media all and ( min-width:800px ){
	ul.intro-award-list li:hover .txt-con{background-color: #ff9600; border-color: #ff9600;}
	ul.intro-award-list li:hover .txt-con .year, ul.intro-award-list li:hover .txt-con .txt{color: #fff;}
}

/* ****************** about us :: R&BD Center ********************** */
.center-up-con{}
.center-up-con .img-con{width: 50%; float: left; margin-left: -3%; text-align: center;}
.center-up-con .img-con img{max-width: 100%; display: inline-block;}
.center-up-con .txt-con{width: 47%; float: right;}
.center-up-con .txt-con h5{font-size: 62px; line-height: 1.1; font-weight: 900; letter-spacing: -0.25px; color: #333; -ms-word-break: break-all; word-break: break-all;}
.center-up-con .txt-con h5 span{color: #ff9600;}
.center-up-con .txt-con .txt01{margin-top: 30px; font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: -0.25px; color: #000;}
.center-up-con .txt-con .txt02{margin-top: 25px; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.25px; color: #666;}

.center-down-tit{margin-top: 130px; font-size: 30px; font-weight: 400; letter-spacing: -0.25px; color: #000; text-align: center;}
.center-down-tit.mt-short{margin-top: 70px;}
.center-down-con{margin-top: 30px;}
.center-down-con ul{margin: -20px -1.5%;}
.center-down-con ul li{width: 30.33%; float: left; margin: 20px 1.5%;}
.center-down-con ul li:nth-child(3n+1){clear: both;}
.center-down-con ul li .img{width: 100%;}
.center-down-con ul li .img img{width: 100%;}
.center-down-con ul li p{padding: 22px 10px; font-size: 16px; line-height: 1.3; letter-spacing: -0.25px; color: #333; text-align: center;}

/* ****************** about us :: 오시는길 ********************** */
/* 오시는길 :: 상단 */
.map-script-wrapper{position:relative; overflow:hidden; margin:0px auto; height:500px; border:1px solid #ddd}
.map-script-wrapper .map-script-con{position:absolute; top:50%; left:50%; width:1200px; height:500px; margin:-250px 0 0 -600px;}
.map-iframe-wrapper{position:relative; border:1px solid #ddd; margin:0px auto; }
.map-iframe-wrapper .map-iframe-con{padding-top:41.66%; position:relative; height:0;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* 오시는길 :: 다른지도링크 */
.map-other-link-box{margin-bottom:30px; text-align:center;}
.map-other-link-box ul li{display:inline-block; width:180px; height:40px; background:#f4f4f4;text-align:center;line-height:40px; margin-left:0.5%; font-size:18px; letter-spacing:-0.5px; color:#fff;}
.map-other-link-box ul li:first-child{margin-left:0;}
.map-other-link-box ul li a{display:block;color:#fff;}
/* 오시는길 :: 하단정보1 */
.map-tbl-con{margin-bottom:70px;}
.map-tbl-con h3{font-size:25px; margin:20px 0; color:#333;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:15px; letter-spacing:-0.3px; font-size:15px; line-height:1.5}
.map-tbl th{width:140px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; font-weight:500; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-weight:400; }
.map-tbl td p{margin-top:5px}
.map-tbl td p:first-child{margin-top:0}
/* 오시는길 :: 하단정보 2 */
.location-info{padding:30px 15px; margin-top:15px; border-top:1px solid #000; border-bottom:1px solid #eee;}
.location-info li{margin-top:13px}
.location-info li:first-child{margin-top:0}
.location-info .location-info-box{overflow:hidden; line-height:1.4; letter-spacing:-0.5px; font-size:16px;}
.location-info .location-info-box dt{position:relative; float:left; width:100px; padding-right:30px; font-weight:500; color:#4f4f4f; }
.location-info .location-info-box dt:after{position:absolute; position:absolute; top:50%; right:20px; content:""; width:1px; height:12px; margin-top:-6px; background:#dcdcdc;}
.location-info .location-info-box dd{float:left;  width:calc(100% - 130px); font-weight:400; letter-spacing:-0.25px; color:#666; }
/* 오시는길 :: 하단정보3 */
.location-list > li{margin-bottom:30px;}
.location-list > li > dl > dt{border-bottom:1px solid #ddd;}
.location-list > li > dl > dt span{position:relative; display:inline-block; top:1px; border-bottom:1px solid #333; font-size:18px; font-weight:500; padding-bottom:6px; color:#333;}
.location-list > li > dl > dt span i{vertical-align:middle; font-size:22px; }
.location-list > li > dl > dd{padding-top:15px; color:#333; font-size:15px; line-height:22px; word-break:keep-all;}
.location-list > li > dl > dd .bus-info{display:block; position:relative; margin-bottom:5px; padding-left:40px;}
.location-list > li > dl > dd .train-info{display:block; position:relative; margin-bottom:5px; padding-left:25px;}
.location-list > li > dl > dd em{position:absolute; top:0px; left:0px; color:#fff; padding:1px 5px; border-radius:2px; margin-right:5px; font-size:12px;}
.location-list > li > dl > dd .train-info em{top:2px; padding:0; width:20px; height:20px; border-radius:20px; text-align:center;}
.location-list > li > dl > dd .car-come {display:block; color:#b75353; font-weight:600;}

/* ****************** product :: product_list ********************** */
.prd-tab-con{padding-top: 15px;}
ul.prd-tab-list{text-align: center; margin-top: -5px;}
ul.prd-tab-list li{display: inline-block; width: 217px; margin: 5px;}
ul.prd-tab-list li a{display: table; table-layout: fixed; width: 100%; height: 50px; border: 1px solid #d5d5d5; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 16px; font-weight: 400; letter-spacing: -0.25px; color: #666; line-height: 1.3;}
ul.prd-tab-list li a span{display: table-cell; vertical-align: middle;}

ul.prd-tab-list li.on a{background-color: #ff9600; border-color: #ff9600; color: #fff; -webkit-box-shadow: 27px 27px 27px -18px rgba(0,0,0,0.1);
-moz-box-shadow: i27px 27px 27px -18px rgba(0,0,0,0.1); box-shadow: 27px 27px 27px -18px rgba(0,0,0,0.1);}

/* 제품리스트 */
.prd-info-wrapper{margin-top: 80px;}
ul.prd-info-list{margin: -25px -2%;}
ul.prd-info-list li{float: left; width: 46%; margin: 25px 2%;}
ul.prd-info-list li a{position: relative; display: block; width: 100%; height: 300px; background-color: #fff;}
ul.prd-info-list li a .prd-inner{}
ul.prd-info-list li a .prd-inner .img-con{float: left; position: relative; width: 48.7%; height: 0; padding-top: 300px; /* padding-top: 50%; */}
ul.prd-info-list li a .prd-inner .img-con img{position: absolute; top: 50%; left: 0; max-width: 100%; max-height: 100%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
ul.prd-info-list li a .prd-inner .img-con img.ori{}
ul.prd-info-list li a .prd-inner .img-con img.cover{z-index: 1; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;}
ul.prd-info-list li a .prd-inner .txt-con{position: absolute; z-index: 5; bottom: 0; right: -20px; /* width: 320px; */width: 55%; height: 250px; background-color: #f2f2f2; border-top: 3px solid #999; padding: 40px 35px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 27px 27px 27px -18px rgba(0,0,0,0.1); -moz-box-shadow: 27px 27px 27px -18px rgba(0,0,0,0.1); box-shadow: 27px 27px 27px -18px rgba(0,0,0,0.1); -webkit-transition: all 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s;}
ul.prd-info-list li a .prd-inner .txt-con:before{position: absolute; top: -3px; left: 0; display: block; content: ''; /* width: 140px; */width: 43%; height: 3px; background-color: #ff9600;}
ul.prd-info-list li a .prd-inner .txt-con h1{font-size: 24px; font-weight: 500; line-height: 30px; color: #000; width:100%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.prd-info-list li a .prd-inner .txt-con h1.txt01{}
ul.prd-info-list li a .prd-inner .txt-con h1.txt02{}
ul.prd-info-list li a .prd-inner .txt-con p{margin-top: 20px; font-size: 15px; line-height: 22px; font-weight: 400; letter-spacing: -0.25px; color: #999; width:100%; height:44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.prd-info-list li a .prd-inner .txt-con span{margin-top: 35px; display: block; font-size: 13px; letter-spacing: -0.25px; color: #333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.prd-info-list li a .prd-inner .txt-con span i{display: inline-block; vertical-align: middle; font-weight: 600; font-size: 24px;}
ul.prd-info-list li a .prd-inner .txt-con span em{margin-left: 10px; display: inline-block; vertical-align: middle; font-weight: 600;}

@media all and (min-width:800px){
	ul.prd-info-list li a:hover .prd-inner .img-con img.cover{opacity: 1;}
	ul.prd-info-list li a:hover .prd-inner .txt-con{background-color: #fe9c11; border-top-color: #fe9c11;}
	ul.prd-info-list li a:hover .prd-inner .txt-con:before{background-color: transparent;}
	ul.prd-info-list li a:hover .prd-inner .txt-con h1, ul.prd-info-list li a:hover .prd-inner .txt-con p,
	ul.prd-info-list li a:hover .prd-inner .txt-con span{color: #fff;}
}

/* ****************** product :: product_view ********************** */
/* 상단 */
.prd-up-con{padding-bottom: 205px;}
/* 하단 :: 제품이미지 */
.thum-prd-img-con{width:46%; float: left;}
.thum-prd-img-con .large-thum{width:100%; position: relative; height: 0; padding-top: 100%; text-align:center; background-color: #fff;} /* 이미지 크기에따라 높이값 조절 */
.thum-prd-img-con .large-thum img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width:100%; max-height: 100%;}
.thum-prd-img-con .small-thum-list{width: 100%; padding: 20px 0; text-align: center; background-color: #f7f7f7;}
.thum-prd-img-con .small-thum-list li{display: inline-block; width:16%; margin:0 4px;}
.thum-prd-img-con .small-thum-list li a{display:block; position: relative; height: 0; padding-top: 100%; background-color: #fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.thum-prd-img-con .small-thum-list li a img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.thum-prd-img-con .small-thum-list li a:before{position: absolute; top: 0; left: 0; content: ''; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #f37a20; z-index: 1; opacity: 0; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.thum-prd-img-con .small-thum-list li a.active:before{opacity:1.0;filter:Alpha(opacity=100);}
.thum-prd-img-con .small-thum-list li a.active{-webkit-box-shadow: 7.5px 7.5px 15px 0px rgba(0,0,0,0.08); -moz-box-shadow: 7.5px 7.5px 15px 0px rgba(0,0,0,0.08); box-shadow: 7.5px 7.5px 15px 0px rgba(0,0,0,0.08);}

@media all and (min-width:800px){
	.thum-prd-img-con .small-thum-list li a:hover:before{opacity:1.0;filter:Alpha(opacity=100);}
	.thum-prd-img-con .small-thum-list li a:hover{-webkit-box-shadow: 7.5px 7.5px 15px 0px rgba(0,0,0,0.08); -moz-box-shadow: 7.5px 7.5px 15px 0px rgba(0,0,0,0.08); box-shadow: 7.5px 7.5px 15px 0px rgba(0,0,0,0.08);}
}
/* 상단 :: 제품설명 */
.thum-prd-info-con{width: 54%; float: right;}
.prd-info-tit{position: relative; padding-left: 7.5%;}
.prd-info-tit:before{position: absolute; bottom: 0; left: 0; display: block; content: ''; width: 1000px; height: 1px; background-color: #d7d7d7;}
.prd-info-tit h5{position: relative; display: inline-block;padding-bottom: 35px; font-size: 40px; font-weight: 900; color: #111; line-height: 1.2;}
.prd-info-tit h5:after{position: absolute; bottom: 0px; left: 0; display: block; content: ''; width: 100%; height: 1px; background-color: #f37a20;}
.prd-info-tit h5:before{display: block; content: ''; width: 25px; height: 6px; background-color: #f37a20; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 25px;}
.prd-info-txt{padding-left: 7.5%;}
.prd-info-txt .txt01{margin-top: 35px; font-size: 40px; line-height: 1.2; font-weight: 400; color: #333;}
.prd-info-txt .txt02{margin-top: 20px; font-size: 15px; line-height: 1.4; letter-spacing: -0.25px; font-weight: 400; color: #666;}
.prd-count-list{}
.prd-count-list li{float: left; margin-top: 30px;}
.prd-count-list li:first-child{margin-right: 50px;}
.prd-info-txt .price{padding-left: 90px; position: relative; font-size: 20px; line-height: 27px; font-weight: 400; letter-spacing: -0.25px; color: #f37a20;}
.prd-info-txt .price .tit{display: inline-block; position: absolute; top: 0; left: 0; color: #333;}
.prd-info-txt .quantity{padding-left: 110px; position: relative; font-size: 20px; line-height: 27px; font-weight: 400; letter-spacing: -0.25px; color: #f37a20;}
.prd-info-txt .quantity .tit{display: inline-block; position: absolute; top: 0; left: 0; color: #333;}
#quantityform {display: inline-block; color: #333; text-align: center;}
#quantityform input{background-color: #fff; border: 1px solid #ddd; color: #383838;
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	-webkit-border-radius: 0;}
#quantityform input::-ms-clear { display: none; }
#quantityform .qty {border-left: none; border-right: none; float: left; width: 40px; height: 27px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#quantityform input.qtyplus {float: left; width:27px; height:27px;}
#quantityform input.qtyminus {float: left; width:27px; height:27px;}
.prd-count-total{border-top: 1px solid #cfcfcf; margin-top: 20px; padding-top: 25px; font-size: 20px; font-weight: 400; color: #333; letter-spacing: -0.25px; text-align: right;}
.prd-count-total span{color: #f37a20;}

/* 추가된 옵션 컨텐츠 */
.new-option-con{margin-top: 25px;}
.new-option-con .tit-con{position: relative; padding-left: 80px;}
.new-option-con .tit-con .tit{display: inline-block; position: absolute; top: 0; left: 0; color: #333; font-size: 20px; line-height: 38px; font-weight: 400; letter-spacing: -0.25px;}
.new-option-con .tit-con select{width: 100%; height: 38px; border: 1px solid #cfcfcf; background-color: #f8f8f8; font-size: 13px; font-weight: 400; letter-spacing: -0.25px; color: rgba(0,0,0,0.5); text-indent: 20px;}
ul.option-list-con{margin-top: 30px; border-top: 1px solid #cfcfcf;}
ul.option-list-con li{padding: 11px 0; border-bottom: 1px solid #cfcfcf;}
ul.option-list-con li p{float: left; padding-right: 20px; width: calc(100% - 120px); font-size: 14px; line-height: 29px; font-weight: 400; letter-spacing: -0.25px; color: rgba(0,0,0,0.5);}
ul.option-list-con li input{}
.prd-count-total.add-css{border-top: none; margin-top: 0;}

.prd-info-txt table{margin-top: 45px; width: 100%; table-layout: fixed; border-top: 1px solid #666;}
.prd-info-txt table tr{border-bottom: 1px solid #e5e5e5;}
.prd-info-txt table th, .prd-info-txt table td{padding: 15px 25px; font-size: 15px; line-height: 1.4; color: #666; font-weight: 400; text-align: left; letter-spacing: -0.25px;}
.prd-info-txt table th{background-color: #fff; width: 36%;}
.prd-info-txt table td{background-color: #f9f9f9;}
/* 상단 :: 버튼 */
.prd-info-txt .btn-list{margin-top: 50px;}
.prd-info-txt .btn-list li{display: inline-block; margin-left: 50px;}
.prd-info-txt .btn-list li:first-child{margin-left: 0;}
.prd-info-txt .btn-list li a{display: block;}
.prd-info-txt .btn-list li a img{display: inline-block; height: 56px;}
.prd-info-txt .btn-list li a span{margin-left: 20px; display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; letter-spacing: -0.25px; color: #333;}

/* 하단 */
.prd-down-con{background-color: #fff;}
/* 하단 :: 탭 */
.sub-prd-tab-con{position: relative; top: -72px; height: 72px;}
ul.editor-tab-list{width: calc(100% - 2px); border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background-color: #f2f2f2; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
ul.editor-tab-list.fixed{position: fixed; top: 74px; left: 0; z-index: 10;}
ul.editor-tab-list.fixed li.on{/*border-bottom: 1px solid #e5e5e5;*/}
ul.editor-tab-list li{border-left: 1px solid #e5e5e5; width: 33.33%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
ul.editor-tab-list li:first-child{border-left: none;}
ul.editor-tab-list li a{display: table; table-layout: fixed; width: 100%; height: 70px; font-size: 18px; font-weight: 500; letter-spacing: -0.25px; color: #333; text-align: center;}
ul.editor-tab-list li a span{display: table-cell; vertical-align: middle;}
ul.editor-tab-list li.on{border-top-color: #f37a20; border-bottom-color: #fff; background-color: #fff;}
ul.editor-tab-list li.on a{color: #f37a20;}
/* 하단 :: 공통사항 */
.prd-con-wrapper{margin-top: -72px;}
.cm-prd-con{border-top: 1px solid #d6d6d6; padding: 70px 0;}
.prd-con-wrapper .cm-prd-con:first-child{border-top: none;}
.cm-prd-con .tit{margin-bottom: 30px; font-size: 40px; font-weight: 400; color: #333;}
.cm-prd-con .tit span{color: #f37a20;}
/* 하단 :: 텍스트 설명 */
ul.prd-txt-list{}
ul.prd-txt-list li{margin-top: 10px; padding-left: 20px; position: relative; font-size: 16px; line-height: 1.3; font-weight: 400; letter-spacing: -0.25px; color: #666;}
ul.prd-txt-list li:first-child{margin-top: 0;}
ul.prd-txt-list li:before{position: absolute; top: 7px; left: 0; display: block; content: ''; width: 4px; height: 4px; background-color: #333; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
/* 하단 :: 테이블 설명 */
.prd-txt-table{width: 100%; table-layout: fixed;}
.prd-txt-table tr:first-child {border:2px solid #999; }
.prd-txt-table tr:first-child th{background:#f9f9f9; text-align:center;}
.prd-txt-table tr{}
.prd-txt-table th, .prd-txt-table td{padding: 20px; border: 1px solid #e8e8e8; font-size: 17px; font-weight: 400; color: #333; text-align: left;}
.prd-txt-table th{width: 33%; border-right-color: #d9d9d9; background-color: #fffaf8;}
.prd-txt-table td{}
/* 하단 :: 관련제품 */
ul.sub-prd-list{margin: 0 -3.75%;}
ul.sub-prd-list li{float: left; width: 25.83%; margin: 0 3.75%;}
ul.sub-prd-list li a{display: block;}
ul.sub-prd-list li a .img{display:block; position: relative; height: 0; padding-top: 100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
ul.sub-prd-list li a .img img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
ul.sub-prd-list li a .img img.ori{}
ul.sub-prd-list li a .img img.cover{z-index: 1; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;}
ul.sub-prd-list li a p{padding: 10px 10px 0; font-size: 20px; font-weight: 400; color: #333; text-align: center; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

@media all and (min-width:800px){
	ul.sub-prd-list li a:hover img.cover{opacity: 1;}
}

/* ****************** order :: how to ********************** */
.order-list-wrapper{}
ul.order-list{}
ul.order-list li{border-top: 1px solid #d9d9d9; width: 100%; float: left; padding: 55px 0 65px;}
ul.order-list li:first-child{border-top: none;}
ul.order-list li .left{float: left; width: calc(100% - 290px);}
ul.order-list li .left h5{font-size: 30px; font-weight: 600; letter-spacing: -0.25px; color: #333;}
ul.order-list li .left h5 span{color: #ff9600;}
ul.order-list li .left .txt-group{position: relative; margin-top: 40px; padding: 7px 0 7px 35px; border-left: 3px solid #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul.order-list li .left .txt-group:before{position: absolute; top: 0; left: -3px; display: block; content: ''; width: 3px; height: 27px; background-color: #ff9600;}
ul.order-list li .left .txt-group .tit-under-txt{margin-bottom: 20px; padding-left: 0; position: static; font-size: 20px; font-weight: 400; line-height: 1.4; color: #000;} 
ul.order-list li .left .txt-group p{padding-left: 15px; position: relative; font-size: 16px; line-height: 1.6; font-weight: 400; letter-spacing: -0.25px; color: #666;}
ul.order-list li .left .txt-group p em{display: inline-block; position: absolute; top: 0; left: 0;}
ul.order-list li .left .txt-group-under-txt{padding-left: 35px; margin-top: 20px; font-size: 13px; line-height: 1.3; font-weight: 400; letter-spacing: -0.25px; color: rgba(102,102,102,0.6);}
ul.order-list li .right{float: right; width: 270px;}
ul.order-list li .right a{position: relative; display: block; width: 100%; height: 270px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fe5a11+0,fe9c11+100 */
background: rgb(254,90,17); 
/* Old browsers */ 
background: -webkit-linear-gradient(-400deg,rgba(51,51,51,1) 0%, rgba(51,51,51,1) 25%, rgba(254,156,17,1) 45%, rgba(254,90,17,1) 100%);
background: -moz-linear-gradient(-400deg,rgba(51,51,51,1) 0%, rgba(51,51,51,1) 25%, rgba(254,156,17,1) 45%, rgba(254,90,17,1) 100%);
background: -o-linear-gradient(-400deg,rgba(51,51,51,1) 0%, rgba(51,51,51,1) 25%, rgba(254,156,17,1) 45%, rgba(254,90,17,1) 100%);
background: linear-gradient(-400deg,rgba(51,51,51,1) 0%, rgba(51,51,51,1) 25%, rgba(254,156,17,1) 45%, rgba(254,90,17,1) 100%); /* FF3.6-15 */
background-size: 500% 500%;
background-position: 100% 100%;}
ul.order-list li .right a:hover{background-position: 0% 25%;}
 /* Chrome10-25,Safari5.1-6 */
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5a11', endColorstr='#fe9c11',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
ul.order-list li .right a:before{

    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
ul.order-list li .right a .img{padding-top: 60px; position: relative; z-index: 1; width: 100%; display: block; text-align: center;}
ul.order-list li .right a .img img{height: 97px; display: inline-block;}
ul.order-list li.li-02 .right a .img img{height: 96px;}
ul.order-list li .right a .txt{display: block; position: relative; z-index: 1; margin: 30px auto 0; width: 210px; line-height: 37px; text-align: center; background-color: rgba(255,255,255,0.4); -webkit-border-radius: 37px; -moz-border-radius: 37px; border-radius: 37px; font-size: 14px; font-weight: 400; letter-spacing: -0.25px; color: #fff;}


@media all and (min-width:800px){
	ul.order-list li .right a:hover:before{left:-150%; top: -150%;}
	ul.order-list li .right a:hover{
	-webkit-box-shadow: 18px 18px 26px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 18px 18px 26px 0px rgba(0,0,0,0.13);
	box-shadow: 18px 18px 26px 0px rgba(0,0,0,0.13);}
}

@media all and (max-width:800px){
	ul.order-list li{padding: 25px 0 35px;}
	ul.order-list li .left{float: left; width: 100%;}
	ul.order-list li .left h5{font-size: 20px;}
	ul.order-list li .left .txt-group{margin-top: 20px; padding: 5px 0 5px 20px; border-left: 2px solid #999;}
	ul.order-list li .left .txt-group:before{left: -2px; width: 2px; height: 15px;}
	ul.order-list li .left .txt-group .tit-under-txt{margin-bottom: 10px; padding-left: 0; position: static; font-size: 20px; font-weight: 400; line-height: 1.4; color: #000;} 
	ul.order-list li .left .txt-group p{padding-left: 12px; position: relative; font-size: 13px; line-height: 1.6;}
	ul.order-list li .left .txt-group-under-txt{padding-left: 20px; margin-top: 10px; font-size: 12px; line-height: 1.3;}
	ul.order-list li .right{margin-top: 15px; float: right; width: 100%; text-align: center;}
	ul.order-list li .right a{display: inline-block; width: 150px; height: 150px;}
	ul.order-list li .right a .img{padding-top: 22px;}
	ul.order-list li .right a .img img{height: 48px;}
	ul.order-list li.li-02 .right a .img img{height: 48px;}
	ul.order-list li .right a .txt{margin: 15px auto 0; padding: 5px 0; width: 120px; line-height: 1.3; font-size: 12px;}
}

/* ****************** inquiry ********************** */
/* 공통 :: 타이틀 */
.order-prd-con-tit{color:#444; font-size:20px; letter-spacing:-0.3px; font-weight:600; padding-bottom: 10px;}
.order-prd-con-txt{color:#444; font-size:16px; line-height: 1.2; letter-spacing:-0.3px; font-weight:400; margin-bottom:20px;}
/* 주문서 작성 */
.order-prd-write-con{position:relative;}
.order-prd-write-con .essential-txt{position:absolute; top:6px; right:0px; font-size:13px;}
.order-prd-tbl-con{position:relative;}
.order-prd-tbl-con .delivery-same-btn{position:absolute; top:0px; right:0px; padding:8px 16px; background-color:#777; color:#fff; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.order-form-tbl{width:100%; border-top:1px solid #333;}
.order-form-tbl th,.order-form-tbl td{padding:10px; border-bottom:1px solid #ddd;}
.order-form-tbl th{text-align:left; color:#464646; font-weight:600; font-size:15px; line-height: 1.3; letter-spacing:-0.5px;}
.order-form-tbl th.m-th{display: none;}
.order-form-tbl th.pc-th{display: table-cell;}
.order-form-tbl th p{position: relative; padding-left: 10px;}
.essential-icon{position: absolute; top: 0px; left: 0; color:#cf0505;}

.order-form-tbl .input-basic,
.order-form-tbl .select-basic{
	height:34px; border:0px; width:50%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;
}
.order-form-tbl .input-basic:focus{border-color:#333;}
.order-form-tbl .input-basic{text-indent:10px;}
.order-form-tbl .select-basic{height:38px;}
.order-form-tbl .textarea-basic{height:100px; width:99%; border:1px solid #d2d2d2; font-size:14px; resize:none; }
.order-form-tbl .join-sub-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:2px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.order-form-tbl .join-sub-btn:hover{background-color:#464646; color:#fff;}
.order-form-tbl .read-only-data{color:#000; font-size:16px; padding:10px 0; font-weight:600;}
.order-form-tbl .hypen{margin:0 5px;}
.order-form-tbl .write-textarea{width:100%; height:200px; resize:none; border-color: #d2d2d2;}

.custom-checkbox01{overflow:hidden;}
.custom-checkbox01 .checkbox-item{float:left; width:33.33%; margin:3px 0; line-height: 36px;}
.custom-checkbox01 .checkbox-item:first-child{margin-left:0;}
.custom-checkbox01 .checkbox-item input[type="checkbox"]{display:none;}
.custom-checkbox01 .checkbox-item label{display:inline-block; vertical-align: middle; position:relative; padding-left:25px; color:#333; font-size:14px; letter-spacing:-0.5px; line-height:15px; font-weight:300; }
.custom-checkbox01 .checkbox-item label::before{content:""; position:absolute; top:0px; left:0px; width:14px; height:14px; border:1px solid #cfcfcf; background-color:#fff; }
.custom-checkbox01 .checkbox-item i{content:""; position:absolute; top:-2px; left:-1px; font-size:18px; color:#fff; display:none;}
.custom-checkbox01 .checkbox-item input[type="checkbox"]:checked + label{color:#333; font-weight:500;}
.custom-checkbox01 .checkbox-item input[type="checkbox"]:checked + label::before{background-color:#333; border-color:#333}
.custom-checkbox01 .checkbox-item input[type="checkbox"]:checked + label i{display:block;}
.search-form{text-indent: 10px; height:34px; border:0px; width:60%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;}

/* 장바구니 확인창 */
.prd-cart-ok-box-wrapper{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.6);}
.prd-cart-ok-box{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.prd-cart-ok-box-content{ position:relative; display:table-cell; vertical-align:middle; }
.prd-cart-ok-box-inner{position:relative; width:400px;padding:40px 0; background-color:#fff;  margin:0px auto;}
.prd-cart-ok-box-inner i{font-size:50px; color:#666; margin-bottom:30px;}
.prd-cart-ok-box-inner strong, .prd-cart-ok-box-inner span{display:block; color:#444; font-size:18px; font-weight:500;  letter-spacing:-0.5px;}
.prd-cart-ok-box-inner span{font-size:13px; padding-top:10px; font-weight:300;}
.cart-btns{width:60%; margin:20px auto 0; }
.cart-btns a, .cart-btns button{display:inline-block; vertical-align:middle; width:48%; height:32px; text-align:center; color:#fff; font-size:15px; font-weight:400; letter-spacing:-0.5px; margin:0px 1%; background-color:#aaa;}
.cart-btns a{line-height:32px;}
.cart-btns .to-cart-btn{background-color:#0069b4;}
.prd-cart-ok-box-close-btn{position:absolute; top:10px; right:10px;} 
.prd-cart-ok-box-close-btn:focus{outline:none;}
.prd-cart-ok-box-close-btn i{font-size:24px; color:#888}

.center-down-sub-tit{margin-top: 45px; font-size: 20px; line-height: 28px; font-weight: 400; letter-spacing: -0.25px; color: rgba(0,0,0,0.7); text-align: center;}
.center-middle-con{margin-top: 50px;}
.center-middle-con ul{margin: -15px -1.25%;}
.center-middle-con ul li{width: 30.83%; margin: 15px 1.25%; float: left;}
.center-middle-con ul li .img-con{position: relative; width: 100%; height: 0; padding-top: 52%;}
.center-middle-con ul li .img-con img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.center-middle-con ul li .txt-con{/* height: 150px; */ background-color: #fff; font-weight: 400; letter-spacing: -0.25px;}
.center-middle-con ul li .txt-con .inner{padding: 25px 30px;}
.center-middle-con ul li .txt-con .tit{font-size: 20px; line-height: 26px; color: #333;}
.center-middle-con ul li .txt-con .txt{margin-top: 20px; font-size: 16px; line-height: 26px; color: #666;}

/* 선택된 제품 리스트 */
.option-prd-delete-btn{width:13px; height:13px; background:url(/images/shop/select_prd_delete_btn.gif) no-repeat; vertical-align:middle; margin-left:5px;}