/****** main detail ******/

.marginbot {margin-bottom:19px;}
.mtit01 {background:url(/images/main/tit_01.gif) no-repeat; display:block; width:293px; height:27px; cursor:pointer;}
.mtit02 {background:url(/images/main/tit_02.gif) no-repeat; display:block; width:293px; height:27px; cursor:pointer;}
.mtit03 {background:url(/images/main/tit_03.gif) no-repeat; display:block; width:293px; height:23px; cursor:pointer;}
.mtit04 {background:url(/images/main/tit_04.gif) no-repeat; display:block; width:209px; height:27px; cursor:pointer;}
#columnL {width:607px;float:left;}
#columnR {width:209px;float:right;}
#mainList01 {width:293px;float:left;margin-right:20px;}
#mainList01 dl {margin-top:14px;}
#mainList01 dt {font-weight:bold;color:#393a3b;margin-bottom:10px;}
#mainList01 dd.thumbbg{background:url(/images/main/thumb_bg.gif) no-repeat; padding:15px 4px 4px 4px; margin-right:11px; float:left; }
#mainList01 dd {line-height:19px;}

#mainList02 {width:293px; float:right;}
#mainList02 ul {margin-top:14px;}
#mainList02 li {background:url(/images/main/bul_01.gif) no-repeat 3px 8px; margin-bottom:4px; padding-left:10px;}
#mainList02 li span {color:#b8c2c8;}

#mainList03 {width:606px; margin-top:20px;}
#mainList03 dl {background:url(/images/main/thumb_bg2.gif) no-repeat; width:606px; height:121px; padding:13px 0px 13px 11px;}
#mainList03 dd { float:left; margin-right:11px;}

#mainList04 {width:209px; margin-top:49px;}


/****** sub detail ******/
.tit{ width:680px; height:100px; margin-right:20px;}


/** board **/
.paging{ width:680px; text-align:center; color:#dddddd;}
.paging a { font-weight:bold;}
.paging img{ vertical-align:middle; margin:0 10px;}

.search{}
input.selectTxt{ width:80px; font-size:12px; vertical-align:middle;}
input.btSearch{ width:51px; height:20px; background:url(/images/sub/bt_search.gif) no-repeat top left; border:none; vertical-align:top; cursor:pointer;}
input.txt{ width:148px; height:15px; font-size:12px; padding:3px 0 0 2px;}
input.txt40px{ width:40px; height:15px; font-size:12px; padding:3px 0 0 2px;}
input.txt68px{ width:68px; height:15px; font-size:12px; padding:3px 0 0 2px;}
input.txt80{ width:80px; height:15px; font-size:12px; padding:3px 0 0 2px;}
input.txt150px{ width:150px; height:15px; font-size:12px; padding:3px 0 0 2px;}
input.txt575px{ width:575px; height:15px; font-size:12px; padding:3px 0 0 2px;}
textarea.txt575px{ width:575px; padding:3px 2px; font-size:12px;}

/* list */
.thumbList{ }
.thumbList dl img {vertical-align:middle;}
.thumbList dl.recommend{  background-color:#f5f5f5; }
.thumbList dl { padding:17px 0; border-bottom:solid 1px #e3e3e3; background-color:#ffffff;}
.thumbList dl dt{ float:left; margin-right:18px;}
.thumbList dl dd p.thumTit{ float:left; width:364px; margin-bottom:13px; font-size:14px; color:#585857; font-weight:bold;} 
.thumbList dl dd p.data{ float:left; width:165px; margin-bottom:13px; padding-right:5px; text-align:right; font-size:11px; color:#5c5c5c; font-weight:normal; vertical-align:middle;}
.thumbList dl dd p.thumCon{ float:left; width:534px; margin-bottom:5px;}
.thumbList dl dd p.repl{ float:left; width:516px; margin-left:5px; padding-left:13px; font-size:11px; color:#ae8858; background:url(/images/sub/bullet_repl.gif) no-repeat center left;}

.listNot{ padding-left:8px; font-weight:bold; font-size:14px; color:#585857; background:url(/images/sub/bullet_arrow.gif) no-repeat center left;}

table.conList{}
table.conList tr.bgGray{ background-color:#f9f9f9;}
table.conList th{ line-height:28px; border-top:solid 2px #585857; border-bottom:solid 2px #c0c0c0; color:#585857; background-color:#f2f2f2;}
table.conList td{ line-height:30px; border-bottom:solid 1px #e3e3e3;}
table.conList td.num{ font-weight:bold; font-size:11px;}
table.conList td.recommend{ font-weight:bold; color:#dc564c; font-size:11px;}
table.conList td.notice{ font-weight:bold; color:#585858; font-size:11px;}
table.conList td.writer{ font-size:11px; color:#566a8e;}
table.conList td.dat{ font-size:11px;}
table.conList td.count{ font-size:11px;}


table.conListthumb{}
table.conListthumb tr.bgGray{ background-color:#f9f9f9;}
table.conListthumb th{ line-height:28px; border-top:solid 2px #585857; text-align:center; border-bottom:solid 2px #c0c0c0; color:#585857; background-color:#f2f2f2;}
table.conListthumb td{ line-height:18px; border-bottom:solid 1px #e3e3e3; padding:7px 0;}
table.conListthumb td.num{ font-weight:bold; font-size:11px;}
table.conListthumb td.recommend{ font-weight:bold; color:#dc564c; font-size:11px;}
table.conListthumb td.notice{ font-weight:bold; color:#585858; font-size:11px;}
table.conListthumb td.writer{ font-size:11px; color:#566a8e;}
table.conListthumb td.dat{ font-size:11px;}
table.conListthumb td.count{ font-size:11px; color:#6b6b6b;}


/* view */
dl.viewCon{ width:665px; border-top:solid 1px #585858; border-bottom:solid 2px #c0c0c0;}
dl.viewCon dt{ padding:6px 15px; border-bottom:solid 2px #c0c0c0; line-height:22px; font-weight:bold; font-size:14px; color:#000000; background-color:#f2f2f2; }
dl.viewCon dt span.viewConTit{ float:left; width:515px;}
dl.viewCon dt span.viewConDat{ float:right; font-weight:normal; font-size:11px; color:#b0b0b0;}
dl.viewCon dd{}
dl.viewCon dd.writer{padding:0 15px; line-height:32px; border-bottom:solid 1px #e3e3e3; color:#566a8e;}
dl.viewCon dd.writer11{padding:7px 0; line-height:18px; border-bottom:solid 1px #e3e3e3; color:#566a8e; font-size:11px;}
dl.viewCon dd.con{margin:25px 15px; line-height:20px;}
 .smartOutput ul li {LIST-STYLE-TYPE:disc !important; margin-left:25px; padding:0; } /*확인필요*/
 .smartOutput ol li {LIST-STYLE-TYPE:decimal !important; margin-left:25px; padding:0; } /*확인필요*/
 .logo{border:1px solid #e3e3e3; width:155px; height:65px; float:left; margin-right:10px; text-align:center;}
 
dl.viewCon dd.proCon{ padding:10px 0; border-bottom:solid 1px #e3e3e3;}
dl.viewCon dd.proCon div.media{ position:relative;}
dl.viewCon dd.proCon div.media img.vision{ position:absolute; top:0; left:0;}
dl.viewCon dd.proCon div.mediaTxt{ width:327px;}
dl.viewCon dd.proCon div.mediaTxt h3{ margin:12px 0; font-size:16px; color:#585857; letter-spacing:-0.1em;}
dl.viewCon dd.proCon div.mediaTxt p{ line-height:24px; height:144px;}

dl.viewCon dd.file{padding:0 15px; line-height:32px; font-size:11px; color:#7d6f59; border-top:solid 1px #e3e3e3;}
*html dl.viewCon dd.file img{ margin-top:11px; margin-bottom:12px; vertical-align:middle;}

dl.viewCon dd.fileB{padding:0 15px; line-height:32px; font-size:11px; color:#7d6f59; border-bottom:solid 1px #e3e3e3;}
*html dl.viewCon dd.fileB img{ margin-top:11px; margin-bottom:12px; vertical-align:middle;}

dl.viewPreNex{ background-color:#f9f9f9; border-top:solid 1px #ececec; border-bottom:solid 1px #ececec;}
dl.viewPreNex dd{ line-height:32px; padding:0 15px;}
dl.viewPreNex dd img{ vertical-align:middle;}
*html dl.viewPreNex dd img{ margin-top:9px; margin-bottom:10px; vertical-align:middle;}

.viewComment{ width:665px;}
.viewComment textarea.comment{ 
	padding:4px;
	width:565px;
	height:27px;
	border-top:solid 1px #808080; border-right:solid 1px #d4d0c8; border-left:solid 1px #808080; border-bottom:solid 1px #d4d0c8; 
	color:#888888;
	font-size:12px;
	}
.viewComment input.btComment{ 
	width:74px;
	height:37px;
	border:none;
	background:url(/images/sub/bt_comment.gif) no-repeat left top;
	}

/*reply*/
fieldset.comment { clear:both; width:665px; border:none;}
fieldset.comment .write{  padding:7px 14px; border:none; }
fieldset.comment dl{ }
fieldset.comment dd{ float:left; width:100%; padding:7px 0; border-bottom:1px #ededed solid; }
fieldset.comment .search{ border-bottom:1px #ededed solid; padding-bottom:5px; }
fieldset.comment img.btnMini{ margin:0 6px;}
fieldset.comment input.btnMini{ margin:0 6px;}
fieldset.comment .profile{ float:left; width:126px; color:#6e87a5; }
fieldset.comment .content{ float:right; width:75%;}
fieldset.comment .content .recontent{ width:360px; float:left;}
fieldset.comment .contentReply{ float:right; width:70%; color:#7d7d7d; }

fieldset.comment .date{ font-size:11px; }

fieldset.comment2 .content{ float:left; width:70%; margin-left:20px; min-height:60px; }
fieldset.comment2 .money{ padding-right:10px; color:#6e87a5; font-weight:bold; text-align:right; }
fieldset.comment2 .moneyTotal{ color:#6e87a5; font-size:12px; font-weight:bold; }
fieldset.comment2 .moneyTotal strong{ color:#e9791b; }
fieldset.comment2 dt{ height:20px; padding:10px 10px 5px 10px; color:#664801; font-size:14px; background:url(/images/board/write_thBg.gif) #fcf4e3 repeat-x left top; border-bottom:1px #e2dbc3 solid; }
fieldset.comment2 .content{ width:65%; padding:0 20px; border-left:1px #e3e3e3 solid; border-right:1px #e3e3e3 solid; }
	
div.videoThumb{ width:690px;}
div.videoThumb dl{}
div.videoThumb dl.recommend{ position:relative; }
div.videoThumb dl dd.thumb{ background:url(/images/sub/thumbPhoto.gif) no-repeat top left; width:126px; height:84px;}
div.videoThumb dl dd.thumb img{ vertical-align:middle;}
div.videoThumb dl dd.thumb img.vRecommend{ position:absolute; top:0; left:0;}
div.videoThumb dl dd.thumbTxt{ padding-left:5px; line-height:20px; background:url(/images/main/bullet_dotGray.gif) no-repeat center left; font-size:11px;}

/* write */
table.writeTable{}
table.writeTable tr th{ padding:9px 0; border-bottom:solid 1px #e3e3e3; border-right:solid 1px #e3e3e3; background-color:#f2f2f2; text-align:left; padding-left:10px;}
table.writeTable tr td{ padding:9px 0; border-bottom:solid 1px #e3e3e3; padding-left:15px;}
input.findFile{ width:76px; height:20px; background:url(/images/sub/bt_findFile.gif) no-repeat top left; border:none;}

/* Mapage : 회원가입 */
.memberwrap {padding:30px 26px 30px 30px;}
.confirmation{ background:url(/images/sub/member_boxbg01.gif) no-repeat top left; width:610px; padding:28px 0 28px 40px; margin-bottom:30px;}
.memberiframe01{width:600px; height:215px; padding-left:10px; overflow-x:hidden; border:2px solid #e3e3e3;}
.memberIconZone dl{width:400px;}
.memberIconZone dd{ width:50px; float:left; margin-right:10px;}
.memberIconZone .profileIcon{border:1px solid #f2f1ed; }
.subtitComplete{background:url(/images/sub/member_subtitbg.jpg) no-repeat top left; width:610px; padding:84px 0 0 0; margin-bottom:30px;}
.memberlogin{background:url(/images/sub/member_boxbg02.gif) no-repeat top left; width:610px; height:254px; margin-top:8px;}
.memberloginbox{margin:18px 55px 0 270px; }
.memberloginbox th{ color:#2c2c2c; text-align:left; padding:3px 3px 3px 10px; width:40px;}
.memberloginbox td{ padding:3px;}
.memberlogintxt{padding:35px 55px 0 278px;}
.memberloginsearch{margin:10px 0 0 15px;}
  *html .memberloginsearch{margin:0 0 0 15px;}
.memberloginsearch td{padding:3px; }
.agreement { margin:10px 0 0 0; border:2px solid #e3e3e3; padding:20px;}

/* 일카광장 */
.photothumb {margin:5px;}
.photoviewbox {margin:20px 0 30px 0; width:615px;}
.photothumbW dd{ height:80px;}
.photothumb{background:url(/images/sub/photo_thumbbg.gif) no-repeat top left; width:95px; height:62px; float:left; margin-right:8px; }
.phototextbox{width:360px; height:58px; float:left; padding:2px; margin-right:5px; margin-top:5px;}
.photobtdel{width:35px; float:right; margin-top:5px;}

/* Map */
table.busInfo td{ text-align:center; line-height:21px; border-bottom:solid 1px #ececec;}
table.busInfo td.borBotno{ border-bottom:none;}
table.busInfo td.borBot{ border-bottom:solid 1px #c9cfde;}
table.busInfo td.tl { text-align:left; }

/* 팝업 */
.popWrap{padding:10px;}
.popWrapBG{padding:15px; background-color:#fff;}
.popPaging{ text-align:center; color:#dddddd; }
.popPaging a { font-weight:bold;}
.popPaging img{ vertical-align:middle; margin:0 10px;}
table.recomSearchList th{ padding:5px 0; background-color:#f6f6f6; border-top:solid 2px #dadada; border-bottom:solid 1px #e5e5e5;}
table.recomSearchList th.borR1pxE5E{ border-right:solid 1px #e5e5e5;}
table.recomSearchList th.borL1pxE5E{ border-left:solid 1px #e5e5e5;}
table.recomSearchList td{ padding:5px 0; border-bottom:solid 1px #e5e5e5;}
.recommendSearch { width:315px; height:150px; overflow-y:auto; padding:6px; }
.recommendSearch td.selhover a:hover{color:#be5b30;}
  *html .recommendSearch { width:302px; height:150px; overflow-y:auto; padding:6px; }
.idsearchbox{background:url(/images/sub/pop_idsearchbox.gif) no-repeat top left; width:295px; text-align:center; font-size:16px; font-weight:bold; color:#be5b30; padding:10px 0 15px 0; margin:20px 0 0 15px;}
  *html .idsearchbox{background:url(/images/sub/pop_idsearchbox.gif) no-repeat top left; width:295px; text-align:center; font-size:16px; font-weight:bold; color:#be5b30; padding:10px 0 15px 0; margin:10px 0 0 15px;}
.passsearchbox{background:url(/images/sub/pop_passsearchbox.gif) no-repeat top left; width:295px; font-weight:bold; color:#be5b30; padding:17px 0 17px 15px; margin:10px 0 0 15px;}
.popmemmt{margin:10px 0 20px 20px;}
  *html .popmemmt{margin:0px 0 20px 20px;}
  
  
 /* 함께하는 사이트 */ 
  
#userFamilySite { border:2px solid #00337d; width:315px; height:225px; background-color:#fff;}
#userFamilySite p{margin:10px 15px; line-height:180%;}


/* 연수원 안내 */
.phototibox { border:3px solid #dfe0dc; width:655px; height:223px; margin-bottom:40px;}
.phototibox img{ border:0 none; margin:0; padding:0;}
.phototibox .photoOn{ float:left; margin-right:24px;}
.phototibox .photoCon p { padding-right:25px; margin-bottom:20px;}
.phototibox .photoCon h5{ margin:20px 0 15px 0;}
.phototibox .photoCon ul{ margin:4px 0 0 0;}
.phototibox .photoThumb{ float:left; margin-right:3px;}
.phototibox .photoThumbON{ float:left; margin-right:3px; border:3px solid #46c0ff; width:60px; height:40px; }


li.photoThumbON1{ float:left; margin-right:3px; border:3px solid #46c0ff; width:60px; height:40px; }

/*연혁*/
.history {border-top:solid 3px #424242; border-bottom:solid 1px #424242;}
.history .year{ width:105px; float:left;}
.history .year li{ padding-bottom:30px;}
.history .historyCon { float:left; padding-left:20px; }
.history .historyCon .photoH{ float:left;}
.history .historyCon .con{ padding-left:20px; float:left;}
.history .historyCon li{ padding-bottom:6px; background:url(/images/sub/bullet_licon.gif) no-repeat 0px 8px; padding-left:5px;}