@charset "utf-8";

/* General
-----------------------------------------------------------------------------*/
* { margin:0; padding:0; font-family:AppleGothic, "돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif; color:#666; font-size:12px;}

body { border-top:4px #de0008 solid;}
body.pop { border:none;}

table { 
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	font-family:AppleGothic, "돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif;
	}
th { text-align:center;}
td { word-break:break-all;}

a:link    { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover   { color:#000; text-decoration:none;}
a:active  { text-decoration:none;}

img    { border:0;}
li     { list-style-type:none;}
p      { line-height:18px;}

.fL    { float:left;}
.fR    { float:right;}
.clear { clear:both;}

.texL  { text-align:left !important;}
.texR  { text-align:right !important;}
.texC  { text-align:center !important;}

.png24 {tmp:expression(setPng24(this));}
.imgMid { vertical-align:middle}
.bordeRedTest { border:1px red solid;}

.scroll {
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#f24950;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#d7d7d7;
	scrollbar-face-color:#f2f2f2;
	scrollbar-highlight-color:#f2f2f2;
	scrollbar-shadow-color:#f2f2f2;
	scrollbar-track-color:#eee;
	}
	
/* margin
-----------------------------------------------------------------------------*/
.mt05 { margin-top:5px !important;}
.mt06 { margin-top:6px !important;}
.mt07 { margin-top:7px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}


/* font style
-----------------------------------------------------------------------------*/
.ls   { letter-spacing:-1px;}

.fB   { font-weight:bold !important;}
.fN   { font-weight:normal !important;}

.fH16 { line-height:16px !important;}
.fH18 { line-height:18px !important;}

.f11  { font-size:11px !important;}
.f12  { font-size:12px !important;}
.f14  { font-size:14px !important;}

.fc01 { color:#6b9b1f !important;}
.fc02 { color:#d58f08 !important;}
.fc03 { color:#e00008 !important;}


/* forms
-----------------------------------------------------------------------------*/
select      { vertical-align:middle; color:#999;} /* behavior:url('/Includes/selectBox.htc'); */
select.none { behavior:none; color:#999; vertical-align:middle;}
input.text    { border:1px #e0e0e0 solid; padding:2px; color:#666; vertical-align:middle;}
textarea.text { border:1px #e0e0e0 solid; padding:5px; overflow:auto;}
fieldset { border:medium none;}
legend   {display:none;}

/* layout
-----------------------------------------------------------------------------*/
#content-box { margin:0 auto; width:898px; position:relative;}
h1 { position:absolute; left:312px; top:146px; z-index:100;}
#content-box #header {}
#content-box #sidebar { float:left;}
#content-box #content { float:left; width:585px;}
#footer { padding-top:0; clear:both;}

div.boardList { background:url(/images/common/board_bar.gif) no-repeat left top; padding-top:9px; margin-left:3px;}
div.boardList .bg { background:url(/images/common/board_bar.gif) no-repeat left bottom; padding-top:9px;}
div.boardList .title { background:url(/images/common/board_bar01.gif) no-repeat left bottom; padding:20px 10px 20px 320px; font-size:14px; line-height:18px; font-weight:bold; color:#000;}
div.boardList .title2 { border-bottom:1px #ffb843 solid; padding:8px 10px 9px 18px; line-height:18px; color:#000;}
div.boardList .title2 img { margin-right:8px; vertical-align:middle;}

div.boardList .title3 { border-bottom:1px #ffb843 solid; padding:12px 10px 0 18px; line-height:18px; color:#000;}
div.boardList .title3 img { margin-right:8px; vertical-align:middle;}
div.boardList .title3 .vit { margin-top:10px;}
div.boardList .title3 .vit p { float:left; width:130px;}

div.boardList .title ul { margin-top:15px;}
div.boardList .title ul li { font-weight:normal; background:url(/images/common/bot_a01.gif) no-repeat left 7px; padding-left:8px;}
div.boardList .view  { margin:30px 0 30px 0; line-height:18px;}
div.boardList .view2 { margin:12px 0 30px 0; line-height:18px; position:relative;}
div.boardList .view3 { margin:30px 0 30px -3px;}
div.boardList .view4 { margin:30px 0 30px 20px; line-height:18px;}

div.boardList .view4 .reply_date { width:535px; text-align:right; padding:20px 10px 0 0; color:#eb0009;}
div.boardList .view4 .reply_date img { vertical-align:middle; margin-right:10px;}
div.boardList .view4 .reply { background:#f2f2f2 url(/images/etc/pic_ba01.gif) no-repeat left top; width:545px; margin-top:8px;}
div.boardList .view4 .reply p { background:url(/images/etc/page_a.gif) no-repeat 20px 20px; padding:20px 20px 20px 80px;}
div.boardList .view4 .end { background:url(/images/etc/pic_ba02.gif) no-repeat left bottom; padding-top:5px;}

div.boardList .photo { float:left; background:url(/images/BrandStory/kin_view.png) no-repeat left top; width:304px; height:283px; padding:24px 0 0 17px; margin:-190px 0 0 -1px;}

* html div.boardList .photo {
	background-image:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/BrandStory/kin_view.png', sizingMethod='crop');
}

div.boardList .mov { position:absolute; left:-1px; top:-226px;}
div.boardList .mov2 { position:absolute; left:0; top:-370px;}

div.boardList th { border-bottom:1px #ffb843 solid; padding:10px 0 9px; margin-bottom:5px;}
div.boardList td { border-bottom:1px #f2f2f2 solid; padding:10px 0 8px;}
div.boardList td span { color:#eb0009;}
div.boardList td a.notice { background:url(/images/company/ti_notice.gif) no-repeat left 2px; padding-left:40px;}
div.boardList td a.news   { background:url(/images/company/ti_news.gif) no-repeat left 2px; padding-left:40px;}
div.boardList td a.event  { background:url(/images/company/ti_event.gif) no-repeat left 2px; padding-left:40px;}

div.boardList div.min { border-bottom:1px #f9bec1 solid; padding-bottom:13px;}
div.boardList div.minBG { border-bottom:1px #eb020a solid; padding-bottom:25px}
div.boardList div.min h3 { margin-bottom:15px;}
div.boardList div.min th { border-bottom:none; padding:0 0 4px 5px; text-align:left;}
div.boardList div.min td { border-bottom:none; padding:0 0 5px 0;}

div.boardList div.minBG th { border-bottom:none; padding:2px 0 4px 5px; text-align:left;}
div.boardList div.minBG td { border-bottom:none; padding:2px 0 5px 0;}

ul.cfList {}
ul.cfList li { float:left; margin:35px 0 0 21px; color:#a6a6a6; font-size:11px;}
ul.cfList li.first { margin-left:0;}
ul.cfList li a { display:block; border:1px #d7d7d7 solid; background:#efefef; margin-bottom:10px; padding:5px;}
ul.cfList li strong { display:block; font-size:11px; font-weight:normal; margin-bottom:5px;}

.pagesCont { margin:35px auto; width:500px; text-align:center;}
ul.pages li { display:inline; margin-left:3px;}
ul.pages li img { vertical-align:middle;}
ul.pages li.no { margin:0 2px; background:url(/images/common/pages_line.gif) no-repeat left center; padding-left:8px;}
ul.pages li.first { background:none; margin-left:0;}
ul.pages li a { font-weight:bold; font-size:11px;}
ul.pages li strong { font-size:11px; color:#f2373e;}

ul.tab { float:left; border-bottom:1px #e00008 solid; width:100%;}
ul.tab li { float:left; margin-left:-3px;}
ul.tab li.first { margin-left:-1px;}
ul.tab li a { float:left;}

/* board Search
-----------------------------------------------------------------------------*/
fieldset#search { text-align:right;padding:0 0 10px 0; margin-top:30px;}
fieldset#search input.text { margin:0 3px;}
fieldset#search table td { text-align:left; padding-left:3px;}
fieldset#search button { background:url(/images/btn/btn_search.gif) no-repeat left top; width:46px; height:20px; vertical-align:middle; text-indent:-900em; border:0 none; cursor:pointer;}

/* 
-----------------------------------------------------------------------------*/
.kinImg { vertical-align:middle; border:1px #dbdbdb solid; padding:1px; margin:0 36px 0 12px;}
.men_tex { border:1px #dcdcdc solid; margin-top:15px; padding:20px; height:210px; overflow:auto;}
.men_tex strong { display:block; margin-bottom:7px;}
.men_tex p { margin-bottom:18px;}
.faqGo { text-align:right; margin-top:-129px;}
.proGo { text-align:right; margin-top:10px;}
.faq_com { display:none; line-height:18px; background:url(/images/Charlotte/faq_a.gif) no-repeat 93px 20px;}
.faq_com p { padding:13px 0 20px 140px;}

/* login
-----------------------------------------------------------------------------*/
.login { border-bottom:1px #e0e0e0 solid; padding:40px 0; margin-bottom:30px; position:relative;}
.login dl { padding-left:160px; width:185px;}
.login dl dt { float:left; width:48px; margin-top:5px;}
.login dl dd { float:left; margin-bottom:8px;}
.login div { position:absolute; left:360px; top:33px;}
.loginBtn { background:#f2f2f2 url(/images/etc/pic_ba011.gif) no-repeat left top; width:263px; float:left; margin-left:20px; _margin-left:10px;}
.loginBtn p   { padding:20px 0 0 10px; height:45px;}
.loginBtn div { text-align:center; margin-top:20px;}
.loginBtn_end { background:url(/images/etc/pic_ba022.gif) no-repeat left bottom; padding-top:5px;}
.loginTxt { margin:30px 0 40px 20px; clear:both;}
.loginTxt p { margin-top:7px;}

.print { margin:15px 0 15px 10px; _margin-left:0px;}
.print li.no { background:#f2f2f2; width:270px; height:210px; float:left; margin:7px; position:relative;}
.print li p { text-align:center; padding-top:15px;}
.print li p img { background:#fff; padding:4px;}
.print li ul { position:absolute; bottom:10px;}
.print li ul li { float:left; font-size:11px; line-height:14px;}
.print li ul li span { color:#a5a5a5; font-size:11px;}
.print li ul li.first { width:110px; margin-left:55px; _margin-left:27px;}

.viL { float:left; margin-top:30px;}
.viR { float:right; margin-top:34px; width:333px;}
.viCon { clear:both; margin-top:20px;}

.ceo { background:url(/images/company/pic_ct.jpg) no-repeat left top; text-align:right;}
.ceoBt a { margin-right:11px;}

table.mg { border-bottom:1px #e00008 solid;  border-top:1px #e00008 solid;}
table.mg th { border-right:1px #dad8d8 solid; border-bottom:1px #dad8d8 solid; background:#fffbfb; color:#e00008; padding:9px 0 9px;}
table.mg th.ms { background:none;}
table.mg th.mt { color:#666;}
table.mg th.bt { font-weight:normal;}
table.mg th.end { border-right:none;}
table.mg td { border-right:1px #dad8d8 solid; border-bottom:1px #dad8d8 solid; padding:8px 10px 5px; line-height:18px;}
table.mg td.end { border-right:none;}
table.mg td ul {}
table.mg td li { background:url(/images/common/bot_a02.gif) no-repeat left 7px; padding-left:6px; margin-bottom:7px;}

.coms  { background:url(/images/company/pic_company01.gif) no-repeat right top; height:324px; margin-top:50px;}
.coms2 { background:url(/images/company/pic_company02.gif) no-repeat right bottom; height:400px; margin-top:50px;}

ul.ine { padding-top:30px; margin-left:8px;}
ul.ine li { color:#e00008; font-weight:bold;}
ul.ine li.end { float:right;}
ul.ine li.end a { color:#ec6a6f; font-weight:normal;}
ul.ine li.end a:hover { color:#000; font-weight:normal;}
div.ine { border-bottom:1px #ededed solid; padding:30px 0 50px; clear:both; margin-left:8px;}
dl.ine dt { float:left; width:58px; margin-top:2px;}
dl.ine dd { float:left; width:226px; margin-bottom:12px; line-height:16px;}

.pts { margin-top:40px; line-height:18px; clear:both;}
.pts p { margin-bottom:30px;}
.ptx { color:#000;}
.ptx .imgMid { margin-right:10px;}

.user {}
.user li { float:left; margin:15px 15px 0 0;}
.user li.no { margin-right:0;}

.popup { width:600px;}
.popup .tex { margin:0 0 0 0;}
.popup .boardList { background:url(/images/common/board_bar2.gif) no-repeat left top; margin:30px 0 15px 25px;}
.popup .boardList .textt { margin:35px;}
.popup .boardList .textt p { margin-bottom:22px;}
.popup .boardList .bg { background:url(/images/common/board_bar2.gif) no-repeat left bottom; padding-top:10px;}


.smt { float:left; text-align:right; width:149px; margin-top:35px;}
.smt h2 { margin-bottom:20px;}
.smt a { display:block; margin-bottom:8px;}

.pop_tt { padding:20px; position:relative;}
.pop_tt .zip { width:280px; height:120px; border:1px #e0e0e0 solid; overflow:auto; overflow-x:hidden; margin-top:20px;}
.pop_tt .zip strong { display:block; margin:10px 0 25px 10px; _margin:10px 0 18px 10px;}
.pop_tt .zip a { display:block; margin:0 0 7px 10px;}
.pop_tt div.tex { margin:20px 0;}
.pop_tt div.tex p { font-weight:bold; color:#ea2a31; width:230px; margin-bottom:5px;}
.pop_tt dl { width:190px; margin-top:18px;}
.pop_tt dl dt { float:left; width:48px; margin-top:5px;}
.pop_tt dl dd { float:left; margin-bottom:3px;}
.pop_tt .btn { position:absolute; left:212px; top:50px;}

.fong { margin:0 0 40px 20px; _margin-left:10px; float:left; width:265px;}
.fong .gon01 { float:left;}
.fong .gon01 p { border:1px #d7d7d7 solid; background:#efefef; padding:5px;}
.fong .gon02 { float:left;}
.fong .gon02 p { font-weight:bold; color:#000; margin:4px 0 30px 15px;}
.fong .gon02 dl { margin:0 0 0 15px;}
.fong .gon02 dl dt { float:left; width:62px;}
.fong .gon02 dl dd { float:left; margin-bottom:8px; font-size:11px;}

.iffLogin { margin:40px 135px 40px; background:url(/images/officer/tit_a04.gif) no-repeat left top;}
.iffLogin .logins { padding:105px 0 0 54px; position:relative;}
.iffLogin .logins dl { width:185px;}
.iffLogin .logins dl dt { float:left; width:48px; margin-top:5px;}
.iffLogin .logins dl dd { float:left; margin-bottom:8px;}
.iffLogin .logins div { position:absolute; left:254px; _left:200px; top:98px;}

.iffLogin2 { margin:40px 135px 40px; background:url(/images/officer/tit_a05.gif) no-repeat left top;}
.iffLogin2 .logins { padding:108px 0 0 27px; position:relative;}
.iffLogin2 .logins dl { width:262px;}
.iffLogin2 .logins dl dt { float:left; width:50px; margin-top:5px;}
.iffLogin2 .logins dl dd { float:left; margin-bottom:8px; width:206px;}
.iffLogin2 .logins div { margin:12px 23px 0 0; text-align:right;}

.fong2 { margin:27px 0 40px 0; float:left; width:580px; border-bottom:1px #e0e0e0 solid; padding-bottom:30px;}
.fong2 .gon01 { float:left; margin-top:5px;}
.fong2 .gon01 p { border:1px #d7d7d7 solid; background:#efefef; padding:5px;}
.fong2 .gon02 { float:left;}
.fong2 .gon02 p.tit { font-weight:bold; color:#000; font-size:14px; margin:4px 0 15px 20px;}
.fong2 .gon02 p.txt { font-size:11px; margin:0 0 20px 20px;}
.fong2 .gon02 dl { margin:0 0 0 20px; width:207px;}
.fong2 .gon02 dl dt { float:left; width:62px;}
.fong2 .gon02 dl dd { float:left; width:145px; margin-bottom:7px; font-size:11px;}

.ddtt {  border-bottom:1px #e0e0e0 solid; padding-top:1px; margin:27px 0;}
.reply2 { background:#f2f2f2 url(/images/etc/pic_ba03.gif) no-repeat left top; width:580px; margin-bottom:30px;}
.reply2 ul { margin:12px 12px 7px;}
.reply2 ul li { background:url(/images/common/bot_a01.gif) no-repeat left 4px; padding-left:8px; margin-bottom:9px;}
.end2 { background:url(/images/etc/pic_ba04.gif) no-repeat left bottom; padding-top:5px;}


.job2 { margin:38px 50px 36px; background:url(/images/job/it_01.gif) no-repeat left top;}
.job2 .logins { padding:124px 0 0 152px; position:relative;}
.job2 .logins dl { width:320px;}
.job2 .logins dl dt { float:left; width:82px; margin-top:5px;}
.job2 .logins dl dd { float:left; margin-bottom:8px; width:230px;}
.job2 .logins div { margin:12px 23px 0 0; text-align:right;}

div.boardList37 { background:url(/images/common/board_bar.gif) no-repeat left top; padding-top:9px; margin-left:3px; position:relative;}
div.boardList37 div.minBG, div.minBG65 { border-bottom:1px #eb020a solid; padding-bottom:15px}
div.boardList37 div.minBG2 { border-bottom:1px #ffb843 solid; padding-bottom:15px}
div.boardList37 .fps { position:absolute; right:16px; top:58px; width:117px;}
div.boardList37 .fps p { border:1px #bababa solid; padding:6px;}
div.boardList37 .fps div { text-align:center; margin-top:6px;}
.tsxxBox { margin:0 0 0 7px;}
table.tsJob { margin:0 0 0 10px; width:550px;}
table.tsJob th { border-bottom:1px #e0e0e0 solid; padding:17px 0 14px 0; vertical-align:top; text-align:left;}
table.tsJob td { border-bottom:1px #e0e0e0 solid; padding:13px 0 14px 0;}
table.tsJob th.end { border-bottom:none;}
table.tsJob td.end { border-bottom:none;}

table.tsJob2 { margin:0 0 0 0; width:570px;}
table.tsJob2 th { padding:9px 0 9px 0; background:#f2f2f2;}
table.tsJob2 td { border-bottom:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; padding:8px 5px 8px 5px;}
table.tsJob2 td.end { border-right:none;}

.ptn_prev { position:absolute; left:0; top:300px;}
.ptn_next { position:absolute; right:0; top:300px;}




/* 처리폼
-----------------------------------------------------------------------------*/
#footerFrm { position:absolute; left:0px}
fieldset   { border:0px solid #DED6BE; padding:4px;}
legend     { border:1px solid #DED6BE;}

table.calendar  { width:10px;}