/* Eric Meyer's CSS Reset */

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, select {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* End of Eric Meyer's CSS Reset */


.txt_hidden
{
	visibility:hidden;
	width:10px;
}





@charset "utf-8";

@font-face{
font-family:Nanum Gothic;
src:url('/css/font/NanumGothic.eot');
src:url('/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/css/font/NanumGothic.woff') format('woff'),
url('/css/font/NanumGothic.ttf') format('truetype');
url('/css/font/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/css/font/NanumGothic.woff') format('woff');
 }


article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

	display: block;

}

body {

	font-family:'NanumGothic','NanumGothicOTF', '나눔고딕','나눔고딕OTF','돋움', 'Dotum', sans-serif;

	font-size: 0.7em;

	width: 100%;

	color: #a6a6a6;

	/*background: url('/images/codec_bg.gif') left top;*/

	/*background: url('/images/codec_bg2.gif') left top repeat-x;*/

	/*background: url('/images/codec_bg3.gif') left top repeat-x; */

	/*background: url('/images/codec_bg4.gif') left top ;*/

	/*background: url('/images/codec_bg5.gif') left top repeat-x; */

	background-color: #f7f7f7;

}



.wrapper {

	/*width: 1020px;*/
    width: 100%;

	margin: 0 auto;

}



/* Button */



div.btngrp { margin: 0 auto; width: 400px; text-align: center; padding: 20px 2px 10px 2px;}

div.btngrp a { margin-left: 20px;}

div.ourpro { margin: 0 auto; width: 300px; text-align: center; padding-top: 20px; padding-bottom: 20px;}



.btn {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background-color:#ededed;

	-webkit-border-top-left-radius:5px;

	-moz-border-radius-topleft:5px;

	border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;

	-moz-border-radius-topright:5px;

	border-top-right-radius:5px;

	-webkit-border-bottom-right-radius:5px;

	-moz-border-radius-bottomright:5px;

	border-bottom-right-radius:5px;

	-webkit-border-bottom-left-radius:5px;

	-moz-border-radius-bottomleft:5px;

	border-bottom-left-radius:5px;

	text-indent:0;

	border:1px solid #dcdcdc;

	display:inline-block;

	color:#777777;

	font-size:12px;

	font-weight:bold;

	font-style:normal;

	height:27px;

	line-height:25px;

	width: auto;

	text-decoration:none;

	text-align:center;

	text-shadow:1px 1px 0px #ffffff;

	margin:0;

	padding:0px 12px;

}



.btn:hover {

	-moz-box-shadow:inset 0px 1px 0px 0px #63d6fd;

	-webkit-box-shadow:inset 0px 1px 0px 0px #63d6fd;

	box-shadow:inset 0px 1px 0px 0px #63d6fd;

	background-color:#00ade8;

	-webkit-border-top-left-radius:5px;

	-moz-border-radius-topleft:5px;

	border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;

	-moz-border-radius-topright:5px;

	border-top-right-radius:5px;

	-webkit-border-bottom-right-radius:5px;

	-moz-border-radius-bottomright:5px;

	border-bottom-right-radius:5px;

	-webkit-border-bottom-left-radius:5px;

	-moz-border-radius-bottomleft:5px;

	border-bottom-left-radius:5px;

	text-indent:0;

	border:1px solid #00ade8;

	text-shadow:1px 1px 0px #0d7ea9;

	color:#fff;

}

.btn_indoor {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background-color:#5FD18E;

	-webkit-border-top-left-radius:5px;

	-moz-border-radius-topleft:5px;

	border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;

	-moz-border-radius-topright:5px;

	border-top-right-radius:5px;

	-webkit-border-bottom-right-radius:5px;

	-moz-border-radius-bottomright:5px;

	border-bottom-right-radius:5px;

	-webkit-border-bottom-left-radius:5px;

	-moz-border-radius-bottomleft:5px;

	border-bottom-left-radius:5px;

	text-indent:0;

	border:0px solid #62A77F;

	display:inline-block;

	color:#ffffff;

	font-size:12px;

	font-weight:bold;

	font-style:normal;

	height:27px;

	line-height:25px;

	width: auto;

    text-decoration:none;

	text-align:center;

	margin:0;

	padding: 3px 12px 0px;

}


div.toggle_btn { margin: 0 auto; background: url('/images/imgbtn.png') center top no-repeat; width: 164px; height: 30px; font-size: 13px; font-weight: bold; line-height: 200%;}

div.toggle_btn a { display: block; width: 164px; height: 30px; text-align: center;}





.prodw_btn {

	-moz-box-shadow:inset 0px 1px 0px 0px #00bcf2;

	-webkit-box-shadow:inset 0px 1px 0px 0px #00bcf2;

	box-shadow:inset 0px 1px 0px 0px #00bcf2;

	background-color:#00ade8;

	-webkit-border-top-left-radius:5px;

	-moz-border-radius-topleft:5px;

	border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;

	-moz-border-radius-topright:5px;

	border-top-right-radius:5px;

	-webkit-border-bottom-right-radius:5px;

	-moz-border-radius-bottomright:5px;

	border-bottom-right-radius:5px;

	-webkit-border-bottom-left-radius:5px;

	-moz-border-radius-bottomleft:5px;

	border-bottom-left-radius:5px;

	text-indent:0;

	display:inline-block;

	border:1px solid #00ade8;

	text-shadow:1px 1px 0px #0d97c8;

	color:#fff;

	font-size:12px;

	font-weight:bold;

	font-style:normal;

	height:27px;

	line-height:25px;

	width: auto;

	text-decoration:none;

	text-align:center;

	margin:0;

	padding:0px 12px;

}



/* Header

-----------------------------------------------------------------------------*/

.header {

	height: 71px;

	background: url('/images/topbg.jpg') left top no-repeat;

	background-color:  #37373f;

	position: relative;

    width:1020px;
    
    margin:0 auto;
}



h1 { width: 200px; height: 60px; display: block; border-top: 5px solid #292932; text-align: center; margin-left: 30px; 

	/*background-color: #fff;

	-webkit-border-bottom-left-radius:10px;

	-moz-border-radius-bottomleft:10px;

	border-bottom-left-radius:10px;

	-webkit-border-bottom-right-radius:10px;

	-moz-border-radius-bottomright:10px;

	border-bottom-right-radius:10px;
        */
}



.gnb { position: absolute; right: 35px; top: 6px; background: url('/images/gnbg_short.png') left top no-repeat; height: 28px; width: 182px; z-index: 10px; }

.gnb ul { display: block; position: absolute; top: 5px; left: 10px; font-weight: 200;}

.header .gnb ul li {
    float: left;
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
}
.header .gnb a { color: #aaa; text-decoration: none; }

.header .gnb a:hover { color: #fff; }



.header .menu { display: block; position: absolute; right: 36px; top: 30px; }

.header .menu a { color: #fff; text-decoration: none; background-color: #4a4a52; display: block; text-align: center; /*padding-top: 5px;*/ line-height: 178%; height: 30px; width: 120px;

	-webkit-border-bottom-left-radius:5px;

	-moz-border-radius-bottomleft:5px;

	border-bottom-left-radius:5px;

	-webkit-border-bottom-right-radius:5px;

	-moz-border-radius-bottomright:5px;

	border-bottom-right-radius:5px;



	-webkit-border-top-left-radius:5px;

	-moz-border-radius-topleft:5px;

	border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;

	-moz-border-radius-topright:5px;

	border-top-right-radius:5px;

	border: 1px solid #313137;	

}

.header .menu a:hover { color: #fff; border: 1px solid #11abe2; z-index: 12px;}

.header .menu .active { color: #fff; border: 1px solid #11abe2; z-index: 12px; background-color: #11abe2;}

.header .menu li {  float: left; font-size: 150%; padding-left: 10px;  vertical-align: baseline; font-family:'Nanum Gothic';}
.header img { padding-top:10px;}


/*html[data-useragent*='MSIE 10.0'] .header .menu a:hover { background: url('/images/blue_under.gif') left 40px repeat-x;}

html[data-useragent*='MSIE 10.0'] .header .menu .active { background: url('/images/blue_under.gif') left 40px repeat-x;}*/



/*

.header .menu { display: block; position: absolute; right: 36px; top: 50px;}

.header .menu a { color: #fff; text-decoration: none;}

.header .menu a:hover { color: #11abe2; border-bottom: 1px solid #11abe2; padding-bottom: 18px; z-index: 12px;}

.header .menu .active { color: #11abe2; border-bottom: 1px solid #11abe2; padding-bottom: 18px; z-index: 12px;}

.header  ul li {  float: left; font-size: 170%; padding-left: 20px;}



html[data-useragent*='MSIE 10.0'] .header .menu a:hover { background: url('/images/blue_under.gif') left 40px repeat-x;}

html[data-useragent*='MSIE 10.0'] .header .menu .active { background: url('/images/blue_under.gif') left 40px repeat-x;}

*/





/* index.html

-----------------------------------------------------------------------------*/

/*.content { width: 1020px; height: auto; background: #f7f7f7; padding-bottom:50px;}*/
.content { width: 100%; height: auto; background: #f7f7f7; padding-bottom:50px;}
.content2 { width: 1020px; height: auto; background: #f7f7f7;}



.mainkeybg {

	width: 1020px;

	height: 368px;

	background: url('/images/mainbg.png') left top no-repeat;

	position: relative;

}



.login_wrap { 

	position: absolute; 

	right: 35px; 

	top: 270px;  

	width: 470px;

	height: 93px;

	padding-left: 0px;

	color: #fff;

	background-color: #11aae1;

	-webkit-border-top-left-radius:5px;

	-moz-border-radius-topleft:5px;

	border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;

	-moz-border-radius-topright:5px;

	border-top-right-radius:5px;

}



.login_wrap h2 { display: block; height: 20px; padding-left: 24px; padding-top: 12px; font-size: 13px; font-weight: bold;}



.login { position: absolute; right: 20px; top: 36px;}



.login input[type=text].login_id {

	display: block;

	width: 120px;

	height: 12px;

	border: 1px solid #b7b7b7;

	border-right: 0;

	float: left;

	background: #fff url('/images/id_profile.gif') left center no-repeat;

	padding: 7px 0 7px 35px;

	outline: none;

	font-size: 12px;

	color: #606060;

	line-height: 12px;

}



.login input[type=password].login_password {

	display: block;

	width: 108px;

	height: 12px;

	border: 1px solid #b7b7b7;

	border-right: 0;

	float: left;

	background: #fff url('/images/pass_profile.gif') left center no-repeat;

	padding: 7px 0 7px 35px;

	outline: none;

	font-size: 12px;

	color: #606060;

	line-height: 12px;

	margin-left: 12px;

	margin-right: 12px;

}



.login  input[type=submit].login_btn {

	width: 102px;

	height: 32px;

	margin-top: -2px;

	border: 0;

	background: url('/images/login_btn.png') left top no-repeat;

	float: left;

	font-size: 0px;

	text-indent: -9999px;

	cursor: pointer;

	outline: none;

}



.login  input[type=submit].login_btn:hover {

	background: url('/images/login_btn.png') left -32px no-repeat;

}





input[type=text].normal_input {

	display: block;

	width: 250px;

	height: 20px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

}



input[type=password].normal_input {

	display: block;

	width: 250px;

	height: 20px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

}


input[type=text].conf_title {

	display: block;

	width: 400px;

	height: 20px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

}



input[type=text].conf_stime {

	display: block;

	width: 150px;

	height: 20px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

}



input[type=text].conf_etime {

	display: block;

	width: 150px;

	height: 20px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

}



input[type=text].conf_usernum {

	display: block;

	width: 150px;

	height: 20px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

}



input[type=text].conf_vsfp {

	display: block;

	width: 150px;

	height: 20px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

}



textarea.conf_description {

	font-family:'맑은 고딕';
    display: block;

	width: 400px;

	height: 100px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

}





/* select css */

.conf-select {

	float: left;

	margin-left: 30px;

	width: 100px;

	height: 34px;

	overflow: hidden;

	background: url('../images/select_arrow.png') no-repeat 75px center;

	border: 1px solid #ccc;
}



.conf-select select {

	background: transparent;

	width: 100px;

	padding: 6px;

	font-size: 12px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

}



.select_video1 {

	float: left;

	width: 150px;

	height: 34px;

	overflow: hidden;

	background: url('../images/select_arrow.png') no-repeat 127px center;

	border: 1px solid #ccc;

}



.select_video1 select {

	background: transparent;

	width: 150px;

	padding: 6px;

	font-size: 12px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

}



.select_video2 {

	float: left;

	margin-left: 20px;

	width: 150px;

	height: 34px;

	overflow: hidden;

	background: url('../images/select_arrow.png') no-repeat 127px center;

	border: 1px solid #ccc;

}



.select_video2 select {

	background: transparent;

	width: 150px;

	padding: 6px;

	font-size: 12px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

}



.select_video3 {

	float: left;

	margin-left: 20px;

	width: 150px;

	height: 34px;

	overflow: hidden;

	background: url('../images/select_arrow.png') no-repeat 127px center;

	border: 1px solid #ccc;

}



.select_video3 select {

	background: transparent;

	width: 150px;

	padding: 6px;

	font-size: 12px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

}





.select_audio {

	float: left;

	width: 250px;

	height: 34px;

	overflow: hidden;

	background: url('../images/select_arrow.png') no-repeat 225px center;

	border: 1px solid #ccc;

}



.select_audio select {

	background: transparent;

	width: 250px;

	padding: 6px;

	font-size: 12px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

}



.select_hw1 {

	float: left;

	width: 160px;

	height: 34px;

	overflow: hidden;

	background: url('../images/select_arrow.png') no-repeat 135px center;

	border: 1px solid #ccc;

}



.select_hw1 select {

	background: transparent;

	width: 160px;

	padding: 6px;

	font-size: 12px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

}



.select_hw2 {

	float: left;

	margin-left: 20px;

	width: 160px;

	height: 34px;

	overflow: hidden;

	background: url('../images/select_arrow.png') no-repeat 135px center;

	border: 1px solid #ccc;

}



.select_hw2 select {

	background: transparent;

	width: 160px;

	padding: 6px;

	font-size: 12px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

}



.select_hw3 {

	float: left;

	margin-left: 20px;

	width: 160px;

	height: 34px;

	overflow: hidden;

	background: url('../images/select_arrow.png') no-repeat 135px center;

	border: 1px solid #ccc;

}



.select_hw3 select {

	background: transparent;

	width: 160px;

	padding: 6px;

	font-size: 12px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	-webkit-appearance: none;

}



span.conf_datecon { float: left; text-indent: -9999px; margin-left: 20px;}

span.conf_datecon a { background: url('/images/datecon.png') center 3px no-repeat; width: 25px; height:25px; display: block;}

span.user_tt { float: left; font-size: 14px; padding-top: 8px; padding-left: 10px; width: 120px; display: block;}



/* checkbox */



/*.login input.idch[type=checkbox] {

	width: 13px;

	height: 13px;

	display: block;

	float: left;

	margin-left: 15px;

	border: 1px solid red;

}

.login input[type=checkbox].idch + label  {

    height:13px; 

	display:inline-block;

	line-height:13px;

	font-size: 12px;

    cursor:pointer;

	color: #727272;

	float: left;

	padding-left: 5px;

	margin-right: 15px;

	border: 1px solid red;

}*/



.keyimage { width: 373px; height: 338px; background: url('/images/keyimage.png') left top no-repeat; position: absolute; left: 25px; top: 25px;}

div.mainkey_type { width: 526px; height: 189px; background: url('/images/mainkey_type.png') left top no-repeat; position: absolute; right: 36px; top: 55px; text-indent: -9999px;}



div.quick_guide { position: relative; height: 250px;}

div.quick_guide ul.qbtn { display: block; position: absolute; top: 30px; left: 26px;}

div.quick_guide ul.qbtn li { float: left; padding: 20px 20px 20px;}

div.idpwsave { width: 250px; height: 15px; position: absolute; left: 24px; bottom: 10px;}



/* login_index.html

-----------------------------------------------------------------------------*/

.content .videocof { height: 99px; background: url('/images/vconf_bg.gif') left top repeat-x; position: relative; z-index: 15px; text-align:center; width:1020px;  margin:0 auto;}

div.user_cnt { border: 1px solid #e6e6e6; background: url('/images/user_count.png') center center no-repeat; width: 175px; height: 74px; position: absolute; left:60px; top: 10px;}

div.class_cnt { border: 1px solid #e6e6e6; background: url('/images/class_count.png') center center no-repeat; width: 175px; height: 74px; position: absolute; left:300px; top: 10px;}

div.week_cnt { border: 1px solid #e6e6e6; background: url('/images/week_count.png') center center no-repeat; width: 175px; height: 74px; position: absolute; left:550px; top: 10px;}

div.month_cnt { border: 1px solid #e6e6e6; background: url('/images/month_count.png') center center no-repeat; width: 175px; height: 74px; position: absolute; left:800px; top: 10px;}

span.unumber { color: #11abe2; font-size: 25px; text-align: right; position: absolute; right:50px; top: 35px; letter-spacing: -1px;}

span.cnumber { color: #11abe2; font-size: 25px; text-align: right; position: absolute; right:35px; top: 35px; letter-spacing: -1px;}

span.wnumber { color: #11abe2; font-size: 25px; text-align: right; position: absolute; right:35px; top: 35px; letter-spacing: -1px;}

span.mnumber { color: #11abe2; font-size: 25px; text-align: right; position: absolute; right:35px; top: 35px; letter-spacing: -1px;}



div.table_sample { margin-left: 23px; margin-top: 30px; display: block; width:970px; height:465px; background: url('/images/table_01.gif')}







.table_content { width: 900px; padding-bottom: 0px; margin: 0 auto; padding-top: 20px;}

.table_content a { text-decoration: none; color: #455067;}

/* table h2 */

.table_content h2 { background: url('/images/bulletcon.png') left center no-repeat; width: 200px; height:15px; display: block; padding-left: 20px; font-size: 14px; line-height: 100%; font-weight: bold; color: rgba(49, 49, 55, 1);}

.table_content h2 { width:200px; ()height:15px; font-size: 13px; line-height: 125%; color: #455067;} /* IE 핵 8~10 */



/* notice table CSS */



.pubtable { width:100%; font-size: 12px; border-collapse: collapse; line-height: 1.5; margin-top:10px; border-top:1px solid #b4d8f1;  background: #ffffff; }

.pubtable th { padding:10px; font-weight: bold; vertical-align: middle; color: #455067; background: #d5e8f4; border-bottom: 1px solid #b4d8f1;}

.pubtable td { padding:10px; vertical-align: middle; border-bottom:1px solid #d4e8f5; border-right: 1px solid #d4e8f5; border-bottom: 1px solid #d4e8f5; text-align: left; color: #454545;}

.pubtable .subject { text-align: left; width: 480px;}

.pubtable a:hover { text-align: left; text-decoration: underline; color: #11abe2;}



.pubtable .nbtitle{ width: 180px; padding:10px; font-weight: bold; vertical-align: top; border-top:1px solid #727272; border-right: 1px solid #d4e8f5; color: #262626; background: #f2f2f2;}

.pubtable .tdleft { text-align: left;}

.pubtable .btitle {width: 150px;}

.pubtable .ntcenter {text-align: center;}
.pubtable .ntcenter a {}
.pubtable .ntcenter a:hover {}

.pubtable .rowbg { background-color: #edf6fb;}
.pubtable .rowbg2 { background-color: #ffffff;}

.pubtable .br_none { border-right: none; text-align: center;}

.pubtable .w200 { width: 200px;}

.pubtable .br_nonel { border-right: none; text-align: left;}

.pubtable .confsub { text-align: left; width: 200px;}

.pubtable .confstart { text-align: center;}

.pubtable .confend { text-align: center;}

.pubtable .conf_log { text-align: center; text-indent: -9999px; overflow: hidden;}

.pubtable .conf_log a[href] { background: url('/images/logcon.png') 25px center no-repeat; width: auto; height:22px; display: block;}



.pubtable .conf_edit { text-align: center; text-indent: -9999px; overflow: hidden;  float: left;}

.pubtable .conf_edit a[href] { background: url('/images/editcon.png') left center no-repeat; width: 22px; height:22px; display: block;}



.pubtable .conf_del { text-align: center; text-indent: -9999px; overflow: hidden;  float: right;}

.pubtable .conf_del a[href] { background: url('/images/deletcon.png') left center no-repeat; width: 22px; height:22px; display: block;}

.pubtable .conf_ext { text-align: center; text-indent: -9999px; overflow: hidden;  float: left; padding-right: 20px;}

.pubtable .conf_ext a[href] { background: url('/images/datecon.png') left center no-repeat; width: 22px; height:22px; display: block;}

.pubtable .conf_user {text-align: center;}

.pubtable .conf_event { text-align: center;}

.pubtable .logtime { text-align: center;}

.pubtable .user_ip { border-right: none; text-align: center;}

.pubtable .conf_num { text-align: center;}




/*
div.list_paging { font-size: 12px; text-align: center; margin-top:10px; }

div.list_paging a { display: inline-block; border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #fff; line-height: 250%;}

div.list_paging a:hover { display: inline-block; border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #edf6fb; color: #00a6e4;}

div.list_paging .paging_active { display: inline-block; border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #edf6fb; color: #00a6e4;}
div.list_paging table tr td{ text-align: center; }
    */
.pubtable tr.list_paging { font-size: 12px; text-align: center; margin-top:10px;}

.pubtable tr.list_paging a { display: inline-block; border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #fff; line-height: 250%;}

.pubtable tr.list_paging a:hover { display: inline-block; border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #edf6fb; color: #00a6e4;}

.pubtable tr.list_paging .paging_active { display: inline-block; border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #edf6fb; color: #00a6e4;}

.pubtable tr.list_paging td{ text-align: center; border:none;}
.pubtable tr.list_paging td table{ text-align: center; margin:0 auto;}
.pubtable tr.list_paging td table tr td{ display:inline-block; text-align: center; padding:3px; border:none;}

.pubtable tr.list_paging td table tr td a { border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #fff; line-height: 250%; }
.pubtable tr.list_paging td table tr td a:hover {   border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #edf6fb; color: #00a6e4; text-align: center; text-decoration:none;}
/*.pubtable tr.list_paging td table tr td .paging_active { display: inline-block; border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #edf6fb; color: #00a6e4;}*/
.pubtable tr.list_paging td table tr td span {display:table-cell; border: 1px solid #d4e8f5; width: 30px; height: 30px; background-color: #edf6fb; color: #00a6e4;line-height: 250%;  }









div.hr { height: 2px; background: url('/images/hr.gif') top left repeat-x;}

div.subquick { height: 100px; background-color: #f7f7f7; }

div.subquick ul { display: block; text-align: center; position: relative; left: 20px; top: 15px;}

div.subquick ul li { float: left; padding-left: 40px;}



/* _up_guide */

div.pop_wrapper { width: 300px; margin: 0 auto;}

div.pop_content { width: 300px; height: auto; margin-top: 30px; }

div.pop_content p { padding-top: 10px; padding-bottom: 10px; text-align: center; line-height: 150%; letter-spacing: -1px; font-size: 12px; color: #454545;}

div.pop_title { text-align: center; font-size: 13px; font-weight: bold; color: #454545; line-height: 200%; padding-top: 20px; }

div.pop_cologo { width: 300px; height: 60px; overflow: hidden; position: relative; top:20px; padding-top:20px;

	background-color: #fff;

	-webkit-border-bottom-left-radius:10px;

	-moz-border-radius-bottomleft:10px;

	border-bottom-left-radius:10px;

	-webkit-border-bottom-right-radius:10px;

	-moz-border-radius-bottomright:10px;

	border-bottom-right-radius:10px;



	-webkit-border-top-left-radius:10px;

	-moz-border-radius-topleft:10px;

	border-top-left-radius:10px;

	-webkit-border-top-right-radius:10px;

	-moz-border-radius-topright:10px;

	border-top-right-radius:10px;

	border: 1px solid #e6e6e6;

}


div.inv_sr { height: 2px; background: url('/images/hr.gif') top left repeat-x;}

div.inv_subquick { height: 100px; background-color: #f7f7f7; }

div.inv_subquick ul { display: block; text-align: center; position: relative; left: 35px; top: 15px;}

div.inv_subquick ul li { float: left; padding-left: 40px;}



/* _up_guide */

div.inv_wrapper { width: 500px; margin: 0 auto;}

div.inv_content { width: 500px; height: auto; margin-top: 5px;}

div.inv_content p { padding-top: 10px; padding-bottom: 10px; text-align: center; letter-spacing: -1px; font-size: 12px; color: #454545;}

div.inv_title { text-align: left; font-size: 13px; font-weight: bold; color: #454545; padding-top: 20px;}
div.inv_title h2 {  margin-left:15px;background: url('/images/bulletcon.png') left center no-repeat; width: 200px; height:15px; display: block; padding-left: 20px; font-size: 14px; line-height: 100%; font-weight: bold; color: rgba(49, 49, 55, 1);}

div.inv_title h2 { margin-left:15px; width:200px; height:15px; font-size: 13px; line-height: 125%; color: #455067;} /* IE 핵 8~10 */

div.inv_cologo { width: 520px; height: 60px; overflow: hidden; position: relative; top:20px; padding-top:20px;

	background-color: #fff;

	-webkit-border-bottom-left-radius:10px;

	-moz-border-radius-bottomleft:10px;

	border-bottom-left-radius:10px;

	-webkit-border-bottom-right-radius:10px;

	-moz-border-radius-bottomright:10px;

	border-bottom-right-radius:10px;



	-webkit-border-top-left-radius:10px;

	-moz-border-radius-topleft:10px;

	border-top-left-radius:10px;

	-webkit-border-top-right-radius:10px;

	-moz-border-radius-topright:10px;

	border-top-right-radius:10px;

	border: 1px solid #e6e6e6;

}

.loadbar { background: url('/images/loadbar.gif') left center no-repeat; width: 128px; height: 15px; margin: 0 auto;}



/* Footer

-----------------------------------------------------------------------------*/

/*.footer { height: 30px; border-top: 1px solid #e6e6e6; background: #eee; position: relative;}*/
.footer {
    positon: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align:center;
}
 


/*.flogo { width: 230px; height: 60px; overflow: hidden; position: absolute; left: 20px; top: 40px;}*/

.flogo { width: 200px; height: 60px; overflow: hidden; position: absolute; left: 20px; top: 30px;

	background-color: #fff;

	-webkit-border-bottom-left-radius:10px;

	-moz-border-radius-bottomleft:10px;

	border-bottom-left-radius:10px;

	-webkit-border-bottom-right-radius:10px;

	-moz-border-radius-bottomright:10px;

	border-bottom-right-radius:10px;



	-webkit-border-top-left-radius:10px;

	-moz-border-radius-topleft:10px;

	border-top-left-radius:10px;

	-webkit-border-top-right-radius:10px;

	-moz-border-radius-topright:10px;

	border-top-right-radius:10px;

	border: 1px solid #e6e6e6;

}
.flogo img {
    padding-top: 10px;
    padding-left: 10px;
    text-align:center;
    display:block;
}
    
.grayscale {
/* Firefox 10+, Firefox on Android */
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");
/* IE 6-9 */
filter: gray;
/* Chrome 19+,  Safari 6+, Safari 6+ iOS, Opera 15+ */
-webkit-filter: grayscale(100%);
}

.address { width: 400px; height: 40px; position: absolute; left: 250px; top: 40px;  line-height: 120%; padding-top: 3px;}

.address .corp { color: #11abe2;}

.address .partner { color: #616161;}

.address .partner a { color: #616161; text-decoration: none;}

.address .partner a:hover { color: #11abe2; text-decoration: none;}

.csnum { text-indent: -9999px; width: 337px; height: 31px; background: url('/images/csnum.png') left top no-repeat; position: absolute; right: 20px; top: 50px;}

.EmptyDataRow{
    font-weight: bold;
    font-size:10pt;
}


.conf_listbox {

	font-family:'맑은 고딕';
    display: block;

	width: 345px;

	height: 100px;

	border: 1px solid #d4d4d4;

	float: left;

	padding: 7px 0 7px 20px;

	outline: none;

	font-size: 14px;

	color: #606060;

	line-height: 14px;

    overflow-y:auto;

}