/*============
FONT
============*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@300;400;500;700&display=swap');

.font_en {font-family: 'Barlow Semi Condensed', 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"] {-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:block;}
.mobonly {display:none;}

.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 #1409ad; 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 {float:left; width:100%; text-align:center; margin-bottom:10px; font-size:2.1rem; font-weight:700; color:#131313;}
.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_pops_cons {top:200px !important; left:50% !important; transform:translate(-50%, 0); border:0 !important; box-shadow:0 10px 20px rgba(0,0,0,0.3);}
.hd_pops_footer {float:left; width:100%; 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: #1409ad;
	cursor: pointer;
	border: 1px solid #1409ad;
}

/*============
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:#1409ad;
 }
 input[type="checkbox"] + label:active:before,
 input[type="checkbox"]:checked + label:active:before {
  background:#1409ad;
}

 input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\f00c';  /* 체크표시 유니코드 사용 */
  font-family:FontAwesome;
  color: #fff;
  background: #1409ad;
  border-color: #1409ad;
  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:#1409ad;
 }
 input[type="radio"] + label:active:before,
 input[type="radio"]:checked + label:active:before {
  background:#1409ad;
}

 input[type="radio"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\f00c';  /* 체크표시 유니코드 사용 */
  font-family:FontAwesome;
  color: #fff;
  background: #1409ad;
  border-color: #1409ad;
  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);
}
/*
  That's it.
*/

/*
  If you want some adjustability
  here are some orientation settings you can use:
*/

/* 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;
}

/*============
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
============*/
#tnb {display:none;}

#hd_wr {display:table; width:100%; max-width:1700px; padding:30px 0 0 0; margin:0 auto; z-index:9999;}
#logo {float:left; width:230px; text-align:left;}
	#logo img {height:auto; width:230px;  margin:10px 0 0 0;}
#category {float:left; width:100%; line-height:48px; margin:20px 0; position:relative; }
	#category ul {float:left; width:100%;}
		#category ul li {float:left; width:14.28%; text-align:center; font-size:16px; font-weight:400; line-height:23px; }
			#category ul li a {display:inline-block; color:#292929; transition:all .5s; font-weight:400; letter-spacing:0; position:relative;}
			#category ul li a:before {display:none; content:''; position:absolute; width:100%; height:1px; background:#444; bottom:0px; animation-duration: .5s;  animation-name: menuline;}
			#category ul li:hover {background:none; transition:all .5s;}
			#category ul li:hover a {color:#3d3d3d; transition:all .5s;}
			#category ul li:hover a:before {display:inherit;}
				#category ul ul {display:none; position:absolute; width:100%; left:0; max-width:1700px;}
				#category ul li:hover ul {display:block;}
				.subbox {display:none; position:absolute; top:125px; 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:1700px; 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 {position:static; float:right; top:0; line-height:48px;}
	#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:1.04rem; letter-spacing:0;}
	#hd_btn .btn_icon {margin-right:20px;}
	#hd_btn .btn_icon#btn_cartop {margin-right:0; }
	
	#btn_sch, #btn_user { background:none !important;}
	#btn_cartop {background:none !important;}

	#hd_btn i {font-size:30px; vertical-align:middle; background:transparent;}
	#hd_btn span {display:none;}
	#hd_btn span.cartnum {display:block !important; position:absolute; top:0; right:-10px; background:#1409ad; 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:1700px; margin:0 auto;}
#container.container {margin:20px auto 100px auto;}
#container.view-container {float:left; width:100%; margin:20px auto 100px auto;}

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

#container_title {display:none;}

/*searchbar*/
.searchsec {  display: inline-block;   vertical-align:middle;}
.searchbar {
  position: relative;
  width: 30px;
  height: 30px;
  overflow: hidden;
	transition: width 0.5s;
  margin: auto;
	-webkit-backface-visibility: hidden;
  background: rgba(0, 0, 0, 0);
  vertical-align:middle;
  margin-right:20px;
}

.searchsec.opened .searchbar {
  width: 235px;
}
.searchsec.opened .searchbar:before {
  width: 100%;
  height: 100%;
}

.searchbar .schipt {
  position: absolute;
  top: 0; 
  left: 35px;
  height: 30px;
  width: 0;
  float:left;
  font-size: 16px;
  outline: none;
  border: none;
  color: #333;
  transition: width 0.5s;
  border-radius:0 !important;
  border-bottom:1px solid #333 !important;
  font-family:'Barlow Semi Condensed', 'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
  font-weight:400;
}

.searchsec.opened .searchbar .schipt {
  width: 200px;
	transition: width 0.5s;
}

.searchbar .schico {
  position: absolute;
  top: 0;
  left:0;
  width: 30px;
  height: 30px;
  background: #fff;
  border: none;
  border-radius: 30px;
  color: #333;
  font-size: 1.3em;
  outline: none;
  cursor: pointer;
}
.searchbar .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 .searchbar 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: 100;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active {width:35px;}
.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;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.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: 100%;
}
.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:700;
  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; color:#585858; 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;
  }
}

/*============
index
============*/
.mainbox {float:left; width:100%;  margin-top:100px; text-align:center;}
.main_listbox {float:left; width:100%; padding-bottom:5%;}
	.main_listbox .mainsec {float:left; width:23%; margin:1%; padding-top:33.2%; position:relative;}
	.main_listbox .mainsec.lines {border:1px solid #eee;}
	.main_listbox .mainsec .linkurl {position:absolute; width:100%; height:100%; z-index:2; left:0; top:0;}
	.main_listbox .mainsec.insta {padding-top:25%;}
	.main_listbox .mainsec.insta:before {display:none; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.8); content:'@conniee.shop'; font-size:1.3rem; font-weight:bold; color:#333; text-align:center; padding-top:calc(50%); transition:all .3s;}
	.main_listbox .mainsec.insta:hover:before {display:block;}
	.main_listbox .mainsec.insta.nobg:hover:before {display:none;}
	.main_listbox .mainsec .sectit {position:absolute; top:30px; width:100%; text-align:center; font-weight:500; color:#fff; font-size:1.5rem; letter-spacing:1px; text-shadow:0px 0px 5px rgba(0,0,0,0.5); z-index:3;}
	.main_listbox .mainsec .sectit2 {position:absolute; top:30px; width:100%; text-align:center; font-weight:500; color:#333; font-size:1.5rem; letter-spacing:1px;  z-index:3;}
	.main_listbox .mainsec p {position:absolute; bottom:-45px; left:50%; transform:translate(-50%,0); font-weight:500; color:#000; font-size:1.2rem;}

	.mainsec.back1 {background:url('../img/main/box_1.jpg'); background-size:cover; background-position:center 90%;}
	.mainsec.back2 {background:url('../img/main/box_2.jpg'); background-size:cover; background-position:center 30%;}
	.mainsec.back3 {background:url('../img/main/box_3.jpg'); background-size:cover; background-position:center 30%;}
	.mainsec.back4 {background:url('../img/main/box_4.jpg'); background-size:cover; background-position:center 30%;}

	.mainsec.back5 {background:url('../img/main/box_5.jpg'); background-size:cover; background-position:center 40%;}
	.mainsec.back6 {background:url('../img/main/box_6.jpg'); background-size:cover; background-position:center 100%;}
	.mainsec.back7 {background:url('../img/main/box_7.jpg'); background-size:cover; background-position:center 70%;}
	.mainsec.back8 {background:url('../img/main/box_8.jpg'); background-size:cover; background-position:center 30%; }

	.mainsec.back9 {background:url('../img/main/box_9.jpg'); background-size:cover; background-position:center 40%;}
	.mainsec.back10 {background:url('../img/main/box_10.jpg?ver=24012201'); background-size:cover; background-position:center 100%;}
	.mainsec.back11 {background:url('../img/main/box_11.jpg'); background-size:cover; background-position:center 70%;}
	.mainsec.back12 {background:url('../img/main/box_12.jpg'); background-size:cover; background-position:center 30%;}

	.mainsec.back13 {background:url('../img/main/box_13.jpg'); background-size:cover; background-position:center 75%;}
	.mainsec.back14 {background:url('../img/main/box_14.jpg'); background-size:cover; background-position:center 75%;}
	.mainsec.back15 {background:url('../img/main/box_15.jpg'); background-size:cover; background-position:center 45%;}
	.mainsec.back16 {background:url('../img/main/box_16.jpg'); background-size:cover; background-position:center 100%;}

	.ico_insta {position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); opacity:0.4;}
	.ico_insta img {width:45px; }

/*============
brand
============*/
.brand { float:left; width:100%; color:#131313; margin-top:0px; padding-bottom:0;  font-weight:100; font-size:2rem;}
.brand .maintit {position:relative;float:left; width:100%; height:90vh; font-size:2.35rem;  font-weight:100; text-align:center;  line-height:4.2rem; padding-top:20vh;}
.brand .maintit .position1 {position:absolute; top:0; left:10%; opacity:0.8;}
.brand .maintit .position2 {position:absolute; bottom:0; right:10%; opacity:0.8;}
.brand strong {font-size:2.9rem; font-weight:500;}
.brand p {word-break:keep-all;}

.brand .halfsec1 {float:left; width:100%; padding: 0;}
.brand .halfsec1 .imgbox {float:left; width:25%; min-height:1px; height:430px;}
.brand .halfsec1 .txtbox {float:left; width:75%; padding:63px 100px; font-size:1.1rem;}
.brand .halfsec1 .name {font-weight:500;}

.brand .halfsec2 {float:left; width:100%; position:relative;}
.brand .halfsec2 .imgbox {float:left; width:50%; min-height:100vh; height:1200px;}
.brand .halfsec2 .txtbox {float:left; width:50%; padding:300px 150px;  font-size:1.1rem; font-weight:300; color:#585858; line-height:2rem;}
.brand .halfsec2 .tit {font-size:2.2rem; font-weight:700; color:#333; line-height:2.8rem; margin-bottom:20px;}

.brand .emotxt {position:relative; font-size:1.5rem; line-height:2.5rem;}
.brand .nortxt {position:relative;}
.brand .story1 {float:left; width:100%;}
	.brand .story1 .image1 {position:absolute; top:-20px; left:0px; opacity:0.4; z-index:-1;}
.brand .story2 {float:left; width:100%; margin-top:130px;}
.brand .story3 {float:left; width:100%;}
	.brand .story3 .image1 {display:none; position:absolute; top:-20px; right:0; opacity:0.4; z-index:-1;}
.brand .story4 {float:left; width:100%; margin-top:150px;}

.brand .fullsec1 {float:left; width:100%; text-align:center; padding:150px; color:#fff; margin-top:150px;}

.brand_bot {float:left; width:100%; padding:50px;}
	.brand_img {float:left; width:100%; height:600px; background:url('../img/brand/brand_bot.jpg'); background-size:cover; background-position:center 80%; padding-top:225px; text-align:center; font-weight:500; font-size:2.2rem; line-height:3rem;}
	.brand_img .goto { display:inline-block; height:70px; line-height:70px; padding:0 70px; background:#333; color:#fff; font-size:1.3rem; font-weight:400; margin-top:30px; }

.mise_bg {background:url('../img/brand/mise.jpg'); background-size:cover; background-position:center; background-attachment: fixed;}

.make_bg {background:url('../img/brand/make.jpg'); background-size:cover; background-position:center; background-attachment: fixed;}

.pro_bg { background:url('../img/brand/alb_1.jpg'); background-repeat:no-repeat; background-position:100% 10%; background-attachment: fixed;}

.wom_bg { background:url('../img/brand/woman.jpg'); background-size:cover; background-position:center top; background-attachment: fixed;}


.txt_left {text-align:left;}
.txt_right {text-align:right;}

.mt-150 {margin-top:150px;}
.pl-20p {padding-left:20%;}
.pr-20p {padding-right:20%;}


.scroll_down{ position:absolute; bottom:15%; left:50%; margin-left:-20px;}
.icon {
  position: relative;
  font-family: sans-serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.icon i {
  font-size:14px;
  display: block;
  margin: 10px auto;
  animation: anim .55s ease-in alternate infinite;
}
@keyframes anim {
  0% { padding-bottom:0;  }
  100% { padding-bottom:10px;  }
}

/*============
brand_renew
============*/
.brandp, .brandp * {word-break:keep-all;}
.brandp {float:left; width:100%; text-align:center; margin:20px 0 0 0;}
	.brandp .tit {font-size:1.3rem;}
	.brandp .tit strong {font-size:2rem; font-weight:500; color:#000;}
	.brandp .info {float:left; width:100%; margin:40px 0; font-size:15px; line-height:30px;}
	.brandp .info2 {float:left; width:100%; margin:70px 0; font-size:20px; line-height:30px;}
	.brandp .info2 strong {font-size:2rem; font-weight:500; }
	.brandp .quotes {text-align:center; padding:0 0 30px 0;}
	.brandp li {list-style-position: inside; padding:3px 0; font-size:15px;}

.designer {display:table; margin:0 auto;}
.designer .name {font-weight:500; color:#333; font-size:1.2rem;}
.designer .cont {padding:30px 0;}

@media (max-width:1024px) {
	.brandp .info, .brandp .info2 {text-align:left;}
	.brandp .tit {font-size:1.15rem;}
	.brandp .tit strong {font-size:1.5rem;}
	.brandp .info2 strong {font-size:1.5rem;}

	.slt.col-2 .one, .slt.col-3 .one {width:100%; height:200px;}

	.designer .one {width:100%;}
}

/*============
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;}

/*============
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%;}
.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:#1409ad; 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 tr {display:none;}
.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:#1409ad;}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border-color:#1409ad;}

#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:#1409ad; 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:#1409ad;}
#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%; max-width:550px;}
#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:#1409ad;}
.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 #1409ad; 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:#1409ad; 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:2px solid #131313; padding:0 0 10px 0; margin: 0 0 15px 0;}
#smb_my_wish h2 {border-bottom:2px 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:#1409ad;}
.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;}

/*============
footer
============*/

#ft {float:left; width:100%; background:#f4f4f4; font-family:'noto sans kr', '맑은고딕', serif;}
	.ft_wr {width:100%; max-width:1740px; padding:60px 0px;}
	.ft_wr .ft_box {color:#9e9e9e;}
	.ft_wr .ft_box a {color:#9e9e9e; font-weight:400;}
	.ft_wr .ft_box h2 {font-weight:500; margin-bottom:0;}
	.ft_wr .ft_box strong {color:#9e9e9e; margin-bottom:10px;}
	.ft_wr .ft_box p {font-size:14px; color:#777; font-weight:400; line-height:1.3rem;}
	.ft_wr .ft_box .cs_info {color:#9e9e9e;}
	.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 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:15px; 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;}

.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;}
	.container {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:1440px) {
	#hd_wr {max-width:1340px;}
	.container {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:1024px) {
   
	body { font-size:14px;}
	.pconly {display:none;}
	.mobonly {display:block;}

	.hd_pops {left:0 !important;}
	.hd_pops_cons {top:70px !important; width:90%; max-width:480px; z-index:10001;}
	.hd_pops_con {width:100% !important; height:auto !important;}

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

	/*============header============*/
	#hd_wr {padding:15px;position:fixed; width:calc(100% + 1px); top:-1px; left:-1px; background:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2); }
	#container {margin-top:80px !important;}

	#logo {width:156px; text-align:center;}
		#logo img {width:165px; margin:4px 0 0 35px;}
	#hd_btn {text-align:right;  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;}

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

	/*searchbar*/
	.searchbar {margin-right:0; transition:none; width:26px; height:26px;}
	.searchsec.opened {}
	.searchsec.opened .searchbar {position:absolute; top:50px; left:0; width:100%; height:50px; line-height:40px; background:#fff; border-bottom:1px solid #ddd; z-index:10000; }
	.searchsec.opened .schipt {top:7px; left:50%; margin-left:-85px; height:26px;}
	.searchsec.opened .schico {top:7px; left:50%; margin-left:-120px;}

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

	/*============title============*/
	.all_title {font-size:1.5rem !important; margin-bottom:0 !important;}

	/*============main============*/
	.mainbox {margin-top:60px;}
	.main_listbox {margin-top:62px; padding:3%; }
	.main_listbox .mainsec {width:47%; margin-right:3%; margin-bottom:3%; padding-top:66%;}
	.main_listbox .mainsec:nth-child(2n) {margin-right:0;}
	.main_listbox .mainsec .sectit {top:15px; font-size:1rem;}
	.main_listbox .mainsec .sectit2 {top:15px; font-size:1rem;}
	.main_listbox .mainsec.insta {padding-top:50%;}
	.main_listbox .mainsec.insta:before {font-size:1.2rem;}
	.mainsec.back9, .mainsec.back10, .mainsec.back11, .mainsec.back12 {margin-bottom:50px;}
	.main_listbox .mainsec p {width:100%; bottom:-35px; text-align:center;}

	.ico_insta {top:48%;}
	.ico_insta img {width:25px; }

	/*============brand============*/
	.brand {font-size:1.4rem;}
	.brand .maintit {padding:37vh 15px 0 15px; line-height:2.2rem; font-size:1.4rem; }
	.brand .maintit .position1 {width:150px; left:0; top:2%;}
	.brand .maintit .position2 {width:150px; right:0; bottom:2%;}


	.brand .halfsec1 {font-size:1.2rem;}
		.brand .halfsec1 .txtbox {width:100%; height:auto; padding:40px 20px;}
		.brand .halfsec1 .imgbox {width:calc(100% - 30px); margin:0 15px; height:300px;}

	.brand .fullsec1 {margin-top:70px; padding:70px 20px; font-size:1.2rem;}

	.brand .halfsec2 {font-size:1.2rem;}
		.brand .halfsec2 .txtbox {width:100%; height:auto; padding:30px 15px; font-size:1.04rem; text-align:left;}
		.brand .halfsec2 .imgbox {width:100%; height:auto; min-height:50vh;}
		.brand .halfsec2 .tit {font-size:1.6rem; line-height:2.5rem;}
	
	.brand .story1 {line-height:2rem;}
		.brand .story1 p {word-break:keep-all;}
	.brand .story2 {line-height:2rem; margin:70px 0;}
	.brand .story3 {position:absolute; top:30vh; left:0; padding:0 40px;}
		.brand .story3 .tit {background:rgba(255,255,255,0.6); text-align:right; padding:15px;}
		.brand .story3 .image1 {width:100%; top:-20px;}
		.brand .story3 .emotxt {margin:25px 0;}

	.brand .emotxt {font-size:1.2rem; line-height:2rem;}

	.brand .story4 {margin-top:150px; line-height:2rem;}

	.brand_bot {padding:15px; margin-top:70px;}
		.brand_img {height:250px; padding-top:60px; font-size:1.1rem; line-height:2rem;}
		.brand_img .goto {height:50px; line-height:50px; font-size:1rem; margin-top:20px;}

	.mt-150 {margin-top:75px;}


	/*============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:#1409ad;}

	.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============*/
	.ft_wr {padding:40px 15px !important;}
	.ft_wr .ft_box {padding:15px 0;}
		.ft_wr .ft_box p {font-size:13px;}
		.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;}
}


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

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  	.mise_bg, .make_bg, .pro_bg, .wom_bg { background-size:200%; background-attachment: scroll;}
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
}