@charset "utf-8";
@import url('/src/css/common/font.css');
/*==================================================
    common default style CSS Reset
==================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
body { position:relative;}
/*html, body { height:100%; }*/
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
ul:after { content: "", clear:both; }
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
input,select,textarea,button {font-size:100%; vertical-align:middle;}
input,textarea {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
button {border:0 none; background-color:transparent; cursor:pointer;}
table {border-collapse:collapse; border-spacing:0;}
body {-webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
/*------------------ 기본 색상 및 anchor 설정 ------------------*/
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.5; font-family:'NanumGothic','나눔 고딕','Malgun Gothic', '맑은 고딕', '돋움', 'Dotum' , sans-serif; color:#1a1a1a;}
a {color:#1a1a1a; text-decoration:none;}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
caption {overflow:hidden; position: absolute; width:0; height:0; line-height:0; text-indent:-9999px;}
input, button {outline:0;}

/*==================================================
    useful style
==================================================*/
.left { float: left;}
.right {float: right;}
.none { display:none; }
.hide { overflow: hidden; position: absolute; top:0px; left:0px; font-size:1%; line-height:1%; }
.block { display:block; }
.hand {cursor: pointer;}
.inline-block { 	display:inline-block; zoom:1; *display:inline/*IE7 HACK*/; _display:inline;/*IE6 HACK*/  }
.center { margin:0px auto; text-align: center;} /* width값 필요 parent width 값 정의 */
.clearfix { display: inline-block;   zoom: 1;}
.clearfix:after {  content: "."; /* Older browser do not support empty content */   visibility:hidden; display: block; height: 0; clear: both; }

.fe { font-family:'calibri'; } /* 영문폰트*/
.fk { font-family:'NanumGothic','나눔 고딕','Malgun Gothic', '맑은 고딕', '돋움', 'Dotum'; font-size: 13px; } /* 국문폰트*/

/*==================================================
    table style
==================================================*/


/*==================================================
    form style
==================================================*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #111; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #111; }
input::-moz-placeholder, textarea::-moz-placeholder {color: #111; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #111; }

/*==================================================
    common ui style
==================================================*/

/* table list page */
.ui-table-wrap { border:1px solid #7D7A7A;  }
.ui-table { width:100%; }
.ui-table tr th { height:50px;  }
.ui-table tr th , .ui-table tr td { border-bottom:1px solid #D4D4D4; border-right:1px solid #D4D4D4; padding:10px; }
.ui-table tr td.list-img { text-align: center; }
.ui-table tr.last td { border-bottom:0px; }
.ui-table th.last , .ui-table td.last { border-right:0px; }

/* pager round indicator css3 */
.ui-pager { display: inline-block; text-align:center; width:100%; } 
.ui-pager .ui-pager-wrap { display: inline-block;  }
.ui-pager .ui-pager-wrap a { display:inline-block; width:10px; height:10px; margin:0px 3px;}
.ui-pager .ui-pager-wrap a span.circle { display:inline-block; width:10px; height:10px;  border:1px solid #999; border-radius: 50%; text-indent: -9999px;}
.ui-pager .ui-pager-wrap a span.circle.on { background: #006EA6;  }



@media only screen and (max-width: 480px) { } /* #####	MOBILE SCREEN #####*/
@media only screen and (min-width: 481px) and (max-width: 1024px) { }	 /* #####	PAD SCREEN #####*/
@media only screen and (min-width: 1025px) { } /* #####	PC SCREEN #####*/