/* YOUR CUSTOM STYLES */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);


@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumGothic-Regular.eot);
  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/font/NanumGothic-Regular.woff) format('woff'),
       url(/font/NanumGothic-Regular.ttf) format('truetype');
} 
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(/font/NanumGothic-Bold.eot);
  src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/font/NanumGothic-Bold.woff) format('woff'),
       url(/font/NanumGothic-Bold.ttf) format('truetype');
} 
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(/font/NanumGothic-ExtraBold.eot);
  src: url(/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/font/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(/font/NanumSquareL.eot);
 src: url(/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareL.woff) format('woff'),
      url(/font/NanumSquareL.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(/font/NanumSquareR.eot);
 src: url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareR.woff) format('woff'),
      url(/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(/font/NanumSquareB.eot);
 src: url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareB.woff) format('woff'),
      url(/font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(/font/NanumSquareEB.eot);
 src: url(/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareEB.woff) format('woff'),
      url(/font/NanumSquareEB.ttf) format('truetype');
}


html{font-size:10px;}

html,
body {
	width:100%;
    height: 100%;
    font-family:NanumGothic,나눔고딕, 'Nanum Gothic';
    color:#000000;
    
}



@media all and (max-width:400px) {
	html{font-size:10px;}
}
@media all and (min-width:400px) and (max-width:800px) {
	html{font-size:10px;}
}


/* 사파리 세팅 */
@media screen and (max-device-width: 480px){
	html{font-size:10px;}
  body{
    -webkit-text-size-adjust: none;
  }
}

/* 크롬 기본 스크롤 생성 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	html{font-size:10px;}
	body {
		/* overflow-y:scroll; */
	    margin: 0;
	    padding: 0;
	}
}

body, div, p, ul, li{margin:0; padding:0;}
li {list-style:none;}
.skip{display:none; }


.wrap_all{width:100%; height:auto; position:relative;}
.wrap{width:1400px; height:auto; margin:0 auto;  position:relative; }

.bg{width:100%; height:auto; margin:0 auto;}

div{font-family:'NanumSquare', 'Nanum Square'}
p{font-family:'NanumSquare', 'Nanum Square'}
a{font-family:'NanumSquare', 'Nanum Square'}
span{font-family:'NanumSquare', 'Nanum Square'}
a:hover{font-family:'NanumSquare', 'Nanum Square'}

.center{text-align:center;}

div.header{ position:fixed; height:105px;  width:100%; z-index:999;  border-bottom:1px solid #919191; background-color: rgba( 255, 255, 255, 0.8 );top:0; min-width:1400px;}
	.gnb{position:absolute;  width:900px; height:104px;  left:612px; top:0;  }
	.gnb li{margin:0 84px 0 84px;  float:left; height:59px; padding:40px 15px 0 15px;  }
	.gnb li a{font-size:2.3rem; color:#232323; text-decoration:none; font-weight:700;}
	.gnb li:hover{ border-bottom:6px solid #f78e56; }
	.gnb li.select {border-bottom:6px solid #f78e56; color:#00b5cb;}
	.logo{position:absolute; left:46px; top:41px;}
	
	.gnb_mask{background-color: rgba( 255, 255, 255, 1.0 ); }
	
	
div.sub_menu{position:fixed; width:100%; height:244px;  left:0;  top:106px; background:url(/images/bg_sub.jpg) no-repeat; background-size:100% 100%; z-index:999; display:none; border-bottom:1px solid #919191; min-width:1400px;}
	div.sub_img{position:absolute; left:40px; top:62px;}
	.sub_menu_0{position:absolute; top:0; left:605px; border-left:1px solid #e0e0e0; width:290px; text-align:center; padding-top:50px; background:#fff; height:194px;}
	.sub_menu_1{position:absolute; top:0; left:896px; border-left:1px solid #e0e0e0; width:290px; text-align:center; padding-top:50px; background:#fff; height:194px;}
	.sub_menu_2{position:absolute; top:0; left:1186px; border-left:1px solid #e0e0e0;  border-right:1px solid #e0e0e0; width:290px; text-align:center; padding-top:50px; background:#fff; height:194px;}
		.sub_menu_title{font-size:2.2rem; color:#333; font-family:'NanumSquare';  font-weight:bold;  }
		.sub_menu_lnb{margin-top:30px;}
		.sub_menu_lnb li{margin-bottom:15px;}
		.sub_menu_lnb li a{font-size:1.9rem; color:#9e9e9e; text-decoration:none; font-weight:700;}
		.sub_menu_lnb li a:hover{ color:#ed671e; }
		.sub_menu_lnb li a.select {color:#ed671e; }
	.close_sub{position:absolute; left:1500px; top:20px; display:block;}
	
	.sub_title_black{padding:10px 10px 10px 10px;  font-size:4rem; color:#232323; border-bottom:5px solid #646464; font-weight:bold;}
	.sub_title{padding:10px 10px 10px 10px;  font-size:4rem; color:#ffffff; border-bottom:5px solid #fff; font-weight:bold;}
	
/*index*/
.main_banner{position:relative;  background-size:100% 100%;   width:100%; min-width:1400px; /*padding-bottom:24.10%;*/ }
.main_banner img.main_banner_img{left:220px; top:254px; position:absolute;}
	
.main_service{position:relative; background:#f0f0f0; height:528px; padding-top:49px; width:100%; min-width:1400px; text-align:center;}
.main_service .main_service_img{position:relative; }
	#bt_serivce_left{position:absolute; top:224px; left:0;}
	#bt_serivce_right{position:absolute; top:224px; right:0;}

.gcomin_news{position:relative; height:486px; text-align:center; padding-top:61px; min-width:1400px;}
	.news_img {position:relative; margin-top:70px;}
	.news_img li.news0{position:absolute; left: 0; top:0; width:343px; height:263px;}
	.news_img li.news1{position:absolute; left:352px; top:0; width:343px; height:263px;}
	.news_img li.news2{position:absolute; left:705px; top:0;width:343px; height:263px;}
	.news_img li.news3{position:absolute; right:0; top:0;width:343px; height:263px;}
	.news_img li .new0_desc{position:absolute; left:0; bottom:0; width:307px; height:71px; font-family:맑은고딕,Malgun Gothic; background:url(/images/icon_bg.png) no-repeat;  font-size:1.6rem; color:#ffffff; padding:17px 20px 0 20px; font-weight:500; line-height:28px;}
	.bt_news_more {position:absolute; right:0; top:60px; }
	
.gcom_map{position:relative; width:100%; height:auto; background:#fff;   background-size:100% auto; min-width:1400px;}
	.gcom_map .google_map{position:relative; width:100%;  height:504px;}
	
	.map_info{position:absolute; background:url(/images/bg_map_info.gif) no-repeat; width:549px; height:204px; top:70px; left:54%; padding:35px 0 0 45px; }
	.map_info .map_info_title{font-family:맑은고딕,Malgun Gothic;  font-size:3.6rem; color:#202020; font-weight:bold;}
	.map_info ul{margin-top:20px;}
	.map_info ul li{margin-bottom:10px; font-family:맑은고딕,Malgun Gothic;  font-size:1.6rem; color:#202020; font-weight:600; background:url(/images/ic_dot_orange.gif) no-repeat 0 7px; text-indent:14px;}
/*index end*/

/*intro*/
.intro_ceo{position:relative;  margin-top:104px; min-width:1400px;}	
.intro_hir{position:relative;  background:#edf5fe; min-width:1400px;}	
.intro_partner{position:relative; background:url(/images/bg_partner.jpg) no-repeat; background-size:100% 100%; height:1363px; padding-top:108px; min-width:1400px;}	
	.partner_sub{position:relative; margin-top:87px; background:url(/images/arrow.png) no-repeat 10px 4px; text-indent:20px; padding-left:20px;  font-size:2.4rem; color:#b5b5b5; width:100%; text-align:left; margin-bottom:20px;}	
	.partner_img{position:relative;  text-align:left; padding-left:10px; }	
/*inend END*/
	
/*history START*/
.blank{position:relative; height:1px; margin-top:103px; min-width:1400px;}
.history{position:relative; background:#f4f4f4; min-width:1400px;}	
	.history1{position:relative; background:url(/images/bg_history1.gif) no-repeat; height:2000px;}	
	.history2{position:relative; background:url(/images/bg_history2.gif) no-repeat; height:2000px; display:none;}
		.link_history1{position:absolute; width:318px; height:80px; left:375px; top:224px; display:block;}	
		.link_history2{position:absolute; width:318px; height:80px; left:728px; top:224px; display:block;  }	
/*history END*/

/*technic START*/
.technic{position:relative;  background:url(/images/bg_technic.jpg) no-repeat; background-size:100% 100%; height:1480px; padding-top:194px; min-width:1400px;}
	.img_technic{position:relative; margin-top:100px;}
/*technic END*/

/*digital START*/
.digital{position:relative;  background:url(/images/bg_digital.jpg) no-repeat; background-size:100% 100%; height:1089px; padding-top:199px; min-width:1400px;}
	.digital_desc{position:relative;  margin-top:85px; line-height:40px; font-size:2.8rem; color:#848484;}
	.digital_desc span.blue{color:#00aeef;}
	.digital_desc span.orange{color:#f2651a;}
	
	.link_rw{position:absolute; width:439px; height:407px; display:block; background:url(/images/rw.png) no-repeat; left:36px; top:400px;}
	.link_rw:hover{background:url(/images/rw_over.png) no-repeat; }
	
	.link_pw{position:absolute; width:445px; height:407px; display:block; background:url(/images/pw.png) no-repeat; left:466px; top:400px;}
	.link_pw:hover{background:url(/images/pw_over.png) no-repeat; }
	
	.link_jw{position:absolute; width:439px; height:407px; display:block; background:url(/images/jw.png) no-repeat; left:936px; top:400px;}
	.link_jw:hover{background:url(/images/jw_over.png) no-repeat; }
/*digital END*/


/*digital START*/
.license{position:relative;  background:url(/images/bg_license.jpg) no-repeat; background-size:100% 100%; height:1624px; padding-top:197px; min-width:1400px;}
	.license_desc{position:relative;  margin-top:85px; line-height:40px; font-size:3.5rem; color:#848484;}
	.license_desc span.blue{color:#00aeef;}
	.license_desc2{position:relative;  margin-top:15px; line-height:40px; font-size:2.5rem; color:#848484;}
	.img_license{position:relative;  margin-top:130px;}
		.link_pop_license{position:absolute; display:block; width:130px; height:30px; left:990px; top:150px;}
	
	.licens_gd{position:absolute; right:33px; top:1250px;}
	.gd_user{position:relative; margin-top:6px; background:url(/images/bg_gd_user.gif) no-repeat; width:936px; height:158px; margin-bottom:55px;}
		.user_view1{position:absolute; left:2px; top:2px; height:76px;  width:932px; overflow:hidden;}
		.user_view2{position:absolute; left:2px; top:80px; height:76px;  width:932px; overflow:hidden;}
			.user_list1{position:relative; height:76px;  width:932px;}
			.user_list2{position:relative; height:76px;  width:932px;}
				.user_item{ height:76px; line-height:82px;  width:932px; background:url(/images/bg_gd_user_item.gif) no-repeat;  position:relative;}
					.user_item1{position:absolute; top:0; left:40px; width:408px; font-family:NanumSquare; font-size:20px; font-weight:600;}
					.user_item2{position:absolute; top:0; left:500px; width:408px; font-family:NanumSquare; font-size:20px; font-weight:600;}
					.user_item span{font-family:NanumSquare; font-size:18px;  font-weight:500; color:#ed145b;  margin-left:2px;}
					.user_item img{vertical-align:middle;  margin-left:40px; margin-top:-4px;}
	
/*digital END*/

/*news start*/
.news{position:relative;  background:url(/images/bg_proposal.jpg) no-repeat;  background-size:100% 100%; padding-top:197px; padding-bottom:185px; height:auto; min-width:1400px;}
	.news_list{position:relative; margin:125px auto 0 auto; text-align:left; width:1218px; height:auto; }
		.totl_cnt{font-size:2.0rem; color:#333333; font-weight:800;}
		.news_list table.list_table {position:relative; margin-top:10px; width:100%;  border-collapse: collapse; border-top:2px solid #747474;}
		.news_list table.list_table th{background:#e3e3e3; height:65px; text-align:center; font-size:2.1rem; color:#333333; font-weight:800;}
		.news_list table.list_table td{background:#fff; height:70px; border-bottom:1px solid #747474;  text-align:center; font-size:1.9rem; color:#333333; font-weight:500;}
		.news_list table.list_table .number{width:10%;}
		.news_list table.list_table .title{width:63%;}
		.news_list table.list_table .kind{width:10%;}
		.news_list table.list_table .date{width:15%;}
		.news_list table.list_table #kind{font-size:1.9rem; color:#333333; font-weight:800; padding:3px;}
		.news_list table.list_table a{color:#333333; text-decoration:none;}
		
		.news_list table.view_table {position:relative; margin-top:10px; width:100%;  border-collapse: collapse; border-top:2px solid #747474;}
		.news_list table.view_table th{background:#e3e3e3; height:65px; text-align:center; font-size:2.1rem; color:#333333; font-weight:800;}
		.news_list table.view_table td{background:#fff; height:70px; border-bottom:1px solid #747474;  text-align:center; font-size:1.9rem; color:#333333; font-weight:500;}
		.news_list table.view_table .title{width:82%; text-align:left; padding-left:3%;}
		.news_list table.view_table .date{width:15%;}
		.news_list table.view_table .contents{padding:30px 20px 30px 20px; line-height:30px; text-align:left;}
			
	div.bt_list{position: relative; text-align:right; margin-top:22px;}	
	div.navi{position: relative; margin-top:80px; clear:both;}	
		
			div#new_page_navi_table {position:relative; text-align:center; color:#666666;}
			div#new_page_navi_table table{position:relative;  border-collapse: collapse; margin:0 auto;}
			div#new_page_navi_table td{width:30px; height:30px; border:1px solid #CACACA; text-align:center; font-family:굴림,gulim; font-size:1.1em;} 
			div#new_page_navi_table td.on{background:#505A69; font-weight:bold; color:#fff; border:1px solid #505A69; font-family:굴림,gulim;  font-size:1.1em;}
			div#new_page_navi_table td a{display:block; width:100%; height:100%; line-height:30px; text-align:center; text-decoration:none; color:#333; font-family:굴림,gulim;  font-size:1.1em;}
			div#new_page_navi_table td.prev.link img{padding-top:10px;} 
			div#new_page_navi_table td.next.link img{padding-top:10px;} 
				
/*news end*/


/*proposal start*/
.proposal{position:relative;  background:url(/images/bg_proposal.jpg) no-repeat; background-size:100% 100%; height:1477px; padding-top:197px; min-width:1400px;}
	.form{position:relative; width:1076px; height:auto;  background:#dedede;  padding-top:50px; padding-bottom:40px; margin:0 auto; margin-top:95px; text-aling:left;}
		.form_wrap{position:relative; width:922px;  height:100%; margin:0 auto;}
			.form_wrap .info{position:relative; width:100%;  font-size:1.5rem; color:#333; font-weight:600;   text-align:right; font-family:맑은고딕,Malgun Gothic; margin-bottom:10px;}
			.form_wrap  span{color:#E20202; font-size:1.8rem; line-height:20px;}
			.form_wrap form{padding:0;margin:0; border:none;}
			.form_wrap form fieldset{padding:0;margin:0; border:none;}
			.form_wrap form fieldset ul{position: relative; width:100%; }
			
			.form_wrap form fieldset ul li{position: relative; margin-bottom:10px;}
			.form_wrap form fieldset ul li:after{content:''; display:block; clear:both; }
			.form_wrap form fieldset div.notice{ font-size:1.5rem; color:#333; font-weight:600; position:absolute; left:20px; top:10px; font-family:맑은고딕,Malgun Gothic;}
			
			.form_wrap form fieldset input[type=text]{padding:5px 10px; height:42px; width:100%; background:#fff; 
								box-shadow: 0px 1px 2px rgba(99, 99 99, 0.9) inset; box-sizing:border-box; 
								border:1px solid #939393; color:#333; font-family:'NanumGothic', 'Nanum Gothic';  font-size:1.2rem;}
			.form_wrap form fieldset input[type=text]:focus:not([readonly]) { border-bottom:1px solid #ccc; color:#333;  font-family:'NanumGothic', 'Nanum Gothic';  font-size:1.2rem;}
			
			input.file_input.upload_file{position:absolute; top:0px; left:0px;  width:0px; height:0px; padding:0; filter:alpha(opacity=0); opacity:0; cursor:pointer}
			.form_wrap form div.file_name{position: relative; font-size:1.2rem; color:#333; padding:10px 10px;  font-family:'NanumGothic', 'Nanum Gothic';}
			.form_wrap form div.input_file_name{position: relative; height:42px; width:100%; background:#fff; box-shadow: 0px 1px 2px rgba(99, 99 99, 0.9) inset; box-sizing:border-box; border:1px solid #939393;}
			.form_wrap form div.input_file_name a.input_file_btn{display:block; position:absolute; width:103px; height:27px; line-height:27px; top:8px; right:8px; background:#5a5e64; font-size:1.4rem; text-align:center; font-weight:600; color:#fff; text-decoration:none;}
			.form_wrap form fieldset textarea{height:100px; padding:20px 20px; background:#fff; width:calc(100% - 40px); border:1px solid #939393; font-size:1.5rem; color:#333;  font-family:'NanumGothic', 'Nanum Gothic';}
			.form_wrap form fieldset .privacy{margin-top:27px; color:#333333; font-size:1.9rem; line-height:32px; text-align:left; }
			.form_wrap form fieldset .purpose{margin-top:66px; color:#e95e13; font-size:1.9rem; line-height:26px; width:100%;}
			.form_wrap form fieldset .bt_submit{margin-top:40px; width:100%; text-align:center;}
		
	
/*proposal end*/

.footer{position:relative; width:100%; height:228px; background:#272b31; min-width:1400px; }
	.footer .copy{position:absolute; left:45px; top:111px;  font-size:1.8rem; color:#a09f9f; font-weight:600; }	
	.footer .bt{position:absolute; left:932px; top:90px;  }	
	/*left 원래 700*/
	.footer .bt li{float:left; margin-left:17px;}
	.footer .family_site{position:absolute; right:4px; top:-73px; border:1px solid #f58345; padding-top:10px; background:#fff; width:213px; display:none;}	
	.footer .family_site li{margin-bottom:10px; padding-left:10px; text-align:left;}	
	.footer .family_site li a{font-size:1.5rem; color:#333; font-weight:600;   font-family:맑은고딕,Malgun Gothic; text-decoration:none;}