@charset "utf-8";
/* ----------
css
---------- */


/* common */
.projects {width:100%;border-top:1px solid #ddd; line-height:1.4em;}
.projects th {padding:10px; border-bottom:1px solid #333; line-height:1.4em; background:#f6f6f6; text-align:left; font-size:12px;}
.projects td {padding:10px; border-bottom:1px solid #ddd; text-align:left; font-size:12px;}
.projects_em {color:#1068b2;}

.projects-tab {width:100%; height:90px;}
.projects-tab li { float:left; width:150px; height:40px; line-height:40px; padding-left:10px; margin-right:5px; margin-bottom:5px;}
.projects-tab .on { background:url(../images/content/tab_on.gif) no-repeat; color:#fff; font-weight:600; }
.projects-tab .off { background:url(../images/content/tab_off.gif) no-repeat; color:#fff; font-weight:600; }


/* UTIL - 간격 */
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt100 {margin-top:100px !important}


/* UTIL - 정렬 */
.tc {text-align:center !important}
.tr {text-align:right}
.tl {text-align:left !important}
.fl {float:left}
.fr {float:right}


/* UTIL - Input Box */
.ib15 {width:15px}
.ib25 {width:25px}
.ib30 {width:30px}
.ib40 {width:40px}
.ib50 {width:50px}
.ib75 {width:75px}
.ib80 {width:80px}
.ib110 {width:110px}
.ib150 {width:150px}
.ib160 {width:160px}
.ib170 {width:170px}
.ib200 {width:200px}
.ib250 {width:250px}
.ib300 {width:300px}
.ib370 {width:370px}
.ib400 {width:400px}
.ib500 {width:500px}
.ib550 {width:550px}
.ib600 {width:600px}
.ib700 {width:700px}
.ib750 {width:750px}
.ib800 {width:800px}
.ib800 {width:900px}


/* Button Size */
.button.large {height:35px;background-position:left 0;border-radius:3px;}
.button.middle {background-position:left 0;border-radius:3px;}
.button.xLarge {height:43px;background-position:left 0;border-radius:3px;}
.button.small {height:24px;background-size:auto 24px;border-radius:3px;}
.button.ok {height:73px;background-position:left 0;border-radius:3px;}

.button a,
.button button,
.button input {height:23px;padding:0 10px 0 8px;font-size:12px;line-height:23px;background-position:right top}

.button.middle a,
.button.middle button,
.button.middle input {height:18px;padding:0 12px 0 8px;font-size:12px;color:#fff;letter-spacing:0px;background-position:right 0; }

.button.large a,
.button.large button,
.button.large input {height:35px;padding:0 60px 0 60px;font-weight:600;font-size:14px;color:#fff;line-height:33px;letter-spacing:0px;background-position:right 0;}

.button.xLarge a,
.button.xLarge button,
.button.xLarge input {height:43px;padding:0 22px 0 20px;font-size:18px;line-height:40px;letter-spacing:0px;background-position:right 0}

.button.small a,
.button.small button,
.button.small input {height:24px;padding:0 8px 0 6px;font-size:12px;line-height:24px;background-position:right 0}

.button.ok a,
.button.ok button,
.button.ok input {padding:20px 28px 19px 28px;font-size:14px;background-position:left 0px; text-align:center }


/* Button Reset */
.button,
.button a,
.button button,
.button input {position:relative;margin:0;display:-moz-inline-stack;display:inline-block;text-decoration:none !important;border:0;font-size:12px;white-space:nowrap;background:url(../images/btn_middle_blackBg.html) no-repeat;background-size:cover;overflow:visible;color:#fff}
.button {height:23px;padding:0;vertical-align:middle;margin-right:2px;background-position:left top}
.button a,
.button button,
.button input{left:0px;vertical-align:top;cursor:pointer}


/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{color:#ccc}
.button.white,
.button.white a,
.button.white button,
.button.white input {background-image:url(../../images/common/btn_middle_whiteBg.html);color:#333;border-radius:3px;}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{color:#000}
.button.green,
.button.green a,
.button.green button,
.button.green input {background-image:url(../../images/common/btn_middle_greenBg.png);color:#fff;border-radius:3px;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{color:#fff}

.button.red,
.button.red a,
.button.red button,
.button.red input {background-image:url(../../image/commons/btn_redBg.html);color:#fff;border-radius:3px;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{color:#ff0}

.button.blue,
.button.blue a,
.button.blue button,
.button.blue input {background-image:url(../../images/common/btn_blueBg.png);color:#fff;border-radius:3px;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{color:#fff}

.button.skyblue,
.button.skyblue a,
.button.skyblue button,
.button.skyblue input {font-weight:bold;background-image:url(../../images/common/btn_skyblueBg.html);color:#fff;border-radius:3px;}
.button.skyblue *:hover,
.button.skyblue *:active,
.button.skyblue *:focus{color:#baf1ff}

.button.gray,
.button.gray a,
.button.gray button,
.button.gray input {letter-spacing:0px;background-image:url(../../images/common/btn_glayBg.png);color:#fff;border-radius:3px;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{color:#fff}

.button.black,
.button.black a,
.button.black button,
.button.black input {letter-spacing:0px;background-image:url(../../images/common/btn_blackBg.png);color:#fff;border-radius:3px;}
.button.black *:hover,
.button.black*:active,
.button.black *:focus{color:#fff}

.button.ok,
.button.ok a,
.button.ok button,
.button.ok input {letter-spacing:0px;background-image:url(../../images/common/ok.html);color:#fff;border-radius:3px;}
.button.ok *:hover,
.button.ok*:active,
.button.ok *:focus{color:#fff}


/* Button Text Strong */
.button.strong * {font-weight:bold !important}