@charset "utf-8";

/****************************************/
/*	Name: BENEPIA
/*	Part: Base
/*	Version: 1.0
/*	Author: Summer
/*	Editor: SK MNS
/****************************************/

/* reset */
html {width:100%; height:100%; filter: expression(document.execCommand('BackgroundImageCache', false, true));}
body {width:100%; height:100%;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0;}
body, input, select, div, textarea, table, button {font-size:12px; font-family:"dotum","Tahoma","arial"; color:#666;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
/*legend {position:absolute; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}*/ /*2019.12.04 KCB 인증 추가 충돌로 인한 주석 처리*/ /* For Screen Reader */
img, fieldset, button {vertical-align:top; border:0;}
ul, ol {list-style:none;}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
caption {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
input, textarea, button {line-height:1.2; /* 입력폼에서 춤추지 않는 최소 줄간 1.2 */ vertical-align: middle;}
input[type=text], 
input[type=password] {background:#fff; border:1px solid #ddd; height:23px; line-height:23px; color:#666; padding-left:5px; vertical-align:middle;}
input[type=text]:hover, 
input[type=password]:hover, 
textarea:hover,
input[type=text].focus, 
input[type=password].focus, 
textarea.focus {/* background:#fff; */ color:#666; border:1px solid #777;}
input[type="checkbox"],
input[type="radio"] {margin:0; padding:0; vertical-align:middle; width:13px; height:13px; line-height:13px;}
input[type=file] {background:#fff; border:1px solid #ddd; height:23px; line-height:23px; color:#666; padding-left:5px; vertical-align:middle;}
input[type=text].input02, 
input[type=text].input02:hover {border:3px solid #ddd !important; height:34px; line-height:34px;}
textarea {background:#fff; border:1px solid #ddd; height:23px; line-height:1.2em; color:#666; padding:5px; vertical-align:middle;}
input[type=text].customPlaceholder, 
input[type=password].customPlaceholder
textarea.customPlaceholder { color:#a9a9a9; }
label {cursor:pointer; margin:0 10px 0 3px;}
label.reset{ margin:0px; }
a {text-decoration:none; color:#666;}
a:hover, a:active, a:focus {text-decoration:none;}
*html input {background:#fff; border:1px solid #ddd; height:23px; line-height:23px; color:#666; padding-left:5px; vertical-align:middle;}
*html .input02 {background:#fff; border:3px solid #ddd; height:34px; line-height:34px; color:#666; padding-left:5px; vertical-align:middle;}
input.check {_border:none;}
button{cursor:pointer;background:transparent;border:none;*overflow:visible;}

/* clear */
.clear {clear:both !important;}
.clfix:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* hides from ie-mac */
.clfix {zoom:1;} /*for ie 5.5-7*/

/* hide */
.hide {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
.img-wrap { position: relative; }
.img-wrap .hide { top:0; left:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); }

/* align */
.alC {text-align:center !important;}
.alL {text-align:left !important;}
.alR {text-align:right !important;}
.alJ {text-align:justify !important;}

.vaT {vertical-align:top !important;}
.vaM {vertical-align:middle !important;}
.vaB {vertical-align:bottom !important;}
.vapx {vertical-align:-1px !important;}

/* position */
.posR {position:relative !important;}
.posA {position:absolute !important;}

/* pointBl-blue, pointOr-orange, pointRe-red, pointGn-green, pointGy-gray, pointBk-black, pointWh-white */
.pointBl {color:#249dff !important;}
.pointOr {color:#ca6015 !important;}
.pointRe {color:#ff232e !important;}
.pointGn {color:#039314 !important;}
.pointGy01 {color:#333 !important;}
.pointGy02 {color:#666 !important;}
.pointGy03 {color:#838383 !important;}
.pointBk {color:#000 !important;}
.pointWh {color:#fff !important;}
.pointUl {text-decoration:underline !important;}

/* font-size */
.fs11 {font-size:11px !important;}
.fs16 {font-size:16px !important;}

/* font-weight */
.fwL{font-weight:lighter;}

/* select box title */
span.selectbox_title {position:relative; background:#fff url(../../img/ico/select_arrow.gif) no-repeat 100% 0; padding:4px 15px 5px 7px; _padding:4px 15px 5px 7px; border:1px #ddd solid; text-align:left;}
span.selectbox_title.select02 {background:#fff url(../../img/ico/select_arrow.gif) no-repeat 100% 5px; padding:10px 15px 10px 7px; border:3px #ddd solid;}
span.selectbox_title strong {display:block; width:100%; height:1em; padding:1px 0 1px; font-size:12px; font-weight:normal; color:#666; word-break:break-all; line-height:1.2em;}
span.selectbox_title_focus {border-color:#777;}
span.selectbox_title_focus.select02 {border-color:#ddd;}
span.selectbox_title_focus strong {color:#666;}
span.selectbox_title_disabled {background-color:#eee;}
span.selectbox_title_disabled strong {color:#666;}

/* select box option */
div.selectbox_option {position:relative; background:#fff; border:1px solid #777; overflow:hidden;}
div.selectbox_option.select02 {border:3px solid #ddd;}
div.selectbox_option li {list-style:none;}
div.selectbox_option a {display:block; height:1em; padding:3px 7px 5px; _padding:1px 7px 6px; font-size:12px; color:#666; word-break:break-all; line-height:1.4em; text-decoration:none; overflow:hidden; text-decoration:none !important;}
div.selectbox_option a.on,
div.selectbox_option a:hover {background:#eee; color:#000; text-decoration:none !important;}

/* select box multiple */
span.selectbox_multiple {display:inline-block; background:#fff; border:1px #ddd solid; overflow:hidden;}
span.selectbox_multiple ul li {display:block; height:1em; font-size:12px; color:#666; word-break:break-all; line-height:1.4em; padding:1px 3px 4px; _padding:2px 3px 3px; overflow:hidden;}
span.selectbox_multiple ul li.on {background:#f5f5f5; color:#666;}
span.selectbox_multiple_focus {border-color:#666;}
span.selectbox_multiple_focus ul li.on {background:#f5f5f5; color:#666;}
span.selectbox_multiple_disabled {background-color:#EEE;}
span.selectbox_multiple_disabled ul li {color:#999;}

/* ellipsis */
.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;height:1em; float:left;}