/*--- common selector ---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;}
body,input,select,textarea{color:#000; font-family: 'Nanum Gothic', '나눔고딕', dotum, '돋움', sans-serif; font-size:87.5%;font-weight:normal;} /* 87.5% == 14px */
body{background-color:#fff; -webkit-text-size-adjust: none}
hr{display:none;}
img,fieldset{border:0;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none;}
a{color:#000;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
.ir{overflow:hidden;text-indent:-1000em;}
.invisible{display:none;}
.hide{visibility:hidden;width:1px;height:1px;line-height:0;overflow:hidden;position:absolute;top:-10000px;left:0;font-size:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}

html,body { margin: 0px; padding: 0px; height: 100%;}
#wrap {position:relative; width:100%; min-width:320px; min-height:100%; height:100%; }


/* header ======================*/
#header {position: relative; height:50px; background:#fff; }
#header h1 {position:relative; width:117px; margin:0 auto;}
#header h1 img {height:50px; }
#header .side_open {position:absolute; width:50px; height:50px; right:0px; top:0px;}
#header .side_open img {height:50px;}

.contents img {width:100%;}

.map { position: relative; }
a.a00 { position: absolute; right: 15%; bottom: 25%; width: 70%; height: 20%; }
a.a01 { position: absolute; left: 10%; bottom: 20%; width: 80%; height: 20%; }
a.btn { display: block; text-indent: -9999em; background-color: transparent; }
.map img { display: block; width: 100%; }

.con_ff {background:#fff;}
.con_f8 {background:#f8f8f8;}


/* side ==================================================================================*/
.side {position:absolute; z-index:100; width:160px; right:0px; top:0px; border-left:solid 1px #2e3192; border-bottom:solid 1px #2e3192; display:none}
.side img {width:100%;}

/* customer ==============================================================================*/
.bg_customer {background:url(../images/bg_customer.png); background-size:cover; padding: 0 0 30px 0; }
.customer_title {margin:60px 0 40px 0;}
.customer {width:90%; margin:0 auto; background-color:#585858; border-radius:5px; text-align:center;}
.customer h3 {text-align:center; padding:40px 0 25px 0; color:#fff; font-size:18px; font-weight:normal;}
.select {width:90%; margin:0 auto; padding-bottom:25px;}
.select td {text-align:left; height:30px; color:#fff; font-size:14px; }
#cusimg {top: 2px;
    position: relative;}
#cusimg2{
	width: 70%;
}
#cusimg3{
	width: 60%;
    margin: 20px 0;
    right: -20%;
    position: relative;
}
.question .tx {
	background-color: #fff;
	width:100%;
    border-radius: 5px;
    text-align: left;
    font-size: 13px;
    line-height: 150%;
    font-family: 'Nanum Gothic', '나눔고딕', dotum, '돋움', sans-serif;
}
.private_ok {
    color: #fff;
    font-size: 11px;
    margin: 20px 0;
}
#customersection {
	width: 215px;
    height: 60px;
    position: absolute;
    left: 79px;
    top: 281px;
}
.plusmoney { background: #fff; height: 20px; width: 45.7px; color: #808080; border: 1px solid #d3d3d3; font-size: 12px; margin-top: 5px; margin-bottom: 5px; border-radius: 2px;}


.question {width:90%; margin:0 auto; padding: 0 0 20px 0; border-top:solid 0.5px #6b6b6b;}
.question table {border-collapse:collapse; padding:0px; margin:20px 0px 17px 0 ; width:100%; }
.question table th {font-size:12px; color:#fff; text-align: right; padding:0px 10px 0px 0; }
.question table td {text-align: left; font-size:11px; color:#fff; padding:10px 0px 10px 0; }
.opp {color:#ff3300;}
.int { position: relative; width:90%; height: 37px; padding: 0px 0px 0px 4px; border: 2px solid #e3e3e3; font-size: 16px; line-height: 20px; color: #555; border-radius: 5px;}
.question textarea { width: 92%; height:121px; border: 2px solid #e3e3e3; padding: 10px; letter-spacing: -1.2px; color: #777; border-radius: 5px;}

/* board =========================================================================*/
h2 {font-size: 1.2em;  padding: 10px 13px 10px;}
.job table.job_list {width: 100%;  border-top: solid 1px #f0f0f0;}
table.job_list td {border-bottom: solid 1px #f0f0f0; padding: 10px 13px;}
.job a {outline: 0;  text-decoration: none;  color: black;}
table.job_list p.title {padding-bottom: 8px; color: #222222;}
table.job_list p.txt {font-size: 0.8em;  color: #999999;}

.job table.job_view {width: 100%;}
table.job_view th {min-height: 50px; border-bottom: solid 1px #f0f0f0;  padding: 16px 13px 17px 13px;  text-align: left;}
table.job_view .txt_area {padding: 10px 1px; font-size: 0.9em;  color: #555;  line-height: 120%;}
.job span.btn {font-size: 0.8em;  font-weight: normal;  color: #666;  border: solid 1px #c5c5c5;  padding: 3px 10px 2px;  border-radius: 2px;  float: right;}
table.job_view td {padding: 13px;}
table td.job_btn {border-top: solid 1px #f0f0f0;}


/* footer =======================================================================================*/
#main_footer {position: relative; float:left; width:100%; color:#a7a7a7; font-size:10px; line-height:130%; text-align:center; background-color:#282828; padding:10px 0;}
#main_footer a {color:#fff; }

#footer {position: relative; float:left; width:100%;  height:30px; margin-top:-30px; bottom:50px; color:#757575; font-size:10px; line-height:130%; text-align:center; }
#footer a {color:#757575; }