/* Reset CSS  */
@font-face {
  font-family: NanumSquare;
  src: url(../font/NanumSquareR.woff) format('woff'),
	   url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareR.ttf) format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: NanumSquare;
  src: url(../font/NanumSquareB.woff) format('woff'),
	   url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareB.ttf) format('truetype');
  font-style: normal;
  font-weight: 800;
}

* { margin:0; padding:0; border:0; outline:0; -webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl{ list-style:none; }
img, video{ border:0; vertical-align:top; }
input, select { vertical-align:middle; }
html{ height:100%;}
body{ font-family:NanumSquare,"Apple SD Gothic Neo","Apple SD 산돌고딕 Neo","Noto Sans","본고딕","Nanum Gothic","나눔 고딕","Droid sans","Malgun Gothic","맑은 고딕",sans-serif; height:100%; line-height:150%; font-weight:normal; background:#f4f4f6; font-size:14px; color:#333;}
label{ cursor:pointer; }
.blind,legend,hr,caption{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address{ font-style:normal; font-weight:normal; }
a,a:link,a:visited{color:#666666; text-decoration:none;}
a:hover{color:#666666;}
input {-webkit-appearance:none; font-family:"Apple SD Gothic Neo","Apple SD 산돌고딕 Neo","Noto Sans","본고딕","Nanum Gothic","나눔 고딕","Droid sans","Malgun Gothic","맑은 고딕",sans-serif;}
textarea {-webkit-appearance:none; font-family:"Apple SD Gothic Neo","Apple SD 산돌고딕 Neo","Noto Sans","본고딕","Nanum Gothic","나눔 고딕","Droid sans","Malgun Gothic","맑은 고딕",sans-serif;}


/*  Layout base */
#wrap {position:relative; width:100%; min-height:100%; margin:0 auto;}


/*  common */
.titleTXT {font-family:NanumSquare,"Apple SD Gothic Neo","Apple SD 산돌고딕 Neo","Noto Sans","본고딕","Nanum Gothic","나눔 고딕","Droid sans","Malgun Gothic","맑은 고딕",sans-serif !important;}
.txtcol_1 {color:#000!important; font-weight:bold; font-size:18px; letter-spacing:-1px;}
.txtcol_2 {color:#ea1323!important; font-weight:bold;}

.search_form_wrap {position:relative; width:100%; height:60px; box-sizing:border-box; padding-left:20px; padding-right:20px; background:#3f4451; border-bottom:solid 1px #535763;}
.search_form_01
{
	font-size:14px;
	font-weight:bold;
	letter-spacing:normal;
	color:#cbcbcb;
	height:59px;
	width:80%;
	background-color:transparent;
	box-sizing:border-box;
	border:0px;
	border-radius:0px;
	font-family:NanumSquare,"Apple SD Gothic Neo","Apple SD 산돌고딕 Neo","Noto Sans","본고딕","Nanum Gothic","나눔 고딕","Droid sans","Malgun Gothic","맑은 고딕",sans-serif;
}
input.search_form_01::-webkit-input-placeholder{color:#cbcbcb; font-size:14px; font-weight:bold;}
input.search_form_01::-moz-placeholder{color:#cbcbcb; font-size:14px; font-weight:bold;}
input.search_form_01:-moz-placeholder{color:#cbcbcb; font-size:14px; font-weight:bold;}
input.search_form_01:-ms-input-placeholder{color:#cbcbcb; font-size:14px; font-weight:bold;}
.search_form_bt1 {position:absolute; width:20%; height:60px; right:20px; top:0px; background:url("../img/common/search_bt_01.png") no-repeat 100% 50%; background-size:22px 22px;}

.search_form_wrap2 {position:relative; width:100%; height:60px; box-sizing:border-box; padding-left:20px; padding-right:20px; background:#3f4451; z-index:500;}
.search_sel_wrap {position:relative; float:right; width:33%; height:60px; color:#cbcbcb; font-weight:bold; line-height:60px; box-sizing:border-box; padding-left:10px; border-left:solid 1px #535763; background:#3f4451 url("../img/common/sel_arr.png") no-repeat 100% 50%; background-size:18px 12px;}
.search_sel_wrap2 {position:relative; float:right; width:33%; height:60px; color:#cbcbcb; font-weight:bold; line-height:60px; box-sizing:border-box; padding-left:10px; border-left:solid 1px #535763; background:#3f4451 url("../img/common/sel_arr.png") no-repeat 100% 50%; background-size:18px 12px; margin-right:10px;}
.search_sel {position:absolute; width:100%; left:0px; top:60px; box-sizing:border-box; padding:10px; background:#fff; border:solid 1px #ebebeb; border-top:0px;}
.search_sel ul li {position:relative; width:100%; height:30px; line-height:30px; color:#666; text-align:left; letter-spacing:-1px;}
.search_sel_check {position:relative; float:left; width:70px; height:60px; line-height:60px; box-sizing:border-box; color:#cbcbcb; font-weight:bold; background:#3f4451 url("../img/common/sel_check2.png") no-repeat 56px 50%; background-size:12px 10px;}
.sel_check_on {background:#3f4451 url("../img/common/sel_check.png") no-repeat 56px 50%; background-size:12px 10px; color:#ffb81e;}


/* page num */
.page_num {position:relative; width:100%; text-align:center; height:28px; margin:0 auto; margin-top:30px;}
.page_num ul {display:inline-block;}
.page_num ul li {width:28px; height:28px; line-height:29px; float:left; text-align:center; border-top:1px solid rgba(107,107,107,.2); border-left:1px solid rgba(107,107,107,.2); border-bottom:1px solid rgba(107,107,107,.2); color:rgba(107,107,107,.6); font-size:11px; cursor:pointer;}
.page_num ul li:hover {color:rgba(107,107,107,1); background:#fbfbfb; }
.page_num ul li:nth-child(1) {border-top-left-radius:3px; border-bottom-left-radius:3px; line-height:28px;}
.page_num ul li:nth-last-child(1) {border-right:1px solid rgba(107,107,107,.2); border-top-right-radius:3px; border-bottom-right-radius:3px; line-height:28px;}
.page_num ul li.sel {background:#7b7f88; color:rgba(255,255,255,.7);}
