@import "layout.css";

/* ==============================================================================================
* ±âº»ÅÂ±× ÀçÁ¤ÀÇ
* ==============================================================================================*/

body{margin:0px; font-size:12px; font-family:Dotum,'µ¸¿ò',Arial;color:#333; background:url(../images/common/bg.gif) repeat-x;}

img{ border:0;}

p, div, span, form, table, ul, li, input, select{font-size:12px; font-family:Dotum,'µ¸¿ò',Arial;}
ul{list-style:none;margin:0;padding:0;}


p{margin:5px;}
/*
input[type=text], input[type=password],input[type=file] {background:#f9f9f9; border:#e6e6e6 1px solid;}
input[type=button],input[type=submit]{border:0px; color:#444; cursor:hand;font-size:11px;font-weight:bold;}
input[disabled],select[disabled]{background:#c9c9c9;}
textarea{color:#5A5A5A;font-size:12px;letter-spacing:-1px;background:#f9f9f9; border:#e6e6e6 1px solid; }
select{color:#5A5A5A;font-size:12px;letter-spacing:-1px;background:#f9f9f9; border:#e6e6e6 1px solid;}
*/
table{border-collapse:collapse;}
th{font-weight:bold;}
 
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h4{float:left; width:100%; height:15px; margin:15px 0 10px 0;}
h5{float:left; width:100%; font-size:12px;height:15px; margin:5px 0;}

/* ¸µÅ© ½ºÅ¸ÀÏ */
a:link {color:#5A5A5A;text-decoration:none;}
a:visited {color:#5A5A5A;text-decoration:none;}
a:hover {color:#1898e1;text-decoration:none;}
a:active {color:#5A5A5A;text-decoration:none;}

dt{margin:0;}
dd{margin:0;display:inline;}

/*Ç÷ÎÆ® */
.floatL{float:left; margin:0; padding:0;}
.floatR{float:right; margin:0; padding:0;}

/*Ç÷ÎÆÃÇØÁ¦ */
.clear{clear:both;}

/* °¡¿îµ¥ Á¤·Ä */
.alignC{position:relative; left:50%;} /* margin-left°ªÀ¸·Î °´Ã¼ÀÇ ¹Ý°ªÀ» Àû¿ëÇØ¾ß ÇÕ´Ï´Ù */

/* show hide */
.show{display:block !important;}
.hide{display:none !important;}

/*------³ÐÀÌ--------*/
.w95{width:95% !important;}
.w94{width:94% !important;}
.w90{width:90% !important;}
.w85{width:85% !important;}
.w50{width:50% !important;}

/* Áß°£ ±¸ºÐ¼± */
.hline{border-bottom:#e5e5e5 1px solid; margin:20px 0;}

/* ±Û¾¾ bold */
.B{font-weight:bold;}

/* ==============================================================================================
* Å׵θ® ½ºÅ¸ÀÏ
* ==============================================================================================*/

/*Å׵θ®*/
.Bred{ border:red 1px solid;}
.Bgreen{ border:#339933 1px solid;}
.Borange{ border:#ff5a00 1px solid;}
.Byellow{ border:#ffff00 1px solid;}
.Bblue{ border:#0f57b9 1px solid;}
.Bgray{ border:#959595 1px solid;}
.BlightGray{ border:#cfcfcf 1px solid;}
.BdarkGray{ border:#333333 1px solid;}

/* ==============================================================================================
* ÅؽºÆ® ½ºÅ¸ÀÏ
* ==============================================================================================*/

/* ÅؽºÆ®»ö»ó */
.txt0 {color:#000000 !important;}
.txt10 {color:#1a1a1a !important;}
.txt20{color:#333 !important;}
.txt30 {color:#4d4d4d !important;}
.txt40 {color:#666 !important;}
.txt50 {color:#808080 !important;}
.txt60 {color:#999 !important;}
.txt70 {color:#b3b3b3 !important;}
.txt80 {color:#ccc !important;}
.txt90 {color:#e5e5e5 !important;}
.txt100 {color:#FFFFFF !important;}

.Tyellow {color:#ffff00 !important;}
.Tgreen {color:#339933 !important;}
.Torange {color:#ff5a00 !important;}
.Tblue {color:#0f57b9 !important;}
.Tred {color:#E02001 !important;}

/*ÅؽºÆ®Å©±â */
.T0 {font-size:0; line-height:0;}
.T11{font-size:11px;}
.T12{font-size:12px;}
.T13{font-size:13px;}
.T14{font-size:14px;}
.T15{font-size:15px;}


/* Á¤·Ä */
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtT, .txtT * {vertical-align:top !important;}
.txtM, .txtM * {vertical-align:middle !important;}
.txtB, .txtB * {vertical-align:bottom !important;}
.txtTB {vertical-align:text-bottom !important;}

/* ÆùÆ®½ºÅ¸ÀÏ */
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}

/* ÀÚ°£ */
.space{letter-spacing:-1px;}

/* ÁÙ°£°Ý */
.lineH14{line-height:14px;}
.lineH18{line-height:18px;}


/* ==============================================================================================
* ¹è°æ»ö
* ==============================================================================================*/
.noBg{background:none !important;}
.bgWhite{background:#FFF;}
.bgGreen{background:#4a9815;}
.bgLightgreen{background:#9fde73;}
.bgGray{background:#f6f6f6;}
.bgDarkgray{background:#e6e6e6;}
.bgOrange{background:#ff5a00;}

/* ==============================================================================================
* Ä¿¼­ ½ºÅ¸ÀÏ
* ==============================================================================================*/

.hand{cursor:hand !important;}

/* ==============================================================================================
* Å×ÀÌºí ½ºÅ¸ÀÏ
* ==============================================================================================*/

table.noBorder th,table.noBorder td{border:0px !important;} /* Å׵θ®ÇØÁ¦ */

/* ==============================================================================================
* ÀԷ¾ç½Ä ½ºÅ¸ÀÏ
* ==============================================================================================*/
input.bgWhite{background:#FFF;}
select.bgWhite{background:#FFF;}
textarea.bgWhite{background:#FFF;}

/* ==============================================================================================
* ¹öÆ° ½ºÅ¸ÀÏ
* ==============================================================================================*/

/*±âº» ¹öÆ° */
input.btn0 { width:40px;height:20px;background:url(/images/common/btn_white0.gif);}
input.btn1 { width:60px;height:20px;background:url(/images/common/btn_white1.gif);}
input.btn2 { width:80px;height:20px;background:url(/images/common/btn_white2.gif);}
input.btn3 { width:100px;height:20px;background:url(/images/common/btn_white3.gif);}
input.btn4 { width:120px;height:20px;background:url(/images/common/btn_white4.gif);}
input.btn5 { width:140px;height:20px;background:url(/images/common/btn_white5.gif); }
input.btn6 { width:160px;height:20px;background:url(/images/common/btn_white6.gif);}
input.btn7 { width:180px;height:20px;background:url(/images/common/btn_white7.gif);font-weight:normal; letter-spacing:-1px;}

/*±âº» ȸ»ö¹öÆ° */
input.btn_gray0 { width:40px;height:20px;background:url(/images/common/btn_gray0.gif); color:#EEE;}
input.btn_gray1 { width:60px;height:20px;background:url(/images/common/btn_gray1.gif); color:#EEE;}
input.btn_gray2 { width:80px;height:20px;background:url(/images/common/btn_gray2.gif);color:#EEE;}
input.btn_gray3 { width:100px;height:20px;background:url(/images/common/btn_gray3.gif);color:#EEE;}
input.btn_gray4 { width:120px;height:20px;background:url(/images/common/btn_gray4.gif);color:#EEE;}
input.btn_gray5 { width:140px;height:20px;background:url(/images/common/btn_gray5.gif); color:#EEE;}
input.btn_gray6 { width:160px;height:20px;background:url(/images/common/btn_gray6.gif);color:#EEE;}
input.btn_gray7 { width:180px;height:20px;background:url(/images/common/btn_gray7.gif);color:#EEE;}

/* °¡Àå Å« µÕ±Ù ¹öÆ° */

input.btn_grayS { width:116px;height:38px;background:url(/images/common/btn_grayS.gif); font-size:12px; }
input.btn_greenS { width:116px;height:38px;background:url(/images/common/btn_greenS.gif);font-size:12px; }
input.btn_orangeS { width:116px;height:38px;background:url(/images/common/btn_orangeS.gif);font-size:12px;}

/* °¡Àå Å« µÕ±Ù ¹öÆ° */

input.btn_grayL { width:156px;height:38px;background:url(/images/common/btn_grayL.gif) no-repeat; font-size:12px;  }
input.btn_greenL { width:156px;height:38px;background:url(/images/common/btn_greenL.gif) no-repeat;font-size:12px;  }
input.btn_orangeL { width:156px;height:38px;background:url(/images/common/btn_orangeL.gif) no-repeat;font-size:12px; }

/* °¡Àå Å« µÕ±Ù ¹öÆ° */
input.btn_grayXL { width:206px;height:38px;background:url(/images/common/btn_grayXL.gif) no-repeat; font-size:12px;  }
input.btn_greenXL { width:206px;height:38px;background:url(/images/common/btn_greenXL.gif) no-repeat;font-size:12px;  }
input.btn_orangeXL { width:206px;height:38px;background:url(/images/common/btn_orangeXL.gif) no-repeat;font-size:12px; }

/* ==============================================================================================
* ¿©¹é - margin & padding
* ==============================================================================================*/

/* margin */
.mXl {margin:20px !important;}
.mL {margin:15px !important;}
.mM {margin:10px !important;}
.mS {margin:5px !important;}
.m0 {margin:0px !important;}


.mTxl {margin-top:20px !important;}
.mTl {margin-top:15px !important;}
.mTm {margin-top:10px !important;}
.mTs {margin-top:5px !important;}

.mRxl {margin-right:20px !important;}
.mRl {margin-right:15px !important;}
.mRm {margin-right:10px !important;}
.mRs {margin-right:5px !important;}

.mBxl {margin-bottom:20px !important;}
.mBl {margin-bottom:15px !important;}
.mBm {margin-bottom:10px !important;}
.mBs {margin-bottom:5px !important;}

.mLxl {margin-left:20px !important;}
.mLl {margin-left:15px !important;}
.mLm {margin-left:10px !important;}
.mLs {margin-left:5px !important;}


/* padding */
.pXl {padding:20px !important;}
.pL {padding:15px !important;}
.pM {padding:10px !important;}
.pS {padding:5px !important;}
.p0 {padding:0px !important;}

.pTxl {padding-top:20px !important;}
.pTl {padding-top:15px !important;}
.pTm {padding-top:10px !important;}
.pTs {padding-top:5px !important;}
.pT0 {padding-top:0px !important;}

.pRxl {padding-right:20px !important;}
.pRl {padding-right:15px !important;}
.pRm {padding-right:10px !important;}
.pRs {padding-right:5px !important;}
.pR0 {padding-right:0px !important;}

.pBxl {padding-bottom:20px !important;}
.pBl {padding-bottom:15px !important;}
.pBm {padding-bottom:10px !important;}
.pBs {padding-bottom:5px !important;}
.pB0 {padding-bottom:0px !important;}

.pLxl {padding-left:20px !important;}
.pLl {padding-left:15px !important;}
.pLm {padding-left:10px !important;}
.pLs {padding-left:5px !important;}
.pL0 {padding-left:0px !important;}

/* ==============================================================================================
* Å׵θ®
* ==============================================================================================*/

.border {border:#E5E5E5 1px solid;}
.lineL{ border-left:#e6e6e6 1px solid;}
.lineR{ border-right:#e6e6e6 1px solid;}
.lineB{ border-bottom:#e6e6e6 1px solid;}
.lineT{ border-top:#e6e6e6 1px solid;}
.noline{border:none !important;background:none !important;}

.dash {border:#E5E5E5 1px dashed;}
.dashL{ border-left:#e6e6e6 1px dashed;}
.dashR{ border-right:#e6e6e6 1px dashed;}
.dashB{ border-bottom:#e6e6e6 1px dashed;}
.dashT{ border-top:#e6e6e6 1px dashed;}

.dot {border:#E5E5E5 1px dotted;}
.dotL{ border-left:#e6e6e6 1px dotted;}
.dotR{ border-right:#e6e6e6 1px dotted;}
.dotB{ border-bottom:#e6e6e6 1px dotted;}
.dotT{ border-top:#e6e6e6 1px dotted;}

/* ==============================================================================================
* Èò»ö¸¶½ºÅ© µÕ±Ù»ç°¢Çü
* ==============================================================================================*/
.roundBox{padding:0px;}
.roundBox .box_top {position:relative;width:100%; height:10px; }
.roundBox .box_tl {position:absolute;top:0px;left:0px;display:block;width:10px;height:10px;background:url(/images/common/round_TL.png) no-repeat;font-size:0}
.roundBox .box_tr {position:absolute;top:0px;left:-10px;margin-left:100%;display:block;width:10px;height:10px;background:url(/images/common/round_TR.png) right top no-repeat;font-size:0}
.roundBox .box_bl {position:absolute;top:0px;left:0px;display:block;width:10px;height:10px;background:url(/images/common/round_BL.png) left bottom no-repeat;font-size:0}
.roundBox .box_br {position:absolute;top:0px;left:-10px;margin-left:100%;display:block;width:10px;height:10px;background:url(/images/common/round_BR.png) right bottom no-repeat;font-size:0}
.roundBox .box_contents {}
.roundBox .box_bottom {position:relative;width:100%; height:10px;}

/* ==============================================================================================
* ȸ»ö¸¶½ºÅ© µÕ±Ù»ç°¢Çü
* ==============================================================================================*/
.roundGray{padding:0px;}
.roundGray .box_top {position:relative;width:100%; height:10px; }
.roundGray .box_tl {position:absolute;top:0px;left:0px;display:block;width:10px;height:10px;background:url(/images/common/roundG_TL.png) no-repeat;font-size:0}
.roundGray .box_tr {position:absolute;top:0px;left:-10px;margin-left:100%;display:block;width:10px;height:10px;background:url(/images/common/roundG_TR.png) right top no-repeat;font-size:0}
.roundGray .box_bl {position:absolute;top:0px;left:0px;display:block;width:10px;height:10px;background:url(/images/common/roundG_BL.png) left bottom no-repeat;font-size:0}
.roundGray .box_br {position:absolute;top:0px;left:-10px;margin-left:100%;display:block;width:10px;height:10px;background:url(/images/common/roundG_BR.png) right bottom no-repeat;font-size:0}
.roundGray .box_contents {}
.roundGray .box_bottom {position:relative;width:100%; height:10px;}

/* ==============================================================================================
* Èò»ö¹è°æ Å׵θ® µÕ±Ù»ç°¢Çü
* ==============================================================================================*/
#borderRound{padding:0px;}
#borderRound .box_top {position:relative;width:100%; height:9px; background:#FFF;}
#borderRound .box_tl {position:absolute;top:-1px;left:0px;display:block;width:10px;height:10px;background:url(/images/common/border_roundTL.gif) no-repeat;font-size:0}
#borderRound .box_tr {position:absolute;top:-1px;left:-10px;margin-left:100%;display:block;width:10px;height:10px;background:url(/images/common/border_roundTR.gif) right top no-repeat;font-size:0}
#borderRound .box_bl {position:absolute;top:0px;left:0px;display:block;width:10px;height:10px;background:url(/images/common/border_roundBL.gif) left bottom no-repeat;font-size:0}
#borderRound .box_br {position:absolute;top:0px;left:-10px;margin-left:100%;display:block;width:10px;height:10px;background:url(/images/common/border_roundBR.gif) right bottom no-repeat;font-size:0}
#borderRound .box_contents {background:#FFF;}
#borderRound .box_bottom {position:relative;width:100%; height:9px;background:#FFF;}

/* ==============================================================================================
* ȸ»ö¹è°æ Å׵θ® µÕ±Ù»ç°¢Çü
* ==============================================================================================*/
.borderRoundG {padding:0px;}
.borderRoundG .box_top {position:relative;width:100%; height:9px; background:#f6f6f6; border-top:#e6e6e6 1px solid;}
.borderRoundG .box_tl {position:absolute;top:-1px;left:0px;display:block;width:10px;height:10px;background:url(/images/common/borderG_roundTL.gif) no-repeat;font-size:0}
.borderRoundG .box_tr {position:absolute;top:-1px;left:-10px;margin-left:100%;display:block;width:10px;height:10px;background:url(/images/common/borderG_roundTR.gif) right top no-repeat;font-size:0}
.borderRoundG .box_bl {position:absolute;top:0px;left:0px;display:block;width:10px;height:10px;background:url(/images/common/borderG_roundBL.gif) left bottom no-repeat;font-size:0}
.borderRoundG .box_br {position:absolute;top:0px;left:-10px;margin-left:100%;display:block;width:10px;height:10px;background:url(/images/common/borderG_roundBR.gif) right bottom no-repeat;font-size:0}
.borderRoundG .box_contents {background:#f6f6f6;border-left:#e6e6e6 1px solid;border-right:#e6e6e6 1px solid;}
.borderRoundG .box_bottom {position:relative;width:100%; height:9px;background:#f6f6f6;border-bottom:#e6e6e6 1px solid;}

/* ==============================================================================================
* ÀÌÁߵձٻ簢Çü
* ==============================================================================================*/
.twoRound{padding:0px;background:url(/images/common/double_roundRbg.gif) repeat-y right;}
.twoRound .box_top {position:relative;width:100%; height:12px;background:url(/images/common/double_roundTbg.gif); }
.twoRound .box_tl {position:absolute;top:0px;left:0px;display:block;width:12px;height:12px;background:url(/images/common/double_roundTL.gif) no-repeat;font-size:0}
.twoRound .box_tr {position:absolute;top:0px;left:-12px;margin-left:100%;display:block;width:12px;height:12px;background:url(/images/common/double_roundTR.gif) right top no-repeat;font-size:0}
.twoRound .box_bl {position:absolute;top:0px;left:0px;display:block;width:12px;height:12px;background:url(/images/common/double_roundBL.gif) left bottom no-repeat;font-size:0}
.twoRound .box_br {position:absolute;top:0px;left:-12px;margin-left:100%;display:block;width:12px;height:12px;background:url(/images/common/double_roundBR.gif) right bottom no-repeat;font-size:0}
.twoRound .box_contents {background:url(/images/common/double_roundLbg.gif) repeat-y;}
.twoRound .box_bottom {position:relative;width:100%; height:12px;background:url(/images/common/double_roundBbg.gif);}