a
{
	font-size:9pt; 
}
td
{
	font-size:9pt; 
	color:#555555;
}
.ColorTxt
{
	font-size:8pt; 
	color:blue;
}
.Pname
{
	font-size:9pt; 
	color:black;
}
.input
{
	font-size:9pt; 
	color:black;
	height:18px;
	BACKGROUND : white; 			
	BORDER-BOTTOM: #A5A5A5 1px solid; 
	BORDER-LEFT: #A5A5A5 1px solid; 
	BORDER-RIGHT: #A5A5A5 1px solid; 
	BORDER-TOP: #A5A5A5 1px solid;
}
.grid_input
{
	font-size:9pt; 
	color:black;
	height:18px;
	BACKGROUND : "Transparent";
	BORDER-BOTTOM: #A5A5A5 1px solid; 
	BORDER-LEFT:  : #A5A5A5 1px solid; 
	BORDER-RIGHT: #A5A5A5 1px solid; 
	BORDER-TOP: #A5A5A5 1px solid; 
}
.sbutton {
  font-family:굴림;
  font-size:9pt;
  height:20;
    BORDER-BOTTOM: #8f8f8f 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #8f8f8f 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    COLOR: #000000;
}
.ButtonMain {
  font-family:굴림;
  font-size:9pt;
  height:26;
    BORDER-BOTTOM: #8f8f8f 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #8f8f8f 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    COLOR: #000000;
}
A:link {
	COLOR: #1036a3; TEXT-DECORATION: none
}
A:visited {
	COLOR: #3a8482; TEXT-DECORATION: none
}
A:hover {
	COLOR: #db4800; TEXT-DECORATION: none
}
.title {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; LINE-HEIGHT: 140%; FONT-FAMILY: 돋움,seoul,굴림,arial
}
.section 
{
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; LINE-HEIGHT: 140%; FONT-FAMILY: 돋움,seoul,굴림,arial
}
.DataGridMain 
{
	FONT-SIZE: 9pt; LINE-HEIGHT: 140%; FONT-FAMILY: "돋움", "seoul", "굴림", "arial"
}
.date {
	FONT-SIZE: 8pt; COLOR: #121212; LINE-HEIGHT: 140%; FONT-FAMILY: 돋움,seoul,굴림,arial
}
.title2 {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #180038; LINE-HEIGHT: 140%; FONT-FAMILY: "돋움", "seoul", "굴림", "arial"
}
.search_th
{
	FONT-SIZE: 9pt; LINE-HEIGHT: 140%; color:#ccff66; background-color:#ccff66; vertical-align:baseline; text-align:center; FONT-FAMILY: "돋움", "seoul", "굴림", "arial"
}


body, div, ul, li, a, img{margin:0; padding:0; border:0; }

ul, li {list-style:none;}

.ul-list li {float:left;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}

.clearAfter {clear:both;}
.clearAfter:after {clear:both; display:block; content:"";}

.header-wrap {background:url(../jmiImg/dimg/top_bg.gif) repeat 0 0;}
.header {width:1065px; height:112px; margin:0 auto; position:relative;}

.content {width:1065px;  margin:0 auto; position:relative; clear:both; padding:15px 0 0 0;}
.content:after {clear:both; display:block; content:""; }
.left-content {width:219px; float:left;}
.right-content {width:846px; float:right;}

.footer-warp {width:#100%; background:#f7f7f7; border-top:1px solid #ababab; height:130px;}

.footer {width:1065px; margin:0 auto; position:relative;}
.footer-info {font-size:12px; padding:20px 0; color:#838383;}
.footer-info a { color:#838383; }

.top-list li a {color:#ffffff; padding:0 8px 0 7px; background:url(../jmiImg/dimg/top_bar.gif) no-repeat 0 1px;}
.top-list li.first a {background:none;}
.top-list li a:hover {color:#ffffff;}

.ct-wrap {background:#f9f9f9; border:1px solid #ececec;}
.ct-list {width:1065px;  margin:0 auto; }
.ct-list li {padding-right:7px;}
.ct-list li.last {padding-right:0;}
.ct-list img {vertical-align:top;}

/*2017.07.10 - 디자인교과서 수정 S*/
.main-visual-wrap {background:#e0e0e0;/*url(../jmiImg/dimg/main_bg.gif) repeat-x 0 0;*/ height:474px;}
.main-visual {background:#e0e0e0;/*url(../jmiImg/dimg/main_bg02.jpg) no-repeat 50% 0;*/ }
.main-visual-box {width:1065px; margin:0 auto; height:474px; position:relative;}
/*2017.07.10 - 디자인교과서 수정 E*/


.main-board li {padding:3px 0 1px 0;}
.main-board li a { color:#5b6168; font-size:11px;}
.main-board li a:hover {color:#5d97a2;}

/*2017.08.01 - 디자인교과서 수정 S*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.main-board li {padding:2px 0 1px 0; display:block; text-align:left;}
	.main-board.main-board2 li {padding:1px 0;}
}
/*2017.08.01 - 디자인교과서 수정 E*/

.bottom-list li {padding:0 0 0 8px;}

.site-search-box {font-family:돋움, sans-serif; font-size:20px; font-weight:bold; color:#ffffff; letter-spacing:-1px; padding:0 0 0 20px;}
.site-search-box strong {color:#aecd01;}


table.table-list {border-top:1px solid #e6e6e6; BORDER-COLLAPSE: collapse; margin:20px auto 40px auto; font-size:12px; font-family:돋움, sans-serif; width:100%;}
table.table-list th {border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#f7f7f7; line-height:24px;}
table.table-list td {border-bottom:1px solid #e6e6e6; padding:5px 5px 5px 5px; line-height:28px; text-align:center; color:#666666;}
table.table-list td a {color:#3a81a3;}
table.table-list td.left {text-align:left; padding-left:15px;}

/*2017.07.18 디자인교과서 S*/
.jmmSiteHot{border:1px solid #d3d3d3;}
.jmmSiteHot th {border-bottom:1px solid #d3d3d3; background:#f4f4f4; line-height:34px; font-size:12px; font-family:돋움, sans-serif; color:#555555}
.jmmSiteHot td {line-height:24px; font-size:12px; font-family:돋움, sans-serif; color:#555555}
.jmmSiteHot td a{color:#555;}

.jmmCosMos{border:1px solid #d3d3d3;}
.jmmCosMos th {border-bottom:1px solid #d3d3d3; background:#f4f4f4; line-height:34px; font-size:12px; font-family:돋움, sans-serif; color:#555555}
.jmmCosMos td {line-height:24px; font-size:12px; font-family:돋움, sans-serif; color:#555555}
.jmmCosMos td a{color:#b5b5b5; display:inline-block; padding-left:20px;}
.jmmCosMos td a.icon01{background:url(../jmiImg/dimg/jmmCosMos_Search_icon1.png) left 3px no-repeat;}
.jmmCosMos td a.icon02{background:url(../jmiImg/dimg/jmmCosMos_Search_icon2.png) left 3px no-repeat;}

.CMSearchBOX{padding:10px 22px; background:#e5f6f9; position:relative; border:1px solid #bfd4d8; border-width:1px 0 1px 0; margin-bottom:20px;}
.CMSearchBOX select{border:1px solid #dbdbdb; height:30px; line-height:30px; width:210px;}
.CMSearchBOX .textBOX{position:absolute; top:10px; right:22px;}
.CMSearchBOX .textBOX input{border:1px solid #dbdbdb; height:28px; line-height:28px; padding:0; vertical-align:top; width:230px; text-indent:10px;}
/*2017.07.18 디자인교과서 E*/


/*2019.01.24 디자인교과서 S*/
.jmmNewCust_table{margin:24px 0 48px; border-top:3px solid #454d5c;}
.jmmNewCust_table table{border-collapse:collapse; border-spacing:0px; width:100%;}
.jmmNewCust_table table th,
.jmmNewCust_table table td{border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.jmmNewCust_table table th{padding:13px 10px; font-size:13px; color:#222222; font-weight:bold; background:#f5f5f5;}
.jmmNewCust_table table th:first-child,
.jmmNewCust_table table td:first-child{border-left:1px solid #e1e1e1;}
.jmmNewCust_table table td {padding:10px 16px; font-size:13px; color:#888888; text-align:center;}
.jmmNewCust_table table td.color1{color:#222222;} 
.jmmNewCust_table table td.tit{text-align:left;}
.jmmNewCust_table .alignL{text-align:left;}
.jmmNewCust_table input{height:36px; border:1px solid #ddd; line-height:36px; font-size:15px;}
.jmmNewCust_table2 .w100{width:100%;}
.jmmNewCust_table2 table th{padding:13px 20px;}
.jmmNewCust_table2 table td{padding:11px;}
.jmmNewCust_table2 table th,
.jmmNewCust_table2 table td{border-right:none;}
.jmmNewCust_table2 table th:first-child,
.jmmNewCust_table2 table td:first-child{border-left:none;}
.jmmNewCust_table2 textarea {width:100%; height:350px; border:1px solid #ddd;}
.jmmNewCust_table2 table td label{vertical-align:top; font-size:13px; padding-right:5px; line-height:40px; color:#222;}

.pagingBOX{text-align:center;}
.pagingBOX ul{font-size:0; border-left:1px solid #d7d5d5; display:inline-block; vertical-align:top;}
.pagingBOX ul li{display:inline-block; vertical-align:top; line-height:32px; height:32px; width:32px; border:1px solid #d7d5d5; border-left:none; font-size:12px;}
.pagingBOX ul li span{border-bottom:3px solid #495164; font-weight:bold; color:#495164; display:block; width:100%; height:29px; line-height:32px;}
.pagingBOX ul li a{color:#9f9f9f; font-weight:bold; display:block;}

.jmmNewCust_btn{padding:48px 0 60px; text-align:center;}

.jmmNewCustPwdBOX{width:530px; height:290px; border:1px solid #ebebeb; background:#f8f8f8; margin:72px auto 100px;}
.jmmNewCustPwdBOX .pdBOX{padding:50px 76px;}
.jmmNewCustPwdBOX .pdBOX dl {text-align:left; padding:0; margin:10px 0;}
.jmmNewCustPwdBOX .pdBOX dl dt{width:100px; position: relative;}
.jmmNewCustPwdBOX .pdBOX dl dt:after{content:':'; display:inline-block; vertical-align:top; position: absolute; top:0; right:0; line-height:38px;}
.jmmNewCustPwdBOX .pdBOX dl dt,
.jmmNewCustPwdBOX .pdBOX dl dd{display:inline-block; vertical-align:top; line-height:40px; font-size:16px; color:#222222; font-weight:bold; letter-spacing:1px; text-align:left; padding:0; margin:0;}
.jmmNewCustPwdBOX .pdBOX dl dd{padding:0 0 0 15px; letter-spacing:2px;}
.jmmNewCustPwdBOX .pdBOX dl dd input{height:38px; border:1px solid #ddd; line-height:38px; font-size:16px; width:259px; letter-spacing:1px;}
.jmmNewCustPwdBOX .jmmNewCustPwd_btn{padding-top:20px;}

.jmmNewCustDetail_btn{text-align:right; padding:0 0 100px;}
/*2019.01.24 디자인교과서 E*/