#wrap-total,
#header-mobile,
.path_mobile{min-width: 640px;}
#wrap-total{width: 100%; overflow: hidden; }
#wrap{width: 100%; overflow: hidden; padding-top:110px;}
#wrap.sub{padding-top: 110px;}
.innerCenter{max-width: 1400px; margin-left: auto; margin-right: auto;}
#header{position: fixed; left: 0; top: 0; width: 100%; height: 110px; background-color: #fff; z-index: 9999;}
#header-mobile{display: none;}
#header .top{ 
	/* background-color: #007b51; */  height: 41px;
	-webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -ms-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
	border-bottom:1px solid #cbcbcb;
}
#header .top > .lst_left{float: left;}
#header .top > .lst_right{float: right;}
#header .top > .lst_right .lst{float: left;}
#header .top > .lst_right .lst > li{float: left;}
#header .top > .lst_left .lst.family > li{float: left; width: 110px;  text-align: center; position: relative;}
#header .top > .lst_left .lst.family > li:after{width: 1px; height: 100%; position: absolute; left: 0; top: 0; background-color: #007b51; content:"";}
#header .top > .lst_left .lst.family > li:first-child:after{display: none;}
#header .top > .lst_left .lst.family > li > a{display: block; height: 41px; line-height: 41px; color: #fff; font-size: 15px; background-color: #1c589e; letter-spacing:0;}
#header .top > .lst_left .lst.family > li.on > a,
#header .top > .lst_left .lst.family > li > a:hover,
#header .top > .lst_left .lst.family > li > a:focus
{color: #000; background-color: #fff;}
#header .top > .lst_right > .lst{float: left;}
#header .top > .lst_right .lst.customer > li{float: left;}
#header .top > .lst_right .lst.customer > li.bg2{background-color: #8b705a; position: relative;}
#header .top > .lst_right .lst.customer > li.bg2 .dep2{position: absolute; left: 0; top: 41px; width: 100%; display: none; z-index:9;} /*2016-09-28*/
#header .top > .lst_right .lst.customer > li.bg2 .dep2 a{padding: 7px 0; display: block; background-color: #8b705a; text-align: center; color: #fff; font-size: 12px; border-top: 1px solid #a28d7b;}
#header .top > .lst_right .lst.customer > li.bg2 .dep2 a.lineH{line-height: 13px;} /* 2016-09-28 */
#header .top > .lst_right .lst.customer > li > a{display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 41px; padding-top: 9px; padding-left: 20px; padding-right: 20px; color: #fff; font-size: 13px;}
#header .top > .lst_right .lst.customer .login_top{padding-left: 20px;}
#header .top > .lst_right .lst.customer .login_top:after{position: absolute; left: 0; top: 0;}
#header .top > .lst_right .lst.customer .customer_top{padding-left: 22px;}
#header .top > .lst_right .lst.customer .customer_top:after{position: absolute; left: 0; top: 0;}


#header .top > .lst_right > .lst.language > li{position: relative; width: 43px; text-align: center; display: inline-block; *display: inline; *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #007b51; /* background-color: #1c589e; */}
#header .top > .lst_right > .lst.language > li:first-child{border-left: 0;}
#header .top > .lst_right > .lst.language > li > a{display: block;  height: 41px; line-height: 41px; color: #454545;  font-family: 'Lato', sans-serif; font-weight: 700; opacity:0.3; font-size: 12px;}
#header .top > .lst_right > .lst.language > li.on:after{position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-color: #fff; content:"";}
#header .top > .lst_right > .lst.language > li.on > a,#header .top > .lst_right > .lst.language > li.on > a:hover{opacity: 1; background-color: #1c589e;}
#header .top > .lst_right > .lst.language > li > a:hover,#header .top > .lst_right > .lst.language > li > a:focus{opacity: 1; background-color: #1c589e; color:#fff;}
#header .top > .lst_right > .lst.language > li.sitemap{width: 90px;}
#header .top > .lst_right > .lst.language > li.sitemap > a{opacity: 1;}

#header .search_top{position: absolute; right: 37px; top: 74px;}
#header .search_top > .box{border-bottom: 2px solid #194e91;}
#header .search_top > .box .inp{width: 150px; height: 30px; border: 0; box-shadow:0;}
#header .logo{width:170px; text-align: center; margin-top: 26px;margin-bottom: 0; float:left; }
#header .lnb{width:1200px; height:110px; position: relative; z-index: 6; margin:0 auto;}
#header .lnb > ul{width:1020px; float:left;text-align: center; margin-top:40px;}
#header .lnb > ul > li{  display: inline-block; *display: inline; *zoom: 1; width: 200px; text-align: center; position: relative; }
#header .lnb > ul > li > a{display: inline-block; *display: inline; *zoom: 1; font-size: 19px;line-height: 23px;font-weight: 700;color: #313131;letter-spacing: -1px;height: 50px;padding-top: 20px; position: relative;
	-webkit-transition: color 400ms ease-in-out;
	 -moz-transition: color 400ms ease-in-out;
	 -ms-transition: color 400ms ease-in-out;
	 -o-transition: color 400ms ease-in-out;
	 transition: color 400ms ease-in-out;

}
#header .lnb > ul > li:hover > a{ color: #007b51; }
/* 2016-10-06 */

.lnb > ul > li:hover > a .out,
.lnb > ul > li > a .in{display: inline; position: static; width: auto; height: auto; overflow: visible;}
.lnb > ul > li:hover > a .in,
.lnb > ul > li > a .out{width: 0; height: 0; overflow: hidden; position: absolute; left: 0; top: 0;}

.lnb.lOn > ul > li > a .out{display: inline; position: static; width: auto; height: auto; overflow: visible;}
.lnb.lOn > ul > li > a .in{width: 0; height: 0; overflow: hidden; position: absolute; left: 0; top: 0;}

/* 2016-09-30*/
#header .lnb > ul > li > span{display: inline-block; *display: inline; *zoom: 1; font-size: 19px;line-height: 23px;font-weight: 700;color: #313131;letter-spacing: -1px;height: 50px;padding-top: 20px; position: relative; cursor:pointer;
	-webkit-transition: color 400ms ease-in-out;
	 -moz-transition: color 400ms ease-in-out;
	 -ms-transition: color 400ms ease-in-out;
	 -o-transition: color 400ms ease-in-out;
	 transition: color 400ms ease-in-out;
}
#header .lnb > ul > li > a:after{position: absolute;left: 50%;bottom: 16px;margin-left: -4px; opacity: 0;}
/* 2024.06.20 하위메뉴 IR자료 추가로 인한 비율 조정 */
#header .lnb > ul > li .depth2{position: absolute;left: 0;top: 71px;width: 100%;height: 155px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; display: none;}
#header .lnb > ul > li .depth2 .line{position: absolute; left: 0; top: 0; width: 11px; height: 2px; background-color: #007b51;}
#header .lnb > ul > li .depth2 > .inr{ margin-top: -200px; position: relative; padding-left: 0px; text-align: center; padding-top: 15px; height: 200px; background-color: transparent; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 
}
#header .lnb > ul > li .depth2 > .inr > ul > li{margin-top: 7px;}
#header .lnb > ul > li .depth2 > .inr > ul > li:first-child{margin-top: 0;}
#header .lnb > ul > li .depth2 a{color: #313131; font-size: 15px; line-height: 20px;}
#header .lnb > ul > li .depth2 > .inr > ul > li > a{display: block;position: relative;}
#header .lnb > ul > li .depth2 > .inr > ul > li > a:after{
	position: absolute;left: 0;top: 8px;width: 0;height: 2px;background-color: #007b51;content:"";
	 -webkit-transition: all 300ms ease-in-out;
	 -moz-transition: all 300ms ease-in-out;
	 -ms-transition: all 300ms ease-in-out;
	 -o-transition: all 300ms ease-in-out;
	 transition: all 300ms ease-in-out;
}
#header .lnb > ul > li .depth2 > .inr > ul > li.ovr > a:after{left: -20px; width: 11px;content:"";}
#header .lnb > ul > li.on > a,#header .lnb > ul > li.ovr > a{color: #007b51;}
#header .lnb > ul > li.on > a:after,#header .lnb > ul > li.ovr > a:after{
	bottom: 13px;opacity: 1;
	-webkit-transition: all 400ms ease-in-out;
	 -moz-transition: all 400ms ease-in-out;
	 -ms-transition: all 400ms ease-in-out;
	 -o-transition: all 400ms ease-in-out;
	 transition: all 400ms ease-in-out;
}

#header .lnb > ul > li.on > a .in,
#header .lnb > ul > li.ovr > a .in{display: inline; position: static; width: auto; height: auto; overflow: visible;}

#header .lnb > ul > li.on > a .out,
#header .lnb > ul > li.ovr > a .out{width: 0; height: 0; overflow: hidden; position: absolute; left: 0; top: 0;}


#header .lnb > ul > li.ovr .depth2 > .inr{ background-color: #007b51; }
#header .lnb > ul > li.ovr .depth2 .line{ background-color: #fff;}
#header .lnb > ul > li.ovr .depth2 > .inr > ul > li > a:after{background-color: #fff;content:"";}
#header .lnb > ul > li.ovr .depth2 a{ color: #d7ebe4;}
#header .lnb > ul > li.ovr .depth2 > .inr > ul > li:hover > a{color: #fff;}
#header .lnb > ul > li .depth3{margin-top: 7px; margin-bottom: 20px; display: none;}
#header .lnb > ul > li .depth3 a{display: block; padding: 4px 0; font-size: 12px;  border-style: solid; border-width: 0 0 1px; border-color: #e4e4ee;  }
#header .lnb > ul > li .depth3 > ul > li:first-child > a{border-width:1px 0;}

#header .lnb > ul > li.ovr .depth3 a{border-color: #4063a0; color: #abc3e1;}
#header .lnb > ul > li.ovr .depth3 a:hover{color: #fff;}


#header .lnb_bg{position: absolute; left: 0; top: 110px; width: 100%; height: 0; background-color: #ffffff;  overflow: hidden; display: none;}
#header .lnb_bg:after{position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #e4e4ee; content:"";}
#header .lnb_bg .banner{position: absolute; right: 48px; top: 50%; margin-top: -85px;}
#header .lnb_bg .search{position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; padding-top: 1px; background-color: #f2f2f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; display:none;}
#header .lnb_bg .search > .innerCenter{padding-left: 370px;}
#header .lnb_bg .search > .innerCenter > p > strong{padding-left: 18px; color: #007b51; font-weight:700; display: inline-block; *display: inline; *zoom: 1; position: relative; height: 45px; line-height: 45px; }
#header .lnb_bg .search > .innerCenter > p > strong:after{position: absolute; left: 0; top: 50%; margin-top: -7px;}
#header .lnb_bg .search > .innerCenter > p > b{margin-left: 60px; font-weight: normal; height: 45px; line-height: 45px; display: inline-block; *display: inline; *zoom: 1; }

#header .lnb.sitemap > ul > li .depth2{;height: 478px;}
#header .lnb.sitemap > ul > li .depth2 > .inr{height: 478px;}
/*top값 41*/
/*#wrap.ing{padding-top:749px;}
#wrap.ing #header{height: 135px;}
#wrap.ing #header .top{
    height: 0; overflow: hidden;
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -ms-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}
*/
#header .box-scroll{position: absolute; left: 0; top: 36px; width: 100%; z-index: 1; display: none; margin-top:-10px; }
#header .box-scroll .innerCenter{position: relative;}
#header .box-scroll .btn_lnb{position: absolute; left: 0; top: 0;}
#header .box-scroll .btn_search{position: absolute; right: 0; top: 2px;}

#search_pc_top{position: absolute; left: 0; top: 0; width: 100%; display: none;}
	
#header-mobile{display: none; background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 10;}
#header-mobile > .top{/* background-color: #007b51; height: 44px; */}
#header-mobile > .top > .lst_left{float: left;}
#header-mobile > .top > .lst_left > .lst.customer{ margin-left: 10px; }
#header-mobile > .top > .lst_left > .lst.customer > li{float: left; position: relative;}
#header-mobile > .top > .lst_left > .lst.customer > li > a{ position: relative; display: block; height: 44px; display: block; color: #fff; font-size: 18px; line-height:44px; padding-left: 43px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header-mobile > .top > .lst_left > .lst.customer > li.n3 > a,
#header-mobile > .top > .lst_left > .lst.customer > li.n4 > a{padding-left: 20px; padding-right: 20px; }
#header-mobile > .top > .lst_left > .lst.customer > li.on{border-top: 2px solid #fff;}
#header-mobile > .top > .lst_left > .lst.customer > li > a .ico{position: absolute; left: 16px; top: -1px; width: 18px; height: auto;}
#header-mobile > .top > .lst_left > .lst.customer > li:after{position: absolute;left: -2px;top: 13px;width: 2px;height: 17px;background-color: #fff;opacity: 0.2;content:"";}
#header-mobile > .top > .lst_left > .lst.customer > li:first-child:after{display: none;}
#header-mobile > .top > .right_left{float: right;}
#header-mobile > .center{background-color: #fff; height: 99px; width: 100%; position: relative;}
#header-mobile > .center .logo{position: absolute; left: 50%; top: 20px; width: 185px; height: auto; margin-left: -92px;}
#header-mobile > .center #lnb-mobile-open{position: absolute; left: 0; top: 0; width: 99px; height: 99px;  overflow: hidden;   }
#header-mobile > .center #lnb-mobile-open > span{width: 48px; position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -20px;}
#header-mobile > .center #search-mobile-open{position: absolute; right: 0; top: 0; width: 99px; height: 99px; overflow: hidden;  }
#header-mobile > .center #search-mobile-open > span{position: absolute;left: 50%;top: 50%;margin-left: -19px;margin-top: -22px;width: 39px;}
#header-mobile #search_mobile_top{position: absolute; left: 0; top: 142px; z-index:3; background-color: #f0f0f6; padding: 4% 1.9% 3% 3.9%; font-size: 20px; line-height: 26px; letter-spacing: -1px; display: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#header-mobile #search_mobile_top .close{position: absolute;right: 0;top: -97px;width: 33px;height: 35px;background-color: #ffffff;padding: 30px;}
#header-mobile #search_mobile_top .close img{max-width: 100%;}
#header-mobile #search_mobile_top > p{position: relative; padding-left: 150px; font-size: 23px; margin-right: 15px; letter-spacing: -1px;}
#header-mobile #search_mobile_top > p > strong{position: absolute; left: 0; top: 0; color: #007b51; padding-left: 26px; letter-spacing: -2px; }
#header-mobile #search_mobile_top > p > strong > .ico{position: absolute; left: 0; top: 0; width: 20px; height: auto;}
#header-mobile #search_mobile_top > p > strong > .ico img{max-width: 100%; height: auto;}
#header-mobile #search_mobile_top > p > b{display: block; overflow: hidden; width: 100%; }
#header-mobile #search_mobile_top > p > b > a{display: inline-block; *display: inline; *zoom: 1; font-size: 23px; margin-right: 4px; position: relative; margin-bottom: 10px; color: #000;}
#header-mobile #search_mobile_top > p > b > a:first-child{margin-left: 0;}

#header-mobile #search_mobile_top > .box_search{position: absolute;left: 0;bottom: -80px;background-color: #1c4e91;height: 80px;width: 100%; padding: 23px 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header-mobile #search_mobile_top > .box_search input{ width: 100%; padding-left: 20px;  background-color: #1c4e91; border-style: solid; border-width: 1px 1px 1px 2px; border-color: #1c4e91 #1c4e91 #1c4e91 #fff; height: 38px; line-height: 38px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 30px; } 

#header-mobile #search_mobile_top > .box_search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4373b1;
}
#header-mobile #search_mobile_top > .box_search input::-moz-placeholder { /* Firefox 19+ */
  color: #4373b1;
}
#header-mobile #search_mobile_top > .box_search input:-ms-input-placeholder { /* IE 10+ */
  color: #4373b1;
}
#header-mobile #search_mobile_top > .box_search input:-moz-placeholder { /* Firefox 18- */
  color: #4373b1;
}

#service-top{display: none;color: #fff;margin-right: 30px;padding-top: 0;font-size: 17px;line-height: 44px;height: 44px;padding-right: 43px;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#service-top:after{position: absolute; right: 0; top: 19px;}


#lnb-mobile{
	position: fixed; left: 0; top: 0;  width: 0; z-index: 20; display: none;
}


#lnb-mobile > .inner{ display: block; overflow: hidden;margin-left: -100%;  position: relative;
		/* background-color: #007b51; */
}



#lnb-mobile .top{ height: 72px; padding:22px 0px 7px 24px;/*  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border:1px solid red; */ border-bottom:2px solid #d8d8e2;}
#lnb-mobile .top .logo{width: 180px; height: auto;}
#lnb-mobile .close{position: absolute;right: 40px;top: 32px;z-index: 3;width: 32px;height: auto;}
#lnb-mobile > .inner:after{width: 50%; height: 100%; position: absolute; right: 0; top: 0; content:""; /* background-color: #007b51; */ z-index: 1; }
#lnb-mobile > .inner > .search{position: relative; left: 0; top: 0; z-index:3; background-color: #f0f0f6; padding: 5%; font-size: 20px; line-height: 26px; letter-spacing: -1px;}
#lnb-mobile > .inner > .search > p{position: relative; padding-left: 180px;}
#lnb-mobile > .inner > .search > p > strong{position: absolute; left: 0; top: 0; color: #007b51; padding-left: 33px; }
#lnb-mobile > .inner > .search > p > strong:after{position: absolute; left: 0; top: 0;}
#lnb-mobile > .inner > .search > p > b{display: block; font-size: 0; overflow: hidden; height: 26px; width: 100%; }
#lnb-mobile > .inner > .search > p > b > a{display: inline-block; *display: inline; *zoom: 1; font-size: 20px;margin-left: 15px; margin-right: 15px; position: relative;}
#lnb-mobile > .inner > .search > p > b > a:after{position: absolute; left: -15px; top: 3px; width: 1px; height: 20px;  background-color: #cacadf; content:"";}
#lnb-mobile > .inner > .search > p > b > a:first-child{margin-left: 0;}
#lnb-mobile > .inner > .search > p > b > a:first-child:after{display: none;}
#lnb-mobile .i_scroll{position: relative; z-index: 2; overflow: hidden;}
#lnb-mobile .lnb{position: relative; z-index: 2; /* background-color: #1d589e; */}
#lnb-mobile .lnb > ul > li{z-index: 0; position: static;}
#lnb-mobile .lnb > ul > li > a{width: 100%;padding: 5%;display: block;background-color: transparent;color: #313131;font-size: 26px;line-height: 29px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-top: 2px solid #d8d8e2;}
#lnb-mobile .lnb > ul > li:first-child > a{border-top: 0;}
#lnb-mobile .lnb .depth2{position: absolute; left: 40%; top: 0; width: 60%; display: none; background-color: #007b51; z-index: 5; height: 100vh;}
#lnb-mobile .lnb .depth2 > .inr > ul > li{padding-left: 10%;}
#lnb-mobile .lnb .depth2 > .inr > ul > li.on{background-color:#006d46;}
#lnb-mobile .lnb .depth2 > .inr > ul > li > a{padding: 10%;display: block;color: #fff;font-size: 24px;line-height: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
#lnb-mobile .lnb .depth2 > .inr > ul > li > a:after{position: absolute; left: 0; top: 50%; margin-top: -1px; width: 6%; height: 2px; background-color: #fff; content:""; }
#lnb-mobile .lnb .depth3{display: none;}

#lnb-mobile .lnb .m2  .depth2{display: none;}
#lnb-mobile .lnb .m6 > a {border-bottom:2px solid #d8d8e2;}


#lnb-mobile .lnb > ul > li > a:after{display: none;}
#lnb-mobile .lnb > ul > li.on{z-index: 3; color:#fff;}
#lnb-mobile .lnb > ul > li.on > a{ background-color: #007b51; font-weight: bold;  color:#fff;}

#lnb-mobile .lnb > ul > li.m3 > .depth2 > .inr{padding-top: 170px;}
#lnb-mobile .lnb > ul > li.m4 > .depth2 > .inr{padding-top: 253px;}
#lnb-mobile .lnb > ul > li.m5 > .depth2 > .inr{padding-top: 338px;}


#lnb-mobile .banner_bot{position: relative; left: 0; top: 0; z-index: 1; display:none;}
#lnb-mobile .banner_bot img{width: 100%; height: auto;}
#lnb-mobile .banner_bot > a{display: block; float: left; width: 50%; }
#lnb-mobile .banner_bot > a.y50{width: 100%; height: auto;}

#tab-service-top{position: fixed; right: 0; top: 0;  width: 0; z-index: 20; overflow: hidden; display: none;}

#tab-service-top > .inner{padding-left: 16%;}
#tab-service-top .top{position: relative;}
#tab-service-top .top{ background-color: #194e91; height: 143px; padding:70px 46px 0 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#tab-service-top .top .close{position: absolute;left: 30px;top: 72px;width: 5.8%;z-index: 1;}
#tab-service-top .top .close img{max-width: 100%;}

#tab-service-top .lst_service{position: relative; z-index: 5; background-color: #194e91; overflow: hidden;}
#tab-service-top .lst_service > ul > li{border-top: 2px solid #007b51; background-color: #1c589d;}
#tab-service-top .lst_service > ul > li > a{position: relative; display: block;padding-left: 9%;padding-top: 10%;padding-bottom: 10%;padding-right: 24%;}
#tab-service-top .lst_service > ul > li > a  img{max-width: 100%;}
#tab-service-top .lst_service > ul > li > a .arr{position: absolute;right: 7%;top: 50%;margin-top: -7%;width: 11%;height: auto;}
#tab-service-top .lst_service > ul > li > a .arr img{width: 100%; height: auto;}


#container{position: relative; z-index: 5;}


#popup-share-Bubble{position: absolute; right: 0; bottom: 50px; width: 474px; padding-left: 29px; padding-right: 29px; display: none;}
#popup-share-Bubble:after{position: absolute; left: 0; top: 0; width: 30px; height: 62px; content:""; background: url(../../resources/images/common/bg_gong_lft.png) 0 0 no-repeat; z-index: 1;}
#popup-share-Bubble:before{position: absolute; right: 0; top: 0; width: 30px; height: 73px; content:"";  background: url(../../resources/images/common/bg_gong_rgh.png) 0 0 no-repeat; z-index: 1;}
#popup-share-Bubble .bgc{background-color: #007b51; width: 100%;  z-index: 3; position: relative;}
#popup-share-Bubble ul{padding-top: 12px;margin-left: -14px; height: 61px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#popup-share-Bubble li{float: left; margin-left: 20px;}
#popup-share-Bubble li:first-child{margin-left: 0;}
#popup-share-Bubble li button{font-size: 0.8em; height: 37px; line-height: 37px; color: #fff;  }
#popup-share-Bubble li button .txt{opacity: .8; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
#popup-share-Bubble li button:hover .txt,#popup-share-Bubble li button:focus .txt{opacity: 1; }
#popup-share-Bubble li button .img{margin-right: 7px;}
#popup-share-Bubble li button .txt{border-bottom: 1px solid #fff;}
#popup-share-Bubble .close{ position: absolute; right: -1px; top:50%; width: 32px; height: 32px; overflow: hidden; text-indent: -9999px; text-align: left; margin-top: -16px; }

#bot_companies{background-color: #464d5d; padding-bottom: 33px; padding-top: 31px; position: relative; z-index: 5; }
#bot_companies h1.h{ margin-bottom: 13px; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400;  color: #fff; }
#bot_companies > .companies_inner > section{float: left;}
#bot_companies .sec1{width: 34.07142857142857%;}
#bot_companies .sec2{width: 29.071429%;margin-right: 5%;}
#bot_companies .sec3{width: 31.85714285714286%;}

#bot_companies .sec1{ color: #aeb2bd; }
#bot_companies .sec1 .t1{margin-bottom: 13px;}
#bot_companies .sec1 .t2{margin-bottom: 13px; color: #fff;font-size: 0.86em;letter-spacing: 0px; line-height: 15px;}
#bot_companies .sec1 .a_map{width: 315px; background-color: #4d566b; position: relative;}
#bot_companies .sec1 .a_map:after{position: absolute; right: 0; top: 0; width: 38px; height: 38px; content:""; background-color: #2f3545;}
#bot_companies .sec1 .a_map a{display: block; position: relative; z-index: 1;  height: 38px; line-height: 38px; padding-left: 15px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }
#bot_companies .sec1 .a_map a:after{position: absolute;right: 13px;top: 13px;}

#bot_companies .sec2 .lst_thumb > .thumb{float: left; width: 104px; height: 104px; position: relative;}
#bot_companies .sec2 .lst_thumb > .cont{margin-left: 135px;}
#bot_companies .sec2 .lst_thumb > .cont > .h{margin-bottom: 7px; line-height: 20px; color: #fff;}
#bot_companies .sec2 .lst_thumb > .cont > .h a{color: #fff; font-size: 1.2em;}
#bot_companies .sec2 .lst_thumb > .cont > .t1{font-size: 0.82em; line-height: 17px; height: 60px;  overflow: hidden; color: #dce0e7; margin-bottom: 0;}
#bot_companies .sec2 .lst_thumb > .cont > .t1 a{color: #dce0e7;}
#bot_companies .sec2 .lst_thumb > .cont > .data{color: #fff; font-size: 11px; font-family: 'Lato', sans-serif; font-weight: 400; }


#bot_companies .sec3 > .lst_sns > ul > li{float: left; width: 18.4%; text-align: left; margin-left: 2%;} /* 2017-01-06 수정 */
#bot_companies .sec3 > .lst_sns > ul > li:first-child{margin-left: 0;}
#bot_companies .sec3 > .lst_sns > ul > li > a{/* width: 82px; */ height: 104px; background-color: #4d566b; display: block; position: relative; text-indent: -9999px;} /* 2017-01-06 수정 */
#bot_companies .sec3 > .lst_sns > ul > li > a:after{position: absolute; left: 50%; top: 50%;}
#bot_companies .sec3 > .lst_sns > ul > li > a.sns1:after{margin-left: -7px; margin-top: -14px;}
#bot_companies .sec3 > .lst_sns > ul > li > a.sns2:after{margin-left: -17px; margin-top: -14px;} 
#bot_companies .sec3 > .lst_sns > ul > li > a.sns3:after{margin-left: -7px; margin-top: -14px;}
#bot_companies .sec3 > .lst_sns > ul > li > a.sns4:after{margin-left: -20px; margin-top: -14px;}
#bot_companies .sec3 > .lst_sns > ul > li > a.sns5:after{margin-left: -13px; margin-top: -29.5px;} /* 2017-01-06 추가 */

#bot-companies-mobile{display: none; background-color: #444c60; position: relative; z-index: 5;}

#bot-companies-mobile .sns{text-align: center; font-size: 0; line-height: 0; background-color: #4d566b;}
#bot-companies-mobile .sns .lst_sns > ul > li{display: inline-block; *display: inline; *zoom: 1; width: 88px; position: relative; vertical-align: top;}
#bot-companies-mobile .sns .lst_sns > ul > li > a{display: block;position: relative; height: 88px; text-align: center;}
#bot-companies-mobile .sns .lst_sns > ul > li > a > .ico{width: 40px; height: auto; display: inline-block; *display: inline; *zoom: 1; padding-top: 28px;}
#bot-companies-mobile .sns .lst_sns > ul > li > a.sns_b5 > .ico{padding-top: 32px;}
#bot-companies-mobile .sns .lst_sns > ul > li > a.sns_b6 > .ico{padding-top: 14px;} /* 2017-01-06 추가 */
#bot-companies-mobile .contactus .t1{color: #fff; opacity:0.3; font-size: 19px; line-height: 26px;padding-top: 5.3%; text-align: center;}
#bot-companies-mobile .contactus .t2{margin-top: 2%; padding-bottom: 3%; text-align: center; position: relative; display:none;}
#bot-companies-mobile .contactus .t2 span{width: 300px; display: inline-block; *display: inline; *zoom: 1;}
#bot-companies-mobile .contactus .t2 span > img{width: 100%; height: auto;}
#bot-companies-mobile .contactus .t2:after{position: absolute; left: 50%; bottom: 0; width: 60px; height: 3px; background-color: #fff; content:""; margin-left: -30px; display:none;}

#footer{background-color: #007b51; position: relative; z-index: 5; margin-top: -1px;}
#footer > .footer_inner{ padding:30px 10% 110px 10%; position: relative; }
#footer .lst_bnb a{color: #fff;}
#footer .lst_bnb > ul{font-size: 0;}
#footer .lst_bnb > ul > li{display: inline-block; *display: inline; *zoom: 1; font-size: 13px;  position: relative;}
#footer .lst_bnb > ul > li:first-child:after{display: none;}
#footer .lst_bnb > ul > li:first-child > a{margin-left: 0; padding-left: 0;}
#footer .lst_bnb > ul > li:after{position: absolute;left: 0;top: 7px;width: 1px;height: 12px;background-color: #ffffff;opacity:.2;content:"";}
#footer .lst_bnb > ul > li > a{display: block; padding-left: 16px;padding-right: 15px;}
#footer .lst_bnb > ul > li.in:after{display: none;}
#footer .lst_bnb > ul > li.in a{background-color: #2f3545; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 17px; padding-right: 17px; color: #fff; border-radius: 45px;}
#footer .m_call { display:none; }
#footer .address { padding-left:15px; margin-top: 16px; color: #fff; line-height: 20px; font-size: 0.9em;}

#footer .foot_logo_wh { float:left; width:109px; margin-top: 16px; }



#footer .address .copyright{ font-size: 0.84em; }
#footer .footer_top{position: absolute; left: 50%; bottom: 50px; margin-left: -32px; }
#footer .wa_logo {width:100px; height:71px; position:absolute; bottom:116px; right:200px;} /* 2016-11-15 */ /* 2016-11-23 */
#footer .wa_logo img {width:100%;} /* 2016-11-23 */
/* 2016-12-06 */
#footer .wa_logo2 { display:block; width:120px; height:110px; position:absolute; bottom:80px; right:300px; text-align:center; } 

#footer .wa_logo2 span { display:block; text-align:center; color:#fff; font-size:11px; line-height:1.8; }

.main_footer{min-height:  calc(100vh - 680px);}

#spot-sub {height: 210px; position: relative; overflow: hidden; background-color: #f2f2f7;}
#spot-sub .thumb{width: 100%; height:209px; overflow: hidden; position: relative; left: 0; top: 0; z-index: 0;}
#spot-sub .thumb .img{position: absolute; left: 0; bottom: -90px; width: 100%; }
#spot-sub .thumb .img.cov{bottom: 0;}
#spot-sub .thumb  img{width: 100%; height: auto;}
#spot-sub .thumb .cont{width: 600px; position: absolute; left: 50%; top: 40px; margin-left: -300px; text-align: center; visibility: hidden;}
#spot-sub .thumb .cont > p.line{ position: relative; padding-bottom: 15px; }
#spot-sub .thumb .cont > p.line:after{position: absolute; left: 50%; bottom: 0; width: 30px; height: 2px; margin-left: -15px; background-color: #fff; content:"";}
#spot-sub .thumb .lst_sns{ position: absolute; left: 50%; top:0; width: 1400px; text-align: right; height: 0; margin-left: -700px;  font-size: 0;line-height: 0;}
#spot-sub .thumb .lst_sns ul > li{display: inline-block; *display: inline;*zoom: 1; margin-left: 8px; width: 39px;}
#spot-sub .thumb .lst_sns ul > li img{max-width: 100%;}
#spot-sub .thumb .cont img{max-width: 100%; width: auto; height: auto;}
#spot-sub .path{z-index: 1;  }
#spot-sub .rtitle{z-index: 1; position: absolute; left: 0; top: 0;  display: none;}
#spot-sub .rtitle .lst > ul > li{float: left; width: 144px; padding: 0 5px;  }
#spot-sub .rtitle .lst > ul > li > a{position: relative;display: block;width: 100%;height: 42px;line-height: 42px;color: #fff;font-size: 17px;text-align: center;font-weight: normal;}
#spot-sub .rtitle .lst > ul > li > a:after{ 
	position: absolute; left: 0; bottom: 0; width: 0; margin-left:50%; height: 2px; background-color: #fff; content:""; 
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#spot-sub .rtitle .lst > ul > li.on > a:after{width: 100%; margin-left: 0;}
#spot-sub .rtitle .lst > ul > li > a:hover:after{
	width: 100%;  margin-left:0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#spot-sub.sub1 .thumb .img{bottom: -40px; }
#spot-sub.sub2 .thumb .img{bottom: -20px; }
#spot-sub.sub3 .thumb .img{bottom: -20px; }
#spot-sub.sub4 .thumb .img{bottom: -60px; }
#spot-sub.sub5 .thumb .img{bottom: -20px; }
#spot-sub.sub6 .thumb .img{bottom: -20px; }
#spot-sub.sub7 .thumb .img{bottom: -40px; }

#container.sub{background-color: #f2f2f7;padding-top:0;border-bottom: 1px #f2f2f7 solid;}
#container.sub .container_inner{width: 1400px; padding-top: 63px; margin-left: auto; margin-right: auto; position: relative;}
#container.sub .container_inner.pt1{padding-top: 44px;}
#container.sub .container_inner .contentMotion{ background-color: #fff; visibility: hidden; }
#container.sub .container_inner .contentMotion.bgn{background-color: transparent;}
#container.sub .container_inner .contentMotion > .inner , .inr-cen{  padding-top: 5%; margin-left:auto; margin-right: auto; width: 84.28571428571429%; padding-bottom: 90px; position: relative;  }
#container.sub .container_inner .contentMotion.mt0 > .inner{margin-top: 0;}
#container.sub .container_inner .contentMotion  .visual{overflow: hidden; width: 100%; position: relative; }

#container.sub .container_inner .contentMotion  .visual.bxSlide{overflow: visible;}
#container.sub .container_inner .contentMotion  .visual .img{position: relative; left: 50%; top: 0; width: 1400px; margin-left: -700px;}
#container.sub .container_inner .content-article{ /* min-height: 500px;  */background-color: #fff;}
.path_mobile{display: none; position: relative; position: fixed;left: 0;top: 103px;width: 100%;z-index: 1;}
.path_mobile .cont{position: absolute;left: 7%;bottom: 11%;width: 60%;}
.path_mobile .cont .t1{ padding-bottom: 35px;position: relative; height: 15px;}
.path_mobile .cont .t1:after{position: absolute;left: 0;bottom: 0;width: 69px;height: 2px;background-color: #fff;content:"";}
.path_mobile .cont .t2{ margin-top: 6%; height: 50px; }
.path_mobile .cont .t3{margin-top: 6%; display:none;}
.path_mobile .share{position: absolute;right: 8%;bottom: 11%;width: 15%;}
.path_mobile .cont img{max-width: 100%; max-height: 100%;}
.path_mobile_dummy{ width: 100%; height: 0; font-size: 0; line-height: 0; padding-bottom: 80.2%; position: relative; z-index: 0; display: none;}
#container.sub .path{width: 1400px;height: 158px;position: absolute;left: 0;top: -95px;background-color: #fff;text-align: center;visibility: hidden;}
#container.sub .path > h1 > span{display: block; position: relative; margin-top: 32px; padding-bottom: 12px; margin-bottom: 13px; font-family: 'Lato', sans-serif; font-size: 14px;	 line-height: 20px; font-weight: normal;}
#container.sub .path > h1 > span:after{position: absolute; left: 50%; bottom:0; width: 26px; height: 2px; margin-left: -13px; background-color: #272727; content:"";}
#container.sub .path .t1{margin-top: 10px; text-align: center; color: #313131; font-size: 16px; line-height: 20px; font-weight: 400;}
#container.sub .path .lst_sns{position: absolute; right: 37px; top: 37px;}
#container.sub .path .lst_sns > ul > li{float: left; margin-left: 9px;}


/* s:160930 팝업 */
.pop_160930 { position:absolute; top:250px; left:150px; }
.pop_160930 .dim { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; z-index:99; }
.pop_160930 .con { position:relative; z-index:999; }
.pop_160930 .con .close { position:absolute; top:-30px; right:0; font-size:40px; color:#fff; cursor:pointer; }
/* e:160930 팝업 */

#mobile_main_visual {display:none;}
#mobile_main_contents_wrap {display:none;}
.clear {clear:both;}
#main {width:100%; }
#main .main_visual_warp {width:100%; height:570px; position:relative; z-index:1; overflow:hidden; display:block;}
#main .main_visual_tab_wrap {width:33.2%; height:570px; float:left; position:relative;}
#main .main_visual_tab_wrap.bg1 {background:url(../../resources/images/main/main_tab_bg1.png) no-repeat;}
#main .main_visual_tab_wrap.bg2 {background:url(../../resources/images/main/main_tab_bg2.png) no-repeat;}
#main .main_visual_tab_wrap.bg3 {background:url(../../resources/images/main/main_tab_bg3.png) no-repeat;}
#main .main_visual_tab_wrap .cont {width:275px; height:570px; float:right; position:relative;}
#main .main_visual_tab_wrap .cont h2 {width:100%; height:167px; font-size:0px; background:url(../../resources/images/main/main_tab_title.png) no-repeat; background-position:13px 76px}
#main .main_visual_tab_wrap .cont .tab {width:100%; height:202px;}
#main .main_visual_tab_wrap .cont .tab li {width:100px; height:100px; font-size:0px; float:left; margin:0 2px 2px 0; cursor:pointer;}
#main .main_visual_tab_wrap .cont .tab li.tab1 {background:url(../../resources/images/main/main_tab1_off.png) no-repeat;}
#main .main_visual_tab_wrap .cont .tab li.tab2 {background:url(../../resources/images/main/main_tab2_off.png) no-repeat;}
#main .main_visual_tab_wrap .cont .tab li.tab3 {background:url(../../resources/images/main/main_tab3_off.png) no-repeat;}
#main .main_visual_tab_wrap .cont .tab li.tab1.on {background:url(../../resources/images/main/main_tab1_on.png) no-repeat;}
#main .main_visual_tab_wrap .cont .tab li.tab2.on {background:url(../../resources/images/main/main_tab2_on.png) no-repeat;}
#main .main_visual_tab_wrap .cont .tab li.tab3.on {background:url(../../resources/images/main/main_tab3_on.png) no-repeat;}
/* #main .main_visual_tab_wrap .cont .tab li.tab1:hover {background:url(../../resources/images/main/main_tab1_on.png) no-repeat;}
#main .main_visual_tab_wrap .cont .tab li.tab2:hover {background:url(../../resources/images/main/main_tab2_on.png) no-repeat;}
#main .main_visual_tab_wrap .cont .tab li.tab3:hover {background:url(../../resources/images/main/main_tab3_on.png) no-repeat;} */
#main .main_visual_tab_wrap .cont a {display:block; margin:0; padding:0; width:132px; padding-left:68px; height:38px; font-size:14px; font-weight:normal; color:#fff; border:1px solid #fff; line-height:38px; text-align:left; position:absolute; top:450px; left:0; background:url(../../resources/images/main/main_tab_arrow.png) no-repeat 150px center;}
#main .main_visual_tab_wrap .cont a.bt2 {display:none;}
#main .main_visual_tab_wrap .cont a.bt3 {display:none;}
#main .main_visual {width:66.8%; height:570px; float:left; position:relative; overflow:hidden;}
#main .main_visual li {width:100%; height:570px; position:absolute; top:0px; left:0px;}
#main .main_visual li .img {width:1282px; height:100%; position:absolute; top:50%; left:50%; margin:-285px 0 0 -641px;}
#main .main_visual li .visual_text1 {width:auto; height:auto; position:absolute; bottom:100px; left:35%; opacity:0;}
#main .main_visual li .visual_text2 {width:auto; height:auto; position:absolute; bottom:0px; left:35%; opacity:0;}
#main .main_visual li .visual_text3 {width:auto; height:auto; position:absolute; bottom:50px; left:37%; opacity:0;}
#main .main_visual li.on {z-index:999;}

.bx-controls-direction {display:none;}
#bx-pager1 {width:76px; height:264px; position:absolute; top:166px; left:62%;}
#bx-pager1 a {display:block; border:3px solid #fff; margin-bottom:12px;}
#bx-pager1 a.active {border-color:#194e91;}
#bx-pager2 {width:76px; height:264px; position:absolute; top:166px; left:62%;}
#bx-pager2 a {display:block; border:3px solid #fff; margin-bottom:12px;}
#bx-pager2 a.active {border-color:#194e91;}
#bx-pager3 {width:76px; height:264px; position:absolute; top:166px; left:62%;}
#bx-pager3 a {display:block; border:3px solid #fff; margin-bottom:12px;}
#bx-pager3 a.active {border-color:#194e91;}

#main .main_contents_wrap {width:1182px; height:537px; margin:0 auto; display:block;}
#main .main_contents_wrap .cont {width:50%; height:100%; float:left;}
#main .main_contents_wrap .cont_top {width:100%; height:273px; border-bottom:1px solid #ddd;}
#main .main_contents_wrap .cont_top h3 {width:100%; height:80px; font-size:24px; font-weight:bold; color:#222; line-height:100px;}
#main .main_contents_wrap .cont_top .news {width:100%; height:140px; position:relative;}
#main .main_contents_wrap .cont_top .news .img {width:215px; height:140px; float:left;}
#main .main_contents_wrap .cont_top .news .img img {width:100%; height:100%;}
#main .main_contents_wrap .cont_top .news .text_wrap {width:274px; height:140px; float:left; margin-left:30px; font-size:14px; font-weight:normal; color:#777; position:relative;}
#main .main_contents_wrap .cont_top .news .text_wrap a {display:block; font-size:16px; font-weight:normal; color:#222; line-height:24px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#main .main_contents_wrap .cont_top .news .text_wrap a.txt {width:80%; float:left;}
#main .main_contents_wrap .cont_top .news .text_wrap .date {width:20%; float:right; text-align:right;}
#main .main_contents_wrap .cont_top .news .page {width:73px; height:15px; position:absolute; bottom:0px; left:0px; font-size:14px; font-weight:normal; color:#777; text-align:center; line-height:100%;}
#main .main_contents_wrap .cont_top .news .page strong {font-weight:bold; color:#222;}
#main .main_contents_wrap .cont_top .news .page button {width:15px; height:15px; position:absolute; top:0; font-size:0;}
#main .main_contents_wrap .cont_top .news .page button.prev {background:url(../../resources/images/main/main_news_prev.png) no-repeat; left:0;}
#main .main_contents_wrap .cont_top .news .page button.next {background:url(../../resources/images/main/main_news_next.png) no-repeat; right:0;}
#main .main_contents_wrap .cont_top .news .btn_wrap {width:100%; height:25px; position:absolute; bottom:0px; left:0px;}
#main .main_contents_wrap .cont_top .news .btn_wrap a {display:block; width:100px; height:30px; margin-right:12px; font-size:0px; float:left;}
#main .main_contents_wrap .cont_top .news .btn_wrap a.btn1 {background:url(../../resources/images/main/main_ir_btn1.png) no-repeat; background-size:100%;}
#main .main_contents_wrap .cont_top .news .btn_wrap a.btn2 {background:url(../../resources/images/main/main_ir_btn2.png) no-repeat; background-size:100%;}
#main .main_contents_wrap .cont_bottom {width:100%; height:241px;}
#main .main_contents_wrap .cont_bottom h3 {width:100%; height:92px; font-size:24px; font-weight:bold; color:#222; line-height:120px;}
#main .main_contents_wrap .cont_bottom .global {background:url(../../resources/images/main/main_global_bg.png) no-repeat;}
#main .main_contents_wrap .cont_bottom .global .text {display:block; width:100%; height:auto; font-size:14px; font-weight:normal; color:#777; line-height:18px;}
#main .main_contents_wrap .cont_bottom .global .text strong {display:block; font-size:18px; color:#222; padding-bottom:10px;}
#main .main_contents_wrap .cont_bottom .contribution {background:url(../../resources/images/main/main_contribution_bg.png) no-repeat;}
#main .main_contents_wrap .cont_bottom .contribution .text {display:block; width:100%; height:auto; font-size:14px; font-weight:normal; color:#777; line-height:18px;}
#main .main_contents_wrap .cont_bottom .contribution .text strong {display:block; font-size:18px; color:#222; padding-bottom:10px;}

.business_img {width:100%; height:100%;}
.business_img li {width:147px; height:78px; padding-top:154px; font-size:13px; font-weight:300; color:#313131; text-align:center; float:left; margin-right:57px; background:url(../../resources/images/group/img_business1_5.png) no-repeat; white-space:normal; word-break:normal;}
.business_img li strong {display:block; font-size:16px; font-weight:bold; margin-bottom:0px; vertical-align:middle;}
.business_img li strong a {display:inline-block; padding-left:10px; width:19px; height:19px; background:url(../../resources/images/group/link_icon.png) no-repeat right; font-size:0;}
.business_img li.list1 {background-position:-3px 0px;}
.business_img li.list2 {background-position:-204px 0px;}
.business_img li.list3 {background-position:-405px 0px;}
.business_img li.list4 {background-position:-606px 0px;}
.business_img li.list5 {background-position:-3px -232px;}
.business_img li.list6 {background-position:-204px -232px;}
.business_img li.list7 {background-position:-405px -232px;}
.business_img li.list8 {background-position:-606px -232px;}

.box_wrap {border:1px solid #e4e4ee; padding:40px;}
.box_wrap .text_wrap {width:100%; height:auto;}
.box_wrap .text_wrap .img {width:155px; height:100%; float:left; text-align:center;}
.box_wrap .text_wrap .txt {width:589px; height:auto; float:right; padding-left:34px; border-left:1px solid #ebebf2; font-size:15px; font-weight:300; color:#313131; line-height:26px;}
.box_wrap .text_wrap .txt strong {display:block; font-size:18px; font-weight:normal; margin-bottom:10px;}
.box_wrap .text_wrap .txt .ch {font-family:굴림, Gulim;}

.img_wrap {width:100%;}
.img_wrap > div {width:50%; float:left;}
.img_wrap > div .img {width:122px; height:122px; float:left;}
.img_wrap > div .txt {width:260px; padding-left:30px; height:122px; float:left;}
.img_wrap > div .txt strong {display:block; font-size:28px; font-weight:normal; color:#313131; margin-bottom:10px;}
.img_wrap > div .txt li {line-height:26px; font-size:15px; font-weight:normal; color:#313131; text-indent:-10px; margin-left:10px;}

/* 연구소 소개 */
.section2 { margin-top:60px; }
.section2 .section2_img { margin-bottom:3.6%; }
.section2 .mo_section2_img { display:none; }

.laboratory_green { color:#007b51 !important; }

.pc_laboratory_history { padding-top:3.6%; }
.pc_laboratory_history .laboratory_history_con { padding-top:3.6%; }
.pc_laboratory_history .laboratory_history_con:first-child { padding-top:0; }
.pc_laboratory_history .laboratory_history_con { padding-bottom:4%; border-bottom:1px solid #ebebeb; }
.pc_laboratory_history .laboratory_history_con:last-child { padding-bottom:0; border-bottom:0; }
.pc_laboratory_history .laboratory_history_con h2 { margin-bottom:7px; }
.pc_laboratory_history .laboratory_history_con ul li { padding:4px 0; width:100%; line-height: 150%; }
.pc_laboratory_history .laboratory_history_con ul li .laboratory_green { font-weight: bold; width:25px; float:left; }
.pc_laboratory_history .laboratory_history_con ul li span:last-child { float:left; width:calc(100% - 26px); }

.m_laboratory_history { display:none; }

/* selex */
#container.sub .container_inner .contentMotion .visual .img.history_img{width: 100%; margin: 0; left: 0;}
.history_img { position:relative; }
.history_img .selex_visual_tit { position:absolute; top:50%; left:0; width:100%; }
.history_img .selex_visual_tit > h2 { text-align: center; font-size:18px; line-height:160%; }
.history_img .selex_visual_tit > h2 > br { display: block; }

.selex_m_sec1 { display:none; }

.selex_sec02_con { font-size:22px; line-height:180%; margin-bottom:30px; } 
.selex_sec02_con p { float:left; width:50px; margin:0; } 
.selex_sec02_con span { float:left; width:calc( 100% - 51px ); } 

/* 수상내역 */
/* .pc_award_sec_wrap { position:relative; width:100%; } */
.pc_award_sec .award_txt { position:absolute; z-index:2; }
.pc_award_sec .award_txt h2 { font-size:24px; }
.pc_award_sec .award_txt p { margin-top:0; }
.pc_award_sec .award_2022 { top:12.5%; left:70%; }
.pc_award_sec .award_2021 { top:32.5%; right:43%; text-align: right; }
.pc_award_sec .award_2020 { top:64.5%; left:70%; }

.pc_award_sec .award_img { position:relative; z-index:1; width: 100%; }

.m_award_sec { display:none; }

/* 커스터머센터 */
.customer_wrap { width:100%; }
.customer_wrap .customer_con { width:50%; float:left; }
.customer_wrap .customer_con img { width:25%; float:left; }
.customer_wrap .customer_con > div { width:72%; float:right; margin-top:5%; }
.customer_wrap .customer_con > div p { margin-top:15px; }