@charset "UTF-8";
/*
padding:5px 0px 5px 15px;top right bottom left

엣지 에뮬 세로 : mobile
엣지 에뮬 가로 : table
태블릿 세로 : table
태블릿 가로 : desktop
*/
@font-face {
    font-family: 'GA-Regular';
    src: url(/_wf/GothicA1-Regular.woff) format("woff"),
	     url(/_wf/GothicA1-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GA-Bold';
    src: url(/_wf/GothicA1-Bold.woff) format("woff"),
	     url(/_wf/GothicA1-Bold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GA-ExtraBold';
    src: url(/_wf/GothicA1-ExtraBold.woff) format("woff"),
	     url(/_wf/GothicA1-ExtraBold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
	font-family:'GA-ExtraBold', 'GA-Bold', 'GA-Regular', 'courier new', 'Vernada', 'Tahoma', 'Dotum', 'Gulim', 'Gungsuh';
	font-size: 62.5%;
	line-height:150%;
	color:#000;
	margin:0px; /* ie, ff 차이를 없애기 위해 0 으로 설정 */
	padding:0px; /* ff 는 속성에 기본 margin, padding 이 설정된 경우가 있음*/
}

body,div,ul,li,table,tr,td,form,input,select,textarea,span,p,font,button {
	font-family:'GA-ExtraBold', 'GA-Bold', 'GA-Regular', 'courier new', 'Vernada', 'Tahoma', 'Dotum', 'Gulim', 'Gungsuh';
	font-size:1.4rem;
	line-height:150%;
	/*
	line-height:21px;
	*/
	color:#000;
	margin:0px; /* ie, ff 차이를 없애기 위해 0 으로 설정 */
	padding:0px; /* ff 는 속성에 기본 margin, padding 이 설정된 경우가 있음*/
}

p {
	word-break:break-all;
}
img { border:0px; }

a:link		{color:#000;text-decoration:none;}
a:visited	{color:#000;text-decoration:none;}
a:active	{color:#000;text-decoration:none;}
a:hover		{color:#FF5F26;text-decoration:none;}

.cp { cursor:pointer; }
.b  { font-weight:bold; }
.ac { text-align:center; }
.al { text-align:left; }
.ar { text-align:right; }
.vt { vertical-align:top; }
.vm { vertical-align:middle; }
.vb { vertical-align:bottom; }

/* 진행중 표시 */
div#divg_progress {
	position:absolute;
	left:0px;
	top:0px;
	z-index:999;
	visibility:hidden;
}

/* 페이지 전체틀 구성 table, 메뉴 제어, 타이틀 등 공통 ------------------------------------------------------------------------------- */
table.tFrm {
	width:100%;
}
table.tFrm-hide {
	display:none;
}

table.tFrm td.menu {
	width:225px;
	vertical-align:top;
	padding-top:5px;
	padding-left:10px;
	padding-right:5px;
}
table.tFrm td.menu div.m1 {
	/*padding-top:5px;*/
}
table.tFrm td.menu div.m2 {
	padding-top:0px;
	padding-left:25px;
}
table.tFrm td.menu div.small {
	font-size:1.3rem;
}
table.tFrm td.menu div.me1 {
	height:50px;
}
table.tFrm td.menu div.me2 {
	height:12px;
}



div#site-title-4-mobile {
	display:none;
	text-align:center;
}
div#site-title-4-mobile a {
	font-size: 2.2rem;
	font-weight: 500;
	color: #333;
}
div#site-title-4-mobile a:hover,
div#site-title-4-mobile a:active {
	color: #FF5F26;
}
div#site-description-4-mobile {
	display:none;
}


div.menu-4-mobile {
	display:none;
	text-align:left;
	padding-top:5px;
	padding-bottom:20px;
	width:100%;
	background-color:#fff;
	border-top:1px solid #eee;
	overflow-y:auto;
}
div.menu-4-mobile-view {
	display:block;
}
div.menu-4-mobile div.m1 {
	/*
	border-bottom:1px solid #eee;
	*/
	padding-left:35px;
	padding-top:10px;
}
div.menu-4-mobile div.m2 {
	/*
	border-bottom:1px solid #eee;
	*/
	padding-left:75px;
	padding-top:5px;
}
div.menu-4-mobile div.small {
	font-size:1.3rem;
}
div.menu-4-mobile div.me1 {
	height:33px;
}
div.menu-4-mobile div.me2 {
	height:12px;
}

img#topImgP {
	width:99%;
	height:auto;
}
img#topImgM {
	width:99%;
	height:auto;
	display:none;
}

img.mobileMenuOpenIcon {
	position:fixed;
	z-index:99;
	background-color:#dedede;
	bottom:10px;
	right:10px;
	width:55px;
	visibility:hidden;
	margin:10px;
	border-radius:85%;
	-webkit-border-radius:85%;
	-moz-border-radius:85%;
	filter:alpha(opacity=85);
	opacity:0.85;
}
img.mobileMenuOpenIcon-view {
	visibility:hidden;
}
img.mobileMenuCloseIcon {
	position:fixed;
	z-index:99;
	background-color:#dedede;
	bottom:10px;
	right:10px;
	width:55px;
	visibility:hidden;
	margin:10px;
	border-radius:85%;
	-webkit-border-radius:85%;
	-moz-border-radius:85%;
	filter:alpha(opacity=85);
	opacity:0.85;
}
img.mobileMenuCloseIcon-view {
	visibility:hidden;
}

/* desktop 규격 */
@media screen and (min-width: 1024px){
	table.tFrm td.menu {
		width:225px;
	}
	table.tFrm-hide {
		display:block;
	}
	@media screen and (orientation: landscape){
		table.tFrm td.menu {
			width:225px;
		}
		div.menu-4-mobile-view {
			display:none;
		}
		img.mobileMenuOpenIcon-view {
			visibility:hidden;
		}
		img.mobileMenuCloseIcon-view {
			visibility:hidden;
		}
	}
}
/* tablet 규격 */
@media screen and (max-width: 1023px){
	table.tFrm td.menu {
		width:225px;
	}
	table.tFrm-hide {
		display:block;
	}
	@media screen and (orientation: landscape){
		table.tFrm td.menu {
			width:225px;
		}
		div.menu-4-mobile-view {
			display:none;
		}
		img.mobileMenuOpenIcon-view {
			visibility:hidden;
		}
		img.mobileMenuCloseIcon-view {
			visibility:hidden;
		}
	}
}
/* mobile 규격 */
@media screen and (max-width: 540px){
	table.tFrm td.menu {
		display:none;
	}
	table.tFrm-hide {
		display:none;
	}
	img#topImgP {
		width:99%;
		height:auto;
		display:none;
	}
	img#topImgM {
		width:99%;
		height:auto;
		display:block;
	}
	@media screen and (orientation: landscape){
		table.tFrm-hide {
			display:block;
		}
		img#topImgP {
			width:99%;
			height:auto;
		}
		img#topImgM {
			width:99%;
			height:auto;
			display:none;
		}
	}
	div#site-title-4-mobile {
		padding-top:5px;
		display:block;
	}
	div#site-description-4-mobile {
		display:block;
	}
	img.mobileMenuOpenIcon-view {
		visibility:visible;
	}
	img.mobileMenuCloseIcon-view {
		visibility:visible;
	}
}
table.tFrm td.menu a {
	color: #333;
}
table.tFrm td.menu a:hover,
table.tFrm td.menu a:active {
	color: red;
}
table.tFrm td.conts {
	vertical-align:top;
	text-align:center;
}

#site-title a {
	font-size: 2.2rem;
	font-weight: 500;
	line-height: normal;
	color: #333;
	display: block;
	padding-bottom: 5px;
}
#site-title a:after {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	width: 20px;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #000;
}
#site-description {
	font-size: 1.3rem;
	line-height: normal;
	color: #777;
	margin-top:-15px;
}

div#docTitle {
	padding:10px;
	font-weight:bold;
	font-size:1.7rem;
}

div.dFrmConts {
	width:99%;
	background-color:#eee;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
}
div.dSubFrmConts {
	padding:0px;
}


/* 이미지 출력 목록 ------------------------------------------------------------------------------- */
.square {
	width: 24%;
	position: relative;
	display:inline-block;
	background-position: center center;
	background-size: cover;
	cursor:pointer;
}
.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
/*
.square .inner {
	text-align:left;
	font-size:1.3rem;
	position: absolute;
	overflow:hidden;
	width: 100%;
	height: 100%;
	background-color:#fff;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0.0;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.square .inner:hover {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color:#fff;
	filter:alpha(opacity=1);
	-moz-opacity: 1;
	opacity:1.0;
}
.square .inner::-webkit-scrollbar{
	width:3px;
}
.square .inner::-webkit-scrollbar-thumb {
	background-color:#aaa;
	border-radius:25px;
}
*/
/* desktop 규격 */
@media screen and (min-width: 1024px){
	.square {
		width: 24%;
	}
}
/* tablet 규격 */
@media screen and (max-width: 1023px){
	.square {
		width: 32%;
	}
}
/* mobile 규격 */
@media screen and (max-width: 540px){
	.square {
		width: 48%;
	}
}

/* --------------------------- */
div.noData {
	font-size:2.3rem;
	padding:50px;
	text-align:center;
}
div.noDataAtView {
	background-color:#eee;
}

img.noData {
	max-width:70%;
	height: auto;
}
/* tablet 규격 */
@media screen and (max-width: 1023px){
	img.noData {
		max-width:60%;
		height: auto;
	}
}
/* mobile 규격 */
@media screen and (max-width: 540px){
	img.noData {
		max-width:50%;
		height: auto;
	}
}


/* --------- contents -------------- */
div.contsFrm {
	padding:10px;
	font-family:'GA-Regular';
}

p.contsTit {
	font-family:'GA-ExtraBold';
	width:70%;
	font-size:2.1rem;
	border-bottom:1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
div.contsBig {
	font-family:'GA-Bold';
	display:inline-block;
	font-size:1.8rem;
	text-align:left;
	margin-bottom: 15px;
}
div.contsBig span.etc {
	font-family:'GA-Bold';
	font-size:1.8rem;
	color:#777;
}
div.contsWithLeftLine {
	font-family:'GA-Regular';
	border-left:3px solid #333;
	padding-left:10px;
	font-size:1.5rem;
}
div.contsIconBox {
	font-family:'GA-Regular';
	background-color:#eee;
	padding:20px;
	padding-left:45px;
	max-width:555px;
	font-size:1.5rem;
}
div.contsIconBox div.contsIconBoxIcon {
	position:relative;
	top: 10px;
	left: -30px;
	width: 10px;
	height: 10px;
}
div.contsDotBox {
	font-family:'GA-Regular';
	background-color:#fff;
	padding:0px;
	padding-left:35px;
	max-width:565px;
	font-size:1.5rem;
}
div.contsDotBox div.contsDotBoxIcon {
	position:relative;
	top: 13px;
	left: -20px;
	width: 10px;
	height: 10px;
	font-size:0.9rem;
}


/* tablet 규격 */
@media screen and (max-width: 1023px){
	p.contsTit {
		font-family:'GA-ExtraBold';
		width:100%;
		font-size:2.0rem;
		border-bottom:1px solid #ccc;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}
	div.contsBig {
		font-family:'GA-Bold';
		display:inline-block;
		font-size:1.7rem;
		text-align:left;
		margin-bottom: 15px;
	}
	div.contsBig span.etc {
		font-family:'GA-Bold';
		font-size:1.7rem;
		color:#777;
	}
	div.contsWithLeftLine {
		font-family:'GA-Regular';
		border-left:3px solid #333;
		padding-left:10px;
		font-size:1.4rem;
	}
	div.contsIconBox {
		font-family:'GA-Regular';
		background-color:#eee;
		padding:20px;
		padding-left:45px;
		max-width:455px;
		font-size:1.4rem;
	}
	div.contsIconBox div.contsIconBoxIcon {
		position:relative;
		top: 10px;
		left: -30px;
		width: 10px;
		height: 10px;
	}
	div.contsDotBox {
		font-family:'GA-Regular';
		background-color:#fff;
		padding:0px;
		padding-left:35px;
		max-width:465px;
		font-size:1.4rem;
	}
	div.contsDotBox div.contsDotBoxIcon {
		position:relative;
		top: 13px;
		left: -20px;
		width: 10px;
		height: 10px;
		font-size:0.9rem;
	}
}
/* mobile 규격 */
@media screen and (max-width: 540px){
	p.contsTit {
		font-family:'GA-ExtraBold';
		width:100%;
		font-size:1.9rem;
		border-bottom:1px solid #ccc;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}
	div.contsBig {
		font-family:'GA-Bold';
		display:inline-block;
		font-size:1.6rem;
		text-align:left;
		margin-bottom: 15px;
	}
	div.contsBig span.etc {
		font-family:'GA-Bold';
		font-size:1.6rem;
		color:#777;
	}
	div.contsWithLeftLine {
		font-family:'GA-Regular';
		border-left:3px solid #333;
		padding-left:10px;
		font-size:1.3rem;
	}
	div.contsIconBox {
		font-family:'GA-Regular';
		background-color:#eee;
		padding:10px;
		padding-left:45px;
		max-width:100%;
		font-size:1.3rem;
	}
	div.contsIconBox div.contsIconBoxIcon {
		position:relative;
		top: 10px;
		left: -30px;
		width: 10px;
		height: 10px;
	}
	div.contsDotBox {
		font-family:'GA-Regular';
		background-color:#fff;
		padding:0px;
		padding-left:25px;
		max-width:100%;
		font-size:1.3rem;
	}
	div.contsDotBox div.contsDotBoxIcon {
		position:relative;
		top: 13px;
		left: -15px;
		width: 10px;
		height: 10px;
		font-size:0.9rem;
	}
}

/* ----------- what ------------- */
img.what_img_1 {
	max-width: 600px;
	height: auto;
}
/* tablet 규격 */
@media screen and (max-width: 1023px){
	img.what_img_1 {
		max-width: 500px;
		height: auto;
	}
}
/* mobile 규격 */
@media screen and (max-width: 540px){
	img.what_img_1 {
		max-width: 100%;
		height: auto;
	}
}


/* ----------- 한강주조 if ------------- */
img.ifHJ_img_1 {
	max-width: 600px;
	height: auto;
}
/* tablet 규격 */
@media screen and (max-width: 1023px){
	img.ifHJ_img_1 {
		max-width: 500px;
		height: auto;
	}
}
/* mobile 규격 */
@media screen and (max-width: 540px){
	img.ifHJ_img_1 {
		max-width: 100%;
		height: auto;
	}
}






/*
img.문단 안 글 옆에 배치 {
	width: 100px;
	height: auto;

	float: left;
	margin-right: 20px;
	margin-bottom: 20px;

}
*/