;@charset "utf-8";
.head .logo{display:none;}
body{min-width:320px;}
.head_w{border-bottom:1px solid #cacaca;}
.head{text-align:center;}
.logo{padding-top:15px; padding-bottom:15px; display:block; width:139px; margin:auto;}
.logo>img{width:139px;}
.close>img{width:25px;}
.head .open{position:absolute; left:0; top:0px; padding:22px; width:23px; display:block; border-right:1px solid #cacaca;}
.head .open img{width:100%;}
/*.gnb_w,.main_vis_w{display:none;}*/
.all_menu2 {display:none; position:fixed; left:-270px; top:0px; width:100%; height:100%; z-index:1001; }
#scroller div {position:absolute; top:0px; left:0px; width:80%; height:100%; background:#fff; z-index:1002;}
.all_menu2 a {color:#fff;}
.all_menu2 .all_menu2_con a {display:block; text-decoration:none;}
.all_menu2 .all_menu2_con > li > a {padding:7px 5px 9px 15px; font-size:13px; border-bottom:1px solid #4b3c37; background:#685b55 url("../images/all_menu_off.png") no-repeat 95% center; background-size:10px;}
.all_menu2 .all_menu2_con > li > a.on {background:#685b55 url("../images/all_menu_on.png") no-repeat 95% center; background-size:10px;}
.all_menu2 .menu_sub li {background:#89a131;}
.all_menu2 .menu_sub > li > a {padding:7px 5px 9px 30px; font-size:11px; color:#fff; border-bottom:1px solid #6f8700; background: url("../images/all_menu_off.png") no-repeat 95% center; background-size:9px;}
.all_menu2 .menu_sub > li > a.on {color:#fff; background:url("../images/all_menu_on2.png") no-repeat 95% center; background-size:9px;}
.all_menu2 .menu_sub > li.no-menu > a {background:none;}
.all_menu2 .menu_sub > li.no-menu > a.on {background:none;}
.all_menu2 .menu_sub li ul li {background:#f2f2e8;}
.all_menu2 .menu_sub li ul li  a {padding:7px 5px 8px 30px; font-size:11px; color:#5f5850; border-bottom:1px solid #cecec2;}
.close{position:absolute; left:105%; top:10px;}
#mask{width:100%; height:100%; position:fixed; background:#000; opacity:0.5; z-index:99; display:none; top:0px; left:0px;}	
.footer{width:96%; padding:2%; }
.footInf{overflow:hidden; margin-bottom:10px;}
.footInf_l{margin-bottom:10px;}
.footInf_l ul{overflow:hidden;}
.footInf_l ul li{float:left; border-right:1px solid #dcdcdc; width:33%; text-align:center;}
.footInf_l ul li img{width:100%;}
.footInf_l ul li.borno{border:0;}
.footInf_l ul li a{display:block;}
.footInf_r{width:99.3%; border:1px solid #dcdcdc; overflow:hidden; position:relative; height:39px; line-height:39px;}
.footInf_r .linkCompany{color:#5e5e5e; font-size:12px; background:#eaeaea; display:inline-block; float:left; width:15%; text-align:center; position:absolute; height:100%; line-height:42px;}
.footInf_r #banner{margin-left:15%; }
.footInf_r .bx-wrapper{max-width:100% !important; }
.footInf_r #banner .footInf_r #banner{position:relative;}
.footInf_r .bx-viewport{width:96% !important;}
.footInf_r #banner .bx-controls-direction{position:absolute; width:100%; top:50%; margin-top:-15px; }
.footInf_r #banner .bx-wrapper{width:85%; position:relative; margin-left:7%; padding-top:3px;  height:39px; line-height:39px;}
.footInf_r #banner li{width:60px !important; }
.footInf_r #banner li img{width:100%;}
.footInf_r #banner .bx-controls a{position:absolute; font-size:0px; text-indent:-9999px; line-height: 0; background: url(../images/mo_arow.png) no-repeat; background-size:36px 30px; width:18px; height:30px;}
.footInf_r #banner .bx-controls a.bx-prev{left:-15px; }
.footInf_r #banner .bx-controls a.bx-next{right:-4%; background-position:-18px 0;}
.footer_w{width:100%;}
.mainfooter{width:100%; position:relative; text-align:center;}
.mainfooter ul{ margin-bottom:10px;}
.mainfooter ul li.fot_l{margin-right:20px; display:none; }
.mainfooter ul li.fot_r p{color:#828282; line-height:20px;}
.mainfooter ul li.fot_r p em{color:#828282; line-height:20px;}
.mainfooter ul li.fot_r p.web_fot{display:none;}
.footer_select{padding-bottom:50px; width:100%; overflow:hidden;}
.footer_select div{float:left; margin-left:10px; width:45.6%; }
div#select_box {position: relative; height: 25px; background: url(../images/fot_select.png) 94% center no-repeat; /* 화살표 이미지 */ border: 1px solid #d1d1d1;}
div#select_box label {position: absolute; font-size: 12px; color: #6f6f6f; height:25px; line-height:25px; letter-spacing: 1px; left:0px; text-align:center; width:100%;}
div#select_box select#color {width: 100%; height: 25px; min-height: 25px; line-height: 25px; opacity: 0; color:#6f6f6f; }
div#select_box2 {position: relative;height: 25px; background: url(../images/fot_select.png) 94% center no-repeat; /* 화살표 이미지 */ border: 1px solid #d1d1d1;}
div#select_box2 label {position: absolute; font-size: 12px; color: #6f6f6f; height:25px; line-height:25px; letter-spacing: 1px; left:0px; text-align:center; width:100%}
div#select_box2 select#color2 {width: 100%; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0;}

.bg{background:url(../images/bg.png) repeat; width:100%; height:100%; position:fixed; z-index:9995; top:0; left:0px; display:block;  }
.vol_layer{position:fixed; z-index:9999;width:96%; margin:2%;  background:#fff; top:0px; left:0px; }
.vol_title{ font-size:20px; width:85%;  padding-left:15%; background:#829c2f url(../images/vol_layer_title.jpg) 20px center no-repeat; padding-top:10px; padding-bottom:10px; color:#fff;}
.volx{position:absolute; right:0; top:0; }
.onp{padding:10px 20px; background:#f2f2f2; color:#878787; line-height:20px;}
.volarea{padding:2%; width:96%; }
.volarea table{ width:100%;  margin-bottom:20px; border-top:1px solid #dbdbdb; }
.volarea table th{background:#f4f5ed; padding-left:2%; text-align:left; font-weight:700;}
.volarea table th,.volarea table td{border-bottom:1px solid #dbdbdb; padding-top:10px; padding-bottom:10px; vertical-align:middle; font-size:14px;}		
.vol_t_1{width:30%;}.vol_t_2{width:70%;}
.volarea table td{padding-left:20px;}
.volarea table td .vol_in1{width:80%; border:1px solid #dcdcdc; padding:1px 2px; }
.volarea table td .vol_in1 input{padding:1px 2px; height:24px; width:100%; border:0px; vertical-align:middle; background:transparent; outline:none;}
.volarea table td .vol_in2{width:60%; border:1px solid #dcdcdc; padding:1px 2px; }
.volarea table td .vol_in2 input{padding:1px 2px; height:24px; width:100%; border:0px; vertical-align:middle; background:transparent; outline:none;}
.volarea table td .vol_in3{width:20%; border:1px solid #dcdcdc; padding:1px 2px; display:inline-block;}
.volarea table td .vol_in3 input{padding:1px 2px; height:24px; width:100%; border:0px; vertical-align:middle; background:transparent; outline:none;}
.volarea table td .vol_in4{width:20%; border:1px solid #dcdcdc; padding:1px 2px; display:inline-block;}
.volarea table td .vol_in4 input{padding:1px 2px; height:24px; width:100%; border:0px; vertical-align:middle; background:transparent; outline:none;}
.volarea table td .vol_st_de{padding:2%; line-height:22px; font-size:14px; border:1px solid #dcdcdc; width:96%; outline:none; height:100px;}
.volarea table td .vol_file{width:70%; border:1px solid #dcdcdc; height:20px;}
div#select_box3 {position: relative; width: 20%; height: 25px; background: url(../images/fot_select.png) 94% center no-repeat; /* 화살표 이미지 */ border: 1px solid #dcdcdc; display:inline-block; padding:2px 3px ;}
div#select_box3 label {position: absolute; font-size: 12px; color: #6f6f6f; height:25px; line-height:25px;   }
div#select_box3 select#color3 {width: 100%; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */  vertical-align:middle;}
div#select_box3 select.color3 {width: 100%; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */  vertical-align:middle;}
div#select_box4 {position: relative; width: 30%; height: 25px; background: url(../images/fot_select.png) 94% center no-repeat; /* 화살표 이미지 */ border: 1px solid #dcdcdc;display:inline-block; padding:2px 3px ;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; vertical-align:middle;}
div#select_box4 label {position: absolute; font-size: 12px; color: #6f6f6f; height:25px; line-height:25px; }
div#select_box4 select#color4 {width: 100%; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
div#select_box4 select.color4 {width: 100%; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
div#select_box5 {position: relative; width: 70%; height: 25px; background: url(../images/fot_select.png) 94% center no-repeat; /* 화살표 이미지 */ border: 1px solid #dcdcdc;display:inline-block; padding:2px 3px ;}
div#select_box5 label {position: absolute; font-size: 12px; color: #6f6f6f; height:25px; line-height:25px;  padding-left:10px;}
div#select_box5 select#color5 {width: 100%; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
.vol_pertxt_w{width:94%; background:#fff; border-bottom:1px solid #dcdcdc;  padding:2%;}
.vol_pertxt{background:#fff; height:100px; overflow-x:hidden; border:1px solid #dcdcdc; padding:2%;}
.vol_pertxt p{line-height:20px; font-size:12px;}
.vol_pertxt p.vol_in_t{font-weight:700; margin-bottom:10px;}
.vol_perok{text-align:center; padding-top:10px;}
.vol_perok input{vertical-align:middle;}
.be_list_vol{width:96%; padding:5% 2%; position:relative; overflow:hidden; }
.be_list_vol ul{overflow:hidden; float:right;}
.be_list_vol ul li{float:left; margin-left:10px;}
.be_list_vol ul li a{background:#829c2e url(../images/btn_arow.jpg) 90%  center no-repeat; color:#fff; font-size:14px; padding:10px 30px 10px 20px;  display:block;}
.be_list_vol ul li.hui a{background:#646464 url(../images/btn_arow.jpg) 90%  center no-repeat; color:#fff; font-size:14px; padding:10px 30px 10px 20px;  display:block;}
.vol_cau{margin-top:10px; display:block; padding-left:20px; background:url(../images/vol_cau.jpg) no-repeat; font-size:12px;}
.online_mun{width:96%; margin-bottom:20px; font-size:14px; overflow:hidden; margin-bottom:20px;}
.online_mun .online{margin-right:10px;}
.online_mun .online input{vertical-align:middle;}	
.online_mun .online_t{margin-right:20px;}
.vol_ju{color:#ffa800;}
.online_r{float:right;font-size:12px;}

.bg,.PerAreas{display:none;}


.PerAreas{width: 80%;margin: 5%;background: #f6f2f3;display: none;position: absolute;bottom: 100px;z-index: 9999;padding: 5%;text-align: left;}
.PerAreas h2{font-size:16px; font-family:"맑은 고딕";color:#000;text-align:center;padding:30px 0px 20px 0px}
.PerAreas .InArea{background:#fff; border:1px solid #cfcfcf;padding:20px; color:#fff;}
.PerAreas .InArea .Secs{margin-bottom:3%;}
.PerAreas .InArea .Secs h3{font-size:14px; margin-bottom:10px;}
.PerAreas .InArea .Secs p{line-height:22px; font-size:12px;color:#000;padding-left:10px;}
.PerAreas .InArea .tablePerson{width:100%;}		
.PerAreas .InArea .tablePerson .Heads{padding:10px 0; background:#7e7576; color:#fff;text-align:center;}	
.PerAreas .InArea .tablePerson ul.Bodys{width: 100%; border: 1px solid #cdcdcd;padding: 0;display: table;box-sizing: border-box;margin-bottom: -1px;}
.PerAreas .InArea .tablePerson ul.Bodys li{color:#000; text-align:center;display:table-cell;vertical-align:middle;padding:10px 0;}
.PerAreas .InArea .tablePerson ul.Bodys li.LBTN{border-right:1px solid #cdcdcd; width:35%;}

.PerBang{color:#f5f5f5;padding-bottom:20px; color:#828282;display:block}
.PersonXXDiv{padding:40px 0; text-align:center;}
.PersonXX{background:#7e7576; color:#fff;padding:14px 40px;}