@charset "utf-8";
* {
	margin:0;
	padding:0;
	border:0; 
	font-family:"돋움", Dotum, "굴림", gulim, AppleGothic, sans-serif;
}
/* 공통 */

body{color:#727272; font-size:12px; background:#fff url(../images/bg02.gif) repeat-x 0 0;}
body.frame{color:#727272; font-size:12px; background:#fff url(../images/bg_frame_01.gif) repeat-x 0 0;}
a{color:#727272; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
hr {display:none; }


input {
	height:18px;
	border:1px solid #d3d6dc;
	background-color:#fff;
	color:#797979;
	font-family:"돋움", Dotum, "굴림", gulim, AppleGothic, sans-serif;
	font-size:11px;
	line-height:18px;
}

select {
	height:20px;
	border:1px solid #858789;
	background-color:#fff;
	color:#797979;
	font-family:"돋움", Dotum, "굴림", gulim, AppleGothic, sans-serif;
	font-size:12px;
	line-height:18px;
}
input {vertical-align: middle; }
input.rmar{margin-right:4px;}
input.gg{background-color:#f2f3f3;}
input.img01{height:20px; border:0 none;}
textarea {padding:5px; font-size:12px; }
li { list-style-type:none; border:0; }
fieldset, img{border:0 none;}
input.img01{height:20px; border:0 none;}
input.checkbox{border:0 none;}

/* 레이아웃 */
.wrapBody{padding-left:30px; background:url(../images/bg01.gif) no-repeat 0 0;}
.wrapBody_frameL{padding-left:30px; background:url(../images/bg_frame_02.gif) no-repeat 0 0;}
.wrapBody_frameR{background:url(../images/bg01.gif) no-repeat 0 0;}
.wrapTop{width:902px; height:138px;}
.wrapTop2{width:902px; height:143px;}
.wrapMid{position:relative; width:902px;}
.wrapBtm{position:relative; width:902px; height:73px; background:url(../images/bg_footer.gif) no-repeat 0 0;}
.wrapBtm2{position:relative; width:752px; height:73px; background:url(../images/bg_footer.gif) no-repeat 0 0;}
.wrapOne{width:902px;}
	.sboxTop{height:5px; background:url(../images/bg_stop.gif) no-repeat 0 0;}
	.sboxMid{padding:24px 15px 26px 15px; background:url(../images/bg_smid.gif) repeat-y 0 0;}
	.sboxMid_login{padding:24px 15px 26px 15px; height:500px; background:url(../images/bg_smid.gif) repeat-y 0 0;}
	.sboxMid_main{position:relative; padding:0 43px 0 66px; height:730px; background:url(../images/bg_smid.gif) repeat-y 0 0;}
	.sboxBtm{clear:both; height:5px; background:url(../images/bg_sbtm.gif) no-repeat 0 0;}
	.sboxMainLeft{position:relative; float:left; width:488px;}
	.sboxMainRight{position:relative; float:left; width:305px; height:700px; background:url(../images/cmainBg01.gif) no-repeat 0 0;}


/* 상단메뉴 */
.hlogo{position:relative; height:69px; background:url(../images/bg03.gif) no-repeat right 0;}
.hlogo01{position:relative; top:35px;}
.hlogo02{position:absolute; top:50px; left:639px;}
.cmenu{height:35px; background:url(../images/bg_menutop_system.gif) no-repeat 0 0;}
.hsubmenu{height:25px; background:url(../images/bg04.gif) no-repeat right 0;}
.cContensTop{height:14px; background:url(../images/cbg_top.gif) no-repeat bottom;}

/* 서브 레이아웃 */
.leftmenu{float:left; width:150px; background:#e6e6e6 url(../images/cbg_left.gif) no-repeat 0 0;}
.contents{float:left; width:752px;}

/* 메인 */
.mainTitle{padding:42px 0 30px 0;}
.mainInfo{position:relative; padding:10px 0 0 110px; background:url(../images/cmainImg01.gif) no-repeat 0 0;}
.mainMsg{padding:28px 0 0 4px; height:19px;}
.mainSumm{padding-left:8px;}
.mainSub{position:relative; padding:20px 0 6px 8px;}
.mainMore{position:absolute; top:29px; right:10px;}
.mainMore2{position:absolute; top:16px; right:33px;}

.mainBoxTop{height:5px; background:url(../images/cmainTb01.gif) no-repeat 0 0;}
.mainBoxMid{padding:0 9px 5px 9px; background:url(../images/cmainTb02.gif) repeat-y 0 0;}
.mainBoxBtm{height:5px; background:url(../images/cmainTb03.gif) no-repeat 0 0;}

.mTB01 td{height:18px; line-height:18px; color:#838383;}
.mTB02 th{padding-left:8px; height:23px; text-align:left; color:#7faf60; font-size:11px; border-bottom:1px solid #e1e1e1;}
.mTB02 td{padding-left:8px; height:18px; color:#838383; font-size:11px;}
.mTB02 a{color:#838383; font-weight:bold;}

/* 메인 우측 메뉴 */
.mainMenu{margin:170px 0 0 80px; width:190px;}
.mainMenu .title{padding-bottom:12px;}
.mainMenu .menulist li{height:25px;}

/* 서브 좌측 메뉴 */
.loginStatus{margin:5px 5px 0 5px; height:70px; border:3px solid #fff;}
.leftTitle{padding-top:21px; padding-bottom:12px;}
.menulist{padding-bottom:50px;}
.menulist li{height:25px;}
.leftbtm{height:5px; background:url(../images/cbg_leftBtm.gif) no-repeat 0 0;}

/* 좌측 로그인 */
.cInfo{height:35px; padding:6px;}
	.cName{height:20px; line-height:20px; font-size:11px; color:#000;}
	.cName a{color:#000; font-size:11px;}
	.cCompany{height:20px; line-height:20px; font-size:11px; color:#000;}
	.letter{height:20px; line-height:20px; color:#377b4b; font-size:11px;}
	.letter a{color:#377b4b; font-size:11px;}
.cLogout{padding-left:6px; height:23px; background:url(../images/line_dot07.gif) repeat-x top;}
.cLogout p{padding-top:3px; padding-left:7px; line-height:23px; color:#377b4b; font-size:11px; background:url(../images/ico_sam02.gif) no-repeat 0 10px;}
.cLogout a{color:#377b4b; font-size:11px;}

/* 서브 우측 */
.cboxMid{padding:24px 15px 26px 15px; background:url(../images/cbg_rightBack.gif) repeat-y 0 0;}
.cboxBtm{height:5px; background:url(../images/cbg_rightBtm.gif) no-repeat 0 0;}

/* 서브 타이틀 */
.subitleA{height:23px; background:url(../images/line_dot01.gif) repeat-x 0 bottom;}
.subitleB{margin-bottom:25px; height:23px; background:url(../images/line_dot01.gif) repeat-x 0 bottom;}
.sstitle{float:left; width:250px; height:22px;}
.localnavi{float:right; height:22px; text-align:right;}
.localnavi p{padding-top:9px; font-size:11px; color:#999999;}

/* 박스 */
.boxGray01{border:5px solid #e3e3e3;}

/* 서브컨텐츠 제목 */
.subject_line{margin-bottom:10px; height:16px; border-bottom:1px solid #e3e3e3;}
.subject_noline{height:16px;}
.subject_ico{padding-left:15px; height:16px; background:url(../images/subject_ico.gif) no-repeat 0 0;}
.subject_ico p{line-height:16px; color:#333333;}
.specTitle{margin-bottom:2px; height:23px; background:url(../images/bg_pbar2.gif) no-repeat bottom;}
.specTitle p{padding-left:21px; height:20px; line-height:20px; color:#333333; font-weight:bold; background:url(../images/ico_blue.gif) no-repeat 5px 3px;}


/* 테이블 */

/*기존 리스트*/

.cTB01th
{
	height:25px;
	background-color:#ffffff;
}

.cTB01th td
{
	height: 30px;
	border-right: white thin solid;
	border-top: white thin solid;
	background: #e0e0e0;
	border-left: white thin solid;
	color: #565656;
	border-bottom: white thin solid;
	text-align: center;
}



.cTB01xa
{
	text-align:center;
	height:25px;
	padding:6px 0; 
	border-bottom:1px solid #e3e3e3;
	background-color:#ffffff;
	background:url(../images/line_dot05.gif) repeat-x bottom;
	
}

.cTB01xb
{
	text-align:center;
	height:25px;
	padding:6px 0; 
	border-bottom:1px solid #e3e3e3;
	background:url(../images/line_dot05.gif) repeat-x bottom;
	background-color:#f2f2f2;
}



.cTB02th
{
	height:24px; 
	text-align:center; 
	font-weight:normal; 
	font-size:11px; 
	border-bottom:1px solid #e3e3e3; 
	/*background:#eeeeee url(../images/line02.gif) no-repeat right;	*/
}

.cTB02xa
{
	height:21px;
	background:url(../images/line_dot06.gif) repeat-x bottom;
}

.cTB02xb
{
	height:21px;
	border-bottom:1px solid #e3e3e3;
	background:url(../images/line_dot06.gif) repeat-x bottom;	
}


.cTB01 td.a{padding:2px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #f0f0f0;}
.cTB01 td.b{padding:2px 0; border-bottom:1px solid #f0f0f0;}
.cTB01 td.c{padding:2px 0; border-bottom:1px solid #e3e3e3;}
.cTB01 td.xxa{background-color:#e3e3e3;padding:7px 0 7px 18px;color:#565656; background:#e3e3e3 url(../images/ico_dot03.gif) no-repeat 9px 11px;}	
.cTB01 td.xxb{padding:4px 0; background-color:#ffffff;padding-left:7px;}
.ctB01 td.ppa{padding:4px 0; background-color:#ffffff;padding:7px 0 7px 18px; color:#565656; background:#FFFFFF url(../images/ico_dot03.gif) no-repeat 9px 11px;}

.cTB01 td.xa{background-color:#e3e3e3;}
.cTB01 td.xb{padding:4px 0; background-color:#ffffff;}
.cTB01 td.line01{height:3px; background:url(../images/line_dot06.gif) repeat-x top;}
.cTB01 td.line02{height:5px; background:url(../images/line_dot06.gif) repeat-x 0 2px;}
.cTB01 td.line03{height:3px; background:url(../images/line_dot06.gif) repeat-x bottom;}

.cTB01 td.vtop{vertical-align:top;}
.cTB01 td p.pa{padding:7px 0 7px 18px; color:#565656; background:#e3e3e3 url(../images/ico_dot03.gif) no-repeat 9px 11px;}
.cTB01 td p.ppa{padding:7px 0 2px 18px; text-align:left; color:#ffffff; background:#ffffff url(../images/ico_dot03.gif) no-repeat 9px 11px;}

.cTB01 td p.px{padding:7px 0 7px 18px; color:#7f7f7f; background:#e3e3e3;}
.cTB01 td p.pb{padding-left:7px;}
.cTB01 td p.pp{padding-left:7px; padding-bottom:2px;}
.cTB01 td p.txt1{padding-left:7px; padding-top:5px; color:#6ca86b; font-size:11px;}
.cTB01 td p.txt2{padding-left:7px; padding-top:5px; color:#565656; font-size:11px;}
.cTB01 div.da{float:left; padding:0 5px 0 7px;}
.cTB01 div.db{float:left;}
.cTB01 div.dc{clear:both; padding:5px 0 0 7px; color:#565656;}
.cTB01 table.ilTb td{padding-right:10px; height:24px; color:#565656;}

.cTB02 th{height:21px; text-align:center; font-weight:normal; font-size:11px; border-bottom:1px solid #e3e3e3; background:#eeeeee url(../images/line02.gif) no-repeat right;}
.cTB02 td{height:20px; font-weight:normal; font-size:11px;}
.cTB02 td.a2{background:url(../images/line_dot04.gif) repeat-x bottom;}
.cTB02 td.b2{border-bottom:1px solid #e3e3e3;}
.cTB02 td.center{text-align:center;}
.cTB02 td p{padding-left:5px;}
.cTB02 img.btn{padding:0 2px;}
.pc{margin-left:7px; margin-top:5px;}

/* 로그인 */
.loginBox{position:relative; margin:48px auto 0 auto; height:265px; padding:20px 0; width:712px; border:5px solid #e3e3e3;}
.loginLeft{position:relative; float:left; width:174px;}
.loginRight{position:relative; float:right; width:532px; border-left:1px solid #cacaca;}
.loginTxt{position:absolute; top:16px; left:85px;}
.loginBody{padding:16px 20px 20px 20px;}
.login01{margin-bottom:42px;}
.login02{margin-bottom:36px; padding-left:65px;}
.loginTB td.a{height:20px;}
.loginTB td.b{height:6px;}
.login03 li{height:16px;}

/* 회원가입 */
.step{margin:41px auto 0 auto; padding:0; width:782px;}
.memberBox{margin:15px auto 0 auto; padding:22px 25px 34px 25px; width:722px; border:5px solid #e3e3e3;}
.yakBox{padding:10px 15px; height:191px; border:5px solid #e3e3e3; overflow:hidden; overflow-y:scroll;}
.yakConfirm{padding:15px 0 30px 0; text-align:center;}
.yakConfirm li{display:inline; color:#565656;}
.yakConfirm input{border:0 none;}
.comMsg{padding-left:19px; padding-bottom:10px; color:#6ca86b; line-height:18px;}
.comSearch{padding:13px 0; color:#6ca86b; line-height:18px; background-color:#e3e3e3;}
.comTB td{height:20px; color:#565656;}
.comTB td p{padding-left:28px; line-height:20px; background:url(../images/ico_dot03.gif) no-repeat 18px 6px;}
.textMsg{margin-bottom:10px;}
.textMsg2{padding:30px 0 24px 0; text-align:center;}
.memberBtn{padding-top:30px; text-align:center;}
.memberBtn img{padding:0 6px;}
.msgBox{margin:0 5px; padding:20px 27px; background-color:#e3e3e3; line-height:18px;}

/* 여백 */
.space5{height:5px;}
.space9{height:9px;}
.space10{height:10px;}
.space20{height:20px;}
.space25{height:25px;}
.space27{height:27px;}
.clear{clear:both;}


.imgM2{padding:0 1px;}
*html .imgP1{position:relative; top:4px; left:5px;}

/* 하단카피라이트 */
.linksite_title{position:absolute; top:27px; left:672px;}
.linksite_select{position:absolute; top:27px; left:726px;}
.linksite_title2{position:absolute; top:27px; left:525px;}
.linksite_select2{position:absolute; top:27px; left:580px;}
.select_linksite{width:125px;}

/* 테이블 */
.guideTB01 td{padding-bottom:20px; vertical-align:top;}
.guideTB02 th{padding:1px 0; color:#565656; text-align:center; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.guideTB02 th div.thbg{margin:1px; padding:7px 0; background-color:#c7c7c7;}
.guideTB02 th thbg{margin:1px; padding:7px 0; background-color:#c7c7c7;}
.guideTB02 td.base{padding:6px 0; border-bottom:1px solid #e3e3e3;}
.guideTB02 td.back{background-color:#f2f2f2;}
.guideTB02 td.center{text-align:center;}
.guideTB02 td.right{text-align:right;}
.guideTB02 td.vtop{vertical-align:top;}
.guideTB02 td p{padding:0 5px;}
.guideTB02 ul{padding:0 10px;}
.guideTB02 li{padding-left:8px; height:18px; line-height:18px; background:url(../images/ico_dot01.gif) no-repeat 0 6px;}
.guideTB03 td{vertical-align:top;}
.guideTB03 td p{padding-left:15px;}
.guideTB04 td{height:24px;}
.guideTB04 td.back{background-color:#f2f2f2;}
.guideTB04 td p{padding-left:15px; height:24px; line-height:24px; background:url(../images/ico_dot01.gif) no-repeat 7px;}

/* 박스 */
.boxGreen{padding:10px; border:4px solid #c5ddb5;}
.boxGreen p{color:#6079ab;}
.boxGreen2{padding:0 8px 8px 8px; border:4px solid #c5ddb5;}
.boxGreen3{padding:5px; border:4px solid #c5ddb5;}
.boxGreen4{padding:6px 8px; border:4px solid #c5ddb5;}

.boxGrayFull{padding:10px 15px; line-height:18px; background-color:#ededed;}
.boxGray{padding:10px; border:4px solid #ededed;}

.boxText01{line-height:18px;}

.boxProduct{margin-left:7px; padding:5px; height:70px; border:1px solid #c2c2c2; overflow:hidden; overflow-y:scroll;}

/* 아이콘 */
.ico_green01{padding-left:7px; height:20px; line-height:20px; background:url(../images/ico_dot04.gif) no-repeat 0 7px;}

/* 텍스트 */
.gText01{position:relative; padding-left:15px; top:-5px;; font-size:11px; color:#6ca86b;}

/* 버튼 */
.centerBtn{padding-top:30px; text-align:center;}
.centerBtn img{padding:0 6px;}

/* 페이징 */
table.pageTable { margin:0 auto; }
table.pageTable td { text-align:center; }
div.paging { position:relative; }
div.paging a:link, div.paging a:visited { font-size:11px; color:#818181; text-decoration:none; }
div.paging a:hover, div.paging a:active { font-size:11px; color:#ea4a10; text-decoration:none; font-weight:bold; }
