@charset "utf-8";

/*sub_visual*/
.sub_visual{width:100%; color:#fff; font-size:32px; text-align:center;}
.sub_visual.businessbg{background:url(../image/sub/business/vis.jpg) no-repeat; line-height:120px; height:120px; background-size:cover; background-position:center;}
.sub_visual.companybg{background:url(../image/sub/company/vis.jpg) no-repeat; line-height:120px; height:120px; background-size:cover; background-position:center;}
.sub_visual.researchbg{background:url(../image/sub/research/vis.jpg) no-repeat; line-height:120px; height:120px; background-size:cover;}
.sub_visual.managingbg{background:url(../image/sub/managing/vis.jpg) no-repeat; line-height:120px; height:120px; background-size:cover;}
.sub_visual.investbg{background:url(../image/sub/invest/vis.jpg) no-repeat; line-height:120px; height:120px; background-size:cover;}
.sub_visual.publicitybg{background:url(../image/sub/publicity/vis.jpg) no-repeat; line-height:120px; height:120px; background-size:cover;}
.sub_visual.recruitbg{background:url(../image/sub/recruit/vis.jpg) no-repeat; line-height:120px; height:120px; background-size:cover;}

.inner_sub{position:relative; width:87.5%; margin:30px auto;}
.inner_sub_free{position:relative; width:100%; margin:30px auto;}
.inner_sub h2, .inner_sub_free h2 {color:#1b1b1b; font-size:22px;text-align:center;}

.pageControl { position:absolute; top:-10px; left:0; width:100%; }
.inner_sub .pageControl li:first-child { position:relative; float:left; left:-3.125%; }
.inner_sub .pageControl li:last-child { position:relative; float:right; right:-3.125%; }
.inner_sub_free .pageControl li:first-child { position:relative; float:left; left:3.125%; }
.inner_sub_free .pageControl li:last-child { position:relative; float:right; right:3.125%; }

/************************************************************************************************************/
/*회사소개*/
/*기업소개*/
.company{clear:both; width:100%; margin:30px auto;}
.company ul.tabs {margin:0 auto;padding: 0;overflow:hidden;width:87.5%;font-size:0;}
.company ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:20px 0; width:32.5%; font-weight:800; color:#1b1b1b; }
.company ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.company ul.tabs li.active {background: #014099; color:#fff; font-weight:600;}
.company ul.tabs li br{display:none;}
.company .tab_container {margin-top:20px; width:100%;}
.company .tab_content {margin-top:30px; display:none; width:100%;}

.company .tab_content .summary { width:87.5%; margin:0 auto;  }
.company .tab_content .summary > p{font-size:15px; color:#1b1b1b; line-height:140%; font-weight:600}
.company .tab_content .summary > p > span{display:block; margin-bottom:10px; word-break:keep-all; }
.company .tab_content .summary ul{margin-top:20px; width:100%;}
.company .tab_content .summary li{float:left; font-size:15px; width:48.214%; margin-top:10px; margin-bottom:10px; margin-right:3.572%; }
.company .tab_content .summary li:nth-child(2n){margin-right:0px;}
.company .tab_content .summary li img{width:100%;}
.company .tab_content .summary li p{margin-top:15px; min-height:80px;}
.company .tab_content .summary li p span{display:block; padding:5px 0; color:#1b1b1b; font-weight:600; background:url("../image/sub/company/dot.png") no-repeat left center; text-indent:8px; }

.company .tab_content .vision { width:100%; }
.company .tab_content .vision h3{ width:87.5%; margin:0 auto 10px auto; color:#014099;  font-size:15px; border-bottom:5px solid #014099; padding-bottom:8px; }
.company .tab_content .vision p{width:87.5%; margin:0 auto 20px auto;}
.company .tab_content .vision p img{width:100%;}
.company .tab_content .vision div{width:100%; background:#014099; }

.company .tab_content .idea1 { width:87.5%; margin:0 auto; }
.company .tab_content .idea1 h3{color:#014099;  font-size:15px; margin-bottom:0px;}
.company .tab_content .idea1 > p img{width:100%;}
.company .tab_content .idea1 > div{text-align:center;  font-size:15px; color:#1b1b1b; margin-bottom:20px;}
.company .tab_content .idea1 > div p{font-weight:600; line-height:140%;}
.company .tab_content .idea1 ul{background:#f7f8f8; padding:15px;}
.company .tab_content .idea1 ul li{text-align:center;  font-size:15px; color:#1b1b1b; padding:8px 0}
.company .tab_content .idea1 ul li strong{margin-bottom:8px;}
.company .tab_content .idea1 ul li strong,
.company .tab_content .idea1 ul li span{display:block; line-height:100%;}

.company .tab_content .idea2{ width:87.5%; background:url(../image/sub/company/bg1.jpg) no-repeat top center; background-size:cover; padding:6.794% 6.25%; margin-top:6.794%; word-break:keep-all;}
.company .tab_content .idea2 h3{color:#fff; font-size:17px; margin-bottom:20px;  }
.company .tab_content .idea2 h4{color:#acd9ef; font-size:15px; margin-bottom:15px; border-bottom:5px solid #fff; padding-bottom:15px; line-height:140%; font-weight:normal;}
.company .tab_content .idea2 h4 span,
.company .tab_content .idea2 div p span{color:#fff;}
.company .tab_content .idea2 div.online{border-bottom:0}
.company .tab_content .idea2 div{border-bottom:1px solid #fff; padding-bottom:15px; margin-top:15px;}
.company .tab_content .idea2 div h5{color:#fff; font-size:15px;  margin-bottom:10px;}
.company .tab_content .idea2 div p{padding:0px 10px; color:#acd9ef; font-size:15px; line-height:140%; font-weight:600;}
.company .tab_content .idea2 div p img{width:60%;}

.company .tab_content .idea3{ width:87.5%; margin:6.794% auto 0 auto; padding-bottom:30px; word-break:keep-all;}
.company .tab_content .idea3 h3{color:#014099; font-size:15px; margin-bottom:15px;  }
.company .tab_content .idea3 > p{color:#1b1b1b; font-size:15px; line-height:140%; margin-bottom:20px;}
.company .tab_content .idea3 ul{margin-bottom:20px;}
.company .tab_content .idea3 ul li img{width:100%;}
.company .tab_content .idea3 ul li {padding:7px 0; font-size:15px;}
.company .tab_content .idea3 ul li:nth-child(n+2) { margin-left:20px; }
.company .tab_content .idea3 ul li strong{display:block; margin-bottom:5px; font-size:15px;  }
.company .tab_content .idea3 ul li strong.tit1{color:#00b7ec}
.company .tab_content .idea3 ul li strong.tit2{color:#74b44c}
.company .tab_content .idea3 ul li strong.tit3{color:#f2a025}

/*CEO 인사말*/
.ceo{clear:both; width:100%; margin:30px auto 70px auto; word-break:keep-all;}
.ceo > p img{width:100%; margin-bottom:30px;}
.ceo h3{text-align:center; color:#00B4ED; font-size:24px; font-family: 'Nanum Myeongjo'; margin-bottom:30px; line-height:140%;}
.ceo h3 br{display:none;}
.ceo div p{color:#1b1b1b; font-size:15px; line-height:140%; margin-bottom:20px; }
.ceo div p img{vertical-align:middle;}

/*연혁*/
.history{clear:both;width:100%; margin:30px auto;}
.history ul.tabs {margin: 0;padding: 0;overflow:hidden;border-left:1px solid #BFBFBF;width:100%;font-size:0;}
.history ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #EEEEEE;overflow: hidden;position: relative; font-size:15px;padding:20px 0; width:49%; font-weight:400; }
.history ul.tabs li:nth-child(1), .history ul.tabs li:nth-child(2) { border-bottom:none; }
.history ul.tabs li.active {background: #014099; color:#fff; font-weight:600;}
.history ul.tabs li strong { font-size:18px; font-weight:400; }
.history ul.tabs li.active strong { font-weight:600; }
.history .tab_container {width:100%;}
.history .tab_content {display:none;}

.history h3{color:#00B4ED; font-size:32px; margin-bottom:20px; border-bottom:5px solid #00B4ED; padding-bottom:10px;}
.history h3 span{font-size:18px;}
.history div{overflow:hidden; margin-bottom:20px;}
.history div h4{float:left; width:50px; color:#00B4ED; font-size:15px;}
.history div ul{/*float:left; */ margin-left: 50px;}
.history div ul li{color:#1b1b1b; font-size:15px; padding:3px 0; }
.history div ul li:first-child { padding-top:0; }
.history div p img{width:100%; }

/*그롭사 소개*/
.group{clear:both; width:100%; margin:30px auto; padding-bottom:30px; word-break:keep-all; }
.group > p{margin:15px 0;}
.group > p img{width:100%;}
.group > div{color:#1b1b1b; font-size:15px; line-height:140%; margin-bottom:20px; }
.group > div p{margin-bottom:10px;}

.group h3{color:#014099;  font-size:17px; margin-bottom:20px;}
.group table{width:100%; border-collapse:collapse; border-top:5px solid #014099}
.group th{background:#f8f8f8; color:#014099;  font-size:15px; border-bottom:1px solid #014099}
.group td{border-bottom:1px solid #ddd;  font-size:15px; padding:8px 5px; color:#1b1b1b; line-height:140%; background:url(../image/sub/company/arrow5.png) no-repeat 98% 50%;}
.group td.line{border-bottom:1px solid #014099}
.group td a{display:block; width:100%;}

/************************************************************************************************************/
/* 사업소개 */

/*[사업소개]*/
.business{width:100%; margin:30px auto; padding-bottom:30px; word-break:keep-all; }

/* 토목 */
.business ul.civilTabs { position: relative; margin-top:30px; text-align:center; font-size:0;  }
.business ul.civilTabs li {display:inline-block; text-align:center; width:32.5%; height:99px; overflow:hidden; position: relative; background:#eee; border-right:1px solid #BFBFBF; border-top:1px solid #BFBFBF; }
.business ul.civilTabs li:nth-child(4), .business ul.civilTabs li:nth-child(5), .business ul.civilTabs li:nth-child(6) { border-bottom:1px solid #BFBFBF; }
.business ul.civilTabs li:nth-child(1), .business ul.civilTabs li:nth-child(4) { border-left:1px solid #BFBFBF; }
.business ul.civilTabs li.active{background:#00B4ED; font-weight:600;}
.business ul.civilTabs li a { position:absolute; top:0; left:50%; margin-left:-91.5px; display:inline-block; width:186px; height:100%; }

.business ul.civilTabs li.mu1 a {background:url(../image/sub/business/civilTabBg.png) no-repeat 0 0;}
.business ul.civilTabs li.mu2 a {background:url(../image/sub/business/civilTabBg.png) no-repeat -186px 0;}
.business ul.civilTabs li.mu3 a {background:url(../image/sub/business/civilTabBg.png) no-repeat -372px 0;}
.business ul.civilTabs li.mu4 a {background:url(../image/sub/business/civilTabBg.png) no-repeat 0 -99px;}
.business ul.civilTabs li.mu5 a {background:url(../image/sub/business/civilTabBg.png) no-repeat -186px -99px;}
.business ul.civilTabs li.mu6 a {background:url(../image/sub/business/civilTabBg.png) no-repeat -372px -99px;}

.business ul.civilTabs li.active.mu1 a {background:url(../image/sub/business/civilTabBgOn.png) no-repeat 0 0;}
.business ul.civilTabs li.active.mu2 a {background:url(../image/sub/business/civilTabBgOn.png) no-repeat -186px 0;}
.business ul.civilTabs li.active.mu3 a {background:url(../image/sub/business/civilTabBgOn.png) no-repeat -372px 0;}
.business ul.civilTabs li.active.mu4 a {background:url(../image/sub/business/civilTabBgOn.png) no-repeat 0 -99px;}
.business ul.civilTabs li.active.mu5 a {background:url(../image/sub/business/civilTabBgOn.png) no-repeat -186px -99px;}
.business ul.civilTabs li.active.mu6 a {background:url(../image/sub/business/civilTabBgOn.png) no-repeat -372px -99px;}

/* 건축 */
.business ul.buildingTabs { position: relative; margin-top:30px; text-align:center; font-size:0;  }
.business ul.buildingTabs li {display:inline-block; text-align:center; width:32.5%; height:99px; overflow:hidden; position: relative; background:#eee; border-right:1px solid #BFBFBF; border-top:1px solid #BFBFBF; }
.business ul.buildingTabs li:nth-child(1) { width:97.5%; height:40px; border-left:1px solid #BFBFBF; padding:0 1px;}
.business ul.buildingTabs li:nth-child(5), .business ul.buildingTabs li:nth-child(6), .business ul.buildingTabs li:nth-child(7) { border-bottom:1px solid #BFBFBF; }
.business ul.buildingTabs li:nth-child(2), .business ul.buildingTabs li:nth-child(5) { border-left:1px solid #BFBFBF; }
.business ul.buildingTabs li.active{background:#00B4ED; font-weight:600; }
.business ul.buildingTabs li a { position:absolute; top:0; left:50%; margin-left:-91.5px; display:inline-block; width:186px; height:100%; }
.business ul.buildingTabs li:nth-child(1) a { left:50%; margin-left:-280px; width:560px; }

.business ul.buildingTabs li.mu1 a {background:url(../image/sub/business/buildingTabBg.png) no-repeat 0 0;}
.business ul.buildingTabs li.mu2 a {background:url(../image/sub/business/buildingTabBg.png) no-repeat 0 -40px;}
.business ul.buildingTabs li.mu3 a {background:url(../image/sub/business/buildingTabBg.png) no-repeat -186px -40px;}
.business ul.buildingTabs li.mu4 a {background:url(../image/sub/business/buildingTabBg.png) no-repeat -372px -40px;}
.business ul.buildingTabs li.mu5 a {background:url(../image/sub/business/buildingTabBg.png) no-repeat 0 -138px;}
.business ul.buildingTabs li.mu6 a {background:url(../image/sub/business/buildingTabBg.png) no-repeat -186px -138px;}
.business ul.buildingTabs li.mu7 a {background:url(../image/sub/business/buildingTabBg.png) no-repeat -372px -138px;}

.business ul.buildingTabs li.active.mu1 a {background:url(../image/sub/business/buildingTabBgOn.png) no-repeat 0 0;}
.business ul.buildingTabs li.active.mu2 a {background:url(../image/sub/business/buildingTabBgOn.png) no-repeat 0 -40px;}
.business ul.buildingTabs li.active.mu3 a {background:url(../image/sub/business/buildingTabBgOn.png) no-repeat -186px -40px;}
.business ul.buildingTabs li.active.mu4 a {background:url(../image/sub/business/buildingTabBgOn.png) no-repeat -372px -40px;}
.business ul.buildingTabs li.active.mu5 a {background:url(../image/sub/business/buildingTabBgOn.png) no-repeat 0 -138px;}
.business ul.buildingTabs li.active.mu6 a {background:url(../image/sub/business/buildingTabBgOn.png) no-repeat -186px -138px;}
.business ul.buildingTabs li.active.mu7 a {background:url(../image/sub/business/buildingTabBgOn.png) no-repeat -372px -138px;}

/* 주택 */
.business ul.houseTabs { position: relative; margin-top:30px; text-align:center; font-size:0;  }
.business ul.houseTabs li {display:inline-block; text-align:center; width:32.5%; height:99px; overflow:hidden; position: relative; background:#eee; border-right:1px solid #BFBFBF; border-top:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; }
.business ul.houseTabs li:nth-child(1) { border-left:1px solid #BFBFBF; }
.business ul.houseTabs li.active{background:#00B4ED; font-weight:600;}
.business ul.houseTabs li a { position:absolute; top:0; left:50%; margin-left:-91.5px; display:inline-block; width:186px; height:100%; }

.business ul.houseTabs li.mu1 a {background:url(../image/sub/business/houseTabBg.png) no-repeat 0 0;}
.business ul.houseTabs li.mu2 a {background:url(../image/sub/business/houseTabBg.png) no-repeat -186px 0;}
.business ul.houseTabs li.mu3 a {background:url(../image/sub/business/houseTabBg.png) no-repeat -372px 0;}

.business ul.houseTabs li.active.mu1 a {background:url(../image/sub/business/houseTabBgOn.png) no-repeat 0 0;}
.business ul.houseTabs li.active.mu2 a {background:url(../image/sub/business/houseTabBgOn.png) no-repeat -186px 0;}
.business ul.houseTabs li.active.mu3 a {background:url(../image/sub/business/houseTabBgOn.png) no-repeat -372px 0;}

/* 플랜트 */
.business ul.plantTabs { position: relative; margin-top:30px; text-align:center; font-size:0;  }
.business ul.plantTabs li {display:inline-block; text-align:center; width:32.5%; height:99px; overflow:hidden; position: relative; background:#eee; border-right:1px solid #BFBFBF; border-top:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; }
.business ul.plantTabs li:nth-child(1) { border-left:1px solid #BFBFBF; }
.business ul.plantTabs li.active{background:#00B4ED; font-weight:600;}
.business ul.plantTabs li a { position:absolute; top:0; left:50%; margin-left:-91.5px; display:inline-block; width:186px; height:100%; }

.business ul.plantTabs li.mu1 a {background:url(../image/sub/business/plantTabBg.png) no-repeat 0 0;}
.business ul.plantTabs li.mu2 a {background:url(../image/sub/business/plantTabBg.png) no-repeat -186px 0;}
.business ul.plantTabs li.mu3 a {background:url(../image/sub/business/plantTabBg.png) no-repeat -372px 0;}

.business ul.plantTabs li.active.mu1 a {background:url(../image/sub/business/plantTabBgOn.png) no-repeat 0 0;}
.business ul.plantTabs li.active.mu2 a {background:url(../image/sub/business/plantTabBgOn.png) no-repeat -186px 0;}
.business ul.plantTabs li.active.mu3 a {background:url(../image/sub/business/plantTabBgOn.png) no-repeat -372px 0;}

/* 해외 */
.business ul.abroadTabs { position: relative; margin-top:30px; text-align:center; font-size:0;  }
.business ul.abroadTabs li {display:inline-block; text-align:center; width:32.5%; height:99px; overflow:hidden; position: relative; background:#eee; border-right:1px solid #BFBFBF; border-top:1px solid #BFBFBF; }
.business ul.abroadTabs li:nth-child(4), .business ul.abroadTabs li:nth-child(5), .business ul.abroadTabs li:nth-child(6) { border-bottom:1px solid #BFBFBF; }
.business ul.abroadTabs li:nth-child(1), .business ul.abroadTabs li:nth-child(4) { border-left:1px solid #BFBFBF; }
.business ul.abroadTabs li.active{background:#00B4ED; font-weight:600;}
.business ul.abroadTabs li a { position:absolute; top:0; left:50%; margin-left:-91.5px; display:inline-block; width:186px; height:100%; }

.business ul.abroadTabs li.mu1 a {background:url(../image/sub/business/abroadTabBg.png) no-repeat 0 0;}
.business ul.abroadTabs li.mu2 a {background:url(../image/sub/business/abroadTabBg.png) no-repeat -186px 0;}
.business ul.abroadTabs li.mu3 a {background:url(../image/sub/business/abroadTabBg.png) no-repeat -372px 0;}
.business ul.abroadTabs li.mu4 a {background:url(../image/sub/business/abroadTabBg.png) no-repeat 0 -99px;}
.business ul.abroadTabs li.mu5 a {background:url(../image/sub/business/abroadTabBg.png) no-repeat -186px -99px;}
.business ul.abroadTabs li.mu6 a {background:url(../image/sub/business/abroadTabBg.png) no-repeat -372px -99px;}

.business ul.abroadTabs li.active.mu1 a {background:url(../image/sub/business/abroadTabBgOn.png) no-repeat 0 0;}
.business ul.abroadTabs li.active.mu2 a {background:url(../image/sub/business/abroadTabBgOn.png) no-repeat -186px 0;}
.business ul.abroadTabs li.active.mu3 a {background:url(../image/sub/business/abroadTabBgOn.png) no-repeat -372px 0;}
.business ul.abroadTabs li.active.mu4 a {background:url(../image/sub/business/abroadTabBgOn.png) no-repeat 0 -99px;}
.business ul.abroadTabs li.active.mu5 a {background:url(../image/sub/business/abroadTabBgOn.png) no-repeat -186px -99px;}
.business ul.abroadTabs li.active.mu6 a {background:url(../image/sub/business/abroadTabBgOn.png) no-repeat -372px -99px;}

.network { display:none; position:relative; width:100%; }
.network .networkMarker { width:100%; height:100%; }
.network .networkMarker img { width:100%; height:auto }
.network .networkDetail { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); text-align:center; }
.network .networkDetail .mapClose { position:absolute; top:0; right:0; padding:3.571%; z-index:9; }
.network .networkDetail .abNameKr { position:relative; margin-top:40px; font-size:18px; color:#fff; font-weight:800; }
.network .networkDetail .abNameEn { position:relative; margin-top:5px; margin-bottom:10px; font-size:12px; color:#46b2e6; font-weight:400; }
.network .networkDetail .abAddress { position:relative; padding-top:10px; font-size:15px; color:#fff; font-weight:400; line-height:20px; width:85.714%; margin:0 auto; border-top:3px solid #fff; }
.network .networkDetail .abAddress2,
.network .networkDetail .abAddress3 { position:relative; padding-top:10px; font-size:15px; color:#fff; font-weight:400; line-height:20px; width:85.714%; margin:0 auto; border-top:1px solid #fff; }



/*blocksit*/
#business_container{position:relative; width:100%; margin:20px auto 0; overflow:hidden;}
.grid { position:relative; float:left; width:48.214%; margin-bottom:3.572%; overflow:hidden; min-height:100px; height:auto;}
.grid:nth-child(2n) { float:right; }
.grid .imgholder { position:relative; width:100%; height:100%; }
.grid .imgholder .best { position:absolute; top:0; right:0; width:19.259%; }
.grid .imgholder img { width:100%; height:auto; }
.grid .txtholder { position:relative; width:100%; min-height:50px; background:#F7F8F8; overflow:hidden; }
.grid .txtholder strong { font-size:12px; color:#1b1b1b; font-weight:400; display:block; padding:10px 10px 0 4.444%; line-height:16px; }
.grid .txtholder p { font-size:10px; color:#252424; font-weight:400; display:block; padding:10px 0 10px 4.444%; background:url("../image/sub/business/more.png") no-repeat 94.074% center; }

.businessMoreBtn { width:100%; text-align:center; padding:30px 0; }
#moreAvailable { display:none; }
.plzWait { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(255, 255, 255, 0.7) url("/image/sub/spinner.gif") no-repeat center center; text-align:center; }

.detailView { display:none; position:fixed; top:0; left:0; width:87.5%; height:100%; padding:100px 6.25%; background:rgba(0, 0, 0, 0.8); z-index:999; }
.detailView > p { position:relative; width:100%; }
.detailView > p #wimg { width:100%; }
.detailView > div { position:relative; width:94.644%; margin:0 auto; padding:2.678%; background:#000; }
.detailView > div #wcategory { display:none; }
.detailView > div h1#wname { font-size:18px; color:#fff; font-weight:900; margin-top:5%; padding-bottom:18px; border-bottom:3px solid #fff; line-height:24px; }
.detailView > div ul { position:relative; padding:11px 0 30px 0; }
.detailView > div ul li { padding:9px 0; }
.detailView > div ul li span { display:inline-block; width:65px; font-size:12px; color:#fff; vertical-align:middle;  }
.detailView > div ul li strong { display:inline-block; width:75%; font-size:15px; font-weight:300; color:#fff; word-break:keep-all; vertical-align:top; line-height:20px; }
.detailView .detailViewClose { position:absolute; top:0; right:0; z-index:9; padding:3%; }
/************************************************************************************************************/
/************************************************************************************************************/
/*연구개발*/
/*연구분야*/
.research{width:100%; margin:30px auto; word-break:keep-all;}
.research > p{color:#1b1b1b; font-size:15px; line-height:140%; margin-bottom:20px;  border-bottom:5px solid #014099; padding-bottom:20px;}
.research div{border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:30px;}
.research div h3{ color:#014099;  font-size:15px; margin-bottom:10px;}
.research div ul{margin-bottom:10px;}
.research div ul li{font-size:15px; color:#1b1b1b;  line-height:140%; padding:2px 0; background:url("../image/sub/research/dot.png") no-repeat left 10px; padding-left:8px; }
.research div > p { margin-bottom:5%; }
.research div > p img{display:block; width:100%;}

/*주택설계 연구/성과*/
.housedesign{width:100%; margin:30px auto;}
.housedesign ul.tabs {margin: 0;padding: 0;overflow:hidden;border-left:1px solid #eee;width:100%;font-size:0;}
.housedesign ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:20px 0; width:32.5%; color:#1b1b1b; }
.housedesign ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.housedesign ul.tabs li.active {background: #014099; color:#fff; font-weight:800;}
.housedesign ul.tabs li br{display:none;}
.housedesign .tab_container {margin-top:20px; width:100%;}
.housedesign .tab_content {display:none;}

.housedesign .tab_content .inner_research{border-top:5px solid #014099; padding-top:20px;}
.housedesign .tab_content .inner_research div{border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:30px;}
.housedesign .tab_content .inner_research div:last-child { border-bottom:none; }
.housedesign .tab_content .inner_research div h3{ color:#014099;  font-size:15px; margin-bottom:15px; line-height:140%;}
.housedesign .tab_content .inner_research div > p{color:#1b1b1b; font-size:15px; line-height:140%; margin-bottom:20px; }
.housedesign .tab_content .inner_research div > p span{display:block; margin-bottom:15px;}
.housedesign .tab_content .inner_research div > p img{display:block; width:100%;}
.housedesign .tab_content .inner_research div ul li{font-size:12px; color:#1b1b1b;  line-height:140%; margin:5px 0}
.housedesign .tab_content .inner_research div ul li:first-child { margin-bottom:10px; }
.housedesign .tab_content .inner_research div ul li strong{display:block; color:#014099;}
.housedesign .tab_content .inner_research div ul li strong span{color:#1b1b1b;}

.housedesign .tab_content .inner_research .loadmore { width:100%; text-align:center; margin-bottom:30px; padding-bottom:30px; }
.housedesign .tab_content .inner_research div:nth-child(n+2) { display:none; }

.detailPopup { display:none; position:fixed; top:0; left:0; width:87.5%; height:100%; margin-top:60px; padding:6.25%; background:rgba(0, 0, 0, 0.8); z-index:999; }
.detailPopup > img { width:100%; }
.detailPopup .detailPopupClose { display:block; position:absolute; top:3.25%; right:5.55%; padding:3%; z-index:9; cursor:pointer; }

/*지식재산권*/
.development{width:100%; margin:30px auto;}
.development h3{ color:#014099;  font-size:18px; border-bottom:5px solid #014099; padding-bottom:20px;}
.development div{margin-top:20px; border-bottom:1px solid #014099; margin-bottom:30px; padding-bottom:30px;}
.development div h4{ color:#014099;  font-size:15px;}
.development div ul li{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}
.development div ul li p { background:url("../image/sub/research/dot2.png") no-repeat 2px 8px; padding-left:10px; }
.development div ul li p span{display:block; font-size:12px;color:#014099; padding:0;}
.development .loadmore { width:100%; text-align:center; margin-bottom:30px; padding-bottom:30px; }
.development div.dev:nth-child(n+4) { display:none; }

.development .dev_counter { position:relative; width:100%; margin:30px 0 50px 0; }
.development .dev_counter li { clear:both; position:relative; width:100%; height:30px; color:#fff; background:#009EE3 url("../image/sub/research/counterBg.png") repeat-x 0px 45px; padding:10px 0; overflow:hidden; }
.development .dev_counter li span { display:block; position:absolute; left:0; padding:0 2.678%; bottom:0; font-size:18px; font-weight:900; background:#009EE3; }
.development .dev_counter li strong { display:block; position:absolute; right:0; padding:0 2.678%; bottom:-6px; font-size:38px; font-weight:900; background:#009EE3; }
.development .dev_counter li:nth-child(4) { padding-bottom:25px; }
.development .dev_counter li:nth-child(4) span { bottom:15px; }
.development .dev_counter li:nth-child(4) strong { bottom:11px; }
.development .dev_counter li:last-child { padding-bottom:20px; background:#000 url("../image/sub/research/counterBg.png") repeat-x 0px 45px; }
.development .dev_counter li:last-child span { bottom:10px; background:#000; }
.development .dev_counter li:last-child strong { bottom:6px; background:#000; }

/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/*정도경영*/
/*정도경영*/
.managing{width:100%; margin:30px auto; word-break:keep-all;}
.managing ul.tabs {margin: 0 auto;padding: 0;overflow:hidden;border-left:1px solid #eee;width:87.5%;font-size:0;}
.managing ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:8px 0; width:32.5%; color:#1b1b1b; line-height:22px; vertical-align:top;}
.managing ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.managing ul.tabs li.active {background: #014099; color:#fff; font-weight:800;}
.managing .tab_container {margin-top:20px; width:100%;}
.managing .tab_content {display:none;}

.managing .imgfree { width:100%; }
.managing .imgfree img { width:100%; vertical-align:top; }

.managing .system { width:87.5%; margin:0 auto; }
.managing .system > h3{font-size:18px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 20px; margin-bottom:20px;}
.managing .system > p{margin-bottom:20px;}
.managing .system > p img{display:block; width:100%;}
.managing .system > h4{ color:#014099;  font-size:15px; margin-bottom:10px; margin-top:40px; }
.managing .system div{margin-bottom:20px; margin-bottom:40px; }
.managing .system div p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}

.managing .concept { width:87.5%; margin:0 auto; }
.managing .concept > h3{font-size:22px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 20px;  margin-bottom:20px;}
.managing .concept > h4{font-size:15px; color:#1b1b1b; line-height:140%; text-align:center; padding:0 15px;  margin-bottom:20px; font-weight:normal;}
.managing .concept > h5{font-size:15px; color:#014099; margin:40px 0 0 0; font-weight:900;}
.managing .concept > h6{font-size:15px; color:#1b1b1b; font-weight:normal; padding-bottom:30px; line-height:125%; }
.managing .concept > h6 strong {font-weight:900; display:inline-block; margin:10px 0; }
.managing .concept > p img{display:block; width:100%;}

.managing .accuse { width:87.5%; margin:0 auto; padding-bottom:30px; }
.managing .accuse > h3{font-size:22px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 20px;  margin-bottom:20px;}
.managing .accuse > p{font-size:12px; color:#1b1b1b;  line-height:140%; margin:10px 0; background:url("../image/sub/managing/dot2.png") no-repeat 2px 8px; padding-left:8px;}
.managing .accuse > p:nth-child(2) { background:none }
.managing .accuse > p a span{color:#014099}
.managing .accuse > p img{display:block; width:100%; }
.managing .accuse > ul { padding-bottom:30px; margin-bottom:15px; border-bottom:1px solid #C2C2C2; }
.managing .accuse > ul li{font-size:15px; color:#1b1b1b;  line-height:110%; margin:10px 0; background:url("../image/sub/managing/dot.png") no-repeat 2px center; padding-left:8px; }
.managing .accuse > ul li.accuseBtn { padding:5px 0 3px 0; }
.managing .accuse > ul li.accusePrivacy { background:none; padding-left:0; }
.managing .accuse > ul li span{font-size:12px; color:#014099}

/*신사업*/
.future{width:100%; margin:30px auto 60px auto; word-break:keep-all;}
.future > h3{font-size:15px; color:#014099; line-height:130%; margin-top:30px; margin-bottom:15px; letter-spacing:-1px;}
.future > p{margin-bottom:30px; font-size:15px; color:#1b1b1b;  line-height:140%;}
.future > p img{display:block; width:100%;}

/*안전보건/품질/환경*/
.qes{width:100%; margin:30px auto; word-break:keep-all;}
.qes ul.tabs {margin: 0 auto;padding: 0;overflow:hidden;border-left:1px solid #eee;width:87.5%;font-size:0;}
.qes ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:20px 0; width:32.5%; color:#1b1b1b; line-height:22px; vertical-align:top; }
.qes ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.qes ul.tabs li:first-child { padding:9px 0; }
.qes ul.tabs li.active {background: #014099; color:#fff; font-weight:800;}
.qes .tab_container {margin-top:20px; width:100%;}
.qes .tab_content {display:none;}

.qes .imgfree { width:100%; }
.qes .imgfree img { width:100%; vertical-align:top; }

/* 안전탭 */
.qes .safety .graph { width:100%; }
.qes .safety .graph h4 { font-size:15px; color:#014099; padding:20px 0; }
.qes .safety .graph img { width:100%; }
.qes .safety .graph .definition { width:94.644%; background:#F1F2F2; padding:20px 2.678% 0 2.678%; margin-top:15px; }
.qes .safety .graph .definition dl { font-size:12px; color:#1b1b1b; line-height:16px; padding-bottom:20px; }
.qes .safety .graph .definition dt { font-weight:800; }
.qes .safety .graph .definition dd { background:url("../image/sub/managing/dot3.png") no-repeat 2px center; padding-left:8px; }

.qes .safety { width:87.5%; margin:0 auto; }
.qes .safety > h3{font-size:22px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 15px;  margin-bottom:15px;}
.qes .safety > p{font-size:15px; color:#1b1b1b; line-height:140%; text-align:center; padding:0 15px;  margin-bottom:20px; font-weight:normal;}
.qes .safety > p img{display:block; width:100%;}
.qes .safety .inner1{margin-top:50px;}
.qes .safety .inner1 h4{font-size:15px; color:#014099; line-height:130%;  margin-bottom:5px; letter-spacing:-1px;}
.qes .safety .inner1 p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}
.qes .safety .inner1 p img{display:block; width:100%;}

.qes .inner2{background:url(../image/sub/managing/img10.jpg) no-repeat top center; background-size:cover; color:#fff;  padding:50px 30px 30px 30px; margin-top:20px; }
.qes .inner2.bg1{background:url(../image/sub/managing/img13.jpg) no-repeat top center;}
.qes .inner2.bg2{background:url(../image/sub/managing/img16.jpg) no-repeat top center;}
.qes .inner2.bg2 p{padding-bottom:50px;}
.qes .inner2 h4{font-size:15px; padding-bottom:15px;}
.qes .inner2 h4:nth-child(2){padding-top:35px;}
.qes .inner2 p{font-size:15px; padding-bottom:15px; line-height:140%;}
.qes .inner2 p.point{color:#32baf5; padding-bottom:50px;}
.qes .inner2 ul{color:#32baf5; padding-bottom:50px;}
.qes .inner2 ul li{font-size:15px; padding-bottom:5px; line-height:140%;}

.qes .safety .inner3{margin-top:40px;}
.qes .safety .inner3 h4{ color:#014099; font-size:15px; border-bottom:5px solid #014099; padding-bottom:15px; margin-bottom:15px;}
.qes .safety .inner3 div{margin-top:20px; border-bottom:1px solid #014099; font-size:15px; margin-bottom:30px; padding-bottom:30px;}
.qes .safety .inner3 div h5{font-size:15px;  color:#014099; margin-bottom:15px;}
.qes .safety .inner3 div p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}

/* 품질탭 */
.qes .quality .graph { width:100%; }
.qes .quality .graph h4 { font-size:15px; color:#014099; padding:20px 0; }
.qes .quality .graph img { width:100%; }
.qes .quality .graph .definition { width:94.644%; background:#F1F2F2; padding:20px 2.678% 0 2.678%; margin-top:35px; }
.qes .quality .graph .definition dl { font-size:12px; color:#1b1b1b; line-height:16px; padding-bottom:20px; }
.qes .quality .graph .definition dt { font-weight:800; }
.qes .quality .graph .definition dd { background:url("../image/sub/managing/dot3.png") no-repeat 2px center; padding-left:8px; }

.qes .quality { width:87.5%; margin:0 auto; }
.qes .quality > h3{font-size:22px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 15px;  margin-bottom:15px;}
.qes .quality > p{font-size:15px; color:#1b1b1b; line-height:140%; text-align:center; padding:0 15px;  margin-bottom:20px; font-weight:normal;}
.qes .quality > p img{display:block; width:100%;}
.qes .quality .inner1{margin-top:50px;}
.qes .quality .inner1 h4{font-size:15px; color:#014099; line-height:130%;  margin-bottom:5px; letter-spacing:-1px;}
.qes .quality .inner1 p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}
.qes .quality .inner1 p img{display:block; width:100%;}

.qes .quality .inner3{margin-top:40px;}
.qes .quality .inner3 h4{ color:#014099; font-size:15px; border-bottom:5px solid #014099; padding-bottom:15px; margin-bottom:15px;}
.qes .quality .inner3 div{margin-top:20px; border-bottom:1px solid #014099; font-size:15px; margin-bottom:30px; padding-bottom:30px;}
.qes .quality .inner3 div h5{font-size:15px;  color:#014099; margin-bottom:15px;}
.qes .quality .inner3 div p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}

/* 환경탭 */
.qes .environment .graph { width:100%; padding-top:30px; }
.qes .environment .graph h4 { font-size:15px; color:#014099; padding:20px 0; }
.qes .environment .graph img { width:100%; }
.qes .environment .graph .definition { width:94.644%; background:#F1F2F2; padding:20px 2.678% 0 2.678%; margin-top:35px; }
.qes .environment .graph .definition dl { font-size:12px; color:#1b1b1b; line-height:16px; padding-bottom:20px; }
.qes .environment .graph .definition dt { font-weight:800; }
.qes .environment .graph .definition dt small { font-weight:400; color:#014099; }
.qes .environment .graph .definition dd { background:url("../image/sub/managing/dot3.png") no-repeat 2px center; padding-left:8px; }

.qes .environment { width:87.5%; margin:0 auto; }
.qes .environment > h3{font-size:22px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 15px;  margin-bottom:15px;}
.qes .environment > p{font-size:15px; color:#1b1b1b; line-height:140%; text-align:center; padding:0 15px;  margin-bottom:20px; font-weight:normal;}
.qes .environment > p img{display:block; width:100%;}
.qes .environment .inner1{margin-top:50px;}
.qes .environment .inner1 h4{font-size:15px; color:#014099; line-height:130%;  margin-bottom:5px; letter-spacing:-1px;}
.qes .environment .inner1 p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}
.qes .environment .inner1 p img{display:block; width:100%;}

.qes .environment .inner3{margin-top:40px;}
.qes .environment .inner3 h4{ color:#014099; font-size:15px; border-bottom:5px solid #014099; padding-bottom:15px; margin-bottom:15px;}
.qes .environment .inner3 div{margin-top:20px; border-bottom:1px solid #014099; font-size:15px; margin-bottom:30px; padding-bottom:30px;}
.qes .environment .inner3 div h5{font-size:15px;  color:#014099; margin-bottom:15px;}
.qes .environment .inner3 div p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}

/*CSR*/
.csr{width:100%; margin:30px auto 70px auto; word-break:keep-all;}
.csr ul.tabs {margin: 0 auto;padding: 0;overflow:hidden;border-left:1px solid #eee;width:87.5%;font-size:0;}
.csr ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:17px;padding:20px 0; width:32.5%; }
.csr ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.csr ul.tabs li.active {background: #014099; color:#fff; font-weight:600;}
.csr ul.tabs li br{display:none;}
.csr .tab_container {margin-top:20px; width:100%;}
.csr .tab_content {display:none;}

.csr .winwin { width:87.5%; margin:0 auto; }
.csr .winwin > h3{font-size:20px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 15px;  margin-bottom:20px; letter-spacing:-1px;}
.csr .winwin > p{font-size:15px; color:#1b1b1b; line-height:140%; text-align:center; padding:0 15px;  margin-bottom:20px; font-weight:normal;}
.csr .winwin .inner1 h4{ color:#014099; font-size:15px; margin-bottom:10px; padding-top:20px; }
.csr .winwin .inner1 p{font-size:15px; color:#1b1b1b; line-height:140%;}
.csr .winwin .inner1 ul{margin-top:20px;}
.csr .winwin .inner1 ul li{text-align:center;}
.csr .winwin .inner1 ul li p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0; text-align:left;}
.csr .winwin .inner1 ul li span{background:#014099; display:block; width:100%;}
.csr .winwin .inner1 ul li:nth-child(2n) span{background:#32baf5; display:block; width:100%;}

.csr .winwin .inner2{margin-top:30px;}
.csr .winwin .inner2 h4{ color:#014099; font-size:15px; border-bottom:5px solid #014099; padding-bottom:15px; margin-bottom:15px;}
.csr .winwin .inner2 div{margin-top:20px; border-bottom:1px solid #014099; font-size:15px; margin-bottom:30px; padding-bottom:30px;}
.csr .winwin .inner2 div h5{font-size:15px;  color:#014099; margin-bottom:15px;}
.csr .winwin .inner2 div p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0}
.csr .winwin .inner2 div p img{display:block; width:100%;}

.csr .share { width:87.5%; margin:0 auto; }
.csr .share > h3{font-size:20px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 15px;  margin-bottom:20px; letter-spacing:-1px;}
.csr .share > p{font-size:15px; color:#1b1b1b; line-height:140%; text-align:center; padding:0 15px;  margin-bottom:20px; font-weight:normal;}
.csr .share .inner1 h4{ color:#014099; font-size:15px; margin-bottom:10px;}
.csr .share .inner1 p{font-size:15px; color:#1b1b1b; line-height:140%;}
.csr .share .inner1 ul{margin-top:20px;}
.csr .share .inner1 ul li{text-align:center;}
.csr .share .inner1 ul li p{font-size:15px; color:#1b1b1b;  line-height:140%; margin:10px 0; text-align:left;}
.csr .share .inner1 ul li strong{font-size:15px; color:#1b1b1b; text-align:left; display:block; margin-top:15px;}
.csr .share .inner1 ul li span{background:url(../image/sub/managing/bg1.jpg); display:block; width:100%;}
.csr .share .inner1 ul li:nth-child(2n) span{background:url(../image/sub/managing/bg2.jpg); display:block; width:100%;}
.csr .share .inner1 ul li ul{margin-bottom:15px;}
.csr .share .inner1 ul li ul li{font-size:15px; color:#014099; line-height:140%; margin:5px 0; text-align:left;}

.csr .share_inner2{margin-top:30px; background:url(../image/sub/managing/bg3.jpg) no-repeat top left; background-size:cover; padding:30px 20px;}
.csr .share_inner2 h3{ color:#014099; font-size:15px; margin-bottom:20px;}
.csr .share_inner2 h4{margin-bottom:20px;}
.csr .share_inner2 p{font-size:15px; color:#1b1b1b; line-height:130%; margin-bottom:50px;}
.csr .share_inner2 a{margin-bottom:5px;}

.csr .share .inner3{margin-top:30px; margin-bottom:30px;}
.csr .share .inner3 h3{ color:#014099; font-size:15px; margin-bottom:20px;}
.csr .share .inner3 ul li{font-size:15px; color:#1b1b1b; line-height:130%; margin:10px 0}
.csr .share .inner3 ul li img{display:block; width:100%;}
.csr .share .inner3 ul li p{margin-top:15px;}


.csr .sports { width:100%; margin:0 auto; }
.csr .sports > h3{font-size:20px; color:#1b1b1b; line-height:130%; text-align:center; padding:0 15px;  margin-bottom:20px; letter-spacing:-1px;}
.csr .sports > p{font-size:15px; color:#1b1b1b; line-height:140%; text-align:center; padding:0 15px;  margin-bottom:20px; font-weight:normal;}
/*.csr .sports div{position:relative; margin-bottom:30px;}*/
.csr .sports div{position:relative; margin-bottom:50px; background: url(../image/sub/managing/img18_bg.jpg) no-repeat top center; background-size: cover; padding-bottom: 75%;}
/*.csr .sports div p{position:absolute; top:40%; color:#fff; padding:0 20px;}*/
.csr .sports div p{padding-top: 90%; color:#fff; width: 87.5%; margin: 0 auto; }
.csr .sports div p span,
.csr .sports div p strong{display:block;  font-size:15px;  line-height:130%;}
.csr .sports div p strong{margin-bottom:15px;}
/*.csr .sports div img{display:block; width:100%;}*/
.csr .sports div img{display:block; width:100%; position: absolute; padding-top: 20px;}
.csr .sports .imgarrest { width:87.5%; margin:0 auto 30px auto; }


/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/

/*투자정보*/
/*경영정보*/
.management{width:100%; margin:30px auto;}
.management ul.tabs {margin: 0;padding: 0;overflow:hidden;border-left:1px solid #eee;width:100%;font-size:0;}
.management ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:20px 0; width:24.5%; line-height:22px; vertical-align:top;}
.management ul.tabs li.active {background: #014099; color:#fff; font-weight:600;}
.management ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.management ul.tabs li:nth-child(-n+2) { padding:9px 0; }
.management .tab_container {margin-top:30px; width:100%;}
.management .tab_content {padding-bottom:30px;display:none;}

.management .management p img{display:block; width:100%;}
.management .management table{width:100%; margin-top:15px;}
.management .management table th{color:#014099; padding:10px 5px; font-size:15px; text-align:left;}
.management .management table td{color:#1b1b1b; padding:10px 5px; font-size:15px;}

.management .governance p img{display:block; width:100%;}

.management .stockholder table{width:100%; margin-bottom:30px; border-top:3px solid #014099;}
.management .stockholder table caption{ color:#014099; font-size:15px; font-weight:600; text-align:left; margin-bottom:15px; font-weight:300; }
.management .stockholder table caption span{color:#808285; font-size:12px; float:right;  letter-spacing:-1px; margin-top:5px;}
.management .stockholder table th{ border-bottom:1px solid #014099; color:#014099; padding:10px 0px; font-size:12px;}
.management .stockholder table td{ color:#1b1b1b; padding:10px 0px; font-size:12px; border-bottom:1px solid #ddd; text-align:center;}
.management .stockholder table td.tit{font-size:15px; font-weight:600; letter-spacing:-1px;text-align:center;}
.management .stockholder table tr.han{background:#f2f5fa;}
.management .stockholder table tr.han td{ color:#014099; font-weight:600; font-size:15px;}

.management .director table{width:100%; margin-bottom:30px;}
.management .director table caption{ color:#014099; font-size:15px; font-weight:600; text-align:left; margin-bottom:15px;}
.management .director table caption span{color:#808285; font-size:12px; float:right;  letter-spacing:-1px; margin-top:5px; font-weight:300; }
.management .director table th{ border-top:3px solid #014099; border-bottom:1px solid #014099; color:#014099; padding:10px 3px; font-size:15px; text-align:left;}
.management .director table td{ color:#1b1b1b; padding:10px 3px; font-size:15px; border-bottom:1px solid #ddd;}
.management .director table tr.tit td{font-size:15px; color:#1b1b1b; font-weight:600; letter-spacing:-1px;text-align:left;}

/*재무정보*/
.finance{width:100%; margin:30px auto; word-break:keep-all;}
.finance ul.tabs {margin: 0;padding: 0;overflow:hidden;border-left:1px solid #eee;width:100%;font-size:0;}
.finance ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:20px 0; width:32.5%; line-height:22px; vertical-align:top;}
.finance ul.tabs li.active {background: #014099; color:#fff; font-weight:600;}
.finance ul.tabs li:first-child { padding:9px 0; border-left:1px solid #BFBFBF; }
.finance ul.tabs li:last-child { padding:9px 0; }
.finance .tab_container {margin-top:30px; width:100%;}
.finance .tab_content {display:none;}

/* 주요경영 실적 */
.finance .result { position:relative; width:100%; }
.finance .result table { position:relative; width:100%; border-top:5px solid #00B4ED; margin-bottom:50px; }
.finance .result table:nth-child(2n) {margin-right:0; }
.finance .result table caption { width:100%; margin-bottom:15px; font-size:15px; color:#00B4ED; font-weight:600; text-align:left; }
.finance .result table caption q { display:inline-block; float:right; font-size:11px; color:#00B4ED; font-weight:300; }
.finance .result table#table1 thead th { position:relative; width:50px; height:59px; font-size:12px; color:#00B4ED; }
.finance .result table#table2 thead th { position:relative; width:50px; height:74px; font-size:12px; color:#00B4ED; }
.finance .result table#table2 thead tr:first-child th { height:73px; }
.finance .result table#table3 thead th { position:relative; width:50px; height:74px; font-size:12px; color:#00B4ED; }
.finance .result table#table4 thead th { position:relative; width:50px; height:49px; font-size:12px; color:#00B4ED; }
.finance .result table#table4 thead tr:first-child th { height:51px; }
.finance .result table thead th p { position:absolute; bottom:-9px; right:5px; }
.finance .result table thead td { border-bottom:1px solid #BFBFBF; }
.finance .result table thead tr:last-child td { border-bottom:1px solid #034299; }
.finance .result table tbody { width:100%; }
.finance .result table#table1 tbody { position:absolute; bottom:60px; left:0;height:240px; }
.finance .result table#table2 tbody { position:absolute; bottom:60px; left:0; height:225px; }
.finance .result table#table3 tbody { position:absolute; bottom:60px; left:0; height:224px; }
.finance .result table#table4 tbody { position:absolute; bottom:60px; left:0; height:239px; }
.finance .result table tbody th { width:50px; font-size:0; text-indent:-99999px; }
.finance .result table#table1 tbody td { position:relative; height:240px; text-align:center; vertical-align:bottom; }
.finance .result table#table2 tbody td { position:relative; height:225px; text-align:center; vertical-align:bottom; }
.finance .result table#table3 tbody td { position:relative; height:225px; text-align:center; vertical-align:bottom; }
.finance .result table#table4 tbody td { position:relative; height:240px; text-align:center; vertical-align:bottom; }
.finance .result table tbody td p { position:relative; margin:0 auto; bottom:-1px; width:40px; background:#BFBFBF; }
.finance .result table#table1 tbody td.recentYear p { background:#00B4ED; }
.finance .result table#table2 tbody td.recentYear p { background:#00B4ED; }
.finance .result table#table3 tbody td.recentYear p { background:#00B4ED; }
.finance .result table#table4 tbody td.recentYear p { background:#00B4ED; }
.finance .result table tbody td p span { position:absolute; top:0; left:0; text-align:center; width:100%; font-size:14px; margin-top:-15px; display:none; }
.finance .result table tfoot th { position:relative; width:50px; height:59px; font-size:0; text-indent:-99999px; }
.finance .result table tfoot td { text-align:center; font-size:15px; color:#1b1b1b; }
.finance .result table tfoot td small { font-size:12px; }

/* 결산공고 */
    /* tab2 결산공고 */
.st_selectBox {
    width: 99%;
    background: #014099;
	border-left:1px solid #014099;
	border-right:1px solid #014099;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-indent: 15px;
    font-weight: 600;
    display: table;
	position:relative;
/*    position: relative;*/
}

.st_selectBoxBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:9991; }

.box1 { z-index:9990; }
.box1list { display:none; position:relative; width:99%; background:#F7F8F8; border:1px solid #C9CACA; border-top:none; z-index:9990; }
.box1list li { width:100%; }
.box1list li a { display:inline-block; width:100%; padding:13px 0; font-size:15px; color:#1b1b1b; text-indent:15px; }

.box2 { z-index:9990; }
.box2list { display:none; position:relative; width:99%; background:#F7F8F8; border:1px solid #C9CACA; border-top:none; z-index:9990; }
.box2list li { width:100%; }
.box2list li a { display:inline-block; width:100%; padding:13px 0; font-size:15px; color:#1b1b1b; text-indent:15px; }

.st_selectBox.box2 {
    background: #009ee3;
    margin-top: 10px;
    border-left: #009ee3;
    border-right: #009ee3;
}
.st_selectBox span {
/*    position: absolute;
    right: 0;*/
    display: table-cell;
    vertical-align: middle;
    text-indent: 0;
    float: right;
    padding-right: 10px;
}

.st_table { margin-top:30px; }

.st_table table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
	margin-top:0;
    margin-bottom: 30px;
}
.st_table table caption {
    margin-bottom: 8px;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}
.st_table table caption q {
    display: inline-block;
    float: right;
    color: #00B4ED;
    font-size: 10px;
    padding-top: 5px;
}
.st_table table thead tr {
    position: relative;
    height: 34px;
}
.st_table table thead th {
    position: relative;
    width: 60px;
    height: 34px;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 500;
    border-bottom: 1px solid #034299;
}
.st_table table thead th:first-child {
    text-align: left;
    text-indent: 10px;
}
.st_table table thead th:last-child {
    text-align: right;
    padding-right: 10px;
}

.st_table table tbody tr {
    position: relative;
    width: 100%;
    height: 39px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 300;
    border-bottom: 1px solid #bfbfbf;
}
.st_table table tbody tr.st_trstyle {
    font-size: 15px;
    color: #00B4ED;
    background: #f2f5fa;
}
.st_table table tbody th {
    width: 270px;
    text-align: left;
    text-indent: 10px;
}
.st_table table tbody tr.st_trstyle th {
    font-weight: 600;
}
.st_table table tbody td {
    text-align: right;
    padding-right: 10px;
}
.st_table table tfoot tr {
    position: relative;
    width: 100%;
    height: 39px;
    font-size: 15px;
    color: #fff;
    background: #00B4ED;
    font-weight: 300;
    border-bottom: 0;
}
.st_table table tfoot th {
    width: 100%;
    text-align: left;
    text-indent: 10px;
}
.st_table table tfoot td {
    text-align: right;
    padding-right: 10px;
}

.st_table table.table4 {
    margin-top: 0;
    box-sizing: border-box;
    border: 5px solid #00B4ED;
    height: 60px;
}
.st_table table.table4 tr {
    font-size: 15px;
    color: #00B4ED;
}

.st_table  .st_up_bottom { margin-bottom:50px; }

.textContainer {
	margin-top: 50px;
	width: calc(100% - 40px);
	background: #eee;
	border-top: 5px solid #00B4ED;
	border-bottom: 1px solid #00B4ED;
	height: 400px;
	padding:0 20px;
	margin-bottom:130px;
}
.textContainer p {
	margin-top: 23px;
	text-align: left;
	float: left;
	font-size: 15px;
	color: #464646;
	line-height: 20px;
}
.textContainer p strong {
	display: block;
	font-size: 15px;
	color: #00B4ED;
	margin-bottom: 11px;
}
.textContainer p.logo {
	margin-top: 30px;
	margin-left: 53px;
	margin-right: 111px;
}
.textContainer p.date {
	font-size: 18px;
	margin-right: 110px;
}
.textContainer p.text span {
	color: #000;
	display: block;
	margin-top: 11px;
	font-weight: 600;
}

/* 외부감사인 */
.finance .appoint { padding-bottom:30px; }
.finance .appoint > h3{ font-size:22px; color:#1b1b1b; margin-bottom:20px; text-align:center;}
.finance .appoint > p{font-size:15px; color:#1bm1b1b; line-height:130%; margin-bottom:10px; padding:0 20px; text-align:center; font-weight:400}
.finance .appoint > p strong{ color:#014099; font-weight:400}
.finance .appoint ul{width:51.785%; margin:0 auto 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0}
.finance .appoint li{font-size:15px; color:#1b1b1b; padding:10px 0; line-height:130%;}
.finance .appoint li span { width:100px; text-indent:8px; display:inline-block; }

/* 주식정보 */
.stock{width:100%; margin:30px auto;}

/* 공시정보 */
.information{width:100%; margin:30px auto;}
.information ul.tabs {margin: 0 auto;padding: 0;overflow:hidden;border-left:1px solid #eee;width:100%;font-size:0;}
.information ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px; width:48.5%; color:#1b1b1b; line-height:22px; vertical-align:top; }
.information ul.tabs li.active {background: #014099; }
.information ul.tabs li.active a { color:#fff; font-weight:600;}
.information ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.information ul.tabs li a { display:block; width:100%; padding:18px 0; }
/*.information ul.tabs li:last-child { padding:7px 0; }*/
.information iframe { margin-top:30px; }
.inforNotice { width:100%; border-top:1px solid #BFBFBF; padding-bottom:30px; }
.inforNotice p { font-size:15px; color:#1b1b1b; text-align:center; font-weight:400; padding:20px 0; }
.inforNotice a { font-size:15px; color:#fff; display:block; text-align:center; width:100%; height:40px; background:#014099; line-height:40px; }
.information table { position:relative; width:100%; border-top:5px solid #00B4ED; margin:30px 0; }
.information table caption { width:100%; margin-bottom:10px; font-size:12px; color:#1b1b1b; font-weight:900; text-align:left; }
.information table caption q { display:inline-block; float:right; font-size:15px; color:#00B4ED; font-weight:300; }
.information table thead th { padding:10px 0; font-size:12px; color:#00B4ED; font-weight:100; text-align:left; border-bottom:1px solid #00B4ED; }
.information table tbody td { padding:10px 0; font-size:15px; color:#1b1b1b; text-align:left; border-bottom:1px solid #CACBCC; }
.information table tbody tr:first-child td, .information table tbody tr:last-child td  { padding:0; height:0; border:none; }
.information table tbody td:last-child { text-align:center; }
.information table tbody td small { font-size:12px; color:#014099; display:inline-block; margin-top:5px; }
.information table img { vertical-align:middle; }
.information table tfoot { text-align:center; border-top:1px solid #00B4ED; }
.information table tfoot td { padding:20px 0 30px 0; }
.information table tfoot a { display:inline-block; height:28px; padding:0 10px 0 10px; line-height:30px; font-size:15px; color:#1b1b1b; font-weight:500; vertical-align:middle; }
.information table tfoot a.currentPage, .information table tfoot a.paging:hover { color:#fff; background:#00B4ED; }
.information table thead th.num, .information table tbody td.num { text-align:center; }
.information table tfoot td a.next, .information table tfoot td a.prev { position:relative; }
.information table tfoot td a.next:hover, .information table tfoot td a.prev:hover { background:none; }

/* IR정보 */
.ir {width:100%; margin:30px auto;}
.ir ul.tabs {margin: 0 auto;padding: 0;overflow:hidden;border-left:1px solid #eee;width:100%;font-size:0;}
.ir ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:18px 0; width:48.5%; color:#1b1b1b; line-height:22px; vertical-align:top; }
.ir ul.tabs li.active {background: #014099; }
.ir ul.tabs li.active a { color:#fff; font-weight:600;}
.ir ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.ir ul.tabs li:last-child { padding:7px 0; }

.ir table { position:relative; width:100%; border-top:5px solid #00B4ED; margin:30px 0; }
.ir table caption { width:100%; margin-bottom:10px; font-size:12px; color:#1b1b1b; font-weight:900; text-align:left; }
.ir table caption q { display:inline-block; float:right; font-size:15px; color:#00B4ED; font-weight:300; }
.ir table thead th { padding:10px 0; font-size:12px; color:#00B4ED; font-weight:100; text-align:left; border-bottom:1px solid #00B4ED; }
.ir table tbody td { padding:10px 0; font-size:15px; color:#1b1b1b; text-align:left; border-bottom:1px solid #CACBCC; }
.ir table tbody tr:first-child td, .ir table tbody tr:last-child td  { padding:0; height:0; border:none; }
.ir table tbody td:last-child { text-align:center; }
.ir table tbody td small { font-size:12px; color:#014099; display:inline-block; margin-top:5px; }
.ir table img { vertical-align:middle; }
.ir table tfoot { text-align:center; border-top:1px solid #00B4ED; }
.ir table tfoot td { padding:20px 0 30px 0; }
.ir table tfoot a { display:inline-block; height:28px; padding:0 10px 0 10px; line-height:30px; font-size:15px; color:#1b1b1b; font-weight:500; vertical-align:middle; }
.ir table tfoot a.currentPage, .ir table tfoot a.paging:hover { color:#fff; background:#00B4ED; }
.ir table thead th.num, .ir table tbody td.num { text-align:center; }
.ir table tfoot td a.next, .ir table tfoot td a.prev { position:relative; }
.ir table tfoot td a.next:hover, .ir table tfoot td a.prev:hover { background:none; }

/* 지속가능 */
.downloadArea_2btn {
	margin-top: 30px;
	font-size:0;
	position:relative;
}
.downloadArea_2btn .img {
	position:relative;
	display:inline-block;
	width:100%;
	margin-right:50px;
	vertical-align:top;
	z-index:9;
}
.downloadArea_2btn .img img {
	width:100%;
}
.downloadArea_2btn .continuance_text {
	position:relative;
	display:inline-block;
	width:100%;
	color: #1b1b1b;
	vertical-align:top;
	margin-top:50px;
	z-index:9;
}
.downloadArea_2btn .continuance_text strong {
	display: block;
	font-size: 40px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
	word-break:keep-all;
}

.downloadArea_2btn .continuance_text span {
	display: block;
	margin-top: 40px;
	font-size: 20px;
	line-height: 30px;
	word-break:keep-all;
}
 .downloadArea_2btn .continuance_text p {
	margin-top:30px;
}

 .downloadArea_2btn .continuance_text p a {
	display: block;
	margin-bottom:15px;
	width:100%;
	height:60px;
	line-height:60px;
	font-size: 18px;
	font-weight: 600;
	border:1px solid #BEBEBE;
}

.downloadArea_2btn .continuance_text p a:first-child {
	margin-right:20px;
}

.downloadArea_2btn .continuance_text p a img {
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
}

.downloadTxt_continuance {
	position:absolute;
	bottom:30px;
	left:0;
	font-size: 15px;
	width: 100%;
	text-align: right;
	padding-top: 15px;
	border-top: 1px solid #bfbfbf;
	z-index:1;
}
.downloadTxt_continuance span {
	color: #00B4ED;
	font-weight: 600;
	margin-left: 14px;
}

.continuance table { position:relative; width:100%; border-top:5px solid #00B4ED; margin:30px 0; }
.continuance table caption { width:100%; margin-bottom:10px; font-size:12px; color:#1b1b1b; font-weight:900; text-align:left; }
.continuance table caption q { display:inline-block; float:right; font-size:15px; color:#00B4ED; font-weight:300; }
.continuance table thead th { padding:10px 0; font-size:12px; color:#00B4ED; font-weight:100; text-align:left; border-bottom:1px solid #00B4ED; }
.continuance table tbody td { padding:10px 0; font-size:15px; color:#1b1b1b; text-align:left; border-bottom:1px solid #CACBCC; }
.continuance table tbody tr:first-child td, .ir table tbody tr:last-child td  { padding:0; height:0; border:none; }
.continuance table tbody td:last-child { text-align:center; }
.continuance table tbody td small { font-size:12px; color:#014099; display:inline-block; margin-top:5px; }
.continuance table img { vertical-align:middle; }
.continuance table tfoot { text-align:center; border-top:1px solid #00B4ED; }
.continuance table tfoot td { padding:20px 0 30px 0; }
.continuance table tfoot a { display:inline-block; height:28px; padding:0 10px 0 10px; line-height:30px; font-size:15px; color:#1b1b1b; font-weight:500; vertical-align:middle; }
.continuance table tfoot a.currentPage, .ir table tfoot a.paging:hover { color:#fff; background:#00B4ED; }
.continuance table thead th.num, .ir table tbody td.num { text-align:center; }
.continuance table tfoot td a.next, .ir table tfoot td a.prev { position:relative; }
.continuance table tfoot td a.next:hover, .ir table tfoot td a.prev:hover { background:none; }

/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/*홍보센터*/
/* 회사 소식 */
.news{width:100%; margin:30px auto;}
.news ul.tabs {margin: 0 auto;padding: 0;overflow:hidden;border-left:1px solid #eee;width:100%;font-size:0;}
.news ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:18px 0; width:48.5%; color:#1b1b1b; line-height:22px; vertical-align:top; }
.news ul.tabs li.active {background: #014099; }
.news ul.tabs li.active a { color:#fff; font-weight:600;}
.news ul.tabs li:first-child { border-left:1px solid #BFBFBF; }

.news table { position:relative; width:100%; border-top:5px solid #00B4ED; margin:30px 0; }
.news table caption { width:100%; margin-bottom:7px; font-size:12px; color:#1b1b1b; font-weight:900; text-align:left; }
.news table caption q { display:inline-block; float:right; font-size:10px; color:#00B4ED; font-weight:300; }
.news table thead th { padding:10px 0; font-size:12px; color:#00B4ED; font-weight:100; text-align:left; border-bottom:1px solid #00B4ED; }
.news table thead th.newsDetail { padding:15px 0; font-size:15px; color:#00B4ED; font-weight:800; text-align:left; border-bottom:1px solid #00B4ED; }
.news table tbody td { position:relative; padding:28px 0; font-size:15px; color:#1b1b1b; text-align:left; border-bottom:1px solid #CACBCC; }
.news table tbody td p.boardTitle { position:absolute; top:0; left:0; padding:15px 0;width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news table tbody td img { width:100% !important; height:auto !important; }
.news table tbody td small { font-size:12px; color:#014099; display:inline-block; margin-top:5px; }
.news table img { vertical-align:middle; }
.news table tfoot { text-align:center; border-top:1px solid #00B4ED; }
.news table tfoot td { padding:20px 0 30px 0; }
.news table tfoot a { display:inline-block; height:28px; padding:0 10px 0 10px; line-height:30px; font-size:15px; color:#1b1b1b; font-weight:500; vertical-align:middle; }
.news table tfoot a.currentPage, .news table tfoot a.paging:hover { color:#fff; background:#00B4ED; }
.news table thead th.num, .news table tbody td.num { text-align:center; }
.news table tfoot td a.next, .news table tfoot td a.prev { position:relative; }
.news table tfoot td a.next:hover, .news table tfoot td a.prev:hover { background:none; }

.news table thead th.txt_right,
.news table tbody td.txt_right { text-align:right; padding-top:15px; }

/*CI & BI*/
.ci {width:100%; margin:30px auto; padding-bottom:30px; }
.ci div{margin-bottom:20px;}
.ci div > h3{font-size:15px; color:#014099; line-height:130%;  margin-bottom:15px; letter-spacing:-1px;}
.ci div p{margin-bottom:15px; font-size:15px; color:#1b1b1b; line-height:130%;}
.ci div p strong,
.ci div p span{display:block; margin-bottom:10px;}
.ci div > p img{display:block; width:100%;}
.ci div a{margin:5px 0}
.ci div p span em{color:#014099; font-size:12px; font-style:normal;}

/*홍보영상*/
.cf {width:100%; margin:30px auto; }
.cf ul.tabs {margin: 0 auto;padding: 0;overflow:hidden;border-left:1px solid #eee;width:100%;font-size:0;}
.cf ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:18px 0; width:32.5%; color:#1b1b1b; line-height:22px; vertical-align:top; }
.cf ul.tabs li.active {background: #014099; }
.cf ul.tabs li.active a { color:#fff; font-weight:600;}
.cf ul.tabs li:first-child { border-left:1px solid #BFBFBF; }

.movie { width:100%; margin-top:30px; }
.mainMov {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /*16:9*/
    height: 0;
    line-height: 0;
}
.mainMov iframe {
    position: absolute;
    width: 100%;
    height: 100%;
/*    top: 0;
    left: 0;*/
}
.cf #container {
    position: relative;
    width: 100%;
    margin: 20px auto 0;
    overflow: hidden;
}

.cf #container > div:nth-child(2n) { float: right; }
.grid_cf {
    width: 48.5%;
    float: left;
    min-height: 100px;
    height: auto;
    background: #f7f8f8;
    padding-bottom: 25px;
    margin-bottom: 10px;
}
.grid_cf .imgholder { background: #222; position: relative; }
.grid_cf .imgholder .best {
    width: 19%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}
.grid_cf .imgholder img {
    width: 100%;
    display: block;
    opacity: 1
 -webkit-transform:scale(1);
    transform: scale(1);
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.grid_cf p {
    color: #252424;
    font-size: 10px;
    padding: 10px 0 10px 10px;
    background: url(../image/sub/publicity/arrow.png) no-repeat;
    background-position: top 9px right 10px;
}
.grid_cf strong {
    display: block;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 600;
    word-break: keep-all;
	padding-left:10px;
	line-height:14px;
}
@media screen and (max-width: 360px) {
    .grid_cf strong {padding-left: 10px; text-indent: 0; width: 75%;}
}
.cfMoreBtn {
    clear:both;
    text-align:center;
    position:relative;
    width:100%;
    /*height:50px;*/
    margin: 20px 0 70px 0;
}
.cfPopup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:9990; }
.cfPopup .win_cf { position:relative; top:100px; width:87.5%; margin:0 auto; background:#000; }
.cfPopup .win_cf p { width:100%; }
.cfPopup .win_cf p iframe { width:100%; }
.cfPopup .win_cf > div { padding:30px 20px; }
.cfPopup .win_cf > div p { font-size:13px; color:#fff; margin-bottom:15px; }
.cfPopup .win_cf > div h1 { font-size:22px; color:#fff; margin-bottom:20px; }
.cfPopup .win_cf > div ul li { font-size:15px; color:#fff; padding:5px 0; cursor:pointer; }
.cfPopup .cfPopupClose { position:absolute; top:0; right:0; padding:3%; cursor:pointer; }

    /*tab2 E 브로슈어*/
.brochure { width: 87.5%; margin: 30px auto; text-align: center; padding-bottom:30px; }
/*.brochure_img {width: 54.6428%; margin:0 auto; line-height: 0}*/
.brochure_img {width: 79.8214%; margin: 0 auto; line-height: 0}
/*.brochure_img img {width: 100%; max-width: 306px;}*/
.brochure_img img {width: 100%; max-width: 447px; padding-left: 13%;}
.brochure_txt {
    color: #1b1b1b;
    border-top: 1px solid #bfbfbf;
/*    margin-top: -50px;
    padding-top: 96px;*/
    /*margin-top: -11%;*/margin-top: -18%;
    padding-top: 17%;
}
.brochure_txt span {font-size: 15px; line-height: 20px; display: block;}
.brochure_txt strong {font-size: 24px; display: block; margin-top: -5px; }
.brochure > a {
    width: 100%;
    background: #00B4ED;
    display: block;
    height: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 15px;
    margin-top: 25px;
}


    /*tab3 E 사보*/
.magazine{ width: 100%; margin: 30px auto; text-align: center; }

.magazine ul.magazineList {
    clear:both;
    position:relative;
    width:100%;
    overflow: hidden;
}
.magazine ul.magazineList li {
    display:inline-block;
    position:relative;
    width:48.5%;
    margin-bottom: 20px;
    background:#eee;
	overflow:hidden;
}
.magazine ul.magazineList li:nth-child(3n) {clear: both;}
.magazine ul.magazineList li:nth-child(2n) { float: right; }
.magazine ul.magazineList li p {width: 100%; line-height: 0;}
.magazine ul.magazineList li p img { width:100%;  }
.magazine ul.magazineList li span {
    display: block;
    background:#eee url("../image/sub/publicity/arrow.png") no-repeat ;
    background-position: 95% center;
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 600;
    line-height: 30px;
    text-indent: 10px;
    text-align: left;
}
.magazineMoreBtn {
    clear:both;
    text-align:center;
    position:relative;
    width:100%;
    /*height:50px;*/
    margin: 30px 0 70px 0;
}
.magazineMoreBtn a { /*padding:10px 20px; */}

/* 수상실적 */
.award{ width: 100%; margin: 0 auto; text-align: center; overflow: hidden;}
.award table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 40px;
}
.award table caption {
    margin-bottom: 8px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 600;
    text-align: left;
}
.award table thead tr {
    position: relative;
}
.award table thead th {
    position: relative;
    height: 34px;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 600;
    border-bottom: 1px solid #034299;
    text-align: left;
}
.award table tbody tr {
    position: relative;
    width: 100%;
    /*height: 39px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 300;*/
    border-bottom: 1px solid #bfbfbf;
}
.award table tbody tr.tr_style1 {border-color: #014099; }
.award table tbody tr td { text-align: left; padding:11px 0; }
.award table tbody tr td p { font-size: 15px; color: #1b1b1b; }
.award table tbody tr td div {margin-top: 3px;}
.award table tbody tr td div span { font-size: 12px; color: #808285; }
.award table tbody tr td div span.bar {display: inline-block; margin:0 8px;}

/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/*인재채용*/
/*인재상*/
.recruit {width: 100%; margin: 30px auto 70px auto; }
.recruit h3 { text-align: center; margin-bottom: 25px; font-size: 22px; color: #1b1b1b;}
@media screen and (max-width:480px){
    .recruit > h3 span { display: block;}
}
    /*인재상*/
.people { width: 100%; margin: 0 auto; text-align: center; word-break:keep-all; }
.people > p { line-height: 0; }
.people > p img { width: 100%; border-top: 5px solid #014099; }
.people .people_cont {
    margin-top: 30px;
    padding-top: 195px;
    background: url(../image/sub/recruit/concept_people.png) no-repeat top center;
}
.people .people_cont > li { margin-bottom: 45px; }
.people .people_cont > li span { display: block; margin-bottom: 10px; }
.people .people_cont li ul li {font-size: 15px; margin-bottom: 8px;}




    /*인사제도*/
.personnel_affair { width: 100%; margin: 0 auto; letter-spacing: -0.5px; word-break:keep-all; }
.personnel_affair table {
    width: 87.5%;
	margin:0 auto 45px auto;
    border-top: 5px solid #014099;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    color: #1b1b1b;
    border-collapse: collapse;
    border-spacing: 0;
}
.personnel_affair table.tableWithimg { margin-bottom:20px; }
.personnel_affair table thead tr { border-bottom: 1px solid #08459c; }
.personnel_affair table thead tr th { font-size: 12px; color: #014099; line-height: 34px; }
.personnel_affair table tbody ul {margin-top: 8px;}
.personnel_affair table tbody ul li { font-size: 15px; color: #1b1b1b; padding-left: 5px;}
.personnel_affair table tbody ul li img { margin-right: 5px; margin-left: -5px; padding-bottom: 3px;}
.personnel_affair table tbody ul li strong { display: block; }

.personnel_affair table tbody ul.ul_style1 {margin-top: 0}
.personnel_affair .ul_style1 li {padding:11px 0; border-bottom: 1px solid #bec0c1}
.personnel_affair .ul_style1 li:last-child { border: 0; }

.personnel_affair .td_style1 { width:100%; }

.personnel_affair_imgfree { width:100%; padding:0 0 30px 0; }
.personnel_affair_imgfree img { width:100%; vertical-align: top; }





    /*복리후생*/
.welfare { width: 100%; margin: 0 auto; letter-spacing: -0.5px; word-break:keep-all; }
.welfare h3 { font-size: 15px; text-align: left; line-height: 140%;}
.welfare table {
    width: 100%;
    border-top: 5px solid #014099;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    color: #1b1b1b;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 45px;
}
.welfare table caption { margin-bottom: 6px; font-weight: 600; font-size: 15px; color: #014099; text-align: left;}
.welfare table tbody ul {margin-top: 8px;}
.welfare table tbody ul li { font-size: 15px; color: #1b1b1b; padding-left: 5px;}
.welfare table tbody ul li strong { display: block; }

.welfare .table_style1 tr { border-bottom: 1px solid #014099; }
.welfare .table_style1 th { width: 70px; vertical-align: top; padding-top: 17px; }
.welfare table tbody ul.ul_style1 {margin-top: 0}
.welfare .ul_style1 li {padding:11px 0; border-bottom: 1px solid #bec0c1}
.welfare .ul_style1 li:last-child { border: 0; }





    /*인재개발*/
.develop { width: 100%; margin: 0 auto; letter-spacing: -0.5px; word-break:keep-all; }
.develop p {font-size: 15px; line-height: 130%; margin-bottom: 10px;}
.develop p + p {margin-bottom: 23px;}
.develop table {
    width: 100%;
    border-top: 5px solid #014099;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    color: #1b1b1b;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 45px;
}
.develop table thead tr { border-bottom: 1px solid #08459c; }
.develop table thead tr th { font-size: 12px; color: #014099; line-height: 34px; }
.develop table tbody ul {margin-top: 8px;}
.develop table tbody ul li { font-size: 15px; color: #1b1b1b; padding-left: 5px;}
.develop table tbody ul li img { margin-right: 5px; margin-left: -5px; padding-bottom: 3px;}
.develop table tbody ul li strong { display: block; }

.develop table tbody ul.ul_style1 {margin-top: 0}
.develop .ul_style1 li {padding:11px 0; border-bottom: 1px solid #bec0c1}
.develop .ul_style1 li:last-child { border: 0; }
.develop .ul_style1 li small{ display: block; line-height: 150%; }



    /*채용정보*/
.recruit ul.tabs {margin:0 auto;padding: 0;overflow:hidden;width:100%;font-size:0;}
.recruit ul.tabs li {display:inline-block;text-align:center;cursor: pointer;border:1px solid #BFBFBF;border-left: none; background: #eee;overflow: hidden;position: relative; font-size:18px;padding:20px 0; width:32.5%; font-weight:800; color:#1b1b1b; }
.recruit ul.tabs li:first-child { border-left:1px solid #BFBFBF; }
.recruit ul.tabs li.active {background: #014099; }
.recruit ul.tabs li.active a {color:#fff; font-weight:600;}
.recruit ul.tabs li br{display:none;}

.recruit .tab_container {
    margin-top: 20px;
   width: 87.5%;
   margin: 0 auto;
}

    /*tab1 채용공고*/
.recruit_notice { margin-top: 30px;   }
.recruit_notice li {
    border-top: 5px solid #014099;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 10px;
    position: relative;
    padding:15px 0 20px 12px;
    background: #f7f8f8 url(../image/sub/recruit/arrow_more.png) no-repeat;
    background-position: right bottom;
}
.recruit_notice .text {width: 70%;}
.recruit_notice .text h3{ margin-bottom: 3px; text-align: left; font-size: 15px; color: #1b1b1b; word-break:keep-all; }
.recruit_notice .text span { color: #014099; font-size: 12px; }
.recruit_notice .text i {display: block; width: 5px; height: 1px; background:#808285; margin:5px 0;}
.recruit_notice .text p { color: #808285; font-size: 12px; }
.recruit_notice .d-day { position: absolute; right: 10px; top: 11px; color: #1b1b1b; font-size: 40px; font-weight: 600; }
.recruit_notice .d-day.apprch { color: #ed1c24; }
@media screen and (max-width:360px){
    .recruit_notice .text h3 { width: 85%;}
}

.noticeTableView { position:relative; width:100%; border-top:5px solid #00B4ED; margin:30px 0; }
.noticeTableView caption { width:100%; margin-bottom:7px; font-size:12px; color:#1b1b1b; font-weight:900; text-align:left; }
.noticeTableView > caption q { display:inline-block; float:right; font-size:10px; color:#00B4ED; font-weight:300; }
.noticeTableView > thead th { padding:10px 0; font-size:12px; color:#00B4ED; font-weight:100; text-align:left; border-bottom:1px solid #00B4ED; }
.noticeTableView > thead th.recruitDetail { padding:15px 0; font-size:15px; color:#00B4ED; font-weight:800; text-align:left; border-bottom:1px solid #00B4ED; }
.noticeTableView > tbody > td { position:relative; padding:28px 0; font-size:15px; color:#1b1b1b; text-align:left; border-bottom:1px solid #CACBCC; }
.noticeTableView > tbody > td p.boardTitle { position:absolute; top:0; left:0; padding:15px 0;width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noticeTableView > tbody td img { width:100% !important; height:auto !important; }
.noticeTableView > tbody td small { font-size:12px; color:#014099; display:inline-block; margin-top:5px; }
.noticeTableView img { vertical-align:middle; }
.noticeTableView > tfoot { text-align:center; border-top:1px solid #00B4ED; }
.noticeTableView > tfoot td { padding:20px 0 30px 0; }
.noticeTableView > tfoot a { display:inline-block; height:28px; padding:0 10px 0 10px; line-height:30px; font-size:15px; color:#1b1b1b; font-weight:500; vertical-align:middle; }
.noticeTableView > tfoot a.currentPage, .noticeTableView > tfoot a.paging:hover { color:#fff; background:#00B4ED; }
.noticeTableView > thead th.num, .noticeTableView > tbody td.num { text-align:center; }
.noticeTableView > tfoot td a.next, .noticeTableView > tfoot td a.prev { position:relative; }
.noticeTableView > tfoot td a.next:hover, .noticeTableView > tfoot td a.prev:hover { background:none; }

.noticeTableView > thead th.txt_right,
.noticeTableView > tbody td.txt_right { text-align:right; padding-top:15px; }

    /* tab2 채용가이드 */
.guide { margin: 30px auto; letter-spacing: -0.5px;}
.guide table {
    width: 87.5%;
    border-top: 5px solid #014099;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    color: #1b1b1b;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto 45px auto;
}
.guide table caption {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 15px;
    color: #014099;
    text-align: left;
}
.guide table thead tr { border-bottom: 1px solid #08459c; }
.guide table thead tr th { font-size: 12px; color: #014099; line-height: 34px; }
.guide table tbody ul {margin-top: 8px;}
.guide table tbody ul li { font-size: 15px; color: #1b1b1b; padding-left: 5px;}
.guide table tbody ul li.pl0 { padding-left: 0;}
.guide table tbody ul small { display: block; line-height: 150%; font-size: 12px;}
.guide table tbody ul li img { margin-right: 5px; margin-left: -5px; padding-bottom: 3px;}
.guide table tbody ul li strong { display: block; }


.guide table tbody ul.ul_style1 {margin-top: 0}
.guide .ul_style1 > li {padding:11px 0; border-bottom: 1px solid #bec0c1}
.guide .ul_style1 > li:last-child { border: 0; }

.guide_imgfree { width:100%; padding:0 0 30px 0; }
.guide_imgfree img { width:100%; vertical-align: top; }

.guide table.tableWithimg { margin-bottom:20px; }

    /*tab3 FAQ*/
.faq table {
    margin: 30px auto 0 auto;
    border-top: 5px solid #00B4ED;
    width: 100%;
}
.faq table caption {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 600;
    text-align: left;
}
.faq table thead, .faq table tbody {
    border-bottom: 1px solid #00B4ED;
}
/*.faq table td:first-child, .faq table th:last-child, .faq table td:last-child {
    text-align: center;
}*/
.faq table th {
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
    padding: 10px 0;
}
.faq table tbody tr.q {
    font-size: 15px;
    border-bottom: 1px solid #cdcdcd;
}
.faq table tbody tr.q td {
    padding: 15px 0;
    line-height: 120%;
}
.faq table tbody tr td.q_arrow {
    text-align: right;
}
/*.faq table tbody tr.q:first-child td {
    padding-top: 29px;
    padding-bottom: 12px;
}*/
.faq table img {
    vertical-align: middle;
}
.faq table tbody tr.answer {
    height: 0px;
    background: #00B4ED;
    letter-spacing: -0.5px;
}
.faq table tbody tr.answer td:first-child {
    vertical-align: top;
	overflow:hidden;
}
.faq table tbody tr.answer td:first-child div {
    font-size: 65px;
    color: #6780b5;
    margin-top: -17px;
}
.faq table tbody tr.answer td div {
    padding: 30px 0;
    line-height: 20px;
    font-size: 15px;
    color: #fff;

}


/************************************************************************************************************/
/************************************************************************************************************/
.win_pop{width:100%; border:3px solid #eee;}
.win_pop img{display:block; width:100%;}

/*btn*/
.btn_style3{display:block; background:#eee; width:100%; height:35px; line-height:35px; text-align:center; font-size:15px; color:#1b1b1b;  font-weight:600}
.btn_style4{display:block; background:#014099; width:100%; height:35px; line-height:35px; text-align:center; font-size:15px; color:#fff;  font-weight:600}
.btn_style5{display:block; background:#009ee3; width:100%; height:35px; line-height:35px; text-align:center; font-size:15px; color:#1b1b1b;  font-weight:400}
.btn_style6{display:block; background:#009ee3; width:100%; height:35px; line-height:35px; text-align:center; font-size:15px; color:#fff;  font-weight:600}



    /*오시는 길*/
.map {width: 100%; margin: 30px auto 70px auto; letter-spacing: -0.5px; position: relative;}

.map .addr, .map .tel, .map .fax, .map .email  {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin-bottom: 25px;
    position: relative;
}
.map .addr h4, .map .tel h4, .map .fax h4, .map .email h4 { color: #00B4ED; }
.map .addr p small {font-size: 12px;}
.map .addr table { border-collapse: collapse; border-spacing: 0; text-align: left}
.map .addr table tr { position: relative; }
.map .addr table tr th { color: #00B4ED; font-size: 12px; width: 75px; vertical-align: top; }

.map .sns { overflow: hidden; float: right; margin-bottom: 10px; z-index:99;}
.map .sns li {float: left; margin-left: 10px; line-height: 0;}
.map .navermap {margin-bottom: 25px;}
.map .navermap img {  width: 100%; }

.map .tel a{
    position: absolute;
    top: 3px;
    left: 115px;
}




    /* 개인정보 취급방침 */
.privacy { width: 100%; margin: 30px auto 70px auto; }
.privacy p.info_txt { font-size: 15px; color: #1b1b1b; line-height: 130%; }
.privacy p.info_txt span { color: #00B4ED; }
.privacy .info_list {                              /*2021.08.02 용승호사원 수정 height:300px -> 360px; */
    margin-top: 25px;
    background: #f7f8f8;
    height: 360px;
    padding: 13px 0 0 15px;
}
.privacy .info_list ul li { line-height: 30px; }
.privacy .info_list ul li a { color: #00B4ED; font-size: 12px; }
.privacy .info_list ul li a img {vertical-align: middle; margin-left: 10px;}

.privacy .list_content {
    border-top: 5px solid #00B4ED;
    margin-top: 50px;
    letter-spacing: -0.3px;
}
.privacy .list_content .ol1 li {
    font-weight: bold;
    padding-bottom: 5px;
	/*color:  #00B4ED;*/
}
.privacy .list_content .ol1 > li {
    border-bottom: 1px solid #c9cacb;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 30px;
}
.privacy .list_content .ol1 > li a {color: #00B4ED; font-size: 15px;}
.privacy .list_content .ol2 {
    margin-top: 10px;
}
.privacy .list_content .ol2 li {
    font-size: 12px;
    color: #1b1b1b;
    font-weight: normal;
    line-height: 140%;
}
.privacy .list_content .ol2 li small { display: block; text-indent: -9px; }
.privacy .list_content p.desc {
    line-height: 145%;
    margin-left: 17px;
}
.privacy .list_content ul {
    list-style-type: none;
    margin-left: 13px;
}
.privacy .list_content ul li {
    text-indent: -7px;
   /* margin-left: 12px;*/
    padding-left: 12px;
}
.privacy .list_content ul li:before {
    content: " - ";
}

.privacy .list_content ul.ul2 {
    margin-left: 3px;
}
.privacy .list_content ul.ul2 li {
    padding-bottom: 0px;
}
.privacy .list_content ul.ul2 li:before {
    content: " ▶ ";
}

.privacy .bottom {
    display: block;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #00B4ED;
    font-size: 12px;
    background: #f7f8f8;
    border-bottom: 1px solid #00B4ED;
	margin-bottom:150px; /*2021.8.2 용승호사원 수정 30px -> 150px*/
}
@media screen and (max-width: 560px) {
    .privacy .bottom span.bar { display: none; }
    .privacy .bottom span.b_text { display: block; padding-top: 8px; line-height: 12px;}
	.privacy .bottom{margin-bottom:130px;} /*2021.8.2 용승호사원 추가*/
}

.sub_form_w25{  /*2021.8.2 용승호사원 추가*/
	height:50px !important;
	margin-top:35px;
	color: #00B4ED;
}



    /* 사이트맵*/
.sitemap { width:100%; margin:  30px auto; overflow: hidden;}

.list_wrap > ul:first-child {
    overflow: hidden;
    margin-bottom: 77px;
}
.list_wrap ul li.list {
    width: 48.5%;
    color: #1b1b1b;
    float: left;
    margin-bottom: 60px;
}
.list_wrap ul li h2.title {
    height: 80px;
    font-size: 18px;
    line-height: 80px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background-size: cover;

}
.list_wrap li.list1 h2 { background: url(../image/sub/etc/list_1.jpg) no-repeat top center; }
.list_wrap li.list2 h2 { background: url(../image/sub/etc/list_2.jpg) no-repeat top center; }
.list_wrap li.list3 h2 { background: url(../image/sub/etc/list_3.jpg) no-repeat top center; }
.list_wrap li.list4 h2 { background: url(../image/sub/etc/list_4.jpg) no-repeat top center; }
.list_wrap li.list5 h2 { background: url(../image/sub/etc/list_5.jpg) no-repeat top center; }
.list_wrap li.list6 h2 { background: url(../image/sub/etc/list_6.jpg) no-repeat top center; }
.list_wrap li.list7 h2 { background: url(../image/sub/etc/list_7.jpg) no-repeat top center; }

.list_wrap li.list.list2,
.list_wrap li.list.list4,
.list_wrap li.list.list6,
.list_wrap li.list.list8 {float: right;}

.list_wrap li.list.list3,
.list_wrap li.list.list5,
.list_wrap li.list.list7 { clear: both; }


.list_wrap ul.list_inner > li {
    border-bottom: 1px solid #c9cacb;
    text-indent: 10px;
}
.list_wrap li.list p {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    margin: 10px 0;
}
.list_wrap a {
    color: #1b1b1b;
}
.list_wrap ul.list_inner li ul {
    overflow: hidden;
    padding-bottom: 7px;
}
.list_wrap ul.list_inner li ul li {
    font-size: 12px;
    margin-bottom: 9px;
}
.list_wrap ul.list_inner > li.li_style_1 {
    border-bottom: 1px solid #014099;
    margin-bottom: 0;
}

.list_wrap .list8 {
    /*float: right;*/
    border-top: 5px solid #014099;
    border-bottom: 1px solid #014099;
}
.list_wrap .list8 ul li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #c9cacb;
}
.list_wrap .list8 ul li a {
    color: #014099;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.7px;
}
.list_wrap .list8 ul li:last-child {
    border: 0;
}




/* 검색결과 */
.subSearchBox { position:relative; width:100%; height:60px; background:#F7F8F8; text-align:center; margin-top:30px; }
.subSearchBox input[type="text"] { width:100%; height:30px; border:none; background:none; font-size:18px; color:#1b1b1b; margin-top:15px; text-align:center; }
.subSearchBox span { position:absolute; top:15px; right:20px; }
.search_index { margin-top:25px; font-size:15px; color:#1b1b1b; font-weight:lighter; text-align:center;}
.search_index strong { color:#00B4ED; font-weight:bold; }

table.resultTable { position:relative; width:100%; border-top:5px solid #00B4ED; margin:30px 0; }
table.resultTable caption { width:100%; margin-bottom:7px; font-size:12px; color:#1b1b1b; font-weight:900; text-align:left; }
table.resultTable caption q { display:inline-block; float:right; font-size:10px; color:#00B4ED; font-weight:300; }
table.resultTable thead th { padding:10px 0; font-size:12px; color:#00B4ED; font-weight:100; text-align:left; border-bottom:1px solid #00B4ED; }
table.resultTable thead th.newsDetail { padding:15px 0; font-size:15px; color:#00B4ED; font-weight:800; text-align:left; border-bottom:1px solid #00B4ED; }
table.resultTable tbody td { position:relative; padding:15px 0; font-size:15px; color:#1b1b1b; text-align:left; border-bottom:1px solid #CACBCC; }
table.resultTable tbody td a { display:block; position:absolute; top:0; left:0; padding:15px 0;width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
table.resultTable tbody td small { font-size:12px; color:#014099; display:inline-block; margin-top:5px; }
table.resultTable img { vertical-align:middle; }
table.resultTable tfoot { text-align:center; border-top:1px solid #00B4ED; }
table.resultTable tfoot td { padding:20px 0 30px 0; }
table.resultTable tfoot a { display:inline-block; height:28px; padding:0 10px 0 10px; line-height:30px; font-size:15px; color:#1b1b1b; font-weight:500; vertical-align:middle; }
table.resultTable tfoot a.currentPage, table.resultTable tfoot a.paging:hover { color:#fff; background:#00B4ED; }
table.resultTable thead th.num, table.resultTable tbody td.num { text-align:center; }
table.resultTable tfoot td a.next, table.resultTable tfoot td a.prev { position:relative; }
table.resultTable tfoot td a.next:hover, table.resultTable tfoot td a.prev:hover { background:none; }
table.resultTable thead th.txt_right,
table.resultTable tbody td.txt_right { text-align:right; padding-top:15px; }


/* 고객센터 */
.cs { width: 100%; margin: 30px auto 70px auto; }
.cs p { font-size:15px; color:#1b1b1b; line-height:20px; }
.cs .csBtn { position:relative; width:100%; margin-top:25px; border-top:5px solid #014099; }
.cs .csBtn li { padding:20px 15px; background:#F7F8F8 url("../image/sub/etc/go.png") no-repeat right bottom; border-bottom:1px solid #BFBFBF; }
.cs .csBtn li h3 { font-size:18px; color:#1b1b1b; margin-bottom:5px; }
.cs .csBtn li h4 { font-size:15px; color:#1b1b1b; font-weight:400; line-height:20px; }
.cs .csBtn li h4 strong { color:#00B4ED; }

table.csTable { position:relative; width:100%; margin-top:45px; border-top:5px solid #014099; }
table.csTable th { font-size:15px; color:#00B4ED; font-weight:800; text-align:left; padding-top:15px; }
table.csTable td { width:99%; text-align:left; padding-top:10px; }
table.csTable td .typeSelect { width:100%; height:38px; border:1px solid #BFBFBF; background:#eee; font-size:12px; color:#00B4ED;}
table.csTable td .ipt_middle_sz { width:45%; height:38px; border:1px solid #BFBFBF; font-size:12px; color:#00B4ED; text-indent:20px; }
table.csTable td .ipt_tiny_sz { width:131px; height:38px; border:1px solid #BFBFBF; font-size:12px; color:#00B4ED; text-indent:20px; }
table.csTable td .ipt_wide_sz { width:100%; height:38px; border:1px solid #BFBFBF; font-size:12px; color:#00B4ED; text-indent:20px; }
table.csTable td .mailSelect { width:45%; height:38px; border:1px solid #BFBFBF; background:#eee; font-size:12px; color:#00B4ED; float:right; }
table.csTable td .mailNotice { margin-left:22px; font-size:12px; color:#1b1b1b; }
table.csTable td .hypen { width:5%; display:inline-block; text-align:right; font-size:18px; color:#1b1b1b; }
table.csTable td .cs_content { clear:both; width:94%; height:180px; border:1px solid #BFBFBF; font-size:12px; color:#00B4ED; padding:3%; margin:9px 0; }

.agreement { position:relative; width:94%; height:120px; padding:3%; margin-top:40px; background:#F7F8F8; overflow-y:scroll; font-size:12px; color:#00B4ED; line-height:15px; }
.agreementBtn { position:relative; width:100%; margin-top:20px; }
.agreementBtn span, .agreementBtn label { font-size:12px; color:#00B4ED; }
.agreementBtn label { margin-right:15px; }

.csFormBtn { position:relative; margin-top:45px; font-size:0; text-align:center; }
.csFormBtn li { display:inline-block; width:24.107%; height:40px; text-align:center; margin:0 0.892%; }
.csFormBtn li:first-child { background:#eee; }
.csFormBtn li:first-child a { font-size:18px; color:#1b1b1b; }
.csFormBtn li:last-child { background:#00B4ED; }
.csFormBtn li:last-child a { font-size:18px; color:#fff; }
.csFormBtn li a { display:inline-block; width:100%; height:100%; line-height:45px; }

/*영상정보처리기기 운영․관리 방침*/ /*용승호사원추가 21.09.22*/

.list_content .ol1 li .ol2 > .camera{
	width:100%;
	text-align:center !important;
	border:1px solid #000;
	margin:15px 0;
}
.list_content .ol1 li .ol2 > .camera tr{height:40px;}
.list_content .ol1 li .ol2 > .camera tr th{border-bottom:1px solid #000; background:#eee;}
.list_content .ol1 li .ol2 > .camera tr th:nth-child(1),
.list_content .ol1 li .ol2 > .camera tr td:nth-child(1){width:30%; border-right:1px solid #000;}

.list_content .ol1 li .ol2 > .approach{
	width:100%;
	text-align:center !important;
	border:1px solid #000;
	margin:15px 0;
}
.list_content .ol1 li .ol2 > .approach tr{height:40px;}
.list_content .ol1 li .ol2 > .approach tr th{
	border-bottom:1px solid #000;
	background:#eee;
	width:20%;
	border-right:1px solid #000;
}
.list_content .ol1 li .ol2 > .approach tr td{
	width:20%;
	border-right:1px solid #000;
}
.list_content .ol1 li .ol2 > .approach tbody tr:first-child td{border-bottom:1px solid #000;}

.list_content .ol1 li .ol2 > .camera_time{
	width:100%;
	text-align:center !important;
	border:1px solid #000;
	margin:15px 0;
}
.list_content .ol1 li .ol2 > .camera_time tr{height:40px;}
.list_content .ol1 li .ol2 > .camera_time tr th{border-bottom:1px solid #000; background:#eee;}
.list_content .ol1 li .ol2 > .camera_time tr th,
.list_content .ol1 li .ol2 > .camera_time tr td{width:33.3%; border-right:1px solid #000;}


.personal_info .info_list_media {     
	margin-top: 50px;
	background: #eee;
	height: 280px;
	padding-left: 37px;
}
.personal_info .info_list_media ul {
	width: 50%;
	float: left;
	margin-top: 32px;
}
.personal_info .info_list_media ul li {
	margin-bottom: 22px;
}
.personal_info .info_list_media ul li a {
	color:  #00B4ED;
	font-size: 18px;
	font-weight: 600;
	letter-spacing:-1px;
}
.personal_info .info_list_media ul li a img {
	margin-left: 15px;
}

.privacy .info_list_media {                              
    margin-top: 25px;
    background: #f7f8f8;
    height: 300px;
    padding: 13px 0 0 15px;
}
.privacy .info_list_media ul li { line-height: 30px; }
.privacy .info_list_media ul li a { color: #00B4ED; font-size: 12px; }
.privacy .info_list_media ul li a img {vertical-align: middle; margin-left: 10px;}