/* 초기화 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, input, select, textarea,
fieldset, form, label, legend, fieldset,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: normal;
  font-size: 100%;
  font-family:'Nanum Gothic', sans-serif;
  vertical-align: top;
  list-style: none;
  text-decoration: none;
  border-collapse:collapse;
  word-break:keep-all;



}




body, div, ul, li{margin:0; padding:0; font-size:13px; color:#333; }



ul{list-style:none}
a{ text-decoration:none}

button{border: 0;cursor: pointer;}




section	{ width:100%; overflow:hidden}




.box_gray { margin-top:30px; background:#FFF}
.box_light_blue {background:#FFF; border:1px solid #bcdbea; box-sizing:border-box; padding:30px 0px} 

.bgc_g1	{ background:#f5f5f5}





input[type="text"] 	{height:32px;padding:0 10px;border:1px solid #dedede;font-size:13px;box-sizing:border-box;vertical-align: middle; text-align:left}
input[type="password"] 	{height:32px;padding:0 10px;border:1px solid #dedede;font-size:13px;box-sizing:border-box;vertical-align: middle;}
input[type="image"] {  }

.w100	{width:100px}
.w150	{width:150px}
.w200	{width:200px}
.w250	{width:250px}
.w300	{width:300px}
.w420	{width:420px}
.w420	{width:600px}


.w100p	{width:100%}








/************** Select **************/

.sel_box	{display:inline-block;height:32px; margin:0px 0px 5px 0px }
.sel_box select	{width:100%;height:32px;-webkit-appearance: none;-moz-appearance: none;line-height:40px; background:url('/secuin/img/sel_arr.png') no-repeat right 14px center;padding:0 10px 0 10px;font-size:13px;border:1px solid #dadada;box-sizing:border-box;color:#333;}
.sel_box select::-ms-expand {display: none;}



/************** button 스타일 **************/



.kd_btn {
	background-color:#467bd3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Nanum Gothic', 'Noto Sans KR', gulim, Arial;
	font-size:12px;
	padding:0.3rem 0.6rem;
	text-decoration:none;
	transition:all ease 0.5s;
}
.kd_btn:hover {
	background-color:#222;
}
.kd_btn:active {
	position:relative;
	top:1px;
}



.kd_btn22 {
	background-color:#426c9f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Nanum Gothic', 'Noto Sans KR', gulim, Arial;
	font-size:12px;
	padding:0.2rem 0.6rem;
	text-decoration:none;
	transition:all ease 0.5s;
	height:29px;
}
.kd_btn22:hover {
	background-color:#222;
}
.kd_btn22:active {
	position:relative;
	top:1px;
}




.kd_btn_close {
	background-color:#e4e4e4;
	display:inline-block;
	cursor:pointer;
	color:#222;
	font-family:'Nanum Gothic', 'Noto Sans KR', gulim, Arial;
	font-size:12px;
	padding:0.2rem 0.6rem;
	text-decoration:none;
	transition:all ease 0.5s;
	border-radius:0.3rem;
	border:1px solid #CCC;
}
.kd_btn_close:hover {
	background-color:#222;
	border:1px solid #222;
	color:#FFF;
}
.kd_btn_close:active {
	position:relative;
	top:1px;
}


.kd_btn33		{font-size:14px;  font-family: 'Noto Sans KR', sans-serif; font-weight:700; color:#fff; display:inline-block; padding:9px 15px; background-color:#26a9e0;  border-radius:100px; min-width:180px; transition:all 0.25s; cursor:pointer; box-sizing:border-box; margin:0px 10px;height:auto;}
.kd_btn33:hover	{ background-color:#2e2e2e;  }


/**--- a.button 스타일  ---*****/



a.kd_btn {
	background-color:#467bd3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Nanum Gothic', 'Noto Sans KR', gulim, Arial;
	font-size:12px;
	padding:0.3rem 0.6rem;
	text-decoration:none;
	transition:all ease 0.5s;
}
a.kd_btn:hover {
	background-color:#222;
}
a.kd_btn:active {
	position:relative;
	top:1px;
}






a.kd_btn2 {
	background-color:#426c9f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Nanum Gothic', 'Noto Sans KR', gulim, Arial;
	font-size:12px;
	padding:0.3rem 0.6rem;
	text-decoration:none;
	transition:all ease 0.5s;

}
a.kd_btn2:hover {
	background-color:#222;
}
a.kd_btn2:active {
	position:relative;
	top:1px;
}


.btn_sp_001	{background:#36C; color:#FFF; font-size:12px; font-family:'Nanum Gothic', 'Noto Sans KR', gulim, Arial; padding:5px 8px; border-radius:4px}

.old_order_btn	{ position:absolute;left:130px;top:64px;  font-size:11px; color:#fff; line-height:130%; padding:4px 6px 3px 22px; border-radius:4px;  font-family: 'Nanum Gothic', sans-serif; background:url(../img/load_list_btn.png) 5px 4px no-repeat #5f6d88 }
.old_order_btn:hover{ background-color:#C00; transition: all 0.3s ease;}



.textarea_01	{ font-size:12px}



.curr_ol	{ color:#FFF; font-size:12px;  background:#F30; padding:2px 10px; display:inline-block; text-align:center; width:50px; border-radius:0.3rem; margin-right:6px}
.curr_ol2	{ color:#FFF; font-size:12px;  background: #999; padding:2px 10px; display:inline-block; text-align:center; width:50px; border-radius:0.3rem; margin-right:6px}



/* Responsive Web Design Area */
@media screen and (max-width:1100px){
 html {overflow-y:scroll; width:1100px; height:100%;}
 body {height:100%;}