/*============
FONT
============*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

.font_en {font-family: 'Source Serif Pro','noto sans kr', '맑은고딕', sans-serif;}

/*============
common
============*/
html {overflow-x:hidden;}
body {font-size:16px; letter-spacing:-0.3px;}
input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="search"] {-webkit-appearance:none;}
	input::placeholder {color:#8c8c8c;}
	input::-webkit-input-placeholder {color:#8c8c8c;}
	input:-ms-input-placeholder {color:#8c8c8c;}
	input[type=text]:focus, input[type=password]:focus, textarea:focus { border-color:#ccc;}

textarea::placeholder {color:#8c8c8c;}
	textarea::-webkit-input-placeholder {color:#8c8c8c;}
	textarea::-ms-input-placeholder {color:#8c8c8c;}

.listdown {font-size:16px; color:gray; margin-left:5px;}

.pconly {display:inline-block;}
.pconly2 {display:block;}
.mobonly {display:none;}
.mobonly2 {display:none;}

.text-right {text-align:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}

.fs-08 {font-size:.8rem;} 
.fs-084 {font-size:.84rem;}
.fs-09 {font-size:.9rem;}
.fs-1 {font-size:1rem;}
.fs-11 {font-size:1.1rem;}
.fs-12 {font-size:1.2rem;}
.fs-13 {font-size:1.3rem;}
.fs-14 {font-size:1.4rem;}
.fs-15 {font-size:1.5rem;}
.fs-16 {font-size:1.6rem;}

.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-30 {margin-top:30px;}

.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}

.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-25 {padding-top:25px !important;}
.pt-30 {padding-top:30px !important;}
.pt-40 {padding-top:40px !important;}
.pt-50 {padding-top:50px !important;}
.pt-60 {padding-top:60px !important;}
.pt-70 {padding-top:70px !important;}
.pt-80 {padding-top:80px !important;}
.pt-90 {padding-top:90px !important;}
.pt-100 {padding-top:100px !important;}

.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-25 {padding-bottom:25px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px !important;}
.pb-50 {padding-bottom:50px !important;}
.pb-60 {padding-bottom:60px !important;}
.pb-70 {padding-bottom:70px !important;}
.pb-80 {padding-bottom:80px !important;}
.pb-90 {padding-bottom:90px !important;}
.pb-100 {padding-bottom:100px !important;}


.mt-1-rem {margin-top:1rem;}
.mt-2-rem {margin-top:2rem;}
.mt-3-rem {margin-top:3rem;}
.mt-4-rem {margin-top:4rem;}
.mt-5-rem {margin-top:5rem;}
.mt-6-rem {margin-top:6rem;}
.mt-7-rem {margin-top:7rem;}
.mt-8-rem {margin-top:8rem;}
.mt-9-rem {margin-top:9rem;}

.mb-1-rem {margin-bottom:1rem;}
.mb-2-rem {margin-bottom:2rem;}
.mb-3-rem {margin-bottom:3rem;}
.mb-4-rem {margin-bottom:4rem;}
.mb-5-rem {margin-bottom:5rem;}
.mb-6-rem {margin-bottom:6rem;}
.mb-7-rem {margin-bottom:7rem;}
.mb-8-rem {margin-bottom:8rem;}
.mb-9-rem {margin-bottom:9rem;}
.mb-10-rem {margin-bottom:10rem;}
.mb-11-rem {margin-bottom:11rem;}
.mb-12-rem {margin-bottom:12rem;}
.mb-13-rem {margin-bottom:13rem;}
.mb-14-rem {margin-bottom:14rem;}
.mb-15-rem {margin-bottom:15rem;}
.mb-16-rem {margin-bottom:16rem;}
.mb-17-rem {margin-bottom:17rem;}
.mb-18-rem {margin-bottom:18rem;}
.mb-19-rem {margin-bottom:19rem;}
.mb-20-rem {margin-bottom:20rem;}
.mb-21-rem {margin-bottom:21rem;}
.mb-22-rem {margin-bottom:22rem;}

.ml-1-rem {margin-left:1rem;}
.ml-2-rem {margin-left:2rem;}
.ml-3-rem {margin-left:3rem;}
.ml-4-rem {margin-left:4rem;}
.ml-5-rem {margin-left:5rem;}
.ml-6-rem {margin-left:6rem;}
.ml-7-rem {margin-left:7rem;}
.ml-8-rem {margin-left:8rem;}
.ml-9-rem {margin-left:9rem;}

.mr-1-rem {margin-right:1rem;}
.mr-2-rem {margin-right:2rem;}
.mr-3-rem {margin-right:3rem;}
.mr-4-rem {margin-right:4rem;}
.mr-5-rem {margin-right:5rem;}
.mr-6-rem {margin-right:6rem;}
.mr-7-rem {margin-right:7rem;}
.mr-8-rem {margin-right:8rem;}
.mr-9-rem {margin-right:9rem;}

.mtb-1-rem {margin:1rem 0;}
.mtb-2-rem {margin:2rem 0;}
.mtb-3-rem {margin:3rem 0;}
.mtb-4-rem {margin:4rem 0;}
.mtb-5-rem {margin:5rem 0;}
.mtb-6-rem {margin:6rem 0;}
.mtb-7-rem {margin:7rem 0;}
.mtb-8-rem {margin:8rem 0;}
.mtb-9-rem {margin:9rem 0;}

.margin-1-rem {margin:1rem;}
.margin-2-rem {margin:2rem;}
.margin-3-rem {margin:3rem;}
.margin-4-rem {margin:4rem;}
.margin-5-rem {margin:5rem;}
.margin-6-rem {margin:6rem;}
.margin-7-rem {margin:7rem;}
.margin-8-rem {margin:8rem;}
.margin-9-rem {margin:9rem;}

.pt-1-rem {padding-top:1rem;}
.pt-2-rem {padding-top:2rem;}
.pt-3-rem {padding-top:3rem;}
.pt-4-rem {padding-top:4rem;}
.pt-5-rem {padding-top:5rem;}
.pt-6-rem {padding-top:6rem;}
.pt-7-rem {padding-top:7rem;}
.pt-8-rem {padding-top:8rem;}
.pt-9-rem {padding-top:9rem;}

.pb-1-rem {padding-bottom:1rem;}
.pb-2-rem {padding-bottom:2rem;}
.pb-3-rem {padding-bottom:3rem;}
.pb-4-rem {padding-bottom:4rem;}
.pb-5-rem {padding-bottom:5rem;}
.pb-6-rem {padding-bottom:6rem;}
.pb-7-rem {padding-bottom:7rem;}
.pb-8-rem {padding-bottom:8rem;}
.pb-9-rem {padding-bottom:9rem;}

.pr-1-rem {padding-right:1rem;}
.pr-2-rem {padding-right:2rem;}
.pr-3-rem {padding-right:3rem;}
.pr-4-rem {padding-right:4rem;}
.pr-5-rem {padding-right:5rem;}
.pr-6-rem {padding-right:6rem;}
.pr-7-rem {padding-right:7rem;}
.pr-8-rem {padding-right:8rem;}
.pr-9-rem {padding-right:9rem;}

.pl-1-rem {padding-left:1rem;}
.pl-2-rem {padding-left:2rem;}
.pl-3-rem {padding-left:3rem;}
.pl-4-rem {padding-left:4rem;}
.pl-5-rem {padding-left:5rem;}
.pl-6-rem {padding-left:6rem;}
.pl-7-rem {padding-left:7rem;}
.pl-8-rem {padding-left:8rem;}
.pl-9-rem {padding-left:9rem;}

.ptb-1-rem {padding:1rem 0;}
.ptb-2-rem {padding:2rem 0;}
.ptb-3-rem {padding:3rem 0;}
.ptb-4-rem {padding:4rem 0;}
.ptb-5-rem {padding:5rem 0;}
.ptb-6-rem {padding:6rem 0;}
.ptb-7-rem {padding:7rem 0;}
.ptb-8-rem {padding:8rem 0;}
.ptb-9-rem {padding:9rem 0;}
.ptb-10-rem {padding:10rem 0;}
.ptb-11-rem {padding:11rem 0;}
.ptb-12-rem {padding:12rem 0;}
.ptb-13-rem {padding:13rem 0;}
.ptb-14-rem {padding:14rem 0;}
.ptb-15-rem {padding:15rem 0;}
.ptb-16-rem {padding:16rem 0;}
.ptb-17-rem {padding:17rem 0;}
.ptb-18-rem {padding:18rem 0;}
.ptb-19-rem {padding:19rem 0;}

.padding-1-rem {padding:1rem;}
.padding-2-rem {padding:2rem;}
.padding-3-rem {padding:3rem;}
.padding-4-rem {padding:4rem;}
.padding-5-rem {padding:5rem;}
.padding-6-rem {padding:6rem;}
.padding-7-rem {padding:7rem;}
.padding-8-rem {padding:8rem;}
.padding-9-rem {padding:9rem;}

.fl-left {float:left;}
.fl-right {float:right;}
.w-100 {width:100%;}

.bg-light-gray {background:#f7f7f7;}
.bg-dark-gray {background:#111;}

.font-big-large {font-size:3.2rem;}
.font-extra-large {font-size:2.5rem;}
.font-large {font-size:2rem; line-height:3.6;}
.font-medium-large {font-size:1.7rem;}
.font-small-large {font-size:1.2rem; line-height:1.8;}
.font-mini-large {font-size:1.1rem; line-height:2;}
.font-normal {font-size:1rem;}
.font-small {font-size:0.94rem;}
.font-extra-small {font-size:0.8rem;}

.font-white {color:#fff;}
.font-black {color:#000;}
.font-gray {color:#666;}
.font-light-gray {color:#fafafa;}

figure {padding:0; margin:0; position:relative;}
figcaption {position:absolute; bottom:30px; z-index:10; left:50%; transform:translate(-50%,0); font-size:15px; font-weight:500; width:100%; text-align:center;}

.bracket {font-family:'noto sans kr'; }

.col-1 {float:left; width:100%;}
	.col-1 .one {float:left; width:100%; margin-bottom:1%;}

.col-2 {float:left; width:100%;}
	.col-2 .one {float:left; width:49.5%; margin-right:1%; margin-bottom:1%;}
	.col-2 .one:nth-child(2n) {margin-right:0;}

.col-3 {float:left; width:100%;}
	.col-3 .one {float:left; width:32.6%; margin-right:1%; margin-bottom:1%;}
	.col-3 .one:nth-child(3n) {margin-right:0;}

.col-4 {float:left; width:100%;}
	.col-4 .one {float:left; width:24.25%; margin-right:1%; margin-bottom:1%;}
	.col-4 .one:nth-child(4n) {margin-right:0;}


.styletbl {float:left; width:100%; border:2px solid #202020; border-left:0; border-right:0; font-size:1.04rem;}
	.styletbl th, .styletbl td {border-bottom:1px solid #ddd; padding:15px 0;}
	.styletbl tr:last-child th, .styletbl tr:last-child td {border-bottom:0;}
	.styletbl th {background:#f8fafb; text-align:center; min-width:250px; font-weight:500; color:#3f404a;}
	.styletbl td {padding-left:20px; font-weight:300;}

.layout_btn1 {background-color:transparent; color:#333; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn1:hover {background:#333; color:#fff; transition:all 0.5s;}

.all_title {display:block; float:left; width:100%;margin-bottom:70px; text-align:center; font-size:2.1rem; font-weight:600; color:#131313; background:#fff; font-family:'Source serif pro', serif;}
.t_center {text-align:center;}
.mb_30 {margin-bottom:30px;}

/*
#hd_pop:before {content:''; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10000;}
*/
#hd_pop {position:relative; margin:0 auto; width:100%; height:300px; z-index:10001;}
.hd_pops:before {z-index:-1; background:rgba(0,0,0,0.8);}
.hd_pops {position:fixed; width:100%; z-index:9999;}
.hd_pops_con {background:#fff;}
.hd_pops_footer {float:left;  padding:10px !important; background:#d2d2d2 !important;}
.hd_pops_footer .hd_pops_reject {float:left; background:none !important; font-size:15px; font-weight:normal; color:gray;}
.hd_pops_footer strong {font-weight:normal !important; font-size:15px;}
.hd_pops_footer .hd_pops_close {float:right; background:none !important; font-size:15px; font-weight:normal; color:gray;}



/*============
editor
============*/
.tui-editor-defaultUI .te-switch-button.markdown {display:none !important;}
.tui-editor-contents {font-size:16px !important;}
.tui-editor-defaultUI .te-mode-switch-section {display:none !important;}
.cke_sc {display:none;}

/*============
file
============*/

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding: .5em .75em;
	color: #fff;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #202020;
	cursor: pointer;
	border: 1px solid #202020;
}

/*============
named upload 
============*/
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.filebox.bs3-primary label {
  color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

/*============
checkbox
============*/
 input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  float:left;
  width: 0px;
  height: 0px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
  -webkit-appearance:none;
}
 input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
 input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 20px;  /* 체크박스의 너비를 지정 */
  height: 20px;  /* 체크박스의 높이를 지정 */
  line-height: 18px; /* 세로정렬을 위해 높이값과 일치 */
  margin: 0 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  border: 1px solid #cacece;
  border-radius : 100%;
}
 input[type="checkbox"] + label:hover:before {
  border-color:#202020;
 }
 input[type="checkbox"] + label:active:before,
 input[type="checkbox"]:checked + label:active:before {
  background:#202020;
}

 input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\f00c';  /* 체크표시 유니코드 사용 */
  font-family:FontAwesome;
  color: #fff;
  background: #202020;
  border-color: #202020;
  font-size:12px;
}

@keyframes chk_effect {
    0% { opacity:0; }
    100% { opacity:0.1; }
}
@-webkit-keyframes chk_effect {
    0% { opacity:0; }
    100% { opacity:0.1; }
}
@-moz-keyframes chk_effect {
    0% { opacity:0; }
    100% { opacity:0.1; }
}
@-ms-keyframes chk_effect {
    0% { opacity:0; }
    100% { opacity:0.1; }
}

/*============
radio
============*/
 input[type="radio"] {  /* 실제 체크박스는 화면에서 숨김 */
  float:left;
  width: 0px;
  height: 0px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
 input[type="radio"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
 input[type="radio"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 20px;  /* 체크박스의 너비를 지정 */
  height: 20px;  /* 체크박스의 높이를 지정 */
  line-height: 18px; /* 세로정렬을 위해 높이값과 일치 */
  margin: 0 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  border: 1px solid #cacece;
  border-radius : 100%;
}
 input[type="radio"] + label:hover:before {
  border-color:#202020;
 }
 input[type="radio"] + label:active:before,
 input[type="radio"]:checked + label:active:before {
  background:#202020;
}

 input[type="radio"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\f00c';  /* 체크표시 유니코드 사용 */
  font-family:FontAwesome;
  color: #fff;
  background: #202020;
  border-color: #202020;
  font-size:12px;
}

/*============
tooltip
============*/
[data-tooltip] {
  position: relative;
  z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px);
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 3px 5px;
  min-width: 45px;
  max-width: 300px;
  width: max-content;
  width: -moz-max-content;
  border-radius: 0;
  font-size: 12px;
  letter-spacing:0;
/*   font-size: 0.73rem; */
  background-color: rgba(0,0,0, 0.9);
  letter-spacing:0;
  background-image: linear-gradient(30deg,
    rgba(59, 72, 80, 0.44),
    rgba(59, 68, 75, 0.44),
    rgba(60, 82, 88, 0.44));
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: '';
  border-style: solid;
  border-width: 5px 5px 0px 5px;
  border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
  transition-duration: 0s; /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
  transform-origin: top;   /* Orientation setting for the
                              slide-down effect */
  transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
  transition-delay: 0.3s;
  transform: translate(-50%, -5px) scale(1);
}
/* Slide down effect only on mouseenter (NOT on mouseleave) */
[data-tooltip]:hover:after {
  transition-delay: 0.5s; /* Starting after the grow effect */
  transition-duration: 0.2s;
  transform: translateX(-50%) scaleY(1);
}

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
  left: auto;
  right: calc(100% + 5px);
  bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
  transform: translate(-5px, 50%) scale(0.5);
}
[data-tooltip-location="left"]:hover:before {
  transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
  transform-origin: left;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="left"]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
  left: calc(100% + 5px);
  bottom: 50%;
}

[data-tooltip-location="right"]:before {
  transform: translate(5px, 50%) scale(0.5);
}
[data-tooltip-location="right"]:hover:before {
  transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
  border-width: 5px 5px 5px 0px;
  border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="right"]:hover:after {
  transform: translateY(50%) scaleX(1);
}

/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
  top: calc(100% + 5px);
  bottom: auto;
}

[data-tooltip-location="bottom"]:before {
  transform: translate(-50%, 5px) scale(0.5);
}
[data-tooltip-location="bottom"]:hover:before {
  transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
  transform-origin: bottom;
}

[data-tooltip-type="always_left"]:before {
  visibility: visible !important;
  opacity:1 !important;
  transform: translate(-5px, 50%) scale(1) !important;
}
[data-tooltip-type="always_left"]:after {
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.9);
  transform-origin: left;
  transform: translateY(50%) scaleX(1) !important;
  visibility: visible !important;
  opacity:1 !important;
}
[data-tooltip-type="always_left"]:before, [data-tooltip-type="always_left"]:after{
  right:calc(100% + 10px);
}

[data-tooltip-type="always_bot"]:before {
  visibility: visible !important;
  opacity:1 !important;
    transform: translate(-50%, 5px) scale(1) !important;
}
[data-tooltip-type="always_bot"]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(0,0,0, 0.9) transparent;
  transform-origin: bottom;
 transform: translate(-50%,0) scale(1) !important;
  visibility: visible !important;
  opacity:1 !important;
}

.tooltip {  display: inline-block;  position:relative;}
.tooltip-text {  display: none;  position: absolute;  word-break:keep-all;  border: 1px solid;  border-radius: 5px;  padding: 0 15px 0 10px;  font-size: 12px;  top:30px;  left:50%;  transform:translate(-55%,0);  color: #6a6a6a;  height:30px;  line-height:30px;  background: #f1f1f1;  border:0;}
.tooltip-text:after {  content:'';  bottom: 100%;  left: 200px;  margin-left: -5px;  border-color: transparent transparent black transparent;}
.tooltip:hover .tooltip-text {  display: block;}

@media (max-width:1200px) {
	.tooltip-text {display:none !important;}
}

/*============
captcha
============*/
#captcha #captcha_key {border-radius:0; margin-right:3px;}
#captcha #captcha_mp3, #captcha #captcha_reload {border-radius:0;}
#captcha #captcha_info {font-size:13px; color:#b1b1b1;}
#captcha.m_captcha audio {display:none;}

/*============
header
============*/
#hd {position:relative; float:left; width:100%; padding:50px 0; background:rgba(255,255,255,0.85); -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px); transition:all 0.4s; z-index:999; margin-bottom:80px;}
#hd.fixed {position:fixed; top:0;  padding:40px 0;transition:all 0.4s; animation:header forwards 0.4s; }
@keyframes header {
	0% {top:-150px;}
	100% { top:0;}
}
#tnb {display:none;}
#hd_wr {display:table; width:100%; max-width:1800px; margin:0 auto; padding:0; z-index:9999; transition: all .3s; }
	/*#hd_wr:hover {background:#fff; opacity:0.9; transition: all .3s;}*/
#logo {float:left; width:80px; text-align:left; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}
	#logo img {height:auto; width:72px;  margin:0;}
#category {float:left; width:100%; max-width:calc(100% - 400px);  margin:0 auto; position:relative; }
	#category ul.mains {display:table; margin:0 auto; }
		#category ul li {font-family:'source serif pro', serif; }
		#category ul li.gnb_1dli {float:left; padding:0 20px; margin-right:30px; text-align:center; font-size:15px; line-height:23px; position:relative;}
			#category ul li.gnb_1dli a.gnb_1da {display:inline-block; color:#000; transition:all .5s; font-weight:500; letter-spacing:0; position:relative;}
			#category ul li.gnb_1dli a.gnb_1da:before {display:none; content:''; position:absolute; width:100%; height:1px; background:#444; bottom:0px; animation-duration: .5s;  animation-name: menuline;}
			#category ul li.gnb_1dli:hover {background:none; transition:all .5s;}
			#category ul li.gnb_1dli:hover a.gnb_1da {color:#3d3d3d; transition:all .5s;}
			#category ul li.gnb_1dli:hover a.gnb_1da:before {display:inherit;}
			#category ul li.gnb_1dli:nth-of-type(1) {margin-left:60px;}
			#category ul li.gnb_1dli:nth-of-type(3) {margin-right:160px;}
				#category ul.subs {position:absolute; width:100%; height:0; opacity:0; overflow:hidden; left:0; max-width:1400px; padding:0; transition:all .5s; background:rgba(255,255,255,0.85); -webkit-backdrop-filter: blur(5px);  backdrop-filter: blur(5px);}
				#category ul.subs.shopul {width:110%;}
				#category ul.subs li {float:left; width:100%; padding:2px 20px; font-size:15px; text-align:left; }
				#category ul.subs li:last-child {padding-bottom:10px;}
				#category ul.mains li:hover ul.subs { height:auto; opacity:1; transition:all .5s; padding:15px 0;}
				.subbox {display:none; position:absolute; top:115px; left:50%; transform: translate(-50%,-50%); width:150%; background:#fff; padding:20px 0 30px 0; }
				.subbox_in {display:table; margin:0 auto; width:100%; max-width:1400px; background:#f5f5f5; padding:20px 0; }
				.subbox ul{width:14.28% !important;}
				.subbox ul li {width:100% !important; line-height:30px !important}
				.subbox ul li a:before {bottom:5px !important;}

			@keyframes menuline {
			  from {
				width:0;
			  }
			  to {
				width:100%;
			  }
			}

.gnb_1dli .bg {display:none;}
.gnb_1dli:hover .gnb_2dul {display:block;}

#hd_btn {float:right; text-align:right; width:100%; max-width:200px; margin-top:-3px;}
	.hd_left_btn {float:left !important; text-align:left !important; }
	#hd_btn button.btn_icon, #hd_btn a.btn_icon {height:auto; line-height:initial; width:auto; letter-spacing:-0.5px; color:#37302e;}
	#hd_btn button.btn_icon.white, #hd_btn a.btn_icon.white {color:#fff;}

	#hd_btn button, #hd_btn a {font-size:13px; letter-spacing:0;}
	#hd_btn .btn_icon {margin-right:10px;}
	
	#btn_sch, #btn_user { background:none !important;}
	#btn_cartop {background:none !important;}

	#hd_btn i {font-size:23px; vertical-align:middle; background:transparent!important; cursor:pointer;}
	#hd_btn.hd_left_btn i {margin-right:10px !important;}
	#hd_btn i.schico { margin-bottom:-3px;}

	#hd_btn span {text-transform:uppercase;}
	#hd_btn span.cartnum {display:inline-block; background:#202020; color:#fff; width:20px; height:20px; border-radius:100%; font-size:10px; line-height:20px; font-weight:bold;}

#ol_after_btn a {font-size:12px;}
#ol_after_hd i {font-size:18px;}
#ol_after_private i {font-size:25px;}
#ol_after_private a {font-size:14px; font-weight:700;}
#ol_after_ul li a {font-size:.9rem;}
#ol_after_ul i {font-size:20px;}


#container.idx-container {float:left; width:100%;}
.container {display:table; width:100%; max-width:1280px; margin:0 auto;}
#container.container {margin:0 auto;}
#container.view-container {float:left; width:100%; margin:0 auto 50px auto;}

.main_container {float:left; width:100%; max-width:100%; margin:110px 0 200px 0;}

#container_title {display:none;}

/*============
search
============*/
.searchsec { opacity:0; position:fixed;  width:100vw; height:100vh; left:0; top:-10vh; vertical-align:middle;  transition:all .5s; -webkit-backdrop-filter: blur(10px);  backdrop-filter: blur(10px); z-index:-100; background:rgba(255,255,255,0.9); padding:20% 0;}
.searchsec.opened { z-index:10001; opacity:1; transition:all .5s; top:0;   }

.searchwrap {display:table; margin:0 auto; width:100%; max-width:900px;}

.searchsec h2 {color:#000; font-size:40px; margin-bottom:20px;}
.searchsec .schipt {
  height: 60px;
  width: 0;
  float:left;
  font-size: 20px;
  outline: none;
  border: none;
  color: #333;
  transition: width 0.5s;
  border-radius:0 !important;
  border-bottom:1px solid #646464 !important;
  background:transparent;
  font-family:'Montserrat', 'Nanum Gothic', AppleSDGothicNeo-Regular,'Malgun Gothic', '맑은고딕',dotum,'돋움',sans-serif;
  font-weight:400;
}

.searchsec.opened .schipt {
  width: 100%;
	transition: width 0.5s;
	transition-delay: 0.5s;
}

.searchsec .schico {
  position: absolute;
  top: 0;
  left:0;
  width: 23px;
  height: 23px;
  background: #fff;
  border: none;
  border-radius: 30px;
  color: #333;
  font-size: 1.3em;
  outline: none;
  cursor: pointer;
}
.searchsec .schico {
	transform:rotate(0deg);
	-moz-transform: scaleX(-1); 
	-o-transform: scaleX(-1); 
	-webkit-transform: scaleX(-1); 
	transform: scaleX(-1);   
	filter: FlipH;
	-ms-filter: "FlipH";
 }
.searchsec.opened button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*============
mobile header
============*/

.button_container {
  display:none;
  position: fixed;
  top: 20px;
  left:15px;
  height: 27px;
  width: 20px;
  cursor: pointer;
  z-index: 1002;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active {position:fixed; width:20px;}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #000;
}
.button_container.active .middle {
  opacity: 0;
  background: #000;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-3px) translateX(0) rotate(-45deg);
          transform: translateY(-3px) translateX(0) rotate(-45deg);
  background: #000;
}
.button_container span {
  background: #000;
  border: none;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 7px;
}
.button_container span:nth-of-type(3) {
  top: 14px;
}

.overlay {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index:1000;
   font-family:'Source Serif Pro', serif;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100vh;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay nav {
  position: relative;
  top: 48%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 400;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: table;
  position: relative;
  height: initial;;
}
.overlay ul li {
  display:block;
  padding:0 0 15px 0;
  position: relative;
  opacity: 0;
  text-align:left;
}
.overlay ul li i {
  display:inline-block;
  float:right;
  vertical-align:middle;
  margin-left:25px;
  height:30px;
  line-height:30px;
}
.overlay ul li a {
  display:inline-block;
  position: relative;
  font-size:1.2rem;
 font-weight:500;
  color: #131313;
  text-decoration: none;
  overflow: hidden;
  vertical-align:middle;
  height:30px;
  line-height:30px;
  letter-spacing:0.2px;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  -webkit-transition: .35s;
  transition: .35s;
}
.overlay ul ul {display:none; margin:15px auto 0 auto; padding-left:15px;}
	.overlay ul ul li {height:auto; min-height:auto; display:block; padding:0 0 5px 0;}
	.overlay ul ul li a {font-size: 1rem; font-family:'Source Serif Pro', serif; color:#000; letter-spacing:0.2px;}

.overlay .bg {display:none;}
.overlay_member { margin-top:20px;}
.overlay_member a {display:inline-block; text-transform:uppercase; height:40px; line-height:40px; font-size:15px; vertical-align:middle; margin:0 10px; color:gray;}
.overlay_member a i {font-size:22px; vertical-align:middle;}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

/*============
page
============*/
.terms {font-size:14px;}
.terms h2 {color:#000; font-weight:500; text-align:center; margin-bottom:60px; font-size:1.4rem;}


/*============
swiper
============*/
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px !important;}
.swiper-pagination-bullet {width:10px !important; height:10px !important;}
.swiper-pagination-bullet-active {width:28px !important; background:#999 !important; border-radius:5px !important;}

/*============
login
============*/
#ol_auto input {width:1.25rem; height:1.25rem; vertical-align:middle;}

/*============
signup final
=============*/
#reg_result h2, #reg_result h2 strong {font-weight:500 !important; color:#000;}
#reg_result .reg_result_wr {padding:10px 0; font-size:14px;}
#reg_result .btn_confirm {padding:0;}

/*============
shop detail
*============*/
#sit_inf_explan, #sit_inf_explan * {font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important; color:#4c4c4c !important; }
#sit_dvex {font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important; }
#settle_bank {font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important; font-size:15px; padding:10px 20px;}
#settle_bank label {line-height:35px;}
#settle_bank #od_deposit_name {background:#f5f5f5;}

/*============
order
============*/
#sod_frm {float:left; width:100%; margin-top:45px;}
.od_prd_list .td_prd .sod_img {border:1px solid #ddd; border-radius:100%; overflow:hidden;}
.cp_btn, .cp_btn1 {border:0; background:#333; color:#fff; height:28px; line-height:26px; padding:0 20px; font-size:13px; margin:0;vertical-align:top;}
.cp_cancel, .cp_cancel1 {height:28px; line-height:26px; padding:0 20px; margin:0 0 0 5px; vertical-align:top;}
.od_coupon {position:fixed; width:100%; max-width:300px; left:50%; top:50%; margin-left:-150px;}
.cp_apply {background:#202020; padding:0 10px; font-size:13px; font-weight:500;}
#sod_frm .btn_confirm {background:none;}

.sod_left {float:left; display:block; padding:0 20px 0 0;}
.sod_right {float:left; display:block; background:#f9f9f9; font-size:13px;}

#sod_frm .od_prd_list {margin:0 0 30px 0;}
.tbl_head03 table {border-bottom:1px solid #ddd;; font-size:14px; text-align:center;}
.tbl_head03 thead th {border:1px solid #ddd; border-left:0; border-right:0; background:none; color:gray;}
.tbl_head03 tr:nth-child(odd) {background:none;}
.tbl_head03 td {border-top:1px solid #ddd;}
.od_prd_list .td_prd .sod_name {padding:0 0 0 20px; text-align:left;}
.sod_opt {margin:6px 0;}
.sod_opt li {margin:2px 0;}

#sod_frm_orderer {padding:0 20px 0 0;}
#sod_frm_orderer, #sod_frm_taker {font-size:16px; background:none;}
#sod_frm_orderer table th, #sod_frm_taker table th {font-weight:400; padding:10px 0;}
#sod_frm_orderer table td, #sod_frm_taker table td {padding:10px;}
#sod_frm_taker {padding:0 20px 0 0; margin-top:40px;}
#sod_frm_taker h2, #sod_frm_orderer h2 {border-bottom:2px solid #4a4a4a;}
.odf_list .btn_addsch {height:40px; padding: 0 20px; border-radius:0;}
#daum_juso_pageod_zip {margin:25px 0 !important;}
.close_daum_juso {right:-1px !important;}

.order_choice_place label{margin-right:10px;}

#sod_frm #sod_bsk_tot li {border-color:#eee;}
#sod_frm #sod_bsk_tot li:last-child {border:0;}
.pay_tbl {border:1px solid #eee; border-bottom:0;}
#od_tot_price {margin:0 0 10px 0; border:1px solid #eee; border-top:0;}
#sod_frm_pay h2 {margin-top:20px;}
#od_pay_sl h3 {margin-top:20px;}

#forderform .frm_input {width:50%; height:48px; line-height:45px; padding:0 20px; color:#333; font-size:14px;}
#forderform .frm_input::placeholder {color:#8c8c8c;}
#forderform .frm_input::-webkit-input-placeholder{color:#8c8c8c;}
#forderform .frm_input:-ms-input-placeholder{color:#8c8c8c;}

#forderform .frm_address {width:100%;}
#forderform .required, #forderform textarea.required  {background-image:none !important;}
.input_bg {background:#eee !important;}

#sod_frm .btn_submit {font-size:18px; letter-spacing:-0.5px; font-weight:400; height:50px; line-height:48px;}
#sod_frm .btn_cancel, #sod_frm .btn01 {font-size:18px; letter-spacing:-0.5px; font-weight:400; height:50px; line-height:48px;}


.btn_address {background:none; border:1px solid #ddd; height:48px; color:#545454; padding:0 30px; margin-left:5px; vertical-align:middle; font-size:15px; font-weight:400;}

#sod_frm_pt_alert {color:#545454;}
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before, #sod_frm #sod_bsk_tot .sod_bsk_dvr:before, #sod_frm #sod_bsk_tot .sod_bsk_cnt strong, #od_tot_price strong {color:#202020;}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border-color:#202020;}

#od_sel_addr_new {margin-left:10px;}


#settle_bank {border-bottom:0; line-height:40px;}
	#od_pay_sl .lb_icon {/*margin-bottom:10px;*/}
#order_address {border:1px solid #d8d8d8; background:#f3f3f3; color:#585858; height:40px; line-height:37px; width:210px;}

/*============
order finish
============*/
#sod_fin {font-size:14px; margin:10px auto; width:100%; max-width:1200px;}
#sod_fin_no {padding:10px 10px; background:#272727; border:0; color:#fff;}
.sod_fin_list .prqty_stat {background:#202020; padding:2px 10px; font-size:13px;}
.sod_opt {padding:0 10px;}
#sod_fin_legend {padding:20px; color:#333; line-height:30px;}
.sod_list .li_name {font-size:14px; line-height:50px;}
#sod_fin_view h3, #sod_fin_tot h2 {border-bottom:2px solid #444; padding-bottom:10px; margin:40px 0 20px 0;}
.odf_tbl table {border:0;}
.odf_tbl table th, .odf_tbl table td {border:0;}
#sod_sts_explan_open {padding:0 20px; height:48px;}
#sod_fin_tot li {background:none; border:0; color:#333;}
#sod_fin_cancel button {height:60px; font-size:15px; font-weight:500; color:#333; border:1px solid #ddd; background:#fff; border-radius:0;}

/*============
cart
============*/
#sod_bsk {font-size:14px;}
#sod_bsk_act .btn_submit {font-size:16px; font-weight:400;}
#sod_chk {padding:0;}
#mod_option_frm {width:95%; max-width:310px; max-height:350px; }
#mod_option_frm #sit_sel_option {border:0;}
#mod_option_frm h3 {color:#202020;}
#mod_option_frm #sit_tot_price strong {margin-left:10px;}
#sod_bsk .btn_del_wr {margin:15px 0;}
#sod_bsk .btn_del_wr .btn01 {height:50px; padding:0 20px; margin-right:5px; width:100px;}

.cart_list .sod_li {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border:1px solid #e6e6e6; transition:all .5s;}
.cart_list .sod_li:hover {border:1px solid #fff; box-shadow:0 5px 10px rgba(0,0,0,0.15); transition:all .5s;}
.cart_list .li_prqty {background:#f8f8f8;}
.cart_list .li_prqty_sp span, .cart_list .total_price span {font-size:13px; font-weight:500;}
.cart_list .total_price {background:#eee; color:#484848;}

#sod_bsk .go_shopping .btn_b01 {height:50px; line-height:48px; font-size:16px; font-weight:500;}

/*============
orderinquiry
============*/
#sod_v_info {background:#131313; padding:15px 0; font-size:14px; color:#fff; border:0;}

/*============
wishlist
============*/
#sod_ws {display:table; margin:0 auto; width:100%; }
#sod_ws .wish_img {left:30px;}
#sod_ws .wish_info {font-size:14px; padding:30px 30px 30px 120px;}

#sod_ws_act .btn01, #sod_ws_act .btn02 {font-size:16px; font-weight:400; letter-spacing:-0.5px;}

/*============
point
============*/
.new_win #win_title {font-size:15px; font-weight:700; }
.new_win #win_title i {margin-right:7px;}
#point_ul .point_log {font-size:14px; font-weight:700;}
#point_ul .point_date {font-style:normal; color:#ababab; font-size:13px;}
#point_ul .point_inout {color:#202020;}
.new_win .win_btn .btn_close {padding:0 20px; font-weight:400; background:#ececec; border-radius:0; vertical-align:middle; }

/*============
memo
============*/
.new_win .win_ul {border-bottom:2px solid #ddd;}
.new_win .win_ul li .selected {background:none; box-shadow:none; -webkit-box-shadow:none; border-bottom:2px solid #202020; border-radius:0; color:#333; padding-bottom:10px; margin-bottom:-2px;}
.new_win .win_desc {color:#757575;}

#memo_write .form_01 {padding:10px;}
#memo_write .form_01 .frm_info {background:#eee; color:gray; padding:10px; margin:0;}
#memo_write .form_01 .frm_info:last-child {margin-top:-20px; padding:0 10px 10px 10px; }

#memo_write .win_btn {padding:10px;}

#memo_view_ul {margin:10px 0 0 0; border:1px solid #ddd; border-bottom:0;  border-radius:0;box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
#memo_view p {border:1px solid #ddd; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.new_win .win_btn a {margin:10px 0; padding:0 20px; color:#333; font-weight:400;}

/*============
coupon
============*/
#scp_list ul {border-top:1px solid #ddd;}
#scp_list li {float:left; width:100%; border-bottom:1px solid #ddd; padding:20px;}
.cou_top .cou_tit {float:left; margin-right:5px; font-size:16px; font-weight:500; color:gray; }
	.cou_top .cou_tit:before {content:"\f02b"; font-family:'Line Awesome Free'; font-weight:900; margin-right:5px; color:gray;}
.cou_top .cou_pri {float:left; font-size:16px; font-weight:500; color:gray;}

.cou_target {color:gray; float:left; width:100%; text-align:right; color:#202020; font-weight:500;}
.cou_target i {display:none;}
.cou_date {float:left; width:100%; text-align:right; color:gray;}

.couponzone_list {float:left; width:100%; margin:0; padding: 20px 0;}

/*============
find id
============*/
.new_win_con {margin:0 20px;}
#find_info #info_fs p {color:gray; background:#eee; padding:20px;}
.new_win .win_btn {margin: 10px 0;}
.new_win .win_btn .btn_submit {border-radius:0; height:40px; line-height:38px; font-weight:500;}

/*============
mypage
============*/
#smb_my {font-size:14px; padding:0; width:100%; max-width:100%;}
#smb_my_ov {position:static; float:left; margin:10px 0 0 0 !important;}
#smb_my_ov .hello_name {background:none;}

#smb_my_wr {float:left; width: calc(100% - 300px); margin: 10px 0 0 20px;}

#smb_my_od {margin: 0 0 40px 0;}
#smb_my_od h2 {border-bottom:1px solid #131313; padding:0 0 10px 0; margin: 0 0 15px 0;}
#smb_my_wish h2 {border-bottom:1px solid #131313; padding:0 0 10px 0; margin: 0 0 5px 0;}

#sod_inquiry li .idtime_link {letter-spacing:0;}
#sod_inquiry li .inquiry_name { font-weight:400;}
#sod_inquiry li .inquiry_price {color:#333;}

#smb_my_wish li a {font-weight:500; margin:10px 0 5px 0;}
.wish_info .info_date {color:gray; letter-spacing:0;}

.my_cou_wr a {color:#202020;}
.my_info dt {color:#3b3b3b; font-weight:700; font-size:14px;}
.my_info dd {font-weight:400; color:gray; font-size:13px; letter-spacing:0; padding:5px 0 10px 0;}

/*============
social login
============*/
#sns_login {margin-top:20px; padding-top:20px;}
#sns_login span.simlog {display:block; text-align:left; font-size:15px; color:#000; margin:10px 0 15px 0;}
#sns_login h3 {display:none;}

.sns-wrap-over .sns-naver, .sns-wrap-over .sns-kakao {background:none;}
#sns_login .sns-icon {color:#000; padding-left:0; height:50px; line-height:50px;}
#sns_login .sns-naver{background-color:#36ab36; color:#fff; border:0;}
#sns_login .sns-kakao {background-color:#fae301; color:#391b1b; border:0;}
#sns_login .txt {border-left:0; font-weight:500; text-align:center; margin-left:-20px;}
#sns_login .txt img {width:15px; vertical-align:middle; margin-right:5px; margin-top:-2.5px;}


.mbskin .toggle {border:1px solid #ddd; font-weight:500; font-size:14px;}
.mbskin .right_i {background:#131313; font-size:13px; height:30px; line-height:30px; padding:0 10px;}
.mbskin .toggle .toggle-title .right_i i {display:none !important;}
.mbskin .all_agree {background:#fff; color:#000;  font-size:14px;}
.mbskin .all_agree input[type="checkbox"] + label:before {border-color:#000 !important;}
.mbskin .all_agree strong {font-weight:500 !important;}
.sns_tbl caption {font-size:14px;color:#333; font-weight:500;}
.sns_tbl th, .sns_tbl td {font-size:14px;}
.mbskin .member_connect {border:1px solid #ddd; padding:20px;}
.mbskin .member_connect .strong {font-weight:500 !important;}
.mbskin .member_connect button {font-weight:500 !important; font-size:14px; background:#2e2e2e; color:#fff; border-color:#2e2e2e;}
.mbskin .btn_top.top {display:none;}
.mbskin .btn_group_trigger {margin:40px 0 0 0;}
.mbskin .btn_group_trigger .btn_submit_trigger {background:#000; font-weight:500 !important; cursor:pointer !important;}

/*============
footer
============*/
.social_links {text-align:right; padding-right:45px; margin-bottom:40px; color:#000;}
	.social_links img {display:inline-block; margin-right:5px; vertical-align:middle; width:25px;}
	.social_links .tooltip {margin-left:20px;}
	.social_links .insta {width:22px;}

#ft {float:left; width:100%;  margin-top:150px;  font-family:'source serif pro', 'noto sans kr', 'malgun gothic', '맑은고딕', 'dotum', '돋움', sans-serif;}
	.ft_wr {width:100%; max-width:1800px; padding:60px 0 80px 0px;  border-top:1px solid #ddd;}
	.ft_wr .ft_box {color:#383838;}
	.ft_wr .ft_box.ft_info p {font-family:'noto sans kr', 'malgun gothic', '맑은고딕', 'dotum', '돋움'; }
	.ft_wr .ft_box a {color:#383838; font-weight:400;}
	.ft_wr .ft_box h2 {font-weight:500; margin-bottom:0; font-size:1.15rem; color:#000; margin-bottom:10px;}
	.ft_wr .ft_box strong {font-weight:500; font-size:2rem; color:#383838; margin-bottom:10px;}
	.ft_wr .ft_box p {font-size:13px; color:#383838; font-weight:400; line-height:1.3rem;}
	.ft_wr .ft_box .cs_info {color:#383838;}
	.ft_copy {float:left; width:100%; margin-top:15px; color:gray; text-transform:uppercase; font-size:12px; color:#676767; letter-spacing:0.2px;}
	.ft_wr .ft_box.ft_link {width:10%;}
	.ft_wr .ft_box.ft_link a {display:block; font-size:14px; margin-bottom:3px;}
	.ft_wr .ft_box .policy {float:left; width:100%; margin-bottom:10px;}
	.ft_wr .ft_box .policy a {font-size:14px; margin-right:5px; }
	.ft_wr .ft_box .policy a:before {content:'|'; margin-right:5px; font-size:14px; margin-right:10px; color:#eaeaea;}
	.ft_wr .ft_box .policy a:first-child:before {display:none;}
	.ft_wr .ft_box .cmcolor {color:#ccc !important;}
	.ft_wr .ft_box:nth-of-type(1) {padding-left:0;}
.footmenu {float:left; width:100%; line-height:48px; padding:25px 0; position:relative; background:#fafafa;}
	.footmenu ul {display:table; width:100%; margin:0 auto; max-width:1700px;}
		.footmenu ul li {float:left; width:14.28%; text-align:left; font-size:16px; font-weight:400; }
			.footmenu ul li a {display:inline-block; color:#4c4c4c; transition:all .5s; font-weight:400; letter-spacing:0; position:relative;}
				.foot_1dli a {font-weight:500 !important; line-height:initial;}
				.foot_1dli p {font-size:14px; margin-top:5px; font-weight:400;}
				.footmenu ul ul {float:left; width:100%; left:0; max-width:1700px;}
				.footsubbox {float:left; width:100%;  padding:10px 0 0 0; }
				.footsubbox_in {display:table; margin:0 auto; width:100%; max-width:1700px;  }
				.footsubbox ul{float:left; width:14.28% !important; padding-left:2px;}
				.footsubbox ul li {width:100% !important; line-height:30px; font-size:16px;}

/*============
responsive
============*/


@media (min-width: 970px) {
	#smb_my_ov {margin-top:80px;}
}

@media (max-width:1600px) {
	#hd_wr {max-width:1500px;}
	.subbox_in {max-width:1500px;}
	.footmenu ul {max-width:1500px;}
	.footsubbox_in {max-width:1500px;}
	.ft_wr {max-width:1540px;}
}

@media (max-width:1400px) {
	#hd_wr {max-width:1340px;}
	.subbox_in {max-width:1340px;}
	.footmenu ul {max-width:1340px;}
	.footsubbox_in {max-width:1340px;}
	.ft_wr {max-width:1380px;}
}

/*============
mobile
============*/
@media (max-width:1280px) {
   
	body { font-size:14px;}
	.pconly {display:none;}
	.mobonly {display:block;}

	.hd_pops {left:15px !important;}
	.hd_pops_cons {top:70px !important; width:90%; max-width:480px; z-index:10001;}
	.txtonly p {word-break:keep-all;}
	.txtonly {font-size:17px;}
	.hd_pops_con {width:calc(100% - 30px) !important; height:auto !important;}
	.hd_pops_footer {width:calc(100% - 30px) !important; }
	.hd_pops_footer .hd_pops_reject, .hd_pops_footer .hd_pops_close {font-size:13px;}
	

	/*============captcha============*/
	.is_captcha_use {padding:10px 0;}

	/*============header============*/
	#hd {margin-bottom:60px; padding:0; }
	#hd.fixed {padding:0;}
	#hd_wr {position:relative; padding:15px;background:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); }
	#container {margin-top:80px !important;}

	#logo {width:40px; text-align:center;}
		#logo img {width:40px; margin:4px 0;}
	#hd_btn {text-align:right;  max-width:100px; margin-top:0; line-height:initial;}
		#hd_btn i {font-size:26px;}
		#hd_btn .btn_icon {margin:0 0 0 5px;}
		#hd_btn button span, #hd_btn a span, #hd_btn .nologmy, #hd_btn .logout {display:none !important;}
		#hd_btn.hd_left_btn {margin-left:40px !important;}
		#hd_btn.hd_left_btn i {margin-right:5px !important; font-size:24px !important; margin-left:0 !important;}

	.container {margin:0px auto; padding:0 15px;}

	/*searchbar*/
	.searchsec {padding:50% 0;}
	.searchsec h2 {font-size:30px;}
	.searchwrap {margin-left:10%; width:80%;}
	.searchsec .schipt {font-size:17px;}

	/*============menu============*/
	.button_container {position:absolute; display:block; top:20px;}

	/*============title============*/
	.all_title {font-size:1.7rem !important; margin-bottom:40px !important; }


	/*============mypage============*/
	#smb_my_ov {width:100%;}
	#smb_my_wr {width:100%; margin:20px 0;}

	/*============order============*/
	.sod_frm_mobile {margin-top:10px;}
	#sod_frm_orderer, #sod_frm_taker {padding:20px 0; font-size:14px;}
	#sod_frm_taker {margin-top:0px; padding-top:0;}
	.sod_list {font-size:13px;}
	#m_sod_bsk_tot {font-size:14px;}
	.sod_list .li_name {line-height:30px; padding:10px 10px 0 10px;}
	.sod_list .total_price strong {color:#202020;}

	.odf_list .dlv_slt div {padding:15px;}
	.odf_list li {margin-bottom:20px;}

	#order_address {width:100%;}
	#od_sel_addr_new {margin-left:0px;}

	.odf_tbl table {border:1px solid #ccc; border-left:0; border-right:0; background:none;}
	#od_tot_price {background:none;}

	#od_tot_price {border:0; font-weight:700;}
	#m_sod_frm_paysel ul {padding:10px;}
	#m_sod_frm_paysel li {height:auto !important;}
	#settle_bank #od_deposit_name {height:35px;}

	#sod_frm .btn_confirm {padding:20px 0;}
	/*============order finish============*/
	#sod_fin_no {padding:10px 10px; }

	/*============footer============*/
	.social_links {padding-right:0; margin-bottom:10px;}
		.social_links img {width:20px;}
		.social_links .insta {width:18px;}

	#ft {margin-top:80px;}
	.ft_wr {padding:40px 15px !important;}
	.ft_wr .ft_box {padding:15px 0;}
		.ft_wr .ft_box.ft_link {width:33.33%; margin:20px 0;}
		.ft_wr .ft_box h2 {font-size:0.7rem;}
		.ft_wr .ft_box.ft_link a {font-size:13px;}
		.ft_wr .ft_box p {font-size:13px;}
		.ft_wr .ft_box strong {font-size:1.5rem;}
		.ft_wr .ft_box .create {float:left; width:100%; margin-top:10px;}
	
	.footmenu ul li {width:100%; padding:10px 20px; line-height:initial;}
	.foot_1dli p {color:#909090;}
	.footsubbox {display:none;}
}