/*   Main   */
/* form */
select { width: 250px; /*padding: .58em .5em;  */ padding-left: 15px; font-family: inherit; border: 1px solid #ccc; background: url(../_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(../_images/common/btn_file.png) no-repeat 10px center; line-height: 28px; color: #005891; padding-left: 35px; padding-right: 10px; display: inline-block; }

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(../_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(../_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.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;}
.table_inner_text span:nth-child(2) {font-size:15px; font-weight: 500; }


@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_inner_text span:nth-child(2) {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("../_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("../_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; }

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

.point { color: #005891; }

.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("../_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("../_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; } }
/* 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: 2; }
#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(../_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(../_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: 0; }
#lnb .container .share .btn-share { width: 50px; height: 50px; display: block; background: url(../_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(../_images/common/lnb_facebook.png) no-repeat 0 0; }
#lnb .container .share div ul li a.twitter { background: url(../_images/common/lnb_twitter.png) no-repeat 0 0; }
#lnb .container .share div ul li a.kakao { background: url(../_images/common/lnb_kakao.png) no-repeat 0 0; }
#lnb .container .share div ul li a.google { background: url(../_images/common/lnb_google.png) no-repeat 0 0; }
#lnb .container .share div ul li a.mail { background: url(../_images/common/lnb_mail.png) no-repeat 0 0; }
#lnb .container .share div ul li a.url { background: url(../_images/common/lnb_url.png) no-repeat 0 0; }
#lnb .container .share div ul li a.print { background: url(../_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(../_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 .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: #fff; min-height: 80px; position: fixed; left: 0; top: 0; z-index: 10; border-bottom: 1px #ddd solid; }
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(../_images/common/header_ci.png) no-repeat 0 0; text-indent: -9999px; }
header #util { position: absolute; right: 0; top: 30px; }
header #util:after { content: ""; display: block; clear: both; }
header #util > div { float: left; }
header #util > div a { width: 20px; height: 20px; display: block; text-indent: -9999px; }
header #util > div.search a { background: url(../_images/common/header_util.png) no-repeat -20px 0; }
header #util > div.login { margin-left: 20px; }
header #util > div.login a { background: url(../_images/common/header_util.png) no-repeat -80px 0; }
header #util > div.logout { margin-left: 20px; }
header #util > div.logout a { background: url(../_images/common/header_util.png) no-repeat -80px 0; }
header #util > div.mypage { margin-left: 20px; }
header #util > div.mypage a { background: url(../_images/common/header_util.png) no-repeat -40px 0; }
header #util > div.language { margin-left: 20px; margin-right: 240px; }
header #util > div.language a { background: url(../_images/common/header_util.png) no-repeat -60px 0; }
header #util .quick { position: absolute; right: 0; top: -30px; }
header #util .quick a { display: block; width: 164px; height: 80px; background: #008bca; color: #fff; font-size: 16px; font-weight: 500; text-align: center; line-height: 80px; text-indent: 0; }
header #util .quick a:after { display: inline-block; width: 9px; height: 14px; vertical-align: middle; content: ""; background: url(../_images/common/quick_ico.jpg) no-repeat center/contain; margin-left: 5px; }
header #util .quick-act { position: fixed; right: 0; top: 0; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100vh; display: none; z-index: 10; }
header #util .quick-act .quick-wrap { width: 370px; position: absolute; right: 0; top: 0; }
header #util .quick-act .quick-wrap .quick-close { width: 80px; height: 80px; background: url(../_images/common/quick_close.jpg) no-repeat center/contain; position: absolute; top: 0; right: 0; }
header #util .quick-act .quick-wrap .top { color: #fff; font-weight: 500; font-size: 20px; text-indent: 20px; line-height: 80px; background: #008bca; }
header #util .quick-act .quick-wrap ul { height: calc(100vh - 80px); width: 100%; }
header #util .quick-act .quick-wrap ul li { height: calc(100% / 5); display: table; width: 100%; }
header #util .quick-act .quick-wrap ul li:nth-child(1) { background: url(../_images/common/quick3.jpg) no-repeat center/cover; }
header #util .quick-act .quick-wrap ul li:nth-child(2) { background: url(../_images/common/quick4.jpg) no-repeat center/cover; }
header #util .quick-act .quick-wrap ul li:nth-child(3) { background: url(../_images/common/quick2.jpg) no-repeat center/cover; }
header #util .quick-act .quick-wrap ul li:nth-child(4) { background: url(../_images/common/quick5.jpg) no-repeat center/cover; }
header #util .quick-act .quick-wrap ul li:nth-child(5) { background: url(../_images/common/quick1.jpg) no-repeat center/cover; }

header #util .quick-act .quick-wrap ul li a { width: 100%; height: 100%; color: #fff; font-size: 24px; font-weight: 700; text-align: center; display: table-cell; text-indent: 0; vertical-align: middle; }
header #util .quick-act .quick-wrap ul li a:hover { border: 5px #fff solid; }
header #util .quick-act .quick-wrap ul li a:hover:after { display: inline-block; width: 24px; height: 18px; content: ""; margin-left: 5px; background: url(../_images/common/quick_arrow.png) no-repeat center/contain; }
header #util .quick-act.on { display: block; }
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(../_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(../_images/common/header_close.png) no-repeat center; top: 50px; text-indent: -9999px; }
header #gnb { float: left; }
header #gnb .menu li { float: left; }
header #gnb .menu li > a { padding: 0 15px; display: block; line-height: 80px; color: #222; font-size: 18px; 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:nth-child(1) > a { margin-left: 210px; }
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: 40px 0;}
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 #gnb .menu li .bg .container .col dt { margin-bottom: 18px; }
header #gnb .menu li .bg .container .col dt a { font-size: 16px; 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; }
header #gnb .menu li .bg .container .col a:hover { text-decoration: underline; }
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: 21px; height: 21px; display: block; position: absolute; top: 30px; right: 15px; background: url(../_images/common/header_close.png) no-repeat center; }
header #all-menu { position: absolute; right: 204px; top: 30px; }
header #all-menu .btn-all-menu { width: 20px; height: 20px; display: block; background: url(../_images/common/header_util.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(../_images/common/header_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(../_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; }
header #all-menu .bg .all-menu-body .container { padding-top: 40px; display: table; table-layout: fixed; margin-top: 30px; border-top: 1px #dedede solid; }
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 dt { margin-bottom: 18px; }
header #all-menu .bg .all-menu-body .container .col-site {top:34px;}
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("../_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(../_images/common/header_close.png) no-repeat center; top: 30px; }
header .withposco { position: absolute; right: -180px; top: 23px; }

@media screen and (max-width: 1200px) { header #all-menu { right: 204px; }
  header #all-menu .bg .all-menu-close { right: 20px; margin-right: 0; }
  header #util { right: 0; }
  header #gnb .menu li > a { padding: 0 12px; }
  header #gnb .menu li:nth-child(1) > a { margin-left: 140px; } }
@media screen and (max-width: 960px) { header { min-height: 60px; }
  header h1 { width: 80px; height: 60px; margin-left: -40px; left: 50%; }
  header h1 a { background-size: contain; }
  header #all-menu { width: 60px; height: 60px; }
  header #util { right: 0px; top: 0; }
  header #util > div a { width: 40px; height: 60px; }
  header #util > div.search a { background: url(../_images/common/mobile_btn_search.png) no-repeat center/cover; margin-right: 50px; }
  header #util .quick { top: 0; right: 10px; }
  header #util .quick a { width: 40px; height: 60px; background: url(../_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; }
  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 { left: 0; top: 0; }
  header #all-menu .btn-all-menu { width: 60px; height: 60px; background: url(../_images/common/mobile_btn_menu.png) no-repeat 0 0; background-size: contain; }
  header #all-menu .bg { height: 100%; }
  header #all-menu .bg .top { border-bottom: 1px solid #e5e5e5; height: 60px; }
  header #all-menu .bg .top .container h1 { position: absolute; left: 21px; top: 0; width: 80px; height: 60px; margin-left: 0; }
  header #all-menu .bg .top .container h1 a { background-size: contain; }
  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 { background: #f5f5f5; height: 50px; }
  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-top: 21px; padding-left: 21px; }
  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: 700; }
  header #all-menu .bg .all-menu-body .mobile-only .top .login a { font-size: 12px; display: block; float: left; }
  header #all-menu .bg .all-menu-body .mobile-only .top .language { float: right; padding-top: 21px; padding-right: 21px; }
  header #all-menu .bg .all-menu-body .mobile-only .top .language a { font-size: 12px; display: block; padding-left: 10px; border-left: 1px solid #ccc; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li { border-bottom: 1px solid #e5e5e5; line-height: 45px; text-indent: 15px; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > a { font-size: 15px; display: block; width: 100%; height: 100%; background: url(../_images/common/mobile_1depth.png) no-repeat right top; background-size: 45px; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > a.on { background-position: right bottom; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul { display: none; background: #f5f5f5; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li { line-height: 40px; text-indent: 30px; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li.has > a { background: url(../_images/common/mobile_2depth.png) no-repeat right top; background-size: 40px; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li.has > a.on { background-position: right bottom; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li > a { font-size: 13px; display: block; width: 100%; height: 100%; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li ul { display: none; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li ul li { margin-bottom: 0; line-height: 30px; text-indent: 40px; }
  header #all-menu .bg .all-menu-body .mobile-menu > ul > li > ul > li ul li a { font-size: 13px; padding: 0; display: block; width: 100%; height: 100%; }
  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; }
  /*.ribbon-on { 	.search-act{ 		top:141px; 	} }*/ }
.ribbon-on header { top: 80px; }
.ribbon-on header #gnb .menu li .bg { top: 160px; }
.ribbon-on header #util .search-act { top: 160px; }

/*  FOOTER  */
footer { border-top: 1px solid #ccc; position: relative; z-index: 1; }
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: 30px; }
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; }
footer .container .foot-links div li strong { color: #333; }
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; }
footer .container .address li:last-child { margin-left: 10px; padding-left: 10px; border-left: 1px solid #dedede; }
footer .container .copyright { margin-top: 10px; margin-bottom: 30px; }
footer .container .wrap { position: relative; }
footer .container .webacc { position: absolute; right: 0; bottom: 30px; }
footer #posco-group { width: 100%; background: #fff; position: absolute; left: 0; bottom: 300px; border-top: 1px solid #ccc; padding-bottom: 50px; display: none; }
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(../_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(../_images/common/footer_sns_facebook.png) no-repeat 0 0; }
footer #posco-sns .container ul li div a.twitter { background: url(../_images/common/footer_sns_twitter.png) no-repeat 0 0; }
footer #posco-sns .container ul li div a.blog { background: url(../_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(../_images/common/header_close.png) no-repeat center; }

@media screen and (max-width: 960px) { footer { border-top: 1px solid #ccc; position: relative; z-index: 1; }
  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(../_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(../_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; }
  footer .container .right-ui dl.location dt { color: #333; font-weight: 700; margin-bottom: 0; float: none; line-height: 40px; background: #fff; background: url(../_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; border-top: 1px solid #e5e5e5; }
  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 .address { padding-left: 21px; }
  footer .container .address li { float: none; font-size: 12px; }
  footer .container .address li:last-child { margin-left: 0; padding-left: 0; border-left: none; margin-top: 10px; }
  footer .container .copyright { padding-left: 21px; margin-top: 10px; margin-bottom: 30px; font-size: 12px; }
  footer .container .webacc { position: relative; display: inline-block; margin-top: 30px; margin-left: 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; } }
/* 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(../_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(../_images/common/footer_ico_newwin.png) 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 .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(../_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(../_images/_board/prev_arrow.png) no-repeat 0 0; background-size: contain; }
.board .bottom ul.next .key { background: url(../_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("../_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(../_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 .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("../_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(../_images/_board/page_ll.png) no-repeat center center; text-indent: -9999px; }
#paging a.l { background: url(../_images/_board/page_l.png) no-repeat center center; text-indent: -9999px; }
#paging a.r { background: url(../_images/_board/page_r.png) no-repeat center center; text-indent: -9999px; }
#paging a.rr { background: url(../_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(../_images/03_investor/cal_prev.png) no-repeat left top; left: 0; }
.calendar .cal-top a.next { background: url(../_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(../_images/01_product/subtop.jpg) no-repeat 50% 50%; }

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

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

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

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

.membership .subtop { background: url(../_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; }

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

p { line-height: 24px; }

.required { text-align: right; margin-top: 50px; }

/* 200304 */
@media screen and (max-width: 720px) /*¸ð¹ÙÀÏ*/ {
    
.investor .subtop { background: url(../_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; }
  p { font-size: 12px; line-height: 17px; }
  span, strong { font-size: 12px; } }
/*     tab     */
.tab { margin-top: 60px; }
.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(../_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; }

@media screen and (max-width: 960px) { .tab2 { margin-top: 30px; height: 40px; }
  .tab2 li a { line-height: 36px; font-size: 13px; } }
/*     FAQ     */
.faq { border-top: 1px solid #e5e5e5; margin-top: 40px; }
.faq > li { border-bottom: 1px solid #e5e5e5; }
.faq > li.q { background: url(../_images/09_membership/faq_q.png) no-repeat 0 0; padding-left: 43px; }
.faq > li.q > a { display: block; background: url(../_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(../_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: 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: 0 5px; 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; }

/*     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(../_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(../_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(../_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(../_images/01_product/ico_banner1.png) no-repeat 30px 50% #fff; }
.foot-banner-wrap .product-foot-banner .item:nth-child(2) { background: url(../_images/01_product/ico_banner2.png) no-repeat 30px 50% #fff; }
.foot-banner-wrap .product-foot-banner .item:nth-child(3) { background: url(../_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(../_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(../_images/01_product/ico_kind1.png) no-repeat 30px 50%;
}
&:nth-child(2){
	background: url(../_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(../_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 ¾Ö¸®¾ó ¼öÁ¤ */

@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; } }
/*     overview     */
.overview-top { margin-top: 60px; padding: 70px 0; text-align: center; background: url(../_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(../_images/02_corp/intro2.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(2) .image span { background: url(../_images/02_corp/intro3.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(3) .image span { background: url(../_images/02_corp/intro4.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(4) .image span { background: url(../_images/02_corp/intro5.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(5) .image span { background: url(../_images/02_corp/intro6.jpg) no-repeat center/cover; }
.overview-links .wrap .item:nth-child(6) .image span { background: url(../_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; } }
/*     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(../_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(../_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(../_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(../_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: 4.5%; bottom: 22%; z-index: 3;} /*190328 ¾Ö¸®¾ó *//*191231 ½á´Ï bottom:25%->22%*/
.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: 6%;  bottom: 43%; }
  .ceo-greeting-top .btn a { padding: 0 25px; line-height: 40px; 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: 3%;  bottom: 41.5%; } /*190328 ¾Ö¸®¾ó */
   .ceo-greeting-top .btn a { padding: 0 20px; line-height: 30px; font-size: 11px; }
}
/*     CEO's Message     */
.ceo-message-top { height: 320px; background: url(../_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(../_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(../_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%;} /*ÇؼÛ*/
  }

/*     Location     */
.location .image { margin-top: 60px; }
.location .image img { width: 100%; display: block; }
.location .cs { margin-top: 0; background: url(../_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 .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(../_images/02_corp/location_ico_car.png) no-repeat 0 0; }
.location .location-map ul li .bus { padding-left: 110px; background: url(../_images/02_corp/location_ico_bus.png) no-repeat 0 0; }
.location .location-map ul li .subway { padding-left: 110px; background: url(../_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(../_images/02_corp/location_ico_1f.png) no-repeat 0 0; }
.location .location-map ul li .center-b1 { padding-left: 110px; background: url(../_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(../_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(../_images/02_corp/steel_ico_1f.png) no-repeat 0 0; }
.location .steel-2f { padding-left: 110px; background: url(../_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 .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%; }
.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; }
.dividend .left > div:nth-child(1) p:first-child { font-size: 16px; }
.dividend .left > div:nth-child(1) p:last-child { font-size: 22px; font-weight: bold; text-align: center; }
.dividend .left > div:nth-child(1) p:last-child 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:first-child { font-size: 14px; }
    .dividend .left > div:nth-child(1) p:last-child { font-size: 20px; line-height: 24px; }
    .dividend .left > div:nth-child(1) p:last-child 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; }
}

/*     Annual 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(../_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(../_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; } }
/*     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(../_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 40px; 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;}
  
	/**  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(../_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(../_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(../_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(../_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;}
	/**  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: 30px; 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(../_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: 450px; padding-top: 40px; background-image: url(../_images/07_promotion/culture_bg03.jpg); /*¹®È­Çà»ç ÆäÀÌÁö background µðÆúÆ® °ª º¯°æ*/ background-repeat: no-repeat; background-size: cover; }
.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(../_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(../_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; } 
.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%; }
.culture-top .map_canvas ul { width: 598px; height: auto; margin: 40px auto 0; }
.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: 81px; height: 81px; }
.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 { 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 { 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; padding-top: 300px; }
.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 > 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 .container h4.culture_tit { padding-top: 400px; }
    .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; }
  }
@media screen and (max-width: 640px) {
    .culture-body .container h4.culture_tit { padding-top: 500px; }
}

/*      newsletter      */
.news-letter { width: 100%; height: 160px; background: url(../_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(../_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) / 4 ); 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 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(../_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(../_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(../_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(../_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: 30px; }
.sitemap .layout-table > li dl dt a { font-size: 16px; font-weight: 700; color: #005891; }
.sitemap .layout-table > li dl dd { margin-bottom: 10px; }
.sitemap .layout-table > li dl dd > a { font-size: 16px; font-weight: 500; color: #333; padding-bottom: 20px; display: block; }
.sitemap .layout-table > li dl dd ul li a { line-height: 24px; padding-left: 10px; text-align: left; background: url("../_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; }

@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 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: 5px; 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; padding-bottom: 10px; }
  .sitemap .layout-table > li dl dd ul li a { line-height: 18px; padding-left: 8px; text-align: left; background: url("../_images/common/bu_line.png") no-repeat 0 8px; font-size: 12px; padding-bottom: 5px; }
  .sitemap .layout-table > li dl.corporatecitizenship { margin-top: 30px; padding-top: 25px; border-top: 1px solid #e5e5e5; }
  .sitemap .layout-table > li dl.corporatecitizenship dt { top: 25px; }
}
/*     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(../_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(../_images/09_membership/i-pin.png) no-repeat 17.4% 50%; }
.member-join .certified > div.phone { background: url(../_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(../_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(../_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(../_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(../_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(../_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(../_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; } }


/* 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; }
	.productqna a { float:right; }
}


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