@charset "UTF-8";
/* sub1 -재질구조 평가제도 소개 */

.sub_cont .sub_tit {padding: 20px 0 5px; word-break:keep-all;}
.sub_cont .pt0 {padding-top: 0 !important;}
.sub_cont .sub_tit strong.titico  {color:#555;}
.sub_cont .sub_tit strong.titico::before {
    content: '';
    display: inline-block;
    background-image: url(../images/1-01-icon-8.png);
    background-repeat: no-repeat;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: initial;
    width: 20px;
    height: 20px;
    margin: -3px auto;
    margin-right: 7px;
}
.indent8 {text-indent:-8px; padding-left:8px;}
.sub_cont .sub_txt {padding: 3px 0;  word-break:keep-all;}
.sub_cont .sub_txt p {word-break:keep-all;}
.sub_cont .sub_txt p strong.colorblue {color:#4d78ff;}
.sub_cont .sub_txt .bg_green {background:#edf7f4; padding: 25px 20px;}
.sub_cont .sub_txt .bg_gray {background:#f7f7f7; padding: 25px 20px;}
.sub_cont .sub_txt .dot_green:before  {display: inline-flex;
    width: 4px;
    height: 4px;
    background: #26a69a;
    content: "";
	border-radius:50%;
    margin-top: 10px;
    margin-right: 6px;}
.sub_cont .sub_txt .sub_step {position: relative; overflow: hidden; padding: 30px 0 10px;}
.sub_cont .sub_txt .sub_step ul {margin: 0 auto;}
.sub_cont .sub_txt .sub_step ul li {position: relative; width: 19%; float:left; min-height: 160px;border:1px solid #bebebe;text-align: center; ;padding: 0 0 20px 0; margin: 0 8% 0 0;}
.sub_cont .sub_txt .sub_step ul li:last-child {margin-right: 0;}
.sub_cont .sub_txt .sub_step ul li .step_tit {background:#0061aa; padding: 15px 20px;}
.sub_cont .sub_txt .sub_step ul li .step_tit h4,.sub_cont .sub_txt .sub_step ul li .step_tit2 h4 {color:#fff;}
.sub_cont .sub_txt .sub_step ul li .step_tit2 {background:#26a69a; padding: 15px 20px;}
.sub_cont .sub_txt .sub_step ul li strong {position: relative;color:#666; text-align: center; word-break:keep-all;}
.sub_cont .sub_txt .sub_step ul li h5 {color:#555;display: block;}
.sub_cont .sub_txt .sub_step ul li h5 strong {display: block;}
.sub_cont .sub_txt .sub_step ul li::after {
	position: absolute;
    display: block;
    left: 25%;
    top: -16px;
	margin: 0 auto;
    width: 86px;
    height: 31px;
    line-height: 30px;
    background: #f4f4f4;
    border-radius: 50px;
    color: #4d78ff;
	font-size: 14px;
	font-weight: 400;
    }

.sub_cont .sub_txt .sub_step ul li:nth-child(1)::before {
position: absolute;
right: -37%;
top: 23%;
width: 59px;
height: 113px;
background: url(../images/1-01-icon-5.png) 50% 50% no-repeat;
background-size: 100%;
content: "";
}
.sub_cont .sub_txt .sub_step ul li:nth-child(2)::before {
position: absolute;
right: -37%;
top: 23%;
width: 59px;
height: 113px;
background: url(../images/1-01-icon-6.png) 50% 50% no-repeat;
background-size: 100%;
content: "";
}
.sub_cont .sub_txt .sub_step ul li:nth-child(3)::before {
position: absolute;
right: -37%;
top: 23%;
width: 59px;
height: 113px;
background: url(../images/1-01-icon-7.png) 50% 50% no-repeat;
background-size: 100%;
content: "";
}
.sub_cont .sub_txt .sub_step ul li:nth-child(4)::before {display: none;}
.sub_cont .sub_txt .sub_step ul li i {
	margin: 20px auto;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    background-size:100%;
    font-size: 0;
}
i.sub4_ico01 {background-image: url(../images/1-01-icon-1.png); width: 47px; height: 46px;}
i.sub4_ico02 {background-image: url(../images/1-01-icon-2.png); width: 54px; height: 46px;}
i.sub4_ico03 {background-image: url(../images/1-01-icon-3.png); width: 54px; height: 46px;}
i.sub4_ico04 {background-image: url(../images/1-01-icon-4.png); width: 42px; height: 46px;}
.sub_cont .sub_txt .bggraymore {width: 100px; padding: 0 5px; background:#f4f4f4; border-radius:10px; margin-top: 5px;}
.sub_cont .sub_txt .bggraymore .arw_more {
   position: relative;line-height:39px;
}
.sub_cont .sub_txt .bggraymore .arw_more i.subarw_more {
	font-size: 14px;
	display: inline-block;
    width: 18px;
    height: 18px;
	color:#222;
    background: url(../images/main/more.png) 0 0 no-repeat;
    background-size: 18px;
    text-indent: -9999px;
    text-align: center;
	margin: 10px;
}
@media screen and (max-width: 1024px) {
.sub_cont .sub_txt .wrap_tbl {overflow-x: scroll;overflow-y: hidden;}
.sub_cont .sub_txt .wrap_tbl table {width: 1024px;}
.sub_cont .sub_txt .sub_step ul li {width: 35%; margin: 0 15% 3% 0; }

}
@media screen and (max-width: 640px) {
.sub_cont .sub_txt .sub_step ul li {width: 100%;	margin:  0px 0 25% 0px;}
.sub_cont .sub_txt .sub_step ul li:nth-child(1)::before,.sub_cont .sub_txt .sub_step ul li:nth-child(2)::before,.sub_cont .sub_txt .sub_step ul li:nth-child(3)::before {
right: 39%;
top: 105%;
width: 113px;
height: 67px;
}
.sub_cont .sub_txt .sub_step ul li:nth-child(1)::before {background: url(../images/1-01-icon-5_mo.png) 50% 50% no-repeat;}
.sub_cont .sub_txt .sub_step ul li:nth-child(2)::before {background: url(../images/1-01-icon-6_mo.png) 50% 50% no-repeat;}
.sub_cont .sub_txt .sub_step ul li:nth-child(3)::before {background: url(../images/1-01-icon-7_mo.png) 50% 50% no-repeat;}
.sub_cont .sub_txt .sub_step ul li:last-child {margin-bottom: 0;}

}
@media screen and (max-width: 480px) {
.sub_cont .sub_txt .sub_step ul li:nth-child(1)::before,.sub_cont .sub_txt .sub_step ul li:nth-child(2)::before,.sub_cont .sub_txt .sub_step ul li:nth-child(3)::before {
right: 33%;
}

}
/* sub2 - 알림마당 */
 .hd_tbl .wrap_sch p.selcettit {display: inline-block; line-height:34px;margin: 0 10px;}


/* sub5 - KEA 소개 */
.sub5 .wrap_tbl td {padding: 20px;}
.sub_cont .sub_txt .bargreen {line-height:1.9;}
.sub_cont .sub_txt .bargreen:before {
    display: inline-flex;
    width: 5px;
    height: 32px;
    background: #26a69a;
    content: "";
    margin-right: 8px;
}
.history_wrap {position: relative;  width: 100%; display: inline-flex;margin-bottom: 50px;}
.history_wrap .history_list {width: 60%; margin-top: 20px;}
.history_wrap .history_list:before {
    position: absolute;
    content: '';
    height: calc(100% + -9rem);
    left: 74px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 50px;
    width: 1px;
    background: #e5e5e5;
	z-index: -1;
}
.history_wrap .dl_type1 {padding:10px 0;}
.history_wrap .dl_type1 + .history_wrap .dl_type1 {border-top:1px solid #aaa;}
.history_wrap .dl_type1 > dt {float:left; padding-right:30px; color:#999999; font-size:16px; font-weight:bold; box-sizing:border-box;}
.history_wrap .dl_type1 > dt:after {
    display: inline-flex;
    width: 10px;
    height: 10px;
    border: 2px solid #26a69a;
	background:#fff;
    content: "";
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 30px;
	z-index: 1;
}
.history_wrap .dl_type1 > dt span.refer {display:block; margin-top:6px; font-size:14px; font-weight:300; color:#777; line-height:1.2; word-break:keep-all;}
.history_wrap .dl_type1 > dd {overflow:hidden;}
.history_wrap .dl_type1 dl {overflow:hidden; line-height:24px;}
.history_wrap .dl_type1 dl dt {float:left; font-size:14px; color:#222; font-weight:bold; padding-right:24px}
.history_wrap .dl_type1 dl dd {overflow:hidden; font-size:16px; font-weight:300; color:#555; line-height:1.4;}
.history_wrap .dl_type1 dl dd + dt,
.history_wrap .dl_type1 dl dd + dt + dd {padding-top:4px; margin-top:4px; border-top:1px solid #e5e5e5;}
.history_wrap .history_img {
	width: 40%;
}
.history_wrap .history_img .history_imgview {
    display: table-cell;
    background-repeat: no-repeat;
	width: 435px;
	height: 440px;
    background-image: url(../images/1-05-img.png);
    background-size: 100%;
}
.history_wrap .history_bgimg {position: relative;}
i.history_img01 {
    position: absolute;
    display: block;
    right: 30%;
    bottom: -250px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../images/1-05-img-2.png);
    width: 766px;
    height: 406px;
    margin: 0 auto;
    z-index: -1;
}
.location_wrap {margin-top: 60px;}
.location_wrap .map_right {padding-left: 30px;float:right;}
.location_wrap .map_right h4.bargreen:before {
    display: inline-flex;
    width: 5px;
    height: 32px;
    background: #26a69a;
    content: "";
    margin-right: 10px;
}
.location_wrap .map_right .icon-line span {line-height:26px;}
.location_wrap .icon-text+i{margin-left: 20px;}
.location_wrap .icon-line{border-bottom: 1px solid #dbdbdb; padding-top: 20px; padding-bottom: 20px;}
.location_wrap i.loc1{width:30px; height: 30px; background-image: url(../images/icon_3_04-1.png); background-position: center center; display: inline-block;}
.location_wrap i.loc2{width:30px; height: 30px; background-image: url(../images/icon_3_04-2.png); background-position: center center; display: inline-block;}
.location_wrap i.loc3{width:30px; height: 30px; background-image: url(../images/icon_3_04-3.png); background-position: center center; display: inline-block;}




@media screen and (max-width: 1024px) {
.history_wrap {margin-bottom: 0;}
.history_wrap .history_list {width: 100%;}
.history_wrap .history_img,.history_wrap .history_bgimg {display: none;}
.history_wrap .history_list:before {left: 60px; height: calc(100% + -2rem); top:40px;}
.history_wrap .dl_type1 > dt {padding-right: 20px;}
.history_wrap .dl_type1 > dt:after {margin-left: 19px;}
.location_wrap  {display: block;}
.location_wrap .map_left, .location_wrap .map_right {width: 100%;}
.location_wrap .map_right {padding-left: 0px;margin-bottom: 30px;}

.history_wrap {position: relative;  width: 100%; display: inline-flex;margin-bottom: 50px;}
.history_wrap .history_list {/*width: 60%; margin-top: 20px;*/}

}