@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

.ml8{ margin-left:8px; }
.mll0{ margin-left:10px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml20{ margin-left:20px; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.mb70{ margin-bottom:70px; }

.mt2{ margin-top:2px;}
.mt5{ margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
 
.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl20{ padding-left:20px; }
.pl30{ padding-left:30px; }
.pr5{ padding-right:5px; }
.pr20{ padding-right:20px; }
.pr10{ padding-right:10px; }
.pr20{ padding-right:20px; }
.pr30{ padding-right:30px; }
.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt11{ padding-top:11px; }
.pt12{ padding-top:12px; }
.pt13{ padding-top:13px; }
.pt14{ padding-top:14px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt30{ padding-top:30px; }
.pt50{ padding-top:50px; }
.pt60{ padding-top:60px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb20{ padding-bottom:20px; }
.pb50{ padding-bottom:50px; }
.pb80{ padding-bottom:80px; }
.pb100{ padding-bottom:100px; }
.pd10{ padding:10px; }
.pd20{ padding:20px; }
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

/*width°ü·Ã*/
.width40 {width:40px;}
.width60 {width:60px;}
.width80 {width:80px;}
.width100 {width:100px;}
.width100p {width:100%;}
.width120 {width:120px;}
.width130 {width:130px;}
.width150 {width:150px;}
.width160 {width:160px;}
.width200 {width:200px;}
.width210 {width:210px;}
.width240 {width:240px;}
.width270 {width:270px;}
.width290 {width:290px;}
.width300 {width:300px;}
.width310 {width:310px;}
.width370 {width:370px;}
.width400 {width:400px;}
.width470 {width:470px;}
.width500 {width:500px;}

.ht40{height:40px;}
.ht50{height:50px;}

.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs30{font-size:30px;}


.fw520{font-weight:520;}
/* select css*/
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #000000;
  height: 20px;
  width: 230px;
  background-color:#fff;
  line-height:18px;
  vertical-align:middle;
  font-family:NanumGothic;
  font-size:12px;
}

.sel-style {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight:300;
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 0 4px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  text-align:left;
}
.sel-style:after {
  color:#be0000;
  content: "[È®ÀÎ]";
  position:absolute;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: #778899;
  top: 0px;
  right: 3px;
   font-size:10px;
}
.sel-style:hover {
  background-color: #f3f3f3;
}
.sel-style:active, .sel-style.active {
  background-color: #f3f3f3;
}
.sel-style:active:after, .sel-style.active:after {
	color:#be0000;
	content: "[È®ÀÎ]";
    position:absolute;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: #778899;
    top: 0px;
  	right: 3px;
	 font-size:10px;
 
}

.sel-options {
  display: none;
  position: relative;
  top: 39px;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border:1px solid #000;
}
.etcarea {
  margin:38px 0 0 0; 
  border:1px solid #000;
  background-color:#fffaf8;
  overflow:hidden;
  word-wrap:break-word;
  line-height:20px !important;
  cursor: Default;
  color:#ff0000;
  z-index: 999 !important;
  position:relative;
  display:none;
  font-size:14px;
}
.etcarea li{
  height:100%;
  
}

.sel-options li {
  margin: 0;
  /*padding: 4px 0;*/
  text-indent: 15px;
  color:#000;
  font-size:14px;
  border-top: 1px solid #cacaca;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  text-align:left;
}

.sel-options li#card_tb {height:60px; line-height:20px; overflow:auto;}
.sel-options li ul{margin:0; padding:0; list-style:none; border:0px; height:100px;}
.sel-options li ul li{
	margin:0; padding:20px 0 20px 20px; border:0px; line-height:20px; float:left;
	height:60px; text-indent:0;
}
.sel-options li ul .card_price_commnum{
	font-size:19px;
}

.sel-options li ul li:last-child{
	float:right;
	padding-right:10px;
}

.sel-options li img.linkImg{
	position:relative;
	float:right;
	top:5px;
	right:10px;
	vertical-align:middle;
}
.sel-options li.lichoice_blank {
  color: #fff;
  background: #555;
  height:100px;
}

.sel-options li.lichoice {
  color: #fff;
  background: #555;
}
.sel-options li.lichoice ul li{ color: #fff; }

.sel-options li:hover{
  color: #fff;
  background: #a5a5a5;
}
.sel-options li:hover ul li{ color: #fff; }
.sel-options li[rel="hide"] {
  display: none;
}

.sel-hidden {
	display:none;
}
/* select css*/