@charset "utf-8";

/************************************************************************
* 파일명	: common.css
* 설명		: 공통 CSS
* 작성일	: 2025.8.29
************************************************************************/
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap);
/**
 * @license
 * MyFonts Webfont Build ID 3047082, 2015-06-23T04:11:14-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AktivGrotesk-Bold by Dalton Maag
 * URL: http://www.myfonts.com/fonts/daltonmaag/aktiv-grotesk/bold/
 * 
 * Webfont: AktivGrotesk-Regular by Dalton Maag
 * URL: http://www.myfonts.com/fonts/daltonmaag/aktiv-grotesk/regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3047082
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright ©2013 Dalton Maag Ltd. All rights reserved. This font may not be altered in any way without prior permission of Dalton Maag Ltd.
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e7eaa");
@font-face {font-family:'AktivGrotesk-Bold';src:url('/fonts/2E7EAA_0_0.eot');src:url('/fonts/2E7EAA_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E7EAA_0_0.woff2') format('woff2'),url('/fonts/2E7EAA_0_0.woff') format('woff'),url('/fonts/2E7EAA_0_0.ttf') format('truetype');}
@font-face {font-family:'AktivGrotesk-Regular';src:url('/fonts/2E7EAA_1_0.eot');src:url('/fonts/2E7EAA_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/2E7EAA_1_0.woff2') format('woff2'),url('/fonts/2E7EAA_1_0.woff') format('woff'),url('/fonts/2E7EAA_1_0.ttf') format('truetype');}
 

/*
권장 CSS 속성 선언 순서
1. display:표시
2. overflow:영역
3. float:흐름
4. position:위치
5. z-index:개체간 순위
6. width & height:크기
7. margin & padding:간격
8. border:라인
9. background:배경
10. font:폰트
11. text:텍스트
12. animation:동작
13. etc:기타
*/

/* ----- reset ----- */
* {margin:0;padding:0;box-sizing:border-box;font-style:normal;outline:none;-webkit-text-size-adjust:none;}
html {height:100%}
body {overflow-y:auto;font-family:'Noto Sans KR','맑은 고딕','Nanum Gothic','AppleGothic','돋움','Dotum',sans-serif,'Arial','Helvetica';font-size:14px;line-height:1.6;color:#262626;font-weight:400;word-break:keep-all;word-wrap:break-word;}
body.en {}
a:link {color:#262626;text-decoration:none}
a:hover {text-decoration:underline}
a:active, a:visited, a:focus {text-decoration:none;}
img {border:none 0;vertical-align:top;}
ul {list-style:none;}
ol {list-style-position:outside;padding:0 0 0 15px;}
ol li {margin:0;padding:0;}
table {border:0 none;border-spacing:0;border-collapse:collapse;}
td {word-wrap:break-word;}
caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-100000px;}
legend {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-100000px;}
iframe {border:0;}
label {-webkit-tap-highlight-color:transparent}
hr {display:none;}
fieldset {border:none;}
figure {list-style-type:none;}
samp {font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;}
/* ----- // reset ----- */




/* -------------------------------------- AS-IS (국문) -------------------------------------- */
/* ----------
common.css
---------- */
/* 정렬 */
.fl_left {float:left}
.fl_right {float:right}
.fl_clear {clear:both;height:0;font-size:0;line-height:0}

.al_left {text-align:left !important}
.al_center {text-align:center}
.al_right {text-align:right}
.al_top {vertical-align:top}
.al_middle {vertical-align:middle}
.al_bottom {vertical-align:bottom}
.al_justify  {text-align:justify}

.hand {cursor:pointer}
.overflow {overflow:auto;overflow:hidden}
.none {display:none !important}
.hide {display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;text-indent:-9999px;}
.pos_rel {position:relative}

.clfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden}
.clfix {display:inline-block}
.clfix {display:block}
* html .clfix {height:1%} /* Hides from IE-mac */
.clfix {zoom:1} /*for IE 5.5-7*/
.txt_line_vtop {vertical-align:top !important}

/* form */
fieldset {border:0 none;}
label {}
input[type='text'] {display:inline-block;height:36px;margin:0;padding:0 9px 0 9px;border:1px solid #a6a6a6;background:#fff;font-family:'맑은 고딕','돋움','Dotum',sans-serif;font-size:13px;line-height:34px;color:#4c4c4c;vertical-align:middle;}
input[type='text'], input[type='password'] {-webkit-border-radius:0;-webkit-appearance:none;}
input[type=submit], input[type=button] {cursor:pointer;}
::-webkit-input-placeholder {}

input.txt {display:inline-block;height:36px;margin:0;padding:0 9px 0 9px;border:1px solid #999;background:#fff;font-size:13px;line-height:34px;color:#4c4c4c;vertical-align:middle;}
input.txt:focus {border-color:#000;}
select {height:36px;border:1px solid #999;font-family:'맑은 고딕','돋움','Dotum',sans-serif;font-size:13px;line-height:34px;color:#a6a6a6;font-weight:bold;}
.select {display:inline-block;position:relative;height:36px;padding:0 4px 0 4px;border:1px solid #a6a6a6;background-color:#fff;line-height:34px;vertical-align:middle;}
.select select {height:34px;border:0 none;}
.select.type2 {background-color:#fff;}
.select.type2 select {background-color:#fff;}

input.chk {margin-right:2px;border:0 none;vertical-align:middle;}
input.chk.mlr {margin:0 5px 0 16px;}
.b_chk {display:inline-block;width:13px;height:13px;margin-left:7px;background:#e6e6e6;cursor:pointer;}
.b_rdo {display:inline-block;width:13px;height:13px;margin:2px 3px 0 4px;cursor:pointer;}
textarea {padding:4px;border:1px solid #999;background:#fff;font-size:13px;line-height:normal;color:#4c4c4c;overflow-y:scroll;resize:vertical;-webkit-appearance:none;}
textarea:focus {border-color:#000;}
.group {*zoom:1;}
.group:after {content:'';display:block;clear:both;}


/* 파일첨부 */
.b_file {display:inline-block;height:40px;vertical-align:top}
.b_file img {cursor:pointer}
.b_file input {display:none}
.int_txt {display:inline-block;color:#a6a6a6;font-size:13px}


/* font */
.f_0 {font-size:0}
.f_12 {font-size:12px}

.f_normal {font-weight:normal}
.f_strong {font-weight:bold}
.f_italic {font-style:italic}

.fc_defult {color:#262626}
.fc_gray {color:#a6a6a6}
.fc_red {color:#d7182a}

/* space */
.mt0 {margin-top:0}
.mt5 {margin-top:5px}
.mt8 {margin-top:8px}
.mt10 {margin-top:10px}
.mt14 {margin-top:14px}
.mt16 {margin-top:16px}
.mt18 {margin-top:18px}
.mt20 {margin-top:20px}
.mt23 {margin-top:23px}
.mt25 {margin-top:25px}
.mt28 {margin-top:28px}
.mt30 {margin-top:30px}
.mt36 {margin-top:36px}
.mt38 {margin-top:38px}
.mt40 {margin-top:40px}
.mt44 {margin-top:44px}
.mt45 {margin-top:45px}
.mt50 {margin-top:50px}

.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}

.ml23 {margin-left:23px !important}

.mb20 {margin-bottom:20px;}

.fmr5 {margin-right:0 !important}
.fmr10 {margin-right:7px !important}
.fmr21 {margin-right:18px !important}

.pt20 {padding-top:20px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}

.pb0 {padding-bottom:0 !important;}

.select.mr15 {margin-right:16px !important}

/* button */
.dw:hover {text-decoration:none;}
.dw.new {display:inline-block;position:relative;box-sizing:border-box;width:165px;padding:15px 15px;border:1px solid #aaa;color:#000;font-weight:400;line-height:1;text-align:left;}
.dw.new:after {content:"";position:absolute;top:13px;right:15px;width:20px;height:17px;background:url('/images/icon2.png');}
.dw_new_2 {display:inline-block;width:20px;height:17px;background:url('/images/icon2.png');font-size:0;line-height:0;}
.dw.new_2 {display:inline-block;width:20px;height:17px;background: url('/images/icon2.png');font-size:0;line-height:0;}

/* rollover */
a.rollover img {display:inline;}
a.rollover img.over {display:none;}
a.rollover img.on {display:none;}
a.rollover:hover {border:0;cursor:pointer}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;}
a.rollover:hover img.on {display:none;}

/* layout */
.skip_nav a {display:block;position:absolute;z-index:100;top:-1000em;left:0;padding:10px;background-color:#fff;}
.skip_nav a:focus {top:0;}

#wrap {position:relative;width:1282px;margin:0 auto;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
#wrap #header {position:absolute;top:0;left:0;width:230px;height:100%;padding:0 5px 0 0;background:url('/images/common/bg_head_shadow.png') repeat-y right 0}
#wrap #header .header {padding:0 0 110px 0;}
#wrap #header .header h1 {margin:30px 0 0 0;text-align:center;}
#wrap #header .header h1 img {max-width:190px;}

/* GNB */
#wrap #header .header .gnb {width:140px;margin:99px 0 0 42px;}
#wrap #header .header .gnb li {border-top:1px solid #e6e6e6;}
#wrap #header .header .gnb li:first-child {border-top:0;}
#wrap #header .header .gnb li a {display:block;padding:0 10px 0 10px;font-size:16px;line-height:44px;color:#262626;font-weight:bold;}
#wrap #header .header .gnb li a:hover {text-decoration:none;}

#wrap #header .header .gnb li ul {overflow:hidden;height:0;border-top:1px solid #e6e6e6;opacity:0;transition:all 0.3s ease-in-out;}
#wrap #header .header .gnb li ul li {border:0;}
#wrap #header .header .gnb li ul li a {padding:5px 0 5px 10px;background:url('/images/common/bg_bul_gray.gif') no-repeat 1px 12px;font-size:13px;line-height:1.2;color:#a6a6a6;}
#wrap #header .header .gnb li ul li a:hover {background-image:url('/images/common/bg_bul_red.gif');color:#d7182a;}
#wrap #header .header .gnb li.on ul {height:auto;padding:8px 0 30px 0;border-top:1px solid #e6e6e6;opacity:1;}
#wrap #header .header .gnb li:hover > ul {height:auto;padding:8px 0 30px 0;border-top:1px solid #e6e6e6;opacity:1;}


/* Family site */
#wrap #header .family_site {width:134px;margin:129px 0 0 55px}
#wrap #header .family_site h2 {margin:0 0 11px 9px;font-size:0;line-height:0;}
#wrap #header .family_site ul {padding-top:11px;border-top:1px solid #e5e5e5}
#wrap #header .family_site ul li.cyber {margin-top:23px;padding-top:3px;border-top:1px solid #e5e5e5}
#wrap #header .family_site ul li a {display:block;padding-left:8px;background:url('/images/common/bg_bul_gray.gif') no-repeat 0 center;color:#a6a6a6;font-size:13px;line-height:26px}
#wrap #header .family_site ul li a:hover {text-decoration:none}

/* Social */
#wrap #header .social_wrap {position:absolute;bottom:57px;left:55px;font-size:0;line-height:0}
#wrap #header .social_wrap a {display:inline-block;width:43px;height:43px;margin-left:3px;}
#wrap #header .social_wrap a:first-child {margin-left:0}

/* Top */
#wrap #container {position:relative;margin:0 0 0 230px;padding:0 45px;}
#wrap #container .top_util {position:relative;padding:23px 0 43px 0}
#wrap #container .top_util ul {overflow:hidden;}
#wrap #container .top_util ul li {float:left;padding:0 0 0 15px;background:url('/images/common/bg_util_bar.gif') no-repeat right center;}
#wrap #container .top_util ul li a {color:#a6a6a6;font-size:12px;font-weight:bold;line-height:24px;}
#wrap #container .top_util ul li a:hover {text-decoration:none}
#wrap #container .top_util ul li:first-child {padding:0 14px 0 0;}
#wrap #container .top_util .languae_group {float:right;background:none}
#wrap #container .top_util .languae_group span.tit {float:left;color:#808080}
#wrap #container .top_util .languae_group ul {float:left}
#wrap #container .top_util .languae_group ul li {background:none;color:#808080;padding:0;}
#wrap #container .top_util .languae_group ul li a {font-weight:normal;letter-spacing:0}
#wrap #container .top_util .languae_group ul li a:hover {color:#000}
#wrap #container .top_util .languae_group ul li.selected {color:#d90014;text-decoration:underline;padding:0 0 0 5px;letter-spacing:0}
#wrap #container .top_util .languae_group ul li span {display:inline-block;padding:0 6px 0 0;margin:0 0 0 6px;color:#ccc}

#wrap #container .top_util .search_wrap {position:absolute;top:30px;right:0}
#wrap #container .top_util .search_wrap input {padding:1px 9px 0 9px;color:#737373;border:1px solid #f3f3f4}
#wrap #container .top_util .search_wrap button {position:absolute;top:1px;right:1px;width:34px;height:27px;background:url('/images/common/btn_search_ico.png') no-repeat 0 0}

#wrap #container .top_util img {margin:-22px 0 -50px 0}

#wrap #container .content {min-height:900px;padding-bottom:100px}
#wrap #container .content .visual_wrap {line-height:0}
#wrap #container .content .visual_wrap a {display:block}
#wrap #container .content .visual_wrap img {max-width:100%;}
#wrap #container .content .location {padding:15px 0 40px 0;color:#aaa;font-size:12px;text-align:right}
#wrap #container .content .location p {margin-right:-6px;font-size:13px;line-height:23px}
#wrap #container .content .location a {margin:0 6px;color:#aaa;cursor:default}
#wrap #container .content .location a:hover {text-decoration:none}
#wrap #container .content.sitemap .location {padding-top:0;}
#wrap #container .content > .location:first-child {padding-top:0;}
#wrap #container .content ol {list-style:none;padding:0;}

/* Footer */
#wrap #footer {width:100%;padding:0 0 40px 0}
#wrap #footer .foot_util {overflow:hidden;position:relative;width:960px;color:#999;font-size:12px;}
#wrap #footer .foot_util .fl_left {overflow:hidden;width:600px;}
#wrap #footer .foot_util .fl_left .foot_link {margin-bottom:11px;padding-bottom:7px;border-bottom:1px solid #e1e1e1;font-size:0}
#wrap #footer .foot_util .fl_left .foot_link a {display:inline-block;color:#999;font-size:12px;line-height:24px;vertical-align:middle}
#wrap #footer .foot_util .fl_left .foot_link span {display:inline-block;margin:0 6px;font-size:12px;line-height:24px;vertical-align:middle}
#wrap #footer .foot_util .fl_left .foot_info {}
#wrap #footer .foot_util .fl_left .foot_info ul {overflow:hidden;}
#wrap #footer .foot_util .fl_left .foot_info ul li {float:right;width:300px;line-height:20px;}
#wrap #footer .foot_util .fl_left .foot_info ul li.nth {float:left;}
#wrap #footer .foot_util .fl_left .foot_info ul li a {display:block;}
#wrap #footer .foot_util .fl_right {width:330px;}
#wrap #footer .foot_util .fl_right p {margin-bottom:11px;padding-bottom:32px;border-bottom:1px solid #e1e1e1;line-height:24px;}
#wrap #footer .foot_util .fl_right ul li {line-height:20px;border-bottom:1px solid #ddd;padding:0 0 5px 10px;margin-bottom:5px;position:relative;}
#wrap #footer .foot_util .fl_right .middot {position:relative;}
#wrap #footer .foot_util .fl_right .middot:before {content:'';position:absolute;left:-6px;top:7px;width:2px;height:2px;background:#999;border-radius:50%;}
#wrap #footer .copy {color:#999;font-size:12px;margin-top:10px;line-height:20px}

/* ci logo */
.ci_logo {margin-top:90px;}
.ci_logo img {width:180px;}


/* 타이틀 레벨 */
.h1 {font-size:0;line-height:0;font-weight:normal}
.h_tit {font-size:18px;line-height:30px}
.h_tit.img {font-size:0;line-height:0;margin:0;padding:0}
.h_tit.nam {padding:0;font-family:'Nanum Myeongjo';font-size:32px;line-height:46px;font-weight:normal;letter-spacing:-2.5px;word-spacing:0}
.h_tit.nam.top {margin:-57px 0 0 0}
.h_desc {margin-top:19px;font-size:13px;}
/* body.en .h_tit.nam {font-family:'AktivGrotesk-Bold';} */

/* 상단 타이틀 & 버튼 */
.tit_wrap {position:relative;min-height:120px;padding-right:240px}
.tit_wrap .btn_wrap {position:absolute;top:9px;right:0;margin:0;padding:0}
.tit_wrap .btn_wrap a {display:block;width:211px;height:55px;margin:0;padding:0 0 0 20px;background:#e1e1e1;color:#fff;font-size:16px;font-weight:bold;line-height:55px;text-align:left}
.tit_wrap .btn_wrap a.on {background:#d7182a;}
.tit_wrap .btn_wrap a:first-child {margin:0 0 1px 0}
.tit_wrap .btn_wrap a:hover {background:#d7182a;text-decoration:none}

/* Tab */
.tab_wrap {margin-bottom:50px;}
.tab_wrap ul {display:flex;flex-wrap:nowrap;column-gap:12px;box-sizing:border-box;}
.tab_wrap ul li {flex:1;border-bottom:1px solid #e1e1e1}
.tab_wrap ul li a {display:block;padding-right:40px;border-bottom:1px solid #fff;font-size:16px;line-height:44px;font-weight:bold;color:#a6a6a6;text-decoration:none;white-space:nowrap;word-break:keep-all;word-wrap:break-word;}
.tab_wrap ul li a:hover {border-bottom:1px solid #2b2b2b;color:#0d0d0d;text-decoration:none;}
.tab_wrap ul li:hover {border-bottom:1px solid #2b2b2b;}
.tab_wrap ul li.on {border-bottom:1px solid #2b2b2b}
.tab_wrap ul li.on a {border-bottom:1px solid #2b2b2b;color:#0d0d0d;}
/* body.en .tab_wrap ul li a {font-family:'AktivGrotesk-Bold';} */


/* 컨텐츠 탭 */
.contab {margin:42px 0 0 0;}
.contab > .contab-menu {display:flex;flex-wrap:nowrap;justify-content:flex-start;box-sizing:border-box;height:45px;margin:0 0 40px 0;}
.contab > .contab-menu > li {box-sizing:border-box;min-width:192px;max-width:100%;margin-right:-1px;border:1px solid #aaa;background:#fff;}
.contab > .contab-menu > li > a {display:block;max-width:100%;padding:0 20px;font-size:13px;line-height:43px;color:#262626;font-weight:bold;text-align:center;text-decoration:none;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;}
.contab > .contab-menu > li:hover {z-index:1;border-color:#d7182a;background:#d7182a;}
.contab > .contab-menu > li:hover > a {color:#fff;}
.contab > .contab-menu > li.on {z-index:1;border-color:#d7182a;background:#d7182a;}
.contab > .contab-menu > li.on > a {color:#fff;}
/*.contab > .contab-menu > li.on > a::after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#121212;font-size:0;line-height:0;}*/
.contab > .contab-cont {display:none;}
/*
<div class="contab" id="contab-1">
	<ul class="contab-menu">
		<li class="on"><a href="javascript:void(0);">이사회 구성</a></li>
		<li><a href="javascript:void(0);">이사회 내 위원회</a></li>
		<li><a href="javascript:void(0);">외부감사인</a></li>
	</ul>
	<div class="contab-cont">
		1
	</div>
	<div class="contab-cont">
		2
	</div>
	<div class="contab-cont">
		3
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function(){
		conTabFn('contab-1',0); // 탭개체 아이디, 탭순서
	});
</script>
*/

/* image box */
.img_box img {max-width:100%;}
.img_exp {display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:40px;box-sizing:border-box;width:100%;}
.img_exp .exp_box {flex:1;}
.img_exp .exp_box.right {text-align:right;}
.img_exp .exp_box.right img {width:100%;}
.table_both {display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:30px;box-sizing:border-box;width:100%;}
.table_both .table_box {flex:1;}
.table_opt {display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:40px;box-sizing:border-box;width:100%;margin:0 0 5px 0;}
.table_opt .opt_box {}
.table_opt .opt_box.unit {color:#909090;text-align:right;}
.deco-exp {display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:20px;box-sizing:border-box;width:100%;}
.deco-exp .exp_box {}
.deco-exp .exp_box img {margin:0;}


/* ---- 교체 후 지워야 되는 소스 ---- */
/* sub_tab */
.sub_tab ul {overflow:hidden;}
.sub_tab ul > li {float:left;width:240px;}
.sub_tab ul li:first-child a.alink {border-left:1px solid #e6e6e6;}
.sub_tab ul li a.alink {display:block;border:1px solid #e6e6e6;border-left:0;background-color:#fff;color:#262626;font-size:13px;font-weight:bold;line-height:43px;text-align:center;}
.sub_tab ul li.on a.alink,
.sub_tab ul li a.alink:hover {background-color:#d7182a;color:#fff;text-decoration:none;}
.sub_tab ul li .tab_cont	 {display:none;width:960px;margin-top:50px;}
.sub_tab ul li.on .tab_cont {display:block;}

.sub_tab ul li .tab_cont.tab1 {margin-left:0;}
.sub_tab ul li .tab_cont.tab2 {margin-left:-192px;}
.sub_tab ul li .tab_cont.tab3 {margin-left:-384px;}
.sub_tab ul li .tab_cont.tab4 {margin-left:-576px;}
.sub_tab ul li .tab_cont.tab5 {margin-left:-768px;}

/* sub_tab2 */
.sub_tab2 ul {overflow:hidden;margin-top:50px;}
.sub_tab2 ul > li {float:left;width:192px;}
.sub_tab2 ul li:first-child a.alink {border-left:1px solid #e6e6e6;}
.sub_tab2 ul li a.alink {display:block;border:1px solid #e6e6e6;border-left:0;background-color:#fff;color:#262626;font-size:13px;font-weight:bold;line-height:43px;text-align:center;}
.sub_tab2 ul li.on a.alink,
.sub_tab2 ul li a.alink:hover {background-color:#d7182a;color:#fff;text-decoration:none;}
.sub_tab2 ul li .tab_cont	 {display:none;width:960px;margin-top:50px;}
.sub_tab2 ul li.on .tab_cont {display:block;}

.sub_tab2 ul li .tab_cont.tab1 {margin-left:0;}
.sub_tab2 ul li .tab_cont.tab2 {margin-left:-192px;}
.sub_tab2 ul li .tab_cont.tab3 {margin-left:-384px;}
/* ---- // 교체 후 지워야 되는 소스 ---- */


/* 서브컨텐츠 */
.subwrap {margin:50px 0 0 0;}

/* button */
/* button */
button {display:inline-block;padding:0;border:0;background:transparent;text-align:center;vertical-align:middle;cursor:pointer;white-space:nowrap}
button span {display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;text-indent:-9999px;}
button.dis,
button.dis span {cursor:default}
button.dis:hover span {background-position:0 0}
button.dis:hover span span {background-position:right 0}

.btn_base:link {display:inline-block;min-width:70px;font-size:0;line-height:0;vertical-align:middle}
button.btn_base {display:inline-block;min-width:70px;font-size:0;line-height:0;vertical-align:middle}
.btn_txt {display:inline-block;padding:0 10px;font-size:14px;line-height:34px;color:#fff !important;background:#c1c1c1;vertical-align:middle}
.btn_txt.red {background:#d7182a;}
.btn_txt:hover {text-decoration:none}
.btn_link {display:inline-block;width:114px;padding:0 20px 0 10px;background:url('/images/common/bg_btn_link.png') no-repeat right 0;border:1px solid #e1e1e1;color:#a6a6a6 !important;font-size:13px;line-height:38px;vertical-align:bottom}
.btn_link.gray {background:#a6a6a6 url('/images/common/bg_btn_link_gray.png') no-repeat right 0;border:1px solid #a6a6a6;color:#fff !important;}
.btn_link.blue {background:#0058a0 url('/images/common/bg_btn_link_gray.png') no-repeat right 0;border:1px solid #0058a0;color:#fff !important;}

.whats_this {
display:flex;cursor:pointer;
width:200px;
color:rgb(18, 18, 18);
background-color:rgb(255, 255, 255);
border:1px solid rgb(226, 226, 226);
padding:16px;
height:48px !important;
}

.btn_link.type2 {width:232px;}
.btn_link.type3 {background:url('/images/common/bg_btn_link2.png') no-repeat right 0;border:1px solid #666;color:#666 !important;}
.btn_link:hover {color:#a6a6a6;text-decoration:none}

.file_opt {display:block;margin-top:20px;text-align:right;}
.file_opt.left {text-align:left;}
.file_opt.center {text-align:center;}
.btn_download {display:inline-block;box-sizing:border-box;min-width:200px;height:48px;margin:0;padding:0 40px;border:1px solid #e2e2e2;font-size:16px;line-height:48px;color:#000;text-align:center;}
.btn_download:hover {background:#f7f7f7;color:#000;text-decoration:none;}

/* Button Align */
.btn_wrap {padding:20px 0 0 0;text-align:center;font-size:0}
.btn_wrap a {margin-left:12px;font-size:0;line-height:0}
.btn_wrap a:first-child {margin-left:0}
.btn_wrap button {margin-left:12px;font-size:0;line-height:0}
.btn_wrap button:first-child {margin-left:0}
.btn_wrap.t_line {border-top:1px solid #4d4d4d}

.btn_wrap.left {text-align:left}

#pop_wrap .btn_wrap_cen {padding-top:30px}
.layer_pop .btn_wrap_cen {padding-top:30px}

.btn_big_center {padding-top:50px;text-align:center}
.btn_big_center button {margin-left:26px}
.btn_big_center button:first-child {margin-left:0}
.btn_right {text-align:right}


/* bullet list */
.bul_red {display:inline-block;padding-left:8px;background:url('/images/common/bul_red.gif') no-repeat 0 10px;line-height:24px}
.bul_black {padding-left:10px;background:url('/images/common/bul_black.gif') no-repeat 0 10px;line-height:22px}
.bul_gray {padding-left:10px;background:url('/images/common/bul_gray.gif') no-repeat 0 10px;line-height:22px}
.bul_bgray {padding-left:10px;background:url('/images/common/bul_bgray.gif') no-repeat 0 10px;line-height:22px}

.bul_list li {margin-top:10px;padding-left:10px;color:#4d4d4d;font-size:13px;line-height:20px}
.bul_list li:first-child {margin-top:0}

.bul_list.gray li {background:url('/images/common/bul_gray.gif') no-repeat 0 9px;}
.bul_list.red li {background:url('/images/common/bul_red.gif') no-repeat 0 9px;}

/* contents title */
.cont-tit {margin:50px 0 20px 0;font-size:18px;line-height:1.6;color:#262626;font-weight:bold;font-weight:700;}
.contab-cont .cont-tit:first-child {margin-top:36px;}
.cont-tit + .table_wrap {margin-top:20px;}
.cont-tit + .desc {margin:-22px 0 5px 0;}

/* sub list */
.sub-list {}
.sub-list li {position:relative;margin:6px 0 0 0;padding:0 0 0 10px;font-size:14px;line-height:1.6;color:#262626;text-align:left;word-wrap:break-word;word-break:keep-all;}
.sub-list li:first-child {margin-top:0;}
.sub-list li:before {content:'';display:block;position:absolute;top:11px;left:1px;width:4px;height:1px;background:#262626;font-size:0;line-height:0;color:transparent;}

/* sub tip list */
.subtip-list {margin:14px 0 0 0;}
.subtip-list li {position:relative;margin:4px 0 0 0;padding:0 0 0 12px;font-size:13px;line-height:1.6;color:#888;text-align:left;word-wrap:break-word;word-break:keep-all;}
.subtip-list li:first-child {margin-top:0;}
.subtip-list li:before {content:'*';display:block;position:absolute;position:absolute;top:0;left:1px;font-size:14px;line-height:1.6;}

/* information list */
.info-list {}
.info-list > dl {padding:0 0 20px 0;border-bottom:1px solid #e1e1e1;}
.info-list > dl > dt {margin:20px 0 9px 0;padding:16px 0 0 0;border-top:1px solid #e1e1e1;font-size:14px;line-height:1.6;color:#262626;font-weight:bold;}
.info-list > dl > dt:first-child {margin-top:0;}
.info-list > dl > dd {font-size:14px;line-height:1.6;color:#262626;}

/* 규정 리스트 */
.rule-list {padding:25px 0 0 0;border-top:2px solid #4f4f4f;}
.rule-list li {display:flex;flex-wrap:nowrap;}
.rule-list li .list-tit {box-sizing:border-box;width:260px;padding-right:40px;font-size:18px;line-height:1.6;color:#262626;font-weight:bold;word-break:auto-phrase;word-wrap:break-word;}
.rule-list li dl {flex:1;padding-top:2px;}
.rule-list li dl dt {margin:25px 0 7px 0;font-size:16px;line-height:1.6;color:#262626;font-weight:bold;word-break:auto-phrase;word-wrap:break-word;}
.rule-list li dl dt:first-child {margin-top:0;}
.rule-list li dl dd {position:relative;margin:6px 0 0 0;padding:0 0 0 18px;font-size:14px;line-height:1.6;color:#262626;word-break:auto-phrase;word-wrap:break-word;}
.rule-list li dl dd:before {content:'-';display:block;position:absolute;top:0;left:8px;font-size:14px;line-height:1.5;color:#262626;}

/* 순서 리스트 */
ol.order_list {list-style-type:decimal;padding:0 0 0 16px;}
ol.order_list li {margin:6px 0 0 0;font-size:14px;line-height:1.6;color:#262626;}
ol.order_list li:first-child {margin-top:0;}

/* 순서없는 리스트 */
ul.unorder_list {}
ul.unorder_list li {position:relative;margin:6px 0 0 0;padding:0 0 0 8px;font-size:14px;line-height:1.6;color:#262626;}
ul.unorder_list li::before {content:'';display:block;position:absolute;top:11px;left:0;width:2px;height:2px;border-radius:1px;background:#262626;font-size:0;line-height:0;}
ul.unorder_list li:first-child {margin-top:0;}

/* 테이블 설명 리스트 */
.decript-list li {padding:0 0 0 10px;text-indent:-10px;}

/* table contents */
.table_wrap {overflow:hidden;border-top:1px solid #262626;}
.table_wrap table {width:calc(100% + 1px);margin-left:-1px;}
.table_wrap table th,
.table_wrap table td {font-size:13px;vertical-align:middle}
.table_wrap table thead tr th {padding:9px 10px 8px 10px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;background-color:#f8f9f9;font-size:14px;line-height:1.6;color:#333;font-weight:normal;text-align:center;}
.table_wrap table tbody tr th {padding:9px 10px 9px 10px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;font-size:14px;line-height:1.6;color:#333;font-weight:normal}
.table_wrap table tbody tr th.al_left {text-align:left;}
.table_wrap table tbody tr th.al_center {text-align:center;}
.table_wrap table tbody tr th.al_right {text-align:right;}
.table_wrap table tbody tr th.al_top {vertical-align:top;padding-top:17px}
.table_wrap table tbody tr td {padding:12px 10px 12px 10px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;font-size:14px;line-height:1.6;color:#333;word-wrap:break-word;word-break:keep-all;}
.table_wrap table tbody tr td.al_left {text-align:left;}
.table_wrap table tbody tr td.al_center {text-align:center;}
.table_wrap table tbody tr td.al_right {text-align:right;}
.table_wrap table tbody tr td img {vertical-align:middle;}
.table_wrap table tbody tr td.num {line-height:40px}
.table_wrap table tbody tr td.nodata {color:#999;font-size:13px;padding:52px 0}
.table_wrap table tbody tr td.line {border-left:1px solid #e1e1e1;}
.table_wrap table tbody tr td.td_tit {font-weight:bold;}
.table_wrap table tbody tr td .noti {}
.table_wrap table tbody tr td .noti li {position:relative;margin:6px 0 0 0;padding:0 0 0 14px;font-size:14px;line-height:1.6;color:#333;text-align:left;word-wrap:break-word;word-break:keep-all;}
.table_wrap table tbody tr td .noti li:first-child {margin-top:0;}
.table_wrap table tbody tr td .noti li:before {content:'ㆍ';display:block;position:absolute;top:0;left:0;}
.table_wrap.vtop table tbody tr td {vertical-align:top;}
.table_wrap table tbody tr td.vtop {vertical-align:top;}
.table_wrap table tbody tr td.al_left {text-align:left;}
.table_wrap table tbody tr td.al_right {text-align:right;}

.table_wrap table tfoot tr th {padding:9px 10px 8px 10px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;background-color:#f8f9f9;color:#333;font-size:13px;font-weight:normal;text-align:center;}
.table_wrap table tfoot tr th:first-child {border-left:0}
.table_wrap table tfoot tr td {padding:9px 14px 8px 14px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;color:#333;text-align:center}

/* board 기본 테이블 */
.board_wrap {border-top:1px solid #262626;}
.board_wrap table th,
.board_wrap table td {font-size:13px;vertical-align:middle}
.board_wrap table thead tr th {padding:14px 10px 14px 10px;border-bottom:1px solid #e1e1e1;border-left:0 none;border-right:0 none;background-color:#fff;color:#000;font-size:13px;font-weight:normal;text-align:center;}
.board_wrap table thead tr th.al_left {padding:14px 10px 14px 30px;}
.board_wrap table tbody tr th {padding:13px 10px 13px 10px;border-bottom:1px solid #e1e1e1;border-left:0 none;border-right:0 none;color:#000;font-size:13px;font-weight:normal}
.board_wrap table tbody tr th.al_top {vertical-align:top;padding-top:17px}
.board_wrap table tbody tr td {padding:13px 10px 13px 10px;border-bottom:1px solid #e1e1e1;border-left:0 none;border-right:0 none;color:#000;text-align:center}
.board_wrap table tbody tr td.al_left {padding:13px 0 13px 30px;}

.board_wrap.down {}
.board_wrap.down table tbody tr td {padding:7px 10px 6px 10px;line-height:32px}
.board_wrap.down table tbody tr td.al_left {padding:7px 0 6px 30px;}
.board_wrap.down table tbody tr td.al_right {padding:7px 0 6px 0;text-align:right}
.board_wrap.down table tbody tr td.al_left .t_left {display:inline-block;float:left}
.board_wrap.down table tbody tr td.al_left .btn_base {float:right;}

.board_wrap.app {}
.board_wrap.app table tbody tr td {padding:5px 10px 5px 10px;line-height:42px}
.board_wrap.app table tbody tr td.al_left {padding:5px 0 5px 30px;}
.board_wrap.app table tbody tr td.al_left .t_left {display:inline-block;float:left}
.board_wrap.app table tbody tr td.al_left .btn_base {float:right;}
.board_wrap.app table tbody tr td.al_right {padding:5px 0 5px 0;text-align:right}
.board_wrap.app table tbody tr td.nodata {padding:40px 0}

/* form 테이블 */
.table_wrap.form {padding-top:14px}
.table_wrap.form table th,
.table_wrap.form table td {}
.table_wrap.form table tbody tr th {padding:13px 0 13px 0;border:0;background:none;text-align:left;line-height:24px;vertical-align:top}
.table_wrap.form table tbody tr td {padding:5px 0 5px 0;border:0;line-height:40px;text-align:left}
.f_txt {display:inline-block;margin:0 6px 0 0;line-height:40px;vertical-align:middle }

/* 정보 테이블 */
.info-table-sect {margin:20px 0 0 0;}
.table-top {margin:0 0 6px 0;}
.table-top .table-tit {font-size:14px;line-height:1.4;color:#262626;font-weight:bold;}
.info-table {overflow:hidden;border-top:1px solid #000;}
.info-table table {box-sizing:content-box;width:100%;margin:0 0 0 -1px;padding:0;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;border-collapse:collapse;}
.info-table table thead th {padding:12px 12px;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;background:#f8f9f9;font-size:14px;line-height:1.4;color:#262626;font-weight:bold;text-align:center;}
.info-table table tbody th {padding:12px 12px;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-size:14px;line-height:1.4;color:#262626;font-weight:normal;text-align:left;}
.info-table table tbody td {padding:12px 12px;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-size:14px;line-height:1.4;color:#262626;text-align:center;}
.info-table table tbody td.left {text-align:left;}
.info-table sup, .info-table sub {font-size:9px;}
.info-table.left table td {text-align:left;}
.table-btm {position:relative;margin:10px 0 0 0;}
.table-btm .btm-list li {margin:2px 0 0 0;font-size:12px;line-height:1.4;color:#818183;}
.table-btm .btm-list li:first-child {margin-top:0;}
.table-btm .btm-list li * {vertical-align:top;}
.table-btm .btm-list li .numb {display:inline-block;width:14px;}
.table-btm .btm-list li .cont {display:inline-block;}

.bot_info {margin-top:8px}
.bot_info li {position:relative;padding-left:13px;color:#a6a6a6;font-size:13px;line-height:25px;}
.bot_info li span {display:block;position:absolute;top:1px;left:3px;line-height:25px}

/* FAQ */
.faq_wrap {}
.faq_wrap .faq_head {border-top:1px solid #000;border-bottom:1px solid #e1e1e1}
.faq_wrap .faq_head .num {display:inline-block;width:40px;text-align:center;line-height:52px;vertical-align:middle}
.faq_wrap .faq_head .que {display:inline-block;width:160px;padding-left:40px;line-height:52px;vertical-align:middle}
.faq_wrap .faq_head .tit {display:inline-block;line-height:52px;vertical-align:middle}
.faq_wrap .faq_list {}
.faq_wrap .faq_list ol li {position:relative;border-bottom:1px solid #e1e1e1}
.faq_wrap .faq_list ol li a {display:block;padding:15px 0;text-decoration:none;background:url('/images/cust/arr_off.gif') no-repeat 943px center;font-size:0}
.faq_wrap .faq_list ol li a span {display:inline-block;font-size:14px;line-height:25px;vertical-align:middle}
.faq_wrap .faq_list ol li a .num {width:40px;text-align:center}
.faq_wrap .faq_list ol li a .que {width:160px;padding-left:40px}
.faq_wrap .faq_list ol li a .title {width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}  /*150601 박지민 - 텍스트 줄임코드 추가*/
.faq_wrap .faq_list ol li a .arr {}

.faq_wrap .faq_list ol li .cont {display:none;padding:13px 13px 13px 240px;border-top:1px solid #e1e1e1;background:#f8f8f8}
.faq_wrap .faq_list ol li.on a {background:url('/images/cust/arr_on.gif') no-repeat 943px center}
.faq_wrap .faq_list ol li.on .cont {display:block}

/* 공지사항 상세 페이지 */
.table_wrap table tbody tr td.info {padding:24px 30px;background-color:#fcfcfc;color:#4c4c4c;font-size:13px;line-height:22px;text-align:left}
.table_wrap table tbody tr td.info p {margin-top:22px}
.table_wrap table tbody tr td.info p:first-child {margin-top:0}
.table_wrap table tbody tr.t_head {}
.table_wrap table tbody tr.t_head td {padding:21px 0 21px 0}
.table_wrap table tbody tr.t_head td:first-child {padding:10px 0 10px 30px}
.table_wrap table tbody tr.t_foot {}
.table_wrap table tbody tr.t_foot td {color:#a6a6a6;line-height:19px;}
.table_wrap table tbody tr.t_foot td a {color:#a6a6a6;}
.table_wrap table tbody tr.t_foot td:first-child {padding:10px 0 10px 30px}
.table_wrap table tbody tr.t_foot td .list_pre {padding:0 20px;background:url('/images/content/bg_notice_arr_pre.gif') no-repeat right 4px}
.table_wrap table tbody tr.t_foot td .list_next {padding:0 20px;background:url('/images/content/bg_notice_arr_next.gif') no-repeat right 4px}

/* 페이징 */
.pager_wrap {margin:0 auto;padding-top:28px;font-size:0;line-height:0;text-align:center}
.pager_wrap .btn {background:url('/images/common/bg_pager.gif') no-repeat 0 0}
.pager_wrap .btn.pre {background-position:0 0}
.pager_wrap .btn.next {background-position:right -30px}

.pager_wrap a {display:inline-block;width:70px;color:#a6a6a6;font-size:13px;line-height:30px;text-align:center;vertical-align:top}
.pager_wrap .page {display:inline-block;line-height:30px;text-align:center;vertical-align:top}
.pager_wrap .page a {width:38px}
.pager_wrap .page a.on {color:#d7182a;text-decoration:underline}

.list_search {margin-top:28px;padding-top:30px;border-top:1px solid #a6a6a6;font-size:0;text-align:center}
.list_search input {box-sizing:border-box;height:36px;padding:5px 9px 5px 9px;line-height:24px;}
.list_search .btn_base {vertical-align:bottom}



/* 윈도우 팝업 */

/* popup */
#pop_wrap {position:relative;width:100%;margin:0;padding:0}
#pop_wrap .pop_content {margin:0;padding:25px 32px;min-height:0}
#pop_wrap .pop_content h1 {}
#pop_wrap .pop_content .h_desc {margin-top:7px;font-size:21px;line-height:30px}

/* 이메일 무단 수집 거부 */
#pop_wrap .pop_content .mail_top {background:url('/images/common/bg_pop_email.jpg') no-repeat 330px 16px}
#pop_wrap .pop_content .mail_top h1 {font-size:14px;line-height:24px;font-weight:bold;color:#d7182a;}
#pop_wrap .pop_content .mail_info {margin-top:21px;padding-top:19px;border-top:1px solid #d4d4d4}
#pop_wrap .pop_content .mail_info p {color:#262626;font-size:14px;line-height:23px;}
/* body.en #pop_wrap .pop_content .mail_top h1 {font-family:'AktivGrotesk-Bold';} */

/* 레이어 팝업 */
.layer_pop {position:fixed;z-index:1000;top:50%;left:50%;padding:39px;border:1px solid #d7182a;background-color:#fff;box-shadow:2px 2px 4px rgba(0, 0, 0, .3);}
.layer_pop h1 {height:33px;padding-bottom:31px;line-height:0;}
.layer_pop .btn_base {}
.layer_pop .btn_base.red {padding:0 10px;background:#d7182a;color:#fff;font-size:14px;line-height:39px;}
.layer_pop .btn_base:hover {text-decoration:none}

.layer_pop .cust_top {padding:0 0 13px 0;border-bottom:1px solid #e6e6e6;background:url('/images/cust/bg_consult_icon.gif') no-repeat 455px 8px}
.layer_pop .cust_info {position:relative;margin-top:35px;}
.layer_pop .cust_info .btn_base {position:absolute;top:0;right:0}

.layer_pop.cyber {padding-bottom:60px;background:#fff url('/images/cust/bg_consult_icon.gif') no-repeat 430px 54px}
.layer_pop.cyber .cust_top {background:none;}
.layer_pop.cyber .cust_top .h_tit.nam {margin:0;}
.layer_pop.cyber .cust_top .h_txt {margin:6px 0 4px;font-size:13px;line-height:24px;}
.layer_pop.cyber .cust_num {border-bottom:1px solid #e6e6e6;}
.layer_pop.cyber .cust_num p {padding:14px 0;font-size:13px;font-weight:bold;line-height:24px;color:#d7182a;}
.layer_pop.cyber .cust_num p span {display:inline-block;margin-left:10px;}

/* 우편번호 검색 */
.layer_pop h1.h_tit {padding:0 0 8px 0;font-size:18px;line-height:30px;}
.layer_pop .h_desc {margin:0 0 15px 0}
.layer_pop .sarch_int {position:relative;padding:19px 0;border-top:1px solid #a6a6a6;}
.layer_pop .sarch_int input {padding:8px 9px 8px 9px;}
.layer_pop .sarch_int .btn_base {position:absolute;top:19px;right:0}
.layer_pop h1.h_tit {}
/* body.en .layer_pop h1.h_tit {font-family:'AktivGrotesk-Bold';} */

.layer_pop .search_list {overflow:auto;height:236px;padding:8px 21px;border:1px solid #999;}
.layer_pop .search_list li {line-height:40px}
.layer_pop .search_list li a {display:block;color:#4c4c4c;font-size:14px;line-height:40px;}
.layer_pop .search_list li a span {display:inline-block;margin-right:30px}
.layer_pop .search_list li a:hover {text-decoration:underline}

.zip_wrap .sarch_int .btn_base {width:88px}

/* Layer popup 사이즈 */
.w550 {width:472px}
.w630 {width:552px}

/* 레이어 사이즈 */
.w500 {width:500px}
.w636 {width:636px}

/* 가로 사이즈 */
.w138 {width:138px;}
.w540 {width:540px;}
.w717 {width:717px;}
.w960 {width:960px !important;}

/* 글자 간격*/
.letter_0 {letter-spacing:0;}
.letter_m1 {letter-spacing:-1px;}

/* 개별 텍스트 리스트 */
.list_sentence {position:relative;padding:0 0 0 10px;}
.list_sentence:before {content:'-';display:block;position:absolute;top:-1px;left:0;vertical-align:top;}


/* -----------------
공통속성 재적용
----------------- */
/* ----- 공통 개체 ----- */
/* button */
.btn-link:link,
.btn-link:hover,
.btn-link:visited,
.btn-link:active {display:inline-block;position:relative;border:1px solid #666;padding:0 40px 0 10px;font-size:13px;line-height:36px;color:#666;font-weight:400;text-decoration:none;white-space:nowrap;}
.btn-link::after {content:'';display:block;position:absolute;top:13px;right:11px;box-sizing:border-box;width:8px;height:8px;border-top:1px solid #757575;border-right:1px solid #999;font-size:0;line-height:0;color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.btn-down:link,
.btn-down:hover,
.btn-down:visited,
.btn-down:active {display:inline-block;position:relative;height:46px;padding:0 50px 0 14px;border:1px solid #aaa;font-size:14px;line-height:44px;color:#000;font-weight:400;text-align:left;text-decoration:none !important;white-space:nowrap;}
.btn-down::after {content:"";position:absolute;top:13px;right:15px;width:20px;height:17px;background:url(/images/common/ico_down.png);background-size:20px auto;}
.catalog-opt .btn-down {display:block;padding-right:70px;}
.btn-down.ico {width:50px;padding:0;}

.btn-down-txt:link,
.btn-down-txt:hover,
.btn-down-txt:visited,
.btn-down-txt:active {display:inline-block;position:relative;padding:0 20px 0 0;font-size:14px;line-height:44px;color:#000;font-weight:400;text-align:left;text-decoration:underline !important;white-space:nowrap;}
.btn-down-txt::after {content:"";position:absolute;top:16px;right:0;width:16px;height:14px;background:url(/images/common/ico_down_txt.png);background-size:16px auto;}


/* ----- 공통 레이아웃 ----- */
/* 페이지 레이아웃 */
.page-wrap {margin-top:40px;text-align:center;}
.page-wrap button {width:30px;height:30px;}
.page-wrap button:not(.num) {font-size:0;border:1px solid #ddd;position:relative;}
.page-wrap button:not(.num):before {content:'';position:absolute;top:0;bottom:0;margin:auto;width:7px;height:7px;border:solid #ccc;border-width:0 0 1px 1px;transform:rotate(45deg);}
.page-wrap .num {font-size:16px;}
.page-wrap .num.on {color:#dd4b39;}
.page-wrap .prev:not(.num):before {left:11px;}
.page-wrap .next:not(.num):before {right:11px;transform:rotate(225deg);}

/* header quick menu */
.head-quick {padding:0 0 0 42px;}
.head-quick ul li {margin:13px 0 0 0;}
.head-quick ul li:first-child {margin-top:0;}
.head-quick ul li a {display:inline-block;position:relative;padding:0 12px 0 0;border-bottom:1px solid #262626;font-size:16px;line-height:18px;color:#262626;text-align:left;text-decoration:none;}
.head-quick ul li a::after {content:'';display:block;position:absolute;top:2px;right:0;width:6px;height:15px;background:url(/images/common/blt_quick.png) no-repeat 0 0;background-size:6px auto;}

/* 섹션 탭 */
.section-tab {padding-bottom:50px;}
.section-tab ul {display:flex;flex-wrap:nowrap;column-gap:12px;box-sizing:border-box;}
.section-tab ul li {flex:1;border-bottom:1px solid #e1e1e1}
.section-tab ul li a {display:block;border-bottom:1px solid #fff;color:#a6a6a6;font-size:16px;line-height:44px;font-weight:bold;}
.section-tab ul li a:hover {border-bottom:1px solid #2b2b2b;color:#0d0d0d;text-decoration:none;}
.section-tab ul li:hover {border-bottom:1px solid #2b2b2b;}
.section-tab ul li.on {border-bottom:1px solid #2b2b2b}
.section-tab ul li.on a {border-bottom:1px solid #2b2b2b;color:#0d0d0d;}

/* 공통 섹션 */
.section-head {position:relative;margin:0 0 40px 0;padding-right:240px;}
.section-head .section-tit {font-family:'Nanum Myeongjo';font-weight:normal;font-size:32px;line-height:46px;letter-spacing:-2.5px;word-wrap:break-word;word-break:keep-all;}
.section-head .section-tit-exp {margin:13px 0 0 0;font-size:14px;line-height:1.8;color:#262626;word-wrap:break-word;word-break:keep-all;}
.section-cont {margin:40px 0 0 0;padding:32px 0 0 0;border-top:1px solid #e1e1e1;}
.section-cont h3 {margin:0 0 24px 0;font-family:'Nanum Myeongjo';font-weight:normal;font-size:32px;line-height:46px;letter-spacing:-2.5px;word-wrap:break-word;word-break:keep-all;}
.section-cont h4 {margin:0 0 12px 0;padding:8px 0 0 0;font-size:18px;line-height:1.6;color:#262626;font-weight:700;word-wrap:break-word;word-break:keep-all;}
.section-cont .section-exp {font-size:14px;line-height:1.6;color:#262626;word-wrap:break-word;word-break:keep-all;}

/* 공통 섹션 리스트 */
.section-list {margin:40px 0 0 0;border-top:1px solid #e1e1e1;}
.section-list h3 {margin-bottom:24px;font-family:'Nanum Myeongjo';font-weight:normal;font-size:32px;line-height:46px;letter-spacing:-2.5px;word-wrap:break-word;word-break:keep-all;}
.section-list h4 {margin-bottom:12px;padding:5px 0 0 0;font-size:18px;line-height:1.6;color:#262626;font-weight:700;}
.section-list > li {padding:32px 0 32px 0;border-bottom:1px solid #e1e1e1;}
.section-list > li .section-exp {margin:24px 0 10px 0;font-size:14px;line-height:1.6;color:#262626;word-wrap:break-word;word-break:keep-all;}
.section-list > li .section-opt {margin:18px 0 0 0;}

/* 설명 리스트 */
.exp-list > li {display:table;width:960px;margin:34px 0 0 0;}
.exp-list > li:first-child {margin-top:0;}
.exp-list > li .exp-desc {display:table-cell;font-size:14px;line-height:1.6;color:#262626;vertical-align:top;word-wrap:break-word;word-break:keep-all;}
.exp-list > li .exp-desc h3 {margin:0 0 17px 0;padding:5px 0 0 0;font-family:'Nanum Myeongjo';font-size:32px;line-height:44px;color:#262626;letter-spacing:-2.5px;word-spacing:0;word-wrap:break-word;word-break:keep-all;}
.exp-list > li .exp-desc h4 {margin:0 0 12px 0;padding:5px 0 0 0;font-size:18px;line-height:1.6;color:#262626;font-weight:700;}
.exp-list > li .exp-desc .exp-opt {margin:18px 0 0 0;}
.exp-list > li .exp-desc .exp-btn {display:inline-block;position:relative;border:1px solid #666;padding:0 40px 0 10px;font-size:13px;line-height:36px;color:#666;font-weight:400;text-decoration:none;white-space:nowrap;}
.exp-list > li .exp-desc .exp-btn::after {content:'';display:block;position:absolute;top:13px;right:11px;box-sizing:border-box;width:8px;height:8px;border-top:1px solid #757575;border-right:1px solid #999;font-size:0;line-height:0;color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.exp-list > li .exp-img {display:table-cell;width:506px;padding:0 0 0 32px;vertical-align:top;}
.exp-list > li .exp-img .img-obj {overflow:hidden;width:474px;height:320px;}
.exp-list > li .exp-img .img-obj img {width:100%;height:100%;object-fit:cover;}

/* 소개 박스 */
.intro-box {padding-top:35px;}
.intro-box h3 {margin-bottom:40px;}

/* 카달로그 박스 */
.catalog-box {padding:8px 0 14px 0;}
.catalog-box h3 {margin-bottom:40px;}
.catalog-list {display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:48px;row-gap:60px;}
.catalog-list > li {width:280px;}
.catalog-list > li h4 {margin-bottom:24px;}
.catalog-list > li .catalog-img {overflow:hidden;width:280px;height:200px;}
.catalog-list > li .catalog-img img {width:100%;height:100%;object-fit:cover;}
.catalog-list > li .catalog-opt {margin-top:30px;}

/* 아코디언 박스 */
.accordian-box {padding-top:8px;}
.accordian-box h3 {margin-bottom:40px;}
.accorauto {}
.accorauto .accorauto-tit {}
.accorauto .accorauto-cont {display:none;}
.accorauto.accor-table .accorauto-tit {display:block;position:relative;margin:32px 0 0 0;padding:8px 50px 8px 0;font-size:18px;line-height:1.6;color:#262626;font-weight:700;cursor:pointer;}
.accorauto.accor-table .accorauto-tit:first-child {margin-top:0;}
.accorauto.accor-table .accorauto-tit::after {content:'';display:block;position:absolute;top:50%;right:4px;width:14px;height:8px;margin-top:-4px;background:url(/images/common/blt_accor.png) no-repeat 0 0;background-size:14px auto;}
.accorauto.accor-table .accorauto-tit.on::after {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.accorauto.accor-table .accorauto-cont {padding:16px 0 4px 0;}

/* 인증서 박스 */
.certificate-box {padding:8px 0 40px 0;}
.certificate-box h3 {margin-bottom:40px;}
.certificate-list {display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:24px;row-gap:40px;}
.certificate-list > li {width:304px;}
.certificate-list > li h4 {margin-bottom:18px;}
.certificate-list > li .link-list {}
.certificate-list > li .link-list > li {margin:11px 0 0 0;font-size:13px;line-height:1.5;color:#262626;}
.certificate-list > li .link-list > li:first-child {margin-top:0;}
.certificate-list > li .link-list > li a:link,
.certificate-list > li .link-list > li a:hover,
.certificate-list > li .link-list > li a:visited,
.certificate-list > li .link-list > li a:active {display:inline-block;position:relative;font-size:13px;line-height:1.5;color:#262626;text-decoration:underline;}
.certificate-list > li .link-list > li a::after {content:'';display:block;position:absolute;top:2px;right:-11px;width:6px;height:14px;background:url(/images/common/blt_txt_link.png) no-repeat 0 1px;background-size:6px auto;font-size:13px;line-height:1.5;color:#262626;}

/* table */
.table-opt {display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:20px;row-gap:10px;text-align:right;}
.table-opt .opt-list {}
.data-table {overflow:hidden;border-top:1px solid #262626;}
.data-table table {width:calc(100% + 1px);margin-left:-1px;border-spacing:0;border-collapse:collapse;}
.data-table table thead tr th {padding:13px 10px 13px 10px;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;background:#f8f9f9;font-size:13px;line-height:1.4;color:#333;font-weight:normal;text-align:center;word-wrap:break-word;word-break:keep-all;}
.data-table table tbody tr th {padding:9px 10px 9px 10px;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;background-color:#f8f9f9;font-size:13px;line-height:1.4;color:#333;font-weight:normal;text-align:left;word-wrap:break-word;word-break:keep-all;}
.data-table table tbody tr th.center {text-align:center;}
.data-table table tbody tr th.right {text-align:right;}
.data-table table tbody tr td {padding:9px 14px 8px 14px;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-size:13px;line-height:1.4;color:#333;font-weight:normal;text-align:left;word-wrap:break-word;word-break:keep-all;}
.data-table table tbody tr td.center {text-align:center;}
.data-table table tbody tr td.right {text-align:right;}
.data-table table tbody tr td img {vertical-align:middle}
.data-table table tbody tr td.nodata {color:#999;font-size:13px;padding:52px 0}

/* 정관 */
.nav_warp {margin:23px 0 0 0;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.nav_warp ul {overflow:hidden;}
.nav_warp li {float:left;width:239px;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf}
.nav_warp li.nth {width:238px;}
.nav_warp li a {display:block;color:#262626;font-size:13px;font-weight:bold;line-height:43px;text-align:center}
.nav_warp li a:hover {background-color:#d7182a;color:#fff;text-decoration:none;}
.article_wrap {margin-top:40px;border-top:2px solid #4f4f4f}
.article_wrap .article {overflow:hidden;border-top:1px solid #e5e5e5}
.article_wrap .article:first-child {border-top:0}
.article_wrap .article h3 {float:left;width:240px;margin-top:24px;font-size:18px;line-height:28px;}
.article_wrap .article .article-cont {float:right;width:720px;padding:23px 0 26px 0;font-size:13px;line-height:23px;letter-spacing:-1px;word-spacing:0;word-break:keep-all;word-wrap:break-word;}
.article_wrap .article .article-cont h4 {margin:20px 0 4px 0;line-height:23px;font-weight:normal;letter-spacing:0;}
.article_wrap .article .article-cont h4:first-child {margin-top:0;}
.article_wrap .article .article-cont .art_list {overflow:hidden;}
.article_wrap .article .article-cont .art_list ul {float:left;width:240px;}
.article_wrap .article .article-cont p + ul {margin:4px 0;}
.article_wrap .article .article-cont ul li ul {margin:4px 0;padding-left:8px;}
/* // 정관 */







/* ----------
cont.css
---------- */
/* 사회공헌 */
.cont_wrap {}
.cont_wrap .h_desc {margin-top:38px}
.cont_wrap .top {padding-bottom:40px;border-bottom:1px solid #e1e1e1;}
.cont_wrap .top .img {display:block;margin-top:15px;font-size:0;line-height:0}
.cont_wrap .cont_info {overflow:hidden;padding:34px 0 25px 0;border-bottom:1px solid #e1e1e1;color:#262626}
.cont_wrap .cont_info .fl_left {width:474px}
.cont_wrap .cont_info .fl_right {width:474px}
.cont_wrap .cont_info .num {font-size:11px;font-weight:bold;line-height:22px}
.cont_wrap .cont_info h3 {margin-top:2px;font-size:18px;line-height:30px}
.cont_wrap .cont_info .info_txt {margin-top:9px;font-size:14px;line-height:24px;word-spacing:0;}
.cont_wrap .cont_info .img_warp {overflow:hidden;padding-top:15px;}
.cont_wrap .cont_info .img_warp .fl_left {width:241px}
.cont_wrap .cont_info .img_warp .fl_right {width:229px}
.cont_wrap .cont_info .img_warp .img {display:block;font-size:0;line-height:0}
.cont_wrap .cont_info .img_warp p {margin-top:4px;color:#a6a6a6;font-size:14px;line-height:24px}
.cont_wrap .cont_info.column_1 .fl_right .info_txt {margin-top:62px;}
.cont_wrap .cont_info.column_1 .img_warp {clear:both;}
.cont_wrap .cont_info.column_1 .img_warp .fl_left {width:474px}
.cont_wrap .cont_info.column_1 .img_warp .fl_right {width:474px}
.t_01 {padding-top:39px !important}
.t_02 {padding-top:63px !important}
.cont_history {margin-top:44px}
.cont_history .img {display:block;font-size:0;line-height:0}
.cont_history h3 {margin:44px 0 14px 10px;font-size:18px;line-heighty:26px}
.cont_history .table_wrap.cont {width:717px}
.cont_history .table_wrap.cont table {width:100%;border-bottom:1px solid #262626;}
.cont_history .table_wrap.cont table tbody tr th {border-bottom:0;font-weight:bold;text-align:left}
.cont_history .table_wrap.cont table tbody tr td {padding:0 0 0 10px;border-left:0;border-bottom:0;text-align:left}
.cont_history .table_wrap.cont table tbody tr td span {display:block;padding:8px 0 8px 0;border-top:1px solid #f3f3f3}
.cont_history .table_wrap.cont table tbody tr:first-child td span {border-top:0}

/* 사회공헌 발자취 */
.cont_history .accordion .item {margin-top:30px;border:1px solid #aaa;border-bottom:0;}
.cont_history .accordion .item .year {margin:0;padding:9px;border-bottom:1px solid #aaa;font-size:20px;}
.cont_history .accordion .visible {overflow:hidden;padding:14px 9px;}
.cont_history .accordion .simple {float:left;}
.cont_history .accordion .simple li {font-size:15px;line-height:2.2;}
.cont_history .accordion .simple li:before {content:'';display:inline-block;width:3px;height:3px;background:#000;vertical-align:4px;margin-right:5px;border-radius:50%;}
.cont_history .accordion .img_box {float:right;width:400px;}
.cont_history .accordion .img_box img {width:100%;}
.cont_history .accordion .btn {position:relative;display:block;width:100%;height:40px;background:#323333;color:#fff;font-size:16px;}
.cont_history .accordion .btn.open:after,
.cont_history .accordion .btn.close:after {content:'';display:inline-block;width:8px;height:8px;border:1px solid #fff;transform:rotate(135deg);border-bottom:0;border-left:0;margin:2px 0px 0  6px;vertical-align:text-top;}
.cont_history .accordion .btn.close:after {transform:rotate(-45deg);margin-top:7px;}
.cont_history .accordion .detail {overflow:hidden;height:0;}
.cont_history .accordion .detail .list {overflow:hidden;margin-top:30px;}
.cont_history .accordion .detail .list dt,
.cont_history .accordion .detail .list dd {font-size:15px;line-height:2;}
.cont_history .accordion .detail .list dt {float:left;width:100px;font-weight:bold;text-align:center;}
.cont_history .accordion .detail .list dd {margin:0 0 0px 100px;padding:0 0 30px 20px;border-left:1px solid #aaa;}
.cont_history .accordion .detail .list dd:last-child {padding-bottom:0;margin-bottom:30px}




/* ----------
main.css
---------- */
/* 상단 롤링 */
.main_visual {overflow:hidden;padding-bottom:50px;border-bottom:1px solid #e6e6e6;}
.main_visual .slider {width:960px;}
.main_visual .slider .bx-wrapper {position:relative;}
.main_visual .slider .bx-wrapper .bx-viewport {}
.main_visual .slider .bx-wrapper .bx-viewport li {font-size:0;line-height:0;height:540px}
.main_visual .slider .bx-wrapper .bx-viewport li img {width:100%;height:100%}
.main_visual .slider .bx-wrapper .bx-controls {}
.main_visual .slider .bx-wrapper .bx-controls .bx-default-pager {display:none}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-direction {position:absolute;bottom:19px;right:18px;width:45px;}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-direction a {float:left;display:block;width:20px;height:20px;text-indent:-9999px;vertical-align:middle}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {background:url('/images/main/icon_banner_prev.gif') no-repeat 0 0}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next {margin-left:5px;background:url('/images/main/icon_banner_next.gif') no-repeat 0 0}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-auto {position:absolute;bottom:19px;right:68px}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item {}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {display:block;width:20px;height:20px;background:url('/images/main/icon_banner_start.gif') no-repeat 0 0;text-indent:-9999px;}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {display:block;width:20px;height:20px;background:url('/images/main/icon_banner_stop.gif') no-repeat 0 0;text-indent:-9999px;}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start.active {display:none;}
.main_visual .slider .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop.active {display:none;}

/* 한샘링크 */
.hanssem_link {display:flex;flex-wrap:nowrap;overflow:hidden;}
.hanssem_link .cont {flex:1;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:25px 25px 25px 0;border-bottom:1px solid #e6e6e6}
.hanssem_link .cont .fl_left {}
.hanssem_link .cont h2 {margin:0 0 62px 0;color:#262626;font-size:18px;line-height:28px;}
.hanssem_link .cont p {color:#a6a6a6;font-size:14px;line-height:24px;}
.hanssem_link .cont .btn_link {}
.hanssem_link .cont .roll_img {overflow:hidden;float:right;width:245px;height:186px}
.hanssem_link .cont .bx-wrapper .bx-viewport ul li {height:186px;}
.hanssem_link .cont .roll_img .bx-controls {display:none;}
.hanssem_link .cont.nth {width:455px;padding:25px 0 25px 24px;border-left:1px solid #e6e6e6}
.hanssem_link .cont.nth .fl_left {width:209px}

/* 한샘소식_공지사항 */
.board_list {display:flex;flex-wrap:nowrap;overflow:hidden;}
.board_list .board {flex:1;position:relative;width:50%;height:128px;padding:0 23px 0 0}
.board_list .board h2 {margin-bottom:8px;color:#262626;font-size:14px;line-height:28px}
.board_list .board ul {overflow:hidden;height:92px;padding-top:7px;border-top:1px solid #e6e6e6;}
.board_list .board ul li {display:inline-block;position:relative;height:28px;color:#262626;font-size:14px;line-height:28px;width:100%;box-sizing:border-box;} /*150601 박지민 - 라인넓이 속성추가*/
.board_list .board ul li a {display:block;padding-right:120px;color:#262626;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}  /*150601 박지민 - 텍스트 줄임코드 추가*/
.board_list .board ul li .date {display:inline-block;position:absolute;top:0;right:0;width:110px;color:#262626;font-size:14px;line-height:28px;text-align:right}
.board_list .board .more {display:block;position:absolute;top:0;right:23px;width:40px;height:28px;background:url('/images/main/bg_board_more.gif') no-repeat 0 0;}
.board_list .board.notice {position:relative;padding:0 0 0 22px;} /*150601 박지민 - overflow속성 추가*/
.board_list .board.notice:after {content:'';display:block;position:absolute;top:0;left:0;width:1px;height:128px;background:#e6e6e6;font-size:0;line-height:0;}
.board_list .board.notice .more {right:0;}
.main_link_group  li {float:left;width:33%;text-align:center;border-right:1px solid #e6e6e6} 
.main_link_group  li a span {display:block;min-height:34px;font-size:14px;line-height:21px;margin-bottom:38px;color:#0d0d0d}
.main_link_group  li a:hover {text-decoration:none}
.main_link_group  li a img {display:block;margin:0 auto}

/* 배너 */
.banner_wrap {overflow:hidden;margin-top:60px}
.banner_wrap .news {float:left;width:500px;}
.banner_wrap .news .img {display:block;font-size:0;line-height:0}
.banner_wrap .news a {display:block;font-size:0;line-height:0}
.banner_wrap .fl_right {width:245px;margin-top:2px;}
.banner_wrap .fl_right div {width:112px;height:111px;float:left;}
.banner_wrap .fl_right a:hover {text-decoration:none}
.banner_wrap .fl_right a h2 {color:#262626;font-size:13px;line-height:50px;text-align:center;height:110px;}
.banner_wrap .fl_right a img {width:50%;}
.banner_wrap .fl_right .blog_naver {background:url('/images/main/blog.png') no-repeat 34px 50px;background-size:45px;border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1;}
.banner_wrap .fl_right .blog_hanssem {background:url('/images/main/hanssem_youtube.png') no-repeat 34px 50px;background-size:50px;border-top:1px solid #e1e1e1;}
.banner_wrap .fl_right .facebook {background:url('/images/main/facebook.png') no-repeat 38px 50px;background-size:37px;border-right:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.banner_wrap .fl_right .instagram {background:url('/images/main/instagram.png') no-repeat 38px 50px;background-size:37px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}

/* 통합로그인 */
.login_wrap {margin-top:28px;padding:92px 0 100px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.login_wrap h2 {margin-top:0 !important}
.login_wrap .login {position:relative;width:497px;margin:22px 0 24px 0;padding:50px 0 0 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.login_wrap .login dl {overflow:hidden;width:340px;margin:0 0 23px  0}
.login_wrap .login dl dt {float:left;width:70px;height:37px;margin-bottom:10px;padding-left:5px;font-size:14px;font-weight:bold;line-height:37px}
.login_wrap .login dl dd {float:left;width:264px;height:37px;margin-bottom:10px;}
.login_wrap .login dl dd input {padding:5px 9px 6px 9px;}
.login_wrap .login .btn_login {position:absolute;top:50px;right:0;width:145px;height:84px}
.login_wrap .login .help {margin-left:75px;padding:19px 0 39px 0;border-top:1px solid #e1e1e1;}
.login_wrap .login .help li {position:relative;margin-top:4px;color:#262626;font-size:14px;line-height:30px}
.login_wrap .login .help li:first-child {margin-top:0}
.login_wrap .login .help .btn_base {position:absolute;top:0;right:0}
.login_wrap .login_info {color:#262626;font-size:14px;line-height:24px;}

/* 메인 레이어 팝업 */
#main_popup {position:absolute;z-index:9999999;border:2px solid black;display:none;}
#close {position:absolute;top:6px;right:8px;cursor:pointer;}
#today_close {position:absolute;bottom:1px;right:13px;cursor:pointer;}
#today_close p {font-size:13px;font-weight:bold;}

/* sns */
.sns_block {display:flex;flex-wrap:nowrap;column-gap:20px;float:right;}
.sns_block li {height:30px;}
.sns_block li.youtube {width:30px;background:url(/images/main/sns_youtube.png) 50% no-repeat;background-size:30px auto;}
.sns_block li.naver_blog {width:30px;background:url(/images/main/sns_naver_blog.png) 50% no-repeat;background-size:30px auto;}
.sns_block li.naver_post {width:20px;background:url(/images/main/sns_naver_post.png) 50% no-repeat;background-size:20px auto;}
.sns_block li.facebook {width:30px;background:url(/images/main/sns_facebook.png) 50% no-repeat;background-size:30px auto;}
.sns_block li.instagram {width:30px;background:url(/images/main/sns_instagram.png) 50% no-repeat;background-size:30px auto;}
.sns_block li a {display:block;overflow:hidden;height:100%;font-size:0;line-height:0;text-indent:-10000000px;}




/* ----------
intro.css
---------- */
/* 개요 */
.sum_wrap {position:relative;padding-bottom:24px;border-bottom:1px solid #e1e1e1}
.sum_wrap .h_desc {width:500px;}
.sum_wrap .r_text {margin:-100px 0 0 auto;width:260px}
.sum_wrap .r_text p {color:#262626;font-size:13px;line-height:21px;}
.sum_wrap .r_text ul {overflow:hidden;margin-top:10px;padding-top:6px;border-top:1px solid #e1e1e1;}
.sum_wrap .r_text ul li {float:left;width:50%;color:#262626;font-size:13px;line-height:23px;white-space:nowrap;}
.sum_wrap .r_text .st {color:#a6a6a6;font-size:13px;line-height:23px;}
.sum_wrap .img {display:block;margin-top:36px;font-size:0;line-height:0}
.sum_wrap .text_wrap {display:flex;flex-wrap:wrap;column-gap:20px;margin-top:37px;}
.sum_wrap .text_wrap.t_line {margin-top:30px;padding-top:22px;border-top:1px solid #e1e1e1}
.sum_wrap .text_wrap .fl_left {flex:1;float:none;}
.sum_wrap .text_wrap .fl_right {flex:1;float:none;}
.sum_wrap .text_wrap h3 {flex:0 0 100%;/* shrink:0, grow:0, basis:100% */max-width:100%;font-size:18px;line-height:30px;color:#262626;font-weight:bold}
.sum_wrap .text_wrap .info {margin-top:16px;color:#262626;font-size:14px;line-height:24px;word-spacing:0;word-break:keep-all;}
.sum_wrap .text_wrap .fl_left .info {margin-right:0;}
.sum_wrap .text_wrap .info.fl_left {margin-right:0;}
.sum_wrap .text_wrap .info.fl_right {margin-right:0;}
/* body.en .sum_wrap .text_wrap h3 {font-family:'AktivGrotesk-Bold';} */

/* 경영철학 */
.phil_wrap {}
.phil_wrap li {position:relative;min-height:325px;padding:30px 0;border-top:1px solid #e1e1e1;}
.phil_wrap li:first-child {padding-top:0;border-top:0}
.phil_wrap li .img {display:block;position:absolute;top:30px;right:0;font-size:0;line-height:0}
.phil_wrap li:first-child .img {top:0;right:0}
.phil_wrap li .num {display:block;margin-top:-5px;color:#262626;font-size:14px;line-height:24px;font-weight:bold}
.phil_wrap li dt {margin-top:5px;color:#262626;font-family:'Nanum Myeongjo';font-size:32px;line-height:44px;letter-spacing:-2.5px;word-spacing:0;}
.phil_wrap li dd {margin-top:17px;color:#262626;font-size:14px;line-height:24px;}
.phil_wrap li.t_right {padding-left:485px}
.phil_wrap li.t_right .img {position:absolute;left:0;right:auto}

/* 디자인철학 */
.dbew_wrap {margin-top:30px}
.dbew_wrap .img {display:block;font-size:0;line-height:0}
.dbew_wrap ol {margin-top:40px}
.dbew_wrap ol li {position:relative;min-height:310px;padding:40px 480px 40px 0;border-top:1px solid #e1e1e1;}
.dbew_wrap ol li .img {overflow:hidden;position:absolute;top:40px;right:0;width:474px;height:230px;}
.dbew_wrap ol li .img img {position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;}
.dbew_wrap ol li .num {display:block;margin-top:-4px;color:#262626;font-size:11px;line-height:16px;font-weight:bold}
.dbew_wrap ol li dt {margin-top:5px;color:#262626;font-size:18px;line-height:30px;font-weight:bold}
.dbew_wrap ol li dd {margin-top:18px;color:#262626;font-size:14px;line-height:24px;}
.center_wrap {}
.center_wrap .dbew_center {padding:32px 0 40px 0;border-top:1px solid #e1e1e1;}
.center_wrap .dbew_center:first-child {margin-top:0;padding-top:0;border-top:0}
.center_wrap .dbew_center h2 {margin-top:0}
.center_wrap .dbew_center .desc {margin-top:13px;font-size:14px;line-height:24px;}
.center_wrap .dbew_center .img {display:block;margin-top:33px;font-size:0;line-height:0}

/* CI */
.ci_wrap {margin-top:43px}
.ci_wrap .img {display:block;font-size:0;line-height:0}
.ci_wrap .img img {max-width:100%;}
.ci_wrap .img + .img {margin-top:40px !important;}
.ci_wrap .tit {margin-top:45px;color:#262626;font-size:18px;line-height:28px;font-weight:bold}
.ci_wrap .info {margin-top:24px;color:#262626;font-size:14px;line-height:24px;}

/* 경영방침_중장기목표 */
.poli_wrap {}
.poli_wrap .top {}
.poli_wrap .top h2 {margin-top:-7px}
.poli_wrap .top h3 {margin:22px 0 3px 0;color:#9eb4ca;font-size:14px;line-height:26px;}
.poli_wrap .top ul {overflow:hidden;width:662px;padding:15px 0 21px 0;border-top:1px solid #dee6ee;border-bottom:1px solid #dee6ee;}
.poli_wrap .top ul li {float:left;width:178px;color:#184071;font-size:18px;font-weight:bold;line-height:28px;}
.poli_wrap .top ul li.nth01 {width:164px}
.poli_wrap .top ul li.nth02 {width:164px}
.poli_wrap .top ul li.nth03 {width:177px}
.poli_wrap .top ul li.nth04 {width:155px}
.poli_wrap {}
.poli_wrap .img {display:block;font-size:0;line-height:0}
.poli_wrap ol {margin-top:40px}
.poli_wrap ol li {position:relative;min-height:240px;padding:40px 480px 40px 0;border-top:1px solid #e1e1e1;}
.poli_wrap ol li .img {position:absolute;top:40px;right:0}
.poli_wrap ol li .num {display:block;margin-top:-3px;color:#262626;font-size:11px;line-height:16px;font-weight:bold}
.poli_wrap ol li dt {margin-top:4px;color:#262626;font-size:18px;line-height:30px;font-weight:bold}
.poli_wrap ol li dd {margin-top:20px;color:#262626;font-size:14px;line-height:24px;padding-right:90px;word-break:keep-all;}
.poli_wrap .poli {overflow:hidden;height:600px;background:url(/images/intro/img_poli_01.jpg) no-repeat 0 bottom;}
.poli_wrap .poli dt {float:left;clear:both;color:#9eb4ca;font-size:18px;font-weight:bold;vertical-align:top;}
.poli_wrap .poli dd {padding-left:150px;margin-bottom:50px;}
.poli_wrap .poli dd:last-child {margin-bottom:0;}
.poli_wrap .poli dd strong {color:#184071;font-size:18px;display:block;margin-bottom:10px;}
.poli_wrap .poli dd p {font-size:17px;line-height:1.6;font-weight:bold;}

/* 윤리경영 */
.nav_wrap {margin-top:42px;}
.nav_wrap ul {display:flex;flex-wrap:nowrap;overflow:hidden;}
.nav_wrap ul li {width:240px;}
.nav_wrap ul li a {display:block;border:1px solid #e6e6e6;border-left:0;background-color:#fff;color:#262626;font-size:13px;font-weight:bold;line-height:43px;text-align:center;}
.nav_wrap ul li:first-child a {border-left:1px solid #e6e6e6;}
.nav_wrap ul li.on a,
.nav_wrap ul li a:hover {background-color:#d7182a;color:#fff;text-decoration:none;}

.article_wrap {margin-top:50px;border-bottom:1px solid #e1e1e1;}
.article_wrap .article {overflow:hidden;border-top:1px solid #e1e1e1;}
.article_wrap .article .h_tit {float:left;width:220px;margin-top:25px;font-size:18px;line-height:28px;}
.article_wrap .article .fl_right {float:right;width:740px;padding:25px 0;font-size:14px;line-height:24px;}
.article_wrap .article .fl_right h4 {margin-top:10px;}
.article_wrap .article .fl_right h4:first-child {margin-top:0;}
.article_wrap .article .fl_right ol {overflow:hidden;}
.article_wrap .article .fl_right ol li {position:relative;margin-top:0;}
.article_wrap .article .fl_right ol li.letter_one {padding-left:20px;word-spacing:-1px;}
.article_wrap .article .fl_right ol li.letter_two {padding-left:33px;word-spacing:-1px;}
.article_wrap .article .fl_right ol li span {position:absolute;top:0;left:0;font-weight:bold;}
.article_wrap .article .fl_right ol.assu_list {margin-top:15px;}
.article_wrap .article .fl_right ol.assu_list li {margin:0;color:#1a1a1a;line-height:32px;}
.article_wrap .article .fl_right ol.assu_list li strong {color:#262626;}
.article_wrap .article .fl_right ol.assu_list li a {display:inline-block;padding-right:15px;background:url('/images/intro/icon_assu_arr_01.gif') no-repeat right 6px;color:#262626;font-weight:bold;line-height:33px;}
.article_wrap .article .fl_right ol.assu_list li.on a {background:url('/images/intro/icon_assu_arr_02.gif') no-repeat right 6px;}
.article_wrap .article .fl_right ol.assu_list li a:hover {color:#262626;text-decoration:none;}
.article_wrap .article .fl_right ol.assu_list li ul {display:none;}
.article_wrap .article .fl_right ol.assu_list li.on ul {display:block;}
.article_wrap .article .fl_right ol.assu_list li ul {margin-bottom:6px;}
.article_wrap .article .fl_right ol.assu_list li ul li {margin-top:0;color:#999;line-height:24px;}
.article_wrap .assu_wrap {background:#999;}
.article_wrap .assu_wrap p {font-family:inherit;font-style:normal;font-size:18px;line-height:45px;color:#fff;font-weight:bold;text-align:center;}
.article_wrap .article .fl_right .assu_list {margin-top:5px;}
.article_wrap .article .fl_right .assu_list li {font-size:14px;line-height:24px;color:#999;}
.article_wrap .article .fl_right table {width:100%;}
.article_wrap .article .fl_right .table_wrap {margin-top:14px;}
.article_wrap .article .fl_right table tbody td {padding:9px 10px 8px 10px;text-align:left;}
.article_wrap .article .fl_right table ul li {padding-left:6px;background:url('/images/common/bul_gray_2_3.gif') no-repeat 0 11px;}

.cyber_wrap {margin-top:35px;}
.cyber_wrap h3 {font-size:18px;line-height:28px;}
.cyber_wrap .h_desc {margin-top:18px;font-size:14px;line-height:24px;}
.cyber_wrap .h_desc_ol {}
.cyber_wrap .h_desc_ol ul {padding-left:15px;}
.cyber_wrap .h_desc_ol ul li {clear:both;}
.cs_shortcut {float:right;display:inline-block;padding:10px 32px 10px 31px;margin:10px 10px 20px;position:relative;background:#999;color:#fff !important;text-decoration:none;}
.cs_shortcut:hover {text-decoration:none;}
.cs_shortcut:after {content:'';position:absolute;right:23px;top:0;bottom:0;margin:auto;width:5px;height:5px;border:solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);}
.cyber_wrap .section {width:474px;padding-top:24px;border-top:1px solid #e1e1e1;}
.cyber_wrap .section .report_wrap {margin-top:20px;position:relative;}
.cyber_wrap .section .report_wrap .more {}
.cyber_wrap .section .report_wrap .more li {border:solid 1px #ddd;border-bottom-width:0;}
.cyber_wrap .section .report_wrap .more li:last-child {border-bottom-width:1px;}
.cyber_wrap .section .report_wrap .more dl {display:table;width:100%;}
.cyber_wrap .section .report_wrap .more dt,
.cyber_wrap .section .report_wrap .more dd {display:table-cell;padding:5px 10px;height:44px;vertical-align:middle;}
.cyber_wrap .section .report_wrap .more dt {width:270px;font-weight:bold;line-height:1.4;}
.cyber_wrap .section .report_wrap .more dd {text-align:right;}
.cyber_wrap .section .report_wrap .more dd a {display:inline-block;min-width:160px;padding:10px 5px;color:#fff;background:#555;text-align:center;text-decoration:none;}
.cyber_wrap .section .report_wrap .more dd a:hover {text-decoration:none;}
.cyber_wrap .section .report_wrap .report_con {display:none;width:960px;margin-top:-110px;top:-190px;border:2px solid #b03232;padding:40px 20px;position:relative;background:#fff;box-sizing:border-box;}
.cyber_wrap .section .report_wrap .report_con .header {position:relative;}
.cyber_wrap .section .report_wrap .report_con .header h2 {padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid #ddd;}
.cyber_wrap .section .report_wrap .report_con .header .ta_r {height:20px;position:relative;}
.cyber_wrap .section .report_wrap .report_con .header .ta_r .required_ico {position:absolute;right:0;}
.cyber_wrap .section .report_wrap .report_con .header .close {position:absolute;top:-20px;right:0;font-size:0;width:20px;height:20px;}
.cyber_wrap .section .report_wrap .report_con .header .close:before,
.cyber_wrap .section .report_wrap .report_con .header .close:after {content:'';width:100%;height:1px;background:#000;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.cyber_wrap .section .report_wrap .report_con .header .close:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.cyber_wrap .section input[type='text'],
.cyber_wrap .section input[type='password'] {box-sizing:border-box;height:40px;}
.cyber_wrap .section .report_wrap .report_con textarea {box-sizing:border-box;}
.cyber_wrap .section .report_wrap .report_con table {width:100%;}
.cyber_wrap .section .report_wrap .report_con table th {padding-top:12px;font-weight:normal;text-align:left;vertical-align:top;}
.cyber_wrap .section .report_wrap .report_con table th p {font-size:14px;line-height:24px;}
.cyber_wrap .section .report_wrap .report_con table td {padding:5px 0;}
.cyber_wrap .section .report_wrap .report_con table .inp_add .at {display:inline-block;width:19px;text-align:center;}
.cyber_wrap .section .report_wrap .report_con table .inp_add .select {margin-left:227px;padding-right:14px;}
.cyber_wrap .section .report_wrap .report_con table td .txt_alert {display:block;color:#a6a6a6;font-size:14px;line-height:30px;}
.cyber_wrap .section .report_wrap .report_con table .chk_alarm {}
.cyber_wrap .section .report_wrap .report_con table .chk_alarm input {margin-right:9px;vertical-align:-2px;}
.cyber_wrap .section .report_wrap .report_con table .chk_alarm span {display:inline-block;line-height:38px;}
.cyber_wrap .section .report_wrap .report_con table .chk_alarm span:first-child {margin-right:50px;}
.cyber_wrap .section .report_wrap .report_con table td .agreement {overflow-y:scroll;height:200px;padding:15px;border:1px solid #a6a6a6;font-size:13px;line-height:24px;}
.cyber_wrap .section .report_wrap .report_con table td .chk_agree_area {display:block;margin-top:10px;font-size:14px;line-height:25px;}
.cyber_wrap .section .report_wrap .report_con table td .chk_agree_area input {margin-right:9px;vertical-align:-2px;}
.cyber_wrap .section .report_wrap .report_con table td .agreement table {font-size:13px;}
.cyber_wrap .section .report_wrap .report_con table td .agreement table th,.cyber_wrap .section .report_wrap .report_con table td .agreement table td {border:1px solid #eee;padding:10px 5px;}
.cyber_wrap .section .report_wrap .report_con table td .agreement table th {background:#f5f5f5;text-align:center;}
.cyber_wrap .section .report_wrap .report_con table td .agreement table .term {font-size:16px;}
.cyber_wrap .section .report_wrap .report_con .report_btn {margin-top:30px;padding-left:109px;}
.cyber_wrap .section .report_wrap .report_con .report_btn .btn_report {width:105px;height:40px;background:url('/images/intro/btn_report.gif') no-repeat 0 0;}
.cyber_wrap .section .report_wrap .report_con .report_btn .btn_close {width:105px;height:40px;background:url('/images/intro/btn_close.gif') no-repeat 0 0;}
.cyber_wrap .section .confirm_wrap {margin-top:20px;}
.cyber_wrap .section .confirm_wrap .code {}
.cyber_wrap .section .confirm_wrap .code .btn_confirm {width:105px;height:40px;margin-left:7px;background:url('/images/intro/btn_confirm.gif') no-repeat 0 0;}
.cyber_wrap .section .confirm_wrap .reply {margin-top:24px;}
.cyber_wrap .section .confirm_wrap .reply p {padding-left:11px;background:url('/images/common/bul_red.gif') no-repeat 0 10px;font-size:14px;line-height:24px;}
.cyber_wrap .section .confirm_wrap .reply .replay_con {overflow-y:scroll;height:512px;margin-top:4px;padding:15px;border:1px solid #999;font-size:14px;line-height:24px;}
.required_ico {display:inline-block;margin:0 0 0 8px}
.required_ico img {vertical-align:middle;margin:0 5px 0 0}

/*윤리경영-사이버 감사실_우편번호 검색pop 추가*/
#pop_zip_wrap {width:550px;position:absolute;left:50%;margin-left:-275px;border:1px solid #d7182a;display:none;background:#fff;z-index:10;}
#pop_zip_wrap .zip_area {width:450px;margin:50px auto;}
#pop_zip_wrap .pop_con_wrap {padding-top:19px;margin-top:20px;border-top:1px solid #a6a6a6;}
#pop_zip_wrap .pop_con_wrap .add_box {margin-top:19px;}
#pop_zip_wrap .pop_con_wrap .add_box .add_list {border:1px solid #a6a6a6;width:448px;height:251px;overflow-x:hidden;overflow-y:scroll;}
#pop_zip_wrap .pop_con_wrap .add_box .add_list ul {padding:20px;}
#pop_zip_wrap .pop_con_wrap .add_box .add_list ul li {padding:10px 0;}
#pop_zip_wrap .pop_con_wrap .add_box .add_list ul li:first-child {padding-top:0px;}
#pop_zip_wrap .pop_con_wrap .add_box .add_list ul li span {margin-right:30px;}
#pop_zip_wrap .close_btn {position:absolute;right:10px;top:10px;}

/*윤리경영-사이버 감사실_접수완료pop 추가*/
#pop_alert_wrap {position:absolute;left:50%;top:50%;margin-left:-320px;margin-top:-204px;}
#pop_alert_wrap .alert_pop {width:640px;height:407px;background:url("/images/intro/pop_alert.png") no-repeat;}
#pop_alert_wrap .alert_pop .alert_num {position:absolute;left:41px;top:212px;letter-spacing:0;}
#pop_alert_wrap .close_btn {position:absolute;right:10px;top:10px;}

/* 사업소개_사업영역 */
.tit_wrap .desc {margin-top:13px;line-height:25px;}
.field_wrap {}
.field_wrap .field_info {padding:32px 0 40px 0;border-top:1px solid #e1e1e1;}
.field_wrap .field_info:first-child {margin-top:0;padding-top:0;border-top:0}
.field_wrap .field_info h2 {margin-top:0}
.field_wrap .field_info .desc {margin-top:23px;line-height:24px;}
.field_wrap .field_info .desc:first-child {margin-top:0;}
.field_wrap .field_info .img {display:block;margin-top:35px;font-size:0;line-height:0}
.field_wrap .field_info .info_txt {overflow:hidden;margin-top:30px}
.field_wrap .field_info .info_txt dl {float:left;width:292px;margin-left:32px;border-top:1px solid #a6a6a6}
.field_wrap .field_info .info_txt dl:first-child {margin-left:0}
.field_wrap .field_info .info_txt dl dt {margin-top:9px;font-size:13px;font-weight:bold}
.field_wrap .field_info .info_txt dl dd {font-size:13px;line-height:23px;word-break:keep-all;}
.field_wrap.business_sub .field_info:first-child {margin-top:40px;padding-top:32px;border-top:1px solid #e1e1e1;}
.field_wrap.business_sub .field_info .desc {margin-top:24px;}

/* 사업소개_사업부소개 */
.business_wrap {margin-top:30px;padding-top:30px;border-top:1px solid #e1e1e1}
.business_wrap .text_wrap {overflow:hidden;margin-top:40px;}
.business_wrap .text_wrap:first-child {margin-top:0}
.business_wrap .text_wrap .img {display:block;font-size:0;line-height:0}
.business_wrap .text_wrap .img img {width:100%;height:275px;object-fit:cover;}
.business_wrap .text_wrap .fl_left {float:left;width:474px;}
.business_wrap .text_wrap .fl_right {float:right;width:474px;}
.business_wrap .text_wrap h3 {margin-top:10px;color:#262626;font-size:18px;line-height:30px;font-weight:bold;}
.business_wrap .text_wrap .info {margin-top:18px;color:#262626;font-size:14px;line-height:24px;word-break:keep-all;height:130px}
.business_wrap .text_wrap .btn_wrap {overflow:hidden;padding-top:14px;text-align:left}
.business_wrap .text_wrap .btn_wrap a {float:right;font-size:13px;line-height:38px;}
.business_wrap .text_wrap .btn_wrap a:first-child {float:left}

/* 사업소개_한샘의경쟁력 */
.no1_wrap {margin-top:30px;border-bottom:1px solid #e1e1e1;}
.no1_wrap .img {display:block;font-size:0;line-height:0}
.no1_wrap ol {margin-top:40px}
.no1_wrap ol li {position:relative;min-height:310px;padding:40px 520px 40px 0;border-top:1px solid #e1e1e1;}
.no1_wrap ol li .img {overflow:hidden;position:absolute;top:40px;right:0;width:474px;height:310px;}
.no1_wrap ol li .img img {width:100%;height:100%;object-fit:cover;}
.no1_wrap ol li dt {margin-top:-7px;color:#262626;font-size:18px;line-height:30px;font-weight:bold}
.no1_wrap ol li dd {margin-top:18px;color:#262626;font-size:14px;line-height:24px;word-break:keep-all;}
.pride_wrap {margin-top:30px;border-bottom:1px solid #e1e1e1;}
.pride_wrap li {position:relative;min-height:325px;padding:30px 0;border-top:1px solid #e1e1e1;}
.pride_wrap li .img {display:block;overflow:hidden;position:absolute;top:30px;right:0;width:474px;height:265px;font-size:0;line-height:0;}
.pride_wrap li .img img {position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;}
.pride_wrap li .num {display:block;margin-top:-5px;color:#262626;font-size:14px;line-height:24px;font-weight:bold}
.pride_wrap li dl {width:454px;}
.pride_wrap li dl dt {margin-top:5px;color:#262626;font-family:'Nanum Myeongjo';font-size:32px;line-height:44px;letter-spacing:-2.5px;word-spacing:0;word-wrap:break-word;word-break:keep-all;}
.pride_wrap li dl dd {margin-top:17px;color:#262626;font-size:14px;line-height:24px;word-wrap:break-word;word-break:keep-all;}
.pride_wrap li dl.pride-list {width:auto;}
.pride_wrap li dl.pride-list dt {margin:5px 0 24px 0;color:#262626;font-family:'Nanum Myeongjo';font-size:32px;line-height:44px;letter-spacing:-2.5px;word-spacing:0;word-wrap:break-word;word-break:keep-all;}
.pride_wrap li dl.pride-list dd {font-size:14px;line-height:24px;color:#262626;word-wrap:break-word;word-break:keep-all;}
.pride_wrap li dl.pride-list dd .pride-sub {display:flex;flex-wrap:nowrap;justify-content:space-between;margin:34px 0 0 0;}
.pride_wrap li dl.pride-list dd .pride-sub:first-child {margin-top:0;}
.pride_wrap li dl.pride-list dd .pride-sub .pride-sub-cont {width:454px;}
.pride_wrap li dl.pride-list dd .pride-sub .pride-sub-cont .pride-list-tit {margin:0 0 17px 0;padding:5px 0 0 0;font-family:'Nanum Myeongjo';font-size:32px;line-height:44px;color:#262626;letter-spacing:-2.5px;word-spacing:0;word-wrap:break-word;word-break:keep-all;}
.pride_wrap li dl.pride-list dd .pride-sub .pride-sub-cont .pride-sub-tit {margin:0 0 12px 0;padding:5px 0 0 0;font-size:18px;line-height:1.6;color:#262626;font-weight:700;}
.pride_wrap li dl.pride-list dd .pride-sub .pride-sub-cont .pride-list-tit + .pride-sub-tit {padding-top:0;}
.pride_wrap li dl.pride-list dd .pride-sub .pride-sub-cont .pride-sub-opt {margin:18px 0 0 0;}
.pride_wrap li dl.pride-list dd .pride-sub .pride-sub-img {width:474px;height:320px;}
.pride_wrap li dl.pride-list dd .pride-sub .pride-sub-img img {width:100%;height:100%;object-fit:cover;}
.pride_wrap li.t_right {padding-left:506px}
.pride_wrap li.t_right .img {position:absolute;left:0;right:auto}

/* 사업소개_파트너상담 */
.partner_wrap {overflow:hidden;}
.partner_wrap li {float:left;width:312px;margin:0 0 40px 12px;height:300px}
.partner_wrap li:nth-child(3n+1) {margin-left:0}
.partner_wrap li .img {display:block;font-size:0;line-height:0}
.partner_wrap li .img img {width:100%;height:200px;object-fit:cover;}
.partner_wrap li .tit {margin-top:13px;color:#262626;font-size:18px;line-height:30px;font-weight:bold}
.partner_wrap li .btn_link {margin-top:14px;}

/* 연혁 */
.history_wrap {width:720px}
.history_wrap table {width:100%}
.history_wrap h3 {margin:36px 0 12px 0;font-size:18px;line-height:30px}
.history_wrap .img_wrap {overflow:hidden;margin-top:10px}
.history_wrap .img_wrap .img {display:block;font-size:0;line-height:0}
.history_wrap .img_wrap ul {display:flex;flex-wrap:wrap;width:100%;}
.history_wrap .img_wrap li {font-size:0;line-height:0}
.history_wrap .img_wrap p {margin-top:12px;font-size:13px;line-height:26px}
.table_wrap.his {border-top:0}
.table_wrap.his tbody tr th {padding:9px 0 8px 0;border-top:1px solid #e1e1e1;border-bottom:0 none;border-left:0 none;border-right:0 none;background:#fff;font-size:13px;line-height:1.6;text-align:left;vertical-align:top;}
.table_wrap.his tbody tr td {padding:9px 0 8px 0;border-top:1px solid #e1e1e1;border-bottom:0 none;border-left:0 none;border-right:0 none;font-size:13px;line-height:1.6;text-align:left;vertical-align:top;}
.table_wrap.his tbody tr:first-child th, .table_wrap.his tbody tr:first-child td {border-top:1px solid #262626;}
.data_view {margin:20px 0 0 0;}
.data_view ul {display:flex;flex-wrap:nowrap;column-gap:7px;}
.data_view ul li {flex:1;}
.data_view ul li .data_view_img {overflow:hidden;}
.data_view ul li .data_view_img img {width:100%;object-fit:cover;}
.data_view ul li .data_view_txt {margin-top:6px;font-size:11px;line-height:1.6;}
.data_view.history-pic ul li .data_view_img {height:138px;}


/* 보도자료 List */
.news_wrap .cont1 {display:none}
.news_wrap .cont2 {display:block}
.news_wrap {}
.news_wrap .ann_list {overflow:hidden;margin-top:40px;border-top:1px solid #262626;}
.news_wrap .ann_list table {width:100%;}
.news_wrap .ann_list table thead tr th {padding:14px 10px 14px 10px;border-bottom:1px solid #e1e1e1;background-color:#fff;color:#000;font-size:13px;font-weight:normal;text-align:center;}
.news_wrap .ann_list table tbody tr td {padding:13px 10px 13px 10px;border-bottom:1px solid #e1e1e1;color:#000;text-align:center;}
.news_wrap .ann_list table thead tr th.al_left {padding:14px 10px 14px 30px;}
.news_wrap .ann_list table tbody tr td.al_left {padding:13px 0 13px 30px;}
.news_wrap .ann_list.cont2 {}
.news_wrap .ann_list ul {overflow:hidden;width:972px;margin-left:-12px;}
.news_wrap .ann_list ul li {float:left;width:474px;height:480px;padding:0 0 47px 12px}
.news_wrap .ann_list ul li a {display:block;height:480px}

/*150601 박지민 - a태그 block 속성 추가*/
.news_wrap .ann_list ul li .img {display:block;font-size:0;line-height:0;width:474px;height:330px}

/*150601 박지민 - wt, ht값 추가*/
.news_wrap .ann_list ul li .img img {width:100%;height:100%}

/*150601 박지민 -img 속성 추가*/
.news_wrap .ann_list ul li dt {display:inline-block;overflow:hidden;height:28px;margin-top:14px;color:#262626;font-size:18px;font-weight:bold;white-space:nowrap;width:100%;line-height:28px;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:-1px;word-spacing:0}

/*150601 박지민 - 텍스트 줄임코드 추가*/
.news_wrap .ann_list ul li dd {color:#a6a6a6;font-size:14px;line-height:24px;}
.news_wrap .ann_list ul li dd.info {display:inline-block;width:100%;overflow:hidden;max-height:72px;margin-top:5px;padding-top:6px;border-top:1px solid #e1e1e1;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

/*150601 박지민 - 텍스트 줄임코드 추가*/
.news_wrap .ann_list ul li a:hover {text-decoration:none}
.news_wrap .ann_list ul li a:hover dd.date {color:#737373;}
.news_wrap .ann_list ul li a:hover dd.info {color:#737373;text-decoration:underline}
.news_wrap .pager_wrap {padding-top:28px}

/* 보도자료 Detail */
.news_wrap .ann_detail {margin-top:40px;}
.news_wrap .ann_detail .ann_tit {position:relative;padding:13px 0 11px 0;border-top:1px solid #000;border-bottom:1px solid #e1e1e1}
.news_wrap .ann_detail .ann_tit h2 {color:#262626;font-size:18px;line-height:30px;overflow:hidden;width:90%;text-overflow:ellipsis;white-space:nowrap;}

/*150602 박지민 - 텍스트 말줄임 코드 추가*/
.news_wrap .ann_detail .ann_tit .date {color:#a6a6a6;font-size:14px;line-height:26px;}
.news_wrap .ann_detail .ann_tit a {position:absolute;top:22px;right:0}
.news_wrap .ann_detail .ann_cont {padding:20px 0 54px 0}
.news_wrap .ann_detail .ann_cont p {margin-top:24px;font-size:14px;line-height:24px}
.news_wrap .ann_detail .ann_cont p:first-child {margin:0}
.news_wrap .ann_detail .ann_cont img {margin-top:24px;font-size:0;line-height:0}
.news_wrap .ann_detail .ann_page {overflow:hidden;position:relative;min-height:24px;padding:28px 0;border-top:1px solid #e4e4e4;border-bottom:1px solid #a6a6a6}
.news_wrap .ann_detail .ann_page .btn_prev {overflow:hidden;float:left;width:435px;}
.news_wrap .ann_detail .ann_page .btn_next {overflow:hidden;float:right;width:435px;text-align:right}
.news_wrap .ann_detail .ann_page span a {display:block;overflow:hidden;width:80%;height:24px;text-overflow:ellipsis;white-space:nowrap;color:#262626;font-size:14px;font-weight:bold;line-height:24px;}

/*150602 박지민 - 텍스트 말줄임 코드 추가*/
.news_wrap .ann_detail .ann_page .btn_prev a {padding:0 0 0 75px;background:url('/images/intro/bg_ann_detail_page.gif') no-repeat 0 0;}
.news_wrap .ann_detail .ann_page .btn_next a {padding:0 75px 0 0;background:url('/images/intro/bg_ann_detail_page.gif') no-repeat right -24px;}
.news_wrap .ann_detail .ann_page .btn_base {position:absolute;top:22px;left:445px;width:70px;height:36px}

/* 보도자료_영상 */
.media_wrap {margin-top:40px;}
.media_wrap .media_top {overflow:hidden;padding:0 0 17px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.media_wrap .media_top .fl_left {float:left;width:314px;display:none;}
.media_wrap .media_top .fl_left:first-child {display:block;}
.media_wrap .media_top .fl_left h2 {margin-top:12px;color:#262626;font-size:18px;line-height:34px}
.media_wrap .media_top .fl_left p {margin-top:16px;color:#272727;font-size:14px;line-height:24px;}
.media_wrap .media_top .fl_left .date {margin-top:0;color:#a6a6a6}
.media_wrap .media_top .fl_right {float:right;width:636px;margin-top:34px;}
.media_wrap .media_top .fl_right .mov {width:636px;height:392px}
.media_wrap .media_top .fl_right .share_wrap {overflow:hidden;padding-top:17px}
.media_wrap .media_top .fl_right .share_wrap .txt {float:left;width:240px}
.media_wrap .media_top .fl_right .share_wrap .txt p {font-size:14px;line-height:24px}
.media_wrap .media_top .fl_right .share_wrap .sns_wrap {float:right;width:300px;height:24px;margin-top:3px;text-align:right;font-size:0}
.media_wrap .media_top .fl_right .share_wrap .sns_wrap a {display:inline-block;width:24px;height:24px;margin-left:22px}
.media_wrap .media_list {overflow:hidden;width:960px;padding:0 0 0 0}
.media_wrap .media_list ul {overflow:hidden;width:972px;margin-left:-12px;}
.media_wrap .media_list ul li {float:left;width:312px;height:282px;margin:35px 0 0 12px;}
.media_wrap .media_list ul li a {display:block;font-size:0;line-height:0}
.media_wrap .media_list ul li dl {font-size:0;line-height:0;color:transparent;}
.media_wrap .media_list ul li dl dt {display:block;overflow:hidden;margin-top:7px;font-size:18px;line-height:32px;color:#262626;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;}
.media_wrap .media_list ul li dl dd {display:block;font-size:14px;line-height:24px;color:#a6a6a6;}
.media_wrap .media_list ul li dl dd .like {display:inline-block;margin-left:12px;padding-left:8px;background:url('/images/intro/bg_media_like_bar.gif') no-repeat 0 center;font-size:13px;line-height:24px;}
.media_wrap .pager_wrap {padding-top:30px}

/* SNS */
.sns_wrap {overflow:hidden;margin-top:38px}
.sns_wrap .fl_left {width:450px}
.sns_wrap .fl_left h3 {margin-bottom:30px;font-size:0;line-height:0}
.sns_wrap .fl_left .facebook {width:448px;height:961px;border:1px solid #eaeaea}
.sns_wrap .fl_right {width:473px;}
.sns_wrap .fl_right h3 {margin-bottom:23px;font-size:0;line-height:0}
.sns_wrap .fl_right .blog_wrap {}
.sns_wrap .fl_right .blog_wrap li {position:relative;padding:24px 0;border-bottom:1px solid #e1e1e1}
.sns_wrap .fl_right .blog_wrap li:first-child {border-top:1px solid #e1e1e1}
.sns_wrap .fl_right .blog_wrap li a {display:block;padding-right:164px;height:130px}
.sns_wrap .fl_right .blog_wrap li a:hover {text-decoration:none}
.sns_wrap .fl_right .blog_wrap li a .thumb {display:block;position:absolute;top:24px;right:21px;width:130px;height:130px}

/*150601 박지민 - wt,ht값 추가*/
.sns_wrap .fl_right .blog_wrap li a .thumb img {width:100%;height:100%}

/*150601 박지민 - img 속성 추가*/
.sns_wrap .fl_right .blog_wrap li a .tit {display:block;color:#262626;font-size:14px;line-height:24px;font-weight:bold}
.sns_wrap .fl_right .blog_wrap li a .info {display:block;display:-webkit-box;overflow:hidden;height:69px;color:#262626;font-size:14px;line-height:24px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.sns_wrap .fl_right .blog_wrap li a .info:hover {text-decoration:underline}

/* DBEW 찾아오시는 길 추가 */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.customer_wrap .ho_content {overflow:hidden;padding-top:40px;border-top:1px solid #e1e1e1;}
.customer_wrap .ho_content .ho_box {float:left;}
.customer_wrap .ho_content .ho_box h2 {margin-bottom:25px;font-family:'Nanum Myeongjo',serif;font-size:32px;font-weight:normal;line-height:32px;letter-spacing:-0.6px}
.customer_wrap .ho_content .ho_box dl {font-size:14px;margin-bottom:18px;}
.customer_wrap .ho_content .ho_box dl dt {font-weight:bold;}
.customer_wrap .ho_content .office_map {float:right;}

/* 2017 - 08 - 18 동반성장*/
.select_btn_wrap h3 {margin-top:40px;margin-bottom:35px;}
.select_btn_wrap .co_wrap li {float:left;box-sizing:border-box;}
.select_btn_wrap .co_wrap li a {display:block;height:305px;font-size:0;}
.select_btn_wrap .co_wrap li.btn1 a {width:243px;background:url("/images/intro/Win_Win.jpg") no-repeat 0 0;}
.select_btn_wrap .co_wrap li.btn2 a {width:240px;background:url("/images/intro/fair.jpg") no-repeat 0 0;}
.select_btn_wrap .co_wrap li.btn3 a {width:239px;background:url("/images/intro/Review.jpg") no-repeat 0 0;}
.select_btn_wrap .co_wrap li.btn4 a {width:243px;background:url("/images/intro/preservation.jpg") no-repeat 0 0;}
.select_btn_wrap .co_wrap li.btn1 a:hover {width:243px;background:url("/images/intro/Win_Win_on.jpg") no-repeat 0 0;}
.select_btn_wrap .co_wrap li.btn2 a:hover {width:240px;background:url("/images/intro/fair_on.jpg") no-repeat 0 0;}
.select_btn_wrap .co_wrap li.btn3 a:hover {width:239px;background:url("/images/intro/Review_on.jpg") no-repeat 0 0;}
.select_btn_wrap .co_wrap li.btn4 a:hover {width:248px;background:url("/images/intro/preservation_on.jpg") no-repeat 0 0;}

/* 220211 일부 수정 */
/* 지속가능경영 */
.mg0 {margin:0 !important;}
.mt20 {margin-top:20px;}
.pdl0 {padding-left:0 !important;}
.clear {clear:both;}
.bt_style1 {border-top:1px solid #e1e1e1;}
.bt_style2 {border-top:1px solid #777;}
.tbl_style1 {width:100%;}
.tbl_style1 th {border:1px solid #CBCBCB;padding:20px 10px;}
.tbl_style1 th {background:#f8f9f9;}
.tbl_style1 td {border:1px solid #CBCBCB;padding:10px 10px;}
.tbl_style1 td.left {text-align:left;}
.tbl_style1 td.center {text-align:center;}
.tbl_style1 td.right {text-align:right;}
.tbl_style1 td.vtop {vertical-align:top;}
.tbl_style1 tr:first-child th,.tbl_style1 tr:first-child td {border-top:1px solid #000;}
.tbl_style1 th:first-child,.tbl_style1 td:first-child {border-left:0;}
.tbl_style1 th:last-child,.tbl_style1 td:last-child {border-right:0;}
.tbl_style1 td .sub_list li {margin:7px 0 0 0;padding:0 0 0 12px;text-indent:-12px;}
.tbl_style1 td .sub_list li:first-child {margin-top:0;}
.tbl_style1 td .sub_list_tit {margin:0 0 14px 0;}


.cont_header {line-height:normal;}
.cont_header .greeting {font-family:'Nanum Myeongjo';font-size:32px;line-height:1.5;margin-bottom:25px;}
.cont_header .greeting_desc {font-size:13px;line-height:1.8;margin-bottom:45px;}
.cont_body {padding:35px 0;}
.cont_body h4 {font-size:18px;margin-bottom:20px;}
.cont_body table {font-size:14px;}
.cont_body .section {overflow:hidden;margin-bottom:35px;padding-bottom:25px;}
.cont_body .section:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0;}
.cont_body .desc {font-size:14px;word-break:keep-all;margin-bottom:20px;}
.cont_body .desc_exp {font-size:14px;word-break:keep-all;margin-bottom:20px;}
.cont_body .section h3 {font-size:18px;margin-bottom:20px;}
.cont_body .section h4 {font-size:18px;margin-bottom:20px;}
.cont_body .section .small {margin-top:5px;display:block;font-size:12px;color:#909090;line-height:normal;}
.cont_body .section .small ~ .small {margin-top:0;}
.cont_body .tbl_footnote {display:block;margin-top:5px;color:#909090;}
.cont_body .tble_noti {margin-top:5px;}
.cont_body .tble_noti li {margin:4px 0 0 0;padding:0 0 0 8px;font-size:12px;line-height:1.4;color:#909090;text-indent:-8px;}
.cont_body .tble_noti li:first-child {margin-top:0;}
.para-box + .cont_body {margin-top:40px;}
body.en .cont_header .greeting {font-weight:600;}

.vision_step dt {font-size:18px;font-weight:bold;margin-bottom:33px;}
.vision_step dd ol {display:flex;flex-wrap:nowrap;align-items:center;column-gap:100px;}
.vision_step dd ol li {flex:1;position:relative;}
.vision_step dd ol li:before {content:'';position:absolute;left:-70px;top:0;bottom:0;margin:auto;width:21px;height:21px;border:solid #707070;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.vision_step dd ol li:first-child:before {display:none;}
.vision_step dd ol li span {position:absolute;left:0;top:-32px;font-size:14px;color:#B1B1B1;}
.vision_strategy .title {margin-top:96px;font-size:18px;}
.vision_strategy .img_box {position:relative;margin-top:50px;}
.vision_strategy .img_box span {position:absolute;top:80px;font-size:15px;font-weight:bold;}
.vision_strategy .img_box span:nth-of-type(1) {left:291px}
.vision_strategy .img_box span:nth-of-type(2) {left:452px}
.vision_strategy .img_box span:nth-of-type(3) {left:606px}

.strategy_list {text-align:center;margin-top:37px;}
.strategy_list li {display:inline-block;text-align:left;vertical-align:top;box-sizing:border-box;}
.strategy_list li:nth-child(1) {width:200px;padding-right:49px;}
.strategy_list li:nth-child(2) {width:233px;padding-right:34px;}
.strategy_list li:nth-child(3) {}
.strategy_list dt {margin-bottom:4px;}
.strategy_list dt strong {font-size:15px;position:relative;padding-left:20px;}
.strategy_list dt strong:before {content:'';position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;border:3px solid;box-sizing:border-box;}
.strategy_list dt strong.blue:before {border-color:#0259a0;}
.strategy_list dt strong.yellow:before {border-color:#fcb215;}
.strategy_list dt strong.red:before {border-color:#d9263b;}
.strategy_list dd span {font-size:13px;display:block;position:relative;padding-left:10px;margin-left:7px;}
.strategy_list dd span:before {content:'';position:absolute;left:0;top:10px;width:2px;height:2px;background:#000;}

.esg_wrap {overflow:hidden;padding-top:34px;border-top:1px solid #e1e1e1;}
/* .esg_wrap:first-child {border-top:2px solid #000;} */
.esg_wrap dt {float:left;width:207px;}
.esg_wrap dt strong {display:block;font-size:18px;}
.esg_wrap dt span {font-size:16px;line-height:normal;color:#838383;}
.esg_wrap dd {margin-left:210px;margin-bottom:20px;}
.esg_wrap dd p {font-size:14px;}
.esg_wrap .kcgs_grade {margin:5px 0 10px;}
.esg_wrap .kcgs_grade img {max-width:100%;}
.esg_wrap dd small {font-size:12px;line-height:normal;color:#838383;}
.esg_wrap .sub_tit {display:inline-block;position:relative;padding-right:69px;margin-bottom:30px;font-size:16px;font-weight:bold;}
.esg_wrap .sub_tit:after {content:'';position:absolute;top:-12px;right:0;width:63px;height:55px;background:url(/images/intro/un_sdgs_logo.jpg) no-repeat;}

.kcgs_tbl {margin:35px 0 5px;width:100%;}
.kcgs_tbl th,
.kcgs_tbl td {border:1px solid #ddd;text-align:center;height:56px;font-size:14px;font-weight:normal;}
.kcgs_tbl th {border-top-color:#000;background:#f8faf9;}
.kcgs_tbl th:first-child {background:none;border-bottom-color:#000;border-left:0;}
.kcgs_tbl th:last-child,
.kcgs_tbl td:last-child {border-right:0;}
.kcgs_tbl td {border-bottom-color:#000;}
.un_sdgs .sdgmark {margin:22px 0 10px 0;}
.un_sdgs img {margin-top:22px}
.un_sdgs figcaption {margin-top:16px;}
.un_sdgs figcaption p {display:block;box-sizing:border-box;width:700px;margin-bottom:6px;padding:0 0 3px 60px;font-size:13px;border-bottom:1px solid #e1e1e1;}
.un_sdgs figcaption b {display:inline-block;width:60px;margin-left:-60px;}
.un_sdgs figcaption strong {display:inline-block;width:60px;margin-left:-60px;}
.management_report {display:flex;flex-wrap:wrap;column-gap:45px;row-gap:60px;}
.management_report li {width:290px;}
.management_report .title {position:relative;padding:0 0 0 8px;font-size:18px;}
.management_report .title:before {content:'';display:block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:2px;background:#121212;}
.management_report a {display:inline-block;width:108px;height:32px;line-height:30px;border:1px solid #777;text-align:center;float:right;margin-left:4px;}
.management_report a:hover {text-decoration:none;}
.management_report .report_cover {overflow:hidden;position:relative;height:170px;margin:10px 0;text-align:center;}
.management_report .report_cover img {width:100%;}

.contact_us {margin-top:100px;color:#808080;}
.contact_us .name {}
.contact_us .email {margin-top:20px;}
.contact_us .phone {margin-top:5px;}
.contact_us .phone span {display:block;}

.green_policy {display:flex;flex-wrap:nowrap;column-gap:20px;width:100%;}
.green_policy ~ .green_policy {margin:70px 0 0 0;padding:35px 0 0 0;border-top:1px solid #e1e1e1;}
.green_policy dt {width:200px;}
.green_policy dt strong {font-size:18px;}
.green_policy dd {width:calc(100% - 220px);}
.green_policy .policy_list {margin:0 0 20px 0;}
.green_policy .policy_list li {margin:0 0 2px 0;font-size:14px;}
.green_policy .section {margin-bottom:65px;}
.green_policy .packaging {display:flex;flex-wrap:wrap;gap:10px;}
.green_policy .packaging li {position:relative;width:calc(50% - 5px);height:63px;padding-left:50px;border:1px solid #eaeaea;border-radius:8px;font-size:14px;font-weight:bold;line-height:63px;vertical-align:top;}
.green_policy .packaging li:before {content:'';position:absolute;left:20px;top:0;bottom:0;margin:auto;width:22px;height:22px;border:3px solid;border-radius:50%;box-sizing:border-box;}
.green_policy .packaging li.red:before {border-color:#d23e4e;}
.green_policy .packaging li.red:after {content:'';position:absolute;left:30px;top:0;bottom:0;margin:auto;width:3px;height:20px;background:#d23e4e;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.green_policy .packaging li.blue:before {border-color:#09589a;}
.cont_body .green_policy {}

.strategy h3 {font-size:18px;margin-bottom:35px;}
.strategy .section {overflow:hidden;margin-bottom:45px;}
.strategy .section.bt_style2 {padding-top:45px;}

.promise1 .section {display:block;position:relative;padding-bottom:35px;border-bottom:1px solid #e1e1e1;}
.promise1_tbl {display:table;text-align:center;}
.promise1_tbl caption {display:table-caption;visibility:visible;width:auto;height:auto;margin-bottom:5px;padding:0;border:none;background:none;font-family:inherit;font-style:normal;font-size:12px;line-height:normal;color:#a6a6a6;font-weight:normal;text-align:left;vertical-align:baseline;text-decoration:none;text-indent:0;white-space:normal;text-overflow:clip;}
.promise2 .section {display:block;position:relative;padding-bottom:35px;border-bottom:1px solid #e1e1e1;}
.promise2 .section .promise2_sixsigma {display:inline-block;position:relative;margin:0 28px 0 0;}
.promise2 .section .promise2_sixsigma p {display:block;padding:5px 0 0 0;font-weight:bold;text-align:center;}
.promise2 .section .promise2_sixsigma img {display:inline-block;width:250px;}


.value1 .team_task {width:486px;height:276px;margin:0 0 10px 0;padding:20px 20px 20px 20px;background:#f8faf9;}
.value1 .team_task h4 {margin:0 0 10px 0;}
.value1 .team_task li {margin:0 0 5px 0;padding:0 0 0 18px;font-size:13px;line-height:1.6;text-indent:-18px;}
.value1 > .section .clear > p {padding:20px 0 20px 0;}
.value1 > .section .clear div {padding:0 0 10px 0;}
.value1 > .section .fl_right table {text-align:center;}
.value1 > .section .fl_right table caption {visibility:visible;width:auto;height:auto;margin:0 0 5px 0;font-size:12px;line-height:normal;color:#a6a6a6;text-indent:0;}
.value1 .section {padding:0 0 35px 0;border-bottom:1px solid #e1e1e1;}
.value2 .promise > .fl_left {width:470px;}
.value2 .promise h4 {margin:0 0 10px 0;font-size:14px;}
.value2 .promise p {margin:0 0 70px 0;}
.value2 .tbl_edu_situation caption {visibility:visible;width:auto;height:auto;margin:0 0 5px 0;font-size:12px;line-height:normal;color:#777;text-indent:0;}
.value2 .tbl_edu_situation th {font-size:14px;border-width:1px 0 1px 0;}
.value2 .tbl_edu_situation td {font-size:13px !important;text-align:center;border-width:1px 0 1px 0;}
.value2 .tbl_edu_situation + .img_box {margin:40px 0 0 0;text-align:center;}
.value2 .certified .tbl_style1 {float:left;width:530px;}
.value2 .certified .img_box {float:right;margin:-33px 0 0 0;}
.value2 .btn_base {margin:10px 0 0 0;}


.rnd .research .fl_left .img_box {margin-top:55px;}
.rnd .research .tbl_style1 {width:540px;margin-bottom:30px;}
.rnd .patent .tbl_style1:nth-of-type(1) {width:500px;}
.rnd .patent .tbl_style1:nth-of-type(2) {width:410px;height:579px;}
.rnd .patent .tbl_style1 td {line-height:2;}
.rnd .logo {display:flex;flex-wrap:nowrap;align-items:center;column-gap:20px;clear:both;margin:40px 0 0 0;}
.rnd .logo .img_box {}
.rnd .logo img {width:150px;}
.rnd .logo .logo_desc {}
.rnd .logo .logo_desc p {margin-bottom:5px;}
.select_box {position:relative;}
.select_box:after {content:'';position:absolute;top:0;bottom:0;right:15px;margin:auto;width:7px;height:7px;border:solid #000;border-width:1px 1px 0 0;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.search_form {padding:20px 25px;background:#3A3B40;}
.search_form .row {margin-bottom:10px;}
.search_form .inline_block {display:inline-block;vertical-align:middle;}
.search_form label {color:#fff;font-size:14px;}
.search_form button {color:#fff;font-size:14px;width:63px;height:37px;margin-left:11px;background:#1A63BF;}
.search_form .select,
.search_form .input_text {height:37px;}
.search_form .input_text {width:300px;margin-left:20px;}
.search_form .select {width:100px;margin-left:30px;-webkit-appearance:none;position:relative;}
.search_form .select:after {content:'';position:absolute;right:10px;width:5px;height:5px;border:1px solid #ddd;}
.search_form select::-ms-expand {display:none}
.search_form .querytext {margin-left:40px;}
.search_form .btn_search {font-weight:bold;color:#fff;position:relative;}
.search_form .btn_search:before {display:none;content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:15px;height:15px;border:2px solid #fff;border-radius:50%;}
.search_form .btn_search:after {display:none;content:'';position:absolute;left:39px;top:24px;width:2px;height:8px;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.archive_wrap {min-height:300px;}
.archive_tbl {margin-bottom:40px;}
.archive_tbl th {height:50px;padding:5px;background:#dedede;}
.archive_tbl td {height:50px;padding:5px;border-bottom:1px solid #ddd;text-align:center;}
.icon_dw {display:inline-block;font-size:0;color:transparent;width:12px;height:15px;background:url("/images/intro/icon_dw.png") 50% no-repeat;background-size:cover;}
.paging {display:flex;flex-wrap:nowrap;justify-content:center;column-gap:8px;margin:30px auto 0;text-align:center;}
.paging:after {content:"";display:table;clear:both;}
.paging a {display:inline-block;width:28px;height:28px;font-size:16px;line-height:28px;font-weight:400;text-align:center;}
.paging ol {display:flex;flex-wrap:nowrap;column-gap:5px;}
.paging ol li {display:inline-block;line-height:28px;width:28px;height:28px;margin:0;border-radius:0;border:none;}
.paging ol li > a {font-weight:400;}
.paging ol li.paging_current {cursor:default;background:#fff;color:#dd4b39;font-weight:600;font-size:16px;}
.paging_prev,
.paging_next {display:inline-block;width:28px;height:28px;border:1px solid #e1e4e8;text-indent:-9999999px;position:relative;}
.paging_prev:before {content:'';position:absolute;left:4px;right:0;top:0;bottom:0;margin:auto;border:solid #999;border-width:1px 1px 0 0;width:6px;height:6px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.paging_next:before {content:'';position:absolute;left:0;right:4px;top:0;bottom:0;margin:auto;border:solid #999;border-width:1px 1px 0 0;width:6px;height:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

/* 사이버감사실 */
.dim {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);z-index:2;}
.cyber2_wrap {position:relative;margin-top:30px;line-height:normal;}
.cyber2_wrap * {box-sizing:border-box;}
.cyber2_wrap > .h_desc {margin-top:15px;font-size:14px;line-height:25px;}
.cyber2_wrap .sec {margin-top:60px;}
.cyber2_wrap .sec h3 {padding-bottom:10px;border-bottom:1px solid #aaa;font-size:21px;}
.cyber2_wrap .sec .notify {margin:15px 0 0;font-size:14px;}
.cyber2_wrap .pop_reportfirm {margin-top:20px;}
.cyber2_wrap .pop_reportfirm input {width:330px;height:36px;}
.cyber2_wrap .pop_reportfirm .btn_confirm {width:90px;height:36px;background:#b83232;color:#fff;}
.cyber2_wrap .sec .list {}
.cyber2_wrap .sec .list li {position:relative;padding-left:12px;}
.cyber2_wrap .sec .list li:before {content:'';position:absolute;top:8px;left:5px;width:2px;height:2px;border-radius:50%;background:#666;}
.cyber2_wrap .sec .list li:last-child {margin-bottom:0;}
.cyber2_wrap .sec .list li span {display:block;font-size:12px;color:#7f7878;}
.cyber2_wrap .guide .notify {font-size:16px;font-weight:bold;}
.cyber2_wrap .guide > .list {margin-top:25px;}
.cyber2_wrap .guide > .list > li {margin-bottom:10px;display:inline-block;vertical-align:top;}
.cyber2_wrap .guide > .list > li:nth-child(odd) {min-width:483px;}
.cyber2_wrap .guide .notify:before {content:'* ';}
.cyber2_wrap .report_wrap {display:table;width:100%;margin-top:30px;padding:20px 20px;border:solid #e1e1e1;border-width:1px 0;box-sizing:border-box;}
.cyber2_wrap .report_wrap .inner_wrap {position:relative;display:table-cell;vertical-align:top;}
.cyber2_wrap .report_wrap .inner_wrap:first-child {width:60%;}
.cyber2_wrap .report_wrap .inner_wrap:last-child:before {content:'';position:absolute;left:-100px;top:5px;bottom:5px;width:1px;background:#e1e1e1;}
.cyber2_wrap .report_wrap .inner_wrap h4 {display:inline-block;margin-right:20px;vertical-align:top;}
.cyber2_wrap .report_wrap .inner_wrap h4 span {display:block;margin-top:5px;font-size:11px;color:#777;line-height:normal;}
.cyber2_wrap .report_wrap .inner_wrap h4 + div {display:inline-block;}
.cyber2_wrap .report_wrap .inner_wrap ul {min-height:160px;}
.cyber2_wrap .report_wrap .inner_wrap li {margin-bottom:10px;}
.cyber2_wrap .report_wrap .inner_wrap button {margin-top:20px;width:200px;height:36px;font-size:15px;color:#fff;background:#b83232;}
.cyber2_wrap .report_confirm {margin-top:20px;}
.cyber2_wrap .report_confirm input[type=text] {margin-right:5px;width:330px;height:40px;border:1px solid #e7e6e6;font-size:14px;}
.cyber2_wrap .report_confirm .btn_confirm {width:93px;height:40px;background:#b83232;font-size:14px;color:#fff;}
.cyber2_wrap .c_center a {display:inline-block;margin-top:20px;width:200px;height:36px;line-height:36px;background:#b83232;color:#fff;text-align:center;}
.pop_report {display:none;position:relative;margin-top:-880px;top:0;left:0;right:0;padding:60px 70px;border:2px solid #af3231;background:#fff;}
.pop_report .req:before {content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background:#b83232;}
.pop_report .header {}
.pop_report .header h2 {font-size:26px;color:#931d1d;}
.pop_report .header .desc {margin-top:10px;font-size:14px;color:#000;}
.pop_report .header .close {position:absolute;top:20px;right:20px;font-size:0;width:20px;height:20px;}
.pop_report .header .close:before,
.pop_report .header .close:after {content:'';width:100%;height:1px;background:#000;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.pop_report .header .close:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop_report .center {}
.pop_report .center .title {position:relative;margin-top:55px;padding-bottom:10px;border-bottom:1px solid #999;font-size:20px;}
.pop_report .center .title .req_txt {position:absolute;right:0;bottom:-25px;padding-left:8px;font-size:14px;font-weight:normal;}
.pop_report .center .title .req_txt:before {content:'';position:absolute;left:0;top:9px;width:3px;height:3px;background:#b83232;}
.pop_report .report_tbl {width:100%;margin-top:50px;table-layout:fixed;}
.pop_report .report_tbl th,
.pop_report .report_tbl td {padding:7px 0px;}
.pop_report .report_tbl th {width:100px;font-size:14px;text-align:left;}
.pop_report .report_tbl .valign_t {vertical-align:top;}
.pop_report .report_tbl .valign_t span {margin-top:10px;}
.pop_report .report_tbl .req {position:relative;display:block;padding-left:8px;}
.pop_report .report_tbl .caution {display:block;margin:2px 0 10px;font-size:10px;color:#b83232;}
.pop_report .report_tbl input[type="text"] {height:36px;border:1px solid #aaa;}
.pop_report .report_tbl .size_a {width:150px;}
.pop_report .report_tbl .size_b {width:210px;}
.pop_report .report_tbl .size_0 {width:100%;}
.pop_report .report_tbl .file_name {width:304px;}
.pop_report .report_tbl .select-box {position:relative;display:inline-block;height:36px;padding:6px 10px 6px 4px;border:1px solid #a6a6a6;vertical-align:top;}
.pop_report .report_tbl .select-box select {width:100%;border:none;}
.pop_report .report_tbl textarea {width:100%;}
.pop_report .report_tbl .textarea_con {height:220px;padding:20px 15px;font-size:12px;letter-spacing:-0.6px;line-height:1.5;resize:none;}
.pop_report .file_btn {display:inline-block;width:89px;height:36px;line-height:36px;vertical-align:top;text-align:center;}
.pop_report .file_btn label {display:block;width:100%;height:100%;background:#5a5b5b;font-size:14px;color:#fff;}
.pop_report .file_btn input {display:none;}
.pop_report .file_caution {margin-top:2px}
.pop_report .file_caution p {font-size:12px;color:#756e6e;}
.pop_report .check_toggle {margin-top:15px;}
.pop_report .check_toggle input {position:absolute;visibility:hidden;}
.pop_report .check_toggle input:checked + label:after {content:'';position:absolute;left:3px;top:5px;width:6px;height:4px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(135deg);}
.pop_report .check_toggle input:checked + label:before {background:#0075ff;border-color:#0075ff;}
.pop_report .check_toggle label {position:relative;padding-left:20px;margin-right:10px;font-size:14px;}
.pop_report .check_toggle label:before {content:'';position:absolute;top:2px;left:0;width:14px;height:14px;border:1px solid #aaa;box-sizing:border-box;}
.pop_report .addrb {margin-top:10px;}
.pop_report .btn_zipcode {display:inline-block;height:36px;padding:0 9px;margin-left:3px;background:#5a5b5b;font-size:14px;color:#fff;}
.pop_report .chk_alarm span {font-size:14px;}
.pop_report .chk_alarm span + span {margin-left:20px;}
.pop_report .agreement {margin-top:40px;}
.pop_report .agreement .req {position:relative;padding-left:8px;font-size:14px;font-weight:bold;}
.pop_report .agreement .scroll_wrap {overflow:auto;margin-top:10px;border:1px solid #aaa;padding:20px 14px;}
.pop_report .agreement .scroll_wrap h4 {margin-bottom:10px;font-size:15px;}
.pop_report .agreement .scroll_wrap h4 + p {margin-bottom:30px;}
.pop_report .agreement .scroll_wrap strong {display:block;margin-bottom:5px;}
.pop_report .agreement .scroll_wrap li {margin-bottom:30px;}
.pop_report .agreement .scroll_wrap li:last-child {margin-bottom:0;}
.pop_report .agreement .scroll_wrap li p {padding-left:14px;}
.pop_report .chk_agree_area {margin-top:10px;}
.pop_report .report_btn {margin-top:60px;text-align:center;}
.pop_report .report_btn button {width:135px;height:36px;font-size:14px;color:#fff;}
.pop_report .report_btn .btn_report {background:#b73232;}
.pop_report .report_btn .btn_close {background:#5a5b5b;}
.report_guide_pop {position:absolute;top:180;left:110px;right:110px;padding:30px;background:#fff;z-index:3;box-shadow:0px 0px 2px 1px #777;}
.report_guide_pop .header {}
.report_guide_pop .header .title {font-size:26px;text-align:center;padding-bottom:10px;border-bottom:1px solid #bbb;}
.report_guide_pop .header .title span {position:relative;}
.report_guide_pop .header .title span:before {content:'';position:absolute;bottom:0;left:0;right:0;height:23px;background:#ebebeb;z-index:-1;}
.report_guide_pop .header .close {}
.report_guide_pop .center {margin-top:30px;}
.report_guide_pop .center .desc {font-size:20px;}
.report_guide_pop .center .gudie_list_con {margin-top:20px;padding-bottom:20px;border-bottom:1px solid #bbb;}
.report_guide_pop .center .gudie_list_con li {position:relative;margin-bottom:10px;padding-left:20px;}
.report_guide_pop .center .gudie_list_con li:before {content:'';position:absolute;top:14px;left:0;width:10px;height:1px;background:#000;}
.report_guide_pop .center .gudie_list_con b {display:block;font-size:16px;color:#222;}
.report_guide_pop .center .gudie_list_con li:last-child {margin-bottom:0;}
.report_guide_pop .center .gudie_list_con span {display:block;font-size:14px;color:#7f7878;}
.report_guide_pop .footer {text-align:center}
.report_guide_pop .footer .close {margin-top:30px;width:100px;height:40px;background:#5a5b5b;font-size:16px;color:#fff;}
.pop_report .check_toggle_con ~ .check_toggle_con {display:none;}
.pop_report .anonymous {margin-top:10px;font-size:14px;color:#600a0a;}

.esg_form {margin:50px 0 0 210px;}
.esg_form dt {margin:50px 0 20px;font-size:16px;font-weight:bold;letter-spacing:-1px;}
.esg_form dt:first-child {margin-top:0;}
.esg_form dt .logo {position:relative;}
.esg_form dt .logo:after {content:'';position:absolute;height:43px;background:url(/mobile/images/susta/esg_form_logo.png) no-repeat;}
.esg_form dt .cdp:after {right:-88px;width:77px;background-position:0 -10px;}
.esg_form dt .ungc:after {top:-10px;right:-160px;width:146px;background-position:-85px 0px;}

.esg_form dt .global_plan_tit {display:table;position:relative;box-sizing:border-box;width:auto;max-width:100%;}
.esg_form dt .global_plan_tit .tit-txt {display:table-cell;text-align:left;vertical-align:middle;}
.esg_form dt .global_plan_tit .global-mark {display:table-cell;padding:0 0 0 16px;text-align:left;vertical-align:middle;}
.esg_form dt .global_plan_tit .global-mark img {width:auto;height:22px;}


.esg_form dd {font-size:14px;line-height:1.6;}
.esg_form dd .sub_tit {display:block;margin:10px 0 0;color:#666;}
.esg_form dd ul {margin-top:15px;}
.esg_form dd li ~ li {margin-top:5px;}
.esg_form span {display:inline-block;}
.un_ten {margin:20px 0 0 210px;}
.un_ten .sub_tit {display:block;font-size:16px;font-weight:bolder;margin:30px 0 15px;}
.un_ten p {font-size:13px;padding-bottom:5px;border-bottom:1px solid #e1e1e1;}
.un_ten p ~ p {margin-top:10px;}
.un_ten p b {font-size:inherit;float:left;}
.un_ten p span {display:block;padding-left:70px;}

.esg_form dd .un_ten {margin-left:0;}
.esg_form dd .un_ten .sub_tit {display:block;margin:30px 0 15px;font-size:16px;color:#000;font-weight:bolder;}




/* ----------
recruit.css
---------- */
/* 채용안내 */

/* 챙용문의 FAQ */
.faq_wrap {margin-top:43px}
.faq_wrap .faq_head {}
.faq_wrap .faq_list {}
.faq_wrap .faq_head .num {line-height:42px;}
.faq_wrap .faq_head .que {line-height:42px;}
.faq_wrap .faq_head .tit {line-height:42px;}
.faq_wrap .faq_list ol li a {padding:9px 0 8px 0;}

/* 채용안내_상세 */
.app_detail {}
.app_detail .app_tit {margin-top:42px;padding:13px 0 11px 0;border-top:1px solid #000;border-bottom:1px solid #e1e1e1}
.app_detail .app_tit h2 {color:#262626;font-size:18px;line-height:30px;}
.app_detail .app_tit p {font-size:0}
.app_detail .app_tit p span {display:inline-block;margin-left:22px;padding-left:18px;background:url('/images/intro/bg_media_like_bar.gif') no-repeat 0 center;color:#a6a6a6;font-size:14px;line-height:26px;}
.app_detail .app_tit p span:first-child {margin:0;padding:0;background:none}
.app_detail .app_cont {padding:50px 0}

/* 채용안내 > 채용정보 > 인재상 */
.info_wrap {overflow:hidden;width:972px;margin-top:40px;margin-left:-12px;}
.info_wrap .info_con {float:left;margin-left:12px;}
.info_wrap .info_con .img {display:block;font-size:0;line-height:0;}
.info_wrap .info_con p {margin-top:18px;font-size:18px;line-height:28px;}
.info_wrap .info_con p span {display:block;margin-top:4px;color:#a6a6a6;font-size:14px;line-height:20px}

/* 채용안내 > 채용정보 > 채용프로세스 */
.process_wrap {margin-top:45px;border-bottom:1px solid #e1e1e1;}
.process_wrap .process_con {padding:45px 0 70px;border-top:1px solid #e1e1e1;}
.process_wrap .process_con h3 {margin:60px 0 0 0;font-size:18px;line-height:28px;}
.process_wrap .process_con h3:first-child {margin-top:0;}
.process_wrap .process_con .img {display:block;margin-top:45px;font-size:0;line-height:0;}

/* 채용안내 > 채용정보 > 직무소개 */
.job_wrap {margin-top:25px;}
.job_wrap ul {overflow:hidden;}
.job_wrap ul li {float:left;width:192px;}
.job_wrap ul li .alink {display:block;border:1px solid #e6e6e6;border-left:0;background-color:#fff;color:#262626;font-size:13px;font-weight:bold;line-height:43px;text-align:center;}
.job_wrap ul li:first-child .alink {border-left:1px solid #e6e6e6;}
.job_wrap ul li.on .alink,
.job_wrap ul li .alink:hover {background-color:#d7182a;color:#fff;text-decoration:none;}
.job_wrap ul li .job_con {display:none;margin-top:50px;border-bottom:1px solid #e6e6e6;}
.job_wrap ul li.on .job_con {display:block;}
.job_wrap ul li .job_con .intro {overflow:hidden;padding:24px 0;border-top:1px solid #e6e6e6;}
.job_wrap ul li .job_con .intro h3 {float:left;width:243px;font-size:18px;line-height:28px;}
.job_wrap ul li .job_con .intro .intro_tab {float:right;overflow:hidden;width:717px;}
.job_wrap ul li .job_con .intro .intro_tab a {float:left;display:block;height:38px;border:1px solid #e6e6e6;font-weight:bold;}
.job_wrap ul li .job_con .intro .intro_tab a.t1 {width:357px;border-right:0;}
.job_wrap ul li .job_con .intro .intro_tab a.t2 {width:358px;border-left:0;}
.job_wrap ul li .job_con .intro .intro_tab a.on {background-color:#000;border-color:#000;color:#fff;}
.job_wrap ul li .job_con .intro .intro_tab a span {display:inline-block;padding:7px 0 7px 9px;font-size:14px;line-height:24px;}
.job_wrap ul li .job_con .intro dl {overflow:hidden;float:right;width:717px;}
#intro_c1 {height:611px;margin-top:15px;}
#intro_c2 {height:611px;margin-top:15px;display:none;}
.job_wrap ul li .job_con .intro dl dt {font-weight:bold;font-size:14px;line-height:24px;}
.job_wrap ul li .job_con .intro dl dd {margin-bottom:7px;font-size:14px;line-height:24px;word-break:keep-all;}
.job_wrap ul li .job_con .advice {overflow:hidden;padding:24px 0;border-top:1px solid #e6e6e6;}
.job_wrap ul li .job_con .advice h3 {float:left;width:243px;font-size:18px;line-height:28px;}
.job_wrap ul li .job_con .advice .advice_con {float:right;width:717px;}
.job_wrap ul li .job_con .advice .advice_con .list .img {display:block;font-size:0;line-height:0;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap {display:none;margin-top:10px;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap.on {display:block;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap .container {overflow:hidden;border-top:1px solid #e6e6e6;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap .container:first-child {border-top:0;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap .divider {border-bottom:1px solid #e6e6e6;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap h4 {float:left;width:243px;margin-top:14px;font-size:14px;line-height:24px;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap p {float:right;width:474px;margin-top:14px;font-size:14px;line-height:24px;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap p.last {margin:10px 0 14px;}
.job_wrap ul li .job_con .advice .advice_con .list .interview_wrap span.img {float:right;}
.job_wrap ul li .tab1 {width:960px;}
.job_wrap ul li .tab2 {width:960px;margin-left:-192px;}
.job_wrap ul li .tab3 {width:960px;margin-left:-384px;}
.job_wrap ul li .tab4 {width:960px;margin-left:-576px;}
.job_wrap ul li .tab5 {width:960px;margin-left:-768px;}

/* 채용안내 > 한샘인사 > 인사제도 */
.manage_wrap {margin-top:37px;border-bottom:1px solid #e1e1e1;}
.manage_wrap .manage_con {padding-top:25px;border-top:1px solid #e1e1e1;}
.manage_wrap .manage_con h3 {font-size:18px;line-height:28px;}
.manage_wrap .sec1 {height:557px;background:url('/images/recruit/bg_manage_achivement.gif') no-repeat right bottom;}
.manage_wrap .sec1 .container {overflow:hidden;margin-top:25px;}
.manage_wrap .sec1 .container dl {float:left;width:260px;}
.manage_wrap .sec1 .container dl dt {font-size:14px;font-weight:bold;line-height:24px;}
.manage_wrap .sec1 .container dl dd {font-size:14px;line-height:24px;}
.manage_wrap .sec2 {background:url('/images/recruit/bg_manage_reward.gif') no-repeat right bottom;}
.manage_wrap .sec2 .container {overflow:hidden;width:520px;border-top:1px solid #e1e1e1;}
.manage_wrap .sec2 .container.line0 {border-top:0;}
.manage_wrap .sec2 .container h4 {margin-top:25px;}
.manage_wrap .sec2 .container dl {float:left;width:260px;margin:9px 0 25px;}
.manage_wrap .sec2 .container dl dt {padding-left:9px;font-size:14px;font-weight:bold;line-height:24px;background:url('/images/common/bul_gray_4_5.gif') no-repeat 0 9px;}
.manage_wrap .sec2 .container dl dd {font-size:14px;line-height:24px;word-spacing:-2px}
.benefit_wrap {margin-top:30px;padding-top:29px;border-top:1px solid #e6e6e6;}
.benefit_wrap .container {overflow:hidden;width:972px;margin-left:-12px;}
.benefit_wrap .benefit_con {float:left;width:474px;margin-left:12px;}
.benefit_wrap .benefit_con .img {display:block;margin-bottom:15px;font-size:0;line-height:0;}
.benefit_wrap .benefit_con dl {margin-bottom:44px;}
.benefit_wrap .benefit_con dl dt h3 {margin-bottom:4px;font-family:'Nanum Myeongjo';font-size:32px;font-weight:normal;line-height:42px;}
.benefit_wrap .benefit_con dl dt p {font-size:14px;font-weight:bold;line-height:24px;}
.benefit_wrap .benefit_con dl dd {margin-top:14px;padding-top:15px;border-top:1px solid #e6e6e6;font-size:14px;line-height:24px;}

/* 채용안내 > 채용정보 > 인재육성 */
.recruit_wrap {margin-top:30px;border-bottom:1px solid #e1e1e1;}
.recruit_wrap .recruit_con {padding:25px 0 43px;border-top:1px solid #e1e1e1;}
.recruit_wrap .recruit_con h3 {font-size:18px;line-height:28px;}
.recruit_wrap .recruit_con .h_txt {font-size:14px;line-height:24px;}
.recruit_wrap .recruit_con .step {position:relative;margin-top:70px;}
.recruit_wrap .recruit_con .step.office {height:330px;background:url('/images/recruit/bg_recruit_office.gif') no-repeat 0 0;}
.recruit_wrap .recruit_con .step.iktr {height:160px;background:url('/images/recruit/bg_recruit_iktr.gif') no-repeat 0 0;}
.recruit_wrap .recruit_con .step.sc {height:160px;background:url('/images/recruit/bg_recruit_sc.gif') no-repeat 0 0;}
.recruit_wrap .recruit_con .step ol li {position:absolute;line-height:24px;text-align:center;word-spacing:-2px}
.recruit_wrap .recruit_con .step ol li.o1 {top:40px;left:7px;width:220px;}
.recruit_wrap .recruit_con .step ol li.o2 {top:40px;left:262px;width:170px;}
.recruit_wrap .recruit_con .step ol li.o3 {top:40px;left:457px;width:240px;}
.recruit_wrap .recruit_con .step ol li.o4 {top:40px;left:700px;width:210px;}
.recruit_wrap .recruit_con .step ol li.o5 {top:218px;left:712px;width:190px;}
.recruit_wrap .recruit_con .step ol li.o6 {top:218px;left:477px;width:200px;}
.recruit_wrap .recruit_con .step ol li.o7 {top:218px;left:238px;width:220px;}
.recruit_wrap .recruit_con .step ol li.t1 {top:40px;left:0px;width:234px;}
.recruit_wrap .recruit_con .step ol li.t2 {top:40px;left:258px;width:180px;}
.recruit_wrap .recruit_con .step ol li.t3 {top:40px;left:472px;width:210px;}
.recruit_wrap .recruit_con .step ol li.t4 {top:40px;left:699px;width:216px;}
.recruit_wrap .recruit_con .step ol li.s1 {top:40px;left:-1px;width:234px;}
.recruit_wrap .recruit_con .step ol li.s2 {top:40px;left:258px;width:180px;}
.recruit_wrap .recruit_con .step ol li.s3 {top:40px;left:487px;width:180px;}
.recruit_wrap .recruit_con .step ol li.s4 {top:40px;left:714px;width:186px;}
.human_wrap {position:relative;height:500px;margin-top:30px;border-top:1px solid #e1e1e1;background:url('/images/recruit/bg_human_resource.gif') no-repeat 565px 60px;}
.human_wrap ol .step {position:absolute;}
.human_wrap ol .list1 {top:44px;left:0;}
.human_wrap ol .list2 {top:210px;left:0;}
.human_wrap ol .list3 {top:356px;left:0;}
.human_wrap ol .list4 {top:44px;left:280px;}
.human_wrap ol .list5 {top:210px;left:280px;}
.human_wrap ol .step strong {display:block;font-size:14px;line-height:24px;color:#d11729;}
.human_wrap ol .step span {display:block;font-size:13px;line-height:23px;font-weight:bold;}
.human_wrap ol .step ul li {padding-left:6px;font-size:13px;line-height:23px;background:url('/images/common/bul_gray_2_3.gif') no-repeat 1px 10px;}

/* 직무소개 리스타일 */
.job_wrap .advice {overflow:hidden;padding:24px 0;border-bottom:1px solid #e6e6e6;}
.job_wrap .advice h3 {float:left;width:243px;font-size:18px;line-height:28px;}
.job_wrap .advice_con {float:right;width:717px;}
.job_wrap .advice_con .list .img {display:block;font-size:0;line-height:0;}
.job_wrap .advice_con .list .interview_wrap {display:none;margin-top:10px;}
.job_wrap .advice_con .list .interview_wrap.on {display:block;}
.job_wrap .advice_con .list .interview_wrap .container {overflow:hidden;border-top:1px solid #e6e6e6;padding:14px 0;}
.job_wrap .advice_con .list .interview_wrap .container:first-child {border-top:0;}
.job_wrap .advice_con .list .interview_wrap .divider {border-bottom:1px solid #e6e6e6;}
.job_wrap .advice_con .list .interview_wrap h4 {float:left;width:223px;font-size:14px;line-height:24px;}
.job_wrap .advice_con .list .interview_wrap p {float:right;width:474px;/* margin-top:14px;*/font-size:14px;line-height:24px;}
.job_wrap .advice_con .list .interview_wrap p.last {margin:10px 0 14px;}
.job_wrap .advice_con .list .interview_wrap span.img {float:right;}

/* 2016-02-29 추가 :KD */
.job_wrap ul li .job_con2 {display:block;margin-top:20px;border-bottom:1px solid #e6e6e6;}
.job_wrap ul li .job_con2 .intro {overflow:hidden;padding:24px 0;border-top:1px solid #e6e6e6;}
.job_wrap ul li .job_con2 .intro h3 {float:left;width:243px;font-size:18px;line-height:28px;}
.job_wrap ul li .job_con2 .intro .intro_tab {float:right;overflow:hidden;width:717px;}
.job_wrap ul li .job_con2 .intro .intro_tab a {float:left;display:block;height:38px;border:1px solid #e6e6e6;font-weight:bold;}
.job_wrap ul li .job_con2 .intro .intro_tab a.t1 {width:357px;border-right:0;}
.job_wrap ul li .job_con2 .intro .intro_tab a.t2 {width:358px;border-left:0;}
.job_wrap ul li .job_con2 .intro .intro_tab a.on {background-color:#000;border-color:#000;color:#fff;}
.job_wrap ul li .job_con2 .intro .intro_tab a span {display:inline-block;padding:7px 0 7px 9px;font-size:14px;line-height:24px;}
.job_wrap ul li .job_con2 .intro dl {overflow:hidden;float:right;width:717px;}
.job_wrap ul li .job_con2 .intro dl dt {font-weight:bold;font-size:14px;line-height:24px;}
.job_wrap ul li .job_con2 .intro dl dd {margin-bottom:7px;font-size:14px;line-height:1.6;color:#000;word-wrap:break-word;word-break:keep-all;}
.job_wrap ul li .job_con2 .intro dl .left {float:left;width:352px;padding-right:0px;padding-bottom:20px;}
.job_wrap ul li .job_con2 .intro dl .left:nth-child(even) {padding-left:10px;}
.job_wrap ul li .job_con2 .intro dl .right {float:right;width:352px;}
.job_wrap ul li .job_con2 .intro dl .txt {padding-top:15px;font-size:19px;}
.process_wrap .process_con .program {position:relative;margin-top:55px;margin-bottom:10px;}
.process_wrap .process_con .program2 {position:relative;margin-top:30px;text-align:center;}
.process_wrap .process_con .program img {max-width:100%;}
.process_wrap .process_con .program2 img {max-width:100%;}
.process_wrap .process_con .program2 .program2_class {text-align:center;}
.process_wrap .process_con .program2 .program2_class img {max-width:100%;}
.process_wrap .process_con .kd_program {height:160px;padding-left:199px;}
.process_wrap .process_con .kd_program ol {float:left;width:207px;}
.process_wrap .process_con .kd_program ol li {line-height:24px;text-align:left;word-spacing:-2px;}
.process_wrap .process_con .kd_program1 {height:160px;padding-left:195px;}
.process_wrap .process_con .kd_program1 ol {float:left;width:215px;}
.process_wrap .process_con .kd_program1 ol li {line-height:24px;text-align:left;word-spacing:-2px;}
.process_wrap .process_con .kd_program2 {display:flex;flex-wrap:nowrap;column-gap:22px;margin:20px 0 0 0;justify-content:center;}
.process_wrap .process_con .kd_program2 ol {width:200px;}
.process_wrap .process_con .kd_program2 ol li {position:relative;padding:0 0 0 8px;font-size:13px;line-height:1.6;color:#000;text-align:left;letter-spacing:-1px;word-wrap:break-word;word-break:keep-all;}
.process_wrap .process_con .kd_program2 ol li:before {content:'-';display:block;position:absolute;top:0;left:0;}
.process_wrap .process_con .process_list {margin:10px 0 0 10px;}
.plist_wrap {position:relative;min-height:120px;padding-right:240px}
.plist_wrap .btn_wrap2 {position:absolute;bottom:190px;right:0;margin:0;padding:0}
.plist_wrap .btn_wrap2 a {display:block;width:211px;height:55px;margin:0;padding:0;background:#e1e1e1;color:#fff;font-size:16px;font-weight:bold;line-height:55px;text-align:center;}
.plist_wrap .btn_wrap2 a.on {background:#d7182a;}
.plist_wrap .btn_wrap2 a:first-child {margin:0 0 1px 0}
.plist_wrap .btn_wrap2 a:hover {background:#d7182a;text-decoration:none}

/* 2016-03-08 추가 */
.info_wrap2 {overflow:hidden;float:right;width:717px;}
.info_wrap2 .info_con {float:left;width:231px;margin-left:12px;padding-bottom:20px;}
.info_wrap2 .info_con .img {display:block;font-size:0;line-height:0;}
.info_wrap2 .info_con.first {float:left;margin-left:0px;}
.info_wrap2 .info_con p {margin-top:18px;font-size:18px;line-height:28px;}
.info_wrap2 .info_con p span {display:block;margin-top:4px;color:#a6a6a6;font-size:14px;line-height:20px}

/* 채용 공고 레이어 팝업 */
#recruit_popup {position:absolute;z-index:9999999;border:2px solid black;display:;}
#close {position:absolute;top:6px;right:8px;cursor:pointer;}

.board_wrap.app a {text-decoration:underline;}

/* 채용 공고 개인정보 이용동의 */
.va-m {vertical-align:middle !important;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.join_chk input {vertical-align:middle;}
.join_chk label {vertical-align:middle;}
.pop-term-agreement {position:absolute;z-index:1;top:160px;left:50%;transform:translateX(-50%);}
.pop-term-agreement .pop-container {width:738px;padding:33px 45px 45px;border:1px solid #707070;background:#fff;box-sizing:border-box;}
.pop-term-agreement .section ~ .section {margin-top:65px;}
.pop-term-agreement .section h3 {padding-bottom:16px;border-bottom:1px solid #000;font-size:16px;font-weight:bold;}
.pop-term-agreement .section .term-desc {margin-top:24px;font-size:14px;color:#4c4c4c;}
.pop-term-agreement .section table {width:100%;margin-top:40px;}
.pop-term-agreement .section table th {height:52px;background:#F4F4F4;font-size:14px;font-weight:normal;}
.pop-term-agreement .section table td {padding:20px 20px;border:1px solid #aaa;vertical-align:top;}
.pop-term-agreement .section table td:first-child {border-left:0;}
.pop-term-agreement .section table td:last-child {border-right:0;}
.pop-term-agreement .section table tr:last-child td {border-bottom-color:#000;}
.pop-term-agreement .section table tr:first-child th {border-top:1px solid #000;}
.pop-term-agreement .section table ~ .join_chk {margin-top:16px;}


.btn_wrap_cen {padding:50px 0 0 0;font-size:0;text-align:center}
.btn_wrap_cen a {margin-left:5px;font-size:0;line-height:0}
.btn_wrap_cen a:first-child {margin-left:0}
.btn_wrap_cen.t_line {border-top:1px solid #4d4d4d}




/* ----------
invest.css
---------- */
/* 투자정보 */
/* CEO 메시지 */
.ceo_wrap {}

.ceo_wrap p {margin-top:24px;color:#262626;font-size:14px;line-height:24px}
.ceo_wrap p.sign {margin-top:20px}
.ceo_wrap .ceo_top {padding-bottom:35px;background:url('/images/invest/bg_ceo_img.jpg') no-repeat right bottom;border-bottom:1px solid #e1e1e1}
.ceo_wrap .ceo_bot {padding-top:34px}
.ceo_wrap .ceo_bot ol li {margin-top:24px;}
.ceo_wrap .ceo_bot ol li:first-child {margin-top:0}

/* 경영진 */
.table_wrap.dir {margin-top:45px;}
.table_wrap.dir tbody tr th {padding:14px 14px 14px 14px;vertical-align:top;}
.table_wrap.dir tbody tr td {padding:14px 14px 14px 14px;border-left:0;}


/* 경정정보 */
.corp_wrap {}
.corp_wrap h3.h_tit {margin:23px 0 13px 0}
.corp_wrap .h_info {margin-bottom:13px;font-size:14px;line-height:18px;font-weight:bold;word-spacing:-2px}
.corp_wrap .h_info_unit {display:block;margin-top:-31px;margin-bottom:13px;color:#a6a6a6;text-align:right;line-height:18px;}

/* ---- 교체 후 지워야 되는 소스 ---- */
.corp_wrap .subtab_wrap {margin-top:25px;}
.corp_wrap .subtab_wrap ul {}
.corp_wrap .subtab_wrap ul li {float:left;width:192px;}
.corp_wrap .subtab_wrap ul li > a {display:block;border:1px solid #aaa;border-left:0;background-color:#fff;color:#262626;font-size:13px;font-weight:bold;line-height:43px;text-align:center;}
.corp_wrap .subtab_wrap ul li:first-child > a {border-left:1px solid #aaa;}
.corp_wrap .subtab_wrap ul li.on > a,
.corp_wrap .subtab_wrap ul li > a:hover {background-color:#d7182a;color:#fff;text-decoration:none;}
.corp_wrap .subtab_wrap ul li .tabcon {display:none;}
.corp_wrap .subtab_wrap ul li.on .tabcon {display:block;}
.corp_wrap .subtab_wrap ul li .tab1 {width:960px;}
.corp_wrap .subtab_wrap ul li .tab2 {width:960px;margin-left:-192px;}
.corp_wrap .subtab_wrap ul li .tab3 {width:960px;margin-left:-384px;}
.corp_wrap .subtab_wrap ul li .tab4 {width:960px;margin-left:-576px;}
.corp_wrap .subtab_wrap ul li .tab5 {width:960px;margin-left:-768px;}
/* ---- // 교체 후 지워야 되는 소스 ---- */

.corp_wrap .rule .bl0 {border-left:0;}
.corp_wrap .rule .al_right {text-align:right;}


/*
.corp_wrap .committee th {background:none;vertical-align:top;font-weight:bold;}
.corp_wrap .committee td {text-align:left;vertical-align:top;border-left:0;}
.corp_wrap .committee dt {text-decoration:underline;margin:30px 0 5px;font-weight:bold;}
.corp_wrap .committee dt:first-child {margin-top:0;}
.corp_wrap .committee dd {margin-left:5px;}
.corp_wrap .committee dd li {float:none;width:auto;position:relative;padding-left:5px;line-height:1.6;}
.corp_wrap .committee dd li:first-child:before {content:'';width:2px;height:2px;background:#000;border-radius:50%;position:absolute;top:9px;left:0;}
.corp_wrap .committee dd li:last-child {margin-bottom:0;}
.corp_wrap .committee .duty {width:45px;display:inline-block;}
.corp_wrap .committee .middot li:before {content:'';width:2px;height:2px;background:#000;border-radius:50%;position:absolute;top:9px;left:0;}
*/

/* 재무 하이라이트 */
.highlight_wrap {margin-top:45px;}
.highlight_wrap .table_wrap table tbody tr th {background-color:#fff;}
.highlight_wrap .h_info_unit {color:#a6a6a6;display:block;font-size:13px;line-height:24px;margin-top:-24px;text-align:right;}
.highlight_wrap .table_wrap table tbody tr td {text-align:center;}
.highlight_wrap .more {position:relative;background:#f8f9f9 !important;font-size:18px !important;font-weight:700 !important;}
.highlight_wrap .more:after {position:absolute;content:"";top:31px;right:430px;width:12px;height:8px;background:url('/images/more.png');}
.highlight_wrap .more2 {position:relative;padding:20px !important;font-size:18px !important;font-weight:700 !important;text-align:center;}

/* 재무 제표 */
.financial_wrap {margin-top:25px;}

.financial_wrap .h_info {margin-top:25px;font-size:14px;font-weight:bold;line-height:24px;}
.financial_wrap .h_info_unit, .highlight_wrap .h_info_unit {display:block;margin-top:-24px;color:#a6a6a6;font-size:13px;line-height:24px;text-align:right;}
.financial_wrap .table_wrap table thead th {text-align:right;}
.financial_wrap .table_wrap table tbody th {background-color:#fff;text-align:left;vertical-align:top;}
.financial_wrap .table_wrap table tbody td {text-align:right;}
.financial_wrap .table_wrap table tfoot th	 {text-align:left;font-weight:bold;background-color:#fff;}
.financial_wrap .table_wrap table tfoot td	 {text-align:right;font-weight:bold;}

.financial_wrap ul li .tab2 {width:960px;margin-top:30px;margin-left:-480px;}
.financial_wrap ul li .tab2 table thead th {text-align:right;}
.financial_wrap ul li .tab2 table tbody th {background-color:#fff;text-align:left;vertical-align:top;}
.financial_wrap ul li .tab2 table tbody td {text-align:right;}

.financial_wrap .table_wrap {overflow:hidden;}
.financial_wrap .table_wrap table {width:961px;margin-left:-1px}
.financial_wrap .table_wrap table tbody tr th:first-child {border-left:1px solid #e1e1e1}


/* 분기실적 */
.board_wrap.down {margin-top:43px}

/* 애뉴얼리포트 */ 
.report_wrap {}
.report_wrap h2 {margin-top:-8px;color:#262626;font-size:18px;line-height:30px}
.report_wrap .report_list {overflow:hidden;margin-top:40px}
.report_wrap .report_list .report {float:left;width:474px}
.report_wrap .report_list .report.eng {float:right;}

.report_wrap .report_list .report .tit {margin-top:10px;color:#262626;font-size:18px;font-weight:bold;line-height:26px}
.report_wrap .report_list .report .date {color:#a6a6a6;font-size:14px;line-height:24px}
.report_wrap .report_list .report .btn_wrap {margin-top:19px;padding-top:10px;border-top:1px solid #e6e6e6;text-align:left;}

/* 공시 */
.pub_wrap {overflow:hidden;height:930px;margin-top:40px;}
.pub_wrap iframe {margin:-58px 0 0 -15px;}


/* ----------
cust.css
---------- */
/* 한샘 서비스센터 */
.center_wrap {}
.center_wrap .center_top {padding-bottom:50px;background:url('/images/cust/bg_center.jpg') no-repeat right bottom;border-bottom:1px solid #a6a6a6;}
.center_wrap .center_top .btn_link {margin-top:24px}

.center_wrap .center_info {overflow:hidden;}
.center_wrap .center_info li {float:left;width:320px;}
.center_wrap .center_info li .cont {height:250px}
.center_wrap .center_info li .cont dt {margin-top:24px;color:#262626;font-size:18px;font-weight:bold;line-height:30px}
.center_wrap .center_info li .cont dd {margin-top:9px;color:#262626;font-size:14px;line-height:24px}
.center_wrap .center_info li .cont .btn_link {margin-top:17px}

.center_wrap .center_info li .cont.solve {background:url('/images/cust/bg_center_solve.gif') no-repeat 158px 164px}
.center_wrap .center_info li .cont.rese {padding-left:4px;background:url('/images/cust/bg_center_rese.gif') no-repeat 157px 177px}
.center_wrap .center_info li .cont.cust {padding-left:8px;background:url('/images/cust/bg_center_cust.gif') no-repeat 173px 167px}
.center_wrap .center_info li .cont.cust .btn_link {margin-top:41px}

/* 고객상담 FAQ */
.sub_tab {margin-top:24px}


/* 고객지원 */
/* FAQ */
.cust_link {margin-top:43px}
.cust_link ul {overflow:hidden;}
.cust_link ul li {float:right;width:474px;height:200px;}
.cust_link ul li:first-child {float:left}

.qna_link {margin-top:-35px;text-align:right}
.qna_link a {width:125px;margin-left:2px;text-align:left}

.agree_wrap {width:850px;height:170px;margin:0;padding:14px;border:1px solid #a6a6a6;border-top:0}
.agree_wrap h1 {color:#262626;font-size:14px;line-height:24px}
.agree_wrap h2 {margin-top:24px;color:#262626;font-size:14px;line-height:24px}
.agree_wrap p {color:#262626;font-size:14px;line-height:24px}

.table_wrap.form {margin-top:14px}
.table_wrap.form tbody tr.pb td {padding:5px 0 0 0;line-height:0}
.table_wrap.form tbody tr.ptb td {padding:0 0 0 0;line-height:0}

.board_wrap {margin-top:14px}

.agree_check {display:block;padding:10px 0;}
.agree_check input {margin:0 5px 0 0 !important;}
.agree_check label {vertical-align:middle}

.btn_wrap {padding-top:40px}
.btn_wrap .btn_base {width:135px}

/* FAQ 상세 */
.qna_detail {margin-top:45px}
.qna_detail table {border-bottom:1px solid #4d4d4d}
.qna_detail table tbody tr td {padding:10px 0 10px 0;border-top:1px solid #e1e1e1;color:#000;text-align:center}
.qna_detail table tbody tr:first-child td {padding:18px 0 18px 0;border-top:1px solid #4d4d4d}
.qna_detail table tbody tr td.al_left {padding-left:28px}
.qna_detail table tbody tr td.cont {padding:0;text-align:left;}
.qna_detail table tbody tr td.cont .info {padding:28px;background:#fcfcfc;}

.qna_detail table tbody tr.list td {color:#a6a6a6}
.qna_detail table tbody tr.list td .next {display:inline-block;width:48px;padding:0 23px 0 16px;background:url('/images/cust/bg_detail_arr.gif') no-repeat right 0}
.qna_detail table tbody tr.list td .prev {display:inline-block;width:48px;padding:0 23px 0 16px;background:url('/images/cust/bg_detail_arr.gif') no-repeat right -24px}


.board_wrap.detail {}

.board_wrap.detail table tbody tr td.al_left {padding-left:28px}
.board_wrap.detail table tbody tr td.cont {padding:0;text-align:left;}
.board_wrap.detail table tbody tr td.cont .info {padding:14px 14px 87px 28px;background:#fcfcfc;}

.board_wrap.detail table tbody tr.list td {color:#a6a6a6}
.board_wrap.detail table tbody tr.list td a {color:#a6a6a6}
.board_wrap.detail table tbody tr.list td .next {display:inline-block;width:48px;padding:0 23px 0 16px;background:url('/images/cust/bg_detail_arr.gif') no-repeat right -24px}
.board_wrap.detail table tbody tr.list td .prev {display:inline-block;width:48px;padding:0 23px 0 16px;background:url('/images/cust/bg_detail_arr.gif') no-repeat right 0}


/* 찾아오시는길_매장 */
.mall_wrap {margin-top:43px}
.mall_wrap .mall_cont {overflow:hidden;margin-bottom:30px}
.mall_wrap .mall_cont .fl_left {width:474px}
.mall_wrap .mall_cont .fl_right {width:474px}

.mall_wrap .mall_cont .img {display:block;font-size:0;line-height:0}
.mall_wrap .mall_cont dt {margin-top:14px;color:#262626;font-size:14px;font-weight:bold;line-height:24px;}
.mall_wrap .mall_cont dd {margin-bottom:10px;color:#262626;font-size:14px;line-height:24px;}
.mall_wrap .mall_cont .btn_link {display:block;margin-top:4px;}


.flag_wrap {margin-top:49px;border-top:1px solid #a6a6a6}
.flag_wrap h3 {padding:13px 0;color:#262626;font-size:18px;line-height:30px}

.board_wrap.flag {margin-top:0;border-top:1px solid #e1e1e1}
.board_wrap.flag table thead tr th.al_left {padding:15px 10px 15px 0;font-weight:bold}
.board_wrap.flag table tbody tr td {padding:8px 10px 8px 10px;line-height:normal}
.board_wrap.flag table tbody tr td.al_left {padding:8px 0 8px 0;}
.board_wrap.flag table tbody tr td.al_right {padding:8px 10px 8px 0;text-align:right}
.board_wrap.flag table tbody tr td.al_right .btn_txt {line-height:37px}

/* 플레이스뷰 삽입 */
.mall_wrap .mall_cont .viewr_area {width:474px;height:305px;}
.mall_wrap .mall_cont .viewr_area .viewer {width:100%;height:100%;border:none;}



/* 맴버십 가입하기 */
.memb_wrap .btn_txt.login {width:231px;margin-top:24px;padding:0;background:#d7182a;line-height:44px;text-align:center}

/* 포인트 적립 */
.memb_wrap {margin-top:37px}
.memb_wrap .tab_wrap {padding-bottom:44px;}
.memb_wrap .info_txt {font-size:18px;line-height:30px;font-weight:bold}

.memb_wrap .order_wrap {margin-top:44px}
.memb_wrap .order_wrap .int_wrap {}
.memb_wrap .order_wrap .int_wrap input {background:#f8f8f8}

.memb_wrap .info_list {margin-top:15px}
.memb_wrap .info_list	li {color:#a6a6a6;}

.memb_wrap .order_wrap .memb_class {overflow:hidden;margin-top:25px;border:1px solid #e1e1e1}
.memb_wrap .order_wrap .memb_class dl {float:left;width:318px;border-left:1px solid #e1e1e1}
.memb_wrap .order_wrap .memb_class dl:first-child {width:320px;border:0}
.memb_wrap .order_wrap .memb_class dl dt {float:left;padding:17px 20px 17px 25px;font-weight:bold}
.memb_wrap .order_wrap .memb_class dl dd {float:left;padding:17px 0 17px 0}

/* 나의 멤버십 */
.memb_wrap .point_wrap {}
.memb_wrap .point_wrap .btn_link {margin-top:14px}

.memb_wrap .point_wrap .point_table {overflow:hidden;}
.memb_wrap .point_wrap .point_table ul {float:left;width:312px;margin-left:12px;border-top:1px solid #262626}
.memb_wrap .point_wrap .point_table ul:first-child {margin-left:0}
.memb_wrap .point_wrap .point_table ul li {border-bottom:1px solid #e6e6e6;color:#a6a6a6;line-height:53px;}
.memb_wrap .point_wrap .point_table.w636	ul {width:636px}

.memb_wrap .point_wrap .point_table table {width:636px}
.point_table table th,
.point_table table td {font-size:14px;vertical-align:middle}
.point_table table thead tr th {padding:15px 0 13px 0;border-bottom:1px solid #e1e1e1;color:#a6a6a6;font-size:14px;font-weight:normal;text-align:left;}
.point_table table tbody tr th {padding:14px 0 14px 0;border-bottom:1px solid #e1e1e1;color:#4d4d4d;font-size:14px;font-weight:normal;text-align:left;}
.point_table table tbody tr td {padding:14px 0 14px 0;border-bottom:1px solid #e1e1e1;color:#4d4d4d;font-size:14px;text-align:left}

.memb_wrap .point_wrap h3.h_tit {margin:43px 0 16px 0}

.memb_wrap .point_wrap .gift_wrap {width:717px;margin-top:16px}
.memb_wrap .point_wrap .gift_wrap .int_num {margin-bottom:13px;padding:15px 0 25px 0;border-bottom:1px solid #e1e1e1}
.memb_wrap .point_wrap .gift_wrap table {width:717px;}
.memb_wrap .point_wrap .gift_wrap table th {padding:5px 0 5px 0;color:#4d4d4d;font-size:14px;font-weight:bold;text-align:left;}
.memb_wrap .point_wrap .gift_wrap table td {padding:5px 0 5px 0;color:#4d4d4d;font-size:14px;text-align:left}
.memb_wrap .point_wrap .gift_wrap input {border:1px solid #e1e1e1;background:#fbfbfb}
.memb_wrap .point_wrap .gift_wrap table td .dash {display:inline-block;width:37px;height:40px;margin:0;background:url('/images/cust/bg_dash.gif') no-repeat center center;font-size:14px;vertical-align:middle}

.memb_wrap .point_wrap .gift_wrap .info_list	li {line-height:20px}

/* 한샘멤버십 소개 */
.info_wrap {overflow:hidden;}
.info_wrap .fl_left,
.info_wrap .fl_right {widtH:480px;}
.info_wrap .sub_txt {margin-top:18px;font-size:14px;line-height:24px;}

.join_wrap {padding:26px 0 0 486px;margin-top:25px;border-top:1px solid #a6a6a6;background:url('/images/cust/bg_join_membership.gif') no-repeat 0 28px;}
.join_wrap .join_txt {margin-top:15px;padding-top:15px;border-top:1px solid #e6e6e6;}
.join_wrap .join_txt:first-child {margin-top:0;padding-top:0;border-top:0;}
.join_wrap p {font-size:14px;line-height:24px;}
.join_wrap .tit {font-weight:bold;}

.benefit_wrap {margin-top:26px;padding-top:24px;border-top:1px solid #a6a6a6;}
.benefit_wrap .table_wrap {margin-top:26px;}
.benefit_wrap .table_wrap table	th {font-size:14px;font-weight:bold;line-height:35px;text-align:left;}
.benefit_wrap .table_wrap table	td {padding:14px 10px;text-align:left;vertical-align:top;}
.benefit_wrap .table_wrap table	td .txt_level {display:block;margin-bottom:24px;}
.benefit_wrap .benefit_desc {margin-top:15px;font-size:14px;line-height:24px;}

/* 포인트 소개 */
.point_intro_wrap {}
.point_intro_wrap .point_intro_desc {margin-top:19px;font-size:14px;line-height:24px;}
.point_intro_wrap .point_intro_desc span {color:#a6a6a6;}
.point_intro_wrap .list_area {overflow:hidden;}
.point_intro_wrap .list_area .fl_left {margin-left:12px;}
.point_intro_wrap .list_area .fl_left:first-child {margin-left:0;}
.point_intro_wrap .list_area .fl_left .img {display:block;font-size:0;line-height:0;}
.point_intro_wrap .list_area .fl_left h3 {margin-top:14px;font-size:14px;line-height:24px;}
.point_intro_wrap .list_area .fl_left p {margin-bottom:24px;font-size:14px;line-height:24px;color:#a6a6a6;}
.point_intro_wrap .btn_store {padding-top:20px;border-top:1px solid #e1e1e1;}

.point_save_wrap {margin-top:44px;}
.point_save_wrap .memb_class {overflow:hidden;margin-top:24px;border:1px solid #e1e1e1;}
.point_save_wrap .memb_class dl {float:left;width:318px;border-left:1px solid #e1e1e1;}
.point_save_wrap .memb_class dl:first-child {width:320px;border:0;}
.point_save_wrap .memb_class dl dt {float:left;padding:17px 10px 17px 20px;font-weight:bold;}
.point_save_wrap .memb_class dl dd {float:left;padding:17px 0 17px 0;}
.point_save_wrap .point_save_desc {margin-top:5px;font-size:14px;line-height:24px;color:#a6a6a6;}

/* 한샘 상품권 소개 */
.giftcard_wrap {margin-top:37px;}
.giftcard_wrap .tab_wrap {padding-bottom:50px;}
.giftcard_wrap .intro_visual_wrap {line-height:0;}
.giftcard_wrap .info_txt {font-size:18px;line-height:30px;font-weight:bold}

.flagshop_wrap {margin-top:44px;}
.flagshop_wrap .table_wrap {width:717px;margin-top:23px;}
.flagshop_wrap .table_wrap table th {padding:16px 0;border-left:0;background-color:#fff;text-align:left;}
.flagshop_wrap .table_wrap table td {padding:16px 0;border-left:0;text-align:left;}
.flagshop_wrap .table_wrap table tbody th,
.flagshop_wrap .table_wrap table tbody td {padding:14px 0;}
.flagshop_wrap .store_wrap {margin-top:30px;border-top:1px solid #a6a6a6;}
.flagshop_wrap .store_wrap .tit {margin-top:25px;font-size:14px;line-height:24px;}
.flagshop_wrap .store_wrap .btns {margin-top:5px;font-size:0;line-height:0;}
.flagshop_wrap .store_wrap .btns a {margin-right:7px;}
.flagshop_wrap .alarm_wrap {margin-top:28px;border-top:1px solid #a6a6a6;}
.flagshop_wrap .alarm_wrap .tit {margin-top:25px;font-size:14px;line-height:24px;}
.flagshop_wrap .alarm_wrap .info_list {margin-top:10px;}
.flagshop_wrap .alarm_wrap .info_list {color:#a6a6a6;}
.flagshop_wrap .alarm_wrap .info_list .indent {display:inline-block;width:9px;line-height:24px;}

.qna_wrap {margin-top:25px;padding-top:25px;border-top:1px solid #a6a6a6;}
.qna_wrap .qna_cont {margin-top:15px;width:715px;padding:15px 20px;border:1px solid #e1e1e1;}
.qna_wrap .qna_cont ol li {margin-top:15px;padding-top:15px;border-top:1px solid #e1e1e1;}
.qna_wrap .qna_cont ol li:first-child {margin-top:0;padding-top:0;border-top:0;}
.qna_wrap .qna_cont ol li .ques {display:block;font-size:14px;font-weight:bold;line-height:24px;}
.qna_wrap .qna_cont ol li .ans {font-size:14px;line-height:24px;}

.online_wrap {margin-top:30px;padding-top:24px;border-top:1px solid #a6a6a6;}
.online_wrap .sub_tit {margin-top:23px;font-size:14px;font-weight:bold;line-height:24px;}
.online_wrap .sub_desc {margin-top:9px;font-size:14px;line-height:24px;}
.online_wrap .img {display:block;margin-top:15px;font-size:0;line-height:0;}
.online_wrap .info_list {color:#a6a6a6;}
.online_wrap .info_list .indent {display:inline-block;width:9px;line-height:24px;}

/* 한샘 상품권 표준약관 */
.terms_wrap {overflow:hidden;}
.terms_wrap .article h3 {float:left;width:240px;margin-top:24px;font-size:18px;line-height:28px;}
.terms_wrap .article .fl_right {float:right;width:720px;padding:23px 0 26px 0;font-size:13px;line-height:23px;letter-spacing:-1px;word-spacing:0;}
.terms_wrap .article .fl_right .cont {margin-top:25px;padding-top:25px;border-top:1px solid #e1e1e1;}
.terms_wrap .article .fl_right .cont:first-child {margin-top:0;padding-top:0;border-top:0;}
.terms_wrap .article .fl_right .cont h4 {font-size:13px;line-height:23px;font-weight:normal;}
.terms_wrap .article .fl_right .cont p {font-size:13px;line-height:23px;}
.terms_wrap .article .fl_right .cont ol li {position:relative;padding-left:17px;font-size:13px;line-height:23px;}
.terms_wrap .article .fl_right .cont ol li .indent {position:absolute;top:0;left:0;}

/* 고객지원 본사 / DEBW 디자인센터 */
.customer_wrap {}
.customer_wrap .ho_content:first-child {padding:0 0 30px 0;border-top:0}
.customer_wrap .ho_content {overflow:hidden;padding:30px 0;border-top:1px solid #e6e6e6}
.customer_wrap .ho_content .ho_box {float:left}
.customer_wrap .ho_content .ho_box h2 {margin-bottom:21px;font-size:18px}
.customer_wrap .ho_content .ho_box dl {margin-bottom:10px}
.customer_wrap .ho_content .ho_box dl dt {font-weight:bold}
.customer_wrap .ho_content .office_map {float:right}

/* 이용약관 */
.access_wrap {margin-top:-64px;}
.access_wrap .h_tit {line-height:42px;}
.access_wrap .select_wrap {height:23px;margin-top:44px;padding:10px 0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:right;}
.access_wrap .select_wrap .select {height:21px;margin-right:2px;padding:0 4px;line-height:21px;vertical-align:top;}
.access_wrap .select_wrap .select select {height:21px;line-height:21px;color:#262626;font-weight:normal;letter-spacing:-1px;}
.access_wrap .select_wrap .go {min-width:43px;vertical-align:top;}

.access_wrap .article_wrap {border-bottom:1px solid #eaeaea;}
.access_wrap .article_wrap .article {overflow:hidden;border-top:1px solid #eaeaea;}
.access_wrap .article_wrap .article:first-child {border-top:0;}
.access_wrap .article_wrap .article .h_tit {float:left;width:240px;margin-top:24px;font-size:18px;line-height:28px;}
.access_wrap .article_wrap .article .fl_right {float:right;width:720px;padding:23px 0 26px 0;font-size:13px;line-height:23px;letter-spacing:-1px;word-spacing:-1px;}
.access_wrap .article_wrap .article .fl_right h4 {margin-top:9px;line-height:23px;letter-spacing:0;}
.access_wrap .article_wrap .article .fl_right h4:first-child {margin-top:0;}
.access_wrap .article_wrap .article .fl_right .depth {margin:10px 0;}

/* 개인정보취급방침 */
.personal_wrap {margin-top:-64px;}
.personal_wrap .article_wrap {margin-top:44px;border-bottom:1px solid #eaeaea;}
.personal_wrap .article_wrap .article {overflow:hidden;border-top:1px solid #eaeaea;}

.personal_wrap .article_wrap .article .h_tit {float:left;width:240px;margin-top:24px;font-size:18px;line-height:28px;}
.personal_wrap .article_wrap .article .fl_right {float:right;width:720px;padding:23px 0 26px 0;font-size:13px;line-height:23px;letter-spacing:-1px;word-spacing:0;}
.personal_wrap .article_wrap .article .fl_right h4 {margin-top:20px;line-height:23px;letter-spacing:0;}
.personal_wrap .article_wrap .article .fl_right h4:first-child {margin-top:0;}
.personal_wrap .article_wrap .article .fl_right .depth {margin:10px 0;}
.personal_wrap .article_wrap .article .fl_right .table_wrap {margin:14px 0;}
.personal_wrap .article_wrap .article .fl_right table {width:720px;}
.personal_wrap .article_wrap .article .fl_right table th {text-align:left;}
.personal_wrap .article_wrap .article .fl_right table td {text-align:left;padding:9px 10px 8px 10px;}
.personal_wrap .article_wrap .article .fl_right table .ta-center {text-align:center;}
.personal_wrap .article_wrap .article .text-indent-lev1 {text-indent:-9px;padding-left:10px;}


/* 공지사항 */
.board_wrap.notice {margin-top:44px}
.board_wrap.notice table {width:100%;}

/* 사이트맵 */
.sitemap_wrap {}
.sitemap_wrap .article_wrap {margin-top:45px}
.sitemap_wrap .article_wrap .article {display:flex;flex-wrap:wrap;column-gap:10px;row-gap:60px;overflow:hidden;position:relative;box-sizing:border-box;width:960px;margin-bottom:37px;padding:14px 0 0 160px;border-top:1px solid #262626}
.sitemap_wrap .article_wrap .article a {text-decoration:none}
.sitemap_wrap .article_wrap .article h3 {position:absolute;top:12px;left:0;width:140px;margin-top:0;line-height:1.6;}
.sitemap_wrap .article_wrap .article h4 a:hover,
.sitemap_wrap .article_wrap .article h4 a:visited {color:#262626}
.sitemap_wrap .article_wrap .article .article_cont {width:152px;font-size:14px;line-height:1.6;color:#262626;}
.sitemap_wrap .article_wrap .article .article_cont ul {margin-top:16px;}
.sitemap_wrap .article_wrap .article .article_cont ul li {margin-top:16px;padding-left:6px;background:url('/images/cust/bg_bul_gray_sitemap.gif') no-repeat 0 10px;word-wrap:break-word;word-break:keep-all;}
.sitemap_wrap .article_wrap .article .article_cont ul li:first-child {margin-top:0;}
.sitemap_wrap .article_wrap .article .article_cont ul li a {font-size:14px;line-height:1.6;color:#a6a6a6;word-wrap:break-word;word-break:keep-all;}



/* ----------
new.css
---------- */
.clfix {*zoom:1;}
.clfix:after {content:'';display:block;clear:both;}
.corp_wrap .subtab_wrap ul li {position:relative;}
.corp_wrap .subtab_wrap ul li > a {position:relative;}
.corp_wrap .subtab_wrap ul li.on > a:after, .corp_wrap .subtab_wrap ul li > a:hover:after {content:"";position:absolute;top:0;left:0;width:190px;height:43px;/*border:1px solid #d7182a;*/}

.pr {position:relative;}
.fl {display:flex;}

.sub_title {padding-bottom:15px;border-bottom:1px solid #000;font-size:18px;line-height:1.6;font-weight:700;}
.sub_title.noline {margin-bottom:20px;padding-bottom:0;border:none 0;}

.card_wrap {display:flex;flex-wrap:wrap;margin-top:25px;padding-top:24px;border-top:1px solid #a6a6a6;}
.card {width:305px;margin-right:19px;margin-bottom:20px;}
.card:nth-child(3n) {margin-right:0;}
.card_wrap .card .info {padding:30px;box-sizing:border-box;background:#f8f9f9;font-family:'맑은 고딕';}
.card_wrap .card .info span {display:block;padding-bottom:10px;font-size:14px;line-height:1.2;}
.card_wrap .card .info span.name {font-weight:900;margin-bottom:10px;border-bottom:1px solid #e1e1e1;}
.card_wrap .info_desc {margin-top:21px;font-size:14px;line-height:24px;}
.card_wrap ul {overflow:hidden;margin-top:15px;}
.card_wrap ul li {float:left;}
.card_wrap ul li .cont {height:428px;border:1px solid #e1e1e1;border-left:0;}
.card_wrap ul li .cont dl {padding-top:219px;}
.card_wrap ul li .cont dl dt {padding:17px 0 17px 18px;border-top:1px solid #e1e1e1;font-size:14px;font-weight:bold;line-height:24px;}
.card_wrap ul li .cont dl dd {padding:17px 0 0 18px;border-top:1px solid #e1e1e1;font-size:14px;line-height:20px;vertical-align:top;}
.card_wrap ul li .standard {width:479px;border-left:1px solid #e1e1e1;background:url('/images/cust/bg_standard_card.gif') no-repeat center 59px;}
.card_wrap ul li .mobile {width:319px;background:url('/images/cust/bg_mobile_card.gif') no-repeat 126px 30px;}
.card_wrap ul li .reissue {width:478px;background:url('/images/cust/bg_card_reissue.gif') no-repeat center 29px;}

.noline {border:none 0;}
.line-btm {border-bottom:1px solid #000;}

.new .table_wrap table {width:100%;}
.innertable th, .innertable tr, .innertable td {vertical-align:middle !important;}
.innertable td {border-left:1px solid #e1e1e1 !important;}
.innertable .al_center {text-align:center !important;}

.bg {background:#f8f9f9;}
.pt30 {padding-top:30px;}
.pb0 {padding-bottom:0;}
.pb40 {padding-bottom:40px;}

.innertable .bl0 {border-left:0 !important;}

.table_wrap table tr th.subject,
.table_wrap table tbody tr th.subject {padding:20px 10px;line-height:normal;font-weight:700;}
.table_wrap table th, .table_wrap table td {font-size:14px;}
.sub_title + .table_wrap.mt30 {margin-top:5px !important;}
.sub_title + .table_wrap.mt40 {margin-top:5px !important;}
.sub_title + .desc {display:block;margin:-22px 0 5px 0;font-size:14px;line-height:1.2;text-align:right;}
.desc + .table_wrap {margin-top:5px;}
.desc + .table_wrap.mt30 {margin-top:5px !important;}
.desc + .table_wrap.mt40 {margin-top:5px !important;}
.table_wrap table tbody tr th.line:first-child, .table_wrap table tbody tr td.line:first-child {border-left:1px solid #e1e1e1 !important;}
.table_wrap table tbody tr th.wide {padding:35px 10px;}
/*
body.en .table_wrap table tr th.subject,
body.en .table_wrap table tbody tr th.subject {font-family:'AktivGrotesk-Bold';}
*/


#accordion h3 {position:relative;background:#f8f9f9;border-bottom:1px solid #e1e1e1;padding:20px;box-sizing:border-box;font-size:16px;font-weight:700;}
#accordion h3:after {content:"";position:absolute;top:30px;right:25px;transform:rotateX(180deg);width:12px;height:8px;background:url(/images/red_arrow.png) no-repeat 0 0;font-size:0;line-height:0;}
#accordion h3.active:after {transform:rotateX(0);}
#accordion h3.active {background:none;}
#accordion .checkin {display:block;box-sizing:border-box;padding:20px 0;font-size:14px;font-weight:700;}
#accordion >div {margin-bottom:50px;padding:0 15px;box-sizing:border-box;}
#accordion table {width:100%;}
/*
body.en #accordion h3 {font-family:'AktivGrotesk-Bold';}
body.en #accordion .checkin {font-family:'AktivGrotesk-Bold';}
*/

/* .table_wrap table tbody tr td.bb0 {border-bottom:0;} */

.ui-accordion-content {margin-bottom:40px;border-bottom:1px solid #e1e1e1;}
.accordion_txt {display:none;}
.accordion_txt.accordion_txt1 {display:block;}
.article .h_tit {font-size:18px;font-weight:700;}
.article .fl_right * {word-break:keep-all;word-wrap:break-word;}
.article strong {font-weight:700;}
.article_wrap .article .fl_right h4 {margin-top:20px;}

.line {margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #e1e1e1;}
.bl0 {border-left:0 !important;}
.ft16.new.table_wrap table tbody tr td {font-size:16px;font-weight:700;}
/*
body.en .ft16.new.table_wrap table tbody tr td {font-family:'AktivGrotesk-Bold';}
*/


/* .more {position:relative;background:#f8f9f9 !important;font-size:18px !important;font-weight:700 !important;} */
/* .more2 {position:relative;text-align:center;font-size:18px !important;font-weight:700 !important;padding:20px !important;} */

.hide_cont {display:none;}
.txtin30 {text-indent:30px;}
.pd30 {padding:30px 0 !important;}

.input_wrap {padding:60px 0 0 0;box-sizing:border-box;}
.input_set {margin-bottom:50px;}
.input_wrap .fl .input_set:nth-child(1) {width:30%;margin-right:50px;}
.input_wrap .fl .input_set:nth-child(2) {width:70%;}
.input_set span {font-size:16px;font-weight:700;}
.input_set input, .input_set textarea {box-sizing:border-box;border:1px solid #aaaaaa;height:50px;}
.input_set span, .input_set input {float:left;width:calc(100% - 80px);}
.input_set textarea {width:calc(100% - 80px);height:250px;}
.input_set .label {width:auto;margin-right:50px;line-height:50px;position:relative;}
.input_wrap .fl .input_set:nth-child(2) .label {margin-right:35px;}
.input_wrap .input_set:nth-child(3) .label {margin-right:20px;}
.input_set .label:after {position:absolute;content:"*";top:0;right:-8px;font-size:16px;color:#d7182a;}

.chack_wrap span {font-size:16px;font-weight:700;margin-bottom:20px;display:block;}
.check_info {border:1px solid #aaaaaa;height:250px;padding:15px;box-sizing:border-box;font-size:14px;overflow:hidden;overflow-y:auto;margin-left:80px;}

.put_custom_wrap {position:relative;margin:20px 0 0 0;text-align:right;}
.put_custom_wrap input[type=checkbox]::-ms-check {border:solid 1px #fff;}
.put_custom_wrap input[type=checkbox] {-webkit-appearance:none;position:absolute;top:2px;left:-1px;width:22px;height:22px;vertical-align:middle;}
.put_custom_wrap input[type=checkbox] + label {display:inline-block;cursor:pointer;position:relative;padding-left:30px;font-size:16px;font-weight:700;line-height:normal;}
.put_custom_wrap input[type=checkbox] + label:before {content:"";display:inline-block;width:20px;height:20px;margin-right:10px;position:absolute;top:0;left:0;bottom:1px;background-color:#fff;border:2px solid #494949;}
.put_custom_wrap input[type=checkbox]:checked + label:before {content:"\2713";font-size:18px;font-weight:700;color:#000;text-align:center;line-height:18px;}
/*
body.en .put_custom_wrap input[type=checkbox] + label {font-family:'AktivGrotesk-Bold';}
*/

.blue_btn {position:relative;display:inline-block;box-sizing:border-box;padding:25px 80px;background:#0058a0;font-size:18px;color:#fff;font-weight:700;text-align:center;}
.blue_btn.arrow:after {position:absolute;top:50%;right:60px;transform:translateY(-50%);width:8px;height:12px;background:url('/images/img_icon3.png') no-repeat;content:"";}
.blue_btn:hover {color:#fff;cursor:pointer;}
/*
body.en .blue_btn {font-family:'AktivGrotesk-Bold';}
*/

.sum * {background:#fbfaf0 !important;font-weight:700 !important;}
.ir_txt {font-size:18px;font-weight:700;margin:50px 0;}

.contact-mail {letter-spacing:0;}
.contact-mail dt {margin:0 0 12px 0;font-size:14px;line-height:1.3;color:#000;font-weight:bold;letter-spacing:0;}
.contact-mail dd {letter-spacing:0;}
.contact-mail dd a {color:#3179b1;letter-spacing:0;text-decoration:underline;}

th.sum, td.sum {background:#fbfaf0 !important;}
table.layout-fixed {table-layout:fixed;}

.corp_wrap .subtab_wrap .agenda li {display:table;float:none;width:100%;}
.corp_wrap .subtab_wrap .agenda li div {display:table-cell;}
.corp_wrap .subtab_wrap .agenda li .dt {width:75px;}


/* -------------------------------------- // AS-IS (국문) -------------------------------------- */





/* -------------------------------------- AS-IS (영문) -------------------------------------- */
/* ----------
common.css
---------- */
body.en input[type='text'] {height:26px;padding:6px 9px 6px 9px;line-height:26px;}
body.en input.txt {height:24px;padding:7px 9px 7px 9px;line-height:24px;}
body.en select {margin:0;height:26px;line-height:26px;}
body.en .select {height:26px;padding:6px 4px 6px 4px;line-height:26px;}
body.en .select select {font-size:13px;}

/* GNB */
body.en #wrap #header .header .gnb-en {width:162px;margin:99px 0 0 34px}
body.en #wrap #header .header .gnb-en li {border-top:1px solid #e6e6e6;}
body.en #wrap #header .header .gnb-en li:first-child {border-top:0}
body.en #wrap #header .header .gnb-en li > a {display:block;padding:0 0 0 10px;font-size:16px;line-height:45px;color:#0d0d0d;font-weight:600;}
body.en #wrap #header .header .gnb-en li > a:hover {text-decoration:none}

body.en #wrap #header .header .gnb-en .gnbDepth02 {height:auto;padding:15px 0 30px 0;border-top:1px solid #e6e6e6;}
body.en #wrap #header .header .gnb-en .gnbDepth02 li {margin-top:12px;border:0;}
body.en #wrap #header .header .gnb-en .gnbDepth02 li:first-child {margin-top:0;}
body.en #wrap #header .header .gnb-en .gnbDepth02 li a {padding:0 0 0 10px;background:url('/images/common/bg_bul_gray.gif') no-repeat 1px 8px;font-size:14px;line-height:1.2;color:#8c8c8c;font-weight:normal;}
body.en #wrap #header .header .gnb-en .gnbDepth02 li:hover a,
body.en #wrap #header .header .gnb-en .gnbDepth02 li.on a {background:url('/images/common/bg_bul_red.gif') no-repeat 1px 8px;color:#d7182a;}

body.en #wrap #header .header .gnb-en .gnbDepth03 li {margin:0 0 5px 10px;}
body.en #wrap #header .header .gnb-en .gnbDepth03 li a {background:url('/images/product_us/bu_01.gif') no-repeat 0 8px !important;line-height:16px;font-size:12px;color:#8c8c8c !important;}
body.en #wrap #header .header .gnb-en .gnbDepth03 li:hover a,
body.en #wrap #header .header .gnb-en .gnbDepth03 li.on a {background:url('/images/product_us/bu_02.gif') no-repeat 0 8px !important;color:#d7182a !important;}


/* Footer */
body.en #wrap #footer {width:100%;padding:0 0 40px 0}
body.en #wrap #footer .foot_util {overflow:hidden;position:relative;width:960px;color:#999;font-size:12px;}
body.en #wrap #footer .foot_util .fl_left {overflow:hidden;width:100%;}
body.en #wrap #footer .foot_util .fl_left .foot_link {height:24px;margin-bottom:11px;border-bottom:1px solid #e1e1e1;font-size:0}
body.en #wrap #footer .foot_util .fl_left .foot_link a {display:inline-block;color:#999;font-size:12px;line-height:24px;vertical-align:middle}
body.en #wrap #footer .foot_util .fl_left .foot_link span {display:inline-block;margin:0 6px;font-size:12px;line-height:24px;vertical-align:middle}
body.en #wrap #footer .foot_util .fl_left .foot_link img {height:12px;}

body.en #wrap #footer .foot_util .fl_left .foot_info {}
body.en #wrap #footer .foot_util .fl_left .foot_info ul {overflow:hidden;}
body.en #wrap #footer .foot_util .fl_left .foot_info ul li {float:left;width:100%;line-height:22px;font-size:13px}
body.en #wrap #footer .foot_util .fl_left .foot_info ul li.nth {float:left;width:247px}
body.en #wrap #footer .foot_util .fl_left .foot_info ul li a {display:inline-block;color:#999}

body.en #wrap #footer .foot_util .fl_right {width:268px}
body.en #wrap #footer .foot_util .fl_right p {font-size:13px;line-height:13px;margin-bottom:11px;padding-bottom:11px;border-bottom:1px solid #e1e1e1;}
body.en #wrap #footer .foot_util .fl_right ul li {line-height:20px}

body.en #wrap #footer .copy {color:#999;font-size:12px;margin-top:-40px;line-height:20px}
body.en #wrap #footer .foot_util .fl_right ul li {border-bottom: 0;}
body.en #wrap #footer .foot_util .go_btn {position:relative;display:inline-block;margin:0 0 0 5px;padding:5px 10px;background-color:#ccc;font-size:12px;line-height:1;color:#fff !important;text-align:center;}


/* Top */
body.en #wrap #container .top_util a.sitemap {float:left;padding:0 13px 0 0;background:url('/images/common/bg_util_bar.gif') no-repeat right center;color:#808080;text-decoration:none;}
body.en #wrap #container .top_util .languae_group {padding:0 0 0 13px;}
body.en #wrap #container .top_util .languae_group ul li {float:left;line-height:24px;}
body.en #wrap #container .top_util .languae_group ul li a {}


/* 타이틀 레벨 */
body.en .h_tit.nam {font-size:32px;line-height:46px;font-weight:bold;letter-spacing:0;word-spacing:0}
body.en .h_desc {margin-top:30px;font-size:14px;line-height:24px}

/* sitemap */
body.en .sitemap_wrap .article_wrap .article {column-gap:20px;}
body.en .sitemap_wrap .article_wrap .article .article_cont {width:170px;}

/* ----------
main.css
---------- */
/* 상단 롤링 */
body.en .main_visual {overflow:hidden;padding-bottom:30px;border-bottom:none;}

/* 한샘링크 */
body.en .hanssem_link h2 {margin-bottom:17px;padding-bottom:18px;border-bottom:1px solid #e6e6e6;}
body.en .hanssem_link h2 a {font-size:18px;color:#262626;line-height:26px;}
body.en .hanssem_link h2 a:hover {text-decoration:none;}
body.en .hanssem_link p.txt a {font-size:14px;color:#0d0d0d;line-height:26px;}
body.en .hanssem_link .hanssem_more_link {margin:10px 0 30px 0;}
body.en .hanssem_link .hanssem_more_link a {display:inline-block;width:85px;height:40px;margin:0;padding:0;background:#a6a6a6 url('/images/common_us/bg_btn_link_gray.png') no-repeat right 0;font-size:14px;line-height:40px;color:#fff;text-indent:10px;}
body.en .hanssem_link .hanssem_more_link a:hover,
body.en .hanssem_link .hanssem_more_link a:active {background-color:#505050;text-decoration:none;}



/* ----------
intro.css
---------- */
body.en .sum_wrap .r_text {width:230px;margin-top:-136px;}

body.en .article_wrap .article .fl_right ol li {margin-top:12px;}
body.en .article_wrap .article .fl_right ol li.letter_one {padding-left:63px;}
body.en .article_wrap .article .fl_right ol li.letter_two {padding-left:63px;}

body.en .promise1_tbl caption {visibility:visible;width:auto;height:auto;font-size:14px;line-height:normal;color:#777;text-indent:0;}
body.en .promise1_tbl td.left {text-align:left;}
body.en .promise2 .section .img_box {display:flex;flex-wrap:nowrap;column-gap:30px;}
body.en .promise2 .section .promise2_sixsigma {text-align:center;}
body.en .promise2 .section .promise2_sixsigma p {padding-top:7px;}

body.en .value1 .team_task {height:340px;padding:10px;}
body.en .value1 .team_task h4 {margin:0 0 6px 0;}
body.en .value1 .team_task .value1 .team_task li {font-size:12px;line-height:1.3;}
body.en .value1 .section .fl_right {overflow:hidden;position:relative;width:474px;height:340px;}
body.en .value1 .section .fl_right img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}


/* ----------
new_en.css
---------- */
/*
.corp_wrap h3.h_tit {margin:23px 0 13px 0;}
.corp_wrap .h_info {font-size:14px;font-weight:bold;line-height:18px;margin-bottom:13px;word-spacing:-2px;}
.corp_wrap .h_info_unit {color:#a6a6a6;display:block;margin-top:-31px;margin-bottom:13px;text-align:right;line-height:18px;}

.corp_wrap .subtab_wrap {margin-top:25px;}
.corp_wrap .subtab_wrap ul {position:relative;}
.corp_wrap .subtab_wrap ul li {float:left;width:192px;}
.corp_wrap .subtab_wrap ul li > a {background-color:#fff;border:1px solid #aaa;border-left:0;color:#262626;display:block;font-size:13px;font-weight:bold;line-height:43px;text-align:center;}
.corp_wrap .subtab_wrap ul li:first-child > a {border-left:1px solid #aaa;}
.corp_wrap .subtab_wrap ul li.on > a, .corp_wrap .subtab_wrap ul li > a:hover {background-color:#d7182a;color:#fff;text-decoration:none;}
.corp_wrap .subtab_wrap ul li .tabcon {display:none;}
.corp_wrap .subtab_wrap ul li.on .tabcon {display:block;}
.corp_wrap .subtab_wrap ul li .tab1 {margin-left:0;width:960px;}
.corp_wrap .subtab_wrap ul li .tab2 {margin-left:-192px;width:960px;}
.corp_wrap .subtab_wrap ul li .tab3 {margin-left:-384px;width:960px;}
.corp_wrap .subtab_wrap ul li .tab4 {margin-left:-576px;width:960px;}
.corp_wrap .subtab_wrap ul li .tab5 {margin-left:-768px;width:960px;}

.corp_wrap .rule .bl0 {border-left:0;}
.corp_wrap .rule .al_right {text-align:right;}
.corp_wrap .rule .dw {border:1px solid #aaa;display:inline-block;padding:5px 10px;text-align:center;width:100px;}
.corp_wrap .committee th {background:none;font-weight:bold;vertical-align:top;}
.corp_wrap .committee td {border-left:0;text-align:left;vertical-align:top;}
.corp_wrap .committee dt {font-weight:bold;margin:30px 0 5px;}
.corp_wrap .committee dt:first-child {margin-top:0;}
.corp_wrap .committee dd {margin-left:5px;}
.corp_wrap .committee dd li {float:none;line-height:1.6;padding-left:5px;position:relative;width:auto;}
.corp_wrap .committee dd li:first-child:before {background:#000;border-radius:50%;content:'';height:2px;left:0;position:absolute;top:9px;width:2px;}
.corp_wrap .committee dd li:last-child {margin-bottom:0;}
.corp_wrap .committee .duty {display:inline-block;width:45px;}
.corp_wrap .committee .middot li:before {background:#000;border-radius:50%;content:'';height:2px;left:0;position:absolute;top:9px;width:2px;}



.input_wrap {box-sizing:border-box;padding:60px 0 0 0;}
.input_set {margin-bottom:50px;}
.input_wrap .fl .input_set:nth-child(1) {margin-right:50px;width:40%;}
.input_wrap .fl .input_set:nth-child(1) span {margin-right:40px;}
.input_wrap .fl .input_set:nth-child(2) {width:60%;}
.input_set span {font-family:'AktivGrotesk-Bold';font-size:16px;font-weight:700;}
.input_set input, .input_set textarea {border:1px solid #aaaaaa;box-sizing:border-box;height:50px !important;}
.input_set span, .input_set input {float:left;width:calc(100% - 82px);}
.input_set textarea {height:250px !important;width:calc(100% - 82px);}
.input_set .label {line-height:50px;margin-right:50px;position:relative;width:auto;}
.input_wrap .fl .input_set:nth-child(2) .label {margin-right:44px;}
.input_wrap .input_set:nth-child(3) .label {margin-right:20px;}
.input_set .label:after {color:#d7182a;content:"*";font-size:16px;position:absolute;right:-8px;top:0;}
.chack_wrap span {display:block;font-family:'AktivGrotesk-Bold';font-size:16px;font-weight:700;margin-bottom:20px;}
.check_info {border:1px solid #aaaaaa;box-sizing:border-box;font-size:14px;height:250px;overflow:hidden;overflow-y:auto;padding:15px;}

.more {background:#f8f9f9 !important;font-size:18px !important;font-weight:700 !important;position:relative;}
.more:after {background:url('/images/more.png');content:"";height:8px;position:absolute;right:430px;top:25px;width:12px;}
.more2 {font-size:18px !important;font-weight:700 !important;padding:20px !important;position:relative;text-align:center;}
*/

body.en .table_wrap.committee td dl {width:98%;}
body.en .desc {display:block;margin-bottom:5px;font-size:14px;line-height:1.2;color:#c0c0c0;text-align:right;}

/* -------------------------------------- // AS-IS (영문) -------------------------------------- */


























/* -------------------------------------- 신규 To-Be -------------------------------------- */

/* ----- layout ----- */
.head-area {margin:0 0 40px 0;padding:0 0 40px 0;border-bottom:1px solid #e1e1e1;}
.head-area .headline {font-family:'Nanum Myeongjo';font-size:32px;line-height:46px;color:#262626;font-weight:400;}
.head-area .summary {margin:25px 0 0 0;font-size:14px;line-height:24px;color:#262626;}
body.en .head-area .headline {font-weight:600;}


/* ----- common object ----- */
/* 버튼 */
.btn-download {display:inline-block;overflow:hidden;min-width:46px;height:46px;border:1px solid #aaa;text-align:center;white-space:nowrap;}
.btn-download * {vertical-align:top;}
.btn-download i {display:inline-block;position:relative;width:46px;height:46px;font-size:0;line-height:0;text-indent:-1000000px;}
.btn-download i:after {content:'';display:block;position:absolute;top:14px;right:12px;width:20px;height:17px;background:url(/pc/images/common/sprite_btn.png) no-repeat 0 0;background-size:100px auto;font-size:0;line-height:0;}
.btn-download abbr {display:inline-block;padding:0 0 0 15px;font-size:14px;line-height:44px;color:#000;font-weight:400;}
.btn-download abbr + i:after {right:15px;}

/* 하단 버튼 영역 */
.subtn {margin:20px 0 0 0;text-align:center;}

/* no break 개체 */
.no-break {white-space:nowrap;}


/* ----- contents ----- */
/* 문단 컨텐츠 박스 paragraphs box */
.para-box .para-cont {margin:40px 0 0 0;padding:40px 0 0 0;border-top:1px solid #efefef;}
.para-box .para-cont:first-child {margin-top:0;padding-top:0;border-top:none 0;}
.para-box .para-cont .para-tit {margin:0 0 20px 0;font-size:18px;line-height:24px;color:#262626;font-weight:700;}

/* article contents (기사 컨텐츠) */
.article {overflow:hidden;}
.article .article-list {margin:-100px 0 0 0;}
.article .article-list > dt {margin:100px 0 28px 0;font-size:24px;line-height:32px;color:#262626;font-weight:700;}
.article .article-list > dd {}
.article .article-list > dd .article-tit {margin:0 0 12px 0;font-size:18px;line-height:24px;font-weight:500;letter-spacing:-1px;}
.article .article-list > dd .article-summary {font-size:14px;line-height:24px;color:#666;font-weight:400;}
.article .article-list > dd .article-detail {margin:28px 0 0 0;}

/* 정책 리스트 */
.policybook {display:flex;flex-wrap:nowrap;column-gap:50px;}
.policybook .policybook-tit {display:block;width:278px;font-size:18px;line-height:24px;color:#262626;font-weight:700;}
.policybook .policybook-cont {}
.policybook .policybook-cont .policybook-list {display:flex;flex-direction:column;row-gap:24px;padding:0 0 8px 0;}
.policybook .policybook-cont .policybook-list li {display:flex;flex-wrap:nowrap;column-gap:4px;position:relative;font-size:14px;line-height:24px;color:#262626;font-weight:700;}
.policybook .policybook-cont .policybook-list li .list-num {display:block;overflow:hidden;min-width:14px;white-space:nowrap;}
.policybook .policybook-cont .policybook-list li .list-txt {}
.policybook .policybook-cont .policybook-list li .subtxt {display:block;font-size:14px;line-height:24px;color:#262626;font-weight:400;}
.policybook .policybook-cont .subcont {margin:24px 0 0 0;font-size:14px;line-height:1.6;color:#262626;}
body.en .policybook {display:block;flex-wrap:wrap;column-gap:0;}
body.en .policybook .policybook-tit {width:auto;margin:0 0 24px 0;}

/* 이미지 갤러리 */
.img-galary .galtit-video {position:relative;margin:0 0 12px 0;padding:0 0 0 22px;font-size:14px;line-height:20px;color:#262626;font-weight:700;}
.img-galary .galtit-video::before {content:'';display:block;position:absolute;top:0;left:0;width:20px;height:20px;background:url(/pc/images/common/sprite_ico.png) no-repeat 0 0;background-size:100px auto;font-size:0;line-height:0;}
.img-galary ul {display:flex;flex-wrap:wrap;gap:12px;width:100%;}
.img-galary ul > li {position:relative;width:calc(50% - 6px);}
.img-galary ul > li::before {content:'';display:block;padding:0 0 56.33% 0;font-size:0;line-height:0;}
.img-galary ul > li img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.img-galary ul > li a {display:block;position:relative;position:absolute;top:0;left:0;width:100%;height:100%;}
.img-galary ul > li a:hover::after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0, 0, 0, 0.20);font-size:0;line-height:0;}



/* 재적용 파일 */