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

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px;color:#454545}
img,input,fieldset,button{border:0}

td, div, p, span, ul, li, dl, dt, dd, textarea, h1, h2, h3, h4,input {margin:0px; padding:0px; word-break:keep-all;} 
form {margin:0; padding:0; border:0;}
table    {border-collapse:collapse; table-layout:fixed;} 
table td {word-break:break-all;} 

ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#333;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
legend,hr,caption{display:none}
iframe{border:0;vertical-align:top}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}
select,input,label,.vm{vertical-align:middle}
button{border:0;background:transparent;cursor:pointer}
.input_txt{border:1px solid #ccc;height:18px;padding:2px 0 0 2px;}
.input_txtarea{border:1px solid #ccc;padding:2px 0 0 2px;text-align:left;}
.input_radio,
.input_checkbox{border:0;}
select{height:20px;}


/*laylout*/
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
#Wrap{position:relative;background:url(../img/bg_top.gif) repeat-x;}
#header{height:105px;position:relative;min-width:1200px;_width:1200px;}
#main_contents{position:relative;min-height:600px;}
#sub_contents{background:url(../img/bg_left.gif) repeat-y;min-height:700px;width:1400px;}
#main_contents .loginWrap{position:absolute;top:30%;left:30%}
#footer{clear:both;width:100%;border-top:1px solid #666;margin-bottom:50px;}


/*login*/
#header h1{}
.gnbArea{float:right;color:#fff;margin:30px 50px 0 0;}
.gnbArea .welcomemen{background:url(../img/icon_men.png) left center no-repeat;padding-left:15px;height:13px;display:inline-block;*display:inline;*zoom:1;}
.gnbArea .welcomemen span{font-weight:bold;color:#f5e700;}
.gnbArea .quickMn{display:inline-block;*display:inline;*zoom:1;margin-left:30px;}
.gnbArea .quickMn a{color:#fff;}
.gnbArea .quickMn a:hover{color:#f5e700;}
.leftlogimg{display:inline-block;*display:inline;*zoom:1;width:240px;}
.rightloginfo{display:inline-block;*display:inline;*zoom:1;width:400px;padding-top:5px;vertical-align:top;position:relative;}
.rightloginfo h2{height:35px;}
.rightloginfo .txt_login{height:20px;}
.rightloginfo .line{border:1px solid #000;}
.inputWrap{width:300px;padding:40px 0 0 20px;}
.inputWrap dt{font-weight:bold;color:#000;float:left;width:65px;padding-top:5px;}
.inputWrap dt,
.inputWrap dd{margin-bottom:3px;}
.inputWrap dd input{width:200px;height:18px;padding:2px 0 0 2px;}
.btnLogin{position:absolute;top:82px;right:30px;}
.btnLogin input{border:0;}
.ch_idpw{padding:8px 0 0 85px;height:40px;}
.foot_logo{float:left;background:url(../img/logo_footer.png) right bottom no-repeat;width:120px;height:60px;margin-right:10px;}
.foot_info{margin:32px 0 0 50px;}
.foot_info span{color:#ebc700;font-weight:bold;}



/*sub*/
.mainMn {position:absolute;bottom:3px;right:50px;}
.mainMn li{float:left;}
.mainMn a{display:block;color:#fff;font-size:14px;font-weight:bold;text-align:center;}
.mainMn a span{display:block;padding-top:10px;}
.mainMn .Mn01 a,
.mainMn .Mn02 a,
.mainMn .Mn03 a,
.mainMn .Mn04 a,
.mainMn .Mn05 a,
.mainMn .Mn06 a,
.mainMn .Mn08 a,
.mainMn .Mn07 a{width:135px;height:35px;}
.mainMn .Mn01 a:hover,
.mainMn .Mn01 .ON,
.mainMn .Mn02 a:hover,
.mainMn .Mn02 .ON,
.mainMn .Mn03 a:hover,
.mainMn .Mn03 .ON,
.mainMn .Mn04 a:hover,
.mainMn .Mn04 .ON,
.mainMn .Mn05 a:hover,
.mainMn .Mn05 .ON,
.mainMn .Mn06 a:hover,
.mainMn .Mn06 .ON,
.mainMn .Mn08 a:hover,
.mainMn .Mn08 .ON,
.mainMn .Mn07 a:hover,
.mainMn .Mn07 .ON{background:#f2e954;width:135px;height:35px;color:#333;}


.leftBMn{background:url(../img/bg_submenu.png) repeat;width:210px;height:55px;text-align:center;padding-top:25px;}
.leftBMn span{display:block;color:#fff;font-weight:bold;font-size:16px;height:25px;padding:7px 0 0 0;}

.leftMn{display:inline-block;*display:inline;*zoom:1;width:210px;margin-right:40px;vertical-align:top;}
.leftMn ul{width:210px;}
.leftMn li{background:url(../img/bg_lfmn.gif) 0 -40px repeat-x;height:40px;width:210px;text-align:left;vertical-align:middle;}
.leftMn span{display:block;height:30px;vertical-align:middle;padding:15px 0 0 23px;}
.leftMn a{display:block;height:35px;display:bolck;color:#fff;font-weight:bold;font-size:13px;width:176px;height:52px;}
.leftMn a:hover,
.leftMn .ON{background:url(../img/bg_lfmn.gif) 0 top repeat-x;width:210px;height:40px;color:#333;}

.rightcontents{display:inline-block;*display:inline;*zoom:1;margin-top:-30px;width:1100px;padding-bottom:100px;}
.rightcontents .subtitle{float:left;background:url(../img/icon_subtt.gif) no-repeat; padding-left:22px;height:40px;}
.rightcontents .subtitle span{display:block;height:20px;font-weight:bold;font-size:16px;padding-top:2px;color:#333;}
.subgnb{float:right;font-size:11px;background:url(../img/icon_home.gif) left center no-repeat;padding-left:16px;height:12px;}
.stitle{clear:both;width:100%;height:20px;background:url(../img/bg_submenu.png) repeat;padding-top:10px;}
.stitle p{display:inline-block;*display:inline;*zoom:1;float:left;padding-left:10px;color:#fff;font-size:14px;font-weight:bold;}
.stitle .ttinfo{display:inline-block;*display:inline;*zoom:1;float:right;padding-right:20px;font-size:12px;font-weight:normal;}
.stitle .ttinfo span{color:#e21554;font-weight:bold;}
.tableArea{margin-bottom:40px;}





/*content*/




/*table*/
/*등록테이블*/
.tblst1{width:100%; table-layout:fixed;margin-bottom:20px;border-left:1px solid #d5d6d8;}
.tblst1 th{background:#f2f2f2;font-weight:bold;text-align:left;padding-left:20px;border-bottom:1px solid #d5d6d8;}
.tblst1 td{text-align:left;padding:5px 0 5px 10px;border-bottom:1px solid #d5d6d8;border-right:1px solid #d5d6d8;}
.tblst1 .fred{color:#e21554;}

/*list*/
.tblst2 th{font-weight:bold;border-bottom:1px solid #333;line-height:25px;background:#f2f2f2;height:30px;}
.tblst2{width:100%; table-layout:fixed;margin-bottom:20px;border-top:2px solid #333;}
.tblst2 td{border-bottom:1px solid #ccc;height:25px;text-align:center;padding:2px;}
.tblst2 .l{text-align:left;padding-left:20px;}
.bbsbtnArea{width:100%;height:30px;}
.tblst2 .color_g{background:#f2f2f2;font-weight:bold;text-align:center;}

/*view&write*/
.tblst3{width:100%; table-layout:fixed;margin-bottom:20px;border-top:2px solid #333;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.tblst3 th{height:30px;background:#f2f2f2;border-bottom:1px solid #ccc;}
.tblst3 td{height:25px;border-bottom:1px solid #ccc;padding-left:10px;}
.tblst3 .bbsview{min-height:400px;padding:30px;vertical-align:top;}
.tblst3 .writeconfrim{font-weight:bold;background:#ede5e5;height:45px;vertical-align:middle;}
.tblst3  img{vertical-align:middle;}


.tblst4{width:100%; table-layout:fixed;margin-bottom:20px;border-left:1px solid #ccc;border-top:2px solid #333;}
.tblst4 th{background:#f2f2f2;font-weight:bold;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:2px 0;height:25px;}
.tblst4 td{text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;;padding:5px 0;}
.tblst4 td .l{text-align:left;padding-left:20px;}


.baseTbc { table-layout:fixed;border-top:2px solid #333;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.baseTbc th {height:30px;background:#f2f2f2;border-bottom:1px solid #ccc;}
.baseTbc td {padding-left:10px;text-align:left; font-size:12px;border-right:1px solid #ccc;border-bottom:1px solid #ccc; }

/* button 
---------------------------------------------- */

.btnArea{width:100%;text-align:right;margin:10px 0;}
.btnArea2{width:100%;}
.btn_left{float:left;}
.btn_right{float:right;}
.btnArea_df{width:100%;vertical-align:middle;text-align:center;}


.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:1em; font-weight:bold;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em .8em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}


/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}


.btnStyle_gray{color:#fff;font-weight:bold;background:url(../img/btn_gray.png) no-repeat;width:88px;height:28px;border:0;cursor:pointer;}
.btnStyle_red{color:#333;font-weight:bold;background:url(../img/btn_red.png) no-repeat;width:88px;height:28px;border:0;cursor:pointer;}




/* 팝업스타일 */
#popWrap{width:100%;height:auto;margin:0 auto;}
.popheader{height:65px;background:#000;padding:10px 0 0 20px;margin-bottom:20px;}
.popheader .ktlogo{background:url(../img/logo_poptt.gif) no-repeat;width:58px;height:48px;float:right;padding-right:30px;}
.popheader h1{color:#fff;font-weight:bold;font-size:15px;display:inline-block;*display:inline;*zoom:1;padding-top:20px;}

.siteselect{width:90%;padding:10px;background:#f5f5f5;border:1px solid #ddd;margin:0 auto;margin-bottom:20px;}
.siteselect span{font-weight:bold;}
.ss_list {padding:10px 0;}

.popconArea{width:90%;min-height:550px;padding:10px;background:#f5f5f5;border:1px solid #ddd;margin:0 auto;margin-bottom:20px;}
.popconArea .popcon1,
.popconArea .popcon2{border:2px solid #ddd;background:#fff;overflow-y:scroll;width:48%;height:530px;float:left;}
.popconArea .popcon2{float:right;}

.poptoparea{background:#151a1d;height:20px;padding:30px 20px 20px 20px;position:relative;}
.poptoparea img{position:absolute;top:5px;right:30px;}
.poptoparea h1{color:#ffffff;font-weight:bold;font-size:16px;}



/*메일삭제*/
.maildelArea{width:500px;background:#eee;border:1px solid #ddd;margin:0 auto;padding:20px;margin-bottom:20px;}
.mdelms{width:500px;text-align:center;margin-bottom:10px;font-weight:bold;color:#6b1d20;}
.mdelms span{color:#fff;}

.tblst3{width:100%; table-layout:fixed;border-top:2px solid #333;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.tblst3 th{background:#ddd;height:30px;border-bottom:1px solid #ccc;}
.tblst3 td{padding-left:10px;background:#fff;border-bottom:1px solid #ccc;}


.f_red{color:#ff0000;}