@charset="utf-8";
@import "fonts.css";

/* Reset CSS 
 * --------------------------------------- */
 html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
	height:100%;
	margin:0;
	padding:0;	
}

 * {margin:0; padding:0; box-sizing:border-box;  font-family: 'Spoqa Han Sans', sans-serif;letter-spacing:-0.5px;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {   
    margin: 0;
    padding: 0;
}
fieldset {border:none;}
legend {display:none;}
label {display:inline;}
caption, legend, label {visibility:hidden; position:absolute; left:-9999em; width:0px; height:0px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em;}
caption {line-height:0; font-size:0; display:none;}

table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}

strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Spoqa Han Sans', sans-serif;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#333;
}

h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;}

/*font color*/
.col_black {color:#121212 !important}
.col_red2 {color:#d90000 !important;}
.col_blue2 {color:#5968cd !important;}
.col_grn {color:#1ca72c !important;}
.col_orange {float:left; background-color:#ff6900; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_blue {float:left; background-color:#006ce5; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_blue2 {color:#5b68ce;}
.col_purple {float:left; background-color:#dc1061; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_green {float:left; background-color:#28ad04; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_sky {float:left; background-color:#04d3f4; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_yellow {float:left; background-color:#ffe400; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_brown {float:left; background-color:#d08106; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_purple2 {float:left; background-color:#5F00FF; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_pink {float:left; background-color:#F15F5F; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}
.col_gray {float:left; background-color:#8C8C8C; border:1px solid #000000; width:15px; height:15px; text-align:center; margin:0 0 0 9px;}

.em_red { color: #d92403; margin: 0 6px 0 -12px;}
/* input & select style*/
select {color:#585858; font-size:14px; font-family:"�������",Malgun Gothic, sans-serif; vertical-align:middle; border:1px solid #c7c9cc; height:28px; padding:0 0 0 2px; border-radius:2px;}
input {color:#585858; font-size:14px; font-family:"�������",Malgun Gothic, sans-serif; vertical-align:middle; border:1px solid #c7c9cc; height:28px; padding:0 0 0 2px; border-radius:2px;}


/* input-style */
.input120 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:120px}
.input150 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:150px}
.input5 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:5%}
.input10 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:10%}
.input20 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:20%}
.input30 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:30px}
.input40 {color:#5a5d5d; font-size:1em; vertical-align:middle; border:1px solid #c7c9cc; height:24px; padding:0 0 0 2px; border-radius:2px; background-color:#ffffff !important;}
.input50 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:50px}
.input65 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:65px}
.input70 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:70%}
.input80 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:80%}
.input90 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:90%}
.input300 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:300px}
.input100 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:99%}
.textarea100 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:99%; height:363px;}
.textarea70 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:99%; height:263px;font-size:12px;color:#666;text-align:justify}
.textarea50 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:99%; height:120px}
.textarea30 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:99%; height:50px}
.file100 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:100%}
.file50 {border:1px solid #cccccc; padding:1px 0 4px 4px; width:50%}

/* a style */
a {color:#434343;text-decoration:none;}
a:hover, a:active {color:#283894; text-decoration:none;}

/* skip */
#skipNav {position:absolute; overflow:hidden; height:0; width:0; font-size:0;  line-height: 0;visibility:hidden !important;}
.skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden !important;}

/* hidden-style */
.hidden {visibility:hidden; position:absolute; text-indent:-50000px; height:0px; width:0px; overflow:hidden; padding:0; margin:0; font-size:0; line-height:0;}

/* Layout */
#accessibility {overflow:hidden;position:relative;width:100%;z-index:1000}
#accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

/* float-style  */
.fl {float:left;}
.fr {float:right;}
.clearfix {clear:both; display:block; height:0; font-size:0;}

/* font-size */
.font12 {font-size:12px !important;}
.font14 {font-size:14px !important;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px !important;}
.font20 {font-size:20px !important;}
.font30 {font-size:30px !important;}

/* text align-style */
.alignL {text-align:left !important;}
.alignR {text-align:right !important;}
.alignC {text-align:center !important;}

/* bgcolor */
.cr_pf {background:#ebdfff !important;}
.nobg {background:none !important;}
.white_bg01 {background:#ffffff !important;}
.white_bg02 {background:#f9fafc !important;}

/* ��ư ���� */
.btn_fr {float:right;}
.btn_fl {float:left;}

/* ���� ���� */
.ls01 {letter-spacing:-0.1em !important;}
.ls01_5 {letter-spacing:-0.15em !important;}
.ls02 {letter-spacing:-0.2em !important;}
.ls02_5 {letter-spacing:-0.25em !important;}
.ls03 {letter-spacing:-0.3em !important;}

/*button Reset */
button {position:relative; margin:0 0 0 0;  padding:0px 6px 0px 6px; font-weight:400; display:inline-block; vertical-align:bottom; cursor:pointer; min-width:20px; min-height:26px; border-radius:2px; border:0; background:none; font-family:"NanumGothic","Nanum Gothic","MalgunGothic","Malgun Gothic","Dotum","Verdana"; box-sizing:border-box;}
.button {position:relative; margin:0 0 0 0; padding:0; border:0; background:none; font-family:"NanumGothic","Nanum Gothic","MalgunGothic","Malgun Gothic","Dotum","Verdana"; box-sizing:border-box;}
.button a {position:relative; margin:0px 0 0 0; padding:0px 9px 0px 7px; display:inline-block; vertical-align:bottom; min-height:26px; border-radius:2px;}
.button input {position:relative; margin:0px 0 0 0; padding:1px 7px 3px 7px; border:none; background:none; cursor:pointer; vertical-align:bottom; min-height:28px; border-radius:2px;}
.button_txt {position:relative; margin:0 0 0 0;  padding:0px 9px 0px 7px; display:inline-block; vertical-align:bottom; min-width:50px; min-height:26px; border-radius:2px; border:0; background:none; font-family:"Spoqa Han Sans","NanumGothic","Nanum Gothic","MalgunGothic","Malgun Gothic","Dotum","Verdana"; box-sizing:border-box;}

li .button a {position:relative; padding:5px 20px 5px 20px; display:inline-block;}
p .button a {position:relative; padding:2px 20px 3px 20px; display:inline-block;}

/* button Size */
.small a {position:relative; margin:0px 0 0 0; padding:0px 7px 0px 5px; display:inline-block; vertical-align:bottom; line-height:24px !important; min-height:18px !important; font-size:13px !important; border-radius:2px;}
.small input {position:relative; margin:0px 0 0 0; padding:1px 5px 1px 5px; border:none; background:none; cursor:pointer; vertical-align:bottom; min-height:24px !important; font-size:13px !important; border-radius:2px;}
.small_txt {position:relative; margin:0px 0 0 0; padding:0px 7px 0px 5px; display:inline-block; vertical-align:bottom; line-height:24px !important; min-height:18px !important; font-size:13px !important; border-radius:2px;}

.large a {position:relative; margin:0px 0 0 0; padding:0px 17px 0px 15px !important; display:inline-block; vertical-align:bottom; line-height:30px !important; min-height:30px !important; font-size:16px !important; border-radius:2px;}
.large input {position:relative; margin:0px 0 0 0; padding:1px 14px 1px 14px !important; border:none; background:none; cursor:pointer; vertical-align:bottom; min-height:32px !important; font-size:16px !important; border-radius:2px;}

.xlarge a {position:relative; margin:0px 0 0 0; padding:7px 18px 7px 16px !important; display:inline-block; vertical-align:bottom; line-height:32px !important; min-height:32px !important; font-size:20px !important; border-radius:2px;}
.xlarge input {position:relative; margin:0px 0 0 0; padding:8px 16px 8px 16px !important; border:none; background:none; cursor:pointer; vertical-align:bottom; min-height:46px !important; font-size:20px !important; border-radius:2px;}

.xlarge_down a {position:relative; margin:0px 0 0 0; padding:13px 58px 13px 58px !important; display:inline-block; vertical-align:bottom; line-height:32px !important; min-height:32px !important; font-size:20px !important; border-radius:5px;}

.sale_xlarge a {position:relative; margin:0px 0 0 0; padding:7px 29px 7px 47px !important; display:inline-block; vertical-align:bottom; line-height:32px !important; min-height:32px !important; font-size:18px !important; border-radius:4px;}
.sale_xlarge input {position:relative; margin:0px 0 0 0; padding:8px 25px 8px 44px !important; border:none; background:none; cursor:pointer; vertical-align:bottom; min-height:43px !important; font-size:18px !important; border-radius:4px;}

/* button color */
.button.gray,
.button.gray a,
.button.gray input {background-color:#6a747c; color:#fff;}
.button.gray button {border:1px solid #5d6976; background-color:#6a747c; color:#fff;}
.button.gray a {border:1px solid #5d6976;}
.button.gray input {border:1px solid #5d6976;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus {color:#ff0 !important;}

.button.blue,
.button.blue a,
.button.blue button,
.button.blue input {background-color:#2476c2; color:#fff;}
.button.blue a {border:1px solid #1761a6;}
.button.blue input {border:1px solid #1761a6;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus {color:#ff0 !important;}

/*�Խ��� table board*/
.board {position:relative;overflow:hidden;width:100%;margin-bottom:10px}
.board table { width:100%; border-top:2px solid #505e79; border-bottom:1px solid #505e79; border-collapse:collapse; }
.board table tr th, .board table tr td {border-bottom:1px solid #ddd ;font-size:16px;}
.board table tr th {padding:12px 0; border-top:1px solid #ddd; background:#f9f9f9; text-align:center;color:#505e79; font-weight:600;}
.board table tr td {padding:10px 7px; color:#434343;font-weight:normal;text-align:center }

/* �Խ��� ����  */
div.board_text {position:relative; width:100%; height:50px;min-width:320px;font-size:15px}

/* �Խ��� ����¡ */
div.page {position:relative; margin:15px 0;padding:0 0 10px 0; text-align:center; display:inline-block; width:100%; font-size:12px; min-width:320px; background-color:#f9fafb; line-height:60px; height:60px;}
div.page a:hover span.off {color:#ffffff; background-color:#6a747c; border:1px solid #525d66; border-radius:2px;}
div.page a span.off {text-decoration:none; background-color:#ffffff; padding:5px 12px 6px 12px; border:1px solid #c7c9cc; box-sizing:border-box; border-radius:2px;}
div.page a span.on {color:#ffffff; text-decoration:none; font-weight: bold; background-color:#6a747c; padding:5px 12px 6px 12px; border:1px solid #6a747c; box-sizing:border-box; border-radius:2px; text-decoration:underline;}
div.page a img {vertical-align:middle; margin:-3px 0 0 0;}
div.page2 {position:relative; margin:15px 0;padding:0 0 10px 0; text-align:center; display:inline-block; width:100%; font-size:12px; min-width:320px; height:60px;}
div.page2 a:hover span.off {color:#ffffff; background-color:#6a747c; border:1px solid #525d66; border-radius:2px;}
div.page2 a span.off {text-decoration:none; background-color:#ffffff; padding:5px 12px 6px 12px; border:1px solid #c7c9cc; box-sizing:border-box; border-radius:2px;}
div.page2 a span.on {color:#ffffff; text-decoration:none; font-weight: bold; background-color:#6a747c; padding:5px 12px 6px 12px; border:1px solid #6a747c; box-sizing:border-box; border-radius:2px; text-decoration:underline;}
div.page2 a img {vertical-align:middle; margin:-3px 0 0 0;}


table { border-collapse:collapse; }
table td, th { padding:0; margin:0; color:#434343; font-size:15px; word-break:break-all;}


/* �Խ��� ��� */
table.board_list {clear:both; width:100%; margin:7px 0 0 0; border-top:2px solid #505c78; min-width:320px;}
table.board_list tr {}
table.board_list thead th {border-bottom:1px solid #dcdee2; padding:12px 6px 13px 6px; text-align:center;}
table.board_list tbody th {border-bottom:1px solid #dcdee2; padding:11px 6px 11px 6px; text-align:center;}
table.board_list tbody td {border-bottom:1px solid #dcdee2; padding:11px 6px 11px 6px; text-align:center;}
table.board_list th strong, table.board_list td strong a, table.board_list td strong {color:#5b68ce;}
table.board_list thead, table.board_list tfoot {font-weight:normal; color:#525252;}
table.board_list thead th, table.board_list tfoot th {background-color:#ffffff; border-bottom:1px solid #505c78; color:#434343; font-weight:bold; text-align:center; vertical-align:middle;}
table.board_list thead.alt th, table.board_list tfoot.alt th {font-weight:normal;}
table.board_list th {font-weight:normal; text-align:inherit;}
table.board_list thead {font-size:16px;}
table.board_list tbody {text-align:center;}
table.board_list td span {color:#37ade4; margin:0 0 0 5px; font-weight:400;}

/* �Խ��� �� */
table.board_view {width:100%; margin:.5em 0px 10px 0; border-top:2px solid #505c78; word-break:break-all; min-width:320px;}
table.board_view tr {}
table.board_view td.con_text {padding:20px; line-height:24px; max-width:740px;}
table.board_view td.con_text img {max-width:690px;}
table.board_view td span.bd_op01 {float:left; margin:0 39px 0 0;}
table.board_view td span.bd_op02 {float:right; margin:0 0px 0 0;}
table.board_view th, table.board_view td {border-top:1px solid #dcdee2; border-bottom:1px solid #dcdee2; padding:10px 10px 8px 20px;}
table.board_view tbody th, table.board_view tfoot th {background-color:#f9fafc; border-right:1px solid #dcdee2;  color:#434343; font-weight:bold; text-align:left; vertical-align:middle;}
table.board_view tbody.alt th, table.table_2 tfoot.alt th {font-weight:normal;}
table.board_view input {border:1px solid #e6e6e6;}
table.board_view select {border:1px solid #e6e6e6;}
table.board_view textarea {border:1px solid #e6e6e6;}

/* �Խ��� �ۼ� */
table.board_write {width:100%; margin:.5em 0px 10px 0; border-top:2px solid #505c78; word-break:break-all; min-width:320px;}
table.board_write tr {}
table.board_write td.con_text {padding:20px; line-height:24px; max-width:740px;}
table.board_write td.con_text img {max-width:690px;}
table.board_write td span.bd_op01 {float:left; margin:0 39px 0 0;}
table.board_write td span.bd_op02 {float:right; margin:0 0px 0 0;}
table.board_write th, table.board_write td {border-top:1px solid #dcdee2; border-bottom:1px solid #dcdee2; padding:10px 10px 8px 20px;}
table.board_write tbody th, table.board_write tfoot th {background-color:#f9fafc; border-right:1px solid #dcdee2; color: #434343; font-weight:bold; text-align:left; vertical-align:middle;}
table.board_write tbody.alt th, table.table_2 tfoot.alt th {font-weight :normal;}
table.board_write tbody th.br_l {border-left:1px solid #dcdee2;}
table.board_write tbody td.br_l {border-left:1px solid #dcdee2;}
table.board_write tbody td.br_r {border-right:1px solid #dcdee2;}
table.board_write input {border:1px solid #e6e6e6;}
table.board_write select {border:1px solid #e6e6e6;}
table.board_write textarea {border:1px solid #e6e6e6; padding:5px; width:95%; height:180px;}
input.sec_re {height:40px; line-height:40px;}
input.sec_num {background-color:#f4fafd; border:1px solid #c9e6f0 !important; padding:0 0 0 0; width:80px; height:38px; line-height:38px; text-align:center; font-size:20px; font-weight:bold;}
table.board_write td.label_dp label {visibility:visible; margin:0 0 12px 5px; position:relative; left:0; width:auto; height:auto; font-size:14px; line-height:18px; text-indent:0;}
table.board_write td.label_dp input {vertical-align:bottom;}

table.board_write_re {width:100%; margin:.5em 0px 0px 0; border-top:1px solid #e6e6e6; word-break:break-all; min-width:320px;}
table.board_write_re tr {}
table.board_write_re td.con_text {padding:20px; line-height:24px; max-width:740px;}
table.board_write_re td.con_text img {max-width:690px;}
table.board_write_re td span.bd_op01 {float:left; margin:0 39px 0 0;}
table.board_write_re td span.bd_op02 {float:right; margin:0 0px 0 0;}
table.board_write_re th, table.board_write_re td {background-color:#fafafa; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:10px 10px 8px 20px;}
table.board_write_re th, table.board_write_re td:last-child {border-bottom:none;}
table.board_write_re tbody th, table.board_write_re tfoot th {background-color:#fafafa; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color: #434343; font-weight:bold; text-align:left; vertical-align:middle;}
table.board_write_re tbody.alt th, table.table_2 tfoot.alt th {font-weight :normal;}
table.board_write_re input {border:1px solid #e6e6e6;}
table.board_write_re select {border:1px solid #e6e6e6;}
table.board_write_re textarea {border:1px solid #e6e6e6; padding:5px; width:95%; height:180px;}
input.sec_re {height:40px; line-height:40px;}
input.sec_num {background-color:#f4fafd; border:1px solid #c9e6f0 !important; padding:0 0 0 0; width:80px; height:38px; line-height:38px; text-align:center; font-size:20px; font-weight:bold;}
table.board_write_re td.label_dp label {visibility:visible; margin:0 0 12px 5px; position:relative; left:0; width:auto; height:auto; font-size:14px; line-height:18px; text-indent:0;}
table.board_write_re td.label_dp input {vertical-align:bottom;}


/*content type form table */
table.cont_frm { width:100%; border-top:1px #505e79 solid; border-bottom:1px #505e79 solid; margin-top:6px; font-size:15px; }

	/* list */
	table.cont_frm thead th { padding:5px;height:42px; background-color:#f2f5fa;  font-weight:600; color:#505e79; border-right:1px solid #ccc;border-bottom:1px #505e79 solid;text-align:center;}
	table.cont_frm tbody td { padding:5px;height:38px; text-align:center; border-bottom:1px #ccc solid; border-right:1px solid #ccc;  }
	table.cont_frm tbody td:last-child,
	table.cont_frm thead th:last-child {border-right:none}
	table.cont_frm tbody td.title { padding-left:15px; text-align:left; }


/* width % */
.wd_auto {width:auto !important;}
.wd01 {width:1% !important;}
.wd02 {width:2% !important;}
.wd03 {width:3% !important;}
.wd04 {width:4% !important;}
.wd05 {width:5% !important;}
.wd06 {width:6% !important;}
.wd07 {width:7% !important;}
.wd08 {width:8% !important;}
.wd09 {width:9% !important;}
.wd10 {width:10% !important;}
.wd11 {width:11% !important;}
.wd12 {width:12% !important;}
.wd13 {width:13% !important;}
.wd14 {width:14% !important;}
.wd15 {width:15% !important;}
.wd20 {width:20% !important;}
.wd25 {width:25% !important;}
.wd30 {width:30% !important;}
.wd35 {width:35% !important;}
.wd40 {width:40% !important;}
.wd45 {width:45% !important;}
.wd48 {width:48% !important;}
.wd50 {width:50% !important;}
.wd55 {width:55% !important;}
.wd60 {width:60% !important;}
.wd65 {width:65% !important;}
.wd70 {width:70% !important;}
.wd75 {width:75% !important;}
.wd80 {width:80% !important;}
.wd85 {width:85% !important;}
.wd90 {width:90% !important;}
.wd95 {width:95% !important;}
.wd100 {width:100% !important;}

/* width px */
.w_5px {width:5px !important;}
.w_10px {width:10px !important;}
.w_15px {width:15px !important;}
.w_20px {width:20px !important;}
.w_25px {width:25px !important;}
.w_30px {width:30px !important;}
.w_35px {width:35px !important;}
.w_40px {width:40px !important;}
.w_45px {width:45px !important;}
.w_50px {width:50px !important;}
.w_55px {width:55px !important;}
.w_60px {width:60px !important;}
.w_65px {width:65px !important;}
.w_70px {width:70px !important;}
.w_75px {width:75px !important;}
.w_80px {width:80px !important;}
.w_85px {width:85px !important;}
.w_90px {width:90px !important;}
.w_95px {width:95px !important;}
.w_100px {width:100px !important;}
.w_110px {width:110px !important;}
.w_120px {width:120px !important;}
.w_130px {width:130px !important;}
.w_140px {width:140px !important;}
.w_150px {width:150px !important;}
.w_200px {width:200px !important;}
.w_300px {width:300px !important;}
.w_400px {width:400px !important;}
.w_500px {width:500px !important;}

/* min-width */
.mwd820 {min-width:816px !important;}
.mwd860 {min-width:860px !important;}
.mwd878 {min-width:878px !important;}

/* min height size */
.mht_500 {min-height:500px !important}

/* margin-style */
.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;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}
.ml110 {margin-left:110px !important;}
.ml120 {margin-left:120px !important;}

/* padding-style */
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt40 {padding-top:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}


img {max-width:100%; width:auto;}
img.responsive {max-width:100%;}
#containerDiv {overflow-x:hidden}

.container {
    padding-right: 0; 
    padding-left: 0; 
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: 0; 
    margin-left: 0; 
}

input[type="file"] {
    display: inline-block;
}

/* Common Layout ----------------------------------------------------------------------*/
.header {
    width:100%;	
	height:60px;
	margin:50px auto 0 auto;
	position:fixed;	
	z-index: 70;	
}

.header .container{
	width:1170px;
	height:60px;
	position:relative;
	margin:0 auto;
	background-color: #fff;
}
/*logo*/
.header .logo{
	float:left;
	margin:2px 0 0 10px;
}

/*No Topbar*/
.header.no-topbar .navbar-toggle {
	margin-top: 25px;
}

/*Navbar Menu layout*/
ul.navbar-nav {
	position:absolute;
	top:12px;
	right:0;

}	





/*footer====================*/
.footer-wrap {position:relative; width:100%; height: 74px;}
#footer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding: 10px 0;
	color: #fff;
	background: #2e2e2e;
}
#footer p {
	display:block;
	font-size:12px;
	font-weight:normal;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin:0 0 0 15px ;
  padding:0;
}

#footer a {
  color: #fff;
}

#footer a:hover {
 font-weight:600;
 text-decoration:underline;
}