﻿@font-face { font-family: 'NotoSansCJKkr-Regular'; src: url(../font/NotoSansCJKkr-Regular.otf) format('truetype'); }
*{font-family: 'NotoSansCJKkr-Regular'!important}

input{outline:none;}
button{outline:none;}
select{outline:none;}

/* search_sch0409.asp start */
.clearboth{*zoom:1;}
.clearboth:after{content: "";display: block;clear: both;}

/* .search-new-wrap sch-input-custom input ckbox custom */
.search-new-wrap .sch-input-custom {display: inline-block;position: relative;cursor: pointer;font-size: 12px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none;margin:0 auto;color:#a3a3a3;font-size:13px;border-right:1px solid #e5e5e5;height:25px;
padding:0px 25px 0 27px;line-height:25px;}
.search-new-wrap .sch-input-custom input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.search-new-wrap .sch-input-custom .checkmark {position: absolute;top: 4px;left: -2px;height: 16px;width: 16px;background-color: #fff;border:1px solid #e5e5e5;border-radius:2px;}
.search-new-wrap .sch-input-custom:hover input ~ .checkmark {background-color: #fff;}
.search-new-wrap .sch-input-custom input:checked ~ .checkmark {background-color: #fff;}
.search-new-wrap .sch-input-custom .checkmark:after {content: "";position: absolute;display: none;}
.search-new-wrap .sch-input-custom input:checked ~ .checkmark:after {display: block;}
.search-new-wrap .sch-input-custom .checkmark:after {left: 4px;top: 2px;width: 5px;height: 7px;border:1px solid #777777;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);transform: rotate(45deg);}

.search-new-wrap{width:636px;border:4px solid #3f3735;position:relative;margin:40px auto 0;height:65px;box-sizing:border-box;padding:16px 20px 19px 20px;}
.search-new-wrap .pc-search-btn-img{position:absolute;top: 0;right: 0px;width:61px;height:57px;background:0;border:0;cursor:pointer;outline:none;padding:0;border-radius:0;}
.search-new-wrap .pc-search-btn-img:focus{padding: 0;}
.search-new-wrap .pc-search-btn-img:active{padding: 0;}
.search-new-wrap .pc-search-btn-img span{position:relative;width:61px;height:57px;display:inline-block;}

.search-new-wrap .pc-search-btn-img img{width:100%;}
.search-new-wrap .dis-inline-block{display:inline-block;float:left;position:relative;z-index:2;}
.search-new-wrap .dis-inline-block input{height:25px;border:0;width:400px;display:inline-block;padding:0 20px;color:#3c3c3c;font-size:17px;outline:none;padding-bottom:4px;}
.search-new-wrap .dis-inline-block input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color:#3c3c3c;}
.search-new-wrap .dis-inline-block input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#3c3c3c;}
.search-new-wrap .dis-inline-block input::-ms-input-placeholder { /* Microsoft Edge */color:#3c3c3c;}
.search-new-wrap .dis-inline-block .Relation-sword-wrap.dis-none{display:none;}
.search-new-wrap .dis-inline-block .Relation-sword-wrap{width:414px;position:absolute;top:43px;left:-1px;border:1px solid #3c3c3c;background:#fff;z-index:3;}
.search-new-wrap .dis-inline-block .Relation-sword-wrap ul {padding:0;margin:0;}
.search-new-wrap .dis-inline-block .Relation-sword-wrap ul li{padding:5px;text-align:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search-new-wrap .dis-inline-block .Relation-sword-wrap ul li:hover{background:#eee;}
.search-new-wrap .dis-inline-block .Relation-sword-wrap ul li a{color:#3c3c3c;font-size:13px;text-decoration:none;}
.search-new-wrap .dis-inline-block .Relation-sword-wrap ul li a span{color:#d73356;font-weight:bold;}	

.Relation-sword-box{width:100%;margin:19px auto 49px;text-align:center;max-height:80px;overflow:hidden;padding: 5px 0;}
.Relation-sword-box ul{margin:0;padding:0;display:inline-block;}
.Relation-sword-box ul li{margin:4px 5px;list-style:none;display:inline-block;}
.Relation-sword-box ul li a{display:inline-block;padding:7px 17px 6px;border:1px solid #d7284f;color:#d7284f;font-size:13px;border-radius:20px;text-decoration:none;}
.Relation-sword-box ul li a:hover{background:#d7284f;color:#fff;}

.pos-r{position:relative;}
.search-option-select-box{position:absolute;top:-41px;right:0;width:162px;height:35px;border:1px solid #e5e5e5;border-radius:2px;color:#777777;font-size:13px;padding:0 13px;
background:url('/images/button/20200416/select_icon.png') 92% 50% no-repeat;}
.search-option-select-box {-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */appearance:none;}

#resultCount td b{color:#d2163f!important;font-size:14px!important;font-weight:bold!important;}
#resultCount td{color:#8d8d8d!important;font-size:14px!important;letter-spacing: -0.8px;}

.pdcss{padding-bottom:11px;}

.search-normal-css h2{font-size:17px;color:#3c3c3a;padding:0;margin:30px 0 13px 0;}
.search-normal-css h2 b{font-size:17px;color:#3c3c3a;padding:0;margin:0;vertical-align: middle;}
.search-normal-css h2 span{width: 3px;height: 16px;margin-right:3px;vertical-align: middle;}

.product-td-box{padding: 0 20px 30px;vertical-align: middle;}
.product-td-box a.product-link-fontcss{font-size:17px;color:#3c3c3a;display:inline-block;margin-bottom:30px;}
.product-td-box a.product-link-fontcss:hover{font-size:17px;color:#3c3c3a;}
.product-td-box .new-price-box{font-size:20px;color:#555555;font-weight:bold;}
.product-td-box .new-price-box span{}
.search-right-delivery-price-box{font-size:14px;color:#777777;text-align:left;border-left:1px solid #e4e4e4;display:inline-block;padding:20px 40px 80px;width:220px;line-height:25px;}

#searchPage .pt40{padding-top:40px;}
#searchPage a{color:#d21c42;font-size:15px;color:#777777;width:33px;height:27px;text-align:center;text-decoration:none;display: table-cell;vertical-align: middle;}
#searchPage span{display: table-cell;vertical-align: middle;width:40px;height:27px;}
.page_select{color:#d21c42;font-size:14px;}

.cmoney{color:#d1173e;font-size:14px;padding:5px 0;}
/* search_sch0409.asp end */


/* topmenu_sch0409.asp start */
#ui-id-1{width: 450px!important;top: 160px!important;padding:18px 23px;box-sizing:border-box;border:1px solid #3f3735;position:absolute;left:50%!important;margin-left:-234.5px;
z-index:9999;}
.ui-menu .ui-menu-item{padding:0;}
.ui-menu .ui-menu-item-wrapper{font-size:13px;color:#3c3c3a;padding:5px!important;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;letter-spacing: 0px;}
.ui-menu .ui-menu-item-wrapper .sword-color{color:#d21c42;font-size:13px;}

.main-search-input-css{width:380px; height:20px; border:0;background:#fff; FONT-SIZE: 13px; padding-top:2px;color:#3f3735; margin-left:12px;outline:none;}
.main-search-input-css::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color:#a3a3a3;}
.main-search-input-css:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#a3a3a3;}
.main-search-input-css::-ms-input-placeholder { /* Microsoft Edge */color:#a3a3a3;}

.main-search-input-css:focus::placeholder{ /* WebKit browsers */ color:transparent; }
.main-search-input-css:focus::-webkit-input-placeholder{ /* WebKit browsers */ color:transparent; }
.main-search-input-css:focus:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:transparent; }
.main-search-input-css:focus:-ms-input-placeholder{ /* Internet Explorer 10+ */ color:transparent; }

.popularity-search-wrap{padding:0;margin:0;width:245px;position:absolute;z-index:2;box-sizing:border-box;border-bottom:4px solid #3f3734;background:#fff;right:0;}
.popularity-search-wrap .swiper-container-popularity{height:40px;overflow:hidden;box-sizing:border-box;}
.popularity-search-wrap .swiper-container-popularity .swiper-wrapper{height:inherit;}
.popularity-search-wrap .swiper-slide{line-height:40px;text-align:left;padding: 0 16px 0 24px;height:inherit;}
.popularity-search-wrap .swiper-slide a{width:185px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display:inline-block;color:#3c3c3c;text-decoration:none;
font-size:14px;font-weight:600;}
.popularity-search-wrap .swiper-slide a span{color:#d73358;font-weight:bold;padding-right:24px;font-size:14px;}
.popularity-search-wrap .swiper-slide a:hover{color:#d73358;}
.popularity-search-wrap .open-btn{position:absolute;top:4px;right:-6px;z-index:4;background:none;height:40px;cursor:pointer;border:0;width:40px;outline:none;}	
.popularity-search-wrap .popularity-list-wrap{position:absolute;top:43px;left:0;width:100%;padding:4px 18px 12px;border:1px solid #3f3734;box-sizing:border-box;background:#fff;max-height:430px;overflow:hidden;}
.popularity-search-wrap .popularity-list-wrap ul{padding:0;margin:0;}
.popularity-search-wrap .popularity-list-wrap ul li{text-align:left;list-style:none;padding-top:13px;}
.popularity-search-wrap .popularity-list-wrap ul li a{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display:inline-block;color:#3c3c3c;text-decoration:none;font-size:14px;font-weight: 600;}
.popularity-search-wrap .popularity-list-wrap ul li a:hover{color:#d73358;}
.popularity-search-wrap .popularity-list-wrap ul li a span{color:#d73358;font-weight:bold;padding-right:15px;font-size:14px;width:20px;text-align:center;display: inline-block;}
.popularity-search-wrap .dis-none{display:none;}
.popularity-search-wrap .popularity-list-wrap .popularity-list-wrap-title{border-bottom:1px solid #ededed;color:#a4a4a4;padding:10px 3px;text-align:left;font-size:14px;}
/* topmenu_sch0409.asp end */

/* 제이쿼리 ui 색상 */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: none!important;
background: #f2f2f2!important;
font-weight: normal;
color: #3c3c3a!important;
box-sizing:border-box;
margin:0!important;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {border: #003eff;background-color: #ffffff;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {color: #3c3c3a!important;text-decoration: none;}

.ui-state-focus,
.ui-widget-content .ui-state-focus
,.ui-widget-header .ui-state-focus {
	border: none;
	background: #f2f2f2!important;
	font-weight: normal;
	color: #3c3c3a!important;
	margin:0!important;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #3c3c3a!important;
	text-decoration: none;
}

/* 2020 06 08 start web_keywordt searcht */
.search-normal-css h2 span{width: 3px;height: 16px;background: #d4173f;display: inline-block;vertical-align: middle;margin-right: 6px;margin-top: 2px;}
.search-normal-css h2 b{font-size: 16px;color: #3c3c3a;display: inline-block;vertical-align: middle;font-weight: bold;}

/* 가로형 css start */
.horizontal-search-field{position:relative;box-sizing:border-box;margin-bottom:0;}
.horizontal-search-field ul{margin:0;padding:0;}
.horizontal-search-field ul li {float:left;list-style:none;width:20%;box-sizing:border-box;padding:10px;}
.horizontal-search-field ul li .ad-product-field{padding:15px;box-sizing:border-box;min-height:360px;}
.horizontal-search-field ul li .ad-product-field:hover{box-shadow: 0 3px 8px rgba(0,0,0,0.1);cursor:pointer;}
.horizontal-search-field ul li .ad-product-field .ad-product-field-img{height:170px;width:100%;box-sizing:border-box;}
.horizontal-search-field ul li .ad-product-field .ad-product-field-img img{width:100%;height:100%;box-sizing:border-box;}
.horizontal-search-field ul li .ad-product-field .ad-product-field-info-box{box-sizing:border-box;margin-top:20px;}
.horizontal-search-field ul li .ad-product-field .ad-product-field-info-box .ad-product-field-name a{color:#777777;font-size:13px;display:inline-block;margin-bottom:10px;max-height:60px;overflow:hidden;}
.horizontal-search-field ul li .ad-product-field .ad-product-field-info-box .ad-product-field-price{color:#555555;font-size:17px;font-weight:bold;}
.horizontal-search-field ul li .ad-product-field .ad-product-field-info-box .ad-product-field-etc{font-size: 14px;color: #d1173e;padding: 0;font-weight:bold;}
.horizontal-search-field ul li .ad-product-field .ad-product-field-right-box{color:#d1173e;font-size:14px;font-weight:bold;display:none;}
.horizontal-search-field h2::after{content:'AD';width:21px;height:14px;color:#fff;background:#aaaaaa;font-size:11px;text-align:center;line-height:14px;display:inline-block;margin-left:8px;}

.horizontal-search-field ul li .ad-product-field .ad-product-field-info-box .ad-product-field-name{height:67px;overflow:hidden;}
/* 가로형 css end */

/* 세로형 css start */
.vertical-search-field{position:relative;margin: 10px 0;box-sizing:border-box;margin-bottom:45px;}
.vertical-search-field ul{margin:0;padding:0;}
.vertical-search-field h2{border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:0px;}
.vertical-search-field ul li {float:left;list-style:none;width:100%;box-sizing:border-box;border-bottom:1px solid #e4e4e4;}
.vertical-search-field ul li .ad-product-field{box-sizing:border-box;padding:20px 0;position:relative;}
.vertical-search-field ul li .ad-product-field .ad-product-field-img{height:150px;width:150px;float:left;margin-left:13px;}
.vertical-search-field ul li .ad-product-field .ad-product-field-img img{width:100%;height:100%;box-sizing:border-box;}
.vertical-search-field ul li .ad-product-field .ad-product-field-info-box{width:576px;float:left;padding:22px 30px;}
.vertical-search-field ul li .ad-product-field .ad-product-field-info-box .ad-product-field-name a{font-size: 17px;color: #3c3c3a;margin-bottom:30px;display:inline-block;}
.vertical-search-field ul li .ad-product-field .ad-product-field-info-box .ad-product-field-price{font-size: 20px;color: #3c3c3a;font-weight: bold;}
.vertical-search-field ul li .ad-product-field .ad-product-field-right-box{font-size: 14px;color: #777777;text-align: left;
    border-left: 1px solid #e4e4e4;display: inline-block;padding: 20px 0 80px 40px;line-height: 25px;float:left;max-width: 220px;box-sizing: border-box;
    min-height: 150px;/* display:none */}
.vertical-search-field ul li .ad-product-field .ad-product-field-info-box .ad-product-field-etc{color:#d1173e;font-size:14px;font-weight:bold;}
.vertical-search-field h2::after{content:'AD';width:21px;height:14px;color:#fff;background:#aaaaaa;font-size:11px;text-align:center;line-height:14px;display:inline-block;margin-left:8px;}
/* 세로형 css end */

/* 2020 06 08 end web_keywordt searcht */

.max-count-info{position: absolute;top: 6px;right: -120px;}


/* 2021 11 29 */
.board_write_sket.order-finish-table-css{width:100%;}
.board_write_sket.order-finish-table-css th{background:#F8F8F8;text-align:left;padding:20px;}
.board_write_sket.order-finish-table-css td{padding:20px;}

.order-add-ment{display:inline-block;;font-size:17px;color:#3f3735;padding:0;box-sizing:border-box;text-align:left;font-weight:normal;line-height: 30px;width: 600px;background: #fff;word-spacing: -1px;}
.order-add-ment .inner{border:1px solid #c3c1c1;border-radius:10px;padding:10px 10px 10px 60px;background:url('/images/banner/20211026/pc_ment_icon_1.jpg') 20px 35% no-repeat;position:relative;}
.order-add-ment .inner::before{content:"";background:url('/images/banner/20211026/pc_ment_icon_2.jpg') 0 0% no-repeat;position:absolute;top:50%;left:-23px;margin-top:-11.5px;width:23px;height:28px;display:inline-block;}
.order-add-ment .color-g{color:#d3163e;}
.order-add-ment .color-y{color:#f3aa03;}

.qrOrder {overflow:hidden; float:left; width:30%; height:191px; padding:20px; border:1px solid #ccc; box-sizing:border-box;}
.timeAble {overflow:hidden; position:relative; width:68%; height:191px; padding:20px; border:1px solid #ccc; box-sizing:border-box;margin:10px 0;}
.qrOrder, .timeAble p strong {font-size:16px;}
.timeAble .timeTxt {float:left; width:40%;}
.timeAble .timeCount {position:absolute; top:53px; right:0; height:67px; width:60%; text-align:center;}
.timeAble .timeCount > div {}

/* 2022 08 23 pc 탈퇴페이지 이미지 수정 */
.new-pc-secession-text-box{background:#F7F7F7;padding:27px;box-sizing:border-box;text-align:left;margin-top:20px;}
.new-pc-secession-text-box div{margin-bottom:10px;}
.new-pc-secession-text-box div img{display:inline-block;vertical-align:middle;}
.new-pc-secession-text-box div strong{display:inline-block;vertical-align:middle;font-size:15px;color:#D11D42;margin-left:10px;}
.new-pc-secession-text-box span{font-size:13px;color:#D11D42;}
.new-pc-secession-text-box span.fc-g{color:#919191;}