@charset "utf-8";
/* CSS Document */

/* 기본폰트를 사용 할 때 주석 해제 */
* {
 font-style:normal;
 font-variant:normal;
 text-decoration:none;
/*  line-height:140%; */
 list-style:none;
 font-family:"NanumGothic", "나눔고딕", "DevGothic", "돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
}

/* 기본설정 */
html, body, div, ul, ol, dl, dt, dd, li, form, input, select, button, border, object, embed, img, legend, label, section, article, aside, hgroup, header, footer, nav, figure, fieldset, address, h1, h2, h3, h4, h5, h6, a {
 margin:0;
 padding:0;
 border:0 none;
 font-size:13px;
 letter-spacing:-.5px;
 color:#565656;
 /* css3 색상(사용할때 주석제거) 
 -webkit-transition:color .5s linear;
 -moz-transition:color .5s linear;
 -o-transition:color .5s linear;
 transition:color .5s linear;
 */
 /* css3 투명도(사용할때 주석 제거) 
 -webkit-transition:opacity .25s linear;
 -moz-transition:opacity .25s linear;
 -o-transition:opacity .25s linear;
 transition:opacity .25s linear;
 */
 /* css3 top위치(사용할때 주석제거) 
 -webkit-transition:top .25s linear;
 -moz-transition:top .25s linear;
 -o-transition:top .25s linear;
 transition:top .25s linear;
 */
 /* css3 left위치(사용할때 주석제거)
 -webkit-transition:left .25s linear;
 -moz-transition:left .25s linear;
 -o-transition:left .25s linear;
 transition:left .25s linear;
 */
 /* css3 가로사이즈(사용할때 주석제거)
 -webkit-transition:width .25s linear;
 -moz-transition:width .25s linear;
 -o-transition:width .25s linear;
 transition:width .25s linear;
 */
 /* css3 세로사이즈(사용할때 주석제거)
 -webkit-transition:height .25s linear;
 -moz-transition:height .25s linear;
 -o-transition:height .25s linear;
 transition:height .25s linear;
 */
 /* css3 보더(사용할때 주석제거)
 -webkit-transition:border .25s linear;
 -moz-transition:border .25s linear;
 -o-transition:border .25s linear;
 transition:border .25s linear;
 */
 /* css3 백그라운드(사용할때 주석제거)
 -webkit-transition:background .25s linear;
 -moz-transition:background .25s linear;
 -o-transition:background .25s linear;
 transition:background .25s linear;
 */
 /* css3 둥근테두리(사용할때 주석제거)
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 */
}
/* html5 inline tag를 block tag로 변환 */
section, article, aside, hgroup, header, footer, nav, figure, h1, h2, h3, h4, h5, h6 {
 display:block;
}
/* img 기본 정렬 설정 */
img { vertical-align:top; }
/* form 요소 테두리 */
select, input, textarea { border:1px solid #d7d7d7; padding:0px 5px; }
/* 강조 및 table 제목 설정 */
strong, th { font-weight:bold; }

/* 테이블보더 */
table {
 border-spacing:0;
 padding:0;
 margin:0;
 border:0;
}
table tr td.left   { text-align:left !important; }
table tr td.right  { text-align:right !important; }
table tr td.center { text-align:center !important; }

.left   { text-align:left !important; }
.right  { text-align:right !important; }
.center { text-align:center !important; }

/* background */
.bg_gray {background-color:#f1f1f1 !important;}
.bg_lightlemon {background-color:#ffffea !important;}

/* 감추기 설정 */
.viewHidden {
 display:none;
}
/* 보이기 설정 */
.viewInline {
 display:inline;
}
.viewBlock {
 display:block;
}
.viewInlineBlock {
 display:inline-block;
}
/* 스킵내비게이션 */
.skipNavigation {
 visibility:hidden;
 position:absolute;
 overflow:hidden;
 left:-20000px;
 top:-20000px;
 width:0;
 height:0;
 font-size:0;
}
/* 포커스 아웃 */
.focusOut {
 visibility:hidden;
 position:absolute;
 overflow:hidden;
 left:-20000px;
 top:-20000px;
 height:0;
 width:0;
 font-size:0;
 line-height:0;
}
/* span 폰트형태 */
span {
 font-variant:normal;
}

.cb {clear:both;}

/* float */
.fl_l {float:left !important;}
.fl_r {float:right !important;}

.cur_p { cursor:pointer; }

/* margin */
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}

/* padding */
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}

/* color */
.co_sky {color:#00befc !important;}
.co_orange {color:#ec5f0d !important;}
.bg_white {background-color:#ffffff !important;}

/* v-align */
.vt_t {vertical-align:top !important;}
.vt_m {vertical-align:middle !important;}
.vt_b {vertical-align:bottom !important;}