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

/*
	웹퍼블리싱팀
	use: 공통스타일
*/

@import url(layout.css);
@import url(page_con.css);
@import url(board.css);
@import url(NanumBarunGothic.css);

html, body{font-family:"NanumBarunGothic","verdana"; color:#767676; font-size:12px; line-height:120%; margin: 0; padding:0;
	scrollbar-face-color:#DEDEDE;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#DFDFDF;
	scrollbar-shadow-color:#CFCFCF;
	scrollbar-darkshadow-color:#BFBFBF;
	scrollbar-track-color:#EFEFEF;
	scrollbar-arrow-color:#7F7F7F;
}


* {margin:0; padding:0; }
img {border:0px; vertical-align:middle;}
table{border-collapse: collapse;}
table th{font-size:12px}
p , form{margin:0px; padding:0px;}
ul , dl {margin:0px; list-style:none; padding:0px;}
dl dt{margin:0px; padding:0px;} 
ul li{margin:0px; list-style:none; padding:0px;}
ol li{margin:0px; list-style:none; padding:0px;}
h1 , h2 , h3 , h4 , h5 , h6 {margin:0px; padding:0px;}
.hidden{display:none;}


textarea{font-size:12px}
fieldset{border:none;}
fieldset legend {display: none;}
table caption {display: none;}
hr{display:none;}
a:link {color:#666666; text-decoration:none;}
a:visited{color:#666666; text-decoration:none;}
a:hover { color:#9ec93c; text-decoration:none;}

select{border:1px solid #7f9db9; color:#767676;  height:19px; font-size:12px; vertical-align:middle}
option{display:block !important;}
textarea{border:1px solid #484849; color:#767676; width:96%; padding:5px !important;background-color:transparent;}
.input_text{border:solid 1px #d6d6d6;padding:1px 0;vertical-align:middle;width:195px;}
.input_check{border:none; height:16px; border:0px; vertical-align:middle;}
.input_radio{vertical-align:middle;width:11px;height:11px;}
input[type="text"], input[type="password"] {color:#767676; border: solid 1px #484849;border-top: solid 1px #484849;border-left: solid 1px #484849;padding: 3px;vertical-align: middle; background-color:transparent;}
input[type="radio"]{vertical-align:middle;width:14px;height:14px;}
input[type="check"]{border:none; height:16px; border:0px; vertical-align:middle;}
input[type="file"]{vertical-align:middle; width:300px; border:1px solid #d4d4d4; color:#fff !important}


.boardTextarea{width:95%; padding:0 10px;}

ul li.borderNone{background:none;}
th.backgroundNone{background-image:none !important;}
h3.leftTitle{display:block;}
td.align_left{text-align:left; padding-left:10px !important;}

.skip_menu , .hide{display:none;}
.clear{clear:both;}
.hide{display:none;}
.border_none{border:none; background-image:none;}
ul li.border_none{border:none; background-image:none;}


/* skip navigation */
.skiplist {position:relative;z-index:9999;margin:0; padding:0;}
.skip {display:none; font-family:"돋움", dotum; text-align:left; margin:0; padding:0; position:absolute;} /*All incl Opera*/
/* * html */ .skip {display:block} /*Seen by IE*/
:root .skip {display:block} /*Seen by Moz, FF and Safari*/
.skip a {padding:0 0.5em; display:inline; z-index:1000; text-decoration:none; position:absolute; width:14em; left:-200em;}
.skip a:focus, .skip a:active {position:absolute; left:0; padding:10px; border:solid #333 1px; color:#fff; background:#000;}
.skip a:hover {cursor:default}
/* //skip navigation */



/* DEFINED BY SHIN, DONG-HYEOK */
.b14 {font-family:malgun gothic; font-size:14px; font-weight:bold;}
.b16 {font-family:malgun gothic; font-size:16px; font-weight:bold;}
.b18 {font-family:malgun gothic; font-size:18px; font-weight:bold;}
.b20 {font-family:malgun gothic; font-size:20px; font-weight:bold;}

.on_room {margin-right:5px; background-color:#f40; color:#fff; padding:10px; float:left; font-family:malgun gothic; font-size:14px; font-weight:bold; cursor:pointer;}
.off_room {margin-right:5px; background-color:#444; color:#fff; padding:10px; float:left; font-family:malgun gothic; font-size:14px; font-weight:bold; cursor:pointer;}

.btnCheck {display:none}	
.btnCheck + label {display: inline-block; padding:3px; color:#fff; background-color:#bbb; cursor: pointer;}	
.btnCheck:checked + label {background-color:#a51f22}
.btnCheck.black:checked + label {background-color:#000}
.btnCheck.red:checked + label {background-color:#bc0730}

.selectBox {
	display:inline-block;
	position: relative;
	width:200px;
	height: 22px;
	line-height:22px;
	border:1px solid #bbb;
	text-transform:uppercase;
	background:#fff;
}

.selectBox label {
	position: absolute;
	width:calc(100% - 40px);
	text-align:left;
	top:0;
	left:0;
	padding:0px 30px 0px 10px;
}

.selectBox label:after {
	content:'';
	width:30px;
	height:22px;
	position:absolute;
	top:0;
	right:0;
	color:#fff;
	text-align:center;
	background:#333;
	background:url(/__admpg/images/bg_selectbox_gray.png);
	background-repeat:no-repeat;
	background-position:5px;
}

.selectBox select {
	width: 100%;
	height: 25px;
	opacity: 0;
	filter: alpha(opacity=0)/* IE 8 */;
}



.cred {color:#df1145;}
.cblue {color:#1271c7;}
.cblue2 {color:#0d9bdf;}
.cgreen {color:green;}
.cblack {color:#000;}
.cwhite {color:#fff;}
.corange {color:#f60;}
.cbrown {color:#990000;}
.cgray {color:#bbb;}

.b {font-weight:bold;}
.i {font-style:italic;}

.hand {cursor:pointer;}

.p5 {padding:5px;}

.lp5 {text-align:left; padding-left:5px;}
.lp10 {text-align:left; padding-left:10px;}
.lp20 {text-align:left; padding-left:20px;}

.rp5 {text-align:right; padding-left:5px;}
.rp10 {text-align:right; padding-left:10px;}
.rp20 {text-align:right; padding-left:20px;}

.lm1 {margin-left:1px;}
.lm2 {margin-left:2px;}
.lm3 {margin-left:3px;}
.lm4 {margin-left:4px;}
.lm5 {margin-left:5px;}
.lm10 {margin-left:10px;}
.lm20 {margin-left:20px;}
.lm30 {margin-left:30px;}
.lm40 {margin-left:40px;}
.lm50 {margin-left:50px;}

.rm1 {margin-right:1px;}
.rm2 {margin-right:2px;}
.rm3 {margin-right:3px;}
.rm4 {margin-right:4px;}
.rm5 {margin-right:5px;}
.rm10 {margin-right:10px;}
.rm20 {margin-right:20px;}
.rm30 {margin-right:30px;}
.rm40 {margin-right:40px;}
.rm50 {margin-right:50px;}

.tm1 {margin-top:1px;}
.tm2 {margin-top:2px;}
.tm5 {margin-top:5px;}
.tm10 {margin-top:10px;}
.tm20 {margin-top:20px;}
.tm30 {margin-top:30px;}
.tm40 {margin-top:40px;}
.tm50 {margin-top:50px;}

.bm1 {margin-bottom:1px;}
.bm2 {margin-bottom:2px;}
.bm5 {margin-bottom:5px;}
.bm10 {margin-bottom:10px;}
.bm20 {margin-bottom:20px;}
.bm30 {margin-bottom:30px;}
.bm40 {margin-bottom:40px;}
.bm50 {margin-bottom:50px;}

.dot8 {font-family:dotum; font-size:8pt;}
.mg12 {font-family:malgun gothic; font-size:12px;}
.mg14 {font-family:malgun gothic; font-size:14px;}
.mg16 {font-family:malgun gothic; font-size:16px;}
.mg18 {font-family:malgun gothic; font-size:18px;}
.mg20 {font-family:malgun gothic; font-size:20px;}

.br1 {border-radius:1px;}
.br2 {border-radius:2px;}
.br3 {border-radius:3px;}
.br4 {border-radius:4px;}
.br5 {border-radius:5px;}

.tb {border-collapse:collapse;}
.tb td, .tb th{border:1px solid #bebebe; height:25px; text-align:center;}
.tb th{background-color:#e0e0e0;}

.tb2 {border-collapse:collapse;}
.tb2 td, .tb2 th{border:1px solid #bebebe; height:35px;}
.tb2 th{background-color:#e0e0e0;}
.tb2 td {padding-left:10px;}

.tb3 td {border-bottom:1px solid #bebebe; height:25px;}
.tb3 th {background-color:#e0e0e0; text-align:left; padding-left:10px; height:30px;}
.tb3 td {padding-left:10px;}

.tb4 {border-collapse:collapse;}
.tb4 td, .tb4 th{border:1px solid #bebebe; height:30px; text-align:center;}
.tb4 th{background-color:#e0e0e0;}

.tb5 td {border-bottom:1px solid #bebebe;}
.tb5 td, .tb5 th{height:30px; text-align:center;}
.tb5 th{background-color:#e0e0e0;}

.tb6 {border-collapse:collapse;}
.tb6 td, .tb6 th{border:1px solid #bebebe; height:34px; text-align:center;}
.tb6 th{background-color:#e0e0e0;}

.tb7 {border-collapse:collapse; table-layout:fixed;}
.tb7 td, .tb7 th{border:1px solid #bebebe; padding:5px; text-align:center;}
.tb7 th{background-color:#e0e0e0;}
.tb7 td{word-break:break-all;}

.tb_none {border-collapse:collapse;}
.tb_none td, .tb_none th{border:none; height:35px;}
.tb_none th{font-weight:normal;}
.tb_none td {padding-left:10px;}

.calendar_link {text-decoration:underline !important;}

.active_category {background-color:#dcdcdc;}
.active_category .active_category_text {font-weight:bold;}

.fMG{font-family:malgun gothic;}

.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}
.f40{font-size:40px;}

.wd10 {width:10px;}
.wd20 {width:20px;}
.wd30 {width:30px;}
.wd40 {width:40px;}
.wd50 {width:50px;}
.wd60 {width:60px;}
.wd70 {width:70px;}
.wd80 {width:80px;}
.wd90 {width:90px;}
.wd100 {width:100px;}
.wd150 {width:150px;}
.wd200 {width:200px;}
.wd300 {width:300px;}
.wd400 {width:400px;}
.wd500 {width:500px;}
.wd600 {width:600px;}
.wd700 {width:700px;}
.wd800 {width:800px;}
.wd900 {width:900px;}
.wd1000 {width:1000px;}

.wd10p {width:10%;}
.wd15p {width:15%;}
.wd20p {width:20%;}
.wd25p {width:25%;}
.wd30p {width:30%;}
.wd35p {width:35%;}
.wd40p {width:40%;}
.wd45p {width:45%;}
.wd50p {width:50%;}
.wd55p {width:55%;}
.wd60p {width:60%;}
.wd65p {width:65%;}
.wd70p {width:70%;}
.wd75p {width:75%;}
.wd80p {width:80%;}
.wd85p {width:85%;}
.wd90p {width:90%;}
.wd95p {width:95%;}
.wd100p {width:100%;}

.ht10 {height:10px;}
.ht20 {height:20px;}
.ht30 {height:30px;}
.ht40 {height:40px;}
.ht50 {height:50px;}
.ht60 {height:60px;}
.ht70 {height:70px;}
.ht80 {height:80px;}
.ht90 {height:90px;}
.ht100 {height:100px;}
.ht150 {height:150px;}
.ht200 {height:200px;}

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

.float:after{
	content:'';
	display:block;
	clear:both;
}

.floatL {float:left}
.floatR {float:right}


.spinner {-webkit-animation:rotate 2s linear infinite; animation:rotate 2s linear infinite; width:80px; height:80px;}
.spinner .path {stroke:#1190cb; -webkit-animation:dash 1.5s ease-in-out infinite; animation:dash 1.5s ease-in-out infinite;}

@-webkit-keyframes rotate {
	100% {transform:rotate(360deg);}
}

@keyframes rotate {
	100% {transform:rotate(360deg);}
}

@-webkit-keyframes dash {
	0% {stroke-dasharray:1,150; stroke-dashoffset:0;}
	50% {stroke-dasharray:90,150; stroke-dashoffset:-35;}
	100% {stroke-dasharray:90,150; stroke-dashoffset:-124;}
}

@keyframes dash {
	0% {stroke-dasharray:1,150; stroke-dashoffset:0;}
	50% {stroke-dasharray:90,150; stroke-dashoffset:-35;}
	100% {stroke-dasharray:90,150; stroke-dashoffset:-124;}
}