@charset "UTF-8";
@import url( "font_noto.css" );
@font-face {
    font-family: 'Dokrip';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Dokrip.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 초기화 */
html { overflow:auto; }
body { margin:0;padding:0;font-size:14px;font-family:'Noto Sans KR', sans-serif; font-weight:300; color:#666; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0 }
h1, h2, h3, h4, h5, h6 { font-size:16px;font-family:'Noto Sans KR', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;font-size:14px}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif; font-size:14px; }
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
button { display: inline-block; margin: 0; padding: 0; border: none; background: none; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; }
textarea, select {font-family:'Noto Sans KR', sans-serif; font-size:14px}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
a {text-decoration:none;color:#666;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus { outline: none; }

select {
	border: 1px solid #D4D4D4;
	height:28px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#fff url('../img/common/select_arrow.png') center center no-repeat;
	background-position:right 8px bottom 10px;
	padding:0 25px 0 5px;
}
select::-ms-expand { display:none; }

select.type-02 { background:transparent url('../img/common/select_arrow.png') center center no-repeat; background-position:right 8px bottom 10px; border:1px solid #a4a4a4; }

section:after,
header:after,
footer:after,
div:after { content:''; display:block; clear:both; }

.material-icons { font-feature-settings: 'liga'; }
.serif { font-family:'Noto Serif KR' !important; }

html, body { width:100%; height:100%;}

#HCArea { width:100%; height:100%; min-width:1200px; }
.inner { width:100%; min-width:1200px; padding:0 60px; position:relative; }
.inline { display:inline-block; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.row { display:block; }
.col { display:inline-block; float:left; position:relative; }
.col-20 { width:20%; }
.col-25 { width:25%; }
.col-30 { width:30%; }
.col-40 { width:40%; }
.col-50 { width:50%; }
.col-60 { width:60%; }
.col-70 { width:70%; }
.col-80 { width:80%; }
.col.padd-left { padding-left:20px; }
.col.padd-right { padding-right:20px; }

/* 공통 - header */
#header { width:100%; min-width:1200px; height:90px; overflow:hidden; position:absolute; top:0; left:0; z-index:100; }

#header .header-wrap { width:100%; min-width:1200px; height:100%; position:relative; border-bottom:1px solid rgba(255,255,255,0.3); padding:0 60px; }
#header .header-wrap.header-open { background:#fff; }

#header .header-wrap h1 { position:absolute; width:205px; height:22px; top:35px; left:60px; }
#header .header-wrap h1 a { display:block; text-indent:-9999px; width:100%; height:100%; background:url('../img/common/logo_white.png') center center no-repeat; background-size:100% 100%; }
#header .header-wrap.header-open h1 a { background:url('../img/common/logo_gray.png') center center no-repeat; background-size:100% 100%; }

#gnb { float:right; margin-right:100px; }
#gnb .depth1 > li { float:left; }
#gnb .depth1 > li > a { display:block; font-size:16px; font-weight:400; color: #fff; padding:0 30px; line-height:90px; height:90px; text-align:center; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; }
#header .header-wrap.header-open .depth1 > li > a { color:#666; }
#header .header-wrap.header-open .depth1 > li:hover > a,
#gnb .depth1 > li:hover > a { font-weight:700; color:#538DD1; }
.en #gnb .depth1 > li:hover > a { font-weight:normal !important; color:#538DD1; }
#gnb .depth2 { font-size:14px; margin-top:10px; }
#gnb .depth2 > ul {  }
#gnb .depth2 > ul > li { padding:8px 0; text-align:center; }
#gnb .depth2 > ul a { color:#666; }
#gnb .depth2 > ul a:hover { color:#538DD1; font-weight:500; text-decoration:underline; }

#header .header-wrap.header-open #gnb:before { content:''; display:block; width:100%; height:1px; background:rgba(0,0,0,0.1); position:absolute; top:90px; left:0; }

#header .lang { position:absolute; top:34px; right:40px; }
#header .lang a { display:block; float:left; font-size:10px; font-weight:700; color:#fff; border:1px solid #fff; padding:3px 10px; }
#header .lang a:first-of-type { border-radius:15px 0 0 15px; border-right:0; }
#header .lang a:last-of-type { border-radius:0 15px 15px 0; }
#header .lang a.on { color:#999; background:#fff; }

#header .header-wrap.header-open .lang a { border:1px solid #aaa9ad; color:#aaa9ad; }
#header .header-wrap.header-open .lang a:first-of-type { border-right:0; }
#header .header-wrap.header-open .lang a.on { color:#fff; background:#aaa9ad; }

#m_menu { display:none; }

/* 공통 - footer */
footer { background:#333; padding:20px 0; color:#d4d4d4; font-size:12px; }
footer p { margin-bottom:10px; }
footer p span:first-of-type:after { content:''; display:inline-block;width:1px; height:12px; background:rgba(255,255,255,0.3); margin:0 15px; position:relative; top:1px; }
footer .bot-util { display:block; position:absolute; top:0; right:60px; }
footer .bot-util a { color:#d4d4d4; position:relative; margin-right:30px; }
footer .bot-util a:hover { text-decoration:underline; }
footer .bot-util a:after { content:''; display:block; width:1px; height:12px; background:rgba(255,255,255,0.3); position:absolute; top:4px; right:-18px; }
footer .bot-util a:last-of-type { margin:0; }
footer .bot-util a:last-of-type:after { content:none; }
footer .bot-util select { font-size:12px; margin-left:20px; color:#d4d4d4; width:100px; }
footer .bot-util select option { background:#333; }

/* index */
#indexArea { width:100%; height:100%; overflow:hidden; position:relative; min-width:1200px; }
#indexArea video {
    -webkit-transform:translateX(-50%) translateY(-50%); 
    -moz-transform:translateX(-50%) translateY(-50%); 
    -ms-transform:translateX(-50%) translateY(-50%); 
    -o-transform:translateX(-50%) translateY(-50%); 
    transform:translateX(-50%) translateY(-50%); 
    position:absolute; 
    top:50%; 
    left:50%; 
    min-width:100%; 
    min-height:100%; 
    width:auto; 
    height:auto; 
	z-index:-100;
}

#indexArea .index-txt { position:absolute; top:50%; left:50%; width:800px; height:140px; margin-top:-70px; margin-left:-400px; color:#fff; font-size:48px; font-weight:700; text-align:center; line-height:60px; }
#indexArea .closing-info { position:absolute; bottom:40px; left:60px; }
#indexArea .closing-info a { display:block; font-size:16px; color:#fff; border:1px solid #fff; border-radius:30px; padding:10px 60px; opacity:0.6; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; }
#indexArea .closing-info a:hover { opacity:1; background:#fff; color:#538DD1; font-weight:700; }
#indexArea .group-link { position:absolute; bottom:40px; right:60px; }
#indexArea .group-link a { margin-left:30px; }
#indexArea .group-link a img { width:auto; height:18px; opacity:0.5; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; }
#indexArea .group-link a:hover img { opacity:1; }

/* sub */
#subVisual { height:400px; position:relative; }
#subVisual .inner { height:100%; }
#subVisual.visual-overview { background: url('../img/common/visual_overview.png') center right no-repeat; background-size:cover; }
#subVisual.visual-company { background: url('../img/common/visual_company.png') center right no-repeat; background-size:cover; }
#subVisual.visual-investment { background: url('../img/common/visual_investment.png') center left no-repeat; background-size:cover; }
#subVisual.visual-pr { background: url('../img/common/visual_pr.png') center right no-repeat; background-size:cover; }
#subVisual.visual-management { background: url('../img/common/visual_management.png') center right no-repeat; background-size:cover; }
#subVisual.visual-other { background: url('../img/common/visual_other.png') center right no-repeat; background-size:cover; }
#subVisual .txt-box { display:none; position:absolute; left:60px; top:190px; }
#subVisual .txt-box > p { color:#fff; font-size:36px; font-weight:700; position:relative; }
#subVisual .txt-box > p > span { font-size:14px; font-weight:300; position:relative; top:-8px; margin-left:30px; }
#subVisual .location { display:none; position:absolute; bottom:0; left:0; }
#subVisual .location .location-bar { background:#184B87; height:60px; padding-left:60px; }
#subVisual .location .location-bar a { display:inline-block; float:left; height:60px; line-height:60px; color:#fff; width:180px; border-right:1px solid rgba(255,255,255,0.2); text-align:center; }
#subVisual .location .location-bar a:first-of-type { width:60px; text-align:center; padding-left:0; }
#subVisual .location .location-bar a:first-of-type span { font-size:18px; position:relative; top:2px; }
#subVisual .location .location-bar a:last-of-type { border-right:0; }
#subVisual .location .location-bar a.on, 
#subVisual .location .location-bar a:hover { background: linear-gradient(106.49deg, #70A3C8 -3.81%, #1B679E 68.34%); }
#subVisual .location .location-bar a:first-of-type:hover { background:transparent; }

#contents { padding:30px 0 40px 0; }
#contents h3 { font-size:28px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:20px; position:relative; }
#contents h3 > a { display:block; position:absolute; bottom:0; right:0; font-size:14px; font-weight:normal; }

#contents .txt-box.type-01 { padding:20px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-size:28px; color:#000; }
#contents .txt-box.type-02 { padding:20px 0; color:#000; font-size:18px; }
#contents .txt-box.type-03 { margin-top:20px; text-align:right; }
#contents .txt-box.type-03 > span { font-family:'Dokrip'; font-size:28px; color:#000; margin-left:10px; }
#contents .txt-box.type-04 { text-align:center; font-size:20px; color:#000; line-height:50px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; height:400px; padding-top:90px; }
#contents .txt-box.type-05 { background:#f7f7f7; padding:20px; }

#contents .img-box { position:relative; }
#contents .img-box.ceo_greeting { background: url('../img/common/content_ceo_greeting.png') center right no-repeat; background-size:cover; height:500px; right:-60px; }
#contents .img-box.manage_ide { background: url('../img/common/content_manage_ide.png') top right no-repeat; background-size:cover; height:400px; left:-60px; }
#contents .img-box.business_area { background: url('../img/common/content_business_area.png') center right no-repeat; background-size:cover; height:400px; right:-60px; }
#contents .img-box.history { background: url('../img/common/content_history.png') top right no-repeat; background-size:cover; height:500px; left:-60px; }
#contents .img-box.map { background: url('../img/kr/overview/map.png') center center no-repeat; height:550px; left:-60px; }
.en #contents .img-box.map { background: url('../img/en/overview/map.png') center center no-repeat; height:550px; left:-60px; }

#contents .img-box.management-01 { background: url('../img/common/content_management_01.png') center right no-repeat; height:500px; left:-60px; box-shadow:0 10px 20px rgba(0,0,0,0.2); }
#contents .img-box.management-02 { background: url('../img/common/content_management_02.png') center right no-repeat; height:500px; right:-60px; }
#contents .img-box.management-03 { background: url('../img/common/content_management_03.png') center left no-repeat; height:500px; left:-60px; }
#contents .img-box.management-04 { background: url('../img/common/content_management_04.png') center right no-repeat; height:500px; right:-60px; box-shadow:0 10px 20px rgba(0,0,0,0.2); }

#contents .business_area {}
#contents .business_area li { display:block; border-bottom:1px solid #d4d4d4; padding:10px 0; }
#contents .business_area li:before { content:''; display:inline-block; width:5px; height:5px; background:#184B87; border-radius:10px; margin-right:5px; position:relative; top:-2px; }

#contents .sub-menu { display:block; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin-bottom:20px; }
#contents .sub-menu a { display:block; float:left; font-size:14px; padding:5px 10px; }
#contents .sub-menu a:hover { color:#184B87; font-weight:500;; }
#contents .sub-menu a.on { border-bottom:2px solid #184B87; font-weight:500; }

#tabs-history { font-family:'Noto Sans KR', sans-serif !important; font-size:14px !important; }
#tabs-history > p { font-family:'Noto Serif KR' !important; font-size:18px; font-weight:500; margin-top:15px; color:#184B87; }
#tabs-history .ui-widget-header { border:0 !important; background:transparent !important; padding:0 !important; border-bottom:1px solid #184B87 !important; }
#tabs-history.ui-widget.ui-widget-content { border:0 !important; }
#tabs-history.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:6px 10px !important; }
 
#tabs-history .ui-tabs-tab { background:transparent !important; border-radius:0 !important; border:0 !important; }
#tabs-history .ui-tabs-tab.ui-tabs-active { border:0 !important; background:#fff !important; }
#tabs-history .ui-tabs-tab a { font-size:16px; color:#666 !important; cursor:pointer; background:#eee; position:relative; bottom:-1px; border-radius:10px 10px 0 0; margin-right:2px; }
#tabs-history .ui-tabs-tab.ui-tabs-active a { background: linear-gradient(180deg, #EEEEEE 0%, #FFFFFF 71.35%); color:#333 !important; font-weight:500; position:relative; bottom:-1px; border-radius:10px 10px 0 0; border:1px solid #184B87; border-bottom:0; }

#tabs-history.ui-tabs { padding:0 !important; }
#tabs-history.ui-tabs .ui-tabs-nav li { margin:0 !important; padding:0 !important; }
#tabs-history.ui-tabs .ui-tabs-panel { padding:0 !important; }

#tabs-history.ui-tabs .ui-tabs-panel > p { font-family:'Noto Serif KR' !important; font-size:18px; margin-top:5px; }
#tabs-history.ui-tabs .ui-tabs-panel ul { padding-top:5px; margin-top:10px; }
#tabs-history.ui-tabs .ui-tabs-panel ul li { display:block; border-bottom:1px solid #eee; padding:5px 10px; }
#tabs-history.ui-tabs .ui-tabs-panel ul li:before { content:''; display:inline-block; width:5px; height:5px; background:#184B87; border-radius:10px; margin-right:5px; position:relative; top:-2px; }

.col.contact-us > strong { display:block; margin-bottom:5px; margin-top:20px; }
.col.contact-us > strong:before { content:''; display:inline-block; width:5px; height:5px; background:#184B87; border-radius:10px; margin-right:5px; position:relative; top:-2px; }
.col.contact-us > p { padding:0 10px; }
.col.contact-us > p > span { color:#184B87; font-weight:500; }

.structure-box { display:inline-block; float:left; margin-right:30px; }
.structure-box p { position:relative; }
.structure-box.first > p { display:block; border-radius:10px; background:#184B87; padding:10px 20px; font-size:18px; font-weight:700; color:#fff; }
.structure-box.first { padding-top:105px; margin-right:50px; }
.structure-box.first > p:before { content:''; display:block; width:30px; height:1px; position:absolute; top:50%; right:-30px; background:#d4d4d4; }
.structure-box.first > p:after { content:''; display:block; width:1px; height:178px; position:absolute; top:50%; right:-31px; background:#d4d4d4; margin-top:-67px; }
.structure-box .line-box { display:block; border:1px solid #d4d4d4; padding:10px; position:relative; }
.structure-box .line-box:first-of-type { margin-bottom:20px; }
.structure-box .line-box:before { content:''; display:block; width:20px; height:1px; position:absolute; top:50%; left:-20px; background:#d4d4d4; }
.structure-box .line-box p { display:block; background:#37ACA5; color:#fff; border-radius:10px; padding:5px 15px; margin-bottom:5px; height:30px; text-align:center; }
.structure-box .line-box p:last-of-type { margin-bottom:0; }
.structure-box .line-box p > a { display:block; width:100%; color:#fff; }
.structure-box .row { padding:10px; }
.structure-box .row:first-of-type { margin-bottom:15px; }
.structure-box .row p { display:block; background:#f7f7f7; border:1px solid #7BCFCA; border-radius:10px; padding:5px 15px; margin-bottom:5px; height:30px; text-align:center; }
.structure-box p.line-type-01:before { content:''; display:block; width:52px; height:1px; position:absolute; top:50%; left:-52px; background:#d4d4d4; }
.structure-box p.line-type-02:before { content:''; display:block; width:25px; height:1px; position:absolute; top:50%; left:-25px; background:#d4d4d4; }
.structure-box p.line-type-02:after { content:''; display:block; width:1px; height:34px; position:absolute; top:-20px; left:-25px; background:#d4d4d4; }
.structure-box p.line-type-03:before { content:''; display:block; width:52px; height:1px; position:absolute; top:50%; left:-52px; background:#d4d4d4; margin-top:-5px; }

.domestic-box { display:inline-block; float:left; margin-right:30px; }
.domestic-box p { position:relative; }
.domestic-box p a { cursor:pointer; }
.domestic-box .line-box { display:block; border:1px solid #d4d4d4; padding:10px; position:relative; }
.domestic-box .line-box p { display:block; background:#37ACA5; color:#fff; border-radius:10px; padding:5px 10px; margin-bottom:5px; height:30px; text-align:left; }
.domestic-box .line-box p:last-of-type { margin-bottom:0; }
.domestic-box .line-box p > a { display:block; width:100%; color:#fff; }
.domestic-box .row { padding:10px; }
.domestic-box .row p { display:block; background:#f7f7f7; border:1px solid #7BCFCA; border-radius:10px; padding:5px 10px; margin-bottom:5px; height:30px; text-align:left; }
.domestic-box p.line-type-01:before { content:''; display:block; width:52px; height:1px; position:absolute; top:50%; left:-52px; background:#d4d4d4; }
.domestic-box p.line-type-02:before { content:''; display:block; width:25px; height:1px; position:absolute; top:50%; left:-25px; background:#d4d4d4; }
.domestic-box p.line-type-02:after { content:''; display:block; width:1px; height:34px; position:absolute; top:-20px; left:-25px; background:#d4d4d4; }
.domestic-content { height:200px; }
.domestic-content strong { display:inline-block; font-size:18px; font-weight:700; color:#333; }
.domestic-content a span { display:inline-block; margin-left:10px; }
.domestic-content div { width:100%; }
.domestic-content ul { margin-top:10px; border-top:1px solid #d4d4d4; padding-top:10px; }
.domestic-content ul li { margin-bottom:5px; padding-left:5px; }
.domestic-content ul li:before { content:''; display:inline-block; width:5px; height:5px; background:#37ACA5; border-radius:10px; margin-right:5px; position:relative; top:-2px; }
.domestic-content ul li:last-of-type { padding-left:15px; }
.domestic-content ul li:last-of-type:before { content:none; }
.domestic-content ul li span { display:inline-block; font-weight:500; margin-right:10px; }

table.board { width:100%; }
table.board { border-top:2px solid #538DD1; }
table.board th,
table.board td { border-bottom:1px solid #d4d4d4; padding:10px; }
table.board th { background:#EDF3FA; }
table.board.list td { text-align:center; }
table.board.list tr:hover td { background:#f7f7f7; }
table.board.list td:nth-of-type(3) { text-align:left; }
.en table.board.list td:nth-of-type(2) { text-align:left; }
table.board.list td span { font-size:17px; color:#538DD1; position:relative; top:2px; }
table.board.view td label { font-weight:500; color:#538DD1; }
table.board.view { margin-bottom:20px; }
table.board.write td input[type=text] { width:100%; }
table.board.write { margin-bottom:20px; }

table.board.view td.content { text-align:center; font-size:14px !important; }
table.board.view td.content img { width:auto !important; max-width:100%; }

table.page-num { margin-top:20px; }
table.page-num span { font-size:15px; color:#aaa; position:relative; top:4px; }
table.page-num label { margin:0 5px; }

.board-util select,
.board-util input, 
.board-util label { height:28px; float:left; }
.board-util input { border:1px solid #d4d4d4; width:100px; border-left:0; }
.board-util label { display:inline-block; background:#EDF3FA; padding:0 10px; font-size:12px; line-height:28px; border:1px solid #d4d4d4; border-left:0; cursor:pointer; }
.board-util label > span { font-size:14px; position:relative; top:2px; margin-right:3px; color:#538DD1; }

#contents.mail-form {}
#contents.mail-form h5 { display:block; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-size:20px; font-weight:500; padding:10px 0; }
#contents.mail-form h5:after { content:''; display:block; clear:both; }
#contents.mail-form h5 span { float:left; }
#contents.mail-form h5 span:first-of-type { font-size:40px; margin-right:20px; position:relative; top:10px; color:#184B87; }
#contents.mail-form table { width:100%; margin-top:20px; border-top:2px solid #538DD1; margin-bottom:20px; }
#contents.mail-form td,
#contents.mail-form th { border-bottom:1px solid #d4d4d4; padding:5px; }
#contents.mail-form th { background:#EDF3FA; }
#contents.mail-form td input[type=text],
#contents.mail-form td textarea { width:100%; }
#contents.mail-form td > p { text-align:right; }
#contents.mail-form td > p > input[type=radio] { margin-right:3px; position:relative; top:-1px; }
#contents.mail-form td > p > input[type=radio]:first-of-type { margin-left:10px; }
#contents.mail-form .admin-btn-box a span { font-size:16px; margin-right:5px; position:relative; top:1px; color:#184B87; }

#contents .content-txt-box > p { margin-bottom:15px; }
#contents .content-txt-box.type-01 { margin-top:20px; }
#contents .content-txt-box.type-01 p { font-size:20px; }
#contents .content-txt-box.type-01 p span { color:#37ACA5; font-weight:500; }

#contents .content-txt-box.type-02 { margin-top:20px; }
#contents .content-txt-box.type-02 strong { display:block; margin-bottom:5px; }
#contents .content-txt-box.type-02 > strong { color:#37ACA5; }
#contents .content-txt-box.type-02 p > strong:first-of-type { color:#37ACA5; }
#contents .content-txt-box.type-02 div.txt-box-in { padding:0 15px; margin-bottom:10px; }
#contents .content-txt-box.type-02 div.txt-box-in strong { margin-top:5px; font-weight:500; }
#contents .content-txt-box.type-02 div.txt-box-in div.in { padding:0 10px; }

#contents .content-txt-box.type-03 p { border-top:1px solid #d4d4d4; padding-top:20px; }
#contents .content-txt-box.type-03 p:last-of-type span { display:block; margin-bottom:5px; font-weight:500; }
#contents .content-txt-box.type-03 p:last-of-type span a { color:#37ACA5; text-decoration:underline; }

.admin-btn-box a { cursor:pointer; display:inline-block; background:#f7f7f7; border:1px solid #d4d4d4; padding:5px 10px; }

#popupArea { padding:20px; }
#popupArea table { width:100%; border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; margin-bottom:10px; }
#popupArea table th,
#popupArea table td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:5px; }
#popupArea table th { background:#f7f7f7; }
#popupArea table td input[type=text],
#popupArea table td input[type=password] { width:100%; }
#popupArea.admin-list a { cursor:pointer; display:inline-block; background:#f7f7f7; border:1px solid #d4d4d4; padding:5px 10px; }
#popupArea.admin-list a:hover { color:#184B87; background:#eee; }
#popupArea.admin-list h1 { font-size:20px; font-weight:700; margin-bottom:10px; border-bottom:1px solid #d4d4d4; padding-bottom:10px; }
#popupArea.admin-list td { text-align:center; }
#popupArea.admin-list td select,
#popupArea.admin-list td input { width:100%; }

.privacy-txt pre,
.rule-txt pre { display:block; width:100%; font-size:14px;font-family:'Noto Sans KR', sans-serif; font-weight:300; color:#666; white-space: pre-wrap;  }
.sitemap { text-align:center; }
.sitemap ul { display:inline-block; float:left; margin-right:20px; }
.sitemap ul li { display:block; width:150px; border-bottom:1px solid #A3C2E7; }
.en .sitemap ul li { width:auto !important; }
.sitemap ul li a { display:block; width:100%; padding:10px 0; }
.en .sitemap ul li a { display:block; width:100%; padding:10px; }
.sitemap ul li:first-of-type a { background:#538DD1; color:#fff; font-size:16px; font-weight:500; }
.sitemap ul li.depth-03 { padding:0 10px; }
.sitemap ul li.depth-03 a { padding:5px 0; border-bottom:1px solid #d4d4d4; font-size:12px; }
.sitemap ul li.depth-03 a:last-of-type { border-bottom:0; }
.rule-txt pre p { text-align:center; font-weight:500; }
.rule-txt pre p.style-01 { color:#538DD1; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:5px 0; }
.rule-txt pre strong.style-02 { color:#37ACA5; }

.structure-tab-container {margin-bottom:30px;}
.structure-tab-container ul {text-align: center; padding:0; }
.structure-tab-container ul:after { content:''; display:block; clear:both; }
.structure-tab-container ul li { display: inline-block; position:relative; width:24.8%; background-color:#fff; float:left; margin:0; margin-right:2px; }
.structure-tab-container ul li:last-of-type { margin-right:0; }
.structure-tab-container ul li a {display:table; height:40px; width:100%; border:1px solid #c9c9c9; background-color: #fff; text-decoration:none; }
.structure-tab-container ul li a em {display:table-cell; vertical-align:middle; color:#000; font-size:14px; line-height: 1.3; letter-spacing:-0.25px; text-align:center; font-style:normal; }
.structure-tab-container ul li.selected {z-index:1;}
.structure-tab-container ul li.selected a {background-color:#538DD1; border-color:#A3C2E7; }
.structure-tab-container ul li.selected a em { color:#fff; }

.structure .item-row { margin-bottom:20px; }
.structure .item-row .top-img { position:relative; }
.structure .item-row .top-img:before { content:''; display:block; width:1px; height:415px; background:#aaa; position:absolute; bottom:-415px; left:40px; }
.structure .item-row .top-img.type02:before { height:145px; bottom:-145px; }
.structure .item-row .sub-img { padding-left:80px; position:relative; }
.structure .item-row .sub-img:before { content:''; display:block; width:40px; height:1px; background:#aaa; position:absolute; top:50%; left:40px; }
.structure .item-row .col:first-of-type { width:500px; }
.structure .item-row .col:last-of-type { width: calc(100% - 500px); padding-left:30px; }
.structure .img-box { background:#AAA9AD; width:100%; height:250px; position:relative; overflow:hidden; text-align:center; border:1px solid #aaa; }
.structure .img-box img { width:auto; height:250px; display:inline-block; }
.structure .img-box.type02 img { margin-left:-40px; }
.structure .img-box.ci { position:relative; padding-top:100px; }
.structure .img-box.ci img { width:auto; height:auto; }
.structure .img-box.ci.type02 { padding-top:105px; }
.structure .img-box.ci.type03 { padding-top:110px; }
.structure .img-box.ci.type03 img { width:80%; }

.canon-thum {}
.canon-thum .col { padding:0 10px; text-align:center; }
.canon-thum .col .img-box { overflow:hidden; width:100%; text-align:center; border:1px solid #ccc; }
.canon-thum .col .img-box img { width:100%; }
.canon-thum .col p { margin-top:10px; }
.canon-btn { display:block; border:1px solid #ccc; text-align:center; margin-top:30px; font-size:18px; color:#333; cursor:pointer; padding:10px 0; }
.canon-btn:hover { background:#f7f7f7;; }
.canon-all-txt { display:none; }

#contents .img-box.ir-01 { background: url('../img/common/ir_01.png') center right no-repeat; height:500px; left:-60px; box-shadow:0 10px 20px rgba(0,0,0,0.2); }

.news-con-item-box {  }
.news-con-item-box .news-con-item { display:block; border:1px solid #d4d4d4; border-bottom:0; padding:20px; position:relative; }
.news-con-item-box .news-con-item:last-of-type { border-bottom:1px solid #d4d4d4; }
.news-con-item-box .img-con { width:350px; float:left; }
.news-con-item-box .txt-con { float:left; width:100%; padding-left:30px; }
.news-con-item-box .txt-con.width-con { width:calc(100% - 350px); }
.news-con-item-box .txt-con > p:first-of-type { font-size:24px; font-weight:700; letter-spacing:-1px; margin-top:20px; margin-bottom:10px; }
.news-con-item-box .txt-con > p:nth-of-type(2) { height:59px; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news-con-item-box .txt-con > p:last-of-type { margin-top:20px; }



.esg-con .file-download-box {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1440px) {
  .esg-con .file-download-box {
    grid-template-columns: repeat(3, 1fr);
  }
}

.esg-con .file-download-box .list {
    display: flex;
    border: 1px solid #ddd;
    padding: 20px 45px;
    align-items: center;
	position: relative;
}

.esg-con .file-download-box .list p {
    font-size: 16px;
    color: #000;
    letter-spacing: -0.25px;
    font-weight: 400;
	text-align: left;
}

.esg-con .file-download-box .list a { position: absolute; right: 45px; }
.esg-con .file-download-box .list a:hover { color: #184B87; }