@charset "UTF-8"; 

/********************************
이미지게시판 썸네일
*******************************/
/*body*/
.ujp_bodybox ul {display:block; margin-left:-20px;}
.ujp_bodybox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.ujp_bodybox li {display:inline-block; float:left; width:33.3333%; padding:0 0 20px 20px;}
.ujp_bodybox li:after {content:''; display:block; visibility:hidden; clear:both;}
.ujp_bodybox li .ujpb_inner {display:block; padding:20px 20px 10px; text-align:left; border:1px solid #ddd; border-radius:10px; font-family:'GSK';}

.ujpb_inner .ujpb_img {display:block; width:100%; height:140px; margin-bottom:12px; background:#ebebeb url('../images/noimg.png') center center no-repeat; background-size:100%;}
.ujpb_inner .ujpb_img img {width:100%; height:100%;}
.ujpb_inner .ujpb_tit {display:block; font-size:1.6rem; color:#121212; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ujpb_inner .ujpb_date {display:block; font-size:1.4rem;}


@media screen and (max-width:720px) {
	.ujp_bodybox {margin-bottom:30px;}
	.ujp_bodybox ul {margin-left:-15px;}
	.ujp_bodybox li {padding:0 0 15px 15px; width:50%;}
}


@media screen and (max-width:480px) {
	.ujp_bodybox ul {margin-left:0;}
	.ujp_bodybox li {padding:0 0 15px 0; width:100%;}
}

/********************************
 울산기업관
*******************************/
/*top*/
.uch_topbox {position:relative; display:block; margin-bottom:10px;}
.uch_topbox:after {content:''; display:block; visibility:hidden; clear:both;}

.ucht_tit {width:100%; margin:10px 0; font-family:'GSK'; font-size:2.3rem; color:#0171bb; font-weight:500; text-align: center;}
.ucht_btnbox {position:relative; height:40px;}
.ucht_btnbox ul {position:absolute; right:0;}
.ucht_btnbox li {display:inline-block; float:left; padding-left:10px;}
.ucht_btnbox li a {display:block; padding:5px 20px; border:1px solid #0B7BC5; background-color:#0B7BC5; color:#fff; border-radius:3px;}
.ucht_btnbox li a:hover,
.ucht_btnbox li a:focus,
.ucht_btnbox li a:active {background-color:#fff; color:#0b7bc5;}

/*body*/
.uch_bodybox ul {display:block; margin-left:-20px;}
.uch_bodybox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.uch_bodybox li {display:inline-block; float:left; width:33.3333%; padding:0 0 20px 20px;}
.uch_bodybox li:after {content:''; display:block; visibility:hidden; clear:both;}
.uch_bodybox li .uchb_inner {display:block; padding:20px 20px 10px; text-align:center; border:1px solid #ddd; border-radius:10px; font-family:'GSK';}

.uch_4bodybox ul {display:block; margin-left:-20px;}
.uch_4bodybox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.uch_4bodybox li {display:inline-block; float:left; width:25%; padding:0 0 20px 20px;}
.uch_4bodybox li:after {content:''; display:block; visibility:hidden; clear:both;}
.uch_4bodybox li .uchb_inner {display:block; padding:20px 20px 10px; text-align:center; border:1px solid #ddd; border-radius:10px; font-family:'GSK';}

.uchb_inner .uchb_tit {font-size:1.8rem; color:#222;}
.uchb_inner .uchb_num {margin=bottom:0; font-weight:500; font-size:2.6rem; color:#0b7bc5; line-height:1.3; letter-spacing:-2px;}
.uchb_inner .uchb_ci {display:block; height:140px; background:#ebebeb url('../images/noimg.png') center center no-repeat; background-size:100%;}
.uchb_inner .uchb_ci img {width:100%; height:100%;}
.uchb_inner a {display:block; text-align:center;}
.uchb_inner a span {position:relative;}
.uchb_inner a .uchb_com {padding-top:10px;display:block; font-size:2.2rem; text-align:center;}
.uchb_inner a .uchb_type {display:block; font-size:1.4rem; text-align:center;}
.uchb_inner a:hover {text-decoration:none;}
.uchb_inner a:hover span:before,
.uchb_inner a:active span:before,
.uchb_inner a:focus span:before {animation:arr 0.4s ease;}

.tit_img {/*height:100px;*/ margin-bottom:40px; text-align:center;}
.tit_img img {height:100%;}

@media screen and (max-width:720px) {
	.uch_topbox {margin-bottom:30px;}
	.uch_bodybox ul {margin-left:-15px;}
	.uch_bodybox li {padding:0 0 15px 15px; width:50%;}
	.uch_4bodybox li {padding:0 0 15px 15px; width:50%;}
	.uchb_inner a .uchb_com {font-size:2.1rem;}	
}


@media screen and (max-width:480px) {
	.uch_bodybox ul {margin-left:0;}
	.uch_4bodybox ul {margin-left:0;}	
	.uch_bodybox li {padding:0 0 15px 0; width:100%;}
	.uch_4bodybox li {padding:0 0 15px 0; width:100%;}	
	.uchb_inner a .uchb_com {font-size:2.0rem;}
}