@charset "utf-8";


/* basic reset ------------------------------------------------------- */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, abbr, img,
small, strong, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, thead, tr, th, td, article,
aside, embed, figure, figcaption, footer, header, hgroup,
section, input, select, textarea, blockquote{
	margin: 0;
	padding: 0;
}
*{margin:0; padding:0;}
img {border:0;}
div{overflow:hidden;}
input, img{vertical-align:middle;}

/* a tag ------------------------------------------------------- */
a{outline:none; color:#0A7DF6;}
a:hover{font-weight:bold;}
p{line-height:20px;}
fieldset{border:none;}

/* hidden 적용 ------------------------------------------------------- */
.hideClass{display:none;}

/* html5 태그 블럭인식 ------------------------------------------------------- */
section, article, aside, canvas, details, figcaption, figure, /*footer,*/ header, hgroup, menu, nav, summary, caption, ul, li{
display:block;
}
/* table ------------------------------------------------------- */
table{border-collapse:collapse; border-spacing:0; border:0;}
caption{display:none;}
.hidden, caption {
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	z-index:-1;
}
/* ul ol ------------------------------------------------------- */
ol, ul {list-style: none;}
blockquote, q {quotes: none ;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* png 적용 ------------------------------------------------------- */
.png24 {tmp:expression(setPng24(this))}
/* .iePngFix { behavior: url("iepngfix.htc") }; */

/* font 적용 ------------------------------------------------------- */
body{font-size:13px; font-family:"NanumGothic","나눔고딕","Dotum", "dotum", "돋음", "san-serif"; color:#5D5D5D;}
.bold{font-weight:bold;}
.lighter{font-weight:lighter;}
.under_n{text-decoration:none;}

.align_right{text-align:right;}
.align_left{text-align:left;}
.align_center{text-align:center;}

/*margin 적용 ------------------------------------------------------- */
.m_t5{margin-top:5px;}
.m_t10{margin-top:10px;}
.m_t20{margin-top:20px;}
.m_t30{margin-top:30px;}
.m_t40{margin-top:40px;}
.m_t50{margin-top:50px;}
.m_r5{margin-right:5px;}
.m_r10{margin-right:10px;}
.m_r20{margin-right:20px;}
.m_r30{margin-right:30px;}
.m_r40{margin-right:40px;}
.m_r50{margin-right:50px;}
.m_b5{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b20{margin-bottom:20px;}
.m_b30{margin-bottom:30px;}
.m_b40{margin-bottom:40px;}
.m_b50{margin-bottom:50px;}
.m_l5{margin-left:5px;}
.m_l10{margin-left:10px;}
.m_l20{margin-left:20px;}
.m_l30{margin-left:30px;}
.m_l40{margin-left:40px;}
.m_l50{margin-left:50px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}

/*padding 적용------------------------------------------------------- */
.p_t5{padding-top:5px;}
.p_t10{padding-top:10px;}
.p_t20{padding-top:20px;}
.p_t30{padding-top:30px;}
.p_t40{padding-top:40px;}
.p_t50{padding-top:50px;}
.p_r5{padding-right:5px;}
.p_r10{padding-right:10px;}
.p_r20{padding-right:20px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_b5{padding-bottom:5px;}
.p_b10{padding-bottom:10px;}
.p_b20{padding-bottom:20px;}
.p_b30{padding-bottom:30px;}
.p_b40{padding-bottom:40px;}
.p_b50{padding-bottom:50px;}
.p_l5{padding-left:5px;}
.p_l10{padding-left:10px;}
.p_l20{padding-left:20px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:40px;}
.p_l50{padding-left:50px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}

/* text align ------------------------------------------------------- */
.align_right{text-align:right;}
.align_left{text-align:left;}
.align_center{text-align:center;}

/* float 정렬 ------------------------------------------------------- */
.float_right{float:right;}
.float_left{float:left;}

/* 색상 지정 -------------------------------------------------------- */
.blue{color:#0A7DF6;}
.red{color:#ff0000;}
.green{color:#4cae4c;}
.black{color:#000;}
.white{color:#ffffff;}

/* bg 지정 -------------------------------------------------------- */
.bg_gray{background:#f7f7f7;}
.bg_black{background:#303641;}
.bg_green{background:#EEF9EE;}
.bg_yellow{background:#fffec9;}
.bg_red{background:#ffe6e6;}

/*hr------------------------------------------------------*/
hr{
	margin-top: 17px;
	margin-bottom: 17px;
	border: 0;
	border-top: 1px solid #eeeeee;
}

/*border none 지정------------------------------------------------------*/
.border_b_n{border-bottom-style:none;}
.border_r_n{border-right-style:none;}

/*width 지정-------------------------------------------------------*/
.c50{width:50%; float:left;}

/* 박스 사이즈 픽셀 */
.w25 {width:25px !important}
.w50 {width:50px !important}
.w60 {width:60px !important}
.w65 {width:65px !important}
.w70 {width:70px !important}
.w75 {width:75px !important}
.w80 {width:80px !important}
.w85 {width:85px !important}
.w90 {width:90px !important}
.w95 {width:95px !important}
.w100 {width:100px !important}
.w105 {width:105px !important}
.w110 {width:110px !important}
.w115 {width:115px !important}
.w120 {width:120px !important}
.w125 {width:125px !important}
.w130 {width:130px !important}
.w135 {width:135px !important}
.w140 {width:140px !important}
.w145 {width:145px !important}
.w150 {width:150px !important}
.w155 {width:155px !important}
.w160 {width:160px !important}
.w165 {width:165px !important}
.w170 {width:170px !important}
.w175 {width:175px !important}
.w180 {width:180px !important}
.w185 {width:185px !important}
.w190 {width:190px !important}
.w195 {width:195px !important}
.w200 {width:200px !important}
.w210 {width:210px !important}
.w220 {width:220px !important}
.w230 {width:230px !important}
.w240 {width:240px !important}
.w250 {width:250px !important}
.w260 {width:260px !important}
.w270 {width:270px !important}
.w280 {width:280px !important}
.w300 {width:300px !important}
.w400 {width:400px !important}
.w500 {width:500px !important}
.w600 {width:600px !important}
.w700 {width:700px !important}
.w800 {width:800px !important}
.w900 {width:900px !important}
.w1000 {width:1000px !important}

/*button--------------------------------------------------------------*/
.btn{
	font-size:11px;
	font-family:"NanumGothic","나눔고딕","Dotum", "dotum", "돋음", "san-serif";
	font-weight: normal;
	letter-spacing: 0.01em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-feature-settings: "kern" 1;
	-moz-font-feature-settings: "kern" 1;
	margin:0 5px;
	border: 1px solid #f0f0f0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: none!important;
	color: #626262;
	background-color: #ffffff;
	text-shadow: none;
	box-shadow: none;
	padding:0 15px;
	height:26px;
	line-height:25px;
	position: relative;
	transition: color 0.1s linear 0s,background-color 0.1s linear 0s,opacity 0.2s linear 0s!important;
}
.btn:hover, .btn:focus {
	color: #333;
	text-decoration: none;
	outline: 0;
}
.close{
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
/*Agent btn*/
.btn_a{
	font-size:11px;
	font-family:"NanumGothic","나눔고딕","Dotum", "dotum", "돋음", "san-serif";
	font-weight: normal;
	letter-spacing: 0.01em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-feature-settings: "kern" 1;
	-moz-font-feature-settings: "kern" 1;
	margin:0 0;
	border: 1px solid #f0f0f0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: none!important;
	color: #626262;
	background-color: #ffffff;
	text-shadow: none;
	box-shadow: none;
	padding:0 5px;
	height:26px;
	line-height:25px;
	position: relative;
	transition: color 0.1s linear 0s,background-color 0.1s linear 0s,opacity 0.2s linear 0s!important;
}
.btn_a:hover, .btn_a:focus {
	color: #333;
	text-decoration: none;
	outline: 0;
}
.btn-no-border{
	border: 0;
}
.btn-agent-default {
  /* width: 380px; */
  height: 38px;
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  border: solid 1px #dbdbdb;
  background-color: #fff;
}
.btn-text {
  width: 47px;
  height: 20px;
  opacity: 0.8;
  font-family: NotoSansCJKkr-Medium;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #333;
}


/*white*/
.btn-white {
	color: #333;
	background-color: #fff;
	border-color: #DFDFDF;
}
.btn-white, .btn-white:focus {
	color: #5e5e5e;
	background-color: #ffffff;
	border-color: #DFDFDF;
}
.btn-white.active,.btn-white:active,
.btn-white.active:focus,.btn-white:active:focus,
.btn-white:active:hover{
	background-color: #fafafa;
	border-color: rgba(98,98,98,0.27);
	color: #1a1a1a;
}
.btn-white.hover, .btn-white:hover {
	background-color: #fafafa;
	border-color: rgba(98,98,98,0.27);
	color: #1a1a1a;
}
/*black*/
.btn-black, .btn-black:focus {
	color: #ffffff;
	background-color: #3b4752;
	border-color: #3b4752;
}
.btn-black.active,.btn-black:active,
.btn-black.active:focus,.btn-black:active:focus,
.btn-black:active:hover{
	background-color:#303a42;
	border-color:#303a42;
	color:#ffffff;
}
.btn-black.hover,.btn-black:hover{
	background-color:#626c75;
	border-color:#626c75;
	color:#ffffff;
}
/*gray*/
.btn-gray, .btn-gray:focus {
	color: #303641;
	background-color: #f0f0f1;
	border-color: #DADADA;
}
.btn-gray.active,.btn-gray:active,
.btn-gray.active:focus,.btn-gray:active:focus,
.btn-gray:active:hover{
	  color: #303641;
	  background-color: #dbdbdd;
	  border-color: #d0d0d3;
}
.btn-gray.hover,.btn-gray:hover{
	  color: #303641;
	  background-color: #dbdbdd;
	  border-color: #d0d0d3;
}
/*red*/
.btn-red,.btn-red:focus {
	background-color: #e05d6f;
	color: #fff;
	border-color: #dc485c;
}
.btn-red.active,.btn-red:active,
.btn-red.active:focus,.btn-red:active:focus,
.btn-red:active:hover{
	background-color: #dc485c;
	border-color: #d9364d;
	color: #fff;
}
.btn-red.hover, .btn-red:hover {
	background-color: #dc485c;
	border-color: #d9364d;
	color: #fff;
}
/*blue*/
.btn-blue,.btn-blue:focus {
	background-color: #5E91F0;
	color: #fff;
	border-color: #5B91F4;
}
.btn-blue.active,.btn-blue:active,
.btn-blue.active:focus,.btn-blue:active:focus,
.btn-blue:active:hover{
	background-color: #4b81e5;
	border-color: #4b7ede;
	color: #fff;
}
.btn-blue.hover, .btn-blue:hover {
	background-color: #4b81e5;
	border-color: #4b7ede;
	color: #fff;
}
/*green*/
.btn-green,.btn-green:focus {
	background-color: #4CAF9A;
	color: #fff;
	border-color: #4AAB97;
}
.btn-green.active,.btn-green:active,
.btn-green.active:focus,.btn-green:active:focus,
.btn-green:active:hover{
	background-color: #41A08C;
	border-color: #44B099;
	color: #fff;
}
.btn-green.hover, .btn-green:hover {
	background-color: #41A08C;
	border-color: #44B099;
	color: #fff;
}

/*orange*/
.btn-orange,.btn-orange:focus {
	background-color: #ffa67b;
	color: #fff;
	border-color: #ffe0c1;
}
.btn-orange.active,.btn-orange:active,
.btn-orange.active:focus,.btn-orange:active:focus,
.btn-orange:active:hover{
	background-color: #ffaf60;
	border-color: #ffe0c1;
	color: #fff;
}
.btn-orange.hover, .btn-orange:hover {
	background-color: #ffaf60;
	border-color: #ffe0c1;
	color: #fff;
}

/*pink*/
.btn-pink,.btn-pink:focus {
	background-color: #ff8487;
	color: #fff;
	border-color: #ff8487;
}
.btn-pink.active,.btn-pink:active,
.btn-pink.active:focus,.btn-pink:active:focus,
.btn-pink:active:hover{
	background-color: #ff8487;
	border-color: #ff8487;
	color: #fff;
}
.btn-pink.hover, .btn-pink:hover {
	background-color: #ff8487;
	border-color: #ff8487;
	color: #fff;
}
/*size*/
.btn-cons-w {
	min-width: 120px;
}
/*input--------------------------------------------------*/
input[type="radio"]{
	vertical-align: middle;
}
input[disabled], fieldset[disabled] {
	cursor:not-allowed;
	background-color:#F1F1F1;
}
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]{
	font-size:11px;
	font-family:"NanumGothic","나눔고딕","Dotum", "dotum", "돋음", "san-serif";
	border: 1px solid #DFDFDF;
	padding:0 5px;
	height: 24px;
	color:#737373;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
select{
	font-size:11px;
	height:25px;
	padding-right:0;
}
select[multiple]{
	height:auto;
	margin:10px 0;
}
textarea{
	font-size:11px;
	text-align: left;
	resize: none;
	overflow: hidden;
	color:#737373;
	font-family:"NanumGothic","나눔고딕","Dotum", "dotum", "돋음", "san-serif";
	background-color: #ffffff;
	border: 1px solid #DFDFDF;
	padding:0 5px;
	margin:10px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus{
  border-color: #c8cdd7;
  outline: 0;
  -moz-box-shadow:  0 2px 1px rgba(203, 208, 217, 0.08);
  -webkit-box-shadow:  0 2px 1px rgba(203, 208, 217, 0.08);
  box-shadow:  0 2px 1px rgba(203, 208, 217, 0.08);
}

textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover{
  border-color: #c8cdd7;
}

input.i_large{height:34px;}

input::placeholder{
	font-size:6px;
	color:#c8cdd7;
}

/*input -  radio/ check--------------------------------------------------*/

input{margin-right:3px;}

/*------------------page-btn------------------------------*/
.pagination_box{
	height:29px;
	padding:6px 0;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  /* float: left; */
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #f5f5f6;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #3b4752;
  border-color: #3b4752;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  color:#373e4a;
  padding: 10px 16px;
  font-size: 15px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  color:#373e4a;
  padding: 5px 10px;
  font-size: 11px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pager {
  padding-left: 0;
  margin: 17px 0;
  list-style: none;
  text-align: center;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pager:after {
  clear: both;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f6;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  cursor: not-allowed;
}
/*text------------------------------------*/
h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}