@charset "utf-8";

@import url("accessibility.css"); /* Web Accessibility */
@import url("layout.css"); /* Layout */

/* Type Selector */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {
	margin:0;
	padding:0;
	border:0;
	/*background:transparent;
	line-height:normal;*/
	line-height:130%;
	font-family:'Nanum Gothic','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;
}
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {
font-size:14px; color:#545454;
}
html, body {height:100%;}

/* Anchor */
a:link {color:#545454; text-decoration:none;}
a:visited {color:#545454; text-decoration:none;}
a:hover {color:#545454; text-decoration:underline;}
a:active {color:#545454; text-decoration:none;}
a {outline:none; select-dummy: expression(this.hideFocus=true);}

table {width:100%;}
table, th, td {border-collapse:collapse; border-spacing:0;}
table caption {display: none;}

img {border:0px; vertical-align:top;}
hr {display:none;}
col {background:none;}
li {list-style:none;}

/* floating 을 해제하기 위한 클래스 추가, 의미없는 clear만 있는 gabage source 제거 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout Selector */
.relative {position:relative;}
.posiL {position:absolute; top:0; left:0;}
.posiR {position:absolute; top:0; right:0;}
.floatArea {overflow:hidden; !important;}
.floatL {float:left !important;}
.floatR {float:right !important;}
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.alignT {vertical-align:top !important;}

/* Design Style */
.bgNone {background:none !important;}
.hidden {display:none;}

/* Button */
.btnArea {overflow:hidden; *zoom:1; text-align:center;}
.btnL {float:left;}
.btnR {float:right;}


/* Form Selector */
.inputText {height:17px; line-height:17px; color:#777; padding:0 0 0 5px; vertical-align:middle; border: 1px solid #abadb3;}
.inputCheck {vertical-align:middle; width:15px; height:15px; position:relative; top:-1px;_top:-3px;}
.inputRadio {vertical-align:middle; width:15px; height:15px; position:relative; top:-2px;_top:-4px;}
/* euc-kr일 경우
.inputCheck {vertical-align:middle; width:20px; height:20px; position:relative; top:-1px;*top:-2px;}
.inputRadio {vertical-align:middle; width:20px; height:20px; position:relative; top:-2px;*top:-3px;}
label {display:inline-block; width:100px;}
*/
button{margin:0; padding:0; font-size:0; border:none; background:none; width:auto; height:auto; overflow:visible;}
fieldset{border:0; margin:0; padding:0;}
legend {display:none}
form * {vertical-align:middle;}
select {height:19px; border:1px solid #ccc; }

/* Margin */
.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgL0 {margin-left:0px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL40 {margin-left:40px !important;}
.mgL50 {margin-left:50px !important;}
.mgR0 {margin-right:0px !important;}
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}
.mgR40 {margin-right:40px !important;}
.mgR50 {margin-right:50px !important;}
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:10px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px !important;}
.mgT50 {margin-top:50px !important;}
.mg0 {margin:0px !important;}
.mg5 {margin:5px !important;}
.m10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg40 {margin:40px !important;}
.mg50 {margin:50px !important;}

/* Padding */
.pdB0 {padding-bottom:0px !important;}
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB50 {padding-bottom:50px !important;}
.pdL0 {padding-left:0px !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL30 {padding-left:30px !important;}
.pdL40 {padding-left:40px !important;}
.pdL50 {padding-left:50px !important;}
.pdR0 {padding-right:0px !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR30 {padding-right:30px !important;}
.pdR40 {padding-right:40px !important;}
.pdR50 {padding-right:50px !important;}
.pdT0 {padding-top:0px !important;}
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:10px !important;}
.pdT20 {padding-top:20px !important;}
.pdT30 {padding-top:30px !important;}
.pdT40 {padding-top:40px !important;}
.pdT50 {padding-top:50px !important;}
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}

/* Cursor */
.cursorHand {cursor:pointer;}
.cursorMove {cursor:move;}

/* Radius */
.radiusBox {
	background-color:#fff;
	border:1px solid #d7d7d7;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.radiusBox_gray {
	background-color:#eeeeee;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Square Box */
.squareBox {border:1px solid #dadada;}


/* Title */
h1,h2,h3,h4,h5,h6 {}

/* Scroll */
.scroll {scrollbar-face-color:#fff;scrollbar-shadow-color:#f0f0f0;scrollbar-highlight-color:#f0f0f0;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#fafafa;scrollbar-arrow-color:#f0f0f0;}

/* Paging */
.pagination {text-align:center;}

/* ellipsis */
.ellipsis_1{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 1; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.5em;
 height: 1.5em; /* line-height 가 1.5em 이고 1라인을 자르기 때문에 height는 1.5em * 1 = 1.5em */
} 

.ellipsis_2{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.5em;
 height: 3em; 
} 

.ellipsis_3{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.5em;
 height: 4.5em;
} 

.ellipsis_4{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 4; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.5em;
 height: 6em; 
} 

.ellipsis_5{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 5; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.5em;
 height: 7.5em; 
} 

.ellipsis_6{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 6; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.5em;
 height: 9em;
} 

.ellipsis_7{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 7; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.5em;
 height: 10.5em;
} 

/* Icon */
.ico {display:inline-block; vertical-align:middle; }