@charset "euc-kr";

html, body {
	height:100%; width:100%;
	font-family:  'NanumGothic', 'Nanum Gothic', gulim, dotum, AppleGothic, sans-serif;
	font-size: 12px;
	line-height:18px;
}

body.loginpage { background: #005bab; padding:0px; margin:0px;}

body.loginpage2 { background: #fff; padding:0px; margin:0px;}
.logintop {
	background-image: url(/_img/login/login_top_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	min-width: 1024px;
	height: 117px;
}

.logintopdata {
	width: 1024px;
	height: 117px;
	margin: 0px auto;
}
.loginmember {
  margin: 25px 0px 0px 35px;
  float: left;
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.loginicon {
  color:white; font-weight:bold;
  font-size:26px; line-height:50px;
  width: 300px; height:58px;
  background: url(/_img/login/smile.png) no-repeat;
  margin: 10px 0px 0px 0px;
  float: right;
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.loginbottom {
	background: #5c5c5c;
	width: 100%;
	min-width: 1024px;
	height: 105px;
	border-top: 2px solid #e08026;
}
.loginbottomdata {
	width: 1024px;
	height: 105px;
	margin: 0px auto;
}
.loginbottomdata .inbox {
  width: 100%;
  padding-top: 2px;
  float: left;
}
.loginbottomdata .inbox .copy {
  width: 60%;
  float: left;
}
.loginbottomdata .inbox .copy p.text1 {
  padding-top: 10px;
  line-height: 19px;
  width: 100%;
  color: #eee;
  font-size: 13px;
  float: left;
}
.loginbottomdata .inbox .copy p.text2 {
  padding-top: 2px;
  line-height: 18px;
  width: 100%;
  color: #e0e0e0;
  font-size: 12px;
  float: left;
}
.loginbottomdata .inbox .contactus {
  padding: 10px 0px;
  width: 25%;
  margin-right: 10px;
  margin-top: 30px;
  float: right;
}
.loginbottomdata .inbox .contactus ul li.tel {
  background-position: left top;
  margin: 0px 0px 10px;
  padding: 0px 0px 10px 20px;
  width: 90%;
  height: 18px;
  color: #ffd769;
  line-height: 15px;
  font-size: 16px; 
  float: left;
}
.logincenter {
	background: #fff;
	width: 100%;
	min-width: 1024px;
	min-height: 505px;
}
.logincenterdata {
	text-align:center;
	width: 1024px;
	min-height: 500px;
	margin: 0px auto;
}


/*** LOGIN  #0866c6; ***/
.loginpanel { position: absolute; top: 50%; left: 49%; height: 300px; }
.loginpanelinner { position: relative; top: -200px; left: -50%; }
.loginpanelinner .logo { text-align: center; padding: 10px; font-size:28px; color:white; font-weight:bold;
	font-family: 'NanumBarun', 'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;}

.loginpanel2 { margin-top:70px; width:870px; height: 450px;  display: inline-table;}
.loginpanelinner2 { position: relative; }
.loginpanelinner2 .logo { text-align: center; padding: 10px 0; }

.inputwrapper input { border: 0; padding: 10px; background: #fff; width: 250px; margin:4px 0px; line-height:14px;}
.inputwrapper input:active, .inputwrapper input:focus { background: #fff; border: 0; }
.inputwrapper button {
		  display: block; border: 1px solid #0c57a3; padding: 10px; background: #0972dd; width: 100%; margin-bottom:1px;
		  color: #fff; text-transform: uppercase; }
.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover { background: #1e82e8; }
.inputwrapper label {
		  display: inline-block; margin-top: 10px; color: rgba(255,255,255,0.8); font-size: 11px; vertical-align: middle; }
.inputwrapper label input { width: auto; margin: -3px 5px 0 0; vertical-align: middle; }
.inputwrapper .remember { padding: 0; background: none; }

.login-alert { display: none; }
.login-alert .alert { font-size: 11px; text-align: center; padding: 5px 0; border: 0; }

.loginfooter {
		  font-size: 11px; color: rgba(255,255,255,0.5); position: absolute; position: fixed; bottom: 0; left: 0;
		  width: 100%; text-align: center; font-family: arial, sans-serif !important; padding: 5px 0; }

/*** MAIN ***/

#main-all {
	width:100%;
	height:100%;
	min-height: 500px;
	min-width: 1040px;
	float:left;
	background-image: url(/_img/ref/simg_03.jpg);
	/*background-image: url(/_img/top_img.jpg);*/
	background-repeat: no-repeat;
	background-position: center 53px;
	

}
#main-all #header {
	/*background-image: url(/_img/main/top_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;*/
	width: 100%;
	height: 44px;
	background: #3f403a;
}
#main-all #header0 {
    clear: both;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    border-top: #505050 2px solid;
    border-bottom: #cdcdcd 1px solid;
    font-family: Gulim;
    font-size: 12px;
    color: #999999;
	background: #fff;
}
#main-all #header0 #top{clear:both;width: 1020px; margin:0px auto; border-right:1px solid #cdcdcd; height:30px;}
#main-all #header0 #top li{ height:30px; float:left;padding:0;margin:0;text-align:center;font-size:13px; line-height:30px;}
#main-all #header0 #top li.topInfo{ height:30px; line-height:30px; }
#main-all #header0 #top li.topEnd{
		float:right; text-align:center; 
		width:130px;height:30px;line-height:30px;border-left:1px solid #cdcdcd;
		background:#f5f5f5;}


#main-all #header #menu{
	background: #3f403a;
	width: 100%;
	height: 44px;
	color: #FFFFFF;
}
#main-all #header #menu #left1{
	height: 44px; width:20px; float:left; line-height:33px; color: #FFFFFF;
}
#main-all #header #menu #left2{
	height: 44px; width:189px; float:left; line-height:33px; color: #FFFFFF;
	/*background: url(/_img/ref/nav_title_bg2.png) center no-repeat;*/
	background: url(/_img/ref/nav_dot_bg.png);
	background:#4571DA;
	border-left: 1px solid #2d8ecf;border-right: 1px solid #2d8ecf;
}
#main-all #header #menu #right{
	height: 44px; width:825px;  float:left; line-height:30px; color: #FFFFFF; 
}

.tquick {
	color: white;
	border:solid 1px #8caac2;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	min-height:20px;
	background: rgb(150,187,224); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(150,187,224,1) 0%, rgba(122,169,204,1) 50%, rgba(92,142,173,1) 51%, rgba(95,150,201,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,187,224,1)), color-stop(50%,rgba(122,169,204,1)), color-stop(51%,rgba(92,142,173,1)), color-stop(100%,rgba(95,150,201,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(150,187,224,1) 0%,rgba(122,169,204,1) 50%,rgba(92,142,173,1) 51%,rgba(95,150,201,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(150,187,224,1) 0%,rgba(122,169,204,1) 50%,rgba(92,142,173,1) 51%,rgba(95,150,201,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(150,187,224,1) 0%,rgba(122,169,204,1) 50%,rgba(92,142,173,1) 51%,rgba(95,150,201,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(150,187,224,1) 0%,rgba(122,169,204,1) 50%,rgba(92,142,173,1) 51%,rgba(95,150,201,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96bbe0', endColorstr='#5f96c9',GradientType=0 ); /* IE6-9 */
}
/* CSSMENU */
#cssmenu {
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 831px;
	font-family: gulim, 'NanumGothic', 'Nanum Gothic', dotum, AppleGothic, sans-serif;
}
#cssmenu .gohome{
	padding:0px 5px;height:50px;border-left: 1px solid #151515;
	background: url(/_img/ref/nav_title_bg2.png) 0 0 no-repeat;
}
/*
#cssmenu .gohome:hover{
	padding:0px 5px;height:50px;border-left: 1px solid #151515;
	background: url(/_img/ref/lefton_bg1.png) 0 0 repeat;
}
*/
#cssmenu ul {
	height: 44px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#cssmenu li {
	float: left;
	color: #fff;
	padding: 0px;
	font-size: 14px;
	line-height:29px;
}
#cssmenu li a {
	display: block;
	margin-bottom: 4px;
	padding: 0px 40px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	line-height:31px;
	font-family: 'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;
}
#cssmenu > ul > li > a {
	color: #f5f5f5;
	font-size: 13px;
	font-weight:bold;
	line-height:44px;
	border-right:1px solid #151515;
}
#cssmenu ul ul a {
	color: #f0f0f0;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
	color: #A0BAED;
	text-decoration: none;
	background: #151515;
}
#cssmenu li ul {
	background: #31353d;
	background-color: rgba( 49, 53, 61, 0.85 );
	/*background: #244285;*/
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-top: -4px;
	margin-left: -1px;
	border: 0px;
	position: absolute;
	width: 132px;
	z-index: 200;
}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 132px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 24px;
  font-family: gulim, AppleGothic, sans-serif;
  line-height: 24px;
  font-size: 12px;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  letter-spacing:0px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #31353d;
  background: rgba(255,255,255,0.15);
  border: 0px;
  color: #ffffff;
  text-decoration: none;
  letter-spacing:0px;
  font-family: gulim, AppleGothic, sans-serif;
}
#cssmenu p {
  clear: left;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul ul {
  left: -9999px;
  top: 0;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu > ul > li {
  position: relative;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  right: 0;
  left: auto;
  text-align: right;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 100%;
}
/* CSSMENU */

#main-all #content {
	clear: both;
	min-height: 400px;
	min-width: 1040px;
	float: center;
	/*
	background: url(/_img/main/bodybg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f5f5f5;*/
}
#main-all #content #ctop{
	height: 12px;
	width: 100%;
	height: 100px;
	z-index: 999;
	background: url(/_img/main/left_title_main.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#main-all #content #mcenter{
	height: 500px;
	width: 100%;
	z-index:0;
	padding-bottom:30px;
}
.container {
  display: -webkit-flex;
  display: flex;
  height:100%;
}
/* ÁÂÃø ¸Þ´º */
.leftmenuCss {
	border-left: 1px solid #2d8ecf;border-right: 1px solid #2d8ecf;
	background: #F7F7F0;
}
nav {
	/*background: url(/_img/ref/nav_title_bg2.png) bottom center no-repeat;*/
	background: #efefef;
	float: left;
	width: 189px;
	margin-left: 0px;
}
nav .toptitle {
	background: url(/_img/ref/nav_dot_bg.png);
	background:#4571DA;
	width: 189px; height: 45px; padding-top:25px;
}
/* ÄÁÅÙÃ÷ */
.flex-column {
  -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
  border:0px solid blue;
  height:100%;
}
.leftmenuOn {
	width:100%; height:38px; line-height:38px;
	color: #fff;
	/*background: #46BEE9;*/
	background: url(/_img/ref/lefton_bg1.png) 0 0 no-repeat;
	border-bottom: 0px solid #dfdfdf;
}
.leftmenuOn p { color:#fff; font-size:13px; padding: 0px 13px;  line-height: 38px; }

.leftmenuOff{
	cursor: pointer;
	width:100%; height:34px; line-height:34px;
	color: #656565;
	background: #f8f8f8;
	border-bottom: 1px solid #dfdfdf;
}
.leftmenuOff p { color:#656565; font-size:13px; padding: 0px 13px; line-height: 34px; 
		font-family:'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;
}
.leftmenuOff:hover{
	width:100%; height:34px; line-height:34px;
	color: #333;
	background: #dedede;
}
.roundLeft {
	font-family: gulim,  'NanumGothic', 'Nanum Gothic', dotum,AppleGothic, sans-serif;
	border:solid 1px #dedede;
	border-top:none;
	margin-top:-2px;
	margin-left:10px; margin-right:0px;
	min-height:601px;
}
#roundContent { 
	-webkit-flex: 1;  /* Safari 6.1+ */
	-ms-flex: 1;  /* IE 10 */    
	flex: 1;
	margin-top: 3px;
	min-height:501px;
	min-width: 820px;
}
.mainListTable {
	background: rgba(250, 250, 250, 0.6);
	border:1px solid #cfcfcf; min-width:330px;
	margin-bottom:10px;
	font-family:'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;
}
.mainListTable ul { list-style: none; margin-top: 0px; height:100px; display: flex;}
.mainListTable ul li { display: block; font-size: 16px; line-height: 20px; 
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
	width: 33%;
	float:left; text-align:center}
.mainListTable ul li a { color: #fff; line-height: normal;}
.mainListTable ul li a:hover { text-decoration: none; color: #A0BAED; font-weight:bold; }
.mainListTable p.title { font-size:14px; padding:0px; height:20px;}

.mainListTitle {
	border-bottom:1px solid #cfcfcf; 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	width:100%; height:32px; font-size: 14px; line-height:30px;
}
.mainRightTable {
	border:solid 1px #a6c9e2;
	border-top:none;
	font-family:'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;
}
.mainRightTitle {
	width:100%;
	text-align:center;
	border:solid 1px #cfcfcf;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	background: rgb(48,157,207); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(48,157,207,1) 0%, rgba(99,182,219,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,157,207,1)), color-stop(100%,rgba(99,182,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(48,157,207,1) 0%,rgba(99,182,219,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(48,157,207,1) 0%,rgba(99,182,219,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(48,157,207,1) 0%,rgba(99,182,219,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(48,157,207,1) 0%,rgba(99,182,219,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#309dcf', endColorstr='#63b6db',GradientType=0 ); /* IE6-9 */
	width:100%; height:28px; font-size: 13px; line-height:27px;
}
.listtitle { 
	font-family:'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;
	background: #919DB7; width:100%; height:35px; color: #fff; font-size: 16px; }
.listcontent { 
	font-family:'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;
	background: #fff; border:2px solid #919DB7; margin:10px; height:auto; min-width: 700px;}
#list {
	background: transparent; border:0px solid #919DB7;
	padding:10px;
}
#viewFormDiv { 
	font-family:'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;
	background: transparent; border:0px solid #919DB7;
	display: -webkit-flex;
	display: flex;
	border:none;
	height:auto; 
}
/* ºü¸¥µî·Ï */
div.quick_table { width:100%; height:auto; background:#fff; margin: 10px 0px;}
div.quick_table div {border: 3px solid #c0cddc;}
div.quick_table ul { clear: both; list-style: none; min-height: 43px;  }
div.quick_table ul li { float: left; line-height:43px; padding-left:7px;}
div.quick_table ul li span{ font-weight:bold; color: #2a5680; }
/*Å×ÀÌºí ½ºÅ¸ÀÏ*/
.qiTable {
	width:100%;
	border:1px solid #ccc;
	background:#f7f7f7;
}
.qiTable .title{
	background-color: #f5f5f5;
	/*background-image: url("/_img/main/quick_img.png");*/
	background-repeat: no-repeat;
	background-position: 10% 45%;*/
	font-size:13px;
	
}
.qiTable tbody th {
	height:30px;
	color:#333333;
	background-color:#f5f5f5;
}
.qiTable tbody td {
	line-height:17px;
	padding-left:3px;
}
.qiTable td.center {
	text-align: center;
}
.qiTable td.left {
	text-align: left;
	padding-left:10px
}
.qiTable tbody td {
	line-height:17px;
	background:#f2f2f2
}
.qiTable tbody th {
	line-height:17px;
	background:#e0e0e0;
}

/* ¸®½ºÆ® Á¦¾î */
div.list_control { width:100%; height:35px; border: 0px solid #DDD; background:#eee; margin:0px; }
div.list_control ul { clear: both; list-style: none; height: 33px; border-bottom: 1px solid #DDD; }
div.list_control ul li { float: left; height: 33px; border-right: 0px solid #DDD; padding-left:5px; line-height:35px; }
.contTitle {
	min-width: 700px;
    color:#353535;
	font-weight:bold;
	font-size: 16px;
	text-align:left;
	padding-top:12px;
	padding-left:30px;
	margin-bottom:17px;
	background-image: url("/_img/main/icon_01.png");
	background-repeat: no-repeat;
	background-position: 10px 15px;
	font-family:'NanumGothic', 'Nanum Gothic', dotum, gulim, AppleGothic, sans-serif;
}
/* °Ô½ÃÆÇ ¸®½ºÆ® Å×À̺í */
div.itemtable { width:100%; border-bottom: 0px solid #bcbcbc; margin-bottom:20px;}
div.itemtable ul { clear: both; list-style: none; height: 27px; border-bottom: 1px solid #ccc; background:#fff; }
div.itemtable ul.highlight { background:#eee; }
div.itemtable ul.normal { background:#fff; }
div.itemtable ul li { float: left; border-right: 0px solid #d1d1d1; text-align: center; line-height:25px; }
div.itemtable ul li.end { border-right:none; }
div.itemtable ul.head { 
	border-top: 2px solid #333;
	border-bottom: 1px solid #aaa;
	border-left:none; border-right:none;
	width:100%; height:29px;
	background: #f7f7f7; /* Old browsers */
}
div.itemtable ul.head1 { 
	border-top: 2px solid #333;
	border-bottom: 0px solid #aaa;
	border-left:none; border-right:none;
	width:100%; height:22px;
	background: #f7f7f7; /* Old browsers */
}
div.itemtable ul.head2 { 
	border-top: 0px solid #333;
	border-bottom: 1px solid #aaa;
	border-left:none; border-right:none;
	width:100%; height:22px;
	background: #f7f7f7; /* Old browsers */
}
div.itemtable ul.head li { text-align: center; height:29px; line-height:28px; color: #555; font-weight: bold; border-right:0px solid #1d5182; }
div.itemtable ul.head li a { text-align: center; height:29px; line-height:24px; color: #555; font-weight: normal; }
div.itemtable ul.head li.end { text-align: center; height:29px; line-height:24px; color: #555; border-right:none; }
div.itemtable ul.head1 li { text-align: center; height:22px; line-height:20px; color: #555; font-weight: bold; border-right:0px solid #1d5182; }
div.itemtable ul.head1 li a { text-align: center; height:22px; line-height:20px; color: #555; font-weight: normal; }
div.itemtable ul.head1 li.end { text-align: center; height:22px; line-height:20px; color: #555; border-right:none; }
div.itemtable ul.head2 li { text-align: center; height:22px; line-height:20px; color: #555; font-weight: bold; border-right:0px solid #1d5182; }
div.itemtable ul.head2 li a { text-align: center; height:22px; line-height:20px; color: #555; font-weight: normal; }
div.itemtable ul.head2 li.end { text-align: center; height:22px; line-height:20px; color: #555; border-right:none; }

div.itemtable2 { width:100%; border-bottom: 1px solid #bcbcbc; }
div.itemtable2 ul { clear: both; list-style: none; height: 27px; border-bottom: 1px solid #cdcdcd; }
div.itemtable2 ul.highlight { background:#eee; cursor:pointer; }
div.itemtable2 ul.normal { background:#fff; }
div.itemtable2 ul li { float: left; min-height: 27px; border-right: 0px solid #d1d1d1; text-align: center; line-height:29px; }
div.itemtable2 ul li.end { border-right:none; }
div.itemtable2 ul.head { 
	border-top: 2px solid #333;
	border-bottom: 1px solid #ccc;
	border-left:none; border-right:none;
	width:100%; height:27px;
	background: #f7f7f7;
}
div.itemtable2 ul.head li { 
	text-align: center; height:27px; line-height:28px; color: #666; font-weight: bold; border-right:0px solid #769fbb; }
div.itemtable2 ul.head li a { text-align: center; height:27px; line-height:28px; color: #111; font-weight: normal; }
div.itemtable2 ul.head li.end { text-align: center; height:27px; line-height:28px; color: #666; border-right:none; }


.pageheader {  border-bottom: 1px solid #ddd; position: relative; height: 85px; background: #fff; }
.pageicon {
	margin:12px 20px; 
	width: 38px; height:38px; font-size: 42px; padding: 10px; color: #0866c6; border: 3px solid #0866c6; display: inline-block;
	-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; float: left; text-align: center;
}
.pagetitle { float:left; margin-left: 10px; padding-top: 5px; width:300px;}
.pagetitle h1 { font-size: 22px;  color: #0866c6; }
.pagetitle h5 { text-transform: uppercase; font-size: 11px; color: #999; }


.msgDiv {
	width: 250px;
	height: 330px;
	border:solid 7px #0f0c0f;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #575757;
}
/* smsSendWrap 20130310*/
.smsSendWrap{float:left;width:250px;}
.smsSendWrap  textarea{width:230px;height:190px;overflow-y:scroll;border:0px;padding:10px;}

#paging{margin-top:10px; text-align:center; font-size: 12px; font-family: "Nanum Gothic","µ¸¿ò", "µ¸¿òü", "±¼¸²", "±¼¸²Ã¼", sans-serif;}
a.paging-item, a.paging-side{margin:0 3px; padding:4px 6px 3px 6px; border:1px solid #ccc; font-size: 12px; }
a.paging-item.selected{font-weight:bold; border:1px solid #008EDC; background: #E4E4E4;}
	
.paging{margin-top:15px; text-align:center; font-size: 12px; font-family: "Nanum Gothic","µ¸¿ò", "µ¸¿òü", "±¼¸²", "±¼¸²Ã¼", sans-serif;}
.paging a.paging-item, a.paging-side{
	margin:0 3px; padding:6px 9px; border:1px solid #ccc; font-size: 13px; 
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
}
.paging a.paging-item.selected{
	font-weight:bold; border:1px solid #008EDC; background: #008EDC; color:white;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
}

.paging2{margin-top:15px; text-align:center; font-size: 11px; font-family: "±¼¸²", "Nanum Gothic","µ¸¿ò", "µ¸¿òü", "±¼¸²Ã¼", sans-serif;}
.paging2 a.paging-item, a.paging-side{
	margin:0 2px; padding:3px 6px; border:1px solid #ccc; font-size: 11px; 
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.paging2 a.paging-item.selected{
	font-weight:bold; border:1px solid #008EDC; background: #008EDC; color:white;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.paging2 a.paging-side {
    margin: 0 3px;
    padding: 3px 6px;
    border: 1px solid #ccc;
    font-size: 12px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.ellips {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
	text-align:left;
}


#sms_all{
	width:100%; 
	min-width: 800px;
	float:left; margin-bottom:10px
	
}
#sms_all #phone{
	width:191px; height:375px;
	float:left;
	background-image: url(/_img/sms/sms_bg.gif);
	background-repeat: repeat;
	background-position: left top; margin-right:20px
}

#sms_tab{
	width:100%; 
	float:left; margin-bottom:20px
}
#sms_tab ul{
	width:100%; 
	float:left; border-bottom:1px solid #1c476e; height:25px
}
#sms_tab ul li{
	width:110px; height:25px;
	float:left; 
}
#sms_tab_contents{
	width:100%; 
	float:left; margin-bottom:10px
}

#address_all{
	width:270px; 
	float:left;
}
#address_all p.ad_title{
	width:270px;
	float:left; margin-bottom:10px
}
#address_all .smsboxbg{
	width:270px; height:315px;
	float:left; margin-bottom:0px;
	background-image: url(/_img/sms/sms_boxbg.gif);
	background-repeat: repeat;
	background-position: left top;
}
.sms_searchbg{
	width:249px; height:33px;
	float:left; margin:10px 0px 5px 10px; 
	background-image: url(/_img/sms/sms_searchbg.gif);
	background-repeat: repeat;
	background-position: left top;
}
.sms_searchbg p.inputst{
	width:240px; height:19px;
	float:left; padding:6px 3px 0px 10px; 	
}
#address_all #add_list{
	width:246px;margin:0px 0px 5px 10px; 
	float:left; margin-bottom:10px;
	
}
#to_all #to_list{
	width:248px;margin:0px 0px 5px 10px; 
	float:left; margin-bottom:10px;
}
.sms_selectbg{
	width:267px; height:35px;
	float:left;
	background-image: url(/_img/sms/sms_selectbg.gif);
	background-repeat: repeat;
	background-position: left top;
	
}
.sms_selectbg p.btn{
	width:250px; height:20px;
	float:left;margin:5px 0px 5px 0px; text-align:center
	
}
#arrow {width:40px; 
	float:left; margin-top:150px; text-align:center
}

#to_all{
	width:270px; 
	float:left;
}
#to_all p.ad_title{
	width:270px; 
	float:left; margin-bottom:5px
}
#to_all .smsboxbg{
	width:270px; height:315px;
	float:left; margin-bottom:0px;
	background-image: url(/_img/sms/sms_boxbg.gif);
	background-repeat: repeat;
	background-position: left top;
}
.taxday a {
    background-color: green !important;
    background-image: none !important;
    color: white !important;
}
.sort {
	padding-left:3px;
	font-size:12px;
	color:335c99;
}

/* °Ô½ÃÆÇ ¸®½ºÆ® Å×À̺í */
div.login_list_control { width:100%; height:35px; border: 0px solid #DDD; background:transparent; margin:0px; color: white; }
div.login_list_control input {  background:transparent; border:none; border-bottom:1px solid #fff; color: white; }
div.login_list_control ul { clear: both; list-style: none; height: 33px; }
div.login_list_control ul li { float: left; height: 33px; border-right: 0px solid #DDD; padding-left:5px; line-height:31px; }

div.login_itemtable { width:100%; border-bottom: 0px solid #bcbcbc; margin-bottom:20px; color: white;}
div.login_itemtable ul { clear: both; list-style: none; height: 25px; border-bottom: 0px solid #eee; background:transparent; }
div.login_itemtable ul.highlight { background:#eee; }
div.login_itemtable ul.normal { background:#fff; }
div.login_itemtable ul li { float: left; border-right: 0px solid #d1d1d1; text-align: center; line-height:25px; }
div.login_itemtable ul li.end { border-right:none; }
div.login_itemtable ul.head { 
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
	border-left:none; border-right:none;
	width:100%; height:28px;
	background: transparent;
	color: white;
}
div.login_itemtable ul.head li a { text-align: center; height:29px; line-height:24px; color: white; font-weight: normal; }
div.login_itemtable ul li a { text-align: center; height:29px; line-height:24px; color: white; font-weight: normal; }
div.login_itemtable ul li a:hover { text-align: center; height:29px; line-height:24px; color: #e0e0e0; font-weight: normal; }

.login_paging{margin-top:15px; text-align:center; font-size: 12px; font-family: "Nanum Gothic","µ¸¿ò", "µ¸¿òü", "±¼¸²", "±¼¸²Ã¼", sans-serif;}
.login_paging a.paging-item, a.paging-side{
	margin:0 3px; padding:6px 9px; border:1px solid #ccc; font-size: 13px; 
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px; 
}
.login_paging a.paging-item.selected{
	font-weight:bold; border:1px solid #228EDC; background: #228EDC; color:white;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
}
li.alert-success {
	background-color: #00f;
	color: #fff;
}
td.alert-success {
	background-color: #00f;
	color: #fff;
}

.active {
  background: #FFF2E6;
  color: #555;
  text-decoration: none;
}
/* ¹Ú½º ½ºÅ¸ÀÏ03 */
.shinbox03 {
    width:100%;
}
.shinbox03 thead th {
    font-weight:normal;
    font-size: 12px;
    color:#222;
	background: #eee;
    height:27px;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
}
.shinbox03 thead th.end {
    font-weight:normal;
    font-size: 12px;
    color:#204902;
	background: #ddd;
    height:27px
}

.shinbox03 tbody th {
    color:#6c9f50;
    font-size: 12px;
    font-weight:normal;
    border-bottom:1px solid #d4d4d4;
    text-align:center;
}
.shinbox03 tbody td {
    padding:2px;
    border-bottom:1px solid #d4d4d4;
    text-align:center;
}

#gColorTb  td { text-align:center; border-bottom:1px solid #aaa; border-right:1px solid #aaa; }
#gNameTb  td { text-align:center; border-bottom:1px solid #aaa; border-right:1px solid #aaa; }
#gMatterTb  td { text-align:center; border-bottom:1px solid #aaa; border-right:1px solid #aaa; }

/* Ãß°¡ */
.header_scroll{width:100%;height:59px;background:#385138;position:relative;}
.header_scroll > div{width:1000px;margin:0 auto;position:relative}
.header_scroll.fixed{position:fixed;top:0;z-index:500;left:0;min-width:1020px}
.header_scroll.type{height:146px;background:none}
.header_scroll.type .bg1{height:59px;position:relative;background:#385138;margin:0;width:100%}
.header_scroll.type .bg1 .wrap{width:1000px;margin:0 auto;position:relative}
.header_scroll.type #product_header{width:100%}
.header_scroll.type .bg2{width:1000px;margin:0 auto}
.header_scroll.type2{height:235px;background:#fff}
.header_scroll.type2 > div{width:100%;position:relative;background:#385138}
.header_scroll.type2 #product_header > div{height:89px}
.header_scroll.type2 > div .wrap{height:59px;width:1000px;margin:0 auto;position:relative}
.header_scroll.type2 #coalshop_top{background:#fff}
.header_scroll .fav_view{position:absolute;left:-97px;top:0;z-index:101;width:105px;height:195px;background:url(../image/header/btn_smartview.png) no-repeat 0 0}
.header_scroll a.fav_view:hover{background-position:-106px 0}


.litable {  float:left; width: 100%; text-align:center;  }
.litable ul {float:left; width:100%;} 
.litable ul li {
	float: left;
	background: #fff;
    border: 1px solid #ccc;
	text-align:center;
    margin-right: -1px;
    position: relative;
    margin-top: -1px;
}