@media (max-width:768px){.menu2 span {color:#06aed2;border-bottom:3px solid #06aed2;display:inline-block;padding:0 5px;line-height:56px;}}
.middle-text h3 {font-size:40px;line-height:50px;}
.middle-text span:after {content:'';border-bottom:1px solid #fff;;height:5px;width:100%;display:block;}

#lists {padding:100px 0;background:#fafafa;}
#lists .cmall-list .thumbnail {margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;}
#lists .cmall-list .info {margin-bottom:20px;background:#fff;padding:20px 15px;font-size:16px;line-height:25px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
#lists .cmall-list-best h3 {text-align:center;margin-bottom:30px;font-family: 'NanumSquare', sans-serif;font-size:40px;line-height:50px;}
#lists .cmall-list-best h3 b {color:#30adcd;font-weight:bold;}
.lists_keyword { max-width:900px;width:100%;margin:0 auto 50px;padding:40px 10px;background:#fff;box-shadow:3px 3px 5px 1px #e1e1e1;border-radius:5px;}
.lists_keyword .table {border-spacing:30px 0;border-collapse:unset;}
.lists_keyword .table>tbody>tr>th {border:0;padding:0 18px 0 0;text-align:center;vertical-align:middle;font-weight:400;line-height:40px;font-size:20px;border-bottom:2px solid #333;}
.lists_keyword .table>tbody>tr>th p {}
.lists_keyword .table>tbody>tr>td {padding:15px 0;border:0;border-bottom:2px solid #333;}
.lists_keyword .table>tbody>tr>td p {font-weight:500;font-size:20px;line-height:40px;}
.lists_keyword .table>tbody>tr>td p span {width:50%;display:inline-block;}
.lists_keyword input[type="checkbox"] {display:none;}
.lists_keyword input[type="checkbox"] + label {background:url(/uploads/images/checked.png) left center no-repeat;padding-left:35px;}
.lists_keyword input[type="checkbox"]:checked  + label {background:url(/uploads/images/checked_.png) left center no-repeat;}

.search_word {text-align:center;margin-bottom:50px;}
.search_word input {max-width:200px;margin-right:5px;}
.search_word button {border-radius:5px;}

.cmall-list-best {overflow:unset;}
.slick-slider .slick-list:before {content:'';display:block;position:absolute;top:0;height:16px;left:15px;right:15px;background:#30adcd;z-index:1;}
.slick-arrow {position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;text-indent:999px;overflow:hidden;border:0;z-index:9;}
.slick-prev {left:-55px;background:url(/uploads/images/slide_left.png) center center;background-size:contain;}
.slick-next {right:-55px;background:url(/uploads/images/slide_right.png) center center;background-size:contain;}


.search_title_wrap {margin-top:10px;margin-bottom:20px;}
.search_title_wrap:after {content:'';display:block;clear:both;}
.search_title_wrap > div {float:left;max-width:75%;}
.search_title_wrap h3 {font-family: 'NanumSquare', sans-serif;font-size:30px;line-height:35px;color:#30adcd;font-weight:bold;margin-bottom:30px;word-break:break-word;}
.search_title_wrap .btn.btn_lists_re{float:right;width:200px;line-height:50px;border-radius:10px;border:0;font-size:20px;display:block;}
.search_title_wrap .btn.btn_lists_re:hover {margin-top:-8px;margin-bottom:8px;}

.edit_wrap {margin-bottom:15px;}
.edit_wrap:after {content:'';display:block;clear:both;}

.item_part {background:#fafafa;letter-spacing:-1px;overflow:unset;padding:50px 0;}
.item_part > section { max-width:1200px;width:100%;margin:0 auto 50px;padding:40px 30px;background:#fff;box-shadow:3px 3px 5px 1px #e1e1e1;border-radius:5px;line-height:60px;}
.item_part > section > h3 {font-size:23px;}
.item_part > section > h3:after {content:'';display:block;border-bottom:2px solid #30b4cd;padding-top:20px;}
.item_part .item_btn {max-width:800px;width:100%;margin:0 auto 50px;}
.item_part .item_btn .btn_submit {
	width:300px;line-height:80px;border-radius:20px;border:0;font-size:28px;margin:50px auto;display:block;
	box-shadow:3px 3px 3px 1px #4494cd;font-weight:600;
}
.item_part .item_btn .btn_submit:hover {margin:42px auto 58px;}

.item_part .item_btn .item_guide {border:10px solid #ccc;padding:15px;background:#f5f5f5;border-radius:5px;}
.item_part .item_btn .item_guide p {font-size:20px;line-height:25px;letter-spacing:-1.1px;font-weight:500;margin-bottom:10px;}
.item_part .item_btn .item_guide p:last-child{margin:0;}

.item_info .row {padding:30px 5px 0;}
.item_info .info_item {padding:0 10px;}
.item_info .info_item > div {position:relative;border:2px solid #9a9a9a;border-radius:5px;}
.item_info .info_item > div:before {content:'';display:block;padding-top:125%;}
.item_info .info_item > div > p {position:absolute;top:0;left:0;right:0;bottom:20%;}
.item_info .info_item > div .overwrap{
	font-size:17px;overflow:hidden;cursor:pointer;line-height:40px;
	position:absolute;top:80%;left:0;right:0;bottom:0;text-align:center;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.item_info .info_item > div .overwrap:after{vertical-align:middle;content:"";display:inline-block;height:100%;}
.item_info .info_item > div .overwrap .info_wrap {vertical-align:middle;display:inline-block;}
.item_info .info_item > div .overwrap .info_wrap br {display:none;}
.item_info .info_item > div .overwrap .info_title {display:none;color:#fff;}
.item_info .info_item > div .overwrap .info_title:after {content:'';display:block;background:#fff;height:2px;width:100%;}
.item_info .info_item > div .overwrap .info_name {font-size:13px;letter-spacing:-1px;}
.item_info .info_item > div .overwrap .info_name img {margin-right:5px;width:17px}
.item_info .info_item > div .overwrap .more_img {line-height:30px;}
.item_info .info_item > div .overwrap .more_img img {width:30px;}
.item_info .info_item > div:hover .overwrap{top:0;background:linear-gradient(to right,rgba(48, 180, 205, 0.8), rgba(48, 126, 205, 0.8));line-height:50px;}
.item_info .info_item > div:hover .overwrap .info_title {display:inline-block;}
.item_info .info_item > div:hover .overwrap .info_wrap br {display:block;}
.item_info .info_item > div:hover .overwrap span {color:#fff;}
.item_info .info_item > div:hover .overwrap .info_name img {content:url('/uploads/images/ganpan/white_icon.png');}


.item_standard  > h3{font-size:18px;}
.item_standard .container {width:100%;padding:0;text-align:center;}
.item_standard .container > div {width:50%;float:left;box-sizing:border-box;}
.item_standard .container .standard_left {border-right:1px solid #a4a4a4;}
.item_standard .container .standard_right {border-left:1px solid #a4a4a4;}
.item_standard .container > div p {line-height:30px;font-weight:500;font-size:20px;padding:10px 0;}

.item_part .item_price {max-width:800px;border-radius:10px;padding:0;line-height:190px;font-size:38px;text-align:center;font-weight:500;}
.item_part .item_price > div:first-child {padding:60px 0;color:#fff;border-radius:10px;background:linear-gradient(to right,rgba(48, 180, 205, 1), rgba(48, 126, 205, 1));}
.item_part .item_price > div:last-child {font-size:42px;font-weight:800;text-decoration:underline;text-underline-position:under;}
.item_part .item_price h3 {font-size:38px;line-height:40px;margin-bottom:5px;}
.item_part .item_price p {font-size:25px;line-height:25px;}


.item_calc_bottom {width:100%;text-align:center;background:#e6e6e6;padding:80px 0;margin-bottom:50px;}
.item_calc_bottom .middle-text {color:#333;width:99%;}
.item_calc_bottom .middle-text div {
	width:40%;text-align:center;
	margin:0 auto;padding:50px 0;
    background: #fafafa;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 1px #aaa;
}
.item_calc_bottom .middle-text div:after {content:'';clear:both;display:block;}
.item_calc_bottom .middle-text h3 {font-size:30px;line-height:45px;margin-bottom:40px;}
.item_calc_bottom .btn_main {
	width:60%;height:80px;line-height:80px;font-size:28px;margin:0 auto;padding:0;border-radius:20px;font-weight:600;
	position:relative;display:block;	box-shadow:3px 3px 3px 1px #4494cd;
}
.item_calc_bottom .btn_main:hover {margin:-8px auto 8px;}


.btn.btn_lists{width:200px;line-height:50px;border-radius:10px;border:0;font-size:20px;margin:0 auto 50px;display:block;}
.btn.btn_lists:hover {margin:-8px auto 58px;}



.parts {margin:0 auto 50px;background:#fff;box-shadow:4px 4px 4px 1px #e0e0e0;}

.parts .p_images {padding:0;}
.parts .p_images:before {content:"";display:block;padding-top:75%;}
.parts .p_images .image {position:absolute;top:0;right:0;bottom:0;left:0;}
.parts .p_description {padding:15px;}
.parts .p_title {line-height:25px;font-size:20px;font-weight:500;margin-bottom:15px;}
.parts .p_explain {padding:0;line-height:20px;font-size:13px;word-break:keep-all;font-weight:400;}
.parts .p_explain_option {padding:0;line-height:25px;height:75px;font-size:15px;word-break:keep-all;font-weight:400;margin-bottom:10px;}

#portpolio {padding:100px 0;background:#fafafa}


/*포트폴리오*/
.category {text-align:center;margin:0 auto 100px;}
.category > div {display:inline-block;margin-right:15px;}
.category > div:last-child {margin:0;}
.category a {width:170px;height:50px;line-height:50px;font-size:14px;display:inline-block;border:1px solid #000;position:relative;z-index:1;}
.category a.selected {background:#30b4cd;color:#fff;border-color:#30b4cd;z-index:2;}
.category a:hover {background:#30b4cd;color:#fff;border-color:#30b4cd;}

.p_img_slide {overflow:hidden;text-align:center;}

/*포트폴리오 추가*/
.product-left .prd-slide {margin:0;}
.product-infomation { border:1px solid #ddd;box-shadow:3px 3px 3px 1px #ddd; border-radius:20px;}
.product-infomation .product-title {padding:40px 40px 20px;margin:0;}
.product-infomation .product-no {padding:0 10px 40px;margin:0;}

.product-right form {text-align:center;}
.product-right .btn_info {width:400px;line-height:38px;margin:20px auto;
	background-color:#30adcd; color:#fff;font-size:18px;border:0;
	background-image:-webkit-linear-gradient(left, #30adcd, #3084CD);
	background-image:-moz-linear-gradient(left, #30adcd, #3084CD);
	background-image:-ms-linear-gradient(left, #30adcd, #3084CD);
	background-image:-o-linear-gradient(left, #30adcd, #3084CD);
	background-image:linear-gradient(to right, #30adcd, #3084CD);
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
.product-right .btn_info:hover{
	background-image:-webkit-linear-gradient(left, #1a96b5, #1567af);
	background-image:-moz-linear-gradient(left, #1a96b5, #1567af);
	background-image:-ms-linear-gradient(left, #1a96b5, #1567af);
	background-image:-o-linear-gradient(left, #1a96b5, #1567af);
	background-image:linear-gradient(to right, #1a96b5, #1567af);
}

.s_title{margin-bottom:60px;font-weight:500;text-align:center;}
.s_title:before{content:'';display:block;width:60px;border:1px solid #000;margin:0 auto 30px;}

.item_part .image_list {text-align:center;margin:0 auto 50px;}
.item_part .image_list img {max-width:100%;}

.portpolio .image_list {text-align:center;margin:0;}
.portpolio .image_list img {max-width:100%;}

.part_image_view {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1001;}
.image_slide {position:absolute;top:50%;left:50%;margin:-280px 0 0 -550px;width:1100px;height:550px;}
.image_slide > div {width:50%;float:left;background:#fff;height:100%;}
.part_image_view .close_btn {position:absolute;top:50%;left:50%;width:50px;margin-top:-340px;margin-left:500px;cursor:pointer;}

.part_image_view .image_slide .sitem:before {content:'';display:block;padding-top:100%;}
.part_image_view .image_slide .sitem div {position:absolute;top:0;left:0;right:0;bottom:0;}
.part_image_view .text_wrap {padding:45px;}
.part_image_view .text_wrap h2 {font-size:40px;line-height:60px;margin-bottom:40px;}
.part_image_view .text_wrap p {font-size:25px;line-height:40px;}


.bx-wrapper {position:relative;}
.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:50%;
    margin-top:-7px;
    outline:0;
    width:30px;
    height:30px;
    text-indent:-9999px;
    z-index:999;
}
.bx-wrapper .bx-prev {
    left:10px;
    background:url(/uploads/images/arrow_left.png) no-repeat 0 0;background-size:30px 30px;
}
.bx-wrapper .bx-next {
    right:10px;
    background:url(/uploads/images/arrow_right.png) no-repeat 0 0;background-size:30px 30px;
}



#popup_login{
	display:none;
	width:100%;max-width:350px;min-height:150px;
	background:#fff;border-radius:5px;box-shadow:3px 3px 5px 1px #e1e1e1;
	position:fixed;top:50%;left:50%;z-index:9;margin:-200px 0 0 -175px;
	padding:30px;font-size:20px;text-align:center;
}

#popup_login .btn_wrap {width:100%;margin-top:50px;}
#popup_login .btn_wrap div {float:left;border:1px solid #555;padding:5px 15px;cursor:pointer;width:48%;}
#popup_login .join_btn {margin-right:4%;}

@media (max-width:1024px){
	.item_info .row {padding:15px 0;margin:0;}
	.item_info .info_item {padding:0 5px;margin-bottom:20px;}
	.item_info .info_item > div:before {padding-top:180%;}
	.item_info .info_item > div p {bottom:45%;}
	.item_info .info_item > div .overwrap {top:55%;line-height:20px;}
	.item_info .info_item > div .overwrap .info_name {font-size:11px;letter-spacing:-2px;}
	.item_info .info_item > div .overwrap .info_name img {margin-right:3px;width:12px;}
	.item_info .info_item > div .overwrap .info_title {display:block;color:#000;font-size:10px;letter-spacing:-2px;}
	.item_info .info_item > div .overwrap .info_title:after {background:#000;height:1px;}
	.item_info .info_item > div .overwrap .more_img {line-height:20px;}
	.item_info .info_item > div .overwrap .more_img img {width:20px;}
	.item_info .info_item > div .overwrap .info_wrap br {display:none;}
	.item_info .info_item > div:hover .overwrap {background:#fff;line-height:20px;}
	.item_info .info_item > div:hover .overwrap span {color:#000;}
	.item_info .info_item > div:hover .overwrap .info_name img {content:url('/uploads/images/ganpan/black_icon.png');}
}
@media (max-width:768px){
	#lists {padding:50px 0 150px;}
	#keyword_search {margin:0 15px;}
	.table .line_2 span {width:100%;}
	.table span {width:100%;}
	.table label {padding:0px 0 0 37px;}
	.table input[type=checkbox] + label:before {margin:6px 10px 7px -37px;}
	#lists table thead tr td {padding-left:25px;}
	#lists table tbody tr p{margin:0 15px;padding:10px;}
	#lists table tbody tr:last-child p {margin-bottom:15px;}

	.lists_keyword {margin-bottom:30px;padding:0;}
	.lists_keyword .table th {display:none;}
	.lists_keyword .table>tbody>tr>td p span {width:100%;}
	.btn_lists.btn {width:80vw;}

	.market .product-box {margin-bottom:0;}
	


	.item_part {padding:50px 0 100px;}
	.item_part > section {margin:0 15px 50px;width:auto;padding:20px;}
	.item_part .item_btn p {padding:0 15px;}
	.item_part .item_btn .btn {margin:50px auto;width:60vw;line-height:40px;}
	.item_part .image_list {padding:0 15px;}

	.item_part .item_price {font-size:25px;line-height:100px;}
	.item_part .item_price > div:last-child {font-size:25px;}
	.item_part .item_price > div:first-child {padding:22px 0;}
	.item_part .item_price h3 {font-size:28px;line-height:30px;margin-bottom:6px;}
	.item_part .item_price p {font-size:18px;line-height:20px;}


	.item_standard .container > div {width:100%;}
	.item_standard .container > div img {max-width:100%;}
	.item_standard .container .standard_left {border:0;}
	.item_standard .container .standard_right {border:0;border-top:1px solid #333;}


	.item_calc_bottom {height:auto;}
	.item_calc_bottom .middle-text {padding:0;}
	.item_calc_bottom p {font-size:13px;}
	.item_calc_bottom .middle-text div {width:90%;}
	.item_calc_bottom .middle-text div:first-child {margin-bottom:30px;}
	.item_calc_bottom .middle-text h3 {font-size:24px;word-break:keep-all;line-height:40px;margin-bottom:20px;}
	.item_calc_bottom .btn.btn_main {width:60vw;font-size:23px;height:15vw;line-height:15vw;border-radius:5vw;}
	.item_calc_bottom .nav_btn_wrap {text-align:center;}
	.item_calc_bottom .nav_btn_wrap .btn {width:130px;height:50px;line-height:50px;font-size:20px;}
	.item_calc_bottom .nav_btn_wrap .btn_before {margin:0;}

	.parts .p_images:before {padding-top:100%;}
	.parts .p_description {padding:30px 20px;}
	.parts .p_explain {height:auto;}

	#portpolio {padding:50px 0 150px;}
	.category {padding:0 15px;margin-bottom:50px;}
	.category a {width:100%;}
	.category div {width:50%;padding:1px;margin:0;box-sizing:border-box;}
	.category div:first-child {width:100%;}

	#item .btn-edit, #item > p.navigation {display:none;}
	.content_wrap {padding:70px 0;}
	.product-box {margin-bottom:100px;}
	.product-infomation {margin:0 5vw;}
	.table>tbody>tr>th {padding-right:10px;}
	.table>tbody>tr>th p, .table>tbody>tr>td p {padding:10px 5px;font-size:15px; line-height:25px;min-height:46px;height:auto;letter-spacing:-1px;}
	.table>tbody>tr.line_2>th p, .table>tbody>tr.line_2>td p {min-height:71px;height:auto;}
	.table>tbody>tr.line_2_m>th p, .table>tbody>tr.line_2_m>td p {min-height:71px;height:auto;}
	.product-right .btn_info {width:90vw;}

	
	.part_image_view .close_btn {top:5vw;right:5vw;left:unset;width:30px;margin:0;}
	.part_image_view > .image_slide{width:90vw;top:25vw;left:5vw;right:5vw;margin:0;height:auto;}
	.part_image_view .image_slide > div {width:100%;}
	.part_image_view .text_wrap {padding:5vw;min-height:30vh;height:auto;}
	.part_image_view .text_wrap h2 {font-size:30px;line-height:40px;margin-bottom:20px;}	
	.part_image_view .text_wrap p {font-size:15px;line-height:20px;}
}

/*버튼*/
.btn-order{background:#222;color:#fff;}
.btn-order:hover{background:#000;color:#fff}
.btn-border{border:1px solid #ccc;color:#000;background:#fff}
.btn-border:hover{background:#f3f3f3;border-color:#aaa}
.sd-only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important;}

/*레이어팝업*/
.popup{ z-index:999; height:auto; display:block; position:absolute;margin-top:3px; background:#fff; border:1px solid #bfbfbf;border-radius:5px;
-webkit-box-shadow:2px 2px 6px -1px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 6px -1px rgba(0,0,0,0.2);
box-shadow:2px 2px 6px -1px rgba(0,0,0,0.2)}
.popup h3{border-bottom:1px solid #e6e6e6;padding:5px 15px;font-size:1.25em;margin:0;line-height:35px;}
.pop-con{padding:15px;}
.pop-btn{text-align:right;background:#f4f4f4;padding:10px 15px}
.btn-popclose{position:absolute;top:10px;right:10px;background:none;border:0;width:25px;height:25px;text-align:center;font-size:16px;color:#999}
.btn-popclose:hover{color:#000}

/*아이템 리스트*/
.cmall-list .guide_text {font-size:16px;line-height:25px;margin-bottom:15px;}
.cmall-list .thumbnail {padding:0;position:relative;}
.cmall-list .thumbnail:before {content:'';display:block;padding-top:56.25%;}
.cmall-list .thumbnail a {position:absolute;top:0;left:0;right:0;bottom:0;display:block;}
.over_wrap {position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;
	background:rgba(0,0,0,0.7);text-align:center;cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
.over_wrap:after {vertical-align:middle;content:"";display:inline-block;height:100%;}
.over_wrap p {max-width:90%;vertical-align:middle; display:inline-block; padding:0; color:#fff; letter-spacing:-2px;font-size:24px;}
.cmall-list .thumbnail:hover .over_wrap {opacity:1;}

.relative .thumbnail {padding:0;position:relative;}
.relative .thumbnail:before {content:'';display:block;padding-top:56.25%;}
.relative .thumbnail a {position:absolute;top:0;left:0;right:0;bottom:0;display:block;}

@media (max-width:768px){
    .cmall-detail .detail-tit {position:absolute;font-size:0;line-height:0;overflow:hidden}
    .product-left,.product-right{padding:0 0 10px}	
	.thumbnail {background:none;border:0;box-shadow:none;}
	.over_wrap {opacity:1;top:70%;max-width:400px;margin:0 auto;}
	#lists .over_wrap {display:none;}
}

@media (max-width:450px){
    .cmall-list-col {width:100%}
}

@media (min-width:992px){
    .cmall-list .cmall-list-col:nth-child(3n+1){clear:both}
}

@media (max-width:991px){
    .cmall-list .cmall-list-col:nth-child(2n+1){clear:both}
}

/*상품페이지*/
.product-info {padding:100px 0 50px;}
.product-box:after{display:block;visibility:hidden;clear:both;content:""}
.product-left .prd-slide{margin:0 auto;max-width:600px;position:relative;text-align:center;}
.product-left .prd-slide img{max-width:100%}
.product-left .prev{display:block;position:absolute;top:50%;left:0;margin-top:-20px;width:40px;height:40px;text-align:center;opacity:0.3}
.product-left .next{display:block;position:absolute;top:50%;right:0;margin-top:-20px;width:40px;height:40px;text-align:center;opacity:0.3}
.product-left .prev:hover,.product-left .next:hover{opacity:1}
.product-left .prd-guide {text-align:center;margin-top:20px;}
.product-infomation .product-title:after {content:'';display:block;border-bottom:2px solid #30b4cd;padding-top:10px;}
.product-infomation .product-title p {padding:0 10px;font-weight:600;font-size:23px;}

.product-infomation .table {border-spacing:30px 10px;border-collapse:unset;}
.product-infomation .table>tbody>tr>th {border:0;padding:0;text-align:center;vertical-align:middle;border-radius:10px;line-height:30px;font-weight:400;color:#fff;font-size:20px;background:linear-gradient(to right,rgba(48, 180, 205, 1), rgba(48, 126, 205, 1));}
.product-infomation .table>tbody>tr>td {border:0;padding:0;}
.product-infomation .table>tbody>tr>td p {padding:10px 0;border-top:0;border-bottom:2px solid #000;line-height:30px;font-weight:500;font-size:20px;}
.product-infomation .table.table_ th p, .item_standard .table.table_ td p {border:0;}


.prduct-demo{text-align:center;padding:10px;}
.item-btn .btn{ width:40%;font-size:1.167em;padding:10px 0;float:left}
.item-btn .btn-cart{;margin:0 1%;}
.item-btn .btn-wish{width:18%;}
.detail_price{text-align:right;width:80px;}
.detail_price span{font-weight:bold}

.product-info-top{border-bottom:1px solid #ddd;margin:30px 0 20px ;}
.product-info-top:after{display:block;visibility:hidden;clear:both;content:""}
.product-info-top li{display:inline-block;margin-bottom:-1px;float:left}
.product-info-top li a{display:block;color:#6b6b6b;padding:10px 20px}
.product-info-top .current{border:1px solid #ddd;border-bottom-color:#fff;border-radius:5px 5px 0 0 ;border-top:2px solid #3498db;font-weight:bold;color:#000}

.product-option{border-top:1px solid #d0d0d0;}
.product-option ul{margin:0}
.product-option li{padding:10px;background:#f5f5f7;border-bottom:1px solid #e7e7e7}
.product-option .opt-name{margin:0 0 5px}
.span-qty .detail_qty{width:50px;height:22px;background:#fff}
.detail_price{float:right}
.cart_total_price{text-align:right;padding:10px 0;}
#total_order_price{font-weight:bold;margin-left:10px;display:inline-block;color:#000;font-size:1.167em}


@media (max-width:768px){
	.product-box .product-title {padding:10px 25px;}
	.product-infomation .product-no {padding:10px;}
}
@media (max-width:450px){
    .item-btn .btn{ font-size:1em;width:100%;margin:3px 0}
    .product-info-top li a{padding:10px 0;text-align:center;}
    .product-info-top li{width:33.333%;}
}

/*상품 이미지 */
#item-image .bx-wrapper{margin-bottom:20px}
#item-image #bx-pager{text-align:center}
#item-image #bx-pager a{border:1px solid #fff}
#item-image #bx-pager .active{border:1px solid #2773ae;display:inline-block}
#item-image .slidewrap {margin:10px; text-align:center;}
#item-image .bx-wrapper img {max-width:100%;display:block;text-align:center;margin:0 auto;}


/*사용후기*/
#item .btn-wr{text-align:right;margin:10px 0}

.item_review_title{font-size:1em;font-weight:bold;margin:0;line-height:23px;padding:10px 15px ;cursor:pointer;}
.review-wr:after{display:block;visibility:hidden;clear:both;content:""}
.review-info{text-align:right;margin:0}
.review-info li{display:inline-block;padding:10px 3px;line-height:23px;font-size:0.92em;color:#777}
.review-info li a{color:#777}
.review-content{display:none;border-top:1px solid #d9d9d9;padding:15px}
.product-feedback{border:1px solid #d9d9d9;margin-top:-1px}
#item .btn-edit{margin:0 0 10px}

@media(max-width:1199px){
    .item_review_title{padding-bottom:0}
    .review-info li{padding-top:5px}
}

/*상품문의*/
.item_qna_title{font-size:1em;margin:0;line-height:23px;padding:10px 15px ;cursor:pointer;;font-weight:bold}
.qna-wr:after{display:block;visibility:hidden;clear:both;content:""}
.qna-info{text-align:right;margin:0}
.qna-info li{display:inline-block;padding:10px 3px;line-height:23px;font-size:0.92em;color:#777}
.qna-yet{display:inline-block;background:#eee;font-size:0.92em;padding:0 10px;border-radius:10px;}
.qna-done{display:inline-block;background:#64be6e;color:#fff;font-size:0.92em;padding:0 10px;border-radius:10px;}
.qna-content{display:none;border-top:1px solid #d9d9d9;padding:15px}
.qna-content .bold{margin:0 0 5px;color:#49b6d5}
.qa-ans{border-top:1px solid #eee;padding:15px 0;margin-top:15px}

@media(max-width:1199px){
    .item_qna_title{padding-bottom:0}
    .qna-info li{padding-top:5px}
}

/*장바구니*/
.all-chk{}
#cart .prd-list>li{border:1px solid #e6e6e6;margin:10px 0;position:relative;padding:10px;min-height:80px;
-webkit-box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1);
-moz-box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1);
box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1)}
#cart .prd-list>li:after{display:block;visibility:hidden;clear:both;content:""}
#cart .prd-list .prd-chk{position:absolute;top:0px;left:0px}
#cart .prd-list .prd-img{position:absolute;top:0px;left:20px}
#cart .prd-info{padding-left:100px;min-height:70px}
.prd-list .cmall-options{color:#656565;font-size:0.92em;}
.prd-list .cmall-options i{color:#57a6f7}
.prd-list .cmall-options .btn i{color:#fff}
.prd-list .change_option{margin:5px 0}
.prd-list .prd-price {text-align:right;color:#777}
.prd-list .prd-price div{margin:5px 0;}
.prd-list .prd-price span{ ;float:left}
.prd-list .prd-price .prd-total{color:#000}
 
.total_price{float:right;line-height:30px}
.total_price .checked_price{font-weight:bold;display:inline-block;margin-left:10px;font-size:1.25em}
.popup-cart{width:70%;}
.btn-order{;padding:10px 40px}

@media (max-width:767px){
    .popup-cart{width:100%;left:0}

}

/*주문하기*/
#order h3{border:0;margin:0}
#order .prd-list{}
#order .prd-list>li{border:1px solid #e6e6e6;position:relative;padding:10px;margin:10px 0;
-webkit-box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1);
-moz-box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1);
box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1)}
#order .prd-list>li:after{display:block;visibility:hidden;clear:both;content:""}
#order .prd-info{padding-left:80px;min-height:70px}
#order .prd-list .prd-img{position:absolute;top:0;left:0}
#order .well{line-height:30px;margin:0}
#order .well:after{display:block;visibility:hidden;clear:both;content:""}

.info-wr{margin:30px 0}
.ord-info{border:1px solid #e5e5e5;padding:20px;}  
.ord-info h5{border-bottom:1px solid #e5e5e5;padding:0 0 15px}
.ord-info .form-group{margin:0}
.ord-info .form-group label{font-weight:normal;font-size:0.92em;margin:10px 0 5px;color:#666}

.pay-info{background:#f8f8f8;padding:20px;}  
.pay-info h5{border-bottom:1px solid #ddd;padding:0 0 15px}
.pay-info li{margin:10px 0;text-align:right;position:relative;padding-left:80px}
.pay-info li .info-tit{position:absolute;top:0;left:0}
.pay-info .feedback-box{padding:20px 0 10px}
.pay-info .feedback-box:after{display:block;visibility:hidden;clear:both;content:""}
.pay-info .feedback-box label{display:block;float:left;width:50%;font-weight:normal;margin:5px 0}
.pay-info .btn-order{width:100%;padding:10px 0}
.pay-info li strong{font-size:1.183em}
#order .alert-success{margin:0 0 10px}
#show_pay_btn{margin:0 15px;display:block}

@media (max-width:991px){
    .info-wr{margin:10px 0}
}

/*주문상세내역*/
#order-result h3{border:0;margin:0}
#order-result .prd-list{margin:10px 0}
#order-result .prd-list>li{border:1px solid #e6e6e6;position:relative;padding:10px;margin:10px 0;
-webkit-box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1);
-moz-box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1);
box-shadow:0px 2px 5px -2px rgba(0,0,0,0.1)
}
#order-result .prd-list>li:after{display:block;visibility:hidden;clear:both;content:""}
#order-result .prd-info{padding-left:80px;min-height:70px}
#order-result .prd-list .prd-img{position:absolute;top:0;left:0}
#order-result .cmall-options li{margin:3px 0}
#order-result .credit{margin-top:40px }
#order-result .ord-info table{margin:10px 0 0}
#order-result .ord-info table td {border-top:0}
#order-result .ord-info table th{border-top:0;width:80px;padding-left:0;font-weight:normal}
#order-result .cmall-options .btn-warning{cursor:default}

@media (max-width:991px){
    #order-result .pay-info{margin:20px 0}
    .prd-list .prd-price{padding:10px 0 0 ;border-top:1px solid #eee;margin-top:10px}
    #order-result .prd-list>li{padding:15px;margin:15px 0}
    #order-result .credit{margin-top:20px }
}

/*주문내역관리*/
#orderlist{position:relative}
#orderlist h3{border:0;margin:0}
#orderlist .list-total{position:absolute;top:0;right:0;border-radius:5px;background:#d9ecf9;color:#348fe2;font-size:0.92em;padding:7px 10px}
#orderlist table{border-top:2px solid #000;border-bottom:1px solid #ddd;margin:10px 0}
#orderlist table .btn{width:70px;cursor:default}
#orderlist table th{vertical-align:middle}
#orderlist table td{vertical-align:middle}
#orderlist table .date{font-size:0.92em;color:#777}
#orderlist .text-danger{color:#ef3e77}
#orderlist .table-responsive{border:0}

@media (max-width:991px){
    #orderlist table .btn{display:block;margin:0 0 5px}
    #orderlist table .date{display:block;}
}

/*위시리스트*/
#wish-list h3{border:0;margin:0}
#wish-list ul{margin:10px 0}
#wish-list li {text-align:center;margin:0 0 20px}
#wish-list li img{max-width:100%;height:auto}
#wish-list .prd-tit{font-weight:bold;display:block;margin:5px 0;font-size:1.083em }
#wish-list .prd-date{display:block;margin:5px 0;font-size:0.92em;color:#777}
#wish-list .btn{border:1px solid #ccc;color:#777;background:none}
#wish-list .btn:hover{background:#f3f3f3;color:#333}

@media (max-width:450px){
    #wish-list .row{margin-right:-10px;margin-left:-10px}
    #wish-list li{padding:10px}
}




.place_ {background:#e5e5e5 url(/uploads/images/ganpan/place_back.png) center center no-repeat;height:800px;letter-spacing:-1px;}
.place_ .container {padding:250px 0;}
.place_ .container > h3 {font-size:40px;line-height:50px;font-weight:300;}
.place_ .container > h3 .b1 {color:#30abcd}
.place_ .container > h3 .b2 {color:#3088cd}
.place_ .container > .half-line {margin:39px 0;height:2px;width:450px;background:#000;}
.place_ .container > b {font-size:25px;line-height:40px;}
.place_ .container > p {font-size:25px;line-height:40px;}
.place_ .container > p img {height:28px;margin-right:5px;}
	
@media (max-width:768px){
	.place_ {height:75vh;background-position:right bottom 5vh;background-size:auto 57vw;}	
	.place_ .container {padding:10vw 5vw;}
	.place_ .container > .half-line {margin:5vw 0;width:65vw;}
	.place_ .container b {font-weight:800;}
	.place_ .container > h3 {font-size:23px;line-height:40px;}
	.place_ .container > b {font-size:16px;line-height:30px;}
	.place_ .container > p {font-size:16px;line-height:30px;}
}