.guide{font-size:3.2em; font-weight:600; margin-bottom:20px;}

.sub_con{padding:200px 0; box-sizing:border-box;}
.sub_con hr{margin-bottom:60px;}
.sub_con .in{max-width:1300px;}
.sub_con .in_s{max-width:1000px; margin:0 auto;}

.sub_menu{margin:25px 0 50px 0;}
.sub_menu ul{display:flex;  width:100%; justify-content:center;}
.sub_menu li{flex1;}
.sub_menu a{display:inline-block; padding:13px 45px; box-sizing:border-box; font-size:1.2em; font-weight:400; color:#bbb; letter-spacing:0; border:1px solid #ccc; border-left:none;}
.sub_menu li:first-of-type a{border-left:1px solid;}
.sub_menu a.ov{color:var(--main_c); border:1px solid var(--main_c); }

@media (max-width: 900px) { 
	.guide{font-size:2em;}
	.sub .in{padding:0 3%; box-sizing:border-box;}
	.sub_con{padding:150px 0 80px 0;}
	.sub_menu{overflow-x:auto;}
	.sub_menu a{padding: 18px 20px; font-size:1.1em; white-space: nowrap;}
}


.about{font-size:1.1em; line-height:1.5; font-weight:300;}
.about .section1{display:flex; gap:60px;}
.about .section1 .imgbox{width:40%;}
.about .section1 .imgbox img{width:100%;}
.about .section1 .txtbox {width:60%;}
.about .section1 .txtbox b {font-size:1.3em;}
.about .section2{display:flex; gap:20px; margin-top:30px;}
.about .section2 > div{background:#f6f6f6; box-sizing:border-box; padding:30px;}
.about h4 {color:var(--main_c); font-size:1.2em; }

@media (max-width: 900px) { 
	.about {font-size:1em;}
	.about .section1{flex-direction:column; gap:30px;}
	.about .section2{flex-direction:column;}
	.about .section1 .imgbox{width:100%;}
	.about .section1 .txtbox{width:100%;}
}


.product_list{padding-top:113px;}
.sl{display:flex;  flex-wrap: wrap; margin-top:60px; gap:20px;}
.sl .sv{display:flex; width:100%; gap:20px; border-bottom:1px solid #ddd; box-sizing:border-box; padding-bottom:30px; margin-bottom:30px; cursor:pointer;}
.sl .imgbox{width:40%; display:flex; gap:5px; position:relative; }
.sv.reserved .imgbox::after{content:'Reserved'; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; font-size:2.7em; color:#fff; font-weight:600; font-style:italic;}
.sv.soldout .imgbox::after{content:'Sold out'; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; font-size:2.7em; color:#fff; font-weight:600; font-style:italic;}
.sl .imgbox .left{width:67%;}
.sl .imgbox .right{width:33%; }
.sl .imgbox img{width:100%;}
.sl .imgbox .right img:last-child{margin-top:5px;}
.heart{position:absolute; top:0; left:0; text-align:center; padding:10px; box-sizing:border-box; background:#fff; box-shadow: -3px -1px 7px 0px rgb(0 0 0 / 5%)}                                             
.heart i{color:#ddd; font-size:1.3em; }
.heart p{margin-top:5px;}
.heart.ov i{color:#e90000;}

.sl .info{width:60%; display: flex;    flex-direction: column;    justify-content: space-between;}
.sl .info .wrap{display:flex;     justify-content: space-between;}
.sl .info h4{font-size:1.6em; font-weight:500;}
.sl .info p{margin-top:5px;}
.sl .info .price{font-weight:500; font-size:1.6em; color:var(--main_c); text-align:right;}


.product_view .section01{display:flex; gap:50px;}
.product_view .left{width:55%}
.product_view .right{width:45%}

.product_view .left .swiper-slide {
      background-size: cover;
      background-position: center;
    }

.product_view .left .mySwiper2 {
      height: 600px;
      width: 100%;
    }

.product_view .left .mySwiper { 
      height: 100px;
      box-sizing: border-box;
      padding: 10px 0;
    }

.product_view .left .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

.product_view .left .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

.product_view .left .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.product_view .right .sale{padding:7px 15px; box-sizing:border-box; background:#000; color:#fff; border-radius:5px; display:inline-block; margin-bottom:5px; font-size:.9em; font-style:italic;}
.product_view .right .sale i{color:#fff;}
.product_view .right h5{font-size:1.8em;}
.product_view .right p{font-size:1.1em; margin:5px 0 30px 0;}

.product_view .right .wrap{display:flex; gap:30px; font-size:1.1em; justify-content:space-between; background:#f5f5f5; padding:15px; box-sizing:border-box; margin:10px 0;}
.product_view .right .price_wrap{text-align:right;}
.product_view .right .noprice{text-decoration: line-through; font-weight:400;}
.product_view .right .price{color:var(--main_c); font-size:1.4em;}
.product_view .right .price_wrap span{display:inline-block; width:100%; color:#777; }
.product_view .right h6{font-size:1em; flex-shrink:0; font-weight:500;}

.product_view .right .select_wrap{display:flex; gap:10px;}
.product_view .right select{padding:10px; box-sizing:border-box; font-size:1.1em; width:50%; border:1px solid #ccc;}
.product_view .btnbox{margin-top:40px; display:flex; justify-content:center;}
.product_view button{padding:20px 60px; box-sizing:border-box; background:#000; color:#fff; font-size:1.2em; font-weight:600;}
.product_view button.color_btn{background:var(--main_c)}


.product_view .section02{}
.product_view .section02 h4{font-size:2em; margin:70px 0 20px 0;}
.product_view .section02 .wrap{display:flex; flex-wrap:wrap; gap:10px;}
.product_view .section02 dl{display:flex; gap:20px; font-size:1.2em; width:calc(33.33% - 7px); background:#f5f5f5; padding:30px; box-sizing:border-box; }
.product_view .section02 dt{ font-weight:500; white-space:nowrap;}
.product_view .section02 .btnbox{margin-top:60px;}
.product_view .section02 a{font-weight:600; display:inline-block; background:#000; color:#fff; padding:20px 50px; box-sizing:border-box;}
.product_view .section02 i{color:#fff;}

.detail{box-sizing:border-box; display:flex; margin:15px 0; flex-wrap:wrap; gap:10px 5px; font-size:.95em;}
.detail dl{display:flex; white-space:nowrap; gap:10px; box-sizing:border-box; border:1px solid #ddd; padding:7px 15px; border-radius:50px;}
.detail dd{color:#777;}

@media (max-width: 1400px) { 
	.product_view .section02 dt{white-space: normal;}
}

@media (max-width: 900px) { 
	.product_list{padding-top:99px;}
	.sl .sv{flex-direction:column;}
	.sl .imgbox{width:100%;}
	.sl .info{width:100%;}
	.sl .info .price{font-size:1.3em;}
	.product_view .section01{flex-direction:column;}
	.product_view .left{width:100%;}
	.product_view .right{width:100%;}
	.product_view .left .mySwiper2 {height:80vw;}
	.product_view .left .mySwiper {height:100px;}
	.product_view .left table{font-size:.9em;}
	.product_view .section02 h4{font-size:1.8em;}
	.product_view .section02 dl{width:calc(50% - 5px); flex-direction:column; padding:15px; gap:5px; font-size: 1em;}
	.product_view button{padding:20px 30px; font-size:1.1em;}
	.detail{font-size:.8em;}
	.product_view .right .wrap{flex-direction:column; gap:5px; font-size:1em;}
	.product_view .right .price{font-size:1.2em;}
}



.contact{}
.contact iframe{width:100%; height:500px; display:block;}
.contact .info{background:#f5f5f5; padding:20px; box-sizing:border-box; display:flex; gap:50px; justify-content:center;}
.contact .info li{display:flex; align-items:center; gap:5px; font-size:1.1em;}
.contact .info i{color:var(--main_c); font-size:1.3em;}

@media (max-width: 900px) { 
	.contact iframe{height:300px;}
	.contact .info{flex-direction:column; gap:10px;}
	.contact .info li{align-items:start;}
}

.table { width: 100%; display: table;  font-size:1.1em; border-top:2px solid #333}
.table .row {display: table-row; background: #fff; font-size:1em; }
.table .row.th {font-weight:500; /* color: #fff; background:var(--main_c); */ }
.table .row.notice {background-color:#e7f0f5}
 
.cell { padding:15px 12px; display:table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666}
.cell a { display: flex;    gap: 5px;}
.cell p {color:#111; 
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cell span{color:var(--main_c);}
.cell i{
	color: var(--main_c);
    font-size: 1em;
    animation: opacity 2s infinite linear;
}
.cell a.s_btn2 {color:#fff}
.table .row.th .cell{color:#333;}

.cell.tit  {width:55%; text-align:left; font-weight:500; line-height:1.3; font-size:1em}
.cell.no {width:50px; }
 
.none_list {width:100%; display:inline-block; text-align:center; background-color:#f9f9f9; font-size:1em; padding:10px 0 }
.table .row.notice * {color:#333}
.cell .arrow_btn {width:10px; display:inline-block; line-height:0; vertical-align:-2px}
.cell .arrow_btn i {line-height:0; font-size:18px;  }
.cell .arrow_btn a i {color:rgba(255,255,255,.5); }
.cell .arrow_btn a i.over {color:#fff}

@media screen and (min-width:900px) {
  
   .cell.name {width:100px; white-space:nowrap;  }
   .cell.date {width:100px;  white-space:nowrap;   }
   .cell.hit {width:80px; white-space:nowrap; }
   .cell.reply.yes {color:var(--main_c)}
   .cell.reply.no {color:red;}
   .cell span{white-space: nowrap;}
   .cell.tit{width:65%;}
}
 
@media screen and (max-width:900px) {
	.table { display: block; font-size:1em }
    .table * {line-height:1.3}
	.table .row {padding:13px 2%; display:block;  border-bottom:1px solid #ddd}
	.table .row.th {padding: 0; height: 2px; }
	.table .row.th .cell { display: none; }
	.table .row .cell:before { margin-bottom: 3px; content:attr(data-title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; display:inline-block; border-bottom:none; text-align:left; font-size:.95em}
	.cell.tit  {width:100%; font-size:1.06em; font-weight:600; margin-bottom:2px;  display:inline-block}
    .cell.no {display:none}
	.cell.m_tit {width:100%; font-size:1.06em; margin-bottom:2px;  display:inline-block; color:#000; font-weight:600}

}
 

  
p.view_title {font-size:1.2em;  line-height:1.3;  font-weight:600; width:100%; padding:15px 2%; box-sizing:border-box; display:inline-block; text-align:Center; box-sizing:border-box; border-top:2px solid #333;  border-bottom:1px solid #ddd;}
div.view_info {font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding:10px 0; display:flex; box-sizing:border-box; flex-wrap:wrap; gap:10px 0;}

div.view_info span{display:flex; align-items:center; gap:5px;}
div.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 10px 0 5px}
div.view_info span:last-child::after {display:none}
div.view_info a:hover {text-decoration:underline }
div.view_info span.file{display:flex; align-items:center;}
div.view_info span.file a {display:inline-block;  color:#666; box-sizing:border-box; margin-right:5px; font-size:.9em; line-height:1;}
div.view_info span.file a:hover {text-decoration:underline }

div.view_content {width:100%; display:inline-block; padding:20px 0; }
div.view_content img {max-width:100%}
 
div.view_file {width:100%; padding:12px 0 8px 0;  border-bottom:1px solid #ddd; }
div.view_file ul {width:100%; display:flex; flex-wrap:wrap;}
div.view_file ul li {display:inline-block; margin-bottom:5px; }
div.view_file ul li a {display:inline-block; font-size:0.90rem; background-color:#2478be; color:#fff; padding:4px 15px; border-radius:5px; margin-right:10px;}

div.comment {width:100%; display:flex; background-color:#f3f3f3; box-sizing:border-box; padding:20px }
div.comment b {width:80px; flex-shrink:0; }

.list_next  {width:100%; display:inline-block;  border-top:1px solid #ddd; padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1; color:#999;  overflow: hidden;   text-overflow: ellipsis; margin:3px 0;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:80px; display:inline-block}
.list_next.border_top_none {border-top:none }
.list_next a{color:#666;}


@media screen and (max-width:900px) {

		p.view_title { width:100%; padding:10px 0;  text-align:left; color:#333; background-color:#fff;  border-top:2px solid #333; }

		div.view_info {padding-top:1px; font-size:.9em; padding:10px 0;}
		div.view_info + div.view_info {padding-top:10px}
		div.view_info span.file{align-items:start;}
		div.view_info span.file::after{display:none;}
}

 

  
/*search*/			
.notice .search {margin-top:40px;  width:100%; display:flex;  justify-content:flex-end}
.notice .search input  {width:30%; border:1px solid #c9c9c9; padding-left:10px; font-size:0.93em; color:#666; margin:0 5px}
.notice .search select  { font-size:0.93em; color:#666; border:1px solid #c9c9c9;  vertical-align:middle; width:100px;  }
.notice .search a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}


.page{display:flex; gap:10px; justify-content:center; margin-top:70px; flex-wrap:wrap;}
.page li{}
.page li a{padding:5px; box-sizing:border-box; font-size:1.1em; color:#aaa;}
.page li a.ov{color:var(--main_c); font-weight:500;}
.page li i{color:#555;}

  @media screen and (max-width:900px) {
	  .page{margin-top:30px;}
  }

/* 제품문의 */
.titbox{display:flex; justify-content:space-between; align-items:end;}
.titbox p{margin-bottom:10px;}
.required{position:relative;}
.required::before{position:absolute; content:'*'; color:var(--main_c); top:-3px; left:-10px; font-weight:500;}

.write {width:100%; display:flex;  justify-content:space-between; flex-wrap:wrap; /* background:#f7f7f7;  */padding:20px 0; box-sizing:border-box; font-size:1em; border-top:2px solid #333;}
.write li input[type="file"]{font-size:1em;}
.write input[type="radio"]{width:20px; height:20px;}
.write li { width:100%;  display:flex; align-items:center;  padding:15px 0; box-sizing:border-box; }
.write li.col-2 {width:50%}
.write li.right {padding-left:30px; box-sizing:border-box;}
.write li p {width:180px; font-size:1.1em; font-weight:500; color:#333; flex-shrink: 0;} 
.write li input {width: calc(100% - 180px);
    font-size:1em;
    border-radius: 5px;
	padding:10px;
	box-sizing:border-box; 
	border:none;
	background:#f1f1f1;
}

.write li select { 
    padding:10px;
	box-sizing:border-box; 
    font-size:1em;
    border-radius: 5px;
	border:none;
	background:#f1f1f1;
	
}
.write li textarea {width: calc(100% - 130px); 	border:none; background:#f1f1f1;}
.write li.phone div{display:flex; align-items:center; gap:5px; width:100%;}
.write li.phone select {width:30%}
.write .labelbox{display:flex; gap:20px;}

 @media screen and (max-width:900px) {
	.titbox{flex-direction:column; align-items:start;}

 	.write ul{font-size:.9em; padding:20px 0;}
	.write li {width:100%;  flex-wrap:wrap;}
	.write li.col-2 {width:100%; flex-wrap:wrap;}
	.write li.right{padding-left:0}

	.write li p {width:100%; margin-bottom:5px} 
	.write li  input {width:100%}
    .write li textarea {width:100%; height:150px !important }

	.write li.phone div{flex-direction:column; align-items:start;}
	.write li.phone select{width:100%;}

} 


.textarea1 {
    font-size: 0.95em;
    line-height: 1.4em;
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px;
}

.agreebox{margin:30px 0;}
.agreebox h4{font-size:1.3em; font-weight:500;}
.agreebox .labelbox {
	width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    background-color: #f1f1f1;
    text-align: center;
    font-size: 1em;
    color: #666;
	font-weight:400
}
.agreebox label	{display: flex; align-items: center; gap: 5px; justify-content: center;}
.agreebox input {vertical-align:middle;width:17px;height:17px;}
.agreebox input[type=checkbox]{width:20px;height:20px;margin-right:3px}

.btnbox{margin-top:40px;}
.btn {
	display:inline-block;
	background:var(--main_c);
	color:#fff;
	box-sizing:border-box;
	padding:20px 55px;
	font-size:1.1em;
	font-weight:600;
	border-radius:5px;
	transition:all ease .2s;
	cursor:pointer;
 }
.btn input{border:none;background:none;	font-size:1em; font-weight:700;}

@media screen and (max-width:900px) {
	.btn{	padding:20px 30px;font-size:1.1em}
}


.join .s_btn{background:#fff; border:1px solid #ccc; padding:12px 20px; box-sizing:border-box; margin-left:10px; font-size:1em; white-space: nowrap; border-radius:5px;}
.contact_list .s_btn{background:#fff; border:1px solid #ccc; padding:12px 20px; box-sizing:border-box; margin-left:10px; font-size:1em; white-space: nowrap; border-radius:5px; margin-top:20px;}

@media screen and (max-width:900px) {
	.join .s_btn{margin-left:0; margin-top:5px;}
	.contact_list .s_btn{margin-left:0; margin-top:5px;}
}


.login_box {width:100%; max-width:450px; margin:0 auto;}
.login_box input 	{font-size:1em; color: #555; height:45px; border:none; background-color:#f1f1f1; margin-bottom:15px; padding:10px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.login_box input::placeholder {color:#999}
.login_box a.login_btn {width:100%; background-color:var(--main_c); border:2px solid var(--main_c);  display:inline-block; color:#fff; text-align:center; line-height:45px; font-size:1.1em; font-weight:500; transition: background-color 0.3s ease-in; box-sizing:border-box;  }
.login_box a.login_btn:hover {  background-color:#fff; border:2px solid var(--main_c);   color:var(--main_c);  }
.login_box ul {width:100%; text-align:center; padding-top:20px}
.login_box ul li {display:inline-block; font-size:1em; color:#666; padding:0 10px;     line-height: 1.6;}
.login_box p {font-size:1.05em; color:#222; line-height:1.3; padding-bottom:10px}
.login_box p  b {color:#002060; font-size:1.1em; font-weight:600}
.login_box span{color:var(--main_c)}


.delete .wrap{margin-top:20px; border-top:2px solid #333; padding-top:20px; box-sizing:border-box;}
.delete h4{font-size:1.3em; font-weight:500; margin-bottom:10px;}
.delete label{width:100%;  display: flex; gap:10px; align-items:center; font-size:1.05em; margin-bottom:8px;}
.delete input{background:#f3f3f3; border:none; padding:8px 10px; box-sizing:border-box;}
.delete .section01 input[type=text]{width:40%;}
.delete .section02 input[type=text]{width:70%;}
.delete a{color:#fff; padding:20px 30px;}