@charset "utf-8";

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions { 
	border: 1px solid #ccc; 
	max-height: 150px; 
	overflow-y: auto; 
	position: relative; 
/* 	position: absolute;  */
	background-color: white; 
	z-index: 1000; 
	width: calc(100% - 22px); 
} 

/* ============== 쇼핑몰 브랜드(brand) - shopj02 brand02 기준 ============== */
.brand_wrap{padding-top: 30px;}
.brand_wrap .common_tit{padding:30px 30px 10px;text-align: center;font-size:28px;color:#111;}
.brand_wrap .common_desc{font-size:16px;color:#666;margin:8px 0 30px;text-align: center;}
.brand_wrap .tab{width:100%;overflow:hidden;margin-bottom: 30px;border:0;}
.brand_wrap .tab li{width:16.66666666666667%;float:left;}
.brand_wrap .tab li a{display:block;height: 41px;border:1px solid #d9d9d9;font-size:16px;color:#444;line-height: 2.5;text-align: center;border-right-width:0;}
.brand_wrap .tab li:nth-of-type(6n) a{border-right-width: 1px;}
.brand_wrap .tab li:nth-of-type(n+7) a{border-top: 0;}
.brand_wrap .tab li.on a{border-color:#007bc8;background:#007bc8;color:#fff;font-weight: 700;border-left:1px solid #007bc8;}
.brand_wrap .tab li:hover a{border-color:#007bc8;background:#007bc8;color:#fff;font-weight: 700;border-left:1px solid #007bc8;}
.brand_wrap .prd_list_wrap{}
.brand_wrap .prd_list{overflow:hidden;}
.brand_wrap .prd_list li{float:left;width:32%;margin-right:2%;margin-bottom: 2%;}
.brand_wrap .prd_list li:nth-of-type(3n){margin-right: 0;}
.brand_wrap .prd_list li > a{display:block;position:relative;padding-top:100%;overflow:hidden;}
.brand_wrap .prd_list li > a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.brand_wrap .brand_info{position:absolute;top:0;bottom: 0;left: 0;right: 0;text-align: center;background:rgba(0,0,0,0.05);}
.brand_wrap .brand_info:hover{background:rgba(0,0,0,0.2);}
.brand_wrap .brand_name{width:100%;position:absolute;top:50%;margin-top:-16px;text-align: center;color:#fff;line-height: 1.2em;font-weight: bold;font-size:30px;letter-spacing: -0.05em;}
.brand_wrap .prd_item_group{overflow:hidden;border:1px solid #d9d9d9;border-top:0;padding:10px;}
.brand_wrap .prd_item_group a{display:block;width:30%;float:left;}
.brand_wrap .prd_item_group a + a{margin-left: 5%;}
.brand_wrap .prd_info{}
.brand_wrap .prd_img{position:relative;padding-top:100%;overflow:hidden;}
.brand_wrap .prd_img:hover:after{content:'';display:block;width:100%;height: 100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1);}
.brand_wrap .prd_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.brand_wrap .prd_name{font-size:13px;color:#444;line-height: 1.36;height: 2.71429em;overflow:hidden;}
.brand_wrap .prd_price{font-size:13px;color:#111;}
.brand_wrap .prd_price strong{font-size:15px;}
/* 브랜드 헤더 (브랜드관 상단) */
.brand_wrap .brand_header{position:relative;height:320px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1a1a2e;margin-bottom:40px;overflow:hidden;}
.brand_wrap .brand_header_overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.7) 100%);}
.brand_wrap .brand_header_content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px;}
.brand_wrap .brand_logo{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3);margin-bottom:15px;}
.brand_wrap .brand_logo img{max-width:80%;max-height:80%;object-fit:contain;}
.brand_wrap .brand_logo_text{font-size:24px;font-weight:bold;color:#333;text-align:center;padding:10px;}
.brand_wrap .brand_title{font-size:32px;font-weight:700;color:#fff;margin:0 0 5px 0;text-shadow:0 2px 10px rgba(0,0,0,0.3);}
.brand_wrap .brand_title_eng{font-size:14px;color:rgba(255,255,255,0.7);margin:0 0 15px 0;letter-spacing:2px;text-transform:uppercase;}
.brand_wrap .brand_meta{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;}
.brand_wrap .brand_meta .brand_visitor{font-size:14px;color:rgba(255,255,255,0.8);}
.brand_wrap .brand_meta .brand_visitor i{margin-right:5px;}
.brand_wrap .brand_meta .brand_link{font-size:14px;color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.2s;}
.brand_wrap .brand_meta .brand_link:hover{color:#fff;}
.brand_wrap .brand_meta .brand_link i{margin-right:5px;}
.brand_wrap .brand_actions{}
.brand_wrap .btn_brand_info{display:inline-block;padding:12px 30px;background:transparent;border:2px solid rgba(255,255,255,0.8);color:#fff;font-size:14px;font-weight:600;border-radius:30px;cursor:pointer;transition:all 0.3s;}
.brand_wrap .btn_brand_info:hover{background:#fff;color:#333;border-color:#fff;}
.brand_wrap .btn_brand_info i{margin-right:8px;}

/* 기존 brand_cover 스타일 유지 (호환성) */
.brand_wrap .brand_cover{height: 260px;margin-bottom: 50px;}
.brand_wrap .brand_cover .common_tit{padding:0; height:120px;}
.brand_wrap .brand_cover .common_tit img{height: 120px;}
.brand_wrap .brand_cover .brand_cover_btns{margin:20px 0;text-align: center;}
.brand_wrap .brand_cover .brand_cover_btns button{display:inline-block;min-width:2.57143em;height: 2.57143em;padding:0 0.85714em;border:1px solid #c9c9c9; vertical-align: middle;text-align: center;transition:0.15s;font-size:14px;background:transparent;margin:0 4px;}
.brand_wrap .brand_cover .brand_cover_btns button:hover{border-color:#fff;background:rgba(0,0,0,0.2);}
.brand_wrap .brand_cover .brand_cover_btns button span{color:#fff;}
.brand_wrap .brand_cover .brand_cover_btns button i{color:#fff;}
.brand_wrap .brand_cover .brand_cover_visitor{color:#fff;opacity:0.8;text-align:center;font-size:14px;}
.brand_wrap .brand_cover .brand_cover_visitor span{}

/* 브랜드 소개 팝업 */
.brand_wrap .brand_pop{display:none;}
.brand_wrap .view_brand{position:fixed;overflow:auto;overflow-x:hidden;top:0;left:0;width:100%;height: 100%;text-align: center;z-index:5000;background-color:rgba(0,0,0,0.5);}
.brand_wrap .view_brand .box{width:850px;min-height: 400px;position:fixed;left:50%;left:50%;margin-left: -425px;margin-top: 100px;z-index:2500;box-sizing:border-box;padding:25px;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,0.3);background-color: #fff;}
.brand_wrap .view_brand .title{line-height: 40px;position:relative;margin-bottom: 20px;border-bottom:1px solid #eee;padding-bottom:15px;}
.brand_wrap .view_brand .title h2{font-size:22px;color:#333;text-align: left;font-weight:600;}
.brand_wrap .view_brand .title .close{display:block;position:absolute;right:0;top: 0;font-size:24px;line-height: 40px;color:#999;font-weight: 400;transition:color 0.2s;}
.brand_wrap .view_brand .title .close:hover{color:#333;}
.brand_wrap .view_brand .info{text-align: left;font-size:15px;line-height: 1.8;color:#555;}
.brand_wrap .view_brand .info img{max-width:100% !important;height:auto !important;}

@media all and (max-width:1000px){
	.brand_wrap .prd_list li{width:49%;}
	.brand_wrap .prd_list li:nth-of-type(3n){margin-right: 2%;}
	.brand_wrap .prd_list li:nth-of-type(2n){margin-right: 0%;}
	.brand_wrap .view_brand .box{width:80%;margin-left: -40%;}
	.brand_wrap .brand_header{height:280px;}
	.brand_wrap .brand_logo{width:100px;height:100px;}
	.brand_wrap .brand_title{font-size:26px;}
}

@media all and (max-width:640px){
	.brand_wrap{padding-top: 4.6875vw;}
	.brand_wrap .common_tit{padding:4.6875vw 4.6875vw 1.5625vw;font-size:4.375vw; height:18.75vw !important;}
	.brand_wrap .common_tit img{}
	.brand_wrap .common_desc{font-size:2.5vw;margin:1.25vw 0 4.6875vw;}
	.brand_wrap .tab{margin-bottom: 4.6875vw;}
	.brand_wrap .tab li{width:25%;}
	.brand_wrap .tab li:nth-of-type(6n) a{border-right-width: 0;}
	.brand_wrap .tab li:nth-of-type(4n) a{border-right-width: 1px;}
	.brand_wrap .tab li:nth-of-type(n+5) a{border-top: 0;}
	.brand_wrap .tab li a{height: 6.40625vw;font-size:2.5vw;}
	.brand_wrap .brand_name{margin-top:-2.5vw;font-size:4.6875vw;}
	.brand_wrap .prd_item_group{padding:1.5625vw;}
	.brand_wrap .prd_name{font-size:2.03125vw;}
	.brand_wrap .prd_price{font-size:2.03125vw;}
	.brand_wrap .prd_price strong{font-size:2.34375vw;}
	.brand_wrap .prd_list li{width:100%;margin-right:0;}

	.brand_wrap .brand_cover{height: 40.625vw;}
	.brand_wrap .brand_cover .common_tit img{height: 18.75vw;}
	.brand_wrap .brand_cover .brand_cover_btns{margin:3.125vw 0;}
	.brand_wrap .brand_cover .brand_cover_btns button{font-size:2.1875vw;margin:0 0.625vw;}
	.brand_wrap .brand_cover .brand_cover_visitor{font-size:2.1875vw;}
	.brand_wrap .view_brand .box{width:90%;margin-left:-45%;margin-top: 31.25vw;padding:3.90625vw;}
	.brand_wrap .view_brand .title{line-height: 6.25vw;margin-bottom: 3.125vw;}
	.brand_wrap .view_brand .title h2{font-size:3.4375vw;}
	.brand_wrap .view_brand .title .close{font-size:4.6875vw;line-height: 6.25vw;}
	.brand_wrap .view_brand .info{font-size:2.1875vw;}

	/* 브랜드 헤더 모바일 */
	.brand_wrap .brand_header{height:220px;margin-bottom:20px;}
	.brand_wrap .brand_header_content{padding:15px;}
	.brand_wrap .brand_logo{width:70px;height:70px;margin-bottom:10px;}
	.brand_wrap .brand_logo_text{font-size:16px;}
	.brand_wrap .brand_title{font-size:20px;margin-bottom:3px;}
	.brand_wrap .brand_title_eng{font-size:11px;margin-bottom:10px;letter-spacing:1px;}
	.brand_wrap .brand_meta{flex-wrap:wrap;gap:10px;margin-bottom:12px;}
	.brand_wrap .brand_meta .brand_visitor,
	.brand_wrap .brand_meta .brand_link{font-size:12px;}
	.brand_wrap .btn_brand_info{padding:8px 20px;font-size:12px;}
}


/* 20260317 추가 */


@font-face {font-family:'notor'; src:url(/font/NotoSansKR-Regular.eot)}
@font-face {font-family:'notor'; src:url(/font/NotoSansKR-Regular.woff)}

@font-face {font-family:'notob'; src:url(/font/NotoSansKR-Bold.eot)}
@font-face {font-family:'notob'; src:url(/font/NotoSansKR-Bold.woff)}

@font-face {font-family:'notot'; src:url(/font/NotoSansKR-Thin.eot)}
@font-face {font-family:'notot'; src:url(/font/NotoSansKR-Thin.woff)}
@font-face{font-family:'Noto Sans KR'; src:url('/font/NotoSans-Regular.woff');}
@font-face{font-family:'Noto Sans KR'; src:url('/font/NotoSans-Regular.eot');}
@font-face{font-family:'Noto Sans KR'; font-weight:100; src:url('/font/NotoSans-Thin.woff')}
@font-face{font-family:'Noto Sans KR'; font-weight:100; src:url('/font/NotoSans-Thin.eot')}
@font-face{font-family:'Noto Sans KR'; font-weight:300; src:url('/font/NotoSans-Light.woff')}
@font-face{font-family:'Noto Sans KR'; font-weight:300; src:url('/font/NotoSans-Light.eot')}
@font-face{font-family:'Noto Sans KR'; font-weight:500; src:url('/font/NotoSans-Medium.woff')}
@font-face{font-family:'Noto Sans KR'; font-weight:500; src:url('/font/NotoSans-Medium.eot')}
@font-face{font-family:'Noto Sans KR'; font-weight:700; src:url('/font/NotoSans-Bold.woff')}
@font-face{font-family:'Noto Sans KR'; font-weight:700; src:url('/font/NotoSans-Bold.eot')}
@font-face{font-family:'Noto Sans KR'; font-weight:900; src:url('/font/NotoSans-Black.woff')}
@font-face{font-family:'Noto Sans KR'; font-weight:900; src:url('/font/NotoSans-Black.eot')}

.top_empty{display:none;}

html,body { width:100%; height:100%;  padding:0;margin:0; }

.wrap { position:relative; width:100%; font-family:'Noto Sans KR'; height:100%;}
.wrap_sub { position:relative; width:100%; height:100%; font-size:0; }

.main{position:absolute !important; border-bottom:1px solid rgba(255,255,255,0.5)!important; background:none !important;}
.header { position:relative;  width:100%; min-width:1200px;  border-bottom:3px solid #d91623; z-index:10; background:#fff; box-sizing:border-box; }
.header_in { position:relative; width:1200px; max-width:1200px;height:77px;  margin:0 auto;  }
.header_in a.logo { position:absolute; left:0; top:20px; }
.header_in a.menu_btn { position:absolute; right:0; top:19px; }
.header_in .top_menu { float:right;  margin-top:25px; margin-right:80px; }
.header_in .top_menu ul {  font-size:0; }
.header_in .top_menu li { display:inline-block; margin-right:23px;}
.header_in .top_menu li:last-child { margin-right:0; }
.header_in .top_menu li a { display:block; font-size:17px; color:#1c1c1c; font-weight:bold; padding-right:20px; }
.header_in .main_topmenu li a {color:#fff !important;}

.header .top_menu_list { display:none; position:absolute; left:0; top:78px; width:100%; height:151px; font-size:15px; color:#000; z-index:1;  background:#fff;}
.header .top_menu_list .menu_contain { display:none; position:relative;  width:100%; max-width:1200px; margin:0 auto;  background:#fff; }
.header .top_menu_list .menu_contain .menu_title { position:relative; font-size:14px; color:#9f9e9e;  padding-top:30px;  }
.header .top_menu_list .menu_contain .menu_title > span.bar01 { position:absolute; left:0; top:70px; width:48px; height:1px; background:#c4c4c4; }
.header .top_menu_list .menu_contain .menu_title .title_section { margin-left:77px;  }
.header .top_menu7_list .menu_contain .menu_title .title_section span { display:block;  font-size:28px; color:#1c1c1c; margin-bottom:10px; }

.header .top_menu_list .menu_contain .menu_list { position:absolute; right:39px; top:30px; }
.header .top_menu_list .menu_contain .menu_list ul { display:inline-block; width:167px; padding-left:20px; height:87px; border-right:1px solid #ebebeb; vertical-align:top; }
.header .top_menu_list .menu_contain .menu_list ul:last-child {  border-right:0;  }
.header .top_menu_list .menu_contain .menu_list li { margin-bottom:3px;  }
.header .top_menu_list .menu_contain .menu_list li a { font-size:15px; color:#333; font-weight:400;   }
.header .top_menu_list .menu_contain .menu_list li a:hover { color:#000; font-weight:500;  }

/*메인 퀵*/
.quick_menu { position:fixed; right:0; top:400px;width:140px;  z-index:10; color:#fff;  }
.quick_menu > a { display:block; margin-bottom:30px; }
.quick_menu ul { border-top:1px solid rgba(255,255,255,0.5); }
.quick_menu li { position:relative; height:70px;  border-bottom:1px solid rgba(255,255,255,0.5); }
.quick_menu li > a { position:absolute; left:0;top:0;  display:block; width:108px;  font-size:15px; color:#fff; height:50px; padding-top:20px;; }
.quick_menu li.active > a { border-bottom:3px solid #d91623; color:#d91623; }

/*서브 퀵(글씨 회색으로)*/
.quick_menu ul.sub { border-top:1px solid #d3d3d3; }
.quick_menu ul.sub li {  border-bottom:1px solid #d3d3d3; }
.quick_menu ul.sub li a { color:#7e7e7e; }



.main_contents { width:100%; height:100%; min-height:700px; overflow:hidden;}
.main_contents .main_visual { position:relative; width:100%; height:100%;  max-width:2560px; min-width:1200px; margin:0 auto;  }
.main_contents .main_visual .bx-wrapper { position:relative; width:100%; max-width:100%; height:100%;  }
.main_contents .main_visual .bx-wrapper .bx-viewport { height:100% !important;  }
.main_contents .main_visual .bx-wrapper .bx-controls { position:absolute; left:0; bottom:180px; width:100%;}
.main_contents .main_visual .bx-wrapper .bx-controls .bx-pager {  width:100%; text-align:center; }
.main_contents .main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item { display:inline-block; padding:0 7px; vertical-align:top; }
.main_contents .main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item a { display:block; width:15px; height:15px; background:url("/img/btn_slider_off.png") no-repeat left top; font-size:0; }
.main_contents .main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active { background:url("/img/btn_slider_on.png") no-repeat left top; }
.main_contents .main_visual .bx-wrapper .bx-controls .bx-pager .bx_pause { display:inline-block; padding:0 7px; vertical-align:top; }
.main_contents .main_visual .bx-wrapper .bx-controls .bx-pager .bx_pause a { display:block; width:11px; height:16px; background:url("/img/btn_slider_pause.png") no-repeat left top; font-size:0;  }
.main_contents .main_visual .bx-wrapper .bx-controls .bx-pager .bx_play { display:inline-block; padding:0 7px; vertical-align:top; }
.main_contents .main_visual .bx-wrapper .bx-controls .bx-pager .bx_play a { display:block; width:11px; height:16px; background:url("/img/btn_slider_play.png") no-repeat left top; font-size:0;  }


.main_contents .main_visual .cusbtn { position:absolute; left:50%; bottom:346px; margin-left: 59px;  }
.main_contents .main_visual .cusbtn .bx_pause { display:inline-block; padding:0 7px; vertical-align:top; }                                                                                                     
.main_contents .main_visual .cusbtn .bx_pause a { display:block; width:11px; height:16px; background:url("/img/btn_slider_pause.png") no-repeat left top; font-size:0;  }
.main_contents .main_visual .cusbtn .bx_play { display:inline-block; padding:0 7px; vertical-align:top; }                                                                                                        
.main_contents .main_visual .cusbtn .bx_play a { display:block; width:11px; height:16px; background:url("/img/btn_slider_play.png") no-repeat left top; font-size:0;  }      

.main_contents .main_visual ul { height:100%; }
.main_contents .main_visual ul li { height:100%; background-repeat: no-repeat;  background-position: top center; background-size: cover; }

.posRe{position:relative;}
.pos_Box{position:absolute; left:50%; top:23%; margin-left:-709.5px;}
.main_visual p { position:absolute; left:50%; top:250px; width:1200px; margin-left:-600px; text-align:center; font-size:62px; color:#fff; font-weight:bold; z-index:1; }
.main_visual p span { display:block; font-size:20px; color:#fff; margin-top:20px; }


.main_visual .bot_contents { position:absolute; left:0; bottom:0; width:100%; min-width:1200px; height:277px; text-align:center; font-size:0;}
.main_visual .bot_contents .mid_box { margin-top:48px; }
.main_visual .bot_contents .mid_box .ban_item { display:inline-block; margin-right:50px;}
.main_visual .bot_contents .mid_box .btn_item { display:inline-block;}
.main_visual .bot_contents .foot_box { position:absolute; left:0; bottom:0; width:100%; height:79px;  border-top:1px solid rgba(255,255,255,0.2);  background:rgba(0,0,0,0.5);}
.main_visual .bot_contents .foot_box div { width:1200px; margin:0 auto;  padding-top:20px; text-align:left; }
.main_visual .bot_contents .foot_box div span { float:left; width:150px; margin-top:5px;  }
.main_visual .bot_contents .foot_box div .fot_text { display:block; font-size:12px; color:#fff; margin-left:170px;    padding-top: 0; }



/*서브안 푸터*/

.footer { border-top:1px solid #cfcfcf; clear:both; }
.footer div { font-size:12px; color:#7f7f7f; margin-top:20px;  }
.footer div span { float:left; width:150px; margin-top:5px;  }                                                               
.footer div .fot_text { display:block; font-size:12px; color:#7f7f7f; margin-left:170px;    padding-top: 0; } 



/* 전체 메뉴리스트 */
.all_menu_contain { display:none; width:100%; height:700px; background:rgba(255,255,255,0.8);  }
.all_menu_in { width:1200px; margin:0 auto;  font-size:0; padding-top:50px;  }
.all_menu_in > div { display:inline-block; width:25%; margin-right:12.5%; vertical-align:top; border-top:1px solid #d91623; font-size:0; }
.all_menu_in > div:nth-of-type(3n) { margin-right:0; }  
.all_menu_in > div > span { display:inline-block; width:50%; font-size:20px; color:#ea0b1a; font-weight:600; vertical-align:top; margin-top:5px;  }
.all_menu_in > div > ul { display:inline-block; width:50%; vertical-align:top; margin:10px 0 65px 0; }
.all_menu_in > div > ul li { margin-bottom:9px;  }
.all_menu_in > div > ul li a { display:block; font-size:15px; color:#303030; }












/***************** 서브 관련 **************** */



.bgleft_empty { position:absolute; left:0; top:0; width:50%;  height:100%;  background:#f8f8f8; z-index:1; }/*좌측 회색 배경*/
.bgleft_empty:after { content:""; position:absolute; left:100%; top:0; width:100%; height:100%; margin-left:-378px; background:#fff; }

.top_empty { width:100%; height:80px; } /* 컨텐츠 영역 상단 공간 */

.sub_contents { position:relative; width:1200px; margin-left:-600px;  height:calc(100% - 80px); font-size:15px; color:#000; z-index:2; margin:0 auto; }


.sub_menu { float:left; width:222px; height:auto; /* height:calc(100% - 80px);  */background:#f8f8f8; }
.sub_menu p { height:118px; margin-top:60px; padding-left:30px; border-left:6px solid #d91623; font-size:36px; color:#333; font-weight:bold; }
.sub_menu p u { text-decoration:none; display:block;  font-size:20px; color:#9f9f9f;  margin-bottom:5px; line-height:50%; }

.sub_menu .me_list { margin-top:50px;}
.sub_menu .me_list ul { width:100%; }
.sub_menu .me_list li { margin-bottom:10px; }
.sub_menu .me_list li a { display:block; background:url("/img/icon_bar_gray.png") no-repeat left 50%; padding-left:35px; font-size:15px; color:#4e4e4e;  }
.sub_menu .me_list li.active a { background-image:url("/img/icon_bar_red.png"); color:#d91623; font-weight:bold; }

.con_contain { display:block; min-height:800px; margin-left:222px; padding:50px 0 50px 60px; background:#fff; }




.location_title_contain { position:relative; border-bottom:1px solid #cfcfcf; }
.location_title_contain .location { font-size:13px; color:#858585; }
.location_title_contain .location img { vertical-align:middle; }
.location_title_contain .location i { display:inline-block;}
.location_title_contain .location i.home { width:9px; height:10px; background:url("/img/icon_home_black.png") no-repeat 50% 50%; margin-right:5px;}
.location_title_contain .location i.arrw { width:13px; height:10px; background:url("/img/icon_arrow_right.png") no-repeat 50% 50%; }

.location_title_contain > span {display:block; font-size:32px; color:#1c1c1c; margin:10px 0 40px 0; }

.location_title_contain .next_circle { position:absolute; right:0; top:34px; }
.location_title_contain .next_circle a { display:block;  padding-right:88px;  height:50px; text-align:right; font-size:17px; line-height:48px; color:#a8a8a8;  background:url("/img/btn_next_circle.png") no-repeat right top; }



/********* 공통 ********/
/*정렬*/
.align_r { text-align:right; }




/*테이블 스타일*/
.tbl_con { display:table; table-layout:fixed; width:100%; }
.tbl_row { display:table-row; }
.tbl_cell { display:table-cell; vertical-align:middle; }

.ver_t { vertical-align:top; }



.operate_history { margin-top:50px; margin-bottom:50px; }
.operate_history .operate_row { width:100%; font-size:0; margin-top:30px;}
.operate_history .operate_row > div { display:inline-block; width:50%; vertical-align:top; }


.history_list { }
.history_list span { display:block;  font-size:28px; color:#404040; margin-bottom:20px; }
.history_list ul {  }
.history_list li a{ font-size:17px; color:#000; font-weight:200; margin-bottom:10px;}
.history_list li u { display:inline-block; text-decoration:none; padding-right:20px; }

.history_list ul.ri li u { padding-right:0; padding-left:20px; }

/* sub_top */
.sub_top > p{font-size:13px; color:#858585; margin-bottom:8px;}
.sub_top > p img{vertical-align:middle;}
.sub_top_box{overflow:hidden; height:46px; line-height:46px; padding-bottom:52px; border-bottom:1px solid #cfcfcf;}
.sub_top_box > h4{float:left; font-size:32px; color:#1c1c1c; font-weight:400;}
.sub_top_box p { float:right; font-size:17px; color:#a8a8a8;}
.sub_top_box p img{margin-left:17px;}


/* 공통 */
.mT_53{margin-top:50px;}



.mB_10{margin-bottom:10px;}
.mB_30{margin-bottom:10px;}
.mB_60{margin-bottom:60px;}
.mB_100{margin-bottom:100px;}
.mB_150{margin-bottom:150px;}
.mB_190{margin-bottom:190px;}
.mB_250{margin-bottom:250px;}

.margin50{margin:20px 0; margin-bottom:50px;}
/* active */
/*.active_container{background:url("/img/active_bg.png") 0 0 no-repeat; padding-bottom:100px;}*/
/*.active_container h4{font-size:28px; color:#404040; font-weight:700; margin-bottom:10px;}*/
/*.active_container ul li.font_red{font-size:23px; color:#d91623; font-weight:500; margin-bottom:5px;}*/
/*.active_container ul li p{font-size:16px; color:#000; font-weight:300;}*/
/*.active_container ul li p span{color:#000;}*/
/*.active_con01{padding:84px 0 0 487px; position:relative;}*/
/*.active_con01 > img{position:absolute; top:101px; left:454px;}*/
/*.active_con01 span{margin-right:13px;}*/
/**/
/*.active_con02{text-align:right; position:relative; margin:-118px 487px 0 0; }*/
/*.active_con02 > img{position:absolute; top:18px; left:218px;}*/
/*.active_con02 span{margin-left:13px;}*/
/**/
/*.active_con03{margin:-45px 0 0 487px; position:relative;}*/
/*.active_con03 > img{position:absolute; top:18px; left:-36px;}*/
/**/
/*.active_con04{text-align:right; margin:10px 487px 0 0; position:relative;}*/
/*.active_con04 > img{position:absolute; top:18px; left:276px;}*/
/*.active_con04 ul li.li_ovH p{overflow:hidden;}*/
/*.active_con04 ul li.li_ovH p strong{float:left; font-weight:300; font-size:16px;}*/
/*.active_con04 ul li.li_ovH p span{float:right; font-size:16px;}*/
/**/
/*.active_con05{margin:-45px 0 0 487px; position:relative;}*/
/*.active_con05 > img{position:absolute; top:18px; left:-36px;}*/
/*.active_con05 ul li p{overflow:hidden;}*/
/*.active_con05 ul li p span{float:left; margin-right:13px;}*/
/*.active_con05 ul li p strong{font-weight:300; float:left;}*/
/**/
/*.active_con06{position:relative; margin:-30px 487px 0 0; text-align:right;}*/
/*.active_con06 > img{position:absolute; top:18px; left:276px;}*/
/*.active_con06 ul li p{overflow:hidden;}*/
/*.active_con06 ul li p strong{font-weight:300; float:left; margin-left:120px;}*/
/*.active_con06 ul li p span{float:right;}*/
/**/
/*.active_con07{position:relative; margin:-40px 0 0 487px;}*/
/*.active_con07 > img{position:absolute; top:18px; left:-36px;}*/
/*.active_con07 ul li p span{margin-right:13px;}*/
/**/
/*.active_con08{position:relative; text-align:right; margin:0 487px 0 0;}*/
/*.active_con08 > img{position:absolute; top:18px; left:247px;}*/
/*.active_con08 ul li p span{margin-left:13px;}*/

div.left_left_line_image{
	background: url("/img/left_line.png")0 0 no-repeat;
	float:left;
	width:35px;
	height:850px;
	margin-top:50px;
}
.sub_con{font-size:0;}
div.left_outer_frame{display:inline-block; vertical-align:top;}
div.left_inner_frame{overflow:hidden;}
div.right_outer_frame{display:inline-block; vertical-align:top;}
div.right_inner_frame{overflow:hidden;}
div.right_left_line_image{
	background: url("/img/right_line.png")0 0 no-repeat;
	float:left;
	width:35px;
	height:1014px;
	margin-top:150px;
}
div.left_right_cont{
	float:left;
	width:420px;
	height:950px;
	margin-top:40px;
}
div.right_right_cont{
	float:left;
	width:428px;
	height:850px;
	margin-top:135px;
}
td.left_right_cont_title{
	font-size:32px;
	color:#000;
}
td.cont_year{
	font-size:23px;
	color:#d91623;
	padding-right:20px;
	height:45px;
}
td.cont_text{
	font-size:15px;
	color:#404040;
}
td.taC{text-align:center;}
td.cont_text > span.spanP1{
	padding-left:63px;
}
td.cont_text > span.spanP2{
	padding-left:40px;
}
td.cont_text > span.spanP3{
	padding-left:35px;
}
td.cont_date{
	font-weight:bold;
	padding-right:10px;
}
div.test_op{
	margin-top:35px;
}
div.b_op{
	margin-top:15px;
}
div.coop{
	margin-top:40px;
}
div.allowed{
	margin-top:30px;
}
div.apply{
	margin-top:23px;
}
div.unstoppable{
	margin-top:45px;
}
/* 인사말 greettings */
div.greetting_cover{
	width:918px;
	height:600px;
	margin-top:40px;
	margin-left:30px;
}
div.greeting_cont_con{
	width:750px;
	height:600px;
}
div.greeting_cont_con > p {
	font-size:18px;
	color:#404040;
	font-weight:normal;
	letter-spacing:-0.025em; 
	word-break:keep-all; 
}
div.greeting_cont_con p span.blue_type02 {color:#333399; }
/*
div.greeting_cont_con > p:first-of-type{
	font-size:19px;
	color:#D91623;
	font-weight:500;
}
div.greeting_cont_con > p:nth-child(2){
	font-size:19px;
	color:#AA111C;
	font-weight:500;
}
*/
div.greeting_cont_con > p span.red{
/*	font-size:19px;*/
	color:#D91623;
	font-weight:500;
}

/* vision */
strong.first_vision_text{color:#74070e; font-size:16px;}
strong.second_vision_text{color:#dd2e39; font-size:16px;}
strong.third_vision_text{color:#d99616; font-size:16px;}
strong.ford_vision_text{color:#a9a9a9; font-size:16px;}
.vision_con01{overflow:hidden; width:816px; margin:0 auto; }
.vision_con01_text{
	margin-top:20px;
}
.vision_con01_text > p {
	font-size:30px;
	color:#404040;
	text-align:center;
}
.vision_con01_text > p > strong{
	font-size:30px;
	font-weight:normal;
}
.vision_con01_text > p:last-of-type{
	margin-left:20px;
}
.vision_con02{overflow:hidden; width:816px; margin:0 auto; }
.vision_con02_text{
	margin-top:20px;
}
.vision_con02_text > p {
	font-size:30px;
	color:#404040;
	text-align:center;
}
.vision_con02_text > p > strong{
	font-weight:normal;
	color:#D91623;
}
div.vision_con01_cover{
	width:100%;
	border:1px solid #cfcfcf;
	height:130px;
}
div.up_arrow{
	width:22px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom:20px;
}
/*세번째 항목*/

div.con_cover{
	margin-top:55px;
}
div.title_cover {
	width:135px;
	margin:0 auto;
	margin-bottom:20px;
}
div.title_cover > h4 {
	font-size:28px;
	text-align:center;
}
div.title_cover > h4 > img {
	margin-top:15px; 
	margin-right:5px;
}
div.vision_business_con03{

	margin-top:-40px;
	width:918px;
}
div.vision_inner_business_con03{
	width:916px;
	margin:0 auto;
}
div.vision_inner_business_con03 > h4 > img{
	margin-top:15px;
	margin-right:5px;
}
div.vision_business_con03 > div.vision_inner_business_con03 > h4 {
	display:block;
	font-size:28px;
	color:#404040;
	text-align:center !important;
}
div.vision_first_circle{
	margin:14px;
	width:198px;
	height:198px;
	float:left;
	border:1px solid #74070e;
	border-radius : 50%;
	margin-top:45px;
}

div.vision_first_circle > div.vision_point_image{
	width:21px;
	display:block;
	margin:0 auto;
	margin-top:70px;
}
div.vision_first_circle > p{
	font-size:28px;
	margin:-9px 0 5px 2px;
	text-align:center !important;
	color:#404040;
}
div.vision_second_circle{
	margin:14px;
	width:198px;
	height:198px;
	float:left;
	border:1px solid #dd2e39;
	border-radius : 50%;
	margin-top:45px;
}
div.vision_second_circle > div.vision_point_image{
	width:21px;
	display:block;
	margin:0 auto;
	margin-top:70px;
}
div.vision_second_circle > p{
	font-size:28px;
	margin:-9px 0 5px 2px;
	text-align:center !important;
	color:#404040;
}
div.vision_third_circle{
	margin:14px;
	width:198px;
	height:198px;
	float:left;
	border:1px solid #d99616;
	border-radius : 50%;
	margin-top:45px;
}
div.vision_third_circle > div.vision_point_image{
	width:21px;
	display:block;
	margin:0 auto;
	margin-top:70px;
}
div.vision_third_circle > p{
	font-size:28px;
	margin:-9px 0 5px 2px;
	text-align:center !important;
	color:#404040;
}

div.vision_ford_circle{
	margin:14px;
	width:198px;
	height:198px;
	float:left;
	border:1px solid #a9a9a9;
	border-radius : 50%;
	margin-top:45px;
}

div.vision_ford_circle > div.vision_point_image{
	width:21px;
	display:block;
	margin:0 auto;
	margin-top:70px;
}
div.vision_ford_circle > p{
	font-size:28px;
	margin:-9px 0 5px 2px;
	text-align:center !important;
	color:#404040;
}


div.vision_point_img{
	width:21px;
	margin:0 auto;
}
div.cover_circles{
	border:1px solid #cfcfcf;
	width:916px;
	height: 300px;
	margin-top:40px;
}
div.for_margin{
	
	margin:0 auto;
}
div.up_arrow_02{
	width:22px;
	margin: 0 auto;
	margin-top: 65px;
	margin-bottom:20px;
}

/*네번째 항목*/
div.up_arrow_03{
	width:22px;
	margin:0 auto;
	margin-top:40px;
}
div.fourth_title_text > h4{
	font-size:28px;
	text-align:center;
	margin-top:30px;
	margin-bottom:40px;
}
div.fourth_title_text > h4 > img{
	margin:15px 5px 0 0;
	
}
div.fourth_col{
	width:100%;
}
div.fourth_col_outer{
	width:916px;
	border:1px solid #cfcfcf;
	height:450px;
}
div.fourth_col_inner{
	width:816px;
	margin:0 auto;
}
div.fourth_col_left > div.palette_01{
	float:left;
	width:260px;
	height:350px;
/*	background-image: url("/img/vision_left_bg.png");*/
/*	background-position:0px 15px;*/
	border-right:1px dotted #cfcfcf;
	margin-top:50px;
}
div.fourth_col_right > div.palette_02{
	float:left;
	width:260px;
	height:350px;
/*	background-image: url("/img/vision_right_bg.png");*/
/*	background-position: 0px 15px;*/
	margin-top:50px;

}
.papapa_ri{border-right:1px dotted #cfcfcf;}
div.palette_01 > h4{
	font-size:25px;
	color:#d99616;
	margin-top:30px;
	text-align:;
}
div.palette_02 > h4 {
	font-size:25px;
	color:#d91623;
	margin-top:30px;
	text-align:;
}
div.palette_01_con, div.palette_02_con{
	width:;
	margin:0 auto;
}
div.palette_01_con > ul > li,
div.palette_02_con > ul > li {
	padding:30px 0 0 0;	
	vertical-align:middle;
}

p.li_text_a { float:none; padding-top:7px; font-size:16px; }
p.li_text_b { float:none; padding-top:7px; font-size:16px; }
p.li_text_c { float:none; padding-top:7px; font-size:16px; }
p.li_text_d { float:none; padding-top:7px; font-size:16px; }
p.li_text_e { float:none; padding-top:7px; font-size:16px; padding-left:25px;}
p.li_text_f { float:none; padding-top:7px; font-size:16px; padding-left:25px;}
p.li_text_g { float:none; padding-top:7px; font-size:16px; padding-left:25px;}
p.li_text_h { float:none; padding-top:7px; font-size:16px; padding-left:25px;}


/*다섯번째 항목*/
div.slogan_text{
	border:3px solid red;
	padding:50px 0 50px 0;
	margin-bottom:50px;
}
div.slogan_text > h4 {
	text-align:center;
	font-size:30px;
	color:red;
}
/* phone */
.phone_box{margin:65px 0 50px 0; background:#f8f8f8; overflow:hidden;}
.phone_box_left{float:left; margin:30px 0 30px 30px; width:620px; border-right:1px solid #dedede;}
.phone_box_left h4{font-size:17px; color:#000; margin-bottom:14px; height:40px; line-height:40px}
.phone_box_left h4 img{padding:12px 10px 0 0;}
.phone_box_left h4:last-of-type{margin-bottom:0;}
.phone_box_left h4 span{display:inline-block; width:140px;}
.phone_box_left h4 input{width:415px; height:40px; box-sizing:border-box; border:1px solid #dedede; font-weight:300; color:#000;}
.phone_box_left h4 select{width:200px; height:40px; margin-right:10px; color:#404040; font-weight:300;}
.phone_box_left h4 select:last-of-type{margin-right:0;}
.phone_box_right{float:left; margin:30px 0 30px 30px; }
.phone_box_right h4{padding:28px 35px; background:#421115;}
.phone_box_right h4 a{display:block; font-size:23px; color:#fff;}
.phone_table table{width:100%;}
.phone_table table thead{background:#f8f8f8; font-size:17px; color:#000; font-weight:500; height:42px; line-height:42px; border-top:1px solid #cfcfcf; border-bottom:1px solid #d91623; box-sizing:border-box;}
.phone_table table tbody{background:#fff; text-align:center;}
.phone_table table tbody tr{height:40px; line-height:40px; font-size:17px; color:#000; font-weight:300; border-bottom:1px solid #cfcfcf;}


/* location */
div.location_text_outer {
	margin-top: 50px;
}
div.howToCome_cover_01{
	width:916px;
	height:100px;
}
div.howToCome_cover_02{
	width:916px;
	height:100px;
	margin-bottom:50px;
}
div.location_text4{
	border:2px solid #d91623;
	color: #d91623;
	float:left;
	padding:3px 35px 3px 35px;
}
div.location_text4 > h4{
	font-size:20px;
}
div.location_text5{
	margin-left:100px;
	border:2px solid #d91623;
	color: #d91623;
	float:left;
	padding:3px 20px 3px 20px;
}
div.location_text5 > h4{
	font-size:20px;
}
div.location_text6{
	margin-top:65px;
	border:2px solid #d91623;
	color: #d91623;
	width:75px;
	padding:3px 20px 3px 20px;
	margin-bottom:50px;
}
div.location_text6 > h4{
	font-size:20px;
}

.location_title{width:425px; margin:65px auto 25px; }
.location_title h4{font-size:17px; color:#404040; font-weight:bold; text-align:center; padding:19px 0; box-sizing:border-box; border-top:1px solid #d91623; border-bottom:1px solid #d91623;}
.location_text{float:left; padding:6px; }
.location_text > h4{font-size:23px; color:#d91623;}
.location_text > p {color:#000; font-size:16px;}
.wrap_controllers{display:none;}

.location_text2_left{float:left; padding:10px 20px 10px 20px;}
.location_text2_left > h4{font-size:18px;}
.location_text2_right {float:left; margin-left:18px;}
.location_text2_right > img {
	padding-top:15px;
}
.location_text3_left{float:left; padding:10px 20px 10px 20px;}
.location_text3_left > h4{font-size:18px;}
.location_text3_left > img{margin-top:10px;}
.location_text3_right {float:left;}
.location_text3_right > img {
	padding-top:15px;
}
.location_con{margin-top:65px;}
.location_text2_left > h4 > img{
	margin:15px 5px 0 0;
}
.location_text3_left > h4 > img{
	margin:15px 5px 0 0;
}
/* 윤리경영 tab */
.displayN2{display:none;}
.ehics_tab ul li{display:inline-block; margin-right:40px;}
.ehics_tab ul li a{font-size:17px; color:#000;}
.ehics_tab ul li a img{margin-right:10px; padding-top:6px;}
.ehics_tab ul li.on a{color:#d91623;}
.ehics_tab ul li.on a img.displayN1{display:none;}
.ehics_tab ul li.on a img.displayN2{display:inline;}


/* 윤리경영 */
/* 전략체계 */
.Integrity_con01_cont1{background:url("/img/Integrity_con01_bg.png") 0 0 no-repeat; height:670px;}
.con01_cont_top{ margin-bottom:99px;}
.con01_cont_top > h4{font-size:28px; color:#404040 ;text-align:center; margin-top:100px;margin-bottom:14px; padding-top:22px;}
.con01_cont_top > p{font-size:17px; color:#000; text-align:center; margin-top:20px;}

.con01_cont_top > h4 > img {
	margin-top:15px;
	margin-right:5px;
}

.con01_cont_mid{overflow:hidden; margin:0 auto 54px;}
/*.con01_cont_mid > div p{font-size:17px; color:#000;}*/
.con01_mid_box1{float:left; width:159px; text-align:center; margin-right:30px;}
.con01_mid_box1 > img{ margin:48px 0 15px 0;}
.con01_mid_box1 > p{font-size:20px; color:#1b9448;}

.con01_mid_box2{float:left; width:159px;  text-align:center; margin-right:30px;}
.con01_mid_box2 > img{ margin:44px 0 15px 0;}
.con01_mid_box2{color:#d99616;margin-right:30px; font-size:20px;}

.con01_mid_box3{float:left; width:159px; text-align:center; margin-right:30px;}
.con01_mid_box3 > img{ margin:49px 0 15px 0;}
.con01_mid_box3{color:#285bb8; font-size:20px;}

.con01_mid_box4{float:left; width:159px; text-align:center; margin-right:30px;}
.con01_mid_box4 > img{ margin:49px 0 15px 0;}
.con01_mid_box4{color:#1c9ba0; font-size:20px;}

.con01_mid_box5{float:left; width:159px; text-align:center;}
.con01_mid_box5 > img{ margin:49px 0 15px 0;}
.con01_mid_box5{color:#835a13; font-size:20px;}

.con01_cont_btm{margin-top:160px; text-align:right;}
.con01_cont_btm > h4{font-size:28px; margin-top:20px; color:#404040; margin-bottom:14px;  text-align:center;}
.con01_cont_btm > p{font-size:17px; color:#000; text-align:center; margin-top:20px;}
.con01_cont_btm > h4 > img {
	margin-top:15px;
	margin-right:5px;
}
div.purpose_left{
	width: 280px;
	height:680px;
	float:left;
	text-align:center;
}
div.purpose_left > h4 {
	font-size:28px;
	margin-bottom:80px;
}
div.purpose_left > h5 {
	font-weight:normal;
	font-size:17px;
}
div.mid_arrow{
	
	width:190px;
	height:680px;
	float:left;
	background:url("/img/mid_arrow.png")0 0 no-repeat;
}
div.assign_right{
	
	width: 280px;
	height:680px;
	
	float:left;
}
div.assign_right > h4{
text-align:center;
	font-size:28px;
	margin-bottom:40px;
}
div.assign_right > h5{
	font-size:17px;
	font-weight:normal;
}
div.purpose_left > h4 > img,
div.assign_right > h4 > img{
	margin-top:15px;
	margin-right:5px;
}
div.purpose_left > h5.v {margin-bottom:105px;}
div.purpose_left > h5.w {margin-bottom:145px;}
div.purpose_left > h5.x {margin-bottom:120px;}
div.purpose_left > h5.y {margin-bottom:90px;}
div.purpose_left > h5.z {margin-bottom:0px;}

div.assign_right > h5.a {margin-bottom:40px;}
div.assign_right > h5.b {margin-bottom:55px;}
div.assign_right > h5.c {margin-bottom:45px;}
div.assign_right > h5.d {margin-bottom:75px;}
div.assign_right > h5.e {margin-bottom:0px;}
.Integrity_con01_cont2{
	border:1px solid #cfcfcf; 
	width:916px; 
	height:750px; 
	margin-bottom:50px; 
	margin-top:20px;
}
.cont2_cover{
	width:750px;
	height:680px;
	margin:0 auto;
	margin-top:60px;
}
/*.con01_cont2_top{overflow:hidden; margin:40px auto 0; width:500px;}*/
/*.con01_cont2_top h4{float:left; font-size:28px; color:#404040; margin-left:10px; margin-top:30px;}*/
/*.con01_cont2_top h4:first-of-type{margin-right:100px;}*/
/*.con01_cont2_top h4 span{font-size:17px; color:#000;}*/
/**/
/*.con01_cont2_mid{width:700px; margin:75px auto 0; overflow:hidden;}*/
/*.cont2_mid_left{float:left;}*/
/*.cont2_mid_left p{font-size:17px; color:#000; float:left; margin-left:100px;}*/
/*.cont2_mid_right{float:left; margin-left:120px;}*/
/*.cont2_mid_right p{overflow:hidden; font-size:17px; color:#000;}*/
/*.cont2_mid_right p img{float:left; padding-top:10px; margin-right:10px;}*/
/*.cont2_mid_right p span{float:left;}*/
/*.cont2_mid_left p.mgL163{margin-left:163px;}*/
/*.cont2_mid_left p.mgL178{margin-left:178px;}*/
/*.cont2_mid_left p.marginL{margin-left:140px;}*/
/**/
/*.con01_cont2_mid1{width:800px; margin:75px auto 0; overflow:hidden;}*/
/*.cont2_mid_left1{float:left;}*/
/*.cont2_mid_left1 p{font-size:17px; color:#000; float:left; margin-left:45px;}*/
/*.cont2_mid_right{float:left; margin-left:120px;}*/
/*.cont2_mid_right p{overflow:hidden; font-size:17px; color:#000;}*/
/*.cont2_mid_right p img{float:left; padding-top:10px; margin-right:10px;}*/
/*.cont2_mid_right p span{float:left;}*/

div.con01_cont_mid > div.cont_mid_a{ margin-top:23px;}
div.con01_cont_mid > div.cont_mid_b{ margin-top:23px;}
div.con01_cont_mid > div.cont_mid_c{ margin-top:23px;}
div.con01_cont_mid > div.cont_mid_d{ margin-top:23px;}
div.con01_cont_mid > div.cont_mid_e{ margin-top:23px;}

/* 반 부패 청렴자료 */

/* 청렴신문고 */
.Integrity_con_01{background:url("/img/Integrity_bg1.png") 0 0 no-repeat; margin-bottom:80px;}
.Integrity_con_01 h4{font-size:28px; color:#404040; background:#fff; width:200px; text-align:center; margin:0 auto 44px;}
.Integrity_con_01 ul{width:910px; box-sizing:border-box; padding-left:46px; overflow:hidden; padding-bottom:20px; margin-top:30px;}
.Integrity_con_01 ul li{font-size:17px; color:#000; float:left; text-align:center; margin-right:125px; height:120px; line-height:1;}
.Integrity_con_01 ul li.integrity_li1 p{padding-top:40px; box-sizing:border-box;}
.Integrity_con_01 ul li.integrity_li2 p{padding-top:48px;}
.Integrity_con_01 ul li.integrity_li3 p{padding-top:48px;}
.Integrity_con_01 ul li.integrity_li4 p{padding-top:40px;}
.Integrity_con_01 ul li.integrity_li5 p{padding-top:32px;}
.Integrity_con_01 ul li:last-of-type{margin-right:0;}

.Integrity_con_02 > h4{width:425px; margin:0 auto; text-align:center; font-size:17px; color:#404040; font-weight:bold; padding:18px 0; border-top:1px solid #d91623; border-bottom:1px solid #d91623; margin-bottom:27px;}
.Integrity_con_02_box{overflow:hidden;}
.integrity_box {border:1px solid #cfcfcf; height:300px;width:430px; float:left;}
.Integrity_con_02_box > div > div{float:left; width:215px; margin:10px; 0 50px; 20px;}
.Integrity_con_02_box > div > div:last-of-type{margin-right:0; margin-top:35px; width:160px;}
.Integrity_con_02_box > div > div > h4{font-size:20px; color:#404040; margin:25px 0 5px 30px;}
.Integrity_con_02_box > div > div > a {display:block;  width:155px; height:45px; line-height:43px; margin:0 auto; text-align:center; box-sizing:border-box; border:1px solid #d91623; font-size:17px; color:#d91623; font-weight:bold;}
.Integrity_con_02_box > div > div > p {display:inline-block;margin-top:10px; margin-left:30px; font-size:15px; color:#404040; word-break:keep-all;}

div.Integrity_con_01 > h4 > img {
	margin-top:15px;
	margin-right:5px;
}

.a {margin-bottom:20px;}
.b {margin-bottom:40px;}
.c {margin-bottom:20px;}
.d {margin-bottom:40px;}
.uno {margin-right:20px; margin-bottom:40px;}
.dos {margin-left:20px; margin-bottom:40px;}
.tres {margin-right:20px; margin-bottom:50px;}
.quatro {margin-left:20px; margin-bottom:50px;}
div.integrity_inner_left {
	float:left;
	margin-left:50px;
}
div.integrity_inner_right {
	float:left;
}

/*국민권익위원회 association*/

div.association_con{width: 100%;  height:1000px; margin-top:100px;}

div.association_con01{
	width:100%;
	height: 125px;
}
div.association_con01_depth01{
	background : url("/img/association_circle.png")0 0 no-repeat;
	background-position:right;
	width:390px;
	height:125px;
	border:1px solid white;
	margin:0 auto;
}
div.association_con01_depth02{
	width:100%;
	height:50px;
	margin-top:35px;
}
div.association_con01_depth02 > h4 > img{
	margin-top:15px;
	margin-right:5px;
}
div.association_con01_depth02 > h4 {
	 font-size: 28px;
	 font-weight:400;
	 color:#000;
	 width:310px;
	 margin:0 auto;
}
div.association_con02{
	margin-top:50px;
	width:100%;
	height:500px;
}
div.blue_arrow{
	width:100%;
}
div.blue_arrow{
	width:20px;

	margin:0 auto;
}
div.association_con02_depth01{
	width:717px;
	margin:0 auto;
}
div.black_box_inner,
div.blue_box_inner,
div.red_box_inner{
	width:100%;
	text-align:center;
}
div.black_box{
	border:1px solid #404040;
	width: 217px;
	height: 285px;
	float:left;
	margin-right:15px;
}
div.black_box_inner> img{height:50px;}
div.black_box_inner> img,
div.blue_box_inner > img,
div.red_box_inner > img{
	width:50px;
	margin-top:40px;
}
div.black_box_inner > h4,
div.blue_box_inner > h4,
div.red_box_inner > h4{
	font-size:22px;
	font-weight:normal;
	color:#404040;
	margin-top:25px;
}
div.black_box_inner > div.express_btn_cover,
div.blue_box_inner > div.express_btn_cover,
div.red_box_inner > div.express_btn_cover{
	margin-top:60px;
	font-weight:bold;
	font-size:26px;
}

div.alpha   { border:1px solid #404040; width:120px; height:40px; margin:0 auto; color:white; background-color:#404040;}
div.beta    { border:1px solid #10478d; width:120px; height:40px; margin:0 auto; color:white; background-color:#10478d;}
div.charlie { border:1px solid #d91623; width:120px; height:40px; margin:0 auto; color:white; background-color:#d91623;}

div.alpha > p   {font-size:16px; margin-top:8px;}
div.beta > p    {font-size:16px; margin-top:8px;}
div.charlie > p {font-size:16px; margin-top:8px;}

div.blue_box{
	border:1px solid #10478d;
	width:217px;
	height:285px;
	float:left;
	margin-left:15px;
	margin-right:15px;
}
div.red_box{
	border:1px solid #d91623;
	width:217px;
	height:285px;
	float:left;
	margin-left:15px;
}

/* 조직도 */
.organization_con{background:url("/img/organization_bg.png") 0 top no-repeat; min-height:970px;}
.organization_top{padding-top:95px; margin-left:376px; overflow:hidden;}
.organization_left{float:left; width:160px; text-align:center; margin:-59px 100px 0 -40px;}
.organization_left img:first-of-type{padding-top:34px;}
.organization_left img:last-of-type{padding:10px 0 10px 0;}
.organization_left p{font-size:17px; color:#000;}
.organization_right{position:absolute; margin-left:-263px; margin-top:-80px;}
.organization_right img:first-of-type{margin-left:10px;}
.organization_right img:last-of-type{margin:18px 10px 10px 10px;}
.organization_right p{display:inline-block;font-size:17px; color:#000; margin:8px; }

.organization_mid{width:200px; margin:-85px 0 111px 646px; text-align:center; padding-right:5px;}
.organization_mid img:first-of-type{padding-top:14px;}
.organization_mid img:last-of-type{margin:32px 0 10px 10px;}
.organization_mid p{ display:inline-block;font-size:17px; color:#000;margin:22px 10px 10px 10px;}

.organization_mid2{overflow:hidden; width:620px; margin-bottom:40px; margin-left:118px; margin-top:126px;}
.organization_mid2_left{float:left; width:160px; text-align:center; padding-right:8px; margin-left:-10px;}
.organization_mid2_left img:first-of-type{padding-top:34px;}
.organization_mid2_left img:last-of-type{padding:7px 0 11px 0;}
.organization_mid2_left p{font-size:17px; color:#000; }

.organization_mid2_right{float:right; width:160px; text-align:center; padding-right:5px; margin-right:10px;}
.organization_mid2_right img:first-of-type{padding-top:34px;}
.organization_mid2_right img:last-of-type{padding:7px 0 11px 0;}
.organization_mid2_right p{ font-size:17px; color:#000; padding-bottom:35px;}

.organization_foot{width:832px; overflow:hidden;}
.organization_foot_left{float:left;}
.organization_foot_left ul li{display:inline-block; width:185px; text-align:center; font-size:17px; color:#000; margin-left:-16px;}
.organization_foot_left ul > li:first-of-type{margin-top:16px;}
.organization_foot_left ul > li:last-of-type{margin:10px 0 0 32px;}
/*.organization_foot_right{float:right;}*/
.organization_foot_right ul li{display:inline-block; width:134px; text-align:center; font-size:17px; color:#000;}
.organization_foot_right ul > li:first-of-type {margin: 16px 0 0 80px ;}
.organization_foot_right ul > li:last-of-type{margin: 0 0 0 80px ;}
.organization_foot_bottom{float:left;}
.organization_foot > div:nth-of-type(3){  margin:95px 0 0 10px; }
.organization_foot > div:nth-of-type(4){  margin:95px 0 0 86px; }
.organization_foot > div:nth-of-type(5){  margin:88px 0 0 106px; }
.organization_foot > div:last-of-type{  margin:95px 0 0 84px; }
.organization_foot_bottom ul li{ width:134px; text-align:center; font-size:17px; color:#000;}

/* 20200306 조직도 수정 */
.organization_con02{padding:100px 0; position:relative;}
.organization_con02 img{}
.organization_con02 .txt_box{position:absolute; z-index:1; top:0; left:0; width:100%; font-size:0; letter-spacing:-4px;}
.organization_con02 .txt_box{padding-top:110px;}
.organization_con02 .txt_box h5{font-size:17px; color:#666; letter-spacing:-0.025em; font-weight:500; margin:0;}
.organization_con02 .txt_box ul{display:inline-block; vertical-align:top; width:calc(50% - 30px); margin:0; margin-right:30px; padding:40px 0 0;}
.organization_con02 .txt_box ul:nth-of-type(2){margin:0; margin-left:30px;}
.organization_con02 .txt_box ul li{font-size:17px; color:#666; letter-spacing:-0.025em; font-weight:300; padding:48.5px 0;}

.organization_con02 .txt_box > h5:nth-of-type(1){position:absolute; top:118px; left:385px;}
.organization_con02 .txt_box > h5:nth-of-type(2){position:absolute; top:200px; left:620px;}
.organization_con02 .txt_box .left{display:inline-block; vertical-align:top; width:41%; padding-top:218px; text-align:center; position:relative;}
.organization_con02 .txt_box .right{display:inline-block; vertical-align:top; width:59%; padding:0 84px; padding-top:218px; text-align:center; position:relative; box-sizing:border-box;}


/* CI소개 */
.intro_con h4{width:425px; margin:0 auto; text-align:center; font-size:19px; color:#404040; padding:20px 0;}
.intro_mid01{margin:30px 0 50px; overflow:hidden; border:1px solid #cfcfcf; height:260px;}
.intro_mid01_left{position:relative; float:left; width:275px; margin-right:73px;}
.intro_mid01_pos{position:absolute; top:37px; right:-54px;}
.intro_mid01_right {padding-top:32px;}
.intro_mid01_right p{font-size:16px; color:#000;}
.intro_mid01_right p:first-of-type{margin-bottom:25px;}
.intro_mid01_right p:last-of-type{color:#666;}

.intro_mid02{overflow:hidden; margin:30px 0 50px; border:1px solid #cfcfcf; height:185px;}
.intro_mid02_left{float:left; text-align:right; margin-right:64px; padding-top:10px;}
.intro_mid02_right p{font-size:16px; color:#000;}
.intro_mid02_right p span{color:#666;}
.intro_mid02_left{float:left; position:relative;}
.intro_mid02_pos{position:absolute; top:17px; left:-44px;}

.intro_mid03{overflow:hidden; margin:30px 0 50px; overflow:hidden; border:1px solid #cfcfcf; height:260px;}
.intro_mid03_left{margin-right:89px; position:relative;}
.intro_mid03_pos{position:absolute; top:67px; right:-70px;} 
.intro_mid03_right{margin-top:25px;}
.intro_mid03_right p{font-size:16px; color:#000;}

.intro_con > h4 > img{
	margin-top:10px;
}
.inner_intro_mid01, .inner_intro_mid02, .inner_intro_mid03{
	margin:30px 30px 30px 30px;
}

/* 홍보영상물*/

.video_con h4{width:425px; margin:0 auto; text-align:center; font-size:17px; color:#404040; border-top:1px solid #d91623; border-bottom:1px solid #d91623; padding:20px 0;}
.video_con_box{text-align:center; margin:50px 0 100px;} 

/* 열요금단가 */
.unit_con h4{width:425px; margin:0 auto; text-align:center; font-size:17px; color:#404040; border-top:1px solid #d91623; border-bottom:1px solid #d91623; padding:20px 0;}
.unit_con table{width:100%; margin-top:50px; text-align:center;}
.unit_con table thead {border-top:1px solid #cfcfcf; border-bottom:1px solid #d91623; background:#f8f8f8;}
.unit_con table th{height:40px; line-height:40px; border-right:1px solid #cfcfcf; box-sizing:border-box; font-size:17px; color:#000; font-weight:500;}
.unit_con table th:last-of-type{border-right:0;}
.unit_con table td{height:40px; line-height:40px; border-right:1px solid #cfcfcf; font-size:17px; color:#000; font-weight:300; border-bottom:1px solid #cfcfcf;}
.unit_con table td.last{border-right:0;}
.unit_con p{font-size:16px; color:#000; margin-top:26px;}
.unit_con p img{margin-top:8px;}


/* 규정 및 서식 */

/* 열공급규정 */
.rule_popup {width:918px; height:auto; box-sizing:border-box; border:1px solid #cfcfcf; margin-bottom:50px; /* position:fixed; top:50%; left:50%; margin-left:-459px; margin-top:-456px; z-index:10; background:#fff; */}
.rule_con{padding:40px 19px 19px;}
.rule_con > h4{padding-bottom:48px;}
.rule_tabBox{width:100%; overflow:hidden;}
.rule_tab_left{float:left; width:270px; margin-right:20px;}
.rule_tab_left > p{font-size:22px; color:#000; border-top:1px solid #333; border-bottom:1px solid #d91623; padding:20px 0 20px 20px;}
.rule_tab_left > p > img{vertical-align:middle; margin-right:10px;}
.rule_tab_left .rule_tab ul li{padding:13px 0 12px 20px; border-bottom:1px solid #cfcfcf; box-sizing:border-box;}
.rule_tab_left .rule_tab ul li a{display:block; font-size:17px; color:#000;}
.rule_tab_left .rule_tab ul li img{vertical-align:middle; margin-right:9px;}
.rule_tab_left .rule_tab ul li.li_on a{color:#d91623;}

.rule_tab_right{float:left; width:588px; background:#f8f8f8; }
.rule_tab2{padding:20px 15px;}
.rule_tab2 > h4{ font-size:22px; color:#000; font-weight:500; padding-bottom:20px;}
.rule_tab2 > ul{overflow:hidden;}
.rule_tab2 > ul li{float:left; width:269px; padding-left:10px;}

.rule_tab2 > ul li a{display:block; font-size:15px; color:#4e4e4e; font-weight:500;}
.rule_tab_textBox{background:#fff; width:565px; height:400px; margin:0 auto 10px; overflow-y:scroll;}
.rule_textBox_con{padding:20px;}
.rule_textBox_con > h4{font-size:17px; color:#d91623; padding-bottom:20px; font-weight:500;}
.rule_textBox_con > p{font-size:17px; color:#000; font-weight:500; word-break:keep-all;}
.rule_textBox_con table{width:100%; text-align:center; border:1px solid #000;}
.rule_textBox_con .table01 tr th{height:30px; font-size:16px; border-right:1px solid #000; border-bottom:1px solid #000;}
.rule_textBox_con .table01 tr th:last-of-type{border-right:0;}
.rule_textBox_con .table01 tr td{height:30px; font-size:16px; border-right:1px solid #000; border-bottom:1px solid #000;}

.rule_textBox_con .table02 tr th{height:30px; font-size:16px; border-right:1px solid #000; border-bottom:1px solid #000;}
.rule_textBox_con .table02 tr th:last-of-type{border-right:0;}
.rule_textBox_con .table02 tr td{height:30px; font-size:16px; border-right:1px solid #000; border-bottom:1px solid #000;}

.displayNoN{display:none;}

.ov_scNoN{overflow:auto;}
.ov_scNoN > .rule_textBox_con > ul li{padding:12px 0; font-size:17px; color:#000; border-bottom:1px dashed #cfcfcf;}
.ov_scNoN > .rule_textBox_con > ul li p{overflow:hidden;}
.ov_scNoN > .rule_textBox_con > ul li p strong{font-weight:400; float:left; padding-left:10px;}
.ov_scNoN > .rule_textBox_con > ul li p span{float:right; padding-right:10px;}

/* 입찰업무안내 */

.guide_con h4{width:425px; margin:0 auto; text-align:center; font-size:17px; color:#404040; border-top:1px solid #d91623; border-bottom:1px solid #d91623; padding:20px 0;}
.guide_bg1{background:url("/img/guide_bg1.png") center 0 no-repeat; height:366px; margin-bottom:100px;}
.guide_con ul{width:100%; overflow:hidden;}
.guide_con ul li{text-align:center; font-size:17px; color:#000; width:118px; }
.guide_con ul.guide_ul1 li{float:left; margin-top:20px;}
.guide_con ul.guide_ul1 li:first-of-type{margin:64px 0 51px 98px;}
.guide_con ul.guide_ul1 li:nth-of-type(2n){margin:54px 0 34px 90px;}
.guide_con ul.guide_ul1 li:last-of-type{margin:54px 0 34px 90px;}
.guide_con ul.guide_ul2 li{float:right; margin:20px 97px 33px 0; font-size:16px;}
.guide_con ul.guide_ul3 li{float:left; margin-top:35px;}
.guide_con ul.guide_ul3 li:first-of-type{margin-left:98px;}
.guide_con ul.guide_ul3 li:nth-of-type(2n){margin-left:90px;}
.guide_con ul.guide_ul3 li:last-of-type{margin-left:90px;}


/* 사이트맵 */
.sitemap_bg1{background:url("/img/sitemap_bg1.png") 0 0 no-repeat; height:966px; margin-bottom:100px;}
.sitemap_con:after{content:""; display:block; clear:both;}
.sitemap_con > div h4{font-size:28px; color:#404040;}
.sitemap_con > div ul li{line-height:1.8;}
.sitemap_con > div ul li a{display:block; font-size:17px; color:#000; text-align:left;}
.sitemap_con > div ul li a img{vertical-align:middle; margin-right:10px;}
.sitemap_left{float:left; width:456px; overflow:hidden;}
.sitemap_left h4{float:left; padding:36px 30px 0 66px;}
.sitemap_left ul{float:left; padding:45px 0 0 0;}
.sitemap_right{float:left; width:456px; overflow:hidden;}
.sitemap_right h4{float:left; padding:36px 30px 0 66px;}
.sitemap_right ul{float:left; padding:45px 0 0 0;}
.mB55{margin-bottom:55px;}
.mB75{margin-bottom:75px;}

.operate_history > input{display:inline-block; background:#fff; width: 155px; height: 45px; line-height: 43px; text-align: center; box-sizing: border-box; border: 1px solid #d91623; font-size: 17px; color: #d91623; font-weight: bold;}


/* 자료실(세대설비 사용법) */
.equipment_tab{width:100%; margin-bottom:100px;}
.equipment_tab > ul{overflow:hidden;}
.equipment_tab > ul > li{float:left; width:20%; text-align:center; height:50px; line-height:50px; border:1px solid #c3c3c3; box-sizing:border-box;}
.equipment_tab > ul > li > a{display:block; font-size:17px; color:#666;}
.equipment_tab > ul > li.on{background:#6c6c6c;}
.equipment_tab > ul > li.on > a{color:#fff;}
.equipment_con1{overflow:hidden; margin-bottom:50px;}
.equipment_left{float:left; width:250px; margin-right:45px; position:relative;}
.left_pos{position:absolute; top:45px; right:-35px;}
.equipment_right{float:left;}
.equipment_right > h4{font-size:20px; color:#404040; padding:35px 0 20px 0;}
.equipment_right > h4 > strong{color:#d91623;}
.equipment_right > p{font-size:15px; color:#404040; line-height:1.5;}
.equipment_right > p > img{vertical-align:middle; margin-right:10px;}
.equipment_right > p > span{margin-right:15px;}


.equipment_box { min-height:950px; max-height:1330px;  overflow:hidden;  }

/* 사업개요 */
.business_con01{ width: 455px; float:left; overflow:hidden; margin:50px 0 ; text-align:center !important;}
.business01_left{ width:316px; margin-right:58px; position:relative;}
.business01_left_pos{position:absolute; top:38px; right:-40px;}
/*.business01_right{float:left;}*/
.business01_right > h4{font-size:28px; color:#404040; padding:20px 0; text-align:center !important;}
.business01_right > p{font-size:16px; color:#666; margin:0 0 5px 5px; text-align:center !important;}
.business01_right > p > img{vertical-align:middle; margin-right:10px;}

.business_con02{ width : 455px; float:left; overflow:hidden; margin:50px 0;}
.business02_left{ margin:0 auto;}
.business02_left > h4{font-size:28px; color:#404040; padding:20px 0; text-align:center !important;}
.business02_left > .reason_text > p{font-size:16px; color:#666; margin:0 0 5px 5px;}
.business02_left > .reason_text > p > img{vertical-align:middle; margin-right:10px;}
.business02_right{ width:316px; position:relative;}
.business01_right > .reason_text > p > img{vertical-align:middle; margin-right:10px;}
.business02_left_pos{position:absolute; top:38px; left:-40px;}


div.business01_right > h4 > img {
	margin:15px;
	margin-right:5px;
}
div.business02_left > h4 > img {
	margin:15px;
	margin-right:5px;
}
div.business01_left > img {
	margin:60px 60px 60px 72px;
}
div.business02_right > img {
	margin:30px;
	margin-left:72px;
}
div.reason_text{
	width:312px;
	margin: 0 auto;
}

div.business_con03{
	display:inline-block;
	margin-top:-40px;
	width:918px;
}
div.inner_business_con03{
	width:816px;
	margin:0 auto;
}
div.inner_business_con03 > h4 > img{
	margin-top:15px;
	margin-right:5px;
}
div.business_con03 > div.inner_business_con03 > h4 {
	display:block;
	font-size:28px;
	color:#404040;
	padding:20px 0;
	text-align:center !important;
}
div.first_circle{
	margin:25px;
	width:220px;
	height:220px;
	float:left;
	border:1px solid #d91623;
	border-radius : 50%;
}
div.first_circle > div.point_image{
	width:21px;
	display:block;
	margin:0 auto;
	margin-top:80px;
}
div.first_circle > p{
	font-size:16px;
	color:#d91623;
	margin:0 0 5px 5px;
	text-align:center !important;
}
div.second_circle{
	margin:25px;
	width:220px;
	height:220px;
	float:left;
	border:1px solid #d99616;
	border-radius : 50%;
}
div.second_circle > div.point_image{
	width:21px;
	display:block;
	margin:0 auto;
	margin-top:80px;
}
div.second_circle > p{
	font-size:16px;
	color:#d99616;
	margin:0 0 5px 5px;
	text-align:center !important;
}
div.third_circle{
	margin:25px;
	width:220px;
	height:220px;
	float:left;
	border:1px solid #a9a9a9;
	border-radius : 50%;
}
div.third_circle > div.point_image{
	width:21px;
	display:block;
	margin:0 auto;
	margin-top:80px;
}
div.third_circle > p{
	font-size:16px;
	color:#747474;
	margin:0 0 5px 5px;
	text-align:center !important;
}
div.point_img{
	width:21px;
	margin:0 auto;
}

/* 시설 및 공급현황 */
.marginT50{margin-top:50px;}
.margin_50{margin:50px 0 100px 0;}
.marginT100{margin-top:100px;}
.status_con01{overflow:hidden; margin-bottom:50px;}
.status_con01_left{float:left; width:316px; position:relative; margin-right:58px;}
.status_con01_left_pos{position:absolute; top:38px; right:-40px;}
.status_con01_right{float:left;}
.status_con01_right > h4{font-size:28px; color:#404040; padding:20px 0;}
.status_con01_right > p{font-size:16px; color:#666; margin:0 0 5px 5px;}
.status_con01_right > p > span{color:#d91623;}
.status_con02{overflow:hidden; margin:25px 0 50px 0;}
.status_con02_left{float:left; text-align:right; width:544px;}
.status_con02_left > h4{font-size:28px; color:#404040; padding:20px 0;}
.status_con02_left > p{font-size:16px; color:#666; margin:0 0 5px 5px;}
.status_con02_left > p > span{color:#d91623;}
.status_con02_right{float:right; width:316px; margin-left:58px; position:relative;}
.status_con02_right_pos{position:absolute; top:38px; left:-40px;}

div.facility_size{ display:block; height:200px; margin-top:50px; width:100% }
div.inner_facility{border: 1px solid #cfcfcf; width:700px; height:200px; margin:0 auto;}
div.inner_facility > div:first-of-type{
	background-color:#f8f8f8;
	width:130px;
	float:left;
	height:200px;
}
div.inner_facility > div:first-of-type > h4{
	font-size:24px;
	color:#D91623;
	text-align:center;
	margin-top:82px;
}
div.electricity > h4 , div.heat > h4:first-child{
	font-size:17px;
}
div.electricity {
	line-height:30px;
	width:416px;
	float:left;
	margin-top:15px;
	margin-left:100px;
}
div.heat {
	line-height:30px;
	width:416px;
	float:left;
	margin-top:20px;
	margin-left:100px;
}
div.electricity > ul > li{
	float:left;
	font-size:16px;
	list-style: dotted;
}
div.electricity > ul > li:first-child{
}
div.heat > ul > li{
	float:left;
	font-size:16px;
	list-style: dotted;
}
div.heat > ul > li:first-child{
	
}
div.heat > h4:last-child{
	float:none;
	font-size:16px;
	font-weight:normal;
	margin-top:-30px;
}
div.supply_status {
	display:block; 
	height:590px; 
	margin-top:50px; 
	border: 1px solid #cfcfcf; 
	margin-bottom:50px;
}
div.inner_supply_status {
	margin:55px;
}
/* 전력사업 */
.power_con_top{background:url("/img/power_top_bg.png") center top no-repeat; width:872px; height:280px; margin:0 auto 50px;}
.power_con_top > h4{font-size:18px; color:#333; text-align:center; padding-top:38px; font-weight:normal;}
/*.power_con_top > h4 > span{font-size:23px;}*/
.power_con_mid{width:912px; height:270px; margin:0 auto; background:url("/img/power_mid_bg.jpg") center top no-repeat; text-align:center;}
.power_con_mid > img{padding:70px 0 20px 0;}
.power_con_mid > p{color:#fff; font-size:17px; line-height:1.8;}
.power_con_foot{width:912px; margin:90px auto 50px; overflow:hidden;}
.power_con_foot > img{float:left; margin-right:15px;}
.power_con_foot > img:last-of-type{margin-right:0;}

/* 지역냉난방사업 */
.area_con{overflow:hidden;}
.area_left{float:left; width:490px; position:relative;}
.area_left_pos01{position:absolute; top:185px; left:0;}
.area_left_pos02{position:absolute; top:273px; left:268px; z-index:2;}
.area_left > h4{font-size:28px; color:#333; text-align:right; padding:56px 0 380px 0;}
.area_left > p{font-size:17px; color:#666; text-align:right; line-height:1.8;}
.area_right{float:right; position:relative;}
.area_right_pos{position:absolute; top:72px; left:-60px;}

/* 자연친화사업 */

.nature_con:after{content:""; display:block; clear:both;}
.nature_con > p{font-size:17px; color:#666; text-align:center; line-height:1.8;}
.nature_left{float:left; width:340px; margin-right:83px; position:relative;}
.nature_left_pos{position:absolute; bottom:-62px; left:208px;}
.nature_right{float:left;}
.nature_right > p{font-size:17px; color:#666; line-height:2; padding-top:36px;}
.nature_con > table{width:100%; text-align:center;}
.nature_con > table > thead{font-size:17px; color:666; height:42px; line-height:40px; box-sizing:border-box; border-top:1px solid #cfcfcf; border-bottom:1px solid #d91623; background:#f8f8f8;}
.nature_con > table > thead > tr > th{border-right:1px solid #cfcfcf;}
.nature_con > table > thead > tr > th:last-of-type{border-right:0;}
.nature_con > table > tbody > tr > td{font-size:17px; color:#666; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf; padding:10px 0;}
.nature_con > table > tbody > tr > td:first-of-type{background:#f8f8f8;}
.nature_con > table > tbody > tr > td:last-of-type{border-right:0;}

/* 부조리신고 */
.Talign_L{text-align:left;}
.declare_tab{width:100%; margin:0 auto;}
.declare_tab > ul{overflow:hidden;}
.declare_tab > ul > li{float:left; width:25%; text-align:center; height:50px; line-height:50px; box-sizing:border-box; border:1px solid #c3c3c3;}
.declare_tab > ul > li > a{display:block; font-size:17px; color:#666;}
.declare_tab > ul > li.on{background:#6c6c6c;}
.declare_tab > ul > li.on > a{color:#fff;}
.declare_title > h4{font-size:28px; color:#404040; padding-bottom:50px;}
.declare_btn a{display:inline-block; width:175px; height:50px; line-height:48px; margin-right:10px; box-sizing:border-box; border:1px solid #6c6c6c; font-size:17px; color:#d91724; text-align:center;}
.declare_btn a img{vertical-align:middle; margin-right:10px;}
.declare_btn a:last-of-type{margin-right:0;}
.irrationality_box {width:100%; box-sizing:border-box; border:5px solid #e5e5e5; padding:25px 0;}
.irrationality_box > p{padding:0 30px; font-size:15px; color:#404040; margin-bottom:5px;}
.irrationality_box > p > span{margin-right:15px;}
.irrationality_box > p:last-of-type{margin-bottom:0;}
.irrationality_box > p > img{vertical-align:middle; margin-right:10px;}
.irrationality_box_con{padding:25px 0 35px 0; width:100%; overflow:hidden;}
.irrationality_box_con > div{width:280px; height:200px; box-sizing:border-box; border:5px solid #e5e5e5; float:left; text-align:center; margin-right:36px;}
.irrationality_box_con > div:last-of-type{margin-right:0;}
.irrationality_box_con > div > p{font-size:20px; color:#404040;}
.irrationality_box01 > p{padding-top:48px;}
.irrationality_box02 > p{padding-top:60px;}
.irrationality_box03 > p{padding-top:60px;}

.irrationality_box_con02{padding-bottom:35px;}
.irrationality_box_con02 > table{width:100%;}
.irrationality_box_con02 > table tr{height:52px; line-height:52px; border-top:1px solid #e5e5e5;}
.irrationality_box_con02 > table tr:last-of-type{border-bottom:1px solid #e5e5e5;}
.irrationality_box_con02 > table tr > td:first-of-type{text-align:center; background:#f8f8f8; font-size:20px; color:#404040; font-weight:bold;}
.irrationality_box_con02 > table tr > td:last-of-type{padding-left:25px; font-size:15px; color:#404040;}

.irrationality_box_con03 p{padding-left:20px; font-size:15px; color:#404040; margin-bottom:5px;}
.irrationality_box_con03 p:last-of-type{margin-bottom:0;}
.irrationality_box_con03 p img{vertical-align:middle; margin-right:10px;}
.irrationality_box_con03 p span{margin-right:15px;}
.irrationality_con03_Box{margin:50px 0 100px 0;}
.con03_box{overflow:hidden; background:#f8f8f8; text-align:center; height:75px; box-sizing:border-box; border:1px solid #ccc;} 
.con03_box p{float:left; width:47%; font-size:20px; color:#404040; font-weight:bold; margin:9px 0; height:57px; line-height:55px}
.con03_box p:first-of-type{border-right:1px solid #ccc;}
.con03_box p span{font-size:15px; font-weight:300;}

/* 내부공익신고 */
.internal_box_con{padding:25px 0 35px 0; width:100%; overflow:hidden;}
.internal_box_con > div{width:166px; height:175px; box-sizing:border-box; border:3px solid #e5e5e5; float:left; text-align:left; margin-right:20px;}
.internal_box_con > div:last-of-type{margin-right:0;}
.internal_box_con > div > p{font-size:15px; color:#404040; padding-left:20px;}
.internal_box01 > p{padding-top:28px;}
.internal_box02 > p{padding-top:28px;}
.internal_box03 > p{padding-top:28px;}
.internal_box04 > p{padding-top:28px;}
.internal_box05 > p{padding-top:48px;}
.irrationality_con03_Box > table{width:100%; margin-bottom:100px;}
.irrationality_con03_Box > table tr{height:52px; line-height:52px; border-top:1px solid #e5e5e5;}
.irrationality_con03_Box > table tr:last-of-type{border-bottom:1px solid #e5e5e5;}
.irrationality_con03_Box > table tr > td:first-of-type{text-align:center; background:#f8f8f8; font-size:20px; color:#404040; font-weight:bold;}
.irrationality_con03_Box > table tr > td:last-of-type{padding-left:25px; font-size:15px; color:#404040;}

/* 클린신고 */
.clean_box_con{padding:25px 0 35px 0; width:100%; overflow:hidden;}
.clean_box_con > div{width:200px; height:175px; box-sizing:border-box; border:3px  solid #e5e5e5; float:left; text-align:left; margin-right:20px;}
.clean_box_con > div:last-of-type{margin-right:0;}
.clean_box_con > div > p{font-size:15px; color:#404040; padding-left:20px;}
.clean_box01 > p{padding-top:28px;}
.clean_box02 > p{padding-top:48px;}
.clean_box03 > p{padding-top:48px;}
.clean_box04 > p{padding-top:38px;}

/* 본인인증 */
.declare_btn_bg01{background:url("/img/declare_btn_bg01.jpg") center top no-repeat; background-size:100% 100%;}
.declare_btn_bg02{background:url("/img/declare_btn_bg02.jpg") center top no-repeat; background-size:100% 100%;}
.Btn_02 > a{height:70px; line-height:68px; width:225px; margin-right:50px; font-weight:bold;}
.align_C{text-align:left;}
.align_C > p > b{font-weight:300; color:#d91623;}
.marginT100{margin-top:100px;}


/* 공통 */
.margin110{margin:110px 0 50px 0;}
.margin110{margin:110px 0 50px 0;}
.marginB50{margin-bottom:50px;}
.marginB100{margin-bottom:100px;}
.align_L{text-align:left;}

/* 환경안전경영 */
.safety_tab {}
.safety_tab ul li{display:inline-block; margin-right:40px;}
.safety_tab ul li a{font-size:17px; color:#000;}
.safety_tab ul li a img{margin-right:10px; padding-top:6px;}
.safety_tab ul li.on a{color:#d91623;}
.safety_tab ul li.on a img.displayN1{display:none;}
.safety_tab ul li.on a img.displayN2{display:inline;}

.safty_tab_cont > div {display:none; }
.safty_tab_cont > div.on {display:block; }
.safty_tab_cont .Integrity_con01_cont1 {background:url('/img/safty_tab_con01_bg.png') 0 0 no-repeat; height:auto; }
.safty_tab_cont .introduce_con_box > div {border-color:#d91623; }
.safty_tab_cont .txt_cover_box {padding:40px; margin-top:40px; border:2px solid #dbdbdb; box-sizing:border-box; }
.safty_tab_cont .txt_cover_box .tit_box {border-bottom:1px dashed #cfcfcf; padding-bottom:30px; text-align:center; }
.safty_tab_cont .txt_cover_box .tit_box h5 {font-size:28px; font-weight:500; color:#404040; letter-spacing:-0.025em; }
.safty_tab_cont .txt_cover_box .tit_box h5 span.red {color:#d91623; }
.safty_tab_cont .txt_cover_box .tit_box h5 span.yellow {color:#d99616; }
.safty_tab_cont .txt_cover_box .tit_box p {padding-top:10px; font-size:15px; font-weight:300; color:#404040; letter-spacing:-0.025em; }
.safty_tab_cont .txt_cover_box .txt_box {padding:30px 0; }
.safty_tab_cont .txt_cover_box .txt_box h6 {margin-bottom:10px; font-size:20px; font-weight:500; color:#404040; letter-spacing:-0.025em; }
.safty_tab_cont .txt_cover_box .txt_box p {padding-left:20px; margin-bottom:10px; font-size:15px; color:#404040; letter-spacing:-0.025em; box-sizing:border-box; line-height:2; }
.safty_tab_cont .txt_cover_box .txt_box p img {margin-top:10px; margin-right:10px; }
.safty_tab_cont .txt_cover_box .txt_box p span {position:relative; display:block; padding-left:20px; box-sizing:Border-box; }
.safty_tab_cont .txt_cover_box .txt_box p span:before {content:'-'; position:absolute; left:10px; top:0; }
.safty_tab_cont .txt_cover_box .txt_box p span.noline:before {display:none; }
.safty_tab_cont div.introduce_con03_headtext {line-height:2; }
.safty_tab_cont .text_box_right {line-height:2; }
.safty_tab_cont .text_box_right span {position:relative; display:block; padding-left:10px; box-sizing:Border-box; word-break:keep-all; }
.safty_tab_cont .text_box_right span:before {content:'-'; position:absolute; left:0; top:0; }

.safety_con02 .introduce_bg3 {background:url('/img/safety_con03_tit_icon.png') no-repeat left center; }
.safety_con02 .introduce_bg3 h4 {padding-left:115px; }
.safety_con02 div.con03_text_box_inner {overflow:hidden; height:auto; }
.safety_con02 .img_box {margin-bottom:10px; }
.safety_con02 .bottom_sign {padding-bottom:50px; text-align:center; }
.safety_con02 .bottom_sign li {display:inline-block; vertical-align:top; padding:0 20px; font-size:15px; font-weight:500; color:#404040; letter-spacing:-0.025em; }
.safety_con02 .bottom_sign li img {margin-left:-30px; }
.safety_con02 .bottom_sign li img.sign01 {margin-top:-10px; }
.safety_con02 .bottom_sign li img.sign02 {margin-top:-30px; }
/* 환경안전경영 20231109 추가*/
.safety_con02 .bottom_sign li img.sign01, .safety_con02 .bottom_sign li img.sign02 {max-width: 125px;}
.safety_con03 .introduce_bg2 {background:url('/img/safety_con03_tit_icon.png') no-repeat left center; }
.safety_con03 .introduce_bg2 h4 {padding-left:115px; }
.safety_con03 .img_box {margin-bottom:30px; text-aligN:center; }
.safety_con03 .hr {width:100%; height:1px; border-top:1px dashed #cfcfcf; }
.safety_con03 .mid_text {}
.safety_con03 .mid_text p {padding-left:20px; margin-bottom:10px; font-size:15px; color:#404040; letter-spacing:-0.025em; box-sizing:border-box; line-height:2; }
.safety_con03 .mid_text p img {margin-top:13px; margin-right:10px; }
.safety_con03 .mid_text p span {position:relative; display:block; padding-left:20px; box-sizing:Border-box; }
.safety_con03 .mid_text p span:before {content:'-'; position:absolute; left:10px; top:0; }
.safety_con03 span.red {display:inline-block; padding-left:0; color:#d91623; font-weight:500; }
.safety_con03_img_box {margin-top:60px; font-size:0; letter-spacing:-4px; }
.safety_con03_img_box .w50 {display:inline-block; vertical-align:top; width:calc(50% - 5px); margin-right:10px; }
.safety_con03_img_box .w50:nth-of-type(2n) {margin-right:0; }
.safety_con03_img_box .w50 h4 {margin-bottom:10px; font-size:20px; color:#304196; letter-spacing:0; }
.safety_con03_img_box img {width:100% }

.safety_con04 .introduce_bg2 {background:url('/img/safety_con03_tit_icon.png') no-repeat left center; }
.safety_con04 .introduce_bg2 h4 {padding-left:115px; }
.safety_con04 p.inline_box {overflow:hidden; }
.safety_con04 p.inline_box b {float:left; width:180px; font-weight:normal; }
.safety_con04 p.inline_box span {float:left; width:calc(100% - 180px); padding-left:0; }
.safety_con04 p.inline_box span:before {display:none; }
.safety_con04 p.inline_box.type02 b {width:280px; }
.safety_con04 p.inline_box.type02 a {float:left; width:calc(100% -280px); margin-top:-10px; }
.safety_con04 .hr {width:100%; height:1px; border-top:1px dashed #cfcfcf; }
.safety_con04 ul {padding:0 35px; font-size:0; letter-spacing:-4px; box-sizing:border-box; }
.safety_con04 ul li {position:relative; display:inline-block; vertical-align:top; width:calc(25% - 33.75px); height:214px; margin-right:45px; box-sizing:border-box; border-radius:20px; box-shadow:1px 1px 10px rgba(0,0,0,.1); text-align:center; }
.safety_con04 ul li:before {content:''; position:absolute; left:100%; top:50%; width:45px; height:1px; background-color:#e4e4e4; }
.safety_con04 ul li:after {content:''; position:absolute; left:calc(100% + 19px); top:calc(50% - 6px); width:8px; height:12px; background:url('/img/safety_list_arrow.png?Ver') no-repeat center center; }
.safety_con04 ul li:nth-of-type(2):after {background:url('/img/safety_list_arrow02.png') no-repeat center center; }
.safety_con04 ul li:nth-of-type(3):after {background:url('/img/safety_list_arrow03.png') no-repeat center center; }
.safety_con04 ul li:nth-of-type(4) {margin-right:0; }
.safety_con04 ul li:nth-of-type(4):before ,
.safety_con04 ul li:nth-of-type(4):after {display:none; }
.safety_con04 ul li span {display:block; width:100%; height:40px; background-color:#64d78f; line-height:40px; text-align:center; font-size:18px; font-weight:500; letter-spacing:-0.025em; line-height:40px; color:#fff; border-radius:20px 20px 0 0; }
.safety_con04 ul li:nth-of-type(2) span {background-color:#25a956; }
.safety_con04 ul li:nth-of-type(3) span {background-color:#11873d; }
.safety_con04 ul li:nth-of-type(4) span {background-color:#005520; }
.safety_con04 ul li img {display:block; margin:20px auto 10px; }
.safety_con04 ul li p {height:70px; padding-left:0 !important; margin-bottom:0 !important; font-size:15px !important; font-weight:300; color:#404040 !important; letter-spacing:-0.025em !important; line-height:1.5 !important; }
.safety_con04 ul li b {display:inline-block; border:1px solid #d8d8d8; padding:2px 10px; font-size:15px; font-weight:normal; color:#888888; letter-spacing:-0.025em; box-sizing:border-box; }
.safety_con04 ul.blue_type li {height:230px; }
.safety_con04 ul.blue_type li:nth-of-type(1) span {background-color:#6c97e7; }
.safety_con04 ul.blue_type li:nth-of-type(2) span {background-color:#285bb8; }
.safety_con04 ul.blue_type li:nth-of-type(3) span {background-color:#103c8c; }
.safety_con04 ul.blue_type li:nth-of-type(4) span {background-color:#001d53; }
.safety_con04 ul.blue_type li:after {background:url('/img/safety_list_red_arrow.png?Ver') no-repeat center center; }
.safety_con04 ul.blue_type li:nth-of-type(2):after {background:url('/img/safety_list_red_arrow02.png') no-repeat center center; }
.safety_con04 ul.blue_type li:nth-of-type(3):after {background:url('/img/safety_list_red_arrow03.png') no-repeat center center; }
.safety_con04 .contact_box {border:1px solid #cfcfcf; font-size:0; letter-spacing:-4px; box-sizing:border-box; }
.safety_con04 .contact_box dt {display:inline-block; vertical-align:top; width:220px; border-right:1px solid #cfcfcf; padding:20px 0; text-align:center; box-sizing:Border-box; }
.safety_con04 .contact_box dt img {}
.safety_con04 .contact_box dd {display:inline-block; vertical-align:top; width:calc(100% - 220px); padding:32px; box-sizing:Border-box; }
.safety_con04 .contact_box dd p {padding-bottom:5px; font-size:15px; color:#404040; letter-spacing:-0.025em; font-weight:300; line-height:1.5 }
.safety_con04 .contact_box dd p b {font-weight:500; }




.introduce_bg1{height:439px; background:url("/img/safety_top_bg.png") center top no-repeat;}
.introduce_bg1 > h4{font-size:28px; color:#404040; padding:45px 0 50px 67px; }
.introduce_con_box{margin:50px auto 0; width:660px; overflow:hidden; }
.introduce_con_box > div{float:left; width:200px; height:200px; margin-right:30px; box-sizing:border-box; border:2px solid #d99616; text-align:center;}
.introduce_con_box > div > img{padding-top:42px;}
.introduce_con_box > div > p{margin-top:35px; font-size:17px; color:#666;}
.introduce_con_box > div:last-of-type{margin-right:0;}
.introduce_bg2{height:127px; background:url("/img/introduce_bg2.png") center top no-repeat;}
.introduce_bg2 > h4{font-size:28px; color:#404040; padding:40px 0 50px 67px;}
.introduce_con_text{margin-bottom:50px;}
.introduce_con_text h5{font-size:20px; color:#404040; margin-top:50px;}
.introduce_con_text p:first-of-type{margin-top:10px;}
.introduce_con_text p{padding-left:20px; font-size:15px; color:#404040; margin-bottom:10px;}
.introduce_con_text p span{display:block; padding-left:15px;}
.introduce_con_text p img{vertical-align:middle; margin-right:10px;}
.introduce_con_text > ul{ padding-left:35px;}
.introduce_con_text > ul > li{font-size:15px; color:#404040;}
.introduce_con_text > ul > li ul{padding-left:15px; margin-top:5px;}
.introduce_con_text > ul > li ul li{line-height:1.8;}
.introduce_bg3{height:127px; background:url("/img/introduce_bg3.png") center top no-repeat;}
.introduce_bg3 > h4{font-size:28px; color:#404040; padding:40px 0 50px 67px;}
.introduce_con03_text{width:100%; box-sizing:border-box; border:5px solid #e5e5e5; margin-bottom:50px;}
.con03_text_box{padding:0 30px 0 30px; overflow:hidden;}
.P_margin > span{display:block; font-size:15px; color:#404040; text-align:center; padding-top:50px;}
.text_box_left{float:left; width:110px; margin-bottom:5px; margin-left:20px;}
.text_box_left > p{font-size:15px; color:#404040;}
.text_box_left > p img{vertical-align:middle; margin-right:10px;}
.text_box_right{float:left; width:735px; font-size:15px; color:#404040; margin-bottom:5px; margin-left:-20px;}
.safety_foot_logo{text-align:center; margin-bottom:50px;}

.introduce_con_text_cover{
	border:2px solid #cfcfcf;
	margin-top:50px;
}
.introduce_con_text{
	margin:35px;
}
.mid_text{
	margin:35px;
	padding:20px 0 20px 0;
	border-top:1px dotted #cfcfcf;
	border-bottom:1px dotted #cfcfcf;
}
.mid_text > h5 {
	font-size:20px;
	color:#404040; 
	padding:15px 0 15px 0;
}
div.introduce_con03_headtext_cover{
	
}
div.introduce_con03_headtext{
	font-size:15px;
	color:#404040;
	text-align:center;
	padding:40px 0 40px 0;
}
div.con03_text_box_inner {
	border-top:1px dotted #cfcfcf;
	border-bottom:1px dotted #cfcfcf;
	height:175px;
	padding:40px 0 40px 0;
}

.fourth_col_inner2{display:block; font-size:0;}
.box_box{width:33.333%; display:inline-block; vertical-align:top; margin-top:50px}
.box_box .co01{padding-left:10px; box-sizing:border-box;}
.box_box .co02{padding-left:60px; box-sizing:border-box;}
.box_box .co03{padding-left:60px; box-sizing:border-box;}
.box_box .co01 h4{color:#d99616}
.box_box .co02 h4{color:#d91623}
.box_box .co03 h4{color:#333333}

td.cont_year01{height:auto; line-height:1;}

/* 20240604 추가 */
.custom_box_wrap {
	display: flex;
}
.custom_left_box {
	width: 110px;
}
.custom_right_box {
	width: calc(100% - 110px);
}
.custom_left_box::before,
.custom_right_box::before {
	display: none;
}
/* END 20240604 추가 */


/* 20251107 추가 */
.esg_basic_wrap{
	width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: 60px 0; gap: 20px;
}

.esg_basic_wrap .top_box{
	display: flex; width: 80%;
}

.esg_basic_wrap .top_box .main_title{
	flex: 1 1 15%;
	border-top: 3px solid #666;
	padding: 5px 10px;
	text-align: left;
	display: flex; align-items: flex-start; 
}

.esg_basic_wrap .top_box .main_title h2{
	font-size: 20px;
	font-weight: 700;
}

.esg_basic_wrap .top_box .desc{
	flex: 1 1 100%;
	border: 3px solid #666; border-radius: 10px;
	text-align: center;
	display: flex; align-items: center; justify-content: space-around;
	font-size: 20px;
	font-weight: 700;
}

.esg_basic_wrap .fir_top_box{
	height: 50px;
}
.esg_basic_wrap .sec_top_box{
	height: 80px;
}

.esg_basic_wrap .sec_top_box .desc{
	background: #e9e9e9;
}

.esg_basic_wrap .thi_top_box .table_wrap{
	display: flex;gap: 6px; justify-content: space-between; width: 100%;
}

.esg_basic_wrap .thi_top_box .table_wrap .table_box{
	flex: 1 1 calc((100% / 3) - 8px);
	display: flex; flex-direction: column; gap: 2px; align-items: center; justify-content: center;
}

.esg_basic_wrap .thi_top_box .title{
	border: none;
	width: 100%;
	padding: 2px;
	background-color:#fff ;
	text-align: center;
	display: flex; align-items: center; justify-content: center;
}

.esg_basic_wrap .thi_top_box .desc{
	width: 100%;
	padding: 2px;
	border: none;
	background-color:#fff ;
	border-radius: 0;
}

.esg_basic_wrap .thi_top_box .table_wrap .table_box:nth-child(1)>.title{
	background-color: #008000;
}
.esg_basic_wrap .thi_top_box .table_wrap .table_box:nth-child(2)>.title{
	background-color: #3057b9;
}
.esg_basic_wrap .thi_top_box .table_wrap .table_box:nth-child(3)>.title{
	background-color: #ff843a;
}

.esg_basic_wrap .thi_top_box .table_wrap .table_box:nth-child(1) .desc{
	background-color: #ccebad;
}
.esg_basic_wrap .thi_top_box .table_wrap .table_box:nth-child(2) .desc{
	background-color: #dfe6f7;
}
.esg_basic_wrap .thi_top_box .table_wrap .table_box:nth-child(3) .desc{
	background-color: #ffe7d8;
}

.esg_basic_wrap .thi_top_box .table_wrap .table_box>.title{
	font-size: 16px;
	color:#fff;
	font-weight: 700;
}

.fou_top_box .fou_card_wrap{
	display: flex; gap: 10px; justify-content: space-between; width: 100%;
}

.fou_top_box .fou_card_wrap .fou_card_box{
	flex: 1 1 calc((100% / 3) - 8px);
	display: flex; flex-direction: column; gap: 2px; align-items: center; justify-content: center;
}

.fou_top_box .fou_card_wrap .fou_card_box .card{
	display: flex; align-items: center; justify-content: center; padding: 5px;
	width: 100%; height: 60px;
	background-color: #fff;
}

.fou_top_box .fou_card_wrap .fou_card_box .card p{
	font-size: 16px;
	font-weight: 700;
}


.fou_top_box .fou_card_wrap .fou_card_box:nth-child(1) .card{
	border:3px solid #ccebad;
}
.fou_top_box .fou_card_wrap .fou_card_box:nth-child(2) .card{
	border:3px solid #dfe6f7;
}
.fou_top_box .fou_card_wrap .fou_card_box:nth-child(3) .card{
	border:3px solid #ffe7d8;
}

.esg_report_wrap{padding: 60px 0; display: flex; align-items: flex-start; justify-content: flex-start;}

.esg_report_wrap .esg_report_card{
	width: fit-content;
	height: fit-content;
	display: flex; flex-direction: column;
	align-items: center;
	justify-content: center;
}

.custom_2dp_box{
	margin-left:20px;
}

.custom_2dp_box .custom_2dp{
	font-size: 12px;
    margin-bottom: -3px !important;
}


.all_menu_contain{height: 900px;}

.Integrity_con01_cont1_custom_hs{
	background: url(/img/safty_tab_con01_custom_bg.png) 0 0 no-repeat !important;
	padding-bottom: 120px;
}

.social_tab_02{
	display: flex; gap: 30px; width: 100%; justify-content: flex-start; align-items: flex-start;
	padding-top: 60px;
	padding-bottom: 120px;
}

.social_tab_02 .card{
	flex: 0 0 20%;
	display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
}

.social_tab_02 .card .txt{
	width: 100%; display: flex; flex-direction: column; justify-content: flex-start
}

.social_tab_02 .card .txt h2{
	width: 100%; text-align: left; color: #858585; font-weight: 800;
}

.social_tab_02 .card .txt h2 span{
	width: 100%; text-align: left; color: #858585; font-weight: 400;
}