@charset "utf-8";

/* 한눈에 보는 개인보증상품 */
.goodsGuide { padding: 62px 80px 0 80px; background: url(../image/bg/bg_pc0101.gif) no-repeat center top; }
.goodsGuide .wordArea { height: 300px; font-family: "notoKrM", sans-serif; font-weight: 500; }
.goodsGuide .wordArea .word01 { color: #000000; font-size: 18px; line-height: 36px; }
.goodsGuide .wordArea .word01 strong { display: block; font-size: 30px; color: #554246; }
.goodsGuide .wordArea .word01 strong span { color: #137cbd; }
.goodsGuide .wordArea .word02 { color: #626262; }

.goodsGuide .goodsGuideArea {
	border: 0px solid red;
	background:transparent url(../image/bg/bg_stem.gif) repeat-y center top;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_stem@2x.gif) repeat-y center top;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_stem@2x.gif) repeat-y center top;
	background-size:6px 1px;
}

.goodsGuide .goodsGuideArea .left {
	position: relative;
	float: left;
	width: 50%;
	padding-top: 100px;
	right: -11px;
}

.goodsGuide .goodsGuideArea .right {
	position: relative;
	float: right;
	width: 50%;
	padding-top: 30px;
	left: -11px;
}

.goodsGuide .goodsGuideArea .left .goodsGuideBox {
	float: right;
	display: block;
	padding-right: 115px;
	padding-bottom: 18px;
	background: url(../image/bg/bg_sort_left.png) no-repeat right 16px;
}

.goodsGuide .goodsGuideArea .right .goodsGuideBox {
	float: left;
	display: block;
	padding-left: 115px;
	padding-bottom: 18px;
	background: url(../image/bg/bg_sort_right.png) no-repeat left 16px;
}



.goodsGuideBox h4 {
	width:252px;
	text-align: center;
	padding-left: 9px;
	margin-bottom: 35px;
}

.goodsGuideBox h4 span {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-right: 9px;
	color: #fff;
	font-size: 20px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	text-shadow:1px 1px 1px #333;
}

.goodsGuideBox dl { padding: 0 0 0 20px; font-family: "notoKrB", sans-serif; font-weight: 700; }
.goodsGuideBox dl dt { display: block; margin-bottom: 8px; }
.goodsGuideBox dl dt a { display: inline-block; padding-right: 12px; font-size: 17px; }
.goodsGuideBox dl dd { margin-bottom: 26px; }
.goodsGuideBox dl dd a { display: inline-block; color: #6c6e6f; line-height: 18px; }
/*.goodsGuideBox.bgType01 h4 { background: url(../image/bg/bg_title_left01.png) no-repeat left top; } */
.goodsGuideBox.bgType01 h4 span { background-color: #0A76DC; /*background: url(../image/bg/bg_title_right01.png) no-repeat right bottom;*/ }
.goodsGuideBox.bgType02 h4 { background: url(../image/bg/bg_title_left02.png) no-repeat left bottom; }
.goodsGuideBox.bgType02 h4 span { background: url(../image/bg/bg_title_right02.png) no-repeat right top; }
/*.goodsGuideBox.bgType03 h4 { background: url(../image/bg/bg_title_left03.png) no-repeat left bottom; }*/
.goodsGuideBox.bgType03 h4 span { background-color: #1E8282;/*background: url(../image/bg/bg_title_right03.png) no-repeat right top;*/ }
.goodsGuideBox.bgType04 h4{ background: url(../image/bg/bg_title_left04.png) no-repeat left top; }
.goodsGuideBox.bgType04 h4 span { background: url(../image/bg/bg_title_right04.png) no-repeat right bottom; }
/*.goodsGuideBox.bgType05 h4{ background: url(../image/bg/bg_title_left05.png) no-repeat left top; }*/
.goodsGuideBox.bgType05 h4 span { background-color: #008700;/*background: url(../image/bg/bg_title_right05.png) no-repeat right bottom;*/ }

.goodsGuideBox.bgType01 dl dt a {
	background:transparent url(../image/icon/icon_arrow05.png) no-repeat right 4px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/icon/icon_arrow05@2x.png) no-repeat right 4px;
	background:linear-gradient(transparent,transparent),url(../image/icon/icon_arrow05@2x.png) no-repeat right 4px;
	background-size: 8px 12px;
	color: #1698e2
}

.goodsGuideBox.bgType02 dl dt a {
	background:transparent url(../image/icon/icon_arrow06.png) no-repeat right 4px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/icon/icon_arrow06@2x.png) no-repeat right 4px;
	background:linear-gradient(transparent,transparent),url(../image/icon/icon_arrow06@2x.png) no-repeat right 4px;
	background-size: 8px 12px;
	color: #137cbd
}

.goodsGuideBox.bgType03 dl dt a {
	background:transparent url(../image/icon/icon_arrow07.png) no-repeat right 4px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/icon/icon_arrow07@2x.png) no-repeat right 4px;
	background:linear-gradient(transparent,transparent),url(../image/icon/icon_arrow07@2x.png) no-repeat right 4px;
	background-size: 8px 12px;
	color: #1E8282
}

.goodsGuideBox.bgType04 dl dt a {
	background:transparent url(../image/icon/icon_arrow08.png) no-repeat right 4px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/icon/icon_arrow08@2x.png) no-repeat right 4px;
	background:linear-gradient(transparent,transparent),url(../image/icon/icon_arrow08@2x.png) no-repeat right 4px;
	background-size: 8px 12px;
	color: #31343f
}

.goodsGuideBox.bgType05 dl dt a {
	background:transparent url(../image/icon/icon_arrow09.png) no-repeat right 4px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/icon/icon_arrow09@2x.png) no-repeat right 4px;
	background:linear-gradient(transparent,transparent),url(../image/icon/icon_arrow09@2x.png) no-repeat right 4px;
	background-size: 8px 12px;
	color: #008700
}


/* 한눈에 보는 기업보증상품 */
.goodsGuide02 { padding: 62px 80px 0 80px; background: url(../image/bg/bg_pc0201.gif) no-repeat left top; }
.goodsGuide02 .wordArea { height: 303px; font-family: "notoKrM", sans-serif; font-weight: 500; }
.goodsGuide02 .wordArea .word01 { color: #000000; font-size: 18px; line-height: 36px; }
.goodsGuide02 .wordArea .word01 strong { display: block; font-size: 30px; color: #554246; }
.goodsGuide02 .wordArea .word01 strong span { color: #137cbd; }
.goodsGuide02 .wordArea .word02 { color: #626262; }
.goodsGuideArea02 {
	background:transparent url(../image/bg/bg_stem02.gif) repeat-y 57px top;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_stem02@2x.gif) repeat-y 57px top;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_stem02@2x.gif) repeat-y 57px top;
	background-size: 6px 1px;
}

.goodsGuideBox02 { position: relative; min-height: 120px; padding: 22px 0 22px 169px; }
.goodsGuideBox02.type05 { padding-bottom: 0; }

.goodsGuideBox02 h4 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 120px;
	height: 120px;
	margin-top: -60px;
	line-height: 120px;
	text-align: center;
	color: #fff;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-shadow:1px 1px 1px #333;
}
.goodsGuideBox02 h4.line2Depth { line-height: 20px; padding-top: 40px; height: 80px; }
.goodsGuideBox02 h4.line2Depth span { display: block; font-size: 14px; }

.goodsGuideBox02.type01 h4 {
	background:transparent url(../image/bg/bg_circle0201.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0201@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0201@2x.png) no-repeat 0 0;
	background-size: 120px 120px;
}

.goodsGuideBox02.type02 h4 {
	background:transparent url(../image/bg/bg_circle0202.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0202@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0202@2x.png) no-repeat 0 0;
	background-size: 120px 120px;
}

.goodsGuideBox02.type03 h4 {
	background:transparent url(../image/bg/bg_circle0203.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0203@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0203@2x.png) no-repeat 0 0;
	background-size: 120px 120px;
}

.goodsGuideBox02.type04 h4 {
	background:transparent url(../image/bg/bg_circle0204.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0204@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0204@2x.png) no-repeat 0 0;
	background-size: 120px 120px;
}

.goodsGuideBox02.type05 h4 {
	background:transparent url(../image/bg/bg_circle0205.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0205@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0205@2x.png) no-repeat 0 0;
	background-size: 120px 120px;
}

.goodsGuideBox02 .goodsGuideList { position: relative; padding-left: 9px; margin-top: 11px; }
.goodsGuideBox02 .goodsGuideList.line1Depth { margin-top: 25px; }
.goodsGuideBox02 .goodsGuideList .bgBubble { position: absolute; top: 50%; left: 0; width: 10px; height: 13px; margin-top: -6px; }
.goodsGuideBox02 .goodsGuideList .bgBuilding { position: absolute; top: 0; right: 55px; height: 51px; margin-top: -51px; }
.goodsGuideBox02 .goodsGuideList ul { border: 1px solid #d9d9d9; padding: 20px 0 10px 20px; border-radius: 2px; }
.goodsGuideBox02 .goodsGuideList ul li { float: left; width: 33.33%; margin-bottom: 10px; }
.goodsGuideBox02 .goodsGuideList ul li a { display: block; line-height: 18px; padding-left: 10px; font-size: 15px; font-family: "notoKrB", sans-serif; font-weight: 700; }
.goodsGuideBox02 .goodsGuideList ul li a img { display: inline-block; vertical-align: middle; width: 8px; margin-left: 2px; }
.goodsGuideBox02 .goodsGuideList ul li a.line2Depth { height: 34px; }
.goodsGuideBox02 .goodsGuideList ul li a.line2Depth span { display: block; font-size: 13px; }

.goodsGuideBox02.type01 .goodsGuideList ul li a {
	background:transparent url(../image/bul/bul_01.gif) no-repeat 0 8px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bul/bul_01@2x.gif) no-repeat 0 8px;
	background:linear-gradient(transparent,transparent),url(../image/bul/bul_01@2x.gif) no-repeat 0 8px;
	background-size: 3px 3px;
	color: #0A76DC;

}

.goodsGuideBox02.type02 .goodsGuideList ul li a {
	background:transparent url(../image/bul/bul_02.gif) no-repeat 0 8px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bul/bul_02@2x.gif) no-repeat 0 8px;
	background:linear-gradient(transparent,transparent),url(../image/bul/bul_02@2x.gif) no-repeat 0 8px;
	background-size: 3px 3px;
	color: #137cbd;
}

.goodsGuideBox02.type03 .goodsGuideList ul li a {
	background:transparent url(../image/bul/bul_03.gif) no-repeat 0 8px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bul/bul_03@2x.gif) no-repeat 0 8px;
	background:linear-gradient(transparent,transparent),url(../image/bul/bul_03@2x.gif) no-repeat 0 8px;
	background-size: 3px 3px;
	color: #1E8282;
}

.goodsGuideBox02.type04 .goodsGuideList ul li a {
	background:transparent url(../image/bul/bul_04.gif) no-repeat 0 8px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bul/bul_04@2x.gif) no-repeat 0 8px;
	background:linear-gradient(transparent,transparent),url(../image/bul/bul_04@2x.gif) no-repeat 0 8px;
	background-size: 3px 3px;
	color: #008700;
}

.goodsGuideBox02.type05 .goodsGuideList ul li a {
	background:transparent url(../image/bul/bul_05.gif) no-repeat 0 8px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bul/bul_05@2x.gif) no-repeat 0 8px;
	background:linear-gradient(transparent,transparent),url(../image/bul/bul_05@2x.gif) no-repeat 0 8px;
	background-size: 3px 3px;
	color: #80838d;
}

.bgCircle { margin-left: 53px; width: 14px; }
.wordGoodsInfo { margin-left: 53px; padding-left: 144px; height: 60px; background: url(../image/bg/bg_bubble_left01.png) no-repeat 0 0; }
.wordGoodsInfo p {
	height: 60px;
	line-height: 60px;
	color: #6c6e6f;
	font-size: 15px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	background: url(../image/bg/bg_bubble_right01.png) no-repeat 100% 0;
}

/* 보증상품 정보 */
.goodsInfo01 { padding-top: 25px; margin-bottom: 65px; background: url(../image/bg/bg_gnb_sub02.png) repeat-y center 0;background-size:contain;}
.goodsInfo02 { padding-top: 25px; margin-bottom: 65px; background-size:contain;}
.goodsInfo01 dl { position: relative; float: left; width: 33.33%; text-align: center;  }
.goodsInfo01 dl.last { background: transparent; }
.goodsInfo01 dl dt { display: block; color: #353535; font-size: 16px; line-height: 32px; font-weight: 700; font-family: "notoKrB", sans-serif; }
.goodsInfo01 dl dt img { display: block; width: 56px; margin: 0 auto 15px auto; }

.goodsInfo01 dl dd {
	color: #31343f;
	font-size: 14px;
	line-height: 20px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	word-break: keep-all;
	padding: 0 6%;
}
.goodsInfo01 dl dd span { display: block; }

/* 추천 지점 안내 */
.recommendInfo {
	position: relative;
	padding: 40px 190px 40px 250px;
	margin-bottom: 45px;
	min-height: 40px;
	background: #eff0f0;
}

.recommendInfo.type02 { padding-right: 280px; }
.recommendInfo.type03 { padding: 40px 330px 40px 40px }

.recommendInfo dt {
	position: absolute;
	top: 40px;
	left: 40px;
	color: #31343f;
	font-size: 19px;
	line-height: 22px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.recommendInfo.type03 dt { position: static; margin-bottom: 13px; }
.recommendInfo dd {
	color: #6c6e6f;
	font-size: 14px;
	line-height: 20px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	word-break: keep-all;
}

.recommendInfo dd .PointInfo {
	position: absolute;
	top: 50%;
	right: 52px;
	display: block;
	height: 73px;
	margin-top: -36px;
	text-align: center;
	color: #fff;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.recommendInfo dd .PointInfo a { float: left; display: block; width: 73px; height: 73px; margin-left: 8px; }

.recommendInfo dd .PointInfo a.type01 {
	line-height: 73px;
	background:transparent url(../image/bg/bg_circle01.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle01@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle01@2x.png) no-repeat 0 0;
	background-size:73px 73px;
}

.recommendInfo dd .PointInfo a.type02 {
	padding-top: 20px;
	height: 53px;
	line-height: 16px;
	background:transparent url(../image/bg/bg_circle02.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle02@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle02@2x.png) no-repeat 0 0;
	background-size:73px 73px;
}

.recommendInfo dd .PointInfo a.type03 {
	padding-top: 20px;
	height: 53px;
	line-height: 16px;
	background:transparent url(../image/bg/bg_circle03.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle03@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle03@2x.png) no-repeat 0 0;
	background-size:73px 73px;
}
.recommendInfo dd .PointInfo a.type02.type04 {
	height: 52px;
    background: #1698e2;
    border-radius: 50%;
    padding-top: 21px;
}

.recommendInfo + p {margin-top: -30px;margin-bottom: 20px;}

.wordExplain { color: #137cbd; line-height: 20px; font-family: "notoKrM", sans-serif; font-weight: 500; }
.wordExplain strong { font-family: "notoKrB", sans-serif; font-weight: 700; }
.wordExplain.dot { padding-left: 11px; background: url(../image/bul/bul_dotted02.gif) no-repeat 0 8px; }

/* 보증책임시기, 보증책임내용 */
.guaranteeINfoArea { margin-bottom: 40px; text-align: center; }
.guaranteeINfoArea:after { content: ""; clear: both; display: block; }
.guaranteeINfoBox { float: left;; width: 345px; overflow: hidden; margin-left: 6.5%; }
.guaranteeINfoArea li{width:50%; float:left; padding:0 5%; box-sizing:border-box;}
.guaranteeINfoArea img{max-width:100%;}

.guaranteeINfoBox h4 {
	color: #31343f;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 0;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.guaranteeINfoBox h4 strong { font-family: "notoKrM", sans-serif; font-weight: 500; }

.guaranteeINfoBox .info {
	color: #31343f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	margin-bottom: 30px;
	min-height: 40px;
}

.guaranteeINfoBox .guaranteeInfo {
	position: relative;
	max-width: 93px;
	padding: 58px 114px 0 114px;
	min-height: 72px;
	margin: 0 auto;
	overflow: hidden;
}

.guaranteeInfo.type02 { padding-top: 4px; padding-bottom: 32px; }

.guaranteeINfoBox .guaranteeInfo .guarantee {
	position: absolute;
	top: 0;
	width: 104px;
	color: #1698e2;
	font-size: 14px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	z-index: 10;

}

.guaranteeINfoBox .guaranteeInfo .guarantee img { display: block; width: 104px; margin-bottom: 9px; }
.guaranteeINfoBox .guaranteeInfo .guarantee.left { left: 0; }
.guaranteeINfoBox .guaranteeInfo .guarantee.right { right: 0; }
.guaranteeINfoBox .iconArrow { position: absolute; top: 43px; right: 104px; }
.guaranteeINfoBox .guaranteeLine { font-family: "notoKrM", sans-serif; font-weight: 500; color: #31343f; }
.guaranteeINfoBox.type02 { float: right; margin-right: 6.5%; }
.guaranteeINfoBox.type02 .guaranteeInfo .guarantee { color: #01a972 }


/* 다른상품 더보기 */
.anotherGoodsBanner { margin-bottom: 60px; }

.anotherGoodsBanner .anotherGoodsArea {
	float: left;
	width: 49%;
	max-width: 447px;
	background: url(../image/bg/bg_banner01.gif) repeat;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.anotherGoodsBanner .anotherGoodsArea.type02 { float: right; background: url(../image/bg/bg_banner02.gif) repeat; }
.anotherGoods { position: relative; display: block; min-height: 65px; padding: 35px 24px; }
.anotherGoodsArea .anotherGoods h5 { color: #137cbd; font-size: 20px; line-height: 24px; margin-bottom: 10px; }
.anotherGoodsArea.type02 h5 { color: #00875a; }

.anotherGoods p {
	display: block;
	color: #31343f;
	line-height: 18px;
	min-height: 36px;
	padding-right: 50px;
}

.anotherGoods p span { display: block; }
.anotherGoods .btns { padding-top: 15px; }
.anotherGoods .btnDetailView {
	position: absolute;
	top: 50%;
	right: 18px;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	text-indent: -5000em;
	background: url(../image/icon/icon_circle_arrow01.png) no-repeat 0 0;
}

.anotherGoods .btnGoods {
	float: left;
	display: block;
	margin-right: 4px;
	padding: 0 19px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background: #137cbd;
	font-size: 11px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

/* 이용절차 */
.guaranteeProcess { margin-bottom: 60px; overflow:hidden; }

.guaranteeProcess h5 {
	font-size: 15px;
	color: #00b278;
	font-weight: bold;
	font-family: "notoKrB", sans-serif;
	border: 1px solid #09a56d;
	padding: 15px 33px 15px 45px;
	box-sizing: border-box;
	background: url('../image/common/bul_dot_green4.png') no-repeat 33px center;
	margin-bottom: 3px;
}

.guaranteeProcess h5.type01 { color: #098fdb; border: 1px solid #1698e2; background: url('../image/common/bul_dot_blue4.png') no-repeat 33px center; }
.guaranteeProcess table { border-collapse: separate; border-spacing: 0px 7px; }
.guaranteeProcess table tr th {
	position: relative;
	background: #e6f3f0;
	width:178px;
	padding: 20px 20px 20px 33px;
	color: #333;
	font-size: 15px;
	font-family: "notoKrB", sans-serif;
	text-align: left;
	font-weight: 700;
}

.guaranteeProcess table tr th.header { background: #09a56d; color: #fff; text-shadow:1px 1px 1px #333;}
.guaranteeProcess table tr th.header02 { background: #1698e2; color: #fff; text-shadow:1px 1px 1px #333;}
.guaranteeProcess table tr th.body02 { background: #e2edf3; }
.guaranteeProcess table tr th.tail { background: #eff0f0; }
.guaranteeProcess table tr th.tail02 { background: #09a56d; color: #fff; }
.guaranteeProcess table tr th.tail03 { background: #1698e2; color: #fff; }
.guaranteeProcess table tr th span { float: left; margin-right: 7px; font-weight: 300; }
.guaranteeProcess table tr th strong { float: left; }
.guaranteeProcess table tr th .bgTail { position: absolute; bottom: 0; left: 0; display: block; width: 7px; margin-bottom: -7px; }

.guaranteeProcess table tr td {
	border: 1px solid #e1e2e2;
	border-left: 0;
	padding: 20px;
	background: #fff;
	color: #333;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}
.guaranteeProcess table.type03 tr th {width:220px; padding:20px 10px 20px 20px; box-sizing:border-box;font-size:14px;}
.guaranteeProcess table.type03 tr th.body02 { background: #eff0f0; }
.guaranteeProcess table.type03 tr th.tail { background: #09a56d; color:#fff; text-shadow:1px 1px 1px #333;}

.titleArea { margin-bottom: 19px; }
.titleArea .left { float: left; }
.titleArea .right { float: right; }
.titleArea h4 { margin-bottom: 20px; }
.titleArea .wordType01 { color: #515252; line-height: 20px; font-family: "notoKrM", sans-serif; font-weight: 500; margin-bottom: 12px; }
.titleArea .wordType01 strong { font-family: "notoKrM", sans-serif; font-weight: 500; color: #000000; }
.titleArea .wordBtnsArea { position: relative; margin-bottom: 20px; padding-right: 150px; }
.titleArea .wordBtnsArea .dot01 { padding-left: 10px; background: url(../image/bul/bul_dotted02.gif) no-repeat left 9px; color: #515252; }
.titleArea .wordBtnsArea .dot01 strong { font-family: "notoKrB", sans-serif; font-weight: 700; }
.titleArea .wordBtnsArea .dot02 { padding-left: 10px; background: url(../image/bul/bul_dotted01.png) no-repeat 0 11px; color: #515252; }
.titleArea .wordBtnsArea .btnsType01 { position: absolute; top: 0; right: 0; }

.btnsType01 {
	position: relative;
	display: inline-block;
	padding-left: 23px;
	padding-right: 33px;
	height: 20px;
	line-height: 20px;
	color: #444444;
	background-color: #fff;
	font-size: 11px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	border: 1px solid #dedede;
}

.btnsType01 .iconArrow {
	position: absolute;
	top: 50%;
	right: 23px;
	display: block;
	width: 5px;
	margin-top: -4px;
}

.btnsType01.right{float:right;} 

.btnsType02 {
	display: inline-block;
	padding: 0 22px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background: #80838d;
	font-size: 11px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.btnsGrayType01 {
	display: inline-block;
	padding: 0 11px;
	height: 22px;
	line-height: 22px;
	margin-left: 10px;
	color: #fff;
	background: #80838d;
	font-size: 11px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.btnsType03 {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	height: 20px;
	line-height: 20px;
	color: #444444;
	background-color: #fff;
	font-size: 11px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	border: 1px solid #dedede;
}

/* 약관 */
.termsTable { font-family: "notoKrM", sans-serif; font-weight: 500; margin-bottom: 60px; }
.termsTable table { width: 100%; border-top: 2px solid #137cbd; border-bottom: 1px solid #d5d5d5; }
.termsTable table tr th {
	padding: 23px 0 20px 0;
	font-size: 22px;
	font-weight: 500;
	width: 64px;
	vertical-align: top;
	text-align: center;
}

.termsTable table tr td {
	padding: 23px 20px 20px 20px;
	text-align: left;
	color: #515252;
	line-height: 20px;

}
.termsTable table tr.question th { background: #e6eef3; color: #137cbd; }
.termsTable table tr.question td { color: #0a72b2; font-size: 16px; line-height: 20px; background: #f6f6f6; }
.termsTable table tr.answer th { background: #eef8f6; color: #00875a; }

.noteInformation { position: relative; margin-bottom: 60px; background: #f0f0f0; padding: 34px 303px 34px 38px; }
.noteInformation p { color: #808080; font-size: 15px; line-height: 22px; font-family: "notoKrM", sans-serif; font-weight: 500; }
.noteInformation p strong { display: block; font-size: 18px; color: #515252; }
.noteInformation p strong span { color: #71360a }


.noteInformation .noteBtns {
	position: absolute;
	top: 50%;
	right: 45px;
	margin-top: -16px;
}

.noteInformation .noteBtns a {
	float: left;
	margin-left: 23px;
	padding-right: 12px;
	color: #37272a;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;

	background:transparent url(../image/icon/icon_arrow04.png) no-repeat right 9px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/icon/icon_arrow04@2x.png) no-repeat right 9px;
	background:linear-gradient(transparent,transparent),url(../image/icon/icon_arrow04@2x.png) no-repeat right 9px;
	background-size: 7px 10px;
}

.noteInformation .noteBtns a img {
	display: inline-block;
	vertical-align: middle;
	width: 31px;
	line-height: 31px;
	margin-right: 5px;
}

 /* 보증현황/공시정보 > 분양보증현황 > 지도 */
.barometerArea {overflow:hidden; margin-bottom:40px; width:100%}
.barometerArea > div > strong {display:block; padding:11px 20px 0 20px; height: 29px; min-height:23px; text-align: left; border:1px solid #e1e2e2; background: #eeeeee; color: #333;}
.barometerArea > div > .map {position:relative; border-bottom:1px solid #e1e2e2;}

.barometerArea > .areaL {float:left; width:42%; position:relative; z-index:9;}
.barometerArea > .areaL > strong {border-right: 1px solid #5a4f4a}
.barometerArea > .areaL > .map {height:475px; text-align:center; border-left:1px solid #e1e2e2; border-right:1px solid #e1e2e2;}
.barometerArea > .areaL > .map > p {text-align: center; padding-top: 40px; font-size: 16px; line-height: 20px; color: #515252; font-family: "notoKrM", sans-serif; font-weight: 500;}
.barometerArea > .areaL > .map > p > b {; font-family: "notoKrB", sans-serif; font-weight: 700;}
.barometerArea > .areaL > .map > .mapImg {position:relative; display:inline-block;}
.barometerArea > .areaR {display:block; float:left; width:35%; position:relative; z-index:9;}
.barometerArea > .areaR strong {border-left:none;}
.barometerArea > .areaR .map {height:475px; border-right:1px solid #e1e2e2;}
.barometerArea > .areaR > .map > p {position:absolute; left:25%; top:166px; padding:0 0 0 42px; font-size:14px; line-height:150%; background:transparent url(../image/icon/icon_circle_left_arrow01.png) no-repeat 0 6px; background:-webkit-linear-gradient(transparent,transparent),url(../image/icon/icon_circle_left_arrow01@2x.png) no-repeat 0 6px; background:linear-gradient(transparent,transparent),url(../image/icon/icon_circle_left_arrow01.png) no-repeat 0 6px; background-size:32px 32px;}

.barometerArea > .areaL.on {width:65%;}/* 시도 활성화 */
.barometerArea > .areaL.on strong {color:#fff; border:1px solid #137cbd; background:#137cbd;}
.barometerArea > .areaL.on > .map {border-right:1px solid #e1e2e2;}
.barometerArea > .areaR.on {width:58%;}/* 시군구 활성화 */
.barometerArea > .areaR.on > strong {color:#fff; border:1px solid #137cbd; border-left:0; background:#137cbd;}
.barometerArea > .areaR.on > .map {text-align:center;}
.barometerArea > .areaR.on > .map > p {position:absolute; left:30px; top:30px; padding-left:0; font-size:14px; line-height:150%; text-align:left; color:#000; background:none;}
/* .barometerArea > .areaR.on > .map strong.title {position:absolute; left:30px; top:30px; display:block; margin-bottom:0; padding-bottom:13px; padding-left:12px; line-height:160%; font-size:14px; font-weight:bold; color:#4d4d4d; background:url('/common/image/bul/bul_stick.gif') no-repeat 0 6px;} */
.barometerArea > .areaR.on > .map h5.title {position:absolute; left:30px; top:30px; display:block; margin-bottom:0; padding-bottom:13px; padding-left:12px; line-height:160%; font-size:14px; font-weight:bold; color:#4d4d4d; background:url('/common/image/bul/bul_stick.gif') no-repeat 0 6px;}

.barometerArea .map span.mapTip {display:inline-block; position:absolute;}/* 마우스 오버시 활성화 툴팁 */
.barometerArea .map span.mapTip.left {padding:0 0 0 20px; background:url('/hug/image/gp/bg_mapTipL.gif') no-repeat left top;}
.barometerArea .map span.mapTip.left em {display:inline-block; height:22px; padding:10px 20px 0 0; font-size:11px; color:#5a4f4a; background:url('/hug/image/gp/bg_mapTip.gif') no-repeat right top;}
.barometerArea .map span.mapTip.right {padding:0 20px 0 0; background:url('/hug/image/gp/bg_mapTipR.gif') no-repeat right top;}
.barometerArea .map span.mapTip.right em {display:inline-block; height:22px; padding:10px 0 0 15px; font-size:11px; color:#5a4f4a; background:url('/hug/image/gp/bg_mapTip.gif') no-repeat left top;}

.barometerArea .areaR .p0 {display:block;}
.barometerArea .areaR .p1 {display:block;}
.barometerArea .areaR .p2 {display:none;}
.barometerArea .areaR .sigungu {display:none;}

/* 보증현황/공시정보 > 검색 */
.searchArea02 {padding:20px; background:#f5f6f6; margin-bottom: 10px;}/* 분양보증현황 > 계약고객으로 조회 */
.searchArea02 .selectedBox {float: left; width: 33.33%}
.searchArea02 .selectedBox .pc {position: relative; padding-left: 65px; padding-right: 40px;}
.searchArea02 .selectedBox.type02 {float: left; width: 33.34%}
.searchArea02 .selectedBox.type02 .tablet {position: relative; padding-left: 65px;}
.searchArea02 .selectedBox .selectLabel {position: absolute; top: 0; left: 0; height: 36px; line-height: 36px; color: #31343f; font-family: "notoKrB", sans-serif; font-weight: 700}
.searchArea02 .selectedBox .selectBox label {height: 34px; line-height: 34px;}


.searchArea03 { padding: 20px 36px 22px 36px; background: #f5f6f6; margin-bottom: 60px; }
.searchArea03 .searchBox { position: relative; padding: 0 101px 0 95px; margin-bottom: 6px; }
.searchArea03 .searchBox label { position: absolute; top: 32px; left: 0; color: #31343f; font-family: "notoKrB", sans-serif; font-weight: 700; }

/* 보증이행안내 이행절차 */
.maintenanceBondProcess {
	margin-bottom: 60px;
	background:transparent url(../image/bg/bg_dotted01.png) repeat-y 5px 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_dotted01@2x.png) repeat-y 5px 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_dotted01@2x.png) repeat-y 5px 0;
	background-size:1px 4px;
}

.maintenanceBondProcess dl {
	position: relative;
	padding-left: 186px;
	width: 100%;
	height: 100%;
	display: table;
	margin-bottom: 15px;
	margin-top: 5px;
	box-sizing: border-box;

	background:transparent url(../image/bg/bg_circle06.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle06@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle06@2x.png) no-repeat 0 0;
	background-size:11px 11px;
}

.maintenanceBondProcess dl:after { content: ""; clear: both; display: block; }

.maintenanceBondProcess dl.header {
	background:transparent url(../image/bg/bg_circle05.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle05@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle05@2x.png) no-repeat 0 0;
	background-size:11px 11px;
}

.maintenanceBondProcess dl.tail { background-color: #fff; }

.maintenanceBondProcess dl dt {
	position: absolute;
	top: 0;
	left: 30px;
	width: 156px;
	height: 100%;
	background: #e5eef4;
	padding: 20px 28px;
	box-sizing: border-box;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	line-height: 16px;
	border-bottom: 1px solid #e5eef4;
}

.maintenanceBondProcess dl dt .dtBr01 { display: block; }
.maintenanceBondProcess dl.header dt { background: #1698e2; color: #fff; border-bottom: 1px solid #1698e2; text-shadow:1px 1px 1px #333;}
.maintenanceBondProcess dl dt img { position: absolute; top: 0; left: 0; margin-left: -7px; width: 7px; }
.maintenanceBondProcess dl dd {
	/* min-height: 42px; */
	padding: 20px 27px;
	border: 1px solid #e1e2e2;
	border-left: 0;
	color: #515252;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.maintenanceBondProcess dl dd.border_0 {min-height: 20px;}

.maintenanceBondProcess dl.tail dd { min-height: 42px; }

.maintenanceBondProcess dl dd p {
	padding-left: 11px;

	background:transparent url(../image/bul/bul_06.gif) no-repeat 0 8px;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bul/bul_06@2x.gif) no-repeat 0 8px;
	background:linear-gradient(transparent,transparent),url(../image/bul/bul_06@2x.gif) no-repeat 0 8px;
	background-size: 3px 3px;
}

.maintenanceBondProcess dl dd p span.notice {
	display: block;
	margin-top: 19px;
	color: #048ddb;
	font-weight: 500;
	font-family: "notoKrM", sans-serif;
}
.maintenanceBondProcess dl dd span.notice {
	display: block;
	margin-top: 19px;
	color: #048ddb;
	font-weight: 500;
	font-family: "notoKrM", sans-serif;
}

/* 초록색 */
.maintenanceBondProcess.type02 dl.header {
	background:transparent url(../image/bg/bg_circle07.png) no-repeat 0 0;
	background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle7@2x.png) no-repeat 0 0;
	background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle07@2x.png) no-repeat 0 0;
	background-size:11px 11px;
}
.maintenanceBondProcess.type02 dl.header dt { background: #09a56d; color: #fff; border-bottom: 1px solid #09a56d; }
.maintenanceBondProcess.type02 dl dt { background: #e6f3f0; border-bottom: 1px solid #e6f3f0; }
.maintenanceBondProcess dl.tail dt { background: #eff0f0; border-bottom: 1px solid #eff0f0; }
.maintenanceBondProcess dl.tail.type02 dt { background: #e6f3f0; border-bottom: 1px solid #e6f3f0; }

.tabSite {overflow:hidden;padding: 17px 36px;margin-bottom: 33px;/* border:1px solid #e2e2e2; */background: #f5f6f6;}
.tabSite li {float:left;width: 20%;line-height:160%;margin: 8px 0;padding-left: 10px;background: url('../image/common/bul_dot.gif') 0 8px no-repeat;box-sizing: border-box;}
.tabSite li a { color: #6c6e6f; }
.tabSite li a:hover {text-decoration:underline;color: #554346;}

.areaMobileSearchArea {display: none;}

/* 고객지원센터 > 고객제안 > 고객제안제도안내 */
.ppsProcess {overflow:hidden;margin-top: 20px;margin-bottom:15px;width:100%;height: 126px;background:url('../image/cs/img_cssg01.png') no-repeat 50% 0;}

/* 로그인센터 > 대한주택보증 분양임대고객 회원가입 안내 */
.proGuide01 .proGuideBg {padding: 74px 0 10px;min-height:66px;margin-bottom:20px;background: url(../image/me/kfgc_pro01_pc.png) no-repeat left top;border-bottom:1px solid #ccc;}
.proGuide01 dl {text-indent:-5000px;}
.proGuide01 li {padding-left:8px;line-height:170%;background: url(/common/image/common/bul/bul_dash.png) no-repeat left 8px;}

.proGuide02 .proGuideBg {padding-top: 74px;background: url(../image/me/kfgc_pro02_pc.png) no-repeat left top;}
.proGuide02 dl {text-indent:-5000px;}
.proGuide02 li {padding-left:8px; line-height:170%; background:url(/common/image/common/bul/bul_dash.png) no-repeat left 8px;}

.proGuide03 {padding-top:140px; margin-bottom:20px; background: url(../image/me/kfgc_pro03_pc.png) no-repeat left top; text-indent:-5000px; border-bottom:1px solid #ccc}

.proGuide04 {padding:120px 0 10px; min-height:66px; margin-bottom:20px; background: url(../image/me/kfgc_pro04_pc.png) no-repeat left top; border-bottom:1px solid #ccc}
.proGuide04 dl {text-indent:-5000px;}
.proGuide04 li {padding-left:8px; line-height:170%; background:url(./common/image/common/bul/bul_dash.png) no-repeat left 8px;}

.proGuide05 {padding-top:120px; background: url(../image/me/kfgc_pro05_pc.png) no-repeat left top;}
.proGuide05 dl {text-indent:-5000px;}
.proGuide05 li {padding-left:8px; line-height:170%; background:url(/common/image/common/bul/bul_dash.png) no-repeat left 8px;}

.proGuide01 > h4 {
	font-size: 18px;
	color: #00c182;
	font-weight: 700;
	font-family: "notoKrB", sans-serif;
	text-decoration: underline;
	margin-bottom: 10px;
}

.proGuide02 > h4 {
	font-size: 18px;
	color: #1698e2;
	font-weight: 700;
	font-family: "notoKrB", sans-serif;
	text-decoration: underline;
	margin-bottom: 10px;
}

.nsip {border-bottom: 1px solid #e9e9e9;padding: 54px 350px 0 40px;background: url(../image/bg/bg_introduce01.png) no-repeat right 29px;padding-bottom: 65px;}
.nsip dt {color: #737373; margin-bottom: 30px; font-size: 16px; line-height: 28px; font-family: "notoKrM", sans-serif; font-weight: 500;}
.nsip dt span {display: block;color: #137cbd;font-size: 35px;line-height: 43px;font-family: "notoKrL", sans-serif;font-weight: 100;}
.nsip dt strong {display:inline-block; font-family: "notoKrM", sans-serif; font-weight: 500;}
.nsip dd {font-size:14px; line-height:21px; color:#6D6E6E; font-family: "notoKrB", sans-serif; font-weight: 700;}
.nsip dd span {display:block;}


.infoCertify {overflow:hidden;width:100%;margin: 20px 0 30px 0;}
.infoCertify dl.pcList, .infoCertify ul {float:left;}
.infoCertify dl.moList {float:right;}
.infoCertify dl {width:39%}
.ie7 .infoCertify dl {width:38%}
.infoCertify dl dt {/* padding:40px; */text-align:center;}
.infoCertify dl dt img {}
.infoCertify dl dd {padding:20px 30px; }
.infoCertify dl dd > ul > li {line-height:160%;}
.infoCertify dl dd { font-size:15px; font-weight:500; font-family:"notoKrM", sans-serif; overflow:hidden;}

.infoCertify dl.pcList .circleNum li span.number  { background-color:#0a92df; }
.infoCertify dl.moList .circleNum li span.number  {background-color: #0bb47c;}

.infoCertify > ul {margin: 45px 0 0 0;width:22%;}
.infoCertify > ul > li:first-child {background:url('../image/cs/bg_cshg_next.png') no-repeat 50% 100%;padding: 0 0 20px 0;color: #006fb4;}
.infoCertify > ul > li {background:url('../image/cs/bg_cshg_prev.png') no-repeat 50% 0;padding: 20px 0 0 0;text-align:center;margin-top:20px;font-size: 15px;font-weight: 500;font-family: "notoKrB", sans-serif;color: #00875a;}

.infoCertify01 > h5 {
	color: #0c74b4;
	font-size: 15px;
	padding: 30px 0 22px 0;
	border-top: 1px solid #e1e1e1;
	margin-top: 40px;
}
.infoCertify01 ul{width:100%; overflow:hidden;}
.infoCertify01 ul li{float:left; padding:0 0 10px 10px; width:50%; box-sizing:border-box;}
.infoCertify01 ul li p{margin:5px 0;}
.infoCertify01 ul li img{border:1px solid #dedede;box-sizing:border-box;}
.infoCertify01 ul li img.CertifyMo{display:none}

.smart_cert{ width:100%; padding:10px; box-sizing:border-box; text-align:center;}
.smart_cert .pc{display:block; margin-top:20px;}
.smart_cert .pc img{max-width:100%;}
.smart_cert .m{display:none; margin-top:20px;}


.mApp { overflow:hidden; margin-top:30px}
.mApp li{float:left;width: 31%;margin-left: 3.5%;}
.mApp li:first-child{  margin-left:0px !important;}
.mApp em{display:block;text-align: center;height: 50px;line-height: 50px;font-size: 16px;font-weight: 700;font-family: "notoKrB",sans-serif; text-shadow:1px 1px 1px #333;}
.mApp span{display:block;border:1px solid #ccc;padding: 14px;box-sizing: border-box;}
.mApp span img{ max-width:100%; }

.mApp li.bg01 em { background-color: #09a56d; color: #fff; }
.mApp li.bg02 em { background-color: #1698e2; color: #fff; }
.mApp li.bg03 em { background-color: #6b6b6b; color: #fff; }

/* 고객지원센터 > 홈페이지 이용안내 > 홈페이지개편/접근성안내*/
.infoAccess {overflow:hidden; margin-bottom:35px;}
.infoAccess li {float:left; background:url('../image/cs/bg_access01.png') no-repeat 94% 50%;letter-spacing:-2px;width:33.3%; background-color:#f9f9f9;}
.infoAccess li.n01 { border-bottom:2px solid #09a56d;}
.infoAccess li.n02 { border-bottom:2px solid #1698e2;}
.infoAccess li.n03 { border-bottom:2px solid #6b6b6b;}
.infoAccess li a {padding:20px 18px;display:block; color:#515252; }
.infoAccess li span { display:block; font-size:16px; font-weight:700; font-family:"notoKrB", sans-serif;; }
.infoAccess li.n01 span { color:#09a56d; }
.infoAccess li.n02 span { color:#1698e2; }
.infoAccess li.n03 span { color:#6b6b6b; }

.infoAccess01 {margin-bottom:40px; border:1px solid #e0e0e0; border-top:0;}
.infoAccess01 > li:first-child {margin-top:0}
.infoAccess01 > li {height:175px; margin-top:30px}

.infoAccess01 > li > h4 {line-height:150%; padding:0 0 5px 30px; font-size:14px;}
.infoAccess01 > div > p {margin-top:8px; line-height:160%;}
.infoAccess01 > div > h5 {margin-top:12px;line-height:160%;/*background:url('/common/image/bul/bul_dot.gif') 0 8px no-repeat;*/color: #1698e2;font-size: 20px;font-weight: 500;font-family: "notoKrM", sans-serif;}
.infoAccess01 > div > ul {margin-top:10px;}
.infoAccess01 > div.n01{position:relative; height:160px; padding:20px 0 0 300px; box-sizing:border-box;}
.infoAccess01 > div.n02{position:relative; height:160px; padding:20px 0 0 300px; box-sizing:border-box; border-top:1px solid #e0e0e0;}
.infoAccess01 > div.n01 > ul > li {margin-top:12px;line-height:160%;background: url('../image/common/bul/bul_dot.gif') 0 8px no-repeat;padding-left:12px;color:#4d4d4d;}
.infoAccess01 > div.n01 > ul > li > ul > li {margin-top:12px;line-height:160%;background: url('../image/common/bul/bul_bar.gif') 0 8px no-repeat;padding-left:12px;color:#4d4d4d;}
.infoAccess01 > div.n02 > ul > li {margin-top:12px;line-height:160%;background: url('../image/common/bul/bul_dot.gif') 0 8px no-repeat;padding-left:12px;color:#4d4d4d;}
.infoAccessImgn01{position:absolute;width: 170px; top:15%; left: 7%;}
.infoAccessImgn02{position:absolute;width: 120px; top:20%; left: 4%;}
.infoAccessImgn03{position:absolute;width: 100px; top:17%; left: 18%;}

.infoAccess02 {margin-bottom:40px; text-align:center}

.infoAccess03 {overflow:hidden}
.infoAccess03 > dl {overflow:hidden; border:1px solid #dedede; padding:21px 21px 21px 85px}
.infoAccess03.n01 > dl {background:#f1f1f1 url('../image/cs/bg_accessA.png') no-repeat 20px 50%;}
.infoAccess03.n02 > dl {background:#f1f1f1 url('../image/cs/bg_accessB.png') no-repeat 20px 50%;}
.infoAccess03.n03 > dl {background:#f1f1f1 url('../image/cs/bg_accessC.png') no-repeat 20px 50%;}
.infoAccess03 > dl > dt {font-weight:bold; font-size:14px; line-height:160%; letter-spacing:-1px;}
.infoAccess03 > dl > dd {margin-top:13px; line-height:160%; letter-spacing:-1px;}
.infoAccess03 > ul {overflow:hidden; margin:25px 0 40px}
.infoAccess03 > ul > li {width:416px; float:left;}
.infoAccess03 > ul > li + li {float:right;}
.infoAccess03 > ul > li > b {margin-top:12px; line-height:160%; background:url('/common/image/bul/bul_dot.gif') 0 8px no-repeat; padding-left:12px; color:#4d4d4d;}
.infoAccess03 > ul > li > p {margin-top:12px; line-height:160%; letter-spacing:-1px; height:40px}
.infoAccess03 > ul > li img {width:99.5%; border:1px solid #d4d4d4; margin-top:13px}
.infoAccess03.n03 > ul {margin:25px 0 0}
.infoAccess03.n03 > ul > li img {border:none; width:100%}
.infoAccess03.n03 > ul > li div {margin-top:13px; overflow:hidden; width:100%; height:328px; background:url('../../image/cs/img_accessC02.png') no-repeat 100% 0;}

.accessBox { padding:30px; }
.accessBox.n01 { background-color: #09a56d; text-shadow:1px 1px 1px #333; }
.accessBox.n02 { background-color: #1698e2; text-shadow:1px 1px 1px #333; }
.accessBox.n03 { background-color: #6b6b6b; text-shadow:1px 1px 1px #333; }

.accessBox h4 { color:#fff;}
.accessBox p {color: #fff !important;}


.boxViewerInfo {border:1px solid #e2e2e2; margin-bottom:40px; padding:20px 40px 20px 250px; background:url('../image/cs/bg_viewer.png') no-repeat 32px 50%;}
.boxViewerInfo span {display:block}

.boxViewer{margin-top:40px; border:1px solid #e2e2e2; border-bottom:0;}
.boxViewer ul li {box-sizing:border-box;float:left;min-height:105px;height:147px;width:33.3%;line-height:150%;/* margin-bottom:25px; */border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.boxViewer ul li dl {padding: 30px 30px 30px 90px;}
.boxViewer ul li.viewer01, .boxViewer ul li.viewer04, .boxViewer ul li.viewer07{/* padding-left:0; */border-left:0;}
.boxViewer ul li dl dt {margin-bottom:3px;font-weight:bold;font-size:14px;letter-spacing:-1px;}
.boxViewer ul li dl dd p {margin-bottom:5px; letter-spacing:-1px;}
.boxViewer ul li.viewer01 dl {background:url('../image/cs/icon_word.png') no-repeat 30px 30px;}
.boxViewer ul li.viewer02 dl {background:url('../image/cs/icon_excel.png') no-repeat 30px 30px;}
.boxViewer ul li.viewer03 dl {background:url('../image/cs/icon_pdf.png') no-repeat 30px 30px;}
li.viewer04 { clear: both; }
.boxViewer ul li.viewer04 dl {background:url('../image/cs/icon_hwp.png') no-repeat 30px 30px;}
.boxViewer ul li.viewer05 dl {background:url('../image/cs/icon_ppt.png') no-repeat 30px 30px;}
.boxViewer ul li.viewer06 dl {background:url('../image/cs/icon_office.png') no-repeat 30px 30px;}
.boxViewer ul li.viewer07 dl {background:url('../image/cs/icon_hm.png') no-repeat 30px 30px;}

/* 고객지원센터 > 홈페이지 이용안내 > 관련사이트/배너존 */
.listSite {overflow:hidden; margin-top:30px;margin-top:30px;border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;}
.listSite ul {overflow:hidden;}
.ie7 .listSite ul li {width:24.9%;}
.listSite ul li {float:left; width:25%;height: 67px;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;box-sizing:border-box;}
/* .listSite ul li:nth-child(4n+1) { clear:both; } */
.listSite ul li.no01,
.listSite ul li.no05,
.listSite ul li.no09,
.listSite ul li.no13,
.listSite ul li.no17,
.listSite ul li.no21,
.listSite ul li.no25,
.listSite ul li.no29,
.listSite ul li.no33,
.listSite ul li.no37,
.listSite ul li.no41 { clear:both;}
.listSite ul li a {display:block; margin:0 auto; padding:10px 0; text-align:center;}

/* 공사소개 > 주택도시보증공사소개 > 연혁 */
.historyList > li {position:relative; border-top:1px solid #ddd; padding:25px 0; float:left; width:50%;}
.historyContIn:first-child li{border-top:0;}
.historyList > li:first-child strong {}
.historyList > li strong {display:block; position:absolute; left:35px; top:23px; width:100px; font-size:25px; letter-spacing:-1px;}
.historyList > li ol {margin-left:35px; padding:40px 20px 0 0; box-sizing:border-box; word-break:keep-all;}
.historyList > li ol li {position:relative; line-height:170%; letter-spacing:-1px;}
.historyList > li ol li span {display:block; position:absolute; left:0; top:0; width:20px;}
.historyList > li ol li em {display:block; margin-left:25px}

/* 공사소개 > 기금업무 안내 */
.cikh10Way {margin-bottom:37px;}
.cikh10Way > dt {font-size:16px; font-weight:bold; letter-spacing:-1px}
.cikh10Way > dd {margin-top:20px; height:596px; padding:60px 0; border:1px solid #e2e2e2; background:url(../image/ci/khgc_cikh10Way_pc.png) no-repeat center 60px;}
.cikh10Way > dd div{  text-indent:-5000px;}
.cikh10Way > dd div h4{ background:none}

.cikhPointBox {position:relative;margin:-17px 0 37px;background: #31343f;}
.cikhPointBox dt {padding:15px 0;font-weight: 500;font-family: "notoKrM", sans-serif;text-align:center;line-height:160%;color:#fff;}
.cikhPointBox dd { border:1px solid #e2e2e2; border-top:0; background:#fff;}
.cikhPointBox dd ul {padding:14px 18px;}
.cikhPointBox dd > ul > li {padding-left:9px; line-height:160%; background:url('/common/image/bul/bul_bar.gif') 0 10px no-repeat;}

/* 공사소개 > 본사/지사/센터찾기 */
.centerMap {overflow:hidden; margin-top:17px; padding:20px 20px 5px 25px; border:1px solid #fafafa; background:#fafafa;}
.ie7 .centerMap {padding-bottom:20px;}
.centerMap > li {float:left; width:20%; margin-bottom:12px;}
.centerMap > li > a {display:inline-block; padding-left:12px; line-height:160%; background:url('/common/image/bul/bul_dot.gif') 0 8px no-repeat;}
.centerMap > li.on > a, .centerMap > li > a:hover {color:#1698e2; text-decoration:underline;}
.mapAll {min-height:406px; padding:25px 0; margin-bottom:37px; border-bottom:1px solid #e2e2e2; border-top:none;}
.mapAll p {width: 697px;margin:0 auto;}
.mapAll.busan p {width:553px;}

.mapAPI {min-height:456px; margin-bottom:37px}
.mapAPI .img img {width:100%}

/* 공사소개 > CEO인사말 */
.ceoGreeting {overflow:hidden; margin-bottom:27px; background:#f1e6db url('../image/ci/bg_cicg01.png') no-repeat 100% bottom;}
.ceoGreeting dl {margin:48px 0px 20px 50px;}
.ceoGreeting dl dt {color:#51353b; line-height:150%; font-size:25px;}
.ceoGreeting dl dd {color:#4d4d4d; line-height:150%; margin-top:20px; font-size:13px;}
.ceoGreeting dl dt + dd {padding-bottom:20px;}
.ceoGreeting dl dd span {display:block;}
.ceoGreeting dl dd img {display:inline-block; margin-left:10px;}

/* 공사소개 > 고객헌장 > 개요 */
.charterOutline {overflow:hidden; margin-bottom:37px; background:#414a68 url('../image/ci/bg_cicc01.png') no-repeat 100% bottom;}
.charterOutline dl {overflow:hidden; margin:43px 0px 50px 43px;}
.charterOutline dl dt {color:#fff; font-size:21px;}
.charterOutline dl dt span {display:block; color:#75d3ff; font-size:25px; margin-top:7px;}
.charterOutline dl dd {color:#fff; line-height:150%; margin-top:20px; font-size:13px;}
.charterOutline dl dd span {display:block;}

/* 공사소개 > 경영전략 */
.slogan {overflow:hidden; width:100%; height:209px; margin:80px 0 30px; background:url('../image/ci/img_slogan.png') no-repeat 50% 0;}
.sloganBox {overflow:hidden; margin-bottom:90px; border:1px solid #e2e2e2; background:#fcfcfc;}
.sloganBox > li {position:relative; overflow:hidden; min-height:40px; padding:25px;}
.sloganBox > li:first-child {border-bottom:1px solid #e2e2e2;}
.sloganBox > li strong {position:absolute; display:block; top:38px; font-size:14px; letter-spacing:-1px;}
.sloganBox > li span {display:block; line-height:170%; margin-left:180px;}
.sloganBox > li.h02 {min-height:30px; padding-top:35px;}
.sloganBox > li.h03 {min-height:30px; padding-top:25px; border-bottom:1px solid #FFFFFF;}

.system {overflow:hidden; width:100%; height:391px; margin:80px 0 20px; background:url('../image/ci/img_system.png') no-repeat 50% 0;}

.mission {overflow:hidden; width:100%; height:48px; margin:80px 0 20px; background:url('../image/ci/img_mission.png') no-repeat 50% 0;}
.missionBox {overflow:hidden; margin-bottom:90px; border:1px solid #e2e2e2; background:#fcfcfc;}
.missionBox > li {position:relative; overflow:hidden; min-height:40px; padding:25px; }
.missionBox > li:first-child {border-bottom:1px solid #e2e2e2;}
.missionBox > li strong {position:absolute; display:block; top:38px; font-size:14px; letter-spacing:-1px;}
.missionBox > li span {display:block; line-height:170%; margin-left:180px;}
.missionBox > li.h02 {min-height:30px; padding-top:35px;}
.missionBox > li.h03 {min-height:30px; padding-top:35px; border-bottom:1px solid #FFFFFF;}

.vision {overflow:hidden; width:100%; height:223px; margin-bottom:30px; background:url('../image/ci/img_vision.png') no-repeat 50% 0;}

.visionBox {overflow:hidden; margin-bottom:90px; border:1px solid #e2e2e2; background:#fcfcfc;}
.visionBox > li {position:relative; overflow:hidden; min-height:40px; padding:25px;}
.visionBox > li:first-child {border-bottom:1px solid #e2e2e2;}
.visionBox > li strong {position:absolute; display:block; top:38px; font-size:14px; letter-spacing:-1px;}
.visionBox > li span {display:block; line-height:170%; margin-left:180px;}
.visionBox > li.h02 {min-height:30px; padding-top:35px;}
.visionBox > li.h03 {min-height:30px; padding-top:35px; border-bottom:1px solid #FFFFFF;}


.tactic {position:relative; overflow:hidden; margin-bottom:40px; z-index:0;}
.tactic > p {position:absolute; z-index:1; width:100%; height:288px; background:url('../image/ci/img_tactic.png') no-repeat 50% 0; text-indent:-9999em;}
.tactic > ul {position:relative; margin-top:214px; z-index:2; overflow:hidden;}
.tactic > ul > li {float:left; width:31.5%; margin-left:2.5%;}
.tactic > ul > li:first-child {width:32%; margin-left:0;}
.tactic ul li > div {min-height:138px; padding:30px 30px 0; background:#ebebeb;}
.tactic ul li p {margin-bottom:12px; font-size:14px; color:#333;}
.tactic ul li li {line-height:160%; margin:0 0 2px;}

.business {position:relative; overflow:hidden; min-height:230px; margin-bottom:20px;}
.business .tit {margin-bottom:19px;}
.business .lCnt {position:absolute; z-index:2; width:218px;}
.business .lCnt .sTit {position:relative; z-index:2; width:217px; height:125px; margin-top:72px; background:url('../image/ci/img_business.png') no-repeat 0 0; text-indent:-9999em;}
.business .lCnt .sTit span {position:absolute; top:73px; left:148px; z-index:3; display:block; min-width:140px; font-size:14px; text-indent:0; letter-spacing:-1px;}
.business .rCnt {overflow:hidden; margin-left:242px;}
.business .rCnt > div {padding:19px 29px 14px; border:1px solid #e2e2e2; background:#fcfcfc;}
.business .rCnt > div > p {margin-bottom:12px; font-size:14px; color:#333;}
.business .rCnt > div .listBulDot {margin-bottom:0 !important;}

.business.mu02 .tit {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}
.business.mu02 .lCnt .sTit {margin-top:24px; background:url('../image/ci/img_business02.png') no-repeat 0 0;}
.business.mu02 .lCnt .sTit span {left:157px; top:63px;}

/* 공사소개 > 경영전략 > 핵심가치 */
.mainValue {overflow:hidden; width:100%; height:270px; margin-top:100px; background:url('../image/ci/bg_cims02.png') no-repeat 50% 0;}
.mainValueBox {overflow:hidden; border:1px solid #e2e2e2;}
.mainValueBox ul li {float:left; width:33.3%; line-height:150%; background:#fcfcfc;}
.mainValueBox ul li div {min-height:30px; padding:20px 25px 35px; border-left:1px solid #e2e2e2;}
.mainValueBox ul li:first-child div {border-left:1px solid #e2e2e2;}
.mainValueBox ul li:first-child + li {background:#fafafa;}
.mainValueBox ul li strong {color:#333; font-size:14px; line-height:130%;}
.mainValueBox ul li p {margin-top:5px; line-height:140%; letter-spacing:-1px;}
.mainValueBox ul li p span {display:block;}

.policy {height:236px; width:auto; margin-top:80px; margin-bottom:30px; background:url('../image/ci/img_policy.png') no-repeat 50% 0; background-size: 377px 236px;}
.policyBox {overflow:hidden; border:1px solid #e2e2e2;}
.policyBox ul li {float:left; width:33.3%; line-height:150%; background:#fcfcfc;}
.policyBox ul li div {min-height:30px; padding:20px 25px 35px; border-left:1px solid #e2e2e2;}
.policyBox ul li:first-child div { border-left:1px solid #e2e2e2;}
.policyBox ul li:first-child + li {background:#fafafa;}
.policyBox ul li strong {color:#333; font-size:14px; line-height:130%;}
.policyBox ul li p {margin-top:5px; line-height:140%; letter-spacing:-1px;}
.policyBox ul li p span {display:block;height:45px;}

/* 공사소개 > 서비스 */
.serviceE {/* height:55px; *//* line-height:55px; *//* padding:20px 50px 20px 175px; */margin-bottom:30px;/* border:1px solid #ddd; *//* background:url(../image/ci/icon_service_pc.png) no-repeat 55px 50%; */background: url('/hug/image/contents/sub07_03_02_01pc.png') no-repeat;height: 160px;text-indent: -9999px;}


/* 자주하는 질문 TAB SUB MENU */
ul.tapSub {margin:-50px 0 60px; width:100%; height:39px; border-bottom:1px solid #d0d0d0; position:relative; z-index:1;}
ul.tapSub li {float:left; position:relative;}
ul.tapSub li a {display:block; height:40px; padding:14px 20px 0; line-height:100%; font-size:13px; color:#7b7b7b; position:relative; z-index:100; box-sizing:border-box; border-bottom: 1px solid #d0d0d0;}
ul.tapSub li a:hover, ul.tapSub li.on a {color:#31343f;border-bottom:2px solid #554246;font-weight: 700;/* font-family: "notoKrB",sans-serif; */}
ul.tapSub li + li:after {content:""; position:absolute; left:0; top:14px; border-left:1px solid #ddd; width:0px; height:12px;}

/* 공사소개 > 윤리경영 > 윤리경영소개(대한주택보증의 윤리경영) */
.KhgcEthicsManage {padding-top:4px; margin-bottom:11px;}
.KhgcEthicsManage > h5 {height: 174px;text-indent:-5000px;background:url('../image/ci/khgc_KhgcEthicsManage.png') no-repeat 50% 0;}
.KhgcEthicsManage > ul {overflow:hidden; border:1px solid #ececec; border-width:1px 1px 1px 0;}
.KhgcEthicsManage > ul > li {float:left;width: 25%;}
.ie7 .KhgcEthicsManage > ul > li.left {width:49.9%;}
.KhgcEthicsManage > ul > li > h6 {padding:20px 0 0 20px;height:34px;font-size:14px;font-weight:bold;border-left:1px solid #ececec;background: #e8f7f2;}
.KhgcEthicsManage > ul > li > h6.bg01 { background: #fafafa; }
.KhgcEthicsManage > ul > li > div {height:190px; padding:20px 10px 20px 20px; box-sizing:border-box; border-left:1px solid #ececec;}
.KhgcEthicsManage > ul > li > div > em {display:block; margin-bottom:9px;}
.KhgcEthicsManage > ul > li > div > ul > li {padding-left:10px; line-height:160%; background:url('/common/image/bul/bul_bar.gif') no-repeat 0 10px;}
.KhgcEthicsManage > ul > li > div > ul > li:first-child {margin-top:0;}
.KhgcEthicEss {overflow:hidden; width:100%; height:110px; margin-bottom:37px; background:url('../image/ci/img_KhgcEthicEss_step.png') no-repeat 50% 0;}

/* 공사소개 > 윤리경영 > 윤리경영소개 */
.forwardBackground{overflow:hidden;}
.forwardBackground > li{float:left;min-height:310px;box-sizing: border-box;color:#515252;}
.forwardBackground > li.box01 em{font-size:16px;}
.forwardBackground > li.box03 em{font-size:16px;color:#137cbd;}
.forwardBackground .box01{width:45%;}
.forwardBackground .box01 .bg01{text-align:center;}
.forwardBackground .box01 ul{padding:45px 30px; margin-top:-48px; background:#efefef;}
.forwardBackground .box02{width:10%;background:url('/hug/image/icon/icon_arrow11.png') no-repeat center 160px;}
.forwardBackground .box03{width:45%;}
.forwardBackground .box03 .bg02{text-align:center;}
.forwardBackground .box03 ul{padding:45px 30px;margin-top:-48px;background:#e9f1f7;}
.forwardPoint {border: 1px solid #e9e9e9;padding: 70px 0;height: 100px;text-indent:-5000px;background: url('../image/ci/khgc_forwardPoint.png') no-repeat 50% 50%;}

.textArea.type03 > h5 + p + p + ul{overflow:hidden;margin: 0 0 20px 10px;}
.textArea.type03 > ul > li {background:url('/common/image/bul/bul_dot.gif') 2px 10px no-repeat;}
.textArea.type03 > ul > li > ul > li, .textArea.type03 > ul > li > p {background:url('/common/image/bul/bul_bar.gif') 2px 8px no-repeat;}
.textArea.type03 .ciem08List > li{background:url('/common/image/bul/bul_bar.gif') 2px 10px no-repeat;}
.textArea ul + h5.ruleNum {font-size: 15px;	color: #00b278;	font-weight: bold; font-family: "notoKrB", sans-serif; border: 1px solid #09a56d; padding: 15px 33px 15px 45px;	box-sizing: border-box;	background: url('/hug/image/common/bul_dot_green4.png') no-repeat 33px center; margin:0 0 10px 0;}
.textArea ul + h5.ruleNum.type01 { color: #098fdb; border: 1px solid #1698e2; background: url('/hug/image/common/bul_dot_blue4.png') no-repeat 33px center; }

@media only screen and (max-width: 920px){
	.forwardBackground > li > ul{min-height:250px;}
}
@media only screen and (max-width: 767px){
	.forwardBackground > li{float:none; min-height:auto;}
	.forwardBackground .box01{width:100%;}
	.forwardBackground .box01 .bg01 img{width:80px;}
	.forwardBackground .box01 ul{padding:30px 25px; margin-top:-40px;}
	.forwardBackground .box02{width:100%;min-height:50px;
		background:transparent url('/hug/image/icon/icon_arrow12.png') no-repeat center;
		background:-webkit-linear-gradient(transparent,transparent),url('/hug/image/icon/icon_arrow12@2x.png') no-repeat center;
		background:linear-gradient(transparent,transparent),url('/hug/image/icon/icon_arrow12@2x.png') no-repeat center;
		background-size:28px auto;
	}
	.forwardBackground .box03{width:100%;}
	.forwardBackground .box03 .bg02 img{width:80px;}
	.forwardBackground .box03 ul{padding:45px 25px 30px 25px; margin-top:-40px;}
	.forwardBackground > li > ul{min-height:auto;}
}

/* 공사소개 > 윤리경영 > 윤리경영소개 > 추진계획 및 실적 */
.accordieonPannel{overflow:hidden; margin:0 0 20px 0; border-bottom:1px solid #d8d8d8;}
.accordieonPannel dl{width:50%;float:left;box-sizing:border-box;border-top:2px solid #137cbd;}
.accordieonPannel dl.accordieonUI{/* border-right:1px solid #d8d8d8; */}
.accordieonPannel dl dt {position:relative; font-size:13px; font-weight:bold; color:#137cbd; box-sizing:border-box; padding:10px 30px; border-bottom:1px solid #d8d8d8; text-align:left; background:#eef7fb;}
.accordieonPannel dl.accordieonUI dt, .accordieonPannel dl.accordieonUI dd{border-right:1px solid #d8d8d8;}
.accordieonPannel dd {height:368px; padding:20px 30px; box-sizing:border-box;}
.accordieonPannel dd > ul li {position:relative; margin-bottom:5px; line-height:165%; font-size:13px; width:100%; word-break:keep-all; color:#6c6e6f;}
.accordieonPannel dd ul li em {position:absolute; left:0; top:0; display:block; width:60px; color:#505050;}
.accordieonPannel dd ul li span {display:block; margin-left:60px;}
.accordieonPannel dd ul li ul {margin-left:60px;}

/* 주택도시보증공사 임직원 행동강령 */
.textArea > h4 + ul.ciem08List li {margin-bottom:8px;}
.textArea > h4 + ul.ciem08List {margin-bottom:20px;}

/* 공사소개 > 윤리경영 > 윤리경영소개(윤리경영시스템) */
.ethicalGroup {overflow:hidden;width:100%;min-height:450px;margin-bottom:20px; padding:50px 0 50px 0;background: url('../image/ci/bg_ethicalGroup.png') no-repeat 50% 180px;border:1px solid #e1e2e2;}
.ethicalGroup > p {width:100%;height: 130px;background: url('../image/ci/img_ethicalGroup.png') no-repeat 50% 0;text-indent:-9999em;}
.ethicalGroup > ul {overflow:hidden;padding: 41px 41px 0 51px;}
.ethicalGroup > ul > li {overflow:hidden; float:left; width:23%; margin-bottom:20px; margin-right:2%;}
.ethicalGroup > ul > li.m04{margin-right:0;}
.ethicalGroup > ul > li > div {overflow:hidden; background:#fff;}
.ethicalGroup > ul > li p {min-height:20px; padding:11px 0 11px; line-height:130%; background:#137cbd; font-size:14px; color:#fff; text-align:center; text-shadow:1px 1px 1px #333;}
.ethicalGroup > ul > li.m02 p {background:#1698e2;}
.ethicalGroup > ul > li.m03 p {background:#00885a;}
.ethicalGroup > ul > li.m04 p {background:#02ca89;}
.ethicalGroup > ul > li.m05 p {background:#80828e; }
.ethicalGroup > ul > li ul {min-height:65px; padding:13px 20px 0; border-width:0 1px 1px 0; background:#f5f7fa;}
.ethicalGroup > ul > li li {line-height:160%; margin-bottom:2px; padding-left:8px; background:url('/common/image/bul/bul_bar.gif') 0 9px no-repeat;}

/* 공사소개 > 윤리경영 > 윤리경영소개(윤리경영시스템) */
.ethicalEdu {overflow:hidden; margin:30px 0 37px; padding-top:29px; border:1px solid #e2e2e2;}
.ethicalEdu > div {width:100%;height: 357px;margin-bottom:20px;background:url('../image/ci/img_ethicalEdu.png') 50% 0 no-repeat;}

.ecImgList {overflow:hidden;}
.ecImgList li {overflow:hidden; float:left; width:207px; margin:0 0 28px 114px; padding-bottom:2px;}
.ecImgList li.first {margin-left:0;}
.ecImgList li > div {overflow:hidden; margin-bottom:11px; padding:5px 4px; border:1px solid #ddd;}
.ecImgList li > div img {height:140px; line-height:0; font-size:0;}

/* 공사소개 > 윤리경영 > 윤리경영소개(윤리경영시스템) */

.ethicalAssess {padding-top:4px; margin-bottom:11px;}
.ethicalAssess > h5 {height: 198px;text-indent:-5000px;background:url('../image/ci/ethicalAssess.png') no-repeat 50% 0;}
.ethicalAssess > ul {overflow:hidden; border:1px solid #ececec; border-width:1px 1px 1px 0;}
.ethicalAssess > ul > li {float:left;width: 50%;}
.ie7 .ethicalAssess > ul > li.left {width:49.9%;}
.ethicalAssess > ul > li > h6 {padding:20px 0 0 20px;height:34px;font-size:14px;font-weight:bold;border-left:1px solid #ececec;background: #e8f7f2;text-align: center;}
.ethicalAssess > ul > li > h6.bg01 {background: #dcebf4;}
.ethicalAssess > ul > li > div {height:108px; padding:13px 20px 15px; border-left:1px solid #ececec;}
.ethicalAssess > ul > li > div > em {display:block; margin-bottom:9px;}
.ethicalAssess > ul > li > div > ul > li {padding-left:10px; line-height:160%; background:url('/common/image/bul/bul_bar.gif') no-repeat 0 10px;}
.ethicalAssess > ul > li > div > ul > li:first-child {margin-top:0;}

/*
.ethicalAssess {overflow:hidden; margin-bottom:37px; border:1px solid #dedede;}
.ethicalAssess > h5 {min-height:26px; padding:11px 0 9px; line-height:130%; background:#c53e49; font-size:16px; font-weight:normal; color:#fff; text-align:center;}
.ethicalAssess > ul {overflow:hidden;}
.ethicalAssess > ul > li {overflow:hidden; float:left; width:50%; background:#fff;}
.ethicalAssess > ul > li p {min-height:20px; padding:9px 0 11px; line-height:130%; background:#d4d4d4; font-size:14px; text-align:center;}
.ethicalAssess > ul > li.m02 p {background:#eeeeee;}
.ethicalAssess > ul > li:first-child ul {border-left:1px solid #dedede;}
.ethicalAssess > ul > li ul {height:95px; padding:10px 10px 15px 25px; border:1px solid #dedede; border-width:0 1px 1px 0;}
.ethicalAssess > ul > li li {line-height:160%; margin-bottom:3px; padding-left:8px; background:url('/common/image/bul/bul_bar.gif') 0 9px no-repeat;}
.ethicalAssess.case02 > ul > li ul {height:230px;}
.ethicalAssess.case02 > h5 {background:#a16255;}
*/


/* 공사소개 > 안전경영 > 안전경영소개(안전경영시스템)>조직1 */
.safeGroup {overflow:hidden;width:100%;min-height:400px;margin-bottom:20px; padding:50px 0 50px 0;background: url('../image/ci/bg_safeGroup.png') no-repeat 50% 170px/100% 40%;border:1px solid #e1e2e2;}
.safeGroup > p {width:100%;height: 130px;background: url('../image/ci/img_ethicalGroup.png') no-repeat 50% 0;text-indent:-9999em;}
.safeGroup > ul {overflow:hidden;padding: 41px 41px 0 51px;}
.safeGroup > ul > li {overflow:hidden; float:left; width:18%; margin-bottom:20px; margin-right:2%;}
.safeGroup > ul > li > div {overflow:hidden; background:#fff;}
.safeGroup > ul > li p {min-height:20px; padding:11px 0 11px; line-height:130%; background:#137cbd; font-size:14px; color:#fff; text-align:center; text-shadow:1px 1px 1px #333;}
.safeGroup > ul > li.m02 p {background:#1698e2;}
.safeGroup > ul > li.m03 p {background:#00885a;}
.safeGroup > ul > li.m04 p {background:#02ca89;}
.safeGroup > ul > li.m05 p {background:#80828e; }
.safeGroup > ul > li ul {min-height:65px; padding:13px 20px 0; border-width:0 1px 1px 0; background:#f5f7fa;}
.safeGroup > ul > li li {line-height:160%; margin-bottom:2px; padding-left:8px; background:url('/common/image/bul/bul_bar.gif') 0 9px no-repeat;}

/* 공사소개 > 안전경영 > 안전경영소개(안전경영시스템)> 조직2 */
.safeGroup2 {overflow:hidden;width:100%;min-height:400px;margin-bottom:20px; padding:50px 0 50px 0;background: url('../image/ci/bg_safeGroup2.png') no-repeat 50% 94px;border:1px solid #e1e2e2; background-size:auto 350px; }
.safeGroup > p {width:100%;height: 130px;text-indent:-9999em;}
.safeGroup2 > ul {overflow:hidden;padding: 41px 41px 0 51px;}
.safeGroup2 > ul > li {overflow:hidden; float:left; width:40%; }
@media only screen and (max-width: 767px){
	.safeGroup2 > ul > li {overflow:hidden; float:left; width:40%; }
	.safeGroup2 > ul > li.m02{margin-left:0%;}
}
.safeGroup2 > ul > li.n01 {overflow:hidden; width:23%; margin-bottom:20px; margin-left:38%}
.safeGroup2 > ul > li.n02 {overflow:hidden; float:right; width:23%; margin-bottom:20px; margin-right:20%;}
.safeGroup2 > ul > li > div {overflow:hidden; background:#fff;}
.safeGroup2 > ul > li p {min-height:20px; padding:11px 0 11px; line-height:130%; background:#137cbd; font-size:14px; color:#fff; text-align:center; text-shadow:1px 1px 1px #333;}
.safeGroup2 > ul > li.m02 p {background:#1698e2;}
.safeGroup2 > ul > li.m03 p {background:#00885a;}
.safeGroup2 > ul > li.m04 p {background:#02ca89;}
.safeGroup2 > ul > li.m05 p {background:#80828e; }
.safeGroup2 > ul > li.m06 p {background:#1698e2; margin-left: 0%;}
.safeGroup2 > ul > li.m06 {margin-left:10%;}
.safeGroup2 > ul > li.m07  {background:#137cbd;margin-left:30%;}
.safeGroup2 > ul > li.m07 p {background:#137cbd;}
.safeGroup2 > ul > li ul {min-height:65px; padding:13px 20px 0; border-width:0 1px 1px 0; background:#f5f7fa;}
.safeGroup2 > ul > li li {line-height:160%; margin-bottom:2px; padding-left:8px; background:url('/common/image/bul/bul_bar.gif') 0 9px no-repeat;}



.propulsionSystem{overflow:hidden; margin:0 0 60px 0;}
.propulsionSystem div{position:relative; width: 31.33%;height:190px;margin-right:3%;float:left;color:#333;background:#f9f9f9;border:1px solid #dfdfdf; box-sizing:border-box;}
.propulsionSystem div:after{content:"";display:inline-block;width:8px;height:12px;position:absolute;top:50%;right:-20px;
background:transparent url('/hug/image/bg/icon_arrow08.png') no-repeat;
	background:-webkit-linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow08@2x.png') no-repeat;
	background:linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow08@2x.png') no-repeat;
	background-size:8px 12px;}
.propulsionSystem div.propul03{margin-right:0;padding:3px 0 0 0;}
.propulsionSystem div em{display:block; padding:15px 0; text-align:center; font-size:16px; background:#00875a; color:#fff; text-shadow:1px 1px 1px #333;}
.propulsionSystem div.propul02 em{background:#137cbd;}
.propulsionSystem div ul{padding:20px 25px; box-sizing:border-box; }
.propulsionSystem div ul.liBulDash{margin:0;}
.propulsionSystem div ul li{height:45px;}
.propulsionSystem div.propul03 ul li{height:auto;color:#333;font-size:14px;}
.propulsionSystem div ul .no2, .propulsionSystem div ul .no4{padding-top:10px; font-size:15px; border-top:1px solid #e0e0e0;}

.propulsionChart{overflow:hidden; margin:0 0 60px 0;}
.propulsionChart > li{float:left; width:33.33%; box-sizing:border-box;}
.propulsionChart > li > dl > dt{position:relative; padding:25px; font-size:15px; line-height:160%; color:#fff; text-shadow:1px 1px 1px #333;}
.propulsionChart > li > dl > dt:after {content:""; position:absolute; left:100%; top:50%; margin-top:-4px; z-index:100; border-left:7px solid #80828e; ;border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid transparent;}
.propulsionChart > li > dl > dt strong{display:block; font-size:20px; font-weight:normal;}
.propulsionChart > li > dl > dt em{display:none;}
.propulsionChart > li.no01 > dl > dt{background:#80828e url('/hug/image/bg/bg_ethics_year01.png') no-repeat right center;}
.propulsionChart > li.no02 > dl > dt{background:#1698e2 url('/hug/image/bg/bg_ethics_year02.png') no-repeat right center;}
.propulsionChart > li.no02 > dl > dt:after{border-left:7px solid #1698e2;}
.propulsionChart > li.no03 > dl > dt{background:#09a56d url('/hug/image/bg/bg_ethics_year03.png') no-repeat right center; }
.propulsionChart > li.no03 > dl > dt:after{border:none;}
.propulsionChart > li > dl > dd{padding:25px 10px 25px 25px; box-sizing:border-box; border-left:1px solid #e1e2e2; border-bottom:1px solid #e1e2e2;}
.propulsionChart > li.no03 > dl > dd{border-right:1px solid #e1e2e2;}
.propulsionChart > li > dl > dd > ul.listBulDot{margin-bottom:0;}

/* 윤리경영 활동소식 > 실천 참여적 프로그램 */
.ethicsPartProgarm > ul {margin-bottom:34px;}
.ethicsPartProgarm > ul > li {line-height:160%; margin-bottom:8px; background:url('/common/image/bul/bul_dot.gif') 0 8px no-repeat; padding-left:12px; color:#4d4d4d;}
.ethicsPartProgarm > ul > li > p {margin:7px 0 8px;}
.ethicsPartProgarm > p + ul > li {line-height:160%; margin-bottom:4px; padding-left:10px; background:url('/common/image/bul/bul_bar.gif') 2px 10px no-repeat; color:#4d4d4d;}
.ethicsPartProgarm > p + ul > li li, .ethicsPartProgarm > p + ul > li p {line-height:140%; margin-top:1px; padding-left:10px; background:url('/common/image/bul/bul_dot3.gif') 2px 8px no-repeat; color:#717171;}
.ethicsPartProgarm .textBulDot {margin-bottom:9px;}
.ethicsPartProgarm .img {margin-bottom:37px;}
.ethicsPartProgarm > p {line-height:160%; margin-bottom:33px; color:#4d4d4d; font-size:12px;}
.ethicsPartProgarm p + p, .ethicsPartProgarm p + h5 {margin-top:-17px !important;}
.ethicsPartProgarm > .list {margin-top:-14px; height:182px; text-indent:-5000px; background:url('../image/ci/khgc_etPartProgarmList.png') 0 0 no-repeat;}
.ethicsPartProgarm > .list > li {margin:0; padding:0; background:none; line-height:0;}
.ethicsPartProgarm > .list > li li {padding:0; margin:0; line-height:0; background:0;}
.ethicsPartProgarm .box {position:relative; margin-bottom:37px; border:1px solid #e2e2e2;}
.ethicsPartProgarm .box > span {display:block; position:absolute; left:0; top:0;}
.ethicsPartProgarm .box > p {margin-left:188px; padding:20px 37px 20px 37px; min-height:72px; line-height:195%; letter-spacing:-1px; border-left:1px solid #e2e2e2;}
.ethicsPartProgarm .box > p > span.pcBr {display:block;}
.ethicsPartProgarm .box > p > span.padBr {display:inline;}
.ethicsPartProgarm .forum {position:relative; margin-top:22px;}
.ethicsPartProgarm .forum > span {display:block; position:absolute; left:0; top:0; border:1px solid #e2e2e2;}
.ethicsPartProgarm .forum > ul {margin-left:214px;}
.ethicsPartProgarm .forum > ul > li {line-height:160%; margin-bottom:10px; padding-left:10px; background:url('/common/image/bul/bul_bar.gif') 2px 10px no-repeat; color:#4d4d4d;}
.ethicsPartProgarm .forum > ul > li > ul {margin-top:5px;}
.ethicsPartProgarm .forum ul > li p {margin-top:5px; padding-left:10px; line-height:140%; color:#717171; background:url('/common/image/bul/bul_dot3.gif') 2px 8px no-repeat;}
.ethicsPartProgarm .forum > ul > li li {margin-top:1px; padding-left:10px; line-height:140%; color:#717171; background:url('/common/image/bul/bul_dot3.gif') 2px 8px no-repeat;}

/* 윤리경영 활동소식 > 고객과 함께하는 윤리경영 */
.customerJoinArea {display:table;position:relative;overflow:hidden;margin-bottom:60px;border:1px solid #e2e2e2;}
.customerJoinArea div {display:table-cell; width:288px;}
.customerJoinArea ul {display:table-cell; overflow:hidden; vertical-align:middle; padding:0 30px;}
.customerJoinArea ul li {line-height:160%; margin-bottom:5px; padding-left:8px; background:url('/common/image/bul/bul_bar.gif') 0 9px no-repeat;}
.customerJoinIn{overflow:hidden; margin:0 0 60px 0;} 
.customerJoin {float:left; width:48%; margin-left:4%;}
.customerJoin.case01{margin-left:0;}
.customerJoin div{width:100%;height:236px;box-sizing:border-box;background:#f7f7f7;border:1px solid #ececec;text-align:center;}
.customerJoin.case01 div{line-height:236px;}
.customerJoin.case02 div{overflow:hidden;}
.customerJoinArea div.type02{width:auto;}
.customerJoinArea p{display:table-cell; overflow:hidden; vertical-align:middle; padding:0 30px;}
.customerJoin.case03{margin-left:0;}
.customerJoin.case03 h4, .customerJoin.case04 h4{height:50px; line-height:150%;}
.customerJoin.case03 .img, .customerJoin.case04 .img{display:table; margin-bottom:0; background:#fff;}
.customerJoin.case03 .img span, .customerJoin.case04 .img span{display:table-cell; vertical-align:middle;}
.customerJoin.case05, .customerJoin.case06{display:table; width:50%; height:240px; margin-left:0; margin-bottom:0; text-align:center; border:1px solid #ececec; box-sizing:border-box;}
.customerJoin.case06{border-left:0;}
.customerJoin.case05 span, .customerJoin.case06 span{display:table-cell; vertical-align:middle;}

/* 사회공헌 > 아우르미 대학생 봉사단 */
.customerJoinWrap{margin:0 0 60px 0;}
.customerJoinWrap p {height:60px; margin:0 0 20px 0; padding:20px 30px; box-sizing:border-box; font-size:16px; color:#fff; text-shadow:1px 1px 1px #333;}
.customerJoinWrap p span{margin-right:10px; font-family: 'Titillium Web'; font-weight: 300; font-size:18px;}
.customerJoinWrap p.no01{background:#008700}
.customerJoinWrap p.no02{background:#0A76DC}
.customerJoinWrap p.no03{background:url('/hug/image/bg/bg_pattern06.png')}
.customerJoinWrap p.no04{background:url('/hug/image/bg/bg_pattern07.png')}
.customerJoinWrap .customerJoinArea.type02{min-height: auto; display:table; table-layout:fixed;}
.customerJoinWrap .customerJoinArea.type02 div{width:50%;position:inherit; display:table-cell; vertical-align:middle; border-right:0;}
.customerJoinWrap .customerJoinArea.type02 div img{max-width:100%;}
.customerJoinWrap .customerJoinArea.type02 ul {width:50%; padding:0 20px 0 30px; margin-left:0; display:table-cell; vertical-align:middle; word-break:keep-all;}

/* 회사소개 > 윤리경영 > 참여마당 */
.cbProcess {overflow:hidden; margin:8px 0 34px 0; width:100%; height:102px; background:url('../image/ci/bg_ciem40.png') no-repeat 50% 0;}

.sbtn02 {display:inline-block; padding:5px 12px; background:#80838d; font-size:11px; color:#fff; line-height:100%; margin-left:3px;}
.contentsBox02 {background:#eff0f0; padding:20px 180px 20px 20px; margin:0 0 30px; position:relative; box-sizing:border-box;}
.contentsBox02 ul li {padding-left:10px; line-height:170%; font-size:13px; position:relative;}
.contentsBox02 ul li:after {content:""; position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:100%; background:#1c001c;}
.contentsBox02 .sbtn02 {position:absolute; right:36px; top:50%; margin:-11px 0 0 0;}
.contentsBox03 {background:#eff0f0; padding:20px 180px 20px 20px; margin:0 0 30px; position:relative; box-sizing:border-box;}
.contentsBox03 .sbtn02 {position:absolute; right:36px; top:50%; margin:-11px 0 0 0; box-sizing:border-box;}

.contentsBox01 + h4 {margin-top:60px;}
.contentsBox01 + .tabmenu01 {margin-top:25px;}
.tableStyle01 + .boardSearch {margin-top:50px;}
.tableStyle01 + .boardView {margin-top:40px;}

.tabmenu01 + .contentsBox01 {margin-top:-10px;}

/* 설문조사 */
.rchImg {padding:0 10%; box-sizing:border-box;}
.rchImg > img {width:100%;}
.btnset {text-align:center; margin-top:20px;}
.btnset > a {display:inline-block; padding:10px 20px; background:#80838d; color:#fff; font-size:14px;}
.btnset > a + a {margin-left:5px;}
.btnset > a.btnRch02 {background:#1698e2;}

.resultArea {padding:30px 10% 0; margin-top:30px; border-top:1px solid #dddbdc;}
.vote {padding:0 10% 0;}
.resultArea > strong, .vote > strong {color:#404040; margin:0 0 10px; display:block;}
.resultArea ol {margin:0 0 50px;}
.vote ol {margin:0 0 40px;}
.resultArea ol li {padding:15px 0 0; position:relative; color:#656565;}
.resultArea textarea, .vote textarea {height:110px; background:#eff0f0; border:0; box-sizing:border-box;}

.graph {overflow:hidden; height:23px; background:#dcdcdc; margin-right:50px;}
.graph span {display:block; height:23px; background:url('../image/bg/bg_graph01.png') repeat left top;;}
.percent {position:absolute; right:0; bottom:2px;}

/* 정보 box */


/* 비밀번호 생성규칙 */
.pwRules .imgWrap {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	text-align: center;
}

.pwRules {
	display: table;
	padding: 30px;
	background-color: #f5f8fa;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
}

.pwRules ul {
	display: table-cell;
	vertical-align: middle;
}

.pwRules ul li {
	margin-bottom: 8px;
	padding-left: 30px;
}

.pwRules ul span.number {
	width: 22px;
	height: 22px;
	background: url('../image/bg/bg_circle_color01.png') no-repeat center center;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-family: "Titillium Web",sans-serif;
	font-weight: 500;
	margin-left: -30px;
	margin-right: 8px;
}

.boxInfo.viewer01 {background-color: #edf3f6; background-image:url('/hug/image/icon/icon_banner03.png');}
/* 이미지 & 링크정보 목록 - 서비스이행표준*/
.boxLinkInfo > li.bgService {background: #f2f0eb url('../image/bg/bg_service01pc.png') no-repeat 90% center;}
.boxLinkInfo > li.bgMail {background: #f2f0eb url('../image/bg/bg_boxInfo02.png') no-repeat 90% center;}

/* 사고사업장정보 */
.boardView.child02 + ul.tabmenu01 {padding-top:40px;}

.boardView + .btnArea02 {padding-top:0;}

.busiPhoto {width:100%; overflow:hidden; margin:15px 0 30px;}
.busiPhoto li {width:221px; height:158px; float:left; border:1px solid #dddbdc; box-sizing:border-box; position:relative; background:#f2f2f2 url('../image/bg/bg_thumb_list.png') no-repeat center center;}
.busiPhoto li + li {margin-left:10px;}
.busiPhoto li > img {width:100%; height:100%;}
.btnExpend {width:40px; height:40px; position:absolute; right:0; bottom:0; background:#31343f; background-size:100%;}
.btnExpend > img {width:100%;}

h5.dot + .tableStyle01, h5.dot + .realPhoto {margin-top:15px;}
.realPhoto {width:100%; border:1px solid #e2e2e2; box-sizing:border-box; margin:0 0 60px;}
.realPhoto p {text-align:center; padding:40px 0;}
.realPhoto .pic img {max-width:100%;}

/* 검색 Type2 */
.searchArea.type02 {margin:0 0 20px;}
.searchArea.type02 .searchBox {overflow:hidden;}
.searchArea.type02 .searchBox .selectBox {float:left; width:47%;}
.searchArea.type02 .searchBox .selectBox + .selectBox {margin-left:14px;}
.searchArea.type02 .searchBox .selectBox > label,
.searchArea.type02 .searchBox02 .selectBox > label,
.searchArea.type03 .searchBox .selectBox > label {top:0; height:36px; line-height:36px; box-sizing:border-box;}

.searchArea.type02 .searchBox02 {overflow:hidden;}
.searchArea.type02 .searchBox02 + .searchBox02 {margin-top:6px;}
.searchArea.type02 .searchBox02 > label {position:static; float:left; padding-top:10px; min-width:65px;}
.searchArea.type02 .searchBox02 .selectBox {float:left; min-width:180px;}
.searchArea.type02 .searchBox02 .selectBox + label {margin-left:60px;}
.searchArea.type02 .searchBox02 input[type="button"] {position:static; float:right;}

/* 검색 Type3 */
.searchArea.type03 .searchBox {overflow:hidden; padding:0 101px 0 182px;}
.searchArea.type03 .searchBox .selectBox {position:absolute; width:168px; left:0;}
.txtExp {display:block; font-size:13px; color:#626262; margin-top:10px;}

.graphArea02 {border:1px solid #e2e2e2; margin:0 0 10px;}
.graph01 {padding:24px 160px 22px 118px; position:relative; border-bottom:1px solid #e2e2e2; overflow:hidden;}
.graph01 > span {position:absolute;}
.graph01 span.titGraph {width:60px; top:16px; left:20px;}
.graph01 span.percent {width:120px; top:25px; right:20px;}
.graphWidth {width:100%; height:23px; overflow:hidden;}
.graphWidth span {display:block; height:23px; background:url('../image/bg/bg_graph01.png') repeat left top;}

.graph02 {padding:20px 70px 40px 140px; background:url('../image/bg/bg_graph.png') no-repeat 60px 30px; overflow:hidden;}
.graph02 ul {width:100%; overflow:hidden;}
.graph02 ul li {width:14%; float:left;}
.graph02 ul li dl {position:relative; padding:0 0 30px;}
.graph02 ul li dl dt {position:absolute; bottom:0; font-weight:700; color:#4d4d4d; padding-top:10px; font-size:11px;}
.graph02 ul li dl dd {height:193px; position:relative;}
.graph02 ul li dl dd span {position:absolute; bottom:3px; left:5px;}
.graph02 ul li dl dd span.stick, .graph02 ul li dl dd span.stick02 {width:26px; left:56px; bottom:0; background:#0070b0;}
.graph02 ul li dl dd span.stick02 {background:url('../image/bg/bg_graph02.png') repeat left top;}

.iconState.bgSblue {background:#137cbd;}
.iconState.bgGray {background:#717171;}
.iconState.bgDgray {background:#31343f;}
.iconState.bgPink {background:#eb6272;}
.iconState.bgPuple {background:#51447a;}
.iconState.bgGreen {background:#00885a;}

.iconState2.bgSblue {background:#137cbd;}
.iconState2.bgGray {background:#717171;}
.iconState2.bgDgray {background:#31343f;}
.iconState2.bgPink {background:#eb6272;}
.iconState2.bgPuple {background:#51447a;}
.iconState2.bgGreen {background:#00885a;}

/* 약관/서식/자료실 */
.listData {overflow:hidden; margin:0 0 25px; padding:1px 0 0 1px;}
.listData li {float:left; width:33.3%; padding:25px 30px; padding:25px 28px\9; box-sizing:border-box; border:1px solid #ebebeb; margin:-1px -1px 0 0;}
.listData li span {display:block;}
.listData li strong {display:block;font-size:16px;color:#31343f;line-height:22px;min-height: 100px;margin:15px 0 10px;border-bottom:1px solid #ebebeb;word-break:keep-all;}
.listData li strong + span {font-size:13px; color:#696969; margin-bottom:20px;}

.btnSet {overflow:hidden;}
.btnSet > a {background:#eff0f0; border:1px solid #d6d6d9; font-size:11px; color:#383b45; line-height:20px; float:left; padding:0 15px; box-sizing:border-box;}
.btnSet > a + a {margin-left:4px;}
.btnSet > a > img {width:9px; margin:-1px 2px 0 0;}

.boardList .right {text-align:right; padding-right:10px;}
.boardList td > a > img {/* margin-left:5px; */}
.tbTopTxt02 {float:right; margin-top: 10px;}
.mobileList01, .mobileView01, .mobileBoard02 {display:none;}

.webView01 td {text-align:center;}
.boardMList {display:none;}
.tag, .tag02 {width:70px; text-align:center; display:inline-block; color:#fff; line-height:100%; padding:5px 0; font-size:11px; margin:0 auto; border-radius:2px; text-shadow:1px 1px 1px #333;}
.tag, .tag03 {width:100px; text-align:center; display:inline-block; color:#fff; line-height:100%; padding:5px 0; font-size:11px; margin:0 auto; border-radius:2px; text-shadow:1px 1px 1px #333;}
.boardView > ul > li > div .tag, .tag02, .reply > ul > li > div .tag, .tag02 { padding:4px 0; }
.boardView > ul > li > div .tag, .tag03, .reply > ul > li > div .tag, .tag03 { padding:4px 0; }
.tag02 {width:80px;}
.tag03 {width:150px;}
.finish {background:#b4b4b4;}
.standby {background:#414f89;}
.st01 {background:#00875a;}
.st02 {background:#31343f;}
.st03 {background:#717171;}
.st04 {background:#eb6272;}
.st05 {background:#137cbd;}
.st06 {background:#51447a;}
.st07 {background:#c53e49;}
.st08 {background:#ebf0f4; color:#31343f; text-shadow:none;} /* 상품관련 */
.st09 {background:#e9f3f0; color:#00593b; text-shadow:none;} /* 신용평가 */
.st10 {background:#554246;}
.st11 {background:#d3d3d3; color:#3a2f45; text-shadow:none;}
/* 2022.05.17 */
.st12 {background:#E22D2D;}
.st13 {background:#ED8B0A;}
.st14 {background:#a75807;}
.st15 {background:#197865;}
.st16 {background:#1C9CDE;}
.st17 {background:#7448C1;}
.st18 {background:#D242A2;}

.paging {position:relative; overflow:inherit ! important;}
.paging > .btnLeft {position:absolute; left:0; top:-7px;}
.paging > .btnRight {position:absolute; right:0; top:-7px;}

.exp {margin:0 0 10px; line-height:100%;}
.exp02 {margin:10px 0 0; line-height:140%;}
.exp + .exp {margin:-5px 0 5px;}

.boardNext + .btnArea02, .btnArea02 + .btnArea02 {padding-top:0;}
.btnArea02 + .boardNext {margin-top:60px;}
.gridSection .boardSearch {border:0;}

/* comment */
.comment {border-top:2px solid #66575a; border-bottom:1px solid #a9a6a7;}
.comment h5 {font-size:13px; color:#31343f; padding:10px 0; text-align:center;}
/* 2016.12.21 */
.comment fieldset { padding-right: 10%; }
.comment textarea.commentArea {background: #eff0f0;height: 54px;float:left;padding: 10px;box-sizing:border-box;display: inline-block;overflow-y: scroll;resize: none;}
.comment button.commentBtn {width: 9%;float:right;height: 54px;background-color: #eff0f0;box-sizing: border-box;border: 1px solid #d6d6d9;color: #31343f;font-weight: 700;font-family: "notoKrB",sans-serif;margin-right: -10%;}    

.comment .exp {margin:5px 0 0;}
.comment > ul {margin-top:15px;}
.comment > ul > li {border-top:1px solid #dddbdc; overflow:hidden; position:relative; padding:10px 0;}
.comment > ul > li > span.name {position:absolute; left:0; top:10px; width:100px; text-align:center;}
.comment > ul > li > p {padding:0 80px 0 100px; overflow:hidden;}
.comment > ul > li > span.date {position:absolute; right:0; top:10px; width:80px; text-align:center;}
.sbtnSet {display:inline-block; vertical-align:middle; margin-left:10px;}
.sbtn {float:left; border:1px solid #d6d6d9; background:#eff0f0; padding:3px 10px; line-height:100%; font-size:12px;}
.sbtn04 {margin:auto; border:0px solid #d6d6d9; background:#5FAFFA; padding:6px 10px; width:60%; line-height:100%; font-size:13px;}
.sbtn + .sbtn {margin-left:5px;}

/* 보증이행단계 */
.stepPerf {overflow:hidden;}
.stepPerf li {float:left; position:relative; width:20%; box-sizing:border-box; border:1px solid #e0e0e0; padding:20px 24px; word-break: keep-all; font-weight:700; color:#333; z-index:1; }
.stepPerf li:first-child {background:#eff0f0;}
.stepPerf li.last {background:#00c182; color:#fff; border:1px solid #00c182; z-index:2;}
.stepPerf li:after {content:""; width:9px; height:12px; position:absolute; left:-1px; top:50%; margin-top:-5px; z-index:10; background:url('../image/bg/bg_arrow02.png') no-repeat left top;}
.stepPerf li:first-child:after {background:none;}
.stepPerf li:first-child + li:after { background:url('../image/bg/bg_arrow01.png') no-repeat left top;}
.stepPerf li.last:after {left:-2px; background:url('../image/bg/bg_arrow03.png') no-repeat left top;}
.stepPerf li + li {border-left:0;}
.stepPerf li > span.date {display:block;}
.stepPerf li > span.num {display:none;}
.searchBox input.addrDong {width:43%; margin-right:5px;}
.searchBox input.addrHo {width:54%; float:right;}

.searchArea + .exp {margin-top:-50px;}

/*ncs*/
.stepPerf02 ol {width:100%;/* display:table; */}
.stepPerf02 ol li {width:20%;float: left;box-sizing: border-box;min-height:82px;/* display:table-cell; */background:#228bcc;position:relative;padding:21px 24px;color:#fff;font-family: 'NotoKrM',sans-serif;font-weight: 500; text-shadow:1px 1px 1px #333;}
.stepPerf02 ol li:after {content:""; position:absolute; left:100%; top:50%; margin-top:-4px; z-index:100; border-left:7px solid #228bcc; ;border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid transparent;}
.stepPerf02 ol li.svc02 {background:#1698e2;}
.stepPerf02 ol li.svc02:after {border-left:7px solid #1698e2;}
.stepPerf02 ol li.svc03 {background:#81c8e8;}
.stepPerf02 ol li.svc03:after {border-left:7px solid #81c8e8;}
.stepPerf02 ol li.svc04 {background:#e0eaf3; color:#5a5e66; text-shadow:none;}
.stepPerf02 ol li.svc04:after {border-left:7px solid #e0eaf3;}
.stepPerf02 ol li.svc05 {background:#f2f6f9; color:#5a5e66; text-shadow:none;}
.stepPerf02 ol li.svc05:after {border:0;}
.stepPerf02 + ul {padding:15px 0 0 0;}

.stepPerf02.type02 ol li{width: 30%; background:#0a79dc;}
.stepPerf02.type02 ol li.svc02{text-shadow:1px 1px 1px #333;}
.stepPerf02.type02 ol li.svc02:after {border-left:7px solid #1698e2;}
.stepPerf02.type02 ol li.svc03{background:#6596ad;text-shadow:1px 1px 1px #333;}
.stepPerf02.type02 ol li.svc03:after {border-left:7px solid #9ccae4;}
.stepPerf02.type02 ol li.svc05{width: 40%; background:#ebebeb;}
.stepPerf02.type02 ol li dt {float:left; margin-right:10px; font-size:15px; font-family: 'Titillium Web'; font-weight: 300;}
.stepPerf02.type02 ol li dd {float:left; font-size:13px; text-align:left;}

.stepPerf03 ol {width:100%;}
.stepPerf03 ol > li {width:25%;position:relative;padding:21px 24px;float: left;box-sizing: border-box;min-height:82px;background:#42454d;color:#fff;}
.stepPerf03 ol > li:after {content:""; position:absolute; left:100%; top:50%; margin-top:-4px; z-index:100; border-left:7px solid #42454d; ;border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid transparent;}
.stepPerf03 ol > li.svc02 {background:#686b73;}
.stepPerf03 ol > li.svc02:after {border-left:7px solid #686b73;}
.stepPerf03 ol > li.svc03 {background:#979aa4;}
.stepPerf03 ol > li.svc03:after {border-left:7px solid #979aa4;}

.stepPerf03 ol > li.svc04 {background:#d5d5d8; color:#5a5e66;}
.stepPerf03 ol > li.svc04:after {border:0;}
.stepPerf03 ol > li dl{overflow:hidden; padding-bottom:10px;}
.stepPerf03 ol > li dt{float:left;margin-right:5px;font-family: 'Titillium Web';font-weight: 300;font-size:17px;margin-bottom: 0;padding-left: 0;background: none;}
.stepPerf03 ol > li dd{float:left;font-size:14px;padding-left: 0;}
.stepPerf03 ol > li em{display:block; text-align:left; padding:10px 0 0; font-size:13px; border-top:1px solid #86898f;}
.stepPerf03 ol > li.svc04 em{border-top:1px solid #acaeb6;}
.stepPerf03.type02 ol > li.svc01{width:34%;}
.stepPerf03.type02 ol > li {width:22%; min-height:200px;}
.stepPerf03.type02 ol > li > ul{display:block; text-align:left; padding:10px 0 0; font-size:13px; border-top:1px solid #86898f;}
.stepPerf03.type02 ol > li > ul li{padding-left:10px;}
.stepPerf03.type02 ol > li > ul li .num{margin-left: -8px;}
.stepPerf03.type02 + h4{margin-top:60px;}
.stepPerf03.type03{margin:20px 0 0 0;}
.stepPerf03.type03 li{min-height:220px; padding: 21px 15px 24px 21px;}
.stepPerf03.type03 ol > li dl{height:70px;}
.stepPerf03.type03 ol > li dd{width:85%;}

.stepPerf04 ol {width:100%; margin:0 0 60px 0;}
.stepPerf04 ol > li {width:16.66%;position:relative;padding:21px 10px 24px 24px;float: left;box-sizing: border-box;min-height:82px;background:#42454d;color:#fff;}
.stepPerf04 ol > li.svc02 {background:#686b73 url('/hug/image/bul/bul_arrow03.png') no-repeat left 50%;}
.stepPerf04 ol > li.svc03 {background:#686b73 url('/hug/image/bul/bul_arrow07.png') no-repeat left 50%; }
.stepPerf04 ol > li.svc04 {background:#979aa4 url('/hug/image/bul/bul_arrow04.png') no-repeat left 50%;}
.stepPerf04 ol > li.svc05{background:#979aa4 url('/hug/image/bul/bul_arrow08.png') no-repeat left 50%;}
.stepPerf04 ol > li.svc06{background:#d5d5d8 url('/hug/image/bul/bul_arrow05.png') no-repeat left 50%; color:#5a5e66;}
.stepPerf04 ol > li dl{overflow:hidden; padding-bottom:10px;}
.stepPerf04 ol > li dt{float:left;margin-right:6px;font-family: 'Titillium Web';font-weight: 300;font-size:17px;margin-bottom: 0;padding-left: 0;background: none;}
.stepPerf04 ol > li dd{float:left;font-size:14px;padding-left: 0;}
.stepPerf04 ol > li > ul{display:block; text-align:left; padding:10px 0 0; font-size:13px; border-top:1px solid #86898f;}
.stepPerf04 ol > li.svc04 > ul, .stepPerf04 ol > li.svc05 > ul{border-top:1px solid #acaeb6;}
.stepPerf04 ol > li.svc06 > ul{border-top:1px solid #b4b5b9;}
.stepPerf04 ol > li > ul li .num{margin-left: -8px;}

.stepPerf05 ol {width:100%; margin:15px 0 60px 0;}
.stepPerf05 ol > li {width:14.285%;position:relative;padding:21px 24px;float: left;box-sizing: border-box;min-height:190px;background:#eff0f0 url('/hug/image/bul/bul_arrow09.png') no-repeat left 10%;color:#333;word-break:keep-all;}
.stepPerf05 ol > li.svc01 {background:#1698e2; color:#fff; text-shadow:1px 1px 1px #333;}
.stepPerf05 ol > li.svc02{background:#eff0f0 url('/hug/image/bul/bul_arrow010.png') no-repeat left 40%;}
.stepPerf05 ol > li.svc07{background:#09a56d url('/hug/image/bul/bul_arrow011.png') no-repeat left 40%; color:#fff; text-shadow:1px 1px 1px #333;}
.stepPerf05 ol > li dl{overflow:hidden; padding-bottom:10px;}
.stepPerf05 ol > li dt{display:none;}
.stepPerf05 ol > li dd{float:left;font-size:14px;height:62px;font-family:'NotoKrM',sans-serif; font-weight:500;}
.stepPerf05 ol > li > ul{display:block; text-align:left; padding:10px 0 0; font-size:13px; border-top:1px solid #d8d8d8;}
.stepPerf05 ol > li.svc01 > ul{border-top:1px solid #45b2f0;}
.stepPerf05 ol > li.svc07 > ul{border-top:1px solid #67e0b8;}

.ncsStep{padding:0 40px; overflow:hidden; box-sizing:border-box; border:1px solid #e0e0e0; border-top:0;}
.ncsStep .ncsText{padding:30px 0; border-bottom:1px solid #e0e0e0; margin-bottom:30px;}
.ncsStep .ncsText p{padding:30px 0 0 0; font-size:18px; line-height:28px; text-align:center; background:url(/hug/image/icon/icon_arrow10.png) no-repeat center 0;}
.ncsStep .ncsText span{display:block; margin:0 0 30px 0; font-size:16px; text-align:center; color:#80828e;}
.ncsStep .ncsText .bgOneImage{margin-bottom:0;}

.bandStack4 {overflow:hidden; margin-bottom: 30px; }
.bandStack4 > li {float:left;width: 50%; box-sizing:border-box;text-align:left; background:#f5f7fa; color:#444;}
.bandStack4 > li p { height:60px; line-height:60px;padding-left:25px; font-size: 18px; text-align:center; box-sizing:border-box; white-space: nowrap; color:#fff; text-shadow:1px 1px 1px #333;}
.bandStack4 > li > ul {padding: 20px 15px 20px 30px; border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;margin: 0;}
.bandStack4 > li.no01 > ul { border-left:1px solid #dfdfdf; height:180px;}
.bandStack4 > li.no01 p { background:#80838d; }
.bandStack4 > li.no02 > ul{height:180px;}
.bandStack4 > li.no02 p { background:#1698e2 url('/hug/en/image/bul_arrow06.png') no-repeat left 50%;}
.bandStack4.bandStackLast > li > ul{height:120px;}

.bandStack4.type02 > li {width:33.33%;}
.bandStack4.type02 > li p {padding-left:0; text-shadow:1px 1px 1px #333;}
.bandStack4.type02 > li > ul {padding:0;}
.bandStack4.type02 > li.no01 > ul { background:#e9f6f2; height:auto;}
.bandStack4.type02 > li.no01 p { background:#09a56d; }
.bandStack4.type02 > li.no02 > ul{background:#eceef3; height:auto;}
.bandStack4.type02 > li.no02 p { background:#80838d url('/hug/image/bul/bul_arrow06.png') no-repeat left 50%; }
.bandStack4.type02 > li.no03 > ul{background:#e9f1f5;}
.bandStack4.type02 > li.no03 p { background:#1698e2 url('/hug/en/image/bul_arrow06.png') no-repeat left 50%; }
.bandStack4.type02 > li > ul > li{min-height: 62px;padding:10px 20px;box-sizing:border-box;border-top:1px solid #dfdfdf;word-break:keep-all;display: table;width: 100%;}
.bandStack4.type02 > li > ul > li span {display:table-cell;vertical-align: middle;}

.bandStackBox {width:100%; overflow:hidden; margin:0 0 10px 0;}
.bandStackBox > div{float:left; width:33.33%; border-bottom:1px solid #dfdfdf;}
.bandStackBox > div > p{height:45px; padding:13px 30px; box-sizing:border-box; font-size:16px; color:#fff; text-shadow:1px 1px 1px #333;}
.bandStackBox > div .stackWrap{height:260px; border-right:1px solid #dfdfdf; overflow:hidden;}
.bandStackBox > div .stackWrap .stackImg{text-align:center; height:157px; padding:30px; box-sizing:border-box;}
.bandStackBox > div .stackWrap ul{ padding:0 10px 0 30px;box-sizing:border-box;}
.bandStackBox > div.no01 .stackWrap{border-left:1px solid #dfdfdf;}
.bandStackBox > div.no01 > p{background:#80828e;}
.bandStackBox > div.no02 > p{background:#1698e2;}
.bandStackBox > div.no03 > p{background:#09a56d;}
.bandStackBox > div .stackWrap ul .num{margin-left:-10px; margin-right:5px;}
.bandStackBox > div .stackWrap ul li{padding-left:10px;}
.bandStackBox .stackSt01{color:#00af76;font-weight:bold;}

/* HUG마켓 */
.visHug {width:100%;min-height:244px;position:relative;margin:0 0 50px;padding: 32px 38px 32px 38px;border-bottom: 1px solid #e9e9e9;border-top:  1px solid #e9e9e9;box-sizing: border-box;}
.tabmenu01 + .visHug,
.tabSub + .visHug { border-top:0;}
.visHug .visHugSub {color: #737373;font-weight: 500;font-family: "notoKrR", sans-serif;}
.visHug img {position:absolute;right: 2%;top:32px;height:244px;}
.visHug > p {font-size:28px;color:#137cbd;line-height:120%;position:relative;padding:0 0 17px;margin:0 0 18px;font-weight: 100;font-family: "notoKrL", sans-serif;word-break: keep-all;line-height:1.45;}
.visHug > p > span {font-size:16px;color: #737373;display:block;font-weight: 500;font-family: "notoKrM",sans-serif;}
.visHug > p:after {position:absolute;width:36px;height:1px;border-top:1px solid #e0e0e0;bottom:0;left:0;}
.visHug > span {display:block;font-size:14px;color:#6d6e6e;font-weight: 700;font-family: "notoKrB",sans-serif;word-break: keep-all;margin-bottom: 10px;}

.visHug .ceoSign { margin-top: 22px; }
.visHug .ceoSign strong { font-size: 22px; color: #31343f; margin-left: 10px; }

.hugCon {overflow:hidden;}
.hugCon li {float:left; width:33%; border:1px solid #ebebeb; border-left:0;}
.hugCon li:first-child { border-left: 1px solid #ebebeb; }
.hugCon li + li {/* margin-left:-1px; */}
.hugCon li dl {/* border:1px solid #ebebeb; */}
.hugCon li dl dt {height:30px; font-size:15px; padding:10px 0 14px 34px; line-height:35px;}
.hugCon li dl dt a { display:inline-block; }
.hugCon li dl dt a > img {width:29px; vertical-align:middle; margin-right:10px;}
.hugCon li dl dt  > span {font-weight:bold; margin-left:5px;}
.hugCon li dl.hugBox01 dt {background:#dfebf2; color:#0569a6; }
.hugCon li dl.hugBox02 dt {background:#eff0f0; color:#31343f; }
.hugCon li dl.hugBox03 dt {background:#dcede9; color:#00875a; }
.hugCon li dl dd {font-size:13px;min-height: 104px;padding:18px 0 18px 34px;line-height:140%;display: block;}
.hugCon li dl dd > a {width:146px; text-align:center; display:block; background:#80838d; font-size:11px; color:#fff; padding:3px 0; margin-top:10px;}
.hugCon li dl dd > span {display:block;}

div.contentsBox01 + .tbTopTxt {margin-top:20px;}

/* 본인인증 */
.visHug.visLogin img {height: 180px;}

/* table + h 태그 간격 */
.tableStyle01 + h4 {margin-top:60px;}
.contentsBox01 + .boardSearch,
.contentsBox01 + .boardView {margin-top:30px;}
.contentsBox01 + .boardSearch,
.tableStyle01 + .boardSearch,
.tabmenu01 + .boardSearch,
.visHomepage + .boardSearch {border:0; padding:0;}
.textBox01 + .searchArea {margin:40px 0 0;}

/* 홈페이지 개선의견 */
.visHomepage {background:#f2f0eb; padding:40px 35% 40px 40px; position:relative; box-sizing:border-box; margin:0 0 40px;}
.visHomepage img {position:absolute; right:40px; top:50%; margin-top:-65px; width:236px;}
.visHomepage strong {color:#333; font-size:16px; display:block; line-height:130%; margin:0 0 17px;}
.visHomepage ul li {padding-left:12px; text-indent:-12px; line-height:160%;}

/* 금리제안 */
.secTop {background:#f5f8fa; padding:30px; overflow:hidden; line-height:100%; margin:0 0 40px;}
.secTop span {float:right;}
.irChart {border-top:2px solid #66575a; border-bottom:1px solid #a9a6a7; margin-top:5px; overflow:hidden;}
.irChart > div {padding:25px 0;}
.irChart > div + div {border-top:1px solid #e1e2e2;}
.irChart > div > ul {width:102%;overflow:hidden; margin-left:-2%;}
.irChart > div > ul li {float:left; width:23%; overflow:hidden; margin:15px 0 0 2%;}
.irChart > div > ul li > label,
.irChart > div > div > label {width:24%; text-align:center; background:#f7f7f7; float:left; border:1px solid #e1e2e2; height:32px; padding:5px 0; box-sizing:border-box;}
.irChart > div > ul li > input,
.irChart > div > div > input {width:75.5%; float:left; border:1px solid #e1e2e2; margin-left:-1px; height:32px; padding:0; box-sizing:border-box;}

.irChart > div > ul + div {margin-top:15px; overflow:hidden;}
.irChart > div > ul + div > label {width:5.6%;}
.irChart > div > ul + div > input {width:94.4%;}

.irChart .selectBox {vertical-align:middle; min-height:26px; margin:0 0 0 20px;}
.irChart .selectBox span, .irChart .selectBox select {height:26px; line-height:26px;}

.irChart > div.rbtn {text-align:right; border-top:0; padding:0 0 25px;}
.irChart > div.rbtn .sbtn {float:none; clear:both;}

.contentsBox01 .btnGo {display:inline; text-align:center; padding:3px 20px; margin-left:20px;}
.contentsBox01 p + span {display:block; margin-top:20px;}

.titArea {position:relative; margin-top:40px;}
.titArea > .btnMore02 {position:absolute; top:3px; right:0;}
.titArea > .btnMore02 span {font-weight:bold; margin-left:5px;}

/* 사회공헌소식 */
.social {position:relative;}
.socTop {position:absolute; top:-50px; right:0;}
.socTop > a {display:inline-block; height:34px; line-height:34px; border:1px solid #e1e2e2; color:#7f686d; font-weight:700; padding:0 14px;}
.socTop > a.sNews {color:#1698e2;}
.socTop > a.sReview {color:#09a56d;}
.socTop > a + a {margin-left:8px;}
.socTop > a img {width:10px;}
.social > ul {width:102%; overflow:hidden; margin-left:-2%;}
.social > ul > li {float:left; width:31.3%; margin-left:2%;}
.social > ul > li div {position:relative; margin:0 0 15px;}
.social > ul > li div > i {position:absolute; left:0; top:0; display:block; width:36px; height:36px; padding:7px 0 0; box-sizing:border-box; text-align:center; }
.social > ul > li div > i img {width:13px; vertical-align:middle;}
.social > ul > li.socNews i.sect {background:#1698e2;}
.social > ul > li.socReview i.sect {background:#09a56d;}
.social > ul > li div img {width:100%;}
.social > ul > li a > strong {display:block; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.social > ul > li a > span {height:35px; display:block;}
.social > ul > li.socNews strong {color:#1698e2;}
.social > ul > li.socReview strong {color:#09a56d;}

/* 동영상 */
.video {overflow:hidden; border-top:2px solid #66575a; border-bottom:1px solid #e1e2e2; padding:40px 0 40px 430px; position:relative; min-height:480px; margin:0 0 30px;}
.videoArea {width:390px; position:absolute; left:0; top:40px;}
.videoArea .caption {background:#f4f4f4; margin-top:20px; width:390px; height:165px; overflow:hidden; overflow-y:auto; padding:30px; box-sizing:border-box;}
.caption > strong {display:block; margin:0 0 10px; color:#5e5e5f;}
.videoList {width:100%;}
.videoList h4 {font-size:18px; border-bottom:1px solid #ddd; padding:0 0 17px; line-height:130%;}
.videoList ul {width:100%;}
.videoList ul li {margin-top:20px; overflow:hidden;}
.videoList ul li img {float:left; width:195px; height:125px; margin-right:30px;}
.videoList ul li div {float:left; padding:28px 0 0;}
.videoList ul li div > strong {display:block; color:#31343f; padding:0 0 5px;}
.videoList ul li div > span {display:block;}

.viewVideo {overflow:hidden;}
.viewVideo div.videoBox {float:left;}
.viewVideo div.caption {float:right; width:433px; height:293px; text-align:center; line-height:140%; background:#f4f4f4; overflow:hidden; overflow-y:auto; padding:30px; box-sizing:border-box;}
.boardView .cont .caption p {line-height:160% ! important;}

/* 갤러리 */
.gallery {border-bottom:1px solid #dedede; margin:0 0 25px;}
.gallery ul {width:102%; overflow:hidden; margin-left:-2%;}
.gallery ul li {width:31%; float:left; margin-left:2.3%; line-height:100%; padding:0 0 38px;}
.gallery ul li > a {display:block;}
.gallery ul li div {width:285px; height:167px; overflow:hidden;}
.gallery ul li div img {width:100%;}
.gallery ul li strong {display:block; margin:15px 0 5px; color:#137cbd;}

.gallImg {padding:0 80px;}
.gallImg img {width:100%; height: auto !important;}

/* 갤러리2 - openapi 활용사례 */
.gallery2 {border-bottom:1px solid #dedede; margin:0 0 25px; }
.gallery2 > ul {width:102%; overflow:hidden; margin-left:-2%; }
.gallery2 > ul > li {width:31%; float:left; margin-left:2.3%; line-height:100%;padding: 0 0 24px;}
.gallery2 > ul > li > a { display:block; }
.gallery2 > ul > li div {width:285px;height:167px;overflow:hidden;}
.gallery2 > ul > li div img {width:100%;}

.gallery2 .galList {margin: 16px 0;}
.gallery2 .galList li {
	padding-left: 65px;
	color: #515252;
	overflow: hidden;
	margin: 6px 0;
	line-height: 120%;
}

.gallery2 .galList li > strong {
	float:left;
	width: 65px;
	margin-left: -65px;
	display: block;
}

.gallery2 .galList li > span {
	float:left;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 10px;
	width: 100%;
	box-sizing: border-box;
}

.intro01 {width:100%; text-align:center; margin:0 0 60px;}
.system01 {width:100%; overflow:hidden;}
.system01 > span {float:left; position:relative; background:#f4f4f4; height:42px; width:18%; color:#31343f; line-height:42px; font-size:14px;}
.system01 > span.lastBox {width:60%;}
.system01 > span + span {margin-left:2%;}
.system01 > span + span:after {content:""; position:absolute; left:-19px; top:50%; border-top:1px solid #e0e0e0; width:20px; height:1px;}
.system02 {overflow:hidden; margin-top:10px;}
.system02 strong {float:left; width:18%; height:79px; line-height:79px; margin-right:2%; background:#ebf0f4; color:#046eb0;}
.system02 strong.type02 {background:#e9f3f0; color:#00875a;}
.system02 ul {float:left; width:60%; overflow:hidden; border-top:1px solid #ececec; border-right:1px solid #ececec; box-sizing:border-box;}
.system02 ul > li {float:left; width:33.3%; height:39px; border-left:1px solid #ececec; border-bottom:1px solid #ececec; line-height:39px; box-sizing:border-box;}

/* 정보공개 제도 안내 */
	.conInfoSys {padding:70px 59px; border:1px solid #e8e8e8; margin:0 0 60px;}
	.conInfoSys ul {padding:0 26px 0 36px; background:url('/hug/image/bg/bg_infosys01.png') no-repeat left center; box-sizing:border-box; position:relative; overflow:hidden;}
	.conInfoSys ul:after {content:""; width:10px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:url('/hug/image/bg/bg_infosys02.png') no-repeat left center;}
	.conInfoSys ul li {width:23%; height:80px; float:left; text-align:center; box-sizing:border-box; display:table;}
	.conInfoSys ul li + li {margin-left:2%;}
	.conInfoSys ul li > div {background:#09a56d; color:#fff; display:table-cell; vertical-align:middle; text-shadow:1px 1px 1px #333;}
	.conInfoSys ul li span {display:block;}
	.conInfoSys ul li.box02 > div {background:#1698e2;}
	.conInfoSys ul li.box03 > div {background:#657FA0;}
	.conInfoSys ul li.box04 > div {background:#eff0f0; color:#333; text-shadow:none;}
	.conInfoSys ul li.box05 > div {background:#53df9c;}
	
	.conInfoSys.type02 ul li {width:18.8%;}
	.conInfoSys.type02 ul li + li {margin-left:1.5%;}
	.conInfoSys.type03 ul li {width: 23.4%;}
	.conInfoSys.type03 ul li + li {margin-left:1.5%;}
	.conInfoSys.type04 ul {padding:0 36px;}
	.conInfoSys.type04 ul li {width:32%; height:100px;}
	.conInfoSys.type04 ul li + li {margin-left:2%;}
	.conInfoSys.type04 ul li.box03 > div {background:#766165;}
	
	.conInfoSysCir {padding:40px 59px; background:#f9f9f9; margin:0 0 60px;}
	.conInfoSysCir > ul {padding:0 40px; background:url('/hug/image/bg/bg_infosys01.png') no-repeat left center; box-sizing:border-box; position:relative; overflow:hidden;}
	.conInfoSysCir > ul:after {content:""; width:10px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:url('/hug/image/bg/bg_infosys02.png') no-repeat left center;}
	.conInfoSysCir > ul li {width:16%; height:80px; float:left; text-align:center; line-height:80px; color:#fff; font-size:18px; box-sizing:border-box; background:url('/hug/image/bg/bg_circle0206.png') no-repeat center; font-family: 'Titillium Web'; font-weight: 300; text-shadow:1px 1px 1px #333;}
	.conInfoSysCir > ul li + li {margin-left:5%;}
	
	.conInfoSysTxt > ul {padding:0 40px; }
	.conInfoSysTxt > ul li {width:16%; float:left; text-align:center;font-family: 'NotoKrM';font-weight: 500;word-break:keep-all;color:#515252;}
	.conInfoSysTxt > ul li + li {margin-left:5%;}

/* 사전정보공개 */
.chkList {width:100%; overflow:hidden; border:1px solid #e1e2e2; padding:17px 40px 40px; margin-top:20px; box-sizing:border-box;}
.chkList li {width:25%; float:left; margin:23px 0 0; height:18px;}
.chkList li a { display: block; padding-left:23px;}
.chkList li.item01 a {background:transparent url('../image/icon/icon_ifo01_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo01.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo01.png') no-repeat left center;
	background-size:18px;}	
.chkList li.item02 a {background:transparent url('../image/icon/icon_ifo02_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo02.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo02.png') no-repeat left center; background-size:18px;}	
.chkList li.item03 a { background:transparent url('../image/icon/icon_ifo03_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo03.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo03.png') no-repeat left center; background-size:18px;}	
.chkList li.item04 a { background:transparent url('../image/icon/icon_ifo04_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo04.png') no-repeat left center;

	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo04.png') no-repeat left center; background-size:18px; }	
.chkList li.item05 a { background:transparent url('../image/icon/icon_ifo05_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo05.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo05.png') no-repeat left center; background-size:18px; }	
.chkList li.item06 a { background:transparent url('../image/icon/icon_ifo06_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo06.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo06.png') no-repeat left center; background-size:18px; }	
.chkList li.item07 a { background:transparent url('../image/icon/icon_ifo07_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo07.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo07.png') no-repeat left center; background-size:18px; }	
.chkList li.item08 a { background:transparent url('../image/icon/icon_ifo08_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo08.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo08.png') no-repeat left center; background-size:18px; }	
.chkList li.item09 a { background:transparent url('../image/icon/icon_ifo09_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo09.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo09.png') no-repeat left center; background-size:18px; }	
.chkList li.item10 a { background:transparent url('../image/icon/icon_ifo10_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo10.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo10.png') no-repeat left center; background-size:18px; }	
.chkList li.item11 a { background:transparent url('../image/icon/icon_ifo11_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo11.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo11.png') no-repeat left center; background-size:18px; }	
.chkList li.item12 a { background:transparent url('../image/icon/icon_ifo12_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo12.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo12.png') no-repeat left center; background-size:18px; }	
.chkList li.item13 a { background:transparent url('../image/icon/icon_ifo13_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo13.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo13.png') no-repeat left center; background-size:18px; }	
.chkList li.item14 a { background:transparent url('../image/icon/icon_ifo14_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo14.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo14.png') no-repeat left center; background-size:18px; }	
.chkList li.item15 a { background:transparent url('../image/icon/icon_ifo15_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo15.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo15.png') no-repeat left center; background-size:18px; }
.chkList li.item16 a { background:transparent url('../image/icon/icon_ifo16_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo16.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo16.png') no-repeat left center; background-size:18px; }
.chkList li.item17 a {background:transparent url('../image/icon/icon_ifo01_half.png') no-repeat left center;
	background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo01.png') no-repeat left center;
	background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo01.png') no-repeat left center; background-size:18px;}	
	
.chkList li a.on {color:#137cbd;font-weight: 700;font-family: "notoKrB",sans-serif; padding-bottom:3px; border-bottom: 2px solid #137cbd; width: 65%;}

.chkList li.item01 a.on { background:transparent url('../image/icon/icon_ifo01_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo01_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo01_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item02 a.on { background:transparent url('../image/icon/icon_ifo02_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo02_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo02_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item03 a.on { background:transparent url('../image/icon/icon_ifo03_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo03_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo03_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item04 a.on { background:transparent url('../image/icon/icon_ifo04_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo04_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo04_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item05 a.on { background:transparent url('../image/icon/icon_ifo05_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo05_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo05_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item06 a.on { background:transparent url('../image/icon/icon_ifo06_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo06_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo06_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item07 a.on { background:transparent url('../image/icon/icon_ifo07_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo07_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo07_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item08 a.on { background:transparent url('../image/icon/icon_ifo08_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo08_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo08_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item09 a.on { background:transparent url('../image/icon/icon_ifo09_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo09_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo09_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item10 a.on { background:transparent url('../image/icon/icon_ifo10_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo10_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo10_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item11 a.on { background:transparent url('../image/icon/icon_ifo11_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo11_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo11_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item12 a.on { background:transparent url('../image/icon/icon_ifo12_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo12_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo12_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item13 a.on { background:transparent url('../image/icon/icon_ifo13_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo13_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo13_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item14 a.on { background:transparent url('../image/icon/icon_ifo14_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo14_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo14_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item15 a.on { background:transparent url('../image/icon/icon_ifo15_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo15_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo15_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item16 a.on { background:transparent url('../image/icon/icon_ifo16_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo16_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo16_on.png') no-repeat left center;
background-size:18px; }
.chkList li.item17 a.on { background:transparent url('../image/icon/icon_ifo01_on_half.png') no-repeat left center;
background:-webkit-linear-gradient(transparent,transparent), url('../image/icon/icon_ifo01_on.png') no-repeat left center;
background:linear-gradient(transparent,transparent), url('../image/icon/icon_ifo01_on.png') no-repeat left center;
background-size:18px; }


/* .chkList li > label {position:relative; display:inline-block; padding-left:10px;} */

/* .chkList li > label i {display:inline-block; width:18px; height:18px; margin-right:5px;}
.chkList li > label i > img {width:100%;}
.chkList li > label:after {content:""; position:absolute; left:-15px; top:3px; width:13px; height:13px; border:1px solid #cbcbcb;}
.chkList li > input[type=checkbox] {opacity:0; filter:alpha(opacity=0); IE 8 }
.chkList li > label.on {color:#137cbd;}
.chkList li > label.on:after {content:""; position:absolute; left:-15px; top:3px; width:13px; height:13px; background:#1698e2 url('../image/icon/icon_check_on.png') no-repeat center center; border:1px solid #1698e2;} */
.chkList + .boardSearch {margin-top:20px; border:0;}


/* 정보목록 - 기타관련자료 */
.infoList {border-top:1px solid #e1e2e2; border-right:1px solid #e1e2e2; overflow:hidden; box-sizing:border-box; color:#31343f;}
.infoList li {width:50%; height:155px; position:relative; padding:30px 30px 30px 133px; float:left; border-bottom:1px solid #e1e2e2; border-left:1px solid #e1e2e2; box-sizing:border-box;}

.infoList li > img {position:absolute; left:30px; top:30px; width:83px;}
.infoList li strong {display:block; font-size:16px; margin:0 0 8px;}
.infoList li > p {display:block; font-size:13px; margin:0 0 8px; word-break:keep-all;}
.infoList .sbtn02 {padding: 5px 20px;}
li.infoCase01 {
    background:transparent url(/hug/image/icon/icon_infolist01.png) no-repeat 30px 30px;
	background:-webkit-linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist01.png) no-repeat 30px 30px;
	background:linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist01@2x.png) no-repeat 30px 30px;
	background-size:83px 83px; 
}
li.infoCase02 {
    background:transparent url(/hug/image/icon/icon_infolist02.png) no-repeat 30px 30px;
	background:-webkit-linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist02.png) no-repeat 30px 30px;
	background:linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist02@2x.png) no-repeat 30px 30px;
	background-size:83px 83px; 
}
li.infoCase03 {
    background:transparent url(/hug/image/icon/icon_infolist03.png) no-repeat 30px 30px;
	background:-webkit-linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist03.png) no-repeat 30px 30px;
	background:linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist03@2x.png) no-repeat 30px 30px;
	background-size:83px 83px; 
}
li.infoCase04 {
    background:transparent url(/hug/image/icon/icon_infolist04.png) no-repeat 30px 30px;
	background:-webkit-linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist04.png) no-repeat 30px 30px;
	background:linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist04@2x.png) no-repeat 30px 30px;
	background-size:83px 83px; 
}

/* 팝업 */
.popup {border-top:5px solid #1698e2; padding:25px 30px;}
.popup h1 {font-size:22px; color:#137cbd; text-align:left; margin:0 0 10px;}
.popup .btnClose {position:absolute; right:30px; top:25px; width:23px; height:23px;}
.popup .btnClose img {width:100%;}
.popup .boardList table {font-size:13px;}
.popup .popSchArea {background:#f5f6f6; padding:30px 35px; margin:20px 0; text-align:left;}
.popup .popSchArea > div {position:relative; padding:0 99px 0 0; margin-top:10px;}
.popup .popSchArea > div > input[type=text] {width:100%; border:1px solid #e1e2e2; height:36px; line-height:36px; box-sizing:border-box;}
.popup .popSchArea > div > input[type=button] {width:100px; line-height:36px; color:#fff; background:#31343f; font-family:"notoKrB",sans-serif; font-weight:700; border:0; position:absolute; right:0; top:0;}
.popup .boardList table tbody td {padding:10px 5px;}

.popup .tbTopTxt {padding-top:10px;}
.popup .boardWrite li .tit {width:115px; text-align:left;}
.popup .boardWrite li .cnt {text-align:left;}
.popup .boardWrite li .textarea {margin:0;}

.popup .boardWrite + .btnArea02 {margin-top:-60px; border:0;}

.sbtn03 {display:inline-block; height:30px; color:#fff; background:#31343f; line-height:30px; padding:0 15px; border:none;}

.popup .mBodList {display:none;}

.popup .tabmenu01 {margin:20px 0 30px;}
.addrSch {text-align:left; font-size:13px;}
.addrSch .tableStyle01 {overflow:auto; height:178px;}
.addrSch .tableStyle01 table {border-right:1px solid #e5e6e7;}
.addrSch .tableStyle01 table tbody tr td {font-size:13px;}

.addrSch .searchArea02 {overflow:hidden; margin:5px 0 28px;}
.addrSch .searchArea02 .selectBox {float:left; width:auto; min-width:100px; margin-right:10px;}
.addrSch .searchArea02 .popSchBox {float:left; width:350px; overflow:hidden; padding:0 100px 0 64px; position:relative; box-sizing:border-box;}
.addrSch .searchArea02 .popSchBox label {width:54px; position:absolute; left:0; top:8px; padding-left:10px;}
.addrSch .searchArea02 .popSchBox input[type="text"] {width:100%; height:21px;}
.addrSch .searchArea02 .popSchBox .btnSch02 {top:0;}

.addrSch .searchArea02 .popSchBox02 {width:100%; overflow:hidden; padding:0 0 0 84px; position:relative; box-sizing:border-box;}
.addrSch .searchArea02 .popSchBox02.type02 {padding:0 100px 0 84px; margin-top:5px;}
.addrSch .searchArea02 .popSchBox02.type03 {padding:0 0 0 84px; margin-top:5px;}
.addrSch .searchArea02 .popSchBox02 label {width:84px; position:absolute; left:0; top:8px;}
.addrSch .searchArea02 .popSchBox02 input[type="text"] {width:100%; height:21px;}
.addrSch .searchArea02 .popSchBox02.type03 input[type="text"] {width:70%; height:34px; float:left; box-sizing:border-box;}
.addrSch .searchArea02 .popSchBox02.type03 input[type="text"].inpAddNum {width:29%; height:34px; box-sizing:border-box; margin-right:1%;}
.addrSch .searchArea02 .popSchBox02 .btnSch02 {top:0;}

.addrSch .tableStyle01 {margin:5px 0 28px;}

.addrDetail {border-top:2px solid #67585b; margin-top:5px;}
.addrDetail p {padding:9px 22px; border-bottom:1px solid #e5e6e6;}
.addrDetail .addrCfm {background:#f7f7f7; padding:13px 22px; color:#505050; font-family: "notoKrB", sans-serif; }
.addrDetail p a {color:#137cbd; text-decoration:underline;}
.addrDetail p a span {display:inline-block; padding:4px 5px; border:1px solid #d6d6d9; background:#eff0f0; color:#383b45; text-decoration:none; margin-right:10px; line-height:100%;}

.addrSch h2 {font-size:13px; color:#137cbd; margin-top:60px;}

.addrCheck {background:#edf3f6; border:1px solid #d2e5ee; padding:20px; margin-top:10px;}
.addrCheck li {float:left; width:32%;}
.addrCheck p {text-align:left;}
.addrCheck p input[type="radio"] {/* vertical-align:middle; *//* z-index:1; *//* position:relative; *//* visibility:hidden; */}
.addrCheck p input[type="radio"] + label {
	z-index:100;
	padding-left:25px;
	margin: 0 20px 0 -17px;
	background: url(/common/image/icon/icon_radio_type01_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_off@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_off@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}

.addrCheck p input[type="radio"]:checked + label{
	background: transparent url(/common/image/icon/icon_radio_type01_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_on@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_on@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}

.addrCheck p input[type="radio"] + label.on {
	background: transparent url(/common/image/icon/icon_radio_type01_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_on@2x.png) no-repeat 0 center;
	background: linear-gradient(transparent, transparent), url(/common/image/icon/icon_radio_type01_on@2x.png) no-repeat 0 center;
	background-size: 16px 16px;
}
.addrCheck li input[type="text"] {width:100%; height:34px; margin-top:5px;}
.addrCheck li + li {margin-left:2%;}

.paging + .btnRight {float:right; margin-top:-60px;}


/* 1사1농어촌 사랑운동 */
.cbImgList {overflow:hidden; margin:24px 0 10px 12px;}
.cbImgList li {overflow:hidden; float:left; min-width:189px; margin:0 0 25px 35px;}
.cbImgList li:first-child {margin-left:0;}
.cbImgList li .img {height:134px; padding:1px; background:#e2e2e2;}
.cbImgList li .img img {width:100%; height:134px;}
.cbImgList li.wide {margin-left:0;}
.cbImgList.mu02 li {margin-left:24px;}
.cbImgList.mu02 li:first-child {margin-left:0;}
.cbImgList + h4 {margin-top:-15px !important;}
.cbImgList + .dash {margin-top:-28px !important;}
.cbImgList + .txtRefer {margin:-28px 0 0 10px;}

/* 공사소개 > 채용정보 > 채용공고 */
.recruitNotice {overflow:hidden; margin-bottom:37px; height:270px; background: url('../image/temp/sub08_08_01_0.png') no-repeat 100% bottom;}
.recruitNotice dl {margin:43px 0px 43px 43px;}
.recruitNotice dl dt {color:#fff; font-size:21px; line-height:130%;}
.recruitNotice dl dt span {display:block; color:#75d3ff; font-size:25px; margin-top:7px;}
.recruitNotice dl dd {color:#fff; line-height:150%; margin-top:20px; margin-right:300px; font-size:13px;}
.tableStyle01 + .referTop, .tableStyle02 + .referTop, .tableScroll + .referTop {margin-top:-30px;}

/* 공사소개 > 채용정보 > 인사제도 */
.recruitInfo {overflow:hidden; width:100%; height:80px; background:url('../image/temp/sub08_08_02_0.png') no-repeat 0 0; margin-bottom:5px;}

/* 공사소개 > 채용정보 > 교육제도 */
.eduSystem02 {overflow:hidden; margin-bottom:40px;}
.eduSystem02 > ul {overflow:hidden; border:1px solid #e8e8e8;}
.eduSystem02 > ul > li {float:left;width: 25%;/* margin-left:1%; */}
.eduSystem02 > ul > li:first-child {/* width:24%; *//* margin-left:0; */}
.eduSystem02 ul li > div {min-height:146px;padding: 22px 30px;background: #fff;}
.eduSystem02 ul li.no01 > div,
.eduSystem02 ul li.no03 > div {background: #edf5f9;}
.eduSystem02 ul li p {margin-bottom:15px; font-size:14px; color:#333;}
.eduSystem02 ul li li {line-height:160%; margin-bottom:1px; letter-spacing:-1px;}


/*sub04_01.html 보증이용절차*/
.h4TxtStyle {overflow:hidden; margin-bottom:20px; width:100%;} /* h3 & 화살표 텍스트 들어 갈 경우 */
.h4TxtStyle h4 {float:left;margin-bottom:0px;font-size:20px;}
.h4TxtStyle .text {float:left;display:inline-block;margin: 0px 0 0 18px;padding-left: 18px;width:auto;color: #515252;background:url(../image/temp/sub04_01_bar.png) no-repeat 0 center;font-family: "notoKrM",sans-serif;}


.stepDiagram{}
.contentM{margin:0 0 60px 0;}
.contentM1{margin:0 0 20px 0;}
.contentM2{margin:0 0 35px 0;}
.stepDiagram .fStepListStyle > li{padding:0 0 0 23px; overflow:hidden; box-sizing:border-box; color:#525252; font-family:"notoKrR", sans-serif; line-height:16px;}
.stepDiagram .fStepListStyle .stdBox{float:left; width:100%; margin:0 0 10px 0;}
.stepDiagram .fStepListStyle table th{padding:18px 0 0 25px; width:163px; background-image:url(../image/temp/sub04_01_bg_patt_00.png);  background-repeat:no-repeat; background-position:0 0; vertical-align:top;box-sizing:border-box; text-align:left;}
.stepDiagram .fStepListStyle table td{padding:18px 40px 18px 27px; border:1px solid #e1e2e2; border-left:none; border-left:none; box-sizing:border-box; }
.stepDiagram .fStepListStyle .stdTxtbox .sStepListStyle{}
.stepDiagram .fStepListStyle .stdTxtbox .sStepListStyle .lStepListStyle{}

.stepDiagram .fStepListStyle .dotBg01{ background:url(../image/temp/sub04_01_bg_patt_01.png) repeat-y 0 0;}
.stepDiagram .fStepListStyle .dotBg02{ background:url(../image/temp/sub04_01_bg_patt_02.png) repeat-y 0 0;}
.stepDiagram .fStepListStyle .dotBg03{ background:url(../image/temp/sub04_01_bg_patt_03.png) repeat-y 0 0;}
.stepDiagram .fStepListStyle .dotBg04{ background:url(../image/temp/sub04_01_bg_patt_04.png) repeat-y 0 0;}

.stepDiagram .fStepListStyle .stdColbox01{background-color:#008700; color:#fff; text-shadow:1px 1px 1px #333;}
.stepDiagram .fStepListStyle .stdColbox02{background-color:#e7f3f1; color:#000;}
.stepDiagram .fStepListStyle .stdColbox03{background-color:#f0f0f0; color:#000;}
.stepDiagram .fStepListStyle .stdColbox04{background-color:#0A76DC; color:#fff; text-shadow:1px 1px 1px #333;}
.stepDiagram .fStepListStyle .stdColbox05{background-color:#e5eef5; color:#000;}

.stepDiagram .fStepListStyle .stdTxtbox .sStepListStyle .sStepListTitle{margin:0 0 5px 0;}
.stepDiagram .fStepListStyle .stdTxtbox .sStepListStyle .sStepListTitle01{margin:18px 0 5px 0;}

.stepDiagram .fStepListStyle .stdTxtbox .sStepListStyle .linkBtn{display:inline-block; width:103px; height:22px; margin:-2px 0 2px 8px; padding:2.5px 0 0 0; box-sizing:border-box; color:#fff; background:#80838d; font-size:11px; text-align:center;}
.stepDiagram .fStepListStyle .stdTxtbox .sStepListStyle .linkBtn2{display:inline-block; width:76px; height:22px; margin:-2px 0 2px 8px; padding:2.5px 0 0 0; box-sizing:border-box; color:#fff; background:#80838d; font-size:11px; text-align:center;}
.stepDiagram .fStepListStyle .stdTxtbox .sStepListStyle.dot {padding:0 0 5px 7px; background:url(../image/temp/sub04_01_dot.png) no-repeat 0 8px; }

.lStepListStyle > li{padding:0 0 5px 7px; background:url(../image/temp/sub04_01_dot.png) no-repeat 0 8px; }

.sStepdown02{display:inline-block; width:76px; height:22px; margin:0 0 0 8px; background:url(../image/temp/sub04_01_wg.png) no-repeat; text-indent:-9999px;}

.contentM1 .listSubTitle{margin:0 0 5px 0; padding-left:7px; font-size:14px; color:#525252; background:url(../image/temp/sub04_01_dot.png) no-repeat 0 8px; }
.contentM1 .text{padding-left:7px;line-height:16px; color:#525252;}

/* sub06_03_04_t03 */
/* TAB3 */
.conInfoSys02 {border:1px solid #e1e2e2; margin-top:18px; padding:30px 9px 30px 49px; overflow:hidden;}
.conInfoSys02 li {display:table; float:left; width:50%; padding:10px 40px 10px 0; box-sizing:border-box;}
.conInfoSys02 li span {width:78%; display:table-cell; vertical-align:middle; padding-left:20px; text-align:left; word-break:keep-all;}
.conInfoSys02 li span:first-child {width:22%; display:table-cell; vertical-align:middle; padding-left:0;}

.tablePublic02{display:none;}


/* 공사소개 > 조직/부서안내 */
input.memberInput{padding:4px 0 1px 7px !important;}

p.textBulDot + .organizationWrap {margin-top:9px}
.organizationWrap {position:relative;text-align: center;margin: 0 auto 10px  auto;}
.organizationWrap .imgWrap {position:relative;width: 100%;padding: 50px 0;border: 1px solid #ddd;box-sizing: border-box;}
.organizationWrap .imgWrap img { margin:auto; }
.organizationWrap img.mo, .organizationWrap img.tab { display:none; }
/*
.organizationWrap li span {display:block; text-indent:-5000px;}
.organizationWrap li a {display:block;position:absolute;text-indent:-5000px;}
.organizationWrap li.org02 > a {top: -1px;left: 439px;width:130px;height:130px;}
.organizationWrap li.org05 > a {top:184px; left:607px; width:157px; height:40px}
.organizationWrap li.org47 > a {top:184px; left:412px; width:157px; height:40px}

.organizationWrap li.org06 > a {top:271px; left:0px; width:180px; height:50px}
	.organizationWrap li.org07 > a {top:360px; left:30px; width:150px; height:40px}
	.organizationWrap li.org46 > a {top:410px; left:30px; width:150px; height:40px}
	.organizationWrap li.org08 > a {top:460px; left:30px; width:150px; height:40px}
	.organizationWrap li.org09 > a {top:510px; left:30px; width:150px; height:40px}
	.organizationWrap li.org04 > a {top:560px; left:30px; width:150px; height:40px}
	.organizationWrap li.org10 > a {top:610px; left:30px; width:150px; height:40px}
	.organizationWrap li.org44 > a {top:660px; left:30px; width:150px; height:40px}

.organizationWrap li.org11 > a {top:271px; left:195px; width:180px; height:50px}
	.organizationWrap li.org12 > a {top:360px; left:225px; width:150px; height:40px}
	.organizationWrap li.org13 > a {top:410px; left:225px; width:150px; height:40px}

		.organizationWrap li.org14 > a {top:752px; left:30px; width:90px; height:40px;}
		.organizationWrap li.org15 > a {top:802px; left:30px; width:90px; height:40px;}
		.organizationWrap li.org16 > a {top:852px; left:30px; width:90px; height:40px;}
		.organizationWrap li.org17 > a {top:902px; left:30px; width:90px; height:40px;}
		.organizationWrap li.org34 > a {top:952px;left:30px; width:90px; height:40px;}

		.organizationWrap li.org18 > a {top:752px; left:157px; width:90px; height:40px;}
		.organizationWrap li.org19 > a {top:802px; left:157px; width:90px; height:40px}
		.organizationWrap li.org20 > a {top:852px; left:157px; width:90px; height:40px}
		.organizationWrap li.org21 > a {top:902px; left:157px; width:90px; height:40px}
		.organizationWrap li.org35 > a {top:952px;left:157px; width:90px; height:40px}

		.organizationWrap li.org22 > a {top:752px; left:284px; width:90px; height:40px;}
		.organizationWrap li.org23 > a {top:802px; left:284px; width:90px; height:40px}
		.organizationWrap li.org24 > a {top:852px; left:284px; width:90px; height:40px}
		.organizationWrap li.org25 > a {top:902px; left:284px; width:90px; height:40px}
		.organizationWrap li.org36 > a {top:952px; left:284px; width:90px; height:40px}
		.organizationWrap li.org37 > a {top:1002px; left:284px;width:90px;height: 40px;}

.organizationWrap li.org26 > a {top:271px; left:390px; width:180px; height:50px}
	.organizationWrap li.org27 > a {top:360px; left:420px; width:150px; height:40px}
	.organizationWrap li.org28 > a {top:410px; left:420px; width:150px; height:40px}

		.organizationWrap li.org29 > a {top:752px; left:410px ;width:100px; height:40px;}
		.organizationWrap li.org30 > a {top:802px; left:410px; width:100px; height:40px}
		.organizationWrap li.org31 > a {top:852px; left:410px; width:100px; height:40px}
		.organizationWrap li.org32 > a {top:902px; left:410px; width:100px; height:40px}
		.organizationWrap li.org33 > a {top:952px;left:410px; width:100px; height:40px}

.organizationWrap li.org40 > a {top:271px; left:585px; width:180px; height:50px}
	.organizationWrap li.org41 > a {top:360px; left:615px; width:150px; height:40px}
	.organizationWrap li.org42 > a {top:410px; left:615px; width:150px; height:40px}
		.organizationWrap li.org43 > a {top:752px; left:605px; width:100px; height:40px;}
*/

/*도시정비사업지원업무 공공관리위탁업무 클린업시스템*/
.wBorderBox02{height:246px; overflow:hidden; border:1px solid #e0e0e0;}
.listImageText01{width:50%; float:left;}
.listImageText01 .liBulDash{padding:30px 30px 0 30px; box-sizing:border-box;}
.listImageText01 .sBtn{margin:0 0 0 30px;}
.listImageText01 img{max-width:100%}
.listImage01{width:50%; float:left;}
.listImage01 img{max-width:100%;}

/*공사소개 미션 및 비전*/
.icontxtWrap02{padding:25px 40px; margin:0 0 60px 0; box-sizing:border-box; border:1px solid #e7e7e7;}
.icontxtWrap02 .icontxtIn{overflow: hidden; width: 100%; padding:10px 0 10px 0; position: relative;padding-left: 300px;box-sizing: border-box;}
.icontxtWrap02 .iconImg{width:74px; float: left;margin-left: -300px;}
.icontxtWrap02 .iconImg img{max-width:100%;}
.icontxtWrap02 .icontxt{float: left;margin-left: -200px;padding-top: 15px;}
.icontxtWrap02 .icontxt p{width: 127px;float: left; font-weight:bold; color:#0e76bc;}
.icontxtWrap02 .icontxt div{width: 100%; padding: 0 0 0 148px; box-sizing: border-box;}
.icontxtWrap02 .icontxt2{float: left;margin-left: -200px;padding-top: 15px;}
.icontxtWrap02 .icontxt2 p{width: 127px;float: left; font-weight:bold; color:#0A76DC;}
.icontxtWrap02 .icontxt2 div{width: 100%; padding: 0 0 0 148px; box-sizing: border-box;}
.icontxtWrap02 .icontxt3{float: left;margin-left: -200px;padding-top: 15px;}
.icontxtWrap02 .icontxt3 p{width: 127px;float: left; font-weight:bold; color:#008700;}
.icontxtWrap02 .icontxt3 div{width: 100%; padding: 0 0 0 148px; box-sizing: border-box;}

/* 고객지원센터 홈페이지 이용안내 모바일APP서비스 어플리케이션 */
.responImg01{margin:30px;}
.responImgInner01{width:100%;}
.respon_list00{float:left; width:22%; margin:0 0 0 4%;}
.respon_list00 img{max-width:100%;}
.respon_list00.type01{margin:0;}

/* 공사소개 사회공헌 사회공헌 소개 연도별 사회공헌 활동  */
.imgViewWrap {
    overflow:hidden;
    padding-left: 74px;
}

.imgViewBtn {
    display: none;
}

.imgViewListBtn {
    float: left;
    width: 74px;
    margin-left: -74px;
}

.imgViewListBtn li {
    margin: 0 0 35px 0;
}

.imgViewListBtn li a {
    line-height:100%;
    font-size: 28px;
    color: #cacaca;
	font-family: "Titillium Web", sans-serif;font-weight: 300;
}
.imgViewListBtn li.on{ background:url(../image/contents/blackline.png) no-repeat bottom; padding:0 0 7px 0;}
.imgViewListBtn li.on a {color: #2d2c38;font-family: "Titillium Web", sans-serif;font-weight: 300;}

.viewWrap { float:right;}
.imgView01 .mo { display: none; }

.imgView01 {
    display: none;
}

.imgView01 img { max-width:100%; }

.imgView01.on { display: block; }

/* 공사소개 사회공헌 주요사업 */
.tabUi_iconStyle{width:100%; margin:0 0 40px 0;}
.tabUi_iconStyle ul{width:100%;}
.tabUi_iconStyle ul li{float:left; width:25%; height:70px; box-sizing:border-box;}
.tabUi_iconStyle ul li:first-child{border-left:1px solid #eee; box-sizing:border-box;}
.tabUi_iconStyle ul li h4 a{display:block; width:100%; height:70px; padding:0 0 0 30px; border-top:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; font-weight:bold;}
.tabUi_iconStyle ul li h4 a span{display:table-cell; vertical-align:middle; height:70px;}
.tabUi_iconStyle ul li h4 {font-size: 14px;letter-spacing: normal;line-height: normal;}
.tabUi_iconStyle .tab01{background:url(/hug/image/contents/sub08_06_02_01_pc.png) no-repeat right -114px; border-bottom:4px solid #1698e2; }
.tabUi_iconStyle .tab01 h4 a span{color:#1698e2;}
.tabUi_iconStyle .tab01.on{background-image:url(/hug/image/contents/sub08_06_02_01_on_pc.png);border:none !important;}
.tabUi_iconStyle .tab02{background:url(/hug/image/contents/sub08_06_02_02_pc.png) no-repeat right -114px; border-bottom:4px solid #09a56d;}
.tabUi_iconStyle .tab02 h4 a span{color:#09a56d;}
.tabUi_iconStyle .tab02.on{background-image:url(/hug/image/contents/sub08_06_02_02_on_pc.png); color:#fff; border:none !important;}
.tabUi_iconStyle .tab03{background:url(/hug/image/contents/sub08_06_02_03_pc.png) no-repeat right -114px; border-bottom:4px solid #d28325;}
.tabUi_iconStyle .tab03 h4 a span{color:#d28325;}
.tabUi_iconStyle .tab03.on{background-image:url(/hug/image/contents/sub08_06_02_03_on_pc.png); color:#fff; border:none !important;}
.tabUi_iconStyle .tab04{background:url(/hug/image/contents/sub08_06_02_04_pc.png) no-repeat right -114px; border-bottom:4px solid #80838d;}
.tabUi_iconStyle .tab04 h4 a span{color:#80838d;}
.tabUi_iconStyle .tab04.on{background-image:url(/hug/image/contents/sub08_06_02_04_on_pc.png); color:#fff; border:none !important;}
.tabUi_iconStyle .tab01.on h4 a span, .tabUi_iconStyle .tab02.on h4 a span, .tabUi_iconStyle .tab03.on h4 a span, .tabUi_iconStyle .tab04.on h4 a span{color:#fff; text-shadow:1px 1px 1px #333;}

.gallWrap{display:none;}
.gallWrap.on{display:block;}
.gallBox_subtxt{width:100%; height:110px; margin:0 0 40px 0; box-sizing:border-box;}
.gallBox_subtxtin{padding:26px 0 0 50px; box-sizing:border-box;}
.gallBox_subtxtin01{height:110px; background:url(/hug/image/contents/sub08_06_02_05.png) no-repeat right bottom ;}
.gallBox_subtxtin01 .gallBox_subTitle{margin-bottom:8px; font-size:20px; color:#1698e2;}
.gallBox_subtxtin01 p{font-size:13px; color:#515252; line-height: 140%;}

.gallBox_subtxtin02{padding:26px 0 0 50px; height:110px; box-sizing:border-box; background:url(/hug/image/contents/sub08_06_02_06.png) no-repeat right bottom ;}
.gallBox_subtxtin02 .gallBox_subTitle{margin-bottom:8px; font-size:20px; color:#09a56d;}
.gallBox_subtxtin02 p{font-size:13px; color:#515252; line-height: 140%;}

.gallBox_subtxtin03{padding:26px 0 0 50px; height:110px; box-sizing:border-box; background:url(/hug/image/contents/sub08_06_02_07.png) no-repeat right bottom ;}
.gallBox_subtxtin03 .gallBox_subTitle{margin-bottom:8px; font-size:20px; color:#d28325;}
.gallBox_subtxtin03 p{font-size:13px; color:#515252; line-height: 140%;}

.gallBox_subtxtin04{padding:26px 0 0 50px; height:110px; box-sizing:border-box; background:url(/hug/image/contents/sub08_06_02_08.png) no-repeat right bottom ;}
.gallBox_subtxtin04 .gallBox_subTitle{margin-bottom:8px; font-size:20px; color:#80838d;}
.gallBox_subtxtin04 p{font-size:13px; color:#515252; line-height: 140%;}

.gallBox{width:913px; overflow:hidden;}
.gallBox_info{width:942px; overflow:hidden;}
.info_list00{float:left; width:285px; height:auto; margin:0 29px 0 0;}
.info_list00 > p{font-size:12px; height:150px; color:#515252; line-height:19px; word-break:keep-all; overflow:hidden;}
.list_img00{position:relative; margin:0 0 20px 0;}
.list_img00 .block_bg{position:absolute; left:0; bottom:0; width:285px; height:45px; background:#000; background:rgba(0,0,0,0.7);}
.list_img00 .block_bg > p strong{padding:0 5px;display:table-cell; vertical-align:middle; width:285px; height:45px; overflow:hidden; font-size:12px; color:#fff; text-align:center; box-sizing:border-box;letter-spacing:-1px;font-family:"notoKrM",sans-serif;font-weight:500;}

/* 공사소개 주택도시보증공사소개 본사지사센터찾기 */
.mapImageShot{display:block; text-align:center; margin:0 0 60px 0;}
.mapImageShot img{max-width:100%;}

/* 경영방침, 미션 및 비전 */
.mnCom.type02 {display:table;width:100%;margin:0 0 60px;}
.mnCom.type02 > div, .mnCom02 > div {display:table-cell; width:50%; box-sizing:border-box; padding:38px 42px;}
.mnCom.type02 > div h4, .mnCom02 > div h4 {text-align:left; font-size:20px; line-height:140%; color:#31343f;}
.mnCom01 {background:url('/hug/mo/image/img_disc010201.png') no-repeat center 75px; background-size:255px;}
.mnCom01 > p {padding-top:300px; text-align:center; font-size:18px; color:#989697; line-height:140%;}
.mnCom01 > p em {color:#0c8bd3;}
.mnCom02 {border-left:1px solid #e7e7e7; text-align:center;}
.mnCom02 img {width:70%; margin-top:45px;}

.mnCom.type02 > div {padding:38px 0 0;}
.mnCom.type02 > div h4 {padding-left:42px; font-family:"notoKrL",sans-serif;}
.mnCom.type02 > div h4 > strong {display:block; color:#969696; font-size:16px; margin:0 0 5px; font-family:"notoKrL",sans-serif;}

.mnCom.type02 > div h4 > span {display:block;}
.mission02 {	
	background:transparent url('/hug/mo/image/img_disc121001_half.png') no-repeat center 165px;
	background:-webkit-linear-gradient(transparent,transparent),url('/hug/mo/image/img_disc121001_half.png') no-repeat center 165px;
	background:linear-gradient(transparent,transparent),url('/hug/mo/image/img_disc121001_half.png') no-repeat center 165px;
	background-size:255px ;
	padding:38px 42px 0 42px;
	}
.vision02 {
	background:transparent url('/hug/mo/image/img_disc121002_half.png') no-repeat center 165px;
	background:-webkit-linear-gradient(transparent,transparent),url('/hug/mo/image/img_disc121002_half.png') no-repeat center 165px;
	background: linear-gradient(transparent,transparent),url('/hug/mo/image/img_disc121002_half.png') no-repeat center 165px;
	background-size:255px;
	vertical-align: bottom;
	border-left:1px solid #e7e7e7;
	text-align:center;
	position:relative;
	}
.vision02 img {position:absolute; left:50%; top:159px; width:55%; margin-left:-25.2%;}

.mnCom.type02 > div > div {height:350px;background:#f6f6f6;border-top:1px solid #e7e7e7;text-align:left;padding:35px 40px;box-sizing:border-box;margin:350px 0 0;}
.mnCom.type02 > div > div > strong {font-size:15px; display:block; padding:0 0 10px 0; font-family:"notoKrL",sans-serif;}
.mnCom.type02 > div > div > p  {margin-top:0px; font-size:13px;}
.mnCom.type02 > div > div > p + strong {margin-top:5px; font-size:15px;}

.management {border:1px solid #e9e9e9; box-sizing:border-box; padding:34px 39px;}
.management li {padding:17px 0 18px 93px; color:#515252;}
.management li + li {margin-top:17px;}
.management li dl dt {font-size:15px; font-family: "notoKrM", sans-serif;}
.management li.manage01 {background:url('/hug/mo/image/bl_disc010201.png') no-repeat left top; background-size:75px;}
.management li.manage02 {background:url('/hug/mo/image/bl_disc010202.png') no-repeat left top; background-size:75px;}
.management li.manage03 {background:url('/hug/mo/image/bl_disc010203.png') no-repeat left top; background-size:75px;}

.business {overflow:hidden;}
.business li {float:left; width:25%; min-height:220px; box-sizing:border-box;}
.business li dl {padding:30px;}
.business li dl dt, .business li strong {font-size:16px; color:#0967a1; font-family:"notoKrR", sans-serif; padding:0 0 10px;}
.business li strong {padding:30px 30px 30px 53px; display:block; font-weight:normal; text-indent:-24px; }
.business li.box01 {background:#0967a1; color:#fff;}
.business li.box01 dt {color:#fff;}
.business li.box02 {border-top:1px solid #e8e8e8;}
.business li.box03 {background:#dadada;}
.business li.gap01 {border:1px solid #e8e8e8; border-left:0; background:url('/hug/mo/image/bg_disc010401.png') no-repeat center bottom;}
.business li.box04 {border-left:1px solid #e8e8e8;}
.business li.box05 {background:#edf5f9;}
.business li.box06 {width:50%; border-right:1px solid #e8e8e8;}
.business li.box07 {background:#edf5f9;}
.business li.box09 {background:#e9e9e9;}
.business li.box10 {border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.business li.gap02 {border-left:1px solid #e8e8e8; background:url('/hug/mo/image/bg_disc010402.png') no-repeat center bottom;}
.business li.box11 {background:#84d3f6;}
.business li.box13 {background:#edf5f9;}
.business li.box14 {background:#edf5f9;}
.business li.box15 {border-bottom:1px solid #e8e8e8;}
.business li.box16 {background:#45a9d5; color:#fff;}
.business li.box16 dt {color:#fff;}
.business li.box17 {border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.business li.gap01m, .business li.gap02m, .business li.gap03m {display:none;}

.visHugBg01 {/* width:100%; */min-height:244px;position:relative;margin:0 0 50px;padding: 32px 360px 32px 38px;background:#f5f8fa; }
.tabmenu01 + .visHugBg01,
.tabSub + .visHugBg01 { border-top:0; }
.visHugBg01 .visHugSub {color: #737373;}
.visHugBg01 img {position:absolute;right: 2%;top:32px;height:244px;}
.visHugBg01 > p {font-size:35px;color:#137cbd;line-height:120%;position:relative;padding:0 0 17px;margin:0 0 18px;font-weight: 100;font-family: "notoKrL", sans-serif;word-break: keep-all;}
.visHugBg01 > p > span {font-size:16px;color: #737373;display:block;font-weight: 500;font-family: "notoKrM",sans-serif;}
.visHugBg01 > p:after {content:"";position:absolute;width:36px;height:1px;border-top:1px solid #e0e0e0;bottom:0;left:0;}
.visHugBg01 > span {display:block;font-size:14px;color:#6d6e6e;font-weight: 700;font-family: "notoKrB",sans-serif;word-break: keep-all;margin-bottom: 10px;}

/* 전략목표 */
.objective {position:relative; border-top:1px solid #e1e2e2; padding-top:253px;}
.objective > h4 {width:163px; height:163px; position:absolute; left:50%; top:60px; margin-left:-82px; background:url('/hug/mo/image/bg_disc0302.png') no-repeat center center; background-size:100%; text-align:center; color:#fff; font-size:20px; font-weight:normal; line-height:140%; padding-top:50px; box-sizing:border-box;}
.objective > h4:after {content:""; width:0; height:30px; border-left:1px solid #e1e2e2; position:absolute; top:100%; left:50%;}
.objective > ul {width:100%; overflow:hidden; position:relative; padding-top:30px;}
.objective > ul:after {content:""; position:absolute; top:0; left:50%; width:68%; height:0; border-top:1px solid #e1e2e2; margin-left:-34%;}
.objective > ul > li {width:32%; float:left; padding:39px 0 39px 39px; box-sizing:border-box; position:relative;}
.objective > ul > li:after {content:""; width:0; height:30px; border-left:1px solid #e1e2e2; position:absolute; top:-30px; left:50%;}
.objective > ul > li + li {margin-left:2%;}
.objective > ul > li > span {display:block; padding:10px 0 10px 75px;}
.objective > ul > li > span > em {font-family: "notoKrM", sans-serif;}
.objective > ul > li > span > strong {font-size:22px; display:block;}
.objective > ul > li.objBox01 {background:#eaf3f8 url('/hug/mo/image/bl_disc030201.png') no-repeat 39px 39px; background-size:60px;}
.objective > ul > li.objBox01 > span {color:#137cbd;}
.objective > ul > li.objBox02 {background:#f4f4f4 url('/hug/mo/image/bl_disc030202.png') no-repeat 39px 39px; background-size:60px;}
.objective > ul > li.objBox02 > span {color:#31343f;}
.objective > ul > li.objBox03 {background:#e9f5f2 url('/hug/mo/image/bl_disc030203.png') no-repeat 39px 39px; background-size:60px;}
.objective > ul > li.objBox03 > span {color:#00875a;}
.objective > ul > li > ol {margin-top:20px; color:#525252; line-height:180%;}

.stepDiagramPoint{position:relative; margin:0 0 60px 0;background: url(/hug/image/bg/bg_dashed02.png) repeat-y 10px;}
.stepDiagramPoint dl:after{content:""; clear:both; display:block;}
.stepDiagramPoint dl{display:table; width:100%; table-layout:fixed; }
.stepDiagramPoint .no01 dl > dt{background:#09a56d;}
.stepDiagramPoint .no02 dl > dt{background:#1698e2;}
.stepDiagramPoint .no03 dl > dt{background:#80828e;}
.stepDiagramPoint dl > dt {display:table-cell; width:20%; margin-bottom:0; padding-left:0; padding:5px 5px 25px 10px; box-sizing:border-box; font-weight:normal; font-size:14px; color:#fff; border-bottom:1px solid #fff; text-shadow:1px 1px 1px #333;}
.stepDiagramPoint dl > dt span{display:block;font-family: 'Titillium Web'; font-weight: 300;}
.stepDiagramPoint dl > dd{display:table-cell; width:20%; vertical-align:middle; margin-bottom:0 !important; padding-left:0; border-bottom:1px solid #e5e6e6; box-sizing:border-box;}
.stepDiagramPoint dl > dd > span{display:block; padding:0 5px 0 25px; background:url(/hug/image/bul/bul_dotted02.gif) no-repeat 16px 8px;}
.stepDiagramPoint dl > dd:last-child {margin-bottom:0 !important; }
.stepDiagramPoint dl > dd + dt {margin-top:0;}
.stepDiagramPoint .no01{padding-left:3%;}
.stepDiagramPoint .no01 dd{border-top:1px solid #e5e6e6;}
.stepDiagramPoint .no02{
    padding-left:3%;
    background:transparent url('/hug/image/bg/icon_arrow011_half.png') no-repeat 5px 0;
    background:-webkit-linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow011.png') no-repeat 5px 0;
    background:linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow011.png') no-repeat 5px 0;
    background-size:11px;
    }
.stepDiagramPoint .no02 > span{position:absolute; left:0; top:15%; width:3%; padding:10px 10px 10px 5px; box-sizing:border-box; font-size:13px; color:#1698e2; font-weight:bold; background:#fff; }
.stepDiagramPoint .no03{
    padding-left:3%;
    background:transparent url('/hug/image/bg/icon_arrow010_half.png') no-repeat 5px 0;
    background:-webkit-linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow010.png') no-repeat 5px 0;
    background:linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow010.png') no-repeat 5px 0;
    background-size:11px;
    }
.stepDiagramPoint .no03 .lastPoin dt{border-bottom:1px solid #80828e;}
.stepDiagramPoin{display:none;}

 @media only screen and (max-width: 767px){
.stepDiagramPoint{display:none;}
.stepDiagramPoin{display:block; position:relative; margin:0 0 60px 0;background: url(/hug/image/bg/bg_dashed02.png) repeat-y 10px;}
.stepDiagramPoin dl:after{content:""; clear:both; display:block;}
.stepDiagramPoin .no01 dl > dt{background:#09a56d;}
.stepDiagramPoin .no02 dl > dt{background:#1698e2;}
.stepDiagramPoin .no03 dl > dt{background:#80828e;}
.stepDiagramPoin dl > dt {width:100%; float:left; margin-bottom:0; padding-left:0; padding:10px; box-sizing:border-box; font-weight:normal; font-size:13px; color:#fff; text-shadow:1px 1px 1px #333;}
.stepDiagramPoin dl > dt span{display:block;font-family: 'Titillium Web'; font-weight: 300;}
.stepDiagramPoin dl > dd {margin-bottom:0 !important; padding-left:0;}
.stepDiagramPoin dl > dd:last-child {margin-bottom:0 !important; }
.stepDiagramPoin dl > dd + dt {margin-top:0; }
.stepDiagramPoin dl > dd li{float:left; width:50%; padding:20px 10px 20px 24px; box-sizing:border-box;background:url(/hug/image/bul/bul_dotted02.gif) no-repeat 14px 28px;}
.stepDiagramPoin dl > dd ul + ul{border-top:1px solid #dfdfdf;}
.stepDiagramPoin .no01{padding-left:8%;}
.stepDiagramPoin .no02{
    padding-left:8%;
    background:transparent url('/hug/image/bg/icon_arrow011_half.png') no-repeat left top;
    background:-webkit-linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow011.png') no-repeat 4px 0;
    background:linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow011.png') no-repeat 4px 0;
    background-size:13px;
    }
.stepDiagramPoin .no02 > span{position:absolute; left:0; top:20%; width:3%; padding:40px 10px 40px 5px; box-sizing:border-box; font-size:13px; color:#1698e2; font-weight:bold; background:#fff;}
.stepDiagramPoin .no03{
    padding-left:8%;
    background:transparent url('/hug/image/bg/icon_arrow010_half.png') no-repeat left top;
    background:-webkit-linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow010.png') no-repeat 4px 0;
    background:linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow010.png') no-repeat 4px 0;
    background-size:13px;
    }
.stepDiagramPoin .no03 dl.lastPoin{border-bottom:1px solid #dfdfdf;}

}

/* 공사소개 > 미션 및 비전, HUG 사회공헌, 교육제도 */
.stepDiagramVar{margin:0 0 60px 0; border-top:2px solid #67585b; color:#515252;}
.stepDiagramVar dl:after{content:""; clear:both; float:none; height:0; display:block;}
.stepDiagramVar dt{float:left; width:17%; height:70px; line-height:70px; font-size:15px; font-family:'notoKrB',sans-serif; font-weight:700;text-align:left;}
.stepDiagramVar dd{float:left;width:81%;border-bottom:1px solid #d0d0d0;margin-left:2%;height: 71px;line-height: 71px;text-align:center;font-size:13px;}
.stepDiagramVar .no01 dt{color:#0066b3; border-bottom:2px solid #0066b3;}
.stepDiagramVar .no01 dd{color:#0e76bc; font-family:'notoKrB',sans-serif; font-size:14px; font-weight:700;}
.stepDiagramVar .no02 dt{color:#0A76DC; border-bottom:2px solid #0A76DC;}
.stepDiagramVar .no02 dd{color:#0A76DC; font-family:'notoKrB',sans-serif; font-size:14px; font-weight:700;}

.stepDiagramVar.type02 dd ul.col_2{display:flex;align-items: center;gap:6px;font-size: 15px;color: #515252;letter-spacing:-2px; height: 72px;}
.stepDiagramVar.type02 dd ul.col_2 li{flex:1;text-align: center;height:72px;background:none;}
.stepDiagramVar.type02 dd ul.col_2 li p{line-height:1.8;}
.stepDiagramVar.type02 dd ul.col_2 li p span{color: #515252;font-weight:normal;}

.stepDiagramVar.type02 dd ul.col_3{display:flex;gap:6px;font-size: 15px;color: #515252;letter-spacing:-2px;}
.stepDiagramVar.type02 dd ul.col_3 li{flex:1;background:none;}
.stepDiagramVar.type02 dd.size{height:210px;}

.stepDiagramVar.type02 .no02 dt.height{height:144px;}
.stepDiagramVar.type02 .no03 dt.height{height:72px;line-height: 72px;}
.stepDiagramVar.type02 .no13 dt.height{height:210px;}

@media only screen and (max-width: 767px){
	.stepDiagramVar.type02 dd ul.col_2{height:initial;}
	.stepDiagramVar.type02 dd ul.col_2 li{height:initial;}
	.stepDiagramVar.type02 dd.size{height:initial;}
	.stepDiagramVar.type02 .no02 dt.height{height:initial;}
	.stepDiagramVar.type02 .no03 dt.height{height:initial;line-height: initial;}
	.stepDiagramVar.type02 .no13 dt.height{height:initial;}
}

.stepDiagramVar .no03 dt{color:#008700; border-bottom:2px solid #008700;}
.stepDiagramVar .no03 dd{color:#008700; font-family:'notoKrB',sans-serif; font-size:14px; font-weight:700; border-bottom:0;}
.stepDiagramVar .no03 dd ul li{float:left; width:32%; border-bottom:1px solid #d0d0d0; margin-right:2%;}

.stepDiagramVar .no04 dt{color:#868685; border-bottom:2px solid #868685;}
.stepDiagramVar .no04 dd {border-bottom:0;}
.stepDiagramVar .no04 dd ul li{width:23.5%;float:left;border-bottom:1px solid #d0d0d0; margin-right:2%;}
.stepDiagramVar .no05 dt{color:#80838d; border-bottom:2px solid #80838d;}

.stepDiagramVar .no11 dt{color:#0066b3; border-bottom:2px solid #0066b3;}
.stepDiagramVar .no12 dt{color:#1aa5dd; border-bottom:2px solid #1aa5dd;}
.stepDiagramVar .no12 dd{color:#0e76bc; font-family:'notoKrB',sans-serif; font-size:14px; font-weight:700;}
.stepDiagramVar .no13 dt{color:#93c33b; border-bottom:2px solid #93c33b;}
.stepDiagramVar .no13 dd{color:#0e76bc; font-family:'notoKrB',sans-serif; font-size:14px; font-weight:700;}

.stepDiagramVar .no14 dt{color:#868685; border-bottom:2px solid #868685;}
.stepDiagramVar .no14 dd {border-bottom:0;}
.stepDiagramVar .no14 dd ul li{width:23.5%;float:left;border-bottom:1px solid #d0d0d0; margin-right:2%;}

.stepDiagramVar .no15 dt{color:#80838d; border-bottom:2px solid #80838d;}
.stepDiagramVar .no15 dd{color:#0e76bc; font-family:'notoKrB',sans-serif; font-size:14px; font-weight:700;}


.stepDiagramVar .no05 dd{font-family:'notoKrB',sans-serif; font-size:14px; font-weight:700; word-spacing:2px; border-bottom:0;}
.stepDiagramVar .no05 dd ul li{width:49%; float:left;border-bottom:1px solid #d0d0d0; margin-right:2%;}
.stepDiagramVar .no06 dt{color:#554246; border-bottom:2px solid #554246;height:90px; line-height:90px;}
.stepDiagramVar .no06 dd {display:table; table-layout:fixed; width:18.7%; height:90px; float:left; text-align:left; }
.stepDiagramVar .no06 dd ul{display:table-cell; vertical-align:middle;}
.stepDiagramVar .no06 dd ul li{margin-bottom:0;}
.stepDiagramVar dl dd ul li.diaLast{margin-right:0;}
.stepDiagramVar.type02{font-family:'notoKrB',sans-serif; font-weight:700;}
.stepDiagramVar.type02 .no01 dd{font-size:16px;}
.stepDiagramVar.type02 .no01 dd span{margin-left:5px; color:#515252;}
.stepDiagramVar.type02 .no02 dd{font-size:16px; color:#515252;}
.stepDiagramVar.type02 .no03 dt{height:233px; line-height:225px;}
.stepDiagramVar.type02 .no03 dd{line-height:inherit;text-align:left;}
.stepDiagramVar.type02 .no03 dd span{margin-left:5px; color:#008700;}
.stepDiagramVar.type02 .no03 dd.varFont{height:83px; line-height:83px; text-align:center; border-bottom:1px solid #d0d0d0;font-size:16px; color:#515252;}
.stepDiagramVar.type02 .no03 dd.varFont02{height:150px;}
.stepDiagramVar.type02 .no03 dd ul li.varline{height:151px; padding:16px 0; box-sizing:border-box;}
.stepDiagramVar.type02 .no03 dd ul li.varline > em{float:left;width:100%;padding:1px 0 0 150px;color:#666666;font-weight:bold;}
.stepDiagramVar.type02 .no03 dd ul li.varline{width:48%; float:left; border-bottom:1px solid #d0d0d0; margin-right:2%;}

.stepDiagramVar.type02 .no03 dd ul li.varline .liBulDash > li{width: 100%;background:none;padding:0;text-align:center;border:0;font-family:'notoKrM',sans-serif; font-weight:500; padding:8px 0;}
.stepDiagramVar.type02 .no03 dd ul li.varline .liBulDash > li span{display:block;}
.stepDiagramVar.type02 .no03 dd ul li.varline .liBulDash > li span em{color:#09a56d;font-weight:bold;}
.stepDiagramVar.type02 .no03 dd ul li.varline.linety02 .liBulDash > li{padding:8px 0;}
.stepDiagramVar.type02 .no04 dd ul li{font-family:'notoKrM',sans-serif; font-weight:500;}
.stepDiagramVar.type03 .no01 dd{font-size:16px;}
.stepDiagramVar.type03 .no01 dd span{margin-left:5px; color:#515252;}
.stepDiagramVar.type03 .no03 dd{height:72px;line-height:inherit;line-height:35px;}
.stepDiagramVar.type03 .no03 dd li{padding:15px 15px 16px 15px; box-sizing:border-box;}
.stepDiagramVar.type03 .no03 ul li span{display:block;}
.stepDiagramVar.type03 .no03 dd ul li{width:23.5%;float:left;border-bottom:1px solid #d0d0d0;}

.stepDiagramVar.type03 .no04 dt{height:186px; line-height:186px;}
.stepDiagramVar.type03 .no04 dd {height:187px;line-height:inherit;border-bottom:1px solid #d0d0d0;}
.stepDiagramVar.type03 .no04 dd ul li{width:32%;float:left;border-bottom:0;margin-right:2%; padding:10px; box-sizing:border-box;}
.stepDiagramVar.type03 .no04 dd ul li em{display:block;font-weight:bold;}
.stepDiagramVar.type03 .no04 dd ul li.diaLast{margin-right:0;}
.stepDiagramVar.type03 .no04 dd ul li .diaWrap{border-top:1px solid #d0d0d0;margin:10px 0 0 0; padding:20px;}
.stepDiagramVar.type03 .no04 dd ul li .diaWrap li{width:100%;}
.stepDiagramVar.type04 .tit{height:90px;padding: 20px 0 10px 0;box-sizing:border-box;background:#f9f9f9;text-align:center;border-bottom:1px solid #d0d0d0;font-size:18px;font-family:'notoKrM',sans-serif;font-weight:500;}
.stepDiagramVar.type04 .tit span{display:block; margin-bottom:8px; font-size:14px;}
.stepDiagramVar.type04 .tit .emColor01{color:#1698e2;}
.stepDiagramVar.type04 .tit .emColor02{color:#09a56d;}
.stepDiagramVar.type04 .no01 dd{border-bottom:0;line-height:inherit;}
.stepDiagramVar.type04 .no01 dd li{display:table;table-layout:fixed;height:71px;width: 32%;float:left;margin-right:2%;color:#515252;border-bottom:1px solid #d0d0d0;font-family:'notoKrR',sans-serif;font-weight:500;font-size:13px;}
.stepDiagramVar.type04 .no01 dd li.diaLast{margin-right:0;}
.stepDiagramVar.type04 .no01 dd li em{display:table-cell; vertical-align:middle;}

.stepDiagramVar.type04 .no11 dd{font-family:'notoKrR',sans-serif; font-weight:500; font-size:13px; border-bottom:1px solid #d0d0d0;}
.stepDiagramVar.type04 .no12 dd{border-bottom:0;line-height:inherit;}
.stepDiagramVar.type04 .no12 dd li{display:table;table-layout:fixed;height:71px;width: 32%;float:left;margin-right:2%;color:#515252;border-bottom:1px solid #d0d0d0;font-family:'notoKrR',sans-serif;font-weight:500;font-size:13px;}
.stepDiagramVar.type04 .no12 dd li.diaLast{margin-right:0;}
.stepDiagramVar.type04 .no12 dd li em{display:table-cell; vertical-align:middle;}

.stepDiagramVar.type04 .no13 dd{border-bottom:0;line-height:inherit;}
.stepDiagramVar.type04 .no13 dd li{display:table;table-layout:fixed;height:71px;width: 32%;float:left;margin-right:2%;color:#515252;border-bottom:1px solid #d0d0d0;font-family:'notoKrR',sans-serif;font-weight:500;font-size:13px;}
.stepDiagramVar.type04 .no13 dd li.diaLast{margin-right:0;}
.stepDiagramVar.type04 .no13 dd li em{display:table-cell; vertical-align:middle;}


.stepDiagramVar.type04 .no15 dd{border-bottom:0;line-height:inherit;}
.stepDiagramVar.type04 .no15 dd li{display:table;table-layout:fixed;height:71px;width: 32%;float:left;margin-right:2%;color:#515252;border-bottom:1px solid #d0d0d0;font-family:'notoKrR',sans-serif;font-weight:500;font-size:13px;}
.stepDiagramVar.type04 .no15 dd li.diaLast{margin-right:0;}
.stepDiagramVar.type04 .no15 dd li em{display:table-cell; vertical-align:middle;}



.stepDiagramVar.type04 .no02 dd{border-bottom:0;}
.stepDiagramVar.type04 .no02 dd li{width: 18.4%; float:left; margin-right:2%; color:#515252; border-bottom:1px solid #d0d0d0; font-family:'notoKrR',sans-serif; font-weight:300; font-size:13px;}
.stepDiagramVar.type04 .no02 dd li.diaLast{margin-right:0;}
.stepDiagramVar.type04 .no03 dd{border-bottom:0;line-height:inherit;}
.stepDiagramVar.type04 .no03 dd li{width: 18.4%; float:left; margin-right:2%; color:#515252; display:table; table-layout:fixed; height:71px; border-bottom:1px solid #d0d0d0; font-family:'notoKrR',sans-serif; font-weight:500; font-size:13px;}
.stepDiagramVar.type04 .no03 dd li.diaLast{margin-right:0;}
.stepDiagramVar.type04 .no03 dd li em{display:table-cell; vertical-align:middle;}
.stepDiagramVar.type04 .no04 dt{height:150px; line-height:150px;}
.stepDiagramVar.type04 .no04 dd {width:14.6%; height:150px; float:left; text-align:left; border-bottom:1px solid #d0d0d0;}
.stepDiagramVar.type04 .no04 dd ul{padding:20px 0 0 0;}
.stepDiagramVar.type04 .no04 dd ul li{width:100%;margin-bottom:0;float:none;border-bottom:0;}
.stepDiagramVar.type04 .no05 dd{font-family:'notoKrR',sans-serif; font-weight:500; font-size:13px; border-bottom:1px solid #d0d0d0;}
.stepDiagramVar.type04 .no06 .conInfoSysVar{padding:50px 61px; border-bottom:1px solid #d0d0d0;}
.stepDiagramVar.type04 .no06 .conInfoSysVar ul {padding:0 180px; background:url('/hug/image/bg/bg_infosys01.png') no-repeat left center; box-sizing:border-box; position:relative; overflow:hidden;}
.stepDiagramVar.type04 .no06 .conInfoSysVar ul:after {content:""; width:10px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:url('/hug/image/bg/bg_infosys02.png') no-repeat left center;}
.stepDiagramVar.type04 .no06 .conInfoSysVar ul li {width:48%; height:100px; float:left; text-align:center; box-sizing:border-box; display:table;}
.stepDiagramVar.type04 .no06 .conInfoSysVar ul li + li {margin-left:2%;}
.stepDiagramVar.type04 .no06 .conInfoSysVar ul li > div {background:#42454d; color:#fff; display:table-cell; vertical-align:middle;}
.stepDiagramVar.type04 .no06 .conInfoSysVar ul li span {display:block;}
.stepDiagramVar.type04 .no06 .conInfoSysVar ul li.box02 > div {background:#80838d;}
.stepDiagramVar.type04 .no07 dt{color:#554246; border-bottom:2px solid #554246;height:71px; line-height:71px;}
.stepDiagramVar.type04 .no07 dd{font-size:16px;}

.stepDiagramVar.type04 .no14 dt{height:150px; line-height:150px;}
.stepDiagramVar.type04 .no14 dd {width:25.6%; height:150px; float:left; text-align:left; border-bottom:1px solid #d0d0d0;}
.stepDiagramVar.type04 .no14 dd ul{padding:20px 0 0 0;}
.stepDiagramVar.type04 .no14 dd ul li{width:100%;margin-bottom:0;float:none;border-bottom:0;}

.stepDiagramVar.type05 .tit{height:90px;padding: 20px 0 10px 0;box-sizing:border-box;background:#f9f9f9;text-align:center;border-bottom:1px solid #d0d0d0;font-size:18px;font-family:'notoKrM',sans-serif;font-weight:500;}
.stepDiagramVar.type05 .tit span{display:block; margin-bottom:8px; font-size:14px;}
.stepDiagramVar.type05 .tit .emColor01{color:#1698e2;}
.stepDiagramVar.type05 .tit .emColor02{color:#09a56d;}
.stepDiagramVar.type05 .no01 dd{border-bottom:0;line-height:inherit;}
.stepDiagramVar.type05 .no01 dd li{display:table;table-layout:fixed;height:71px;width: 32%;float:left;margin-right:2%;color:#515252;border-bottom:1px solid #d0d0d0;font-family:'notoKrR',sans-serif;font-weight:500;font-size:16px;}
.stepDiagramVar.type05 .no01 dd li.diaLast{margin-right:0;}
.stepDiagramVar.type05 .no01 dd li em{display:table-cell; vertical-align:middle;}
.stepDiagramVar.type05 .no02 dt{border-bottom:2px solid #137cbd;}
.stepDiagramVar.type05 .no02 dd{font-family:'notoKrB',sans-serif; font-size:14px; font-weight:700; word-spacing:2px; border-bottom:0;}
.stepDiagramVar.type05 .no02 dd ul li{width:48%; float:left;border-bottom:1px solid #d0d0d0; margin-right:2%;font-size:16px;}
.stepDiagramVar.type05 .no03 dt{height:186px; line-height:186px;}
.stepDiagramVar.type05 .no03 dd {width:18.7%; height:187px; float:left; text-align:left; border-bottom:1px solid #d0d0d0; font-size:11.5px;}
.stepDiagramVar.type05 .no03 dd ul{padding:1px 0 0 0; margin:-10px 0 0 0; border-top:1px solid #d0d0d0;font-weight:300; }
.stepDiagramVar.type05 .no03 dd ul li{width:100%;margin:10px 0 10px 0;;float:none;border-bottom:0;}
.stepDiagramVar.type05 .no04 dt{color:#554246; border-bottom:2px solid #554246;height:71px; line-height:71px;}
.stepDiagramVar.type05 .no04 dd{font-family:'notoKrR',sans-serif; font-weight:500; font-size:13px; border-bottom:1px solid #d0d0d0;font-size:14px;}


.ethicsBond{padding:5%; padding-bottom:0; overflow:hidden;}
.ethicsBond dt{ float:left; margin-right:4%; margin-bottom:4%; font-size:16px; color:#1698e2; font-family: 'NotoKrM'; font-weight: 500; text-align:left;}
.ethicsBond dd{float:left;}
.ethicsBond dd ul li{padding-left:8px; background:url('/common/image/common/bul/bul_bar.gif') 2px 10px no-repeat; text-align:left;}

/*통이미지 bg로*/
.bgOneImg{position:relative; width:100%; padding:5% 0; margin-bottom:60px; box-sizing:border-box; text-align:center; border:1px solid #e8e8e8;}
.bgOneImg02{position:relative; width:100%; margin-bottom:60px; text-align:center;}
.bgOneImg02.bg01{background-color:#f9f9f9;}
.textArea .bgOneImg dl > dt {background:none;}

.guranteeStep{width:634px; height:712px; margin:auto; background:url('/hug/image/contents/sub02_04_02_01pc.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep02{position:relative;width:914px; height:675px; margin:auto; background:url('/hug/image/contents/sub03_01_01_02.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep02 .btn_download{position:absolute;top:353px;left:403px;z-index: 99;width: 180px;height: 22px;background:url(btn.png) 50% 50% no-repeat}
.guranteeStep03{width:914px; height:270px; margin:auto; background:url('/hug/image/contents/sub03_01_01_021.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep04{width:914px; height:600px; margin:auto; background:url('/hug/image/contents/infoMethod.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep05{width:760px; height:485px; margin:auto; background:url('/hug/image/contents/sub03_07_t01-01pc.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep06{width:789px; height:220px; margin:auto; background:url('/hug/image/contents/sub03_07_t02-01pc.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep07{width:832px; height:537px; margin:auto; background:url('/hug/image/contents/sub07_01_04_02pc.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep08{width:814px; height:227px; margin:auto; background:url('/hug/image/contents/sub07_05_01_t03_s04-01pc.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep09{width:813px; height:482px; margin:auto; background:url('/hug/image/contents/sub07_06_03_t01.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep10{width:796px; height:684px; margin:auto; background:url('/hug/image/contents/sub07_08_06_06pc.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep11{width:914px; height:292px; margin:auto; background:url('/hug/image/contents/sub04_06_02_t03_03pc.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep12{width:914px; height:468px; margin:auto; background:url('/hug/image/contents/sub04_06_02_t01_s01_02pc.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep13{width:555px; height:646px; margin:auto; background:url('/hug/image/contents/sub04_05_02pc1.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep14{width:555px; height:862px; margin:auto; background:url('/hug/image/contents/sub04_05_02pc2.png') no-repeat 0 0; text-indent:-9999px;}
.guranteeStep15{width:620px; height:877px; margin:auto; background:url('/hug/image/contents/sub04_05_02pc3.png') no-repeat 0 0; text-indent:-9999px;}

.open_process {width: 730px; height: 673px; background: url('/openapi/image/contents/sub01_04_t01_s02-01pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.open_process02 {width: 797px; height: 685px; background: url('/openapi/image/contents/sub06_03_04_t05-01pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.open_process03 {width: 766px; height: 1537px; background: url('/hug/en/image/01_03_01-01pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}

.open_year01 {width: 810px; height: 2533px; background: url('/hug/image/contents/sub07_06_01pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.open_year02 {width: 810px; height: 3590px; background: url('/hug/image/contents/sub07_06_02pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.open_year03 {width: 810px; height: 2737px; background: url('/hug/image/contents/sub07_06_03pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.open_year04 {width: 810px; height: 2648px; background: url('/hug/image/contents/sub07_06_04pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.open_year05 {width: 810px; height: 2560px; background: url('/hug/image/contents/sub07_06_05pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.open_year06 {width: 810px; height: 2300px; background: url('/hug/image/contents/sub07_06_06pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.safetyMng01 {width: 765px; height: 2100px; background: url('/hug/image/contents/sub15_2020_1124_pc.png') no-repeat 0 0;margin:auto; text-indent: -9999px;}

@media only screen and (max-width:980px){
 	.guranteeStep02{width:690px; height:510px; margin:auto; background:url('/hug/image/contents/sub03_01_01_02pc.png') no-repeat 0 0; }
    .guranteeStep02 .btn_download{top:268px;left:305px;width: 138px;height: 16px;background-image:url('/hug/image/contents/btn_02pc2.png')}
	.guranteeStep03{width:700px;height: 207px;margin:auto;background:url('/hug/image/contents/sub03_01_01_021pc2.png') no-repeat 0 0;}
	.guranteeStep04{width:760px; height:499px; margin:auto; background:url('/hug/image/contents/infoMethodpc2.png') no-repeat 0 0; }
	.guranteeStep05{width:620px; height:396px; margin:auto; background:url('/hug/image/contents/sub03_07_t01-01pc2.png') no-repeat 0 0; }
	.guranteeStep06{width:620px; height:173px; margin:auto; background:url('/hug/image/contents/sub03_07_t02-01pc2.png') no-repeat 0 0; }
	.guranteeStep07{width:630px; height:407px; margin:auto; background:url('/hug/image/contents/sub07_01_04_02pc2.png') no-repeat 0 0; }
	.guranteeStep08{width:594px; height:227px; margin:auto; background:url('/hug/image/contents/sub07_05_01_t03_s04-01tab.png') no-repeat 0 0; }
	.guranteeStep09{width:630px; height:374px; margin:auto; background:url('/hug/image/contents/sub07_06_03_t01pc2.png') no-repeat 0 0; }
	.guranteeStep10{width:630px; height:541px; margin:auto; background:url('/hug/image/contents/sub07_08_06_06pc2.png') no-repeat 0 0; }
	.guranteeStep11{width:708px; height:226px; margin:auto; background:url('/hug/image/contents/sub04_06_02_t03_03tab.png') no-repeat 0 0; }
	.guranteeStep12{width:708px; height:363px; margin:auto; background:url('/hug/image/contents/sub04_06_02_t01_s01_02tab.png') no-repeat 0 0; }

	.open_process {width: 630px; height: 581px; background: url('/openapi/image/contents/sub01_04_t01-_s02-01pc2.png') no-repeat 0 0; margin: auto; }
   	.open_process02 {width: 630px; height: 541px; background: url('/openapi/image/contents/sub06_03_04_t05-01pc2.png') no-repeat 0 0; margin: auto; }
	.open_process03 {width: 630px; height: 1264px; background: url('/hug/en/image/01_03_01-01pc2.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
	
	.open_year01 {width: 618px; height: 1933px; background: url('/hug/image/contents/sub07_06_01pc2.png') no-repeat 0 0; margin: auto;}
	.open_year02 {width: 618px; height: 2739px; background: url('/hug/image/contents/sub07_06_02pc2.png') no-repeat 0 0; margin: auto;}
	.open_year03 {width: 618px; height: 2088px; background: url('/hug/image/contents/sub07_06_03pc2.png') no-repeat 0 0; margin: auto;}
	.open_year04 {width: 618px; height: 2020px; background: url('/hug/image/contents/sub07_06_04pc2.png') no-repeat 0 0; margin: auto;}
	.open_year05 {width: 618px; height: 1953px; background: url('/hug/image/contents/sub07_06_05pc2.png') no-repeat 0 0; margin: auto;}
	.open_year06 {width: 618px; height: 1755px; background: url('/hug/image/contents/sub07_06_06pc2.png') no-repeat 0 0; margin: auto;}
	
	.safetyMng01 {width: 765px; height: 2100px; background: url('/hug/image/contents/sub15_2020_1124_pc.png') no-repeat 0 0; margin:auto;}
}
@media only screen and (max-width:767px){
	.guranteeStep{width:312px; height:1327px; margin:auto; background:url('/hug/image/contents/sub02_04_02_01mo.png') no-repeat 0 0; }
	.guranteeStep02{width:320px; height:804px; margin:auto; background:url('/hug/image/contents/sub03_01_01_02mo.png') no-repeat 0 0; }
    .guranteeStep02 .btn_download{top:462px;left:120px;width: 187px;height: 27px;background-image:url('/hug/image/contents/btn_mo.png')}
	.guranteeStep03{width:270px; height:316px; margin:auto; background:url('/hug/image/contents/sub03_01_01_021mo.png') no-repeat 0 0; }
	.guranteeStep04{width:320px; height:278px; margin:auto; background:url('/hug/image/contents/infoMethodS.png') no-repeat 0 0; }
	.guranteeStep05{width:320px; height:240px; margin:auto; background:url('/hug/image/contents/sub03_07_00-01mo.png') no-repeat 0 0; }
	.guranteeStep06{width:320px; height:89px; margin:auto; background:url('/hug/image/contents/sub03_07_t02-01mo.png') no-repeat 0 0; }
	.guranteeStep07{width:320px; height:639px; margin:auto; background:url('/hug/image/contents/sub07_01_04_02mo.png') no-repeat 0 0; }
	.guranteeStep08{width:312px; height:407px; margin:auto; background:url('/hug/image/contents/sub07_05_01_t03_s04-01mo.png') no-repeat 0 0; }
	.guranteeStep09{width:320px; height:672px; margin:auto; background:url('/hug/image/contents/sub07_06_03_t01mo.png') no-repeat 0 0; }
	.guranteeStep10{width:312px; height:424px; margin:auto; background:url('/hug/image/contents/sub07_08_06-06mo.png') no-repeat 0 0; }
	.guranteeStep11{width:312px; height:99px; margin:auto; background:url('/hug/image/contents/sub04_06_02_t03_03mo2.png') no-repeat 0 0; }
	.guranteeStep12{width:320px; height:805px; margin:auto; background:url('/hug/image/contents/sub04_06_02_t01_s01_02mo.png') no-repeat 0 0; }
	.guranteeStep13{width:280px; height:582px; margin:auto; background:url('/hug/image/contents/sub04_05_02mo1.png') no-repeat 0 0; text-indent:-9999px;}
	.guranteeStep14{width:280px; height:856px; margin:auto; background:url('/hug/image/contents/sub04_05_02mo2.png') no-repeat 0 0; text-indent:-9999px;}
	.guranteeStep15{width:280px; height:1087px; margin:auto; background:url('/hug/image/contents/sub04_05_02mo3.png') no-repeat 0 0; text-indent:-9999px;}

	.open_process {width: 312px; height: 821px; background: url('/openapi/image/contents/sub01_04_t01_s02-01mo.png') no-repeat 0 0; margin: auto; }
	.open_process02 {width: 312px; height: 825px; background: url('/openapi/image/contents/sub06_03_04_t05-01mo.png') no-repeat 0 0; margin: auto; }
	.open_process03 {width: 320px; height: 642px; background: url('/hug/en/image/01_03_01-01mo.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
	
	.open_year01 {width: 390px; height: 1467px; background: url('/hug/image/contents/sub07_06_01mo.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year02 {width: 390px; height: 1960px; background: url('/hug/image/contents/sub07_06_02mo.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year03 {width: 390px; height: 1600px; background: url('/hug/image/contents/sub07_06_03mo.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year04 {width: 390px; height: 1570px; background: url('/hug/image/contents/sub07_06_04mo.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year05 {width: 390px; height: 1413px; background: url('/hug/image/contents/sub07_06_05mo.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year06 {width: 390px; height: 1225px; background: url('/hug/image/contents/sub07_06_06mo.png') no-repeat 0 0; margin:5% auto 0 auto;}
	
	.safetyMng01{width:640px;height: 2100px;margin:auto;background:url('/hug/image/contents/sub15_2020_1124_ta.png') no-repeat 0 0;}
}

@media only screen and (max-width:400px){
	.guranteeStep{width:240px; height:1021px; margin:auto; background:url('/hug/image/contents/sub02_04_02_01mo2.png') no-repeat 0 0; }
	.guranteeStep02{width:300px; height:754px; margin:auto; background:url('/hug/image/contents/sub03_01_01_02mo2.png') no-repeat 0 0; }
    .guranteeStep02 .btn_download{top:430px;left:113px;width: 175px;height: 25px;background-image:url('/hug/image/contents/btn_mo26.png')}
	.guranteeStep05{width:270px; height:203px; margin:auto; background:url('/hug/image/contents/sub03_07_00-01mo2.png') no-repeat 0 0; }
	.guranteeStep06{width:260px; height:73px; margin:auto; background:url('/hug/image/contents/sub03_07_t02-01mo2.png') no-repeat 0 0; }
	.guranteeStep07{width:260px; height:537px; margin:auto; background:url('/hug/image/contents/sub07_01_04_02mo2.png') no-repeat 0 0; }	
	.guranteeStep09{width:260px; height:546px; margin:auto; background:url('/hug/image/contents/sub07_06_03_t01mo2.png') no-repeat 0 0; }
	.guranteeStep10{width:260px; height:353px; margin:auto; background:url('/hug/image/contents/sub07_08_06-06mo2.png') no-repeat 0 0; }
	.guranteeStep12{width:260px; height:654px; margin:auto; background:url('/hug/image/contents/sub04_06_02_t01_s01_02mo2.png') no-repeat 0 0; }
	.guranteeStep13{width:280px; height:590px; margin:auto; background:url('/hug/image/contents/sub04_05_02mo1.png') no-repeat 0 0; text-indent:-9999px;}
	.guranteeStep14{width:280px; height:844px; margin:auto; background:url('/hug/image/contents/sub04_05_02mo2.png') no-repeat 0 0; text-indent:-9999px;}
	.guranteeStep15{width:280px; height:1078px; margin:auto; background:url('/hug/image/contents/sub04_05_02mo3.png') no-repeat 0 0; text-indent:-9999px;}

	.open_process {width: 260px; height: 684px; background: url('/openapi/image/contents/sub01_04_t01-_s02-01mo2.png') no-repeat 0 0; margin: auto; }
    .open_process02 {width: 260px; height: 688px; background: url('/openapi/image/contents/sub06_03_04_t05-01mo2.png') no-repeat 0 0; margin: auto; }
	.open_process03 {width: 260px; height: 522px; background: url('/hug/en/image/01_03_01-01mo2.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}

	.open_year01 {width: 260px; height: 978px; background: url('/hug/image/contents/sub07_06_01mo2.png') no-repeat 0 0; margin: 5% auto 0 auto;}
	.open_year02 {width: 260px; height: 1307px; background: url('/hug/image/contents/sub07_06_02mo2.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year03 {width: 260px; height: 1067px; background: url('/hug/image/contents/sub07_06_03mo2.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year04 {width: 260px; height: 1047px; background: url('/hug/image/contents/sub07_06_04mo2.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year05 {width: 260px; height: 942px; background: url('/hug/image/contents/sub07_06_05mo2.png') no-repeat 0 0; margin:5% auto 0 auto;}
	.open_year06 {width: 260px; height: 817px; background: url('/hug/image/contents/sub07_06_06mo2.png') no-repeat 0 0; margin:5% auto 0 auto;}
	
	.safetyMng01 {width: 320px; height: 2100px;background:url('/hug/image/contents/sub15_2020_1124_mo.png') no-repeat 0 0; margin:5% auto 0 auto;}
 	.safeGroup2 {overflow:hidden;width:100%;min-height:400px;margin-bottom:20px; padding:50px 0 50px 0;background: url('../image/ci/bg_safeGroup2_mo.png') no-repeat 50% 150px;border:1px solid #e1e2e2;}	
}


@media only screen and (max-width:1279px) {
	/* 한눈에 보는 개인보증상품 */
	.goodsGuide {
		padding: 62px 70px 0 70px;
	}

	.goodsGuide .goodsGuideArea .left .goodsGuideBox {
		padding-right: 25%;
	}

	.goodsGuide .goodsGuideArea .right .goodsGuideBox {
		padding-left: 25%;
	}

	/* 보증책임시기, 보증책임내용 */
	.guaranteeINfoBox {
		margin-left: 5%;
	}
	.guaranteeINfoBox.type02 {
		margin-right: 5%;
	}
}


@media only screen and (max-width:1179px) {
	/* 한눈에 보는 기업보증상품 */
	.goodsGuide02 {
		padding: 62px 20px 0 80px;
	}
	.goodsGuideBox02 .goodsGuideList ul li {
		width: 50%;
	}
	.goodsGuideBox02 .goodsGuideList ul li .mobile {
		height: auto;
	}


	.recommendInfo.type02 {
		padding: 40px 234px 40px 40px;
	}

	.recommendInfo.type03 {
		padding: 40px 314px 40px 40px;
	}

	.recommendInfo.type02 dt,
	.recommendInfo.type03 dt {
		position: static;
		margin-bottom: 13px;
	}

	.recommendInfo dd {
		color: #6c6e6f;
		font-size: 14px;
		line-height: 20px;
	}

	/* 보증책임시기, 보증책임내용 */
	.guaranteeINfoBox {
		width: 290px;
		margin-left: 4.5%;
	}

	.guaranteeINfoBox.type02 {
		margin-right: 4.5%;
	}

	.guaranteeINfoBox .info span {
		display: block;
	}

	.guaranteeINfoBox .guaranteeInfo {
		position: relative;
		max-width: 111px;
		padding: 58px 110px 0 110px;
		min-height: 94px;
		margin: 0 auto;
		overflow: hidden;
	}

	.guaranteeINfoBox .guaranteeLine {
		word-break: keep-all;
	}

	.guaranteeInfo.type02 p.guaranteeLine {
		min-height: 40px;
	}

	.guaranteeInfo.type02 p.guaranteeLine + p.guaranteeLine {
		padding-top: 14px;
	}

	/* 다른상품 더보기 */
	.anotherGoods {
		position: relative;
		display: block;
		height: 100px;
		padding: 35px 85px 35px 30px;
	}

	.anotherGoods.type02 {
		position: relative;
		display: block;
		padding: 35px 30px;
	}


	.anotherGoods .btns {
		padding-top: 15px;
	}

	.anotherGoods.type02 .btnDetailView {
		position: static;
		float: left;
		width: auto;
		padding: 0 19px;
		height: 22px;
		margin-top: 0;
		margin-right: 4px;
		text-indent: 0;
		background: transparent;
		font-size: 11px;
		color: #fff;
		background: #80838d;

	}

	.anotherGoods .btnGoods {
		float: left;
		display: block;
		margin-right: 4px;
		padding: 0 19px;
		height: 22px;
		line-height: 22px;
		color: #fff;
		background: #137cbd;
		font-size: 11px;
		font-family: "notoKrM", sans-serif;
		font-weight: 500;
	}

	.nsip {padding-right: 270px;}
	
	/* 갤러리 */
    .gallery { padding: 0; }
    .gallery ul { width: 100%; margin: 0; }
    .gallery ul li { width: 33%; margin-left: 0; }
    .gallery ul li div { width: 262px; height: 167px; margin: 0 auto; }
    .gallery ul li strong { width: 262px; margin: 15px auto 5px; }
    .gallery ul li span { display: block; width: 262px; margin: 0 auto; }

}

@media only screen and (max-width:1023px) {
	/* 한눈에 보는 개인보증상품 */
	.goodsGuide {
		padding: 62px 70px 0 70px;
		max-width: 568px;
		margin: 0 auto;
		background: url(../image/bg/bg_tablet0101.gif) no-repeat center top;
	}
	.goodsGuide .goodsGuideArea .left .goodsGuideBox {
		padding-right: 63px;
	}

	.goodsGuide .goodsGuideArea .right .goodsGuideBox {
		padding-left: 63px;
	}

	.goodsGuideBox h4 {
		width: 211px;
	}

	/* 한눈에 보는 기업보증상품 */
	.goodsGuide02 {
		padding: 62px 80px 0 80px;
	}

	/* 이용절차 */
	.guaranteeProcess table tr th {
		width: 159px;
	}

	/* 바로미터 지역검색 */
	.searchArea02 {padding:20px; background:#f5f6f6; margin-bottom: 10px;}/* 분양보증현황 > 계약고객으로 조회 */
	.searchArea02 .selectedBox {float: left; width: 40%}
	.searchArea02 .selectedBox.type01 {padding-right: 0; width: 40%}
	.searchArea02 .selectedBox.type01 .pc {padding-right: 0;}
	.searchArea02 .selectedBox.type01.tablet {float: right; width: 57%;}
	.searchArea02 .selectedBox.type01.tablet .pc {padding-right: 0;}
	.searchArea02 .selectedBox.type02 {clear: both; float: left; width: 40%; padding-top: 6px; padding-left: 0;}
	.searchArea02 .selectedBox.type02 .tablet {padding-right: 0;}

	.searchArea02 .selectedBox .selectLabel {position: absolute; top: 0; left: 0; height: 36px; line-height: 36px; color: #31343f; font-family: "notoKrB", sans-serif; font-weight: 700}
	.searchArea02 .selectedBox .selectBox label {height: 34px; line-height: 34px;}
	.searchArea02 .inputSearchBox {clear: none; float: right; width: 57%;}

	.searchArea02 .inputSearchBox.type03 { clear:both; float:none; width:100%;}

	.nsip {padding: 54px 354px 0 40px; background: url(../image/bg/bg_introduce01.png) no-repeat 90% 29px; padding-bottom: 45px;}
	.nsip dt {font-size: 15px; margin-bottom: 35px;}
	.nsip dt span {font-size: 32px; line-height: 38px; display: block}
	.nsip dd {font-size:13px;}
	.nsip dd span {display:block;}
	
	/* 고객지원센터 > 홈페이지 이용안내 > 홈페이지개편/접근성안내*/
	.infoAccess01 > div.n01{position:relative; height:160px; padding:20px 20px 0 300px; box-sizing:border-box;}
	.infoAccess01 > div.n02{position:relative; height:160px; padding:20px 20px 0 300px; box-sizing:border-box; border-top:1px solid #e0e0e0;}
	.infoAccessImgn03{position:absolute;width: 100px; top:17%; left: 22%;}
	
	
	.busiPhoto li {width:169px; height:140px; background:#f2f2f2 url('../image/bg/bg_thumb_list02.png') no-repeat center center;}

	.graph02 {padding:20px 50px 40px 100px; background:url('../image/bg/bg_graph.png') no-repeat 40px 30px; background-size:90%; overflow:hidden;}
	.graph02 ul li dl dd {height:153px;}
	.graph02 ul li dl dd span.stick, .graph02 ul li dl dd span.stick02 {width:20px; left:45px;}

	/* 약관/서식/자료실 */
	.listData li {float:left; width:50%; padding:25px 30px; box-sizing:border-box; border:1px solid #ebebeb; margin:-1px -1px 0 0;}
	.listData li strong {min-height: 80px;}
	
	.stepPerf li {min-height:102px;}

	/* 사회공헌소식 */
	.social > ul {width:102%; overflow:hidden; margin-left:-2%;}
	.social > ul > li {float:left; width:48%; margin-left:2%;}

	/* 동영상 */
	.video {padding:40px 0 40px 410px; position:relative;}
	.videoList ul li img {width:175px; height:125px; margin-right:20px;}
	.videoList ul li div {width:34%;}

	.viewVideo {overflow:hidden; width:650px; margin:0 auto;}
	.viewVideo div.caption {width:250px; height:293px; padding:30px 20px;}

	/* 갤러리 */
	/* .gallery {padding:0 40px;}
	.gallery ul {width:104%; overflow:hidden; margin-left:-4%;}
	.gallery ul li {width:46%; margin-left:4%;}
	.gallery ul li div {width:100%; height:167px; overflow:hidden;} */

	/* 갤러리2 - openapi 활용사례 */
	.gallery2 {padding:0 40px;}
	.gallery2 > ul {width:104%; overflow:hidden; margin-left:-4%;}
	.gallery2 > ul > li {width:46%; margin-left:4%;}
	.gallery2 > ul > li div {width:100%; height:167px; overflow:hidden;}	

	/* 팝업 */
	.inCk.verPop li {display:inline-block;}

	/* 정보목록 - 기타관련자료 */
	.infoList li {height:175px;}

	/* 고객지원센터 홈페이지 이용안내 모바일APP서비스 어플리케이션 */
	.responImg01{margin:15px;}
	.respon_list00{width: 23%;margin: 0 0 0 2.6%;}
	
	/* 공사소개 사회공헌 주요사업 */	
	.gallBox_subtxt{height:130px;}
	.gallBox_subtxtin{height:130px;}
	.gallBox_subtxt .spanBr{display:block;}
	
	.gallBox{width:599px; overflow:hidden; margin:0 auto;}
	.gallBox_info{width:628px; overflow:hidden;}
	
	/* 안전신문고 조직*/
	.safeGroup2 {overflow:hidden;width:100%;min-height:400px;margin-bottom:20px; padding:50px 0 50px 0;background: url('../image/ci/bg_safeGroup2_mo.png') no-repeat 50% 150px; border:1px solid #e1e2e2; }
	.safeGroup2 > ul > li {overflow:hidden; float:left; width:40%; }
	.safeGroup2 > ul > li.m06 p {background:#1698e2; }
	.safeGroup2 > ul > li.m07 p {background:#137cbd; }
	.safeGroup2 > ul > li.m07  {background:#137cbd; margin-left: 0%;}
	.safeGroup2 > ul > li.m06 {margin-left: 0%;}

}
@media only screen and (max-width: 980px){
    .stepPerf03 ol > li{min-height:152px; padding:21px 18px;}
    .stepPerf03 ol > li dt{width:100%; font-size:15px;}
    .stepPerf03 ol > li dd{font-size:13px;}
    .stepPerf03.type02 ol > li {width:22%;min-height: 240px;} 
    .stepPerf03.type03 li{min-height:280px; padding: 21px 10px 24px 10px;}
	.stepPerf03.type03 ol > li dl{height:90px;}
 	.stepPerf03.type03 ol > li dt{width:10%;}
 	.stepPerf03.type03 ol > li dd{width:80%;}
  	.stepPerf04 ol > li {padding-left:10px}
	.stepPerf04 ol > li dt{font-size:15px;}
	.stepPerf04 ol > li dd{font-size:12px;}
	.stepPerf04 ol > li > ul{font-size:11px;}
	.stepPerf05 ol > li {padding:21px 10px;}
    
    .customerJoinWrap .customerJoinArea.type02 ul {padding:0 20px 0 20px;}
    .customerJoin.case03{margin-bottom:30px;}
    .customerJoin.case03 h4, .customerJoin.case04 h4{height:60px;}
    .customerJoin.case05, .customerJoin.case06{width:100%;}
    .customerJoin.case06{border-left:1px solid #ececec;border-top:0;}
    
    .propulsionSystem div{font-size:12px;}
    .propulsionSystem div em{font-size:15px;}
    .propulsionSystem div.propul03{margin-right:0;padding:0;}
    .propulsionSystem div.propul03 ul li{font-size:13px; word-break:break-all;}
    .propulsionSystem div ul .no2, .propulsionSystem div ul .no4{font-size:14px;}
    
    .propulsionChart > li > dl > dt em{font-size:30px;}
    .propulsionChart > li > dl > dd{min-height:180px;padding:25px 10px 25px 10px;}
    
}
@media only screen and (max-width: 900px){
    .gallery ul li { width: 50%; }
    
    .bandStackBox > div .stackWrap ul{ padding:0 10px 0 10px}
    
    /* 공사소개 > 미션 및 비전, HUG 사회공헌, 교육제도*/
    .stepDiagramVar.type03 .no04 dd ul li .diaWrap{padding:14px;}
    .stepDiagramVar.type02 .no03 dd ul li.varline > em{padding-left:10px;}
    .stepDiagramVar.type02 .no03 dd ul li.varline .liBulDash > li{width: 23%}
    .stepDiagramVar.type02 .no03 dd ul li.varline.linety02 .liBulDash > li{padding:0;}
    .stepDiagramVar.type04 .no04 dd ul{padding:10px 0 0 0;}
    .stepDiagramVar.type04 .no14 dd ul{padding:10px 0 0 0;}
	.stepDiagramVar.type04 .no06 .conInfoSysVar ul {padding:0 130px;}
    
    .accordieonPannel dd {height:500px;}
    
    .propulsionChart > li > dl > dt{font-size:14px;}
    .propulsionChart > li > dl > dt strong{font-size:18px;}
    .propulsionChart > li > dl > dd{min-height:200px;padding:25px 5px 25px 10px;}
    
}
@media all and (max-width:880px) {
	/* 공사소개 > 조직/부서안내 */
	.organizationWrap {/* width: 640px; */}
	.organizationWrap img.tab { display:block; }
	.organizationWrap img.tab + img.pc { display:none; }
	
	.bandStack4.type02 > li > ul > li{padding:5px;}
	.bandStack4 > li.no01 > ul {height:210px;}
	.bandStack4 > li.no02 > ul {height:210px;}
	.bandStack4.bandStackLast > li > ul{height:180px;}
	
	.stepPerf02.type02 ol li dt{width:100%;}
}

@media only screen and (max-width:767px) {

    /* 보증이용절차 */
    .stepDiagram .fStepListStyle > li { padding-left: 13px }
    .stepDiagram .fStepListStyle table th {width: 33%;padding: 18px 10px 0 15px;}
    .stepDiagram .fStepListStyle table td {padding: 18px 10px 18px 10px;}
    
	.btnsGrayType01 {
		display: block;
		margin: 10px 0;
		height: 30px;
		line-height: 30px;
		margin-left: 0px;
		font-size: 13px;
		text-align: center;
	}

	/* 한눈에 보는 개인보증상품 */
	.goodsGuide {
		margin-top: 30px;
		padding: 30px 30px 0 30px;
	}

	.goodsGuide .wordArea {
		height: 332px;
		font-family: "notoKrM", sans-serif;
		font-weight: 500;
	}

	/* 한눈에 보는 기업보증상품 */
	.goodsGuide02 {
		padding: 33px 35px 0 35px;
		max-width: 638px;
		margin: 0 auto;
		background: url(../image/bg/bg_tablet0201.gif) no-repeat left top;
	}

	.goodsGuide02 .wordArea {
		height: 331px;
	}

	.goodsGuideArea02 {
		background:transparent url(../image/bg/bg_stem02.gif) repeat-y 92px top;
		background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_stem02@2x.gif) repeat-y 92px top;
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_stem02@2x.gif) repeat-y 92px top;
		background-size: 6px 1px;
	}

	.goodsGuideBox02 h4 {
		left: 33px;
	}

	.bgCircle {
		margin-left: 88px;
		width: 14px;
	}

	.wordGoodsInfo {
		margin-left: 88px;
		padding-left: 110px;
		height: 60px;
		background: url(../image/bg/bg_bubble_left01_tablet.png) no-repeat 0 0;
	}


	/* 보증상품 정보 */
	.goodsInfo01 {
		padding-top: 0;
		margin-bottom: 0;
		background:none;
	}

	.goodsInfo01 dl {
		position: relative;
		float: none;
		width: auto;
		padding: 25px 25px 25px 73px;
		text-align: left;
		background: url(../image/icon/icon_h_dotted01.gif) repeat-x left bottom;
	}

	.goodsInfo01 dl.last {
		background: transparent;
		margin-bottom: 0;
	}

	.goodsInfo01 dl dt {
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 10px;
	}
	.goodsInfo01 dl dt img {
		position: absolute;
		top: 25px;
		left: 15px;
		display: block;
		width: 43px;
		margin: 0;
	}

	.goodsInfo01 dl dd {
		color: #31343f;
		font-size: 12px;
		line-height: 18px;
	}

	.goodsInfo01 dl dd span {
		display: inline;
	}

	/* 추천 지점 안내  */
	.recommendInfo {
		padding: 25px 130px 25px 25px;
		margin-bottom: 35px;
	}
	.recommendInfo.type02,
	.recommendInfo.type03 {
		padding: 10px;
	}

	.recommendInfo dt,
	.recommendInfo.type02 dt,
	.recommendInfo.type03 dt {
		position: static;
		margin-bottom: 13px;
		font-size: 15px;
	}

	.recommendInfo dd {
		font-size: 12px;
	}

	.recommendInfo dd {
		word-break: break-all;
	}
	.recommendInfo dd .PointInfo {
		right: 30px;
	}

	.recommendInfo.type02 dd .PointInfo,
	.recommendInfo.type03 dd .PointInfo {
		position: static;
		display: block;
		height: 73px;
		margin-top: 12px;
	}

	.recommendInfo dd .PointInfo a {
		float: left;
		display: block;
		width: 73px;
		height: 73px;
		margin-left: 0px;
		margin-right: 2%;
	}


	/* 보증책임 시기, 보증책임 내용 */
	.guaranteeINfoArea {
		margin-bottom: 10px;
		text-align: center;
	}

	.guaranteeINfoArea:after {
		content: "";
		clear: both;
		display: block;
	}

	.guaranteeINfoBox {
		float: none;;
		width: auto;
		padding: 0 35px 40px 35px;
		overflow: hidden;
		margin-left: 0;
	}

	.guaranteeINfoBox h4 {
		font-size: 18px;
		line-height: 22px;
	}

	.guaranteeINfoBox .info {
		color: #31343f;
		padding: 0 35px;
		margin-bottom: 8px;
		font-size: 12px;
	}

	.guaranteeINfoBox .info span {
		display: inline;
	}

	.guaranteeINfoBox .guaranteeInfo {
		position: relative;
		max-width: none;
		padding: 58px 114px 0 114px;
		min-height: 72px;
		margin: 0 auto;
		overflow: hidden;
	}
	.guaranteeINfoBox .guaranteeLine {
		font-size: 11px;
		line-height: 15px;
	}


	.guaranteeINfoBox.type02 {
		float: none;
		margin-right: 0;
		padding-top: 40px;
		border-top: 1px solid #dedede
	}

	.guaranteeINfoBox.type02 .guaranteeInfo .guarantee {
		color: #01a972
	}

	/* 다른상품 더보기 */
	.anotherGoodsBanner .anotherGoodsArea,
	.anotherGoodsBanner .anotherGoodsArea.type02 {
		float: none;
		width: auto;
		max-width: none;
		margin-bottom: 10px;
	}


	.anotherGoods {
		position: relative;
		display: block;
		height: auto;
		padding: 35px 85px 35px 30px;
	}
	.anotherGoods p{padding-right:0;}

	.anotherGoods.type02 {
		position: relative;
		display: block;
		height: auto;
		padding: 35px 30px;
		overflow:hidden;
	}


	.anotherGoods .btns {
		padding-top: 10px;
	}

	.anotherGoods.type02 .btnDetailView {
		float: left;
		width: 49%;
		padding: 0;
		height: 30px;
		line-height: 30px;
		margin-top: 0;
		margin-right: 0;
		font-size: 13px;
		text-align: center;
	}

	.anotherGoods .btnGoods {
		float: right;
		width: 49%;
		margin-right: 0;
		padding: 0;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		text-align: center;
	}

	/* 이용절차 */
	.guaranteeProcess table tr th {
		width: 112px;
		padding: 10px;
		font-size: 13px;
		line-height: 15px;
	}

	.guaranteeProcess table tr td {
		padding: 15px;
		font-size: 11px;
		line-height: 14px;
	}
	.guaranteeProcess table.type03 tr th{width:125px; padding:20px 5px 20px 10px; font-size:13px;}
	.titleArea .wordBtnsArea {
		position: relative;
		margin-bottom: 20px;
		padding-right: 150px;
		min-height: 29px;
	}

	.titleArea .wordBtnsArea .dot01,
	.titleArea .wordBtnsArea .dot02 {
		font-size: 12px;
		line-height: 15px;
	}

	.btnsType01 {
		padding-left: 15px;
		padding-right: 25px;
		height: auto;
		line-height: 29px;
		font-size: 13px;
	}

	.btnsType01 .iconArrow {
		right: 13px;
	}

	/* 약관 */
	.noteInformation {
		margin-bottom: 30px;
		padding: 20px;
	}

	.noteInformation p {
		font-size: 11px;
		line-height: 16px;
	}

	.noteInformation p strong {
		font-size: 14px;
	}

	.noteInformation .noteBtns {
		position: static;
		margin-top: 13px;
	}

	.noteInformation .noteBtns a {
		margin-left: 0;
		margin-right: 21px;
	}

	.barometerArea {display: none;}

	/* 보증현황/공시정보 > 검색 */
	.searchArea02 {padding:32px;}
	.searchArea02 .selectedBox {float: none; width: 100%}
	.searchArea02 .selectedBox .pc {position: relative; padding-left: 0; padding-right: 0;}
	.searchArea02 .selectedBox.type01,
	.searchArea02 .selectedBox.type01.tablet,
	.searchArea02 .selectedBox.type02,
	.searchArea02 .selectedBox.type02 .tablet {float: none; width: 100%; margin-bottom: 5px; padding-left: 0; padding-right: 0; padding-top: 0;}
	.searchArea02 .selectedBox .selectLabel {display: none;}
	.searchArea02 .selectedBox .selectBox label {height: 34px; line-height: 34px;}
	.searchArea02 .inputSearchBox {clear: both; padding-top: 0px; float: none; width: 100%;}
	.searchArea02 .inputSearchBox .inputSearch {position: relative; padding-right: 0;}
	.searchArea02 .inputSearchBox .inputSearch input[type="text"] {display: block; width: 100%; height: 36px; margin-bottom: 0; margin-bottom: 5px; box-sizing: border-box}
	.searchArea02 .inputSearchBox .inputSearch .btnSch01,
	.searchArea02 .inputSearchBox .inputSearch .btnSch02 {position: static; width: 100%; display: block; box-sizing: border-box; margin-bottom: 5px;}


	.tabSite li { width:33.3%; }

	.barometerArea {display: none;}
	.areaMobileSearchArea {display: block; padding: 30px 25px; margin:-25px 0 25px; background: #f5f6f6; border: 0px solid red;}
	/* 셀렉트 박스 */
	.areaMobileSearchArea .selectBox {width:100%; margin:0 0 5px;}

	.areaMobileSearchArea input[type="submit"] {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		background: #554246;
		border: 0;
	}

	.nsip {padding: 35px 35px 193px 35px; margin-bottom: 40px; background: url(../image/bg/bg_introduce01.png) no-repeat right bottom; background-size: 251px 168px; border-top: 1px solid #e9e9e9;}
	.nsip dt {margin-bottom: 22px; font-size: 14px; line-height: 28px;}
	.nsip dt span {display: block; color: #c63f4b; font-size: 19px; line-height: 23px; font-family: "notoKrL", sans-serif; font-weight: 100;}

	.nsip dt strong {display:inline-block; font-family: "notoKrM", sans-serif; font-weight: 500;}
	.nsip dd span {display:block;}

	.nsip.userGuide {
		background-position:right bottom;
		background-size:251px 168px;
		padding-bottom: 180px;
	}

	/* 자주하는 질문 TAB SUB MENU */ 
	ul.tapSub {margin:-35px 0 60px; width:100%; height:auto; position:relative; z-index:1;}
	ul.tapSub li {float:left; position:relative; width:50%; margin:0 0 -1px;}
	ul.tapSub li a {display:block; height:40px; padding:14px 10px 0; border-bottom:1px solid #d0d0d0; line-height:100%; font-size:13px; color:#7b7b7b; text-align: center; position:relative; z-index:100; box-sizing:border-box;}
	ul.tapSub li a:hover, ul.tapSub li.on a {color:#31343f; border-bottom:2px solid #554246;}
	ul.tapSub li + li:after {content:""; position:absolute; left:0; top:14px; border-left:1px solid #ddd; width:0px; height:12px;}
	ul.tapSub li + li:nth-child(2n+1):after { border-left: 0; }
	ul.tapSub li.noLine:after {border-left:0;}

	.goodsInfo01 dl dd { padding: 0; }

	/* research */
	.rchImg {width:100%; padding:0;}
	.resultArea {width:100%; padding:15px 0 0;}
	.graph {margin-right:40px;}
	
	/* 고객지원센터 > 홈페이지 이용안내 > 홈페이지개편/접근성안내*/
	.infoAccess li {width:100%;}
	.infoAccess01 > div.n01{position:relative; height:auto; padding: 5% 5% 5% 5%;box-sizing:border-box;}
	.infoAccess01 > div.n02{position:relative; height:auto; padding:5% 5% 5% 5%;; box-sizing:border-box; border-top:1px solid #e0e0e0;}
	.infoAcImg01{text-align:center; overflow:hidden;}
	.infoAccessImgn01{position:static;width: auto;top:15%;left: 7%;max-width: 100%;padding: 3%;box-sizing: border-box;}
	.infoAccessImgn02{position:static;width: 50%;top:15%;left: 7%;max-width: 100%;float:right;padding: 8% 2% 0 2%;box-sizing: border-box;}
	.infoAccessImgn03{position:static;width: 50%;top:15%;left: 7%;max-width: 100%;float:left;padding: 3%;box-sizing: border-box;}
	.infoAccess01 > div > h5{text-align:center;}
		
	.boxInfo{padding:20px 30px;}
	.boxInfo.bg01{background-image:none;}
	.boxViewer{margin-top:40px; border:1px solid #e2e2e2; border-bottom:0;}
	.boxViewer ul li{width:100%; border-left:0;}
	.boxViewer ul li dl {padding: 30px 30px 30px 30px;}
	.boxViewer ul li.viewer01, .boxViewer ul li.viewer04, .boxViewer ul li.viewer07{/* padding-left:0; */border-left:0;}
	.boxViewer ul li dl dt {padding: 0 0 0 60px;}
	.boxViewer ul li dl dd p {padding: 0 0 0 60px; margin-bottom:15px;}
	.boxViewer ul li.viewer08, .boxViewer ul li.viewer09{display:none;}
	.boxInfo.viewer01{background-image:none;}
	
	/* 고객지원센터 > 홈페이지 이용안내 > 관련사이트/배너존 */
	.ie7 .listSite ul li {width:50%;}
	.listSite ul li {float:left; width:50%;height: 67px;border-left: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;box-sizing:border-box;}
	
	/* 공사소개 > 주택도시보증공사소개 > 연혁 */
	.historyList > li {width:100%;}
	.historyContIn:first-child ul > li{border-top:1px solid #ddd;}
	
	/* 공사소개 > 본사/지사/센터찾기 */
	.centerMap{margin-bottom:60px;}
	.centerMap > li {width:50%;}
	.mapAll{display:none;}
	
	/* 공사소개 > 윤리경영 > 윤리경영소개(윤리경영시스템) */
	.ethicalAssess > ul > li {width: 100%;}
	.ethicalAssess > ul > li > div {height:auto; border-left:0;}
	
	.propulsionSystem div{width:100%;margin-bottom:40px;height:auto;margin-right: 0;float: none;}
    .propulsionSystem div:after{content:"";display:inline-block;width:100%;height:40px;background:transparent url('/hug/image/bg/icon_arrow012_half.png') no-repeat center;background:-webkit-linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow012.png') no-repeat center;background:linear-gradient(transparent,transparent),url('/hug/image/bg/icon_arrow012.png') no-repeat center;background-size:18px 10px;top: -40px;right:0;}
    .propulsionSystem div ul{padding:20px 15px;}
    .propulsionSystem div ul li{height:auto;}
    .propulsionSystem div ul .no1, .propulsionSystem div ul .no3{padding-bottom:10px;}
     
    .propulsionChart > li{float:none; width:100%;}
    .propulsionChart > li > dl > dt{padding:15px 20px;}
    .propulsionChart > li > dl > dt em{top:26px;}
    .propulsionChart > li > dl > dd{min-height:inherit; padding:20px 15px; border-bottom:0; border-right:1px solid #e1e2e2;}
    .propulsionChart > li.no03 > dl > dd{border-bottom:1px solid #e1e2e2;}
    .propulsionChart > li > dl > dd > ul.listBulDot li{padding:0 0 0 8px; margin-bottom:0; background:url('/common/image/common/bul/bul_bar.gif') 0 8px no-repeat;}
    
   	.ethicalGroup {background:none;}
   	.ethicalGroup > ul {padding: 41px 20px 0 20px; margin-bottom: 0;background: url('../image/bg/icon_dotted02.png') repeat-y center;}
    .ethicalGroup > ul > li {float: none;width: 100%;}
    .ethicalGroup > ul > li ul {min-height:inherit; height:auto; padding-bottom:13px; border-width: 0 1px 1px; }
    .ethicalGroup > ul > li > div {margin-bottom:15px;}
    .ethicalGroup > ul > li.m05, .ethicalGroup > ul > li.m05 > div{margin-bottom:0;}
    
	/* 공사소개 > 윤리경영 > 윤리경영소개(대한주택보증의 윤리경영) */
	.KhgcEthicsManage > ul > li > div{height:auto;}
	.KhgcEthicsManage > ul > li {width: 100%;}
	
	/* 사업자명 검색 select 모바일 */
	.searchBox input.addrDong {width: 95% !important;margin:0 5px 5px 0; }
	.searchArea + .exp {margin-top:-40px;}
	
	/* 정보공개운영지침 */
	.guidelineTop {border-top: 0;}
	.guidelineTop .rBtn {float: inherit;}
	.sbtn02 {width:100%; line-height:inherit; margin-left:0px; margin-bottom:5px; box-sizing:border-box; text-align:center;}
	.boxLinkInfo > li.bgService {background: #f2f0eb url('../image/bg/bg_service01pc.png') no-repeat center 20%; padding:160px 30px 1px;}
	.boxLinkInfo > li.bgMail {background: #f2f0eb url('../image/bg/bg_boxInfo02.png') no-repeat center 20%; padding: 200px 30px 1px;}
	
	.maintenanceBondProcess dl dd {padding: 10%;}

	.contentsBox03 {padding-right: 20px;}
	.contentsBox03 a.sbtn02 {position: static;display: block;margin: 5px 0 0 0;text-align: center;}

	
	.boardView.child02 + ul.tabmenu01 {padding-top:0;}
	.busiPhoto {margin-bottom:25px; min-width:330px; margin-left:-10px;}z
	.busiPhoto li {width:155px; height:130px; margin:0 0 10px 10px; background:#f2f2f2 url('../image/bg/bg_thumb_list02.png') no-repeat center center; background-size:75px;}

	div.tableStyle01 {}

	.realPhoto {margin-bottom:35px;}

	.searchArea.type02 {margin:0 0 20px; padding: 31px 25px;}
	.searchArea.type02 .searchBox label {font-size:14px;}
	.searchArea.type02 .searchBox .selectBox {float:none; width:100%;}
	.searchArea.type02 .searchBox .selectBox + .selectBox {margin-left:0;}
	.searchArea.type02 .searchBox .selectBox > label {top:0; height:36px; margin-bottom:5px; line-height:36px; box-sizing:border-box;}
	.searchArea.type02 .searchBox input[type="button"] {width:100%; position:static;}

	.searchArea.type02 .searchBox02 {overflow:hidden;}
	.searchArea.type02 .searchBox02 + .searchBox02 {margin-top:0;}
	.searchArea.type02 .searchBox02 > label {display:none;}
	.searchArea.type02 .searchBox02 .selectBox {float:none; min-width:180px; margin:0 0 6px;}
	.searchArea.type02 .searchBox02 .selectBox + label {margin-left:60px;}
	.searchArea.type02 .searchBox02 input[type="button"] {float:none; width:100%;}

	/* 검색 Type3 */
	.searchArea.type03 .searchBox {overflow:hidden; padding:0;}
	.searchArea.type03 .searchBox .selectBox {position:static; width:100%;}
	.searchArea.type03 .searchBox .selectBox > label {margin-bottom:5px;}
	.txtExp {display:block; font-size:12px; color:#626262; margin-top:10px;}

	.graphArea02 {display:none;}

	/* 약관/서식/자료실 */
	.listData li {float:none; width:100%; padding:25px 30px; box-sizing:border-box; border:1px solid #ebebeb; margin:-1px -1px 0 0;}
	.listData li strong {font-size:15px;margin:15px 0;min-height: auto;padding-bottom: 14px;}

	.listData li strong + span {margin-bottom:15px;}

	.btnSet {overflow:hidden;}
	.btnSet > a {width:100%; display:block; text-align:center; font-size:13px; color:#383b45; line-height:100%; float:none; padding:11px 15px; box-sizing:border-box;}
	.btnSet > a + a {margin:5px 0 0;}
	.btnSet > a > img {width:10px; margin:-1px 2px 0 0;}

	.wordExplain {margin-top:10px;}

	.mobileList01 {border-top:2px solid #66575a; margin:0 0 35px; display:block;}
	.mobileList01 > li {width:100%; border-bottom:1px solid #e1e2e2; overflow:hidden; padding:10px 0;}
	.mobileList01 > li > strong {width:45%; float:left; text-align:center; font-size:14px; padding:10px 0 0;}
	.mobileList01 > li > strong span {display:block;}
	.mobileList01 > li ul {float:right; width:55%;}
	.mobileList01 > li ul li {position:relative; padding:3px 0 4px 8px; line-height:100%;}
	.mobileList01 > li ul li:after {content:""; width:3px; height:3px; background:#1c001c; position:absolute; left:0; top:49%;}
	.mobileList01 > li ul li span {border-left:1px solid #c3c3c3; margin-left:10px; display:inline-block; text-align:right; width:60px;}

	.mobileBoard {width:100%; border-top:2px solid #66575a; margin:0 0 30px;}
	.mobileBoard th {text-align:center; border-bottom:1px solid #e1e2e2; padding:10px 0; background:#ddd}
	.mobileBoard td {border-bottom:1px solid #a9a6a7; text-align:center; padding:10px 0;}

	.mobileBoard02 {width:100%; border-top: 1px solid #66575a; margin:0 0 30px; display:block;}
	.mobileBoard02 li {border-bottom:1px solid #e1e2e2;}
	.mobileBoard02 th {text-align:center; padding:2px 0 2px 24px; background:#f7f7f7; border-right:1px solid #a9a6a7; text-align:left; color:#31343f; font-size:12px; position:relative;}
	.mobileBoard02 th:after {content:""; width:3px; height:3px; background:#1c001c; position:absolute; left:15px; top:49%;}
	.mobileBoard02 tr:first-child th:after {top:68%}
	.mobileBoard02 tr.last th:after {top:26%}
	.mobileBoard02 td {text-align:left; padding:2px 0 2px 19px; font-size:12px; }

	.mobileBoard02 tr:first-child th, .mobileBoard02 tr:first-child td {padding-top:20px;}
	.mobileBoard02 .last th, .mobileBoard02 .last td {padding-bottom:18px;}


	/* 상세보기 */
	.webList, .webView01 {display:none;}
	.mobileView01 {display:block; border-top:1px solid #66575a; margin:0 0 35px;}
	.mobileView01 th {background:#f7f7f7; border-bottom:1px solid #e1e2e2; text-align:center; line-height:24px; padding:8px 0;}
	.mobileView01 td {border-bottom:1px solid #e1e2e2; border-left:1px solid #e1e2e2; text-align:center; line-height:24px; padding:8px 0;}

	.boardList {display:none;}

	.boardMList {border-top: 2px solid #66575a; display:block; margin:0 0 15px;}
	.boardMList > li {width:100%; position:relative; border-bottom:1px solid #e1e2e2; padding:8px 0; overflow:hidden;}
	.boardMList > li div {padding:0 25px 0 0; overflow:hidden;}
	.boardMList > li div > a {display:block; margin:0 0 5px;}
	.boardMList > li div > a > img {margin-left:5px;}
	.boardMList > li div > span {position:relative; color:#9e9e9e; font-size:11px; line-height:100%;}
	.boardMList > li div > span.icon { color: #fff; }
	.boardMList > li div > span.iconState { color: #fff; line-height: 20px; }/* 아이콘 */
	.boardMList > li div > span.iconState2 { color: #fff; line-height: 20px; }/* 아이콘 */
	.boardMList > li div > span + span {margin-left:4px; padding-left:5px;}
	.boardMList > li div > span + span:after {content:""; width:1px; height:10px; border-left:1px solid #c3c3c3; position:absolute; left:0; top:3px;}
	.boardMList > li .file {position:absolute; /* width:12px; */ top:50%; right:5px; margin-top:-9px;}
	.boardMList > li .file a { display: block; }
	.boardMList > li .file img {width:100%;}

	.boardMList > li .sort {color:#000;}
	.boardMList > li .tag02 {color:#fff; width:auto; margin:0; padding:3px 7px;}
	.boardMList > li .tag02 + span:after, .boardMList > li .tag:after {border:0;}
	.boardMList > li .tag {color:#fff; width:auto; padding:3px 7px;}
	.boardMList > li span + .tag {margin-left:15px;}
	.paging {height:auto ! important;}
	.paging .btnMd01 {position:static; display: block; padding: 0 25px; height: 34px; line-height: 34px; border: 1px solid #31343f; background: #31343f; color: #fff; font-size: 14px; margin-top:15px;}

	.btnArea02 + .boardNext {margin-top:35px;}

	/* comment */
	/* 2016.12.21 */
	.comment fieldset {padding-right: 0;}
	.comment textarea.commentArea {background: #eff0f0;height: 110px;float:left;padding: 10px;box-sizing:border-box;display: inline-block;overflow-y: scroll;resize: none;}
	.comment button.commentBtn {width: 100%;margin-right: 0;float: none;height: 34px;margin: 10px auto;}  
	
	.comment > ul > li > span.name {position:absolute; left:0; top:10px; width:70px; text-align:center;}
	.comment > ul > li > p {padding:0 80px 0 70px; overflow:hidden;}
	.sbtnSet {display:block; margin:0;}

	.stepPerf {overflow:hidden;}
	.stepPerf li {float:none; position:relative; width:100%; box-sizing:border-box; border:1px solid #e0e0e0; padding:20px 0 20px 24px; word-break: keep-all; font-weight:700; color:#333; z-index:1; min-height:auto;}

	.stepPerf li:first-child {background:#eff0f0;}
	.stepPerf li.last {background:#00c182; color:#fff; border:1px solid #00c182; z-index:2;}
	.stepPerf li:after {content:""; position:absolute; left:50%; top:-1px; margin:0 0 0 -6px; z-index:10; width:0px; height:0px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:9px solid #fff;}
	.stepPerf li:before {content:""; width:12px; height:8px; position:absolute; left:50%; top:0; margin:0 0 0 -6px; z-index:10; width:0px; height:0px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:9px solid #e0e0e0;}
	.stepPerf li:first-child:after {background:none; border:0;}
	.stepPerf li:first-child:before, .stepPerf li.last:before {border:0;}
	.stepPerf li:first-child + li:after {border-top:9px solid #eff0f0;}
	.stepPerf li.last:after {left:50%; top:-2px;}

	.stepPerf li + li {border:1px solid #e0e0e0; border-top:0;}
	.stepPerf li > span.date {display:inline; margin-left:5px; position:relative; padding-left:10px;}
	.stepPerf li > span.date:after {content:":"; position:absolute; left:0;}
	.stepPerf li > span.num {display:inline; margin-right:5px; color:#515252;}
	.stepPerf li.last > span.num {color:#fff;}
	
	.ncsStep{padding:0 20px;}
	.ncsStep .ncsText{padding:20px 0; border-bottom:1px solid #e0e0e0; margin-bottom:30px;}
	.ncsStep .ncsText p{padding:30px 0 0 0; font-size:14px; line-height:18px; text-align:center; background:url(/hug/image/icon/icon_arrow10.png) no-repeat center 0; background-size:20px auto;}
	.ncsStep .ncsText span{display:block; margin:0 0 30px 0; font-size:12px; text-align:center; color:#80828e;}

	.stepPerf02 ol {width:100%; display:block;}
	.stepPerf02 ol li {width:100%;display:block;min-height:auto;/* background:#228bcc; *//* position:relative; */padding:21px 0;/* color:#fff; */text-align:center;box-sizing:border-box;}
	.stepPerf02 ol li:after {/* content:""; *//* position:absolute; */left:50%;top:100%;margin-top:0;/* z-index:100; */border-left:5px solid transparent ! important;border-right:5px solid transparent;border-bottom:7px solid transparent;border-top:7px solid #228bcc;}
	.stepPerf02 ol li.svc02 {/* background:#1698e2; */}
	.stepPerf02 ol li.svc02:after {border-top:7px solid #1698e2;}
	.stepPerf02 ol li.svc03 {/* background:#81c8e8; */}
	.stepPerf02 ol li.svc03:after {border-top:7px solid #81c8e8;}
	.stepPerf02 ol li.svc04 {/* background:#e0eaf3; *//* color:#5a5e66; */}
	.stepPerf02 ol li.svc04:after {border-top: 7px solid #e0eaf3;}
	.stepPerf02 ol li.svc05 {/* background:#f2f6f9; */color:#5a5e66;}
	.stepPerf02 ol li.svc05:after {border:0;}
	
    .stepPerf02.type02 ol li{width: 100%; padding-left:20px; padding-right:20px;}
    .stepPerf02.type02 ol li.svc02:after {border-top:7px solid #1698e2;}
    .stepPerf02.type02 ol li.svc03:after {border-top:7px solid #9ccae4;}
    .stepPerf02.type02 ol li.svc05{width: 100%;}
    .stepPerf02.type02 ol li dt{width:auto; font-size:13px; margin-right:7px;}
    .stepPerf02.type02 ol li dd{font-size:12px;}
    
 	.stepPerf03 ol > li{width:100%; min-height:auto; padding:20px;}
	.stepPerf03 ol > li:after {left:50%;top:100%;margin-top:0;border-left:5px solid transparent ! important;border-right:5px solid transparent;border-bottom:7px solid transparent;border-top:7px solid #42454d;}
	.stepPerf03 ol > li.svc02:after {border-top:7px solid #686b73;}
	.stepPerf03 ol > li.svc03:after {border-top:7px solid #979aa4;}
	.stepPerf03 ol > li dt{width: auto;font-size:15px;}
    .stepPerf03 ol > li dd{font-size:14px;}
    .stepPerf03 ol > li em{font-size:12px;}
    .stepPerf03.type02 ol > li.svc01{width:100%;}
	.stepPerf03.type02 ol > li {width:100%;min-height: auto;}
	.stepPerf03.type02 ol > li.svc01 dl{padding-bottom:10px;}
	.stepPerf03.type02 ol > li dl{padding-bottom:0px;}
	.stepPerf03.type03 li{min-height:auto; padding: 21px 20px 24px 20px;}
	.stepPerf03.type03 ol > li dl{height:auto;}
	.stepPerf03.type03 ol > li dt{width:auto;}
	.stepPerf03.type03 ol > li dt:after{content:"."}
	.stepPerf03.type03 ol > li dd{width:auto;}
	.stepPerf03.type03 ol > li em{border-top:0;}
	
	.stepPerf04 ol > li {width:100%; padding-left:20px}
	.stepPerf04 ol > li.svc02{background:#686b73 url('/hug/image/bul/bul_arrow05_90d.png') no-repeat center top;}
	.stepPerf04 ol > li.svc03 {background:#686b73 url('/hug/image/bul/bul_arrow07_90d.png') no-repeat center top; }
	.stepPerf04 ol > li.svc04 {background:#979aa4 url('/hug/image/bul/bul_arrow010_90d.png') no-repeat center top;}
	.stepPerf04 ol > li.svc05{background:#979aa4 url('/hug/image/bul/bul_arrow08_90d.png') no-repeat center top;}
	.stepPerf04 ol > li.svc06{background:#d5d5d8 url('/hug/image/bul/bul_arrow09_90d.png') no-repeat center top;}
	
	.stepPerf05 ol{margin-bottom:30px;}
	.stepPerf05 ol > li {width:100%;padding:20px; min-height:auto;background:#eff0f0 url('/hug/image/bul/bul_arrow011_90d.png') no-repeat center 0;}
	.stepPerf05 ol > li ul > li{float:left; margin-right:5px;}
	.stepPerf05 ol > li ul > li:before{content:"/"; padding-right:5px;}
	.stepPerf05 ol > li ul > li:first-child:before{content:""; padding-right:0;}
	.stepPerf05 ol > li.svc02{background:#eff0f0 url('/hug/image/bul/bul_arrow012_90d.png') no-repeat center 0;}
	.stepPerf05 ol > li.svc07{background:#09a56d url('/hug/image/bul/bul_arrow014_90d.png') no-repeat center 0;}
	.stepPerf05 ol > li dl{padding-bottom:0;}
	.stepPerf05 ol > li dd{height:auto;}
	.stepPerf05 ol > li > ul{border:0;}
	.stepPerf05 ol > li.svc01 > ul, .stepPerf05 ol > li.svc07 > ul{border:0;}
	
	.bandStack4{padding:0;}
	.bandStack4 > li {float:none; clear:both; width:100%; }
	.bandStack4 > li p { height:60px; line-height:60px;padding-left:0; font-size: 18px; text-align:center; box-sizing:border-box; white-space: nowrap; color:#fff; }
	.bandStack4 > li > ul {padding: 20px 15px; border:1px solid #dfdfdf; border-bottom:0; margin: 0;}
	.bandStack4 > li.no01 > ul { border-left:1px solid #dfdfdf; height:auto;}
	.bandStack4 > li.no01 p { background:#80838d; }
	.bandStack4 > li.no02{border-bottom:1px solid #dfdfdf;}
	.bandStack4 > li.no02 > ul{height:auto;}
	.bandStack4 > li.no02 p { background:#1698e2 url('/hug/image/bul/bul_arrow03_90d.png') no-repeat center top; }
	
	.bandStack4.type02 > li {width:100%;}
	.bandStack4.type02 > li p {font-size:16px;}
	.bandStack4.type02 > li.no02{border-bottom:0;}
	.bandStack4.type02 > li.no02 p { background:#80838d url('/hug/image/bul/bul_arrow06_90d copy.png') no-repeat top; }
	.bandStack4.type02 > li.no03 p { background:#1698e2 url('/hug/image/bul/bul_arrow04_90d.png') no-repeat top; }
	.bandStack4.type02 > li.no03{border-bottom:1px solid #dfdfdf;}
	.bandStack4.type02 > li > ul > li{height:auto;padding:10px 15px;}
	
	.bandStackBox > div{width:100%; border:0;}
	.bandStackBox > div > p{padding:13px 20px; font-size:15px;}
    .bandStackBox > div .stackWrap{height:auto; min-height:80px; border:0;}
    .bandStackBox > div .stackWrap .stackImg{width:30%;height:auto;text-align:center;float:left;padding:5%;box-sizing: border-box;}
    .bandStackBox > div .stackWrap .stackImg img{max-width: 100%;}
    .bandStackBox > div .stackWrap ul{float:right;width: 70%;padding:30px 10px 30px 0;}
    .bandStackBox > div.no01 .stackWrap{border:0;}
	.bandStackBox > div.no03 .stackWrap{border-bottom:1px solid #dfdfdf;}
	.bandStackBox > div.no01 > p{background:#1698e2;}
	.bandStackBox > div.no02 > p{background:#137cbd;}

	/* HUG마켓 */
	.visHug {overflow:hidden; background:#fafafa; padding:36px 35px 38px 35px; box-sizing:border-box;}
	.visHug img {position:static;  height:162px; float:right; margin:35px 0 0;}
	.visHug > p {font-size:19px; color:#137cbd; line-height:120%; position:relative; padding:0 0 15px; margin:0 0 13px;}
	.visHug > p:after {content:""; position:absolute; width:36px; height:1px; border-top:1px solid #e0e0e0; bottom:0; left:0;}
	.visHug > span {display:block; font-size:14px; margin:0 0 27px; color:#6d6e6e;}

	.hugCon {overflow:hidden;}
	.hugCon li {float:none; width:100%; box-sizing:border-box;border-left: 1px solid #ebebeb;}
	.hugCon li + li {margin-left:0; margin-top:15px;}
	.hugCon li dl {/* border:1px solid #ebebeb; */}
	.hugCon li dl dt {/* height:20px; */ font-size:12px; padding:8px 0 8px 21px; line-height:22px;}
	.hugCon li dl dt > img {width:20px; vertical-align:top;}
	.hugCon li dl dt  > span {font-weight:bold; margin-left:5px;}
	.hugCon li dl.hugBox01 dt {background:#dfebf2; color:#0569a6; }
	.hugCon li dl.hugBox02 dt {background:#eff0f0; color:#31343f; }
	.hugCon li dl.hugBox03 dt {background:#dcede9; color:#00875a; }
	.hugCon li dl dd {font-size:12px; height:auto; min-height:auto; padding:18px 0 18px 21px;}
	.hugCon li dl dd > a {width:146px; text-align:center; display:block; background:#80838d; font-size:11px; color:#fff; padding:3px 0; margin-top:10px;}
	.hugCon li dl dd > span {display:inline;}

	.result {margin-bottom:10px;}

	.paging > .btnLeft {position:static;}
	.paging > .btnRight {position:static;}

	.contentsBox02 {padding:20px; box-sizing:border-box;}
	.contentsBox02 .sbtn02 {position:static; margin:10px 0 0 0;}

	.tableStyle01 table tbody tr td {padding:10px 5px ! important; font-size:13px ! important;}

	/* 홈페이지 개선의견 */
	.visHomepage {background:#f2f0eb; padding:15px 20px 26px 26px; position:relative; box-sizing:border-box; margin:0 0 40px; text-align:center;}
	.visHomepage img {position:static; margin:0 auto; width:75%;}
	.visHomepage strong {color:#31343f; font-size:16px; display:block; line-height:130%; margin:0 0 10px; text-align:left; padding:15px 0 0;}
	.visHomepage ul li {padding-left:12px; text-indent:-12px; line-height:160%; text-align:left; font-size:12px;}

	/* 금리제안 */
	.secTop {margin:0 0 20px;}
	.irChart > div {padding:25px 16px; width:100%; float:none; clear:both; box-sizing:border-box;}
	.irChart > div + div {border-top:1px solid #e1e2e2;}
	.irChart > div > ul {width:100%; overflow:hidden; margin-left:0; padding:0; box-sizing:border-box;}
	.irChart > div > ul li {float:none; width:100%; overflow:hidden; margin:15px 0 0 0;}

	.irChart > div > ul + div > label {width:24%;}
	.irChart > div > ul + div > input {width:75%;}

	.irChart > div > label {padding-top:3px; display:inline-block;}
	.irChart .selectBox {vertical-align:middle; min-height:26px; margin:0 0 0 20px; float:right;}
	.irChart .selectBox span, .irChart .selectBox select {height:26px; line-height:26px;}

	.irChart > div.rbtn {text-align:right; border-top:0; padding:0 16px 20px; margin-top:-5px;}
	.irChart > div.rbtn .sbtn {float:none; clear:both;}

	.btnArea02 > a.btnMd01 {width:100%; margin:0;}
	.btnArea02 > a.btnMd01 + a.btnMd01 {margin-top:5px;}

	/* 사회공헌소식 */
	.socTop {position:static; margin:0 0 25px; overflow:hidden; min-width:295px;}
	.socTop > a {display:block; height:38px; line-height:38px; float:left; width:33.4%; font-size:13px; padding:0; text-align:center; box-sizing:border-box;}
	.socTop > a + a {margin-left:-1px;}
	.socTop > a img {width:10px; margin-right:3px;}
	.social > ul > li div > i {display:none;}
	.social > ul {width:100%; overflow:hidden; margin-left:0;}
	.social > ul > li {float:left; width:100%; margin-left:0;}
	.social > ul > li + li {margin-top:30px;}
	.social > ul > li a > strong {font-size:14px; padding:0 0 5px;}
	.social > ul > li a > span {font-size:12px; height:auto; line-height:140%;}

	/* 동영상 */
	.video {overflow:hidden; padding:40px 0; min-height:auto; margin:0 0 30px;}
	.videoArea {width:100%; position:static; margin:0 auto;}
    .videoArea embed { display: block; margin: 0 auto; }
	.videoArea .caption { width: 100%; margin:10px auto 0;}
	.videoList {width:100%; border-top:1px solid #ddd; padding:25px 0 0; margin-top:25px;}
	.videoList h4 {font-size:15px; border-bottom:0; padding:0 0 8px; margin:0; color:#5b5151;}
	.videoList ul li {margin-top:10px;}
    .videoList ul li a { overflow: hidden; }
	.videoList ul li img {float:left; width:127px; height:87px; margin-right:4%;box-sizing: border-box;}
	.videoList ul li div {padding:15px 0 0; width:auto; line-height:120%;}
	.videoList ul li div span {font-size:11px;}
	
	.viewVideo {overflow:hidden; min-width:300px; width:100%;}
	.viewVideo div.videoBox {width:100%; float:none; text-align:center;}
	.viewVideo embed {width:100% ! important; height:100% ! important; min-height:200px; margin:0 auto;}
	.viewVideo div.caption {float:none; width:100%; height:250px; margin-top:10px; text-align:center; line-height:140%; background:#f4f4f4; overflow:hidden; overflow-y:auto; padding:30px; box-sizing:border-box;}
	.boardView .cont .caption p {line-height:160% ! important;}

	/* 갤러리 */
	.gallery ul li {width:100%;}
	.gallery ul li strong {font-size:13px;}
	.gallery ul li span {font-size:12px;}

	.gallImg {padding:0 10px;}

	/* 갤러리2 - openapi 활용사례 */
	.gallery2 {padding:0;}
	.gallery2 > ul {width:100%; overflow:hidden; margin-left:0;}
	.gallery2 > ul > li {width:100%; margin-left:0; padding:0 0 30px;}
	.gallery2 > ul > li div {width:100%; height:auto; overflow:hidden;}
	.gallery2 > ul > li strong {font-size:13px;}
	.gallery2 > ul > li span {font-size:12px;}

	.intro01 {margin:0 0 40px; overflow:hidden;}
	.system01 {width:25%; float:left;}
	.system01 > span {float:none; display:block; position:relative; background:#f4f4f4; height:35px; width:100%; color:#31343f; line-height:35px; font-size:13px;}
	.system01 > span.lastBox {width:100%; height:106px; padding-top:35px; box-sizing:border-box;}
	.system01 > span + span {margin-left:0; margin-top:15px;}
	.system01 > span + span:after {content:""; position:absolute; left:50%; top:-15px; border-top:0; border-left:1px solid #e0e0e0; width:1px; height:15px;}
	.system02 {width:73%; overflow:hidden; margin-top:0; float:right;}
	.system02 strong {float:none; clear:both; width:100%; height:35px; line-height:35px; margin:0 0 15px; display:block;}
	.system02 strong.type02 {background:#e9f3f0; color:#00875a;}
	.system02 ul {float:none; clear:both; width:100%; }
	.system02 ul > li {float:left; width:50%; height:35px; line-height:35px; font-size:12px;}
	
	/* 정보공개 제도 안내 */
	.conInfoSys {padding:25px 40px; border:1px solid #e8e8e8; margin:0 0 30px;}
	.conInfoSys ul {padding:26px 0 26px 0; background:url('/hug/image/bg/bg_infosys01_m.png') no-repeat center top; box-sizing:border-box; position:relative; overflow:hidden; background-size:6px;}
	.conInfoSys ul:after {content:""; width:6px; height:6px; position:absolute; right:50%; top:99%; margin-right:-3px; background:url('/hug/image/bg/bg_infosys02_m.png') no-repeat left center; background-size:100%;}
	.conInfoSys ul li {width:100%; height:auto; float:none; text-align:center; box-sizing:border-box;}
	.conInfoSys ul li + li, .conInfoSys.type02 ul li + li {margin:10px 0 0;}
	.conInfoSys ul li > div {padding:10px 20px;}
	.conInfoSys ul li span {display:inline;}
	.conInfoSys.type02 ul li {width:100%;}
	.conInfoSys.type03 ul li {width:100%;}
	.conInfoSys.type03 ul li + li {margin-left:0;}
	.conInfoSys.type04 ul {padding:26px 0 26px 0;}
	.conInfoSys.type04 ul li {width:100%; height:auto;}
	.conInfoSys.type04 ul li + li {margin-left:0;}
	
	.conInfoSysCir {overflow:hidden;padding:25px 0px; margin:0 0 30px;}
	.conInfoSysCir > ul {width: 30%; float:left; padding:20px 0; background:url('/hug/image/bg/bg_infosys01-01_m.png') no-repeat center top; box-sizing:border-box; position:relative; overflow:hidden; background-size:6px;}
	.conInfoSysCir > ul:after {content:""; width:6px; height:6px; position:absolute; right:50%; top:99%; margin-right:-3px; background:url('/hug/image/bg/bg_infosys02_m.png') no-repeat left center; background-size:100%;}
	.conInfoSysCir > ul li {width:100%; height:60px; line-height:60px; float:none; text-align:center; box-sizing:border-box;}
	.conInfoSysCir > ul li + li{margin:5px 0 0;}
	
	.conInfoSysTxt > ul {padding:20px 0; width:70%; float:left;}
	.conInfoSysTxt > ul li {width:100%; height:60px; line-height:60px; float:none; text-align:left;font-size:14px;}
	.conInfoSysTxt > ul li + li {margin-left:0; margin-top:5px;}
	
	/* 사전정보공개 */
	.chkList {width:100%; overflow:hidden; border:1px solid #e1e2e2; padding:0 13px 20px; margin-top:20px; box-sizing:border-box;}
	.chkList li {width:43%; float:left; margin:20px 0 0; padding-left:18px; box-sizing:border-box; position:relative;}
	.chkList li:nth-child(even) {width:57%;}
	.chkList li > label i {display:inline-block; width:18px; margin-right:5px;}
	.chkList li > label i > img {width:100%;}
	.chkList li > input[type=checkbox] {opacity:0; position:absolute; left:0; top:0;}
	.chkList li > label.on {color:#137cbd;}
	.chkList li > label.on:after {content:""; position:absolute; left:-15px; top:3px; width:13px; height:13px; background:#1698e2 url('../image/icon/icon_check_on.png') no-repeat center center; border:1px solid #1698e2;}
	.chkList + .boardSearch {margin-top:4px; border:0;}

	/* 정보목록 - 기타관련자료 */
	.tabmenu01 + .infoList {margin-top:-15px;}
	.infoList li {width:100%; float:none; height:auto; padding:25px 17px 25px 120px;}
	.infoList li:after {width:77px; height:77px; left:16px; top:30px; }
	.infoList li.infoCase02:after {background-position:0 -97px;}
	.infoList li.infoCase03:after {background-position:0 -193px;}
	.infoList li.infoCase04:after {background-position:0 -290px;}
	.infoList li strong {font-size:13px; margin:0 0 4px;}
	.infoList li > p {font-size:11px; line-height:140%;}
	.infoList li > img {position:absolute; left:20px; top:25px; width:77px;}
	
	li.infoCase01 {
    background:transparent url(/hug/image/icon/icon_infolist01.png) no-repeat 15px 15px;
    background:-webkit-linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist01.png) no-repeat 15px 15px;
    background: linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist01@2x.png) no-repeat 15px 15px;
    background-size:83px 83px;
	}
	li.infoCase02 {
	    background:transparent url(/hug/image/icon/icon_infolist02.png) no-repeat 15px 15px;
		background:-webkit-linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist02.png) no-repeat 15px 15px;
		background:linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist02@2x.png) no-repeat 15px 15px;
		background-size:83px 83px; 
	}
	li.infoCase03 {
	    background:transparent url(/hug/image/icon/icon_infolist03.png) no-repeat 15px 15px;
		background:-webkit-linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist03.png) no-repeat 15px 15px;
		background:linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist03@2x.png) no-repeat 15px 15px;
		background-size:83px 83px; 
	}
	li.infoCase04 {
	    background:transparent url(/hug/image/icon/icon_infolist04.png) no-repeat 15px 15px;
		background:-webkit-linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist04.png) no-repeat 15px 15px;
		background:linear-gradient(transparent,transparent),url(/hug/image/icon/icon_infolist04@2x.png) no-repeat 15px 15px;
		background-size:83px 83px; 
	}

	/* 팝업 */
	.popup {padding:20px;}
	.popup .boardList {display:block;}
	.popup .boardSearch .result {text-align:left;}
	.inCk.verPop li {width:48%; display:inline-block;}
	.popup .popSchArea {padding:20px; margin:20px 0 30px;}
	.popup .popSchArea > div {width:100%; padding:0;}
	.popup .popSchArea > div > input[type=button] {width:100%; line-height:36px; position:static; margin-top:5px;}
	/* .popup .boardSearch	{display:none;}
	.popup .boardList {display:none;} */
	.popup .mBodList {border-top:2px solid #66575a; margin:0 0 16px; display:block;}
	.popup .mBodList li {border-bottom:1px solid #e1e2e2;}
	.popup .mBodList dl {display:table; width:100%; text-align:left; margin-top:-15px;}
	.popup .mBodList dl dt {position:relative; display:table-cell; width:27%; background:#f7f7f7; box-sizing:border-box; padding:0 0 0 24px; vertical-align:top;}
	.popup .mBodList dl dt:after {content:""; position:absolute; left:12px; top:7px; width:3px; height:3px; background:#1c001c;}
	.popup .mBodList dl dd {display:table-cell; width:73%; border-left:1px solid #a9a6a7; margin-left:1px; padding:0 0 15px 10px;}
	.popup .mBodList dl dd .sbtn03 {width:145px; display:block; background:#80838d; color:#fff; margin:5px auto 0; text-align:center;}
	.popup .mBodList dl:first-child {margin:0;}
	.popup .mBodList dl:first-child dt {padding:15px 0 15px 24px; vertical-align:top;}
	.popup .mBodList dl:first-child dt:after {top:22px;}
	.popup .mBodList dl:first-child dd {padding:15px 0 15px 10px;}

	.addrSch .searchArea02 {overflow:hidden;}
	.addrSch .searchArea02 .selectBox {float:left; width:auto; min-width:100px; margin-right:10px;}
	.addrSch .searchArea02 .popSchBox,
	.addrSch .searchArea02 .popSchBox02 {float:left; width:350px; overflow:hidden; padding:0 100px 0 64px; position:relative; box-sizing:border-box;}
	.addrSch .searchArea02 .popSchBox02 {float:none; width:100%;}
	.addrSch .searchArea02 .popSchBox label {width:54px; position:absolute; left:0; top:8px; padding-left:10px; display:block;}
	.addrSch .searchArea02 .popSchBox input[type="text"] {width:100%; height:34px;}
	.addrSch .searchArea02 .popSchBox .btnSch02 {width:100px; position:absolute; right:0; top:0;}

	.addrSch .searchArea02 .popSchBox02 {width:100%; overflow:hidden; padding:0 0 0 84px; position:relative; box-sizing:border-box;}
	.addrSch .searchArea02 .popSchBox02.type02 {padding:0 100px 0 84px; margin-top:5px;}
	.addrSch .searchArea02 .popSchBox02.type03 {padding:0 0 0 84px; margin-top:5px;}
	.addrSch .searchArea02 .popSchBox02 label {width:84px; position:absolute; left:0; top:8px; display:block;}
	.addrSch .searchArea02 .popSchBox02 input[type="text"] {width:100%; height:34px;}
	.addrSch .searchArea02 .popSchBox02 .btnSch02 {width:100px; position:absolute; right:0; top:0;}
	.addrSch .searchArea02 .popSchBox02.type03 input[type="text"] {width:70%; height:34px; float:left; box-sizing:border-box;}
	.addrSch .searchArea02 .popSchBox02.type03 input[type="text"].inpAddNum {width:29%; height:34px; box-sizing:border-box; margin-right:1%;}

	.addrSch .tableStyle01 {margin:5px 0 28px;}
	.tabmenu01.depth2 li, .tabmenu01.depth3 li, .tabmenu01.depth4 li, .tabmenu01.depth5 li, .tabmenu01.depth6 li,
	.tabmenu01.depth7 li {width:50% ! important; }

	.pwRules .imgWrap {display: none;}
	.pwRules {display: block; }

	.infoCertify01 ul{width:100%; overflow:hidden;}
	.infoCertify01 ul li{float:left; padding:10px; width:100%; box-sizing:border-box;}
	.infoCertify01 ul li p{margin:5px 0;}
	.infoCertify01 ul li img{border:1px solid #dedede;box-sizing:border-box;}
	.infoCertify01 ul li img.CertifyMo{display:none}

	.smart_cert{ width:100%; padding:10px; box-sizing:border-box;}
	.smart_cert .pc{display:none; margin-top:20px;}
	.smart_cert .m{display:block; margin-top:20px;}
	.smart_cert .m img{max-width:100%;}


	.h4TxtStyle h4 {margin-bottom:10px; }
	.h4TxtStyle .text {float: none;width: 100%;margin: 0;background: none;padding: 0;}

	.tablePublic01{display:none;}
	.tablePublic02{display:block;}
	.tablePublic02{width:100%; font-size:22px; color:#5c5e63;}
	.tablePublic02 td{padding:30px 0; border-bottom:1px solid #e1e2e2}
	.tablePublic02 p{padding:0 30px; line-height:28px;}
	.tablePublic02 .tdWidth{width:114px;}
	.tablePublic02 .spanBr{display:none;}
	
	.guaranteeINfoArea li{width:100%; padding:3%; float:none;}
	.guaranteeINfoArea li:first-child{padding-top:0; border-bottom:1px solid #dedede;}

/* 공사소개 > 조직/부서안내 */
.organizationWrap {/* width: 320px; */}
.organizationWrap img.mo { display:block; }
.organizationWrap img.mo + img.tab,
.organizationWrap img.mo + img.pc,
.organizationWrap img.mo + img.tab + img.pc { display:none; }


.organizationWrap li.org02 > a {top: -1px;left: 376px;width:130px;height:130px;}
.organizationWrap li.org05 > a {top:184px; left:522px; width:117px; height:40px}
.organizationWrap li.org47 > a {top:184px; left:350px; width:128px; height:40px}

.organizationWrap li.org06 > a {top:270px; left:0px; width:155px; height:50px}
	.organizationWrap li.org07 > a {top:360px; left:14px; width:140px; height:40px}
	.organizationWrap li.org46 > a {top:410px; left:14px; width:140px; height:40px}
	.organizationWrap li.org08 > a {top:460px; left:14px; width:140px; height:40px}
	.organizationWrap li.org09 > a {top:510px; left:14px; width:140px; height:40px}
	.organizationWrap li.org04 > a {top:560px; left:14px; width:140px; height:40px}
	.organizationWrap li.org10 > a {top:610px; left:14px; width:140px; height:40px}
	.organizationWrap li.org44 > a {top:660px; left:14px; width:140px; height:40px}

.organizationWrap li.org11 > a {top:270px; left:162px; width:155px; height:50px}
	.organizationWrap li.org12 > a {top:360px; left:176px; width:140px; height:40px}
	.organizationWrap li.org13 > a {top:410px; left:176px; width:140px; height:40px}

		.organizationWrap li.org14 > a {top:752px; left:9px; width:85px; height:40px;}
		.organizationWrap li.org15 > a {top:802px; left:9px; width:85px; height:40px;}
		.organizationWrap li.org16 > a {top:852px; left:9px; width:85px; height:40px;}
		.organizationWrap li.org17 > a {top:902px; left:9px; width:85px; height:40px;}
		.organizationWrap li.org34 > a {top:952px;left:9px; width:85px; height:40px;}

		.organizationWrap li.org18 > a {top:752px; left:116px; width:90px; height:40px;}
		.organizationWrap li.org19 > a {top:802px; left:116px; width:90px; height:40px}
		.organizationWrap li.org20 > a {top:852px; left:116px; width:90px; height:40px}
		.organizationWrap li.org21 > a {top:902px; left:116px; width:90px; height:40px}
		.organizationWrap li.org35 > a {top:952px;left:116px; width:90px; height:40px}

		.organizationWrap li.org22 > a {top:752px; left:226px; width:90px; height:40px;}
		.organizationWrap li.org23 > a {top:802px; left:226px; width:90px; height:40px}
		.organizationWrap li.org24 > a {top:852px; left:226px; width:90px; height:40px}
		.organizationWrap li.org25 > a {top:902px; left:226px; width:90px; height:40px}
		.organizationWrap li.org36 > a {top:952px; left:226px; width:90px; height:40px}
		.organizationWrap li.org37 > a {top:1002px; left:226px;width:90px;height: 40px;}

.organizationWrap li.org26 > a {top:270px; left:324px; width:155px; height:50px}
	.organizationWrap li.org27 > a {top:360px; left:339px; width:140px; height:40px}
	.organizationWrap li.org28 > a {top:410px; left:339px; width:140px; height:40px}

		.organizationWrap li.org29 > a {top:752px; left:334px ;width:90px; height:40px;}
		.organizationWrap li.org30 > a {top:802px; left:334px; width:90px; height:40px}
		.organizationWrap li.org31 > a {top:852px; left:334px; width:90px; height:40px}
		.organizationWrap li.org32 > a {top:902px; left:334px; width:90px; height:40px}
		.organizationWrap li.org33 > a {top:952px;left:334px; width:90px; height:40px}

.organizationWrap li.org40 > a {top:270px; left:485px; width:155px; height:50px}
	.organizationWrap li.org41 > a {top:360px; left:499px; width:140px; height:40px}
	.organizationWrap li.org42 > a {top:410px; left:499px; width:140px; height:40px}
		.organizationWrap li.org43 > a {top:752px; left:494px; width:90px; height:40px;}
		
	/*공사소개 미션 및 비전*/
	.icontxtWrap02{padding:25px 40px; margin:0 0 60px 0; box-sizing:border-box; border:1px solid #e7e7e7;}
	.icontxtWrap02 .icontxtIn{overflow: hidden;/* display: table; */width: 100%;/* table-layout: fixed; *//* padding:10px 0 10px 0; */position: relative;padding-left: 300px;box-sizing: border-box;}
	.icontxtWrap02 .iconImg{width:74px;/* display: table-cell; *//* vertical-align: top; *//* padding:0 20px 0 0; *//* position: absolute; *//* left: 0; *//* top: 0; *//* bottom: 0; */float: left;margin-left: -300px;}
	.icontxtWrap02 .iconImg img{max-width:100%;}
	.icontxtWrap02 .icontxt{/* box-sizing:border-box; *//* position: relative; *//* padding-left: 143px; *//* float: left; */margin-left: -200px; margin-bottom:20px; padding-top: 0px;}
	.icontxtWrap02 .icontxt p{float:none; width:auto; font-weight:bold; margin:0 0 10px 0;/* position: absolute; *//* top: 0; *//* bottom: 0; *//* left: 0; *//* display: inline-block; *//* float: left; */}
	.icontxtWrap02 .icontxt div{padding:0;/* display: inline-block; *//* float: left; */width: 100%;box-sizing: border-box;}
	.icontxtWrap02 .icontxt2 p{float:none; width:auto; font-weight:bold; margin:0 0 10px 0;/* position: absolute; *//* top: 0; *//* bottom: 0; *//* left: 0; *//* display: inline-block; *//* float: left; */}
	.icontxtWrap02 .icontxt2 div{padding:0;/* display: inline-block; *//* float: left; */width: 100%;box-sizing: border-box;}
	.icontxtWrap02 .icontxt3 p{float:none; width:auto; font-weight:bold; margin:0 0 10px 0;/* position: absolute; *//* top: 0; *//* bottom: 0; *//* left: 0; *//* display: inline-block; *//* float: left; */}
	.icontxtWrap02 .icontxt3 div{padding:0;/* display: inline-block; *//* float: left; */width: 100%;box-sizing: border-box;}
	
	/* 고객지원센터 홈페이지 이용안내 모바일APP서비스 어플리케이션 */
	.responImg01{margin:15px;}
	.respon_list00{width: 49%;margin: 0 0 0 2%;}
	.respon_list00.type01{margin: 0 0 2% 0;}
	.respon_list00.type02{margin:0 0 2% 2%;}
	.respon_list00.type03{margin:0;}

	.imgViewWrap { padding-left:0;}
	.imgViewBtn{display:block;width:100%; border:1px solid #d0d0d0;box-sizing:border-box;}
	.imgViewBtn button{width:100%; padding:30px 72px 30px 44px; text-align:left; box-sizing:border-box; background:url(../../common/image/icon/icon_arrow_down02.png) no-repeat 90%; font-size:28px; color:#31343f;}
	.imgViewListBtn{width:100%;border-right:1px solid #d0d0d0;border-left:1px solid #d0d0d0;float: none;display:none;position: absolute;background-color: #fff;margin-left: 0;}
	.imgViewListBtn li {margin:0; border-bottom:1px solid #d0d0d0;}
	.imgViewListBtn li.on {background:#fff;}
	.imgViewListBtn li a {display:block; padding:15px 44px; background:#fff;}
	.imgViewListBtn li a br{display:none; } 
	
	.viewWrap {margin: 50px 0 0 0;float: none;clear: both;}
	.imgView01 .mo { display:block; }
	.imgView01 .pc { display:none; }
	
	/* 공사소개 사회공헌 주요사업 */
	.tabUi_iconStyle ul li{float:left; width:50%; height:70px; box-sizing:border-box;}
	.tabUi_iconStyle .tab03 a{border-top:none;}
	.tabUi_iconStyle .tab04 a{border-top:none;}
	
	.gallBox_subtxt{height:220px;}
	.gallBox_subtxtin{height:220px;}
	.gallBox_subtxtin01{background:url(/hug/image/contents/sub08_06_02_05_m.png) no-repeat right bottom;}
	.gallBox_subtxtin02{background:url(/hug/image/contents/sub08_06_02_06_m.png) no-repeat right bottom;}
	.gallBox_subtxtin03{background:url(/hug/image/contents/sub08_06_02_07_m.png) no-repeat right bottom;}
	.gallBox_subtxtin04{background:url(/hug/image/contents/sub08_06_02_08_m.png) no-repeat right bottom;}
	.gallBox_subtxt p{width:45%;}
	.gallBox_subtxt .spanBr{display:none;}
	
	.gallBox{width:599px; overflow:hidden; margin:0 auto;}
	.gallBox_info{width:628px; overflow:hidden;}
	
	/* 경영방침, 미션 및 비전 */
	.visHugBg01 {overflow:hidden; background:#fafafa; padding:36px 35px 38px 35px; box-sizing:border-box;}
	.visHugBg01 img {position:static;  height:162px; float:right; margin-right:35px;}
	.visHugBg01 > p {font-size:19px; color:#137cbd; line-height:120%; position:relative; padding:0 0 15px; margin:0 0 13px;}
	.visHugBg01 > p:after {content:""; position:absolute; width:36px; height:1px; border-top:1px solid #e0e0e0; bottom:0; left:0;}
	.visHugBg01 > span {display:block; font-size:14px; margin:0 0 27px; color:#6d6e6e;}
	
	/* 전략 목표 */
	.objective {padding-top:185px;}
	.objective > h4 {width:115px; height:115px; top:35px; font-size:12px; padding-top:40px; margin-left:-57px;}
	.objective > h4:after {height:35px;}
	.objective > ul {padding:0;}
	.objective > ul:after {border:0;}
	.objective > ul > li {width:100%; float:none; padding:23px 0 23px 27px; box-sizing:border-box; position:relative; background-position:23px 27px ! important; background-size:42px ! important;}
	.objective > ul > li + li {margin-left:0; margin-top:15px;}
	.objective > ul > li > span {display:block; padding:10px 0 10px 55px; font-size:15px;} 
	.objective > ul > li > span > strong {font-size:15px; display:inline;}
	.objective > ul > li:after {top:100%; height:15px;}
	.objective > ul > li > ol {padding-left:55px; margin:0; font-size:12px;}
	
	/* TAB3 */
	.conInfoSys02 {border:0; margin-top:0; padding:0; overflow:hidden;}
	.conInfoSys02 li {display:block; float:none; width:100%; padding:15px 0; box-sizing:border-box; border-bottom:1px solid #edeeee;}
	.conInfoSys02 li span {width:78%; display:table-cell; vertical-align:middle; padding-left:20px; text-align:left; word-break:keep-all;}	
	.conInfoSys02 li span:first-child {width:22%; display:table-cell; vertical-align:middle; padding-left:0; }
	.conInfoSys02 li span:first-child img {width:100%;}
	
	.eduSystem02 > ul > li {width: 100%;}
	
	/* 사회공헌 > 아우르미 대학생 봉사단 */
	.customerJoinWrap p {height:auto; margin-bottom:10px; padding:13px; font-size:12px;}
    .customerJoinWrap p span{font-size:14px;}
    .customerJoinWrap .customerJoinArea.type02{min-height: auto; display:block;}
    .customerJoinWrap .customerJoinArea.type02 div{width:100%; text-align:center; display:block;}
    .customerJoinWrap .customerJoinArea.type02 ul {width:100%; padding:20px 15px; display:block;box-sizing:border-box;}
    
    /* 공사소개 > 미션 및 비전, HUG 사회공헌, 교육제도*/
    .stepDiagramVar{border-top:0;}
    .stepDiagramVar .no01 dt{background:#0e76bc; color:#fff; border-bottom:0;}
    .stepDiagramVar .no02 dt{background:#1aa5dd; color:#fff; border-bottom:0;}
    .stepDiagramVar .no03 dt{background:#93c33b; color:#fff; border-bottom: 0;}
    .stepDiagramVar .no03 dd ul li{width:100%;border:0;float: none;margin-right: 0;}
    .stepDiagramVar .no04 dt{background:#868685; color:#fff; border-bottom:0;}
    .stepDiagramVar .no04 dd ul li{width:50%; border:0; margin-right:0;}
    .stepDiagramVar .no05 dt{background:#80838d; color:#fff; border-bottom:0;}

	.stepDiagramVar .no11 dt{background:#0e76bc; color:#fff; border-bottom:0;}
	.stepDiagramVar .no12 dt{background:#1aa5dd; color:#fff; border-bottom:0;}
	.stepDiagramVar .no13 dt{background:#93c33b; color:#fff; border-bottom:0;}
	
	.stepDiagramVar .no15 dt{background:#80838d; color:#fff; border-bottom:0;}

    .stepDiagramVar .no05 dd ul li{width:50%; margin-right:0; border:0;}
    .stepDiagramVar .no06 dt{background:#554246; color:#fff; border-bottom:0;}
    .stepDiagramVar .no06{border-bottom:1px solid #dfdfdf;}
    .stepDiagramVar .no06 dt{height:auto; line-height:inherit;}
    .stepDiagramVar .no06 dl dd{width:100%;}
    .stepDiagramVar .no06 dl dd ul li{width:100%; margin-bottom:0; padding-left: 8px;background:url('/common/image/common/bul/bul_bar.gif') 2px 10px no-repeat;}   
    .stepDiagramVar dl dt {height: auto;line-height: inherit;float:none;width:100%; padding:10px 20px; box-sizing:border-box; font-family:'notoKrM', sans-serif; font-weight:500; font-size:13px; color:#fff;}
    .stepDiagramVar dl dd{border-bottom:0;float: none;height:auto;padding:20px;box-sizing:border-box;font-size: 13px;line-height: inherit; margin-left: 0;width: 100%;float: none;text-align:left;}
    .stepDiagramVar dl dd ul.liBulDash{margin:0;}
    .stepDiagramVar dl dd ul > li{float:left; width:50%; padding:0 0 0 14px;box-sizing:border-box;background:url(/hug/image/bul/bul_dotted02.gif) no-repeat 6px 9px;} 
    .stepDiagramVar dl dd + dd{border-top:1px solid #dfdfdf;}
    .stepDiagramVar.type02 .no01 dd{font-size:14px;}
    .stepDiagramVar.type02 .no02 dd{font-size:14px;}
    .stepDiagramVar.type02 .no03 dt{height:auto; line-height:inherit;}
    .stepDiagramVar.type02 .no03 dd.varFont{height:auto; line-height:inherit; text-align:left; border-bottom:0;font-size:14px;}
    .stepDiagramVar.type02 .no03 dd.varFont02{height:auto;}
    .stepDiagramVar.type02 .no03 dd ul li.varline{width:100%; height:auto; float:left; line-height:inherit; padding:0 0 0 14px;}
    .stepDiagramVar.type02 .no03 dd ul li.varline > em{float:none;width:100%;padding:0px;color:#09a56d;font-weight:bold;}
    .stepDiagramVar.type02 .no03 dd ul li.varline .liBulDash > li{width: 100%;background:none;padding:0;text-align:left;border:0;font-family:'notoKrM',sans-serif; font-weight:500;padding-left: 8px;background:url('/common/image/common/bul/bul_bar.gif') 2px 10px no-repeat;}
    .stepDiagramVar.type02 .no03 dd ul li.varline .liBulDash > li span{display:inline; margin-right:5px;}
    .stepDiagramVar.type02 .no03 dd ul li.varline .liBulDash > li span em{color:#09a56d;font-weight:bold;}
    .stepDiagramVar.type02 .no03 dd ul li.varline.linety02 .liBulDash > li{padding:0;padding-left: 8px;background:url('/common/image/common/bul/bul_bar.gif') 2px 10px no-repeat;}
    .stepDiagramVar.type02 .no04 dd{border-bottom:1px solid #d0d0d0;}
    .stepDiagramVar.type02 .no04 dd ul li{width:100%;}
    .stepDiagramVar.type03 .no03 dd{height:auto;}
    .stepDiagramVar.type03 .no03 ul li{padding:0 0 0 14px;}
    .stepDiagramVar.type03 .no03 ul li span{display:inline;}
    .stepDiagramVar.type03 .no04 dt{height:auto; line-height:inherit;}
    .stepDiagramVar.type03 .no04 dd {height:auto;}
    .stepDiagramVar.type03 .no04 dd ul li{width:100%;float:none;border-bottom:0;margin-right:0; padding:0 0 10px 14px;}
    .stepDiagramVar.type03 .no04 dd ul li em{display:inline;}
    .stepDiagramVar.type03 .no04 dd ul li em:after{content:" - ";}
    .stepDiagramVar.type03 .no04 dd ul li .diaWrap{padding:0px;border-top:0;}
    .stepDiagramVar.type03 .no04 dd ul li .diaWrap li{background:none;padding:0;}
    .stepDiagramVar.type04 .tit{border-top:2px solid #67585b; font-size:16px;}
	.stepDiagramVar.type04 .tit span{font-size:12px;}
	.stepDiagramVar.type04 .no01 dd li, .stepDiagramVar.type04 .no03 dd li, .stepDiagramVar.type04 .no04 dd{float:none; width:100%; margin-right:0; height:auto; border-bottom:0;}
	.stepDiagramVar.type04 .no02 dd li{width:33.33%; margin-right:0; height:auto; border-bottom:0;}
	.stepDiagramVar.type04 .no04 dt{height:auto; line-height:inherit;}
	.stepDiagramVar.type04 .no04 dd ul{padding:0}
	.stepDiagramVar.type04 .no04 dd ul li{background:url('../image/common/bul/bul_bar.gif') 2px 10px no-repeat}
	.stepDiagramVar.type04 .no06 .conInfoSysVar{padding:5% 10%; border-bottom:0;}
	.stepDiagramVar.type04 .no06 .conInfoSysVar ul {padding:0 10%;}
	.stepDiagramVar.type04 .no06 .conInfoSysVar ul li.box02 > div{padding:0 5px; box-sizing:border-box; word-break:keep-all; }
	.stepDiagramVar.type04 .no07 dt{height:auto; line-height:inherit; background:#554246; color:#fff; border-bottom:0; }
	.stepDiagramVar.type04 .no07 dd{border-bottom:1px solid #d0d0d0; font-size:14px;}
    
	.stepDiagramVar.type04 .no12 dd li/*, .stepDiagramVar.type04 .no03 dd li, .stepDiagramVar.type04 .no04 dd*/{float:none; width:100%; margin-right:0; height:auto; border-bottom:0;}
	.stepDiagramVar.type04 .no13 dd li/*, .stepDiagramVar.type04 .no03 dd li, .stepDiagramVar.type04 .no04 dd*/{float:none; width:100%; margin-right:0; height:auto; border-bottom:0;}
	.stepDiagramVar.type04 .no14 dt{height:auto; line-height:inherit;}
	.stepDiagramVar.type04 .no14 dd{float:none; width:100%; margin-right:0; height:auto; border-bottom:0;}
	.stepDiagramVar.type04 .no14 dd ul{padding:0}
	.stepDiagramVar.type04 .no14 dd ul li{background:url('../image/common/bul/bul_bar.gif') 2px 10px no-repeat}
	.stepDiagramVar.type04 .no15 dd li/*, .stepDiagramVar.type04 .no03 dd li, .stepDiagramVar.type04 .no04 dd*/{float:none; width:100%; margin-right:0; height:auto; border-bottom:0;}


    .stepDiagramVar.type05 .tit{border-top:2px solid #67585b; font-size:16px;}
	.stepDiagramVar.type05 .tit span{font-size:12px;}
	.stepDiagramVar.type05 .no01 dd li, .stepDiagramVar.type05 .no02 dd li, .stepDiagramVar.type05 .no03 dd{float:none; width:100%; margin-right:0; height:auto; border-bottom:0;}
    .stepDiagramVar.type05 .no03 dt{height:auto; line-height:inherit;}
	.stepDiagramVar.type05 .no03 dd ul{padding:0; margin:10px 0 0 0;}
	.stepDiagramVar.type05 .no03 dd ul li{background:url('../image/common/bul/bul_bar.gif') 2px 10px no-repeat}
    .stepDiagramVar.type05 .no04 dt{height:auto; line-height:inherit; background:#554246; color:#fff; border-bottom:0; }
	.stepDiagramVar.type05 .no04 dd{border-bottom:1px solid #d0d0d0; font-size:14px;}
	
    /* 공사소개 > 윤리경영 > 윤리경영소개 > 추진계획 및 실적 */
    .accordieonPannel{border-bottom:1px solid #f2f2f2;}
	.accordieonPannel dl{width:100%;}
	.accordieonPannel dl dt {border-bottom:2px solid #f2f2f2;}
	.accordieonPannel dl.accordieonUI dt, .accordieonPannel dl.accordieonUI dd{border-right:0;}
	.accordieonPannel dd {height:auto;}
	.accordieonUiLast{display:none;}
	
	/* 윤리경영 활동소식 > 고객과 함께하는 윤리경영 */
	.customerJoinArea {display:block;margin-bottom:30px;;}
	.customerJoinArea div {display:block; width:100%; margin:0 auto;}
	.customerJoinArea div img{width:100%;}
	.customerJoinArea ul {display:block; padding:20px 15px;}
	.customerJoinIn{margin-bottom:30px;}
	.customerJoin{width:100%; float:none; margin:0;}
	.customerJoin.case01{margin-bottom:30px;}
	.customerJoin.case04 img{max-width:100%;}
	.customerJoinArea p{display:block; padding:20px 15px;}
	
	.mnCom.type02 > div {display: block;width: 100%;border-left: 0;}
	.mnCom.type02 > div > div {height: auto;padding: 30px 20px;}
	.mnCom.type02 > div h4, .mnCom02 > div h4 { padding: 0 5%; }	
	
	.busiPhoto li{width:23.8%;}
    .busiPhoto li + li{margin-left:1.6%;}
}


@media only screen and (max-width:640px) {
	
	.goodsGuide .goodsGuideArea .left {
		right: -5px;
	}

	.goodsGuide .goodsGuideArea .right {
		left: -5px;
	}


	.goodsGuide .goodsGuideArea .left .goodsGuideBox {
		float: right;
		display: block;
		padding-right: 20%;
		padding-bottom: 9px;
		background: url(../image/bg/bg_sort_left.png) no-repeat right 18px;
		background-size: 125px 11px;
	}

	.goodsGuide .goodsGuideArea .right .goodsGuideBox {
		float: left;
		display: block;
		padding-left: 20%;
		padding-bottom: 9px;
		background: url(../image/bg/bg_sort_right.png) no-repeat left 18px;
		background-size: 125px 11px;
	}

	.goodsGuideBox h4 {
		width: auto;
		text-align: center;
		padding-left: 9px;
		margin-bottom: 15px;
	}

	.goodsGuideBox h4 span {
		display: block;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
	}

	.goodsGuideBox dl {
		width: auto;
		padding: 0 0 0 5px;
	}

	.goodsGuideBox dl dt {
		margin-bottom: 12px;
	}

	.goodsGuideBox dl dt a {
		font-size: 13px;
	}

	.goodsGuideBox dl dd {
		margin-bottom: 24px;
	}

	.goodsGuideBox dl dd a {
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_stem@2x.gif) repeat-y center top;
		display: inline-block;
		color: #6c6e6f;
		font-size: 11px;
		line-height: 13px;
	}


	/* 한눈에 보는 기업보증상품 */
	.goodsGuide02 {
		padding: 32px 30px 0 30px;
		max-width: 630px;
		margin: 30px auto;
		background: url(../image/bg/bg_mobile0201.gif) no-repeat left top;
	}

	.goodsGuide02 .wordArea {
		height: 415px;
	}

	.goodsGuideArea02 {
		background:transparent url(../image/bg/bg_stem02.gif) repeat-y 95px top;
		background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_stem02@2x.gif) repeat-y 95px top;
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_stem02@2x.gif) repeat-y 95px top;
		background-size: 8px 1px;
	}

	.goodsGuideBox02 h4 {
		left: 40px;
	}

	.goodsGuideBox02 .goodsGuideList ul {
		padding: 20px 10px 10px 10px;
	}

	.goodsGuideBox02 .goodsGuideList ul li a {
		font-size: 13px;
	}
	.goodsGuideBox02 .goodsGuideList ul li a.line2Depth span {
		display: block;
		font-size: 11px;
	}

	.bgCircle {
		margin-left: 92px;
	}

	.wordGoodsInfo {
		margin-left: 92px;
	}

	.wordGoodsInfo p {
		font-size: 13px;
	}

	.tabSite { padding:15px 20px; }
	.tabSite li { width:50%; }
	
	.busiPhoto li{width:100%;height:auto;}
    .busiPhoto li + li{margin-left:0; margin-top:2%;}

}

@media only screen and (max-width:579px) {
	/* 한눈에 보는 기업보증상품 */
	.goodsGuide02 {
		padding: 32px 30px 0 30px;
		max-width: 285px;
		margin: 30px auto;
		background: url(../image/bg/bg_mobile0201.gif) no-repeat left top;
		background-size: 345px
	}


	.goodsGuide02 .wordArea {
		height: 190px;
	}

	.goodsGuide02 .wordArea .word01 {
		font-size: 15px;
		line-height: 23px;
	}

	.goodsGuide02 .wordArea .word01 strong {
		font-size: 19px;
	}

	.goodsGuideArea02 {
		background:transparent url(../image/bg/bg_stem02.gif) repeat-y 33px top;
		background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_stem02@2x.gif) repeat-y 33px top;
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_stem02@2x.gif) repeat-y 33px top;
		background-size: 4px 1px;
	}

	.goodsGuideBox02 {
		position: relative;
		min-height: 70px;
		padding: 8px 0 8px 75px;
	}

	.goodsGuideBox02.type05 {
		padding-bottom: 0;
	}

	.goodsGuideBox02 h4 {
		position: absolute;
		top: 50%;
		left: 0;
		width: 70px;
		height: 70px;
		margin-top: -35px;
		line-height: 70px;
		text-align: center;
		font-size: 11px;
	}

	.goodsGuideBox02 h4.line2Depth {
		line-height: 13px;
		padding-top: 23px;
		height: 47px;
	}

	.goodsGuideBox02 h4.line2Depth span {
		display: block;
		font-size: 8px;
	}

	.goodsGuideBox02.type01 h4 {
		background:transparent url(../image/bg/bg_circle0201_mobile.png) no-repeat 0 0;
		background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0201_mobile@2x.png) no-repeat 0 0;
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0201_mobile@2x.png) no-repeat 0 0;
		background-size: 70px 70px;
	}

	.goodsGuideBox02.type02 h4 {
		background:transparent url(../image/bg/bg_circle0202_mobilepng) no-repeat 0 0;
		background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0202_mobile@2x.png) no-repeat 0 0;
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0202_mobile@2x.png) no-repeat 0 0;
		background-size: 70px 70px;
	}

	.goodsGuideBox02.type03 h4 {
		background:transparent url(../image/bg/bg_circle0203_mobile.png) no-repeat 0 0;
		background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0203_mobile@2x.png) no-repeat 0 0;
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0203_mobile@2x.png) no-repeat 0 0;
		background-size: 70px 70px;
	}

	.goodsGuideBox02.type04 h4 {
		background:transparent url(../image/bg/bg_circle0204_mobile.png) no-repeat 0 0;
		background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0204_mobile@2x.png) no-repeat 0 0;
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0204_mobile@2x.png) no-repeat 0 0;
		background-size: 70px 70px;
	}

	.goodsGuideBox02.type05 h4 {
		background:transparent url(../image/bg/bg_circle0205_mobile.png) no-repeat 0 0;
		background:-webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_circle0205_mobile@2x.png) no-repeat 0 0;
		background:linear-gradient(transparent,transparent),url(../image/bg/bg_circle0205_mobile@2x.png) no-repeat 0 0;
		background-size: 70px 70px;
	}

	.goodsGuideBox02 .goodsGuideList ul li {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

	.goodsGuideBox02 .goodsGuideList ul li a {
		font-size: 11px;
	}
	.goodsGuideBox02 .goodsGuideList ul li a.line2Depth {
		height: auto;
	}

	.goodsGuideBox02 .goodsGuideList ul li a.line2Depth span {
		font-size: 10px;
	}

	.goodsGuideBox02 .goodsGuideList ul li a img {
		width: 5px;
	}

	.bgCircle {
		margin-left: 29px;
		width: 12px;
	}

	.goodsGuideBox02 .goodsGuideList.line1Depth {
		margin-top: 8px;
	}

	.goodsGuideBox02 .goodsGuideList .bgBuilding {
		right: 5%;
		height: 25px;
		margin-top: -25px;
	}

	.wordGoodsInfo {
		margin-left: 29px;
		padding-left: 55px;
		height: 40px;
		background: url(../image/bg/bg_bubble_left01_mobile.png) no-repeat 0 0;
		background-size: 55px 40px;
	}

	.wordGoodsInfo p {
		height: 40px;
		line-height: 40px;
		font-size: 11px;
		background: url(../image/bg/bg_bubble_right01_mobile.png) no-repeat 100% 0;
		background-size: 1000px 40px;
	}


	/* 보증이행안내 이행절차 */
	.maintenanceBondProcess dl {
		position: relative;
		padding-left: 122px;
	}


	.maintenanceBondProcess dl dt {
		position: absolute;
		top: 0;
		left: 24px;
		width: 106px;
		height: 100%;
		padding: 12px 9px;
		box-sizing: border-box;
		font-size: 12px;
		line-height: 17px;
	}

	.maintenanceBondProcess dl dt .dtBr02 {
		display: block;
	}

}

@media only screen and (max-width:480px) {


	.goodsGuide {
		padding: 30px 30px 0 30px;
		max-width: 285px;
		margin: 30px auto 0 auto;
		background: url(../image/bg/bg_mobile0101.gif) no-repeat center top;
		background-size: 345px;
	}

	.goodsGuide .wordArea {
		height: 195px;
		font-family: "notoKrM", sans-serif;
		font-weight: 500;
	}


	.goodsGuide .wordArea .word01 {
		font-size: 15px;
		line-height: 23px;
	}

	.goodsGuide .wordArea .word01 strong {
		font-size: 19px;
	}

	.goodsGuide .wordArea .word02 {
		font-size: 10px;
	}

	.goodsGuide .goodsGuideArea .left {
		right: -6px;
	}

	.goodsGuide .goodsGuideArea .right {
		left: -5px;
	}

	.goodsGuide .goodsGuideArea .left .goodsGuideBox {
		background-position: right 10px;
	}

	.goodsGuide .goodsGuideArea .right .goodsGuideBox {
		background-position: left 10px;
	}

	.goodsGuideBox h4 {
		width: 110px;
		text-align: center;
		padding-left: 9px;
		margin-bottom: 15px;
	}

	.goodsGuideBox h4 span {
		display: block;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
	}

	.goodsGuideBox dl {
		width: 120px;
		padding: 0 0 0 0;
	}

	.goodsGuideBox dl dt {
		margin-bottom: 8px;
	}

	.goodsGuideBox dl dt a {
		font-size: 12px;
		line-height: 15px;
	}

	.goodsGuideBox dl dd {
		margin-bottom: 24px;
	}

	.goodsGuideBox dl dd a {
		display: inline-block;
		color: #6c6e6f;
		font-size: 10px;
		line-height: 13px;
	}

	.goodsGuideBox h4 span {
		display: block;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}

	.goodsGuideBox.bgType01 dl dt a,
	.goodsGuideBox.bgType02 dl dt a,
	.goodsGuideBox.bgType03 dl dt a,
	.goodsGuideBox.bgType04 dl dt a,
	.goodsGuideBox.bgType05 dl dt a {
		background-size: 5px
	}




	.goodsGuide02 .wordArea .word01 {
		font-size: 15px;
		line-height: 23px;
	}

	.goodsGuide02 .wordArea .word01 strong {
		font-size: 19px;
	}

	.goodsGuide02 .wordArea .word02 {
		font-size: 10px;
	}

	/* 윤리경영 활동소식 > 고객과 함께하는 윤리경영 */
	.customerJoinArea {height:auto;}
	.customerJoinArea div {position:inherit; width:100%;}
	.customerJoinArea div img{width:100%;}
	.customerJoinArea ul {padding:20px 20px 20px 16px; margin-left:0px;}

	.nsip dt {font-size: 12px}
	.nsip dd span {display:inline;}

	.popup .tabmenu01 {margin:20px 0;}
	.addrSch .searchArea02 {overflow:hidden; margin:5px 0 20px;}
	.addrSch .searchArea02 .selectBox {float:none; width:100%; min-width:100px; margin-right:10px;}
	.addrSch .searchArea02 .popSchBox {float:left; width:100%; overflow:hidden; padding:0; position:relative; box-sizing:border-box;}
	.addrSch .searchArea02 .popSchBox label {width:54px; position:static; float:left; width:20%; padding:7px 0 0; display:block;}
	.addrSch .searchArea02 .popSchBox input[type="text"] {width:80%; height:34px;}
	.addrSch .searchArea02 .popSchBox .btnSch02 {width:100%; position:static; margin-top:5px;}

	.addrSch .searchArea02 .popSchBox02 {width:100%; overflow:hidden; padding:0; position:relative; box-sizing:border-box;}
	.addrSch .searchArea02 .popSchBox02.type02 {padding:0 66px 0 0;}
	.addrSch .searchArea02 .popSchBox02.type03 {padding:0 ;}
	.addrSch .searchArea02 .popSchBox02 label {width:100%; display:block; position:static;}
	.addrSch .searchArea02 .popSchBox02 input[type="text"] {width:100%; height:34px; margin-top:5px;}
	.addrSch .searchArea02 .popSchBox02 + .popSchBox02 {margin-top:20px;}
	.addrSch .searchArea02 .popSchBox02 .btnSch02 {width:66px; background:#dcdcdc; color:#31343f; border-color:#dcdcdc; top:25px;}

	.addrSch .tableStyle01 {margin:5px 0 28px;}

	.addrCheck li {float:none; width:100%;}
	.addrCheck li + li {margin:15px 0 0;}
	
	/* 공사소개 > 미션 및 비전, HUG 사회공헌, 교육제도*/
	.stepDiagramVar.type02 .no03 dd ul li.varline{width:100%; height:auto; float:left; line-height:inherit; padding:0 0 0 14px;}
	.stepDiagramVar.type05 .no03 dd ul.varline{width:100%; height:auto; float:left; line-height:inherit; padding:0 0 0 14px;}
	
}

@media only screen and (max-width: 420px){
    .videoArea embed { width: 100%; }
}

@media only screen and (max-width:400px) {
	.recommendInfo {
		padding: 25px;
	}

	.recommendInfo dd .PointInfo {
		position: static;
		margin-top: 12px;
	}
	.guaranteeINfoBox {
		padding: 0;
		padding-bottom: 40px;
	}
	.guaranteeINfoBox .guaranteeInfo .guarantee {
		font-size: 12px;
	}
	.guaranteeINfoBox .info {
		padding: 0;
	}

	.guaranteeINfoBox .info span {
		display: block;
	}

	.anotherGoods p span {
		display: inline
	}
	.customerJoin.case02 div img{margin-left:-40px;}

}


/* 공사소개 > 일자리창출 > 일자리 현황 */
.boardSearch .resultTit {float:left; margin-top: 10px;margin-right:5px; padding-left: 650px;color: #6c6e6f;}
@media only screen and (max-width: 767px){
.boardSearch .resultTit {float:left; margin-top: 10px;margin-right:5px; padding-left: 20px;color: #6c6e6f;}
}
.visualbox {width: 100%; margin: 0; height: 500px;}
.visualbox > ul {max-width: 1024px;	margin: 0 auto 0 auto;}
.visualbox > ul > li > div {	position: relative;	}
.visualbox > ul > li.box img {width: 100%;}
.visualbox > ul > li.plus {	width: 8%;	}
.visualbox > ul > li.plus > div > img {	height:100%; width:100%; margin:5px 230px; /*margin-top:calc(50%-28px);*/	}
.visualbox > ul > li.box > div > span.title, div.visualbox > ul > li.box > div > span.value {text-align: center;}

/** 가로 해상도 1024픽셀이하 가로로 나열 */
@media (max-width:1024px) {
	.visualbox > ul {width: 90%;	margin: 0 auto 0 auto;}
	.visualbox > ul > li.box {width: 100%;}
	.visualbox > ul > li.box img.pc {display: none; }
	.visualbox > ul > li.box > div > span.title, div.visualbox > ul > li.box > div > span.value {width: 65%;}
	.visualbox > ul > li.box > div > span.title {position: absolute; top: 30%; left: 35%; font-size:20px;}
	.visualbox > ul > li.box > div > span.subtitle {position: absolute; top: 15%; left: 47%; font-size:15px;}
	.visualbox > ul > li.box > div > span.value {position: absolute;	left: 35%; bottom: 30%;	 font-size:33px;font-weight: 600;}
	.visualbox > ul > li.box > div > span.value1 {position: absolute;	left: 5%; bottom: 0%; top: 300px; font-size:15px; }
	.visualbox > ul > li.box > div > span.value2 {position: absolute;	left: 55%; bottom: 5%;	 font-size:15px;}
	.visualbox > ul > li.box > div > span.value3 {position: absolute;	top: 15%; left:45%; font-size:15px;}
}
/** 가로해상도가 1024px 초과시 */
@media (min-width:1025px) {
	.visualbox > ul > li {	float: left;}
	.visualbox > ul > li.box {	width: 28%;	}
	.visualbox > ul > li.plus {	width: 8%;	}
	.visualbox > ul > li.plus > div > img {	height:40px; width:37px; margin:240px 15px; /*margin-top:calc(50%-28px);*/	}
	.visualbox > ul > li.box img.mo {	display: none;	}
	.visualbox > ul > li.box > div > span.title, div.visualbox > ul > li.box > div > span.value {width: 100%;	}
	.visualbox > ul > li.box > div > span.title {position: absolute; top: 50%; left:0px; font-size:20px;}
	.visualbox > ul > li.box > div > span.subtitle {position: absolute;	top: 42%; left:50px; font-size:15px;}
	.visualbox > ul > li.box > div > span.value {position: absolute;	bottom: 25%; left:0px; font-size:33px;font-weight: 600;}
	.visualbox > ul > li.box > div > span.value1 {position: absolute;	bottom: 5%; left:30px; font-size:13px;}
	.visualbox > ul > li.box > div > span.value2 {position: absolute;	bottom: 10%; left:50px; font-size:15px;}
	.visualbox > ul > li.box > div > span.value3 {position: absolute;	top: 43%; left:50px; font-size:15px;}
}


/*  보증업무지원 > 중도금보증업무 > 관리자코드 입력 */
.adminCodeWrap {width: 100%; position: relative; margin: 0;	padding: 7.5% 8.5%;	box-sizing: border-box;	background: url(../image/bg/bg_adminCode.png) no-repeat 0 0; }
@media only screen and (max-width: 767px){
.adminCodeWrap {width: 100%; position: relative; margin: 0;	padding: 7.5% 8.5%;	box-sizing: border-box;	background: url(../image/bg/bg_adminCode2.png) no-repeat 0 0; }
}
.adminCodeWrap .adminCodeTitle {margin: 0 0 40px 0;	font-size: 30px; font-family: "notoKrM",sans-serif;	color: #554246;	line-height: 156%; word-break: keep-all;}
.adminCodeWrap .adminCodeSubTitle {font-size: 16px;color: #6c6e6f;margin-bottom: 40px;}
.adminCodeWrap .adminCodeTitle span { color: #1698e2; }
.adminCodeField { width: 100%; display: inline-block; }
.adminCodeField .tit {}
.adminCodeField .fieldGroup {float: left; width: 40%; border: 1px solid #ddd; background-color: #fff; margin-left: 2%; height: 40px; display: table;}
.adminCodeField .fieldGroup:first-child { margin-left:0; }
.adminCodeField .fieldGroup label {padding-left: 20px; display: table-cell;	vertical-align: middle;	width: 35%;	min-width: 55px; font-family: "notoKrB",sans-serif;	font-weight: 700; color: #31343f;}
.adminCodeField .fieldGroup input {border: 0;width: 100%;}
.adminCodeField .adminCodeSubmit { float: left; width: 15%; height: 40px; margin-left: 2%; }
.adminCodeField button {display: inline-block; width: 100%;	height: inherit; background-color: #31333f;	color: #fff;}

.adminCodeInfoWrap { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ddd; }
.adminCodeInfoList li { float: left; width: 50%; }
.adminCodeInfoList li .imgWrap { float: left; width: 85px; margin-right: 30px; }
.adminCodeInfoList li dl { float: left; width: 171px; }
.adminCodeInfoList li dl dt { font-weight: 500; font-family: "notoKrM",sans-serif; margin-bottom: 10px; }

/* 임대리츠 */
.lrBusinessModel01{width:797px; height:401px; margin:auto; background:url('/hug/image/contents/lrBusinessModel01.jpg') no-repeat 0 0; text-indent:-9999px;}
.lrBusinessModel02{width:797px; height:394px; margin:auto; background:url('/hug/image/contents/lrBusinessModel02.jpg') no-repeat 0 0; text-indent:-9999px;}
.lrBusinessModel03{width:797px; height:405px; margin:auto; background:url('/hug/image/contents/lrBusinessModel03.jpg') no-repeat 0 0; text-indent:-9999px;}

/* 쳇봇 */
.tabmenu01 li a.chatbot {display: block;height: 42px;line-height: 42px;text-align: center;border: 1px solid #d0d0d0;font-size: 14px;color: #31343f;font-family: "notoKrM", sans-serif;font-weight: 500;margin-right: -1px;
background:url('/hug/image/icon/icon_chat.png') no-repeat 20px 12px;
}
.tabmenu01 li a.chatbot:hover,
.tabmenu01 li a.chatbot .on{background: #554246 url('/hug/image/icon/icon_chat_on.png') no-repeat 20px 12px;color: #fff;border: 1px solid #554246;}

/* 수탁기관 업무게시판 로그인 */
.loginArea {
	border: 1px solid #e7e7e7; 
	padding: 50px 15px; 
	border-radius: 10px;  
	background: #f7f7f7; 
	overflow: hidden;
}
.loginArea .h5-tit {
	text-align: center;
	width: 40%;
	margin: 0 auto;
	font-size: 22px;
	margin-bottom: 15px;
}
.loginArea .boardWrite {
	padding: 8px 0;
	border: 0;
	width: 40%;
	margin: 0 auto;
}
.loginArea .boardWrite {
	background: none;
}
.loginArea .boardWrite li .inputWrapper{
	display: flex;
	flex-direction: column;
	margin-top: 4px;
}
.loginArea .boardWrite li .tit{
	padding: 0 0 5px 0;
	font-size: 14px;
	color: #333;
}
.loginArea .boardWrite li .cnt{
	padding-right: 0;
}
.loginArea .boardWrite li input{
	height: 36px;
}
.loginArea .boardWrite li input:focus-visible{
	outline: 2px solid #000;
	outline-offset: -2px;
}
.loginArea .boardWrite > ul > li{
	border-top: 0;
}
.loginArea .btnArea.sub2{
	margin-top: 6px !important;
	text-align: center;
	width: 40%;
	margin: 0 auto;
}
.loginArea .btnArea.sub2 >button{
	width: 100%;
	height: 46px;
}
.loginArea .btnArea.sub2 >button span {
	border: 0;
	background: #137cbd;
	color: #fff;
	height: 46px;
	line-height: 46px;
	border-radius: 5px;
	font-weight: 500;
	font-size: 15px;
	transition: .3s;
}
.loginArea .btnArea.sub2 >button:hover span{
	background: #116ca5;
}

@media (max-width: 767px) {
	.loginArea .boardWrite {
		width: 100%;
		min-width: 240px;
	}
	.loginArea .btnArea.sub2 {
		width: 100%;
	}
}

@media (max-width: 370px) {
	.loginArea .boardWrite, .btnArea.sub2 {
	    width: 100%;
	}
}