@font-face {
    font-family: 'MICEGothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/MICEGothic Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
 
 


* {padding:0; margin:0; }

.nav_wrap {width:100%; /* border-radius:10px 10px 0 0;  */overflow:hidden; box-sizing:border-box;  margin:0 auto; margin-top:4px;  overflow:hidden;  position:relative;  border-radius:5px 5px 0 0;   }
ul.nav {width:100%;  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

-webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	max-width:960px;
 

background-color:#006b90;  }
ul.nav li {position:relative; width:16.666666666666666%; box-sizing:border-box; list-style:none; text-align:center; border-right:1px solid rgba(255,255,255,.3); transition: all 0.3s ease-out; border-bottom:1px solid rgba(255,255,255,.3); }
ul.nav li:nth-child(6n) {border-right:none}
ul.nav li  a {width:100%; display:inline-block; color:#fff; line-height:1em; font-weight:500;  padding:11px 0; font-family:'Pretendard'; font-size:15.5px; text-shadow:1px 1px 2px #333}
/* ul.nav li:hover {background-color:#fff; }
ul.nav li:hover a {  color:#006b90; } */
ul.nav li.on {background-color:#055d45; }
ul.nav li.on a { color:#fff102}

ul.nav li  a  {
    transform: skew(-0.1deg);
}

.nav_bottom {background-color:#006b90;  width:100%; text-align:center; color:#fff; padding:8px 0;  font-weight:400; font-size:15px; font-family:'Pretendard';}

.dep_2_wrap {width:100%; background-color:#055d45; padding:12px 15px;  box-sizing:border-box;  text-align:center; margin-top:3px}
div.dep_2 { font-weight:600; display:inline-block; padding:2px; box-sizing:border-box; margin:5px 0; margin-right:10px; }
div.dep_2:last-child {border-right:none}
div.dep_2 a {font-size:13px; line-height:.7; display:inline-block; width:100%;   }
 
div.dep_2 + div.dep_2  {border-left:2px solid #fff; padding-left:10px}

/* General Style Definitions */
.dark {
	color: #4D4D4D;
	text-decoration: none;
}
.dark a:link {
	color: #4D4D4D;
	text-decoration: none;
}
.dark a:hover {
	color: #FF5A00;
	text-decoration: none;
}
.dark a:visited {
	color: #4D4D4D;
	text-decoration: none;
}

a:link {
	font-family: "Gulim";
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
a:visited {
	font-family: "Gulim";
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
a:hover {
	font-family: "Gulim";
	font-size: 12px;
	color: #ee780f;
	text-decoration: none;
}
a:active {
	font-family: "Gulim";
	font-size: 12px;
	color: #ee780f;
	text-decoration: none;
}

body,td,th {
	font-family: "dotum";
	font-size: 12px;
	color: #555555;
	letter-spacing: 0px;
	line-height:17px;
}

.Text-11px {
	font-family: "dotum";
	font-size: 11px;
	letter-spacing: 0px;
	line-height:16px;
}

.Line-map {
	font-family: "dotum";
	font-size: 11px;
	color: #555555;
	letter-spacing: 0px;
	padding-Top:3px;
	valign:bottom;
}

body {
	background-color: #FFFFFF;
	margin: 0px;

	scrollbar-3dlight-color:#BBBBBB;
	scrollbar-arrow-color:#BBBBBB;
	scrollbar-base-color:#EFEFEF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#EFEFEF; 
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#BBBBBB; 
}

table {
	border-collapse:collapse;
}

input, textarea, select  {
	font-size: 11px;
	font-family: "dotum";
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	color: #555555;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.StdForm-Checkbox, .StdForm-Radio, .StdForm-Image {
	border: none;
	width:auto;
	height:auto;
	background-color: transparent;
}

.StdForm-Radio {
	vertical-align: middle;
	background-color: transparent;
}

.StdForm-Image {
	vertical-align: middle;
}
.StdFrame-OuterLine4 {
	border:1px solid #D0D1E8;
}

.StdFrame-InnerLine4 {
	border:3px solid #F1F2FA;
}


.point-text {
	font-family: "µ¸¿ò";
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.BIG-TEXT {
	font-family: "µ¸¿ò";
	font-size: 14px;
	font-weight: bold;
	color: #555555;
}
.tit-text {
	font-family: "µ¸¿ò";
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;

}
.big-text2 {
	font-family: "µ¸¿ò";
	font-size: 16px;
	font-weight: bold;
	color: #004A80;
}
.select-text {
	font-family: "µ¸¿ò";
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
}

.hand {cursor:pointer;}


.main_mn   td  {padding-top:7px; padding-left:5px; width:75px; vertical-align:middle; border-bottom:1px solid #ddd;}

.product_list { box-sizing:border-box;
width:760px; 
 display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

	 -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  margin-top:20px }

.product_list div.box p {margin:3px 0}

.product_list div.box img.list_img {margin-bottom:10px; max-width:100%}

.product_list  {justify-content:space-between}
.product_list div.box {width:375px;   margin-right:0}
 
.product_list div.box:nth-child(n+3) {margin-top:30px} 

.product_list.list_type2  {justify-content:flex-start}
.product_list.list_type2 div.box {width:235px; margin-right:28px;}
 .product_list.list_type2 div.box:nth-child(3n) {margin-right:0%} 
.product_list.list_type2 div.box:nth-child(n+3) {margin-top:0} 
.product_list.list_type2 div.box:nth-child(n+4) {margin-top:30px} 


.page {width:100%; margin-top:30px;  display:flex;  algin-items:Center; justify-content:center }

.label {padding:2px 5px; background-color:#0bb300; color:#fff; font-size:11px; font-weight:600; display:inline-block; border-radius:2px}



/*********Æ˾÷*********/

.needpopup-opened,.needpopup-opened body{overflow:hidden}.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}.needpopup_wrapper{position:fixed;z-index:999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:40px 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.8)}.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}.needpopup-overflow .needpopup_wrapper{}.needpopup{position:relative;z-index:9999;top:50%;left:50%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:400px;max-width:100%;margin-left:-200px; -webkit-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1);opacity:0;background:#fff}.needpopup.opened{-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1}.needpopup.stacked{top:0!important;margin-top:0!important}.needpopup-overflow .needpopup{left:0;width:auto;margin-left:0}.needpopup_remover{position:fixed;z-index:9999;top:30px;right:30px;font-size:40px;line-height:.5;color:#fff;text-decoration:none}.needpopup_remover:hover{color:#ccc}.needpopup_remover:before{content:'¡¿'}.needpopup .needpopup_remover{top:20px;right:20px;position:absolute; font-size:30px; font-weight:800; color:#111;  }.needpopup .needpopup_remover:hover{color:#ccc}



input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
 align-items: center;
  justify-content: center;
  width: 35px;
  height:30px;
  margin-right:5px;
  position: relative;
  cursor:pointer; 
  border: 1px solid #ddd; background-color:#fff
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '-1';
  font-size:15px;  left:50%; top:50%; transform: translate(-50%, -50%); 
  /* width: 10px;
  height: 2px; 
  background-color: #212121;
  transform: translate(-50%, -50%); */ 
}

.number-input button.plus:before,
.number-input button.plus:after {
  display: inline-block;
  position: absolute;
  content: '+1';
 
}

/* .number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
} */

.number-input input[type=number] {
  font-family: sans-serif;
  width:50px; 
    border: 1px solid #ddd; margin-right:5px;
   font-size:15px; line-height:0;
  height: 30px; font-weight:500; color:#111;
  text-align: center; padding:0;
}