@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */

/* reset */
body {
	font-family:NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	font-weight:normal;	font-size:14px;	line-height:1.7; color:#666666;	margin:0;	padding:0;}
img {border:none;}

br	{letter-spacing: 0;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}
em,i,address{font-style:normal;}
a {text-decoration:none; color:#666666;}

/*layout*/
.wrap{width:100%;  height:100%; min-width:1200px;}
header{width:100%;}
main{width:100%;}
footer{width:100%; background-color:#333333; position:relative; padding:25px 0 30px; }

/*common*/
.wrap #content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content: ''; zoom:1; display: block; clear:both;}
.inner{margin:0 auto; width:1200px;}
.hide{font-size:0; height:0;}
.container{padding-bottom:70px; min-height:350px;}

/*header*/
	/*header top_menu*/
.top_menu{background-color:#ededed; padding:8px 0; }
.top_menu ul{float:right;}
.top_menu ul>li{float:left;}
.top_menu ul>li+li{background:url("../images/common/h_line.jpg")no-repeat 0 center;}
.top_menu ul>li>a{display:block; padding:0 8px; font-size:13px; }
.top_menu ul>li:last-child>a{padding-right:0;}

	/*header bottom gnb/로고*/
.bottom{padding-top:25px; position:relative;}
	/*로고*/
.bottom h1{float:left; width:240px; height:52px;}
.bottom h1>a{display:block; }
.bottom h1>a>img{display:block; width:100%; vertical-align:top;}
	/*gnb*/
.gnb{float:right; margin-top:20px;}
.gnb>li{float:left; width:176px;}
.gnb>li>a{display:block; font-size:16px; font-weight:bold; color:#333333; text-align:center; 
		padding:3px 0 27px;}
.gnb>li>a:hover{color:#2795e1;}
	/*header bottom main_2depth*/
.main_2depth{width:100%; background-color:rgba(255,255,255,0.8); z-index:400; position:absolute; left:0; top:102px;
		border-top:1px solid #2795e1; border-bottom:1px solid #2795e1; }
.main_2depth>.inner{padding:20px 0 30px 490px; box-sizing:border-box;}
.main_2depth>.inner>div{float:left; width:176px;}
.main_2depth li+li{margin-top:5px;}
.main_2depth li>a{display:block;  text-align:center; color:#444444;}
.main_2depth li>a:hover{color:#2795e1;}

/*메인 비쥬얼 슬라이드*/
.main_visual{width:100%; height:500px; position:relative;}
.main_slide_list{width:100%; height:500px;}
.main_slide_list>li{width:100%; height:500px; background-repeat:no-repeat; background-position:center center; 
		background-size:cover;}

.main_slide01{background-image:url("../images/main/main_visual_slide01.jpg");}
.main_slide02{background-image:url("../images/main/main_visual_slide02.jpg");}
.main_slide03{background-image:url("../images/main/main_visual_slide03.jpg");}
.main_slide04{background-image:url("../images/main/main_visual_slide04.jpg");}

	/*메인 비쥬얼 텍스트*/
.visual_txt{margin:180px auto 0; width:500px; height:150px; padding-top:10px; box-shadow:1px 1px 6px rgba(0,0,0,0.1);
		border-radius:5px; background-color:rgba(0,0,0,0.5);}
.visual_txt>*{display:block; text-align:center;}
.visual_txt>em{  font-size:33px; color:#ffffff; font-weight:bold; text-shadow: 2px 2px 2px #000066;}
.visual_txt>strong{font-size:24px; color:#ffffff; font-family:NanumBarunGothic,'나눔바른고딕',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;
		font-weight:normal;}
	/*메인 비주얼 슬라이드 prev nexr arrow*/
.main_visual .bx-controls-direction{width:100%; position:absolute; left:0; top:50%;
		margin-top:-18px; z-index:100;}
.main_visual .bx-controls-direction>a{text-indent:-999999px; overflow:hidden; width:19px; height:35px; position:absolute;;}
.main_visual .bx-controls-direction .bx-prev{background:url("../images/main/visual_l_arrow.png")no-repeat 0 0;
		 top:0;  left:20px;}
.main_visual .bx-controls-direction .bx-next{background:url("../images/main/visual_r_arrow.png")no-repeat 0 0;
		 top:0;  right:20px;}
	/*메인 비주얼 슬라이드 롤링*/
.main_visual .bx-pager{position:absolute; left:0; bottom:20px; width:100%; z-index:100; text-align:center; }
.main_visual .bx-pager div{display:inline-block; width:20px; height:5px;}
.main_visual .bx-pager div+div{margin-left:8px;}
.main_visual .bx-pager a{overflow:hidden; display:block; width:100%; height:100%; text-indent:-999999px;  background-color:#ffffff;}
.main_visual .bx-pager a.active{background-color:#9dd42d;}

/*main_company_info 유엔아이철강 타이틀 안내*/
.main_company_info{text-align:right; padding:35px 0 15px 0; 
		background:url("../images/main/bg_company_info.jpg")no-repeat 0 bottom;}
.main_company_info strong{font-size:40px; color:#000000; font-family:NanumBarunGothic,'나눔바른고딕',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;
		font-weight:normal; padding-left:70px; background:url("../images/common/logo2.png")no-repeat 0 10px;
		display:inline-block; }
.main_company_info p{font-size:16px; font-weight:bold; margin-top:10px;}

/*바로가기 메뉴-사업분야/고객 센터/복지용품/방문요양서비스*/



.quick_link_wrap>div>a{display:block; height:100%;}
.quick_link_wrap>div>a *{display:block; text-align:center;}
.quick_link_wrap>div>a>img{width:100%; vertical-align:top;}
.quick_link_wrap>div>a>span{padding:14px 0;}
.quick_link_wrap>div>a strong{font-size:19px;}
.quick_link_wrap>div>a i{margin-top:5px; color:#ffffff; letter-spacing:-1px;}

.quick_link_wrap>div:nth-child(1){background-color:#0a1d6a;}
.quick_link_wrap>div:nth-child(2){background-color:#3366cc;}
.quick_link_wrap>div:nth-child(3){background-color:#3399ff;}
.quick_link_wrap>div:nth-child(4){background-color:#6699ff;}

.quick_link_wrap>div:nth-child(1) strong{color:#ffffff;}
.quick_link_wrap>div:nth-child(2) strong{color:#ffffff;}
.quick_link_wrap>div:nth-child(3) strong{color:#ffffff;}
.quick_link_wrap>div:nth-child(4) strong{color:#ffffff;}


/*현장갤러리 PORTFOLIO/ 사진 동영상*/
.gallery{width:100%; background-color:#fff; padding-bottom:0px;}
.gallery h4{padding-left:50px; background:url("../images/main/icon_photo.png")no-repeat 0px center; font-size:19px; padding:25px 50px; color:#000000; text-align:left; height:33px;}
.gallery h4>a{ color:#000000;}/*1200/30*/	
.gallery h4 span{color:#696969; font-size:14px;}
.photo_list>div{width:25%; padding:0 0.7%; float:left; box-sizing:border-box;}/*1200/10*/
.photo_list>div>a{display:block;}
.photo_list>div>a>*{display:block;}
.photo_list>div>a>img{width:100%;}
.photo_list>div>a>span{padding:6px 5.454%;  text-align:center;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:83.636%;}/*200/15*//*200/220*/
.photo_list>div>a:hover>img{opacity:0.8;}

/*section_wrap 포토갤러리-방문요양신청-후원계좌안내*/
.section_wrap{margin-top:40px;}
.section_wrap>div{float:left; height:200px; border:1px solid #e6e6e6; box-sizing:border-box;}
.section_wrap>div+div{margin-left:30px;}

/*공지사항*/
.notice_wrap{width:400px; padding:15px 15px; position:relative;}
.notice_wrap>div{padding-left:50px; background:url("../images/main/icon_notice.png")no-repeat 0px center;}
.notice_wrap ul{margin-top:11px;}
.notice_wrap ul>li+li{margin-top:2px;}
.notice_wrap h4{font-size:19px; color:#000000;}
.notice_wrap ul>li>a{display:block;  font-size:14px; padding:3px 0 3px 12px; width:95%; 
		white-space:nowrap; overflow:hidden; text-overflow: ellipsis; position:relative;}
.notice_wrap ul>li>a:before{position:absolute; left:0; top:12px; content:''; display:block; width:3px; height:3px; border:1px solid #333333;}
.notice_wrap ul>li>a:hover{color:#000000;}
.notice_wrap>a{position:absolute; right:20px; top:20px; font-weight:bold; color:#999999;}
.notice_wrap>a:hover{color:#000000;}


/*철근가공 및 제품문의*/
.request{width:366px; padding:10px 15px; position:relative; }
.request>div{padding-left:50px; background:url("../images/main/icon_visit.png")no-repeat 0 0;}
.request h4{font-size:19px; color:#000000;}
.request i{color:#000000;}
.request em{ font-size:13px;}
.request>p{margin-top:5px;font-size:13px;color:#333333;}
.request>strong{margin-top:5px; display:block; font-size:17px; color:#2795e1; font-weight:bold; line-height:1.4; letter-spacing:-1px;}

/*입금계좌안내*/
.bank_info{width:367px; padding:15px 20px; position:relative; }
.bank_info>div{padding-left:60px; background:url("../images/main/icon_bank.png")no-repeat 0 0; margin-bottom:20px}
.bank_info strong{font-size:19px; color:#000000;}
.bank_info i{color:#000000;}
.bank_info em{font-size:13px; }
.bank_info dt{width:75px; color:#333333;}
.bank_info dt, .bank_info dd{display:inline-block; font-weight:bold; }



/*footer*/
footer .inner{position:relative;}

.company_info02{float:left;}
.company_info02>strong{display:block; width:240px; height:52px;}
.company_info02>strong>img{display:block; width:100%; vertical-align:top;}

.company_info03{float:left; margin-left:40px; font-size:13px; color:#bcbec0;}
.company_info03 strong+strong{margin-left:10px;}

footer .top_btn{position:absolute; right:0; top:0; width:40px; height:40px; z-index:400; }
footer .top_btn>a{display:block; width:100%; height:100%; text-indent:-999999px; overflow:hidden; 
		background:url("../images/common/btn_top.png")no-repeat 0 0; }

.quick_link_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 1200px;
}

.quick_link_wrap > div {
  flex: 0 0 224px;
  height: 360px;
}

.quick_link_wrap > div + div {
  margin-left: 24px;
}

.quick_link_wrap > div:nth-child(1) { background-color: #0a1d6a; }
.quick_link_wrap > div:nth-child(2) { background-color: #3366cc; }
.quick_link_wrap > div:nth-child(3) { background-color: #3399ff; }
.quick_link_wrap > div:nth-child(4) { background-color: #6699ff; }
.quick_link_wrap > div:nth-child(5) { background-color: #99ccff; }

.quick_link_wrap > div:nth-child(1) strong,
.quick_link_wrap > div:nth-child(2) strong,
.quick_link_wrap > div:nth-child(3) strong,
.quick_link_wrap > div:nth-child(4) strong,
.quick_link_wrap > div:nth-child(5) strong {
  color: #ffffff;
}