@charset "utf-8";

/*로컬메뉴*/
.local_nav{width:100%; background:#eee; height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.4em}
.local_nav ul{width:1100px; margin:0 auto; text-align:center;}
.local_nav li{display:inline-block; height:60px; line-height:67px; font-size:18px; border-left:1px solid #ddd; letter-spacing:normal;}
.local_nav li:last-child{border-right:1px solid #ddd;}
.local_nav li a{color:#020A0A; display:block; width:100%; height:auto; position:relative;}
.local_nav li a:hover, .local_nav li a.selected{background:#fff; color:#00B4ED; font-weight:600; }
.local_nav li a.selected span:before{display:none;}
.local_nav li a:hover span:before, .local_nav li a.selected span:before{height:5px; background:#00B4ED; width:100%; display:inline-block; content:""; position:absolute; left:0; top:-1px;}

.nav1unit li { width:100%; font-size:20px; }
.nav2unit li { width:50%; }
.nav3unit li { width:33%; }
.nav4unit li { width:25%; }
.nav5unit li { width:20%; }
.nav6unit li { width:16.5%; }

/*sub_visual*/
.sub_visual{width:100%; height:215px; margin-top:103px;}
.sub_visual.bg1{background:url(../image/sub/sub_vis1.jpg) no-repeat top center;color:#020A0A;}
.sub_visual.bg2{background:url(../image/sub/sub_vis2.jpg) no-repeat top center;color:#222;}
.sub_visual.bg3{background:url(../image/sub/sub_vis3.jpg) no-repeat top center;color:#020A0A;}
.sub_visual.bg4{background:url(../image/sub/sub_vis4.jpg) no-repeat top center;color:#020A0A;}
.sub_visual.bg5{background:url(../image/sub/sub_vis5.jpg) no-repeat top center;color:#fff;}
.sub_visual.bg6{background:url(../image/sub/sub_vis6.jpg) no-repeat top center;color:#020A0A;}
.sub_visual.bg7{background:url(../image/sub/sub_vis7.jpg) no-repeat top center;color:#020A0A;}
.sub_visual.bg9{background:url(../image/sub/sub_vis9.jpg) no-repeat top center;color:#020A0A;}
.sub_visual p{position:relative; width:1000px; margin:0 auto; text-align:center; top:35%;  font-size:24px; line-height:130%;}

/*sub_container*/
.sub_container{width:1100px; margin:15px auto 100px;}
.sub_container_free{width:100%; margin:15px 0 100px;}
.location{font-size:13px; color:#666; margin-bottom:40px;}
.location strong{color:#00B4ED; font-weight:100; }
.location_free{position:relative; width:1100px; display:block; margin:0 auto; font-size:13px; color:#666; margin-bottom:40px;}
.location_free strong{color:#00B4ED; font-weight:100; }
.inner_container h1 { text-align:center;}
.inner_container h2,
.inner_container h3{text-align:center; line-height:140%;}
.inner_container h1{font-size:45px; font-weight:900; margin-bottom:30px; }
.inner_container h2{font-size:28px; color:#020A0A; margin-bottom:20px; }
.inner_container h3{font-size:18px; color:#020A0A; font-weight:400; margin-bottom:75px; }
.inner_container h3 span{color:#00B4ED;}

.mgb0 { margin-bottom:0; }
.mgb100 { margin-bottom:100px; }

.container { position:relative; width:100%; }
.upsideCont { position:relative; width:100%; }
.downsideCont { position:relative; width:100%; clear:both; }

/*footer_banner*/
.footer_banner{clear:both; border-top:1px solid #ddd; background:#eee; padding:80px 0 0 0}
.footer_banner ul{width:1100px; margin:0 auto; text-align:center; letter-spacing:-0.4em}
.footer_banner li{display:inline-block; letter-spacing:0; margin-right:20px;
	-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.3);
	box-shadow:0 5px 20px rgba(0, 0, 0, 0.3);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.footer_banner li:hover {
	-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.footer_banner li:last-child{margin-right:0}
.footer_banner p{width:1100px; margin:50px auto 0; text-align:right; position:relative; top:3px;}
.footer_banner p img{display:inline-block;}

/***************************************************************************************************************************/
/***************************************************************************************************************************/
/***************************************************************************************************************************/
/*각 컨텐츠 내용 css*/

/*[사업소개] - 토목 */
.business ul.civilTabs {overflow:hidden; height:110px;margin-top:30px;}
.business ul.civilTabs li {float:left; text-align:center; cursor:pointer; padding:0; width:183px; height:110px; line-height:110px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:0; text-indent:-99999px; }
.business ul.civilTabs li:last-child{border-right:1px solid #ddd;}
.business ul.civilTabs li.active{background:#00B4ED; font-weight:600}
.business ul.civilTabs li.mu1{background:#eeeeee url(../image/sub/civil_tab_mu.png) no-repeat 0 0;}
.business ul.civilTabs li.mu2{background:#eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -183px 0;}
.business ul.civilTabs li.mu3{background:#eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -366px 0;}
.business ul.civilTabs li.mu4{background:#eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -549px 0;}
.business ul.civilTabs li.mu5{background:#eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -732px 0;}
.business ul.civilTabs li.mu6{background:#eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -915px 0;}

.business ul.civilTabs li.active.mu1, .business ul.civilTabs li.mu1:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/civil_tab_mu.png) no-repeat 0 -110px;}
.business ul.civilTabs li.active.mu2, .business ul.civilTabs li.mu2:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -183px -110px;}
.business ul.civilTabs li.active.mu3, .business ul.civilTabs li.mu3:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -366px -110px;}
.business ul.civilTabs li.active.mu4, .business ul.civilTabs li.mu4:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -549px -110px;}
.business ul.civilTabs li.active.mu5, .business ul.civilTabs li.mu5:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -732px -110px;}
.business ul.civilTabs li.active.mu6, .business ul.civilTabs li.mu6:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -915px -110px;}

/*[사업소개] - 건축 */
.business ul.buildingTabs {overflow:hidden; height:110px;margin-top:30px;}
.business ul.buildingTabs li {float:left; text-align:center; cursor:pointer; padding:0; width:157px; height:110px; line-height:110px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:0; text-indent:-99999px; }
.business ul.buildingTabs li:last-child{border-right:1px solid #ddd;}
.business ul.buildingTabs li.active{background:#00B4ED; font-weight:600}
.business ul.buildingTabs li.mu1{background:#eeeeee url(../image/sub/building_tab_mu.png) no-repeat 0 0;}
.business ul.buildingTabs li.mu2{background:#eeeeee url(../image/sub/building_tab_mu.png) no-repeat -157px 0;}
.business ul.buildingTabs li.mu3{background:#eeeeee url(../image/sub/building_tab_mu.png) no-repeat -314px 0;}
.business ul.buildingTabs li.mu4{background:#eeeeee url(../image/sub/building_tab_mu.png) no-repeat -471px 0;}
.business ul.buildingTabs li.mu5{background:#eeeeee url(../image/sub/building_tab_mu.png) no-repeat -628px 0;}
.business ul.buildingTabs li.mu6{background:#eeeeee url(../image/sub/building_tab_mu.png) no-repeat -785px 0;}
.business ul.buildingTabs li.mu7{background:#eeeeee url(../image/sub/building_tab_mu.png) no-repeat -942px 0;}

.business ul.buildingTabs li.active.mu1, .business ul.buildingTabs li.mu1:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/building_tab_mu.png) no-repeat 0 -110px;}
.business ul.buildingTabs li.active.mu2, .business ul.buildingTabs li.mu2:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/building_tab_mu.png) no-repeat -157px -110px;}
.business ul.buildingTabs li.active.mu3, .business ul.buildingTabs li.mu3:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/building_tab_mu.png) no-repeat -314px -110px;}
.business ul.buildingTabs li.active.mu4, .business ul.buildingTabs li.mu4:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/building_tab_mu.png) no-repeat -471px -110px;}
.business ul.buildingTabs li.active.mu5, .business ul.buildingTabs li.mu5:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/building_tab_mu.png) no-repeat -628px -110px;}
.business ul.buildingTabs li.active.mu6, .business ul.buildingTabs li.mu6:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/building_tab_mu.png) no-repeat -785px -110px;}
.business ul.buildingTabs li.active.mu7, .business ul.buildingTabs li.mu7:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/building_tab_mu.png) no-repeat -942px -110px;}

/*[사업소개] - 주택 */
.business ul.houseTabs {overflow:hidden; height:110px;margin-top:30px;}
.business ul.houseTabs li {float:left; text-align:center; cursor:pointer; padding:0; width:366px; height:110px; line-height:110px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:0; text-indent:-99999px; }
.business ul.houseTabs li:last-child{border-right:1px solid #ddd;}
.business ul.houseTabs li.active{background:#00B4ED; font-weight:600}
.business ul.houseTabs li.mu1{background:#eeeeee url(../image/sub/house_tab_mu.png) no-repeat 0 0;}
.business ul.houseTabs li.mu2{background:#eeeeee url(../image/sub/house_tab_mu.png) no-repeat -366px 0;}
.business ul.houseTabs li.mu3{background:#eeeeee url(../image/sub/house_tab_mu.png) no-repeat -732px 0;}

.business ul.houseTabs li.active.mu1, .business ul.houseTabs li.mu1:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/house_tab_mu.png) no-repeat 0 -110px;}
.business ul.houseTabs li.active.mu2, .business ul.houseTabs li.mu2:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/house_tab_mu.png) no-repeat -366px -110px;}
.business ul.houseTabs li.active.mu3, .business ul.houseTabs li.mu3:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/house_tab_mu.png) no-repeat -732px -110px;}

/*[사업소개] - 플랜트 */
.business ul.plantTabs {overflow:hidden; height:110px;margin-top:30px;}
.business ul.plantTabs li {float:left; text-align:center; cursor:pointer; padding:0; width:366px; height:110px; line-height:110px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:0; text-indent:-99999px; background:#eeeeee;}
.business ul.plantTabs li:last-child{border-right:1px solid #ddd;}
.business ul.plantTabs li.active{background:#00B4ED; font-weight:600}
.business ul.plantTabs li.mu1{background:#eeeeee url(../image/sub/plant_tab_mu.png) no-repeat 0 0;}
.business ul.plantTabs li.mu2{background:#eeeeee url(../image/sub/plant_tab_mu.png) no-repeat -366px 0;}
.business ul.plantTabs li.mu3{background:#eeeeee url(../image/sub/plant_tab_mu.png) no-repeat -732px 0;}

.business ul.plantTabs li.active.mu1, .business ul.plantTabs li.mu1:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/plant_tab_mu.png) no-repeat 0 -110px;}
.business ul.plantTabs li.active.mu2, .business ul.plantTabs li.mu2:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/plant_tab_mu.png) no-repeat -366px -110px;}
.business ul.plantTabs li.active.mu3, .business ul.plantTabs li.mu3:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/plant_tab_mu.png) no-repeat -732px -110px;}

/*[사업소개] - 해외 */
.business ul.abroadTabs {overflow:hidden; height:110px;margin-top:30px;}
.business ul.abroadTabs li {float:left; text-align:center; cursor:pointer; padding:0; width:183px; height:110px; line-height:110px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:0; text-indent:-99999px; background:#eeeeee;}
.business ul.abroadTabs li:last-child{border:none;}
.business ul.abroadTabs li.active{background:#00B4ED; font-weight:600}
.business ul.abroadTabs li.mu1{background:#eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat 0 0;}
.business ul.abroadTabs li.mu2{background:#eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -183px 0;}
.business ul.abroadTabs li.mu3{background:#eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -366px 0;}
.business ul.abroadTabs li.mu4{background:#eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -549px 0;}
.business ul.abroadTabs li.mu5{background:#eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -732px 0; border-right:1px solid #ddd;}
.business ul.abroadTabs li.mu6{background:#eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -917px 0;}

.business ul.abroadTabs li.active.mu1, .business ul.abroadTabs li.mu1:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat 0 -110px;}
.business ul.abroadTabs li.active.mu2, .business ul.abroadTabs li.mu2:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -183px -110px;}
.business ul.abroadTabs li.active.mu3, .business ul.abroadTabs li.mu3:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -366px -110px;}
.business ul.abroadTabs li.active.mu4, .business ul.abroadTabs li.mu4:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -549px -110px;}
.business ul.abroadTabs li.active.mu5, .business ul.abroadTabs li.mu5:hover{border:1px solid #00B4ED; background:#00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -732px -110px;}
.business ul.abroadTabs li.active.mu6, .business ul.abroadTabs li.mu6:hover{border:none; background:#00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -917px -110px;}

section.network { display:none; position:relative; width:100%; height:650px; margin-top:60px; background:url("../image/sub/networkBg.jpg") no-repeat; }
section.network .networkKorea { display:none; position:absolute; top:233px; left:481px; z-index:99; }
section.network .korea { display:none; position:absolute; top:237px; left:481px; z-index:99; }
section.network .networkMarker { opacity:0; position:absolute; top:167px; left:102px; z-index:9; }
section.network .networkMap { opacity:0; position:absolute; top:45px; left:60px; z-index:8; }
section.network .indonesia { display:none; position:absolute; top:320px; left:150px; z-index:99; }
section.network .vietnam { display:none; position:absolute; top:204px; left:150px; z-index:99; }
section.network .bangladesh { display:none; position:absolute; top:147px; left:111px; z-index:99; }
section.network .uae { display:none; position:absolute; top:255px; left:20px; z-index:99; }
section.network .poland { display:none; position:absolute; top:94px; left:180px; z-index:99; }
section.network .germany { display:none; position:absolute; top:104px; left:155px; z-index:99; }
section.network .cotedvr { display:none; position:absolute; top:313px; left:20px; z-index:99; }
section.network .usa { display:none; position:absolute; top:104px; left:820px; z-index:99; }
section.network .mexico { display:none; position:absolute; top:306px; left:820px; z-index:99; }

section.network .indonesia2 { position:absolute; top:360px; left:419px; z-index:999; width:21px; height:27px; text-indent:-99999px; font-size:0; cursor:pointer; }

section.network .office span { display:block; width:12px; height:12px; padding:10px; position:absolute; text-indent:-99999px; font-size:0; z-index:999; cursor:pointer; }
section.network .indonesia span {  top:6px; left:234px; }
section.network .vietnam span { top:6px; left:234px; }
section.network .bangladesh span { top:6px; left:234px; }
section.network .uae span { top:55px; left:235px; }
section.network .poland span { top:6px; left:266px; }
section.network .germany span { top:6px; left:266px; }
section.network .cotedvr span { top:48px; left:235px; }
section.network .usa span { top:6px; left:235px; }
section.network .mexico span { top:54px; left:235px; }





/*[기업소개] - 서브 네비게이션 3단 */
.company ul.tabs3unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.company ul.tabs3unit li {float:left; text-align:center; cursor:pointer; padding:0; width:366px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.company ul.tabs3unit li:last-child{border-right:1px solid #ddd;}
.company ul.tabs3unit li:hover, .company ul.tabs3unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

.company ul.tabs5unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.company ul.tabs5unit li {float:left; text-align:center; cursor:pointer; padding:0; width:220px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.company ul.tabs5unit li:last-child{border-right:1px solid #ddd;}
.company ul.tabs5unit li:hover, .company ul.tabs5unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

.summary { position:relative; width:1100px; margin:80px auto 0 auto; }
.summary p {
    letter-spacing: -0.2px;
    font-size: 18px;
    color: #020A0A;
    font-weight: 400;
    margin-bottom: 75px;
    line-height: 140%;
}
.summary p span { color: #00B4ED }

.summary_tabs strong {
    font-size: 18px;
    color: #00B4ED;
    display:block;
    margin-bottom: 12px;
}
.summary_tabs ul.list {overflow: hidden;}
.summary_tabs ul.list > li{
    float: left;
    width: 215px;
    /*border-top: 5px solid #00B4ED;
    border-bottom: 5px solid #bfbfbf;*/
    margin-right: 6px;
	position:relative;
}
.summary_tabs ul.list > li:last-child {margin-right: 0}
.summary_tabs ul.list > li p {
    text-indent: -101%;
    font-size: 0;
    display: block;
    /*padding-top: 28px;*/
    width: 215px;
    height: 180px;
    background: url(../image/sub/company/summary/summary_business.png) no-repeat;
	position:relative;
}

.summary_tabs ul.list > li a { display:block; position:absolute; top:0; left:0; width:215px; height:180px; z-index:1; background:url("../image/sub/company/summary/detailBg.png") no-repeat; }
.summary_tabs ul.list > li a img { display:block; position:absolute; top:91px; left:17px; }

.summary_tabs ul.list li.mu1 p { background-position: 0 0; }
.summary_tabs ul.list li.mu2 p { background-position: -221px 0; }
.summary_tabs ul.list li.mu3 p { background-position: -443px 0; }
.summary_tabs ul.list li.mu4 p { background-position: -664px 0; }
.summary_tabs ul.list li.mu5 p { background-position: -885px 0; }

.summary_tabs ul.inner_list {
    width: 215px;
    margin-top: 22px;
}
.summary_tabs ul.inner_list li {
    background:url("../image/sub/dot1.png") no-repeat 20px center;
    font-size: 18px;
    color: #020A0A;
    text-indent: 30px;
	line-height:26px;
}







.vision {
    max-width: 1900px;
    height: 1650px;
    margin: 80px auto -100px auto;
    background: url(../image/sub/company/vision.jpg) no-repeat center;
    background-size: cover;
}

.idea { position:relative; width:100%; max-width:1900px; height:800px; margin:80px auto 0 auto; background:url("../image/sub/company/idea.jpg") no-repeat center top; background-size:1100px; }




/*ceo인사말************************************************/
.ceo .ceoTabs {
	margin: 0 auto 60px;
	width: 1100px;
	height: 310px;
	overflow: hidden;
}
.ceo .ceoTabs li{
	float: left;
    padding: 0;
    width: 550px;
    overflow: hidden;
	cursor:pointer;
}
.ceo .tab_container {
	width: 100%;
}
.ceo .tab_container .tab_content{
	width: 1100px;
	margin:0 auto 230px;
}
.ceo .tab_container .tab_content h2 {
	font-family:"Nanum Myeongjo";
	font-weight:300;
	margin-bottom: 32px;
	text-align: center;
	font-size: 32px;
	color: #00B4ED;
}

.ceo .tab_container .tab_content span {
	font-size: 18px;
	color: #020A0A;
	line-height: 26px;
	display: block;
	margin-bottom: 14px;
}
.ceo .tab_container .tab_content span.lastSpan {
	margin-top:54px;
}
.ceo .tab_container .tab_content span small {
	font-size: 18px;
	color: #020A0A;
	line-height: 26px;
	letter-spacing:-0.2px;
}

#chm_sign { display:inline-block; margin:-13px 0 0 25px; }
#ceo_sign { display:inline-block; margin:-22px 0 0 20px; }



/*[회사연혁] - 서브 네비게이션 4단 */
.history ul.tabs4unit {overflow:hidden; width:100%; height:60px;margin-top:45px;}
.history ul.tabs4unit li {float:left; text-align:center; cursor:pointer; padding:0; width:275px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.history ul.tabs4unit li  strong {font-size:24px;}
.history ul.tabs4unit li:last-child{border-right:1px solid #ddd;}
.history ul.tabs4unit li:hover, .history ul.tabs4unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:900; color:#fff;}

.s1980, .s1990, .s2000, .s2010 {
    position: relative;
    width: 100%;
    margin-top: 80px;
}
.s1980 { background: url(../image/sub/company/history/1980.jpg) no-repeat; }
.s1990 { background: url(../image/sub/company/history/1990.jpg) no-repeat; }
.s2000 { background: url(../image/sub/company/history/2000.jpg) no-repeat; }
.s2010 { background: url(../image/sub/company/history/2010.jpg) no-repeat right 120px; }

.s2000 p.left, .s2000 ul.left,
.s2010 p.left, .s2010 ul.left { margin-left: 0;}
.s2000 ul.upper { margin-top: -124px; }

p.year_title {
	width: 460px;
	margin-left: 640px;
	color: #00B4ED;
	font-size: 30px;
	line-height: 75px;
	border-bottom: 5px solid #00B4ED;
	margin-bottom: 30px;
}
p.year_title strong {
	font-size: 70px;
}
ul.historyText {
    letter-spacing: -0.5px;
    margin-left: 640px;
}
ul.historyText > li {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 20px;
}
ul.historyText li p {
    float: left;
    margin-right: 18px;
    color: #00B4ED;
    font-weight: 600;
}
ul.txt {
    display: inline-block;
    float: left;
}
ul.txt li {
    margin-bottom: 8px;
}






/*그룹사소개************************************************/
.group {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 1235px;
	margin-top:80px;
}
.group .comment {
	position:relative;
	width:1100px;
	margin:0 auto;
	vertical-align: top;
	letter-spacing: -0.5px;
	font-size: 18px;
	color: #020A0A;
	line-height: 25px;
	background: url(../image/sub/company/group/object.jpg) no-repeat right;
}
.group .comment span {
	display:block;
	margin-bottom:10px;
}
.afTable {
	margin-bottom: 0;
	position: absolute;
	width: 1900px;
	left: 50%;
	margin-left: -950px;
	background: url(../image/sub/company/group/groupBg.jpg) no-repeat right;
}
/*테이블*/
.afTable table {
	width: 1100px;
	margin:75px auto 166px;
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
}
.afTable table caption {
    margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}
.afTable tr {
	height: 59px;
	border-top: 1px solid #bfbfbf;
}
.afTable tr.trStyle_1 {
	border-top: 1px solid #00B4ED;
}
.afTable th {
    width: 280px;
    text-align: center;
    font-size: 28px;
	color: #00B4ED;
	background:rgba(248, 248, 248, 0.5);
		-webkit-background:rgba(248, 248, 248, 0.5);
		-moz-background:rgba(248, 248, 248, 0.5);
		-o-background:rgba(248, 248, 248, 0.5);
}
.afTable td {
	font-size: 15px;
}
.afTable td a {
	position:relative;
	right:0;
	display:block;
	padding:10px 0 10px 10px;
}
.afTable td.td1 {
	font-weight: 600;
	font-size: 18px;
	text-indent: 20px;
	width: 280px;
}
.afTable td span {
	font-weight: 100;
	font-size: 15px;
}






/*[정도경영] - 서브 네비게이션 3단 */
.managing ul.tabs3unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.managing ul.tabs2unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.managing ul.tabs2unit li {float:left; text-align:center; cursor:pointer; padding:0; width:550px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.managing ul.tabs3unit li {float:left; text-align:center; cursor:pointer; padding:0; width:366px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.managing ul.tabs3unit li:last-child{border-right:1px solid #ddd;}
.managing ul.tabs3unit li:hover, .managing ul.tabs3unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

.managing ul.tabs3unit_1 {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.managing ul.tabs3unit_1 li {float:left; text-align:center; cursor:pointer; padding:0; width:275px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.managing ul.tabs3unit_1 li:last-child{border-right:1px solid #ddd;}
.managing ul.tabs3unit_1 li:hover, .managing ul.tabs3unit_1 li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}


.managing ul.tabs2unit li:last-child{border-right:1px solid #ddd;}
.managing ul.tabs2unit li:hover, .managing ul.tabs2unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

.managing ul.tabs2unit_1 {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.managing ul.tabs2unit_1 li {float:left; text-align:center; cursor:pointer; padding:0; width:275px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.managing ul.tabs2unit_1 li:last-child{border-right:1px solid #ddd;}
.managing ul.tabs2unit_1 li:hover, .managing ul.tabs2unit_1 li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

/*공급망관리*/
.supply_chain{margin:0 auto; margin-bottom:50px; margin-top:50px;border-top: 5px solid #00B4ED;border-bottom: 1px solid #00B4ED;}
.supply_chain thead tr th{height: 70px; }
.supply_chain tbody tr{height:50px;border-top: 1px solid #bfbfbf;}
.supply_chain caption{text-align:left; margin-bottom:50px; 
	font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
   }

.system .comment { position:relative; width:1100px; margin:80px auto 0 auto; background: url(../image/sub/managing/managing/vndiagram.jpg) no-repeat right 208px; }
.system .comment p {
	width: 530px;
	vertical-align: top;
	letter-spacing: -0.5px;
	font-size: 18px;
	color: #020A0A;
	line-height: 26px;
	margin-top:85px;
}
.system .comment p strong {
	display: block;
	margin-bottom: 15px;
	color: #00B4ED;
	font-weight: 600;
}
.system .comment p span{ display:block; margin-top: 10px;}
.system .rule4 { position:relative; width:100%; max-width:1900px; height:450px; margin:100px auto 0 auto; text-indent:-99999px; font-size:0; background:url("../image/sub/managing/managing/4rule.jpg") no-repeat center; background-size:cover;}

.system .comment .comment_new_btn{position:absolute; right:0; bottom:-10px; width:150px; height:40px; background:#eee; display:flex; justify-content:center; align-items:center; cursor:pointer;}

/*220628용승호*/
.system .comment_1 { position:relative; width:1100px; margin:80px auto 0 auto;}
.system .comment_1 p {
	width: 48%;
	vertical-align: top;
	letter-spacing: -0.5px;
	font-size: 18px;
	color: #020A0A;
	line-height: 26px;
	margin-top:35px;
	float:left
}
.system .comment_1 p.com_right {
	
	float:right
}
.system .comment_1 p strong {
	display: block;
	margin-bottom: 15px;
	color: #00B4ED;
	font-weight: 600;
}
.system .hrm_active{width:1100px; margin:0 auto;}

.system .hrm_active table tr td{width:calc(100% / 3); border-right:2px solid #00B4ED; border-top:2px solid #00B4ED; padding:20px; box-sizing:border-box; vertical-align:top; line-height:130%;}
.system .hrm_active table tr td:last-child{border-right:none;}
.system .hrm_active strong{
	display: block;
	margin-bottom: 15px;
	color: #00B4ED;
	font-weight: 600;
}
.system .hrm_active table tr td b{
	display: block;
	color: #00B4ED;
	font-weight: 600;
}
.hrm_background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1000;

/* 숨기기 */
z-index: -1;
opacity: 0;
}

.hrm_show {
opacity: 1;
z-index: 1000;
transition: all 0.5s;
}

.hrm_window {
position: relative;
width: 100%;
height: 100%;
}

.hrm_popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

/* 초기에 약간 아래에 배치 */
transform: translate(-50%, -40%);
}

.hrm_show .hrm_popup {
transform: translate(-50%, -50%);
transition: all 0.5s;
}
#hrm_show{display:block; width:200px; height:50px; background:#ddd; text-align:center; line-height:50px; background:#00B4ED;cursor:pointer; position:relative; left:0; top:10px; font-weight:600;}
#hrm_pdf_show{display:block; width:200px; height:50px; text-align:center; line-height:50px; background:#00B4ED;cursor:pointer; position:relative; left:0; top:10px; font-weight:600; color:#020A0A;}
#hrm_close{position:absolute; right:1%; top:1%;}
/*220628용승호*/

.concept { position:relative; width:100%; margin:80px auto 0 auto; }
.concept h3 { margin-bottom:40px; }
.concept {
    position: relative;
    width: 100%;
    margin: 80px auto 0 auto;
}

.concept .autobiography {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 810px;
    margin: 0 auto 0 auto;
    text-indent: -99999px;
    font-size: 0;
    background: url(../image/sub/managing/managing/concept.jpg) no-repeat center;
    background-size: cover;
}
.managing p.bottom_text {
    width: 1100px;
    margin:0 auto 0;
    font-size: 18px;
    line-height: 26px;
}
.managing p.bottom_text span, .managing p.bottom_text strong { display: block; }
.managing p.bottom_text span {
    color: #00B4ED;
    font-weight: 600;
    margin-top: 65px;
}
.managing p.bottom_text strong {
    margin:16px 0;
}

.concept .autobiography {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 810px;
    margin: 0 auto 0 auto;
    text-indent: -99999px;
    font-size: 0;
    background: url(../image/sub/managing/managing/concept.jpg) no-repeat center;
    background-size: cover;
}
.company p.bottom_text {
    width: 1100px;
    margin:0 auto 0;
    font-size: 18px;
    line-height: 26px;
}
.company p.bottom_text span, .managing p.bottom_text strong { display: block; }
.company p.bottom_text span {
    color: #00B4ED;
    font-weight: 600;
    margin-top: 65px;
}
.company p.bottom_text strong {
    margin:16px 0;
}


/*사이버신고센터*/
.accuse { position:relative; width:1100px; height:520px; margin:80px auto 100px auto; }
.report_left {
	float: left;
	width: 490px;
	position: relative;
	height: 500px;
}
.report_left img {
	display: block;
	position: absolute;
	left: -66px;
}
.report_right {
	float: left;
	color: #020A0A;
}
.report_right h4 {
	font-size: 28px;
	font-weight: 600;
	line-height: 38px;
}
.report_right ol {
	width:610px;
	height:80px;
	margin-top: 33px;
	margin-left: -18px;
	margin-bottom: 61px;
}
.report_right ol li {
	float:left;
	font-size: 18px;
	line-height: 30px;
	letter-spacing:-0.5px;
}
.report_right ol li:nth-child(1), .report_right ol li:nth-child(3), .report_right ol li:nth-child(5) {
	width:350px;
}
.report_right ol li:nth-child(2), .report_right ol li:nth-child(4) {
	width:260px;
}
.report_right i {
	clear:both;
	display: block;
	height: 1px;
	width: 600px;
	background: #c9caca;
}

.report_right strong {
	margin-top: 25px;
	display: block;
	margin-bottom: 15px;
	font-size: 18px;
	color: #020A0A;
}
.report_right span {
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	color: #898989;
	line-height: 20px;
}
.report_right span a {
	color: #014099;
	font-weight: 600;
}

/* 미래사업 */
.future { position:relative; width:1100px; height:895px; margin:38px auto 0 auto; background: url(../image/sub/managing/future/futureBg.jpg) no-repeat; }
.future p:first-child {
	display:block;
	padding-top:70px;
	text-align:center;
	width: 100%;
	vertical-align: top;
	font-size: 18px;
	color: #fff;
	line-height: 26px;
}
.future p:first-child strong {
	display: block;
	margin-bottom:50px;
	font-size: 28px;
	color: #fac762;
	font-weight: 600;
}
.future p.object { position:absolute; top:410px; right:30px; }
.future p:last-child {
	display:block;
	position:absolute;
	top:670px;
	width: 100%;
	vertical-align: top;
	font-size: 18px;
	color: #020A0A;
	line-height: 26px;
}
.future p:last-child strong {
	display: block;
	margin-bottom:20px;
	font-size: 18px;
	color: #004099;
	font-weight: 600;
}





.quality {position:relative; width:100%; margin:75px auto 0 auto; }
.quality h2 { margin-bottom:12px; }
.quality h3 { margin-bottom:0; }
.quality .belief {
    position: relative;
    width: 1100px;
    margin: 50px auto 0 auto;
    background: url(../image/sub/managing/qes//quality/diagram.png) no-repeat right -20px;
}

.quality .belief p.quality_comment {
    width: 530px;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
	margin-bottom:15px;
}

.quality .belief p.quality_comment > span {
	display:block;
	margin-bottom:12px;
}
.quality .belief p.quality_comment strong {
    display: block;
    margin-bottom: 7px;
    color: #00B4ED;
    font-weight: 600;
}
.quality .belief > span {
	display:block;
	margin-top:5px;
    font-size: 15px;
    color: #014099;
}
.quality .belief img.photo1,
.quality .belief img.photo2 {
    margin-bottom: 3px;
}
.quality .belief p.diagramTitle1 {
	position:absolute;
	top:10px;
	left:820px;
}
.quality .belief p.diagramTitle2 {
	position:absolute;
	top:225px;
	left:760px;
}
.quality .belief p.diagramTitle3 {
	position:absolute;
	top:527px;
	left:685px;
}
.quality .belief p.diagramTitle1 strong,
.quality .belief p.diagramTitle2 strong,
.quality .belief p.diagramTitle3 strong {
    color: #00B4ED;
    font-weight: 600;
    font-size: 18px;
}

.quality .belief p.diagramComment1 {
	position:absolute;
	top:35px;
	left:450px;
	width:150px;
	font-size:15px;
	color:#020A0A;
	line-height:20px;
}
.quality .belief p.diagramComment2 {
	position:absolute;
	top:108px;
	left:992px;
	width:150px;
	font-size:15px;
	color:#020A0A;
	line-height:20px;
}
.quality .belief p.diagramComment3 {
	position:absolute;
	top:375px;
	left:450px;
	width:150px;
	font-size:15px;
	color:#020A0A;
	line-height:20px;
}
.quality .belief p.diagramComment4 {
	position:absolute;
	top:370px;
	left:984px;
	width:150px;
	font-size:15px;
	color:#020A0A;
	line-height:20px;
}
.quality .belief p.diagramComment1 strong,
.quality .belief p.diagramComment2 strong,
.quality .belief p.diagramComment3 strong,
.quality .belief p.diagramComment4 strong {
	font-size:18px;
	font-weight:300;
	display:inline-block;
	margin-bottom:20px;
	text-indent:10px;
}
.quality .belief p b {
	text-indent:-99999px;
	font-size:0;
	width:3px;
	height:2px;
	display:inline-block;
	vertical-align:middle;
	background:url("../image/sub/dot2.png") no-repeat center;
}

.quality .certification {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 440px;
    margin: 100px auto 0 auto;
    padding-top: 60px;
    background: url(../image/sub/managing/qes/quality/certificationBg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}
/*activities추가*/
.quality .activities {
    position: relative;
    width: 1100px;
    margin: 95px auto 0 auto;
    overflow: auto;
}
.quality .activities strong {
    font-size: 18px;
    display: block;
    color: #00B4ED;
    margin-bottom: 10px;
}
.quality .activities ul {
    border-top: 5px solid #00B4ED;
    width: 530px;
    float: left;
}
.quality .activities ul li {
    color: #020A0A;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 28px;
    border-bottom: 1px solid #00B4ED;
	position:relative;
}
.quality .activities ul li h4 {
    display: inline-block;
    position: absolute;
    font-weight: 600;
    line-height: 26px;
	left:0;
}
.quality .activities ul li p {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-left: 150px;
    padding-right: 10px;
}
.m-l-30 {
    margin-left: 30px;
}







.environment {position:relative; width:100%; margin:75px auto 0 auto; }
.environment h2 { margin-bottom:12px; }
.environment h3 { margin-bottom:0; }
.environment .belief {
    position: relative;
    width: 1100px;
    margin: 50px auto 0 auto;
}
.environment .belief p.environment_comment {
    width: 530px;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
	margin-bottom:15px;
}

.environment .belief p.environment_comment > span {
	display:block;
	margin-bottom:12px;
}
.environment .belief p.environment_comment strong {
    display: block;
    margin-bottom: 7px;
    color: #00B4ED;
    font-weight: 600;
}
.environment .belief > span {
	display:block;
	margin-top:5px;
    font-size: 15px;
    color: #014099;
}
.environment .belief img.photo {
    margin-bottom: 3px;
}
.environment .belief p.diagramTitle {
	position:absolute;
	top:380px;
	left:745px;
}
.environment .belief p.diagramTitle strong {
    color: #00B4ED;
    font-weight: 600;
    font-size: 18px;
	line-height:22px;
}

.environment .belief p.diagramComment1 {
	position:absolute;
	top:30px;
	left:450px;
	width:150px;
	font-size:15px;
	color:#020A0A;
	line-height:20px;
}
.environment .belief p.diagramComment2 {
	position:absolute;
	top:33px;
	left:960px;
	width:150px;
	font-size:15px;
	color:#020A0A;
	line-height:20px;
}
.environment .belief p.diagramComment3 {
	position:absolute;
	top:250px;
	left:450px;
	width:150px;
	font-size:15px;
	color:#020A0A;
	line-height:20px;
}
.environment .belief p.diagramComment4 {
	position:absolute;
	top:290px;
	left:960px;
	width:150px;
	font-size:15px;
	color:#020A0A;
	line-height:20px;
}
.environment .belief p.diagramComment1 strong,
.environment .belief p.diagramComment2 strong,
.environment .belief p.diagramComment3 strong,
.environment .belief p.diagramComment4 strong {
	font-size:18px;
	font-weight:300;
	display:inline-block;
	margin-bottom:20px;
	padding-left:10px;
	line-height:22px;
}
.environment .belief p.diagramComment1 strong i,
.environment .belief p.diagramComment2 strong i,
.environment .belief p.diagramComment3 strong i,
.environment .belief p.diagramComment4 strong i {
    color: #014099;
    font-weight: 300;
    font-size: 15px;
	font-style:normal;
}

.environment .belief p b {
	text-indent:-99999px;
	font-size:0;
	width:3px;
	height:2px;
	display:inline-block;
	vertical-align:middle;
	background:url("../image/sub/dot2.png") no-repeat center;
}




.environment .certification {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 1100px;
    margin: 80px auto 0 auto;
    padding-top: 60px;
    background: url(../image/sub/managing/qes/environment/certificationBg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.environment .certification img{ /*margin-left:-205px;*/ }
/*activities추가*/
.environment .activities {
    position: relative;
    width: 1100px;
    margin: 95px auto 0 auto;
    overflow: auto;
}
.environment .activities strong {
    font-size: 18px;
    display: block;
    color: #00B4ED;
    font-weight: 600;
    margin-bottom: 10px;
}
.environment .activities ul {
    border-top: 5px solid #00B4ED;
    width: 530px;
    float: left;
}
.environment .activities ul li {
    color: #020A0A;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 28px;
    border-bottom: 1px solid #00B4ED;
	position:relative;
}
.environment .activities ul li h4 {
    display: inline-block;
    position: absolute;
    font-weight: 600;
    line-height: 26px;
	left:0;
}
.environment .activities ul li p {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-left: 150px;
    padding-right: 10px;
}







.safety {position:relative; width:100%; margin:75px auto 0 auto; }
.safety h2 { margin-bottom:12px; }
.safety h3 { margin-bottom:0; }
.safety .belief {
    position: relative;
    width: 1100px;
    margin: 50px auto 0 auto;
    background: url(../image/sub/managing/qes/safety/diagram.jpg) no-repeat 540px -15px;
}
.safety .belief p.safety_comment {
    width: 530px;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.safety .belief p.safety_comment > span {
	display:block;
	margin-bottom:12px;
}
.safety .belief p.safety_comment strong {
    display: block;
    margin-bottom: 7px;
    color: #00B4ED;
    font-weight: 600;
}
.safety .belief > span {
	display:block;
	margin-top:10px;
    font-size: 15px;
    color: #014099;
}
.safety .belief img.photo {
    margin-top: 10px;
}

.safety .belief p.diagramTitle {
	position:absolute;
	top:30px;
	left:460px;
}
.safety .belief p.diagramTitle strong {
    color: #00B4ED;
    font-weight: 600;
    font-size: 18px;
	line-height:26px;
}

.safety .belief p.diagramComment1 {
	position:absolute;
	top:160px;
	left:710px;
	font-size:15px;
	color:#020A0A;
	line-height:22px;
	padding-left:100px;
}
.safety .belief p.diagramComment2 {
	position:absolute;
	top:340px;
	left:800px;
	font-size:15px;
	color:#020A0A;
	line-height:22px;
	padding-left:100px;
}
.safety .belief p.diagramComment3 {
	position:absolute;
	top:450px;
	left:460px;
	font-size:15px;
	color:#020A0A;
	line-height:22px;
	padding-left:100px;
}
.safety .belief p.diagramComment1 strong,
.safety .belief p.diagramComment2 strong,
.safety .belief p.diagramComment3 strong {
	position:absolute;
	top:0;
	left:0;
	font-size:18px;
	font-weight:300;
}
.safety .belief p b {
	text-indent:-99999px;
	font-size:0;
	width:3px;
	height:2px;
	display:inline-block;
	vertical-align:middle;
	background:url("../image/sub/dot2.png") no-repeat center;
}


.safety .certification {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 440px;
    margin: 100px auto 0 auto;
    padding-top: 60px;
    background: url(../image/sub/managing/qes/safety/certificationBg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;

}

/*activities추가*/
.safety .activities {
    position: relative;
    width: 1100px;
    margin: 95px auto 0 auto;
    overflow: auto;
}
.safety .activities strong {
    font-size: 18px;
    display: block;
    color: #00B4ED;
    font-weight: 600;
    margin-bottom: 10px;
}
.safety .activities ul {
    border-top: 5px solid #00B4ED;
    width: 530px;
    float: left;
}
.safety .activities ul li {
    color: #020A0A;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 46px;
    border-bottom: 1px solid #00B4ED;
	position:relative;
}
.safety .activities ul li h4 {
    display: inline-block;
    position: absolute;
    font-weight: 600;
    line-height: 26px;
	left:0;
}
.safety .activities ul li p {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-left: 150px;
    padding-right:10px;
}
.safety .activities ul li p.p-l {
    padding-left: 50px;
}
.safety .activities ul li p span {
    color: #00B4ED;
    display: block;
}
.safety .activities ul li p span.m-t {
    margin-top: 14px;
}
.safety .activities ul li img {
    display: block;
    padding-top: 11px;
    margin-bottom: -37px;
}







.winwin {
    position: relative;
    width: 1100px;
    margin: 70px auto 0 auto;
    color: #020A0A;
}
.winwin h2 {
    margin-bottom: 15px;
}
.winwin h3 {
    margin-bottom: 50px;
}
.winwin .philosophy h4 {
    font-size: 18px;
    color: #00B4ED;
    margin-bottom: 10px;
}
.winwin .philosophy p {
    font-size: 18px;
    line-height: 26px;
	letter-spacing:-0.3px;
}
.winwin .point ul {
    margin-top: 50px;
    overflow: hidden;
    width: 100%;
}
.winwin .point ul li {
    height: 155px;
    margin-bottom: 50px;
    float: left;
    width: 540px;
}
.m-l-20 {
    margin-left: 20px;
}
.winwin .point ul li img {
    float: left;
}
.winwin .point ul li div {
    margin-left: 150px;
    padding-right: 10px;
}
.winwin .point ul li div h5 {
    font-size:18px;
    line-height: 32px;
    margin-bottom: 14px;
    border-bottom: 1px solid #bfbfbf;
}
.winwin .point ul li div p {
    font-size: 15px;
    line-height: 22px;
}

.winwin .activities {
    position: relative;
    width: 1100px;
    margin: 65px auto 0 auto;
    overflow: hidden;
}
.winwin .activities strong {
    font-size: 18px;
    display: block;
    color: #00B4ED;
    font-weight: 600;
    margin-bottom: 10px;
}
.winwin .activities ul {
    border-top: 5px solid #00B4ED;
    width: 530px;
    float: left;
}
.winwin .activities ul li {
    color: #020A0A;
    min-height: 80px;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #00B4ED;
	position:relative;
}
.winwin .activities ul li.escreen {
    padding-bottom: 40px;
}
.winwin .activities ul li h4 {
    color: #020A0A;
    display: inline-block;
    position: absolute;
    font-weight: 600;
    line-height: 26px;
	left:0;
}
.winwin .activities ul li p {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-left: 150px;
    padding-right:10px;
}
.winwin .activities ul li p span {
    color: #00B4ED;
    display: block;
}
.winwin .activities ul li img {
    display: block;
    padding-top: 10px;
    margin-bottom: -9px;
}






.share {
    position: relative;
    width: 100%;
    max-width: 1900px;
    margin: 70px auto 0 auto;
}
.share h2 {
    margin-bottom: 15px;
}
.share h3 {
    margin-bottom: 50px;
}
.share .philosophy {
    width: 1100px;
    margin:0 auto 0 auto;
}
.share .philosophy h4 {
    font-size: 18px;
    color: #00B4ED;
   /* margin-bottom: 10px;*/
}
.share .point ul {
    margin-top: 24px;
    overflow: hidden;
    width: 100%;
}
.share .point ul li {
    /*height: 155px;*/
    margin-bottom: 40px;
    float: left;
    width: 540px;
}
.m-l-20 {
    margin-left: 20px;
}
.share .point ul li img {
    float: left;
}
.share .point ul li div {
    margin-left: 150px;
    padding-right: 10px;
}
.share .point ul li div h5 {
    font-size:18px;
    line-height: 32px;
    margin-bottom: 14px;
    border-bottom: 1px solid #bfbfbf;
}
.share .point ul li div p {
    font-size: 15px;
    line-height: 22px;
}
.share .point ul.sub_list {
    margin-left: -6px;
    margin-top: 12px;
}
.share .point ul.sub_list li {
    margin-left: 0px;
    text-indent: 7px;
    font-size: 12px;
    margin-bottom: 6px;
    color: #00B4ED;
	background:url("../image/sub/managing/csr/share/bullit.png") no-repeat 0px center;
}

.share .slogan {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 350px;
    margin: 40px auto 0 auto;
    /*padding-top: 50px;*/
    background: url(../image/sub/managing/csr/share/slogan_bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}
.share .slogan img {
    margin-top: 50px;
}

.share .program {
    width: 1100px;
    margin:95px auto 0 auto;
 }
.share .program h4{
    font-size: 18px;
    margin-bottom: 28px;
    color: #00B4ED;
}



.sports {
    position: relative;
    width: 100%;
    max-width: 1900px;
    margin: 70px auto -100px auto;
}
.sports h2 {
    margin-bottom: 15px;
}
.sports h3 {
    margin-bottom: 0;
}
.sports .hockeyteam {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 830px;
    margin: 116px auto 0 auto;
    background: url(../image/sub/managing/csr/sports/hockeyteam_bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}
.sports .hockeyteam img {
    position: absolute;
    display: block;
    width: 1181px;
    left: 50%;
    margin-left: -608px;
    margin-top: -126px;
}

.downloadArea_2btn {
	margin-top: 80px;
	font-size:0;
	position:relative;
}
.downloadArea_2btn .img {
	position:relative;
	display:inline-block;
	width:555px;
	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:495px;
	color: #020A0A;
	vertical-align:top;
	margin-top:50px;
	z-index:9;
}
.downloadArea_2btn .continuance_text strong {
	display: block;
	font-size: 30px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
	word-break:keep-all;
	letter-spacing:-2px;
}

.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: inline-block;
	width:calc(50% - 10px);
	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:10px;
	margin-right:15px;
	margin-top:20px;
}

.downloadTxt_continuance {
	position:absolute;
	bottom:-60px;
	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;
}









/*[투자정보] - 서브 네비게이션 4단 */
.invest ul.tabs4unit {overflow:hidden; width:100%; height:60px;margin-top:45px;}
.invest ul.tabs4unit li {float:left; text-align:center; cursor:pointer; padding:0; width:275px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.invest ul.tabs4unit li:last-child{border-right:1px solid #ddd;}
.invest ul.tabs4unit li:hover, .invest ul.tabs4unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:600; color:#fff;}

.management { position:relative; width:100%; height:420px; margin-top:45px; background:url("../image/sub/invest/management.jpg") no-repeat top left; }
.management table { position:relative; width:520px; top:25px; margin-left:560px; }
.management table colgroup col.managementTitle { width:100px; }
.management table colgroup col.managementContent { width:400px; }
.management table tr { line-height:43px; }
.management table th { font-size:18px; color:#00B4ED; text-align:left; }
.management table td { font-size:18px; color:#020A0A; text-align:left; }
.management table td small { font-size:15px; }

.governance { position:relative; width:100%; margin-top:80px; }
.governance .director_rule { margin-top: 60px; }
.governance .director_rule strong {
	display: block;
	font-size: 30px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
	word-break:keep-all;
	letter-spacing:-2px;
}

.governance .director_rule a {
	display: inline-block;
	width:calc(50% - 10px);
	height:60px;
	line-height:60px;
	font-size: 18px;
	font-weight: 600;
	border:1px solid #BEBEBE;
}

.governance .director_rule a:first-child {
	margin-right:20px;
}

.governance .director_rule a img {
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
	margin-right:15px;
	margin-top:20px;
}

.director_rule_new a {
	display: inline-block;
	width:50%;
	height:60px;
	line-height:60px;
	font-size: 18px;
	font-weight: 600;
	border:1px solid #BEBEBE;
}

.director_rule_new a:first-child {
	margin-right:20px;
}

.director_rule_new a img {
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
	margin-right:15px;
	margin-top:20px;
}
.director_rule_new strong {
	display: block;
	font-size: 30px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
	word-break:keep-all;
	letter-spacing:-2px;
}
.director_rule_new .director_inner{width:50%; float:left; margin-bottom:50px;}

@media screen and (max-width:1300px) { 
    .director_rule_new .director_inner{width:100%; clear:both; margin-bottom:50px;}
}

.stockholder { position:relative; width:100%; margin-top:80px; }
.stockholder table { position:relative; width:100%; border-top:5px solid #00B4ED; margin-bottom:110px; }
.stockholder table caption { width:100%; margin-bottom:15px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
.stockholder table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
/*.stockholder table thead th:before {content:""; position:absolute; width:100%; top:38px; left:0; border-top:1px solid #DFE7F2; }*/
.stockholder table thead th { height:53px; font-size:15px; color:#00B4ED; font-weight:100; line-height:45px; text-align:center; border-bottom:1px solid #1852A2; }
.stockholder table tbody th, .stockholder table tbody td { height:59px; border-bottom:1px solid #BFBFBF; font-size:18px; color:#020A0A; line-height:60px; text-align:center; }
.stockholder table tfoot { height:59px; border-bottom:1px solid #024199; font-size:24px; color:#00B4ED; font-weight:600; line-height:60px; text-align:center; border-bottom:1px solid #1852A2; background:#eee; }


.director { position:relative; width:100%; margin-top:80px; }
.director table { position:relative; width:100%; border-top:5px solid #00B4ED; margin-bottom:110px; }
.director table caption { width:100%; margin-bottom:15px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
.director table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
.director table thead th { height:53px; font-size:15px; color:#00B4ED; font-weight:500; line-height:45px; text-align:left; padding-left:20px; border-bottom:1px solid #1852A2; }
.director table tbody th { font-size:18px; color:#00B4ED; font-weight:600;}
.director table tbody td { font-size:18px; }
.director table tbody th, .director table tbody td { height:59px; border-bottom:1px solid #BFBFBF; color:#020A0A; text-align:left; line-height:60px; font-weight:300; padding-left:20px; }

/*[투자정보] - 서브 네비게이션 2단 */
.invest ul.tabs2unit {overflow:hidden; width:100%; height:60px;margin-top:45px;}
.invest ul.tabs2unit li {float:left; text-align:center; cursor:pointer; padding:0; width:550px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.invest ul.tabs2unit li:last-child{border-right:1px solid #ddd;}
.invest ul.tabs2unit li:hover, .invest ul.tabs2unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:600; color:#fff;}

.invest ul.tabs3unit {overflow:hidden; width:100%; height:60px;margin-top:45px;}
.invest ul.tabs3unit li {float:left; text-align:center; cursor:pointer; padding:0; width:366px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.invest ul.tabs3unit li:last-child{border-right:1px solid #ddd;}
.invest ul.tabs3unit li:hover, .invest ul.tabs3unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:600; color:#fff;}

.result { position:relative; width:100%; margin-top:80px; }
.result .upsideCont table { position:relative; width:540px; border-top:5px solid #00B4ED; float:left; margin-right:20px; }
.result .upsideCont table:nth-child(2n) {margin-right:0; }
.result .upsideCont table caption { width:540px; margin-bottom:15px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
.result .upsideCont table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
.result .upsideCont table#table1 thead th { position:relative; width:60px; height:59px; font-size:15px; color:#00B4ED; }
.result .upsideCont table#table2 thead th { position:relative; width:60px; height:74px; font-size:15px; color:#00B4ED; }
.result .upsideCont table#table2 thead tr:first-child th { height:73px; }
.result .upsideCont table thead th p { position:absolute; bottom:-9px; right:15px; }
.result .upsideCont table thead td { width:480px; border-bottom:1px solid #BFBFBF; }
.result .upsideCont table thead tr:last-child td { border-bottom:1px solid #034299; }

.result .upsideCont table#table1 tbody { position:absolute; bottom:60px; left:0; height:240px; }
.result .upsideCont table#table2 tbody { position:absolute; bottom:60px; left:0; height:225px; }
.result .upsideCont table tbody th { width:60px; font-size:0; text-indent:-99999px; }
.result .upsideCont table#table1 tbody td { position:relative; width:160px; height:240px; text-align:center; vertical-align:bottom; }
.result .upsideCont table#table2 tbody td { position:relative; width:160px; height:225px; text-align:center; vertical-align:bottom; }
.result .upsideCont table tbody td p { position:relative; margin:0 auto; bottom:-1px; width:70px; background:#BFBFBF; }
.result .upsideCont table#table1 tbody td.recentYear p { background:#00B4ED; }
.result .upsideCont table#table2 tbody td.recentYear p { background:#00B4ED; }

.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; }

.result .upsideCont table tfoot th { position:relative; width:60px; height:59px; font-size:0; text-indent:-99999px; }
.result .upsideCont table tfoot td { text-align:center; font-size:18px; color:#020A0A; }
.result .upsideCont table tfoot td small { font-size:15px; }

.result .downsideCont table { position:relative; width:540px; border-top:5px solid #00B4ED; float:left; margin-right:20px; margin-top:120px; margin-bottom:100px; }
.result .downsideCont table:nth-child(2n) {margin-right:0; }
.result .downsideCont table caption { width:540px; margin-bottom:15px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
.result .downsideCont table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
.result .downsideCont table#table3 thead th { position:relative; width:60px; height:74px; font-size:15px; color:#00B4ED; }
.result .downsideCont table#table4 thead th { position:relative; width:60px; height:49px; font-size:15px; color:#00B4ED; }
.result .downsideCont table#table4 thead tr:first-child th { height:51px; }
.result .downsideCont table thead th p { position:absolute; bottom:-9px; right:15px; }
.result .downsideCont table thead td { width:480px; border-bottom:1px solid #BFBFBF; }
.result .downsideCont table thead tr:last-child td { border-bottom:1px solid #034299; }

.result .downsideCont table#table3 tbody { position:absolute; bottom:60px; left:0; height:224px; }
.result .downsideCont table#table4 tbody { position:absolute; bottom:60px; left:0; height:239px; }
.result .downsideCont table tbody th { width:60px; font-size:0; text-indent:-99999px; }
.result .downsideCont table#table3 tbody td { position:relative; width:160px; height:225px; text-align:center; vertical-align:bottom; }
.result .downsideCont table#table4 tbody td { position:relative; width:160px; height:240px; text-align:center; vertical-align:bottom; }
.result .downsideCont table tbody td p { position:relative; margin:0 auto; bottom:-1px; width:70px; background:#BFBFBF; }
.result .downsideCont table#table3 tbody td.recentYear p { background:#00B4ED; }
.result .downsideCont table#table4 tbody td.recentYear p { background:#00B4ED; }

.result .downsideCont table tfoot th { position:relative; width:60px; height:59px; font-size:0; text-indent:-99999px; }
.result .downsideCont table tfoot td { text-align:center; font-size:18px; color:#020A0A; padding-top:40px;}
.result .downsideCont table tfoot td small { font-size:15px; }

/*
.result .downsideCont table { position:relative; width:540px; border-top:5px solid #00B4ED; float:left; margin-right:20px; margin-top:140px; margin-bottom:100px; }
.result .downsideCont table:nth-child(2n) {margin-right:0; }
.result .downsideCont table caption { width:540px; margin-bottom:15px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
.result .downsideCont table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
.result .downsideCont table thead th { position:relative; width:60px; height:59px; font-size:15px; color:#00B4ED; font-weight:300; border-bottom:1px solid #034299; }
.result .downsideCont table thead th:first-child { text-align:left;  text-indent:20px; }
.result .downsideCont table thead th:last-child { text-align:right; }

.result .downsideCont table tbody tr { position:relative; width:100%; height:59px; font-size:18px; color:#020A0A; font-weight:300; border-bottom:1px solid #BFBFBF; }
.result .downsideCont table tbody th { width:270px; text-align:left; text-indent:20px; }
.result .downsideCont table tbody td { text-align:right; }
.result .downsideCont table tbody tr:last-child { border-bottom:1px solid #024199; }
*/

.settlement { position:relative; width:100%; margin:80px 0 100px 0; text-align:center; }

/*
.settlement span.st_selectBox {
	position: absolute;
	top:0;
	right: 0;
	display: block;
	width: 228px;
	height: 38px;
	border: 1px solid #bfbfbf;
	background: #eee;
	font-size: 15px;
	text-align: left;
	text-indent: 15px;
	line-height: 38px;
	color: #898989;
	z-index:99;
	overflow:hidden;
}
.settlement span.st_selectBox a { display:block; width:100%; }
.settlement span.st_selectBox p { display:block; position:absolute; top:0; right:0; cursor:pointer; }
.settlement span.st_selectBox p#scrollbar { display:block; position:absolute; top:0; right:0; }
.settlement span.st_selectBox p#scrollbarOn { display:none; position:absolute; top:0; right:0; }
*/
.settlement select.st_selectBox {
	position: absolute;
	top:0;
	right: 0;
	display: block;
	width: 228px;
	height: 38px;
	border: 1px solid #bfbfbf;
	background: #eee;
	font-size: 15px;
	text-align: left;
	text-indent: 15px;
	line-height: 38px;
	color: #898989;
	z-index:99;
}
.settlement select.st_selectBox option { padding:10px 0; }

.appoint { position:relative; width:100%; margin-top:80px; text-align:center; }
.appoint h2 { font-size:28px; color:#020A0A; font-weight:300; }
.appoint p { font-size:18px; color:#020A0A; font-weight:300; line-height:30px; }
.appoint p strong { font-weight:300; color:#00B4ED; }
.appoint .appoint_info { width:580px; margin:40px auto; border-top:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; padding:40px 0; text-align:left; }
.appoint .appoint_info span { font-size:15px; color:#020A0A; font-weight:300; line-height:30px; }
.appoint span.appoint_date { font-size:15px; color:#020A0A; font-weight:300; line-height:80px; }
.appoint h5 { font-size:15px; color:#020A0A; font-weight:300; line-height:30px; }



/*[주식정보] */
.stock { position:relative; width:100%; margin:35px 0 100px 0; background:url("../image/sub/invest/stock.jpg") no-repeat bottom right; }
.stock iframe { position:relative; top:20px; padding:60px 80px; width:820px; height:500px; border:1px solid #BFBFBF; }

/*공시정보 */
.information ul.tabs2unit {overflow:hidden; width:100%; height:60px;margin-top:45px;}
.information ul.tabs2unit li {float:left; text-align:center; padding:0; width:550px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd;  background:#eee;}
.information ul.tabs2unit li a { display:block; font-size:18px; color:#020A0A; font-weight:100; }
.information ul.tabs2unit li:last-child{border-right:1px solid #ddd;}
.information ul.tabs2unit li:hover, .information ul.tabs2unit li.active {border:1px solid #00B4ED; }
.information ul.tabs2unit li:hover a, .information ul.tabs2unit li.active a {background:#00B4ED; font-weight:600; color:#fff;}
.information { position:relative; width:100%; margin:35px 0 100px 0; }
.information .informationFrame { position:relative; width:820px; height:510px; margin-top:78px; border:1px solid #BFBFBF; overflow:hidden; }
.information iframe { position:absolute; top:60px; left:80px; width:820px; height:510px; }
.information .informationHelp { position:absolute; right:0; top:138px; padding-left:0px; width:280px; height:500px; }
.information .informationHelp h3 { text-align:left; margin:0 0 20px 50px; }
.information .informationHelp p { margin-left:50px; }
/*
.information .informationHelp .informationNotice { position:absolute; width:100%; padding:15px 0 0 50px; bottom:55px; border-top:1px solid #BFBFBF; line-height:22px; }
.information .informationHelp .informationNotice strong { color:#00B4ED; }
*/
.information .informationHelp .informationNotice { position:absolute; bottom:55px; left:-50px; }

/* IR자료 */
.ir ul.tabs2unit {overflow:hidden; width:100%; height:60px;margin-top:45px;}
.ir ul.tabs2unit li {float:left; text-align:center; padding:0; width:550px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd;  background:#eee;}
.ir ul.tabs2unit li a { display:block; font-size:18px; color:#020A0A; font-weight:100; }
.ir ul.tabs2unit li:last-child{border-right:1px solid #ddd;}
.ir ul.tabs2unit li:hover, .ir ul.tabs2unit li.active {border:1px solid #00B4ED; }
.ir ul.tabs2unit li:hover a, .ir ul.tabs2unit li.active a {background:#00B4ED; font-weight:600; color:#fff;}

.ir ul.tabs3unit {overflow:hidden; width:100%; height:60px;margin-top:45px;}
.ir ul.tabs3unit li {float:left; text-align:center; padding:0; width:366px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd;  background:#eee;}
.ir ul.tabs3unit li a { display:block; font-size:18px; color:#020A0A; font-weight:100; }
.ir ul.tabs3unit li:last-child{border-right:1px solid #ddd;}
.ir ul.tabs3unit li:hover, .ir ul.tabs3unit li.active {border:1px solid #00B4ED; }
.ir ul.tabs3unit li:hover a, .ir ul.tabs3unit li.active a {background:#00B4ED; font-weight:600; color:#fff;}

.businessReport table { position:relative; width:100%; border-top:5px solid #00B4ED; margin:80px 0 100px 0; }
.businessReport table caption { width:100%; margin-bottom:15px; font-size:18px; color:#020A0A; font-weight:600; text-align:left; }
.businessReport table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
.businessReport table thead th { height:53px; font-size:15px; color:#00B4ED; font-weight:100; line-height:45px; text-align:left; border-bottom:1px solid #1852A2; text-indent:10px; }
.businessReport table tbody tr:first-child td { padding-top:20px; height:0; border:none; }
.businessReport table tbody tr:last-child td { padding-bottom:20px; height:0; border:none; }
.businessReport table tbody td { height:45px; font-size:18px; color:#020A0A; text-align:left; line-height:45px; text-indent:10px; }
.businessReport table img { vertical-align:middle; }
.businessReport table tfoot { height:59px; text-align:center; border-top:1px solid #1852A2; }
.businessReport table tfoot tr { height: 59px; }
.businessReport table tfoot a { display:inline-block; height:28px; padding:7px 10px 13px 10px; font-size:15px; color:#020A0A; font-weight:500; vertical-align:middle; }
.businessReport table tfoot a.currentPage, .businessReport table tfoot a.paging:hover { color:#fff; background:#00B4ED; }
.businessReport table thead th.num, .businessReport table tbody td.num { text-align:center; }
.businessReport table tfoot td a.next, .businessReport table tfoot td a.prev { position:relative; }
.businessReport table tfoot td a.next:hover, .businessReport table tfoot td a.prev:hover { background:none; }




.businessMoreBtn {text-align:center; margin-top:80px; }
.businessMoreBtn a { padding:10px 20px; }
#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; }

/*win*/
.win{background:#020A0A; padding:20px 0; width:95%; margin:0 auto;}
.win > p{float:left; width:640px; padding-bottom:20px; overflow:hidden;}
.win > p img {width:100%;}
.win > div{float:right; width:355px; text-align:left; font-family: 'NanumSquare'; color:#fff; padding:40px 0}
.win > div > p{color:#878787; font-size:14px; margin-bottom:70px;}
.win > div > h1{font-size:36px; border-bottom:5px solid #fff; padding-bottom:35px; margin-bottom:160px; line-height:140%;}
.win > div ul li{font-size:18px; margin-bottom:20px;}
.win > div ul li strong{font-size:15px; font-weight:normal; display:block; margin-bottom:8px;}
.win #wcomment span { line-height:28px; }

/*blocksit*/
#container{position:relative; width:1110px; margin:30px auto 0; }
#container > div { margin:0; padding:0; }
.grid{width:260px; min-height:100px; height:auto; background:#eeeeee; font-size:13px; border:1px solid #ddd;
/*
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
*/
}
.grid .imgholder .best { position:absolute; top:0; right:0; z-index:9; }
.grid strong {margin:10px 0; display:block; padding:5px 10px; font-size:17px; color:#222; word-break:keep-all; line-height:26px; }
.grid p{padding:0px 10px 15px 10px; color:#666; background:url(../image/arrow_more.png) no-repeat 95% 0px;}
.grid .meta{text-align:right;color:#777;}
.grid .imgholder img{width:100%; display:block; opacity:1
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:0.6s;
     transition:0.6s;
}
.grid .imgholder{background:#222}

.grid:hover{border:1px solid #ddd;
   background:rgba(0,0,0,0.5);
   -webkit-transition: background 0.3s;
   -moz-transition: background 0.3s;
   -o-transition: background 0.3s;
   transition: background 0.3s;
   background:#222
}
.grid:hover .imgholder img{
    opacity:0.7;
    -webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;

	-webkit-transform:scale(0.88,0.88);
   transform:scale(0.88,0.88);

   -webkit-transition:0.4s;
   transition:0.4s;
}
.grid:hover a strong{color:#fff;}
.grid:hover a p{color:#fff}










/* 고객센터 */
.cs { position:relative; width:1100px; margin:42px auto 0 auto; }
.cs > h1 { margin-bottom:35px; }
.cs > h2 { margin-bottom:10px; }
.cs > h3 { margin-bottom:45px; }

.qaLink { position:relative; height:120px; }
.qaLink li.linkBtn1 { position:relative; float:left; width:540px; height:120px; background:url("../image/sub/etc/cs/linkBtn1.png") no-repeat; z-index:2; margin-right:20px; }
.qaLink li.linkBtn2 { position:relative; float:left; width:540px; height:120px; background:url("../image/sub/etc/cs/linkBtn2.png") no-repeat; z-index:2; }
.qaLink li a { position:absolute; display:block; width:100%; height:100%; z-index:10;}
.qaLink li img { display:block; position:absolute; top:45px; right:35px; }

table.csTable { position:relative; width:100%; margin-top:51px; border-top:5px solid #00B4ED; }
table.csTable caption { font-size:12px; color:#020A0A; margin-bottom:12px; text-align:right; }
table.csTable caption strong { font-weight:normal; color:#e60012; }
table.csTable tr { height:59px; border-bottom:1px solid #00B4ED; }
table.csTable th { width:120px; text-indent:13px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
table.csTable th.required { background:url("../image/sub/etc/cs/required.png") no-repeat 5px 25px; }
table.csTable td { width:980px; text-align:left; }
table.csTable td .typeSelect { width:230px; height:40px; border:1px solid #BFBFBF; background:#eee; font-size:15px; color:#898989; padding-left:20px; }
table.csTable td .ipt_middle_sz { width:230px; height:40px; border:1px solid #BFBFBF; font-size:15px; color:#898989; text-indent:20px; }
table.csTable td .ipt_tiny_sz { width:131px; height:40px; border:1px solid #BFBFBF; font-size:15px; color:#898989; text-indent:20px; }
table.csTable td .ipt_wide_sz { width:980px; height:40px; border:1px solid #BFBFBF; font-size:15px; color:#898989; text-indent:20px; }
table.csTable td .mailSelect { width:240px; height:40px; border:1px solid #BFBFBF; background:#eee; font-size:15px; color:#898989; padding-left:20px; }
table.csTable td .mailNotice { margin-left:22px; font-size:15px; color:#020A0A; }
table.csTable td .hypen { margin:0 7px; font-size:18px; color:#020A0A; }
table.csTable td .cs_content { width:980px; height:200px; border:1px solid #BFBFBF; font-size:15px; color:#727172; padding:20px; margin:9px 0; }
table.csTable th.cs_content_th { vertical-align:top; padding-top:20px; margin-top:9px; }

.agreement { position:relative; width:100%; height:190px; padding:20px; margin-top:40px; background:#eee; overflow-y:scroll; font-size:15px; color:#020A0A; line-height:22px; text-align:left; }
.agreement h1 { margin-bottom:30px; font-size:20px; text-align:left; }
.agreement h2 { margin-bottom:5px; font-size:18px; text-align:left; }
.agreementBtn { position:relative; width:100%; margin-top:20px; font-size:15px; color:#898989; }
.agreementBtn input { margin-left:18px; }

.csFormBtn { position:relative; margin-top:90px; font-size:0; text-align:center; }
.csFormBtn li { display:inline-block; width:260px; height:60px; text-align:center; }
.csFormBtn li:first-child { background:#eee; margin-right:20px; }
.csFormBtn li:first-child a { font-size:24px; color:#020A0A; }
.csFormBtn li:last-child { background:#00B4ED; }
.csFormBtn li:last-child a { font-size:24px; color:#fff; }
.csFormBtn li a { display:inline-block; width:100%; height:100%; line-height:60px; }







/*sub0 사이트맵 ************************************************************/
.site_map {
    overflow: hidden;
}
.list_wrap {
    padding-top: 10px;
}
.list_wrap > ul:first-child {
    overflow: hidden;
    margin-bottom: 77px;
}
.list_wrap a{color: #020A0A;}
.list_wrap ul li.list {
    width: 250px;
    color: #020A0A;
    float: left;
    margin-right: 33px;
}
.list_wrap ul li.list1, .list_wrap ul li.list5 {margin-left: 1px}
.list_wrap ul li.list4 {margin-right: 0}
.list_wrap h2.title {
    height: 120px;
    font-size: 22px;
    line-height: 120px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}
.list_wrap li.list1 h2 { background: url(../image/sub/etc/sitemap/list_1.jpg) no-repeat; }
.list_wrap li.list2 h2 { background: url(../image/sub/etc/sitemap/list_2.jpg) no-repeat; }
.list_wrap li.list3 h2 { background: url(../image/sub/etc/sitemap/list_3.jpg) no-repeat; }
.list_wrap li.list4 h2 { background: url(../image/sub/etc/sitemap/list_4.jpg) no-repeat; }
.list_wrap li.list5 h2 { background: url(../image/sub/etc/sitemap/list_5.jpg) no-repeat; }
.list_wrap li.list6 h2 { background: url(../image/sub/etc/sitemap/list_6.jpg) no-repeat; }
.list_wrap li.list7 h2 { background: url(../image/sub/etc/sitemap/list_7.jpg) no-repeat; }

.list_wrap li.list p {
    float: left;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-indent: 10px;
}
.list_wrap li.list1 p {width: 110px;}
.list_wrap li.list2 p {width: 135px;}
.list_wrap li.list3 p {width: 170px;}
.list_wrap li.list4 p {width: 130px;}
.list_wrap li.list5 p {width: 110px;}
.list_wrap li.list6 p {width: 120px;}
.list_wrap li.list7 p {width: 120px;}

.list_wrap ul.list_inner > li {
    min-height: 35px;
    border-bottom: 1px solid #c9cacb;
    margin-bottom: 15px;
}
.list_wrap ul.list_inner > li.li_style_1 {
    border-bottom: 1px solid #014099;
    margin-bottom: 0;
}
.list_wrap ul.list_inner li p.p_style_1 {
    text-indent: 0;
    padding-left: 10px;
}
.list_wrap ul.list_inner li ul {
    overflow: hidden;
    padding-top: 2px;
}
.list_wrap ul.list_inner li ul li {
    font-size: 15px;
    margin-bottom: 19px;
}

.list_wrap div.list8 {
    width: 250px;
    float: right;
    border-top: 5px solid #014099;
    border-bottom: 1px solid #014099;
}
.list_wrap div.list8 ul li {
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-bottom: 1px solid #c9cacb;
}
.list_wrap div.list8 ul li a {
    color: #014099;
    font-weight: 800;
    font-size: 22px;
}
.list_wrap div.list8 ul li:last-child {
    border: 0;
}









/* 오시는 길 */
.contact { position:relative; width:100%; height:147px; }
.contact p { font-size:15px; color:#020A0A; font-weight:300; }
.contact p strong { font-size:18px; font-weight:600; margin-left:10px; }
.contact .addr { position:absolute; top:0; left:20px; }
.contact .subway { position:absolute; top:40px; left:70px; color:#00B4ED; }
.contact .bus { position:absolute; top:75px; left:70px; color:#00B4ED; }
.contact .subway strong, .contact .bus strong { font-size:15px; color:#020A0A; font-weight:300; position:absolute; display:block; top:0; left:95px; width:200px; }
.contact .bus strong { top:-2px; line-height:22px; }
.contact .tel { position:absolute; top:0; left:560px; }
.contact .email { position:absolute; top:0; left:840px; }
.contact .fax { position:absolute; top:40px; left:560px; }

.contact .sns { position:absolute; bottom:10px; right:0; }
.contact .sns li { float:left; margin-left:10px; }

.map { position:relative; width:100%; }
.map .mapOn { display:none; position:absolute; top:0; left:0; z-index:9; }
.map .mapOn span { opacity:0; display:block; position:absolute; bottom:140px; left:340px; }





/* 검색결과 */
.subSearchBox { position:relative; width:100%; height:70px; background:#eee; text-align:center; }
.subSearchBox input[type="text"] { width:680px; height:30px; border:none; background:none; font-size:28px; color:#020A0A; margin-top:20px; text-align:center; }
.subSearchBox span { position:absolute; top:15px; right:20px; }
.search_index { margin-top:75px; font-size:28px; color:#020A0A; font-weight:lighter; text-align:center;}
.search_index strong { color:#00B4ED; font-weight:bold; }

table.resultTable { position:relative; width:1100px; margin-top:70px; border-top:5px solid #00B4ED; }
table.resultTable caption { font-size:18px; color:#020A0A; margin-bottom:12px; text-align:left; font-weight:600; }
table.resultTable tr { height:59px; border-bottom:1px solid #00B4ED; }
table.resultTable th:first-child, table.resultTable td:first-child, table.resultTable th:last-child, table.resultTable td:last-child { text-align:center; }
table.resultTable th:nth-child(2), table.resultTable td:nth-child(2) { text-indent:30px; }
table.resultTable th { font-size:15px; color:#00B4ED; text-align:left; font-weight:100; }
table.resultTable td a { font-size:18px; color:#020A0A; text-align:left; }
table.resultTable td a:hover { font-weight:600; }
table.resultTable tfoot td { padding:18px 0 32px 0; }
table.resultTable tfoot tr { height:59px; border-bottom:none; }
table.resultTable tfoot td a { display:inline-block; padding:8px 10px; font-size:15px; color:#020A0A; margin:0 2px; }
table.resultTable tfoot td a:hover, table.resultTable tfoot td a.currentPage { font-weight:600; background:#00B4ED; color:#fff; }
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; }






/* 개인정보 취급방침 */
/*개인정보 취급방침**************************/
.personal_info {
	width: 1100px;
	margin: 0 auto 0;
}
.personal_info p.info_txt {
	font-size: 18px;
	color: #020A0A;
	line-height: 26px;
}
.personal_info p.info_txt span {
	color: #00B4ED;
}
.personal_info .info_list {     /*2021.08.02 용승호사원 수정 height:240px -> 280px*/
	margin-top: 50px;
	background: #eee;
	height: 280px;
	padding-left: 37px;
}
.personal_info .info_list ul {
	width: 50%;
	float: left;
	margin-top: 32px;
}
.personal_info .info_list ul li {
	margin-bottom: 22px;
}
.personal_info .info_list ul li a {
	color:  #00B4ED;
	font-size: 18px;
	font-weight: 600;
}
.personal_info .info_list ul li a img {
	margin-left: 15px;
}


.list_content {
	border-top: 5px solid #00B4ED;
	margin-top: 50px;
	letter-spacing: -0.3px;
	/*padding-left: 20px;*/
	/*padding-right: 20px;*/
}
.list_content .ol1 {
	/*list-style-type: decimal;*/
	/*margin-top: 25px;*/
}
.list_content .ol1 li {
	font-size:18px;
	color:#00B4ED;
	font-weight: bold;
	padding-bottom: 5px;
}
.list_content .ol1 > li {
	border-bottom: 1px solid #00B4ED;
	padding-top: 20px;
	/*padding-left: 20px;*/
	padding-right: 20px;
	padding-top: 50px;
}

.list_content .ol2 {
	margin-top: 10px;
}

.list_content .ol2 li {
	font-size: 15px;
	color:#020A0A;
	font-weight: normal;
	line-height: 140%;
}
.list_content ul {
	list-style-type: none;
	margin-left: 25px;
}
.list_content ul li {
	text-indent: -12px;
	margin-left: 12px;
	padding-left: 12px;
}
.list_content ul li:before {
	content: " - ";
}
.list_content p.desc {
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	line-height: 145%;
	margin-left: 37px;
}
.list_content ul.ul2 {
	margin-left: 13px;
}
.list_content ul.ul2 li {
	padding-bottom: 0px;
}
.list_content ul.ul2 li:before {
	content: " ▶ ";
}

.personal_info span.bottom {
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #898989;
	font-size: 15px;
	background: #eee;
	margin-bottom: 10px; /*2021.8.2 용승호사원 수정 100px -> 10px*/

}


/*2021.08.02 용승호사원 추가*/
.form_w25 {
	width:100% !important;
	height:60px;
	font-size:15px;
	color:#898989;
	margin-bottom:-80px;
}

.privacy_version { margin-top:20px; margin-bottom:180px; }
.privacy_version select { display:block; width:100%; margin-top:20px; }





.list_content .ol1 li .ol2 > .camera{
	width:1100px;
	text-align:center !important;
	border:1px solid #020A0A;
	margin:15px 0;
}
.list_content .ol1 li .ol2 > .camera tr{height:40px;}
.list_content .ol1 li .ol2 > .camera tr th{border-bottom:1px solid #020A0A; 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 #020A0A;}
.list_content .ol1 li .ol2>.camera tr td { line-height: 1.2; padding: 10px;}

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

.list_content .ol1 li .ol2 > .camera_time{
	width:1100px;
	text-align:center !important;
	border:1px solid #020A0A;
	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 #020A0A; 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 #020A0A;}


.personal_info .info_list_media {    
	margin-top: 50px;
	background: #eee;
	height: 240px;
	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:-2px;
}
.personal_info .info_list_media ul li a img {
	margin-left: 15px;
}








/*sub3_1 연구분야*/
.research h3 { width:1100px; margin:0 auto; text-align:left; margin-bottom:20px; }

ul.lab {
	width: 1100px;
	margin:0 auto 0;
	border-top: 5px solid #00B4ED;
	line-height: 24px;
}
ul.lab > li {
	width: 100%;
	display: inline-block;
	padding-bottom: 63px;
	margin-top: 26px;
	font-size: 18px;
	color: #020A0A;
	border-bottom: 1px solid #00B4ED;
}

ul.lab li.lab1 { background:url("../image/sub/research/research/icon1.png") no-repeat 0px 40px; }
ul.lab li.lab2 { background:url("../image/sub/research/research/icon2.png") no-repeat 0px 70px; }
ul.lab li.lab3 { background:url("../image/sub/research/research/icon3.png") no-repeat 0px 50px; }
ul.lab li.lab4 { background:url("../image/sub/research/research/icon4.png") no-repeat 0px 45px; }
ul.lab li.lab5 { background:url("../image/sub/research/research/icon5.png") no-repeat 0px 50px; }

ul.lab p.title {
	float: left;
	width: 164px;
	color: #00B4ED;
	font-weight: 600;
}
ul.cont {
	width: 377px;
	float: left;
}
ul.cont li {
	list-style-type: disc;
	margin-bottom: 8px;
}
ul.lab p.img {
	float: right;
}









/*[정도경영] - 서브 네비게이션 3단 */
.research ul.tabs3unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.research ul.tabs3unit li {float:left; text-align:center; cursor:pointer; padding:0; width:366px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; font-size:18px; color:#020A0A; font-weight:100; background:#eeeeee;}
.research ul.tabs3unit li:last-child{border-right:1px solid #ddd;}
.research ul.tabs3unit li:hover, .research ul.tabs3unit li.active{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

.iprs .numberBlock {
	width:100%;
	margin-top: 70px;
}
.iprs .numberBlock li {
	float: left;
	width: 220px;
	border-right: 1px solid #1379c0;
	background: #00B4ED;
	margin: 0;
	padding: 0;
	padding-top: 18px;
	padding-bottom: 5px;
	text-align: center;
}
.iprs .numberBlock li span:first-child {
	display:block;
	margin-bottom:0px;
}
.iprs .numberBlock li span:last-child {
	display:block;
	margin-top:3px;
	margin-bottom:8px;
}
.iprs .numberBlock li.last {
	width: 220px;
	background: #020A0A;
}
.iprs .numberBlock li .num,
.iprs .numberBlock li .num2 {
	display: block;
	text-align: center;
	font-size: 70px;
	color: #FFF;
}
.iprs .numberBlock li .txt,
.iprs .numberBlock li .txt2 {
	display: block;
	text-align: center;
	font-size: 15px;
	color: #FFF;
	margin-top: 10px;
}

.iprs .table {
	border-top: 5px solid #00B4ED;
}
.iprs .table caption{
	width: 540px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
    margin-top: 65px;
}
.iprs .table th {
	font-size: 15px;
	color: #00B4ED;
	height: 55px;
	text-align: left;
	padding-left: 10px;
	border-bottom: 1px solid #00B4ED;
}
.iprs .table td {
	padding: 25px 0 25px 10px;
	vertical-align: top;
	border-bottom: 1px solid #2a5fa9;
	font-size: 18px;
}
.alc {
	text-align: center !important;
}
.vt {
	vertical-align: top;
	padding-top: 32px !important;
	font-weight: bold;
}

.iprs .table ul {
}
.iprs .table ul.name li {
	/*list-style-type: disc;*/
	/*margin-left: 20px;*/
	background: url(../image/sub/research/dot.png) no-repeat 0 13px;
	padding-left: 10px;
	letter-spacing:-1px;
}
.iprs .table ul li {
	line-height: 34px;
	letter-spacing: -2px;
}
.iprs .table ul.num li {
	text-align: center;
}





/*  주택설계 */
.design { position:relative; width:100%; margin-top:90px; }
.design1 { position:relative; width:100%; height:665px; border-top:5px solid #014099; }
.design1 .dtitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.design1 .dcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.design1 .dcontent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.6px; }
.design1 .dcontent a {  }
.design1 .dcontent .design1img { display:block; position:absolute; right:0; top:5px; z-index:-1; }
.design1 .dcert { position:absolute; top:398px; left:164px; width:935px; padding-top:25px; border-top:1px solid #C9CACB; }
.design1 .dcert .cert1img { display:block; position:absolute; left:0; top:25px; }
.design1 .dcert dl.copyrightNo { display:block; margin:0 0 25px 155px; }
.design1 .dcert dl { display:block; margin:0 0 0 155px; }
.design1 .dcert dt,
.design1 .dcert dd { display:inline; line-height:22px; }
.design1 .dcert dt { font-size:15px; color:#014099; font-weight:600; }
.design1 .dcert dt b { letter-spacing:5.5px; }
.design1 .dcert dd { font-size:15px; color:#020A0A; }

.design2 { position:relative; width:100%; height:648px; border-top:1px solid #014099; }
.design2 .dtitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.design2 .dcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.design2 .dcontent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.6px; }
.design2 .dcontent .design2img { display:block; position:absolute; right:0; top:5px; z-index:-1; }
.design2 .dcert { position:absolute; top:373px; left:164px; width:935px; padding-top:25px; border-top:1px solid #C9CACB; }
.design2 .dcert .cert2img { display:block; position:absolute; left:0; top:25px; }
.design2 .dcert dl.copyrightNo { display:block; margin:0 0 25px 155px; }
.design2 .dcert dl { display:block; margin:0 0 0 155px; }
.design2 .dcert dt,
.design2 .dcert dd { display:inline; line-height:22px; }
.design2 .dcert dt { font-size:15px; color:#014099; font-weight:600; }
.design2 .dcert dt b { letter-spacing:5.5px; }
.design2 .dcert dd { font-size:15px; color:#020A0A; }

.design3 { position:relative; width:100%; height:285px; border-top:1px solid #014099; border-bottom:1px solid #014099; }
.design3 .dtitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.design3 .dtitle span { display:inline-block; font-size:15px; line-height:22px; }
.design3 .dcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.design3 .dcontent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.5px; }
.design3 .dcontent .design3img { display:block; position:absolute; right:0; top:5px; z-index:-1; }
.design3 .dcert { position:absolute; top:398px; left:164px; width:935px; padding-top:25px; border-top:1px solid #C9CACB; }
.design3 .dcert .cert3img { display:block; position:absolute; left:0; top:25px; }

.designMore { position:relative; width:100%; text-align:center; margin-top:135px; }

.design4 { display:none; position:relative; width:100%; height:265px; opacity:0; top:80px; }
.design4 .dtitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.design4 .dtitle span { display:inline-block; font-size:15px; line-height:22px; }
.design4 .dcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.design4 .dcontent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.5px; }
.design4 .dcontent .design4img { display:block; position:absolute; left:0; top:5px; z-index:-1; }

.design5 { display:none; position:relative; width:100%; height:260px; border-top:1px solid #014099; opacity:0; top:80px; }
.design5 .dtitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.design5 .dtitle span { display:inline-block; font-size:15px; line-height:22px; }
.design5 .dcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.design5 .dcontent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.5px; }
.design5 .dcontent .design5img { display:block; position:absolute; left:0; top:5px; z-index:-1; }

.design6 { display:none; position:relative; width:100%; height:260px; border-top:1px solid #014099; border-bottom:1px solid #014099; opacity:0; top:80px; }
.design6 .dtitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.design6 .dtitle span { display:inline-block; font-size:15px; line-height:22px; }
.design6 .dcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.design6 .dcontent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.5px; }
.design6 .dcontent .design6img { display:block; position:absolute; left:0; top:5px; z-index:-1; }



.electronic { position:relative; width:100%; margin-top:90px; }
.electronic1 { position:relative; width:100%; height:225px; border-top:5px solid #014099; }
.electronic1 .etitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.electronic1 .etitle span { display:inline-block; font-size:15px; line-height:22px; }
.electronic1 .econtent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.electronic1 .econtent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.5px; }
.electronic1 .econtent .electronic1img { display:block; position:absolute; right:0; top:0px; z-index:-1; }

.electronic2 { position:relative; width:100%; height:270px; border-top:1px solid #014099; }
.electronic2 .etitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.electronic2 .etitle span { display:inline-block; font-size:15px; line-height:22px; }
.electronic2 .econtent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.electronic2 .econtent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.5px; }
.electronic2 .econtent .electronic2img { display:block; position:absolute; right:0; top:0px; z-index:-1; }

.electronic3 { position:relative; width:100%; height:270px; border-top:1px solid #014099; }
.electronic3 .etitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.electronic3 .etitle span { display:inline-block; font-size:15px; line-height:22px; }
.electronic3 .econtent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.electronic3 .econtent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.5px; }
.electronic3 .econtent .electronic3img { display:block; position:absolute; right:0; top:0px; z-index:-1; }

.electronic4 { position:relative; width:100%; height:250px; border-top:1px solid #014099; border-bottom:1px solid #014099; }
.electronic4 .etitle { position:absolute; top:25px; left:0; width:160px; font-size:18px; color:#014099; font-weight:600; line-height:26px; }
.electronic4 .etitle span { display:inline-block; font-size:15px; line-height:22px; }
.electronic4 .econtent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.electronic4 .econtent span { display:inline-block; margin-bottom:20px; letter-spacing:-0.5px; }
.electronic4 .econtent .electronic4img { display:block; position:absolute; right:0; top:0px; z-index:-1; }




.landArch { position:relative; width:100%; margin-top:90px; }


.landArch1 { position:relative; width:100%; height:270px; border-top:5px solid #014099; }
.landArch1 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch1 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch1 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch1 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch1 .lcontent .landArch1img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch2 { position:relative; width:100%; height:270px; border-top:1px solid #014099; }
.landArch2 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch2 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch2 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch2 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch2 .lcontent .landArch2img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch3 { position:relative; width:100%; height:270px; border-top:1px solid #014099; }
.landArch3 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch3 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch3 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch3 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch3 .lcontent span small { font-size:15px; }
.landArch3 .lcontent .landArch3img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch4 { position:relative; width:100%; height:270px; border-top:1px solid #014099; }
.landArch4 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch4 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch4 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch4 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch4 .lcontent .landArch4img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch5 { position:relative; width:100%; height:270px; border-top:1px solid #014099; border-bottom:1px solid #014099; }
.landArch5 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch5 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch5 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch5 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch5 .lcontent .landArch5img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArchMore { position:relative; width:100%; text-align:center; margin-top:135px; }

.landArch6 { display:none; opacity:0; top:80px; position:relative; width:100%; height:270px; }
.landArch6 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch6 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch6 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch6 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch6 .lcontent .landArch6img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch7 { display:none; opacity:0; top:80px; position:relative; width:100%; height:270px; border-top:1px solid #014099; }
.landArch7 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch7 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch7 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch7 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch7 .lcontent .landArch7img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch8 { display:none; opacity:0; top:80px; position:relative; width:100%; height:270px; border-top:1px solid #014099; }
.landArch8 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch8 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch8 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch8 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch8 .lcontent .landArch8img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch9 { display:none; opacity:0; top:80px; position:relative; width:100%; height:270px; border-top:1px solid #014099; }
.landArch9 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch9 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch9 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch9 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch9 .lcontent .landArch9img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch10 { display:none; opacity:0; top:80px; position:relative; width:100%; height:260px; border-top:1px solid #014099; }
.landArch10 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch10 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch10 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch10 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch10 .lcontent .landArch10img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch11 { display:none; opacity:0; top:80px; position:relative; width:100%; height:300px; border-top:1px solid #014099; }
.landArch11 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch11 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch11 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch11 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch11 .lcontent .landArch11img { display:block; position:absolute; right:0; top:5px; z-index:-1; }

.landArch12 { display:none; opacity:0; top:80px; position:relative; width:100%; height:330px; border-top:1px solid #014099; }
.landArch12 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch12 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch12 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch12 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch12 .lcontent .landArch12img { display:block; position:absolute; left:475px; top:5px; z-index:-1; }

.landArch13 { display:none; opacity:0; top:80px; position:relative; width:100%; height:440px; border-top:1px solid #014099; }
.landArch13 .ltitle { position:absolute; top:25px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px; }
.landArch13 .ltitle span { display:inline-block; font-size:15px; line-height:22px; }
.landArch13 .ltitle2 { position:absolute; top:195px; left:0; width:140px; font-size:18px; color:#014099; font-weight:600; line-height:26px; letter-spacing:-0.3px;  border-top:1px solid #014099; padding-top:25px; }
.landArch13 .ltitle2 span { display:inline-block; font-size:15px; line-height:22px; }
.landArch13 .lcontent { position:absolute; top:25px; left:164px; width:935px; font-size:18px; color:#020A0A; line-height:26px; }
.landArch13 .lcontent span { display:block; margin-bottom:20px; letter-spacing:-0.5px; }
.landArch13 .lcontent .landArch13img { display:block; position:absolute; right:0; top:5px; z-index:-1; }


/*[회사소식] - 서브 네비게이션 2단 */
.news ul.tabs2unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.news ul.tabs2unit li {float:left; text-align:center; cursor:pointer; padding:0; width:550px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; background:#eeeeee;}
.news ul.tabs2unit li a { display:block; width:100%; height:100%; font-size:18px; color:#020A0A; font-weight:100; }
.news ul.tabs2unit li:last-child a {border-right:1px solid #ddd;}
.news ul.tabs2unit li a:hover, .news ul.tabs2unit li.active a{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

.notice { position:relative; width:100%; margin-top:80px; }
table.noticeTable { position:relative; width:1100px; margin-top:70px; border-top:5px solid #00B4ED; }
table.noticeTable caption { font-size:18px; color:#020A0A; margin-bottom:12px; text-align:left; font-weight:600; }
table.noticeTable caption q { font-size:15px; color:#898989; font-weight:100; display:inline-block; float:right; }
table.noticeTable caption q span { margin:0 20px; }
table.noticeTable thead, table.noticeTable tbody { border-bottom:1px solid #00B4ED; }
table.noticeTable tbody tr:first-child td { padding:29px 0 12px 0; height:0; border:none; }
table.noticeTable tbody tr:last-child td { padding:12px 0 29px 0; height:0; border:none; }
table.noticeTable thead tr { height:57px; }
table.noticeTable tbody tr { height:45px; }
table.noticeTable th:first-child, table.noticeTable td:first-child, table.noticeTable th:last-child, table.noticeTable td:last-child { text-align:center; }
table.noticeTable th:nth-child(2), table.noticeTable td:nth-child(2) { text-indent:30px; }
table.noticeTable th { font-size:15px; color:#00B4ED; text-align:left; font-weight:100; }
table.noticeTable td a { font-size:18px; color:#020A0A; text-align:left; }
table.noticeTable td a:hover { font-weight:600; }
table.noticeTable tfoot td { padding:18px 0 32px 0; }
table.noticeTable tfoot tr { height:59px; border-bottom:none; }
table.noticeTable tfoot td a { display:inline-block; padding:8px 10px; font-size:15px; color:#020A0A; margin:0 2px; }
table.noticeTable tfoot td a:hover, table.noticeTable tfoot td a.currentPage { font-weight:600; background:#00B4ED; color:#fff; }
table.noticeTable tfoot td a:first-child:hover, table.noticeTable tfoot td a:last-child:hover { background:none; }
table.noticeTable tfoot td a.next, table.noticeTable tfoot td a.prev { position:relative; }
table.noticeTable tfoot td a.next:hover, table.noticeTable tfoot td a.prev:hover { background:none; }

table.noticeTable th.txtCenter, table.noticeTable td.txtCenter { text-align:center; }

table.noticeTableView { position:relative; width:1100px; margin-top:70px; border-top:5px solid #00B4ED; }
table.noticeTableView caption { font-size:18px; color:#020A0A; margin-bottom:12px; text-align:left; font-weight:600; }
table.noticeTableView caption q { font-size:15px; color:#898989; font-weight:100; display:inline-block; float:right; }
table.noticeTableView caption q span { margin:0 20px; }
table.noticeTableView thead, table.noticeTableView tbody { border-bottom:1px solid #00B4ED; }
table.noticeTableView th { height:90px; font-size:28px; color:#00B4ED; font-weight:600; text-align:left; }
table.noticeTableView td { padding:0 20px; text-align:left; }

table.noticeTableView tfoot td { padding:18px 0 32px 0; text-align:center; }
table.noticeTableView tfoot tr { height:59px; border-bottom:none; }
table.noticeTableView tfoot td a { display:inline-block; padding:8px 10px; font-size:15px; color:#020A0A; margin:0 2px; }
table.noticeTableView tfoot td a img { vertical-align:middle; }
table.noticeTableView tfoot td a:hover { opacity:0.7; }
table.noticeTableView tfoot td a.next, table.noticeTableView tfoot td a.prev { position:relative; }
table.noticeTableView tfoot td a.next:hover, table.noticeTableView tfoot td a.prev:hover { background:none; }

/********************************************
      회사소개 > 블로그
********************************************/
.blog { position:relative; width:100%; margin-top:80px; }
table.blogTable { position:relative; width:1100px; margin-top:70px; border-top:5px solid #00B4ED; }
table.blogTable caption { font-size:18px; color:#020A0A; margin-bottom:12px; text-align:left; font-weight:600; }
table.blogTable caption q { font-size:15px; color:#898989; font-weight:100; display:inline-block; float:right; }
table.blogTable caption q span { margin:0 20px; }
table.blogTable thead, 
table.blogTable tbody { border-bottom:1px solid #00B4ED; }
table.blogTable tbody tr:first-child td { padding:29px 0 12px 0; height:0; border:none; }
table.blogTable tbody tr:last-child td { padding:12px 0 29px 0; height:0; border:none; }
table.blogTable thead tr { height:57px; }
table.blogTable tbody tr { height:45px; }
table.blogTable th:first-child, 
table.blogTable th:last-child, 
table.blogTable td:last-child { text-align:center; }
table.noticeTable td:nth-child(2) { text-indent:30px; }
table.blogTable th { font-size:15px; color:#00B4ED; text-align:left; font-weight:100; }
table.blogTable td a { font-size:18px; color:#020A0A; text-align:left; }
table.blogTable td a:hover { font-weight:600; }
table.blogTable th.txtCenter, table.blogTable td.txtCenter { text-align:center; }
table.blogTable td * { vertical-align: middle;}
table.blogTable td img { margin: 0 0 1px; }
table.blogTable td p.article {
    width: 970px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* ci & bi */
.ci {
	width: 1100px;
	margin:0 auto 0;
}
.ci .caption {
	margin-bottom: 10px;
}
.ci .tabs {
	overflow: hidden;
    width: 100%;
    height: 110px;
    margin-top: 0;
    margin-bottom: 60px;
}
.ci .tabs li {
	float: left;
}

.ci .downList {
	display: block;
	width: 100%;
	margin-bottom: 100px;
}
.ci .downList > img {
	float: left;
}
.ci .downList .cont {
	/* margin-left: 555px; */
}
.ci .downList .cont h3 {
	text-align: left;
	font-size:24px;
	font-weight: bold;
	color:#00B4ED;
	margin-bottom: 20px;
}
.ci .downList .cont p {
	color: #020A0A;
	font-size: 18px;
	line-height: 24px;
	/* margin-bottom: 23px; */
}
.ci .downList .cont .ex {
	color: #00B4ED;
}

.m-l-20 {
	margin-left: 20px;
}

.hide {
	display: none;
}



/* 홍보영상 */
.pr ul.tabs3unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.pr ul.tabs3unit li {float:left; text-align:center; cursor:pointer; padding:0; width:366px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; background:#eeeeee;}
.pr ul.tabs3unit li a { display:block; width:100%; height:100%; font-size:18px; color:#020A0A; font-weight:100; }
.pr ul.tabs3unit li:last-child a {border-right:1px solid #ddd;}
.pr ul.tabs3unit li a:hover,
.pr ul.tabs3unit li.active a{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}


.cf { position:relative; width:1100px; margin:80px auto 0 auto; }
.mainMov { position:relative; width:1100px; padding-bottom:18px; }
.mainMov iframe { width:1100px; height:619px; }

.grid_cf{width:260px; min-height:100px; height:auto; background:#eeeeee; border:1px solid #ddd;
/*
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
*/
}
.grid_cf .imgholder .best { position:absolute; top:0; right:0; z-index:9; }
.grid_cf p{margin:25px 0 15px 0; padding:0 10px; color:#252424;  font-size:12px; }
.grid_cf strong { display:block; padding:0px 60px 15px 10px; font-size:18px; color:#020A0A; font-weight:600; word-break:keep-all; line-height:26px; background:url(../image/arrow_more.png) no-repeat; background-position: bottom 20px right 20px; }
.grid_cf .meta{text-align:right;color:#777;}
.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 .imgholder{background:#222}

.grid_cf:hover{border:1px solid #ddd;
   background:rgba(0,0,0,0.5);
   -webkit-transition: background 0.3s;
   -moz-transition: background 0.3s;
   -o-transition: background 0.3s;
   transition: background 0.3s;
   background:#222
}
.grid_cf:hover .imgholder img{
    opacity:0.7;
    -webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;

	-webkit-transform:scale(0.88,0.88);
   transform:scale(0.88,0.88);

   -webkit-transition:0.4s;
   transition:0.4s;
}
.grid_cf:hover a strong{color:#fff;}
.grid_cf:hover a p{color:#fff}

.cfMoreBtn {text-align:center; margin-top:80px; }
.cfMoreBtn a { padding:10px 20px; }

.win_cf{background:#020A0A; padding:20px 0; width:100%; margin:0 auto;}
.win_cf > p{float:left; width:800px; padding-bottom:20px; overflow:hidden; margin-left:20px; }
.win_cf > p #wmov { width:100%; min-height:500px; }
.win_cf > div{float:right; width:200px; text-align:left; font-family: 'NanumSquare'; color:#fff; padding:45px 0; margin-right:45px; }
.win_cf > div > p{color:#878787; font-size:14px; margin-bottom:55px;}
.win_cf > div > h1{font-size:36px; border-bottom:5px solid #fff; padding-bottom:9px; margin-bottom:85px; line-height:45px; word-break:keep-all; }
ul.wlang li{cursor:pointer; font-size:18px; margin-bottom:25px; color:#fff; }
ul.wlang li:hover, ul.wlang li.currentLang {font-weight:600; color:#46b2e6; }




/*brochure 홍보자료_e카탈로그*/
.brochure {
	width: 1100px;
	margin:0 auto 0;
}
.brochure ul.tabs3unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.brochure ul.tabs3unit li {
    float: left;
    text-align: center;
    padding: 0;
    width: 364px;
    height: 58px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    background: #eee;
}
.brochure ul.tabs3unit li:hover,
.brochure ul.tabs3unit li.active {
    border: 1px solid #00B4ED;
}
.brochure ul.tabs3unit li:hover a,
.brochure ul.tabs3unit li.active a {
    background: #00B4ED;
    font-weight: 600;
    color: #fff;
}
.brochure ul.tabs3unit li a {
    display: block;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
}

.downloadArea {
	margin-top: 80px;
	padding-left: 115px;
}
.downloadArea img {
	float: left;
}
.downloadArea p{
	margin-left: 445px;
	overflow: hidden;
	color: #020A0A;
	position:relative;
	z-index:99;
}
.downloadArea p span {
	display: block;
	margin-top: 93px;
	font-size: 18px;
	line-height: 26px;
}
.downloadArea p strong {
	display: block;
	font-size: 50px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 58px;
}
 .downloadArea p img {
	display: block;
	float: left;
}
.m-l-20 {
	margin-left: 20px;
}

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



/* 사보 */
/* 사보 */
.magazine { position:relative; width:1100px; margin:80px auto 0 auto; padding-bottom:600px; }
.magazine ul.magazineList { clear:both; position:relative; width:100%; height:390px; }
.magazine ul.magazineList li { float:left; position:relative; width:260px; height:390px; margin:0 20px 20px 0;
background:#eee url("../image/sub/publicity/magazine/arrow.png") no-repeat 200px 347px; }

.magazine ul.magazineList li:hover {border:1px solid #ddd;
   background:rgba(0,0,0,0.5);
   -webkit-transition: background 0.3s;
   -moz-transition: background 0.3s;
   -o-transition: background 0.3s;
   transition: background 0.3s;
   background:#222
}
.magazine ul.magazineList li:hover p img {
    opacity:0.7;
    -webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;

	-webkit-transform:scale(0.88,0.88);
   transform:scale(0.88,0.88);

   -webkit-transition:0.4s;
   transition:0.4s;
}
.magazine ul.magazineList li:hover span { color:#fff; }

.magazine ul.magazineList li p img {width:100%; display:block; opacity:1
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:0.6s;
     transition:0.6s;
}
/*
.magazine ul.magazineList li { animation:magazineOff 0.5s 1; background-position:200px 347px; }
.magazine ul.magazineList li:hover { animation:magazineOn 0.5s 1; background-position:220px 347px; }
@keyframes magazineOn {
	0% { background-position:200px 347px; }
	100% { background-position:220px 347px; }
}
@keyframes magazineOff {
	0% { background-position:220px 347px; }
	100% { background-position:200px 347px; }
}
*/

.magazine ul.magazineList li:nth-child(4n) { margin-right:0; }
.magazine ul.magazineList li p { width:260px; height:320px; overflow:hidden; }
.magazine ul.magazineList li p img { width:100%; }
.magazine ul.magazineList li span { display:block; width:100%; height:70px; font-size:24px; color:#020A0A; font-weight:600; line-height:70px; text-indent:20px; }
.magazineMoreBtn {clear:both; text-align:center; position:relative; width:100%; height:50px; }
.magazineMoreBtn a { padding:10px 20px; }





/* 수상실적 */
.award { position:relative; width:100%; margin-top:80px; }
table.awardTable { position:relative; width:1100px; margin-top:70px; border-top:5px solid #00B4ED; }
table.awardTable caption { font-size:18px; color:#020A0A; margin-bottom:12px; text-align:left; font-weight:600; }
table.awardTable caption q { font-size:15px; color:#898989; font-weight:100; display:inline-block; float:right; }
table.awardTable caption q span { margin:0 20px; }
table.awardTable thead, table.awardTable tbody { border-bottom:1px solid #00B4ED; }

table.awardTable tbody tr:first-child td { padding:29px 0 12px 0; height:0; border:none; }
table.awardTable tbody tr:last-child td { padding:12px 0 29px 0; height:0; border:none; }
table.awardTable thead tr { height:57px; }
table.awardTable tbody tr { height:45px; }

table.awardTable th:first-child, table.awardTable td:first-child { text-align:center; }
table.awardTable th:nth-child(2), table.awardTable td:nth-child(2) { text-indent:30px; }
table.awardTable th { font-size:15px; color:#00B4ED; text-align:left; font-weight:100; }
table.awardTable td { font-size:18px; color:#020A0A; text-align:left; }
table.awardTable tfoot td { padding:130px 0 32px 0; }
table.awardTable tfoot tr { height:59px; border-bottom:none; }
table.awardTable tfoot td a { display:inline-block; padding:8px 10px; font-size:15px; color:#020A0A; margin:0 2px; }
table.awardTable tfoot td a:hover, table.awardTable tfoot td a.currentPage { font-weight:600; background:#00B4ED; color:#fff; }
table.awardTable tfoot td a:first-child:hover, table.awardTable tfoot td a:last-child:hover { background:none; }






/* 인재채용 */
.people {
    width: 1100px;
    margin: 30px auto 0 auto;
}
.people .people_cont {
    margin-top: 32px;
    padding-left: 342px;
    background: url(../image/sub/recruit/rpeople/concept_people.png) no-repeat 0 31px;
}
.people .people_cont span {
    float: left;
    margin-right: 30px;
}
.people .people_cont > li {
    display: table;
    margin-bottom: 18px;
}
.people .people_cont > li ul {
    display: table-cell;
    vertical-align: middle;
}
.people .people_cont li ul li {
    line-height: 26px;
    font-size: 18px;
    color: #020A0A;
}





/* 인사재도 */
.personnel_affair {
    width: 1100px;
    margin: 10px auto 0 auto;
    letter-spacing: -0.7px;
}
.personnel_affair table {
    border-top: 5px solid #00B4ED;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #020A0A;
}
.personnel_affair table tr {
    width: 100%;
    display: inline-block;
    padding-bottom: 34px;
    margin-top: 23px;
    border-bottom: 1px solid #00B4ED;
}
.personnel_affair table tr:last-child {border-bottom: 0}
.personnel_affair table tr th {
    text-align: left;
    vertical-align: top;
    width: 165px;
    color: #00B4ED;
    font-weight: 600;
}
.personnel_affair table ul li {

    margin-bottom: 4px;
    margin-left: 18px;
    text-indent: -5px;
}
.personnel_affair table ul li img{  vertical-align: middle;  padding-right:8px;
}
.personnel_affair table td span {
    display: inline-block;
    margin-left: -7px;
    padding-top: 20px;
    margin-bottom: 16px;
}
.personnel_affair .inner_table {
    border-top: 0;
    width: 935px;
}
.personnel_affair .inner_table caption {
    width: 192px;
    height: 11px;
    margin-top: -23px;
    background: #f8f8f8;
}
.personnel_affair .inner_table tr {
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
    border-bottom:1px solid #c9caca;
}
.personnel_affair .inner_table tr.bottom {
    border-bottom:none;
    margin-bottom: 5px;
}
.personnel_affair .inner_table th{
    vertical-align: middle;
    color: #020A0A;
    width: 192px;
    text-indent: 13px;
    background: #f8f8f8;
}
.personnel_affair .inner_table th.th1 {
    vertical-align: top;
    padding-top: 14px;
}
.personnel_affair .inner_table td {
    padding-left: 15px;
    padding-top: 13px;
    padding-bottom: 11px;
}






/* 복리후생 */
.welfare {
    width: 1100px;
    margin: 0 auto 0 auto;
    letter-spacing: -0.7px;
}
.welfare table {
    border-top: 5px solid #00B4ED;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #020A0A;
}
.welfare table caption.title {
    width:165px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.welfare .table1 {margin-bottom: 85px;}
.welfare .table1 tr {
    width: 100%;
    border-bottom:1px solid #c9caca;
}
.welfare .table1 tr:first-child {border-bottom: 0;}
.welfare .table1 tr:first-child th {line-height: 10px;}
.welfare .table1 tr:first-child td {padding:0; margin:0; line-height: 10px;}

.welfare .table1 tr.bottom {
    border-bottom:none;
}
.welfare .table1 th {
    width: 165px;
    color: #020A0A;
    vertical-align: middle;
    text-indent: 13px;
    background: #f8f8f8;

    text-align: left;
}
.welfare .table1 td {
    width: 935px;
    padding-left: 15px;
    padding-top: 14px;
    padding-bottom: 11px;
    line-height: 24px;
}

.welfare .table2 tr {
    width: 100%;
    display: inline-block;
    padding-bottom: 34px;
    margin-top: 23px;
    border-bottom: 1px solid #00B4ED;
}
.welfare .table2 tr:last-child {border-bottom: 0}
.welfare .table2 tr th {
    text-align: left;
    vertical-align: top;
    width: 165px;
    font-weight: 600;
}
.welfare .table2 tr th.img_pl_1 {padding-left: 8px;}
.welfare .table2 tr th.img_pl_2 {padding-left: 12px;}
.welfare .table2 tr th.img_pl_3 {padding-left: 12px;}
.welfare .table2 tr th.img_pl_4 {padding-left: 7px;}
.welfare .table2 tr th.img_pl_5 {padding-left: 18px;}

.welfare .table2 .inner_table {
    border-top: 0;
    width: 935px;
}
.welfare .table2 .inner_table caption {
    width: 192px;
    height: 11px;
    margin-top: -23px;
    background: #f8f8f8;
}
.welfare .table2 .inner_table tr {
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
    border-bottom:1px solid #c9caca;
}
.welfare .table2 .inner_table tr.bottom {
    border-bottom:none;
    margin-bottom: 5px;
}
.welfare .table2 .inner_table th{
    vertical-align: middle;
    color: #020A0A;
    width: 192px;
    text-indent: 13px;
    background: #f8f8f8;
}
.welfare .table2 .inner_table td {
    padding-left: 15px;
    padding-top: 13px;
    padding-bottom: 11px;
}





/* 인재개발 */
.talent_development {
    width: 1100px;
    margin: 0 auto 0 auto;
    letter-spacing: -0.7px;
}
.talent_development p {
    font-size: 18px;
    color: #020A0A;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
}
.talent_development p span {color:#00B4ED; }
.talent_development table {
    border-top: 5px solid #00B4ED;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #020A0A;
}
.talent_development table tr {
    width: 100%;
    display: inline-block;
    padding-bottom: 34px;
    margin-top: 23px;
    border-bottom: 1px solid #00B4ED;
}
.talent_development table tr:last-child {border-bottom: 0}
.talent_development table tr th {
    text-align: left;
    vertical-align: top;
    width: 165px;
    color: #00B4ED;
    font-weight: 600;
}
.talent_development table ul li {

    margin-bottom: 4px;
    margin-left: 18px;
    text-indent: -5px;
}
.talent_development table td span {
    display: inline-block;
    margin-left: -7px;
    padding-top: 20px;
    margin-bottom: 16px;
}
.talent_development table ul li img{  vertical-align: middle;  padding-right:8px;
}
.talent_development .inner_table {
    border-top: 0;
    width: 935px;
}
.talent_development .inner_table.th_width th{width: 242px;}
.talent_development .inner_table.th_width caption{width: 242px;}
.talent_development .inner_table caption {
    width: 192px;
    height: 11px;
    margin-top: -23px;
    background: #f8f8f8;
}
.talent_development .inner_table tr {
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
    border-bottom:1px solid #c9caca;
}

.talent_development .inner_table tr.bottom {
    border-bottom:none;
    margin-bottom: 5px;
}
.talent_development .inner_table th{
    vertical-align: middle;
    color: #020A0A;
    width: 192px;
    text-indent: 13px;
    background: #f8f8f8;
}
.talent_development .inner_table th.th1 {
    vertical-align: top;
    padding-top: 14px;
}
.talent_development .inner_table th.th1 span {
    text-indent: 0;
    margin-left: 0;
    padding-top: 0;
}
.talent_development .inner_table td {
    padding-left: 15px;
    padding-top: 13px;
    padding-bottom: 11px;
}
.talent_development .inner_table td.td1 {
    vertical-align: top;
    padding-top: 13px;
}
.talent_development p.inner_p {
    font-size: 15px;
    color: #020A0A;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 5px;
}




/* 채용정보 */
.recruit ul.tabs3unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.recruit ul.tabs3unit li {float:left; text-align:center; cursor:pointer; padding:0; width:366px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; background:#eeeeee;}
.recruit ul.tabs3unit li a { display:block; width:100%; height:100%; font-size:18px; color:#020A0A; font-weight:100; }
.recruit ul.tabs3unit li:last-child a {border-right:1px solid #ddd;}
.recruit ul.tabs3unit li a:hover,
.recruit ul.tabs3unit li.active a{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

.recruitNotice { position:relative; width:100%; margin-top:80px; }

table.recruitTable { position:relative; width:1100px; margin-top:70px; border-top:5px solid #00B4ED; }
table.recruitTable caption { font-size:18px; color:#020A0A; margin-bottom:12px; text-align:left; font-weight:600; }
table.recruitTable caption q { font-size:15px; color:#898989; font-weight:100; display:inline-block; float:right; }
table.recruitTable caption q span { margin:0 20px; }
table.recruitTable thead, table.recruitTable tbody { border-bottom:1px solid #00B4ED; }
table.recruitTable tbody tr:first-child td { padding:29px 0 12px 0; height:0; border:none; }
table.recruitTable tbody tr:last-child td { padding:13px 0 27px 0; height:0; border:none; }
table.recruitTable thead tr { height:57px; }
table.recruitTable tbody tr { height:45px; }
table.recruitTable th:first-child, table.recruitTable td:first-child { text-align:center; }
table.recruitTable th:nth-child(2), table.recruitTable td:nth-child(2) { text-indent:30px; }
table.recruitTable th { font-size:15px; color:#00B4ED; text-align:left; font-weight:100; }
table.recruitTable td { position:relative; }
table.recruitTable td, table.recruitTable td a { font-size:18px; color:#020A0A; text-align:left; }
table.recruitTable td.turm strong { font-weight:600; }
table.recruitTable td.turm strong.ddayApprch { font-weight:900; color:#e60012; }
table.recruitTable td.turm small { font-weight:100; font-size:12px; display:inline-block; position:absolute; right:70px; margin-top:4px; }
table.recruitTable td.kind a { display:block; color:#00B4ED; font-weight:600; position:absolute; margin-top:-7px; left:0px; width:100%; text-align:left; }
table.recruitTable td.kind a img { margin-left:10px; }
table.recruitTable tfoot td { padding:18px 0 32px 0; }
table.recruitTable tfoot tr { height:59px; border-bottom:none; }
table.recruitTable tfoot td a { display:inline-block; padding:6px 9px 5px 9px; font-size:18px; color:#020A0A; margin:0 2px; }
table.recruitTable tfoot td a:hover, table.recruitTable tfoot td a.currentPage { font-weight:600; background:#00B4ED; color:#fff; }
table.recruitTable tfoot td a.next, table.recruitTable tfoot td a.prev { position:relative; }
table.recruitTable tfoot td a.next:hover, table.recruitTable tfoot td a.prev:hover { background:none; }

table.recruitTable th.txtCenter, table.recruitTable td.txtCenter { text-align:center; }

table.recruitTableView { position:relative; width:1100px; margin-top:70px; border-top:5px solid #00B4ED; }
table.recruitTableView caption { font-size:18px; color:#020A0A; margin-bottom:12px; text-align:left; font-weight:600; }
table.recruitTableView caption q { font-size:15px; color:#898989; font-weight:100; display:inline-block; float:right; }
table.recruitTableView caption q span { margin:0 20px; }
table.recruitTableView thead, table.recruitTableView tbody { border-bottom:1px solid #00B4ED; }
table.recruitTableView th { height:90px; font-size:28px; color:#00B4ED; font-weight:600; text-align:left; padding:0 20px; }
table.recruitTableView td { padding:0 20px; text-align:left; }
table.recruitTableView tbody td img { width:auto; }

table.recruitTableView tfoot td { padding:18px 0 32px 0; text-align:center; }
table.recruitTableView tfoot tr { height:59px; border-bottom:none; }
table.recruitTableView tfoot td a { display:inline-block; padding:8px 10px; font-size:15px; color:#020A0A; margin:0 2px; }
table.recruitTableView tfoot td a:hover { opacity:0.7; }





/* 채용가이드 */
.guide table {
    border-top: 5px solid #00B4ED;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #020A0A;
	margin-top:80px;
}
.guide table caption.title {
    width:165px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}
.guide table tr {
    width: 100%;
    display: inline-block;
    padding-bottom: 34px;
    margin-top: 23px;
    border-bottom: 1px solid #00B4ED;
}
.guide table tr:last-child {border-bottom: 0}
.guide table tr th {
    text-align: left;
    vertical-align: top;
    width: 165px;
    color: #00B4ED;
    font-weight: 600;
}
.guide table td p {
    margin-bottom: 4px;
    margin-bottom: 15px;
}
.guide table td span {
    display: inline-block;
    margin-left: -7px;
    padding-top: 20px;
    margin-bottom: 16px;
}
.guide table td small {
    display: inline-block;
    font-size: 15px;
    color: #020A0A;
}
.guide table ul li {
    list-style-type: disc;
    margin-bottom: 4px;
    margin-left: 18px;
    text-indent: -5px;
}

.guide table.table2 {margin-top: 120px;}
.guide table.table2 tr {
    padding-bottom: 8px;
    margin-top: 23px;
}
.guide .bottom_box {
    margin-top: 50px;
    width: 100%;
    height: 60px;
    background: #eee;
    display: table;
}
.guide .bottom_box p {
    color: #898989;
    text-align: center;
    font-size: 15px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.guide .bottom_box p span { display:inline-block; margin:0 40px;}



/* faq */
.faq table {
	margin-top:80px;
    border-top: 5px solid #00B4ED;
}
.faq table caption {
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    color: #020A0A;
    font-weight: 600;
    text-align: left;
}
.faq table caption q {
    display: inline-block;
    float: right;
}
.faq table img {
    vertical-align: middle;
}

.faq table thead,
.faq table tbody {
    border-bottom: 1px solid #00B4ED;
}
.faq table thead tr {
    height: 57px;
}
.faq table th:first-child,
.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;
    font-weight: 100;
}
.faq table th:nth-child(2),
.faq table td:nth-child(2) {
    padding-left: 30px;
}
.faq table tbody tr.q {
    font-size: 18px;
    height: 45px;
}
.faq table tbody tr.q:first-child td {
	padding-top:29px;
	padding-bottom:12px;
}
.faq table tbody tr.q:nth-last-child(2) td {
	padding-top:12px;
	padding-bottom:29px;
}
.faq table tbody tr.answer{
    height: 0px;
    background: #00B4ED;
}
.faq table tbody tr.answer td:first-child {
    font-size: 65px;
    color: #6780b5;
}
.faq table tbody tr.answer td {
    color: #fff;
}

.faq table tbody tr.answer td div {
    padding:30px 0;
	line-height:22px;
}




/* 채용공고 합격팝업 */
#recruit_popup,
#recruit_confirm
{ width:100%; min-width:100%; }

#recruit_popup h1 { position:absolute; top:50px; width:100%; padding:0 20%; text-align:center; font-size:26px; word-break:keep-all; line-height:32px; }

.haze {position:absolute; top:0; left:0; width:0; height:0; font-size:0; visibility:hidden;}

#pop01 {width:100%; padding:0 30px; background:url(../../image/sub/recruit/recruit/bg_pop_title.gif) no-repeat right top;}
#pop01 h1 {padding:14px 0 0 0; }
#pop01 .txt {padding:33px 0 18px 0; line-height:20px;}

.recruit_confirmBg { position:Absolute; top:0; left:0; z-index:1; }
.recruit_Bg { position:Absolute; top:0; left:0; z-index:1; }
.cname { position:absolute; top:100px; left:110px; width:270px; border:none; font-size:15px; color:#020A0A; z-index:11; }
.cmail { position:absolute; top:160px; left:110px; width:270px; border:none; font-size:15px; color:#020A0A; z-index:11; }
#recruit_confirm {width:100%; padding:30px 35px 25px 35px; border-top:5px solid #114b9a; }
#recruit_confirm h1 { font-size:18px; margin-bottom:0px; color:#00B4ED; width:400px; word-break:keep-all; line-height:32px; }

#recruit_confirm .tableType01 {width:400px; border-bottom:1px solid #aaa; position:Absolute; z-index:11;}
#recruit_confirm .tableType01 th {width:70px; padding:7px 0 7px 10px; vertical-align:middle;  text-align:left; border-top:1px solid #aaa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#eee; font-size:14px;  }
#recruit_confirm .tableType01 td {padding:4px 0 4px 10px; text-align:left;  border-top:1px solid #aaa; border-bottom:1px solid #ddd; }
#recruit_confirm .tableType01 tr.last th, .tableType01 tr.last td {border-bottom:none;}
#recruit_confirm .tableType01 td input {width:100%; height:30px; padding:3px; line-height:14px; border:1px solid #dddddd; text-indent:10px; }
#recruit_confirm .tableType01 td p {padding:5px 0 4px 0;}
#recruit_confirm .tableType01 th span {display:block; padding-left:9px; background:url(../../image/sub/recruit/recruit/bu_blue.gif) no-repeat left 6px;}

.tableType02 {width:100%; border-bottom:1px solid #aaa;}
.tableType02 th {padding:2px 0; border-top:1px solid #aaa; border-right:1px solid #ddd;  background:#eee;}
.tableType02 th.last {border-right:none;}
.tableType02 td {padding:2px 0; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.tableType02 td.last {border-right:none;}

.txt_apply {line-height:24px; font-size:15px; color:#020A0A; word-break:keep-all; z-index:999; position:Absolute; top:125px; left:0; width:100%; padding:0 20px; text-align:center;}
.txt_apply span {color:#5c93da; letter-spacing:0; }

#recruit_confirm .btns { padding-top:15px; text-align:center;}
#recruit_confirm .btn_confirm {width:60px; height:26px; cursor:pointer; border:none; background:url(../../image/sub/recruit/recruit/btn_confirm.gif) no-repeat left top;}
.btn_confirm02 {width:86px; height:24px; cursor:pointer; border:none; background:url(../../image/sub/recruit/recruit/btn_confirm02.gif) no-repeat left top;}
#recruit_confirm .btn_cancel {width:60px; height:26px; cursor:pointer; border:none; background:url(../../image/sub/recruit/recruit/btn_cancel.gif) no-repeat left top;}

.listType01 {padding:10px 0 30px 0; }
.listType01 li {line-height:24px;}
.listType01 li span {display:inline-block; padding-left:10px; margin-right:5px; color:#020A0A; letter-spacing:0; font-weight:bold; background:url(../../image/sub/recruit/recruit/bu_blue.gif) no-repeat left 11px;}

.recruit_confirmBg_m { position:Absolute; top:0; left:0; z-index:1; width:100%; }
.recruit_Bg_m { position:Absolute; top:0; left:0; z-index:1; }
.cname_m { position:absolute; top:32.786%; left:18.965%; width:46.551%; border:; font-size:15px; color:#020A0A; z-index:11; }
.cmail_m { position:absolute; top:52.459%; left:18.965%; width:46.551%; border:; font-size:15px; color:#020A0A; z-index:11; }
#recruit_confirm_m {width:100%; padding:30px 35px 25px 35px; border-top:5px solid #114b9a; }
#recruit_confirm_m h1 { font-size:18px; margin-bottom:0px; color:#00B4ED; width:400px; word-break:keep-all; line-height:32px; }

#recruit_confirm_m .btns { padding-top:15px; text-align:center;}
#recruit_confirm_m .btn_confirm {width:60px; height:26px; cursor:pointer; border:none; background:url(../../image/sub/recruit/recruit/btn_confirm.gif) no-repeat left top;}
.btn_confirm02_m {width:86px; height:24px; cursor:pointer; border:none; background:url(../../image/sub/recruit/recruit/btn_confirm02.gif) no-repeat left top;}
#recruit_confirm_m .btn_cancel {width:60px; height:26px; cursor:pointer; border:none; background:url(../../image/sub/recruit/recruit/btn_cancel.gif) no-repeat left top;}


/*220314 용승호추가*/
.continuance ul.tabs2unit {overflow:hidden; width:1100px; height:60px;margin:45px auto 0 auto;}
.continuance ul.tabs2unit li {float:left; text-align:center; cursor:pointer; padding:0; width:550px; height:60px; line-height:60px; overflow:hidden; position: relative; border:1px solid #ddd; border-right:none; background:#eeeeee;}
.continuance ul.tabs2unit li a { display:block; width:100%; height:100%; font-size:18px; color:#020A0A; font-weight:100; }
.continuance ul.tabs2unit li:last-child a {border-right:1px solid #ddd;}
.continuance ul.tabs2unit li a:hover, .continuance ul.tabs2unit li.active a{border:1px solid #00B4ED; background:#00B4ED; font-weight:300; color:#fff;}

.environment .activities_result {
    position: relative;
    width: 1100px;
    margin: 95px auto 0 auto;
    overflow: auto;
}

.continuance.esg table{
	width: 1100px;
	margin:75px auto 166px;
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
}
.continuance.esg table thead th{width:20%;}
.continuance.esg table tr td {text-align:center;}
.continuance.esg table tr{
	height: 100px;
	border-top: 1px solid #bfbfbf;
}
.continuance.esg table caption{
	margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}
.continuance.esg table caption span{ font-size:14px; color:#020A0A;}
.continuance.esg table caption strong{font-size:34px; margin-bottom:10px; display:block;}
.continuance.esg .grade thead th{width:calc(100% / 7);}

.quality .certification {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 440px;
    margin: 100px auto 0 auto;
    padding-top: 60px;
    background: url(../image/sub/managing/qes/quality/certificationBg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.container .result { position:relative; width:100%; margin-top:80px; }
.container .result .upsideCont table { position:relative; width:540px; border-top:5px solid #00B4ED; float:left; margin-right:20px; }
.container .result .upsideCont table:nth-child(2n) {margin-right:0; }
.container .result .upsideCont table caption { width:540px; margin-bottom:15px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
.container .result .upsideCont table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
.container .result .upsideCont table#table1 thead th { position:relative; width:60px; height:57px; font-size:15px; color:#00B4ED; }
.container .result .upsideCont table#table2 thead th { position:relative; width:60px; height:75px; font-size:15px; color:#00B4ED; }
.container .result .upsideCont table#table2 thead tr:first-child th { height:57px; }
.container .result .upsideCont table thead th p { position:absolute; bottom:-9px; right:15px; }
.container .result .upsideCont table thead td { width:480px; border-bottom:1px solid #BFBFBF; }
.container .result .upsideCont table thead tr:last-child td { border-bottom:1px solid #034299; }

.container .result .upsideCont table#table1 tbody { position:absolute; bottom:60px; left:0; height:230px; }
.container .result .upsideCont table#table2 tbody { position:absolute; bottom:60px; left:0; height:300px; }
.container .result .upsideCont table tbody th { width:60px; font-size:0; text-indent:-99999px; }
.container .result .upsideCont table#table1 tbody td { position:relative; width:160px; height:230px; text-align:center; vertical-align:bottom; }
.container .result .upsideCont table#table2 tbody td { position:relative; width:160px; height:300px; text-align:center; vertical-align:bottom; }
.container .result .upsideCont table tbody td p { position:relative; margin:0 auto; bottom:-1px; width:70px; background:#BFBFBF; }
.container .result .upsideCont table#table1 tbody td.recentYear p { background:#00B4ED; }
.container .result .upsideCont table#table2 tbody td.recentYear p { background:#00B4ED; }

.container .result .upsideCont table#table2 tbody td p{position:relative; margin:0 auto; bottom:-50px; width:70px; background:#BFBFBF;}

.container .result .upsideCont table#table2 tbody td.recentYear p{position:relative; margin:0 auto; bottom:-65px; width:70px; background:#BFBFBF;}

.container .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; }

.container .result .upsideCont table tfoot th { position:relative; width:60px; height:59px; font-size:0; text-indent:-99999px; }
.container .result .upsideCont table tfoot td { text-align:center; font-size:18px; color:#020A0A; }
.container .result .upsideCont table tfoot td small { font-size:15px; }

.container .result .downsideCont table { position:relative; width:540px; border-top:5px solid #00B4ED; float:left; margin-right:20px; margin-top:120px; margin-bottom:100px; }
.container .result .downsideCont table:nth-child(2n) {margin-right:0; }
.container .result .downsideCont table caption { width:540px; margin-bottom:15px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
.container .result .downsideCont table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
.container .result .downsideCont table#table3 thead th { position:relative; width:60px; height:75px; font-size:15px; color:#00B4ED; }
.container .result .downsideCont table#table4 thead th { position:relative; width:60px; height:75px; font-size:15px; color:#00B4ED; }
.container .result .downsideCont table#table4 thead tr:first-child th { height:75px; }
.container .result .downsideCont table thead th p { position:absolute; bottom:-9px; right:15px; }
.container .result .downsideCont table thead td { width:480px; border-bottom:1px solid #BFBFBF; }
.container .result .downsideCont table thead tr:last-child td { border-bottom:1px solid #034299; }

.container .result .downsideCont table#table3 tbody { position:absolute; bottom:60px; left:0; height:300px; }
.container .result .downsideCont table#table4 tbody { position:absolute; bottom:60px; left:0; height:225px; }
.container .result .downsideCont table tbody th { width:60px; font-size:0; text-indent:-99999px; }
.container .result .downsideCont table#table3 tbody td { position:relative; width:160px; height:300px; text-align:center; vertical-align:bottom; }


.container .result .downsideCont table#table4 tbody td { position:relative; width:160px; height:225px; text-align:center; vertical-align:bottom; }
.container .result .downsideCont table tbody td p { position:relative; margin:0 auto; bottom:-1px; width:70px; background:#BFBFBF; }
.container .result .downsideCont table#table3 tbody td.recentYear p { background:#00B4ED; }
.container .result .downsideCont table#table4 tbody td.recentYear p { background:#00B4ED; }

.container .result .downsideCont table tfoot th { position:relative; width:60px; height:59px; font-size:0; text-indent:-99999px; }
.container .result .downsideCont table tfoot td { text-align:center; font-size:18px; color:#020A0A; }
.container .result .downsideCont table tfoot td small { font-size:15px; }

.activities.environment_right{position:absolute; top:-13%;right:0; width:600px !important; overflow:hidden !important;}
.activities.environment_right ul{width:100% !important;}

/*20220728 용승호*/


.sns_logo{position:absolute; right:9%; bottom:50px;}
.sns_logo a:nth-child(1){height:40px;color:#fff; margin-right:10px;}
.sns_logo a:nth-child(1) img{margin-right:5px;}
.sns_logo a:nth-child(1) span{line-height:40px;font-size:14px;}
.sns_logo a:nth-child(2){height:40px;color:#fff;}
.sns_logo a:nth-child(2) img{margin-right:8px;}
.sns_logo a:nth-child(2) span{line-height:40px;font-size:14px;}

@media screen and (max-width:1840px) { 
    .sns_logo{position:absolute; right:6%;}
}

@media screen and (max-width:1720px) { 
    .sns_logo{position:absolute; right:3%;}
}

@media screen and (max-width:1600px) { 
    .sns_logo{position:absolute; right:5%; bottom:20px;}
	.sns_logo a:nth-child(2){display:block;}
}

@media screen and (max-width:1460px) { 
    .sns_logo{position:absolute; right:1%; bottom:20px;}
}

@media screen and (max-width:1340px) { 
    .sns_logo{display:none;}
}