/* button 
---------------------------------------------- */
.button {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
vertical-align: baseline;
margin:3px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font-family: "Noto Sans KR", 'Nanum Gothic', "Apple SD Gothic Neo", sans-serif !important;
letter-spacing: normal;
padding:5px 10px;
 text-shadow:;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
}
.button:hover {
text-decoration: none;
top: 0;
}
.button:active {
position: relative;
top: 0;
}
.arrow { }
.arrow::after {
content: '';
 display: inline-block;
 width: 6px;
 height: 6px;
 margin: 0 0 3px 15px;
 border-right: 2px solid #f56349;
 border-top: 2px solid #f56349;
 transform: rotate( 45deg );
}
.arrow_w { }
.arrow_w::after {
content: '';
 display: inline-block;
 width: 6px;
 height: 6px;
 margin:0 0 3px 15px;
 border-right: 2px solid #fff;
 border-top: 2px solid #fff;
 transform: rotate( 45deg );
}
.arrow_b { }
.arrow_b::after {
content: '';
 display: inline-block;
 width: 5px;
 height: 5px;
 margin:0 0 3px 10px;
 border-right: 1px solid #000;
 border-top: 1px solid #000;
 transform: rotate( 45deg );
}
.normal {
letter-spacing: normal !important;
background-color:#FFF;
padding:0 !important;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border: 0;
}
.round {
-webkit-border-radius: 2em;
-moz-border-radius:2em;
border-radius: 2em;
}
.big {
font-size: 18px;
padding:15px 25px;
letter-spacing:-0.1pt;
}
.medium {
font-size: 14px;
padding: 8px 25px;
}
.medium_s {
font-size: 13px;
padding:5px 13px;
}
.small_m {
font-size:13px;
line-height:30px;
}
.small {
font-size:12px;
padding:3px 10px;
}
.small_s {
font-size:11px;
padding:0 7px;
line-height:2;
}
.order {
font-size:16px;
padding:0 14px;
line-height:45px;
font-weight:700;
border:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
/* color styles 
---------------------------------------------- */

/* black */
.black {
color: #fff;
border: solid 1px #333;
background-color:#333;
}
.l_black {
color: #000;
background-color:#FFF;
border:solid 1px #000;
}
.green {
color: #fff;
border: solid 1px #14b282;
background: #2cce9d;
}
/* gray */
.gray {
color: #fff;
border: solid 1px #555;
background: #696969;
}
.gray2 {
color:#fff;
background-color:#b9b9b9;
border:solid 1px #b9b9b9;
}
/* lightgray */
.lightgray {
color: #333;
background-color: #Fff;
border: solid 1px #afaeae;
}
/* yellow */
.yellow {
color: #333;
border: solid 1px #efdb03;
background: #fce701;
background: -webkit-gradient(linear, left top, left bottom, from(#fce701), to(#efdb03));
background: -moz-linear-gradient(top, #fce701, #efdb03);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce701', endColorstr='#efdb03');
}
/* white */
.white {
color: #333;
border: solid 1px #CCC;
background: #fff;
}
/* red */
.red {
color: #da006b;
border: solid 1px #da006b;
background: #fff;
}
.orange {
color: #fff;
background:#f56349;
border:solid 1px #f56349;
}
.orange_l {
color: #f56349;
background:#fff;
border:solid 2px #f56349;
}
/* blue */
.blue {
border: solid 1px #174ec9;
background-color:#285fd9;
color:#FFF;
}
.lightblue {
border: solid 1px #60677d;
background-color:#7680a4;
color:#FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#7680a4), to(#8992b5));
background: -moz-linear-gradient(top, #7680a4, #8992b5);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7680a4', endColorstr='#8992b5');
}
.sky {
background-color:#35c4ee;
color:#FFF;
border:1px solid #35c4ee;
}
.sky_line {
background-color:#fff;
border:1px solid #35c4ee;
color:#35c4ee;
}
/*navy */
.navy {
border: solid 1px #222165;
background-color:#222165;
color:#FFF;
}
.navy:link { text-decoration: none; }
.navy_out {
border: solid 1px #222165;
background-color:#fff;
color:#222165;
}
/* green */
.light_green {
color: #296947;
border: solid 1px #c5f7de;
background: #c5f7de;
}
.light_out {
border: solid 1px #c5f7de;
background: #296947;
}
/* static */
.bt_round {
background-color:#4386f1;
color:#FFF;
font-size:8pt;
font-weight:bold;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
width:25px;
height:25px;
line-height:25px;
display: inline-block;
 float:;
margin-right:10px;
text-align:center;
vertical-align:middle;
}
.bt_round_b {
background-color:#000;
color:#FFF;
font-size:13px;
font-weight:bold;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
width:30px;
height:30px;
line-height:30px;
display:block;
margin-right:10px;
text-align:center;
}
/* naver*/
.naver_green {
color:#fff;
border:solid 1px #1ec800;
background: #1ec800;
}
.naver_red {
color:#fff;
border:solid 1px #e12c09;
background: #e12c09;
}
.rightgray {
background: #ededed;
border: solid 1px #ededed;
color: #737373;
}