@charset "utf-8";

/************************************************************************
* 파일명	: common.css
* 설명		: 공통 CSS
* 작성일	: 2025.8.29
************************************************************************/

/* ------------------------------
web font
------------------------------ */
/* 나눔명조 */
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


/* 프리텐다드 웹폰트*/

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family:'Pretendard';
	font-weight:900;
	font-display:swap;
	src:local('Pretendard Black'), url('/font/Pretendard-Black.subset.woff2') format('woff2'), url('/font/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:800;
	font-display:swap;
	src:local('Pretendard ExtraBold'), url('/font/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('/font/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:700;
	font-display:swap;
	src:local('Pretendard Bold'), url('/font/Pretendard-Bold.subset.woff2') format('woff2'), url('/font/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:600;
	font-display:swap;
	src:local('Pretendard SemiBold'), url('/font/Pretendard-SemiBold.subset.woff2') format('woff2'), url('/font/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:500;
	font-display:swap;
	src:local('Pretendard Medium'), url('/font/Pretendard-Medium.subset.woff2') format('woff2'), url('/font/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:400;
	font-display:swap;
	src:local('Pretendard Regular'), url('/font/Pretendard-Regular.subset.woff2') format('woff2'), url('/font/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:300;
	font-display:swap;
	src:local('Pretendard Light'), url('/font/Pretendard-Light.subset.woff2') format('woff2'), url('/font/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:200;
	font-display:swap;
	src:local('Pretendard ExtraLight'), url('/font/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('/font/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
	font-family:'Pretendard';
	font-weight:100;
	font-display:swap;
	src:local('Pretendard Thin'), url('/font/Pretendard-Thin.subset.woff2') format('woff2'), url('/font/Pretendard-Thin.subset.woff') format('woff');
}

 
/*
권장 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:'Pretendard',Arial,sans-serif,'맑은 고딕','돋움','Dotum';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;box-sizing:border-box;height:36px;margin:0;padding:0 9px 0 9px;border:1px solid #a6a6a6;background:#fff;font-family:'Pretendard',Arial,sans-serif,'맑은 고딕','돋움','Dotum';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:'Pretendard',Arial,sans-serif,'맑은 고딕','돋움','Dotum';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 {box-sizing:border-box;padding:12px;border:1px solid #999;background:#fff;font-family:'Pretendard',Arial,sans-serif,'맑은 고딕','돋움','Dotum';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;}
/*seo*/
#wrap #header .header .logo {margin:30px 0 0 0;text-align:center;}
#wrap #header .header .logo 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 ul li.on a {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 a:link,
#wrap #container .top_util a:hover,
#wrap #container .top_util a:visited,
#wrap #container .top_util a:active {font-size:15px;line-height:1.4;color:#999;text-decoration:none;}
#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;text-decoration:none;}
#wrap #container .top_util ul li a:hover,
#wrap #container .top_util ul li a:active,
#wrap #container .top_util ul li a:visited,
#wrap #container .top_util ul li a:focus {text-decoration:none}
#wrap #container .top_util ul li:first-child {padding:0  0 0 0;background:none;}
#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 {display:none;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:14px;}
h1.h_desc {font-weight:400;}
/* 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}


/* 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;line-height:22px}
.bul_gray {padding-left:10px;line-height:22px}
.bul_bgray {padding-left: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 {}
.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}
.table_wrap table tbody tr.t_foot td .list_next {padding:0 20px}

/* 페이징 */
.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;}


/* -----------------
공통속성 재적용
----------------- */
/* 기존 공통버튼이었으나 다운로드 아이콘 하나만 사용하는 다운로드 버튼을 공통으로 사용하기 위하여 폐기함 */
.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;}

/* ----- 공통 레이아웃 ----- */
/* 페이지 레이아웃 */
.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);}

/* 섹션 탭 */
.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;}

/* 정관 */
.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;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 {padding-left:12px;text-indent:-12px;}
.article_wrap .article .article-cont ul li ul {margin:4px 0;}
/* // 정관 */







/* ----------
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;*/margin:8px 0 0 0;}
.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;}
/*.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 .img img {max-width:960px;}
.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';} */


/* 디자인철학 */
.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 .img img {max-width:100%;}
.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 h2 {font-size:30px;line-height:1.4;color:#121212;font-weight:400;}
.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 {width:100%;height:100%;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-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-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-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:'Pretendard',Arial,sans-serif,'맑은 고딕','돋움','Dotum';font-size:32px;font-weight:normal;line-height:32px;font-weight:700;}
.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-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:40px 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;}

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

/* 텍스트 + 이미지 */
.conts-img {display:flex;flex-direction:column;row-gap:40px;}
.conts-img .conts-img-list {display:flex;flex-wrap:nowrap;column-gap:40px;}
.conts-img .conts-img-list.reverse {flex-direction:row-reverse;}
.conts-img .conts-img-list .conts-area {}
.conts-img .conts-img-list .imgs-area {display:flex;align-items:center;}

.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-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 .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 .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;column-gap:20px;row-gap:20px;margin-top:20px;padding-top:24px;border-top:1px solid #a6a6a6;}
.card_wrap .card {width:306px;background:#f8f9f9;}
.card_wrap .card .info {padding:30px;box-sizing:border-box;font-size:14px;line-height:1.4;color:#333;}
.card_wrap .card .info .role {display:block;margin:0 0 8px 0;font-size:14px;line-height:1.4;color:#333;}
.card_wrap .card .info .name {display:block;margin:0 0 12px 0;padding:0 0 10px 0;border-bottom:1px solid #e1e1e1;font-size:14px;line-height:1.4;color:#333;font-weight:900;}
.card_wrap .card .info .position-record li {display:flex;column-gap:4px;position:relative;margin:6px 0 0 0;padding:0 0 0 8px;font-size:14px;line-height:1.4;}
.card_wrap .card .info .position-record li:first-child {margin-top:0;}
.card_wrap .card .info .position-record li::before {content:'-';display:inline-block;position:absolute;top:0;left:0;}
.card_wrap .card .info .position-record li .state {white-space:nowrap;}
.card_wrap .card .info .assigned {margin:10px 0 0 0;}
.card_wrap .card .info .assigned li {display:flex;column-gap:4px;float:none;position:relative;margin:6px 0 0 0;font-size:14px;line-height:1.4;color:#333;}
.card_wrap .card .info .assigned li .assigned-tit {white-space:nowrap;}
.card_wrap .card .info .assigned li .assigned-date span {display:inline-block;}
.card_wrap .card .info .assigned li:first-child {margin-top:0;}
/* .card_wrap .card .info .assigned li::before {content:'';display:block;position:absolute;top:6px;left:0;width:2px;height:2px;background:#333;border-radius:2px;font-size:0;line-height:0;} */
.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-list {margin:0;padding:0;border-top:1px solid #121212;}
.accordion-list dt {position:relative;background:#f8f9f9;border-bottom:1px solid #e1e1e1;padding:20px;box-sizing:border-box;font-size:16px;line-height:1.4;color:#121212;font-weight:700;cursor:pointer;transition:background 0.2s ease;scroll-margin-top:20px;}
.accordion-list dt: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;transition:transform 0.35s ease;}
.accordion-list dt.active:after {transform:rotateX(0);}
.accordion-list dt.active {background:none;}
/* dd 기본 visible (max-height 큰 값). 비활성 dt 바로 다음의 dd 만 max-height:0 으로 접음.
   transition 은 dt.active + dd 에만 — 펼칠 때만 스르륵, 닫을 때는 즉시
   → dt 없는 orphan dd, 연속 dd 등은 그냥 보임 */
.accordion-list dd {overflow:hidden;max-height:3000px;margin:0 0 50px 0;padding:0 15px;box-sizing:border-box;font-size:14px;line-height:1.4;color:#121212;}
.accordion-list dt:not(.active) + dd {max-height:0;margin-bottom:0;}
.accordion-list dt.active + dd {transition:max-height 0.4s ease, margin-bottom 0.4s ease;}
.accordion-list .checkin {display:block;box-sizing:border-box;padding:20px 0;font-size:14px;font-weight:700;}
.accordion-list table {width:100%;}
/*
body.en .accordion-list dt {font-family:'AktivGrotesk-Bold';}
body.en .accordion-list .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 li ul {overflow:hidden;height:0;border-top:1px solid #e6e6e6;opacity:0;transition:all 0.3s ease-in-out;}
body.en #wrap #header .header .gnb-en li ul li {border:0;}
body.en #wrap #header .header .gnb-en 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;}
body.en #wrap #header .header .gnb-en li ul li a:hover {background-image:url('/images/common/bg_bul_red.gif');color:#d7182a;}
body.en #wrap #header .header .gnb-en li ul li.on a {background-image:url('/images/common/bg_bul_red.gif');color:#d7182a;}
body.en #wrap #header .header .gnb-en li.on ul {height:auto;padding:8px 0 30px 0;border-top:1px solid #e6e6e6;opacity:1;}
body.en #wrap #header .header .gnb-en li:hover > ul {height:auto;padding:8px 0 30px 0;border-top:1px solid #e6e6e6;opacity:1;}

/*
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;}


/* 타이틀 레벨 */
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-visual {display:none;position:relative;width:960px;height:270px;}
.head-visual img {width:100%;height:100%;object-fit:cover;}

.head-area {margin:0 0 40px 0;}
.head-area.line {padding:0 0 40px 0;border-bottom:1px solid #e1e1e1;}
.head-area .headline {margin:0;font-size:32px;line-height:46px;color:#262626;font-weight:500;text-align:left;}
.head-area .summary {margin:25px 0 0 0;font-size:14px;line-height:24px;color:#262626;}
body.en .head-area .headline {font-size:31px;font-weight:600;letter-spacing:-1px;}

.hidden-title {width:0;height:0;font-size:0;line-height:0;color:transparent;text-indent:-100000px;}

.cont-area {font-size:14px;line-height:1.4;color:#666;word-wrap:break-word;word-break:keep-all;}
.cont-area h2 {position:relative;margin:40px 0 28px 0;font-size:24px;line-height:1.4;color:#262626;font-weight:600;word-wrap:break-word;word-break:keep-all;}
.cont-area h2:first-child {margin-top:0;}
.cont-area h3 {position:relative;margin:40px 0 28px 0;font-size:24px;line-height:1.4;color:#262626;font-weight:600;word-wrap:break-word;word-break:keep-all;}
.cont-area h3:first-child {margin-top:0;}
.cont-area h3 strong {font-weight:700;}
.cont-area h3 .tit-opt {position:absolute;right:0;bottom:-2px;font-size:14px;line-height:1.2;color:#888;font-weight:400;}
.cont-area h3 + .desc {display:block;margin:-22px 0 5px 0;font-size:14px;line-height:1.2;text-align:right;}
.cont-area h4 {position:relative;margin:40px 0 20px 0;font-size:18px;line-height:1.4;color:#262626;font-weight:500;word-wrap:break-word;word-break:keep-all;}
.cont-area h4:first-child {margin-top:0;}
.cont-area h4 strong {font-weight:700;}
.cont-area h4 .tit-opt {position:absolute;right:0;bottom:-2px;font-size:14px;line-height:1.2;color:#888;font-weight:400;}
.cont-area h4 + .desc {display:block;margin:-18px 0 5px 0;font-size:14px;line-height:1.2;text-align:right;}
.cont-area h4.cont-tit {font-size:20px;font-weight:600;}
.cont-area h5 {margin:30px 0 12px 0;font-size:16px;line-height:1.4;color:#262626;font-weight:500;word-wrap:break-word;word-break:keep-all;}
.cont-area h5:first-child {margin-top:0;}
.cont-area h5 strong {font-weight:700;}
.cont-area h3 + h4 {margin-top:0;}
.cont-area h3 + h5 {margin-top:0;}
.cont-area h4 + h5 {margin-top:0;}
.cont-area > p {margin:20px 0 20px 0;font-size:14px;line-height:1.6;color:#666;word-wrap:break-word;word-break:keep-all;}
.cont-area > p:first-child {margin-top:0;}
.cont-area > p .em {color:#0c27c1;}
.cont-area .exp {margin:20px 0 20px 0;font-size:14px;line-height:1.6;color:#666;word-wrap:break-word;word-break:keep-all;}
.cont-area .exp:first-child {margin-top:0;}
.cont-area .exp .em {color:#0c27c1;}
.cont-area .exp.divide {display:flex;flex-wrap:nowrap;column-gap:40px;}
.cont-area .exp.divide .txt {margin:0;font-size:14px;line-height:1.6;color:#666;}
.cont-area .exp.divide .img {flex-shrink:0;}
.cont-area .exp.divide .img img {max-width:100%;}
.cont-area .exp.divide .even {flex:1;}
.cont-area .exp.divide .data-area {flex-shrink:0;}
.cont-area .exp.divide.opt {column-gap:80px;padding:16px 0;border-top:1px solid #e5e5e5;}
.cont-area .exp.divide.opt .txt {flex:1;}
.cont-area .exp.divide.opt .opt-btn {flex-shrink:0;display:flex;align-items:center;padding:0 16px;}
.cont-area .exp.divide.opt .opt-btn .linkbtn {display:inline-flex;justify-content:center;align-items:center;min-width:186px;height:40px;padding:0 24px;border:1px solid #aaa;font-size:14px;line-height:38px;color:#121212;text-align:center;white-space:nowrap;text-decoration:none;}
.cont-area .exp.divide.board {column-gap:56px;}
.cont-area .expbox {margin-top:40px;}
.cont-area .expbox.sub {margin-top:20px;}
.cont-area h5 + p {margin-top:0;}
.cont-area h5 + .exp {margin-top:0;}
.cont-area h5 + .expbox {margin-top:0;}
.cont-area > .contbox {margin:40px 0 0 0;padding:40px 0 0 0;border-top:1px solid #e1e1e1;}
.cont-area > .contbox:first-child {margin-top:0;}
.cont-area .imgcont {}
.cont-area .imgcont img {max-width:100%;}
.cont-area .imglist {display:flex;flex-direction:column;row-gap:40px;} /* 미사용속성 - 준비 중인 속성 */
.cont-area .imglist img {max-width:100%;}
.cont-area .subcont {margin-top:80px;}
.cont-area .subcont.divide {padding-top:80px;border-top:1px solid #e1e1e1;}
/* .cont-area .subcont:not(.subcont ~ .subcont) {margin-top:40px;} */
.cont-area > .subcont:first-child {margin-top:0;}


/* ----- common object ----- */
/* 버튼 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-download {display:inline-flex;flex-wrap:nowrap;align-items:center;overflow:hidden;box-sizing:border-box;min-width:46px;min-height:46px;border:1px solid #aaa;text-decoration:none;}
.btn-download * {vertical-align:top;}
.btn-download:after {content:'';display:inline-block;position:relative;width:44px;height:44px;margin:0 0 0 auto;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmI3YzY0Y2NmOSwgMjAyNC8wNy8xNi0xMjozOTowNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxMzM0REJEMTg3MTExRjE5MEVERkE3OUY3RERBMEU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxMzM0REJFMTg3MTExRjE5MEVERkE3OUY3RERBMEU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODEzMzREQkIxODcxMTFGMTkwRURGQTc5RjdEREEwRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODEzMzREQkMxODcxMTFGMTkwRURGQTc5RjdEREEwRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6O9dKbAAABpElEQVR42uyYzUrDQBDHk23SkFKitx68RGgoOfZavQQfQEEfQbz4MOLBxxAPeo8gHnrNQTCUplDQW/2oJDaf/hcCitQiJCUtzMCys9ll5pdhdnYTMcsyYZ2ECWsmBEzABEzABEzABEzARUQq22C32930fd/jt8AoirY9z3ullCBgAibgb1EUJV0msFj0I1SEtFqthqqqMh+jV5MkeeB2ZVk2wzD04zhmmqZFjuP4WUGHhYF7vZ46mUwuYOcIwyR/vIHGDb/nPrh+FQTB6Xg8DioF5tLpdLZgx0aw29zmnCWPaHuu6z4VjXApOQyQZ0mSjqFOf8+B7wXtpAzY0oDBkeIY7kM9Q5v9mJoh6ueY72cl/bERy/zzYxiGxhi7gboDu3w/3mHT7Y9Go7eVBOaEpmm2USVu+RhRt4bDoVtpWbMsS0LEmn/mGGNZvV4/SNNUwK3tGnoCfd5GFHRd/7BtO14qMCrCLrpLfkbkpWtepOU8t6MFfj/xIoeDweB+qfdhOEIQWQN9c8Gaf6VPrVZjleYwXX4ImIAJmIAJmIAJeNXlS4ABABtc05OsCAaJAAAAAElFTkSuQmCC) no-repeat center center / 44px 44px;font-size:0;line-height:0;text-indent:-1000000px;}
.btn-download span {flex:1;padding:6px 0 6px 14px;font-size:14px;line-height:1.3;color:#000;font-weight:400;}
.btn-download:hover {text-decoration:none;}
.btn-download.big {min-height:62px;padding:3px 0;}
.btn-download.big span {padding-top:0;padding-bottom: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;}

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

/* page btn */
.page-btn {display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:120px;height:40px;padding:0 20px;background:#5b5b5b;font-size:14px;line-height:1;color:#fff;font-weight:500;text-align:center;}
.page-btn.red {background:#d7182a;}

/* bottom button */
.bottom-btn {display:flex;justify-content:center;column-gap:10px;row-gap:8px;margin:30px 0 0 0;text-align:center;}

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

/* 페이지 탭 */
.pagetab {margin-bottom:50px;}
.pagetab ul {display:flex;flex-wrap:nowrap;column-gap:12px;box-sizing:border-box;}
.pagetab ul li {flex:1;border-bottom:1px solid #e1e1e1}
.pagetab 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;}
.pagetab ul li a:hover {border-bottom:1px solid #2b2b2b;color:#0d0d0d;text-decoration:none;}
.pagetab ul li:hover {border-bottom:1px solid #2b2b2b;}
.pagetab ul li.on {border-bottom:1px solid #2b2b2b}
.pagetab ul li.on a {border-bottom:1px solid #2b2b2b;color:#0d0d0d;}


/* 컨텐츠 탭 */
.contab {margin:42px 0 0 0;}
.contab > .contab-menu {display:flex;flex-wrap:nowrap;justify-content:flex-start;box-sizing:border-box;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:flex;justify-content:center;align-items:center;max-width:100%;height:45px;padding:0 20px;font-size:13px;line-height:1.2;color:#262626;font-weight:700;text-align:center;text-decoration:none;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>
*/


/* view tab */
.viewtab {overflow:hidden;position:relative;width:100%;}
.viewtab .viewtab-list {display:flex;list-style:none;margin:0;padding:0;}
.viewtab .viewtab-list li {cursor:pointer;}
.viewtab .viewtab-list li.on {}
.viewtab .cont-wrap {overflow:hidden;position:relative;width:100%;margin:0;}
.viewtab .cont-wrap.animated {pointer-events:none;}
.viewtab .cont-wrap .viewtab-cont {overflow:hidden;position:absolute;top:0;left:300%;width:100%;transition:margin 0.5s;}
.viewtab .cont-wrap .viewtab-cont.on {z-index:10;}
.viewtab .cont-wrap .viewtab-cont:first-child {position:relative;top:auto;left:auto;width:100%;}
/*모바일 사이즈: .viewtab .cont-wrap .viewtab-cont:after {content:'';display:block;padding-bottom:144%;} */
.viewtab .cont-wrap .viewtab-cont img {position:absolute;top:50%;left:50%;width:100%;margin:0!important;transform:translate(-50%,-50%);height:100%;object-fit:cover;}
.viewtab .tab-paging {display:flex;flex-wrap:nowrap;justify-content:center;column-gap:8px;height:3px;margin:16px 0 0 0;font-size:0;line-height:0;}
.viewtab .tab-paging span {display:block;width:24px;height:3px;background:#d9d9d9;font-size:0;line-height:0;}
.viewtab .tab-paging span.on {background-color:#666;}


/* 아코디언 박스 */
.accordion-box {padding-top:8px;}
.accordion-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;}

/* 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;}

/* ----- table ----- */
.table-info {display:flex;position:relative;margin:0 0 5px 0;}
.table-info .table-caption {font-size:14px;line-height:20px;color:#212121;font-weight:bold;}
.table-info .table-date {margin-left:auto;padding:2px 0 0 0;font-size:12px;line-height:18px;color:#a6a6a6;}
.table-opt {display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:20px;row-gap:10px;text-align:right;}
.table-opt .opt-list {}
.table-criteria {margin:6px 0 0 0;font-size:12px;line-height:1.4;color:#838383;}
.table-criteria ul li {margin:2px 0 0 0;}
.table-criteria ul li:first-child {margin-top:0;}

/* data table */
.data-table {overflow:hidden;width:100%;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 14px 9px 14px;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 9px 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.top {vertical-align:top;}
.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}
.data-table table tbody tr td .td-list li {position:relative;margin:2px 0 0 0;padding:0 0 0 6px;font-size:12px;line-height:1.4;color:#121212;}
.data-table table tbody tr td .td-list li:first-child {margin-top:0;}
.data-table table tbody tr td .td-list li::before {content:'';display:block;position:absolute;top:7px;left:0;width:2px;height:2px;border-radius:2px;background:#121212;font-size:0;line-height:0;}
.data-table table thead.big tr th {padding-top:20px;padding-bottom:20px;font-size:14px;font-weight:bold;}
.data-table table tbody.big th,
.data-table table tbody.big td {padding-top:12px;padding-bottom:12px;font-size:14px;}
.data-table.big table thead tr th {padding-top:20px;padding-bottom:20px;font-size:14px;font-weight:bold;}
.data-table.big table tbody tr th,
.data-table.big table tbody tr td {padding-top:12px;padding-bottom:12px;font-size:14px;}
.data-table table tbody.big tr td .td-list li {margin-top:3px;padding-left:6px;font-size:14px;}
.data-table table tbody.big tr td .td-list li::before {top:8px;}
.data-table.big table tbody tr td .td-list li {margin-top:3px;padding-left:6px;font-size:14px;}
.data-table.big table tbody tr td .td-list li::before {top:8px;}

/* explain table */
.exp-table {overflow:hidden;border-top:2px solid #262626;}
.exp-table table {width:calc(100% + 1px);margin-left:-1px;border-bottom:1px solid #efefef;border-spacing:0;border-collapse:collapse;}
.exp-table table thead tr th {padding:14px 16px 14px 16px;border-left:1px solid #efefef;border-bottom:1px solid #efefef;background:#f7f7f7;font-size:14px;line-height:1.4;color:#333;font-weight:700;text-align:center;word-wrap:break-word;word-break:keep-all;}
.exp-table table tbody tr th {padding:12px 16px 12px 16px;border-left:1px solid #efefef;border-bottom:1px solid #efefef;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;}
.exp-table table tbody tr th.center {text-align:center;}
.exp-table table tbody tr th.right {text-align:right;}
.exp-table table tbody tr td {padding:12px 16px 12px 16px;border-left:1px solid #efefef;border-bottom:1px solid #efefef;font-size:13px;line-height:1.4;color:#333;font-weight:normal;text-align:left;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.exp-table table tbody tr td.center {text-align:center;}
.exp-table table tbody tr td.right {text-align:right;}
.exp-table table tbody tr td.top {vertical-align:top;}
.exp-table table tbody tr td img {vertical-align:middle}
.exp-table table tbody tr td .td-list li {position:relative;margin:2px 0 0 0;padding:0 0 0 6px;font-size:12px;line-height:1.4;color:#121212;}
.exp-table table tbody tr td .td-list li:first-child {margin-top:0;}
.exp-table table tbody tr td .td-list li::before {content:'';display:block;position:absolute;top:6px;left:0;width:2px;height:2px;border-radius:2px;background:#121212;font-size:0;line-height:0;}
.exp-table.big table thead tr th {padding-top:20px;padding-bottom:20px;font-size:14px;}
.exp-table.big table tbody tr th,
.exp-table.big table tbody tr td {padding-top:16px;padding-bottom:16px;font-size:14px;}
.exp-table.big table tbody tr td .td-list li {margin-top:3px;padding-left:6px;font-size:14px;}
.exp-table.big table tbody tr td .td-list li::before {top:8px;}


/* ----- form 폼 박스 ----- */
/* 사이버 신고 입력 테이블 디자인 수정 */
.form-table table {border:none 0;border-collapse:collapse;}
.form-table table > thead > tr > th {border-bottom:1px solid #ddd;font-size:14px;line-height:1.4;color:#121212;font-weight:600;}
.form-table table > tbody > tr > th {padding:10px 0;border-bottom:1px solid #ddd;font-size:14px;line-height:1.4;color:#121212;font-weight:600;text-align:left;}
.form-table table > tbody > tr > td {padding:10px 0 10px 10px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;line-height:1.4;color:#121212;font-weight:400;}
.form-table .necessity {display:inline-block;padding-left:8px;background:url('/images/common/bul_red.gif') no-repeat 0 10px;line-height:24px}
.form-table .agree-box {margin:10px 0 0 0;}
/* input message */
.form-table table tbody tr td .input-message {margin:8px 0 0 0;font-size:13px;line-height:1.4;color:#ff3c3c;font-weight:400;word-break:keep-all;word-wrap:break-word;}
.form-table table tbody tr td .input-message .message-txt {display:block;}

/* form terms box */
.terms-box {overflow-y:auto;max-height:300px;font-size:13px;line-height:1.4;color:#121212;}
.terms-box table {font-size:13px;}
.terms-box table th,
.terms-box table td {border:1px solid #eee;padding:10px;}
.terms-box table th {background:#f5f5f5;text-align:center;}
.terms-box table .term {font-size:16px;}

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

/* form box */
.form-box {display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:10px;vertical-align:middle;}
.form-box input[type=text],
.form-box input[type=password] {box-sizing:border-box;height:40px;font-size:14px;line-height:1;color:#262626;}
.form-box input[type=text]::placeholder,
.form-box input[type=password]::placeholder {color:#b0b0b0;}
.form-box .hidden-input {display:inline-block;overflow:hidden;position:relative;}
.form-box .hidden-input input {display:block;position:absolute;top:-100000px;left:-100000px;width:0;height:0;background:none;box-shadow:none;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.form-box .select {box-sizing:border-box;height:40px;padding:0;}
.form-box .select select {box-sizing:border-box;height:38px;padding-right:10px;}
.form-box .form-btn {flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;column-gap:5px;box-sizing:border-box;min-width:100px;height:40px;padding:0 20px;background:#5b5b5b;border:1px solid #5b5b5b;border-radius:2px;font-size:13px;line-height:1;color:#fff;text-align:center;vertical-align:middle;text-decoration:none;white-space:nowrap;user-select:none;}
.form-box .form-btn.search::before {content:'';display:inline-block;margin:auto 0;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.1291 11.8796H12.4707L12.2374 11.6546C13.0541 10.7046 13.5457 9.47122 13.5457 8.12956C13.5457 5.13789 11.1207 2.71289 8.12907 2.71289C5.1374 2.71289 2.7124 5.13789 2.7124 8.12956C2.7124 11.1212 5.1374 13.5462 8.12907 13.5462C9.47074 13.5462 10.7041 13.0546 11.6541 12.2379L11.8791 12.4712V13.1296L16.0457 17.2879L17.2874 16.0462L13.1291 11.8796ZM8.12907 11.8796C6.05407 11.8796 4.37907 10.2046 4.37907 8.12956C4.37907 6.05456 6.05407 4.37956 8.12907 4.37956C10.2041 4.37956 11.8791 6.05456 11.8791 8.12956C11.8791 10.2046 10.2041 11.8796 8.12907 11.8796Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center center / 18px 18px;}
.form-box .form-input {flex:1;}
.form-box .form-opt {flex-shrink:0;margin:0 0 0 auto;}
.form-box .input-notice {display:block;font-size:13px;line-height:1.4;color:#888;}
.form-box.full {width:100%;}
.form-box .full {width:100%;}
.form-box.check {column-gap:40px;}
.form-box.check .check-item {display:inline-flex;align-items:center;column-gap:6px;}
.form-box.nowrap {flex-wrap:nowrap;}
.input-notice {display:block;font-size:13px;line-height:1.4;color:#888;}

/* 우편번호 리스트 */
.addr-list {display:flex;flex-direction:column;row-gap:8px;}
.addr-list > li {position:relative;}

/* 팁 노티스 tip notice */
.tip-notice {margin:14px 0 0 0;}
.tip-notice ul {}
.tip-notice ul li {position:relative;font-size:13px;line-height:1.4;color:#999;}
.tip-notice ul li.ast {padding:0 0 0 10px;}
.tip-notice ul li.ast::before {content:'*';position:absolute;top:2px;left:0;}

.tip-notice ul li.refer {padding:0 0 0 15px;}
.tip-notice ul li.refer::before {content:'※';position:absolute;top:0;left:0;}


/* ----- contents ----- */
/* 설명 리스트(설명 + 이미지) */
.exp-list {display:flex;flex-direction:column;row-gap:34px;}
.exp-list > li {display:flex;flex-wrap:nowrap;column-gap:32px;}
.exp-list > li .exp-desc {font-size:14px;line-height:1.6;color:#262626;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-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 {flex-shrink:0;}
.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;}

/* 카달로그 박스 */
.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;}

/* 인증서 박스 */
.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;}

/* article contents (기사 컨텐츠) */
.article {overflow:hidden;padding:40px 0 0 0;border-top:1px solid #e1e1e1;}
/* 헤더영역에 보더 가져갈 경우: .article {} */
.article .article-list {}
.article .article-list > dt {margin:100px 0 28px 0;font-size:24px;line-height:32px;color:#262626;font-weight:700;}
.article .article-list > dt:first-child {margin-top:0;}
.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;}

/* 이미지 갤러리 */
.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;}

/* 정책 리스트 */
.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;}

/* button list */
.btn-board ul {border-top:solid 1px #e5e5e5;}
.btn-board ul li {display:flex;flex-wrap:nowrap;align-items:center;column-gap:20px;padding:16px 16px;border-bottom:solid 1px #e5e5e5;}
.btn-board ul li .board-txt {font-size:14px;line-height:1.6;color:#262626;font-weight:500;}
.btn-board ul li .board-txt strong {font-weight:700;}
.btn-board ul li .board-input input[type=text] {width:100%;height:46px;font-size:14px;line-height:1;color:#262626;}
.btn-board ul li .board-btn {flex-shrink:0;margin-left:auto;}
.btn-board ul li .board-btn button {display:inline-block;width:186px;height:46px;padding:10px 5px;background:#555;font-size:13px;line-height:1;color:#fff;text-align:center;text-decoration:none;}
.btn-board ul li .board-btn a {display:inline-block;width:186px;height:46px;padding:10px 5px;background:#555;font-size:13px;line-height:1;color:#fff;text-align:center;text-decoration:none;}

/* cs info box */
.cs-info {display:flex;column-gap:40px;padding:16px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.cs-info .cs-info-txt {flex:1;font-size:14px;line-height:1.6;color:#333;font-weight:400;}
.cs-info .cs-info-txt .sub-info {margin:4px 0 0 0;font-size:13px;line-height:1.6;color:#999;}
.cs-info .cs-info-link {flex-shrink:0;display:flex;justify-content:flex-end;column-gap:10px;margin-left:auto;text-align:right;}
.cs-info .cs-info-link a {display:inline-block;box-sizing:border-box;min-width:186px;height:40px;padding:0 15px;border:1px solid #aaa;font-size:14px;line-height:38px;color:#333;text-align:center;text-decoration:none;}
.cs-info strong {font-weight:700;}


/* 진행 프로세스 */
.evaluation-pocess {display:flex;flex-wrap:nowrap;box-sizing:border-box;border:1px solid #efefef;}
.evaluation-pocess .process-step {flex:1;display:flex;justify-content:center;align-items:center;position:relative;padding:14px 12px;font-size:14px;line-height:1.4;color:#262626;text-align:center;}
.evaluation-pocess .process-step::before {content:'';display:block;position:absolute;top:0;left:-1px;width:1px;height:100%;background:#efefef;}
.evaluation-pocess .process-step::after {content:'';display:block;position:absolute;top:50%;left:-9px;width:20px;height:20px;margin-top:-10px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.6464 4.64645C11.8417 4.45118 12.1583 4.45118 12.3536 4.64645L17.3536 9.64645C17.5488 9.84171 17.5488 10.1583 17.3536 10.3536L12.3536 15.3536C12.1583 15.5488 11.8417 15.5488 11.6464 15.3536C11.4512 15.1583 11.4512 14.8417 11.6464 14.6464L16.2929 10L11.6464 5.35355C11.4512 5.15829 11.4512 4.84171 11.6464 4.64645Z' fill='%23121212'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11.6464 4.64645C11.8417 4.45118 12.1583 4.45118 12.3536 4.64645L17.3536 9.64645C17.5488 9.84171 17.5488 10.1583 17.3536 10.3536L12.3536 15.3536C12.1583 15.5488 11.8417 15.5488 11.6464 15.3536C11.4512 15.1583 11.4512 14.8417 11.6464 14.6464L16.2929 10L11.6464 5.35355C11.4512 5.15829 11.4512 4.84171 11.6464 4.64645Z' fill='%23121212'/><path fill-rule='evenodd' clip-rule='evenodd' d='M16.5 10C16.5 10.2761 16.2761 10.5 16 10.5H3C2.72386 10.5 2.5 10.2761 2.5 10C2.5 9.72386 2.72386 9.5 3 9.5H16C16.2761 9.5 16.5 9.72386 16.5 10Z' fill='%23121212'/><path fill-rule='evenodd' clip-rule='evenodd' d='M16.5 10C16.5 10.2761 16.2761 10.5 16 10.5H3C2.72386 10.5 2.5 10.2761 2.5 10C2.5 9.72386 2.72386 9.5 3 9.5H16C16.2761 9.5 16.5 9.72386 16.5 10Z' fill='%23121212'/></svg>") no-repeat center center / 17px 17px;font-size:0;line-height:0;}
.evaluation-pocess .process-step:first-child::before,.evaluation-pocess .process-step:first-child::after {display:none;}

/* 단계 박스 step box */
.phase {display:flex;flex-wrap:nowrap;column-gap:24px;}
.phase .phase-box {flex:1;box-sizing:border-box;padding:24px 24px;border:1px solid #e5e5e5;}
.phase .phase-box .phase-category {box-sizing:border-box;min-height:24px;margin:0 0 14px 0;padding:4px 0;border-bottom:1px solid #e5e5e5;font-size:12px;line-height:1.4;color:#999;font-weight:700;text-align:left;}
.phase .phase-box .phase-category.center {text-align:center;}
.phase .phase-box .phase-tit {display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-height:34px;margin:0 0 16px 0;padding:0 0 18px 0;border-bottom:1px solid #333;font-size:16px;line-height:1.4;color:#333;font-weight:700;text-align:center;}
.phase .phase-box .phase-tit.left {justify-content:flex-start;text-align:left;}
.phase .phase-box .phase-tit.center {justify-content:center;text-align:center;}
.phase .phase-box .phase-tit.em {color:#a90010;}
.phase .phase-box .phase-tit.text {font-size:15px;font-weight:500;}
.phase .phase-box .phase-tit.text.number {justify-content:flex-start;text-align:left;padding-left:12px;text-indent:-12px;}
.phase .phase-box .phase-copy {display:flex;align-items:center;box-sizing:border-box;padding:18px 12px;background:#fae7e7;font-size:16px;line-height:1.4;color:#a90010;font-weight:700;text-align:left;}
.phase .phase-box .phase-copy.center {justify-content:center;text-align:center;}
.phase .phase-box .phase-copy.gray {background:#f6f6f6;}
.phase .phase-box .phase-copy.gray-black {background:#f6f6f6;color:#333;}
.phase .phase-box .phase-copy.small {padding:12px 12px;font-size:14px;}
.phase .phase-box .phase-copybox {display:flex;align-items:center;box-sizing:border-box;padding:16px 20px;background:#fae7e7;font-size:15px;line-height:1.6;color:#a90010;font-weight:700;text-align:left;}
.phase .phase-box .phase-copybox.center {justify-content:center;text-align:center;padding:16px 10px;}
.phase .phase-box .phase-copybox.gray {background:#f6f6f6;}
.phase .phase-box .copybox-list {width:100%;}
.phase .phase-box .copybox-list li {position:relative;margin:8px 0 0 0;padding:0 0 0 16px;font-size:15px;line-height:1.4;color:#a90010;font-weight:700;word-break:keep-all;word-wrap:break-word;}
.phase .phase-box .copybox-list li:first-child {margin-top:0;}
.phase .phase-box .copybox-list li::before {content:'';display:block;position:absolute;top:9.5px;left:4px;width:4px;height:4px;background:#a90010;border-radius:2px;font-size:0;line-height:0;}
.phase .phase-box .phase-textbox {display:flex;align-items:center;box-sizing:border-box;padding:16px 20px;background:#f6f6f6;font-size:14px;line-height:1.4;color:#0c27c1;font-weight:400;text-align:left;}
.phase .phase-box .phase-textbox.center {justify-content:center;text-align:center;}
.phase .phase-box .textbox-list {}
.phase .phase-box .textbox-list li {position:relative;margin:8px 0 0 0;padding:0 0 0 12px;font-size:14px;line-height:1.4;color:#666;font-weight:400;word-break:keep-all;word-wrap:break-word;}
.phase .phase-box .textbox-list li:first-child {margin-top:0;}
.phase .phase-box .textbox-list li::before {content:'';display:block;position:absolute;top:8px;left:2px;width:2px;height:2px;background:#333;border-radius:2px;font-size:0;line-height:0;}
.phase .phase-box .phase-exp {font-size:14px;line-height:1.4;color:#333;font-weight:400;text-align:left;}
.phase .phase-box .phase-exp.center {text-align:center;}
.phase .phase-box .phase-list {margin-top:20px;}
.phase .phase-box .phase-list li {position:relative;margin:12px 0 0 0;padding:0 0 0 12px;font-size:13px;line-height:1.4;color:#666;font-weight:400;word-break:keep-all;word-wrap:break-word;}
.phase .phase-box .phase-list li:first-child {margin-top:0;}
.phase .phase-box .phase-list li::before {content:'';display:block;position:absolute;top:8px;left:2px;width:2px;height:2px;background:#333;border-radius:2px;font-size:0;line-height:0;}
.phase .phase-box .phase-tit + .phase-list {margin-top:24px;}
.phase .phase-box.narrow {padding:16px 18px;}
.phase .phase-box.resize {flex:none;}
.phase .phase-box.borderless {border:none 0;padding:18px 0 0 0;}
.phase .phase-arrow {flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;width:32px;font-size:0;line-height:0;text-indent:-100000px;}
.phase .phase-arrow:after {content:'';display:block;width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.6343%207.43353C18.9467%207.12111%2019.4533%207.12111%2019.7657%207.43353L27.7657%2015.4335C28.0781%2015.746%2028.0781%2016.2525%2027.7657%2016.5649L19.7657%2024.5649C19.4533%2024.8773%2018.9467%2024.8773%2018.6343%2024.5649C18.3219%2024.2525%2018.3219%2023.746%2018.6343%2023.4335L26.0686%2015.9992L18.6343%208.5649C18.3219%208.25248%2018.3219%207.74595%2018.6343%207.43353Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.6343%207.43353C18.9467%207.12111%2019.4533%207.12111%2019.7657%207.43353L27.7657%2015.4335C28.0781%2015.746%2028.0781%2016.2525%2027.7657%2016.5649L19.7657%2024.5649C19.4533%2024.8773%2018.9467%2024.8773%2018.6343%2024.5649C18.3219%2024.2525%2018.3219%2023.746%2018.6343%2023.4335L26.0686%2015.9992L18.6343%208.5649C18.3219%208.25248%2018.3219%207.74595%2018.6343%207.43353Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.4%2015.9992C26.4%2016.441%2026.0418%2016.7992%2025.6%2016.7992H4.8C4.35817%2016.7992%204%2016.441%204%2015.9992C4%2015.5574%204.35817%2015.1992%204.8%2015.1992H25.6C26.0418%2015.1992%2026.4%2015.5574%2026.4%2015.9992Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.4%2015.9992C26.4%2016.441%2026.0418%2016.7992%2025.6%2016.7992H4.8C4.35817%2016.7992%204%2016.441%204%2015.9992C4%2015.5574%204.35817%2015.1992%204.8%2015.1992H25.6C26.0418%2015.1992%2026.4%2015.5574%2026.4%2015.9992Z%22%20fill%3D%22%23121212%22/%3E%3C/svg%3E") no-repeat center center / 32px 32px;font-size:0;line-height:0;}
.phase .phase-arrow.blank:after {background:none;}
.phase.narrow {column-gap:8px;}
.phase.compact {column-gap:4px;}
.phase.end {align-items:end;}
.phase.cardtype {flex-wrap:wrap;row-gap:24px;}
.phase.cardtype .phase-box {flex:none;flex-shrink:0;width:calc(50% - 12px);}

/* text card */
.text-card {display:flex;flex-wrap:wrap;gap:24px;}
.text-card .card-box {flex-shrink:0;width:calc(50% - 12px);padding:24px;background:#f6f6f6;}
.text-card .card-box .card-box-tit {margin:0 0 12px 0;font-size:18px;line-height:1.6;color:#333;font-weight:700;}
.text-card .card-box .card-box-exp {font-size:14px;line-height:1.6;color:#666;}

/* textbox card */
.textbox-card {display:flex;flex-wrap:wrap;gap:24px;}
.textbox-card .card-box {flex-shrink:0;width:calc(50% - 12px);padding:24px 20px;background:#f6f6f6;}
.textbox-card .card-box .card-box-tit {margin:0 0 24px 0;padding:0 0 16px 0;border-bottom:1px solid #333;font-size:16px;line-height:1.6;color:#333;font-weight:700;text-align:center;}
.textbox-card .card-box .card-box-tit.em {color:#a90010;}
.textbox-card .card-box .card-box-exp {font-size:13px;line-height:1.6;color:#666;}
.textbox-card.nowrap {flex-wrap:nowrap;}
.textbox-card.nowrap .card-box {flex:1;width:auto;}


/* ----- 경영철학 ----- */
.philosophy .philosophy-img img {width:100%;height:auto;}


/* ----- B2B 섹션 ----- */
.section-head {position:relative;margin:0 0 40px 0;padding-right:240px;}
.section-head .section-tit {font-family:'Nanum Myeongjo';font-size:32px;line-height:46px;font-weight:400;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-list {margin:40px 0 0 0;border-top:1px solid #e1e1e1;}
.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;}
/* 소개 박스 */
.intro-box {padding-top:10px;}
.intro-box h2 {margin-bottom:40px;font-size:28px;line-height:1.4;color:#121212;font-weight:500;}


/* ----- IR 이사회 컨텐츠 리스트 ----- */
.section-content {font-size:14px;line-height:1.4;color:#666;word-wrap:break-word;word-break:keep-all;}
.section-content h3 {margin:40px 0 28px 0;font-size:24px;line-height:1.4;color:#262626;font-weight:600;word-wrap:break-word;word-break:keep-all;}
.section-content h3:first-child {margin-top:0;}
.section-content h4 {margin:40px 0 20px 0;font-size:18px;line-height:1.4;color:#262626;font-weight:500;word-wrap:break-word;word-break:keep-all;}
.section-content h4:first-child {margin-top:0;}
.section-content h3 + h4 {margin-top:0;}
.section-content .exp {margin:20px 0 20px 0;font-size:14px;line-height:1.4;color:#666;word-wrap:break-word;word-break:keep-all;}
.section-content > .content-list {margin:40px 0 0 0;padding:40px 0 0 0;border-top:1px solid #e1e1e1;}
.section-content > .content-list:first-child {margin-top:0;}


/* ----- 지속가능경영 ----- */
/* esg summary */
.esg-summary {display:flex;flex-direction:column;row-gap:24px;}
.esg-summary .summary-box {display:flex;border:1px solid #e5e5e5;}
.esg-summary .summary-box .summary-tit {flex-shrink:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:200px;padding:24px 24px;border-right:1px solid #e5e5e5;font-size:16px;line-height:1.4;color:#333;font-weight:700;text-align:center;}
.esg-summary .summary-box .summary-cont {flex:1;display:flex;justify-content:center;align-items:center;padding:24px 24px;font-size:14px;line-height:1.4;color:#333;font-weight:400;text-align:center;}
.esg-summary .summary-box .summary-cont .summary-exp {}
.esg-summary .summary-box .summary-cont .summary-exp .catchphrase {margin:0 0 8px 0;font-size:16px;line-height:1.4;color:#a90010;font-weight:700;text-align:center;}
.esg-summary .summary-box.slogan-message {flex:2.26;}
.esg-summary .summary-box.slogan-message .summary-tit {margin-bottom:20px;}


/* Initiatives */
.esg-Initiatives {display:flex;flex-wrap:nowrap;column-gap:18px;margin:24px 0 0 0;}
.esg-Initiatives .Initiatives-box {flex:1;box-sizing:border-box;}
.esg-Initiatives .Initiatives-box .Initiatives-ico {box-sizing:border-box;height:72px;margin:0 0 8px 0;font-size:0;line-height:0;text-align:center;}
.esg-Initiatives .Initiatives-box .Initiatives-ico::after {content:'';display:inline-block;width:72px;height:72px;font-size:0;line-height:0;}
.esg-Initiatives .Initiatives-box .Initiatives-ico.sustainable::after {background:image-set(url("https://image2.hanssem.com/company/images/contents/esg_ico_sustainable.png?w=72") 1x, url("https://image2.hanssem.com/company/images/contents/esg_ico_sustainable.png?w=144") 2x, url("https://image2.hanssem.com/company/images/contents/esg_ico_sustainable.png?w=216") 3x) no-repeat center center / 72px 72px;}
.esg-Initiatives .Initiatives-box .Initiatives-ico.climatic::after {background:image-set(url("https://image2.hanssem.com/company/images/contents/esg_ico_climatic.png?w=72") 1x, url("https://image2.hanssem.com/company/images/contents/esg_ico_climatic.png?w=144") 2x, url("https://image2.hanssem.com/company/images/contents/esg_ico_climatic.png?w=216") 3x) no-repeat center center / 72px 72px;}
.esg-Initiatives .Initiatives-box .Initiatives-ico.fairness::after {background:image-set(url("https://image2.hanssem.com/company/images/contents/esg_ico_fairness.png?w=72") 1x, url("https://image2.hanssem.com/company/images/contents/esg_ico_fairness.png?w=144") 2x, url("https://image2.hanssem.com/company/images/contents/esg_ico_fairness.png?w=216") 3x) no-repeat center center / 72px 72px;}
.esg-Initiatives .Initiatives-box .Initiatives-ico.human::after {background:image-set(url("https://image2.hanssem.com/company/images/contents/esg_ico_human.png?w=72") 1x, url("https://image2.hanssem.com/company/images/contents/esg_ico_human.png?w=144") 2x, url("https://image2.hanssem.com/company/images/contents/esg_ico_human.png?w=216") 3x) no-repeat center center / 72px 72px;}
.esg-Initiatives .Initiatives-box .Initiatives-ico.natural::after {background:image-set(url("https://image2.hanssem.com/company/images/contents/esg_ico_natural.png?w=72") 1x, url("https://image2.hanssem.com/company/images/contents/esg_ico_natural.png?w=144") 2x, url("https://image2.hanssem.com/company/images/contents/esg_ico_natural.png?w=216") 3x) no-repeat center center / 72px 72px;}
.esg-Initiatives .Initiatives-box .Initiatives-tit {box-sizing:border-box;min-height:41px;margin:0 0 24px 0;padding:0 0 16px 0;border-bottom:1px solid #333;font-size:16px;line-height:1.4;color:#333;font-weight:700;text-align:center;}
.esg-Initiatives .Initiatives-box .Initiatives-exp {box-sizing:border-box;min-height:204px;padding:18px 14px 18px 14px;background:#f6f6f6;font-size:13px;line-height:1.4;color:#666;font-weight:400;}
.esg-Initiatives .Initiatives-box .Initiatives-exp .Initiatives-list {}
.esg-Initiatives .Initiatives-box .Initiatives-exp .Initiatives-list li {position:relative;margin:12px 0 0 0;padding:0 0 0 12px;font-size:13px;line-height:1.4;color:#666;font-weight:400;word-break:keep-all;word-wrap:break-word;}
.esg-Initiatives .Initiatives-box .Initiatives-exp .Initiatives-list li:first-child {margin-top:0;}
.esg-Initiatives .Initiatives-box .Initiatives-exp .Initiatives-list li::before {content:'';display:block;position:absolute;top:8px;left:2px;width:2px;height:2px;background:#333;border-radius:2px;font-size:0;line-height:0;}
body.en .esg-Initiatives .Initiatives-box .Initiatives-exp {min-height:300px;}

/* 글로벌 이니셔티브 */
.esg-global {display:flex;flex-wrap:nowrap;column-gap:40px;position:relative;}
.esg-global:before {content:'';display:block;position:absolute;top:5px;left:50%;bottom:5px;width:1px;background:#d0d0d0;font-size:0;line-height:0;}
.esg-global .global-section {flex:1;display:flex;flex-direction:column;row-gap:40px;box-sizing:border-box;}
.esg-global .global-section .global-section-list .global-section-tit {margin:0 0 20px 0;}
.esg-global .global-section .global-section-list .global-section-tit img {max-height:50px;}
.esg-global .global-section .global-section-list .global-section-exp {margin:20px 0 0 0;}
.esg-global .global-section .global-section-list .global-section-img img {max-width:100%;}

/* kcgs 평가등급 */
.kcgs-grade {display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;}
.kcgs-grade .grade-total {position:relative;width:210px;}
.kcgs-grade .grade-total::before {content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100px;background:#969696;font-size:0;line-height:0;}
.kcgs-grade .grade-total .total-point {height:72px;text-align:center;}
.kcgs-grade .grade-total .total-point img {width:62px;height:72px;margin:0;}
.kcgs-grade .grade-total .total-txt {margin:8px 0 0 0;font-size:20px;line-height:1.4;color:#012a57;font-weight:bold;text-align:center;white-space:nowrap;}
.kcgs-grade .grade-criteria {display:flex;flex-wrap:nowrap;padding:0 0 0 36px;}
.kcgs-grade .grade-criteria .criteria-list {display:flex;flex-wrap:nowrap;}
.kcgs-grade .grade-criteria .criteria-list li {width:130px;}
.kcgs-grade .grade-criteria .criteria-list li .criterion-point {height:72px;text-align:center;}
.kcgs-grade .grade-criteria .criteria-list li .criterion-point img {width:62px;height:72px;margin:0;}
.kcgs-grade .grade-criteria .criteria-list li .criterion-txt {margin:10px 0 0 0;font-size:18px;line-height:1.4;text-align:center;white-space:nowrap;}
.kcgs-grade .grade-criteria .criteria-list li:nth-child(1) {color:#72ae2a;}
.kcgs-grade .grade-criteria .criteria-list li:nth-child(2) {color:#16b1b1;}
.kcgs-grade .grade-criteria .criteria-list li:nth-child(3) {color:#3394d2;}

/* 동반성장협력 평가 */
.shared-evaluation {clear:both;padding:20px 0 0 0;}
.shared-evaluation-tit {margin-bottom:20px;font-size:16px;line-height:1.4;color:#212121;font-weight:bold;word-break:keep-all;}
.evaluation-box {display:flex;flex-wrap:nowrap;position:relative;padding:40px 20px 40px 20px;}
.evaluation-box::before {content:'';display:block;position:absolute;top:40px;left:50%;width:2px;height:calc(100% - 80px);background:#ccc;font-size:0;line-height:0;}
.evaluation-box .evaluation-criterion {flex:1;position:relative;padding:36px 10px 0 10px;}
.evaluation-box .evaluation-criterion .criterion-tit {font-size:16px;line-height:1.4;color:#212121;text-align:center;}
.evaluation-box .evaluation-criterion .evaluation-result {margin:20px 0 0 0;text-align:center;}
.evaluation-box .evaluation-criterion .evaluation-result .evaluation-grade {display:inline-block;min-width:160px;padding:8px 34px 7px 34px;background:#e0e1ea;font-size:18px;line-height:1.4;color:#212121;text-align:center;}
.evaluation-box .evaluation-criterion.fair::before {content:'';display:block;position:absolute;top:0;left:50%;width:30px;height:24px;margin-left:-15px;background:image-set(url("https://image2.hanssem.com/company/images/contents/shared_evaluation_ico_1.jpg?w=30&n=true") 1x, url("https://image2.hanssem.com/company/images/contents/shared_evaluation_ico_1.jpg?w=60&n=true") 2x, url("https://image2.hanssem.com/company/images/contents/shared_evaluation_ico_1.jpg?w=90&n=true") 3x) no-repeat center center / 30px 24px;font-size:0;line-height:0;}
.evaluation-box .evaluation-criterion.mutual::before {content:'';display:block;position:absolute;top:0;left:50%;width:30px;height:24px;margin-left:-15px;background:image-set(url("https://image2.hanssem.com/company/images/contents/shared_evaluation_ico_2.jpg?w=30&n=true") 1x, url("https://image2.hanssem.com/company/images/contents/shared_evaluation_ico_2.jpg?w=60&n=true") 2x, url("https://image2.hanssem.com/company/images/contents/shared_evaluation_ico_2.jpg?w=90&n=true") 3x) no-repeat center center / 30px 24px;font-size:0;line-height:0;}
body.en .evaluation-box .evaluation-criterion .evaluation-result .evaluation-grade {min-width:200px;}

/* 소비자 권익보호 기본원칙 */
.para-box {padding:40px 0 0 0;border-top:1px solid #e1e1e1;}
/* 헤더영역에 보더 가져갈 경우: .para-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;}

/* 지속가능경영 레포트 */
.esg-report {}
.esg-report .latest-report {display:flex;align-items:flex-start;gap:30px;margin:0 0 80px 0;padding:30px;background:#fafafa;border-radius:8px;}
.esg-report .latest-report .report-cover {flex-shrink:0;overflow:hidden;width:400px;height:235px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.esg-report .latest-report .report-cover img {display:block;width:100%;height:100%;object-fit:cover;}
.esg-report .latest-report .report-info {position:relative;min-height:235px;padding-top:6px;}
.esg-report .latest-report .report-tit {margin:0 0 15px 0;font-size:20px;line-height:1.4;font-weight:600;color:#333;}
.esg-report .latest-report .report-desc {margin:0 0 25px 0;font-size:16px;line-height:1.6;color:#666;}
.esg-report .latest-report .report-link {display:flex;column-gap:8px;position:absolute;left:0;bottom:0;}
.esg-report .latest-report .report-link a {display:inline-block;min-width:100px;height:32px;padding:0 13px;background:#fff;border:1px solid #777;font-size:14px;line-height:30px;text-align:center;}
.esg-report .latest-report .report-link a:hover {text-decoration:none;}
.esg-report .report-list {display:flex;flex-wrap:wrap;column-gap:45px;row-gap:60px;}
.esg-report .report-list li {width:290px;}
.esg-report .report-list .report-tit {position:relative;padding:0 0 0 8px;font-size:16px;line-height:1.4;color:#282828;font-weight:700;}
.esg-report .report-list .report-tit:before {content:'';display:block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:2px;background:#121212;}
.esg-report .report-list .report-cover {overflow:hidden;position:relative;height:170px;border:1px solid #e1e1e1;text-align:center;}
.esg-report .report-list .report-cover img {width:100%;}
.esg-report .report-list .report-link {display:flex;justify-content:flex-end;column-gap:8px;margin:10px 0 0 0;text-align:right;}
.esg-report .report-list .report-link a {display:inline-block;min-width:100px;height:32px;padding:0 13px;background:#fff;border:1px solid #777;font-size:14px;line-height:30px;text-align:center;}
.esg-report .report-list .report-link a:hover {text-decoration:none;}

/* 지속가능경영 관리자 */
.esg-manager {margin-top:100px;color:#808080;}
.esg-manager .manager-name {}
.esg-manager .manager-email {margin-top:20px;}
.esg-manager .manager-phone {margin-top:5px;}
.esg-manager .manager-phone span {display:block;}

/* download button list */
.downbtn-box {display:flex;flex-wrap:wrap;column-gap:24px;}
.downbtn-box .downbtn-category {width:222px;}
.downbtn-box .downbtn-category .downbtn-tit {height:32px;border-bottom:1px solid #333;font-size:16px;line-height:1.4;color:#333;font-weight:500;text-align:left;}
.downbtn-box .downbtn-category .downbtn-list {display:flex;flex-direction:column;row-gap:8px;}
.downbtn-box .downbtn-category .downbtn-list .btn-download {width:100%;}

/* esg environmental system */
.env-system {}
.env-system .env-vision {display:flex;flex-wrap:nowrap;align-items:center;column-gap:18px;margin:0 0 24px 0;padding:24px 0;border-top:1px solid #333;border-bottom:1px solid #333;}
.env-system .env-vision h5 {flex-shrink:0;width:156px;margin:0;padding:0 24px;font-size:16px;line-height:1.4;color:#333;font-weight:700;text-align:left;}
.env-system .env-vision .env-vision-exp {flex:1;font-size:16px;line-height:1.4;color:#333;font-weight:400;text-align:center;}
.env-system .env-table {display:flex;flex-wrap:nowrap;column-gap:16px;}
.env-system .env-table .table-tit {flex-shrink:0;width:147px;height:249px;}
.env-system .env-table .table-tit h5 {display:flex;align-items:center;box-sizing:border-box;height:69px;padding:0 24px 0 24px;border-bottom:1px solid #e5e5e5;font-size:16px;line-height:1.4;color:#333;font-weight:700;text-align:left;}
.env-system .env-table .table-tit h6 {margin:24px 0 0 0;padding:0 0 0 24px;font-size:16px;line-height:1.4;color:#333;font-weight:700;text-align:left;}
.env-system .env-table .table-exp {flex:1;padding:0 16px 18px 16px;background:#f6f6f6;}
.env-system .env-table .table-exp h6 {display:flex;justify-content:center;align-items:center;box-sizing:border-box;height:69px;margin:0 0 18px 0;border-bottom:1px solid #e5e5e5;font-size:15px;line-height:1.4;color:#333;font-weight:500;text-align:center;}
.env-system .env-table .table-exp .table-exp-list {}
.env-system .env-table .table-exp .table-exp-list li {position:relative;margin:12px 0 0 0;padding:0 0 0 12px;font-size:13px;line-height:1.4;color:#666;font-weight:400;word-break:keep-all;word-wrap:break-word;}
.env-system .env-table .table-exp .table-exp-list li:first-child {margin-top:0;}
.env-system .env-table .table-exp .table-exp-list li::before {content:'';display:block;position:absolute;top:8px;left:2px;width:2px;height:2px;background:#333;border-radius:2px;font-size:0;line-height:0;}
body.en .env-system .env-table .table-tit h5 {height:113px;}
body.en .env-system .env-table .table-exp {padding-bottom:30px;}
body.en .env-system .env-table .table-exp h6 {height:113px;}

/* esg view tab */
.esg-viewtab .viewtab-list li {flex:1;margin-left:-1px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.esg-viewtab .viewtab-list li:first-child {margin-left:0;}
.esg-viewtab .viewtab-list li .list-wrap {padding:24px 24px 16px 24px;}
.esg-viewtab .viewtab-list li .list-wrap .list-wrap-tit {margin:0 0 16px 0;padding:0 0 9px 0;border-bottom:1px solid #e5e5e5;font-size:16px;line-height:24px;color:#666;font-weight:700;text-align:center;}
.esg-viewtab .viewtab-list li .list-wrap .list-wrap-exp {font-size:14px;line-height:1.6;color:#666;font-weight:400;text-align:center;}
.esg-viewtab .viewtab-list li.on {z-index:1;border-color:#333;}
.esg-viewtab .viewtab-list li.on .list-wrap .list-wrap-tit {color:#333;}
.esg-viewtab .viewtab-cont {height:401px;}

/* esg environmental Initiatives */
.img-board {display:flex;flex-direction:column;row-gap:20px;}
.img-board .board-list {display:flex;flex-wrap:nowrap;column-gap:32px;border:1px solid #e5e5e5;}
.img-board .board-list .board-thumb {flex-shrink:0;overflow:hidden;width:243px;border-right:1px solid #e5e5e5;}
.img-board .board-list .board-thumb img {width:100%;height:100%;object-fit:cover;}
.img-board .board-list .board-cont {flex:1;padding:24px 0 24px 0;}
.img-board .board-list .board-cont .board-tit {margin:0 0 8px 0;font-size:16px;line-height:1.4;color:#a90010;font-weight:bold;}
.img-board .board-list .board-cont .board-desc {font-size:14px;line-height:1.4;color:#333;}

/* RnD Plan */
.rnd-plan {border-top:1px solid #333;}
.rnd-plan .rnd-plan-list {display:flex;flex-wrap:nowrap;column-gap:8px;border-bottom:1px solid #333;}
.rnd-plan .rnd-plan-list .list-tit {flex-shrink:0;display:flex;align-items:center;box-sizing:border-box;width:142px;min-height:70px;padding:0 10px 0 24px;font-size:16px;line-height:1.4;color:#333;font-weight:700;text-align:left;}
.rnd-plan .rnd-plan-list .list-cont {flex:1;display:flex;align-items:center;column-gap:8px;padding:8px 0;font-size:15px;line-height:1.4;color:#333;font-weight:400;}
.rnd-plan .rnd-plan-list .list-cont.center {justify-content:center;}
.rnd-plan .rnd-plan-list .list-cont .cont-item {flex:1;display:inline-flex;justify-content:center;align-items:center;padding:20px 10px;background:#f6f6f6;font-size:14px;line-height:1.4;color:#333;text-align:center;}
.rnd-plan .rnd-plan-list.sub {border-bottom:1px solid #e5e5e5;}
.rnd-plan .rnd-plan-list.sub .list-cont {align-items:stretch;}

/* 목표 항목 박스 */
.objectives {display:flex;flex-wrap:nowrap;column-gap:24px;}
.objectives .objectives-box {flex:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;height:64px;padding:24px 24px;border:1px solid #e5e5e5;font-size:16px;line-height:1.6;color:#a90010;font-weight:700;text-align:center;}

/* 인과 그래프 Cause & Effect */
.cne {display:flex;flex-direction:column;row-gap:20px;}
.cne .cne-list {flex:1;display:flex;flex-wrap:nowrap;column-gap:16px;}
.cne .cne-list .cause {flex:1;display:flex;flex-wrap:nowrap;border:1px solid #e5e5e5;background:#f9f9f9;}
.cne .cne-list .cause .cause-tit {flex-shrink:0;display:flex;justify-content:center;align-items:center;width:160px;padding:24px;border-right:1px solid #e5e5e5;font-size:16px;line-height:1.6;color:#a90010;font-weight:700;text-align:center;}
.cne .cne-list .cause .cause-exp {flex:1;display:flex;justify-content:flex-start;;align-items:center;padding:24px;font-size:14px;line-height:1.6;color:#333;}
.cne .cne-list .effect {flex-shrink:0;display:flex;justify-content:flex-start;;align-items:center;box-sizing:border-box;width:368px;border:1px solid #e5e5e5;padding:24px;background:#f9f9f9;font-size:14px;line-height:1.6;color:#333;}
.cne .cne-list .phase-arrow {flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;width:32px;font-size:0;line-height:0;text-indent:-100000px;}
.cne .cne-list .phase-arrow:after {content:'';display:block;width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.6343%207.43353C18.9467%207.12111%2019.4533%207.12111%2019.7657%207.43353L27.7657%2015.4335C28.0781%2015.746%2028.0781%2016.2525%2027.7657%2016.5649L19.7657%2024.5649C19.4533%2024.8773%2018.9467%2024.8773%2018.6343%2024.5649C18.3219%2024.2525%2018.3219%2023.746%2018.6343%2023.4335L26.0686%2015.9992L18.6343%208.5649C18.3219%208.25248%2018.3219%207.74595%2018.6343%207.43353Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.6343%207.43353C18.9467%207.12111%2019.4533%207.12111%2019.7657%207.43353L27.7657%2015.4335C28.0781%2015.746%2028.0781%2016.2525%2027.7657%2016.5649L19.7657%2024.5649C19.4533%2024.8773%2018.9467%2024.8773%2018.6343%2024.5649C18.3219%2024.2525%2018.3219%2023.746%2018.6343%2023.4335L26.0686%2015.9992L18.6343%208.5649C18.3219%208.25248%2018.3219%207.74595%2018.6343%207.43353Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.4%2015.9992C26.4%2016.441%2026.0418%2016.7992%2025.6%2016.7992H4.8C4.35817%2016.7992%204%2016.441%204%2015.9992C4%2015.5574%204.35817%2015.1992%204.8%2015.1992H25.6C26.0418%2015.1992%2026.4%2015.5574%2026.4%2015.9992Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.4%2015.9992C26.4%2016.441%2026.0418%2016.7992%2025.6%2016.7992H4.8C4.35817%2016.7992%204%2016.441%204%2015.9992C4%2015.5574%204.35817%2015.1992%204.8%2015.1992H25.6C26.0418%2015.1992%2026.4%2015.5574%2026.4%2015.9992Z%22%20fill%3D%22%23121212%22/%3E%3C/svg%3E") no-repeat center center / 32px 32px;font-size:0;line-height:0;}
body.en .cne .cne-list .cause .cause-tit {padding-left:10px;padding-right:10px;}

/* 카드 형식 리스트 */
.cardtype-list {display:flex;flex-wrap:wrap;gap:24px;}
.cardtype-list .list-box {flex:none;flex-shrink:0;display:flex;flex-wrap:nowrap;width:calc(50% - 12px);border:1px solid #e5e5e5;}
.cardtype-list .list-box .list-box-tit {flex-shrink:0;display:flex;align-items:center;width:110px;padding:24px;border-right:1px solid #e5e5e5;font-size:16px;line-height:1.4;color:#333;font-weight:700;}
.cardtype-list .list-box .list-box-tit.center {justify-content:center;text-align:center;}
.cardtype-list .list-box .list-box-tit.em {color:#a90010;}
.cardtype-list .list-box .list-box-tit.small {font-size:14px;}
.cardtype-list .list-box .list-box-cont {flex:1;display:flex;justify-content:flex-start;;align-items:center;padding:20px;font-size:14px;line-height:1.4;color:#333;}
.cardtype-list .list-box .list-box-cont ul li {position:relative;margin:8px 0 0 0;padding:0 0 0 8px;font-size:14px;line-height:1.4;color:#666;font-weight:400;word-break:keep-all;word-wrap:break-word;}
.cardtype-list .list-box .list-box-cont ul li:first-child {margin-top:0;}
.cardtype-list .list-box .list-box-cont ul li::before {content:'';display:block;position:absolute;top:9px;left:0;width:2px;height:2px;background:#333;border-radius:2px;font-size:0;line-height:0;}
.cardtype-list .list-box.column {flex-direction:column;}
.cardtype-list .list-box.column .list-box-tit {width:100%;border-bottom:1px solid #e5e5e5;border-right:none 0;}
.cardtype-list .list-box.column .list-box-tit.center {justify-content:center;text-align:center;}
.cardtype-list .list-box.column .list-box-cont {align-items:flex-start;padding:24px;}
.cardtype-list.nowrap {flex-wrap:nowrap;}
.cardtype-list.nowrap .list-box {flex:1;width:auto;}

/* tag list */
.tag-list {display:flex;flex-wrap:wrap;gap:24px;}
.tag-list .tag-item {display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:222px;padding:24px 12px;background:#f6f6f6;font-size:16px;line-height:1.4;color:#333;font-weight:500;text-align:center;}
.tag-list.small {gap:16px;}
.tag-list.small .tag-item {width:228px;padding:21px 18px;font-size:14px;}

/* 비교표 */
.comparison {padding:24px;background:#f6f6f6;}
.comparison .comparison-tit {margin:0 0 16px 0;padding:0 0 14px 0;border-bottom:1px solid #333;font-size:16px;line-height:1.4;color:#333;font-weight:500;text-align:left;}
.comparison .comparison-item {display:flex;flex-wrap:nowrap;column-gap:8px;}
.comparison .comparison-item .item-box {flex:1;padding:20px 18px;background:#fae7e7;}
.comparison .comparison-item .item-box .item-tit {margin:0 0 2px 0;font-size:13px;line-height:1.4;color:#666;font-weight:500;text-align:center;}
.comparison .comparison-item .item-box .item-data {font-size:24px;line-height:1.4;color:#a90010;font-weight:700;text-align:center;}
.comparison .comparison-item .item-box.white {background:#fff;}
.comparison .phase-arrow {flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;width:32px;font-size:0;line-height:0;text-indent:-100000px;}
.comparison .phase-arrow:after {content:'';display:block;width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.6343%207.43353C18.9467%207.12111%2019.4533%207.12111%2019.7657%207.43353L27.7657%2015.4335C28.0781%2015.746%2028.0781%2016.2525%2027.7657%2016.5649L19.7657%2024.5649C19.4533%2024.8773%2018.9467%2024.8773%2018.6343%2024.5649C18.3219%2024.2525%2018.3219%2023.746%2018.6343%2023.4335L26.0686%2015.9992L18.6343%208.5649C18.3219%208.25248%2018.3219%207.74595%2018.6343%207.43353Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.6343%207.43353C18.9467%207.12111%2019.4533%207.12111%2019.7657%207.43353L27.7657%2015.4335C28.0781%2015.746%2028.0781%2016.2525%2027.7657%2016.5649L19.7657%2024.5649C19.4533%2024.8773%2018.9467%2024.8773%2018.6343%2024.5649C18.3219%2024.2525%2018.3219%2023.746%2018.6343%2023.4335L26.0686%2015.9992L18.6343%208.5649C18.3219%208.25248%2018.3219%207.74595%2018.6343%207.43353Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.4%2015.9992C26.4%2016.441%2026.0418%2016.7992%2025.6%2016.7992H4.8C4.35817%2016.7992%204%2016.441%204%2015.9992C4%2015.5574%204.35817%2015.1992%204.8%2015.1992H25.6C26.0418%2015.1992%2026.4%2015.5574%2026.4%2015.9992Z%22%20fill%3D%22%23121212%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.4%2015.9992C26.4%2016.441%2026.0418%2016.7992%2025.6%2016.7992H4.8C4.35817%2016.7992%204%2016.441%204%2015.9992C4%2015.5574%204.35817%2015.1992%204.8%2015.1992H25.6C26.0418%2015.1992%2026.4%2015.5574%2026.4%2015.9992Z%22%20fill%3D%22%23121212%22/%3E%3C/svg%3E") no-repeat center center / 32px 32px;font-size:0;line-height:0;}

/* 사이버 감사실 */
.cyber-report-response {}
.cyber-report-response .reply {display:none;margin-top:24px;}
.cyber-report-response .reply h4 {margin:0 0 6px 0;padding-left:11px;background:url('/images/common/bul_red.gif') no-repeat 0 10px;font-size:14px;line-height:24px;}
.cyber-report-response .reply .replay_con {overflow-y:scroll;height:512px;padding:15px;border:1px solid #999;font-size:14px;line-height:24px;color:#121212;}



/* ----- Layer Popup ----- */
/* 모달 배경 (overlay) */
.layer-modal-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;}
.layer-modal-overlay.is-visible {display:block;}

/* 레이어 팝업 */
.layer-popup {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:calc(100% - 40px);height:500px;max-height:calc(100vh - 40px);padding:34px 0 0 24px;background:#fff;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,0.3);z-index:1001;}
.layer-popup.is-visible {display:block;}
.layer-popup.alert {width:444px;height:auto;}
/* 레이어 레이아웃 */
.layer-popup .layer-wrap {display:flex;flex-direction:column;overflow-y:auto;position:relative;width:100%;height:100%;padding:0 24px 36px 0;}
.layer-popup .layer-close {position:absolute;top:13px;right:13px;z-index:20;font-size:0;width:20px;height:20px;}
.layer-popup .layer-close:before {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);}
.layer-popup .layer-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);}

/* 레이어 헤더 (타이틀) */
.layer-popup .layer-header {display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;margin:0 0 24px 0;padding:0 0 12px 0;background:#fff;border-bottom:1px solid #ddd;}
.layer-popup .layer-header .layer-title {font-size:18px;line-height:1.6;color:#262626;font-weight:400;}
.layer-popup .layer-header .layer-title strong {font-weight:700;}
.layer-popup .layer-header .header-opt {display:flex;align-items:flex-end;}
.layer-popup .layer-header .title-caution {position:relative;padding:0 0 0 11px;font-size:13px;line-height:1.4;color:#666;}
.layer-popup .layer-header .title-caution::before {content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:3px;background:#cc0d0d;font-size:0;line-height:0;}
/* 레이어 내용 */
.layer-popup .layer-content {flex:1;}
.layer-popup .layer-content::-webkit-scrollbar {width:8px;}
.layer-popup .layer-content::-webkit-scrollbar-thumb {background:#999;border-radius:4px;background-clip:padding-box;border:2px solid transparent;}
.layer-popup .layer-content::-webkit-scrollbar-track {background:#fff;}

.layer-popup .top-notice {padding:16px 24px;background:#fae7e7;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:14px;line-height:1.4;color:#cc0d0d;font-weight:500;text-align:left;}
/* 반응형: 작은 화면 */
@media (max-width:768px) {
	.layer-popup {width:calc(100% - 20px);max-width:calc(100% - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px);}
	.layer-popup .layer-header {padding:16px 20px;}
	.layer-popup .layer-content {padding:20px;}
}


/* 레이어팝업 강조 타이틀 */
cust-top {padding:0 0 13px 0;}
cust-top .cust-top-head {margin:0;padding:0;font-family:'Nanum Myeongjo';font-size:32px;line-height:46px;font-weight:normal;letter-spacing:-2.5px;word-spacing:0}
cust-top .cust-top-sub {margin:6px 0 4px;font-size:13px;line-height:24px;}


/* 레이어 - 사이버 감사실 */
.layer-popup.cyber-report-form {width:960px;height:700px;border:2px solid #b03232;border-radius:0;}
.layer-popup.cyber-report-form .layer-content {margin-top:-24px;}
.layer-popup.cyber-report-form .layer-content .top-notice {border-top:none 0;}

/* 레이어 - 사이버 감사실 접수 완료 */
.layer-popup.report-submit {width:630px;height:406px;border:2px solid #b03232;border-radius:0;}
.layer-popup.report-submit .report-submit-wrap {background:#fff url('/images/cust/bg_consult_icon.gif') no-repeat 430px 18px}
.layer-popup.report-submit .report-submit-wrap .logo {margin:0 0 15px 0;}
.layer-popup.report-submit .report-submit-wrap .cust-top {padding:0 0 13px 0;}
.layer-popup.report-submit .report-submit-wrap .cust-top .cust-top-head {margin:0;padding:0;font-family:'Nanum Myeongjo';font-size:32px;line-height:46px;font-weight:normal;letter-spacing:-2.5px;word-spacing:0}
.layer-popup.report-submit .report-submit-wrap .cust-top .cust-top-sub {margin:6px 0 4px;font-size:13px;line-height:24px;}
.layer-popup.report-submit .report-submit-wrap .cust_num {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.layer-popup.report-submit .report-submit-wrap .cust_num p {padding:14px 0;font-size:13px;font-weight:bold;line-height:24px;color:#d7182a;}
.layer-popup.report-submit .report-submit-wrap .cust_num p span {display:inline-block;margin-left:10px;}
.layer-popup.report-submit .report-submit-wrap .cust_info {position:relative;margin-top:35px;}

/* 레이어 - 우편번호 검색 */
.layer-popup.postal-code {width:500px;height:520px;}
.layer-popup.postal-code .zip_area {}
.layer-popup.postal-code .zip_area .h_desc {margin:0;font-size:14px;line-height:1.4;color:#121212;font-weight:500;}
.layer-popup.postal-code .pop_con_wrap {padding-top:19px;margin-top:20px;border-top:1px solid #a6a6a6;}
.layer-popup.postal-code .pop_con_wrap .search {display:flex;justify-content:space-between;column-gap:8px;}
.layer-popup.postal-code .pop_con_wrap .search input[type=text],
.layer-popup.postal-code .pop_con_wrap .search input[type=password] {flex:1;height:40px;}
.layer-popup.postal-code .pop_con_wrap .add_box {margin-top:19px;}
.layer-popup.postal-code .pop_con_wrap .add_box .add_list {overflow-x:hidden;overflow-y:scroll;position:relative;width:448px;height:251px;border:1px solid #a6a6a6;}
.layer-popup.postal-code .pop_con_wrap .add_box .add_list ul {display:flex;flex-direction:column;row-gap:13px;padding:20px;}
.layer-popup.postal-code .pop_con_wrap .add_box .add_list ul li {}
.layer-popup.postal-code .pop_con_wrap .add_box .add_list ul li a {display:flex;align-items:flex-start;column-gap:8px;width:100%;}
.layer-popup.postal-code .pop_con_wrap .add_box .add_list ul li a span {}
.layer-popup.postal-code .pop_con_wrap .add_box .add_list .add_list_btn {display:block;width:100%;padding-bottom:20px;font-weight:bold;text-align:center;cursor:pointer;}
.layer-popup.postal-code .close_btn {position:absolute;right:10px;top:10px;}