﻿html, body {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	background-color:#252525;
	font-family:"돋움", "dotum", "verdana";
	font-size:12px;
	color:#555;
}

html {
	height:auto;
	overflow-y:auto;
	overflow-x:auto;
	scrollbar-face-color:#cccccc;
	scrollbar-shadow-color:#bec2c3;
	scrollbar-highlight-color:#bec2c3;
	scrollbar-3dlight-color:#e7e9eb;
	scrollbar-darkshadow-color:#e7e9eb;
	scrollbar-track-color:#e8eaeb;
	scrollbar-arrow-color:#ccc;
}

input.input55 {position:absolute; left:1px; top:1px; color:#666; border:0px solid #fff; background:#fff;}
label {position:relative; padding:7px 10px 0 10px;}

td, th, table, body, textarea, select, input, dt, dd {
	font-size:12px;
	font-family:"돋움", "dotum", "verdana";
}

.txt>table,input { text-align:center; }
.txt2 { text-align:left; }

input,textarea,select {color:#666; border:1px solid #ccc; background:#fbfafa; }
.input02 {color:#666; border:1px solid #fff; background:#fff; }
.input04 {
	vertical-align:middle;
	Background:#e9ecea;
	border:solid 1px #fff;
	border-radius:10px 10px;
	width:16px;
	height:16px;
}
.input05 {
	vertical-align:middle;
	Background:#e9ecea;
	border:solid 1px #fff;
	border-radius:10px 10px;
	width:18px;
	height:18px;
}
.input03 { width:95%;height:18px;background:#ffffff !important;border:1px solid #ccc !important;margin:1px 0; }
.select03 {width:95%;height:20px;margin:1px 0; }
.input04 { width:50px !important;border:1px solid #ccc; }
.input_btn4 { width:90px;height:22px;padding:0;background:url(../img/sub/btn_bg4.jpg) no-repeat;text-align:center;border:none; }
.input_btn2 { width:54px;height:22px;padding:0;background:url(../img/sub/btn_bg2.jpg) no-repeat;text-align:center;border:none; }
.input_write { width:55px;height:15px;padding-top:5px;background:url(../img/sub/btn_write_bg.gif) no-repeat;text-align:center;vertical-align:middle;border:none;color:white;font-size:11px;cursor:Pointer; }

a:link {color:#666; text-decoration:none}
a:visited {color:#666; text-decoration:none}
a:active {color:#666; text-decoration:none}
a:hover {color:#000; text-decoration:underline;}

ul,ol,li{list-style:none outside;}
/*table{border-collapse:collapse;}*/
.none td {border-collapse:none !important;border:none !important;padding:0 !important;margin:0 !important;}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,em,p { margin:0;padding:0; }
fieldset {border:0 none;}
img, fieldset {border:0;}


:focus { -moz-outline-style:none; } /* for Firefox */
/* for IE */
/* ref url by http://lemonfish.egloos.com/viewer/4550683 */
a {
	outline:none;
	word-wrap:expression( this.style.wordWrap="normal",this.hideFocus=true);
}

h1, h2, h3, h4, h5 ,h6 { display:none; }
h1, h2, h3, h4, h5 ,h6 { line-height:120%; }

img {border:0;}

/*:::::::::::::::::::::::::::::::::아이디 중복확인 :::::::::::::::::::::::::::::::::*/
.box body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,em,p {margin:0;padding:0;}
.box {
	width:400px;
	height:300px;
	background:url(../board_img/idcheck.gif) no-repeat;
	padding:130px 0 0 50px;
	color:#242424;
}
.box .id_btn {padding:20px 0 0 95px;}

/*:::::::::::::::::::::::::::::::::폰트 :::::::::::::::::::::::::::::::::*/
.font01 {font-size:14px; font-weight:bold; color:#0673e3; }
.font02 {font-size:11px; font-weight:bold; color:#777; }
.font03 {font-size:11px; font-weight:bold; color:#333; }
.font04 {font-size:12px; font-weight:bold; color:#000; }
.font05 {font-size:12px; color:#555;}
.font06 {font-size:12px; font-weight:bold; color:#333; }
.font07 {font-size:12px; color:#000; }
.font08 {font-size:11px; color:#777; }
.font09 {font-size:11px; font-weight:bold; color:#555; }
.font10 {font-size:11px; color:#555; }
.font11 {font-size:12px; font-weight:bold; color:#555; }
.font12 {font-size:12px; color:#01225f; }
.font13 {font-size:12px; color:#178ee9; }
.font14 {font-size:14px; font-weight:bold; color:#333; }
.font15 {font-size:16px; font-weight:bold; color:#333; }
.font16 {font-size:13px; font-weight:bold; color:#666; }
.font17 {font-size:30px; font-weight:bold; color:#333; }
.font18 {color:red; }
.font19 {color:blue; }
.font20 {font-size:12px; font-weight:bold; color:#8cb940; }
.font21 {font-size:11px; color:#000; }
.font22 {font-size:11px; color:#008cc6; }
.font23 {font-size:12px; font-weight:bold; color:#6a7b1a; }
.font24 {font-size:12px; font-weight:bold; color:#fff; }
.font25 {font-size:12px; font-weight:bold; color:#555; background-color:#f5f5f5 }

.fl {float:left !important;}
.fr {float:right !important;}
.cb {clear:both !important;}
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
.jf {text-align:justify !important;}
.oh {overflow:hidden !important;}
.cp {cursor:pointer !important;}
.di {display:inline !important;}
.dn {display:none !important;}
.db {display:block !important;}
.vv {visibility:visible !important;}
.vh {visibility:hidden !important;}
.bn {border:none !important;}
.bbn {border-bottom:none !important;}
.brn {border-right:none !important;}
.bgn {background:none !important;}
.fb {font-weight:bold !important;}
.tdu {text-decoration:underline;}

ul.img_ul li {font-size:1px; line-height:1px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt100 {margin-top:100px;}

.mr2 {margin-right:2px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}

.mtb5 {margin:5px 0;}
.mtb10 {margin:10px 0;}
.mtb15 {margin:15px 0;}
.mtb20 {margin:20px 0;}
.mtb25 {margin:25px 0;}
.mtb30 {margin:30px 0;}
.mtb35 {margin:35px 0;}
.mtb40 {margin:40px 0;}
.mtb45 {margin:45px 0;}

.p0 {padding:0;}

.pl1 {padding-left:1px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}

.pt3 {padding-top:3px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}

.pb5 {padding-bottom:5px;}
.pb8 {padding-bottom:8px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr17 {padding-right:17px;}
.pr20 {padding-right:20px;}
.pr24 {padding-right:24px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}

.ptb5 {padding:5px 0;}
.ptb10 {padding:10px 0;}
.ptb15 {padding:15px 0;}
.ptb20 {padding:20px 0;}
.ptb25 {padding:25px 0;}
.ptb35 {padding:35px 0;}

.boder_l {border-left:1px solid #dedede;}
.boder_r {border-right:1px solid #dedede;}
.boder_lr {border-left:1px solid #dedede; border-right:1px solid #dedede;}
.boder_f_r {border-right:1px solid #fff;}
.boder_d_l {border-left:1px dotted #ccc;}
.boder_d_r {border-right:1px dotted #ccc;}
.boder_d_lr {border-left:1px dotted #ccc; border-right:1px dotted #ccc;}
.boder_d_rb {border-right:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.boder_t {border-top:1px solid #ccc; border-right:1px solid #ccc;}
.boder_t02 {border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;}

.boder_t_dot {border-top:1px dotted #dedede;}
.th_boder th {border-bottom:1px dotted #dedede;border-right:1px dotted #dedede;border-left:1px dotted #dedede;}

.contents .BoardList .th,
.contents .BoardList2, .th {background:url(/img/sub2/board_bar_02.png) repeat-x;}
.contents .BoardList .th_area,
.contents .BoardList2 .th_area{background:url(/img/sub/board_li.png) no-repeat left center;padding-left:2px;}
.contents .BoardList .th_s {background:url(../img/board_bar_02s.png) repeat-x;}
.contents .BoardList .th_d {background:#555555;}

.BoardList2 td {border:1px solid #ccc; }
.BoardList2 th {border:1px solid #ccc; background-color:#bbb; color:#fff}


.contents .BoardList_w .th_s {background:url(../img/board_bar_02s.png) repeat-x; color:#545454;}
.contents .BoardList_w .th_d {background:#555555;}
.contents .BoardList_w .black { color:#000 }
/* 제목열 sheet */
.subject { padding-left:20px !important; font-weight:bold; }



/* 테이블 레이아웃 설정 */
.tbLayoutHeaderW {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	font-weight:bold;
	color:#ffffff;
	cursor:default;
	background-color:#8ecff9;
}

.tbLayoutHeaderE {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	color:#ffffff;
	cursor:default;
	background-color:#3a6ea5;
/*	margin-top:4px;
	background-color:#666633;
	table-layout:fixed;
*/
}
.tbLayoutHeader {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	font-weight:bold;
	color:#ffffff;
	cursor:default;
	background-color:#3a6ea5;
/*	margin-top:4px;
	background-color:#666633;
	table-layout:fixed;
*/
}
.tbLayout {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	cursor:default;
/*	margin-top:4px;
	background-color:#666633;
	table-layout:fixed;
*/
}
.tbLayout:hover {
	cursor:default;
	background-color:#ccffff;
}
/*	background-color:#edf0fa;*/
.tbLayoutA {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	cursor:default;
}
.tbLayoutA:hover {
	cursor:default;
	background-color:#ccffff;
}
.tbLayoutHeaderF {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	font-weight:bold;
	color:#ffffff;
	background-color:#3a6ea5;
	margin-top:4px;
	cursor:default;
	table-layout:fixed;
}
.tbLayoutF {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	margin-top:4px;
	table-layout:fixed;
	cursor:default;
	word-break:break-all;
}
.tbLayoutF:hover {
	cursor:default;
	background-color:#ccffff;
}
.tbLayoutFA {
	border-collapse:collapse;
	background-color:#edf0fa;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	margin-top:4px;
	table-layout:fixed;
	cursor:default;
	word-break:break-all;
}
.tbLayoutFA:hover {
	cursor:default;
	background-color:#ccffff;
}
.tbLayoutF input {
	border-width:1px;
	border-style:solid;
	border-color:#b5b5b5;
	font-size:12px;
	color:#333333;
	cursor:default;
}
.tbLayoutFA input {
	border-width:1px;
	border-style:solid;
	border-color:#b5b5b5;
	font-size:12px;
	color:#333333;
	cursor:default;
}
.tbLayoutFN {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	margin-top:4px;
	cursor:default;
	table-layout:fixed;
}
.tbLayoutHeaderN {
	border-collapse:collapse;
	font-weight:bold;
	color:#ffffff;
	background-color:#3a6ea5;
	cursor:default;
/*	margin-top:4px;
	background-color:#666633;
	table-layout:fixed;
*/
}
.tbLayoutN {
	border-collapse:collapse;
	cursor:default;
/*	margin-top:4px;
	background-color:#666633;
	table-layout:fixed;
*/
}
.tbLayoutHeaderT {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	font-weight:bold;
	cursor:default;
/*	margin-top:4px;
	background-color:#666633;
	table-layout:fixed;*/
}

.tbLayoutNH {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	cursor:default;
}
.tbLayoutFNH {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	margin-top:4px;
	cursor:default;
	table-layout:fixed;
	word-break:break-all;
}
/* 테이블 레이아웃 설정 */



/* Labels above select boxes*/
.multipleSelectBoxControl span{
	font-size:12px; color:#256fb8;
	font-weight:bold;

}
/* Select box layout */
.multipleSelectBoxControl div select{
	padding-top:3px;
	/*position:absolute;
	top:50px;*/
	font-family:"돋움", "dotum", "verdana";
	font-size:12px; color:#333333;
	font-weight:bold;
	Background-color:#FFFFFF;
	BORDER-RIGHT:#256f33 1px solid;
	BORDER-TOP:#256f33 2px solid;
	BORDER-LEFT:#256f33 1px solid;
	BORDER-BOTTOM:#256f33 1px solid;
}
/* Small butons */
.multipleSelectBoxControl input{
	width:25px;
	FONT-FAMILY:"돋움","dotum";
	font-weight:bold;
	font-size:11px; color:#256fb8;
	padding:2pt;
	height:20px;
	Background-color:#FFFFFF;
	BORDER-RIGHT:#666666 1px solid;
	BORDER-TOP:#666666 1px solid;
	BORDER-LEFT:#666666 1px solid;
	BORDER-BOTTOM:#666666 1px solid;
}

.multipleSelectBoxControl div{
	float:left;
}

.multipleSelectBoxDiv {}

.productItem {
	border: 1px #dddddd solid;
	display: inline-block;
	width: 150px;
	padding: 20px;
	margin: 5px;
	text-align:left;
}

.sms_textarea { float:left; width:106px; height:92px; margin:0; padding:5px 5px 5px 19px; color:#131414; overflow-y:hidden; }


.rt {text-align:right}
.ct {text-align:center}
.lt {text-align:left}

.flt_rt{float:right}
.flt_lt{float:left}
.flt_clear{clear:both}

.margin_top10{ margin-top:10px}
.margin_top20{ margin-top:20px}
.margin_top30{ margin-top:30px}

.margin-left10{margin-left:10px}
.margin-left20{margin-left:20px}

.margin-bottom5{margin-bottom:5px}
.margin-bottom10{margin-bottom:10px}



.box-search{border:3px solid #ddd; padding:10px 20px; margin:10px 0 15px 0}

.rt{text-align:right}
.lt{text-align:left}
.ct{text-align:center}


