@charset "utf-8";
.gnb .logo,.btn_nav2{display:none;}
.open,.mobile_menu{display:none;}
.head_w{width:100%; min-width:1000px;}
.head{width:1000px; margin:auto;}
.head .logo{padding-top:20px; padding-bottom:20px; display:block; width:215px;}
.head .logo >img{width:215px;}
.gnb_w{width:100%; background:#829c2e;}
.gnb_pa{background:#00a5e5 !important;}
.gnb_w .gnb{width:1000px; margin:auto; height:50px;}
#main-menu > li {color:#fff; float:left; width:166.6666666666667px; height:50px;}
#main-menu > li > a { width:166.6666666666667px; height:50px; line-height:50px; display:block; text-align:center; color:#fff; font-size:18px; font-weight:700;}
#main-menu > li > a:hover{background:#695a55;}
#main-menu li {position: relative; }
#main-menu ul.sub-menu {display: none; left: 0px; top: 40px; padding-top: 10px; position: absolute;  width:166.6666666666667px; height:50px; line-height:50px; z-index: 9999;}
#main-menu ul.sub-menu ul.sub-menu {padding-top: 0; left: 165.6666666666667px; top: 0px;}
#main-menu ul.sub-menu > li > a {border:1px solid #e5e5e5; border-top:0px; font-size: 14px; line-height: 20px; padding-left:14px; line-height:42px; height:42px; display:block; background:#fff url(../images/web_navi_ov.png) 146px center no-repeat; color:#474747; padding-right:14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#main-menu ul.sub-menu > li > a:hover {color: #fff;  background:#695a55 url(../images/web_navi.png) 146px center no-repeat;}
#main-menu ul.sub-menu ul.sub-menu a.none{background:#fff;  z-index:1; position:relative;}
#main-menu ul.sub-menu ul.sub-menu a.none:hover{color:#82952a;}
#main-menu ul.sub-menu > li.tbor a{border-top:1px solid #e5e5e5; }
#main-menu ul.sub-menu > li.tborno a{border-top:0px;}
#main-menu ul.sub-menu > li > a.parent {background:#fff url(../images/web_navi_ov.png) 146px center no-repeat; }
#main-menu ul.sub-menu > li > a.parent:hover {background:#695a55 url(../images/web_navi.png) 146px center no-repeat;}
#main-menu li:hover > ul.sub-menu {display: block;}
.mobile_vis_w,.mo_qust{display:none;}
/*.mobile_menu{display:none !important;}*/
.mo_telareali{display:none;}
.footer{width:1000px; margin:auto;}
.footInf{overflow:hidden; margin-bottom:10px;}
.footInf_l{float:left;}
.footInf_l ul{overflow:hidden;}
.footInf_l ul li{float:left; border-right:1px solid #dcdcdc;}
.footInf_l ul li.borno{border:0;}
.footInf_l ul li a{display:block;}
.footInf_r{float:right; width:550px; border:1px solid #dcdcdc; overflow:hidden;}
.footInf_r .linkCompany{color:#5e5e5e; font-size:14px; background:url(http://www.gni.kr/images/main/footInf_ico.gif) 90% center no-repeat; display:inline-block; line-height:39px; float:left; padding: 0px 20px 0px 10px; border-right:1px solid #dcdcdc;}
.footInf_r #banner{position:relative; float:left !important; width:457px; margin-left:8px}
.bx-viewport ul li{padding-top:2px; padding-bottom:2px;}
.bx-viewport ul li a img{height:35px !important}
.bx-wrapper{margin:0px !important;}
.bx-controls-direction{position:absolute; top:0px; right:0px;}
.footInf_r #banner .bx-controls a{display: inline-block; float: left;  width: 40px; height: 40px; font-size: 0; line-height: 0; text-indent: -999px; background: #fff url(../images/navi.jpg) 0 0 no-repeat;}
.footInf_r #banner .bx-controls a.bx-prev {background-position:0 0;}
.footInf_r #banner .bx-controls a.bx-next {background-position:-40px 0;}
.footer_w{width:100%; background:#f5f5f5;}
.mainfooter{width:1000px; margin:auto; position:relative;}
.mainfooter ul{overflow:hidden; padding:30px 0;}
.mainfooter ul li{float:left;}
.mainfooter ul li.fot_l{margin-right:20px; }
.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.mobile_fot{display:none;}
.footer_select{position:absolute; bottom:16px; right:0px; }
.footer_select div{float:left; margin-left:10px;}
div#select_box {position: relative; width: 155px; 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; padding-left:10px;padding-right:20px;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
div#select_box select#color {width: 160px; height: 25px; min-height: 25px; line-height: 25px; opacity: 0; color:#6f6f6f; filter: alpha(opacity=0); /* IE 8 */}
div#select_box2 {position: relative; width: 160px; 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; padding-left:10px;}
div#select_box2 select#color2 {width: 160px; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
.topon{background:#695a55;}
.bgcolor{background:#ededed;}  
.bgcolor1{background:#faf5e1;}  
.bgcolor2{background:#685b55;}  
.bgcolor3{background:#ffffff;}  
.introimg img{max-width:100%;}
.intro_txt img{max-width:100%;}
.bg{background:url(../images/bg.png) repeat; width:100%; height:100%; position:fixed; z-index:9995; top:0; left:0px; display:none; }
.vol_layer{position:fixed; z-index:1; top:20px; left:50%; margin-left:-480px; width:980px;  background:#fff; display:block;}
.vol_title{width:930px; font-size:20px;  padding-left:50px; 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:0px;}
.onp{padding:10px 20px; background:#f2f2f2; color:#878787; }
.volarea{padding:20px; width:940px; }
.volarea table{ width:940px;  margin-bottom:20px; border-top:1px solid #dbdbdb; }
.volarea table th{background:#f4f5ed; padding-left:10px; 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:200px;}.vol_t_2{width:700px;}
.volarea table td{padding-left:20px;}
.volarea table td .vol_in1{width:400px; 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:200px; 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:80px; 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:80px; 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:10px; line-height:22px; font-size:14px; border:1px solid #dcdcdc; width:810px; outline:none; height:100px;}
.volarea table td .vol_file{width:300px; border:1px solid #dcdcdc; height:20px;}
div#select_box3 {position: relative; width: 80px; 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; letter-spacing: 1px; padding-left:10px; }
div#select_box3 select#color3 {width: 80px; 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: 80px; 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: 130px; height: 25px; background: url(../images/fot_select.png) 94% center no-repeat; /* 화살표 이미지 */ border: 1px solid #dcdcdc;display:inline-block; padding:2px 3px ;}
div#select_box4 label {position: absolute; font-size: 12px; color: #6f6f6f; height:25px; line-height:25px; letter-spacing: 1px; padding-left:10px;}
div#select_box4 select#sel_email1 {width: 130px; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
div#select_box4 select.color4 {width: 130px; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
div#select_box4 select.color4 {width: 130px; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
div#select_box5 {position: relative; width: 200px; 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; letter-spacing: 1px; padding-left:10px;}
div#select_box5 select#color5 {width: 200px; height: 25px; min-height: 25px; line-height: 25px; color:#6f6f6f; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
.vol_pertxt_w{width:900px; background:#fff; border-bottom:1px solid #dcdcdc;  padding:20px;}
.vol_pertxt{background:#fff; height:100px; overflow-x:hidden; border:1px solid #dcdcdc; padding:10px;}
.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:920px; padding:20px; 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{padding-left:20px; margin-left:10px; background:url(../images/vol_cau.jpg) no-repeat;}
.online_mun{width:940px; margin-bottom:20px; font-size:14px; overflow:hidden;}
.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;}

.PerAreas{width:600px; padding:20px;background:#f6f2f3;display:none;position:absolute; bottom:100px; left:50%; margin-left:-320px; z-index:9999;}
		.PerAreas h2{font-size:20px; 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:40px;}
		.PerAreas .InArea .Secs h3{font-size:16px; margin-bottom:10px;}
		.PerAreas .InArea .Secs p{line-height:22px; font-size:14px;color:#000;padding-left:10px;}
		.PerAreas .InArea .tablePerson{width:558px;}		
		.PerAreas .InArea .tablePerson .Heads{padding:10px 0; background:#7e7576; color:#fff;text-align:center;}	
		.PerAreas .InArea .tablePerson ul.Bodys{width:556px;border:1px solid #cdcdcd;padding:0;display:table;}
		.PerAreas .InArea .tablePerson ul.Bodys li{color:#000; text-align:center;display:table-cell;vertical-align:middle;padding:10px 0;width: 275px;}
		.PerAreas .InArea .tablePerson ul.Bodys li.LBTN{border-right:1px solid #cdcdcd; }
		
		.PerBang{position:absolute;right:10px; top:10px;color:#f5f5f5;}
		.PersonXXDiv{padding:40px 0; text-align:center;}
		.PersonXX{background:#7e7576; color:#fff;padding:14px 40px;}