@charset "euc-kr";
@import "guide.css";
@import "table.css";
/* ------------------------------------------------------------
 * Name      : common.css
 * Desc       : SK portal
 * Created   : 2008/05/15 PentaBreed by myungwol
 * Updated  :
 ------------------------------------------------------------ */

/*Common*/

*{margin:0; padding:0; font-family: Dotum, Gulim, AppleGothic, Sans-serif;}
body {
	font-size: 0.75em;line-height: 1.5;
	color:#555;	
}
table{border-collapse:collapse;width:100%;}
td, th{font-size: 1em;padding:0;}
p, div, th, td, select{font-size:1em;}
optgroup label{font-style:normal;font-weight:normal;}
form, p, blockquote, dl, dd, dt{margin:0;padding:0;}
ul, li, ol{list-style:none;margin:0;padding:0;}
li img{vertical-align:top;line-height:0;}
fieldset{margin:0;padding:0;border:0;}
img, input.type-image{border:0 none;line-height:0;}
caption, legend, .alt {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; display:none; font-size:0; line-height:0;} /* For Screen Reader */

textarea, dl, div{
	scrollbar-face-color: #FDFDFD;
	scrollbar-shadow-color: #c8c8c8;
	scrollbar-highlight-color: #c8c8c8;
	scrollbar-3dlight-color: #FDFDFD;
	scrollbar-darkshadow-color: #FDFDFD;
	scrollbar-track-color: #e9e9e9;
	scrollbar-arrow-color: #c8c8c8;
}
input, select, textarea{
	vertical-align: middle;
	font-size: 1em;color:#555;
}
hr{display:none;}
.comment{position:absolute;left:-10000px;width:1px; height:1px; overflow:hidden;font-size:0;line-height:0;}
.Swf{background:#FFF;}
.iePngFix {behavior:url(/common/css/iepngfix.htc);}

/*INPUT*/
input.text{padding:2px 5px 1px 5px;border:1px solid #e5e5e5;}
textarea.textarea{border:1px solid #e5e5e5;}
select.select{behavior: url('/common/css/selectbox.htc');}
.selectType tr td, .selectType tr th{margin:0 !important;padding:1px 0 0 2px !important;text-align:left;background:none !important;height:auto !important;vertical-align:middle !important;border:0 !important;}
/*
	select.select table.selectType{border:0; padding:0;margin:0;vertical-align:middle;}
	select.select table.selectType td{margin:0;padding:1px}
	select.select img.selectType{vertical-align:top}
	*/
input.checkbox{border:0;}

/*LINK*/
a:link{color:#555; text-decoration:none;}
a:visited{color:#555; text-decoration:none;}
a:hover, a:active{color:#555; text-decoration:underline;}

/*title*/
h1 img, h2 img, h3 img, h4 img h5 img{display:block;}
h1, h2, h3, h4, h5{font-size:1em;}
h3{font-size:1em;padding-left:20px;margin-bottom:17px;background:url(/image/common/squ_orange3.gif) 0 1px no-repeat;}
h4{font-size:1em;padding-left:20px;margin-bottom:10px;background:url(/image/common/squ_orange2.gif) 4px 2px no-repeat;}


/*Button*/
.btnStyle1{text-align:right;margin-top:9px;}

/*image Border*/
.imgBorder{
	position:absolute;left:0;top:0;
	filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;
	cursor:pointer;
	background:url(/image/common/blank.gif) no-repeat;
}

/*BBS Caption &paging*/
.pagingSec{clear:both;margin-top:10px;position:relative;}
.pagingSec ul.caption{height:10px;position:absolute;left:0;top:0;}
.pagingSec ul.caption li{float:left;padding-left:11px;font-size:0.9em;color:#555;line-height:120%;}
.pagingSec ul.caption li span{color:#FF7A00;}
.pagingSec ul.caption li strong{padding:0 0 0 8px;}
.pagingSec ul.caption li.total{padding-left:20px;}

.pagingSec .paging{text-align:center;line-height:120%;}
.pagingSec .paging a{padding:0 8px 0 10px;background:url(/image/common/paging_bar.gif) 0 4px no-repeat;}
.pagingSec .paging a strong{color:#FF7A00;}
.pagingSec .paging a:link,.paging a:hover,.paging a:active{color:#555;}
.pagingSec .paging a:visited{color:#555;}
.pagingSec .paging span a{padding:0 0 0 2px;background:none;}
.pagingSec .paging span a img{vertical-align:middle;}
.pagingSec .paging a.first-child{background:none;padding-left:8px;}

/*searchArea*/
fieldset.searchArea{height:40px;clear:both;padding:0 10px 0 16px;margin-top:25px;border:2px solid #d2d2d2;}
fieldset.searchArea label{padding-right:15px;}
fieldset.searchArea img{vertical-align:middle;}
fieldset.searchArea input{vertical-align:middle;}
.groupSelect{float:left;margin-top:10px;}
.searchBox{float:right;margin-top:10px;}
.searchBox input.text{width:170px;background:#dfdfdf;vertical-align:top;border-top:1px solid #b6b6b6;border-left:1px solid #b6b6b6;border-right:1px solid #FFF;border-bottom:1px solid #dfdfdf;}

/*Tab Style*/
ul.tabStyle1{clear:both;height:22px;margin-bottom:30px;overflow:hidden;background:url(/image/common/line_grayB1.gif) 0 bottom repeat-x;}
ul.tabStyle1 li{float:left;}

ul.tabStyle2{clear:both;height:70px;margin-bottom:30px;overflow:hidden;background:url(/image/common/line_grayB1.gif) 0 bottom repeat-x;}
ul.tabStyle2 li{float:left;}
ul.tabStyle2 li.right{float:right;}

/*Popup*/
#deemed {
	display:none;
	filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;
	background: #FFF;
	position:absolute;left:0;top:156px;z-index:10;
	width:661px;height:100%;
	padding-bottom:136px;
}
#POP{display:none;}
#POP .popBox{position:absolute;left:156px;top:292px;z-index:11;width:270px;height:219px;padding:41px 40px 0 40px;background:url(/image/common/popup/popBg1.gif) no-repeat;}
#POP .popBox h3{display:none;}
#POP .popBox h4{height:37px;padding:8px 0 0 10px;margin:0;background:url(/image/common/popup/popTitBg.gif) 0 0 no-repeat;}
#POP .popBox p.popCnt{height:85px;margin-top:40px;text-align:center;}
#POP .popBox p.popCntBox{height:43px;padding-top:7px;margin:28px 0 44px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
#POP .popBox p.popCntBox strong{color:#ff7a00;}
#POP .popBox p.idCheckResulte{margin:25px 0 15px 0;text-align:center;}
#POP .popBox p.idCheckResulte strong{color:#ff7a00;}
#POP .popBox p.popDraw{margin:20px 0;text-align:center;}
#POP .popBox p.popDraw strong{display:block;margin-top:25px;}
#POP .popBox p.letterOk{margin:18px 0 12px 0;text-align:center;}
#POP .popBox div.letterOkBox{height:60px;padding-top:8px;text-align:center;color:#555;margin-bottom:13px;background:url(/image/common/popup/popBoxBg2.gif) no-repeat;}
#POP .popBox div.letterOkBox strong{color:#ff7a00;}
#POP .popBox p.letterCheck{height:40px;margin:24px 0 13px 0;padding:6px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
#POP .popBox p.letterCheck strong{color:#ff7a00;}
#POP .popBox p.letterNotice{margin-bottom:20px;text-align:center;}
#POP .popBox p.modifyTxt{margin:20px 0 15px 0;text-align:center;}
#POP .popBox ul.modifyResulte{height:42px;padding:8px 0 0 35px;margin-bottom:20px;background:#f4f4f4;border:1px solid #e6e6e6;}
#POP .popBox fieldset.idCheck{height:55px;padding:10px 0 0 0;margin-bottom:10px;text-align:center;background:url(/image/common/popup/popBoxBg1.gif) no-repeat;}
#POP .popBox fieldset.idCheck label{display:block;}
#POP .popBox fieldset.idCheck input.text{width:100px;}
#POP .popBox fieldset.delPwd{height:32px;padding-top:10px;margin:40px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
#POP .popBox fieldset.delPwd label{padding-right:5px;}
#POP .popBox p.popBtn{text-align:center;}

#POP .nameFalse{width:270px;height:471px;padding:41px 40px 0 40px;background:url(/image/common/popup/popBg2.gif) no-repeat;}
#POP .nameFalse p.nameNotice{margin:24px 0 25px 0;text-align:center;}
#POP .nameFalse div.nameLink{height:160px;padding:10px 13px;margin-bottom:20px;font-size:0.9em;line-height:150%;background:#f4f4f4;border:1px solid #e6e6e6;}
#POP .nameFalse div.nameLink p{color:#fc7800;padding-bottom:10px;}
#POP .nameFalse div.nameLink dl dt{color:#555;}
#POP .nameFalse div.nameLink dl dd{padding-left:10px;}

#POP .letterModify{width:360px;height:280px;padding:41px 40px 0 40px;background:url(/image/common/popup/popBg3.gif) no-repeat;}
#POP .letterModify p.modifyNotice{margin:24px 0 11px 0;}
#POP .letterModify fieldset{line-height:200%;padding:5px;margin-bottom:19px;background:#f4f4f4;border:1px solid #e6e6e6;}
#POP .letterModify fieldset label{width:80px;float:left;clear:both;display:block;color:#555;}
#POP .letterModify fieldset input.text{width:75px;}
#POP .letterModify fieldset input.type1{width:50px;}
#POP .letterModify fieldset select.select{width:90px;}

#POPMESSAGE{display:none;}
#POPMESSAGE .popBox{position:absolute;left:156px;top:292px;z-index:11;width:270px;height:219px;padding:41px 40px 0 40px;background:url(/image/common/popup/popBg1.gif) no-repeat;}
#POPMESSAGE .popBox h3{display:none;}
#POPMESSAGE .popBox h4{height:37px;padding:8px 0 0 10px;margin:0;background:url(/image/common/popup/popTitBg.gif) 0 0 no-repeat;}
#POPMESSAGE .popBox p.popCnt{height:85px;margin-top:40px;text-align:center;}
#POPMESSAGE .popBox p.popCntBox{height:43px;padding-top:7px;margin:28px 0 44px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
#POPMESSAGE .popBox p.popCntBox strong{color:#ff7a00;}
#POPMESSAGE .popBox p.idCheckResulte{margin:25px 0 15px 0;text-align:center;}
#POPMESSAGE .popBox p.idCheckResulte strong{color:#ff7a00;}
#POPMESSAGE .popBox p.popDraw{margin:20px 0;text-align:center;}
#POPMESSAGE .popBox p.popDraw strong{display:block;margin-top:25px;}
#POPMESSAGE .popBox p.letterOk{margin:18px 0 12px 0;text-align:center;}
#POPMESSAGE .popBox div.letterOkBox{height:60px;padding-top:8px;text-align:center;color:#555;margin-bottom:13px;background:url(/image/common/popup/popBoxBg2.gif) no-repeat;}
#POPMESSAGE .popBox div.letterOkBox strong{color:#ff7a00;}
#POPMESSAGE .popBox p.letterCheck{height:40px;margin:24px 0 13px 0;padding:6px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
#POPMESSAGE .popBox p.letterCheck strong{color:#ff7a00;}
#POPMESSAGE .popBox p.letterNotice{margin-bottom:20px;text-align:center;}
#POPMESSAGE .popBox p.modifyTxt{margin:20px 0 15px 0;text-align:center;}
#POPMESSAGE .popBox ul.modifyResulte{height:42px;padding:8px 0 0 35px;margin-bottom:20px;background:#f4f4f4;border:1px solid #e6e6e6;}
#POPMESSAGE .popBox fieldset.idCheck{height:55px;padding:10px 0 0 0;margin-bottom:10px;text-align:center;background:url(/image/common/popup/popBoxBg1.gif) no-repeat;}
#POPMESSAGE .popBox fieldset.idCheck label{display:block;}
#POPMESSAGE .popBox fieldset.idCheck input.text{width:100px;}
#POPMESSAGE .popBox fieldset.delPwd{height:32px;padding-top:10px;margin:40px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
#POPMESSAGE .popBox fieldset.delPwd label{padding-right:5px;}
#POPMESSAGE .popBox p.popBtn{text-align:center;}

.POPLAYER	{display:none;}
.POPLAYER .popBox{position:absolute;left:156px;top:292px;z-index:11;width:270px;height:219px;padding:41px 40px 0 40px;background:url(/image/common/popup/popBg1.gif) no-repeat;}
.POPLAYER .popBox h3{display:none;}
.POPLAYER .popBox h4{height:37px;padding:8px 0 0 10px;margin:0;background:url(/image/common/popup/popTitBg.gif) 0 0 no-repeat;}
.POPLAYER .popBox p.popCnt{height:85px;margin-top:40px;text-align:center;}
.POPLAYER .popBox p.popCntBox{height:43px;padding-top:7px;margin:28px 0 44px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
.POPLAYER .popBox p.popCntBox strong{color:#ff7a00;}
.POPLAYER .popBox p.idCheckResulte{margin:25px 0 15px 0;text-align:center;}
.POPLAYER .popBox p.idCheckResulte strong{color:#ff7a00;}
.POPLAYER .popBox p.popDraw{margin:20px 0;text-align:center;}
.POPLAYER .popBox p.popDraw strong{display:block;margin-top:25px;}
.POPLAYER .popBox p.letterOk{margin:18px 0 12px 0;text-align:center;}
.POPLAYER .popBox div.letterOkBox{height:60px;padding-top:8px;text-align:center;color:#555;margin-bottom:13px;background:url(/image/common/popup/popBoxBg2.gif) no-repeat;}
.POPLAYER .popBox div.letterOkBox strong{color:#ff7a00;}
.POPLAYER .popBox p.letterCheck{height:40px;margin:24px 0 13px 0;padding:6px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
.POPLAYER .popBox p.letterCheck strong{color:#ff7a00;}
.POPLAYER .popBox p.letterNotice{margin-bottom:20px;text-align:center;}
.POPLAYER .popBox p.modifyTxt{margin:20px 0 15px 0;text-align:center;}
.POPLAYER .popBox ul.modifyResulte{height:42px;padding:8px 0 0 35px;margin-bottom:20px;background:#f4f4f4;border:1px solid #e6e6e6;}
.POPLAYER .popBox fieldset.idCheck{height:55px;padding:10px 0 0 0;margin-bottom:10px;text-align:center;background:url(/image/common/popup/popBoxBg1.gif) no-repeat;}
.POPLAYER .popBox fieldset.idCheck label{display:block;}
.POPLAYER .popBox fieldset.idCheck input.text{width:100px;}
.POPLAYER .popBox fieldset.delPwd{height:32px;padding-top:10px;margin:40px 0;text-align:center;background:#f4f4f4;border:1px solid #e6e6e6;}
.POPLAYER .popBox fieldset.delPwd label{padding-right:5px;}
.POPLAYER .popBox p.popBtn{text-align:center;}

.POPLAYER .nameFalse{width:270px;height:471px;padding:41px 40px 0 40px;background:url(/image/common/popup/popBg2.gif) no-repeat;}
.POPLAYER .nameFalse p.nameNotice{margin:24px 0 25px 0;text-align:center;}
.POPLAYER .nameFalse div.nameLink{height:160px;padding:10px 13px;margin-bottom:20px;font-size:0.9em;line-height:150%;background:#f4f4f4;border:1px solid #e6e6e6;}
.POPLAYER .nameFalse div.nameLink p{color:#fc7800;padding-bottom:10px;}
.POPLAYER .nameFalse div.nameLink dl dt{color:#555;}
.POPLAYER .nameFalse div.nameLink dl dd{padding-left:10px;}

.POPLAYER .letterModify{position:absolute;left:106px;top:292px;z-index:11; width:360px;height:280px;padding:41px 40px 0 40px;background:url(/image/common/popup/popBg3.gif) no-repeat;}
.POPLAYER .letterModify p.modifyNotice{margin:24px 0 11px 0;}
.POPLAYER .letterModify fieldset{line-height:200%;padding:5px;margin-bottom:19px;background:#f4f4f4;border:1px solid #e6e6e6;}
.POPLAYER .letterModify fieldset label{width:80px;float:left;clear:both;display:block;color:#555;}
.POPLAYER .letterModify fieldset input.text{width:75px;}
.POPLAYER .letterModify fieldset input.type1{width:50px;}
.POPLAYER .letterModify fieldset select.select{width:90px;}
.POPLAYER .letterModify p{margin-top:10px;}



/*POPUPCLASS_20080912Γί°‘*/
.POPUPCLASS{position:absolute;left:0;top:313px;z-index:6;width:930px;height:1px;}
.POPUPCLASS .eventBox{margin:0 auto;width:407px;height:362px;border-bottom:1px solid #858585;border-right:1px solid #858585;background:url(/image/event/popup/popBg1.gif) ;}
.POPUPCLASS .eventBox .eventCNT{padding:5px 5px 0 5px;}
.POPUPCLASS .eventBox .cookieCheck span{display:block;}
.POPUPCLASS .eventBox .cookieCheck span.dayCheck{float:left;padding-left:5px;}
.POPUPCLASS .eventBox .cookieCheck span.dayCheck input{vertical-align:top;}
.POPUPCLASS .eventBox .cookieCheck span.dayCheck label img{margin-top:3px;}
.POPUPCLASS .eventBox .cookieCheck span.popClose{float:right;margin:5px 10px 0 0;}

.cntSpace1 {margin-top: 10px;}
.cntSpace2 {margin-top: 20px;}
.cntSpace3 {margin-top: 30px;}
.cntSpace4 {margin-top: 40px;}