@charset "euc-kr";

@font-face{
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src:
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face{
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face{
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 800;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
} 


@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}


/* Basic Class */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html,body{height:100%}
html{overflow-y:auto}
body{font-family:'Prompt','Noto Sans KR',µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-feature-settings:"liga","kern";
	font-weight:300;
	font-size:14px;
	color:#000;
	line-height:1.5em;
	text-align:center
}

.fontNanum{font-family:'Nanum Gothic','µ¸¿ò',Dotum,AppleGothic,sans-serif}
.fontEngNum{font-family:'Prompt',sans-serif}


table{border:none;border-collapse:collapse;border-spacing:0}
th, td, select, input, textarea{
	font-family:'Noto Sans KR',µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-feature-settings:"liga","kern";
	font-weight:300;
	color:#000;
	font-size:14px
}
img, select, input, textarea{vertical-align:middle}
ul{list-style: none}
em{font-weight:bold;font-style:normal}
caption, th, td{text-align:left}
blockquote:before,
blockquote:after,
q:before,
q:after{content:"";content:none}
blockquote,
q{quotes:none}
label{cursor:pointer}
/* remember to define focus styles! */
:focus{outline:0 !important}

.clear{clear:both;display:block;width:0;height:0;line-height:0;font-size:0px;overflow:hidden;visibility:hidden;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


a:link,
a:visited{color:#000;text-decoration:none}
a:hover{color:#d12819;text-decoration:none}


h1, h2, h3, h4, h5, h6{font-weight:300;line-height:1}
h1{font-size:4em}
h2{font-size:3em}
h3{font-size:2em}
h4{font-size:1.5em}
h5{font-size:1em}
h6{font-size:11px}



/* buttons elements */
.basicButton{display:inline-block;
	border-radius:2px;
	f-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;

	box-shadow:rgba(0,0,0,0.1) 0 1px 2px;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 1px 2px;
	-moz-box-shadow:rgba(0,0,0,0.1) 0 1px 2px;

	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.actionButton{background-color:#f4f4f4;border:1px solid #ccc;background-color:#fff;color:#313131;padding:0 10px;margin:0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: linear-gradient(top, #ffffff, #f4f4f4);

	filter: progid :DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f4f4f4');
}
.actionButton:hover{background-color:#fff;border:1px solid #999}

a.actionButton{color:#313131}
a.actionButton:hover{color:#000}

.actionButton.left{
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:0px;
}
.actionButton.right{
	-moz-border-radius-topleft:0px;
	-moz-border-radius-bottomleft:0px;
	margin-left: -1px;
}

.actionButton.active{background-color:#444444;border:1px solid #aaa;color:#555;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cccccc));
	background-image: -webkit-linear-gradient(top, #dddddd, #cccccc);
	background-image: -moz-linear-gradient(top, #dddddd, #cccccc);
	background-image: -ms-linear-gradient(top, #dddddd, #cccccc);
	background-image: -o-linear-gradient(top, #dddddd, #cccccc);
	background-image: linear-gradient(top, #dddddd, #cccccc);

	text-shadow: 0 1px #ccc;
}
.ie .actionButton.active{color:#fff !important}
a.actionButton.active:hover{color:#000}




a.actionButton1{background-color:#ea3427;color:#fff;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f84134), color-stop(100%, #e13024));
	background-image:-webkit-linear-gradient(#f84134, #e13024);
	background-image:-moz-linear-gradient(#f84134, #e13024);
	background-image:-o-linear-gradient(#f84134, #e13024);
	background-image:-ms-linear-gradient(#f84134, #e13024);
	background-image:linear-gradient(#f84134,#e13024);

	text-shadow:#00373A 1px 1px 2px;
}

a.actionButton2{background-color:#efefef;color:#5b5b5b;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e1e1e1));
	background-image:-webkit-linear-gradient(#f4f4f4, #e1e1e1);
	background-image:-moz-linear-gradient(#f4f4f4, #e1e1e1);
	background-image:-o-linear-gradient(#f4f4f4, #e1e1e1);
	background-image:-ms-linear-gradient(#f4f4f4, #e1e1e1);
	background-image:linear-gradient(#f4f4f4,#e1e1e1);

	text-shadow:#fff 1px 1px
}
a.actionButton2:hover{color:#fff}

a.actionButton3{background-color:#006267;color:#fff;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008991), color-stop(100%, #006267));
	background-image:-webkit-linear-gradient(#008991, #006267);
	background-image:-moz-linear-gradient(#008991, #006267);
	background-image:-o-linear-gradient(#008991, #006267);
	background-image:-ms-linear-gradient(#008991, #006267);
	background-image:linear-gradient(#008991,#006267);

	text-shadow:#00373A 1px 1px 2px;
}


a.redButton{background-color:#379837;border:none;color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3d9e3d), to(#319131));
	background-image: -webkit-linear-gradient(top, #3d9e3d, #319131);
	background-image: -moz-linear-gradient(top, #3d9e3d, #319131);
	background-image: -ms-linear-gradient(top, #3d9e3d, #319131);
	background-image: -o-linear-gradient(top, #3d9e3d, #319131);
	background-image: linear-gradient(top, #3d9e3d, #319131);
	filter: progid :DXImageTransform.Microsoft.gradient(startColorStr='#3d9e3d', EndColorStr='#319131');


	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
a.redButton:hover{background-color:#319131;border:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#319131), to(#3d9e3d));
	background-image: -webkit-linear-gradient(top, #319131, #3d9e3d);
	background-image: -moz-linear-gradient(top, #319131, #3d9e3d);
	background-image: -ms-linear-gradient(top, #319131, #3d9e3d);
	background-image: -o-linear-gradient(top, #319131, #3d9e3d);
	background-image: linear-gradient(top, #319131, #3d9e3d);
	filter: progid :DXImageTransform.Microsoft.gradient(startColorStr='#319131', EndColorStr='#3d9e3d');

	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
a.redButton:hover{
	color: #ffffff;
}


a.blueButton{background-color:#2596e6;color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2f9eec), to(#1988d6));
	background-image: -webkit-linear-gradient(top, #2f9eec, #1988d6);
	background-image: -moz-linear-gradient(top, #2f9eec, #1988d6);
	background-image: -ms-linear-gradient(top, #2f9eec, #1988d6);
	background-image: -o-linear-gradient(top, #2f9eec, #1988d6);
	background-image: linear-gradient(top, #2f9eec, #1988d6);

	text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
a.blueButton a:link,
a.blueButton a:visited{
	color: #ffffff;
}
a.blueButton:hover{color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1988d6), to(#1988d6));
	background-image: -webkit-linear-gradient(top, #1988d6, #1988d6);
	background-image: -moz-linear-gradient(top, #1988d6, #1988d6);
	background-image: -ms-linear-gradient(top, #1988d6, #1988d6);
	background-image: -o-linear-gradient(top, #1988d6, #1988d6);
	background-image: linear-gradient(top, #1988d6, #1988d6);
}


/** Form elements */

textarea,
input[type=text],
input[type=file],
input[type=password]{display:inline-block;background: #FFF none repeat scroll 0% 0%;font-size:13px;color:#666;padding:0 10px;line-height:26px;vertical-align: middle;border:1px solid #E4E4E4;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

input[type=text],
input[type=file],
input[type=password]{height:26px}

textarea{padding:5px 0}
textarea:hover,
input[type=text]:hover,
input[type=file]:hover,
input[type=password]:hover{border:1px solid #AAA}


input[type=button].submitButton,
input[type=submit].submitButton{display:inline-block;background-color:#FFF;border:1px solid #CCC;padding:0 10px;height:35px;line-height:35px;cursor:pointer;
	border-radius:2px;
	f-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;

	box-shadow:rgba(0,0,0,0.1) 0 1px 2px;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 1px 2px;
	-moz-box-shadow:rgba(0,0,0,0.1) 0 1px 2px;

	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;

	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: linear-gradient(top, #ffffff, #f4f4f4);
	filter: progid :DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f4f4f4');
}
input[type=button]:hover,
input[type=submit]:hover{border:1px solid #999}
/** Header */


/* ÆäÀÌÁö Ãâ·Â */
#paging{padding:30px 0;text-align:center}

#paging .pagePrint{width:auto;margin:0 auto}
#paging .pagePrint::after{content:"";display:block;clear:both}

#paging a,
#paging span,
#paging em{position:relative;display:inline-block;height:30px;text-align:center;line-height:30px}

#paging a,
#paging em{width:30px;border:1px solid #fff}
 
#paging em{font-size:14px;color:#f23219;border:1px solid #ff0000}

#paging .pre,
#paging .next{color:#ccc;width:55px;border:1px solid #e4e4e4}
#paging .pre{margin-right:7px}  
#paging .next{margin-left:7px}

#paging a.pre,
#paging a.next{color:#565656}
#paging a.pre{}  
#paging a.next{}

#paging a:hover{border:1px solid #e4e4e4;background-color:#fff} 



/* ±âº» Å×À̺í */
.basicTable{background:#fff;border:1px solid #e4e4e4;border-top:2px solid #3F4652;border-bottom:1px solid #9EA6B6}
.basicTable > table{width:100%;table-layout:fixed}
.basicTable caption{padding:8px 0;font-weight:bold;text-align:left;display:none}
.basicTable th,
.basicTable td{font-size:14px;text-align:center;vertical-align:middle;padding:10px;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4}
.basicTable th{color:#333}
.basicTable td{color:#666}
.basicTable th:first-child,
.basicTable td:first-child{border-left:none}
.basicTable tr:first-child th,
.basicTable tr:first-child td{border-top:none}

.basicTable thead th{background-color:#eee;padding:10px 0}

.basicTable tbody th{background-color:#f4f4f4}
.basicTable tbody th strong{display:block;font-weight:400;text-align:left}
.basicTable tbody td{}
.basicTable tbody td .item{position:relative;text-align:left}

.basicTable tfoot tr:first-child th,
.basicTable tfoot tr:first-child td{border-top:1px solid #9EA6B6}


.basicTable .item .i_help{position:absolute;top:0;right:0}
.basicTable .item .i_label{top:6px;left:10px;cursor:text}
.basicTable .item .i_dsc{margin:2px 0}
.basicTable .item .i_check,
.basicTable .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.basicTable .item .i_text{position:relative;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.basicTable .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.basicTable .item label{margin:0 10px 0 0;cursor:pointer}



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }



/* ·¹À̾î Æ˾÷ */
#DOMWindow{
	box-shadow:rgba(0,0,0,0.5) 0 1px 2px;
	-webkit-box-shadow:rgba(0,0,0,0.5) 0 1px 2px;
	-moz-box-shadow:rgba(0,0,0,0.5) 0 1px 2px;

	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.DOMTItle{position:relative;background:#2f3541;color:#fff;height:40px;line-height:40px;font-size:16px;font-weight:400;text-align:left;padding-left:20px}
.DOMTItle .DOMCloseBox{position:absolute;right:10px;top:0;width:40px;height:40px;z-index:1000}
.DOMTItle .DOMCloseBox .closeDOMWindow{display:block;position:relative;font-size:30px;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;z-index:10}
.DOMTItle .DOMCloseBox .closeDOMWindow span{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	font-size:0;
	width:50%;
	height:4px;
	margin-top:-2px;
	margin-left:-25%;
	-webkit-user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	user-select:none;
	-webkit-transition:all .4s cubic-bezier(.835,0,.19,1);
	-moz-transition:all .4s cubic-bezier(.835,0,.19,1);
	transition:all .4s cubic-bezier(.835,0,.19,1);
	background:#fff;
}
.DOMTItle .DOMCloseBox .closeDOMWindow span:after,
.DOMTItle .DOMCloseBox .closeDOMWindow span:before{
	content:"";
	display:block;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:all .4s cubic-bezier(.835,0,.19,1);
	-moz-transition:all .4s cubic-bezier(.835,0,.19,1);
	transition:all .4s cubic-bezier(.835,0,.19,1);
	background:#fff;
}

.DOMTItle .DOMCloseBox .closeDOMWindow span{background:transparent}
.DOMTItle .DOMCloseBox .closeDOMWindow span:before{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	background:#fff;
}
.DOMTItle .DOMCloseBox .closeDOMWindow span:after{
	margin-top:-4px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	background:#fff;
}

.DOMContents{padding:20px}


.btnBody{}
.btnBody::after{content:"";display:block;clear:both}
.btnBody > div{float:left;width:50%}
.btnBody .left{text-align:left}
.btnBody .right{text-align:right}
.btnBody > div .basicButton{text-align:center;line-height:40px;padding:0 20px}


/* Special Class Selector */
.check,
.radio{width:13px;height:13px;margin:2px 5px 2px 0;vertical-align:middle}
.input{background:#fff;border-left:1px #ddd solid;border-right:1px #eee solid;border-top:1px #ddd solid;border-bottom:1px #eee solid;padding:4px 3px 1px 3px}
.fr{float:right}
.fl{float:left}
.tCenter{text-align:center}
.tRight{text-align:right}
.tLeft{text-align:left}
.nowrap{white-space:nowrap}
.fwb{font-weight:bold}
.hand{cursor:pointer}
.displayNone{display:none !important}



.width100{width:100%}
.width90{width:90%}
.width80{width:80%}
.width70{width:70%}
.width60{width:60%}
.width50{width:50%}
.width40{width:40%}
.width30{width:30%}
.width20{width:20%}
.width10{width:10%}

.colWidth5,
.colWidth51{width:20%}
.colWidth52{width:40%}
.colWidth53{width:60%}
.colWidth54{width:80%}
.colWidth4,
.colWidth41{width:25%}
.colWidth42{width:50%}
.colWidth43{width:75%}
.colWidth3,
.colWidth31{width:33.333333%}
.colWidth32{width:66.666667%}
.colWidth2{width:50%}


/* ¸¶Áø */
.mgNone{margin:0}
.mgTop-15 {margin-top:-15px !important;} 
.mgTop0 {margin-top:0 !important;}
.mgTop5 {margin-top:5px !important;}
.mgTop10 {margin-top:10px !important;} 
.mgTop15 {margin-top:15px !important;} 
.mgTop20 {margin-top:20px !important;} 
.mgTop30 {margin-top:30px !important;} 
.mgTop40 {margin-top:430px !important;}
.mgLeft0 {margin-left:0 !important;} 
.mgLeft5 {margin-left:5px !important;} 
.mgLeft10 {margin-left:10px !important;} 
.mgLeft15 {margin-left:15px !important;} 
.mgLeft20 {margin-left:20px !important;} 
.mgLeft25 {margin-left:25px !important;} 
.mgLeft30 {margin-left:30px !important;} 
.mgLeft40 {margin-left:40px !important;}
.mgRight0 {margin-right:0 !important;} 
.mgRight10 {margin-right:10px !important;} 
.mgRight20 {margin-right:20px !important;}
.mgBottom0 {margin-bottom:0 !important;} 
.mgBottom5 {margin-bottom:5px !important;} 
.mgBottom10{margin-bottom:10px !important;} 
.mgBottom15{margin-bottom:15px !important;} 
.mgBottom20{margin-bottom:20px !important;} 
.mgBottom25{margin-bottom:25px !important;} 
.mgBottom30{margin-bottom:30px !important;} 
.mgBottom35{margin-bottom:35px !important;} 
.mgBottom40{margin-bottom:40px !important;} 
.mgBottom45{margin-bottom:45px !important;} 
.mgBottom50{margin-bottom:50px !important;} 
.mgBottom60{margin-bottom:60px !important;}
.mgLeftRight0{margin-left:0 !important; margin-right:0 !important;}


/* Æеù */
.p0 {padding:0 !important;}
.pl0 {padding-left:0 !important;}
.plr0 {padding-left:0 !important; padding-right:0 !important;}
.pt5 {padding-top:5px !important;}
.pl25 {padding-left:25px !important;}


/* ÆùÆ®Ä÷¯ */
.fcOrange{color:#e94f3f !important}
.fcBlue{color:#5995bf !important}
.fcBlue1{color:#0099cc !important}
.fcBlue2{color:#0000e5 !important}
.fcRed{color:#cc0033 !important}
.fcBrown{color:#e94f3f !important}
.fcBlack{color:#121212 !important}
.fcGreen{color:#00cc66 !important}
.fcYellow{color:#ffcc00 !important}


/+ ¹è°æ»ö»ó */
.green, .green-bg { background: #72b626; }
.blue, .blue-bg { background: #2db2ea; }
.orange, .orange-bg {background: #fa5b0f; }
.navy, .navy-bg { background: #495d7f; }
.yellow, .yellow-bg { background: #ffb400; }
.peach, .peach-bg { background :#fcab55; }
.red, .red-bg { background: #c62020; }
.beige, .beige-bg { background: #bfa980; }
.pink, .pink-bg { background: #c71c77; }
.cyan, .cyan-bg { background: #37b6bd;}
.celadon, .celadon-bg { background: #74aea1;}
.brown, .brown-bg { background: #784e3d; }
.cherry, .cherry-bg { background: #911938;}
.gray, .gray-bg { background: #666666;}
.purple, .purple-bg { background: #6957af; }
.olive, .olive-bg { background: #b3c211; }
.dark, .dark-bg { background: #404040; }
.dirty-green, .dirty-green-bg { background: #3b6e40; }



img.imgZoom{ 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

img.imgZoom:hover {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	filter: none;
	-webkit-filter:none;

	-webkit-transform: scale(1.05);
	-moz--transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

/***************************************************** ½½¶óÀ̵å ***************************************************/

/*bx slider*/
.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1}
.bx-wrapper img{display:block;position:relative;top:0;left:0}
.bx-wrapper .bx-viewport{z-index:1}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80, 80, 80, 0.75);width:100%;}
.bx-wrapper .bx-caption span{display:block;color:#fff;line-height:30px;padding:0 10px}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}

/* LOADER */
.bx-wrapper .bx-loading{position:absolute;top:0;left:0;background:url(/images/bx_loader.gif) center center no-repeat #fff;width:100%;height:100%;min-height:50px;z-index:2000}

/* PAGER */
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-weight:bold;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{display:block;background:#666;text-indent:-9999px;width:10px;height:10px;margin:0 5px;outline:0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;}

/* DIRECTION CONTROLS (NEXT / PREV)
.bx-wrapper .bx-prev{left:10px;background: url(/images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next{right: 10px;background: url(/images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover{background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}

.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;outline:0;width:32px;height:32px;margin-top:-16px;text-indent:-9999px;z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
 */

.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;outline:0;background-color:#000;background-image:url(/images/icons.png);width:44px;height:66px;margin-top:-33px;text-indent:-9999px;opacity:0.4;z-index:10;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
.bx-wrapper .bx-prev{left:10px;background-position:-110px -140px}
.bx-wrapper .bx-next{right: 10px;background-position:-160px -140px}
.bx-wrapper .bx-prev:hover{opacity:0.7}
.bx-wrapper .bx-next:hover{opacity:0.7}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;background:url(/images/controls.png) -86px -11px no-repeat;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;background:url(/images/controls.png) -86px -44px no-repeat;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width: 35px;}