/*   Main   */
/* form */
select { width: 250px; /*padding: .58em .5em;  */ padding-left: 15px; font-family: inherit; border: 1px solid #ccc; background: url(/docs/kor6/jsp/_images/_form/select.png) no-repeat right center #fff; background-size: contain; vertical-align: middle; height: 45px; border-radius: 0px; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

select::-ms-expand { display: none; }

/* 200304 investor ¼öÁ¤ */ 
.investor {overflow: hidden;}

@media screen and (max-width: 960px) { select { padding-left: 10px; height: 40px; } .ceo_selM {width:150px!important; } .ceo_selM > option {width:150px!important;}} /*ÇؼÛ*/
input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { line-height: 43px; height: 45px; text-indent: 20px; width: 400px; font-size: 20px; border: 1px solid #ccc; vertical-align: middle; padding-left: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 960px) { input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { line-height: 38px; height: 40px; text-indent: 10px; font-size: 16px; } }
input[type="button"] { height: 30px; line-height: 30px; background: #005891; color: #fff; text-align: center; min-width: 130px; border: none; font-size: 14px; cursor: pointer; margin: 0 2px; -moz-appearance: none; -webkit-appearance: none; }

a.file { background: url(/docs/kor6/jsp/_images/common/btn_file.png) no-repeat 10px center; line-height: 28px; color: #005891; padding-left: 35px; padding-right: 10px; display: inline-block; }

a.flie-btn { background: url(/docs/kor6/jsp/_images/common/btn_file.png) no-repeat 10px center; min-width: 140px; line-height: 38px; font-size: 14px; padding-left: 35px; padding-right: 13px; display: inline-block; background-color:#014f7f; color:#fff;}

textarea { width: 100%; height: 350px; padding: 20px; border: 1px solid #e5e5e5; color: #666; margin-top: 40px; line-height: 24px; vertical-align: baseline; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 960px) { a.file { font-size: 12px; padding-left: 30px; }
textarea { height: 220px; padding: 15px; margin-top: 10px; line-height: 17px; font-size: 12px; } }
.checks input[type="radio"], .checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.checks input[type="radio"]:focus, .checks input[type="checkbox"]:focus { width: 20px; height: 20px; outline: solid; }
.checks input[type="radio"]:focus + label, .checks input[type="checkbox"]:focus + label { border: 1px dotted #000; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; color: #666; min-width: 0; line-height: 25px; text-align: left; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-right: 40px; position: relative; }
.checks input[type="radio"] + label:before { position: absolute; left: 0; top: 0; display: inline-block; content: ""; width: 25px; height: 25px; vertical-align: middle; margin-right: 10px; background: url(/docs/kor6/jsp/_images/_form/radio.png) no-repeat left bottom; }
.checks input[type="radio"] + label:last-of-type { margin: 0; }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; color: #666; min-width: 0; line-height: 25px; text-align: left; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { position: absolute; left: 0; top: 0; display: inline-block; content: ""; width: 25px; height: 25px; vertical-align: top; margin-right: 10px; background: url(/docs/kor6/jsp/_images/_form/checkbox.png) no-repeat left bottom; }
.checks input[type="radio"]:checked + label:before, .checks input[type="checkbox"]:checked + label:before { background-position: left top; }

@media screen and (max-width: 960px) { .checks input[type="radio"] + label, .checks input[type="checkbox"] + label { padding-left: 30px; font-size: 12px; line-height: 20px; }
.checks input[type="radio"] + label:before, .checks input[type="checkbox"] + label:before { height: 20px; width: 20px; background-size: 20px; }
.checks input[type="radio"] + label { margin-right: 30px; }
.checks input[type="radio"] + label:last-of-type { margin: 0; } }
input[type="file"] { padding: 0; margin: 0px; background: #f5f5f5; border: 1px solid #e5e5e5; width: 400px; }

input[type="file"]::-webkit-file-upload-button { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; color: #fff; border: 0; background: #343f4e; line-height: 45px; margin: 0px; width: 100px; cursor: pointer; }

input[type="file"]::-ms-value { border: 0; height: 45px; }

input[type="file"]::-ms-browse { color: #fff; border: 0; background: #343f4e; width: 100px; }

@media screen and (max-width: 960px) { input[type="file"] { width: 100%; } }
/* table */
table { border-top: 2px solid #333; width: 100%; margin-top: 30px; }
table th { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 20px 30px; color: #333; font-weight: 700; background: #f5f5f5; vertical-align: middle; text-align: center; line-height: 22px; }
table tbody th { background: none; }
table tbody th.bg { background: rgba(0, 88, 145, 0.08); }
table tbody th.left { text-align: left; }
table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 20px 15px; vertical-align: middle; text-align: center; line-height: 24px; }
table td .stroke { display: inline-block; line-height: 43px; border: 1px solid #005891; color: #005891; font-weight: 700; padding: 0 30px; float: right; }
table td.bg { background: rgba(0, 88, 145, 0.08); }
table td.title { text-align: left; font-weight: 700; color: #333; }
table td.left { text-align: left; padding: 20px 30px; }
table th:last-child, table td:last-child { border-right: none; }
table th.boR, table td.boR { border-right: 1px solid #e5e5e5; }
table td.bdright { border-right: 1px solid #e5e5e5; }
table tfoot td { background: rgba(0, 88, 145, 0.08); }
table caption { font-size: 0; height: 0; line-height: 0; width: 0; overflow: hidden; }

table.investor td { text-align: right; padding: 20px 20px; }
table.investor-meet {border : 1px solid #666666;}
table.investor-meet td {text-align: center; border : 1px solid #666666;}
table.investor-meet th {font-weight: 400; border : 1px solid #666666;}

table.row th { background: #f5f5f5; }
table.row td { text-align: left; padding: 20px 30px; }

/* ¹è´ç³»¿ª ÅؽºÆ® */
.table_inner_text { padding:5px; }
.table_inner_text span {display:block; padding:1px;}
.table_inner_text span:nth-child(1) {font-size:15px;}


@media screen and (max-width: 960px) { table { margin-top: 20px; }
table th { padding: 14px 20px; font-size: 12px; }
table th.left { padding: 10px; }
table td { padding: 14px 20px; font-size: 12px; line-height: 17px; }
table td strong { font-size: 12px; }
table td .stroke { font-size: 12px; line-height: 35px; }
table td.left { padding: 10px; }
table.row td { padding: 14px 20px; } 
.table_inner_text span:nth-child(1) {font-size:12px; }

}
/******************************     TABLE SCROLL     ******************************/
@media screen and (max-width: 960px) { .table_inner.scroll { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table_inner.scroll table { width: 800px; }
.msg_touch_help { position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.msg_touch_help img { width: 80px; height: 80px; } }
/* Layout */
.container-full { width: 100%; }

.container { max-width: 1170px; width: 100%; margin: 0 auto; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.hidden { width: 1px; height: 1px; position: absolute; left: -9999px; top: -9999px; overflow: hidden; }

/*.foot-news section { padding-bottom: 0; } */

section { padding-top: 80px; padding-bottom: 150px; }
section.nopadding { padding-bottom: 0; }

.main section { padding-bottom: 0; }

@media screen and (max-width: 1280px) { .container { padding: 0 10px; } }
@media screen and (max-width: 960px) { .container { padding: 0 21px; }
.container.foot { padding: 0; }
section { padding-top: 60px; padding-bottom: 80px; } }
/* Skip nav */
#skip-nav a { display: block; line-height: 50px; color: #fff; font-size: 16px; text-indent: 20px; background: #005891; width: 0; height: 0; position: absolute; left: 0; overflow: hidden; z-index: 100; }
#skip-nav a:focus { width: 200px; height: 50px; }

/* ListStyle */
.list-style01 { margin-top: 20px; }
.list-style01 > li { line-height: 24px; padding-left: 10px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_line.png") no-repeat 0 12px; font-size: 15px; font-weight: normal; margin-bottom: 10px; }

.list-style02 { margin-top: 20px; }
.list-style02 > li { line-height: 24px; padding-left: 10px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_box.png") no-repeat 0 12px; font-size: 15px; color: #444; }
.list-style02 > li p { font-weight: normal; line-height: 26px; margin-bottom: 10px; }

.list-style03 { margin-top: 40px; }
.list-style03 > li { list-style: decimal; margin-left: 20px; line-height: 24px; margin-bottom: 10px; }

.list-style04 { margin-top: 20px; }
.list-style04 > li { position: relative; padding-left: 20px; line-height: 24px; font-size: 15px; }
.list-style04 > li span { position: absolute; top: 0; left: 0; font-size: 15px; }

.list-style05 { margin-top: 20px; }
.list-style05 > li { position: relative; padding-left: 40px; margin-bottom: 10px; font-size: 15px; }
.list-style05 > li span { position: absolute; top: 0; left: 0; color: #3171c0; padding-right: 10px; border-right: 1px solid #e5e5e5; }

.list-style06 { margin-top: 20px; }
.list-style06 > li, .list-style06 > dt, .list-style06 > dd { position: relative; margin-bottom: 10px; font-size: 15px; line-height: 24px; }

hr { border: none; border-top: 1px solid #e5e5e5; }

.point { color: #005891; }
.bold {font-weight: bold; !important;}
.normal {font-weight: 300; !important;}
.hide { font-size: 0; height: 0; line-height: 0; width: 0; overflow: hidden; }

@media screen and (max-width: 960px) { .list-style01 { margin-top: 10px; }
.list-style01 > li { line-height: 18px; padding-left: 8px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_line.png") no-repeat 0 8px; font-size: 12px; margin-bottom: 5px; }
.list-style01 > li span { font-size: 12px; }
.list-style02 > li { line-height: 24px; padding-left: 8px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_box.png") no-repeat 0 11px; font-size: 12px; }
.list-style02 > li p { font-size: 12px; line-height: 17px; margin-bottom: 10px; }
.list-style03 { margin-top: 10px; }
.list-style03 > li { font-size: 12px; margin-left: 10px; line-height: 17px; margin-bottom: 5px; }
.list-style04 { margin-top: 10px; }
.list-style04 > li { position: relative; padding-left: 15px; line-height: 17px; font-size: 12px; margin-bottom: 5px; }
.list-style04 > li span { font-size: 12px; }
.list-style05 { margin-top: 10px; }
.list-style05 > li { font-size: 12px; margin-left: 15px; line-height: 17px; margin-bottom: 5px; } 
.list-style06 { margin-top: 10px; }
.list-style06 > li, .list-style06 > dt, .list-style06 > dd { font-size: 12px; margin-left: 15px; line-height: 17px; margin-bottom: 5px; }}
/* Responsive */
.mobile-only { display: none; }
.mobile-only_ceo { display: none; } /*ÇؼÛ*/
@media screen and (max-width: 960px) {
.pc-only { display: none; }
}


@media screen and (max-width: 960px) { .mobile-hide { display: none !important; }
.mobile-only { display: block; } .mobile-only_ceo { display: block; } } /*ÇؼÛ*/
#lnb { width: 100%; border-bottom: 1px solid #e5e5e5; line-height: 50px; position: relative; z-index: 3; background-color:trnasparent;}
#lnb .container { position: relative; }
#lnb .container:after { content: ""; display: block; clear: both; }
#lnb .container > ul { float: left; border-left: 1px solid #e5e5e5; }
#lnb .container > ul > li { float: left; width: 270px; position: relative; border-right: 1px solid #e5e5e5; background: url(/docs/kor6/jsp/_images/common/lnb_arrow.png) no-repeat right top; }
#lnb .container > ul > li.on { background-position: right bottom; }
#lnb .container > ul > li.home { width: 50px; }
#lnb .container > ul > li.home a { background: url(/docs/kor6/jsp/_images/common/lnb_home.png) no-repeat center; text-indent: -9999px; display: block; width: 50px; height: 50px; }
#lnb .container > ul > li > a { color: #333; text-indent: 20px; display: block; width: 100%; font-weight: 700; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
#lnb .container > ul > li ul { border: 1px solid #e5e5e5; border-top: none; position: absolute; left: -1px; top: 51px; background-color: #fff; padding: 20px 0; width: 100%; display: none; }
#lnb .container > ul > li ul > li { border: none; width: 100%; }
#lnb .container > ul > li ul > li a { color: #333; text-indent: 20px; display: block; line-height: 35px; background: none; font-weight: 400; }
#lnb .container > ul > li ul > li a:hover, #lnb .container > ul > li ul > li a.on { color: #005891; font-weight: 700; }
#lnb .container .share { position: absolute; top: 0; right: 15px; }
#lnb .container .share .btn-share { width: 50px; height: 50px; display: block; background: url(/docs/kor6/jsp/_images/common/lnb_share.png) no-repeat center; background-size: contain; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
#lnb .container .share div { background: #fff; padding-top: 60px; border: 1px solid #e5e5e5; border-top: none; position: absolute; top: 0; right: 0; display: none; }
#lnb .container .share div ul { width: 158px; }
#lnb .container .share div ul li { margin: 20px; margin-top: 0; }
#lnb .container .share div ul li a { display: block; height: 100%; line-height: 30px; padding-left: 40px; font-size: 15px; color: #222; }
#lnb .container .share div ul li a.facebook { background: url(/docs/kor6/jsp/_images/common/lnb_facebook.png) no-repeat 0 0; }
#lnb .container .share div ul li a.twitter { background: url(/docs/kor6/jsp/_images/common/lnb_twitter.png) no-repeat 0 0; }
#lnb .container .share div ul li a.kakao { background: url(/docs/kor6/jsp/_images/common/lnb_kakao.png) no-repeat 0 0; }
#lnb .container .share div ul li a.google { background: url(/docs/kor6/jsp/_images/common/lnb_google.png) no-repeat 0 0; }
#lnb .container .share div ul li a.mail { background: url(/docs/kor6/jsp/_images/common/lnb_mail.png) no-repeat 0 0; }
#lnb .container .share div ul li a.url { background: url(/docs/kor6/jsp/_images/common/lnb_url.png) no-repeat 0 0; }
#lnb .container .share div ul li a.print { background: url(/docs/kor6/jsp/_images/common/lnb_print.png) no-repeat 0 0; }
#lnb .container .share div .close { width: 50px; height: 50px; display: block; position: absolute; top: 0; right: 0; background: url(/docs/kor6/jsp/_images/common/header_close.png) no-repeat center; }
#lnb .container .share.on div { display: block; }

@media screen and (max-width: 960px) { #lnb { line-height: 38px; }
#lnb .container { padding: 0; }
#lnb .container > ul { width: calc(100% - 38px); border-left: none; }
#lnb .container > ul > li { width: 100%; display: none; background-size: 38px; }
#lnb .container > ul > li:last-child { display: block; }
#lnb .container > ul > li a { text-indent: 20px; background-size: 38px; font-size: 13px; }
#lnb .container > ul > li > ul { border: none; border-right: 1px solid #e5e5e5; width: calc(100% - 1px); top: 39px; background-color: #f5f5f5; padding: 0; left: -1px; display: none; }
#lnb .container > ul > li > ul > li { border-bottom: 1px solid #e5e5e5; width: 100%; }
#lnb .container > ul > li > ul > li a { line-height: 40px; width: 100%; }
#lnb .container .share { right: 0; }
#lnb .container .share .btn-share { width: 38px; height: 38px; }
#lnb .container .share div { background: #fff; padding-top: 40px; }
#lnb .container .share div ul { width: 140px; }
#lnb .container .share div ul li { margin: 20px; margin-top: 0; }
#lnb .container .share div ul li a { line-height: 26px; padding-left: 34px; font-size: 12px; background-size: 26px !important; }
#lnb .container .share div .close { width: 30px; height: 30px; background-size: 15px; top: 6px; right: 6px; }
#lnb .container .share.on div { display: block; } }

/*  GNB  */
header { background: none; min-height: 80px; position: fixed; top: 0; left: 0; z-index: 10;  background:#fff; border-bottom:1px solid #eaeaea; }
header .container { position: relative;}
header h1 { position: absolute; left: 15px; top: 0; width: 110px; height: 80px; }
/*header h1 a { display: block; width: 100%; height: 100%; background: url(/docs/kor6/jsp/_images/common/posco_ci.png) no-repeat 0 0; text-indent: -9999px; }*/
header #util { position: absolute; right: 200px;  top:32px; padding:1px; }
header #util:after { content: ""; display: block; clear: both; }
header #util > div {  position: relative; display:inline-block; padding:0 14px; float:left;  }
header #util > div a {  height: 15px; display: block; text-indent: -9999px; font-size: 13px; overflow:hidden; }
header #util > div.search { width:20px; padding-right:0;}
header #util > div.search a { background: url(/docs/kor6/jsp/_images/common/header_util_black.png) no-repeat -20px -3px; }
header #util > div.login a { text-indent:0; color:#222; }
header #util > div.logout a { text-indent:0; }
header #util > div.mypage { padding-right:0;}
header #util > div.mypage a { text-indent:0; }
header #util > div.lang { height: 13px; padding-right:21px; }
header #util > div.lang a { height: 13px; color:#222; text-indent:0; }
header #util > div.lang a::after {content: ""; background: url(/docs/kor6/jsp/_images/common/lang.png) no-repeat 0 5px; width: 8px; height: 100%; display: inline-block; clear: both; font-size: 2px; margin-left: 5px; }
header #util > div.lang ul { position:absolute; visibility: hidden; }
header #util > div.lang ul li a{ height: 15px; transition: .5s; top: 0px; display:inline-block; color:#fff; opacity:0; z-index:-10;}
header #util > div.lang ul li a.on {opacity:1; padding-top:10px; top: 15px;  z-index:0; transition: .5s; color:#222222;}
header #util > div.lang a:hover { text-decoration:underline; text-underline-position: under;}
header #util > div.lang ul li a::after { display: none;}
header #util .search-act { width: 100%; height: 120px; background: #f5f5f5; position: fixed; left: 0; top: 80px; display: none; border-bottom: 1px solid #ccc; }
header #util .search-act .container { text-align: center; padding-top: 30px; position: relative; }
header #util .search-act .container .form { display: inline-block; height: 60px; background: #fff; width: 570px; text-align: left; }
header #util .search-act .container .form input[type="text"] { line-height: 60px; font-size: 20px; font-weight: 700; text-indent: 30px; height: 60px; width: 500px; border: none; }
header #util .search-act .container .form button { float: right; width: 60px; height: 60px; background: url(/docs/kor6/jsp/_images/common/header_btn_search.png) no-repeat center; }
header #util .search-act .container .search-close { position: absolute; right: 0; width: 21px; height: 21px; background: url(/docs/kor6/jsp/_images/common/header_close.png) no-repeat center; top: 50px; text-indent: -9999px; }
header #gnb { float: left; position: absolute; left: 130px; }
header #gnb .menu li { float: left; }
header #gnb .menu li > a { padding: 0 13px; display: block; line-height: 80px; color: #222; font-size: 16px; float: left; top: 0; }
header #gnb .menu li > a.on { color: #005891; border-bottom: 2px solid #005891; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 78px; }
header #gnb .menu li .bg { position: fixed; width: 100%; top: 80px; left: 0; background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #ccc; display: none; z-index: 100; }
header #gnb .menu li .bg .container { display: table; position: relative; }
header #gnb .menu li .bg .container .col { display: table-cell; width: 25%; padding: 30px 0; }
header #gnb .menu li .bg .container .col dt { margin-bottom: 20px; }
header #gnb .menu li .bg .container .col dt a { font-size: 15px; color: #333; font-weight: 700; }
header #gnb .menu li .bg .container .col dd { margin-bottom: 17px; }
header #gnb .menu li .bg .container .col dd a { color: #333; font-size: 14px;}
header #gnb .menu li .bg .container .col a:hover { text-decoration: underline; text-underline-position: under; }
header #gnb .menu li .bg .container .col.col2 { width: 50%; }
header #gnb .menu li .bg .container .col.col2 dl { content: ""; display: block; clear: both; }
header #gnb .menu li .bg .container .col.col2 dt { width: 100%; float: left; }
header #gnb .menu li .bg .container .col.col2 dd { width: 50%; float: left; }
header #gnb .menu li .bg .container .menu-close { width: 15px; height: 15px; display: block; position: absolute; top: 30px; right: 5px; background: url(/docs/kor6/jsp/_images/common/header_close.png) no-repeat center; }

header #all-menu { position: absolute; right: 157px; top: 30px; }
header #all-menu .btn-all-menu { width: 20px; height: 20px; display: block; background: url(/docs/kor6/jsp/_images/common/header_util_black.png) no-repeat 0 0; }
header #all-menu .bg { width: 100%; background: #fff; position: fixed; top: 0; left: 0; border-bottom: 1px solid #ccc; z-index: 1; display: none; }
header #all-menu .bg .top { /*border-bottom: 1px solid #e5e5e5;*/ }
header #all-menu .bg .top .container { position: relative; }
header #all-menu .bg .top .container:after { content: ""; display: block; clear: both; }
header #all-menu .bg .top .container h1 { position: absolute; left: 0; top: 0; width: 110px; height: 80px; margin-left: 15px; }
header #all-menu .bg .top .container h1 a { display: block; width: 100%; height: 100%; background: url(/docs/kor6/jsp/_images/common/posco_ci.png) no-repeat 0 0; }
header #all-menu .bg .top .container .title { line-height: 80px; font-size: 15px; color: #222; font-weight: 700; float: left; }
header #all-menu .bg .top .container .submenu { line-height: 80px; font-size: 15px; padding-right: 18px; color: #222; background: url(/docs/kor6/jsp/_images/common/header_btn_submenu.png) no-repeat right top; float: right; margin-right: 60px; }
header #all-menu .bg .top .container .submenu.on { background-position: right bottom; }
header #all-menu .bg .all-menu-body { height: 500px; overflow-y: auto; }
header #all-menu .bg .all-menu-body a:hover { text-decoration: underline; text-underline-offset: 7px; }
header #all-menu .bg .all-menu-body .container { padding-top: 40px; display: table; table-layout: fixed; margin-top: 30px; border-top: 1px #dedede solid; padding-right: 23px; padding-left: 23px; }
header #all-menu .bg .all-menu-body .container .col { display: table-cell; width: 25%; position:relative; }
/* header #all-menu .bg .all-menu-body .container .col-site {top:34px;} */
header #all-menu .bg .all-menu-body .container .col dl.dl_space {margin-top:54px;}
header #all-menu .bg .all-menu-body .container .col dl.dl_space:nth-child(3), header #all-menu .bg .all-menu-body .container .col dl.dl_space:nth-child(4){margin-top:52px;}
header #all-menu .bg .all-menu-body .container .col dt { margin-bottom: 18px; }
header #all-menu .bg .all-menu-body .container .col dt.gnb_citizenship { margin-top: 54px; }
header #all-menu .bg .all-menu-body .container .col dt.gnb_product { margin-top: 52px;}
header #all-menu .bg .all-menu-body .container .col dt a { color: #005891; font-size: 16px; font-weight: 700; }
header #all-menu .bg .all-menu-body .container .col dd { margin-bottom: 18px; }
header #all-menu .bg .all-menu-body .container .col dd > a { color: #333; font-size: 16px; font-weight: 500; }
header #all-menu .bg .all-menu-body .container .col dd ul { margin-top: 15px; display: none; }
header #all-menu .bg .all-menu-body .container .col dd ul li { margin-bottom: 10px; }
header #all-menu .bg .all-menu-body .container .col dd ul li a { font-size: 15px; line-height: 24px; padding-left: 10px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_line.png") no-repeat 0 12px; }
header #all-menu .bg .all-menu-body .container .col dd ul.on { display: block; }
header #all-menu .bg .all-menu-body .container:first-child { margin-top: 0; border-top: 0; }
header #all-menu .bg .all-menu-body .container:last-child { padding-bottom: 20px; }
header #all-menu .bg .all-menu-close { position: absolute; right: 50%; margin-right: -564px; width: 21px; height: 21px; background: url(/docs/kor6/jsp/_images/common/header_close.png) no-repeat center; top: 30px; }
header h2.withposco {position: absolute; top: 26px; right: 10px; width:116px; height:23px; background: url(/docs/kor6/jsp/_images/common/withposco.png) no-repeat 0 0; text-indent: -9999px;}
.m_indicator { display: none; width:4px; height:4px; position: absolute; border-radius: 50%; }

@media screen and (max-width: 1200px) {
header #all-menu .bg .all-menu-close { right: 20px; margin-right: 0; }
header #gnb .menu li > a { padding: 0 12px; }}


@media screen and (max-width: 960px) { header { min-height: 60px; }
header h1 { width: 102px; height: 60px; margin-left: 0; left: 20px; }
header h1 a {background-position:0 -9px;}
header #all-menu { width: 60px; height: 60px; }
header #util { right: 0px; top: 0; }
header #util > div a { width: 60px; height: 60px; }
header #util > div.search { padding-right: 78px;}
header #util > div.search a { background: url(/docs/kor6/jsp/_images/common/mobile_btn_search_black.png) no-repeat center/cover; margin-right: 0px; }
header #util .quick { top: 0; right: 10px; }
header #util .quick a { width: 40px; height: 60px; background: url(/docs/kor6/jsp/_images/common/mobile_btn_quick.png) no-repeat center/cover; line-height: 1; text-indent: -9999px; }
header #util .quick a:after { display: none; }
header #util .quick-act .quick-wrap { width: 100%; }
header #util .quick-act .quick-wrap .quick-close { width: 60px; height: 60px; }
header #util .quick-act .quick-wrap .top { line-height: 60px; }
header #util .quick-act .quick-wrap ul { height: calc(100vh - 60px); width: 100%; }
header #util .search-act { width: 100%; height: 80px; top: 60px; display: none; border-bottom: 1px solid #ccc; z-index: 100; } /* 190411 ¾Ö¸®¾ó top:60px¿¡¼­ ¼öÁ¤ */
header #util .search-act .container { padding-top: 20px; }
header #util .search-act .container .form { height: 40px; width: 275px; }
header #util .search-act .container .form input[type="text"] { line-height: 40px; font-size: 15px; text-indent: 15px; height: 40px; width: 200px; }
header #util .search-act .container .form button { width: 40px; height: 40px; background-size: contain; }
header #util .search-act .container .search-close { top: 30px; right: 15px; }
header #gnb .menu { display: none; }
header #all-menu { right:0; top: 0; }
header #all-menu .btn-all-menu { width: 60px; height: 60px; background: url(/docs/kor6/jsp/_images/common/mobile_btn_menu_black.png) no-repeat 0 0; background-size: contain; }
header #all-menu .bg { height: 100%; }
header #all-menu .bg .top .container {height:60px; background:#fff;}
header #all-menu .bg .top .container h1 { position: absolute; left: 20px; top: 0; width:110px; height: 80px; margin-left: 0; }
header #all-menu .bg .top .container h1 a {background: url(/docs/kor6/jsp/_images/common/posco_ci.png) no-repeat 0 -9px; }
header #all-menu .bg .top .container .title { display: none; }
header #all-menu .bg .top .container .submenu { display: none; }
header #all-menu .bg .all-menu-body { height: calc(100% - 60px); overflow-y: auto; padding-bottom: 50px; }
header #all-menu .bg .all-menu-body .mobile-only .top { padding-top: 20px; padding-bottom: 42px;}
header #all-menu .bg .all-menu-body .mobile-only .top:after { content: ""; display: block; clear: both; }
header #all-menu .bg .all-menu-body .mobile-only .top .login { float: left;  padding-left: 20px; border-right: 1px solid #666666; }
header #all-menu .bg .all-menu-body .mobile-only .top .login .in a:first-child { padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; font-weight: 300; color:#666; }
header #all-menu .bg .all-menu-body .mobile-only .top .login a { font-size: 18px; font-weight:300; display: block; float: left; padding-right: 15px; }
header #all-menu .bg .all-menu-body .mobile-only .top .lang { float: left; padding-right: 21px; }
header #all-menu .bg .all-menu-body .mobile-only .top .lang li {float:left;}
header #all-menu .bg .all-menu-body .mobile-only .top .lang li a { font-size: 18px; font-weight:300; display: block; padding-left: 10px; color:#666666;  }
header #all-menu .bg .all-menu-body .mobile-only .top .lang li a.selected { color:#222222; font-weight:600;}
header #all-menu .bg .all-menu-body .mobile-menu > ul > li { line-height: 37px; text-indent: 20px; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > a { font-size: 20px; font-weight: 300; color:#222222; display: block; width: 100%; height: 100%; background: url(/docs/kor6/jsp/_images/common/mobile_1depth.png) no-repeat right 10px top; background-size: 45px; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > a.on { background-position: right 10px bottom; font-weight:600; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > a.no_depth { background:none;}
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul { display: none; padding-top:8px; padding-bottom:20px; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li { line-height: 37px; text-indent: 33px; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li.has > a { background: url(/docs/kor6/jsp/_images/common/mobile_2depth.png) no-repeat right 12px top; background-size: 40px; color:#222222;}
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li.has > a.on { background-position: right 12px bottom; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li > a { font-size: 18px; font-weight: 300; display: block; width: 100%; height: 100%; color:#222222; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li ul { display: none; padding-bottom: 10px;}
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li ul li { margin-bottom: 0; line-height: 34px; text-indent: 43px; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li ul li a { font-size: 18px; font-weight:300; padding: 0; display: block; width: 100%; height: 100%; color:#222222; }
header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li ul li > a span { display: inline-block; overflow: hidden; width: 11px; height: 11px; margin-left: 8px; background: url(/docs/kor6/jsp/_images/common/ico_newwin.png) no-repeat center; font-size: 1px; color: transparent;}
header #all-menu .bg .all-menu-body .mobile-menu > ul dd.on { display: block; }
header #all-menu .bg .all-menu-close { position: absolute; right: 21px; margin-right: 0; top: 20px; }
}

/*  FOOTER  */
footer { border-top: 1px solid #ccc; position: relative; z-index: 1; }
footer .wa { width: 100px; }
footer .container:after { content: ""; display: block; clear: both; }
footer .container .sitemap dl { width: 40%; float: left; margin-top: 30px; }
footer .container .sitemap dl:after { content: ""; display: block; clear: both; }
footer .container .sitemap dl dt { color: #333; font-weight: 700; margin-bottom: 25px; float: left; width: 100%; }
footer .container .sitemap dl dd { float: left; width: 50%; font-size: 15px; margin-bottom: 15px; }
footer .container .sitemap dl dd img { margin-left: 8px; }
footer .container .sitemap dl.promoch { width: 20%; }
footer .container .sitemap dl.promoch dd { width: 100%; }
footer .container .sitemap dl.customer { width: 20%; }
footer .container .sitemap dl.customer dd { width: 100%; }
footer .container .sitemap dl.customer dd a { display: block; margin-bottom: 0; color: #666; font-weight: 400; }
footer .container .right-ui { width: 20%; float: right; margin-top: 30px; }
footer .container .right-ui a { display: block; margin-bottom: 20px; color: #333; font-weight: 700; }
footer .container .right-ui a img { margin-left: 10px; }
footer .container .right-ui dl.location { width: 100%; }
footer .container .right-ui dl.location dt { color: #333; font-weight: 700; margin-bottom: 20px; }
footer .container .right-ui dl.location dd { width: 100%; font-size: 15px; margin-bottom: 15px;}
footer .container .right-ui dl.location dd a { display: block; margin-bottom: 0; color: #666; font-weight: 400; }
footer .container .foot-links { padding-top: 35px; }
footer .container .foot-links:after { content: ""; display: block; clear: both; }
footer .container .foot-links div { float: left; }
footer .container .foot-links div li { float: left; }
footer .container .foot-links div li a { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #dedede; color:#666666; }
footer .container .foot-links div li strong { color: #666666; }
footer .container .foot-links div:last-of-type, footer .container .foot-links div li:last-of-type { border: none; padding-right: 0; margin-right: 0; }
footer .container .address { margin-top: 20px; }
footer .container .address:after { content: ""; display: block; clear: both; }
footer .container .address li { float: left; color: #666666;}
footer .container .address li:last-child { margin-left: 10px; padding-left: 10px; border-left: 1px solid #dedede; }
footer .container .copyright { margin-top: 10px; padding-bottom: 30px; color: #999999;}
footer .container .wrap { position: relative; }
footer .container .webacc { position: absolute; right: 0; bottom: 115px; }
footer #posco-group { width: 100%; background: #fff; position: absolute; left: 0; bottom: 0; border-top: 1px solid #ccc; padding-bottom: 50px; display: none; z-index: 10; } /*210622 bottom:300px¿¡¼­ 0À¸·Î ¼öÁ¤*/
footer #posco-group .container { position: relative; }
footer #posco-group .container .title { font-size: 26px; color: #333; font-weight: 700; padding-top: 50px; }
footer #posco-group .container .text { font-size: 15px; line-height: 24px; margin-top: 20px; }
footer #posco-group .container .table-layout { margin-top: 40px; display: table; width: 100%; }
footer #posco-group .container .table-layout .col { display: table-cell; width: 25%; }
footer #posco-group .container .table-layout .col dt { margin-bottom: 20px; }
footer #posco-group .container .table-layout .col dt a { font-size: 16px; color: #005891; font-weight: 700; }
footer #posco-group .container .table-layout .col dd { margin-bottom: 10px; }
footer #posco-group .container .table-layout .col dd a { font-size: 15px; color: #333; }
footer #posco-group .container .table-layout .col dd a img { margin-left: 8px; }
footer #posco-group .container .group-close { width: 21px; height: 21px; display: block; position: absolute; top: 50px; right: 15px; background: url(/docs/kor6/jsp/_images/common/header_close.png) no-repeat center; }
footer #posco-sns { width: 100%; background: #fff; position: absolute; left: 0; bottom: 300px; border-top: 1px solid #ccc; padding-bottom: 50px; display: none; }
footer #posco-sns .container { position: relative; }
footer #posco-sns .container .title { font-size: 26px; color: #333; font-weight: 700; padding-top: 50px; }
footer #posco-sns .container .text { font-size: 15px; line-height: 24px; margin-top: 20px; }
footer #posco-sns .container ul { border-top: 1px solid #e5e5e5; margin-top: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
footer #posco-sns .container ul:after { content: ""; display: block; clear: both; }
footer #posco-sns .container ul li { float: left; width: 25%; padding: 20px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
footer #posco-sns .container ul li:after { content: ""; display: block; clear: both; }
footer #posco-sns .container ul li:nth-child(4n) { border-right: none; }
footer #posco-sns .container ul li p { line-height: 40px; color: #333; font-size: 16px; font-weight: 700; float: left; }
footer #posco-sns .container ul li div { float: right; }
footer #posco-sns .container ul li div a { float: left; width: 30px; height: 30px; display: block; margin-left: 5px; text-indent: -9999px; }
footer #posco-sns .container ul li div a.facebook { background: url(/docs/kor6/jsp/_images/common/footer_sns_facebook.png) no-repeat 0 0; }
footer #posco-sns .container ul li div a.twitter { background: url(/docs/kor6/jsp/_images/common/footer_sns_twitter.png) no-repeat 0 0; }
footer #posco-sns .container ul li div a.blog { background: url(/docs/kor6/jsp/_images/common/footer_sns_blog.png) no-repeat 0 0; }
footer #posco-sns .container .sns-close { width: 21px; height: 21px; display: block; position: absolute; top: 50px; right: 15px; background: url(/docs/kor6/jsp/_images/common/header_close.png) no-repeat center; }
footer .container .footer-sns {margin-top: 13px;}
footer .container .footer-sns li { width: 32px; height: 32px;  display: inline-block; margin-right: 13px;}
footer .container .footer-sns li a { width: 100%; height: 100%; display:block;}
footer .container .footer-sns li.footer-youtube { background:url(/docs/kor6/jsp/_images/common/footer_youtube.png) no-repeat center; background-size: cover;}
footer .container .footer-sns li.footer-linkedin { background:url(/docs/kor6/jsp/_images/common/footer_linkdin.png) no-repeat center;  background-size: cover;}
footer .container .footer-sns li.footer-facebook { background:url(/docs/kor6/jsp/_images/common/footer_facebook.png) no-repeat center;  background-size: cover;}
footer .container .footer-sns li.footer-insta { margin-right: 0; background:url(/docs/kor6/jsp/_images/common/footer_insta.png) no-repeat center; background-size: cover; }
footer .container .m-footer-sns { display: none; }

@media screen and (max-width: 960px) { footer { border-top: 1px solid #ccc; position: relative; z-index: 3; }
footer .container .sitemap { margin-top: 0; }
footer .container .sitemap dl { width: 100%; float: none; margin-top: 0; background: #f5f5f5; text-indent: 21px; }
footer .container .sitemap dl dt { color: #333; font-weight: 700; margin-bottom: 0; float: none; line-height: 40px; background: #fff; background: url(/docs/kor6/jsp/_images/common/mobile_footer_accodion.png) no-repeat right top #fff; background-size: 40px; font-size: 12px; cursor: pointer; border-top: 1px solid #e5e5e5; }
footer .container .sitemap dl dt.on { background-position: right bottom; }
footer .container .sitemap dl div { margin-top: 20px; display: none; }
footer .container .sitemap dl dd { font-size: 12px; }
footer .container .sitemap dl dd.pbn_h {display: none;}
footer .container .sitemap dl.on div { display: block; }
footer .container .sitemap dl.promoch { width: 100%; }
footer .container .sitemap dl.customer { width: 100%; }

footer .container .right-ui { width: 100%; float: none; margin-top: 0; }
footer .container .right-ui > a { margin-bottom: 0; font-size: 12px; line-height: 40px; background: url(/docs/kor6/jsp/_images/common/mobile_footer_accodion.png) no-repeat right top #fff; background-size: 40px; text-indent: 21px; border-top: 1px solid #e5e5e5; }
footer .container .right-ui > a.no-plus { background: none; }
footer .container .right-ui > a img { display: none; }
footer .container .right-ui > a.on { background-position: right bottom; }
footer .container .right-ui dl.location { margin-top: 0; width: 100%; float: none; background: #f5f5f5; text-indent: 21px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
footer .container .right-ui dl.location dt { color: #333; font-weight: 700; margin-bottom: 0; float: none; line-height: 40px; background: #fff; background: url(/docs/kor6/jsp/_images/common/mobile_footer_accodion.png) no-repeat right top #fff; background-size: 40px; font-size: 12px; cursor: pointer; margin-bottom:0;}
footer .container .right-ui dl.location dt.on { background-position: right bottom; }
footer .container .right-ui dl.location div { margin-top: 20px; padding-bottom: 5px; display: none; }
footer .container .right-ui dl.location dd { font-size: 12px; }
footer .container .right-ui dl.location.on div { display: block; } 

footer .container .foot-links { padding-top: 10px; padding-left: 21px; padding-right: 110px; }
footer .container .foot-links div { margin-top: 10px; width: 100%; }
footer .container .foot-links div li { padding: 5px 0; /* &:nth-child(4){
margin: 0;
padding: 0;
border: none;
}*/ }
footer .container .foot-links div li a { font-size: 12px; }
footer .container .foot-links div li a strong { font-size: 12px; }
footer .container .footer-sns { display: none; }
footer .container .m-footer-sns { width: 204px; display: block; margin: 0 auto; padding-top: 32px;}
footer .container .m-footer-sns li { width: 31px; height: 31px; margin-right: 23px;} 
footer .container .address {  margin-top: 32px; }
footer .container .address li { float: none; text-align:center; font-size: 12px;  margin-top: 10px; }
footer .container .address li:first-child { margin-top:0;}
footer .container .address li:last-child { margin-left: 0; padding-left: 0; border-left: none;}
footer .container .copyright { text-align: center; margin-top: 10px; padding-bottom: 30px; font-size: 12px;}
footer .container .webacc { bottom: 170px; right: 20px; }
footer #posco-group { background: #f5f5f5; position: relative; border-top: none; padding-bottom: 20px; bottom: 0; }
footer #posco-group .container { position: relative; padding: 0 21px; }
footer #posco-group .container .title { display: none; }
footer #posco-group .container .text { font-size: 12px; line-height: 17px; padding: 20px 0; margin: 0; }
footer #posco-group .container .table-layout { margin-top: 0; display: block; width: 100%; }
footer #posco-group .container .table-layout .col { display: block; width: 100%; border-top: 1px solid #e5e5e5; padding-top: 15px; }
footer #posco-group .container .table-layout .col dt { margin-bottom: 10px; }
footer #posco-group .container .table-layout .col dt a { font-size: 12px; }
footer #posco-group .container .table-layout .col div:after { content: ""; display: block; clear: both; }
footer #posco-group .container .table-layout .col dd { margin-bottom: 10px; float: left; }
footer #posco-group .container .table-layout .col dd a { font-size: 12px; border-right: 1px solid #e5e5e5; margin-right: 10px; padding-right: 10px; margin-bottom: 0; }
footer #posco-group .container .table-layout .col dd a img { margin-left: 5px; }
footer #posco-group .container .group-close { display: none; }
footer #posco-sns { background: #f5f5f5; position: relative; border-top: none; padding-bottom: 20px; bottom: 0; }
footer #posco-sns .container { position: relative; padding: 0 21px; }
footer #posco-sns .container .title { display: none; }
footer #posco-sns .container .text { font-size: 12px; line-height: 17px; padding: 20px 0; margin: 0; }
footer #posco-sns .container ul { margin-top: 0; }
footer #posco-sns .container ul li { float: none; width: 100%; padding: 10px; border-right: none; }
footer #posco-sns .container ul li p { line-height: 20px; font-size: 12px; }
footer #posco-sns .container ul li div a { width: 26px; height: 26px; background-size: contain !important; margin-bottom: 0; }
footer #posco-sns .container .sns-close { display: none; } }

@media screen and (max-width: 490px){
footer .container .foot-links { width: 70%;}
footer .container .webacc { bottom: 210px;}
}

/* Board */
.board { margin-top: 50px; border-top: 2px solid #333; width: 100%; }
.board .list { display: table; width: 100%; border-bottom: 1px solid #e5e5e5; }
.board .list li { display: table-cell; line-height: 60px; }
.board .list li.subject { width: auto; font-size: 18px; font-weight: 500; padding-left: 30px; display: block; color: #333; }
.board .list li.subject a { font-size: 18px; font-weight: 500; display: block; color: #333; }
.board .list li.subject a:hover { text-decoration: underline; }
.board .list li.btns { text-align: right; }
.board .list li.btns a { display: inline-block; border: 1px solid #bbb; line-height: 38px; width: 105px; text-align: center; }
.board .list li.btns a.list-file:before { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: url(/docs/kor6/jsp/_images/common/ico_file.png) no-repeat center; background-size: contain; content: ""; }
.board .list li.btns a.list-file.brochure { width: 300px; }
.board .list li.btns a.new-win:after { display: inline-block; width: 11px; height: 11px; margin-left: 10px; background: url(/docs/kor6/jsp/_images/common/ico_newwin.svg) no-repeat center; background-size: contain; content: ""; }
.board .list li.btns.col2 { width: 225px; position: relative; }
.board .list li.btns.col2 .list-file { position: absolute; top: 10px; }
.board .list li.btns.col2 .left { left: 0; }
.board .list li.btns.col2 .right { right: 0; }
.board .list li.btns.brochure { padding-right: 25px; }
.board .list li.btns.brochure a.list-file { width: 300px; margin: 0 2px; }
.board .list li.date { width: 110px; text-align: right; padding-right: 30px; }
.board .board-view-top { padding: 40px 0; border-bottom: 1px solid #e5e5e5; }
.board .board-view-top .title { font-size: 26px; color: #333; text-align: center; font-weight: 700; margin-bottom: 20px; }
.board .board-view-top .date { text-align: center; }
.board .board-view-con { padding: 40px; }
.board .board-view-con table { max-width: 100%; }
.board .board-view-con img { width: 100%; }
.board .board-link{display: block; text-decoration: underline; font-size: 20px; font-weight: bold; text-align: center; color: #000;}
.board .file-wrap { border-top: 1px solid #e5e5e5; border-bottom: 2px solid #333; }
.board .file-wrap ul { display: table; line-height: 60px; width: 100%; }
.board .file-wrap ul li { display: table-cell; }
.board .file-wrap ul li.key { width: 15%; text-align: center; color: #333; font-weight: 700; }
.board .file-wrap ul li.value { width: 85%; }
.board .file-wrap ul li.value a.file { background: url(/docs/kor6/jsp/_images/common/btn_file.png) no-repeat 0 8px; color: #005891; line-height: 28px; padding-left: 20px; display: inline-block; }
.board .bottom { margin-top: 50px; border-top: 1px solid #e5e5e5; }
.board .bottom ul { border-bottom: 1px solid #e5e5e5; }
.board .bottom ul:after { content: ""; display: block; clear: both; }
.board .bottom ul li { line-height: 60px; float: left; }
.board .bottom ul li.key { width: 130px; font-weight: 700; padding-left: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .bottom ul li.link { width: calc(100% - 130px); }
.board .bottom ul li.link a { display: block; color: #333; width: 100%; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.board .bottom ul li.link a:hover { text-decoration: underline; }
.board .bottom ul.prev .key { background: url(/docs/kor6/jsp/_images/_board/prev_arrow.png) no-repeat 0 0; background-size: contain; }
.board .bottom ul.next .key { background: url(/docs/kor6/jsp/_images/_board/next_arrow.png) no-repeat 0 0; background-size: contain; }
.board .btn-wrap { text-align: right; }
.board .btn-wrap a { text-align: center; }

.board.thumb-list .list { padding: 30px 0; }
.board.thumb-list .list a { display: block; }
.board.thumb-list .list .thumb { width: 370px; line-height: 1; }
.board.thumb-list .list .thumb img { width: 370px; }
.board.thumb-list .list .thumb-text { padding: 0 40px; vertical-align: top; }
.board.thumb-list .list .thumb-text .title { font-size: 18px; color: #333; }
.board.thumb-list .list .thumb-text .text { margin-top: 30px; line-height: 24px; }

.board-media-view-con { display: table; border-bottom: 2px solid #333; }
.board-media-view-con .media-list { display: table-cell; width: 300px; padding: 40px 30px; background: #f5f5f5; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board-media-view-con .media-list dt { font-size: 18px; font-weight: 700; color: #005891; margin-bottom: 10px; }
.board-media-view-con .media-list dd { line-height: 30px; padding-left: 10px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_line.png") no-repeat 0 15px; font-size: 15px; font-weight: normal; }
.board-media-view-con .media-list dd.on a { color: #333; font-weight: 700; }
.board-media-view-con .media-con { padding: 0 0; }
.board-media-view-con .media-con .subtitle { overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 50px; height: 220px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.board-search { text-align: center; margin-top: 50px; }
.board-search select { vertical-align: middle; width: 150px; }
.board-search .input-wrap { display: inline-block; border: 1px solid #ccc; margin-left: 6px; vertical-align: middle; }
.board-search .input-wrap:after { content: ""; display: block; clear: both; }
.board-search .input-wrap input[type="text"] { float: left; width: 295px; border: none; height: 43px; line-height: 43px; }
.board-search .input-wrap .btn-search { background: url(/docs/kor6/jsp/_images/_board/btn_search.png) no-repeat 0 0; background-size: contain; width: 43px; height: 43px; float: right; text-indent: -9999px; }

@media screen and (max-width: 960px) { .board { margin-top: 30px; display: block; }
.board .list { display: block; padding-top: 20px; padding-bottom: 20px; }
.board .list li { display: block; line-height: 20px; border-bottom: none; }
.board .list li.subject { width: 100%; padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .list li.subject a { font-size: 15px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.board .list li.btns { text-align: center; width: 100%; padding: 0 15px 10px; margin-top: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .list li.btns a { line-height: 33px; width: 100%; }
.board .list li.btns.col2 { height: 45px; width: 100%; }
.board .list li.btns.col2 a { width: calc((100% / 2) - 28px); }
.board .list li.btns.col2 a.left { left: 20px; top: 0; }
.board .list li.btns.col2 a.right { right: 20px; top: 0; }
.board .list li.btns.brochure { padding-right: 15px; }
.board .list li.btns.brochure a.list-file { width: 100%; margin: 0; }
.board .list li.btns.brochure a:nth-child(2) { margin-top: 5px; }
.board .list li.date { width: 100%; text-align: left; padding-left: 20px; }
.board .board-view-top { padding: 25px; }
.board .board-view-top .title { font-size: 18px; line-height: 23px; margin-bottom: 10px; }
.board .board-view-con { padding: 20px; }
.board .board-link{font-size: 15px;}
.board .file-wrap ul { line-height: 45px; }
.board .file-wrap ul li.key { width: 20%; font-size: 12px; }
.board .file-wrap ul li.value { width: 80%; }
.board .file-wrap ul li.value a.file { background-size: 11px; padding-left: 18px; }
.board .bottom { margin-top: 40px; }
.board .bottom ul li { line-height: 45px; }
.board .bottom ul li.key { width: 100px; padding-left: 40px; font-size: 12px; }
.board .bottom ul li.link { width: calc(100% - 100px); font-size: 12px; }
.board .bottom ul li.link a { font-size: 12px; }
.board .btn-wrap { margin-top: 40px; }
.board .btn-wrap a { width: 90px; min-width: 90px; }
.board.thumb-list .list { padding: 20px 0; }
.board.thumb-list .list .thumb { width: 100%; }
.board.thumb-list .list .thumb img { width: 100%; }
.board.thumb-list .list .thumb-text { padding: 20px 0 0 0; }
.board.thumb-list .list .thumb-text .title { font-size: 15px; }
.board.thumb-list .list .thumb-text .text { margin-top: 15px; line-height: 17px; font-size: 12px; }
.board-media-view-con { display: block; }
.board-media-view-con .media-list { display: block; width: 100%; padding: 30px 20px; }
.board-media-view-con .media-list dt { font-size: 15px; }
.board-media-view-con .media-list dd { line-height: 21px; padding-left: 10px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_line.png") no-repeat 0 12px; }
.board-media-view-con .media-list dd a { font-size: 12px; }
.board-media-view-con .media-con { padding: 0; padding-bottom: 20px; }
.board-media-view-con .media-con .subtitle { padding-top: 20px; height: 180px; }
.board-search { margin-top: 25px; }
.board-search select { width: 100px; }
.board-search .input-wrap { margin-left: 0; }
.board-search .input-wrap input[type="text"] { width: 187px; height: 38px; line-height: 38px; }
.board-search .input-wrap .btn-search { width: 38px; height: 38px; } }
/* paging */
#paging { width: 100%; margin-top: 50px; text-align: center; }
#paging .wrap { display: inline-block; }
#paging a { display: inline-block; width: 40px; height: 40px; vertical-align: middle; line-height: 40px; text-align: center; font-size: 14px; }
#paging a.on { color: #005891; border: 1px solid #005891; font-weight: 700; border-radius: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#paging a.ll { background: url(/docs/kor6/jsp/_images/_board/page_ll.png) no-repeat center center; text-indent: -9999px; }
#paging a.l { background: url(/docs/kor6/jsp/_images/_board/page_l.png) no-repeat center center; text-indent: -9999px; }
#paging a.r { background: url(/docs/kor6/jsp/_images/_board/page_r.png) no-repeat center center; text-indent: -9999px; }
#paging a.rr { background: url(/docs/kor6/jsp/_images/_board/page_rr.png) no-repeat center center; text-indent: -9999px; }

@media screen and (max-width: 960px) { #paging { margin-top: 30px; }
#paging a { width: 35px; height: 35px; line-height: 35px; font-size: 12px; } }
/* Calendar */
.calendar { margin-top: 50px; }
.calendar .cal-top { width: 290px; margin: 0 auto; text-align: center; position: relative; }
.calendar .cal-top .number { color: #333; font-size: 30px; font-weight: 700; line-height: 40px; }
.calendar .cal-top > a { width: 40px; height: 40px; display: block; position: absolute; bottom: 0; }
.calendar .cal-top a.prev { background: url(/docs/kor6/jsp/_images/03_investor/cal_prev.png) no-repeat left top; left: 0; }
.calendar .cal-top a.next { background: url(/docs/kor6/jsp/_images/03_investor/cal_next.png) no-repeat left top; right: 0; }
.calendar table { border-top: 2px solid #333; width: 100%; }
.calendar table th { line-height: 60px; color: #333; background: none; border: none; padding: 0; border-bottom: 1px solid #e5e5e5; }
.calendar table th:first-child { color: #bc1d1d; }
.calendar table th:last-child { color: #005891; }
.calendar table td { background: #f5f5f5; vertical-align: top; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 0; height: 120px; }
.calendar table td:first-child p { color: #bc1d1d; }
.calendar table td:last-child p { color: #005891; }
.calendar table td p { text-align: right; line-height: 40px; padding-right: 15px; }
.calendar table td .done { display: block; line-height: 40px; width: 100%; max-width: 120px; border: 1px solid #6b5d50; margin: 10px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.calendar table td.avail { background: #fff; }
.calendar table td.avail a { display: block; line-height: 40px; width: 100%; max-width: 120px; color: #fff; margin: 10px auto; background: #005891; }

@media screen and (max-width: 960px) { .calendar { margin-top: 35px; }
.calendar .cal-top { width: 100%; }
.calendar .cal-top .number { color: #333; font-size: 20px; line-height: 30px; }
.calendar .cal-top > a { width: 30px; height: 30px; }
.calendar .cal-top a.prev { background-size: contain; }
.calendar .cal-top a.next { background-size: contain; }
.calendar table th { line-height: 40px; }
.calendar table td { height: 90px; }
.calendar table td p { line-height: 30px; padding-right: 10px; }
.calendar table td .done { line-height: 17px; padding: 15px 10px; font-size: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.calendar table td.avail { background: #fff; }
.calendar table td.avail a { line-height: 17px; padding: 15px 10px; font-size: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
.product .subtop { background: url(/docs/kor6/jsp/_images/01_product/subtop.jpg) no-repeat 50% 50%; }

.corp .subtop { background: url(/docs/kor6/jsp/_images/02_corp/subtop.jpg) no-repeat 50% 50%; }

.investor .subtop { background: url(/docs/kor6/jsp/_images/03_investor/subtop.jpg) no-repeat 50% 50%; }

.promotion .subtop { background: url(/docs/kor6/jsp/_images/07_promotion/subtop.jpg) no-repeat 50% 50%; }

.customer .subtop { background: url(/docs/kor6/jsp/_images/08_customer/subtop.jpg) no-repeat 50% 50%; }

.membership .subtop { background: url(/docs/kor6/jsp/_images/09_membership/subtop.jpg) no-repeat 50% 50%; }

.subtop { background-size: cover !important; height: 260px; width: 100%; }
.subtop .container { position: relative; height: 100%; }
.subtop h2 { padding-top: 50px; line-height: 40px; font-size: 40px; color: #fff; font-weight: 700; }

.in-title { display:inline-block;}

@media screen and (max-width: 960px) { .subtop { height: 180px; }
.subtop h2 { padding-top: 30px; line-height: 25px; font-size: 25px; } }
/*     heading     */
h3 { color: #222; font-size: 45px; font-weight: 700; padding-top: 100px; }
h3 .ver { color: #222; font-size: 20px; display: inline-block; margin-left: 10px; }

h4 { font-size: 26px; color: #333; font-weight: 500; padding-top: 60px; }
h4 .right { float: right; margin-top: 0 !important; }

h5 { font-size: 20px; color: #005891; font-weight: 700; padding-top: 60px; }
h6 {  font-weight: 700; padding-top:60px; }
p { line-height: 24px; }
.small {font-size:small; } 
.required { text-align: right; margin-top: 50px; }

/* 200304 */
@media screen and (max-width: 720px) /*¸ð¹ÙÀÏ*/ {

.investor .subtop { background: url(/docs/kor6/jsp/_images/03_investor/subtop_mobile.jpg) no-repeat 50% 50%; }

}

@media screen and (max-width: 960px) { h3 { font-size: 26px; padding-top: 50px; }
h4 { font-size: 20px; padding-top: 50px; line-height: 26px; }
h5 { font-size: 15px; padding-top: 40px; }
h6 { padding-top: 40px;}
p { font-size: 12px; line-height: 17px; }
span, strong { font-size: 12px; } 
.small {font-size:11px; }
}
/*     tab     */
.tab { margin-top: 60px; z-index: 2; }
.tab .selected { display: none; }
.tab ul { display: table; border: 1px solid #e5e5e5; width: 100%; }
.tab ul li { display: table-cell; width: 10%; border-right: 1px solid #e5e5e5; vertical-align: middle; }
.tab ul li:last-child { border-right: none; }
.tab ul li a { display: block; line-height: 22px; text-align: center; font-size: 16px; padding: 15PX 0; }
.tab ul li a.lh44 { line-height: 44px; }
.tab ul li.on a { background: #005891; color: #fff; }
.tab.multi ul { display: block; border: none; }
.tab.multi ul:after { content: ""; display: block; clear: both; }
.tab.multi ul li { border: 1px solid #e5e5e5; border-top: none; border-left: none; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; }
.tab.multi ul li:first-child { border-left: 1px solid #e5e5e5; }
.tab.multi ul li:nth-child(4n+1) { border-left: 1px solid #e5e5e5; }
.tab.multi ul li:nth-child(1), .tab.multi ul li:nth-child(2), .tab.multi ul li:nth-child(3), .tab.multi ul li:nth-child(4) { border-top: 1px solid #e5e5e5; }
.tab.history { height: 75px;}
.tab.history li { height: 75px; }

@media screen and (max-width: 960px) { .tab { margin-top: 30px; position: relative; }
.tab .selected { display: block; line-height: 40px; cursor: pointer; background: url(/docs/kor6/jsp/_images/common/tab_arrow.png) no-repeat right top #005891; background-size: 40px; font-size: 13px; color: #fff; text-indent: 15px; }
.tab .selected.on { background-position: right bottom; }
.tab ul { display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 40px; z-index: 100; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab ul li { display: block; width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; }
.tab ul li:last-child { border-bottom: none; }
.tab ul li a { display: block; padding: 10px 0; text-align: left; font-size: 13px; text-indent: 15px; background: #fff; }
.tab ul li a br { display: none; }
.tab ul li a.lh44 { line-height: 22px; }
.tab ul li.on a { background: #f1f1f1; color: #005891; font-weight: 700; }
.tab.multi ul { display: none; border: none; border: 1px solid #e5e5e5; }
.tab.multi ul:after { content: ""; display: block; clear: both; }
.tab.multi ul li { width: 100%; border: none; }
.tab.multi ul li:first-child { border-left: none; }
.tab.multi ul li:nth-child(5n) { border-left: none; }
.tab.multi ul li:nth-child(1), .tab.multi ul li:nth-child(2), .tab.multi ul li:nth-child(3), .tab.multi ul li:nth-child(4) { border-top: none; }
.tab.history { height: auto; }
.tab.history li { height: auto; } }
.tab2 { margin-top: 40px; border-bottom: 2px solid #005891; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; height: 50px; }
.tab2 li { float: left; position: relative; }
.tab2 li a { display: block; line-height: 46px; text-align: center; font-size: 16px; padding: 0 30px; border-top: 2px solid #f5f5f5; border-bottom: 2px solid #005891; }
.tab2 li.on a { background: #fff; color: #fff; border: 2px solid #005891; border-bottom: 2px solid #fff; color: #333; font-weight: 700; }

.tabsel { margin-top: 20px; }
.tabsel .selected { display: none; }
.tabsel ul { display: table; border-bottom: 1px solid #e5e5e5; background: #f5f5f5; width: 100%; }
.tabsel ul li { display: table-cell; width: 10%; border-right: 1px solid #e5e5e5; height: 100%; vertical-align: middle; }
.tabsel ul li:last-child { border-right: none; }
.tabsel ul li a { display: block; line-height: 22px; text-align: center; font-size: 15px; padding: 10px 0; height: 100%; }
.tabsel ul li.on { background: #fff; border: 2px solid #005891; }
.tabsel ul li.on a { color: #005891; font-weight: 700; }

@media screen and (max-width: 960px) { .tab2 { margin-top: 30px; height: 40px; }
.tab2 li a { line-height: 36px; font-size: 13px; } 
.tabsel { margin-top: 10px; position: relative; }
  .tabsel .selected { display: block; line-height: 40px; cursor: pointer; background: url(../_images/common/tab_arrow2.png) no-repeat right top #fff; background-size: 40px; border: 1px solid #005891; font-size: 13px; color: #005891; text-indent: 15px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; height: 40px; padding-right: 40px; }
  .tabsel .selected.on { background-position: right bottom; }
  .tabsel ul { display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 40px; z-index: 2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .tabsel ul li { display: block; width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; }
  .tabsel ul li:last-child { border-bottom: none; }
  .tabsel ul li a { display: block; padding: 10px 15px; text-align: left; font-size: 13px; text-indent: 0; background: #fff; }
  .tabsel ul li a .mhide { display: none; }
  .tabsel ul li.on { border: 0; }
  .tabsel ul li.on a { background: #f1f1f1; color: #005891; font-weight: 700; }}
/*     FAQ     */
.faq { border-top: 1px solid #e5e5e5; margin-top: 40px; }
.faq > li { border-bottom: 1px solid #e5e5e5; }
.faq > li.q { background: url(/docs/kor6/jsp/_images/09_membership/faq_q.png) no-repeat 0 0; padding-left: 43px; }
.faq > li.q > a { display: block; background: url(/docs/kor6/jsp/_images/09_membership/faq_arrow_down.png) no-repeat right top; padding: 15px 43px 15px 0; line-height: 24px; font-size: 18px; color: #333; }
.faq > li.q > a.on { background: url(/docs/kor6/jsp/_images/09_membership/faq_arrow_up.png) no-repeat right top; }
.faq > li.q > a span { font-size: 18px; }
.faq > li.q > a .hidden { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; opacity: 0; }
.faq > li.a { padding: 30px; background: #f5f5f5; line-height: 24px; display: none; }

@media screen and (max-width: 480px) {
.tab2 li { width:50%; }
.tab2 li a { padding: 0 10px;}
}

/*ÁÖÁÖÃÑȸ*/
.meet-list > li.q { background:none; padding-left: 18px;}

@media screen and (max-width: 960px) { .faq > li.q > a { font-size: 15px; line-height: 20px; }
.faq > li.q > a span { font-size: 15px; }
.faq > li.a { padding: 20px; font-size: 12px; } }
/*     write input     */
.write-input { border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5; margin-top: 30px; padding: 40px 0 10px; }
.write-input > ul { display: table; table-layout: fixed; width: 100%; margin-bottom: 30px; }
.write-input > ul > li { display: table-cell; font-size: 15px; font-weight: 700; vertical-align: middle; }
.write-input > ul > li:first-child { width: 23%; text-indent: 30px; color: #333; line-height: 45px; }
.write-input > ul > li:first-child label { color: inherit; }
.write-input > ul > li:last-child { width: 77%; line-height: 24px; }
.write-input > ul > li input[type="text"].fw { width: 100%; }
.write-input > ul > li input[type="text"].zip { width: 110px; }
.write-input > ul > li input[type="text"].wf { width: 100%; }
.write-input > ul > li input[type="tel"] { width: 110px; }
.write-input > ul > li input[type="email"] { width: 200px; }
.write-input > ul > li select { width: 110px; }
.write-input > ul > li select.fw { width: 400px; }
.write-input > ul > li select.email { width: 200px; margin-left: 10px; }
.write-input > ul > li select.nation { width: 400px; }
.write-input > ul > li .btn-form { width: 120px; line-height: 45px; color: #fff; font-weight: 500; background: #515f68; vertical-align: top; margin-left: 10px; display: inline-block; text-align: center; }
.write-input > ul > li p { font-weight: 400; margin-top: 15px; }
.write-input > ul > li p.inline { display: inline-block; width: 450px; }
.write-input > ul > li .name { line-height: 25px; display: inline-block; font-weight: 400; }
.write-input > ul > li .checks { margin-bottom: 10px; }
.write-input > ul > li .checks.name-radio { margin-left: 170px; margin-bottom: 0; display: inline-block; }
.write-input > ul > li .checks.bu { margin-left: 50px; display: inline; }
.write-input > ul > li .zip-wrap { margin-bottom: 10px; }
.write-input > ul > li .phone-line { margin: 0 10px; }
.write-input > ul > li.bg { background: #f5f5f5; padding-bottom: 30px; }

@media screen and (max-width: 960px) { .write-input { margin-top: 20px; padding: 5px 20px; }
.write-input ul { display: block; table-layout: fixed; margin-bottom: 10px; }
.write-input ul li { display: block; font-size: 13px; }
.write-input ul li:first-child { width: 100%; text-indent: 0; line-height: 20px; }
.write-input ul li:last-child { width: 100%; line-height: 20px; }
.write-input ul li input[type="text"] { width: calc(100% - 100px); }
.write-input ul li input[type="text"].fw { width: 100%; }
.write-input ul li input[type="password"] { width: 100%; }
.write-input ul li input[type="tel"] { width: calc((100% - 8px) / 3); }
.write-input ul li input[type="email"] { width: calc( 50% - 15px); }
.write-input ul li select { width: calc((100% - 8px) / 3); }
.write-input ul li select.fw { width: 100%; }
.write-input ul li select.email { display: block; width: 100%; margin-left: 0; margin-top: 10px; }
.write-input ul li select.nation { width: 100%; }
.write-input ul li .btn-form { width: 95px; line-height: 40px; margin-left: 5px; font-size: 12px; }
.write-input ul li p { margin-top: 10px; }
.write-input ul li p.inline { display: inline-block; width: 450px; }
.write-input ul li .checks { margin-bottom: 10px; }
.write-input ul li .checks.name-radio { margin-left: 100px; margin-bottom: 0; display: inline-block; }
.write-input ul li .checks.bu { margin-left: 0; display: block; margin-top: 10px; }
.write-input ul li .zip-wrap { margin-bottom: 5px; }
.write-input ul li .phone-line { margin: 0 5px; font-size: 12px; } }

/*     btns     */
.btn-wrap { text-align: center; margin-top: 60px; }
.btn-wrap a { display: inline-block; min-width: 140px; line-height: 55px; border-radius: 55px; font-size: 16px; font-weight: 500; margin: 5px !important; color: #333; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn-wrap a.btn-solid { background: #005891; color: #fff; }
.btn-wrap a.btn-stroke { border: 1px solid #999; }
.btn-wrap.left { text-align: left; }
.btn-wrap.left a { text-align: center; }
.btn-wrap.right { text-align: right; }
.btn-wrap.right a { text-align: center; }
.btn-wrap a.down img { margin-left: 0; margin-right: 10px; }
.btn-wrap.btn4 { display: inline-block;}
.btn-wrap.btn4 a { margin-left: 15px;}

@media screen and (max-width: 960px) {
    .btn-wrap { margin-top: 30px; }
    .btn-wrap a { line-height: 40px; border-radius: 40px; font-size: 12px; width: calc((100% - 28px ) / 2); }
    .btn-wrap.btn-col3 a { width: calc((100% - 42px ) / 3); min-width: 0; }
    .btn-wrap.btn3 .btn-solid { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
    .btn-wrap.btn1 a { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
    .btn-wrap.btn4 { display: block;}
    .btn-wrap.btn4 a { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } }

/*     btns     */
.btn-wrap1 { text-align: center; margin-top: -42px; }
.btn-wrap1 a { display: inline-block; min-width: 140px; line-height: 55px; border-radius: 55px; font-size: 16px; font-weight: 500; margin: 0 5px; color: #333; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn-wrap1 a.btn-solid { background: #005891; color: #fff; }
.btn-wrap1 a.btn-stroke { border: 1px solid #999; }
.btn-wrap1.left { text-align: left; }
.btn-wrap1.left a { text-align: center; }
.btn-wrap1.right { text-align: right; }
.btn-wrap1.right a { text-align: center; }
.btn-wrap1 a.down img { margin-left: 0; margin-right: 10px; }

@media screen and (max-width: 960px) {
.btn-wrap { margin-top: 30px; }
.btn-wrap a { line-height: 40px; border-radius: 40px; font-size: 12px; width: calc((100% - 28px ) / 2); }
.btn-wrap.btn-col3 a { width: calc((100% - 42px ) / 3); min-width: 0; }
.btn-wrap.btn3 .btn-solid { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
.btn-wrap.btn1 a { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }

.btn-wrap1 { margin-top: 30px; }
.btn-wrap1 a { line-height: 40px; border-radius: 40px; font-size: 12px; width: calc((100% - 28px ) / 2); }
.btn-wrap1.btn-col3 a { width: calc((100% - 42px ) / 3); min-width: 0; }
.btn-wrap1.btn3 .btn-solid { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }
.btn-wrap1.btn1 a { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; }

}
#modal-wrap { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 100; left: 0; top: 0; display: none; }
#modal-wrap .modal-con { border: 4px solid #222; padding: 0 40px; position: absolute; left: 50%; top: 50%; background: #fff; display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#modal-wrap .modal-con .modal-close { display: block; width: 21px; height: 21px; position: absolute; top: 30px; right: 30px; background: url(/docs/kor6/jsp/_images/common/header_close.png) no-repeat 0 0; }

@media screen and (max-width: 960px) { #modal-wrap .modal-con { padding: 0; }
#modal-wrap .modal-con .modal-close { width: 14px; height: 14px; position: absolute; top: 15px; right: 15px; background-size: contain; } }

/*  product  */
.product-search { width: 370px; position: absolute; right: 0; bottom: 0; z-index: 3; }
.product-search .form { background: #0075b1; width: calc( 100% - 120px); height: 50px; float: left; position: relative; }
.product-search .form input[type="text"] { width: calc( 100% - 50px); background: transparent; line-height: 50px; text-indent: 20px; font-size: 18px; color: #fff; font-weight: 500; height: 50px; border: 0; float: left; }
.product-search .form input::placeholder { color: #fff; opacity: 1; }
.product-search .form button { width: 50px; height: 50px; float: right; background: url(/docs/kor6/jsp/_images/main/btn-product-search.png) no-repeat center; background-size: contain; text-indent: -9999px; }
.product-search .btn-proposal { float: right; color: #fff; font-weight: 500; width: 120px; line-height: 50px; font-size: 14px; background: #005891; text-align: center; }
.product-search .btn-proposal img { margin-left: 5px; }
.product-search .expand { width: 585px; background: #fff; position: absolute; right: 0; top: 50px; padding: 0 30px 25px 30px; z-index: 2; border: 1px solid #e5e5e5; display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.product-search .expand .key { font-size: 15px; color: #333; margin-top: 30px; }
.product-search .expand ul { margin-top: 15px; margin-left: -5px; }
.product-search .expand ul:after { content: ""; display: block; clear: both; }
.product-search .expand ul li { float: left; margin-left: 5px; margin-bottom: 5px; }
.product-search .expand ul li a { display: block; line-height: 28px; padding: 0 12px; border: 1px solid #e5e5e5; }
.product-search .expand .close { width: 50px; height: 50px; position: absolute; top: 0; right: 0; background: url(/docs/kor6/jsp/_images/main/btn_product_close.png) no-repeat center; text-indent: -9999px; }

@media screen and (max-width: 960px) { .product-search { width: calc( 100% - 42px); right: 21px; }
.product-search .form { width: calc( 100% - 116px); height: 38px; }
.product-search .form input[type="text"] { width: calc( 100% - 38px); background: transparent; line-height: 38px; font-size: 14px; font-weight: 500; height: 38px; }
.product-search .form button { width: 38px; height: 38px; float: right; }
.product-search .btn-proposal { width: 116px; line-height: 38px; font-size: 12px; }
.product-search .btn-proposal img { width: 11px; }
.product-search .expand { width: 100%; top: 38px; padding: 0 20px 20px 20px; }
.product-search .expand .key { font-size: 14px; margin-top: 20px; }
.product-search .expand ul li a { line-height: 24px; padding: 0 10px; font-size: 12px; } }
.product-main .item { position: relative; margin-top: 100px; }
.product-main .item:after { content: ""; display: block; clear: both; }
.product-main .item .image { width: 57.2649%; position: absolute; top: 0; z-index: 1; }
.product-main .item .text-wrap { width: 57.2649%; margin-top: 60px; padding-bottom: 34.1880%; height: 0; background: #f4f4f4; position: relative; }
.product-main .item .text-wrap .text-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.product-main .item .text-wrap .text-box .title { font-size: 26px; color: #333; margin-bottom: 30px; }
.product-main .item .text-wrap .text-box .btn-more { border: 1px solid #999; border-radius: 45px; line-height: 43px; padding: 0 25px; position: absolute; bottom: 60px; display: block; }
.product-main .item .text-wrap .text-box .btn-more img { margin-left: 10px; }
.product-main .item.right .image { left: 0; }
.product-main .item.right .text-wrap { float: right; }
.product-main .item.right .text-wrap .text-box { padding: 50px 50px 0 220px; }
.product-main .item.right .text-wrap .btn-more { left: 220px; }
.product-main .item.left .image { right: 0; }
.product-main .item.left .text-wrap { float: left; }
.product-main .item.left .text-wrap .text-box { padding: 50px 220px 0 50px; }
.product-main .item.left .text-wrap .btn-more { left: 50px; }

@media screen and (max-width: 960px) { .product-main .item { margin-top: 60px; }
.product-main .item .image { width: 87.0870%; }
.product-main .item .text-wrap { width: 87.0870%; margin-top: 45.9459%; padding-bottom: 0; height: auto; }
.product-main .item .text-wrap .text-box { position: relative; }
.product-main .item .text-wrap .text-box .title { font-size: 20px; margin-bottom: 15px; }
.product-main .item .text-wrap .text-box .btn-more { border: 1px solid #999; line-height: 28px; bottom: 25px; }
.product-main .item.right .image { left: 0; }
.product-main .item.right .text-wrap { float: right; }
.product-main .item.right .text-wrap .text-box { padding: 45px 25px 80px 25px; }
.product-main .item.right .text-wrap .btn-more { left: 25px; }
.product-main .item.left .image { right: 0; }
.product-main .item.left .text-wrap { float: left; }
.product-main .item.left .text-wrap .text-box { padding: 45px 25px 80px 25px; }
.product-main .item.left .text-wrap .btn-more { left: 25px; } }
.foot-banner-wrap { padding: 100px 0; background: #f1f1f1; margin-top: 100px; }
.foot-banner-wrap .product-foot-banner { margin-left: -30px; }
.foot-banner-wrap .product-foot-banner:after { content: ""; display: block; clear: both; }
.foot-banner-wrap .product-foot-banner .item { width: calc(( 100% - 90px ) / 3); float: left; margin-left: 30px; line-height: 78px; border: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.foot-banner-wrap .product-foot-banner .item:nth-child(1) { background: url(/docs/kor6/jsp/_images/01_product/ico_banner1.png) no-repeat 30px 50% #fff; }
.foot-banner-wrap .product-foot-banner .item:nth-child(2) { background: url(/docs/kor6/jsp/_images/01_product/ico_banner2.png) no-repeat 30px 50% #fff; }
.foot-banner-wrap .product-foot-banner .item:nth-child(3) { background: url(/docs/kor6/jsp/_images/01_product/ico_banner3.png) no-repeat 30px 50% #fff; }
.foot-banner-wrap .product-foot-banner .item a { display: block; width: 100%; height: 100%; text-indent: 90px; font-size: 16px; color: #333; font-weight: 700; }

@media screen and (max-width: 960px) { .foot-banner-wrap { margin-top: 60px; padding: 60px 0; }
.foot-banner-wrap .product-foot-banner { margin-left: -15px; margin-top: 0; }
.foot-banner-wrap .product-foot-banner .item { width: calc(( 100% - 45px ) / 3); margin-left: 15px; line-height: 17px; border: none; background-position: 50% 20px !important; background-size: 30px !important; height: 110px; }
.foot-banner-wrap .product-foot-banner .item a { text-indent: 0; font-size: 12px; padding-top: 60px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
h3 .btn-top a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
h3 .btn-top a.solid { background: #005891; color: #fff; font-weight: 500; border: 1px solid #005891; }
h3 .btn-top a.solid img { margin-right: 10px; }
h3 .btn-top a.stroke img { margin-left: 10px; }

@media screen and (max-width: 960px) { h3 .btn-top a.solid, h3 .btn-top a.stroke { width: calc((100% - 20px) / 2); margin: 5px; }
h3 .btn-top a.wfull { width: 100%; margin-left: 0; margin-bottom:10px; }
h3 .btn-top a.wfull:last-child { margin-top: 10px; } }
.product-top { margin-top: 40px; }
.product-top:after { content: ""; display: block; clear: both; }
.product-top .text { float: left; width: 29.9145%; padding-top: 40px; line-height: 24px; }
.product-top .text.right { float: right; }
.product-top .image { float: right; width: 65.8119%; }
.product-top .image.left { float: left; }

@media screen and (max-width: 960px) { .product-top { margin-top: 30px; }
.product-top .text { float: none; width: 100%; padding-top: 0; line-height: 17px; font-size: 12px; }
.product-top .image { float: none; margin-top: 30px; width: 100%; } }
.product-report { background: #f1f1f1; padding-top: 240px; margin-top: -210px; padding-bottom: 100px; }
.product-report .reports { margin-top: 40px; }
.product-report .reports:after { content: ""; display: block; clear: both; }
.product-report .reports .item-wrap { margin-left: -30px; }
.product-report .reports .item-wrap .item { margin-left: 30px; float: left; width: calc((100% - 120px) / 4); }
.product-report .reports .item-wrap .item a { display: block; }
.product-report .reports .item-wrap .item img { width: 100%; }
.product-report .reports .item-wrap .item .key { height: 20px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px; color: #005891; }
.product-report .reports .item-wrap .item .value { font-size: 18px; color: #333; font-weight: 500; margin-top: 10px; line-height: 26px; }
.product-report .owl-controls { margin-top: 0; position: absolute; top: -70px; right: 0; }

@media screen and (max-width: 960px) { .product-report { padding-top: 140px; margin-top: -150px; padding-bottom: 60px; }
.product-report .reports { margin-top: 0; }
.product-report .reports .item-wrap { margin-left: -15px; }
.product-report .reports .item-wrap .item { margin-top: 30px; margin-left: 15px; width: calc((100% - 30px) / 2); }
.product-report .reports .item-wrap .item .key { margin-top: 15px; color: #005891; }
.product-report .reports .item-wrap .item .value { font-size: 13px; line-height: 18px; }
.product-report .owl-controls { margin-top: 20px; position: relative; top: 0; right: 0; } }
.kinds .kind-wrap { margin-top: 60px; display: none; }
.kinds .kind-wrap .wrap:after { content: ""; display: block; clear: both; }
.kinds .kind-wrap .image { float: left; width: 40.1709%; }
.kinds .kind-wrap .image img { width: 100%; }
.kinds .kind-wrap .text-wrap { width: 55.5555%; float: right; }
.kinds .kind-wrap .text-wrap .title { font-size: 40px; color: #333; font-weight: 700; }
.kinds .kind-wrap .text-wrap .text { margin-top: 40px; word-break: break-all; }
.kinds .kind-wrap .text-wrap .spec { margin-top: 30px; }
.kinds .kind-wrap .text-wrap .spec li { margin-bottom: 20px; }
.kinds .kind-wrap .text-wrap .spec li strong { color: #333; }
.kinds .kind-wrap .text-wrap .btns { margin-top: 20px; margin-bottom: 30px; text-align: left; }
.kinds .kind-wrap .text-wrap .btns a { display: inline-block; border: 1px solid #bbb; line-height: 38px; padding: 0 30px; text-align: center; }
.kinds .kind-wrap .text-wrap .btns a:before { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: url(/docs/kor6/jsp/_images/common/ico_file.png) no-repeat center; background-size: contain; content: ""; }
.kinds .kind-wrap .text-wrap dl { display: table; }
.kinds .kind-wrap .text-wrap dl dt { color: #333; font-weight: 700; display: table-cell; padding-right: 20px; line-height: 28px; word-break: keep-all; }
.kinds .kind-wrap .text-wrap dl div { display: table-cell; }
.kinds .kind-wrap .text-wrap dl dd { display: inline-block; }
.kinds .kind-wrap .text-wrap dl dd a { margin-right: 5px; margin-bottom: 5px; display: block; line-height: 28px; padding: 0 12px; border: 1px solid #e5e5e5; }
.kinds .kind-banner:after { content: ""; display: block; clear: both; }
.kinds .kind-banner .item { margin-right: 2.56%; margin-top: 30px; border: 1px solid #e5e5e5; line-height: 78px; padding-left: 90px; width: 23.07%; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*&:nth-child(1){
background: url(/docs/kor6/jsp/_images/01_product/ico_kind1.png) no-repeat 30px 50%;
}
&:nth-child(2){
background: url(/docs/kor6/jsp/_images/01_product/ico_kind2.png) no-repeat 30px 50%;
}*/ }
.kinds .kind-banner .item:nth-child(4n) { margin-right: 0; }
.kinds .kind-banner .item a { width: 100%; height: 100%; display: block; }
.kinds .kind-banner .item img { position: absolute; left: 30px; top: 50%; margin-top: -19px; z-index: -1; }

@media screen and (max-width: 960px) { .kinds .kind-wrap { margin-top: 40px; display: none; }
.kinds .kind-wrap .image { float: none; width: 100%; }
.kinds .kind-wrap .text-wrap { width: 100%; float: none; }
.kinds .kind-wrap .text-wrap .title { font-size: 25px; margin-top: 30px; }
.kinds .kind-wrap .text-wrap .text { margin-top: 25px; word-break: break-all; }
.kinds .kind-wrap .text-wrap .spec { margin-top: 25px; }
.kinds .kind-wrap .text-wrap .spec li { margin-bottom: 10px; }
.kinds .kind-wrap .text-wrap dl { display: block; margin-top: 25px; }
.kinds .kind-wrap .text-wrap dl dt { font-size: 12px; line-height: 1; }
.kinds .kind-wrap .text-wrap dl div { display: block; margin-top: 10px; }
.kinds .kind-wrap .text-wrap dl dd a { line-height: 23px; padding: 0 8px; font-size: 12px; }
.kinds .kind-wrap:nth-child(1) { display: block; }
.kinds .kind-banner { margin-top: 15px; }
.kinds .kind-banner:after { content: ""; display: block; clear: both; }
.kinds .kind-banner .item { margin-right: 15px; margin-top: 15px; line-height: 58px; padding-left: 50px; width: calc((100% - 15px) / 2); position: relative; /*&:nth-child(1),&:nth-child(2){
background-position: 12px 50%;
background-size: 25px;
}*/ }
.kinds .kind-banner .item:nth-child(2n) { margin-right: 0; }
.kinds .kind-banner .item img { width: 26px; left: 12px; margin-top: -13px; } }
.charge { background: #f1f1f1; margin-top: 100px; padding-bottom: 100px; padding-top: 20px; }
.charge .charge-wrap { margin-left: -30px; margin-top: 40px; }
.charge .charge-wrap:after { content: ""; display: block; clear: both; }
.charge .charge-wrap .item { margin-left: 30px; border-top: 2px solid #005891; background: #fff; padding: 30px 0 30px 30px; width: calc(( 100% - 90px) / 3); float: left; margin-bottom: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.charge .charge-wrap .item .key { color: #005891; }
.charge .charge-wrap .item .name { margin-top: 40px; font-size: 24px; color: #333; font-weight: 500; }
.charge .charge-wrap .item .number { margin-top: 20px; font-size: 16px; line-height: 1; }
.charge .charge-wrap .item .number span { display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #e5e5e5; }
.charge .charge-wrap .item .dept { font-size: 14px; line-height: 20px; margin-top: 20px; }

@media screen and (max-width: 960px) { .charge { margin-top: 60px; padding-bottom: 60px; padding-top: 0; }
.charge .charge-wrap { margin-left: 0; margin-top: 30px; }
.charge .charge-wrap .item { margin-left: 0; border-top: 2px solid #005891; background: #fff; padding: 20px; width: 100%; float: none; margin-bottom: 15px; }
.charge .charge-wrap .item .key { color: #005891; }
.charge .charge-wrap .item .name { margin-top: 20px; font-size: 18px; }
.charge .charge-wrap .item .number { margin-top: 10px; font-size: 12px; }
.charge .charge-wrap .item .dept { font-size: 12px; line-height: 17px; margin-top: 20px; }
.charge .charge-wrap .item .dept br { display: none; } }
.all-products { padding-bottom: 60px; }
.all-products .title { font-size: 22px; font-weight: 500; color: #333; }
.all-products .all-product-links { margin-left: -12px; margin-top: 30px; }
.all-products .all-product-links:after { content: ""; display: block; clear: both; }
.all-products .all-product-links li { float: left; margin-left: 12px; width: calc((100% - 36px) / 3); margin-bottom: 15px; }
.all-products .all-product-links li a { display: block; width: 100%; line-height: 43px; border: 1px solid #999; text-align: center; color: #333; font-weight: 700; border-radius: 100px; }
.all-products .all-product-links li a img { margin-left: 10px; }

@media screen and (max-width: 960px) { .all-products { padding: 0 20px 40px 20px; }
.all-products .title { font-size: 15px; }
.all-products .all-product-links { margin-left: -6px; margin-top: 20px; }
.all-products .all-product-links li { float: left; margin-left: 6px; width: calc((100% - 12px) / 2); margin-bottom: 8px; }
.all-products .all-product-links li a { line-height: 33px; font-size: 12px; }
.all-products .all-product-links li a img { display: none; } }
.product-certify { background: #f1f1f1; }
.product-certify ul { display: table; width: 100%; margin-top: 80px; }
.product-certify ul li { display: table-cell; width: 33.33%; vertical-align: top; padding-left: 30px; padding-top: 80px; padding-bottom: 80px; }
.product-certify ul li:first-child { padding: 0; padding-top: 20px; }
.product-certify ul li img { width: 100%; }
.product-certify ul li .lan { margin-top: 20px; font-size: 20px; font-weight: 700; color: #005891; }

@media screen and (max-width: 960px) { .product-certify ul { display: block; margin-top: 60px; padding-bottom: 60px; }
.product-certify ul li { display: block; width: 100%; padding-left: 0; padding-top: 20px; padding-bottom: 0; }
.product-certify ul li:first-child { padding: 0; }
.product-certify ul li img { width: 100%; }
.product-certify ul li .lan { margin-top: 15px; font-size: 13px; } }
.sts-modal { padding-bottom: 50px; }
.sts-modal h4 { font-size: 20px; padding-top: 40px; }
.sts-modal h4:first-child { padding-top: 0; }

@media screen and (max-width: 960px) { .sts-modal { padding: 25px; padding-top: 0; }
.sts-modal h4 { font-size: 16px; padding-top: 25px; }
.sts-modal h4:first-child { padding-top: 0; } }
/*****     product search     *****/
.product-result-list { margin-left: -30px; margin-top: 40px; }
.product-result-list:after { content: ""; display: block; clear: both; }
.product-result-list .item { width: calc((100% - 90px) / 3); margin-left: 30px; float: left; margin-bottom: 30px; }
.product-result-list .item img { width: 100%; }
.product-result-list .item .text-wrap { border: 1px solid #e5e5e5; border-top: none; padding: 30px; }
.product-result-list .item .text-wrap .title { font-size: 18px; color: #333; display: -webkit-box; white-space: normal; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; height: 24px; }
.product-result-list .item .text-wrap .text { margin-top: 20px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 7; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; white-space: normal; -webkit-line-clamp: 7; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; height: 168px; }
.product-result-list .item .text-wrap .download { line-height: 17px; margin-top: 20px; padding-left: 25px; font-weight: 700; display: block; background: url(/docs/kor6/jsp/_images/common/btn_file.png) no-repeat 0 50%; }
.product-result-list .item .text-wrap .hash-wrap { margin-top: 30px; height: 66px; overflow: hidden; }
.product-result-list .item .text-wrap .hash-wrap a { display: inline-block; line-height: 28px; padding: 0 12px; border: 1px solid #e5e5e5; margin-bottom: 3px; }

@media screen and (max-width: 960px) { .product-result-list { margin-left: 0; margin-top: 30px; }
.product-result-list .item { width: 100%; margin-left: 0; float: none; margin-bottom: 15px; }
.product-result-list .item img { width: 100%; }
.product-result-list .item .text-wrap { padding: 25px; }
.product-result-list .item .text-wrap .title { font-size: 15px; }
.product-result-list .item .text-wrap .text { margin-top: 15px; height: auto; text-overflow: inherit; }
.product-result-list .item .text-wrap .download { margin-top: 20px; padding-left: 20px; font-size: 12px; }
.product-result-list .item .text-wrap .hash-wrap { margin-top: 25px; height: auto; }
.product-result-list .item .text-wrap .hash-wrap a { line-height: 24px; padding: 0 9px; font-size: 12px; } }
/*****     owl-theme     *****/
.owl-controls { margin-top: 20px; }
.owl-controls .owl-dots { width: 100%; text-align: right; }
.owl-controls .owl-dots .owl-dot { width: 40px; height: 40px; border-radius: 100%; display: inline-block; }
.owl-controls .owl-dots .owl-dot a { display: block; width: 100%; height: 100%; line-height: 40px; text-align: center; }
.newsroom .owl-controls .owl-dots .owl-dot.active { border: 1px solid #005891; } /* 190404 ¾Ö¸®¾ó ¼öÁ¤ */
.newsroom .owl-controls .owl-dots .owl-dot.active a { font-weight: 700; color: #005891; } /* 190404 ¾Ö¸®¾ó ¼öÁ¤ */
/* #steel-visual .owl-controls { display:none; } 190404 ¾Ö¸®¾ó ¼öÁ¤ */
#steel-visual { position: relative; }
#steel-visual .owl-controls { position: absolute; bottom:0; left:50%; transform: translate( -50%, -50%); z-index:2;}
#steel-visual .owl-controls .owl-dots .owl-dot { overflow: hidden;}
#steel-visual .owl-controls .owl-dots .owl-dot a { width: 10px; height: 10px; margin: 0 auto; margin-top: 14px; border:1px solid #fff; border-radius:50%;}
#steel-visual .owl-controls .owl-dots .owl-dot.active a { width: 13px; height: 13px; margin-top: 12px; background: #fff;}
#steel-visual .owl-controls .owl-dots .owl-dot a span { text-indent: -9999px; display: inline-block;}
@media screen and (max-width: 960px) { .owl-controls .owl-dots { text-align: left; }
.owl-controls .owl-dots .owl-dot { width: 22px; height: 22px; }
.owl-controls .owl-dots .owl-dot a { line-height: 22px; font-size: 10px; } 
#steel-visual .owl-controls .owl-dots .owl-dot { width: 25px; height: 25px;}
#steel-visual .owl-controls .owl-dots .owl-dot a { width: 8px; height: 8px; margin: 0 auto; margin-top: 10px; }
#steel-visual .owl-controls .owl-dots .owl-dot.active a { width: 10px; height: 10px; margin-top: 9px;}
}

/*     overview     */
.overview-top { margin-top: 60px; padding: 70px 0; text-align: center; background: url(/docs/kor6/jsp/_images/02_corp/intro1.jpg) no-repeat top right/cover; }
.overview-top .title { display: inline-block; margin: 0 auto; width: 570px; background: rgba(0, 88, 145, 0.7); color: #fff; font-size: 30px; line-height: 40px; font-weight: 700; padding: 65px 0; }

.intro-text { margin-top: 40px; text-align: center; }

.overview-links { background: #f1f1f1; margin-top: 100px; padding: 100px 0; }
.overview-links .wrap { display: flex; margin-left: -30px; flex-wrap: wrap; }
.overview-links .wrap .item { margin-left: 30px; margin-bottom: 30px; width: calc((100% - 90px) / 3); }
.overview-links .wrap .item a { display: block; }
.overview-links .wrap .item a .image { width: 100%; height: 270px; overflow: hidden; }
.overview-links .wrap .item a .image span { transition: .5s ease; width: 100%; height: 100%; display: block; }
.overview-links .wrap .item a div { position: relative; width: 100%; height: 60px; background: #fff; }
.overview-links .wrap .item a div .bg { background: #222; width: 0; height: 100%; transition: .5s ease; }
.overview-links .wrap .item a div .text { position: absolute; left: 0; top: 0; width: 100%; line-height: 60px; text-indent: 20px; font-size: 18px; color: #222; font-weight: 700; }
.overview-links .wrap .item a div .text:after { content: ""; display: block; clear: both; }
.overview-links .wrap .item a div .text span { position: absolute; right: 0; top: 0; }
.overview-links .wrap .item:nth-child(1) .image span { background: url(/docs/kor6/jsp/_images/02_corp/intro2.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(2) .image span { background: url(/docs/kor6/jsp/_images/02_corp/intro3.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(3) .image span { background: url(/docs/kor6/jsp/_images/02_corp/intro4.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(4) .image span { background: url(/docs/kor6/jsp/_images/02_corp/intro5.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(5) .image span { background: url(/docs/kor6/jsp/_images/02_corp/intro6.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(6) .image span { background: url(/docs/kor6/jsp/_images/02_corp/intro7.jpg) no-repeat center/cover; }
.overview-links .wrap .item a:hover .image span { transform: scale(1.1); }
.overview-links .wrap .item a:hover div .bg { width: 100%; }
.overview-links .wrap .item a:hover div .text { color: #fff; }

/*180118 bong*/
.overview-links .wrap .item1 { margin-left: 30px; margin-bottom: 30px; margin-top: 30px; width: calc((100% - 60px) / 2); }
.overview-links .wrap .item1 a { display: block; }
.overview-links .wrap .item1 a .image { width: 100%; height: 270px; overflow: hidden; }
.overview-links .wrap .item1 a .image span { transition: .5s ease; width: 100%; height: 100%; display: block; }
.overview-links .wrap .item1 a div { position: relative; width: 100%; height: 60px; background: #fff; }
.overview-links .wrap .item1 a div .bg { background: #222; width: 0; height: 100%; transition: .5s ease; }
.overview-links .wrap .item1 a div .text { position: absolute; left: 0; top: 0; width: 100%; text-align:center;  line-height: 60px; text-indent: 20px; font-size: 18px; color: #222; font-weight: 700; }
.overview-links .wrap .item1 a div .text:after { content: ""; display: block; clear: both; }
.overview-links .wrap .item1 a div .text span { position: absolute; right: 0; top: 0; }
/*180118 bong*/

/* [s.181017] add css */
.overview-links .pos_brandCi { margin-top:50px; }
.overview-links .pos_brandCi .bc_btns { text-align:center; }
.overview-links .pos_brandCi .bc_btns a { display: inline-block; margin: 0 10px; border: 1px solid #222; line-height: 43px; width: 230px; border-radius: 50px; color: #222; font-weight: 700; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color:#fff; }
/* [e.181017] add css */


@media screen and (max-width: 960px) {
.overview-top { margin-top: 45px; padding: 30px 0; }
.overview-top .title { width: 81.9819%; background: rgba(0, 88, 145, 0.7); color: #fff; font-size: 20px; line-height: 29px; padding: 25px 0; }
.intro-text { margin-top: 30px; }
.overview-links { margin-top: 55px; padding: 55px 0; }
.overview-links .wrap { margin-left: -15px; }
.overview-links .wrap .item { margin-left: 15px; margin-bottom: 15px; width: calc((100% - 45px) / 2); }
.overview-links .wrap .item a .image { height: 116px; }
.overview-links .wrap .item a div { height: 38px; }
.overview-links .wrap .item a div .text { line-height: 38px; text-indent: 10px; font-size: 14px; }

/*180118 bong*/
.overview-links .wrap .item1 { margin-left: 15px; margin-bottom: 15px; margin-top: 15px;  width: calc((100% - 45px) / 2); }
.overview-links .wrap .item1 a .image { height: 116px; }
.overview-links .wrap .item1 a div { height: 38px; }
.overview-links .wrap .item1 a div .text { line-height: 38px; text-indent: 2px; font-size: 14px; }
/*180118 bong*/

/* [s.181017] add css */
.overview-links .pos_brandCi { margin-top:30px; }
.overview-links .pos_brandCi .bc_btns a { display: block; margin: 5px auto; line-height: 33px; width: 170px; font-size:12px; }
/* [e.181017] add css */
}
/*     Vision     */
.vision .image { margin-top: 40px; background: #f5f5f5; text-align: center; }
.vision .image img { margin: 0 auto; }
.vision .image.diagram { border: 1px #ccc solid; background: #fff; }
.vision .image.diagram img { margin: 0 auto; }
.vision .image .innertext { margin-top: 0; padding: 0 40px 40px 40px; text-align: left; }
.vision p { margin-top: 30px; font-size: 17px; line-height: 26px; }

@media screen and (max-width: 960px) { .vision .image { margin-top: 20px; }
.vision .image.diagram { border: 1px #ccc solid; }
.vision .innertext { margin-top: 0; padding: 0 20px 30px 20px; }
.vision p { margin-top: 20px; font-size: 14px; line-height: 19px; } 
.brand-overview1 .title img { width: 100%; }}
/*     history     */
.history-top { background: #f1f1f1; padding-top: 100px; }
.history-top .title { font-size: 36px; font-weight: 700; color: #333; text-align: center; }
.history-top .title span { font-size: 15px; color: #005891; display: block; margin-bottom: 10px; font-weight: 500; }
.history-top .image { margin-top: 60px; position: relative; }
.history-top .image .item .text-wrap { position: absolute; left: 0; bottom: 30px; }
.history-top .image .item .text-wrap .date { line-height: 35px; background: #005891; color: #fff; font-weight: 700; padding: 0 20px 0 40px; display: inline-block; }
.history-top .image .item .text-wrap .text { color: #fff; font-weight: 500; margin-top: 15px; padding-left: 40px; }
.history-top .image .owl-controls .owl-nav { position: absolute; top: 50%; margin-top: -20px; width: 100%; }
.history-top .image .owl-controls .owl-nav .owl-prev { width: 40px; height: 40px; position: absolute; left: 40px; background: url(/docs/kor6/jsp/_images/common/image_slide_left.png) no-repeat 0 0; color: transparent; overflow: hidden; background-size: contain; }
.history-top .image .owl-controls .owl-nav .owl-next { width: 40px; height: 40px; position: absolute; right: 40px; background: url(/docs/kor6/jsp/_images/common/image_slide_right.png) no-repeat 0 0; color: transparent; overflow: hidden; background-size: contain; }

.history-body .keyword { margin-top: 60px; display: table; vertical-align: top; width: 100%; }
.history-body .keyword li { display: table-cell; }
.history-body .keyword li:first-child { width: 25.6410%; font-size: 24px; font-weight: 700; color: #005891; vertical-align: top; }
.history-body .keyword li:last-child { line-height: 24px; vertical-align: top; }
.history-body .history { margin-top: 100px; border-top: 2px solid #333; }
.history-body .history ul { display: table; padding: 50px 0; border-bottom: 1px solid #e5e5e5; width: 100%; }
.history-body .history ul li { display: table-cell; }
.history-body .history ul li:first-child { vertical-align: top; width: 25.6410%; font-size: 50px; font-weight: 500; color: #333; }
.history-body .history ul li:last-child { line-height: 30px; vertical-align: top; }
.history-body .history ul li:last-child span { display: inline-block; width: 70px; color: #005891; font-weight: 700; }

.history-btn-wrap { background: #f1f1f1; padding: 0 30px; }
.history-btn-wrap:after { content: ""; display: block; clear: both; }
.history-btn-wrap .left { font-size: 18px; font-weight: 700; color: #333; display: block; float: left; padding: 40px; background: url(/docs/kor6/jsp/_images/02_corp/history_left.png) no-repeat 0 50%; }
.history-btn-wrap .left span { display: block; color: #005891; font-weight: 700; margin-bottom: 10px; }
.history-btn-wrap .right { font-size: 18px; font-weight: 700; color: #333; display: block; float: right; padding: 40px; background: url(/docs/kor6/jsp/_images/02_corp/history_right.png) no-repeat 100% 50%; text-align: right; }
.history-btn-wrap .right span { display: block; color: #005891; font-weight: 700; margin-bottom: 10px; }
.history-btn-wrap .left.single, .history-btn-wrap .right.single { line-height: 43px; }

@media screen and (max-width: 960px) { .history-top { padding-top: 40px; }
.history-top .title { font-size: 20px; }
.history-top .title span { font-size: 12px; }
.history-top .image { margin-top: 30px; }
.history-top .image .item .text-wrap { position: absolute; left: 0; bottom: -28px; }
.history-top .image .item .text-wrap .date { line-height: 25px; padding: 0 15px; }
.history-top .image .item .text-wrap .text { margin-top: 12px; padding-left: 0; color: #666; }
.history-top .image .owl-carousel .owl-stage-outer { overflow: visible; }
.history-top .image .owl-controls .owl-nav { margin-top: -11px; }
.history-top .image .owl-controls .owl-nav .owl-prev { width: 22px; height: 22px; left: 30px; }
.history-top .image .owl-controls .owl-nav .owl-next { width: 22px; height: 22px; right: 30px; }
.history-body .keyword { margin-top: 70px; display: block; }
.history-body .keyword li { display: block; }
.history-body .keyword li:first-child { width: 100%; font-size: 18px; }
.history-body .keyword li:last-child { line-height: 17px; font-size: 12px; margin-top: 15px; }
.history-body .history { margin-top: 60px; }
.history-body .history ul { display: block; padding: 30px 0; }
.history-body .history ul li { display: block; }
.history-body .history ul li:first-child { width: 100%; font-size: 30px; }
.history-body .history ul li:last-child { margin-top: 20px; font-size: 12px; line-height: 17px; }
.history-body .history ul li:last-child p { position: relative; padding-left: 45px; }
.history-body .history ul li:last-child span { position: absolute; left: 0; top: 0; font-size: 12px; line-height: 17px; padding-left: 0; }
.history-btn-wrap { padding: 0 20px; }
.history-btn-wrap .left, .history-btn-wrap .right { font-size: 14px; padding: 25px 30px; background-size: 12px; }
.history-btn-wrap .left span, .history-btn-wrap .right span { font-size: 12px; }
.history-btn-wrap .left.single, .history-btn-wrap .right.single { line-height: 40px; } }
/*     CEO's Greeting     */
.ceo-greeting-top { position: relative; }
.ceo-greeting-top .item { margin-top: 50px; }
.ceo-greeting-top .item img { width: 100%; }
.ceo-greeting-top .item .mobile-only { display: none; }
.ceo-greeting-top .year-go .selP_top {position: absolute; bottom: 19%; left:47px;} /*ÇØ¼Û 0102*/
.ceo-greeting-top .btn {position: absolute; left: 24%; bottom: 13%; z-index: 3;}
.ceo-greeting-top .btn > a { padding: 0 25px; background: #005891; color: #fff; font-weight: 700; line-height: 45px; border-radius: 50px; display: inline-block; margin-right: 5px; }
.ceo-greeting-top .btn > a img { margin-right: 10px; display: inline; width: auto; }

.ceo-history { margin-top: 100px; border-top: 2px solid #333; }
.ceo-history ul { display: table; padding: 50px 0; border-bottom: 1px solid #e5e5e5; width: 100%; }
.ceo-history ul li { display: table-cell; }
.ceo-history ul li:first-child { vertical-align: top; width: 25.6410%; font-size: 30px; font-weight: 500; color: #333; }
.ceo-history ul li:last-child { line-height: 30px; vertical-align: top; }
.ceo-history ul li:last-child span { display: inline-block; width: 40px; padding-right: 30px; color: #005891; font-weight: 700; }

@media screen and (max-width: 960px) /*ÅÂºí¸´*/ { 
.ceo-greeting-top { margin-top: 30px; }
.ceo-greeting-top .item .mobile-only { display: block; }
.ceo-greeting-top .year-go .selP_top {bottom: 46%; left:5%}
.ceo-greeting-top .btn { left: 5%;  bottom: 15%; }
.ceo-greeting-top .btn a { padding: 0 25px; font-size: 16px; }
.ceo-greeting-top .btn a img { margin-right: 10px; width: 11px; }
.ceo-history { margin-top: 60px; }
.ceo-history ul { display: block; padding: 30px 0; }
.ceo-history ul li { display: block; }
.ceo-history ul li:first-child { width: 100%; font-size: 20px; }
.ceo-history ul li:last-child { margin-top: 20px; font-size: 12px; line-height: 17px; }
.ceo-history ul li:last-child p { position: relative; padding-left: 90px; margin-bottom: 10px; }
.ceo-history ul li:last-child span { position: absolute; left: 0; top: 0; font-size: 12px; line-height: 17px; padding-left: 0; }
.ceo-history ul li.noSpan p { padding-left: 0; } }
@media screen and (max-width: 490px) /*¸ð¹ÙÀÏ*/ {
.ceo-greeting-top .btn { left: 5%;  bottom: 14%; }
.ceo-greeting-top .btn a { padding: 0 20px; line-height: 30px; font-size: 11px; }
}
/*     CEO's Message     */
.ceo-message-top { height: 320px; background: url(/docs/kor6/jsp/_images/02_corp/ceo_message_top_bg.png) no-repeat center bottom; padding: 98px 0 0 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ceo-message-top .title { font-weight: 700; color: #005891; margin-bottom: 30px; }
.ceo-message-top .btn { margin-top: 11px; } /*ÇÏÀ̺À*/
.ceo-message-top .btn a { padding: 0 25px; background: #005891; color: #fff; font-weight: 700; line-height: 45px; border-radius: 50px; display: inline-block; }
.ceo-message-top .btn a img { margin-right: 10px; }

@media screen and (max-width: 960px) { .ceo-message-top { height: auto; background: url(/docs/kor6/jsp/_images/02_corp/ceo_message_top_bg_ta.png) no-repeat right bottom #f1f1f1; background-size: 100%; padding: 30px; margin-top: 30px; padding-bottom: 160px; } /*ÇÏÀ̺À*/
.ceo-message-top .title { font-size: 12px; margin-bottom: 15px; }
.ceo-message-top .mobile-only { width: 100%; }
.ceo-message-top .mobile-only_ceo { max-width: 100%; }/*ÇؼÛ*/
.ceo-message-top .btn { margin-top: 20px; }
.ceo-message-top .btn a { padding: 0 25px; line-height: 35px; font-size: 12px; }
.ceo-message-top .btn a img { margin-right: 10px; width: 11px; } }

/*ÇؼÛ*/
@media screen and (max-width: 490px) {
.ceo-message-top { height: auto; background: url(/docs/kor6/jsp/_images/02_corp/ceo_message_top_bg_mobile.png) no-repeat right bottom #f1f1f1; background-size: 100%; padding: 30px; margin-top: 30px; padding-bottom: 160px; } /*ÇÏÀ̺À*/
.ceo-greeting-top .year-go .selP_top {bottom: 44%; left: 5%;} /*ÇؼÛ*/
}

/*  Æ÷½ºÄÚCI ver.200722  */
.ci .layout-col2{ margin-top: 40px; margin-left: -30px; }
.ci .layout-col2:after{ content: ""; display: block; clear: both; }
.ci .layout-col2 .item { margin-left: 30px; float: left; width: calc((100% - 90px) / 3); margin-bottom: 30px; }
.ci .layout-col2 .item > img { width: 100%; }
.ci .layout-col2 .key { font-size: 18px; color: #005891; margin-top: 20px; font-weight: 700; }
.ci .layout-col2 .title { font-size: 18px; color: #333; margin-top: 20px; font-weight: 700; }
.ci .layout-col2 .item { width: calc((100% - 60px) / 2); }
@media screen and (max-width: 960px) { 
.ci .layout-col2 { margin-top: 30px; margin-left: 0px; }
.ci .layout-col2 .item { margin-left: 0; width: 100%; margin-bottom: 15px; }
.ci .layout-col2 .key { font-size: 15px; margin-top: 10px; } }

/*     brochure(211005 µðÁöÅкê·Î½´¾î ÆäÀÌÁö Á¦ÀÛ)     */ 
.brochu {width:100%; height:586px; padding: 60px 55px; background: url(/docs/kor6/jsp/_images/07_promotion/digital_bg.jpg) no-repeat 0 0; background-size: cover; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.brochu h4 {padding-top: 30px; color: #fff; font-size: 42px; font-weight: bold; line-height: 50px;}
.brochu a {margin-bottom: 20px; display:inline-block; padding:15px 30px; background-color:#fff; color:#222; font-weight:bold; border-radius: 30px;}
.brochu .year {color:#fff; font-size: 15px;}
.brochu .text {margin-top: 40px; margin-bottom: 40px; color: #fff; font-size: 16px; }
@media screen and (max-width: 960px) {
    .brochu {height:350px; padding: 30px 18px; background-position: center; border-radius: 10px;}
    .brochu .year {font-size: 12px;}
    .brochu h4 {padding-top:15px; font-size: 20px; line-height: 27px;}
    .brochu .text {margin-top: 27px; margin-bottom: 27px; font-size: 13px;}
    .brochu a {margin-bottom: 16px; padding:13px 35px; font-size: 12px;} }

/*     Location     */
.location .image { margin-top: 60px; }
.location .image img { width: 100%; display: block; }
.location .cs { margin-top: 0; background: url(/docs/kor6/jsp/_images/02_corp/location_ico_phone.png) no-repeat 41px 30px #f5f5f5; padding-left: 80px; padding-top: 26px; height: 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.location .cs p { float: left; margin-left: 40px; }
.location .cs p strong { color: #333; padding-right: 10px; }
.location .cs p:first-child { margin-left: 0; }
/*.location .cs p a {width:300px; height:53px; margin-top:-8px; padding:12px 30px; line-height: 19px; display:inline-block; background: url(/docs/kor6/jsp/_images/08_customer/btn_location_map.png) no-repeat 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} 200909 ¾È³»µµ ¸µÅ©¹öÆ° Ãß°¡ 210216 »èÁ¦*/
.location .location-map { margin-top: 30px; border-top: 2px solid #333; }
.location .location-map ul { display: table; width: 100%; }
.location .location-map ul li { padding: 40px 0; border-bottom: 1px solid #e5e5e5; display: table-cell; }
.location .location-map ul li .static { display: inline-block; width: 110px; color: #333; }
.location .location-map ul li .title { font-size: 20px; color: #005891; font-weight: 700; }
.location .location-map ul li .car { padding-left: 110px; background: url(/docs/kor6/jsp/_images/02_corp/location_ico_car.png) no-repeat 0 0; }
.location .location-map ul li .bus { padding-left: 110px; background: url(/docs/kor6/jsp/_images/02_corp/location_ico_bus.png) no-repeat 0 0; }
.location .location-map ul li .subway { padding-left: 110px; background: url(/docs/kor6/jsp/_images/02_corp/location_ico_subway.png) no-repeat 0 0; }

/* 190404 ¾Ö¸®¾ó Ãß°¡ Start */
.location .location-map ul li .center-1f { padding-left: 110px; background: url(/docs/kor6/jsp/_images/02_corp/location_ico_1f.png) no-repeat 0 0; }
.location .location-map ul li .center-b1 { padding-left: 110px; background: url(/docs/kor6/jsp/_images/02_corp/location_ico_b1.png) no-repeat 0 0; }
.location .location-map ul li .center-btn { margin-top:-100px; }
@media screen and (max-width: 960px) {
.location .location-map ul li .center-btn { margin-top:0; }
}
/* 190404 ¾Ö¸®¾ó Ãß°¡ End */

.location .location-map ul li .key { color: #005891; margin-bottom: 15px; padding-top: 10px; font-weight: 700; }
.location .location-map ul li strong { margin-bottom: 10px; display: inline-block; }
.location .location-map ul li .text { margin-bottom: 20px; }
.location .location-map ul li:first-child { width: 200px; }
.location .location-map ul li div { min-height: 80px; padding-bottom: 20px; }
.location .time { margin-top: 0; background: url(/docs/kor6/jsp/_images/02_corp/location_ico_time.png) no-repeat 41px 30px #f5f5f5; padding-left: 80px; padding-top: 26px; min-height: 80px; padding-bottom: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.location .time:after { content: ""; display: block; clear: both; }
.location .time p { float: left; margin-left: 40px; }
.location .time p strong { color: #333; padding-right: 10px; }
.location .time p:first-child { margin-left: 0; }
.location .time.mt25 { margin-top: 25px; }

/* 190404 ¾Ö¸®¾ó Ãß°¡ Start */
.location .steel-1f { padding-left: 110px; background: url(/docs/kor6/jsp/_images/02_corp/steel_ico_1f.png) no-repeat 0 0; }
.location .steel-2f { padding-left: 110px; background: url(/docs/kor6/jsp/_images/02_corp/steel_ico_2f.png) no-repeat 0 0; min-height:100px; }
.location .steel-btn { margin-top:-20px; }
@media screen and (max-width: 960px) {
.location .steel-btn { margin-top:20px; }
}
/* 190404 ¾Ö¸®¾ó Ãß°¡ End */

.location #map { margin-top: 60px; width: 100%; z-index: 1; }
.location #map img { width: 100%; max-width: 1170px; }

@media screen and (max-width: 960px) { .location .image { margin-top: 50px; }
.location .image img { width: 100%; }
.location .image.mt25 { margin-top: 50px; }
.location .cs { margin-top: 0; background-size: 15px; background-position: 20px 25px; padding-left: 55px; padding-top: 22px; padding-bottom: 22px; height: auto; }
.location .cs p { float: none; margin-left: 0; margin-bottom: 5px; }
/*.location .cs p a {width: 260px; margin-top:0; padding: 10px 20px;  background-size:contain;} 200909 ¾È³»µµ ¸µÅ© ¹öÆ° Ãß°¡ 210216 »èÁ¦*/
.location .location-map { margin-top: 20px; }
.location .location-map ul { display: block; }
.location .location-map ul li { padding: 20px 0; display: block; }
.location .location-map ul li .static { width: 80px; }
.location .location-map ul li .title { font-size: 15px; }
.location .location-map ul li .car, .location .location-map ul li .bus, .location .location-map ul li .subway { padding-left: 80px; background-size: 60px; }
.location .location-map ul li .key { margin-bottom: 10px; }
.location .location-map ul li strong { margin-bottom: 5px; }
.location .location-map ul li .text { margin-bottom: 10px; }
.location .location-map ul li:first-child { width: 100%; border-bottom: none; padding-bottom: 0; }
.location .location-map ul li div { min-height: 80px; }
.location .time { margin-top: 0; background-size: 15px; background-position: 20px 25px; padding-left: 55px; padding-top: 22px; padding-bottom: 22px; height: auto; }
.location .time p { float: none; margin-left: 0; margin-bottom: 5px; }
.location .time.mt25 { margin-top: 50px; }
.location #map { margin-top: 30px; } }
/*     btn-facility     */
.btn-facil { text-align: left; margin-top: 60px; }
.btn-facil a { display: inline-block; min-width: 140px; line-height: 38px; font-size: 15px; font-weight: 500; margin: 0 5px; color: #333; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn-facil a.btn-stroke { border: 1px solid #bbb; margin-bottom:10px; }
.btn-facil a.btn-stroke p { float:right; text-align:center; } /* 190416 ¾Ö¸®¾ó*/

@media screen and (max-width: 960px) { .btn-facil { margin-top: 30px; }
.btn-facil a { line-height: 33px; font-size: 12px; width: calc((100% - 28px ) / 2); } }
/*     I frame     */
.iframe-wrap { margin-top: 60px; }
.iframe-wrap .iframe-area { margin: 0 auto; width: 100%; max-width: 980px;}
.iframe-wrap .iframe-area iframe { width: 100%; height: 100%; }
.iframe-wrap .iframe-area iframe.stock11 { height: 1100px; }
.iframe-wrap .iframe-area iframe.stock12 { height: 1400px; }
.iframe-wrap .iframe-area iframe.stock13 { height: 1400px; }
.iframe-wrap .iframe-area iframe.stock14 { height: 2060px; }
.iframe-wrap .iframe-area iframe.stock15 { height: 750px; }
.iframe-wrap .iframe-area iframe.stock16 { height: 670px; }
.iframe-wrap .iframe-area iframe.stock21 { height: 1140px; }
.iframe-wrap .iframe-area iframe.stock22 { height: 1140px; }
.iframe-wrap .iframe-area iframe.stock23 { height: 770px; }
.iframe-wrap .iframe-area iframe.stock24 { height: 1120px; }
.iframe-wrap .iframe-area iframe.stock31 { height: 1100px; }
.iframe-wrap .iframe-area iframe.stock32 { height: 1140px; }
.iframe-wrap .iframe-area iframe.stock33 { height: 1210px; }
.iframe-wrap .iframe-area iframe.stock34 { height: 1130px; }
.iframe-wrap .iframe-area iframe.stock41 { height: 940px; }
.iframe-wrap .iframe-area iframe.stock42 { height: 1400px; }
.iframe-wrap .iframe-area iframe.stock51 { height: 1360px; }
.iframe-wrap .iframe-area iframe.stock52 { height: 2050px; }
.iframe-wrap .iframe-area iframe.stock53 { height: 1110px; }
.iframe-wrap .iframe-area iframe.stock71 { height: 930px; }

@media screen and (max-width: 960px) { .iframe-wrap .iframe-area iframe.stock11 { height: 2440px; }
.iframe-wrap .iframe-area iframe.stock12 { height: 1720px; }
.iframe-wrap .iframe-area iframe.stock13 { height: 1630px; }
.iframe-wrap .iframe-area iframe.stock14 { height: 3190px; }
.iframe-wrap .iframe-area iframe.stock15 { height: 2160px; }
.iframe-wrap .iframe-area iframe.stock16 { height: 710px; }
.iframe-wrap .iframe-area iframe.stock21 { height: 1780px; }
.iframe-wrap .iframe-area iframe.stock22 { height: 1780px; }
.iframe-wrap .iframe-area iframe.stock23 { height: 1020px; }
.iframe-wrap .iframe-area iframe.stock24 { height: 1470px; }
.iframe-wrap .iframe-area iframe.stock31 { height: 1870px; }
.iframe-wrap .iframe-area iframe.stock32 { height: 1380px; }
.iframe-wrap .iframe-area iframe.stock33 { height: 1450px; }
.iframe-wrap .iframe-area iframe.stock34 { height: 1130px; }
.iframe-wrap .iframe-area iframe.stock41 { height: 1480px; }
.iframe-wrap .iframe-area iframe.stock42 { height: 1440px; }
.iframe-wrap .iframe-area iframe.stock51 { height: 1340px; }
.iframe-wrap .iframe-area iframe.stock52 { height: 2180px; }
.iframe-wrap .iframe-area iframe.stock53 { height: 1110px; }
.iframe-wrap .iframe-area iframe.stock71 { height: 1030px; } }
.shareholders { background: #f1f1f1; padding-top: 40px; }
.shareholders .container { margin-top: 30px; }
.shareholders p { color: #333; font-size: 20px; font-weight: bold; letter-spacing: -0.5px; }
.shareholders .graph { margin-top: 40px; padding-bottom: 100px; text-align: center; }

.investor-top-text { margin-top: 60px; }

@media screen and (max-width: 960px) { .shareholders { padding-top: 20px; }
.shareholders .graph { padding-bottom: 60px; }
.shareholders .graph img { width: 100%; }
.investor-top-text { margin-top: 30px; } }

/*     Dividend _ 200206 ver     */
.dividend { width: 100%; letter-spacing: -1px; }
.dividend:after { content: ""; display: block; clear: both; }
.dividend .left { float: left; width: 40%; }
.dividend .left > div:nth-child(1) { width: 100%; height: auto; border: 1px solid #bfbfbc; padding: 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dividend .left > div:nth-child(1) p { color: #005891; font-size: 16px; }
.dividend .left > div:nth-child(1) p.point { font-size: 22px; font-weight: bold; text-align: center; }
.dividend .left > div:nth-child(1) p.point span { font-size: 26px; color: #005891; }
.dividend .left > div:nth-child(2) { width: 100%; height: auto; background: #ebeaea; padding: 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dividend .left > div:nth-child(2) ul li { font-size: 14px; line-height: 25px; }
.dividend .left > div:nth-child(2) ul li strong { font-size: 14px; }
.dividend .right { float: right; width: 55%; padding-top: 15px; }
.dividend .right img { width: 100%; }
@media screen and (max-width: 1170px) {
.dividend .left > div:nth-child(2) ul li { font-size: 12px; }
.dividend .left > div:nth-child(2) ul li strong { font-size: 12px; }
}
@media screen and (max-width: 960px) {
.dividend .left { width: 100%; }
.dividend .left > div:nth-child(1) { height: auto; padding: 20px 10%; }
.dividend .left > div:nth-child(1) p { font-size: 14px; }
.dividend .left > div:nth-child(1) p.point { font-size: 20px; line-height: 24px; }
.dividend .left > div:nth-child(1) p.point span { font-size: 24px; }
.dividend .left > div:nth-child(2) { height: auto; padding: 15px; }
.dividend .left > div:nth-child(2) ul li { font-size: 13px; line-height: 20px; margin-bottom: 5px; }
.dividend .left > div:nth-child(2) ul li strong { font-size: 13px; }
.dividend .right { width: 100%; margin-top: 50px; padding-top: 0; }
}

/*     Share Repurchase _ 200413 ver     */
.repurchase { width: 100%; letter-spacing: -1px; }
.repurchase:after { content: ""; display: block; clear: both; }
.repurchase .left { float: left; width: 40%; }
.repurchase .left > div:nth-child(1) { width: 100%; height: auto; border: 1px solid #bfbfbc; padding: 20px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.repurchase .left > div:nth-child(1) p { color: #005891; font-size: 22px; font-weight: bold; text-align: center; line-height: 33px; }
.repurchase .left > div:nth-child(1) p span { color: #005891; font-size: 16px; font-weight: normal; }
.repurchase .left > div:nth-child(2) { width: 100%; height: auto; background: #ebeaea; margin-top: 70px; padding: 20px 20px; 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.repurchase .left > div:nth-child(2) ul li { font-size: 14px; line-height: 25px; }
.repurchase .left > div:nth-child(2) ul li.title { font-size: 15px; font-weight: bold; }
.repurchase .left > div:nth-child(2) ul li strong { font-size: 14px; }
.repurchase .left > div:nth-child(2) ul li span {font-size: 14px; padding-left:60px;}
.repurchase .right { float: right; width: 55%; text-align: center; }
.repurchase .right img { border: 1px solid #bfbfbc; }
@media screen and (max-width: 1170px) {
.repurchase .left > div:nth-child(1) { padding: 20px 30px; }
.repurchase .left > div:nth-child(2) ul li { font-size: 12px; }
.repurchase .left > div:nth-child(2) ul li strong { font-size: 12px; }
.repurchase .left > div:nth-child(2) ul li span {font-size: 12px; padding-left: 49px;}
}
@media screen and (max-width: 960px) {
.repurchase .left { width: 100%; }
.repurchase .left > div:nth-child(1) { height: auto; padding: 20px 20px; }
.repurchase .left > div:nth-child(1) p { font-size: 14px; line-height: 24px;}
.repurchase .left > div:nth-child(1) p span { font-size: 13px; }
.repurchase .left > div:nth-child(2) { height: auto; padding: 15px; }
.repurchase .left > div:nth-child(2) ul li { font-size: 13px; line-height: 20px; margin-bottom: 5px; }
.repurchase .left > div:nth-child(2) ul li strong { font-size: 13px; }
.repurchase .left > div:nth-child(2) ul li span {font-size: 13px; padding-left: 54px;}
.repurchase .right { width: 100%; margin-top: 50px; }
.repurchase .right img { max-width: 100%; }
}

/*     Annual Report     2020.04.22 Corporate Citizenship Report·Î ´ëü
.gray-box-top { background: #f5f5f5; padding: 40px; margin-top: 50px; }
.gray-box-top .stroke { display: inline-block; line-height: 43px; padding: 0 30px; border: 1px solid #666; margin-top: 20px; }
.gray-box-top .stroke img { margin-left: 10px; }
.gray-box-top ul li a { color: #005891; display: inline-block; margin-left: 20px; padding-right: 15px; background: url(/docs/kor6/jsp/_images/common/btn_arrow.png) no-repeat right center; }

.Annual-list { margin-left: -30px; margin-top: 60px; }
.Annual-list:after { content: ""; display: block; clear: both; }
.Annual-list .item { margin-left: 30px; float: left; width: calc((100% - 90px) / 3); margin-bottom: 30px; border: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.Annual-list .item img { width: 100%; }
.Annual-list .item .text-wrap { border-top: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.Annual-list .item .text-wrap a { display: block; line-height: 76px; font-size: 18px; color: #333; text-indent: 30px; background: url(/docs/kor6/jsp/_images/03_investor/Annual_down_ico.jpg) no-repeat right top; background-size: contain; }
.Annual-list .item .text-wrap a span { color: #005891; font-size: 18px; }

@media screen and (max-width: 960px) { .gray-box-top { padding: 20px; margin-top: 30px; }
.gray-box-top .stroke { width: 100%; line-height: 33px; padding: 0; text-align: center; font-size: 12px; }
.gray-box-top ul li a { color: #005891; font-size: 12px; margin-left: 10px; padding-right: 12px; background-size: 6px; }
.Annual-list { margin-left: 0; margin-top: 30px; }
.Annual-list .item { margin-left: 0; float: none; width: 100%; margin-bottom: 15px; }
.Annual-list .item .text-wrap a { line-height: 64px; font-size: 15px; text-indent: 25px; }
.Annual-list .item .text-wrap a span { font-size: 15px; } } */

/*     Corporate Citizenship Report ±â¾÷½Ã¹Îº¸°í¼­ 2020.04.22ver    */
.report_title { margin: 30px 0 40px; padding: 1rem 0; font-size: 1.15rem; line-height: /*1.8666rem*/2.1rem; word-break:keep-all; text-align: justify;}
.report_recent { position: relative; border: 1px solid #e5e5e5; padding: 40px 2.6666rem 40px 2.6666rem; }
.report_recent img { display: block; border: 1px solid #f2f2f2; position: absolute; left: 2.6666rem; width: 400px; height: auto; }
.report_recent p { text-align: justify; font-weight: 300; color: #333; padding: /*1rem*/0 0 /*5.5rem*/2.2rem calc(360px + 5.3333rem); font-size: 1.15rem; line-height: 1.8666rem; word-break:keep-all;}
.report_recent p span {font-size: 1rem;} /* 210506 Ãß°¡ */
.report_recent h1 { font-size: 1.7rem; }
.btn_01 { display: inline-block; background: #25292c; color: #fff; position: relative; height: 2.6666rem; padding: 0 1rem; font-size: 0.8rem; text-align: left; line-height: 2.6666rem;} /*210506 font-size: 1->0.8rem º¯°æ*/
.btn_01[class^="link_"] { padding-right: 3.5rem; } /* 210714 padding-right°ª 4.6666rem¿¡¼­ 3.5remÀ¸·Î º¯°æ*/
.btn_01[class^="link_"]::after { position: absolute; top: 0; bottom: 0; right: 1.3333rem; margin: auto; }
.btn_01.link_download::after { width: 14px; height: 12px; }
.btn_01.link_download::after { background-position: left -238px; }
*[class^="link_"]::after { content: ''; display: inline-block; background-image: url('/docs/kor6/jsp/_images/03_investor/ico.png'); background-repeat: no-repeat; background-size: 25px auto; }
.report_recent h1 { font-size: 1.7rem; font-weight: 700; color: #184e97; }
.report_recent dl { position: absolute; left: calc(/* 240px */130px + 5.3333rem + 13.9486rem + 2.6666rem); bottom: /*40px*/30px;}
.report_recent dt { padding-bottom: 0.5rem; font-size: 1.0666rem; font-weight: 300; line-height: 1.8rem; color: #333; }
.report_recent ul li { padding-top: 20px; display: inline-block; }
.gray-box-top { background: #f5f5f5; padding: 40px; margin-top: 50px; }
.gray-box-top .list-style02.col4 > li { width: 25%; float: left; box-sizing: border-box; margin: 5px 0; background-position: 0 10px; }
.gray-box-top .list-style02.col4 > li a { font-weight: 700; }
.gray-box-top .list-style02.col4:after { content: ""; display: block; clear: both; }
h6 { font-size: 18px; color: #005891; font-weight: 700; }

@media screen and (max-width: 960px) { 
    .report_title { padding: 0 0 20px; font-size: 1rem; line-height: 1.5rem; }
    .report_recent { margin-bottom: 20px; padding: 15px 1.1538rem 15px 1rem; }
    .report_recent img { position: static; width: 415px; height: auto; margin: 0 auto 15px; }
    .report_recent p { padding: 0 0 20px; font-size: 1rem; line-height: 1.5rem; }
    .report_recent p span {font-size: 0.95rem;} /* 210506 Ãß°¡ */
    .report_recent ul, .report_recent ul li { padding-top: 7px; }
    .report_recent ul {margin-top:0; } /* 210506 Ãß°¡ */
    .txt_headline { font-size: 1.3077rem; }
    .report_recent ul, .report_recent ul li { padding-top: 7px; }
    .report_recent dl { float: none; position: static; padding: 20px 0 0; }
    .gray-box-top { padding: 20px; margin-top: 30px; }
    .gray-box-top .list-style02.col4 > li { width: 100%; clear: both; }
    .gray-box-top .list-style02.col4:after { content: ""; display: block; clear: both; }
    h6 { font-size: 13px; line-height: 20px; } }

@media screen and (max-width: 620px) { 
.report_recent { padding: 15px 1.1538rem; overflow: hidden; }
.report_recent img { position: static; width: 286px; height: auto; margin: 0 auto 15px; }
.report_recent p { padding: 0 0 20px; }
.report_recent ul { float: left; }
.report_recent ul { float: left; }
.report_recent dl { float: left; position: static; padding: /*10px*/20px 0 0 /*1.666rem*/0; }
}

@media screen and (max-width: 475px) { 
.report_recent ul { float: none; }
}

/*     Report Archives 2020.04.28ver    */
.horizontal {font-size: 0; letter-spacing: -4px; line-height: 0;}
.horizontal>* {display: inline-block; vertical-align: top; font-size: 1rem; line-height: 1; letter-spacing: 0;}

.archives {margin-top: 40px;}
.archives li {position: relative; border: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.archives img {display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.archives dl {/*z-index: 2;*/ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(37,41,44,.9); overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.archives dt {font-weight: 500; text-overflow: ellipsis; white-space: nowrap; color: #fff; overflow: hidden;}
.archives dd {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.archives dd > a {display: inline-block; position: relative; width: 100%; padding: 0 1.5rem 0 0.6rem; background: #fff; height: 2.1333rem; font-size: 0.85rem; letter-spacing: -0.1em; line-height: 2.1333rem; color: #666; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.archives dd > a::after {position: absolute; top: 0; bottom: 0; right: 0.6666rem; margin: auto; content: ''; display: inline-block; margin-left: 10px; width: 14px; height: 12px; /*background-image: url(http://corporatecitizenship.posco.com/citizen/resources/images/ico.png);*/ background-repeat: no-repeat; background-size: 25px auto; background-position: left -251px;}

@media screen and (min-width: 1200px) {
/*.archives img {width: 255px; max-width: 255px;} */
}
@media screen and (max-width: 1024px) and (min-width: 961px) {
.archives dd {float: none; width: 100%;}

}
@media screen and (min-width: 961px) {
.archives {margin-left: -2.6666rem;}
.archives li {width: calc(25% - 2.6666rem); margin-left: 2.6666rem;}
.archives li+li+li+li+li {margin-top: 40px;}
.archives dl {padding: 20px 1.3333rem;} 
.archives dt {padding-bottom: 15px; font-size: 1.333rem;}
.archives dd {float: left; width: calc(50% - 2.5px);}
.archives dd:nth-child(4) {margin-top: 5px;} /*220708 Ãß°¡*/
.archives dd:nth-child(3) {margin-left: 5px;} /*220708 .archives dd+dd¿¡¼­ Ŭ·¡½º¸í¿¡¼­ ¼öÁ¤*/
}
@media screen and (max-width: 960px) {
.archives {margin-left: -1.5385rem;}
.archives li {width: calc(100% / 3 - 1.5385rem); margin-left: 1.5385rem;}
.archives li+li+li+li {margin-top: 20px;}
.archives dl {padding: 10px 0.7692rem;}
.archives dt {padding-bottom: 7px; font-size: 1.1538rem;}
.archives dd {float: left; width: calc(50% - 2.5px);}
.archives dd:nth-child(4) {margin-top: 5px;} /*220708 Ãß°¡*/
.archives dd:nth-child(3) {margin-left: 5px;}
}
@media screen and (max-width: 700px) and (min-width: 581px) {
.archives dd {float: none; width: 100%;}
.archives dd:nth-child(3) {margin-left: 0; margin-top: 5px;}
}
@media screen and (max-width: 580px) {
.archives li {width: calc(50% - 1.5385rem);}
.archives li+li+li {margin-top: 20px;}
.archives dt {font-size: 1rem;}
}
@media screen and (max-width: 440px) {
.archives dd {float: none; width: 100%;}
.archives dd:nth-child(3) {margin-left: 0; margin-top: 5px;}
}


/*     IR Meeting     */
.stroke-box { margin-top: 60px; border: 1px solid #e5e5e5; padding: 20px 30px; }
.stroke-box span { display: inline-block; margin-left: 20px; font-size: 18px; color: #005891; font-weight: 700; }

@media screen and (max-width: 960px) { .stroke-box { margin-top: 40px; border: 1px solid #e5e5e5; padding: 15px; font-size: 12px; }
.stroke-box span { display: block; margin-left: 0; font-size: 15px; margin-top: 15px; } }
/*     POSCO SNS     */
.sns-list { margin-left: -30px; margin-top: 60px; }
.sns-list:after { content: ""; display: block; clear: both; }
.sns-list .item { width: calc( (100% - 90px) / 3); float: left; margin-bottom: 30px; margin-left: 30px; }
.sns-list .item .info-wrap { padding: 30px; border: 1px solid #e5e5e5; border-top: none; position: relative; height: 160px; }
.sns-list .item .info-wrap .title { font-size: 18px; color: #333; line-height: 26px; margin-bottom: 15px; }
.sns-list .item .info-wrap .text { line-height: 24px; margin-bottom: 20px; }
.sns-list .item .info-wrap .btns { line-height: 50px; background: #f5f5f5; position: absolute; left: 0; bottom: 0; width: 100%; }
.sns-list .item .info-wrap .btns a { display: block; float: left; text-align: center; color: #005891; font-weight: 700; vertical-align: middle; width: 100%; }
.sns-list .item .info-wrap .btns a:after { display: inline-block; content: ""; width: 7px; height: 11px; background: url(/docs/kor6/jsp/_images/common/btn_arrow.png) no-repeat 0 0; margin-left: 10px; vertical-align: middle; }

@media screen and (max-width: 960px) { .sns-list { margin-left: 0; margin-top: 30px; }
.sns-list .item { width: 100%; float: none; margin-bottom: 20px; margin-left: 0; }
.sns-list .item .info-wrap { padding: 25px 25px 65px 25px; height: auto; }
.sns-list .item .info-wrap .title { font-size: 15px; line-height: 20px; margin-bottom: 15px; }
.sns-list .item .info-wrap .text { font-size: 12px; line-height: 17px; margin-bottom: 20px; }
.sns-list .item .info-wrap .btns { line-height: 40px; }
.sns-list .item .info-wrap .btns a { font-size: 12px; }
.sns-list .item .info-wrap .btns a:after { width: 7px; height: 10px; background-size: contain; } }

/*     Movie     */

/**  pc_mediaLibrary Start  **/
/* poscoMovie_list */
.posco_movie_contents {margin-bottom: 70px;}
.posco_movie_box {margin-left: -30px; margin-top: 60px;}
.posco_movie_box:after {content: ""; display: block; clear: both;}
.posco_movie_box .movie_item {width: calc( (100% - 90px) / 3); float: left; margin-bottom: 30px; margin-left: 30px;}
.posco_movie_box .movie_item .info_wrap {padding: 30px; border: 1px solid #e5e5e5; border-top: none; position: relative; height: 250px;}
.posco_movie_box .movie_item .info_wrap .posco_movie_title {font-size: 18px; color: #333; line-height: 26px; margin-bottom: 20px;}
.posco_movie_box .movie_item .info_wrap .posco_movie_text {line-height: 24px; margin-bottom: 20px;}
.posco_movie_box .movie_item .info_wrap dl { display: table; width: 100%; margin-bottom: 10px; }
.posco_movie_box .movie_item .info_wrap dl dt { font-weight: 700; color: #333; display: table-cell; width: 65px; vertical-align: top; line-height: 24px; }
.posco_movie_box .movie_item .info_wrap dl dd { display: table-cell; vertical-align: top; line-height: 24px; }
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay {line-height: 50px; background: #f5f5f5; position: absolute; left: 0; bottom: 0; width: 100%;}
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay:after {content: ""; display: block; clear: both;}
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay > span {width: 50%; display: block; float: left; text-align: center; color: #005891; font-weight: 700; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay > span.play {border-right: 1px solid #e5e5e5;}
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay > span.play:before {display: inline-block; content: ""; width: 15px; height: 16px; background: url('http://www.posco.co.kr/homepage/docs/kor6/jsp/_images/07_promotion/ico_play.png') no-repeat 0 0; margin-right: 10px; vertical-align: middle;}
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay > span.wfull {width: 100%; border-right: 0;}

/* poscoMovie_popup */
.posco_popup{display: none; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0;}
.posco_popup.popup_move {display: block; z-index: 99; opacity: 1; overflow: auto;}
.posco_popup_box{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0px 80px; margin: 30px auto; width: 788px; height: auto; background: #fff; border: 4px solid #222; box-sizing: border-box; overflow: hidden;}
.posco_popup_close {display: block; width: 21px; height: 21px; position: absolute; top: 25px; right: 25px; background: url('http://www.posco.co.kr/homepage/docs/kor6/jsp/_images/common/header_close.png') no-repeat 0 0;}
.posco_movie_popText {width: 100%; height: calc(100% - 517.75px); }
.posco_popup_title {font-size: 26px; font-weight: 700; color: #222; text-align: center; margin: 50px 0 25px 0; letter-spacing: -1px;}
.posco_popup_movie {position: relative; width: 100%; height: auto; padding-bottom: 56.25%; overflow: hidden;}
.posco_popup_movie .posco_popup_url {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.posco_movie_popText .popText_narration {display: none;}
.posco_movie_popText .popText_scrollText {display: none;}

.posco_movie_popText .popText_narration_popup {margin-top: 25px; margin-bottom: 15px; color: #333; font-weight: 700;}
.posco_movie_popText .popText_scrollText_popup {border-top: 1px solid #e5e5e5; overflow-y: auto; height: calc(100% - 84px); padding: 20px 0; line-height: 24px; background: #eff8fd;}
.posco_popup_image {position: relative; width: 100%; height: auto; overflow: hidden;}


/**  pc_mediaLibrary End  **/

/* 190801 ¸ð´ÞÆ˾÷ ´ëü
.movie-list { margin-left: -30px; margin-top: 60px; }
.movie-list:after { content: ""; display: block; clear: both; }
.movie-list .item { width: calc( (100% - 90px) / 3); float: left; margin-bottom: 30px; margin-left: 30px; }
.movie-list .item .info-wrap { padding: 30px; border: 1px solid #e5e5e5; border-top: none; position: relative; height: 250px; }
.movie-list .item .info-wrap .title { font-size: 18px; color: #333; line-height: 26px; margin-bottom: 20px; }
.movie-list .item .info-wrap .text { line-height: 24px; margin-bottom: 20px; }
.movie-list .item .info-wrap .lang-down { line-height: 16px; padding-left: 25px; display: block; font-weight: 700; background: url(/docs/kor6/jsp/_images/07_promotion/ico_lang.png) no-repeat 0 0; margin-bottom: 15px; }
.movie-list .item .info-wrap .behind { line-height: 16px; padding-left: 25px; display: block; font-weight: 700; background: url(/docs/kor6/jsp/_images/07_promotion/ico_behind.png) no-repeat 0 0; }
.movie-list .item .info-wrap dl { display: table; width: 100%; margin-bottom: 10px; }
.movie-list .item .info-wrap dl dt { font-weight: 700; color: #333; display: table-cell; width: 65px; vertical-align: top; line-height: 24px; }
.movie-list .item .info-wrap dl dd { display: table-cell; vertical-align: top; line-height: 24px; }
.movie-list .item .info-wrap .btns { line-height: 50px; background: #f5f5f5; position: absolute; left: 0; bottom: 0; width: 100%; }
.movie-list .item .info-wrap .btns:after { content: ""; display: block; clear: both; }
.movie-list .item .info-wrap .btns a { width: 50%; display: block; float: left; text-align: center; color: #005891; font-weight: 700; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.movie-list .item .info-wrap .btns a.play { border-right: 1px solid #e5e5e5; }
.movie-list .item .info-wrap .btns a.play:before { display: inline-block; content: ""; width: 15px; height: 16px; background: url(/docs/kor6/jsp/_images/07_promotion/ico_play.png) no-repeat 0 0; margin-right: 10px; vertical-align: middle; }
.movie-list .item .info-wrap .btns a.download:before { display: inline-block; content: ""; width: 16px; height: 16px; background: url(/docs/kor6/jsp/_images/07_promotion/ico_download.png) no-repeat 0 0; margin-right: 10px; vertical-align: middle; }
.movie-list .item .info-wrap .btns a.wfull { width: 100%; border-right: 0; }

.movie-con-wrap { width: 788px; }
.movie-con-wrap .top p { font-size: 26px; font-weight: 700; color: #222; text-align: center; margin: 60px 0 30px 0; letter-spacing: -1px; }
.movie-con-wrap .movie-con { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto; }
.movie-con-wrap .movie-con iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.movie-con-wrap .narration { margin-top: 30px; margin-bottom: 15px; color: #333; font-weight: 700; }
.movie-con-wrap .scroll-con { border-top: 1px solid #e5e5e5; overflow-y: auto; height: 250px; padding: 20px 0; line-height: 24px; background:#eff8fd; }
.movie-con-wrap .scroll-con.ceo-con { height: 400px; } */

.select-year { margin-top: 60px; }
.select-year .btn-select { line-height: 45px; font-weight: 700; color: #fff; padding: 0 20px; margin-left: 10px; background: #515f68; vertical-align: top; }

@media screen and (max-width: 960px) { 
/**  mobile_mediaLibrary Start  **/
/* poscoMovie_list */
.posco_movie_box {margin-left: 0px; margin-top: 30px;}
.posco_movie_box .movie_item {width: 100%; float: none; margin-bottom: 20px; margin-left: 0;}
.posco_movie_box .movie_item .info_wrap {padding: 25px 25px 65px 25px; height: auto;}
.posco_movie_box .movie_item .info_wrap .posco_movie_title {font-size: 15px; line-height: 20px; margin-bottom: 15px;}
.posco_movie_box .movie_item .info_wrap .posco_movie_text {font-size: 12px; line-height: 17px; margin-bottom: 20px;}
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay { line-height: 40px; }
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay > span { font-size: 12px; }
.posco_movie_box .movie_item .info_wrap .posco_movie_btnPlay > span.play:before { width: 11px; height: 12px; background-size: contain;}

/* poscoMovie_popup */
.posco_popup_box {padding: 0px; margin: 5% auto; width: 90%; border: 4px solid #222;}
.posco_popup_close {width: 14px; height: 14px; top: 15px; right: 15px; background-size: contain;}
.posco_popup_title {font-size: 20px; margin: 50px 0 30px; line-height: 26px; padding: 0 20px;}

.posco_movie_popText .popText_narration_popup {margin: 30px 0 15px 20px; font-size: 12px;}
.posco_movie_popText .popText_scrollText_popup {padding: 20px; line-height: 17px; font-size: 12px; height:200px;}
/**  mobile_mediaLibrary End  **/

/* 190801 ¸ð´ÞÆ˾÷ ´ëü .movie-list { margin-left: 0; margin-top: 30px; }
.movie-list .item { width: 100%; float: none; margin-bottom: 20px; margin-left: 0; }
.movie-list .item .info-wrap { padding: 25px 25px 65px 25px; height: auto; }
.movie-list .item .info-wrap .title { font-size: 15px; line-height: 20px; margin-bottom: 15px; }
.movie-list .item .info-wrap .text { font-size: 12px; line-height: 17px; margin-bottom: 20px; }
.movie-list .item .info-wrap .lang-down { font-size: 12px; line-height: 13px; padding-left: 22px; margin-bottom: 15px; background-size: contain; }
.movie-list .item .info-wrap .behind { font-size: 12px; line-height: 13px; padding-left: 22px; background-size: contain; }
.movie-list .item .info-wrap .btns { line-height: 40px; }
.movie-list .item .info-wrap .btns a { font-size: 12px; }
.movie-list .item .info-wrap .btns a.play:before { width: 11px; height: 12px; background-size: contain; }
.movie-list .item .info-wrap .btns a.download:before { width: 12px; height: 12px; background-size: contain; }
.movie-con-wrap { width: 90%; }
.movie-con-wrap .top p { font-size: 20px; margin: 50px 0 30px; line-height: 26px; padding: 0 20px; }
.movie-con-wrap .narration { margin: 30px 0 15px 20px; font-size: 12px; }
.movie-con-wrap .scroll-con { padding: 20px; line-height: 17px; font-size: 12px; } */
.select-year { margin-top: 40px; }
.select-year .btn-select { line-height: 40px; font-size: 12px; } }

/*     Print     */
.print-list { margin-left: -30px; margin-top: 60px; }
.print-list:after { content: ""; display: block; clear: both; }
.print-list .item { width: calc( (100% - 90px) / 3); float: left; margin-bottom: 30px; margin-left: 30px; }
.print-list .item .info-wrap { padding: 20px; border: 1px solid #e5e5e5; border-top: none; position: relative; }
.print-list .item .info-wrap.hline2 { height: 140px; }
.print-list .item .info-wrap.hline3 { height: 140px; }
.print-list .item .info-wrap.hline4 { height: 140px; }
.print-list .item .info-wrap.hline5 { height: 140px; }
.print-list .item .info-wrap.hline6 { height: 140px; }
.print-list .item .info-wrap.hline7 { height: 160px; }
.print-list .item .info-wrap.hline8 { height: 140px; }
.print-list .item .info-wrap .title { font-size: 18px; color: #333; line-height: 26px; margin-bottom: 15px; }
.print-list .item .info-wrap .text { line-height: 24px; margin-bottom: 20px; }
.print-list .item .info-wrap .btns { line-height: 50px; background: #f5f5f5; position: absolute; left: 0; bottom: 0; width: 100%; }
.print-list .item .info-wrap .btns a { display: block; float: left; text-align: center; color: #005891; font-weight: 700; vertical-align: middle; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.print-list .item .info-wrap .btns a:before { display: inline-block; content: ""; width: 16px; height: 16px; background: url(/docs/kor6/jsp/_images/07_promotion/ico_download.png) no-repeat 0 0; margin-right: 10px; vertical-align: middle; }

@media screen and (max-width: 960px) { .print-list { margin-left: 0; margin-top: 30px; }
.print-list .item { width: 100%; float: none; margin-bottom: 20px; margin-left: 0; }
.print-list .item .info-wrap { padding: 25px 25px 25px 25px; height: auto !important; }
.print-list .item .info-wrap .title { font-size: 15px; line-height: 20px; margin-bottom: 15px; }
.print-list .item .info-wrap .text { font-size: 12px; line-height: 17px; margin-bottom: 20px; }
.print-list .item .info-wrap .btns { line-height: 40px; }
.print-list .item .info-wrap .btns a { font-size: 12px; }
.print-list .item .info-wrap .btns a:before { width: 12px; height: 12px; background-size: contain; } }

/*     culture     */
.culture-top { width: 100%; height: auto; /*background-image: url(/docs/kor6/jsp/_images/07_promotion/culture_bg03.jpg); /*¹®È­Çà»ç ÆäÀÌÁö background µðÆúÆ® °ª º¯°æ*/ /*background-repeat: no-repeat; background-size: cover; */}
.culture-top .culture_bg { width: 100%; height: 450px; background-image: url(/docs/kor6/jsp/_images/07_promotion/culture_bg03.jpg); /*¹®È­Çà»ç ÆäÀÌÁö background µðÆúÆ® °ª º¯°æ*/ background-repeat: no-repeat; background-size: cover; position: absolute; }
.culture-top .container { padding-top: 40px; }
.culture-top .culture_canvas { width: 1032px; height: 514px; margin: 0 auto; background-color: #fff; box-shadow: 5px 5px 10px 1px #d9d9d9; position: relative; }
.culture-top .culture_canvas .canvas { width: 100%; height: 100%; /*display: none;*/ }
.culture-top .culture_canvas .canvas:nth-child(3) { display: block; } /*¹®È­Çà»ç ÆäÀÌÁö canvas µðÆúÆ® °ª º¯°æ*/
.culture-top .culture_canvas .canvas:after { content: ""; display: block; clear: both; }
.culture-top .culture_canvas .canvas .left { float: left; width: 281px; height: 100%; position:relative; }
.culture-top .culture_canvas .canvas .left .poster { position: absolute; top: 68px; left: 50px; }
.culture-top .culture_canvas .canvas .right { float: right; width: calc((100% - 281px) / 1); padding: 37px 130px 37px 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.culture-top .culture_canvas .canvas .right .genre { width: 100%; height: 51px; background: url(/docs/kor6/jsp/_images/07_promotion/title_back.png) no-repeat; background-size: contain; margin-left: -20px; padding-left: 20px; padding-top: 29px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #666; font-size: 20px; line-height: 24px; font-weight: 500; }
.culture-top .culture_canvas .canvas .right h3 { padding-top: 5px; font-size: 40px; letter-spacing: -2px; }
.culture-top .culture_canvas .canvas .right h3 span { margin-left: 15px; }
.culture-top .culture_canvas .canvas .right .text { width: 572px; display: inline-block; padding: 20px 0 25px; color: #333; font-size: 16px; text-align: justify; letter-spacing: -0.5px; border-bottom: 1px solid #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.culture-top .culture_canvas .canvas .right .text_hidden { display: none; }
.culture-top .culture_canvas .canvas.mar .right .text { border-bottom: none; }
.culture-top .culture_canvas .canvas .right .schedule > ul { width: 100%; height: auto; margin-top: 25px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li { width: 100%; height: auto; margin-bottom: 14px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul { width: 100%; height: auto;}
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul:after { content: ""; display: block; clear: both; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li { float: left; height: 46px; color: #333; font-weight: bold; line-height: 46px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li a { color: #333; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li a:hover { text-decoration: underline; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li a span { width: 31px; height: 16px; background: url(/docs/kor6/jsp/_images/07_promotion/view_arrow.png) no-repeat; background-size: cover; display: inline-block; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(1) { width: 90px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(2) { width: 220px; line-height: 23px; }
.culture-top .culture_canvas .canvas.feb .right .schedule > ul > li > ul > li:nth-child(2) { line-height: 46px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(2) span { color:#333; font-size: 13px; font-weight: normal; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(3) { width: 150px; font-weight: normal; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(4) { width: calc((100% - 460px) / 1); }
.culture-top .culture_canvas .facility { position: absolute; top: 30px; /*right: 130px;*/ right:30px; } 
.culture-top .culture_canvas .facility ul:after { content: ""; display: block; clear: both; }
.culture-top .culture_canvas .facility ul li { float: left; margin-left: 15px; }
.culture-top .culture_canvas .facility ul li a { color: #333; font-size: 13px; font-weight: bold; letter-spacing: -0.5px; }
.culture-top .culture_canvas .facility ul li img { vertical-align: bottom; margin-right: 5px; }
.culture-top .culture_canvas .sche_ico { position: absolute; top: 19px; right: 17px; }
.culture-top .map_canvas { width: 100%; margin-top: 40px; }
.culture-top .map_canvas ul { width: 581px; height: auto; margin: 0 auto; }
.culture-top .map_canvas ul:after { content: ""; display: block; clear: both; }
.culture-top .map_canvas ul li { float: left; width: 76px; height: auto; margin-left: 25px; }
.culture-top .map_canvas ul li:nth-child(1) { margin-left: 0; }
.culture-top .map_canvas ul li .map_click { width: 76px; height: 76px; }
.culture-top .map_canvas ul li .map_click a { width: 100%; height: 100%; position: relative; display: inline-block; border-radius: 81px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.culture-top .map_canvas ul li .map_click a img { width: 100%; }
.culture-top .map_canvas ul li .map_click a .cap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.3); }
/*¹®È­Çà»ç ÆäÀÌÁö map_canvas µðÆúÆ® °ª º¯°æ*/
.culture-top .map_canvas ul li:nth-child(3) .map_click a { border: 3px solid #ebd4d5; }
.culture-top .map_canvas ul li:nth-child(3) .map_click a .cap { opacity: 0; }
.culture-top .map_canvas ul li .text { margin-top: 10px; text-align: center; font-size: 13px; font-weight: bold; letter-spacing: -0.5px; color:#333; }

@media screen and (min-width: 1170px) { /* PC ÅÂºí¸´ °¡·Î */
.culture-top .culture_canvas .canvas.mar .right { margin-top: 70px; }
.culture-top .culture_canvas .canvas.mar .right h3 { line-height: 50px; }    
}
@media screen and (max-width: 1170px) { /*¾ÆÀÌÆÐµå °¡·Î*/
.culture-top .culture_canvas { width: 90%; height: auto; }
.culture-top .culture_canvas .canvas .left { width: 27%; }
.culture-top .culture_canvas .canvas .left .poster { width: 80%; }
.culture-top .culture_canvas .canvas .right { width: 73%; padding: 54px 130px 0px 50px; }
.culture-top .culture_canvas .canvas.mar .right { margin-top: 6%; }
.culture-top .culture_canvas .canvas .right .text { width: 100%; font-size: 14px; line-height: 20px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li { height: 40px; font-size: 14px; line-height: 40px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(1) { width: 10%; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(2) { width: 45%; line-height: 20px; }
.culture-top .culture_canvas .canvas.feb .right .schedule > ul > li > ul > li:nth-child(2) { line-height: 40px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(2) span { font-size: 12px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(3) { width: 20%; font-size: 13px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(4) { width: 25%; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(4) a { width: 100%; }
}
@media screen and (max-width: 960px) { /* ÅÂºí¸´ ¼¼·Î */
.culture-top .culture_bg { height: 1100px; }
.culture-top .culture_canvas .canvas .left { float: none; width: 100%; height: 750px; }
.culture-top .culture_canvas .canvas .left .back { width: auto; height: 100%; }
.culture-top .culture_canvas .canvas .left .poster { width: 50%; top: 15%; left: 10%; }
.culture-top .culture_canvas .canvas .right { float: none; width: 100%; padding: 50px 80px; }    
.culture-top .culture_canvas .canvas .right h3 { line-height: 45px; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li a span { display:none; }
.culture-top .culture_canvas .facility { top: 644px; right: 30px; }
.culture-top .culture_canvas .facility ul li { float: none; margin-bottom: 12px; }
}
@media screen and (max-width: 640px) { /* ¸ð¹ÙÀÏ */
.culture-top .culture_bg { height: 700px; }
.culture-top .culture_canvas { width: 95%; }
.culture-top .culture_canvas .canvas .left { height: 420px; }
.culture-top .culture_canvas .canvas .left .poster { top: 10%; left: 15%; }
.culture-top .culture_canvas .canvas .right { float: none; width: 100%; padding: 20px 20px; }
.culture-top .culture_canvas .canvas .right h3 { font-size: 30px; }
.culture-top .culture_canvas .canvas .right .text { display: none; }
.culture-top .culture_canvas .canvas .right .text_hidden { display: block; width: 100%; font-size: 14px; font-weight: 500; line-height: 20px; padding: 20px 0 25px; color: #333; text-align: justify; letter-spacing: -0.5px; border-bottom: 1px solid #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.culture-top .culture_canvas .canvas.mar .right .text_hidden { border-bottom: none; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li { text-align: center; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(1) { width: 15%; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(2) { display: none; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(3) { width: 50%; }
.culture-top .culture_canvas .canvas .right .schedule > ul > li > ul > li:nth-child(4) { width: 35%; }
.culture-top .culture_canvas .sche_ico { top: 14px; right: 12px; }
.culture-top .culture_canvas .facility { top: 333px; right: 15px; }
.culture-top .map_canvas ul { width: 100%; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.culture-top .map_canvas ul li { width: 33.3%; margin-left: 0; margin-bottom: 20px; text-align: center; }
.culture-top .map_canvas ul li .map_click { margin: 0 auto; }
}

.culture-body .container h4.culture_tit { font-size: 28px; font-weight: 700; letter-spacing: -2px; }
.culture-body .list { margin-left: -30px; margin-top: 50px; width: 100%; }
.culture-body .list:after { content: ""; display: block; clear: both; }
.culture-body .list .item { margin-left: 30px; float: left; width: calc((100% - 90px) / 3); margin-bottom: 30px; border: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.culture-body .list .item a { display: block; overflow: hidden;}
.culture-body .list .item > a > img { width: 100%; }
.culture-body .list .item a .text-wrap { padding: 30px; border-top: none; min-height: 100px; background: #fff; }
.culture-body .list .item a .text-wrap .title { line-height: 26px; font-size: 17px; color: #333; letter-spacing: -1px; }
.culture-body .list .item a .text-wrap .date { margin-top: 20px; }
.culture-body .list .item a .text-wrap .date span { display: none; }
.culture-body .list .item a:hover .text-wrap .title { text-decoration: underline; }
.culture-body .list #culture_more input { width: calc((100% - 30px) / 1); height:50px; margin:60px 0 60px 30px; line-height:50px; background: #f7f7f7; border: 1px solid #c4c4c4; color:#222; font-size: 16px; }

@media screen and (min-width: 1141px) {
.culture-body .list > .item:first-child { width: calc(100% - 30px); margin-bottom: 60px; }
.culture-body .list > .item:first-child > a > img { width: 31.4%; float: left; }
.culture-body .list > .item:first-child .text-wrap { float: left; width: calc(68.4% - 60px); min-height: auto; padding: 30px 30px 0; }
.culture-body .list > .item:first-child .text-wrap .hot > img { width: 64px; }
.culture-body .list > .item:first-child .text-wrap .title { overflow: hidden; max-hidden; 24px; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; font-weight: 700; color:#333; }
.culture-body .list > .item:first-child a:hover .text-wrap .title { text-decoration: underline; }
.culture-body .list > .item:first-child .text-wrap .text { overflow: hidden; max-height: 72px; text-overflow: ellipsis; margin-top: 14px; color: #333; }
.culture-body .list > .item:first-child .text-wrap .date span { float: right; display: block; }
}
@media screen and (max-width: 1140px) {
.culture-body .list > .item:first-child > a > img { width: 100%; }
}
@media screen and (max-width: 960px) {
.culture-body .list { margin-left: 0; margin-top: 30px; }
.culture-body .list .item { margin-left: 0; float: none; width: 100%; margin-bottom: 15px; }
.culture-body .list .item .text-wrap { padding: 30px; border: 1px solid #e5e5e5; border-top: none; min-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.culture-body .list .item .text-wrap .title { line-height: 26px; font-size: 18px; color: #333; }
.culture-body .list .item .text-wrap .date { margin-top: 20px; }
.culture-body .list #culture_more input { width:100%; margin:30px 0; }
.culture-body .list .item:first-child .text-wrap .text, .culture-body .list .item:first-child .text-wrap .date span { display: none; }
}

/*      newsletter      */
.news-letter { width: 100%; height: 160px; background: url(/docs/kor6/jsp/_images/07_promotion/btn_news_letter.jpg) center; margin-top: 100px; }
.news-letter a { display: block; height: 100%; padding-top: 55px; padding-left: 51%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.news-letter a .title { font-size: 24px; color: #fff; font-weight: 700; }
.news-letter a .text { color: #fff; margin-top: 10px; }

@media screen and (max-width: 960px) { 
.news-letter { background-size: cover; margin-top: 60px; height: 100px; }
.news-letter a { padding-top: 20px; }
.news-letter a .title { font-size: 20px; } 
}

/*     pohang     */
h3 .btn-top { float: right; }
h3 .btn-top a { float: left; border-radius: 100px; margin-left: 5px; text-align: center; line-height: 43px; padding: 0 25px; border: 1px solid #999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
h3 .btn-top a.past { background: #005891; color: #fff; font-weight: 500; border: 1px solid #005891; }
h3 .btn-top a.intro img { margin-left: 10px; }
h3 .btn-top a.download img { margin-right: 10px; }
h3 .btn-top a.ml0 { margin-left: 0; }
h3 .btn-top a.mt5 { margin-top: 5px; }

.past-select { margin-top: 50px; }
.past-select .btn-form { display: inline-block; margin-left: 6px; line-height: 45px; background: #515f68; color: #fff; padding: 0 20px; vertical-align: middle; }

@media screen and (max-width: 960px) { h3 .btn-top { float: none; width: 100%; margin-top: 20px; }
h3 .btn-top:after { content: ""; display: block; clear: both; }
h3 .btn-top.b1 a { width: 100%; display: block; float: none; }
h3 .btn-top a { line-height: 33px; padding: 0; font-size: 12px; margin: 0; }
h3 .btn-top a.b1 { width: calc(100% - 10px); }
h3 .btn-top .past { width: 100%; margin-bottom: 5px; }
h3 .btn-top .intro { width: calc((100% - 5px) / 2); }
h3 .btn-top .download, h3 .btn-top .schedule { width: calc((100% - 5px) / 2); margin-left: 5px; }
.past-select { margin-top: 20px; }
.past-select .btn-form { line-height: 40px; } }
.culture-list { margin-top: 50px; border-top: 2px solid #333; }
.culture-list .list { position: relative; display: table; width: 100%; }
.culture-list .list li { display: table-cell; padding: 30px 0 30px 0; position: relative; vertical-align: top; border-bottom: 1px solid #e5e5e5; height:100%; }
.culture-list .list li:first-child { width: 270px; }
.culture-list .list li:first-child img { width: 100%; }
/*.culture-list .list li .tag { line-height: 35px; background: #8f2fcd; color: #fff; font-weight: 700; padding: 0 20px 0 50px; position: absolute; left: 0; top: 30px; }190417 ¾Ö¸®¾ó »èÁ¦*/
.culture-list .list li .tag { line-height: 35px; font-weight: 700; padding: 0 20px 0 50px; position: absolute; left: -5px; top: 30px; }
.culture-list .list li .wrap { padding: 50px 50px 0 50px; width: 100%; position:relative; }
.culture-list .list li .wrap .title { color: #333; font-size: 18px; margin-bottom: 20px; }
.culture-list .list li .wrap dl { display: table; margin-bottom: 10px; }
.culture-list .list li .wrap dl dt { display: table-cell; width: 120px; font-weight: 700; color: #333; line-height: 20px; }
.culture-list .list li .wrap dl dd { line-height: 20px; word-break: break-all; }
/*.culture-list .list .btns { position: absolute; left: 50px; bottom: -30px; }*/
.culture-list .list .btns { margin-top:30px; }
.culture-list .list .btns:after { content: ""; display: block; clear: both; }
.culture-list .list .btns a { display: block; float: left; padding: 0 30px; margin-right: 10px; line-height: 38px; }
.culture-list .list .btns a.stroke { border: 1px solid #005891; color: #005891; }
.culture-list .list .btns a.solid { border: 1px solid #005891; color: #fff; background: #005891; }

@media screen and (max-width: 960px) { .culture-list { margin-top: 30px; }
.culture-list .list { width: 100%; }
.culture-list .list li { padding: 20px 0 70px 0; }
.culture-list .list li:first-child { width: 43.5%; }
.culture-list .list li:first-child img { width: 100%; }
.culture-list .list li .tag { line-height: 30px; padding: 0 20px; top: 20px; }
.culture-list .list li .wrap { padding: 50px 0 0 20px; width: auto; }
.culture-list .list li .wrap .title { font-size: 15px; margin-bottom: 20px; }
.culture-list .list li .wrap dl { display: block; margin-bottom: 10px; }
.culture-list .list li .wrap dl dt { display: block; font-size: 12px; line-height: 1; }
.culture-list .list li .wrap dl dd { line-height: 17px; font-size: 12px; margin-top: 5px; }
.culture-list .list .btns { left: 0; bottom: 20px; width: 100%; }
.culture-list .list .btns a { padding: 0; margin: 0; line-height: 33px; font-size: 12px; width: calc((100% - 5px) / 1); text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.culture-list .list .btns a:first-child { margin-right: 5px; }
.culture-list .list .btns a:nth-child(2) { margin-top:10px; }
.culture-list .list .btns.b1 a { width: 100%; } }
.culture-view { margin-top: 50px; border-top: 2px solid #333; }
.culture-view .top { padding: 40px 0; border-bottom: 1px solid #e5e5e5; text-align: center; }
.culture-view .top .key { color: #005891; font-weight: 700; margin-bottom: 10px; }
.culture-view .top .title { font-size: 26px; font-weight: 700; color: #333; }
.culture-view .body { width: 100%; padding: 40px 0; border-bottom: 1px solid #e5e5e5; display: table; }
.culture-view .body li { display: table-cell; position: relative; vertical-align: top; padding-bottom: 50px; }
.culture-view .body li:first-child { width: 370px; }
.culture-view .body li:first-child > img { width: 100%; }
.culture-view .body li div { margin: 0 50px; border-bottom: 1px solid #e5e5e5; padding: 20px 0; }
.culture-view .body li div:first-child { padding-top: 0; }
.culture-view .body li div.bdnone { border: none; }
.culture-view .body li div dl { display: table; margin-bottom: 10px; }
.culture-view .body li div dl dt { display: table-cell; width: 120px; font-weight: 700; color: #333; line-height: 20px; }
.culture-view .body li div dl dd { /*line-height: 20px; */word-break: break-all; }
.culture-view .body li div dl dd a { color: #005891; display: inline-block; margin-left: 20px; padding-right: 15px; background: url(/docs/kor6/jsp/_images/common/btn_arrow.png) no-repeat right center; }
.culture-view .body li > a { position: absolute; left: 40px; bottom: 0; display: block; float: left; padding: 0 30px; margin-right: 10px; line-height: 38px; }
.culture-view .body li > a.solid { border: 1px solid #005891; color: #fff; background: #005891; }


@media screen and (max-width: 960px) { .culture-view { margin-top: 20px; }
.culture-view .top { padding: 25px 0; }
.culture-view .top .title { font-size: 18px; line-height: 23px; }
.culture-view .body { padding: 30px 0; border-bottom: 1px solid #e5e5e5; display: table; }
.culture-view .body li { display: block; width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.culture-view .body li div { padding: 15px 0; margin: 0; }
.culture-view .body li div:first-child { padding-top: 30px; }
.culture-view .body li div dl dt { width: 90px; line-height: 17px; font-size: 12px; }
.culture-view .body li div dl dd { /*line-height: 17px;*/ font-size: 12px; }
.culture-view .body li div dl dd a { margin-left: 10px; padding-right: 12px; font-size: 12px; background-size: 5px; }
.culture-view .body li a { position: relative; float: none; padding: 0; margin-right: 0; line-height: 35px; text-align: center; left: 0; bottom: 0; } 



}
/*     trip     */
.trip-top { height: 481px; background: url(../_images/07_promotion/trip-bg.jpg) no-repeat center; background-size: cover; position: relative; }
.trip-top h3 { color: #fff; }
.trip-top .text-wrap { position: absolute; top: 172px; left: 50%; margin-left: 15px; }
.trip-top .text-wrap .main-text { font-size: 26px; color: #fff; line-height: 34px; font-weight: 100; }
.trip-top .text-wrap .sub-text { color: #fff; margin-top: 30px; }

.trip-intro-list { margin-left: -30px; margin-top: 80px; }
.trip-intro-list:after { content: ""; display: block; clear: both; }
.trip-intro-list .item { margin-left: 30px; width: calc( (100% - 120px) / 3 ); float: left; }
.trip-intro-list .item .text-wrap { border: 1px solid #e5e5e5; border-top: none; padding: 30px; height: 235px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.trip-intro-list .item .text-wrap .title { font-size: 18px; color: #333; margin-bottom: 20px; }
.trip-intro-list .item .text-wrap a { position: absolute; left: 0; bottom: 0; display: block; text-align: center; width: 100%; color: #005891; font-weight: 700; vertical-align: middle; line-height: 50px; background: #f5f5f5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.trip-intro-list .item .text-wrap a:after { display: inline-block; content: ""; width: 7px; height: 11px; background: url(../_images/common/btn_arrow.png) no-repeat 0 0; margin-left: 10px; vertical-align: middle; }

@media screen and (max-width: 960px) { .trip-top { height: 380px; }
.trip-top .text-wrap { top: 150px; left: 0; margin-left: 0; width: 100%; }
.trip-top .text-wrap .main-text { font-size: 20px; line-height: 26px; text-align: center; width: 100%; }
.trip-top .text-wrap .sub-text { margin-top: 20px; text-align: center; width: 100%; }
.trip-intro-list { margin-left: 0; margin-top: 50px; }
.trip-intro-list .item { margin-left: 0; width: 100%; float: none; margin-bottom: 20px; }
.trip-intro-list .item .text-wrap { padding: 25px; height: auto; padding-bottom: 60px; }
.trip-intro-list .item .text-wrap .title { font-size: 15px; margin-bottom: 15px; }
.trip-intro-list .item .text-wrap a { line-height: 40px; font-size: 12px; }
.trip-intro-list .item .text-wrap a:after { width: 7px; height: 10px; background-size: contain; } }
/*     trip     * PARK 1538 °ü·Ã ÆäÀÌÁö ¼öÁ¤ 
.trip-top { height: 481px; background: url(/docs/kor6/jsp/_images/07_promotion/trip-bg.jpg) no-repeat center; background-size: cover; position: relative; }
.trip-top h3 { color: #fff; }
.trip-top .text-wrap { position: absolute; top: 172px; left: 50%; margin-left: 15px; }
.trip-top .text-wrap .main-text { font-size: 26px; color: #fff; line-height: 34px; font-weight: 100; }
.trip-top .text-wrap .sub-text { color: #fff; margin-top: 30px; }

.trip-intro-list { margin-left: -30px; margin-top: 80px; }
.trip-intro-list:after { content: ""; display: block; clear: both; }
.trip-intro-list .item { margin-left: 30px; width: calc( (100% - 120px) / 3 ); float: left; }
.trip-intro-list .item .text-wrap { border: 1px solid #e5e5e5; border-top: none; padding: 30px; height: 235px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.trip-intro-list .item .text-wrap .title { font-size: 18px; color: #333; margin-bottom: 20px; font-weight: 444; letter-spacing: -1px;}
.trip-intro-list .item .text-wrap .text {letter-spacing: -1px;}
.trip-intro-list .item .text-wrap a { position: absolute; left: 0; bottom: 0; display: block; text-align: center; width: 100%; color: #005891; font-weight: 700; vertical-align: middle; line-height: 50px; background: #f5f5f5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.trip-intro-list .item .text-wrap a:after { display: inline-block; content: ""; width: 7px; height: 11px; background: url(/docs/kor6/jsp/_images/common/btn_arrow.png) no-repeat 0 0; margin-left: 10px; vertical-align: middle; }

@media screen and (max-width: 960px) { .trip-top { height: 380px; }
.trip-top .text-wrap { top: 150px; left: 0; margin-left: 0; width: 100%; }
.trip-top .text-wrap .main-text { font-size: 20px; line-height: 26px; text-align: center; width: 100%; }
.trip-top .text-wrap .sub-text { margin-top: 20px; text-align: center; width: 100%; }
.trip-intro-list { margin-left: 0; margin-top: 50px; }
.trip-intro-list .item { margin-left: 0; width: 100%; float: none; margin-bottom: 20px; }
.trip-intro-list .item .text-wrap { padding: 25px; height: auto; padding-bottom: 60px; }
.trip-intro-list .item .text-wrap .title { font-size: 15px; margin-bottom: 15px; }
.trip-intro-list .item .text-wrap a { line-height: 40px; font-size: 12px; }
.trip-intro-list .item .text-wrap a:after { width: 7px; height: 10px; background-size: contain; } }

/*     trip apply    */
.trip-apply-graybox { margin-top: 60px; background: #f5f5f5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.trip-apply-graybox:after { content: ""; display: block; clear: both; }
.trip-apply-graybox .gray-box { float: left; width: calc( 50% - 15px ); padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.trip-apply-graybox .gray-box:first-child { border-right: 30px solid #fff; width: calc( 50% + 15px ); }
.trip-apply-graybox .gray-box h5 { padding: 0; }
.trip-apply-graybox .gray-box .text { margin-top: 20px; }

.help-desk { margin-top: 100px; border: 1px solid #e5e5e5; padding: 40px 0 40px 170px; background: url(/docs/kor6/jsp/_images/07_promotion/ico_helpdesk.png) no-repeat 60px 50%; }
.help-desk dl { margin-bottom: 15px; display: table; }
.help-desk dl:last-of-type { margin: 0; }
.help-desk dl dt { display: table-cell; width: 100px; font-weight: 700; color: #333; line-height: 24px; }
.help-desk dl dd { display: table-cell; line-height: 24px; }

.trip-course { padding: 60px !important; }

.visit-time { margin-top: 20px; border: 1px solid #e5e5e5; }
.visit-time p { padding: 20px 30px; font-size: 18px; color: #005891; font-weight: 700; }
.visit-time p span { font-size: 15px; display: inline-block; margin-right: 15px; }

@media screen and (max-width: 960px) { .trip-apply-graybox { margin-top: 30px; margin-left: 0; }
.trip-apply-graybox .gray-box { margin-left: 0; float: none; width: 100% !important; height: auto; padding: 30px 20px; margin-bottom: 15px; }
.trip-apply-graybox .gray-box:first-child { border-right: none; border-bottom: 20px solid #fff; }
.help-desk { margin-top: 60px; padding: 115px 20px 30px 20px; background-size: 60px; background-position: 50% 33px; }
.help-desk dl { margin-bottom: 10px; }
.help-desk dl dt { width: 85px; font-size: 12px; line-height: 17px; }
.help-desk dl dd { font-size: 12px; line-height: 17px; } }
/*     trip confirm    */
.reservation-confirm { border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5; margin-top: 30px; }
.reservation-confirm ul { padding: 40px; display: table; width: 100%; border-bottom: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.reservation-confirm ul li { display: table-cell; }
.reservation-confirm ul li p { margin-bottom: 15px; }
.reservation-confirm ul li p strong { display: inline-block; width: 85px; color: #333; }
.reservation-confirm ul li p.date { font-size: 18px; }
.reservation-confirm ul li p.date strong { color: #333; font-size: 18px; width: auto; margin-right: 5px; }
.reservation-confirm ul li p.status { font-weight: 700; }
.reservation-confirm ul li p.status.ing { color: #7c2eb3; }
.reservation-confirm ul li p.status.done { color: #005891; }
.reservation-confirm ul li:nth-child(1) { width: 30%; }
.reservation-confirm ul li:nth-child(2) { vertical-align: bottom; }
.reservation-confirm ul li:nth-child(3) { width: 90px; vertical-align: middle; }
.reservation-confirm ul li a { display: inline-block; margin-bottom: 10px; padding: 0 30px; border: 1px solid #005891; line-height: 38px; font-weight: 700; }
.reservation-confirm ul li a.btn-solid { color: #fff; background: #005891; }
.reservation-confirm ul li a.btn-stroke { color: #005891; }
.reservation-confirm ul li a:last-child { margin: 0; }

@media screen and (max-width: 960px) { .reservation-confirm { margin-top: 30px; }
.reservation-confirm ul { padding: 20px; display: block; }
.reservation-confirm ul li { display: block; }
.reservation-confirm ul li p { margin-bottom: 10px; }
.reservation-confirm ul li p strong { width: 70px; font-size: 12px; }
.reservation-confirm ul li p.date { font-size: 15px; margin-bottom: 15px; }
.reservation-confirm ul li p.date strong { font-size: 15px; }
.reservation-confirm ul li:nth-child(1) { width: 100%; }
.reservation-confirm ul li:nth-child(3) { width: 100%; margin-top: 20px; }
.reservation-confirm ul li a { margin-bottom: 0; padding: 0; margin: 0 2px; text-align: center; line-height: 33px; width: calc(( 100% - 12px ) /2 ); } }
/*     business contacts     */
.business-contacts { border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5; padding: 40px; margin-top: 60px; }
.business-contacts:after { content: ""; display: block; clear: both; }
.business-contacts .left, .business-contacts .right { float: left; width: 50%; }
.business-contacts .left li, .business-contacts .right li { line-height: 40px; }
.business-contacts .left li span, .business-contacts .right li span { display: inline-block; width: 200px; font-weight: 700; color: #333; }

/*     participating contacts     */
.participating-contacts { border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5; padding: 40px; margin-top: 60px; }
.participating-contacts:after { content: ""; display: block; clear: both; }
.participating-contacts .left, .participating-contacts .right { float: left; width: 100%; }
.participating-contacts .left li, .participating-contacts .right li { line-height: 40px; }
.participating-contacts .left li span, .participating-contacts .right li span { display: inline-block; width: 300px; font-weight: 700; color: #333; }

@media screen and (max-width: 960px) {
.business-contacts { padding: 20px; margin-top: 30px; }
.business-contacts:after { content: ""; display: block; clear: both; }
.business-contacts .left, .business-contacts .right { float: none; width: 100%; }
.business-contacts .left li, .business-contacts .right li { line-height: 26px; font-size: 12px; }
.business-contacts .left li span, .business-contacts .right li span { width: 170px; }
.business-contacts .left li a, .business-contacts .right li a { font-size: 12px; }

.participating-contacts { padding: 20px; margin-top: 30px; }
.participating-contacts:after { content: ""; display: block; clear: both; }
.participating-contacts .left, .participating-contacts .right { float: none; width: 100%; }
.participating-contacts .left li, .participating-contacts .right li { line-height: 26px; font-size: 12px; }
.participating-contacts .left li span, .participating-contacts .right li span { width: 300px; }
.participating-contacts .left li a, .participating-contacts .right li a { font-size: 12px; } }


/*     search center     */
.search-center .search-top { background: #f1f1f1; }
.search-center .search-top .search-form { margin: 60px auto 0; padding: 0 30px; width: 100%; max-width: 960px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search-center .search-top .search-form p { padding-left: 210px; }
.search-center .search-top .search-form .wrap { margin-top: 10px; }
.search-center .search-top .search-form .wrap:after { content: ""; display: block; clear: both; }
.search-center .search-top .search-form .wrap select { width: 200px; float: left; border: 2px solid #005891; height: 60px; background: url(/docs/kor6/jsp/_images/08_customer/search_select.png) no-repeat right top #fff; background-size: contain; font-size: 18px; color: #333; }
.search-center .search-top .search-form .wrap .form-box { width: calc(100% - 210px); border: 2px solid #005891; float: left; height: 60px; margin-left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search-center .search-top .search-form .wrap .form-box input[type="text"] { border: none; height: 56px; width: calc(100% - 56px); float: left; }
.search-center .search-top .search-form .wrap .form-box button { width: 56px; height: 56px; float: left; background: url(/docs/kor6/jsp/_images/08_customer/search_form_btn.png) no-repeat 0 0; background-size: contain; text-indent: -9999px; }
.search-center .search-top .search-keyword { margin-top: 80px; border-top: 1px solid #e5e5e5; padding: 21px 0; }
.search-center .search-top .search-keyword dl:after { content: ""; display: block; clear: both; }
.search-center .search-top .search-keyword dl dt { float: left; width: 150px; font-weight: 700; color: #333; }
.search-center .search-top .search-keyword dl dd { float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #e5e5e5; }
.search-center .search-top.product .search-form .wrap .form-box { width: 100%; margin: 0; }
/* 190411 ¾Ö¸®¾ó Ãß°¡ */
.search-center .goProduct { width:100%; text-align:left; position:relative; margin-top:5px; }
.search-center .goProduct a { text-align:right; padding:5px 10px; position:absolute; top:10px; right:210px; font-weight:bold; }

@media screen and (max-width: 960px) { .search-center .search-top .search-form { margin: 40px auto 0; padding: 0; }
.search-center .search-top .search-form p { padding-left: 0; }
.search-center .search-top .search-form .wrap select { width: 105px; height: 45px; font-size: 14px; }
.search-center .search-top .search-form .wrap .form-box { width: calc(100% - 115px); height: 45px; }
.search-center .search-top .search-form .wrap .form-box input[type="text"] { border: none; height: 41px; width: calc(100% - 41px); }
.search-center .search-top .search-form .wrap .form-box button { width: 41px; height: 41px; }
.search-center .search-top .search-keyword { margin-top: 80px; border-top: 1px solid #ccc; padding: 21px 0; }
.search-center .search-top .search-keyword dl dt { float: none; width: 100%; margin-bottom: 10px; }
.search-center .search-top .search-keyword dl dd { float: left; margin: 10px 10px 10px 0; padding-right: 10px; } 
.search-center .goProduct a { right:0px; }
}

.search-body { padding-top: 40px; }
.search-body .result { font-size: 16px; }
.search-body .no-result { text-align: center; padding-top: 230px; padding-bottom: 100px; background: url(/docs/kor6/jsp/_images/08_customer/search_no_result.png) no-repeat 50% 90px; }
.search-body .proposal .proposal-result { margin-top: 40px; font-size: 16px; }
.search-body .proposal .proposal-result .list-style01 li { margin-bottom: 5px; }
.search-body .proposal .proposal-result .list-style01 li a:hover { color: #005891; text-decoration: underline; }
.search-body .tab { margin-top: 100px; }
.search-body .result-list h4 .product-result-num { float: right; }
.search-body .result-list .proposal-result { font-size: 16px; }
.search-body .result-list .list-top { margin-top: 40px; }
.search-body .result-list .list-top:after { content: ""; display: block; clear: both; }
.search-body .result-list .list-top .left { float: left; }
.search-body .result-list .list-top .right { float: right; }
.search-body .result-list .list-top .right span { margin-left: 20px; padding-left: 20px; border-left: 1px solid #e5e5e5; }
.search-body .result-list .list-top .right span.on a { color: #333; font-weight: 700; }
.search-body .result-list .list-top .right span:first-child { border: none; margin: 0; padding: 0; }
.search-body .result-list .list { margin-top: 20px; border-top: 2px solid #333; }
.search-body .result-list .list li { padding: 30px; border-bottom: 1px solid #e5e5e5; }
.search-body .result-list .list li a { font-size: 18px; color: #333; text-align: left; }
.search-body .result-list .list li a:hover { color: #005891; text-decoration: underline; }
.search-body .result-list .list li .percent { display: inline-block; color: #005891; margin-left: 20px; }
.search-body .result-list .list li p { margin-top: 20px; }
.search-body .result-list .list .no-list { padding: 70px; text-align: center; border-bottom: 1px solid #e5e5e5; }

@media screen and (max-width: 960px) { .search-body { padding-top: 20px; }
.search-body .result { font-size: 13px; }
.search-body .no-result { padding-top: 135px; padding-bottom: 80px; background-size: 60px; background-position: 50% 60px; font-size: 12px; }
.search-body .proposal .proposal-result { margin-top: 40px; font-size: 13px; }
.search-body .proposal .proposal-result .list-style01 li { margin-bottom: 5px; }
.search-body .proposal .proposal-result .list-style01 li a:hover { color: #005891; text-decoration: underline; }
.search-body .tab { margin-top: 60px; }
.search-body .result-list .proposal-result { font-size: 13px; }
.search-body .result-list .list-top { margin-top: 20px; }
.search-body .result-list .list-top .right { float: right; }
.search-body .result-list .list-top .right span { margin-left: 10px; padding-left: 10px; }
.search-body .result-list .list-top .right span a { font-size: 12px; }
.search-body .result-list .list { margin-top: 15px; }
.search-body .result-list .list li { padding: 20px; }
.search-body .result-list .list li a { font-size: 15px; line-height: 20px; }
.search-body .result-list .list li .percent { display: inline-block; color: #005891; margin-left: 15px; }
.search-body .result-list .list li p { margin-top: 15px; }
.search-body .result-list .list .no-list { padding: 65px; } }
.terms p { margin-top: 40px; }
.terms p.sizeup { font-size: 18px; font-weight: 700; line-height: 35px; }
.terms dl dt { font-size: 20px; color: #333; font-weight: 700; padding-top: 20px; }
.terms dl dd { margin-top: 20px; line-height: 24px; padding-left: 20px; }
.terms .list-style01, .terms .list-style04 { margin: 15px 0 25px; }
.terms .btn-select a, .terms .btn-select button { display: inline-block; line-height: 45px; background: #005891; color: #fff; padding: 0 20px; vertical-align: middle; }
.terms .media-more-foot { margin-top: 100px; border-top: 1px solid #e5e5e5; padding-top: 30px; }
.terms .media-more-foot a { line-height: 43px; font-weight: 700; padding: 0 30px; border: 1px solid #666; display: inline-block; }
.terms .media-more-foot a img { margin-left: 10px; }

@media screen and (max-width: 960px) { .terms p { margin-top: 20px; }
.terms p.sizeup { font-size: 14px; font-weight: 700; line-height: 24px; }
.terms dl dt { font-size: 15px; }
.terms dl dd { font-size: 12px; line-height: 17px; margin-top: 10px; }
.terms .btn-select select { width: 150px; }
.terms .btn-select a, .terms .btn-select button { line-height: 40px; padding: 0 10px; font-size: 12px; }
.terms .media-more-foot { margin-top: 60px; padding-top: 20px; }
.terms .media-more-foot a { line-height: 38px; font-size: 12px; padding: 0 15px; text-align: center; }
.terms .media-more-foot a img { margin-left: 5px; } 
.terms .list-style01, .terms .list-style04 { margin: 10px 0 20px; }
}
.sitemap .layout-table { display: table; width: 100%; margin-top: 100px; padding-top: 100px; border-top: 1px #dedede solid; }
.sitemap .layout-table:first-child { padding-top: 0; border-top: 0; }
.sitemap .layout-table > li { display: table-cell; width: 25%; }
.sitemap .layout-table > li dl dt { margin-bottom: 18px; }
.sitemap .layout-table > li dl dt a { font-size: 16px; font-weight: 700; color: #005891; }
.sitemap .layout-table > li dl dd { margin-bottom: 18px; }
.sitemap .layout-table > li dl dd > a { font-size: 16px; font-weight: 500; color: #333; display: block; }
.sitemap .layout-table > li dl dd ul { margin-top: 15px;}
.sitemap .layout-table > li dl dd ul li a { line-height: 24px; padding-left: 10px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_line.png") no-repeat 0 12px; font-size: 15px; font-weight: normal; padding-bottom: 10px; display: block; }
.sitemap .layout-table > li dl.corporatecitizenship { margin-top: 50px; }
.sitemap .layout-table .dl_space { padding-top: 54px;}

@media screen and (max-width: 960px) { .sitemap { margin-top: 60px; }
.sitemap .layout-table { display: block; margin-top: 0; padding-top: 0; border-top: 1px solid #e5e5e5; }
.sitemap .layout-table:first-child { padding-top: 0; border-top: 1px solid #e5e5e5; }
.sitemap .layout-table > li { display: block; width: 100%; padding: 25px 0 35px; border-bottom: 1px solid #e5e5e5; }
.sitemap .layout-table > li dl { position: relative; }
.sitemap .layout-table > li:first-child  dl:first-child { padding-bottom: 35px; border-bottom: 1px solid  #e5e5e5; }
.sitemap .layout-table:nth-child(2) {border:none;}
.sitemap .layout-table:nth-child(2) li {border:none; padding-bottom: 0;}
.sitemap .layout-table > li dl:after { content: ""; display: block; clear: both; }
.sitemap .layout-table > li dl dt { margin-bottom: 10px; width: 50%; position: absolute; left: 0; top: 0; }
.sitemap .layout-table > li dl dt a { font-size: 13px; }
.sitemap .layout-table > li dl dd { float: right; margin-bottom: 10px; width: 100%; padding-left: 40%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sitemap .layout-table > li dl dd > a { font-size: 13px; }
.sitemap .layout-table > li dl dd ul { margin-top: 10px;}
.sitemap .layout-table > li dl dd ul li a { line-height: 18px; padding-left: 8px; text-align: left; background: url("/docs/kor6/jsp/_images/common/bu_line.png") no-repeat 0 8px; font-size: 12px; padding-bottom: 5px; }
.sitemap .layout-table > li dl.corporatecitizenship { margin-top: 0; padding-top: 25px;  border-top: 1px solid #e5e5e5;}
.sitemap .layout-table > li dl.corporatecitizenship dt {top: 15px;}
.sitemap .layout-table .dl_space { width: 100%; padding-top: 25px; }
.sitemap .layout-table .dl_space dt { padding-top: 25px;}
.sitemap .layout-table .dl_space dl { padding-bottom: 0;}
.sitemap .layout-table .citizen { position: relative; top: 50px; border-top:1px solid  #e5e5e5;  padding-top: 25px; padding-bottom: 35px; }
}
/*     login     */
.login-wrap .list-style01 { margin-top: 60px; }
.login-wrap .login-form { margin-top: 30px; border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5; display: table; }
.login-wrap .login-form .form { display: table-cell; width: 65%; padding: 80px 0 100px 0; }
.login-wrap .login-form .form .wrap { width: 400px; margin: 0 auto; }
.login-wrap .login-form .form .wrap label { font-size: 15px; color: #333; font-weight: 700; display: block; margin-top: 20px; }
.login-wrap .login-form .form .wrap input[type="text"], .login-wrap .login-form .form .wrap input[type="password"] { width: 100%; line-height: 43px; margin-top: 10px; height: 45px; text-indent: 10px; font-size: 20px; color: #222; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.login-wrap .login-form .form .wrap input[type="button"] { width: 100%; line-height: 60px; color: #fff; font-size: 20px; font-weight: 700; margin-top: 30px; height: 60px; }
.login-wrap .login-form .info { display: table-cell; width: 35%; background: #f5f5f5; padding: 40px; padding-top: 60px; vertical-align: top; }
.login-wrap .login-form .info .title { font-size: 18px; font-weight: 700; color: #005891; }
.login-wrap .login-form .info .text { margin-top: 20px; line-height: 24px; }
.login-wrap .login-form .info a { display: block; border: 1px solid #666; line-height: 43px; text-align: center; font-weight: 700; margin-top: 20px; margin-bottom: 40px; }
.login-wrap .login-form .info a:nth-of-type(2) { margin-bottom: 0; }
.login-wrap .text { margin-top: 30px; }

@media screen and (max-width: 960px) { .login-wrap .list-style01 { margin-top: 30px; }
.login-wrap .login-form { margin-top: 20px; display: block; }
.login-wrap .login-form .form { display: block; width: 100%; padding: 40px 0 50px 0; }
.login-wrap .login-form .form .wrap { width: 90%; max-width: 300px; }
.login-wrap .login-form .form .wrap label { font-size: 13px; margin-top: 20px; }
.login-wrap .login-form .form .wrap input[type="text"], .login-wrap .login-form .form .wrap input[type="password"] { line-height: 38px; height: 40px; font-size: 18px; }
.login-wrap .login-form .form .wrap input[type="button"] { line-height: 50px; font-size: 18px; margin-top: 20px; height: 50px; }
.login-wrap .login-form .info { display: block; width: 100%; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.login-wrap .login-form .info .title { font-size: 15px; }
.login-wrap .login-form .info .text { line-height: 17px; font-size: 12px; }
.login-wrap .login-form .info a { line-height: 38px; margin-bottom: 30px; }
.login-wrap .text { margin-top: 20px; font-size: 12px; line-height: 17px; } }
/*     join     */
.member-join .step { border: 1px solid #e5e5e5; margin-top: 60px; display: table; width: 100%; }
.member-join .step li { display: table-cell; line-height: 58px; width: 10%; background: url(/docs/kor6/jsp/_images/09_membership/setp_arrow.png) no-repeat right top; background-size: contain; text-align: center; font-size: 16px; }
.member-join .step li span { display: none; }
.member-join .step li:last-child { background: none; }
.member-join .step li.on { color: #005891; font-weight: 700; }
.member-join p { margin-top: 20px; }
.member-join .certified { margin-top: 40px; margin-left: -30px; }
.member-join .certified:after { content: ""; display: block; clear: both; }
.member-join .certified label { color: #333; }
.member-join .certified > div { float: left; border: 1px solid #e5e5e5; margin-left: 30px; width: calc((100% / 2) - 30px); padding: 70px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.member-join .certified > div .title { font-size: 20px; color: #333; font-weight: 500; margin-left: 45.5%; margin-top: 0; }
.member-join .certified > div .btn { display: inline-block; width: 120px; line-height: 45px; color: #fff; font-weight: 500; text-align: center; background: #005891; margin-top: 30px; margin-left: 45.5%; }
.member-join .certified > div.i-pin { background: url(/docs/kor6/jsp/_images/09_membership/i-pin.png) no-repeat 17.4% 50%; }
.member-join .certified > div.phone { background: url(/docs/kor6/jsp/_images/09_membership/phone.png) no-repeat 17.4% 50%; }
.member-join .help { background: #f5f5f5; padding: 40px; margin-top: 100px; }
.member-join .help p { margin-top: 0; }
.member-join .help a { display: inline-block; line-height: 43px; padding: 0 30px; margin-right: 10px; border: 1px solid #666; margin-top: 20px; }
.member-join .help a img { margin-left: 10px; }

.join-done { border: 1px solid #e5e5e5; padding: 70px 0; background: url(/docs/kor6/jsp/_images/09_membership/join-done.png) no-repeat 100px 50%; margin-top: 40px; }
.join-done .title { font-size: 20px; color: #333; font-weight: 700; margin-left: 260px; }
.join-done .text { margin-top: 20px; margin-left: 260px; }

@media screen and (max-width: 960px) { .member-join .step { margin-top: 30px; display: block; }
.member-join .step li { line-height: 38px; width: 100%; background: none; text-align: left; font-size: 13px; display: none; text-indent: 15px; }
.member-join .step li span { display: block; float: right; margin-right: 15px; font-size: 12px; font-weight: 400; }
.member-join .step li.on { display: block; }
.member-join p { margin-top: 20px; }
.member-join .certified { margin-left: -15px; }
.member-join .certified > div { margin-left: 15px; width: calc((100% / 2) - 15px); padding: 30px 0; text-align: center; }
.member-join .certified > div .title { font-size: 15px; margin-left: 0; }
.member-join .certified > div .btn { display: inline-block; width: calc(100% - 60px); line-height: 40px; background: #005891; margin-top: 100px; margin-left: 0; }
.member-join .certified > div.i-pin { background-size: 60px; background-position: 50% 40%; }
.member-join .certified > div.phone { background-size: 60px; background-position: 50% 40%; }
.member-join .help { padding: 20px; margin-top: 60px; }
.member-join .help a { display: block; line-height: 38px; padding: 0; margin-right: 0; margin-top: 20px; text-align: center; }
.member-join .help a:last-child { margin-top: 10px; }
.join-done { padding: 100px 20px 40px; background-size: 60px; background-position: 50% 30px; margin-top: 20px; text-align: center; }
.join-done .title { font-size: 15px; margin-left: 0; }
.join-done .text { margin-top: 20px; margin-left: 0; } }
/*     find ID/PW     */
.find-wrap { margin-left: -30px; margin-top: 40px; text-align: center; }
.find-wrap:after { content: ""; display: block; clear: both; }
.find-wrap > div { float: left; border: 1px solid #e5e5e5; padding: 40px; height: 370px; width: calc((100% - 90px) / 4); margin-left: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.find-wrap > div.certified { width: calc((100% - 90px) / 2); }
.find-wrap > div.i-pin { background: url(/docs/kor6/jsp/_images/09_membership/i-pin.png) no-repeat 50% 100px; }
.find-wrap > div.i-pin a { margin-top: 220px; }
.find-wrap > div.phone { background: url(/docs/kor6/jsp/_images/09_membership/phone.png) no-repeat 50% 100px; }
.find-wrap > div.phone a { margin-top: 220px; }
.find-wrap > div.id .key { margin-top: 70px; }
.find-wrap > div.id a { margin-top: 70px; }
.find-wrap > div .title { color: #333; font-size: 20px; font-weight: 500; text-align: center; margin-top: 0; }
.find-wrap > div a { display: inline-block; width: 100%; line-height: 45px; color: #fff; font-weight: 500; text-align: center; background: #005891; margin-top: 20px; }
.find-wrap > div a.btn { width: 120px; }
.find-wrap > div p { margin-top: 20px; text-align: left; color: #333; font-weight: 700; }
.find-wrap > div p label { color: #333; }
.find-wrap > div .form-wrap { padding: 0 45px; margin-top: 10px; }
.find-wrap > div input[type="text"] { width: 100%; margin-top: 10px; }

.find-done { border: 1px solid #e5e5e5; padding: 70px 0; margin-top: 40px; background: url(/docs/kor6/jsp/_images/09_membership/email.png) no-repeat 100px 50%; }
.find-done .title { font-size: 20px; color: #333; font-weight: 700; margin-left: 260px; }
.find-done .text { margin-top: 20px; margin-left: 260px; }

@media screen and (max-width: 960px) { .find-wrap { margin-left: -15px; }
.find-wrap > div { padding: 30px 20px; height: auto; width: calc((100% - 30px) / 2); margin-left: 15px; }
.find-wrap > div.certified { width: calc(100% - 15px); margin-top: 15px; }
.find-wrap > div.i-pin, .find-wrap > div.phone { background-position: 50% 65px; background-size: 60px; }
.find-wrap > div.i-pin a, .find-wrap > div.phone a { margin-top: 105px; }
.find-wrap > div.id .key { margin-top: 20px; }
.find-wrap > div.id a { margin-top: 20px; }
.find-wrap > div .title { font-size: 15px; }
.find-wrap > div a { line-height: 40px; margin-top: 20px; font-size: 12px; }
.find-wrap > div a.btn { width: 100%; }
.find-wrap > div .form-wrap { padding: 0 10px; margin-top: 0; }
.find-wrap > div input[type="text"] { width: 100%; margin-top: 10px; }
.find-done { padding: 100px 20px 40px; background-size: 60px; background-position: 50% 30px; margin-top: 20px; text-align: center; }
.find-done .title { font-size: 15px; margin-left: 0; }
.find-done .text { margin-top: 20px; margin-left: 0; } }
/*     My page     */
.mypage-text { margin-top: 60px; }

.mypage-modify { border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5; margin-top: 30px; padding: 40px 0; text-align: center; }
.mypage-modify .pass-wrap { width: 100%; max-width: 400px; display: inline-block; }
.mypage-modify .pass-wrap .key { margin-top: 60px; text-align: left; color: #333; font-weight: 700; }
.mypage-modify .pass-wrap .key label { color: #333; }
.mypage-modify .pass-wrap a { display: inline-block; width: 100%; line-height: 45px; color: #fff; font-weight: 500; text-align: center; background: #005891; margin-top: 20px; margin-bottom: 60px; }
.mypage-modify .pass-wrap input[type="text"] { width: 100%; margin-top: 10px; }
.mypage-modify ul { display: table; table-layout: fixed; width: 100%; margin-bottom: 30px; text-align: left; }
.mypage-modify ul li { display: table-cell; font-size: 15px; font-weight: 700; vertical-align: middle; }
.mypage-modify ul li:first-child { width: 23%; text-indent: 30px; color: #333; line-height: 45px; }
.mypage-modify ul li:last-child { width: 77%; }
.mypage-modify ul li input[type="text"].zip { width: 110px; }
.mypage-modify ul li input[type="text"].wf { width: 100%; }
.mypage-modify ul li input[type="tel"] { width: 110px; }
.mypage-modify ul li input[type="email"] { width: 200px; }
.mypage-modify ul li select { width: 110px; }
.mypage-modify ul li select.email { width: 200px; margin-left: 10px; }
.mypage-modify ul li textarea { margin: 0; }
.mypage-modify ul li .btn-form { width: 120px; line-height: 45px; color: #fff; font-weight: 500; background: #515f68; vertical-align: top; margin-left: 10px; display: inline-block; text-align: center; }
.mypage-modify ul li p { font-weight: 400; margin-top: 15px; }
.mypage-modify ul li p.inline { display: inline-block; width: 450px; }
.mypage-modify ul li .name { line-height: 25px; display: inline-block; font-weight: 400; }
.mypage-modify ul li .checks { margin-bottom: 10px; }
.mypage-modify ul li .checks.name-radio { margin-left: 170px; margin-bottom: 0; display: inline-block; }
.mypage-modify ul li .checks.bu { margin-left: 50px; display: inline; }
.mypage-modify ul li .zip-wrap { margin-bottom: 10px; }
.mypage-modify ul li .phone-line { margin: 0 10px; }

.modify-done { border: 1px solid #e5e5e5; padding: 70px 0; margin-top: 40px; background: url(/docs/kor6/jsp/_images/09_membership/join-done.png) no-repeat 100px 50%; }
.modify-done .title { font-size: 20px; color: #333; font-weight: 700; margin-left: 260px; }
.modify-done .point { font-weight: 700; }
.modify-done .text { margin-top: 20px; margin-left: 260px; }

@media screen and (max-width: 960px) { .mypage-text { margin-top: 30px; }
.mypage-modify { margin-top: 20px; padding: 5px 20px; }
.mypage-modify .pass-wrap input { width: 100%; margin-top: 10px; }
.mypage-modify ul { display: block; table-layout: fixed; margin-bottom: 10px; }
.mypage-modify ul li { display: block; font-size: 13px; }
.mypage-modify ul li:first-child { width: 100%; text-indent: 0; line-height: 40px; }
.mypage-modify ul li:last-child { width: 100%; }
.mypage-modify ul li input[type="text"] { width: calc(100% - 100px); }
.mypage-modify ul li input[type="password"] { width: 100%; }
.mypage-modify ul li input[type="tel"] { width: calc((100% - 8px) / 3); }
.mypage-modify ul li input[type="email"] { width: calc( 50% - 15px); }
.mypage-modify ul li select { width: calc((100% - 8px) / 3); }
.mypage-modify ul li select.email { display: block; width: 100%; margin-left: 0; margin-top: 10px; }
.mypage-modify ul li .btn-form { width: 95px; line-height: 40px; margin-left: 5px; font-size: 12px; }
.mypage-modify ul li p { margin-top: 10px; }
.mypage-modify ul li p.inline { display: inline-block; width: 450px; }
.mypage-modify ul li .checks { margin-bottom: 10px; }
.mypage-modify ul li .checks.name-radio { margin-left: 100px; margin-bottom: 0; display: inline-block; }
.mypage-modify ul li .checks.bu { margin-left: 0; display: block; margin-top: 10px; }
.mypage-modify ul li .zip-wrap { margin-bottom: 5px; }
.mypage-modify ul li .phone-line { margin: 0 5px; font-size: 12px; }
.modify-done { padding: 100px 20px 40px; background-size: 60px; background-position: 50% 30px; margin-top: 20px; text-align: center; }
.modify-done .title { font-size: 15px; margin-left: 0; }
.modify-done .text { margin-top: 20px; margin-left: 0; } }
/* modal popup*/
.modal-popup { position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -285px; }
.modal-popup .image img { display: block; }
.modal-popup .foot-close { height: 50px; line-height: 50px; background: #222; }
.modal-popup .foot-close .input { float: left; margin-left: 20px; }
.modal-popup .foot-close .input label { color: #fff; margin-left: 10px; }
.modal-popup .foot-close a { float: right; color: #fff; padding: 0 20px; }

@media screen and (max-width: 600px) { .modal-popup { width: 80%; margin-left: -40%; margin-top: -40%; }
.modal-popup img { width: 100%; } }


.global { /*height: 230px;*/ height: auto; background: url(/docs/kor6/jsp/_images/02_corp/posco_plus_bg2.jpg) no-repeat center; background-size: cover; text-align: center; padding: 40px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.global a { width: 100%; height: 100%; }
.global .title { font-size: 36px; color: #222; font-weight: 700; }
.global .text { margin-top: 20px; }
/*.global .btns { margin-top: 25px; }
.global .btns a { display: inline-block; margin: 0 5px; line-height: 45px; width: 180px; border-radius: 50px; color: #fff; font-weight: 700; background: #005891; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/

@media screen and (max-width: 960px) { .global { height: auto; /*padding: 60px 0; */}
.global .title { font-size: 25px; }
.global .text { margin-top: 15px; font-size: 12px; }
.global .btns { margin-top: 40px; }
.global .btns a { display: inline-block; margin: 5px auto; line-height: 33px; width: calc(50% - 20px); font-size: 12px; } }


/* 190521 ¿¡µðÅÍ ³»ºÎ ½ºÅ¸ÀÏ ¾Ö¸®¾ó */
.cultureInfo { padding-top: 50px; padding-bottom: 50px; }
.culture-view .cultureInfo img { width:100%; margin-bottom:0; }


#editor_wrap .youtube { width:100%; margin:-5px auto 0; text-align:center; }
#editor_wrap .youtube .youtubewrap { width:100%; position:relative; padding-bottom:56.25%; }
#editor_wrap .youtube .youtubewrap iframe { width:100%; height:100%; position:absolute; left:0%; }

/*      Ã¥ÀÓ±¤¹° 200525ver        */
.conflict p {text-align: justify;}
.conflict .conflict_cont { width: 100%; display: inline-table; margin-top: 50px; }
.conflict .conflict_img { width: 40%; float: left;}
.conflict .conflict_img img {width: 100%; }
.conflict .conflict_txt { float: right; width: 100%; max-width: 50%;  margin-top: 14%;  border:1px solid #c0c1bc; }
.conflict .conflict_txt  > h5 { padding: 20px 0 0 15px; }
.conflict .conflict_txt > span { display:inline-block; padding:15px 15px 0 15px; line-height: 24px;}
.conflict .conflict_txt span:last-child { padding-bottom: 20px;}
.policy .list-style06 {}
.policy .list-style06 > li { position: relative;  margin-top: 30px; font-size: 15px; line-height:24px; }
.policy .list-style06 > li span { color: #3171c0; padding-right: 5px; }
.policy .list-style07 {}
.policy .list-style07 > li { position: relative; padding-left: 20px; margin-top: 30px; font-size: 15px; line-height:24px;  }
.policy .list-style07 > li span { padding-right: 5px; }
.status p {text-align:justify;}
.status a.mail:hover {text-decoration:underline;}
.greybox {width: 970px; height: 56px; margin-top: 21px; padding-left: 35px; color: #666; line-height: 56px; background: #eeeeee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block;}
.greybox a {margin-left: 20px; display:inline-block;}
.greybox a img {vertical-align: middle;}

/*  Ã¥ÀÓ±¤¹° > ´ë»ó ¹× ÀýÂ÷  */
table.minerals td.bg1 {background: url(../_images/11_esg/mineral_01tincone.jpg); background-size: cover; background-position: center;}
table.minerals td.bg2 {background: url(../_images/11_esg/mineral_02tungsten.jpg); background-size: cover; background-position: center;}
table.minerals td.bg3 {background: url(../_images/11_esg/mineral_03cobalt.jpg); background-size: cover; background-position: center;}

.responsible_framework {background: url(../_images/11_esg/mineral_5step.png) no-repeat; background-size: contain;}
.responsible_framework:after { content: ""; display: block; clear: both; }
.responsible_framework li {float: left; padding: 10px 15px; width:20%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.responsible_framework li span {color:#fff; font-size:14px; font-weight:700;}
.responsible_framework li .title {margin-top: 25px; color: #333; font-size: 22px; font-weight: 800; letter-spacing: -0.5px;}
.responsible_framework li .text {margin-top: 25px; font-size: 16px; font-weight: 500; letter-spacing: -0.5px;}

@media screen and (max-width: 960px) {
    .responsible_framework {background: url(../_images/11_esg/mineral_5step_length.png) no-repeat; background-size: contain;}
    .responsible_framework li {float: none; padding: 10px 0 30px 60px; width:100%;}
    .responsible_framework li span {color:#333;}
    .responsible_framework li .title {margin-top: 12px; line-height:25px;}
    .responsible_framework li .text {margin-top: 12px; line-height:20px;} }

.responsible_process:after {content: ""; display: block; clear: both;}
.responsible_process .left {float: left; width: 466px;}
.responsible_process .left ul {margin-top: 25px; padding-left: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.responsible_process .left ul:after {content: ""; display: block; clear: both;}
.responsible_process .left ul li {float: left; margin-right: 38px; margin-bottom: 26px; width:168px; height:63px; border:5px solid #ccc; border-radius: 30px; color:#333; font-weight:700; line-height: 53px; text-align:center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.responsible_process .right {float: right; width: 674px;}

@media screen and (max-width: 1160px) {
    .responsible_process .left {width: 40%;}
    .responsible_process .left ul {padding-left:0; width:100%; }
    .responsible_process .left ul li {margin-right:3%; width:47%; font-size: 13px; letter-spacing: -0.5px;}
    .responsible_process .right {width: 60%;}
    .responsible_process .right img {width: 100%;} }
@media screen and (max-width: 960px) {
    .responsible_process .left, .responsible_process .right {width: 100%;} }

.responsible_grievances {margin-top: 35px; padding-left: 340px; line-height: 20px; background: url(../_images/11_esg/mineral_info.jpg) no-repeat; background-size:contain; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.responsible_grievances > ul > li {margin-bottom: 20px;}
.responsible_grievances > ul > li > ul {margin-left: 10px; }
.responsible_grievances > ul > li > ul span.spacing {display:inline-block; width: 17px;}
.responsible_grievances table td a {color: blue; text-decoration: underline;}

@media screen and (max-width: 960px) {
    .responsible_grievances {background: none; margin-top: 15px; padding-left:0;}
    .responsible_grievances > ul > li {margin-bottom: 10px; font-size: 13px;}
    .responsible_grievances > ul > li > ul > li {font-size: 13px;}
    .responsible_grievances > ul > li > ul span.spacing {display: none;}
    .responsible_grievances table td a {font-size: 13px;}
}

/*Ã¥ÀÓ±¤¹°º¸°í¼­*/
.disclosure .minerals-board { margin-top: 30px; border-top: 2px solid #333; width: 100%; }
.disclosure .minerals-board .list { display: table; width: 100%; border-bottom: 1px solid #e5e5e5; }
.disclosure .minerals-board .list li { display: table-cell; line-height: 60px; }
.disclosure .minerals-board .list li.num { width:5%; text-align: center; }
.disclosure .minerals-board .list li.subject { width: 65%; font-size: 18px; font-weight: 500; color: #333; }
.disclosure .minerals-board .list li.btns { width: 15%; text-align: right; }
.disclosure .minerals-board .list li.btns a { display: inline-block; border: 1px solid #bbb; line-height: 38px; padding: 0 20px; text-align: center; font-size: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.disclosure .minerals-board .list li.btns a.list-file:before { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: url(/docs/kor6/jsp/_images/common/ico_file.png) no-repeat center; background-size: contain; content: ""; }
.disclosure .minerals-board .list li.date { width: 15%; text-align: right; padding-right: 30px; }
@media screen and (max-width: 960px) {
.conflict .conflict_txt > span {line-height: 17px; }    
.policy .list-style06 > li { margin-top: 20px; font-size: 12px; line-height: 17px;}
.policy .list-style07 > li { margin-top: 20px; font-size: 12px; line-height: 17px;}
.status a.mail {font-size:12px;}
.greybox {width:100%; height:auto; padding:15px 20px; line-height:15px;}
.disclosure .greybox {width:100%; height:auto; padding:15px 20px; line-height:15px;}
.disclosure .greybox a {margin-left: 0;}
.disclosure .greybox a img {max-width: 100%; margin-top: 10px;}
.disclosure .minerals-board { margin-top: 30px; display: block; }
.disclosure .minerals-board .list { display: block; padding-top: 20px; padding-bottom: 20px; }
.disclosure .minerals-board .list li { display: block; line-height: 20px; border-bottom: none; }
.disclosure .minerals-board .list li.num { display:none; }
.disclosure .minerals-board .list li.subject { width: 100%; padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.disclosure .minerals-board .list li.btns { text-align: center; width: 100%; padding: 0 15px 10px; margin-top: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.disclosure .minerals-board .list li.btns a { line-height: 33px; width: 100%; }
.disclosure .minerals-board .list li.date { width: 100%; text-align: left; padding-left: 20px; } }
@media screen and (max-width: 768px) {
.conflict .conflict_img { width: 100%; margin: 0 auto; float:none;}
.conflict .conflict_txt { max-width:100%; margin-top: 17px; float:none;}
.conflict .conflict_txt > h5 {padding-top: 30px; }
.conflict .conflict_txt > span {padding-top: 15px;}    
}


/* °øÁ¤°Å·¡ 210319 */
.layout-col3, .layout-col4 { margin-top: 40px; margin-left: -30px; }
.layout-col3:after, .layout-col4:after { content: ""; display: block; clear: both; }
.layout-col3 .item, .layout-col4 .item { margin-left: 30px; float: left; width: calc((100% - 90px) / 3); margin-bottom: 30px; }
.layout-col3 .item > img, .layout-col4 .item > img { width: 100%; }
.layout-col3 .key, .layout-col4 .key { font-size: 18px; color: #005891; margin-top: 20px; font-weight: 700; }
.layout-col3 .title, .layout-col4 .title { font-size: 18px; color: #333; margin-top: 20px; font-weight: 700; }

@media screen and (max-width: 960px) { .gray-box { padding: 20px; margin-top: 30px; }
.layout-col3, .layout-col4 { margin-top: 30px; margin-left: 0px; }
.layout-col3 .item, .layout-col4 .item { margin-left: 0; width: 100%; margin-bottom: 15px; }
.layout-col3 .key, .layout-col3 .title, .layout-col4 .key, .layout-col4 .title { font-size: 15px; margin-top: 10px; } }
.sustainability-manage { background: url(../_images/06_sustainability/11.jpg) no-repeat 50% 0; background-size: cover; padding: 60px 50px; margin-top: 40px; }
.sustainability-manage ul li { line-height: 24px; padding-left: 10px; text-align: left; background: url("../_images/06_sustainability/bu_line_white.png") no-repeat 0 12px; font-size: 15px; font-weight: 300; color: #fff; margin-bottom: 10px; }

@media screen and (max-width: 960px) { .sustainability-manage { padding: 30px 20px; margin-top: 20px; }
.sustainability-manage ul li { line-height: 18px; padding-left: 8px; text-align: left; background: url("../_images/06_sustainability/bu_line_white.png") no-repeat 0 8px; font-size: 12px; margin-bottom: 5px; } }
.cs-center { margin-top: 40px; border: 1px solid #e5e5e5; padding: 40px 0 40px 250px; background: url(../_images/06_sustainability/ico_phone.png) no-repeat 80px 50%; }
.cs-center .title { font-size: 20px; font-weight: 700; color: #005891; margin-bottom: 30px; }
.cs-center dl { margin-bottom: 10px; display: table; }
.cs-center dl:last-of-type { margin: 0; }
.cs-center dl dt { display: table-cell; width: 100px; font-weight: 700; color: #333; line-height: 24px; }
.cs-center dl dd { display: table-cell; line-height: 24px; }

@media screen and (max-width: 960px) { .cs-center { margin-top: 30px; padding: 115px 20px 30px 20px; background-size: 60px; background-position: 50% 33px; }
.cs-center .title { font-size: 15px; margin-bottom: 20px; }
.cs-center dl { margin-bottom: 10px; }
.cs-center dl dt { width: 85px; font-size: 12px; line-height: 17px; }
.cs-center dl dd { font-size: 12px; line-height: 17px; } }

.sustainability-process { width: 960px; margin: 40px auto 0; }
.sustainability-process > li .wrap { border: 2px dashed #e5e5e5; border-radius: 80px; padding: 20px; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sustainability-process > li .wrap div { display: table-cell; vertical-align: middle; }
.sustainability-process > li .wrap .key { border-radius: 60px; width: 30%; padding: 30px; }
.sustainability-process > li .wrap .key p { color: #fff; font-weight: 500; text-align: center; }
.sustainability-process > li .wrap .key p.text { font-size: 20px; line-height: 28px; margin-top: 10px; }
.sustainability-process > li .wrap .value { padding: 20px 0 20px 50px; }
.sustainability-process > li .wrap .value .title { margin-top: 30px; font-size: 20px; color: #333; font-weight: 700; }
.sustainability-process > li:after { display: block; content: ""; width: 100%; height: 50px; background: url(../_images/06_sustainability/process_arrow.png) no-repeat center; }
.sustainability-process > li:last-child:after { display: none; }
.sustainability-process > li:nth-child(1) .wrap .key { background: #754ee3; }
.sustainability-process > li:nth-child(2) .wrap .key { background: #5e58e2; }
.sustainability-process > li:nth-child(3) .wrap .key { background: #4056c9; }
.sustainability-process > li:nth-child(4) .wrap .key { background: #3153a8; }
.sustainability-process > li:nth-child(5) .wrap .key { background: #295596; }

@media screen and (max-width: 960px) { .sustainability-process { width: 100%; margin: 20px auto 0; }
.sustainability-process > li .wrap { border: 1px dashed #e5e5e5; border-radius: 45px; padding: 10px; }
.sustainability-process > li .wrap div { display: table-cell; vertical-align: middle; }
.sustainability-process > li .wrap .key { border-radius: 35px; width: 35%; padding: 10px; }
.sustainability-process > li .wrap .key p.text { font-size: 14px; line-height: 17px; margin-top: 5px; }
.sustainability-process > li .wrap .value { padding: 20px 10px 20px 20px; }
.sustainability-process > li .wrap .value .title { margin-top: 15px; font-size: 13px; }
.sustainability-process > li:after { display: block; content: ""; width: 100%; height: 50px; background: url(../_images/06_sustainability/process_arrow.png) no-repeat center; }
.sustainability-process > li:last-child:after { display: none; }
.sustainability-process > li:nth-child(1) .wrap .key { background: #754ee3; }
.sustainability-process > li:nth-child(2) .wrap .key { background: #5e58e2; }
.sustainability-process > li:nth-child(3) .wrap .key { background: #4056c9; }
.sustainability-process > li:nth-child(4) .wrap .key { background: #3153a8; }
.sustainability-process > li:nth-child(5) .wrap .key { background: #295596; } }
.global-image { background: #f1f1f1; text-align: center; margin-top: 40px; }

@media screen and (max-width: 960px) { .global-image { margin-top: 20px; }
.global-image img { width: 100%; } }

.report-top { display: table; width: 100%; margin-top: 60px; }
.report-top .image { display: table-cell; width: 240px; }
.report-top .image img { width: 100%; border: 1px solid #e5e5e5; }
.report-top .text-wrap { display: table-cell; padding-left:100px; position: relative; vertical-align: top; }
.report-top .text-wrap .title { width: 100%; font-size: 18px; color: #333; font-weight: 500; border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:10px; }
.report-top .text-wrap .text { margin-top: 0px; }
.report-top .text-wrap .list { width: 100%; }
.report-top .text-wrap .list li { line-height:42px; margin-bottom:5px; }
.report-top .text-wrap .list li:last-child { margin-bottom:0; }
.report-top .text-wrap .btns { margin: 20px 0 40px;  }
.report-top .text-wrap div.btns a { margin-right: 10px; }
.report-top .text-wrap .btns a { display: inline-block; border: 1px solid #bbb; line-height: 32px; width: 95px; text-align: center; }
.report-top .text-wrap .btns a:before { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: url(../_images/common/ico_file.png) no-repeat center; background-size: contain; content: ""; }
.report-top .text-wrap .span_btns { float:right; margin:0; }
.board.ir { margin-top: 30px; }
.download_list { margin-right: 143px; }

@media screen and (max-width: 960px) { .report-top { margin-top: 30px; display: block; }
.report-top .image { display:block; width:80%; margin:0 auto; }
.report-top .image img { margin-top: 20px; }
.report-top .text-wrap { padding: 20px; }
.report-top .text-wrap .title { font-size: 20px; }
.report-top .text-wrap .text { margin-top: 15px; }
.report-top .text-wrap .btns a { width: 100%; }
.report-top .text-wrap div.btns a { margin-right:0; margin-bottom: 15px; }
.report-top .text-wrap .span_btns { float: none; }
.download_list { margin-right: 0; } }
.foot-banner-wrap { padding: 100px 0; background: #f1f1f1; margin-top: 100px; }
.foot-banner-wrap .sustainability-foot-banner { margin-left: -30px; }
.foot-banner-wrap .sustainability-foot-banner:after { content: ""; display: block; clear: both; }
.foot-banner-wrap .sustainability-foot-banner .item { width: calc(( 100% - 90px ) / 3); float: left; margin-left: 30px; line-height: 78px; border: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.foot-banner-wrap .sustainability-foot-banner .item:nth-child(3) { background: url(../_images/06_sustainability/ico_banner1.png) no-repeat 30px 50% #fff; }
.foot-banner-wrap .sustainability-foot-banner .item:nth-child(2) { background: url(../_images/06_sustainability/ico_banner2.png) no-repeat 30px 50% #fff; }
.foot-banner-wrap .sustainability-foot-banner .item:nth-child(1) { background: url(../_images/06_sustainability/ico_banner3.png) no-repeat 30px 50% #fff; }
.foot-banner-wrap .sustainability-foot-banner .item a { display: block; width: 100%; /*height: 100%;*/ text-indent: 90px; font-size: 16px; color: #333; font-weight: 700; }

@media screen and (max-width: 960px) { .foot-banner-wrap { margin-top: 60px; padding: 60px 0; }
.foot-banner-wrap .sustainability-foot-banner { margin-left: -15px; margin-top: 0; }
.foot-banner-wrap .sustainability-foot-banner .item { width: calc(( 100% - 45px ) / 3); margin-left: 15px; line-height: 17px; border: none; background-position: 50% 20px !important; background-size: 30px !important; height: 110px; }
.foot-banner-wrap .sustainability-foot-banner .item a { text-indent: 0; font-size: 12px; padding-top: 60px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }
sub { vertical-align: sub; font-size: smaller; }
.board .list li.btns.col2 { width: 250px; }
.board .list li.btns.col2 a.left { left: 0; }
.board .list li.btns.col2 a.right { right: 30px; }
@media screen and (max-width: 960px) { .board .list li.btns.col2 { width: 100%; }
.board .list li.btns.col2 a.left { left: 20px; }
.board .list li.btns.col2 a.right { right: 20px; } }

/*     Global Initiative ±Û·Î¹ú À̴ϼÅƼºê 2020.07.07ver    */
.board.ini .list li {vertical-align:middle;}
.ini { border-bottom: 2px solid #333;}
.ini .list:after {content: ""; display: block; clear: both;}
.ini .list li {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ini .list .info {width:80%; padding:40px 20px; }
.ini .list .info h4 {padding-top:0; }
.ini .list .info p {padding-top:20px; text-align:justify;}
.ini .list .info p strong {color:#333;}
.ini .list .info p > a { font-size: 13px;  padding:3px 8px; margin-right: 5px; background:#fff; color:#222; border:1px solid #222; font-size:15px ; display:inline-block; }
.ini .list .logo { width:20%; height:auto; padding:40px 20px; TEXT-ALIGN:CENTER; position:relative;}
.ini .list .logo img {width:80%; vertical-align: middle; /*position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);*/}
/* .ini_list {width: 100%; }
.ini_list li { float:left;}
.ini_list .ini_title { width: 20%; padding: 40px 0;}
.ini_list .ini_title p {font-size: 20px; width:100%; display: block; text-align:center; color:#222; font-weight:500;} */
.ini .list:last-child .info { width: 100%;}
.board .list li.ini_down { /*width:80%; padding: 30px 6px 30px 0; line-height: inherit !important;*/ margin-top:10px; display:inline-block;}
.board .list li.ini_down a { /*padding: 12px 20px ; margin:5px 10px 5px 0; */  line-height: 37px; padding:0 20px; font-size: 13px; background: #25292c; color:#fff; display:inline-block; margin-right:10px; }
.board .list li.ini_down .ca { width: auto; height: 37px; vertical-align: middle; display:inline-block;}

@media screen and (max-width: 960px) {
.ini .list .info {width:100%;}
.ini .list .info p {font-size: 13px;}
.ini .list .logo {width:200px; margin:0 auto 40px; padding:0; text-align:center;}
.ini .list .logo img {position:relative; top:0; left:0; transform:translate(0%, 0%);}
/* .board .list li.ini_down { width:80%; padding: 0 6px 0 0; } */

}
@media screen and (max-width: 480px) {
/* .ini_list .ini_title { width: 100%; padding: 0 0 0 20px; }
.ini_list .ini_title p {text-align:left; } 
.board .list li.ini_down { padding:9px 5px 0 20px; }
.board .list li.ini_down a { font-size: 12px; padding: 12px 15px; }*/
.board .list li.ini_down { font-size: 12px;  padding: 0;}
.board .list li.ini_down a {padding: 0 10px;  margin-right: 5px; }
}

/*     ESG 2021.03.26ver    */
.esg .subtop {background: url(../_images/04_ethics/main_visual.jpg) no-repeat bottom;}

/*     ESG > ȯ°æ°æ¿µ    */
.sustainability-policy { height: 243px; padding: 60px 50px; background: url(../_images/06_sustainability/121.jpg) no-repeat center; background-size: cover; margin-top: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sustainability-policy .title { font-size: 20px; font-weight: 700; color: #fff; }
.sustainability-policy .text { color: #fff; margin-top: 15px; width: 60%; font-weight: 300; }
.policy-image { margin-top: 100px; text-align: center; }
.policy-image img { margin: 0 auto; }
.policy-box .item { border: 1px solid #e5e5e5; padding: 40px; height: 320px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.policy-box .item .key { margin-top: 0; }
.policy-box .item .sub-title { margin-top: 20px; color: #333; font-weight: 700; }
.policy-box .item .text { margin-top: 10px; }

@media screen and (max-width: 960px) {
.sustainability-policy { height: auto; padding: 30px 20px; margin-top: 20px; }
.sustainability-policy .title { font-size: 15px; }
.sustainability-policy .text { margin-top: 10px; width: 80%; }
.policy-image { margin-top: 60px; }
.policy-image img { width: 100%; }
.policy-box .item { padding: 30px 20px; height: 100%; }
.policy-box .item .key { margin-top: 0; }
.policy-box .item .sub-title { margin-top: 10px; }
.policy-box .item .text { margin-top: 10px; } }

.sustainability-environment { background: url(../_images/06_sustainability/211.jpg) no-repeat 50% 0; background-size: cover; padding: 60px 50px; margin-top: 40px; }
.sustainability-environment ul li { line-height: 24px; padding-left: 10px; text-align: left; background: url("../_images/06_sustainability/bu_line_white.png") no-repeat 0 12px; font-size: 15px; font-weight: 300; color: #fff; margin-bottom: 10px; }
.sustainability-environment ul li b { color: #fff; font-weight: bold; }

@media screen and (max-width: 960px) {
.sustainability-environment { padding: 30px 20px; margin-top: 20px; }
.sustainability-environment ul li { line-height: 18px; padding-left: 8px; text-align: left; background: url("../_images/06_sustainability/bu_line_white.png") no-repeat 0 8px; font-size: 12px; margin-bottom: 5px; } 
.sustainability-environment ul li b { font-size: 12px; } }

/*     ESG > ¾ÈÀü°ü¸®    */
.environmental section.main { padding-bottom: 0; }
.environmental .subtop { background: url(../_images/10_safty/visual.jpg) no-repeat center; }
.safety .btn-wrap {margin-top: -45px;}
.safety_pop { display: block; margin: 0 auto;}

@media screen and (max-width: 960px) { 
#paging { margin-top: 30px; }
#paging a { width: 35px; height: 35px; line-height: 35px; font-size: 12px; } 
.safety .btn-wrap {margin-top: 15px;}
.safety_pop { width: 100%;}}

/*
.subtop { background-size: cover !important; height: 260px; width: 100%; }
.subtop h2 { padding-top: 50px; line-height: 40px; font-size: 40px; color: #fff; font-weight: 700; }

@media screen and (max-width: 960px) { 
.subtop { height: 180px; }
.subtop h2 { padding-top: 30px; line-height: 25px; font-size: 25px; } }*/

/*     ESG > À±¸®°æ¿µ    */
/* .ethics .subtop {background: url(../_images/04_ethics/main_visual.jpg) no-repeat center;} 

.visual { width: 100%; height: 700px; background: url(../_images/04_ethics/main_visual.jpg) no-repeat center; background-size: cover; }
.visual p { text-align: center; color: #fff; }
.visual p.key { font-size: 24px; font-weight: 500; padding-top: 150px; }
.visual p.title { font-size: 50px; font-weight: 500; margin-top: 40px; }
.visual p.value { margin-top: 30px; font-size: 18px; font-weight: 300; }

@media screen and (max-width: 960px) { .visual { height: 375px; }
.visual p.key { font-size: 20px; padding-top: 88px; }
.visual p.title { font-size: 32px; margin-top: 28px; }
.visual p.value { margin-top: 20px; font-size: 12px; } }*/

.rule { padding-top:70px;}
/* .rule .banner-wrap { background: #fff; position: relative; width: 100%; border: 1px solid #eeeeee; }
.rule .banner-wrap div {display: block; padding: 35px 40px 35px 85px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../_images/04_ethics/main_ico_banner1.png) no-repeat 0px 50%; margin-left: 40px; }
.rule .banner-wrap div a { position: relative; display: inline-block; font-weight:500; margin-top: 21px; margin-right: 11px; padding: 13px 30px; background: #fff; border:1px solid #999; border-radius: 55px; color:#222; font-size: 15px; transition:ease-in-out 0.3s;  }
.rule .banner-wrap div a:hover { background:#222; color:#fff; transition:ease-in-out 0.3s; }
.rule .banner-wrap div .title { font-size: 18px; color: #333; font-weight: 700; margin-bottom: 14px;line-height:inherit; }
.rule .banner-wrap div .text { font-size: 14px; line-height: inherit; } */
.rule .banner-wrap { border: 1px solid #eee; position: relative;}
.rule .banner-wrap:after { content: ""; display: block; clear: both; }
.rule .banner-wrap li { margin-left: 15px; float: left; width: calc( (100% - 75px) /4); height: 175px; }
.rule .banner-wrap li a { display: block; padding: 35px 10px 0 70px; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.rule .banner-wrap li .title { font-size: 16px; color: #333; font-weight: 700; margin-bottom: 15px; }
.rule .banner-wrap li .text { font-size: 14px; line-height: 20px; }
.rule .banner-wrap li:nth-child(1) { background: url(../_images/04_ethics/main_ico_banner1.png) no-repeat 0px 50%; margin-left: 25px; }
.rule .banner-wrap li:nth-child(2) { background: url(../_images/04_ethics/main_ico_banner2.png) no-repeat 0px 50%; }
.rule .banner-wrap li:nth-child(3) { background: url(../_images/04_ethics/main_ico_banner3.png) no-repeat 4px 50%; }
.rule .banner-wrap li:nth-child(4) { background: url(../_images/04_ethics/main_ico_banner3.png) no-repeat 4px 50%; margin-right: 5px; }
.rule .rule-con { margin-left: -30px; padding-top: 90px; }
.rule .rule-con:after { content: ""; display: block; clear: both; }
.rule .rule-con .text-wrap { margin-left: 30px; float: left; width: calc((100% - 120px) / 4); }
.rule .rule-con .text-wrap .title { font-size: 40px; color: #333; font-weight: 700; margin-bottom: 30px; }
.rule .rule-con .text-wrap .text { line-height: 24px; }
.rule .rule-con .text-wrap .btn { margin-top: 40px; }
.rule .rule-con .text-wrap .btn a { display: inline-block; line-height: 45px; border-radius: 55px; font-size: 15px; font-weight: 500; margin: 0 5px; color: #333; padding: 0 30px; border: 1px solid #999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.rule .rule-con .link-wrap { width: calc((100% / 4) * 3); float: left; }
.rule .rule-con .link-wrap li { float: left; width: calc((100% - 90px) / 3); margin-left: 30px; }
.rule .rule-con .link-wrap li .image { width: 100%; height: 270px; overflow: hidden; }
.rule .rule-con .link-wrap li .image span { transition: .5s ease; width: 100%; height: 100%; display: block; }
.rule .rule-con .link-wrap li:nth-child(1) .image span { background: url(../_images/04_ethics/main_rule1.jpg) no-repeat center; background-size: cover; }
.rule .rule-con .link-wrap li:nth-child(2) .image span { background: url(../_images/04_ethics/main_rule2.jpg) no-repeat center; background-size: cover; }
.rule .rule-con .link-wrap li:nth-child(3) .image span { background: url(../_images/04_ethics/main_rule3.jpg) no-repeat center; background-size: cover; }
.rule .rule-con .link-wrap li div { position: relative; width: 100%; height: 60px; background: #fff; margin: 0; }
.rule .rule-con .link-wrap li div .bg { background: #222; width: 0; height: 100%; transition: .5s ease; }
.rule .rule-con .link-wrap li div .text { position: absolute; left: 0; top: 0; width: 100%; line-height: 60px; text-indent: 20px; font-size: 18px; color: #222; }
.rule .rule-con .link-wrap li div .text:after { content: ""; display: block; clear: both; }
.rule .rule-con .link-wrap li div .text span { position: absolute; right: 0; top: 0; }
.rule .rule-con .link-wrap li a { display: block; }
.rule .rule-con .link-wrap li a:hover .image span { transform: scale(1.1); }
.rule .rule-con .link-wrap li a:hover div .bg { width: 100%; }
.rule .rule-con .link-wrap li a:hover div .text { color: #fff; }

@media screen and (max-width: 1200px) {
    .rule .banner-wrap li { margin-left: 20px; width: calc( (100% - 80px) /4); height: 214px; }
    .rule .banner-wrap li a { padding: 107px 20px 0 20px; }
    .rule .banner-wrap li .title { text-align: center; }
    .rule .banner-wrap li .text { text-align: center; }
    .rule .banner-wrap li:nth-child(1) { margin-left: 0; background: url(../_images/04_ethics/main_ico_banner1.png) no-repeat 50% 35px; }
    .rule .banner-wrap li:nth-child(2) { background: url(../_images/04_ethics/main_ico_banner2.png) no-repeat 50% 34px; }
    .rule .banner-wrap li:nth-child(3) { background: url(../_images/04_ethics/main_ico_banner3.png) no-repeat 50% 30px; }
    .rule .banner-wrap li:nth-child(4) { background: url(../_images/04_ethics/main_ico_banner3.png) no-repeat 50% 30px; }
    
    .rule .rule-con { margin-top: -7px; margin-left: 0; }
    .rule .rule-con:after { content: ""; display: block; clear: both; }
    .rule .rule-con .text-wrap { margin-left: 0; width: 100%; margin-bottom: 40px; }
    .rule .rule-con .text-wrap .title { text-align: center; }
    .rule .rule-con .text-wrap .text { text-align: center; width: 340px; margin: 0 auto; }
    .rule .rule-con .text-wrap .btn { margin-top: 20px; text-align: center; }
    .rule .rule-con .link-wrap { width: 100%; float: left; }
    .rule .rule-con .link-wrap li { float: left; width: calc((100% - 40px) / 3); margin-left: 20px; }
    .rule .rule-con .link-wrap li:nth-child(1) { margin-left: 0; }
    .rule .rule-con .link-wrap li .image { height: 300px; } }
@media screen and (max-width: 960px) {.rule { padding-top: 50px; }
    /* .rule .banner-wrap div {padding: 90px 15px 20px; margin-top: 30px; margin-left: 0; width: 100%; background: url(../_images/04_ethics/main_ico_banner1.png) no-repeat top left 16px; }
    .rule .banner-wrap div .title { font-size: 16px; }
    .rule .banner-wrap div .text { font-size: 14px; line-height: 20px; }.rule .rule-con { margin-top: -38px; }
    .rule .banner-wrap div a{ margin-right: 10px; font-size: 12px; } */
    .rule .banner-wrap {border: none;}
    .rule .banner-wrap li { margin-left: 0; float: none; width: 100%; height: 98px; padding: 0 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .rule .banner-wrap li a { display: block; padding: 25px 0 0 67px; border-bottom: 1px solid #e5e5e5; }
    .rule .banner-wrap li .title { font-size: 13px; margin-bottom: 10px; text-align: left; }
    .rule .banner-wrap li .text { font-size: 12px; line-height: 17px; text-align: left; }
    .rule .banner-wrap li:nth-child(1) { background: url(../_images/04_ethics/main_ico_banner1.png) no-repeat 25px 50%; background-size: 45px; }
    .rule .banner-wrap li:nth-child(2) { background: url(../_images/04_ethics/main_ico_banner2.png) no-repeat 25px 50%; background-size: 45px; }
    .rule .banner-wrap li:nth-child(3) { background: url(../_images/04_ethics/main_ico_banner3.png) no-repeat 29px 50%; background-size: 38px; }
    .rule .banner-wrap li:nth-child(4) { background: url(../_images/04_ethics/main_ico_banner3.png) no-repeat 29px 50%; background-size: 38px; }
    .rule .rule-con .text-wrap { margin-bottom: 20px; }
    .rule .rule-con .text-wrap .title { font-size: 25px; margin-bottom: 15px; }
    .rule .rule-con .text-wrap .text { font-size: 12px; line-height: 17px; width: 265px; }
    .rule .rule-con .text-wrap .btn a { line-height: 33px; font-size: 12px; }
    .rule .rule-con .link-wrap li { width: calc((100% - 30px) / 3); margin-left: 15px; }
    .rule .rule-con .link-wrap li .image { height: 101px; }
    .rule .rule-con .link-wrap li div { height: 35px; }
    .rule .rule-con .link-wrap li div .text { line-height: 35px; text-indent: 12px; font-size: 13px; height: 35px; }
    .rule .rule-con .link-wrap li div .text span img { height: 35px; } }
@media screen and (max-width: 480px) {
    .rule .banner-wrap div a:nth-child(4), .rule .banner-wrap div a:nth-child(5)  { margin-right :0; } }

.activity .activity-con { padding-top: 100px;  }
.activity .activity-con:after { content: ""; display: block; clear: both; }
.activity .activity-con .text-wrap { margin-left: 30px; float: right; width: calc((100% - 90px) / 3); }
.activity .activity-con .text-wrap .title { font-size: 40px; color: #333; font-weight: 700; margin-bottom: 30px; }
.activity .activity-con .text-wrap .text { line-height: 24px; }
.activity .activity-con .link-wrap { margin-left: -30px; width: calc((100% / 3) * 2); float: left; }
.activity .activity-con .link-wrap li { float: left; width: calc((100% - 60px) / 2); margin-left: 30px; margin-bottom: 30px; }
.activity .activity-con .link-wrap li .image { width: 100%; height: 200px; overflow: hidden; }
.activity .activity-con .link-wrap li .image span { transition: .5s ease; width: 100%; height: 100%; display: block; }
.activity .activity-con .link-wrap li:nth-child(1) .image span { background: url(../_images/04_ethics/main_activity1.jpg) no-repeat center; background-size: cover; }
.activity .activity-con .link-wrap li:nth-child(2) .image span { background: url(../_images/04_ethics/main_activity2.jpg) no-repeat center; background-size: cover; }
.activity .activity-con .link-wrap li:nth-child(3) .image span { background: url(../_images/04_ethics/main_activity3.jpg) no-repeat center; background-size: cover; }
.activity .activity-con .link-wrap li:nth-child(4) .image span { background: url(../_images/04_ethics/main_activity4.jpg) no-repeat center; background-size: cover; }
.activity .activity-con .link-wrap li:nth-child(5) .image span { background: url(../_images/04_ethics/main_activity5.jpg) no-repeat center; background-size: cover; }
.activity .activity-con .link-wrap li:nth-child(6) .image span { background: url(../_images/04_ethics/main_activity6.jpg) no-repeat center; background-size: cover; }
.activity .activity-con .link-wrap li div { position: relative; width: 100%; height: 60px; background: #fff; margin: 0; }
.activity .activity-con .link-wrap li div .bg { background: #222; width: 0; height: 100%; transition: .5s ease; }
.activity .activity-con .link-wrap li div .text { position: absolute; left: 0; top: 0; width: 100%; line-height: 60px; text-indent: 20px; font-size: 18px; color: #222; }
.activity .activity-con .link-wrap li div .text:after { content: ""; display: block; clear: both; }
.activity .activity-con .link-wrap li div .text span { position: absolute; right: 0; top: 0; }
.activity .activity-con .link-wrap li a { display: block; }
.activity .activity-con .link-wrap li a:hover .image span { transform: scale(1.1); }
.activity .activity-con .link-wrap li a:hover div .bg { width: 100%; }
.activity .activity-con .link-wrap li a:hover div .text { color: #fff; }
.activity .item { border: 1px solid #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.activity .item > img { width: 100%; }
.activity .item p { line-height: 77px; border-top: 1px solid #e5e5e5; text-align: center; font-size: 18px; color: #333; }
.activity .item a { display: block; line-height: 50px; background: #f1f1f1; text-align: center; color: #005891; font-weight: 700; }
.activity .item a img { margin-left: 10px; }

@media screen and (max-width: 1200px) {
    .activity .activity-con .text-wrap { float: left; width: 100%; margin-bottom: 40px; }
    .activity .activity-con .text-wrap .title { text-align: center; }
    .activity .activity-con .text-wrap .text { text-align: center; width: 360px; margin: 0 auto; }
    .activity .activity-con .link-wrap { margin-left: -20px; width: calc(100% + 20px); float: left; }
    .activity .activity-con .link-wrap li { float: left; width: calc((100% - 40px) / 2); margin-left: 20px; }
    .activity .activity-con .link-wrap li .image { height: 248px; } }

@media screen and (max-width: 960px) { 
    .activity .activity-con { padding-top: 60px; }
    .activity .activity-con .text-wrap { margin-left: 0; float: left; width: 100%; margin-bottom: 40px; }
    .activity .activity-con .text-wrap .title { font-size: 25px; margin-bottom: 15px; }
    .activity .activity-con .text-wrap .text { font-size: 12px; line-height: 17px; width: 265px; }
    .activity .activity-con .link-wrap { margin-left: -15px; width: calc( 100% + 15px); float: left; }
    .activity .activity-con .link-wrap li { width: calc((100% - 30px) / 2); margin-left: 15px; margin-bottom: 15px; }
    .activity .activity-con .link-wrap li .image { height: 80px; }
    .activity .activity-con .link-wrap li div { height: 35px; }
    .activity .activity-con .link-wrap li div .text { line-height: 35px; text-indent: 12px; font-size: 13px; height: 35px; }
    .activity .activity-con .link-wrap li div .text span img { height: 35px; } }

.system .system-con { padding-top: 100px; }
.system .system-con:after { content: ""; display: block; clear: both; }
.system .system-con .text-wrap { float: left; width: calc((100% - 90px) / 3); }
.system .system-con .text-wrap .title { font-size: 40px; color: #333; font-weight: 700; margin-bottom: 30px; }
.system .system-con .text-wrap .text { line-height: 24px; }
.system .system-con .link-wrap { margin-left: -30px; width: calc((100% / 3) * 2); float: right; }
.system .system-con .link-wrap li { float: left; width: calc((100% - 60px) / 2); margin-left: 30px; }
.system .system-con .link-wrap li .image { width: 100%; height: 200px; overflow: hidden; }
.system .system-con .link-wrap li .image span { transition: .5s ease; width: 100%; height: 100%; display: block; }
.system .system-con .link-wrap li:nth-child(1) .image span { background: url(../_images/04_ethics/main_system1.jpg) no-repeat center; background-size: cover; }
.system .system-con .link-wrap li:nth-child(2) .image span { background: url(../_images/04_ethics/main_system2.jpg) no-repeat center; background-size: cover; }
.system .system-con .link-wrap li div { position: relative; width: 100%; height: 60px; background: #fff; margin: 0; }
.system .system-con .link-wrap li div .bg { background: #222; width: 0; height: 100%; transition: .5s ease; }
.system .system-con .link-wrap li div .text { position: absolute; left: 0; top: 0; width: 100%; line-height: 60px; text-indent: 20px; font-size: 18px; color: #222; }
.system .system-con .link-wrap li div .text:after { content: ""; display: block; clear: both; }
.system .system-con .link-wrap li div .text span { float: right; }
.system .system-con .link-wrap li a { display: block; }
.system .system-con .link-wrap li a:hover .image span { transform: scale(1.1); }
.system .system-con .link-wrap li a:hover div .bg { width: 100%; }
.system .system-con .link-wrap li a:hover div .text { color: #fff; }

@media screen and (max-width: 1200px) {
    .system .system-con .text-wrap { float: left; width: 100%; margin-bottom: 40px; }
    .system .system-con .text-wrap .title { text-align: center; }
    .system .system-con .text-wrap .text { text-align: center; width: 360px; margin: 0 auto; }
    .system .system-con .link-wrap { margin-left: -20px; width: calc(100% + 20px); float: left; }
    .system .system-con .link-wrap li { float: left; width: calc((100% - 40px) / 2); margin-left: 20px; }
    .system .system-con .link-wrap li .image { height: 248px; } }

@media screen and (max-width: 960px) {
    .system .system-con { padding-top: 60px;  }
    .system .system-con .text-wrap { margin-left: 0; float: left; width: 100%; margin-bottom: 40px; }
    .system .system-con .text-wrap .title { font-size: 25px; margin-bottom: 15px; }
    .system .system-con .text-wrap .text { font-size: 12px; line-height: 17px; width: 300px; }
    .system .system-con .link-wrap { margin-left: -15px; width: calc( 100% + 15px); float: left; }
    .system .system-con .link-wrap li { width: calc((100% - 30px) / 2); margin-left: 15px; margin-bottom: 15px; }
    .system .system-con .link-wrap li .image { height: 80px; }
    .system .system-con .link-wrap li div { height: 35px; }
    .system .system-con .link-wrap li div .text { line-height: 35px; text-indent: 12px; font-size: 13px; height: 35px; }
    .system .system-con .link-wrap li div .text span img { height: 35px; } }

/*     ESG > À±¸®°æ¿µ > À±¸®±Ô¹ü > CEO MASSAGE     */
.ceo-top { height: 432px; background: url(../_images/04_ethics/ceo_bg.jpg) no-repeat 0 100%; padding-top: 120px; padding-left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ceo-top img.monly { display: none; }
.ceo-top img.mhide { display: block; }
.ceo-top .ceo-name { margin-top: 55px; color: #333; font-size: 20px; }
.ceo-top .ceo-name strong { font-size: 20px; color: #333; }
.ceo-message { margin-top: 50px; }

@media screen and (max-width: 960px) { 
    .ceo-top { height: auto; background: none; background-size: 100% auto; padding-top: 40px; padding-left: 0; padding-bottom: 0; position: relative; }
    .ceo-top img { margin-left: 0; width: 100%; }
    .ceo-top img.monly { display: block; position: relative; z-index: -1; }
    .ceo-top img.mhide { display: none; }
    .ceo-top .ceo-name { margin-top: 0; font-size: 15px; margin-left: 0; position: absolute; left: 0; bottom: 100px; }
    .ceo-top .ceo-name strong { font-size: 15px; }
    .ceo-message { margin-top: 50px; }
    .ceo-message p{ font-size:17px; } }

/*     ESG > À±¸®°æ¿µ > À±¸®±Ô¹ü > À±¸®ÁØÄ¢     */
.gray-box { padding: 40px; background: #f1f1f1; margin-top: 40px; }

.layout-col3, .layout-col4 { margin-top: 40px; margin-left: -30px; }
.layout-col3:after, .layout-col4:after { content: ""; display: block; clear: both; }
.layout-col3 .item, .layout-col4 .item { margin-left: 30px; float: left; width: calc((100% - 90px) / 3); margin-bottom: 30px; }
.layout-col3 .item > img, .layout-col4 .item > img { width: 100%; }
.layout-col3 .key, .layout-col4 .key { font-size: 18px; color: #005891; margin-top: 20px; font-weight: 700; }
.layout-col3 .title, .layout-col4 .title { font-size: 18px; color: #333; margin-top: 20px; font-weight: 700; }
.layout-col3:after, .layout-col4:after { display: block; clear: both; content: ""; }

.layout-col4 .item { width: calc((100% - 120px) / 4); }

@media screen and (max-width: 960px) {
    .gray-box { padding: 20px; margin-top: 30px; }
    .layout-col3, .layout-col4 { margin-top: 30px; margin-left: 0px; }
    .layout-col3 .item, .layout-col4 .item { margin-left: 0; width: 100%; margin-bottom: 15px; }
    .layout-col3 .key, .layout-col3 .title, .layout-col4 .key, .layout-col4 .title { font-size: 15px; margin-top: 10px; }
    .layout-col3:after, .layout-col4:after { display: block; clear: both; content: ""; } }

/*     ESG > À±¸®°æ¿µ > À±¸®½ÇõȰµ¿ > Á¦µµ¿î¿µ     */
.manage .item p { margin-top: 20px; }
.manage .item p.title { margin-bottom: 10px; }
.manage .item img { width: 100%; }

@media screen and (max-width: 960px) { 
    .manage .item { margin-bottom: 30px; }
    .manage .item p { margin-top: 10px; }
    .manage .item img { width: 100%; } }

/*     ESG > À±¸®°æ¿µ > À±¸®½ÇõȰµ¿ > Ŭ¸° Æ÷½ºÄÚ ½Ã½ºÅÛ     */
.step-flow { background: #f1f1f1; display: table; width: 100%; margin-top: 20px; padding: 40px 0; }
.step-flow .item { display: table-cell; width: 25%; background: url(../_images/common/step_arrow.png) right center no-repeat; padding: 0 40px; }
.step-flow .item:last-child { background: none; }
.step-flow .item .top { text-align: center; }
.step-flow .item .top span { background: #005891; line-height: 34px; padding: 0 20px; color: #fff; border-radius: 50px; display: inline-block; }
.step-flow .item .top .key { margin-top: 20px; font-size: 18px; font-weight: 700; color: #333; }

@media screen and (max-width: 960px) {
    .step-flow { display: block; margin-top: 15px; padding: 0; }
    .step-flow .item { display: block; width: 100%; background: url(../_images/common/step_arrow_mobile.png) center bottom no-repeat; background-size: 20px; padding: 30px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .step-flow .item:last-child { background: none; }
    .step-flow .item .top span { line-height: 24px; padding: 0 20px; font-size: 12px; }
    .step-flow .item .top .key { margin-top: 15px; font-size: 13px; }
    .step-flow .item .list-style01 li { background: none; text-align: center; } }

/*      ESG > À±¸®°æ¿µ > À±¸®½ÇõȰµ¿ > Çù·Â»ç À±¸®°æ¿µ Áö¿ø > À±¸®ÀÎÇÁ¶ó ÀÚ·á½Ç (200210)       */
.ethics_item_list {margin-top:60px; overflow: hidden;}
.item_list_text {padding:40px 0 0 10px;}
.ethics_item_list .item {width: calc( (100% - 66px) / 3); float: left; margin:0 10px 58px; cursor: pointer;  border: 1px solid #e5e5e5;}
.ethics_item_list .item img {position:relative; left:0; transition:all 1s;}
.ethics_item_list .item:hover img { transition:all .3s; box-shadow: 5px 5px 7px #b9b9b9; left:-7px;}
.ethics_item_list .item .info_wrap {padding:19px 10px;position: relative; }
.ethics_item_list .item .info_wrap .info_date {display:block; text-align: center; color:#333;}

@media screen and (max-width: 768px) {
    .ethics_item_list {margin-top:60px;}
    .ethics_item_list .item {width: calc( (100% - 44px) / 2); margin:0 10px 40px;}
    .ethics_item_list .item .info_wrap {padding:19px 10px;} }
@media screen and (max-width: 480px) {
    .ethics_item_list {margin-top:29px;  padding:0 5px;}
    .ethics_item_list .item {width:100%; margin:0 0 58px;}
    .ethics_item_list .item .info_wrap {padding:18px 16px; }
    .ethics_item_list .item_list_text { padding-left:0; } }

/*     ESG > ÀÎÁõ¼­     */
.certif .btn-wrap { margin-top:-50px; }
@media screen and (max-width: 960px) { .certif .btn-wrap { margin-top: 30px; } }

/*      ½Å°í¼¾ÅÍ (2021.03.26 ver)       */
.reporting .subtop { background: url(../_images/06_sustainability/subtop.jpg) no-repeat 50% 50%; }

.write-done { border: 1px solid #e5e5e5; padding: 70px 0; background: url(../_images/09_membership/join-done.png) no-repeat 100px 50%; margin-top: 40px; }
.write-done .title { font-size: 20px; color: #333; font-weight: 700; margin-left: 260px; }
.write-done .text { margin-top: 20px; margin-left: 260px; }

@media screen and (max-width: 960px) { 
    .write-done { padding: 100px 20px 40px; background-size: 60px; background-position: 50% 30px; margin-top: 20px; text-align: center; }
    .write-done .title { font-size: 15px; margin-left: 0; }
    .write-done .text { margin-top: 20px; margin-left: 0; } }

.sex-cs { border: 1px solid #e5e5e5; padding: 40px 0; background: url(../_images/04_ethics/sex_cs.png) no-repeat 60px 50%; margin-top: 40px; }
.sex-cs .title { font-size: 15px; font-weight: 700; margin-left: 170px; }
.sex-cs .cs-wrap { margin-top: 10px; margin-left: 170px; display: table; }
.sex-cs .cs-wrap:first-of-type { margin-top: 30px; }
.sex-cs .cs-wrap p { display: table-cell; vertical-align: top; }
.sex-cs .cs-wrap p.key { color: #333; font-weight: 700; padding-right: 20px; }

@media screen and (max-width: 960px) { 
    .sex-cs { padding: 100px 20px 40px; background-size: 60px; background-position: 50% 30px; margin-top: 20px; }
    .sex-cs .title { font-size: 12px; margin-left: 0; line-height: 17px; }
    .sex-cs .cs-wrap { margin-left: 0; }
    .sex-cs .cs-wrap:first-of-type { margin-top: 10px; }
    .sex-cs .cs-wrap p.key { word-break: keep-all; } }

.cs-center, .online-center { margin-top: 40px; border: 1px solid #e5e5e5; padding: 40px 0 40px 250px; background: url(../_images/04_ethics/ico_phone.png) no-repeat 80px 50%; }
.cs-center dl, .online-center dl { margin-bottom: 10px; display: table; }
.cs-center dl:last-of-type, .online-center dl:last-of-type { margin: 0; }
.cs-center dl dt, .online-center dl dt { display: table-cell; width: 100px; font-weight: 700; color: #333; line-height: 24px; }
.cs-center dl dd, .online-center dl dd { display: table-cell; line-height: 24px; }
.cs-center a, .online-center a { background: #005891; color: #fff; padding: 0 30px; line-height: 45px; display: inline-block; margin-top: 20px; }
.cs-center a img, .online-center a img { margin-left: 10px; }
.online-center { background: url(../_images/04_ethics/ico_notice.png) no-repeat 80px 50%; }

@media screen and (max-width: 960px) {
    .cs-center, .online-center { margin-top: 30px; padding: 115px 20px 30px 20px; background-size: 60px; background-position: 50% 33px; }
    .cs-center f .title, .online-center f .title { font-size: 15px; margin-bottom: 20px; }
    .cs-center dl, .online-center dl { margin-bottom: 10px; }
    .cs-center dl dt, .online-center dl dt { width: 85px; font-size: 12px; line-height: 17px; }
    .cs-center dl dd, .online-center dl dd { font-size: 12px; line-height: 17px; }
    .cs-center a, .online-center a { padding: 0 30px; line-height: 35px; font-size: 12px; margin-top: 20px; width: 100%; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } }

/*      ½Å°í¼¾ÅÍ > ºñÀ±¸®½Å°í¼¾ÅÍ (210127)        */
.inquiry-wrap:after { display: block; clear: both; content: ""; }
.inquiry-wrap > div {float:left; width: 380px;}
.inquiry-wrap .inquiry h4 {margin-left: 5px; margin-right:5px; padding-bottom:30px; border-bottom: 2px solid #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.inquiry-wrap .inquiry .write-input {width:auto; margin-top:0; padding: 40px 10px 10px; border-right: 1px dashed #ccc; border-top: none; border-bottom: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.inquiry-wrap .inquiry .write-input input[type="text"], .inquiry-wrap .inquiry .write-input input[type="password"] {width:100%;}
.inquiry-wrap .inquiry .write-input ul > li {display:block;}
.inquiry-wrap .inquiry .write-input ul > li:first-child {text-indent:0px;}
.inquiry-wrap .inquiry .write-input ul > li p {font-size:14px;}
.inquiry-wrap .inquiry .write-input > ul > li input[type="tel"] {width:25%;}
.inquiry-wrap .inquiry .write-input ul.iq-cate > li {display:table-cell; vertical-align:bottom;}
.inquiry-wrap .inquiry .write-input ul.iq-cate .checks input[type="radio"] + label {margin-right:20px;font-size:14px;}
.inquiry-wrap .inquiry .write-input ul.iq-form > li { width:100%;}
.inquiry-wrap .inquiry .btn-wrap {margin-top:0; padding: 40px 0 55px; border-right:1px dashed #ccc;}
.inquiry-wrap .inquiry:last-child .write-input, .inquiry-wrap .inquiry:last-child .btn-wrap {border-right:none;}
.inquiry-wrap .inquiry > span {width:98%; height:1px; margin:1%; background:#ccc; display:block;}

@media screen and (max-width: 1160px) {
    .inquiry-wrap > div {width:33%;} }
@media screen and (max-width: 960px) { 
    .unethics .emailtxt {padding-left:0; margin-top:0;}
    .inquiry-wrap > div {width:100%;}
    .inquiry-wrap .inquiry h4 {margin-left:0; margin-right:0; }
    .inquiry-wrap .inquiry .write-input {padding: 5px 20px; border-right:none;}
    .inquiry-wrap .inquiry .write-input > ul > li input[type="tel"] {width:30%;}
    .inquiry-wrap .inquiry .write-input ul.iq-cate > li {display:block;}
    .inquiry-wrap .inquiry .write-input ul.iq-cate .checks input[type="radio"] + label {font-size:12px;}
    .inquiry-wrap .inquiry .write-input ul.iq-cate > li:first-child {width: 100%; text-indent: 0; line-height: 40px;}
    .inquiry-wrap .inquiry .write-input ul.iq-cate > li:last-child {width: 100%; line-height: 20px;}
    .inquiry-wrap .inquiry .write-input ul li:first-child label {font-size:13px;}
    .inquiry-wrap .inquiry .write-input ul > li p {font-size:12px;}
    .inquiry-wrap .inquiry .btn-wrap {padding: 20px 0 30px; border-right:none;}
    .inquiry-wrap .inquiry .btn-wrap.btn1 a {width:10%;} 
    .inquiry-wrap .inquiry.phone > span.bt-border {display: none;} }

.unethics_list > ul:first-child > li {padding-left:0; font-size: 17px; font-weight:600; text-align: center; color:#333; border-right:1px solid #e5e5e5; }
.unethics_list > ul:first-child > li.number{color:#333;}
.unethics_list > ul:first-child > li.date {padding-right: 0; border-right: none; text-align: center;}
.unethics_list .list li.number {width:70px; font-size:18px; text-align: center; color: #005890;}
.unethics_list .list li.subject {padding-left: 60px;}
.unethics_list .list li.date {width:140px; }

@media screen and (max-width: 960px) {
    .unethics_list .list {padding-top:0; padding-bottom:0;}
    .unethics_list .list:after {content: ""; display: block; clear: both;}
    .unethics_list .list li {float:left; line-height:55px;}
    .unethics_list .list li.number {width: 15%; padding-left:0; padding-right:0; font-size:13px;}
    .unethics_list .list li.subject {width: 60%; padding-left:20px; padding-right:0; font-size:13px;}
    .unethics_list .list li.date {width: 24%; padding-left:0; padding-right:0; font-size:13px; text-align:center; } }

/*  210715 ¹®ÀÇÇϱ⠵ðÀÚÀÎ °³¼±  */
.qna { width: 100%; height: auto; background: #eee; margin-top: 50px; padding-bottom: 60px;}
.qna h4 {font-size: 35px; font-weight:bold; color:#222;}
.qna h5 {padding-top:0; }
.qna .qna_list {margin-top: 35px; margin-bottom: 30px; }
.qna .qna_list:after { display: block; clear: both; content: ""; }
.qna .qna_list > li {float: left; width: 353px; height: 384px; margin-right: 40px; padding: 42px 34px; background: #fff; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.qna .qna_list > li:last-child {margin-right:0;}
.qna .qna_list > li h5 {width:100%; height: 52px; margin-bottom: 30px; padding-left: 70px; font-size: 25px; color: #333; line-height: 52px; }
.qna .qna_list > li:first-child h5 {background: url(../_images/08_customer/inquiry_01.png) no-repeat; background-size: contain;}
.qna .qna_list > li:nth-child(2) h5 {background: url(../_images/08_customer/inquiry_02.png) no-repeat; background-size: contain;}
.qna .qna_list > li:nth-child(2) ul li:last-child {font-size: 14px; letter-spacing: -1px;}
.qna .qna_list > li:last-child h5 {background: url(../_images/08_customer/inquiry_03.png) no-repeat; background-size: contain;}
.qna .qna_list > li ul li {margin-bottom: 25px; line-height: 24px; word-break: keep-all;}
.qna .qna_list > li ul li strong {font-weight: bold; color: #222; }
.qna .qna_list > li ul li:last-child{margin-bottom:0;}
.qna .qna_list > li ul a {margin-top: 50px; display: inline-block; width: 208px; height: 17px; background: url(../_images/08_customer/inquiry_arrow.png) right no-repeat;}
.qna .qna_list > li ul a:hover {text-decoration: underline;}
.qna .qna_list > li ul a strong {color: #222; }
.qna .notice {padding: 36px 23px; width: 100%; background: #fff; border-radius: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.qna .notice:after {display: block; clear: both; content: ""; }
.qna .notice h5 {float: left; padding-left: 40px; height: 25px; font-size: 22px; color: #222; background: url(../_images/08_customer/inquiry_notice.png) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.qna .notice h5 span {display: inline-block; margin-left: 20px; margin-right: 15px; width:1px; height:16px; background-color: #bbb; }
.qna .notice p {float: left; display: inline-block;}

/* 190411 Á¦Ç°¹®ÀÇ ¹Ù·Î°¡±â Ãß°¡ ¾Ö¸®¾ó 
.productqna { position:relative; margin-bottom:15px; }
.productqna a { font-weight:bold; }

@media screen and (min-width: 960px) {
.productqna { display:inline-block; top:-20px; }
.productqna a { margin-left:260px; }
}
@media screen and (max-width: 960px) {
.productqna { top:-15px; line-height: 25px;}
.productqna a { float:right; }
}*/


@media screen and (max-width: 1170px) {
    .qna .qna_list > li {width: 30%; height: auto; margin-right: 5%; }
    .qna .notice h5 {font-size:20px;}
}

@media screen and (max-width: 960px) {
    .qna h4 {font-size: 20px; }
    .qna .qna_list > li {margin-right: 0; margin-bottom: 20px; padding: 18px 20px 30px; width: 100%; }
    .qna .qna_list > li h5 {margin-bottom: 20px; padding-left: 35px; height: 26px; font-size: 18px; line-height: 26px;}
    .qna .qna_list > li ul li {margin-bottom: 18px; }
    .qna .qna_list > li ul li .only_pc {display: none;}
    .qna .qna_list > li ul a {margin-top: 30px; }
    .qna .qna_list > li ul strong {font-size: 15px; }
    .qna .notice {padding: 18px 20px 30px; }
    .qna .notice h5 {padding-left: 28px; width: 85px; height: 16px; font-size: 16px; background-size: contain; }
    .qna .notice h5 span {margin-right:10px; margin-left: 10px; }
    .qna .notice p {width: calc(100% - 85px); font-size: 15px; line-height: 22px; }
    
    .productqna {margin-bottom: 30px; line-height: 26px;}
    .productqna a {vertical-align: middle;}
}
@media screen and (max-width: 374px) {
    .qna .notice h5 span {display: none;}
}

/*  210804 ESGÁ¤Ã¥/°¡À̵å¶óÀÎ   */
/**  ESGÁ¤Ã¥/°¡À̵å¶óÀÎ »ó´Ü ÅÇ  **/
.esg ul.col-03 { width: 100%; padding-top: 40px; display: table;}
.esg ul.col-03 > li { width: 33.3%; float:left;}
.esg ul.col-03 > li a  { width: 100%; height: 50px; line-height: 50px; position: relative; color:#222; box-sizing: border-box;}
.esg ul.col-03 > li:first-child a {border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.esg ul.col-03 > li:nth-child(2) a { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.esg ul.col-03 > li:nth-child(3) a {border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.esg ul.col-03 > li.sub-tit > a {border-top: 1px solid #cccccc;} 
.esg ul.col-03 > li:nth-child(2) > ul > li:last-child a {border-left: 1px solid #cccccc;} 
.esg ul.col-03 > li.on > a {color:#fff; background: #015794; position: relative;}
.esg ul.col-03 > li.on > a:after {position: absolute; left: 50%; bottom: -6px; margin-left: -4.5px; display: block; content: ''; z-index:1; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #015794;}
.esg ul.col-03 > li a {display: block; padding: 0; text-align: center; font-size: 17px;  font-weight: 700; }
.esg ul.col-03 > li > ul { width: 100%; }
.esg ul.col-03 > li > ul > li { width: 100%;}
.esg ul.col-03 > li > ul > li a { width: 100%; height: 100%; display: block; }
.esg ul.col-03 > li > ul > li a span { color:#666666; font-weight: 400; position: relative;}
.esg ul.col-03 > li > ul > li.on a span { color:#01a4e9; font-weight: bold; }
.esg ul.col-03 > li > ul > li.on a span:after { position: absolute; display: block; content: ''; width: 100%; height:2px; left: 50%; transform: translate(-50%, -2px); background:#01a4e9;}
/* ESG table  */
.esg .tab-cont  { display:none;}
.esg.instruction .list-style02 > li { color:#666; }
.esg.instruction h5, .esg.instruction  h6 { line-height: 22px; }
.esg table td.left { text-align: left; text-align: justify;word-break: keep-all; }
.esg table td a { font-size: 1em;}
.esg table td a.link:hover { text-decoration: underline; }
.esg .diver-cont .wr-title { margin-left: 35px; font-size: 15px; color:#666; }
.esg .diver-cont .table_inner.wr-table-inner { width: 1105px; margin-left:35px; } 
.esg .diver-cont .table_inner .gray-table th { background: #d5d5d5; padding: 20px;}
.esg .diver-cont .table_inner .gray-table td { background: #f5f5f5;}
.esg .diver-cont .table_inner .gray-table tbody th { background: #f5f5f5; } 
.esg .diver-cont .table_inner .gray-table th, .esg .table_inner .gray-table td { font-size: 12px; }
.esg p strong { color:#222; font-weight: bold;}
.esg p .small { font-size: 14px; color:#888; display: inline-block;}
.esg h5, .esg h6 {line-height:initial; margin-top:0; }
.esg .inde-cont { padding-top: 80px;}
.esg .inde-cont img { display: block; width: 80%; height: auto; margin: 0 auto; border: 1px solid #eaeaea}
@media screen and (max-width: 960px) {

/**  ESGÁ¤Ã¥/°¡À̵å¶óÀÎ »ó´Ü ÅÇ  **/
.esg ul.col-03 { width: 100%; height: 55px;}
.esg ul.col-03 > li { width: 100%;}
.esg ul.col-03 > li.on > a:after { display: none;}
.esg ul.col-03 > li:first-child a {border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.esg ul.col-03 > li:nth-child(2) a { border-top: none; }
.esg ul.col-03 > li:nth-child(3) a { border-top: none; border-left: 1px solid #cccccc;}
.esg ul.col-03 > li.sub-tit > a { font-size: 12px;}
.esg ul.col-03 > li.sub-tit > ul{ display: none; }
.esg ul.col-03 > li.sub-tit ul li.on a { background: #f1f1f1; color:#005891;}
.esg .diver-cont .wr-title { margin-left: 0px; font-size: 12px; }
.esg .diver-cont .table_inner.wr-table-inner { width: 100%; margin-left:0px; }
.esg .diver-cont .table_inner.wr-table-inner  .gray-table th, .esg .table_inner.wr-table-inner  .gray-table td { font-size: 10px; }
.esg p .small { font-size: 12px;}
.esg .inde-cont img { width: 100%; height: auto; } }

/*ESG °¡À̵å¶óÀÎ ÇϴܹöÆ°*/

.esg_btn { margin-top: 40px; padding: 13px 13px; margin-right: 5px; background: #fff; color: #222; border: 1px solid #222; font-size: 12px; display: inline-block; }
.esg_btn .ml5 { width: 10px;}

/***    Áö¼Ó°¡´É °ø±Þ¸Á    ***/
.esg .supplychain h6 {padding-top: 20px; color: #222;}

/***    Áö¼Ó°¡´É °ø±Þ¸Á > ESG ±¸¸Åü°è > ESG ±¸¸Åü°è   ***/
.esg .purchasing_system {margin-top: 40px; padding: 40px 70px; width: 100%; border: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:table;}
.esg .purchasing_system .article {display: table; margin-bottom: 160px;}
.esg .purchasing_system .article>div {display:table-cell;}
.esg .purchasing_system .article .left {width: 170px; vertical-align: middle;}
.esg .purchasing_system .article .left h5 {170px; padding-top:0; color: #333; font-size: 18px;}
.esg .purchasing_system .article .right {width: 830px; position: relative;}
.esg .purchasing_system .article .right p {color: #333; font-size: 22px; font-weight: bold; text-align: center; line-height: 40px; }
.esg .purchasing_system .article .right img {max-width: 100%; display:block; margin:0 auto;}
.esg .purchasing_system .article .right .point {color: #009ee5; font-size: 22px;}
.esg .purchasing_system .article .right>ul {width: 100%; margin-top: 40px; display: table;}
.esg .purchasing_system .article .right>ul>li {width: 25%; display: table-cell; text-align: center;}
.esg .purchasing_system .article .right>ul>li span {width: 130px; height: 130px; margin-bottom: 24px; padding-top: 41px; color:#fff; font-size: 16px; font-weight:bold; text-align: center; line-height: 26px; background-size: contain; display:inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.esg .purchasing_system .article .right>ul>li>ul {width: 100%;}
.esg .purchasing_system .article .right>ul>li>ul>li {width: 100%; padding: 0 20px; color: #333; font-size: 16px; font-weight: 500; text-align: left; line-height: 26px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; letter-spacing: -1px;}
.esg .purchasing_system .article .right>ul>li>ul>li::before {content:'¡¤'; position:absolute; left: 10px; color: #009ee5; font-weight: bold;}
.esg .purchasing_system .article .right>ul>li:nth-child(2n-1) span {background-image: url(../_images/11_esg/purchase_03.png);}
.esg .purchasing_system .article .right>ul>li:nth-child(2n) span {background-image: url(../_images/11_esg/purchase_04.png);}
.esg .purchasing_system .article .right::after {content:''; position:absolute; left: 50%; bottom: -80px; width: 2px; height: 20px; background: url(../_images/11_esg/purchase_02.png) no-repeat;}
.esg .purchasing_system .article:last-child .right::after {display:none;}

@media screen and (max-width: 960px) {
    .esg .purchasing_system {padding: 20px;}
    .esg .purchasing_system .article {display: block; margin-bottom: 80px;}
    .esg .purchasing_system .article>div {display: block;}
    .esg .purchasing_system .article .left {width: 100%; margin-bottom: 20px; }
    .esg .purchasing_system .article .right {width: 100%;}
    .esg .purchasing_system .article .right::after {bottom: -40px;}
    .esg .purchasing_system .article .right .point {font-size: 1rem;}
    .esg .purchasing_system .article .right p {font-size: 1rem; line-height: 1.5rem;}
    .esg .purchasing_system .article .right img {width: 100%;}
    .esg .purchasing_system .article .right>ul {margin-top:0; display:block; }
    .esg .purchasing_system .article .right>ul::after { content: ""; display: block; clear: both; }
    .esg .purchasing_system .article .right>ul>li {margin-top: 40px; width: 50%; display:block; float:left; }
    .esg .purchasing_system .article .right>ul>li>ul>li {font-size: 1rem;} }

/***    Áö¼Ó°¡´É °ø±Þ¸Á > ESG ±¸¸Åü°è > ESG °üÁ¡ °ø±Þ¸Á °ü¸®   ***/
.esg .supply_system { padding-left: 70px;}

.esg .supply-chain {max-width: 1030px; margin: 0 auto;}
.esg .supply-chain div.pentagon {width: calc(100%/3 - 70px); height: 252px; padding-right:80px; display:inline-table; background:url(../_images/11_esg/pentagon.png) no-repeat;}
.esg .supply-chain div.pentagon:last-child { padding-right:43px;}
.esg .supply-chain div.pentagon img { display: block; position:relative; margin-top:40px; left:50%; transform:translate(-50%,0);}
.esg .supply-chain div.pentagon p.title { margin-top: 18px; font-size:20px; font-weight: bold; text-align: center; color:#333;}
.esg .supply-chain div.pentagon p.text { margin-top: 5px; font-size:16px; text-align: center;  color:#666; }

.esg .supply_system .supply h4.title, .esg .supply_system .srm h4.title, .esg .supply_system .manage h4.title {position: relative;}
.esg .supply_system .supply h4.title::before { content:''; display:block; position: absolute; width: 19px; height: 335px; top: 3px; left: -40px; background: url(../_images/11_esg/step_bar_01.png) no-repeat;}
.esg .supply_system .srm h4.title::before { content:''; display:block; position: absolute; width: 19px; height: 525px; top: 3px; left: -40px; background: url(../_images/11_esg/step_bar_02.png) no-repeat;}
.esg .supply_system .manage h4.title::before { content:''; display:block; position: absolute; width: 19px; height: 350px; top: 3px; left: -40px; background: url(../_images/11_esg/step_bar_03.png) no-repeat;}
.esg .supply_system .list-style01 > li { color:#333; font-size: 16px;}

.esg .supply-step { width: 100%; max-width:900px; display: table; margin: 0 auto; }
.esg .supply-step .item { position:relative; display: inline-block; width: 134px; height:134px; margin-top: 20px; margin-right: 50px; border:1px solid #dddddd; border-radius: 50%; }
.esg .supply-step .item:last-of-type { margin-right: 0;}
.esg .supply-step .item::after { content:''; display: block; position: absolute; width: 16px; height: 26px;  right: -35px; top: 50%; transform: translate(0,-50%);background:url(../_images/11_esg/supply_arrow.png) no-repeat right center;}
.esg .supply-step .item:last-of-type::after { background:none;}
.esg .supply-step .item .key { position: absolute; width: 100%; top:50%; left:50%; transform:translate(-50%,-50%); line-height:26px; font-size: 16px; font-weight:600; text-align:center; color:#333333; }
.esg .supply-step .item .key span { font-size:14px; font-weight: 400; color:#333333;}

.esg .supply-table { border-top: 1px solid #e5e5e5;}
.esg .supply-table th { padding: 15px 30px; }
.esg .supply-table td { padding: 15px 15px;}
.esg .supply-table table.row td { padding: 15px 30px; }

@media screen and (max-width: 960px) {
    .esg .supply_system { padding-left: 20px;}
    
    .esg .supply-chain div.pentagon { width: 100%; padding-right:0px; display:block; background-position: center;}
    .esg .supply-chain div.pentagon:last-child { padding-right:0px;}
    .esg .supply-chain div.pentagon img { padding-top: 50px; transform:translate(-90%,0);}
    .esg .supply-chain div.pentagon p.title { position: relative; left: 50%; transform: translate(-55%,0); margin-top: 15px;}
    .esg .supply-chain div.pentagon p.text { position: relative; left: 50%; transform: translate(-55%,0); margin-top: 15px;}
    
    .esg .supply_system .supply h4.title, .esg .supply_system .srm h4.title, .esg .supply_system .manage h4.title { text-indent: 15px;}
    .esg .supply_system .supply h4.title::before, .esg .supply_system .srm h4.title::before, .esg .supply_system .manage h4.title::before { content:''; clear:both; position:absolute; width: 12px; height: 12px; top: 5px; left: -10px; display:block; border:3px solid #009ee5; border-radius:50%; background:none; }
    .esg .supply_system .srm h4.title::before {border:3px solid #0567eb;}
    .esg .supply_system .manage h4.title::before {border:3px solid #05507d;}
    .esg .supply_system .list-style01 > li { font-size: 13px;}
    
    .esg .supply-step .item { width: 120px; height: 120px; margin-right: 25px; }
    .esg .supply-step .item::after { right: -22px;}
    .esg .supply-step .item .key { font-size: 13px; line-height: 20px; }
    .esg .supply-step .item .key span { font-size: 13px;} }

/***    Áö¼Ó°¡´É °ø±Þ¸Á > ESG ±¸¸Åü°è > ģȯ°æ ±¸¸Å ¹× ESG Á¤Âø È°µ¿   ***/
.esg .venn_diagram_wrap { position: relative; width: 100%; margin-top: 40px;}
.esg .venn_diagram_wrap .m_diagram { display:none;}
.esg .venn_diagram_wrap .venn_diagram { position: relative; width: 432px; height: 403px; margin:0 auto; background:url(../_images/11_esg/esg_diagram.png) no-repeat center;}
.esg .venn_diagram_wrap .venn_diagram p { font-size: 50px; line-height: 50px; text-align: center; color:#fff; font-weight: bold; display:block; position: absolute;}
.esg .venn_diagram_wrap .venn_diagram p:nth-of-type(1) { top: 28%; left: 50%; transform: translate(-50%, -40%);}
.esg .venn_diagram_wrap .venn_diagram p:nth-of-type(2) { top: 75%; left: 10%; transform: translate(65%, -50%); }
.esg .venn_diagram_wrap .venn_diagram p:nth-of-type(3) { top: 75%; left: 50%; transform: translate(40%, -50%); }
.esg .venn_diagram_wrap .venn_diagram span { font-size:20px; color:#fff; font-weight: 600; display:block;}
.esg .venn_diagram_wrap .environment { position: absolute; top:15%; left:50%; padding-left: 170px; transform: translate(0, -50%); background:url(../_images/common/r_line.png) no-repeat left 10px;}
.esg .venn_diagram_wrap .governance { position: absolute; top:50%; left:50%; padding-left: 170px; transform: translate(25%, -10%); background:url(../_images/common/r_line.png) no-repeat left 10px;}
.esg .venn_diagram_wrap .social { position: absolute; top:50%; left:50%; padding-right: 170px; transform: translate(-125%, -10%); background:url(../_images/common/l_line.png) no-repeat right 10px;; }
.esg .venn_diagram_wrap .environment h6, .esg .venn_diagram_wrap .governance h6, .esg .venn_diagram_wrap .social h6 { padding-top:0;}
.esg .venn_diagram_wrap .list-style01 li { margin-bottom: 2px;}
.esg .venn_diagram_wrap div.text { margin-top:20px; margin-left:5%;}

@media screen and (max-width: 960px) {
    .esg .venn_diagram_wrap .m_diagram { width: 100%; display:block;}
    .esg .venn_diagram_wrap div.text {margin-left: 0;} }

/***    Áö¼Ó°¡´É °ø±Þ¸Á > ±¸¸Å Àü·« > °ø±Þ¸Á °ü¸® Àü·«   ***/
.esg .supply_manage_wrap { position: relative;}
.esg .supply_manage_wrap .pc-only { position: relative;}
.esg .supply_manage_wrap .supply_manage { width: 441px; height: 441px; margin: 0 auto; background:url(../_images/11_esg/supply_chain.png) no-repeat center; position: relative;}
.esg .supply_manage_wrap .supply_manage p { position: absolute; text-align: center; top: 50%; left:50%; transform: translate(-50%,-50%); font-size:18px; font-weight: bold; color:#333; }
.esg .supply_manage_wrap .line { position: absolute; width: 54px; height: 3px; top: -20px; background: #333; display: block;  }
.esg .supply_manage_wrap .top { top:0; position: absolute;}
.esg .supply_manage_wrap .bottom { top:60%; position: absolute;}
.esg .supply_manage_wrap .left{ left:5%; text-align: left;}
.esg .supply_manage_wrap .right { right:5%; text-align: right;}
.esg .supply_manage_wrap .right .line { right:0;}
.esg .supply_manage_wrap h6 { font-size:20px;  margin-bottom:10px; padding-top:0;}
.esg .supply_manage_wrap ul li { line-height: 24px;}
/*.esg .supply_manage_wrap .text { margin-top: 40px; margin-bottom: 15px; float:right; clear:both; padding-right:10%;}
.esg .supply_manage_wrap .text p { text-align: left;}*/
.esg .supply_manage_wrap .text {margin: 20px 0 40px 60%;}
.esg .supply_manage_wrap button.esg_btn { border: 1px solid #05507d; background:none; text-align: center; color:#05507d; padding: 4px 8px; margin-left: 5px;}

@media screen and (max-width: 1200px) {
    .esg .supply_manage_wrap .left{ left:0;}
    .esg .supply_manage_wrap .right { right:0;} }

@media screen and (max-width: 960px) {
    .esg .supply_manage_wrap .m_supply_manage { width: 100%; }
    .esg .supply_manage_wrap .text {margin: 20px 0 40px;}
    .esg .supply_manage_wrap button.esg_btn { font-size: 12px; padding: 3px 6px;} }

/***    Áö¼Ó°¡´É °ø±Þ¸Á > ±¸¸Å Àü·« > Çĸñ Ư¼ºº° ±¸¸ÅÀü·«   ***/
.esg .esg_products { width: 100%; height: 245px; margin-top: 90px; position: relative;}
.esg .esg_products img {position: absolute; display: block;}
.esg .esg_products img.left { top:0; left:0;}
.esg .esg_products img.right { top:15px; right:0;}
.esg .esg_products p { padding-top: 30px; display: inline-block; position: absolute; top: 50%; left:50%; transform: translate(0, -50%); background:url(../_images/11_esg/esg_products_arrow.png) no-repeat top center;}
.esg .esg_products p span { font-size: 18px; font-weight: bold; color:#009ee5; position: relative; width: 100%; }
@media screen and (max-width: 960px) {
    .esg .esg_products { height: auto;}
    .esg .esg_products img {position: relative; width: 100%;} }

/***    Áö¼Ó°¡´É °ø±Þ¸Á > ±¸¸Å Àü·« > ±¸¸ÅÇöȲ   ***/
.esg .purchase_total {width: 100%; box-sizing: border-box; display: table; table-layout: fixed; padding-top:40px; }
.esg .purchase_total .total_area {display: table-cell; overflow:hidden; text-align: right;  box-sizing: border-box; padding-right:10px;}
.esg .purchase_total .total_area + .total_area {padding-left:10px; padding-right: 0;}
.esg .purchase_total .total_area .total_area_wrap {border: 1px solid #e5e5e5;;  margin-top: 8px; box-sizing: border-box; }
.esg .purchase_total .total_area .total_area_wrap .total_area_top {width: 100%; box-sizing: border-box; padding:0 30px;}
.esg .purchase_total .total_area .total_area_wrap .total_area_top .total_tit {font-size: 18px; float:left; display:block; line-height:94px;  color:#333;}
.esg .purchase_total .total_area .total_area_wrap .total_area_top .total_num {float:right; display:block; line-height:88px; font-size: 40px; font-weight: bold; color:#333;} 
.esg .purchase_total .total_area .total_area_wrap .total_area_top .total_num em {margin-top:-4px;}
.esg .purchase_total .total_area .total_area_wrap .total_area_bottom {width: 100%; border-top: 1px solid #e5e5e5;; display: table; table-layout: fixed; text-align: center; }
.esg .purchase_total .total_area .total_area_wrap .total_area_bottom .totla_list {display: table-cell; vertical-align: middle;}
.esg .purchase_total .total_area .total_area_wrap .total_area_bottom .totla_list span{display: block; padding: 20px 0 19px; border-left: 1px solid #e5e5e5;; font-size: 24px ; color:#333;}
.esg .purchase_total .total_area .total_area_wrap .total_area_bottom .totla_list:first-child span {border-left: 0;  color:#333;}
.esg .purchase_total .total_area .total_area_wrap .total_area_bottom .totla_list .total_list_tit {background-color: #f9f9fa; font-size: 15px; padding: 6px 0 8px;}
.esg .purchase_total .total_area .totla_sub { font-size: 13px; font-weight: normal; display: inline-block; vertical-align: middle;}

.esg .purchase_map_wrap { border: 1px solid #cccccc; padding-top: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.esg .purchase_map_wrap > p { float: right; padding-right: 45px;}
.esg .purchase_map_wrap .purchase_map { height: 857px; background:url(../_images/11_esg/purchase_map.png) no-repeat center;}
.esg .purchase_map .map-link { position: relative; width: 100%; height: 100%; }
.esg .purchase_map .map-link a { position: absolute; border-radius: 50%; cursor:pointer;}
.esg .purchase_map .map-link a .text {width: 100%; position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%); }
.esg .purchase_map .map-link a .text span { color:#fff; text-align: center; display: block;}
.esg .purchase_map .map-link a .text span:nth-child(1) { font-size: 18px;}
.esg .purchase_map .map-link a .text span:nth-child(2) { font-size: 22px; padding: 10px 0;}
.esg .purchase_map .map-link a .text span:nth-child(3) { font-size: 16px;}
.esg .purchase_map .map-link a.korea span {color: #009ee5; text-align: right;}
.esg .purchase_map .map-link a.china span {color: #05507d; text-align: left;}
.esg .purchase_map .map-link a.china span sub {color: #05507d; font-size: 12px; vertical-align: unset;}
.esg .purchase_map .map-link a.japan span {color: #05507d; text-align: right;}
.esg .purchase_map .map-link .europe { width: 168px ; height: 168px; background:rgba(5,103,235,0.8); border: 1px solid #0567eb; top: 35%; left: 6.5%;} 
.esg .purchase_map .map-link .africa { width: 133px ; height: 133px; background:rgba(5,80,125,0.8); border: 1px solid #2c698f; top: 58%; left: 9.5%;} 
.esg .purchase_map .map-link .middle_east { width: 110px ; height: 110px; background:rgba(5,80,125,0.8); border: 1px solid #2c698f; top: 49%; left: 18.7%;} 
.esg .purchase_map .map-link .asia { width: 132px ; height: 132px; background:rgba(5,80,125,0.8); border: 1px solid #2c698f; top: 56.5%; left: 27%;} 
.esg .purchase_map .map-link .oceania { width: 210px ; height: 210px; background:rgba(0,158,229,0.8); border: 1px solid #009ee5; top: 63%; left: 37%;} 
.esg .purchase_map .map-link .north_america { width: 165px ; height: 165px; background:rgba(5,103,235,0.8); border: 1px solid #0567eb; top: 38.5%; right: 18%;}  
.esg .purchase_map .map-link .south_america { width: 130px ; height: 130px; background:rgba(5,80,125,0.8); border: 1px solid #2c698f; top: 65%; right: 10%;} 
.esg .purchase_map .map-link .korea {width: 90px; height: 90px; top: 10.5%; left: 44%;}
.esg .purchase_map .map-link .china {width: 95px; height: 90px; top: 17.5%; left: 28%;}
.esg .purchase_map .map-link .japan {width: 90px; height: 90px; top: 24.5%; left: 47%;}

.esg .purchase_map .map-link .circle_tooltip {visibility:hidden; position: absolute; left: 50%; transform: translateX(-50%); z-index: 999; width: 230px; border: 1px solid #333333; color: #222; background-color: #fff; opacity:0; transition: all 400ms ease-in-out;}
.esg .purchase_map .map-link .europe .circle_tooltip {bottom: -58px;}
.esg .purchase_map .map-link .circle_me .circle_tooltip {bottom: -27px;}
.esg .purchase_map .map-link .africa .circle_tooltip {bottom: -15px;}
.esg .purchase_map .map-link .middle_east .circle_tooltip {bottom: -20px;}
.esg .purchase_map .map-link .asia .circle_tooltip {bottom: -60px;}
.esg .purchase_map .map-link .oceania .circle_tooltip {bottom: -15px;}
.esg .purchase_map .map-link .north_america .circle_tooltip {bottom: -60px;}
.esg .purchase_map .map-link .south_america .circle_tooltip {bottom: -10px;}
.esg .purchase_map .map-link a:hover .circle_tooltip {visibility: visible; opacity:1;}
.esg .purchase_map .map-link .circle_tooltip .tooltip_row {width: 100%; height: 25px; text-align: right; display: table; table-layout: fixed; }
.esg .purchase_map .map-link .circle_tooltip .tooltip_row + .tooltip_row { border-top: 1px solid #ebecee;}
.esg .purchase_map .map-link .circle_tooltip .tooltip_row span {display: table-cell; vertical-align: middle; padding-right: 10px; box-sizing: border-box; font-size: 13px;}
.esg .purchase_map .map-link .circle_tooltip .tooltip_row .tool_tit {border-right: 1px solid #ebecee; padding: 0; background-color: #fafafb; text-align: center; font-size: 13px; font-weight: bold;}

@media screen and (max-width: 960px) {
    .esg .purchase_total .total_area { display:table; padding-right:0;}
    .esg .purchase_total .total_area + .total_area { padding-left:0px; padding-top: 20px; }
    .esg .purchase_map_wrap img.mobile-only { width: 90%; margin: 0 auto; padding-top: 55px; display: block;} }