@import url('https://cdnjs.cloudflare.com/ajax/libs/spoqa-han-sans/2.1.2/css/SpoqaHanSans-kr.min.css');
* {
	font-family: 'Spoqa Han Sans', 'Sans-serif';
}
.fa, .far, .fas {
	font-family: "Font Awesome 5 Free" !important;
}
/* Common  */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:12px}
img,fieldset,select{border:0; vertical-align:middle; align:absmiddle;}
table img{ vertical-align:middle; align:absmiddle; }
ul,ol,li{list-style:none}
em,address{font-style:normal}
a, a:link{text-decoration:none; cursor:pointer;color:#000000; font-weight: normal !important;}
a:hover,a:active,a:focus{text-decoration:none; cursor:pointer;font-weight:bold;}
textarea,input{font-size: 12px;line-height: 18px;color: #555;vertical-align: middle;padding: 5px;border: 1px solid #d8d8d8;}
.png24 {tmp:expression(setPng24(this)); }  


select{border: 1px solid #999; padding:2px;}

/* search */
#main_headsearch {
	width: 720px;
	height: 70px;
	box-sizing: border-box;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding: 9px 30px;
	border: transparent;
	font-size: 18px;
	color: #333;
	float: left;
}

#main_headsearch:focus, #main_headsearch_btn:focus {
	outline: none;
}

#main_headsearch_btn {
	width: 90px;
	height: 70px;
	box-sizing: border-box;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	background-color: #FFF;
	border: transparent;
	font-size: 26px;
	float: left;
	padding: 0px;
	color: #81A9FF;
	transition-duration: 0.5s;
}

#main_headsearch_btn:hover {
	color: #4189EE;
	cursor: pointer;
}

/* main_category */
.index_main .category_area .category_ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 80%;
	margin: auto;
	margin-top: 30px;
}

.category_ul li {
	width: 150px;
	height: 150px;
	border: 1px solid #d8d8d8;
	border-radius: 50%;
	transition-duration: .5s;
}

.category_li:hover {
	background-color: #81a9ff;
	color: #FFF;
}

/* Layout */
#wrap{	width:100%; text-align:center; }  
#header{width:1001px; margin:0 auto;  overflow:hidden; clear:both; } 
#container {width:1200px; margin:auto; display:inline-block;  margin:0 auto;	 background-repeat:no-repeat ; background-position:top;} 
#container:after{display:block; content:"";  text-align:left; clear:both;  margin:0; padding:0;}

/* 광고용 아이프레임용 */
#outside {  width:100%; text-align:left;   margin:0 auto; color:#343434; }

#outcate {  text-align:left;  margin:0 auto; border: solid 3px #ff942c; margin-bottom:20px; padding:5px;}
#outcate1 {  text-align:left;  margin:0 auto; border: solid 3px #ffb400; margin-bottom:20px; padding:5px;}
.outserch {width:99%; text-align:center; margin:0 auto;  margin-bottom:10px; padding:0 5px;line-height:26px;} 
.out{width:99%; background:#fff1e4; text-align:left;  letter-spacing:-1px; color:#ff942c; padding:0 5px ; line-height:26px;}

.m_title1 {background:#efefef; border-top:1px solid #ddd; font-size: 11px; color: #957556;  padding:7px;}

/* 서브분*/
#content{overflow:hidden; position:relative; height:100%; min-height:1200px;}
#right{ float:right; width:250px;  color:#d8d8d8;   padding:15px 25px 8px 15px;  overflow:hidden;  height:100%;}

/* 바뀌메인부분*/
#main{ float:left; width:972px;  height:278px; margin:2px 0px 0px 15px; text-align:left; overflow:hidden; position:relative; clear:both;  background:url(/images/main_rightbg.jpg); background-repeat:no-repeat; background-position:695px 0px;}
#content1{ float:left; width:692px; text-align:left; overflow:hidden; position:relative; height:100%; padding:0px 15px 0 18px;  }
#right1{ float:right; width:250px;  color:#d8d8d8;   overflow:hidden;   overflow:hidden;   padding:0px 10px 0px 0px; }

.error { width:100%;padding:10px;text-align:center;}
/* 메인 오른쪽 */
#right div { width:100%; float:left;}
.list_type, .benner{ margin-bottom:30px; } 
.rbtn{margin-bottom:23px;}
.rtitle { height:33px ; padding-bottom:0px;_padding-bottom:1px; background-image:url(/images/ulline.gif); background-repeat:no-repeat;  background-position: bottom;  } 
.brule{display:none; position:absolute; top:350px; left:150px; width:450px; height:auto; border:2px solid #ce0000; padding:10px; background:#fff; color:#333; z-index:1100; text-align:left;}
.benner img {margin-bottom:10px;}

/* 정보수정  */
.border  { margin:10px 0 15px; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;}
.border  ul {padding:20px 90px 20px 90px;}


/* foot */
#footer{ vertical-align:bottom;  width:100%; text-align:center; color:#333;}
.footer_top {line-height:50px; width:1200px; display:inline-block; text-align:left;}
.footer_top a {font-size:13px; color:#333;}
.footer_top span {font-size:13px; color:#ccc; margin:0px 20px;}
.footer_content span {font-size:13px; color:#777;}
.footer_content {width:1200px; text-align:left; display: inline-block; padding:35px 0px;}
.footer_content li { margin-bottom:5px; }

/* 공통 */
.img { padding:2px; border:solid 1px #CCC; cursor:pointer;;  background:#fff;}
.img1 { padding:2px; border:solid 2px #f9bd18; cursor:pointer;;}
.button_ctr{text-align:center; width:100%; padding:20px 0; overflow:hidden;  height:auto; float:left;}
.button_ctr img ,.button_ctr input{padding:0 5px;_padding:0 8px; cursor:pointer;;}
.button_ctr1{ width:100%; text-align:center; width:100%; padding:5px 0; overflow:hidden;  height:auto; }
.button_ctr1 img ,.button_ctr1 input{padding:0 5px;_padding:0 8px; cursor:pointer;;}

.left {text-align:left;}
.fleft { float:left; }
.right { float:right;}
.center{text-align:center;}
.p1 { position:relative; float:right;  }
.textfield {	border: 1px solid #AA8000;	padding: 3px;	margin:3px 0;	color:#333;	font-size:12px;	height: 18px;}
.styled-select { overflow: hidden;   background: url(/images/down_arrow_select.jpg) no-repeat right #ddd;} 



h1 {text-align: center;	font-size: 16px;font-weight: bold;	color: #333; cursor:point;}

/* 실험주문하기 타이틀 */
h2{	font-size:15px;	font-weight:bold;	line-height:24px;	height:25px;	margin-bottom:5px; letter-spacing:-1px; }

/* 실험관리 타이틀 */
h4 {width:100%;	color:#666;	font-weight:bold; height: 20px;	margin:6px 0; font-size: 12px; clear: both;	float: left; padding-top:5px;}

/* 텍스트 버튼*/
a.btn_big{	_cursor:pointer;; display:inline-block;	padding-right:4px;	background:url(/images/bg_btn_default.gif) no-repeat 100% 0px;	font-family:'돋움',dotum;	font-size:11px;	color:#fff;	line-height:26px;	letter-spacing:-1px; word-spacing:-1px;	text-decoration:none;	white-space:nowrap; margin-right:5px;}
a.btn_big strong{_cursor:pointer; ; display:block;	padding:0px 10px 1px 12px;	background:url(/images/bg_btn_default.gif) no-repeat;}
a.btn_wite{	_cursor:pointer;; display:inline-block;	padding-right:4px;	background:url(/images/bg_btn_default.gif) no-repeat 100% -28px;	font-family:'돋움',dotum;	font-size:11px;	color:#999;	line-height:26px;	letter-spacing:-1px; word-spacing:-1px;	text-decoration:none;	white-space:nowrap; margin-right:5px;}
a.btn_wite span{_cursor:pointer; ; display:block;	padding:0px 8px 1px 12px;	background:url(/images/bg_btn_default.gif) no-repeat 0  -28px;}
a.btn_sml{	_cursor:pointer;;	display:inline-block;	padding-right:4px;	background:url(/images/bg_btn_default.gif) no-repeat 100% -53px;	font-family:'돋움', dotum;	font-size:11px;	color:#666;	line-height:21px;	letter-spacing:-1px;	word-spacing:-1px;	text-decoration:none;	white-space:nowrap;	margin-right:5px;}
a.btn_sml span, a.btn_sml strong{ _cursor:pointer;; display:block;	padding:3px 4px 0px 8px; background:url(/images/bg_btn_default.gif) no-repeat 0 -53px;}
.btn_big:hover, .btn_big:active, .btn_big:focus{color:#FC0;}
.btn_sml:hover, .btn_sml:active, .btn_sml:focus{color:#000;}
.btn_wite:hover, .btn_wite:active, .btn_wite:focus{color:#000;}

/* 판매/구매관리 table */
.table1 { margin-bottom: 10px;	text-align: center;	border-top: 1px solid #999 ; border-left: 1px solid #E7E7E7;  maring-bottom:15px; }
.table1 th {background: #fafafa;	color: #333;	border-right:1px solid #f0f0f0;	padding:16px;	font-size: 16px;	font-weight: normal;  letter-spacing:-1px;}
.table1 td {border-bottom: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; padding:9px 8px;	line-height:20px; color:#888; font-size:15px !important;}
.table1 td p { margin-top:3px; color: #3333;}
.table2 {margin-bottom: 10px;	text-align: left;	border-top: 1px solid #ABABAB;	border-bottom: 1px solid #ABABAB; border-right: 1px solid #ABABAB; 	}
.table2 th {background: #ababab;	color: #fff;	padding:5px;	font-size: 11px;	  font-weight:normal;	text-align: center;}
.table2 td {padding:8px 5px 8px 10px;	font-weight: normal; color: #333;}
.table1 .title, .table2 .title{text-align:left;   font-weight:normal; font-size:12px;}


.table3 { margin-bottom: 10px; text-align: center; border:1px solid #d8d8d8; border-top: 1px solid #999;}
.table3 tr {height:60px; border-top:1px solid #e6e6e6;}
.table3 th {background: #fafafa; color: #555; padding: 4px 5px 2px 5px; font-size: 16px; font-weight: bold; letter-spacing: -1px;}
.table3 td {padding:9px 8px;	line-height:20px; color:#333; font-size:15px;}
.table3 td p { margin-top:3px; color: #3333;}
.table3 .title{text-align:left;   font-weight:normal; font-size:12px;}

.table4 {font-size:15px;}
.table4 tr{height:60px;}
.table4 td{font-size:15px;}
.table4 .th{background:#fafafa;}

/* 충전샵 테이블 */
.pay {text-align:center;	margin:8px 0 15px;}
.pay th{background-color:#FFDE88;	font-size:11px;	color:#FFF;	padding:5px;	border-top: 2px solid #886300;	font-weight: normal;}
.pay td {padding: 10px;	border-bottom: 1px solid #E6E6E6;}
.mpoint {width:100%; float:left; text-align:left;}
.mpoint ul { padding:10px 30px;  float:left;}
.mpoint li { font-size: 12px; color:#707070; line-height: 20px; padding-left:10px;}
.mpoint p { padding:15px 0 0 12px;}
/* 주문하기 board */
.table {border-top: 2px solid #666;	margin-bottom: 25px;   font-weight:normal;}
.table th {background: #F6F7F9;	border-bottom: 1px solid #E7E7E7; font-size:11px; 	color: #000;border-right: 1px solid #E7E7E7; text-align:center;   font-weight:normal;}
.table td {	padding-right: 15px;padding-left: 15px;	border-bottom: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;}
.table td img {float:left; margin-left:5px;}

.total{background: #fcf7f3 ;color:#666; margin-bottom: 25px; border-top: 1px solid #d1b269; border-bottom: 2px solid #666; text-align:right; font-size: 12px; line-height: 35px; font-weight: normal;  }
.total_1{ border-top:dotted 1px #c7c7c7; color:#ca7e3f;   text-align:right; font-size: 16px; line-height:30px; font-weight: bold; width:98%; float:left; padding-right:8px; }

.orang_t { border: solid 1px #ff793b; ; padding:2px; margin-bottom:8px;}
.orang_t th {background: #ff793b; color:#fff;  text-align: center; font-weight:bold; padding-left:8px; }
.orang_t td {border-left:#666; color:#666; padding-left:8px;}
.orang_t td p {padding:3px 0; height:20px;}

/* 실험등록* /* 클럭등록테이블 */
.bblack td textarea,  .boardt td textarea{     width: 789px;
    height: 121px;
    padding: 10px;
    margin: 0px;
	border:solid 1px #f0f0f0; font:12px;}
.f1{ padding:4px; border:solid 1px #01aebe; }
.boardt .nonet td { border:solid 0px #fff; padding:2px 0;}
.input1 {height:16px;     padding: 10px 26px; border:solid 1px #CCC; font:12px;   }
.input2 {height:16px; width:50px; margin: 0 4px 0 2px; border:solid 1px #CCC;}
.boardt {border-top: 1px solid #f5bf1e; text-align:left;  font-weight:normal;}
.boardt th {background-color:#fafafa;border-top:1px solid #FFF;border-bottom:1px solid #f0f0f0;font-size:14px; color: #888;letter-spacing: -1px;  padding:18px 28px; line-height:18px;  font-weight:normal;}
.boardt td {background-color:#ffffff;border-top: 1px solid #FFF;border-bottom: 1px solid #f0f0f0; padding:5px 0px 5px 15px; line-height:18px; }
.boardt td p{ height:20px; margin-top:3px;}
.bblack {	border-top: 1px solid #F5BF1E;	border-bottom: 0px solid #dfdfdf;	text-align:left;  font-variant:normal; float:left;}
.bgreen {border-top: 3px solid #a2bb79; text-align:left; font-weight:normal;}
.th {
background-color:#fafafa;border-top:1px solid #FFF;border-bottom:1px solid #f0f0f0;font-size:13px;color: #888;letter-spacing: -1px; text-align:left; padding:20px; line-height:18px; font-weight:normal;

}
.on {background-color:#fafafa;border-top:1px solid #FFF;border-bottom:1px solid #f0f0f0;font-size:13px;color: #000;letter-spacing: -1px;  padding:20px; text-align:left;  line-height:18px; font-weight:bold;}
.td {background-color:#ffffff;border-top: 1px solid #FFF;border-bottom: 1px solid #f0f0f0; padding:9px 0px 9px 15px; text-align:left; line-height:18px; }
.tr {border-color:#e6e6e6;}
.green  {background-color:#ebf6d6; font-weight:normal;}
.defult_textfild {height:16px; padding:3px; border:solid 1px #CCC; font:12px; margin-bottom: 2px;}

/* 폰트칼라  */ 

.gray10 {font-size: 10px;	color: #999;	line-height: 14px;}
.alpa11 {font-size:11px ; color:#999; font-family: Verdana , Dotum; letter-spacing:-1px;  }
.black11 {color: #000;	font-size:11px;}
.pink11  {color: #e14b64; font-size: 11px;}
.gray11, .gray11  a{color: #999;	letter-spacing: -1px;	font-size: 11px;	line-height: 18px; }
.gray11n{color: #999;font-size: 11px;	line-height: 18px; }
.white11 {	font-size: 11px;	font-weight: normal;	color: #FFF;}
.blue11none {font-size: 11px; color: #069; letter-spacing: -1px;  font-family: Verdana,}
.violet { color:#8070c6; font-size:11px; letter-spacing:-1px; }

.blue11, .blue11 a  {color: #06C; font-size:11px; text-decoration:underline; font-family:Verdana; letter-spacing:-1px; }

.brown11, .brown11 a {/*color: #F93;*/ color: #e52142; font-size: 11px;font-weight: normal;line-height: 18px; text-decoration:none;  letter-spacing:-1px;}

/*   */ 
.orang11, .orang11 a { color: #FFF; font-size: 11px; background: #ffa45a; padding: 1px 2px;	margin: 2px 0; text-decoration:none; }

/*  옵션표시  */  
.gray11block {	color: #FFF; line-height:15px;  padding: 1px 2px;	margin: 2px 0;	letter-spacing: -1px;	background: #868686;	font-size: 11px; }
.blue11block1 {	color: #FFF; line-height:15px;  padding: 1px 2px;	margin: 2px 0;	letter-spacing: -1px;	background: #3399ff;	font-size: 11px; }
.pink11block {	color: #FFF; line-height:15px;  padding: 1px 2px;	margin: 2px 0;	letter-spacing: -1px;	background: #ff99ff;	font-size: 11px; }

/*  클럽표시  */  
.geen_club, .geen_club a{color: #FFF; font-size:11px;  background: #5caf43; text-decoration:none;  padding:1px;	margin:1px;}
.green11club, .green11club a {color: #390; font-size:11px; text-decoration:underline; text-decoration:none; letter-spacing: -1px;}
.green12club {	color: #2a6318;	font-size:12px;	line-height:20px; font-weight: bold;}

/* 작업완료 */  
.wine11, .wine11 a {color: #b7418f; font-size: 11px; text-decoration:none;}

/* 작업취소 */  
.gray11_6 , .gray11_6 a{	color: #666;letter-spacing:-1px;font-size: 11px; line-height:20px; text-decoration:none;}

/* 작업중 */
.red11block, .red11block a{color: #ff3939; font-size: 14px; background: #fff; padding:2px 2px 0 2px;	margin:2px 0; text-decoration:none;font-family: "Nanum Gothic Coding";}

/* 배송완료/작업완료/ */ 
.wred, .wred a{color: #FFF; font-size: 11px; background: #ff8282; padding:2px 2px 0 2px;	margin:2px 0; text-decoration:none;}

/* 기간연장 수락/요구에 대한 답변 칼라 */
.wbule11, .wbule11 a {color: #FFF; font-size: 11px; background: #8175db; padding:2px 2px 0 2px;	margin:2px 0; text-decoration:none; }

/* 수정요청./기간연장요청/작업취소신청 - 무엇을 요구할때   */  
.violetb, .violetb a{color: #FFF; font-size: 11px; background: #f58619; padding:2px 2px 0 2px;	margin:2px 0; text-decoration:none; }

.yel11block {	color:#fff;	font-size: 11px;	background: #ffa800;	padding:2px 2px 0 2px;	margin: 2px 0;}

.gray11b, .gray11b a{	color: #FFF;   padding:2px 2px 0 2px;	margin:2px 0;	background: #c2c2c2;	font-size: 11px; text-decoration:none; }

.green11, .green11 a {color: #060; font-size: 11px; text-decoration: none;}

.blue11block, .blue11block a {color: #FFF;  font-size: 11px; padding:2px 2px 0 2px;	margin:2px 0; background: #4c8fcd; text-decoration:none; }


.pink12, .pink12 a, .pink12 a:hover{color: #e14b64;   text-decoration:none;}

.red11 {color: #F00; font-size: 11px;}
.red11s {color: #F00; font-size: 11px; letter-spacing: -1px;}
.blackblod12 {	font: bold 12px Verdana, Geneva, sans-serif;	color: #000;}
.deflut12 {	color: #666;	font-weight: normal;	font-size: 12px;}
.blue12 {color: #06C; }
.blue12b {color: #06C;  font-size:12px; font-weight: bold; letter-spacing: -1px;}
.glay6b {color: #666; font-weight: bold	}
.red14 {color: #F00; font-size: 14px; font-weight: bold; font-family: Verdana, Geneva, sans-serif;}
.red12 {color: #F00; font-size: 12px; }
.red12b {color: #F00; font-size: 12px; font-weight:bold; letter-spacing: -1px;}
.gray12_6 {	color:#666;	font-size:12px;	font-weight:normal;	line-height:25px;}
.gray12b { color:#adadad; 	font-size:12px; font-weight:bold;   text-decoration:underline;}
.whtie12 { color:#FFF; font-size:12px; letter-spacing:-1px;}
.yellow13{ font-size:13px; font-weight:bold; color:#edbc05}
.blue14 {	font-size: 14px;	font-weight: bold;	color: #39B6F6;	line-height: 28px;}
.balck14 {	color:#333;	font-size:14px;	font-weight:bold;	text-align:left;	letter-spacing: -1px;	line-height: 18px;  font-family: Verdana, Geneva, sans-serif;}
.bluealpa {color: #2eb6b2;	font: italic bold 14px Verdana, Geneva, sans-serif;	}
.balck15 {	color:#555;	font-size:15px; 	font-weight:bold;	text-align:left;	letter-spacing:-2px;		margin-bottom: 4px;}
.balck15 a{	color:#555;	font-size:15px; 	font-weight:bold;	text-align:left;	letter-spacing:-2px;		margin-bottom: 4px;}
.red16 { color:#F00; font-size:16px; font-weight:bold;}
.puple, .puple a{color:#8270c6; font-size:13px; font-weight:bold;  padding-top:1px; font-family :Verdana, Geneva, sans-serif;}
.puple15 {	font: bold 16px Verdana, Geneva, sans-serif;	color: #66C;}
.gray16 {	font: 14px Tahoma, Geneva, sans-serif;	color: #EFD29C;}
.gray17 {	color: #333;	font-size: 18px ;	font-weight: bold;	font-family: Verdana, Geneva, sans-serif;}
.brown20 {	font: 28px Tahoma, Geneva, sans-serif;	color: #CA7E1A;	text-align: left;	margin-top: -6px;}
.brown18 {	font:18px Tahoma, Geneva, sans-serif;	color: #CA7E1A;	text-align: left;	margin-top: 0px;}
.brown17 {	font: 17px Tahoma, Geneva, sans-serif;	color: #de9534;	text-align: left;}
.black28 {	font: normal 24px Verdana;	color: #2A2A2A;  }
.orang28 {	font: 28px Tahoma, Geneva, sans-serif;	color: #F30;	text-align: left;}


/* 팁 간단한 ! 모양   */ 
.tip {color: #C6C6C6; font-weight: normal;		line-height: 16px;	display: inline; letter-spacing: -1px;}
.tip img{ margin-right:4px;}
.tipgray {	color: #979797;	font-size: 11px;font-weight: normal;		line-height: 18px;	margin-left: 10px; letter-spacing: -1px;}

/* 상품평 레이어   */ 
.red_box{position:absolute; left:30%; top:400px; width:460px; height:450px; border:3px solid #ce0000; padding:10px; background:#fff; color:#333; z-index:1100; line-height:18px; text-align:left;}
.red_box span{display:block;margin-bottom:8px;padding:5px;border-bottom:1px dotted #e0e0e0;color:#f07627;font-weight:bold; font-size:15px;}
.textbox{clear:both;padding:10px;padding-top:3px; margin-bottom:15px;background:#ededed;font:11px dotum;letter-spacing:-1px;color:#5f5f5f;line-height:19px;}

/* 페이징   */ 
.paginate{ text-align:center; width:100%; float:left; margin:20px 0;}
.paginate a, .paginate strong{display:inline-block; position:relative;_width:2%; margin-right:3px; padding:9px 12px; border:1px solid #d8d8d8; color:#777; font-family:Verdana; font-size:12px; font-weight:bold; line-height:normal; text-decoration:none}
.paginate strong {border:1px solid #6d6d6d; color: #fff !important; background: #808080;}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#e5e5e5 !important}
.paginate .arrow{}
/* //UI Object */


.cash_ifam {width:400px;  height:auto; margin:11px; line-height:25px; letter-spacing:-1px;  font-size:11px; color:#666666; border:0 solid #FFFFFF;}
.cash_ifam li {padding-bottom:5px;}
.cash_box{border:solid 1px #e8e8e8; padding:1px; width:400px;  margin:10px 0px; height:auto; float:left; overflow:hidden; text-align:center;}
.cash_box table{ padding:10px 0; float:left; text-align:center; }
.cash_input {width:170px; height:25px; padding:3px; border:solid 1px #4c84a1; text-align:center; font-size: 14px; font-weight:bold;}


/* 해주세요 검색바 */

.srch{width:100%;padding-top:10px;}
.srch legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.srch{color:#c4c4c4;text-align:center;}
.srch select,.srch input{margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle; }
.srch .keyword{margin-left:1px; padding:2px 5px;border:1px solid #b5b5b5;font-size:12px; line-height:18px; width:150px; height:15px;}


/* 퀵메뉴 css  */

.quick {width:80px; float:left; text-align:center;}
.quick_line{float:left; text-align:center; width:80px; border-top: solid 2px #f5bf1e; border-bottom: solid 1px #777; background:#fafafa; margin-bottom:15px;}
.quick_p {height:auto; width:66px; border: solid 1px #FFF; margin:auto;}
.quick_p li{float:left; width:64px; height:51px; background:#f0f0f0; font-size:11px; color:#999; letter-spacing:-1px; line-height:20px;  border: solid 1px #ccc; margin:3px 0;}


/* 이벤트 css  */
.eimg {padding:6px; border:solid 1px #F2F2F2; margin-bottom:10px;}
.etitle{border-top:solid 2px #434343; width:660px; float:left; }

.etable{border-bottom:solid 1px #999;}
.etable th{border-top:solid 1px #999; border-bottom:solid 1px #EEE; background:#F3F3F3; padding:3px 0; font-size:11px; letter-spacing:-1px; color:#787878; font-weight:normal;}
.etable td{border-bottom:solid 1px #EEE; font-size:11px; padding:6px 0;color:#828282;}

.index_top {
    background: #b8b8b8;
    height: 700px;
}

.list_area{	width:278px; border: 1px solid #d8d8d8; margin: 10px; display:inline-flex; }
.list_item{width:100%; margin-top:20px; padding:0px 20px;}
.list_content{border-bottom: 1px solid #d8d8d8; font-size:15px; color:#333;}
.list_content span{display:block; text-align:left;}
.list_content_bot{line-height:40px; font-size:14px; color:#777; text-align:left; display:inline-block; width:100%;}

.douse_left{height: 41px; width: 41px; border-radius: 30px; text-align: center; font-size: 18px; font-weight: bold; line-height: 41px; float: left;}
.douse_right{height: 45px; margin-left: 55px;}
.douse_la{border:1px solid #d8d8d8; padding:30px; font-size:16px; color:#777; background:#fafafa;line-height: 25px; margin-bottom:50px;}
.douse_la p{margin-bottom:30px;}

/*탈퇴 테이블*/

.m_o_t {border-collapse: collapse;}
.m_o_t td{padding:10px 15px; border:1px solid #d8d8d8;}

.memberout_t4 th{padding-left:30px;background:#fafafa; border-top:1px solid #000; border-bottom:1px solid #e6e6e6;}
.memberout_t4 td{padding-left:30px;border-bottom:1px solid #e6e6e6;}


.cert_btn:hover{text-decoration:none; cursor:pointer;font-weight:500 !important;}


.button_a{

	background: linear-gradient(#81a9ff, #6b97f4);
    padding: 12px;
    border-radius: 6px;
	color:#fff;
	border:0px;

}

.button_b{

	background:#fff;
    padding: 12px;
    border-radius: 6px;
	color:#81a9ff;
	border: 1px solid #81a9ff;

}


.button_c{

	background: linear-gradient(#ffffff, #fafafa);
    padding: 12px;
    border-radius: 6px;
	color:#888;
	border: 1px solid #cfcfcf;

}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  margin-right: 4px;
    margin-bottom: 3px;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}



.sales_box2{
    display: inline-block;
	width: 396px;
	padding: 14px 0px;
	background: #fafafa;
}


.sales_box{
    display: inline-block;
	width: 167px;
	padding: 14px 0px;
	background: #fafafa;
}

/* 이용 안내 */
.guide_1 {
	float: left;
	width: 530px;
	height: 550px;
	background: #fafafa;
	border-bottom: 1px solid #d8d8d8;
	padding: 30px;
	position: relative;
	}

.guide_1:nth-child(2) { border-top: 1px solid #81a9ff; margin-right: 20px;
	background: url(../images/img_guide_bg_1.png) no-repeat 100% 10% #fafafa; }
.guide_1:nth-child(3) { border-top: 1px solid #f5bf1e; 
	background: url(../images/img_guide_bg_2.png) no-repeat 0% 65% #fafafa; }

.guide_1 .title {
	padding-bottom: 30px;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	}

.guide_1_num, .guide_1_txt { float: left; }
.guide_1_num { 
	width: 45px; 
	height: 45px; 
	line-height: 45px; 
	border-radius: 30px; 
	border: 2px solid #81a9ff; 
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #81a9ff;
	margin-right:15px;
	}
	
.guide_1 ul li { padding-bottom: 60px; }

.guide_1_txt p {
	font-size: 14px;
	color: #777;
	}
	.guide_1_txt p:nth-child(1) {
		font-weight: 600;
		color: #000;
		padding-top: 5px;
		padding-bottom: 10px;
		}
	.guide_1_btn a { 
		position: absolute;
		bottom: 30px;
		right: 30px;
		display: inline-block;
		width: 190px; 
		height: 50px; line-height: 50px; 
		font-weight: 600; 
		color: #fff;
		text-align: center;
		background: #81a9ff;
		border-radius: 5px;
		visibility: hidden;
		}
	.guide_1_img {
		position: absolute;
		top: 30px;
		right: 0;
		}
		
.guide_1:nth-child(3) .guide_1_num { border: 2px solid #f5bf1e; color: #f5bf1e; }
.guide_1:nth-child(3) .guide_1_btn a { background: #f5bf1e; }
.guide_1:nth-child(3) .guide_1_img { top:195px; left: 0; }

.guide_2 { clear: both; text-align: center; padding: 100px 0; }
.guide_2 h5 { font-size: 24px; font-weight: 600; color: #f5bf1e; }
.guide_2 .text_01 { font-size: 18px; line-height: 30px; padding: 40px 0 30px; }
.guide_2 .text_02 { font-size: 16px; color: #999; width: auto; }
.guide_2 p a { color: #999; text-decoration:underline; }

.guide_3 {
	width: 1140px;
	height: auto;
	padding: 30px;
	background: #fafafa;
	border: 1px solid #d8d8d8;
	margin-bottom: 50px;
	line-height: 24px;
	}
	
.guide_3_1 { background: #fff; }

.guide_3 h5 { font-size: 18px; font-weight: 600; color: #f5bf1e; padding-bottom:30px; }
.guide_3 p, .guide_3 dl dd { color: #777; }
.guide_3 dl { padding-bottom: 50px; }
.guide_3 dl:last-child { padding-bottom: 0; }
.guide_3 dl dt { font-weight: 600; padding-bottom: 10px; }
.guide_3_1 p span.black { font-weight: 600; }