/* starb2b */

.s2-ety-main {
	margin-bottom:98.5px;
}

.fixed-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.carousel-item {
	height: 300px;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.navbar-brand .logo-small {
	display:none;
}

.navbar-brand .logo-small-shop {
	display:none;
}

.nav-tel {
}

.nav-tel span {
	display:inline-block;
	color:#333;
	font-size:10pt;
	position:relative;
	top:-4px;
	letter-spacing:-.75px;
}

.nav-tel span.tel {
	font-size:13pt;
	font-weight:bold;
	top:1px;
}

.nav-tel .material-icons {
	color:#333;
}


#tnb_index ul {
	width:100%;
	background: #f2f2f2;
}

#tnb_index li:first-child {
	border-right: 1px solid #ccc;
}

#tnb_index li {
	border-left: 1px solid #ccc;
}

#tnb_index ul li a {
	color: #333;
	font-family: "malgun gothic", "segoe ui";
	font-size:10pt;
	font-weight:normal;
}

#tnb_index a:focus, #tnb_index a:hover {
	font-family: "malgun gothic", "segoe ui";
	font-size:10pt;
	font-weight:normal;
}

#tnb_index .material-icons {
	position:relative;
	top:5px;
	font-size:20px;
	color:#666;
}

.navbar.fixed-top {
	border-top: 1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.navbar.bg-white {
	box-shadow:unset;
}

.animated.f20 {
	animation-delay:.5s;
}

.carousel-caption h3 {
	font-family: 'noto sans kr';
	text-shadow: 2px 2px 2px #444;
	font-weight: bold;
	font-size: 2.5em;
	line-height: 1.0em;
	letter-spacing: -1px;
}

.carousel-caption p {
	font-family: 'noto sans kr';
	font-weight: normal;
	font-size: 1.5em;
	letter-spacing: initial;
	letter-spacing: -1px;
}

.carousel-caption {
  position: absolute;
  right: initial;
  bottom: initial;
  left: 17.5%;
  top: 40%;
}

#quick_banner {
	position:fixed;
	/*left: 50%;*/
	/*margin-left: 565px;*/
	top: 150px;	
	z-index:10;
	left:0;
	margin-left:0;
}

#ctt {
	padding:0;
}

.mainmenu {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:space-between;
	align-items:center;

	width:100%;
}

.mainmenu > div {
	width:48.5%;
	max-width:540px;
	min-width:220px;
	height:220px;
	
	border:1px solid #d9d9d9;
	border-radius:20px;
	padding:10px 20px;
	
	position:relative;
}

.mainmenu .button {
	display:inline-block;
	padding:10px 20px;
	border-radius:20px;
	background-color:#4169e1;
	position:absolute;
	top:128px;
	color:#fff;
}

.menu-title {
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	position:relative;
	top:30px;
}

.menu-text {
	position:relative;
	top:14px;
	letter-spacing:-1px;
	line-height:100%;
}

.margin-top-40-resp {
	margin-top:40px;
}

.top-line {
	background: #f2f2f2 !important;
}

.nav-item .ks4 {
	font-family: 'Noto Sans KR';
	font-size:12.75pt;
	font-weight: bold;
	letter-spacing:-1px;
	color:#333;
}

.nav-item a {
	color:#333;
}

.ks4.dropdown-item {
	font-family: 'Noto Sans KR';
	font-weight: normal;
}

.navbar .menu-button {
	display:none;
	border:none;
	outline:unset;
	background-color:transparent;
}

.navbar .menu-button i {
	font-size: 32px;
	position:relative;
	top:4px;
	left:-10px;
}

.prd-title {
	font-size: 2.5rem;
	line-height:125%;
	letter-spacing:-0.05em;
	background-color:#f5f5f5;
	text-align:center;
	width:100%;
	padding:10px 0;
}

.prd-content {
	width:100%;
	max-width:1140px;
	margin:0 auto;
	padding: 0 10px;
}

.prd-title-sub {
	font-size: 2.25rem;
	line-height:125%;
	letter-spacing:-0.05em;
	text-align:center;	
	margin:80px 0 0 0;
	width:100%;
}

.prd-title-sub span {
	font-size: 2.25rem;
	line-height:125%;
	letter-spacing:-0.05em;
	text-align:center;
	margin:80px 0 0 0;
}

.prd-desc {
	font-size: 1.2rem;
	line-height:140%;
	letter-spacing:-0.05em;
	text-align:center;
	margin:20px auto 0 auto;
	width:70%;
}

.prd-img {
	margin:40px 0 0 0;
	width:100%;
}

.prd-img img {
	width:100%;
}

.prd-img-desc {
	font-size: 0.75rem;
	line-height:1.5em;
	letter-spacing:-0.075em;
	text-align:left;
	line-height:150%;
	margin:20px 20px 0 20px;
}

.prd-spc-80 {
	margin:80px 0 0 0;
}

.prd-notice {
	background-color:#f5f5f5;
	color:#363636;
	font-size: 0.75rem;
	line-height:125%;
	margin:40px 0 0 0;
	padding:10px 40px;
	width:100%;
	max-width:1140px;
	margin:40px auto;
}

.prd-notice span {
}

.flex-cnt.prd {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items: center;
}

.flex-cnt.prd > .flex-item {
	width:50%;
	max-width:560px;
	min-width:380px;
	text-align:left;
}

.flex-cnt.prd > .flex-item p {
	margin:0;
}

.flex-cnt.prd > .flex-item .prd-title-sub {
	margin:0 20% 0 20%;
	text-align:left;
}

.flex-cnt.prd > .flex-item .prd-desc {
	margin:20px 20% 0 20%;
	text-align:left;
}

.flex-cnt.prd > .flex-item .prd-img-desc {
	text-align:left;
	margin:20px 20% 0 20%;
}

.prd-menu {
	width:100%;
	text-align:center;
	margin: 40px 0 40px 0;
}

.prd-menu ul {
}

.prd-menu li {
	display:inline-block;
	list-style:none;
	margin:0 15px;
}

.prd-menu li.on {
	font-weight:bold;
	border-bottom:3px dotted #32c5d2;
}

.prd-menu li.on a {
	color: #32c5d2;
}

.prd-menu a {
	font-size:18px;
}

.prd-menu li:hover {
	font-weight:bold;
	border-bottom:3px dotted #32c5d2;
}

#login_password_lost {
	border-right: 0;
}

.requot-form {
	text-align:left;
	font-size:1.0rem;
	margin:20px auto;
	border-bottom:1px dotted #aaa;
}

.requot-form .prd-img-desc {
	margin: 20px 0;
}

.requot-form textarea {
	width: 100%;
}

.requot-form li {
	display: flex;
	flex-wrap: wrap;
	align-items:center;
	line-height:3rem;	
}

.requot-form label {
	flex: 0 1 150px;
}

#wr_1, #wr_2 {
	flex: 0 1 270px;
}

#wr_3, #wr_email, #wr_content {
	flex: 0 1 540px;
}

.form-cmd {
	text-align:center;
	margin:0 0 40px 0;
}

.company .head-border {
	max-width:640px;
	margin-bottom:2rem;
}

.company .ceo-name-span {
	display:inline-block;
	width:100%;
	text-align:right;
	margin:40px 0 0 0;
}

.company .ceo-name {
	font-size:1.5rem;
	letter-spacing:0.5rem;
}

#ctt_con img.ceo-sig {
	max-width:250px;
}

.prd-button {
	padding:10px 40px;
	background-color:#54598c;
	border-radius:5px;
	color:#eee;
}

#ft_tail .cs-wrapper {
	margin:0 0 0 45px;
}

#ft_tail .cs-wrapper p {
	letter-spacing:-0.05rem
}

#ft_tail .cs-name {
	font-size:1.0rem;
	font-weight:bold;
	color:#777;
	margin:0;
	text-align:left;
	line-height:100%;
}

#ft_tail .cs-phone {
	font-size:1.4rem;
	font-weight:bold;
	color:#333;
	margin:0;
	text-align:left;
	line-height:160%;
}

#ft_tail .cs-time {
	font-size:0.75rem;
	font-weight:normal;
	color:#999;
	margin:0;
	text-align:left;
	line-height:125%;
}

dl.add-info {
	border-bottom:1px dotted #999;
}

dl.add-info dt {
	display:inline-block;
	width:7rem;
	height:1.75rem;
}

dl.add-info dd {
	display:inline;
}

dl.add-info dd:after {
	display:block;
	content: '';
}

.cmt_btn {
	background: none;
	margin:0;
}

/* */
#stv{position:fixed;right:0;z-index:9999;top:150px;}
#stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
#stv_ul {top:22px;z-index:1003;position:relative;float:right;width:75px;padding:0px 0px 0px 0px;background-color:#fff;border:1px solid #dcdcdc;}
#stv_list {z-index:1002;position:relative;float:right;width:75px;padding:0px 0px 0px 0px;}
.stv_item {display:none;padding:0 0px;word-break:break-all;font-size:.75rem;line-height:1rem;text-align:center;white-space:nowrap;}
#up { top:31px; width:36px; height:20px; border:1px solid #ccc; background-color:#fff;}
#down { top:31px; width:36px; height:20px; border:1px solid #ccc; background-color:#fff;}

/* footer */
.phantom_wrapper { width:100%; max-width:1200px; margin:0 auto;} /* ¸ÞÀÎ °¨½Î´Â ºÎºÐ */
#ft_tail { width:100%; display:inline-block; background:#f5f5f5; padding:40px 0px; border-top:1px solid #e1e1e1;}
#ft_tail .ft_wrapper { /* display:inline-block; */}
#ft_tail .ft_wrapper .ft_first { width:25%; text-align:center; float:left; }
#ft_tail .ft_wrapper .ft_first img { width:auto; }
#ft_tail .ft_wrapper .ft_second { width:75%; float:left; text-align:left; position:relative;}
#ft_tail .ft_wrapper .ft_second .ft_wrap { display:flex;}
#ft_tail .ft_wrapper .ft_second h1 { font-size:16px; letter-spacing:0.8px; font-weight:600; color:#999; display:inline-block; vertical-align:top; margin-bottom:20px; line-height:24px;}
#ft_tail .ft_wrapper .ft_second h2 { font-size:14px; letter-spacing:-0.25px; font-weight:350; color:#898989; display:inline-block; margin-left:20px; line-height:24px; font-family: "noto sans kr"; line-height:1.6em; }
/* footer bar */
bar { position:relative; margin-right:15px;}
bar::after { content:''; position:absolute; margin:0px 7.5px; width:1px; height:12px; background:#dcdcdc; top:5px; }

/* shop */
.logo-default-shop {
	height:36px;
}

.shop-banner-main {
	color:#fff;
	height:400px;
	background-color:#0d101c;
	background-image:url('/prdshop/4caaeb8e-df93-4ec8-a592-b152c70b12ef.png');
	background-position:center;
	background-size:auto 500px;
	background-repeat:no-repeat;
}

.shop-banner-caption {
	width:1140px;
	margin:auto;
	position:relative;
	top:35%;
}

/*
.banner-caption-title {
	font-size:20px;
}

.banner-caption-text {
	font-size:30px;
	line-height:36px;
	font-weight:bold;
}
*/

.prdlist40 {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
}

.prdlist40-item {
	width:250px;
	height:300px;
	padding:5px;
}

.prdlist40-item-wrapper {
	width:100%;
	height:100%;
	border:1px solid #ddd;
	display:flex;
	flex-direction:column;
	justify-content: space-around;
}

.prdlist40-item-img {
	width:230px;
	height:230px;
	margin:5px auto;
}

.prdlist40-item-img img {
	width:100%;	
}

.prdlist40-item-name {
	text-align:center;
	line-height:1rem;
}

.prdlist-section {
	margin:40px auto 20px auto;
}

.prdlist-section h2 {
	text-align:center;
	font-weight: 400;
	font-size: 1.5rem;
	margin:40px 0 20px 0;
	color:
}

.prdlist-section h2 a {
	color:#333;
}

#top_btn {
	position:fixed;
	bottom:10px;
	right:10px;
	left:unset;
	top:unset;
	border:2px solid #dedede;
	background: rgba(245,245,245,0.5);
	z-index:9999;
}

#sit_ov_from {
	border-top:none;
	background-color:#f7f7f7;
}

#s2_sit_ov_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	margin:auto;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: center;
}

#s2_sit_pvi {
	width:500px;
	margin:40px;
}

#s2_sit_ov {
	width:500px;
	margin:40px;
}

#sit_pvi_big {
	background-color:#fff;
	border:1px solid #e9e9e9;
	border-radius: 15px;
	overflow:hidden;
	float:none;
}

#sit_pvi_big img {
	width:auto;
	height:auto;
}

#sit_pvi_thumb {
	float:none;
	margin-top:20px;
	display:flex;
	justify-content:center;
}

#sit_pvi_thumb img {
	background-color:#fff;
	border:1px solid #e9e9e9;
	border-radius: 10px;
	overflow:hidden;
}

#sit_buy {
	display:none;
}

#sit_tab {
	width:100%;
}

#sit_tab .tab_tit {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}

#sit_info {
	border:none;
}

/* list.10.skin.php */
#sct_sort {
	float:none;
	width:100%;
}

#ssch_sort {
	float:none;
	width:100%;
}

#sct_sortlst {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	border:none;
	border-bottom:1px solid #e3e5e8;
}

.sct-list-row {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
}

.sct_txt {
	text-align:center;
}

.list-spacer-1 {
	height:200px;
}

.list-spacer-2 {
	height:400px;
}

.list-spacer-3 {
	height:600px;
}

.banner-caption-title {	text-shadow: 1px 1px 2px black; }
.banner-caption-text  {	text-shadow: 1px 1px 2px black; }

.ca-title {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	font-weight:bold;
}

.ca-list-title {
	margin-top:130px;
	margin-bottom:30px;
}

.ca-banner {
	position: relative;
	height: 300px;
    overflow: hidden;
}

.ca-banner img {
	position: absolute;
	left: -100%;
	right: -100%;
	margin:auto;
	height:100%;
	width:100%;
	object-fit:cover;
}

.ca-banner-img {
    min-width: 100%;
    height: 100%
    object-position:center;
    object-fit:cover;
}


.ca-banner-title {
	width:1140px;
	min-width:1140px;
	position:relative;
	margin:auto;
}

.ca-banner h3 {
	font-family: 'noto sans kr';
	text-shadow: 2px 2px 2px #444;
	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1.0rem;
	letter-spacing: -1px;
	position:relative;
	left:20px;
	top:120px;
	color:#fff;
}

/******/
/******/
/******/

@media (min-width:1141px) {
	.shop-banner-caption { width:1140px; }
}

@media (max-width:1140px) {
	.shop-banner-caption { width:100%; }
}

@media (max-width:1089px) {
	
	.login {display:none}
	.mpage {display:none;}
	.top-line { background:#333333; }
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
/*	
	.fixed-top {
		position: fixed;
		top: 34px;
		right: 0;
		left: 0;
		z-index: 1030;
	}
*/
}

@media (min-width: 992px) {
	
	.fixed-header {display:block;}
	.fixed-top { top:34px; }
	.container { width:1140px; max-width: 1140px; }
	.navbar-nav { /*width:500px;*/ justify-content:space-between; }
	.navbar-expand-lg .navbar-nav .dropdown-menu { left: -40px; }
	.nav-shop .navbar-nav { width:unset; }
	.hpage,.login,.store {display:none}
	.s1-ety-main { margin-bottom:111px; }
	.s2-ety-main { margin-bottom:98.5px; }
	#sit_inf_open {	width:1000px; margin:0 auto; }
	#sit_inf_open th {	width: 300px; }
	
	.banner-caption-title {	font-size:1.5rem; }
	.banner-caption-text  {	font-size:1.75rem; }
}

@media (max-width:991px) {
	
	.fixed-header { display:none; }
	.hpage,.mpage,.login,.store {display:block}
	.spage {overflow-x:auto;white-space: nowrap;}
	.fixed-top { top:0; }
	.s2-ety-main { margin-bottom:64.5px; }
	.ceo-sig>span>img { width:120px; }

	.navbar-brand .logo-default { display:none; }
	.navbar-brand .logo-default-shop { display:none; }
	.navbar-brand .logo-small { display:block; }
	.navbar-brand .logo-small-shop { display:block; }

	#quick_banner { display:none; }
	#stv { display:none; }
	
	.shop-banner-main {
		height:300px;
		background-size:auto 350px;
	}
	
	.ca-banner { height:200px }
	.ca-banner img { }
	.ca-banner-title h3 { top:90px; font-size: 1.75rem; }
	
	#s2_sit_pvi { margin-top:60px; }
	#s2_sit_ov { margin-top:0px; }
	
	.banner-caption-title {	font-size:1.25rem; }
	.banner-caption-text  {	font-size:1.25rem; }

	.navbar .menu-button {
		display:inline-block;
	}
	
	.carousel-item {
  		height: 300px;
  	}
  	
  	.carousel-caption h3 {
  		font-size: 1.8rem;
  	}
  	
  	.carousel-caption p {
  		font-size: 1.4rem;
	}
	
	.flex-cnt.prd > .flex-item {
		width:100%;
		max-width:100%;
		margin:20px 0 0 0;
	}
	
	.flex-cnt.prd > .flex-item p.prd-img {
		text-align:center;
		margin:10px 0 0 0;
	}
		
	#ctt_con .flex-item .prd-img img {
  		width: auto;
  		max-width: 100%;
  		height: 280px;
	}
	
	.flex-cnt.prd > .flex-item .prd-title-sub {
		margin:10px 0 0 0;
		text-align:center;
	}
	
	.flex-cnt.prd > .flex-item .prd-desc {
		margin:10px auto 0 auto;
		text-align:center;
		width:80%;
	}
	
	.flex-cnt.prd > .flex-item .prd-img-desc {
		margin:10px auto 0 auto;
		text-align:left;
		width:80%;
	}
	
	.mainmenu {
		height:470px;
	}
	
	.mainmenu > div {
		width:97%;
		margin:0 auto;
	}

	.mainmenu .menu-title {
		font-size:1.75rem;
		font-weight:400;
	}
	
	.mainmenu .menu-text {
		font-size:1.2rem;
	}
	
	.flex-cnt.prd > .flex-item.prd {
	}
	
	.prd-spc-80 {
		margin:40px 0 0 0;
	}
	
	.requot-form label { font-size:1.25rem; flex: 0 1 100%; margin:0; }
	.requot-form .prd-img-desc { font-size:1.0rem;}
	#wr_1, #wr_2, #wr_email, #wr_3, #wr_content { flex: 0 1 100%; font-size:1.25rem; }
	
	#ft_tail .cs-wrapper { margin:0 auto 30px auto; display:inline-block; }
	#ft_tail .cs-wrapper p { text-align:center }
	#ft_tail .cs-wrapper .cs-name { font-size:1.25rem; }
	#ft_tail .cs-wrapper .cs-phone { font-size:1.75rem; }
	#ft_tail .cs-wrapper .cs-time { font-size:0.8rem; }
	
	.phantom_wrapper { width:100%; max-width:1200px; margin:0 auto;} 
	#ft_tail { width:100%; display:inline-block;text-align:center; background:#f5f5f5; padding:40px 0px; border-top:1px solid #e1e1e1;}
	#ft_tail .ft_wrapper {}
	#ft_tail .ft_wrapper .ft_first { width:100%; float:inherit; text-align:center; }
	#ft_tail .ft_wrapper .ft_second { width:100%; float:inherit; text-align:center; position:relative;}
	#ft_tail .ft_wrapper .ft_second .ft_wrap { display:block;}
	#ft_tail .ft_wrapper .ft_second h1 { font-size:16px; letter-spacing:0.8px; font-weight:600; color:#999; display:block; vertical-align:top; margin:20px 0px; line-height:24px;}
	#ft_tail .ft_wrapper .ft_second h2 { font-size:14px; letter-spacing:-1px; font-weight:350; padding:0px 15px; color:#898989; display:inline-block; margin-left:0px; line-height:24px;}
	bar {? position:relative; margin-right:15px;}
	bar::after { content:''; position:absolute; margin:0px 7.5px; width:1px; height:12px; background:#dcdcdc; top:5px; }
}

@media (max-width:767px) {

	.prd-title { font-size:2rem; }
	.prd-title-sub { font-size:1.75rem; }
	.prd-desc { font-size:1.0rem; width:90%; }
	.prd-img-desc { font-size:0.75rem; }
}

@media (max-width:575px) {
	
	.flex-cnt.prd > .flex-item {
		min-width:1px;
	}
		
	#ctt_con .flex-item .prd-img img {
  		height: 200px;
	}
}