@charset "UTF-8";
/*****************************
    Webfont : 나눔고딕
*****************************/
@font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: normal; src: url(../font/NanumGothic.eot); src: local("NanumGothic"), local("나눔고딕"), url(../font/NanumGothic.eot?#iefix) format("embedded-opentype"), url(../font/NanumGothic.woff2) format("x-woff2"), url(../font/NanumGothic.woff) format("woff"), url(../font/NanumGothic.ttf) format("truetype"); }

@font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: 700; src: url(../font/NanumGothicExtraBold.eot); src: url(../font/NanumGothicExtraBold.eot?#iefix) format("embedded-opentype"), url(../font/NanumGothicExtraBold.woff2) format("x-woff2"), url(../font/NanumGothicExtraBold.woff) format("woff"), url(../font/NanumGothicExtraBold.ttf) format("truetype"); }

@font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: bold; src: url(../font/NanumGothicBold.eot); src: url(../font/NanumGothicBold.eot?#iefix) format("embedded-opentype"), url(../font/NanumGothicBold.woff2) format("x-woff2"), url(../font/NanumGothicBold.woff) format("woff"), url(../font/NanumGothicBold.ttf) format("truetype"); }

body { padding: 0; margin: 0; }

/*****************************
	Base(reset) style
*****************************/
html, body { height: 100%; }

html, body, blockquote, caption, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr, iframe, input, legend, li, object, ol, p, pre, q, select, table, textarea, ul, tr, td, th { margin: 0; padding: 0; font-family: 'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움"; }

ul, ol, li { list-style: none; }

ul, li, ol, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, div, span, em { word-wrap: break-word; word-break: break-all; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; font-family: 'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움"; }

button { font-family: 'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움"; }

body { color: #000; font-size: 14px; font-weight: normal; line-height: 130%; }

pre { font-family: 'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움"; }

fieldset { display: block; margin: 0; padding: 0; border: 0; }

legend { position: absolute; visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }

form { margin: 0; padding: 0; }

input[type="text"], input[type="password"], textarea { outline: none; }

select { outline: none; }

input::-webkit-input-placeholder { color: #999; }

input::-moz-input-placeholder { color: #999; }

input:-ms-input-placeholder { color: #999; }

input[type=text]::-ms-clear, input[type=password]::-ms-clear { display: none; }

input[type=text]:-ms-clear, input[type=password]:-ms-clear { display: none; }

/* Form common*/
input.number,
.inp_base {border:1px solid #dddddd;color:#666; font-size:12px; padding:4px;}
.inp_base01 {border:1px solid #c1c1c1;color:#666; font-size:14px; padding:4px; height:16px;}
.inp_base.txt_right {text-align:right !important;}
.break {height:18px;*height:16px;height:15px\0;border:2px solid #F85E08}
.inp_right {border:1px solid #dddddd;color:#666;height:20px;*height:18px;height:17px\0;padding:2px 10px 1px 8px;*padding:5px 10px 0px 8px;padding:5px 10px 1px 8px\0/;font-size:12px;text-align:right;}
div.fileinputs {position:relative;height:30px;width:365px} /* input file */
div.fileinputs input.file {margin:0;width:437px;height:25px;outline:none}
div.fileinputs input.file.hidden {position:relative;text-align:right;-moz-opacity:0; filter: alpha(opacity: 0); opacity: 0;z-index:2}
div.fileinputs div.fakefile {position:absolute;top:0px;left:0px;width:650px;padding:0;margin:0;z-index:1;line-height: 90%}
div.fileinputs .button-medium {_position:relative;_top:-1px;_padding-bottom:3px}
/********end*************/


/*
input.txtInput {height:36px; padding:0 5px; margin:0; line-height:35px; border:1px solid #c0c0c0; border-radius:4px; color:#222;vertical-align:middle; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움";}
input.txtInput.readOnly {border:1px solid #e1e1e1; background:#f7f7f7;}
input.txtInput2 {height:26px; padding:0 5px; margin:0; line-height:26px; border:1px solid #c0c0c0; border-radius:4px; color:#222; vertical-align:middle; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움";}
input.radio,
input[type=radio] {width:13px !important; height:13px !important; margin:-1px 0 0 0; padding:0; border:0; vertical-align:middle; background:none;}
input.check,
input[type=checkbox] {width:13px !important; height:13px !important; margin:-1px 0 0; padding:0; border:0; vertical-align:middle; background:none;}
select.selectBox {box-sizing:border-box; height:30px; padding:0px 28px 0 3px; margin:0; font-size:13px; color:#666; border:1px solid #ddd; border-radius:0; -webkit-border-radius:0; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움"; vertical-align:middle; background:url('../../images/common/ico_selectbox.gif') no-repeat right center; background-size:24px 8px; -webkit-appearance:none;}
label.labelBox{font-size:14px; font-weight:bold; color:#222; vertical-align:middle;}
*/
a, a:link, a:visited, a:active, a:hover { text-decoration: none; color: #000; }

a.underline { text-decoration: underline; }

button { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: middle; background-color: transparent; cursor: pointer; }

img { border: 0; vertical-align: middle; }

hr { display: none; }

em, address { font-style: normal; }

table { width: 100%; border-collapse: collapse; }

caption { overflow: hidden; margin: 0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; }

noscript { position: absolute; z-index: 10; background: #efefef; }

noscript p { margin: 0; }

.blind { position: absolute; left: -9999em; overflow: hidden; width: 0; height: 0; line-height: 0; }




/*button*/
[class^="bt-"],
[class*=" bt-"]{
	display:inline-block; overflow:hidden;
	height:30px;
	padding:0 3px 0 0;
	margin:0 3px;
	vertical-align:middle;
}
[class^="bt-"] *,
[class*=" bt-"] *{
	display:block;
	min-width:45px;
	height:30px;
	text-align:center;
	line-height:30px;
	padding:0 17px 0 20px;
	color:#444;
	vertical-align:middle;
	border:none !important;
	background-color:transparent !important;
	cursor:pointer;
}
[class^="bt-"] input,
[class*=" bt-"] input{ border:none !important;outline:none; }


.bt-basic{
	background:url(../images/common/bt_basic.gif) 100% -100px no-repeat;
}
.bt-basic *{
	background:url(../images/common/bt_basic.gif) 0 -100px no-repeat;
}
.bt-basic:hover {
	background:url(../images/common/bt_basic.gif) 100% -150px no-repeat;
}
.bt-basic:hover *{
	background:url(../images/common/bt_basic.gif) 0 -150px no-repeat;
	text-decoration:none;
}

.bt-violet{
	background:url(../images/common/bt_violet.gif) 100% -100px no-repeat;
}
.bt-violet *{
	color:#fff !important;
	background:url(../images/common/bt_violet.gif) 0 -100px no-repeat;
}
.bt-violet:hover {
	background:url(../images/common/bt_violet.gif) 100% -150px no-repeat;
}
.bt-violet:hover *{
	background:url(../images/common/bt_violet.gif) 0 -150px no-repeat;
	text-decoration:none;
}

.bt-green{
	background:url(../images/common/bt_green.gif) 100% -100px no-repeat;
}
.bt-green *{
	color:#fff !important;
	background:url(../images/common/bt_green.gif) 0 -100px no-repeat;
}
.bt-green:hover {
	background:url(../images/common/bt_green.gif) 100% -150px no-repeat;
}
.bt-green:hover *{
	background:url(../images/common/bt_green.gif) 0 -150px no-repeat;
	text-decoration:none;
}

.bt-gray {
	background:url(../images/common/bt_gray.gif) 100% -100px no-repeat;
}
.bt-gray *{
	color:#fff !important;
	text-decoration:none;
	background:url(../images/common/bt_gray.gif) 0 -100px no-repeat;
}
.bt-gray:hover {
	background:url(../images/common/bt_gray.gif) 100% -150px no-repeat;
}
.bt-gray:hover *{
	color:#fff !important;
	text-decoration:none;
	background:url(../images/common/bt_gray.gif) 0 -150px no-repeat;
}

.bt-lgray {
	background:url(../images/common/bt_lgray.gif) 100% -100px no-repeat;
}
.bt-lgray *{
	color:#555 !important;
	background:url(../images/common/bt_lgray.gif) 0 -100px no-repeat;
}
.bt-lgray:hover {
	background:url(../images/common/bt_lgray.gif) 100% -150px no-repeat;
}
.bt-lgray:hover *{
	background:url(../images/common/bt_lgray.gif) 0 -150px no-repeat;
	text-decoration:none;
}

.bt-yellow{
	background:url(../images/common/bt_yellow.gif) 100% -100px no-repeat;
}
.bt-yellow *{
	color:#555 !important; *min-width:60px;
	background:url(../images/common/bt_yellow.gif) 0 -100px no-repeat;
}
.bt-yellow:hover {
	background:url(../images/common/bt_yellow.gif) 100% -150px no-repeat;
}
.bt-yellow:hover *{
	background:url(../images/common/bt_yellow.gif) 0 -150px no-repeat;
	text-decoration:none;
}


.bt-blue{

	background:url(../images/common/bt_blue.gif) 100% -100px no-repeat;
}
.bt-blue *{
	color:#fff; font-weight:bold; !important; *min-width:60px;
	background:url(../images/common/bt_blue.gif) 0 -100px no-repeat;
}
.bt-blue:hover {
	background:url(../images/common/bt_blue.gif) 100% -150px no-repeat;
}
.bt-blue:hover *{
    color:#fff; font-weight:bold; !important;
	background:url(../images/common/bt_blue.gif) 0 -150px no-repeat;
	text-decoration:none;
}


.bt-login {
	color:#fff !important;
	border-color:#63369a #603495 #45256b;
	background-color:#875dbc; 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#946ec3), to(#7a4cb4));
	background-image:-webkit-linear-gradient(#946ec3, #7a4cb4); 
	background-image:-moz-linear-gradient(#946ec3, #7a4cb4); 
	background-image:-o-linear-gradient(#946ec3, #7a4cb4); 
	background-image:linear-gradient(#946ec3, #7a4cb4);
}

.bt-small {
	height:25px;
	background-position:100% 0;
}
.bt-small *{
	min-width:20px;
	height:25px;
	line-height:25px;
	text-align:center;
	background-position:0 0;
}
.bt-small:hover{
	background-position:100% -50px;
}
.bt-small:hover *{
	background-position:0 -50px;
}

.bt-big {
	height:45px;
	background-position:100% -200px;
}
.bt-big *{
	min-width:70px;height:45px;
	background-position:0 -200px;
	line-height:45px;
	font-size:14px;
}
.bt-big:hover {
	height:45px;
	background-position:100% -250px;
}
.bt-big:hover *{
	min-width:70px;height:45px;
	background-position:0 -250px;
	line-height:45px;
	font-size:14px;
}

.btn-group {
	width:100%;
	margin-top:20px;
	text-align:center;
}
.btn-group:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
.btn-group.page-line {
	position:relative;z-index:1;
	height:0;
	margin-top:0;
}
.btn-group.page-line .fr,
.btn-group.page-line .fl {
	position:absolute;top:-30px;
	float:none;
}
.btn-group.page-line .fr {right:0;}
.btn-group.page-line .fl {left:0;}
.btn-group .fr [class^="bt-"]:last-child,
.btn-group .fr [class*=" bt-"]:last-child {margin-right:0;}
.btn-group .fl [class^="bt-"]:first-child,
.btn-group .fl [class*=" bt-"]:first-child {margin-left:0;}



.w10{ width:10px;}
.w15{ width:15px;}
.w20{ width:20px;}
.w25{ width:25px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w140{ width:140px;}
.w150{ width:150px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w450{ width:450px;}
.w460{ width:460px;}
.w500{ width:500px;}
.w600{ width:600px;}