p, dd @charset "UTF-8";
/*   Main   */
/* Layout */
@media screen and (min-width: 961px) { #contents { min-height: 800px; } }

#contents:focus { outline: none; }

.container-full { width: 100%; }

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

.container#contents { padding-bottom: 78px; }

.container .inner { padding: 70px 50px; }

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

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

section { padding: 80px 0; }

.main section { padding-bottom: 0; }

@media screen and (max-width: 1280px) { .container { padding: 0 15px; } }

@media screen and (max-width: 960px) { .container { padding: 0 20px; }
  .container .inner { padding: 20px 0; }
  .container.foot { padding: 0; }
  section { padding: 60px 0 40px; } }

/* Skip nav */
#skip-nav a { display: block; line-height: 50px; color: #fff; font-size: 16px; text-indent: 20px; background: #005890; width: 0; height: 0; position: absolute; left: 0; overflow: hidden; z-index: 110; }

#skip-nav a:focus { width: 200px; height: 50px; }

.skip-nav a { display: block; line-height: 50px; color: #fff; font-size: 16px; text-indent: 20px; background: #005890; width: 0; height: 0; position: absolute; left: 0; overflow: hidden; z-index: 110; }

.skip-nav a:focus { width: 200px; height: 50px; }

/* textStyle */
.txt-top { padding: 45px 0 35px; }

.txt-top h3 { padding-bottom: 35px; }

.txt-top h3.tit-s { padding-bottom: 25px; font-size: 26px; letter-spacing: -1px; }

.txt-top + .cont-tit01 { padding-top: 0; }

.txt-top:after { content: ""; display: block; clear: both; }

.txt-top.w100 { padding-bottom: 20px; }

.txt-top.w100 > p { float: none; width: 100%; max-width: 100%; }

.txt-top.w100 > p.sub-txt { margin-top: -15px; padding-top: 0; color: #333; }

.txt-top.bd_on { padding-bottom: 75px; border-bottom: 1px solid #ccc; }

.txt-top > p { float: left; width: 65%; max-width: 710px; font-size: 15px; text-align: justify; word-break: keep-all; }

.txt-top .brochure { position: relative; overflow: hidden; float: right; padding: 15px 20px 20px 20px; max-height: 195px; background: #dee9f1; webkit-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.txt-top .brochure.active { padding-bottom: 40px; max-height: 100%; height: 100%; webkit-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.txt-top .brochure.active .more-btn a { background: url("../images/contents/arr_more_up.png") no-repeat center center; }

.txt-top .brochure.active .pdf { max-height: 100%; }

.txt-top .brochure .tit { padding-bottom: 20px; color: #005890; font-size: 18px; font-weight: 500; }

.txt-top .brochure .btn { position: absolute; top: 20px; right: 20px; color: #1f70b6; }

.txt-top .brochure .btn:after { display: inline-block; content: ""; position: relative; top: -2px; width: 6px; height: 9px; margin-left: 5px; background: url("../images/contents/btn_arr_b.png") no-repeat 0; vertical-align: middle; }

.txt-top .brochure .pdf { overflow: hidden; max-height: 79px; }

.txt-top .brochure .more-btn { position: absolute; bottom: 0; left: 0; width: 100%; height: 28px; background: #dee9f1; }

.txt-top .brochure .more-btn a { position: relative; display: block; height: 100%; text-align: center; text-indent: -9999px; background: url("../images/contents/arr_more_down.png") no-repeat center center; }

.txt-top .brochure .more-btn a:before { position: absolute; bottom: 19px; left: 50%; margin-left: -148px; display: block; content: ''; width: 297px; height: 35px; background: url("../images/contents/gra_brochure.png") no-repeat center center; }

.txt-top .brochure .pdf li { margin-top: 3px; }

.txt-top .brochure .pdf li:first-child { margin-top: 0; }

.txt-top .brochure .pdf a { position: relative; display: block; padding: 0 20px 0 10px; width: 290px; height: 36px; line-height: 36px; background: #fff; border-radius: 3px; font-size: 14px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.txt-top .brochure .pdf a:after { position: absolute; top: 12px; right: 10px; display: block; content: ''; width: 10px; height: 12px; background: url("../images/contents/ico_pdf.png") no-repeat; }

@media screen and (max-width: 1200px) { .txt-top p { width: 60%; } }

@media screen and (max-width: 960px) { .txt-top { padding: 30px 0 0 0; }
  .txt-top h3 { padding-bottom: 15px; }
  .txt-top h3.tit-s { padding-bottom: 15px; font-size: 18px; line-height: 1.3; }
  .txt-top.w100 { padding-bottom: 0; }
  .txt-top.w100 p.sub-txt { margin-top: 0; }
  .txt-top.bd_on { padding-bottom: 20px; }
  .txt-top p { float: none; width: 100%; padding-bottom: 15px; font-size: 13px; }
  .txt-top .brochure { float: none; width: 100%; }
  .txt-top .brochure .tit { padding-bottom: 10px; font-size: 15px; }
  .txt-top .brochure .pdf a { width: 100%; font-size: 12px; }
  .txt-top .brochure .btn { top: 18px; font-size: 12px; }
  .txt-top .brochure .more-btn a:before { margin-left: 0; left: 0 !important; width: 100%; background-size: 100%; } }

/* ListStyle */
.list-style01 { margin-top: 20px; }

.list-style01.re-height > li { line-height: 24px; padding-left: 10px; text-align: left; background: url("../images/common/bu_line.png") no-repeat 0 17px; }

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

.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: #666; }

.list-style02 > li p { font-weight: normal; line-height: 26px; margin-bottom: 10px; }

.list-style03 { margin-top: 40px; margin-bottom: 30px; }

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

.list-style04 { margin-top: 40px; }

.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: #1f70b6; padding-right: 10px; border-right: 1px solid #d9d9d9; }

.list-style06 { margin-top: 40px; }

.list-style06 > li { position: relative; padding-left: 8px; margin-bottom: 10px; }

.list-style06 > li:before { position: absolute; top: 9px; left: 0; display: block; content: ''; width: 2px; height: 2px; background: #333; }

.txt-style01 { padding-top: 15px; }

.txt-style01 p { text-align: justify; word-break: keep-all; }

.txt-style01 p.fw-n { font-weight: 300; }

.txt-style01 ul li { line-height: 1.5; }

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

.point { color: #005891; }

.point02 { color: #0079cd; }

.hide { font-size: 0; height: 0; line-height: 0; width: 0; overflow: hidden; }

/* dl 스타일 (자세히 보기 ) */
.dl-style01.re-pd dt { padding-top: 45px; }

.dl-style01 dt { padding-bottom: 20px; color: #005890; font-size: 20px; font-weight: 700; letter-spacing: -1px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }

.dl-style01 dt.tit { font-size: 26px; color: #333; }

.dl-style01 dt + dd { display: -webkit-box; white-space: normal; -webkit-line-clamp: 4; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }

.dl-style01 dd { color: #666; word-break: keep-all !important; text-align: justify; }

.dl-style01 dd .btn { display: block; margin-top: 15px; letter-spacing: -1px; color: #1f70b6; }

.dl-style01 dd .btn:after { display: inline-block; content: ""; position: relative; top: -2px; width: 6px; height: 9px; margin-left: 10px; background: url("../images/contents/btn_arr_b.png") no-repeat 0; vertical-align: middle; }

@media screen and (min-width: 961px) { .dl-style01 dt + dd { height: 96px; letter-spacing: -0.5px; } }

@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 !important; }
  .list-style02 > li p { font-size: 12px; line-height: 17px; margin-bottom: 10px; }
  .list-style03 { margin-top: 10px; }
  .list-style03 > li { font-size: 12px; margin-left: 10px; line-height: 17px; margin-bottom: 5px; }
  .list-style04 { margin-top: 10px; }
  .list-style04 > li { position: relative; padding-left: 15px; line-height: 17px; font-size: 12px; margin-bottom: 5px; }
  .list-style04 > li span { font-size: 12px; }
  .list-style05 { margin-top: 10px; }
  .list-style05 > li { font-size: 12px; margin-left: 15px; line-height: 17px; margin-bottom: 5px; }
  .list-style06 { margin-top: 15px; }
  .list-style06 > li { font-size: 12px; line-height: 17px; margin-bottom: 5px; }
  /* dl 스타일 (자세히 보기 ) */
  .dl-style01.re-pd dt { padding-top: 25px; }
  .dl-style01 dt { padding: 15px 0 5px; font-size: 15px; line-height: 1.5; }
  .dl-style01 dt.tit { font-size: 18px; }
  .dl-style01 dt + dd { max-width: 100% !important; min-height: 50px; }
  .dl-style01 dd .btn { margin-top: 10px; } }

/* Responsive */
.mobile-only { display: none; }

@media screen and (max-width: 960px) { .mobile-hide { display: none !important; }
  .mobile-only { display: block; } }

@media screen and (max-width: 1200px) { .mid-item .mobile-hide { display: none !important; } }

#lnb { width: 100%; border-bottom: 1px solid #d9d9d9; line-height: 50px; position: relative; z-index: 20; background: #fff; }

#lnb .container { position: relative; }

#lnb .container:after { content: ""; display: block; clear: both; }

#lnb .container > ul { float: left; border-left: 1px solid #d9d9d9; }

#lnb .container > ul > li { float: left; width: 235px; position: relative; border-right: 1px solid #d9d9d9; 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 { display: none; border: 1px solid #d9d9d9; border-top: none; position: absolute; left: -1px; top: 51px; background-color: #fff; padding: 20px 0; width: 100%; }

#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: #005890; font-weight: 700; }

#lnb .container .all-menu { position: absolute; top: 0; right: 0px; }

#lnb .container .all-menu .btn-menu { width: 50px; height: 50px; display: block; background: url(../images/common/lnb_menu.png) no-repeat center; background-size: contain; }

#lnb .container .share { position: absolute; top: 0; right: 15px; }

#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-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }

#lnb .container .share div { display: none; background: #fff; padding-top: 60px; border: 1px solid #d9d9d9; border-top: none; position: absolute; top: 0; right: 0; }

#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 (min-width: 961px) { #lnb.fixed { position: fixed; top: 0; left: 0; z-index: 190; } }

@media screen and (max-width: 960px) { .automobile #lnb .container > ul > li:nth-child(3), .premium #lnb .container > ul > li:nth-child(3), .support #lnb .container > ul > li:nth-child(3) { display: block; }
  .automobile #lnb .container > ul > li:last-child, .premium #lnb .container > ul > li:last-child, .support #lnb .container > ul > li:last-child { display: none; }
  .search-center #lnb .container > ul > li:nth-child(2) { display: block; }
  .privacy #lnb { display: none; }
  #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.two { display: block; }
  #lnb .container > ul > li a { text-indent: 20px; background-size: 38px; font-size: 14px; }
  #lnb .container > ul > li > ul { border: none; border-right: 1px solid #d9d9d9; 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 #d9d9d9; width: 100%; }
  #lnb .container > ul > li > ul > li a { line-height: 40px; width: 100%; }
  #lnb .container .share { right: 0; }
  #lnb .container .share .btn-share { width: 38px; height: 38px; border-right: 0; }
  #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 { position: fixed; top: 0; left: 0; background: #fff; height: 80px; z-index: 100; border-bottom: 1px #ddd solid; -webkit-box-sizing: border-box; box-sizing: border-box; }

header .withposco { position: absolute; right: -180px; top: 23px; }

header .container { position: relative; }

header h1 { position: absolute; left: 15px; top: 0; width: 216px; height: 80px; z-index: 100; }

header h1 a { display: block; width: 100%; height: 100%; background: url(../images/common/header_ci.png) no-repeat 0 52%; text-indent: -9999px; }

header .util { float: right; padding: 30px 38px 0 0; }

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.language { margin-left: 14px; }

header .util > div.language a { background: url(../images/common/header_util.png) no-repeat -60px 0; }

header .util .search-act { width: 729px; height: 80px; background: #f4f4f4; position: absolute; z-index: 110; left: 286px; top: 0; display: none; }

header .util .search-act .container { text-align: center; padding: 0; position: relative; }

header .util .search-act .container .form { display: inline-block; height: 80px; background: #f4f4f4; width: 729px; text-align: left; }

header .util .search-act .container .form input[type="text"] { line-height: 80px; font-size: 16px; font-weight: 400; text-indent: 30px; height: 80px; width: 600px; background: #f4f4f4; border: none; color: #333; }

header .util .search-act .container .form button { float: right; width: 80px; height: 80px; background: url(../images/common/header_btn_search.png) no-repeat center; }

header .util .search-act .container .search-close { position: absolute; right: -70px; width: 22px; height: 20px; background: url(../images/common/header_util.png) no-repeat -100px 0; top: 30px; text-indent: -9999px; }

header #gnb { float: left; }

header #gnb .menu li { float: left; }

header #gnb .menu li > .tit { position: relative; padding: 0 22px; display: block; line-height: 78px; color: #222; font-size: 18px; float: left; cursor: pointer; top: 0; z-index: 100; }

header #gnb .menu li > .tit.on { color: #005890; border-bottom: 2px solid #005890; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 78px; }

header #gnb .menu li:nth-child(1) .tit { margin-left: 286px; }

header #gnb .menu li:nth-child(1) .bg .container.col-05 .col dl { min-height: 140px; }

header #gnb .menu li .bg { position: fixed; width: 100%; min-height: 150px; top: 80px; left: 0; background: #fff; border-bottom: 1px solid #ccc; display: none; z-index: 90; }

header #gnb .menu li .bg .container { display: table; position: relative; }

header #gnb .menu li .bg .container dl.last { padding-top: 32px; }

header #gnb .menu li .bg .container .banner { /* 웹접근성 hidden처리 display:none; */  position: absolute; top: 40px; right: 50px; width: 245px; height: 70px; background: url("../images/common/ban_gnb02.png") no-repeat; }

header #gnb .menu li .bg .container .banner a { display: inline-block; padding: 16px 0 0 16px; color: #005890; font-size: 16px; line-height: 1.3; font-weight: 700; }

header #gnb .menu li .bg .container.col-01 .col { width: 100%; }

header #gnb .menu li .bg .container.col-04 .col { width: 25%; }

header #gnb .menu li .bg .container.col-05 .col { width: 20%; }

header #gnb .menu li .bg .container.col-05 .col dl { min-height: 177px; }

header #gnb .menu li .bg .container.col-05 .col dl:last-child { padding-top: 0; }

header #gnb .menu li .bg .container.col-05 .col dl.last { padding-top: 32px; }

header #gnb .menu li .bg .container .col { position: relative; z-index: 90; display: table-cell; width: 25%; padding: 40px 0; }

header #gnb .menu li .bg .container .col dt { margin-bottom: 30px; }

header #gnb .menu li .bg .container .col dt a { font-size: 17px; color: #333; font-weight: 700; }

header #gnb .menu li .bg .container .col dt + dd { margin-top: -15px; }

header #gnb .menu li .bg .container .col dd { margin-bottom: 5px; }

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 .menu-close { width: 21px; height: 21px; display: block; position: absolute; top: 30px; right: 15px; z-index: 110; background: url(../images/common/header_close.png) no-repeat center; }

header #all-menu { position: absolute; right: 15px; 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: 200; display: none; }

header #all-menu .bg .top { border-bottom: 1px solid #d9d9d9; }

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: 216px; 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 center; }

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 { margin-top: 1px; 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: 40px; border-top: 1px #dedede solid; }

header #all-menu .bg .all-menu-body .container .col { display: table-cell; width: 16%; }

header #all-menu .bg .all-menu-body .container .col dt { margin-bottom: 30px; }

header #all-menu .bg .all-menu-body .container .col dt a { color: #005890; font-size: 16px; font-weight: 700; }

header #all-menu .bg .all-menu-body .container .col dd { margin-bottom: 20px; }

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; letter-spacing: -1px; 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; }

@media screen and (max-width: 1200px) { header #gnb .menu li:first-child .tit { margin-left: 250px; }
  header #gnb .menu li .tit { padding: 0 15px; }
  header #gnb .menu li:nth-child(3) .bg .container .col { top: 0; }
  header .util .search-act { left: 255px; }
  header .util .search-act .container .search-close { position: fixed; top: 30px; right: 85px; } }

.sub #header { position: absolute; }

.sub #header #gnb .menu li .bg { position: absolute; }

.sub #header #gnb .menu li .bg .container dl.last { padding-top: 32px; }

.sub #header #gnb .menu li .bg .container.col-02 .col { left: -25%; }

.sub #header #gnb .menu li .bg .container.col-03 .col { left: -13%; }

.sub #header #gnb .menu li .bg .container.col-04 .col { width: 25%; }

.sub #header #gnb .menu li .bg .container:before { position: absolute; left: -100%; top: 0; display: block; content: ''; width: 100%; height: 100%; min-height: 150px; background: #fff; border-bottom: 1px solid #ccc; }

.sub #header #gnb .menu li .bg .container:after { position: absolute; right: -100%; top: 0; display: block; content: ''; width: 100%; height: 100%; min-height: 150px; background: #fff; border-bottom: 1px solid #ccc; }

.contact { position: fixed; top: 20%; right: 0; z-index: 200; }

.contact .btn { display: block; padding: 16px 14px; width: 40px; height: 110px; background: #0079cd; border-radius: 3px 0 0 3px; color: #fff; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 20px; }

@media screen and (max-width: 1200px) { header #all-menu { right: 15px; }
  header #all-menu .bg .all-menu-close { right: 20px; margin-right: 0; }
  header .withposco { display: none; }
  header .util .search-act { width: 570px; right: 102px; }
  header .util .search-act .container .form { width: 566px; }
  header .util .search-act .container .form input[type="text"] { width: 470px; }
  header #gnb .menu li > a { padding: 0 17px; }
  header #gnb .menu li:nth-child(1) > a { margin-left: 230px; } }

@media screen and (max-width: 960px) { .sub #header { position: fixed; top: 0; left: 0; }
  header { z-index: 200; height: 60px; }
  header .container { padding-right: 0; }
  header h1 { width: 140px; height: 60px; margin-left: -70px; left: 50%; }
  header h1 a { background-size: contain; }
  header #all-menu { width: 60px; height: 60px; }
  header .util { padding: 0; }
  header .util > div { float: none; }
  header .util > div a { width: 60px; height: 59px; }
  header .util > div.search a { background: url(../images/common/mobile_btn_search.png) no-repeat center/cover; }
  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 { position: fixed; left: 0; width: 100%; height: 60px; top: 60px; display: none; border-bottom: 1px solid #ccc; z-index: 100; }
  header .util .search-act .container { padding: 0 10px; text-align: left; }
  header .util .search-act .container .form { padding-top: 10px; height: 40px; width: 95%; }
  header .util .search-act .container .form input[type="text"] { line-height: 40px; font-size: 15px; text-indent: 15px; height: 40px; width: 75%; }
  header .util .search-act .container .form button { position: relative; right: 17px; margin-top: -10px; width: 60px; height: 60px; background-size: contain; }
  header .util .search-act .container .search-close { top: 80px; right: 20px; background: url(../images/common/header_util_m.png) no-repeat -100px 0; }
  header #gnb .menu { display: none; }
  header #all-menu { left: 0; top: 0; }
  header #all-menu .btn-all-menu { width: 60px; height: 59px; 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 #d9d9d9; height: 60px; }
  header #all-menu .bg .top .container h1 { position: absolute; left: 21px; top: 0; width: 120px; 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 #d9d9d9; 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%; 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%; }
  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%; }
  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; }
  .contact .btn { display: none; }
  /*.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 { position: relative; padding-bottom: 10px; z-index: 1; }

footer .ft-wrap { background: #005991; }

footer .container:after { content: ""; display: block; clear: both; }

footer .container .sitemap .menu { width: 20%; float: left; margin: 43px 0 28px; }

footer .container .sitemap .menu:first-child { width: 40%; }

footer .container .sitemap .menu:first-child:after { content: ""; display: block; clear: both; }

footer .container .sitemap .menu:first-child ul { float: left; width: 50%; }

footer .container .sitemap .menu:after { content: ""; display: block; clear: both; }

footer .container .sitemap .menu > ul > li { margin-bottom: 15px; }

footer .container .sitemap .menu > ul > li a { color: #fff; font-size: 16px; font-weight: 700; opacity: 1; }

footer .container .sitemap .menu strong { display: block; margin-bottom: 20px; float: left; width: 100%; }

footer .container .sitemap .menu strong a { color: #fff; font-weight: 700; font-size: 16px; }

footer .container .sitemap .menu .sub li { font-size: 15px; margin-bottom: 10px; }

footer .container .sitemap .menu .sub li a { color: #fff; opacity: .7; }

footer .container .sitemap > ul { width: 20%; float: left; margin-top: 43px; }

footer .container .sitemap > ul li { margin-bottom: 15px; }

footer .container .sitemap > ul li a { color: #fff; font-weight: 700; }

footer .container .right-ui { width: 20%; float: right; margin-top: 20px; }

footer .container .right-ui li { margin-bottom: 15px; text-align:right; }

footer .container .right-ui li:nth-child(1) { font-weight:bold; color:#fff; font-size:17px; }

footer .container .right-ui li:nth-child(2) a:before { background-position: 0 0; }

footer .container .right-ui li:nth-child(3) a:before { background-position: 0 -64px; }

footer .container .right-ui li:nth-child(4) a:before { background-position: 0 -95px; }

footer .container .right-ui a { display: block; color: #fff; font-weight: 700; }

footer .container .right-ui a:before { display: inline-block; content: ''; margin-right: 10px; width: 16px; height: 16px; vertical-align: middle; /*background: url("../images/common/ico_footer.png") no-repeat 0 -32px;*/ }

footer .container .right-ui ul li a .footer_ci { width:25%; margin-left:-2px; margin-right:5px; position:relative; top:3px; }

footer .container .foot-links { padding-top: 30px; }

footer .container .foot-links:after { content: ""; display: block; clear: both; }

footer .container .foot-links li { float: left; }

footer .container .foot-links li a { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #dedede; border-right: 1px solid #d9d9d9; }

footer .container .foot-links li strong { color: #333; }

footer .container .foot-links li:last-child a { 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 #d9d9d9; }

footer .container .copyright { margin-top: 10px; margin-bottom: 30px; }

footer .container { position: relative; } /* 190423 웹접근성 마크 추가 */

footer .container .waWrap { position: absolute; right: 0; bottom: 10px; } /* 190423 웹접근성 마크 추가 */
footer .container .waWrap img { width:113px; }

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: #005890; 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 #d9d9d9; margin-top: 50px; -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 #d9d9d9; border-bottom: 1px solid #d9d9d9; -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 .menu-wrap { display: none; }
  footer .container .sitemap .tit { color: #333; font-weight: 700; margin-bottom: 0; float: none; line-height: 40px; border-bottom: 1px solid #d9d9d9; background: #fff; background: url(../images/common/mobile_footer_accodion.png) no-repeat right top #fff; background-size: 40px; font-size: 13px; text-indent: 21px; cursor: pointer; }
  footer .container .sitemap .tit.on { background-position: right bottom; }
  footer .container .sitemap.on .menu-wrap { display: block; }
  footer .container .sitemap > ul { float: left; padding-top: 15px; margin-top: 0; width: 50%; text-indent: 21px; }
  footer .container .sitemap > ul:after { content: ""; display: block; clear: both; }
  footer .container .sitemap > ul li { float: left; width: 100%; }
  footer .container .sitemap > ul li a { font-size: 13px; }
  footer .container .sitemap .menu { width: 100%; float: none; margin: 0; background: #f5f5f5; text-indent: 21px; }
  footer .container .sitemap .menu:first-child { padding-top: 15px; width: 100%; }
  footer .container .sitemap .menu strong a { color: #333; font-size: 13px; }
  footer .container .sitemap .menu > ul > li a { font-size: 13px; color: #333; }
  footer .container .sitemap .menu strong { display: block; margin-bottom: 10px; }
  footer .container .sitemap .menu .sub { padding: 15px 0 5px 0; font-size: 12px; }
  footer .container .sitemap .menu .sub ul { padding-top: 10px; margin: 0 20px; text-indent: 0; }
  footer .container .sitemap .menu .sub ul:after { content: ""; display: block; clear: both; }
  footer .container .sitemap .menu .sub li { float: left; padding-left: 20px; }
  footer .container .sitemap .menu .sub li:first-child { padding-left: 0; }
  footer .container .sitemap .menu .sub li a { font-size: 12px; color: #666; opacity: 1; }
  footer .container .right-ui { width: 50%; float: right; padding-bottom: 15px; margin-top: 10px; }
  footer .container .right-ui ul:after { content: ""; display: block; clear: both; }
  footer .container .right-ui ul li { width: 100%; padding-right:10px; box-sizing:border-box; }
  footer .container .right-ui ul li:nth-child(1) { font-size:14px; }
  footer .container .right-ui ul li:last-child { margin-bottom: 0; }
  footer .container .right-ui ul li a { font-size: 12px; }
  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 img { display: none; }
  footer .container .right-ui > a.on { background-position: right bottom; }
  footer .container .right-ui ul li a .footer_ci { width:60px; }



  footer .container .foot-links { padding-top: 10px; padding: 15px 21px 0 21px; border-top: 1px solid #e5e5e5; }
  footer .container .foot-links li { padding: 5px 0; }
  footer .container .foot-links li a { letter-spacing: 0; font-size: 12px; }
  footer .container .foot-links li a strong { font-size: 12px; }
  footer .container .address { padding: 0 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 .waWrap { display: inline-block; bottom:-10%; right:0; } /* 190423 웹 접근성 마크 추가 */
  footer .container .waWrap img { width:60%; }
  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 #d9d9d9; 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 #d9d9d9; 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 #d9d9d9; }

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

.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 #d9d9d9; 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: #005890; line-height: 28px; padding-left: 20px; display: inline-block; }

.board .bottom { margin-top: 50px; border-top: 1px solid #d9d9d9; }

.board .bottom ul { border-bottom: 1px solid #d9d9d9; }

.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; -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-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; -webkit-box-sizing: border-box; box-sizing: border-box; }

.board-media-view-con .media-list dt { font-size: 18px; font-weight: 700; color: #005890; 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; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

/* table */
.tbl-tit { position: relative; padding-top: 30px; font-size: 16px; font-weight: 700; color: #333; }

table { border-top: 2px solid #333; width: 100%; margin-top: 20px; }

table.sm th, table.sm td { padding: 5px 0; font-size: 12px; }

table.sm th span, table.sm td span { font-size: 11px; line-height: 0; }

table tbody th { font-weight: 400; background: none; color: #666; }

table tbody th.bg { background: #f5f5f5; font-weight: 700; }

table thead tr.last th { font-weight: 400; }

table th { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 12px 10px; color: #333; font-weight: 700; background: #f5f5f5; vertical-align: middle; text-align: center; line-height: 18px; }

table th.line { border-left: 1px solid #e5e5e5; }

table th:last-child { border-right: none; }

table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 12px 14px; vertical-align: middle; text-align: center; line-height: 20px; }

table td.line { border-left: 1px solid #e5e5e5; }

table td.tl { padding-left: 20px; text-align: justify; word-break: keep-all; }

table td:last-child { border-right: none; }

table td .btn-wrap { padding: 20px 0; }

table.re-pd td { padding: 20px 5px; }

.tbl-info { padding-top: 15px; }

.tbl-info:after { content: ""; display: block; clear: both; }

.tbl-info .tl { float: left; display: inline-block; padding-bottom: 5px; width: 100%; margin-right: 5px; color: #808080; vertical-align: middle; }

.tbl-info .tl:first-child { width: 40px; }

.tbl-info .tl:last-child { vertical-align: middle; }

.tbl-info .tl > li { margin-bottom: 5px; color: #808080; margin-left: 15px; text-indent: -15px; line-height: 1.5; text-align: justify; word-break: keep-all; }

/******************************     TABLE SCROLL     ******************************/
@media screen and (max-width: 960px) { table th, table td { padding: 8px 10px; font-size: 12px; }
  table td .ico { width: 10px !important; }
  table td img { width: 100% !important; }
  .table_inner.scroll { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table_inner.scroll table { width: 800px; margin-top: 15px; }
  .msg_touch_help { position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -32px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
  .msg_touch_help img { width: 80px; height: 80px; }
  .tbl-info { padding-top: 15px; }
  .tbl-info:after { content: ""; display: block; clear: both; }
  .tbl-info .tl { float: left; width: 85%; margin-right: 5px; color: #808080; }
  .tbl-info .tl:first-child { width: 28px; }
  .tbl-info .tl:last-child { margin-top: -3px; margin-right: 0; }
  .tbl-info .tl > li { margin-left: 12px; font-size: 12px; text-indent: -12px; } }

@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; -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; -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: #005890; border: 1px solid #005890; font-weight: 700; border-radius: 40px; -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; } }

/* 리스트 스타일  */
.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 #d9d9d9; 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: #005890; font-weight: 700; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.movie-list .item .info-wrap .btns a.play { border-right: 1px solid #d9d9d9; }

.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-con-wrap { width: 788px; }

.movie-con-wrap .top { height: 75px !important; }

.movie-con-wrap .top p { font-size: 26px; font-weight: 700; color: #222; text-align: center; margin: 0; }

.movie-con-wrap .movie-con { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-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 #d9d9d9; overflow-y: auto; height: 150px; padding: 20px 0; line-height: 24px; }

.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) { .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-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 #d9d9d9; border-top: none; position: relative; height: 300px; }

.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: #005890; font-weight: 700; vertical-align: middle; width: 100%; -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 65px 25px; height: auto; }
  .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-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; position: relative; vertical-align: top; border-bottom: 1px solid #d9d9d9; }

.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: #1075b1; color: #fff; font-weight: 700; padding: 0 20px 0 50px; position: absolute; left: 0; top: 30px; }

.culture-list .list li .wrap { padding: 65px 50px 0 50px; width: 100%; }

.culture-list .list li .wrap .title { color: #333; font-size: 18px; margin-bottom: 30px; }

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

.culture-list .list .btns { position: absolute; left: 310px; bottom: 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 #005890; color: #005890; }

.culture-list .list .btns a.solid { border: 1px solid #005890; color: #fff; background: #005890; }

@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; }
  .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) / 2); text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .culture-list .list .btns a:first-child { margin-right: 5px; }
  .culture-list .list .btns.b1 a { width: 100%; } }

/* form */
select { width: 250px; /*padding: .58em .5em;  */ padding-left: 10px; 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: 32px; border-radius: 0px; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

@media screen and (max-width: 960px) { select { padding-left: 10px; height: 32px; } }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { line-height: 32px; height: 32px; width: 400px; font-size: 15px; border: 1px solid #ccc; vertical-align: middle; padding-left: 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="button"] { height: 32px; line-height: 32px; background: #005890; color: #fff; text-align: center; min-width: 90px; border: none; font-size: 14px; cursor: pointer; margin: 0 2px; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

@media screen and (max-width: 960px) { input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { line-height: 30px; height: 32px; text-indent: 10px; font-size: 16px; }
  input[type="button"] { min-width: 60px; font-size: 12px; } }

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

textarea { width: 100%; min-height: 160px; padding: 10px; border: 1px solid #d9d9d9; color: #666; line-height: 24px; vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; font-family: 'Noto Sans KR','Apple SD Gothic Neo','malgun gothic','맑은 고딕','돋움','dotum'; }

@media screen and (max-width: 960px) { a.file { font-size: 12px; padding-left: 30px; }
  textarea { height: 220px; padding: 15px; margin-top: 3px; line-height: 17px; font-size: 12px; } }

.checks { position: relative; }

.checks input[type="radio"] { position: absolute; width: 18px; height: 18px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.checks input[type="checkbox"] { position: absolute; top: 0; left: -1px;width: 20px; height: 20px; padding: 0; -webkit-appearance : none; -moz-appearance : none; appearance : none; }

.checks input[type="checkbox"]:focus { 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: 28px; cursor: pointer; color: #666; min-width: 0; line-height: 18px; text-align: left; vertical-align: top; -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: 18px; height: 18px; vertical-align: middle; border-radius: 3px;background: #ccc; }

.checks input[type="radio"]:checked + label:before, .checks input[type="checkbox"]:checked + label:before { background: url(../images/_form/checkbox.png) no-repeat left top; }

@media screen and (max-width: 960px) { .checks input[type="radio"] + label, .checks input[type="checkbox"] + label { padding-left: 25px; font-size: 12px; line-height: 15px; }
  .checks input[type="radio"] + label:before, .checks input[type="checkbox"] + label:before { height: 15px; width: 15px; background-size: 15px; }
  .checks input[type="checkbox"] { width: 10px; height: 10px; }
  .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 #d9d9d9; width: 400px; }

input[type="file"]::-webkit-file-upload-button { appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: border-box; 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%; } }

/*     write input     */
.write-input { border-top: 2px solid #333; padding: 10px 0; }

.write-input > ul { display: table; table-layout: fixed; width: 100%; margin-bottom: 14px; }

.write-input > ul > li { display: table-cell; font-size: 15px; vertical-align: middle; }

.write-input > ul > li .point { position: relative; margin-left: 5px; top: 4px; }

.write-input > ul > li:first-child { width: 20%; text-indent: 10px; color: #333; line-height: 32px; font-weight: 700; }

.write-input > ul > li:first-child label { color: inherit; }

.write-input > ul > li:last-child { width: 80%; line-height: 24px; }

.write-input > ul > li .captcha_web input[type="text"] { width: 250px; }

.write-input > ul > li .captcha_web .layout { padding-bottom: 2px; margin-top: 0; }

.write-input > ul > li .captcha_web input[type="button"] { margin: 0; }

.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: 0; padding: 5px 10px; }
  .write-input ul { display: block; table-layout: fixed; margin-bottom: 10px; }
  .write-input ul li { display: block; font-size: 15px; }
  .write-input ul li .point { top: 2px; }
  .write-input ul li:first-child { width: 100%; text-indent: 0; line-height: 30px; }
  .write-input ul li:last-child { width: 100%; line-height: 20px; }
  .write-input ul li input[type="text"] { width: 100%; }
  .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 p input[type="text"] { display: block; margin-bottom: 5px; }
  .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; } }

a, button { -webkit-tap-highlight-color: transparent; }

/** news **/
.newsmidia .subtop.sub01 { background: url(../images/04_news/subtop01.jpg) no-repeat 50% 50%; }

/*** 플레이 아이콘 시작 ***/
.ico-play { display: inline-block; width: 44px; height: 44px; background: url(../images/common/bg_play.png) no-repeat 0; background-size: 44px 44px; opacity: 0.7; -webkit-transition: all 0.4s; transition: all 0.4s; }

@media screen and (min-width: 961px) { .ico-play { width: 78px; height: 78px; background-size: 78px 78px; } }

/*** 플레이 아이콘 끝 ***/
/*** 컨텐츠 상단 시작 ***/
.content-heade { overflow: visible; /* hideen 사용하면 안됨 */ padding: 30px 0 20px; }

.content-heade:after { content: ''; display: block; clear: both; }

.content-heade .title-area { float: left; }

.content-heade .title { font-size: 25px; line-height: 36px; }

.content-heade .right-area { float: right; }

.content-heade p.txt { font-size:17px; margin-top:20px; }

.content-heade p.txt a { font-weight:bold; color:blue; text-decoration:underline; }

@media screen and (min-width: 961px) { .content-heade { padding: 60px 0 40px; }
  .content-heade .title { font-size: 40px; line-height: 40px; } }

/*** 컨텐츠 상단 끝 ***/
/*** 필터 버튼 시작 ***/
/** 필터 아이콘 **/
.icon-filter { display: inline-block; width: 14px; height: 12px; background: url(../images/common/icon_filter_mob.png) no-repeat 0; background-size: 14px; vertical-align: middle; margin-right: 8px; -webkit-transition: all 0.4s; transition: all 0.4s; }

@media screen and (min-width: 961px) { .icon-filter { width: 18px; height: 15px; background: url(../images/common/icon_filter.png) no-repeat 0; } }

/** 필터 아이콘 **/
/** 필터 버튼 시작 **/
.btn_filter { overflow: hidden; display: block; height: 34px; border: 1px solid #999; border-radius: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; text-align: center; color: #333; line-height: 34px; -webkit-transition: all 0.3s; transition: all 0.3s; background: transparent; }

.btn_filter span { display: block; width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 13px; }

.btn_filter.on { border-color: #fff; }

.btn_filter.on span { background: #333; color: #fff; }

.btn_filter.on .icon-filter { background-image: url(../images/common/icon_filter_on.png); }

@media screen and (min-width: 961px) { .btn_filter { height: 45px; width: 101px; font-size: 15px; color: #333; line-height: 44px; }
  .on .icon-filter { background-image: url(../images/common/icon_filter_on_mobile.png); } }

/** 필터 버튼 끝 **/
/* 필터 drop-down */
.drop-down { position: relative; display: inline-block; }

.drop-down .filter-list-wrap { display: none; position: absolute; top: 40px; right: 0; z-index: 15; padding-top: 0px; background: #fff; width: 170px; border: 1px solid #333; -webkit-box-sizing: border-box; box-sizing: border-box; }

.drop-down .filter-list { margin-bottom: 10px; }

.drop-down .filter-list > li { padding: 8px 19px; }

.drop-down .filter-btn-area { font-size: 0; border-top: 1px solid #ccc; }

.drop-down .filter-btn-area button { cursor: pointer; }

.drop-down .filter-btn-area a, .drop-down .filter-btn-area button { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% / 2); text-align: center; font-size: 14px; color: #333; line-height: 40px; background: #f3f3f3; -webkit-transition: all 0.4s; transition: all 0.4s; }

.drop-down .filter-btn-area a:hover, .drop-down .filter-btn-area a:focus, .drop-down .filter-btn-area button:hover, .drop-down .filter-btn-area button:focus { background: #e3e3e3; }

.drop-down .filter-btn-area a + a, .drop-down .filter-btn-area button + button { border-left: 1px solid #ccc; }

@media screen and (min-width: 961px) { .drop-down { position: relative; display: inline-block; }
  .drop-down .filter-list-wrap { position: absolute; top: 56px; right: 0; z-index: 100; padding-top: 16px; background: #fff; width: 170px; border: 1px solid #333; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .drop-down .filter-list { margin-bottom: 20px; }
  .drop-down .filter-list > li { padding: 9px 19px; }
  .drop-down .filter-btn-area { font-size: 0; border-top: 1px solid #ccc; }
  .drop-down .filter-btn-area button { cursor: pointer; }
  .drop-down .filter-btn-area a, .drop-down .filter-btn-area button { font-size: 15px; line-height: 53px; }
  .drop-down .filter-btn-area a:hover, .drop-down .filter-btn-area a:focus, .drop-down .filter-btn-area button:hover, .drop-down .filter-btn-area button:focus { background: #e3e3e3; } }

/*** 필터 버튼 끝 ***/
/*** 뉴스미디어 카드 리스트 시작 ***/
.news-card-list { margin-top: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; /* 리스트 안에 공유하기 버튼 */ /** 뉴스미디어 카드 리스트 - 리스트 썸네일 full 타입 **/ /** 뉴스미디어 카드 리스트 - 백그라운드 컬러 타입 **/ }

.news-card-list:after { display: block; content: ''; clear: both; }

.news-card-list img { width: 100%; }

.news-card-list > li { position: relative; width: calc(50% - 6px); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 14px; background: #f2f7fe; padding-bottom: 38px; border-radius: 4px; }

.news-card-list > li:nth-child(odd) { margin-right: 12px; }

.news-card-list > li:hover .ico-play { opacity: 0.9; }

.news-card-list > li a:focus { border:2px dashed #888; box-sizing:border-box; outline:none; }

.news-card-list > li .ico-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.news-card-list .item-thumb { display: block; position: relative; overflow: hidden; height: 0; padding-top: 56.40%; background: #eee; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 4px 0 0; }

.news-card-list .item-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: auto; min-height: 100%; }

.news-card-list .item-notess { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px 0 15px; }

.news-card-list .item-title { font-size: 17px; color: #333; height: 40px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }

.news-card-list .item-date { font-size: 13px; color: #808080; margin-top: 4px; padding-bottom: 15px; }

.news-card-list .item-texts { width: 100%; margin-bottom: 8px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 4; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; font-size: 15px; line-height: 22px; display: none; height: 85px; overflow: hidden; }

.news-card-list .item-category-info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px 14px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10; }

.news-card-list .item-category-info:after { clear: both; display: block; content: ''; }

.news-card-list .item-category-info .category-name { color: #005890; float: left; font-size: 14px; line-height: 25px; }

.news-card-list .item-category-info .category-btns { float: right; }

.news-card-list .btn_category_share { display: inline-block; width: 25px; height: 25px; background: url(../images/common/icon_share_gray.png) 50% no-repeat; text-indent: -9999px; position: relative; }

.news-card-list .item-thumb-full { padding-bottom: 0; }

.news-card-list .item-thumb-full > a { position: relative; display: block; width: 100%; min-height: 216px; border-radius: 4px; overflow: hidden; }

.news-card-list .item-thumb-full > a:before { overflow: hidden; content: ''; position: absolute; bottom: 0; height: 110px; left: 0; width: 100%; background: url(../images/04_news/bg_newscard_item_info.png) 50% bottom no-repeat; z-index: 1; background-size: cover; border-radius: 0 0 4px 4px; }

.news-card-list .item-thumb-full .item-thumb { padding-top: 127%; }

.news-card-list .item-thumb-full .item-thumb img { left: 50%; width: auto; height: 100%; min-height: 210px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.news-card-list .item-thumb-full .item-notess { overflow: hidden; position: absolute; width: 100%; top: 0; left: 0; padding-top: 15px; background: black; background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(79%, rgba(255, 255, 255, 0))); background: linear-gradient(180deg, black 0%, rgba(255, 255, 255, 0) 79%); }

.news-card-list .item-thumb-full .item-category-info .category-name { color: #fff; }

.news-card-list .item-thumb-full .item-title, .news-card-list .item-thumb-full .item-date, .news-card-list .item-thumb-full .item-text { color: #fff; }

.news-card-list .item-thumb-full .btn_category_share { background-image: url(../images/common/icon_share_white.png); }

.news-card-list .item-bg-full .item-thumb, .news-card-list .item-bg-full02 .item-thumb, .news-card-list .item-bg-full03 .item-thumb, .news-card-list .item-bg-full04 .item-thumb { display: none; }

.news-card-list .item-bg-full .item-texts, .news-card-list .item-bg-full02 .item-texts, .news-card-list .item-bg-full03 .item-texts, .news-card-list .item-bg-full04 .item-texts { display: block; /* 웹킷이 아닌것들 */ display: -webkit-box; }

.news-card-list .item-bg-full .item-notess, .news-card-list .item-bg-full02 .item-notess, .news-card-list .item-bg-full03 .item-notess, .news-card-list .item-bg-full04 .item-notess { padding-top: 15px; }

.news-card-list .item-bg-full02 .item-title, .news-card-list .item-bg-full02 .item-date, .news-card-list .item-bg-full02 .item-texts, .news-card-list .item-bg-full03 .item-title, .news-card-list .item-bg-full03 .item-date, .news-card-list .item-bg-full03 .item-texts, .news-card-list .item-bg-full04 .item-title, .news-card-list .item-bg-full04 .item-date, .news-card-list .item-bg-full04 .item-texts { color: #fff; }

.news-card-list .item-bg-full02 .item-texts, .news-card-list .item-bg-full03 .item-texts, .news-card-list .item-bg-full04 .item-texts { margin-top: -4px; }

.news-card-list .item-bg-full02 .item-date, .news-card-list .item-bg-full03 .item-date, .news-card-list .item-bg-full04 .item-date { opacity: .5; }

.news-card-list .item-bg-full02 .item-category-info .category-name, .news-card-list .item-bg-full03 .item-category-info .category-name, .news-card-list .item-bg-full04 .item-category-info .category-name { color: #fff; }

.news-card-list .item-bg-full02 .btn_category_share, .news-card-list .item-bg-full03 .btn_category_share, .news-card-list .item-bg-full04 .btn_category_share { background-image: url(../images/common/icon_share_white.png); }

.news-card-list .item-bg-full02 { background: #0079cc; }

.news-card-list .item-bg-full03 { background: #138296; }

.news-card-list .item-bg-full04 { background: #005890; }

@media screen and (max-width: 720px) { .news-card-list .item-title { font-size: 16px; }
  .news-card-list .item-date { font-size: 11px; }
  .news-card-list .item-texts { height: 75px; font-size: 12px; line-height: 1.5; }
  .news-card-list .item-category-info .category-name { font-size: 13px; } }

@media screen and (min-width: 768px) { .news-card-list > li { overflow: hidden; height: 350px; } }

@media screen and (min-width: 961px) { .news-card-list { display: block; margin-top: -20px; /** 뉴스미디어 카드 리스트 - 리스트 썸네일 full 타입 **/ /** 뉴스미디어 카드 리스트 - 백그라운드 컬러 타입 **/ }
  .news-card-list > li { overflow: hidden; float: left; width: 32%; height: 300px; margin-top: 20px; margin-left: 2%; background: #f2f7fe; border: 0; padding-bottom: 0; }
  .news-card-list > li a { display: block; width: 100%; height: 100%; }
  .news-card-list > li:nth-child(odd) { margin-right: 0; }
  .news-card-list > li:nth-child(3n-2) { margin-left: 0; }
  .news-card-list .item-thumb { padding-top: 150px; }
  .news-card-list .item-thumb img { min-height: 150px; }
  .news-card-list .item-title { font-size: 20px; height: 50px; font-weight: normal; }
  .news-card-list .item-date { margin-top: 0; font-size: 13px; padding-bottom: 20px; }
  .news-card-list .item-notess { padding: 15px 18px 0 18px; }
  .news-card-list .item-texts { margin-top: 4px; height: 108px; line-height: 21px; -webkit-line-clamp: 5; }
  .news-card-list .item-category-info { height: 60px; padding: 16px 20px 0 20px; }
  .news-card-list .item-category-info .category-name { font-size: 15px; }
  .news-card-list .item-thumb-full > a { height: 100%; }
  .news-card-list .item-thumb-full > a:before { height: 110px; }
  .news-card-list .item-thumb-full .item-thumb { padding-top: 0; height: 100%; }
  .news-card-list .item-bg-full .item-notess, .news-card-list .item-bg-full02 .item-notess, .news-card-list .item-bg-full03 .item-notess, .news-card-list .item-bg-full04 .item-notess { padding-top: 20px; } }

@media screen and (min-width: 1160px) { .news-card-list > li { width: calc(100% / 4 - 20px); height: 300px; margin-left: 20px; }
  .news-card-list > li:nth-child(3n-2) { margin-left: 20px; }
  .news-card-list > li:nth-child(4n-3) { margin-left: 0; } }

@media screen and (min-width: 1171px) { .news-card-list > li { width: 270px; } }

/*** drop 공유 버튼( 뉴스 메인 카드 리스트, 뉴스상세 우측 리스트에서 사용) 시작 (이거만 모바일 퍼스트 아님) ***/
.post-deatail-list .drop-share { margin-top: 13px; }

.drop-share { position: static; /* relative 주면 안됨 */ margin-top: 0; }

.drop-share .drop-list { display: none; position: absolute; right: 12px; bottom: 52px; padding-top: 12px; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); }

.drop-share .drop-list > ul { width: 180px; }

.drop-share .drop-list > ul > li { margin: 0 5px 12px 15px; }

.drop-share .drop-list > ul > li a { display: block; height: 100%; line-height: 30px; padding-left: 40px; font-size: 15px; color: #222; background-size: 26px !important; }

.drop-share .drop-list > ul > li a.facebook { background: url(../images/common/lnb_facebook.png) no-repeat 0 0; }

.drop-share .drop-list > ul > li a.twitter { background: url(../images/common/lnb_twitter.png) no-repeat 0 0; }

.drop-share .drop-list > ul > li a.kakao { background: url(../images/common/lnb_kakao.png) no-repeat 0 0; }

.drop-share .drop-list > ul > li a.google { background: url(../images/common/lnb_google.png) no-repeat 0 0; }

.drop-share .drop-list > ul > li a.mail { background: url(../images/common/lnb_mail.png) no-repeat 0 0; }

.drop-share .drop-list > ul > li a.url { background: url(../images/common/lnb_url.png) no-repeat 0 0; }

.drop-share .drop-list > ul > li a.print { background: url(../images/common/lnb_print.png) no-repeat 0 0; }

.drop-share .drop-list .share-close { width: 50px; height: 50px; display: block; position: absolute; top: 0; right: 0; background: url(../images/common/header_close.png) no-repeat center; background-size: 15px; }

@media screen and (max-width: 960px) { .drop-share .drop-list > ul { width: 150px; }
  .drop-share .drop-list > ul > li { margin: 0 5px 14px 12px; }
  .drop-share .drop-list > ul > li a { line-height: 26px; padding-left: 34px; font-size: 12px; }
  .drop-share .drop-list .share-close { width: 30px; height: 30px; top: 10px; right: 8px; } }

/*** drop 공유 버튼 끝 ***/
/*************** 뉴스미디어 상세 ********************/
/* 목록 버튼 */
.btn_go_list { display: inline-block; min-width: 48px; padding: 10px 8px 9px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; border-radius: 22px; font-size: 13px; color: #333; text-align: center; }

/** 레이아웃 **/
.post-deatail { position: relative; padding-top: 30px; }

.post-deatail:after { content: ''; display: block; clear: both; }

.post-deatail img { max-width: 100%; }

.post-deatail .post-deatail-top { width: 100%; padding-bottom: 20px; }

.post-deatail .post-deatail-content { -webkit-box-sizing: border-box; box-sizing: border-box; }

.post-deatail .post-footer { border-top: 1px solid #333; padding-top: 10px; }

.post-deatail .post-footer .btns { text-align: right; }

.post-deatail .post-deatail-list { margin-top: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/** post-head **/
.post-head .post_title { font-size: 22px; line-height: 1.5; color: #333; padding-bottom: 20px; word-break: keep-all; letter-spacing: -1px; }

.post-head .post_info { font-size: 14px; }

.post-head .post_info:after { display: block; clear: both; content: ''; }

.post-head .post_info .post_info_left { float: left; }

.post-head .post_info .post_info_right { float: right; }

.post-head .post_info .post_date { font-size: 14px; color: #666; }

.post-head .post_info .post_category { font-size: 14px; color: #0075b1; }

/** post-deatail-list 우측 기사 리스트 **/
.post-list { /* 뉴스 상세 공유 버튼 영역 시작 */ /* 뉴스 상세 공유 버튼 영역 끝 */ }

.post-list > li { position: relative; padding-top: 10px; padding-left: 145px; padding-right: 10px; border-top: 1px solid #ccdee9; height: 91px; }

.post-list > li > a { display:block; width:100%; height:auto; }

.post-list > li.now-page { background: #ecf3f9; }

.post-list > li.now-page > a { display:block; width:100%; height:auto; }

.post-list .post-list-thumb { display: block; position: absolute; top: 10px; left: 10px; width: 120px; height: 80px; overflow: hidden; }

.post-list .post-list-thumb img { min-height: 100%; }

.post-list .post-list-title { font-size: 14px; font-weight: 500; color: #333; height: 40px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }

.post-list .post-list-etc { position: absolute; top: 70px; left: 145px; }

.post-list .post-list-etc span { font-size: 13px; color: #808080; }

.post-list .post-list-etc strong { font-size: 13px; color: #0075b1; font-weight: 400; }

.post-list .post-list-etc strong:first-child { padding-right: 4px; }

.post-list .absolute_btns { float: right; }

.post-list .absolute_btns .drop-list.post-drop-list { bottom: auto; right: 32px; top: 65px; z-index: 10; }

.post-list .btn_post_share { display: block; width: 34px; height: 34px; background: url(../images/common/icon_share_post.png) no-repeat center; overflow: hidden; text-indent: -9999px; }

@media screen and (min-width: 960px) { /** 레이아웃 **/
  .post-deatail { padding-top: 60px; }
  .post-deatail .post-deatail-content { padding-top: 42px; }
  .post-deatail .post-deatail-content { border-top: 2px solid #333; padding-left: 16px; padding-right: 16px; float: left; width: 100%; }
  .post-deatail .post-footer { padding-top: 20px; }
  .post-deatail .post-deatail-list { float: left; width: 100%; margin-top: 0; padding-top: 22px; padding-bottom: 20px; border-top: 2px solid #333; border-bottom: 1px solid #333; }
  /** 우측 리스트 **/
  .post-list .post-list-title { height: 48px; font-size: 15px; }
  /** post-head **/
  .post-head .post_title { font-size: 30px; line-height: 38px; color: #333; font-weight: 500; padding-bottom: 40px; }
  .post-head .post_info { width: 100%; }
  .post-head .post_info .post_date, .post-head .post_info .post_category { font-size: 16px; font-weight: 400; }
  /** post-deatail-list 우측 기사 리스트 **/
  .post-list { position: relative; /* 뉴스 상세 공유 버튼 영역 시작 */ /* 뉴스 상세 공유 버튼 영역 끝 */ }
  .post-list > li { padding-top: 20px; padding-left: 138px; height: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .post-list > li:first-child { border-top: 0; }
  .post-list .post-list-thumb { display: block; position: absolute; top: 20px; left: 10px; width: 110px; height: 80px; overflow: hidden; }
  .post-list .post-list-thumb img { min-height: 100%; }
  .post-list .post-list-etc { top: 78px; left: 138px; }
  .post-list .absolute_btns .drop-list.post-drop-list { right: 38px; top: 75px; }
  .post-deatail-list .drop-share { margin-top: 8px; } }

@media screen and (min-width: 1108px) { /* 목록 버튼 */
  .btn_go_list { display: inline-block; min-width: 78px; padding: 15px 10px 13px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; border-radius: 22px; font-size: 15px; color: #333; text-align: center; }
  /** 레이아웃 **/
  .post-deatail { /* 스크롤 할때 오른쪽 리스트 fixed */ /* 스크롤 끝점 오른쪽 리스트 fixed */ }
  .post-deatail .post-deatail-top { float: left; }
  .post-deatail .post-deatail-content { width: 760px; min-height: 700px; padding-left: 0; padding-right: 0; }
  .post-deatail .post-deatail-list { float: right; width: calc(100% - 810px); /* 간격 50px 유지 */ background: #fff; -webkit-transition: top 0.4s; transition: top 0.4s; -webkit-transition: position 0.4s, top 0.4s, bottom 0.4s; transition: position 0.4s, top 0.4s, bottom 0.4s; }
  .post-deatail .position-fixed { position: fixed; top: 60px; width: calc(100% - 840px); z-index: 100; }
  .post-deatail .position-absolute { position: absolute; left: auto !important; right: 15px; top: auto; bottom: 66px; }
  /** post-head **/
  .post-head .post_info, .post-head .post_title { width: 760px; }
  /** post-deatail-list 우측 기사 리스트 **/
  .post-list > li { padding-right: 10px; } }

@media screen and (min-width: 1169px) { .post-deatail .position-fixed { width: 330px; } }

/********************* 뉴스미디어 사이트 에디터 스타일 시작 *********************/
img.wp-smiley, img.emoji { /* display: inline !important; */ /* border: none !important; */ /* box-shadow: none !important; */ height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; }

.post-deatail-content .post-body { font-size: 17px; color: #454545; line-height: 1.8; }

.post-deatail-content .post-body:before, .post-deatail-content .post-body:after { content: ""; display: table; }

.post-deatail-content .post-body:after { clear: both; }

.post-deatail-content .post-body div { margin: 0.7em 0 1.6em 0; }

.post-deatail-content .post-body div.sp_cont_wrap { margin-top: 0; }

.post-deatail-content .post-body div.sp_cont_wrap:first-child p { margin-top: 0; }

.post-deatail-content .post-body strong { font-weight: 500; }

.post-deatail-content .post-body p { margin: 0.7em 0 1.6em 0; }

.post-deatail-content .post-body ul { margin: 0.7em 0 1.6em 0; }

.post-deatail-content .post-body h1, .post-deatail-content .post-body h2, .post-deatail-content .post-body h3, .post-deatail-content .post-body h4, .post-deatail-content .post-body h5, .post-deatail-content .post-body h6 { clear: both; color: #454545; font-weight: 700; line-height: 1.5; margin: 0.4em 0 0.5em 0; }

.post-deatail-content .post-body h2 { font-size: 20px; }

.post-deatail-content .post-body h3 { font-size: 19px; }

.post-deatail-content .post-body h4 { font-size: 18px; }

.post-deatail-content .post-body h5 { font-size: 17px; }

.post-deatail-content .post-body h6 { font-size: 17px; }

.post-deatail-content .post-body img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; }

.post-deatail-content .post-body .alignright { display: inline; float: right; }

.post-deatail-content .post-body .alignleft { display: inline; float: left; }

.post-deatail-content .post-body .aligncenter { display: block; margin-right: auto; margin-left: auto; }

.post-deatail-content .post-body .alignone { display: block; margin-right: auto; margin-left: auto; }

.post-deatail-content .post-body .wp-caption { margin-bottom: 1.6em; max-width: 100%; }

.post-deatail-content .post-body blockquote.alignleft, .post-deatail-content .post-body .wp-caption.alignleft, .post-deatail-content .post-body img.alignleft { margin: 0.4em 1.6em 1.6em 0; }

.post-deatail-content .post-body blockquote.alignright, .post-deatail-content .post-body .wp-caption.alignright, .post-deatail-content .post-body img.alignright { margin: 0.4em 0 1.6em 1.6em; }

.post-deatail-content .post-body blockquote.aligncenter, .post-deatail-content .post-body .wp-caption.aligncenter, .post-deatail-content .post-body .wp-caption.alignleft, .post-deatail-content .post-body .wp-caption.alignright, .post-deatail-content .post-body .wp-caption.aligncenter { margin-bottom: 1.2em; }

.post-deatail-content .post-body .wp-caption img[class*="wp-image-"] { display: block; margin: 0; }

.post-deatail-content .post-body .full_size_img { width: 100%; height: auto; }

.post-deatail-content .post-body iframe, .post-deatail-content .post-body video { width: 100%; }

.post-deatail-content .post-body .video_wrap { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 1.2em; }

.post-deatail-content .post-body .video_wrap iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 0; }

.post-deatail-content .post-body .o_title { position: relative; padding-bottom: 10px; font-weight: 700; }

.post-deatail-content .post-body .o_title:before { position: absolute; bottom: 0; left: 0; display: block; content: ""; width: 100%; height: 2px; background-color: #b4b4b0; }

.post-deatail-content .post-body .o_title:after { position: absolute; bottom: 0; left: 0; display: block; content: ""; width: 155px; height: 2px; background-color: #2b36e2; }

.post-deatail-content .post-body .o_remarks { padding-top: 1.6em; border-top: 1px solid #bbb; color: #454545; font-weight: 700; text-align: center; }

.post-deatail-content .post-body .o_imgset { text-align: center; margin: 0.7em 0 1.6em 0; }

.post-deatail-content .post-body .o_imgset figure { display: inline; width: auto; }

.post-deatail-content .post-body .o_imgset figcaption { width: 960px; padding-top: 3px; margin: 0 auto; font-size: 14px; font-weight: 700; color: #808080; text-align: left; }

.post-deatail-content .post-body .o_imgset figcaption a, .post-deatail-content .post-body .o_imgset figcaption * { font-size: 14px; }

.post-deatail-content .post-body .wp-caption .wp-caption-text { padding-top: 3px; margin: 0; font-size: 14px; font-weight: 700; color: #808080; text-align: left; }

.post-deatail-content .post-body div.post-deatail-content-gallery { margin: 30px 0 50px; }

.post-deatail-content .post-body .post-deatail-content-gallery div { margin: 0; }

.post-deatail-content .kit { padding-top: 20px; border-top: 1px solid #bbb; }

.post-deatail-content .tag { padding: 10px 0; margin-bottom: 20px; }

.post-deatail-content .tag li { float: left; margin-right: 20px; }

.post-deatail-content .tag li a { font-size: 17px; color: #333; }

.post-deatail-content .tag li a:before { display: inline; content: "#"; }

.post-deatail-content .tag li a:hover { font-weight: 700; color: #165f8e; text-decoration: underline; }

@media all and (max-width: 960px) { .post-deatail-content .post-body { font-size: 15px; }
  .post-deatail-content .tag li a { font-size: 15px; } }

@media all and (max-width: 480px) { .post-deatail-content .post-body { padding: 10px 0; font-size: 14px; }
  .post-deatail-content .kit { padding-top: 10px; }
  .post-deatail-content .tag li { margin-right: 10px; }
  .post-deatail-content .tag li a { font-size: 14px; }
  .post-deatail-content .writer_info .name { font-size: 14px; }
  .post-deatail-content .writer_info .anchor_mail { font-size: 14px; }
  .post-deatail-content .writer_info .desc { font-size: 12px; }
  .post-deatail-content .post-body h2 { font-size: 18px; }
  .post-deatail-content .post-body h3 { font-size: 17px; }
  .post-deatail-content .post-body h4 { font-size: 16px; }
  .post-deatail-content .post-body h5 { font-size: 15px; }
  .post-deatail-content .post-body h6 { font-size: 14px; }
  .post-deatail-content .post-body .o_imgset figcaption, .post-deatail-content .post-body .o_imgset figcaption a, .post-deatail-content .post-body .o_imgset figcaption * { font-size: 12px; }
  .post-deatail-content .post-body .wp-caption .wp-caption-text { font-size: 12px; }
  .post-deatail-content .post-body div.post-deatail-content-gallery { margin: 15px 0 40px; } }

@media screen and (min-width: 1108px) { .post-deatail-content .post-body div.sp_cont_wrap { margin-bottom: 60px; } }

/********************* 뉴스미디어 사이트 에디터 스타일 끝 *********************/
/********************* 뉴스미디어 상세 내 슬라이드 시작 *********************/
.single-gallery { position: relative; width: 100%; height: 0; padding-bottom: 67.7%; margin: 30px 0 60px; }

.post-deatail-content .post-body div.single-gallery { margin: 30px 0 50px; }

.single-gallery .gallery-inner { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.single-gallery li { list-style-type: none !important; margin: 0 !important; padding: 0; position: absolute; left: 100%; top: 0; width: 100%; height: 100%; background-color: #000; }

.single-gallery li .img-box { position: relative; display: table-cell; vertical-align: middle; text-align: center; }

.single-gallery li .img-box img { display: inline-block; width: 100%; height: auto; /*position:absolute;left:50%;top:50%;*/ }

.single-gallery li .img-box img.height { width: auto; height: 100%; }

.single-gallery .btn_group button { position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); font-size: 0; }

.single-gallery .btn_group button:after { position: absolute; top: 50%; left: 50%; display: block; content: ""; width: 11px; height: 16px; margin-left: -6px; margin-top: -8px; background: url(../images/common/posco_sprite.png) no-repeat 0 0; }

.single-gallery .btn_group .btn_prev { left: 4px; }

.single-gallery .btn_group .btn_next { right: 4px; }

.single-gallery .btn_group .btn_prev:after { background-position: 0 -60px; }

.single-gallery .btn_group .btn_next:after { margin-left: -5px; background-position: -20px -60px; }

.single-gallery .btn_page { position: absolute; left: 0; bottom: -28px; width: 100%; height: 12px; text-align: center; }

.single-gallery .btn_page button { width: 10px; height: 10px; margin: 0 6px; border-radius: 50%; border: 1px solid #666; background-color: rgba(255, 255, 255, 0.5); vertical-align: top; font-size: 0; }

.single-gallery .btn_page .on { background-color: rgba(0, 0, 0, 0.3); }

.post-deatail-content .single-gallery div { margin: 0; }

@media (max-width: 640px) { .single-gallery { padding-bottom: 100%; } }

@media (max-width: 480px) { .single-gallery .btn_group button { width: 24px; height: 24px; margin-top: -12px; }
  .single-gallery .btn_group button:after { width: 7px; height: 10px; margin-left: -4px; margin-top: -5px; background-image: url(../images/common/posco_sprite_m.png); background-size: 100px auto; }
  .single-gallery .btn_group .btn_next:after { margin-left: -3px; background-position: -20px -60px; }
  .post-deatail-content .post-body div.single-gallery { margin: 15px 0 40px; } }

/********************* 뉴스미디어 상세 내 슬라이드 끝 *********************/
@media screen and (max-width: 1200px) { .ct img { width: 100% !important; } }

.industry .subtop.sub01 { background: url(../images/01_industry/subtop01.jpg) no-repeat 50% 50%; }

.industry .subtop.sub02 { background: url(../images/01_industry/subtop02.jpg) no-repeat 50% 50%; }

.industry .subtop.sub03 { background: url(../images/01_industry/subtop03.jpg) no-repeat 50% 50%; }

.industry .subtop.sub04 { background: url(../images/01_industry/subtop04.jpg) no-repeat 50% 50%; }

.industry .subtop.sub05 { background: url(../images/01_industry/subtop05.jpg) no-repeat 50% 50%; }

.industry .subtop.sub06 { background: url(../images/01_industry/subtop06.jpg) no-repeat 50% 50%; }

.industry .subtop.sub07 { background: url(../images/01_industry/subtop07.jpg) no-repeat 50% 50%; }

.industry .subtop.sub08 { background: url(../images/01_industry/subtop08.jpg) no-repeat 50% 50%; }

.process .subtop.sub01 { background: url(../images/02_process/subtop01.jpg) no-repeat 50% 50%; }

.process .subtop.sub02 { background: url(../images/02_process/subtop02.jpg) no-repeat 50% 50%; }

.process .subtop.sub03 { background: url(../images/02_process/subtop03.jpg) no-repeat 50% 50%; }

.process .subtop.sub04 { background: url(../images/02_process/subtop04.jpg) no-repeat 50% 50%; }

.process .subtop.sub05 { background: url(../images/02_process/subtop05.jpg) no-repeat 50% 50%; }

.process .subtop.sub06 { background: url(../images/02_process/subtop06.jpg) no-repeat 50% 50%; }

.process .subtop.sub07 { background: url(../images/02_process/subtop07.jpg) no-repeat 50% 50%; }

.process .subtop.sub08 { background: url(../images/02_process/subtop08.jpg) no-repeat 50% 50%; }

.process .subtop.sub09 { background: url(../images/02_process/subtop09.jpg) no-repeat 50% 50%; }

.process .subtop.sub10 { background: url(../images/02_process/subtop10.jpg) no-repeat 50% 50%; }

.premium .subtop.sub01 { background: url(../images/03_premium/subtop01.jpg) no-repeat 50% 50%; }

.premium .subtop.sub02 { background: url(../images/03_premium/subtop02.jpg) no-repeat 50% 50%; }

.premium .subtop.sub03 { background: url(../images/03_premium/subtop03.jpg) no-repeat 50% 50%; }

.premium .subtop.sub04 { background: url(../images/03_premium/subtop04.jpg) no-repeat 50% 50%; }

.support .subtop.sub01 { background: url(../images/05_support/subtop01.jpg) no-repeat 50% 50%; }

.support .subtop.sub02 { background: url(../images/05_support/subtop01.jpg) no-repeat 50% 50%; }

.support .subtop.sub03 { background: url(../images/05_support/subtop01.jpg) no-repeat 50% 50%; }

.search-center .subtop { background: url(../images/06_common/subtop_srch.jpg) no-repeat 50% 50%; }

.search-center .subtop .container { padding-top: 0; }

.history .subtop { background: url(../images/06_common/subtop_history.jpg) no-repeat 50% 50%; }

.solution .subtop.sub01 { background: url(../images/07_solution/subtop01.jpg) no-repeat 50% 50%; }

.solution .subtop.sub02 { background: url(../images/07_solution/subtop02.jpg) no-repeat 50% 50%; }

.solution .subtop.sub03 { background: url(../images/07_solution/subtop03.jpg) no-repeat 50% 50%; }

.solution .subtop.sub04 { background: url(../images/07_solution/subtop04.jpg) no-repeat 50% 50%; }

.solution .subtop.sub05 { background: url(../images/07_solution/subtop05.jpg) no-repeat 50% 50%; }

.subtop { background-size: cover !important; height: 252px; width: 100%; }

.subtop .container { display: table; height: 252px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.subtop .container .mid { display: table-cell; vertical-align: middle; }

.subtop .container .mid h2 { padding-top: 0; }

.subtop .container .top { font-size: 18px; color: #fff; }

.subtop h2 { padding: 5px 0 0; font-size: 48px; color: #fff; font-weight: 350; text-shadow: 2px 2px 3px black; }

.subtop h2 strong { font-size: 48px; color: #fff; font-weight: 700; }

.subtop em { display: block; padding-bottom: 5px; color: #fff; font-size: 18px; font-weight: 350; text-shadow: 2px 2px 3px black; }

.subtop em strong { color: #fff; font-size: 18px; font-weight: 500; }

.subtop p { padding-top: 20px; color: #fff; font-size: 15px; text-shadow: 2px 2px 3px black; }

.subtop p.txt01 { font-size: 20px; }

.subtop p.txt02 { padding-top: 12px; font-size: 13px; line-height: 20px; }

@media screen and (max-width: 960px) { .subtop { display: table; height: 150px; }
  .subtop .container { display: table-cell; padding-top: 0; vertical-align: middle; height: 150px; }
  .subtop .container .top { display: none; }
  .subtop em { font-size: 1.000em; }
  .subtop em strong { font-size: 1.000em; }
  .subtop h2 { padding: 10px 0; font-size: 28px; }
  .subtop h2 strong { font-size: 1.0em; }
  .subtop p { display: none; font-size: 0.800em; }
  .subtop p.txt01 { display: block; padding-top: 0; font-size: 13px; } }

/*     heading     */
h3 { color: #333; font-size: 40px; font-weight: 700; }

h3 .ver { color: #222; font-size: 20px; display: inline-block; margin-left: 5px; }

h4 { font-size: 26px; color: #333; font-weight: 700; padding-top: 60px; }

h4 .right { float: right; margin-top: 0 !important; }

h5 { font-size: 20px; color: #333; font-weight: 700; padding-top: 60px; }

p, dd { line-height: 28px; }

.txt-top + .cont-tit { padding-top: 0; }

.cont-tit01 { display: block; padding-top: 60px; font-size: 26px; font-weight: 500; letter-spacing: -1px; color: #333; }

.cont-tit01 + p { padding-top: 30px !important; }

.cont-tit01 + .table_inner table { margin-top: 20px !important; }

.cont-tit02 { position: relative; padding: 40px 0 0; font-size: 20px; font-weight: 700; color: #005890; }

.cont-tit02 sup { color: #005890; font-size: 15px; }

.cont-tit02 .unit { position: absolute; top: 43px; right: 0; font-size: 14px; font-weight: 400; }

.cont-tit03 { padding-top: 30px !important; font-size: 16px; font-weight: 700; color: #333; }

.txt-type01 { padding-top: 60px; }

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

/* 텍스트 스타일 */
.ct > .cont-tit01:first-child { padding-top: 0; }

.ct .cont-tit01 + .cont-tit02 { padding-top: 30px; }

.ct .list .cont-tit02 { padding-top: 25px; }

.ct .list li p { padding-top: 5px; }

.ct p { padding-top: 15px; }

.ct p.cont-tit02 { padding-top: 60px; }

.ct .img-wrap { display: block; margin-top: 20px; text-align: left; }

.ct .img-wrap.tl { text-align: left; }

.ct .img-wrap p { color: #333; }

.ct .txt-list { overflow: hidden; }

.ct .txt-list li { float: left; width: 50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.ct .txt-list li .cont-tit02 { padding-top: 30px; }

.ct .txt-list li:first-child { padding-right: 15px; }

.ct .txt-list li:last-child { padding-left: 15px; }

.ct .txt-list.re-width li:first-child { width: 34%; }

.ct .txt-list.re-width li:last-child { width: 66%; }

@media screen and (min-width: 961px) { .ct p { word-break: keep-all; text-align: justify; } }

@media screen and (max-width: 1200px) { .cont-tit02 { font-size: 18px; } }

@media screen and (max-width: 960px) { h3 { font-size: 25px; }
  h4 { font-size: 18px; padding-top: 50px; line-height: 26px; }
  h5 { font-size: 16px; padding-top: 40px; }
  p, dd { font-size: 13px; line-height: 20px; }
  span, strong { font-size: 12px; }
  .cont-tit01 { padding-top: 30px; font-size: 18px; }
  .cont-tit01 + p { padding-top: 10px !important; }
  .cont-tit02 { padding: 20px 0 0; font-size: 16px; line-height: 1.3; }
  .txt-type01 { padding-top: 30px; }
  .ct .bg-box { padding: 30px 0; }
  .ct .cont-tit01 + .cont-tit02 { padding-top: 10px; }
  .ct p { padding-top: 15px; }
  .ct p .point { font-size: 12px; }
  .ct p.cont-tit02 { padding-top: 20px; }
  .ct .list .cont-tit02 { padding-top: 15px; }
  .ct .img-wrap { margin-top: 20px; }
  .ct .img-wrap img { width: 100%; }
  .ct .img-wrap.mg img { display: block; margin-bottom: 10px; }
  .ct .txt-list { overflow: hidden; }
  .ct .txt-list li { float: none; width: 100%; }
  .ct .txt-list li:first-child { padding-right: 0; }
  .ct .txt-list li:last-child { padding-left: 0; }
  .ct .txt-list.re-width li:first-child { width: 100%; }
  .ct .txt-list.re-width li:last-child { width: 100%; } }

/*     tab     */
.tab { position: relative; }

.tab + .tab-cont { display: block; }

.tab.mg-on { margin-top: 60px; }

.tab .selected { display: none; }

.tab.row:after { position: absolute; top: 55px; left: 0; display: block; content: ''; width: 100%; height: 1px; background: #dee3e8; }

.tab > ul { display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tab > ul.re-pd > li a { padding: 0 18px; }

.tab > ul.re-bg > li.on a { background: #0079cd; }

.tab > ul.re-bg > li.on a:after { display: none; }

.tab > ul > li { display: table-cell; width: 10%; border-right: 1px solid #dee3e8; vertical-align: middle; background: #f6f8fa; }

.tab > ul > li:last-child { border-right: 0; }

.tab > ul > li a { display: block; padding: 0; text-align: center; font-size: 17px; font-weight: 700; color: #757575; }

.tab > ul > li a.lh44 { line-height: 44px; }

.tab > ul > li.on a { position: relative; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#0079cc), color-stop(#056ab0), to(#114569)); background: linear-gradient(to right, #0079cc, #056ab0, #114569); background: -ms-linear-gradient(to right, #0079cc, #056ab0, #114569); }

.tab.multi ul { display: block; border: none; }

.tab.multi ul:after { content: ""; display: block; clear: both; }

.tab.multi ul li { border-top: none; border-left: none; display: block; float: left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.tab.multi ul.col-03 li { width: 33.3%; }

.tab.multi ul.col-03 li:nth-child(3) { border-right: 0; }

.tab.multi ul.col-03 li:nth-child(1), .tab.multi ul.col-03 li:nth-child(2), .tab.multi ul.col-03 li:nth-child(3) { border-bottom: 1px solid #dee3e8; }

.tab.multi ul.col-03 li:nth-child(3), .tab.multi ul.col-03 li:nth-child(6) { width: 33.4%; }

.tab.multi ul.col-04 li { width: 25%; }

.tab.multi ul.col-04 li:nth-child(4) { border-right: 0; }

.tab.multi ul.col-04 li:nth-child(1), .tab.multi ul.col-04 li:nth-child(2), .tab.multi ul.col-04 li:nth-child(3), .tab.multi ul.col-04 li:nth-child(4) { border-bottom: 1px solid #dee3e8; }

.tab.multi ul.col-05 li { width: 20%; }

.tab.multi ul.col-05 li:nth-child(5) { border-right: 0; }

.tab.multi ul.col-05 li:nth-child(1), .tab.multi ul.col-05 li:nth-child(2), .tab.multi ul.col-05 li:nth-child(3), .tab.multi ul.col-05 li:nth-child(4), .tab.multi ul.col-05 li:nth-child(5) { border-bottom: 1px solid #dee3e8; }

.tab.multi ul.col-06 li { width: 16.6%; }

.tab.multi ul.col-06 li:nth-child(6) { border-right: 0; }

.tab.multi ul.col-06 li:nth-child(1), .tab.multi ul.col-06 li:nth-child(2), .tab.multi ul.col-06 li:nth-child(3), .tab.multi ul.col-06 li:nth-child(4), .tab.multi ul.col-06 li:nth-child(5), .tab.multi ul.col-06 li:nth-child(6) { border-bottom: 1px solid #dee3e8; }

.tab.multi2 ul { display: block; border: none; }

.tab.multi2 ul:after { content: ""; display: block; clear: both; }

.tab.multi2 ul li { border: 1px solid #d9d9d9; border-top: none; border-left: none; display: block; float: left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 25%; }

.tab.multi2 ul li:first-child { border-left: 1px solid #d9d9d9; }

.tab.multi2 ul li:nth-child(4n+1) { border-left: 1px solid #d9d9d9; }

.tab.multi2 ul li:nth-child(1), .tab.multi2 ul li:nth-child(2), .tab.multi2 ul li:nth-child(3), .tab.multi2 ul li:nth-child(4) { border-top: 1px solid #d9d9d9; }

.tab.history { height: 75px; }

.tab.history li { height: 75px; }

.tab2 { margin-top: 40px; border-bottom: 2px solid #005890; -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 #005890; }

.tab2 li.on a { background: #fff; color: #fff; border: 2px solid #005890; border-bottom: 2px solid #fff; color: #333; font-weight: 700; }

.tab-cont { display: none; }

.accordian { position: relative; }

.accordian dt { margin-bottom: 5px; width: 100%; height: 50px; line-height: 50px; background: #f0f0f0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.accordian dt.on { background: #fff; border: 1px solid #666; }

.accordian dt.on a { font-weight: 700; color: #333; }

.accordian dt.on a:after { position: absolute; top: 50%; right: 20px; margin-top: -1px; display: block; content: ''; width: 16px; height: 2px; background: url("../images/contents/ico_minus.png") no-repeat; }

.accordian dt a { position: relative; display: block; padding-left: 20px; font-size: 18px; }

.accordian dt a:after { position: absolute; top: 50%; right: 20px; margin-top: -8px; display: block; content: ''; width: 16px; height: 16px; background: url("../images/contents/ico_plus.png") no-repeat; }

.accordian dt a .hidden { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; opacity: 0; }

.accordian dd { display: none; padding-bottom: 50px; }

.accordian dd ul li { margin-left: 10px; text-indent: -10px; }

.accordian p, .accordian ul { padding-top: 5px; word-break: keep-all; text-align: justify; }

.accordian .point { padding-bottom: 5px; }

.accordian .tit { display: block; padding-top: 20px; color: #005891; font-size: 18px; }

.accordian .tbl-txt { margin-top: 10px; }

.accordian .tbl-txt .ico { margin-right: 7px; }

.accordian .tbl-txt .ico:last-child { margin-left: 30px; }

.accordian .graph { display: block; padding-top: 15px; }

@media screen and (min-width: 961px) { .tab > ul > li { height: 55px; line-height: 55px; }
  .tab > ul > li.row { line-height: 1.1; padding: 8px 0; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .tab > ul > li.row a { line-height: 1.1; }
  .tab > ul > li.row.on { padding: 0; }
  .tab > ul > li.row.on a { padding-top: 8px; height: 54px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .tab > ul > li.on a:after { position: absolute; left: 50%; bottom: -8px; margin-left: -4.5px; display: block; content: ''; width: 9px; height: 8px; z-index: 10; background: url("../images/contents/arr_tab_on.png") no-repeat; }
  .tab.multi ul.col-06 li:nth-child(6), .tab.multi ul.col-06 li:nth-child(12) { width: 17%; } }

@media screen and (max-width: 1200px) { .tab.sm > ul > li a { font-size: 14px; }
  .tab > ul.re-pd > li a { padding: 0 8px; } }

@media screen and (max-width: 960px) { .tab { margin-top: 10px; position: relative; }
  .tab.mg-on { margin-top: 30px; }
  .tab .selected { display: block; line-height: 40px; cursor: pointer; background: url(../images/common/tab_arrow.png) no-repeat right top #005890; 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 #d9d9d9; position: absolute; left: 0; top: 40px; z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .tab > ul > li { display: block; width: 100%; border-right: none; border: 0; }
  .tab > ul > li:last-child { border-bottom: none; }
  .tab > ul > li a { display: block; padding: 14px 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 { border: 0; }
  .tab > ul > li.on a { background: #f1f1f1; color: #005890; font-weight: 700; }
  .tab.multi ul { display: none; border: none; border: 1px solid #d9d9d9; }
  .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.col-03 li { width: 100% !important; }
  .tab.multi ul.col-03 li:nth-child(3n + 1) { border-left: none; }
  .tab.multi ul.col-03 li:nth-child(1), .tab.multi ul.col-03 li:nth-child(2), .tab.multi ul.col-03 li:nth-child(3) { border-top: none; border-bottom: none; }
  .tab.multi ul.col-04 li { width: 100%; }
  .tab.multi ul.col-04 li:nth-child(4n + 1) { border-left: none; }
  .tab.multi ul.col-04 li:nth-child(1), .tab.multi ul.col-04 li:nth-child(2), .tab.multi ul.col-04 li:nth-child(3), .tab.multi ul.col-04 li:nth-child(4) { border-top: none; border-bottom: none; }
  .tab.multi ul.col-05 li { width: 100%; }
  .tab.multi ul.col-05 li:nth-child(5n + 1) { border-left: none; }
  .tab.multi ul.col-05 li:nth-child(1), .tab.multi ul.col-05 li:nth-child(2), .tab.multi ul.col-05 li:nth-child(3), .tab.multi ul.col-05 li:nth-child(4), .tab.multi ul.col-05 li:nth-child(5) { border-top: none; border-bottom: none; }
  .tab.multi ul.col-06 li { width: 100%; }
  .tab.multi ul.col-06 li:nth-child(6n + 1) { border-left: none; }
  .tab.multi ul.col-06 li:nth-child(1), .tab.multi ul.col-06 li:nth-child(2), .tab.multi ul.col-06 li:nth-child(3), .tab.multi ul.col-06 li:nth-child(4), .tab.multi ul.col-06 li:nth-child(5), .tab.multi ul.col-06 li:nth-child(6) { border-top: none; border-bottom: none; }
  .tab.history { height: auto; }
  .tab.history li { height: auto; }
  .tab2 { margin-top: 30px; height: 40px; }
  .tab2 li a { line-height: 36px; font-size: 13px; }
  .accordian .tit { padding-top: 20px; font-size: 15px; }
  .accordian dt { height: 40px; line-height: 40px; }
  .accordian dt.on a:after { width: 10px; right: 15px; margin-top: -3px; background-size: 10px; }
  .accordian dt a { font-size: 13px; }
  .accordian dt a:after { width: 10px; right: 15px; margin-top: -5px; background-size: 10px; }
  .accordian dd { padding-bottom: 20px; }
  .accordian .tbl-txt { font-size: 11px; }
  .accordian .tbl-txt .ico img { width: 10px !important; }
  .accordian .graph { width: 100%; }
  .accordian .graph img { width: 100%; } }

/* 동영상 */
/* 웹접근성 hidden 처리 .premium{ .vod-wrap{ display:none; }	 } */
.vod-wrap { overflow: hidden; margin-top: 30px; max-width: 330px; width: 100%; border-radius: 4px; }

.vod-wrap a { display: block; position: relative; }

.vod-wrap a .thum { overflow: hidden; width: 100%; height: 185px; display: block; }

.vod-wrap a .thum img { float: left; width: 100%; height: 100%; }

.vod-wrap a:after { display: block; content: ''; position: absolute; top: 50%; left: 50%; margin: -62px 0 0 -39px; width: 78px; height: 78px; background: url("../images/contents/btn_vod_play.png") no-repeat; }

.vod-wrap a p { padding-top: 0 !important; height: 43px; line-height: 43px; background: #005891; color: #fff; text-align: center !important; }

@media screen and (max-width: 960px) { .vod-wrap { width: 100% !important; max-width: 100%; } }

/* icons */
.icon { display: inline-block; padding: 5px 10px; color: #fff; border-radius: 3px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.icon.line { padding: 5px 12px; border: 1px solid #d5dadd; border-radius: 30px; color: #727e96; font-size: 12px; }

.icon.blue { background: #2070b7; }

.icon.green { background: #008299; }

/*     btns     */
.btn-wrap { text-align: center; margin-top: 60px; }

.btn-wrap.txt-r { margin-top: 0; margin-bottom: 20px; text-align: right; }

.btn-wrap a { display: inline-block; min-width: 140px; line-height: 45px; border-radius: 45px; font-size: 16px; font-weight: 500; margin: 0 5px; color: #333; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn-wrap a.ico-down:before { display: inline-block; content: ''; margin-right: 7px; width: 13px; height: 15px; vertical-align: middle; background: url("../images/common/ico_down.png") no-repeat; }

.btn-wrap a.btn-solid { background: #005890; color: #fff; }

.btn-wrap a.btn-stroke { margin-right: 0; 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-more { border: 1px solid #999; border-radius: 45px; line-height: 43px; padding: 0 25px; display: inline-block; }

.btn-more img { margin-left: 10px; }

.btn-arr { display: inline-block; width: 118px; height: 42px; line-height: 40px; text-align: center; font-size: 15px; color: #333; letter-spacing: -1px; background: url("../images/05_support/ico_arr02.png") no-repeat 83% 50%; border: 1px solid #ccc; border-radius: 3px; }

.btn-arr .inr { position: relative; left: -5px; }

.btn-proposal { color: #fff; font-weight: 500; width: 120px; line-height: 50px; font-size: 14px; background: #005891; text-align: center; display: inline-block; }

.btn-proposal img { margin-left: 5px; }

.stroke { border-radius: 100px; margin-left: 5px; text-align: center; line-height: 43px; padding: 0 25px; border: 1px solid #999; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.stroke img { margin-left: 10px; }

.solid { border-radius: 3px; margin-left: 5px; text-align: center; line-height: 35px; padding: 0 20px; letter-spacing: -1px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.solid.wh { background: #fff; color: #1f70b6; }

.solid.wh:after { display: inline-block; content: ""; position: relative; top: -2px; width: 6px; height: 11px; margin-left: 24px; background: url("../images/contents/btn_arr_bb.png") no-repeat 0; vertical-align: middle; }

.solid.bl { background: #1f70b6; color: #fff; }

.solid.bl:after { display: inline-block; content: ""; position: relative; top: -2px; width: 6px; height: 11px; margin-left: 24px; background: url("../images/contents/btn_arr_wh.png") no-repeat 0; vertical-align: middle; }

.btn-list { padding-top: 15px; }

.btn-list a { position: relative; display: inline-block; margin-bottom: 5px; padding: 0 52px 0 20px; height: 46px; line-height: 46px; text-align: center; background: #e6e6e6; border-radius: 30px; color: #666; }

.btn-list a:after { position: absolute; top: 15px; right: 15px; display: block; content: ''; width: 9px; height: 16px; background: url("../images/contents/arr_connect_off.png") no-repeat; }

.btn-list a:hover { color: #fff; background: #0079cc; }

.btn-list a:hover:after { width: 15px; height: 16px; background: url("../images/contents/arr_connect_on.png") no-repeat; }

@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% - 127px ) / 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; }
  .solid { font-size: 12px; }
  /* icons */
  .icon.line { padding: 3px 10px; font-size: 11px; }
  .btn-list a:after { top: 10px; } }

/* 모달 팝업 */
.modal-wrap { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 200; left: 0; top: 0; display: none; }

.modal-wrap .modal-con { position: absolute; left: 50%; top: 50%; background: #fff; border-bottom: 1px solid #dcdcdc; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.modal-wrap .modal-con.movie-con-wrap { padding: 0 40px 40px 40px; }

.modal-wrap .modal-con .top { height: 80px; padding: 10px; border-bottom: 1px solid #dcdcdc; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.modal-wrap .modal-con .top .selc { display: inline-block; }

.modal-wrap .modal-con .top .selc:first-child select { width: 150px; }

.modal-wrap .modal-con .top p { padding-left: 10px; line-height: 50px; color: #333; font-weight: 700; font-size: 18px; }

.modal-wrap .modal-con .top p.txt { font-size:16px; margin-top:20px; font-weight:normal; position:relative; margin-top:-7px; }

.modal-wrap .modal-con .top p.txt a { font-weight:bold; color:blue; text-decoration:underline; }

.modal-wrap .modal-con .cont { padding: 20px 40px 40px 40px; }

.modal-wrap .modal-con .cont table th { padding: 10px; }

.modal-wrap .modal-con .cont table td { padding: 10px; }

.modal-wrap .modal-con .modal-close { display: block; width: 21px; height: 21px; position: absolute; top: 16px; right: 16px; background: url(../images/common/header_close.png) no-repeat 0 0; }

@media screen and (max-width: 1200px) { .modal-wrap .modal-con { width: 90%; } }

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

/* 자동차3d 모션 */
.motion-wrap { position: relative; margin-top: 30px; padding-bottom: 13px; width: 100%; background: #eef1f6; }

.motion-wrap:after { content: ""; display: block; clear: both; }

.motion-wrap .point { position: absolute; bottom: 15px; right: 15px; z-index: 100; font-weight: 700; font-size: 14px; }

.motion-wrap img[usemap] { border: none; height: auto; max-width: 100%; width: auto; cursor: pointer; }

.motion-wrap .img-size { display: none; }

.motion-wrap .frameImg { display: none; position: absolute; top: 0; right: 0; }

.motion-wrap .close-frame-box { display: none; z-index: 999; width: 678px; float: right; }

.motion-wrap .motion-box { position: relative; display: none; width: 678px; float: right; }

.motion-wrap .cont-wrap { position: relative; float: left; margin: 10px 0 0 10px; width: 452px; height: 595px; background: #fff; border: 1px solid #ffa359; -webkit-box-sizing: border-box; box-sizing: border-box; }

.motion-wrap .cont-wrap .detail-cont { position: absolute; top: 0; left: 0; padding: 20px; display: none; }

.motion-wrap .cont-wrap h3 { padding-top: 0; color: #09305b; font-size: 20px; }

.motion-wrap .cont-wrap .img { min-height: 150px; border-bottom: 1px solid #b3c2c7; margin-bottom: 15px; }

.motion-wrap .cont-wrap .img img { width: 100%; }

.motion-wrap .cont-wrap .txt-box { overflow-y: auto; padding: 0 10px; height: 294px; }

.motion-wrap .cont-wrap P { margin-bottom: 10px; font-size: 14px; word-break: keep-all; }

.motion-wrap .cont-wrap .list li { margin-bottom: 8px; font-size: 14px; color: #333; }

.motion-wrap .cont-wrap .list li:before { display: inline-block; margin-right: 6px; content: ''; width: 2px; height: 2px; background: #333; vertical-align: middle; }

.motion-wrap .cont-wrap .tbl-wrap { padding-bottom: 15px; }

.motion-wrap .cont-wrap .tbl { width: 100%; margin-top: 10px; border: 1px solid #4d4d4d; }

.motion-wrap .cont-wrap .tbl thead th:first-child { border-right: 1px solid #4d4d4d; }

.motion-wrap .cont-wrap .tbl th { padding: 8px 0; text-align: center; border-bottom: 1px solid #4d4d4d; border-left: 1px solid #4d4d4d; }

.motion-wrap .cont-wrap .tbl td { padding: 8px 10px; text-align: left; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

.motion-wrap .cont-wrap .tbl td:first-child { border-left: 0; text-align: center; }

.motion-wrap .cont-wrap .tbl tr:last-child td { border-bottom: 1px solid #4d4d4d; }

.motion-wrap .cont-wrap .close { position: absolute; top: -10px; right: -10px; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url("../images/contents/btn_close.png") no-repeat 50% 50%; }

/* @media screen and (max-width:1200px){ .motion-wrap{ .cont-wrap{ width:40%; height:511px; .txt-box{ height:250px; } } .frameImg{ width: 100%; } .motion-box{ width:60%; max-width:570px; } .img-size{ display:none; } } } */
@media screen and (max-width: 1200px) { .motion-bg { width: 100%; height: 100%; padding-bottom: 10px; background: #eef1f6; }
  .motion-wrap { margin: 30px auto 0 auto; padding-bottom: 0; }
  .motion-wrap .img-size { display: none; }
  .motion-wrap .motion-box { width: 600px; }
  .motion-wrap .cont-wrap { width: 320px; height: 526px; }
  .motion-wrap .frameImg { width: 600px; } }

@media screen and (max-width: 960px) { .motion-bg { background: none; }
  .motion-wrap { width: 320px; margin: 30px auto; height: 100%; }
  .motion-wrap .point { top: 266px; left: 10px; font-size: 11px; }
  .motion-wrap .img-size { display: block; position: absolute; height: 292px; top: 0; left: 0; z-index: -1; }
  .motion-wrap .motion-box, .motion-wrap .close-frame-box { width: 100%; max-width: 100%; height: 100%; float: none; }
  .motion-wrap .motion-box img, .motion-wrap .close-frame-box img { width: 100%; }
  .motion-wrap .cont-wrap { float: none; padding: 0; margin: 0; width: 100%; height: 100%; }
  .motion-wrap .cont-wrap .detail-cont { position: static; }
  .motion-wrap .cont-wrap .list li { font-size: 0.867em; }
  .motion-wrap .cont-wrap h3 { padding: 15px 0 10px; }
  .motion-wrap .cont-wrap .detail-cont img { width: 100%; }
  .motion-wrap .cont-wrap .detail-cont .txt-box { height: 100%; overflow-y: hidden; }
  .motion-wrap .cont-wrap .detail-cont .txt-box p { font-size: 0.867em; } }

/* 제품 정보 */
.product-info { padding: 60px 0; min-height: 300px; }

.product-info:after { content: ""; display: block; clear: both; }

.product-info .text-wrap { width: 67%; float: right; padding-left: 1%; }

.product-info .text-wrap .cont-tit01 { padding-top: 40px; }

.product-info .text-wrap .title { color: #333; font-weight: 700; line-height: 1; }

.product-info .text-wrap .text { margin-top: 30px; word-break: keep-all; text-align: justify; }

.product-info .text-wrap .sub-tit { padding-top: 20px; display: block; color: #333; font-size: 16px; }

.product-info .text-wrap .spec { padding-top: 40px; }

.product-info .text-wrap .spec .tit { position: relative; }

.product-info .text-wrap .spec .tit p { display: inline-block; padding-bottom: 5px; font-size: 20px; font-weight: 700; color: #005890; }

.product-info .text-wrap .spec .tit .btn-tip { display: inline-block; position: relative; top: -3px; width: 20px; height: 20px; margin-left: 3px; line-height: 20px; text-align: center; background: #1f70b6; color: #fff; font-weight: 350; vertical-align: middle; border-radius: 10px; }

.product-info .text-wrap .spec .tit .tip-wrap { display: none; position: absolute; width:380px; border: 1px solid #ccc; background:#fff; top: -6px; left: 120px; z-index: 10; }

.product-info .text-wrap .spec .tit .tip-wrap .innr { position: relative; }

.product-info .text-wrap .spec .tit .tip-wrap .innr:before { position: absolute; top: 14px; left: -7px; display: block; content: ''; width: 8px; height: 9px; z-index: 10; background: url("../images/contents/ico_tip.png") no-repeat; }

.product-info .text-wrap .spec .tit .tip-wrap .innr .close { position: absolute; width: 35px; height: 35px; display: block; position: absolute; top: 0; right: 0; background: url(../images/common/header_close.png) no-repeat center; background-size: 12px; text-indent: -9999px; }

.product-info .text-wrap .spec .tit .tip-wrap .innr .tip { padding: 10px 15px; width: 100%; max-width: 380px; border-radius: 4px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.product-info .text-wrap .spec .tit .tip-wrap .innr .tip strong { padding-right: 5px; color: #333; font-weight: 700; }

.product-info .text-wrap .spec ul:focus { outline-color: #fff; }

.product-info .text-wrap .spec li { line-height: 1.6; font-weight: 300; text-indent: -10px; margin-left: 10px; }

.product-info .text-wrap .spec li.tbl { display: table; }

.product-info .text-wrap .spec li.tbl span { display: table-cell; padding-right: 3px; }

.product-info .text-wrap .spec li.tbl span:last-child { text-indent: 0; }

.product-info .text-wrap .spec .solid { display: inline-block; margin-top: 10px; border: 1px solid #d9d9d9; }

.product-info .image { float: left; width: 32%; }

.product-info .image img { width: 100%; }

.product-detail { padding: 60px 0; border-top: 1px solid #d9d9d9; }

.product-detail.bd-none { border-top: 0; }

.product-detail:after { content: ""; display: block; clear: both; }

.product-detail .left-tab { float: left; width: 32%; max-width: 330px; }

.product-detail .left-tab .selected { display: none; }

.product-detail .left-tab ul li { margin-bottom: 5px; width: 100%; height: 50px; line-height: 50px; background: #edf4fa; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-detail .left-tab ul li.lt { letter-spacing: -1px; }

.product-detail .left-tab ul li.on { background: #fff; border: 1px solid #2070b5; border-right: 4px solid #2070b5; }

.product-detail .left-tab ul li.on a { position: relative; color: #1f70b6; font-weight: 700; }

.product-detail .left-tab ul li.on a:after { position: absolute; top: 50%; right: 17px; margin-top: -7px; display: block; content: ''; width: 8px; height: 15px; background: url("../images/contents/arr_left_tab.png") no-repeat; }

.product-detail .left-tab ul li a { display: block; padding-left: 22px; font-size: 20px; }

.product-detail .left-tab ul li a.lt { letter-spacing: -1px; }

.product-detail .left-tab-cont { float: right; width: 67%; padding-left: 1%; }

.product-detail .text-wrap { display: none; width: 100%; }

.product-detail .text-wrap .title { padding: 0 0 15px 0; line-height: 1.2; font-weight: 500; }

.product-detail .text-wrap .list.last { padding-bottom: 30px; }

.product-detail .text-wrap .txt-img { overflow: hidden; padding-bottom: 30px; }

.product-detail .text-wrap .txt-img .text { float: left; padding-right: 24px; width: 490px; }

.product-detail .text-wrap .txt-img img { float: right; }

.product-detail .text-wrap .text { padding-bottom: 50px; word-break: keep-all; text-align: justify; }

.product-detail .text-wrap dl { padding-bottom: 30px; }

.product-detail .text-wrap dl dt { padding-bottom: 5px; }

.product-detail .text-wrap dl dt strong { color: #2070b7; }

.product-detail .text-wrap table { margin-top: 10px; }

.connect-product { padding-top: 40px; }

.connect-product dt { font-size: 20px; font-weight: 700; color: #005891; }

.automobile {  /* 웹접근성 hidden처리.product-banner{ display:none; } */ } 

.product-banner { width: 100%; height: 224px; background: #1f70b6 url("../images/01_industry/bg_car_banner.png") no-repeat center 0; background-size: cover; }

.product-banner.home { margin-top: 30px; background: url("../images/01_industry/bg_home_banner.jpg") no-repeat center 0; background-size: cover; }

.product-banner .container { position: relative; height: 100%; display: table; }

.product-banner .container a { display: table-cell; vertical-align: middle; }

.product-banner .container strong { font-size: 26px; font-weight: 400; color: #fff; }

.product-banner .container p { padding: 20px 0; color: #fff; }

.product-banner .container .btn { color: #fff; }

.product-banner .container .btn:after { display: inline-block; content: ''; margin-left: 10px; width: 6px; height: 10px; background: url("../images/contents/btn_arr_wh.png") no-repeat; }

@media screen and (min-width: 961px) { .product-info .text-wrap { width: 67%; }
  .product-info .image { max-width: 330px; }
  .product-info .text-wrap .title { font-size: 40px; }
  .product-detail .left-tab ul li.last { background: none; }
  .product-detail .left-tab ul li.last.on { background: none; border: 0; border-right: 0; }
  .product-detail .left-tab ul li.last.on a { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#0079cc), color-stop(#056ab0), to(#114569)); background: linear-gradient(to right, #0079cc, #056ab0, #114569); background: -ms-linear-gradient(to right, #0079cc, #056ab0, #114569); }
  .product-detail .left-tab ul li.last.on a:after { top: 20px; width: 15px; height: 16px; background: url("../images/contents/arr_connect_on.png") no-repeat; }
  .product-detail .left-tab ul li.last a { position: relative; height: 42px; margin-top: 13px; line-height: 42px; letter-spacing: -1px; border-radius: 30px; background: #e6e6e6; font-size: 15px; color: #666; }
  .product-detail .left-tab ul li.last a:after { position: absolute; top: 13px; right: 15px; display: block; content: ''; width: 9px; height: 16px; background: url("../images/contents/arr_connect_off.png") no-repeat; }
  .product-detail .left-tab ul li.last a:hover { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#0079cc), color-stop(#056ab0), to(#114569)); background: linear-gradient(to right, #0079cc, #056ab0, #114569); background: -ms-linear-gradient(to right, #0079cc, #056ab0, #114569); }
  .product-detail .left-tab ul li.last a:hover:after { width: 15px; height: 16px; background: url("../images/contents/arr_connect_on.png") no-repeat; } }

@media screen and (max-width: 1200px) { .product-info .text-wrap { width: 65%; padding-left: 3%; } }

@media screen and (max-width: 960px) { .product-info { padding: 15px 0; }
  .product-info .image { float: none; margin-top: 15px; width: 100%; }
  .product-info .text-wrap { float: none; width: 100%; padding: 0; }
  .product-info .text-wrap .title { padding-top: 15px; font-size: 25px; }
  .product-info .text-wrap .text { margin-top: 15px; text-align: left; }
  .product-info .text-wrap .spec { padding-top: 30px; }
  .product-info .text-wrap .spec .tit p { font-size: 16px; }
  .product-info .text-wrap .spec .tit .btn-tip { top: 0; width: 18px; height: 18px; line-height: 18px; font-size: 14px; }
  .product-info .text-wrap .spec dt { font-size: 18px; padding-bottom: 10px; }
  .product-info .text-wrap .spec li { font-size: 12px; }
  .product-info .text-wrap .spec li.tbl span { min-width: 30px; }
  .product-detail { padding-bottom: 15px; padding-top: 15px; }
  .product-detail .left-tab { position: relative; float: none; margin-bottom: 15px; width: 100%; max-width: 100%; }
  .product-detail .left-tab .selected { display: block; height: 40px; line-height: 40px; cursor: pointer; background: #fff url(../images/common/lnb_arrow.png) no-repeat right -4px; border: 1px solid #2070b5; border-right: 4px solid #2070b5; font-size: 13px; color: #1f70b6; text-indent: 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .product-detail .left-tab .selected.on { background-position: right -55px; }
  .product-detail .left-tab ul { display: none; width: 100%; border: 1px solid #d9d9d9; position: absolute; left: 0; top: 40px; z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .product-detail .left-tab ul li { display: block; margin-bottom: 0; width: 100%; height: 40px; line-height: 39px; border-right: none; border-bottom: 1px solid #d9d9d9; }
  .product-detail .left-tab ul li:last-child { border-bottom: none; }
  .product-detail .left-tab ul li a { display: block; padding-left: 0; text-align: left; font-size: 13px; text-indent: 15px; background: #fff; }
  .product-detail .left-tab ul li a br { display: none; }
  .product-detail .left-tab ul li a.lh44 { line-height: 22px; }
  .product-detail .left-tab ul li.on { border: 0; border-bottom: 1px solid #d9d9d9; }
  .product-detail .left-tab ul li.on a { background: #f1f1f1; color: #005890; font-weight: 700; }
  .product-detail .left-tab ul li.on a:after { display: none; }
  .product-detail .left-tab-cont { float: none; width: 100%; padding: 0; }
  .product-detail .text-wrap dl { padding-bottom: 0; }
  .product-detail .text-wrap .title { padding-bottom: 20px; }
  .product-banner { height: 115px; }
  .product-banner .container strong { font-size: 17px; }
  .product-banner .container p { font-size: 10px; padding: 8px 0; line-height: 1.4; }
  .product-banner .container .btn { font-size: 9px; }
  .product-banner .container .btn:after { width: 4px; height: 7px; margin-left: 6px; background-size: 4px; }
  .connect-product { padding-top: 25px; }
  .connect-product dt { font-size: 16px; }
  .connect-product dd { padding-top: 10px; }
  .connect-product dd a { padding: 0 35px 0 15px; height: 35px; line-height: 35px; text-align: center; letter-spacing: -1px; font-size: 12px; } }

/* 솔루션 마케팅 */
.solution .vod-list { /* 웹접근성 hidden처리 display:none; */ }

.solution .vod-list:after { content: ""; display: block; clear: both; }

.solution .vod-list .vod-wrap { float: left; margin-right: 15px; width: 370px; border-radius: 3px; }

.solution .vod-list .vod-wrap a .thum { height: 200px; }

.solution .vod-list .vod-wrap a p { letter-spacing: -0.5px; height: 50px; line-height: 50px; padding-top: 0; background: #eef1f6; text-align: left; color: #333; font-size: 18px; }

.solution .tab { padding-top: 60px; }

.solution .img-wrap:after { content: ""; display: block; clear: both; }

.solution .img-wrap ul { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 790px; }

.solution .img-wrap ul li { margin-left: 10px; }

.solution .img-wrap ul li:first-child { margin-left: 0; }

.solution .img-wrap ul:nth-child(2) { padding-top: 10px; }

.solution .mid-item { padding: 0; }

.solution .mid-item .col { padding-top: 70px; border-top: 1px solid #d9d9d9; }

.solution .mid-item .col:first-child { padding-left: 0; }

.solution .mid-item .col:last-child { padding-right: 0; }

.solution .mid-item .col .img { height: 159px; }

.solution .mid-item .col .img:first-child { margin-bottom: 32px; }

.solution .dl-style01 dt + dd { min-height: 25px; height: 100%; }

.solution-mkt { padding-bottom: 80px; }

.solution-mkt > .cont-tit01:first-child { padding-top: 70px !important; }

.solution-mkt .tit { padding: 45px 0 20px; font-size: 40px; line-height: 1.3; }

.solution-mkt .tit .sm { position: relative; top: -5px; display: inline-block; font-size: 26px; font-weight: 400; letter-spacing: -1px; color: #333; }

.solution-mkt .tit + .cont-tit01 { padding-top: 35px; }

.solution-mkt .txt-img { display: -webkit-box; display: -ms-flexbox; display: flex; }

.solution-mkt .txt-img .txt { width: 100%; padding-right: 4%; }

.solution-mkt .txt-img .txt.left { padding-left: 4%; padding-right: 0; }

.solution-mkt .txt-img .img { display: block; padding-top: 50px; }

.solution-mkt .txt-img .img .vod-wrap { margin-top: 22px; }

.solution-mkt .list-style01, .solution-mkt .list-style06 { text-align: justify; word-break: keep-all; }

.solution-mkt .list-style01 li, .solution-mkt .list-style06 li { line-height: 1.5; }

.solution-mkt .list-style04.re-size li { font-size: 14px; letter-spacing: -1px; }

.solution-mkt .list-style04.re-size li strong { color: #333; }

.solution-mkt .list-style04.re-size2 li strong { color: #333; }

.solution-mkt .list-style04 li { padding-left: 0; }

.solution-mkt .list-style04 li strong { color: #005891; }

.solution-mkt .img-wrap:after { content: ""; display: block; clear: both; }

.solution-mkt .img-wrap .box { text-align: left; float: left; }

.solution-mkt .img-wrap .box:first-child { width: 365px; }

.solution-mkt .img-wrap .box:first-child img { display: block; margin-bottom: 25px; }

.solution-mkt .bd-box { margin-top: 30px; padding: 20px; border: 1px solid #e5e5e5; border-radius: 3px; }

.solution-mkt .bd-box > ul:after { content: ""; display: block; clear: both; }

.solution-mkt .bd-box > ul > li { float: left; }

.solution-mkt .bd-box > ul.img-list > li { padding: 0 7px; border-left: 1px solid #ccdee9; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.solution-mkt .bd-box > ul.img-list > li:first-child { border-left: 0; }

.solution-mkt .bd-box > ul.img-list > li .list-style06 { padding-left: 10px; margin-top: 20px; margin-bottom: 30px; }

.solution-mkt .bd-box > ul.img-list > li .list-style06 li { margin-bottom: 5px; }

.solution-mkt .bd-box > ul.img-list > li strong { display: block; width: 100%; height: 40px; line-height: 40px; background: #005891; text-align: center; color: #fff; border-radius: 4px; }

.solution-mkt .bd-box > ul.col-02 { position: relative; }

.solution-mkt .bd-box > ul.col-02:before { position: absolute; top: 150px; left: 50%; margin-left: -50px; display: block; content: ''; width: 106px; height: 83px; background: url("../images/07_solution/arr_dev.png") no-repeat; }

.solution-mkt .bd-box > ul.col-02 > li { width: 50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.solution-mkt .bd-box > ul.col-02 > li:last-child { padding-left: 50px; }

.solution-mkt .bd-box > ul.col-02 > li .img { display: block; padding-bottom: 25px; }

.solution-mkt .bd-box > ul.col-02 > li .txt { padding: 0 20px; }

.solution-mkt .bd-box > ul.col-02 > li .list-style06 { margin-top: 30px; }

.solution-mkt .bd-box > ul.col-02 > li .list-style06.pd { padding-bottom: 30px; }

.solution-mkt .solution-list { width: 100%; }

.solution-mkt .solution-list > ul { overflow: hidden; margin: 0 -7px; }

.solution-mkt .solution-list > ul.col-02 > li { width: 50%; max-width: 100%; }

.solution-mkt .solution-list > ul.col-02 > li:last-child { width: 100%; padding-left: 0; }

.solution-mkt .solution-list > ul.col-02 > li:last-child > div .txt { height: 100%; }

.solution-mkt .solution-list > ul.col-02 > li > div .txt { height: 160px; }

.solution-mkt .solution-list > ul.re-height > li > div .txt { height: 100%; }

.solution-mkt .solution-list > ul > li { padding: 0 7px; width: 33.3%; float: left; text-align: left; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.solution-mkt .solution-list > ul > li.w100 { width: 100%; max-width: 100%; }

.solution-mkt .solution-list > ul > li.w100 > div .txt { height: 100%; }

.solution-mkt .solution-list > ul > li .img { display: block; width: 100%; }

.solution-mkt .solution-list > ul > li .cont-tit02 { padding-bottom: 20px; }

.solution-mkt .solution-list > ul > li .dl-list { padding-top: 20px; }

.solution-mkt .solution-list > ul > li .dl-list dt { padding: 30px 0 5px; color: #333; font-weight: 700; }

.solution-mkt .solution-list > ul > li .dl-list dt:first-child { padding-top: 0; }

.solution-mkt .solution-list > ul > li .dl-list dd { letter-spacing: -0.5px; }

.solution-mkt .solution-list > ul > li > div { border: 1px solid #e5e5e5; border-radius: 2px; }

.solution-mkt .solution-list > ul > li > div .txt { padding: 20px; height: 190px; background: #f3f8ff; text-align: justify; word-break: keep-all; font-size: 14px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.solution-mkt .solution-list > ul > li > div .txt strong { display: block; font-size: 15px; color: #333; line-height: 1.5; font-weight: 700; }

.solution-mkt .solution-list > ul > li > div .img { width: 100%; padding: 20px 0; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.solution-mkt .solution-list > ul > li > div ul { min-height: 57px; padding-top: 10px; vertical-align: middle; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.solution-mkt .solution-list > ul > li > div ul.bold { padding-top: 0; }

.solution-mkt .solution-list > ul > li > div ul.bold li { font-weight: 700; color: #333; word-break: keep-all; }

.solution-mkt .solution-list > ul > li > div ul.bold li span { font-weight: normal; }

.solution-mkt .solution-list > ul > li > div ul li { position: relative; margin-bottom: 5px; padding-left: 7px; width: 100%; font-size: 15px; line-height: 1.4; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.solution-mkt .solution-list > ul > li > div ul li:before { display: inline-block; position: absolute; top: 9px; left: 0; content: ''; width: 2px; height: 2px; background: #282828; }

@media screen and (max-width: 1200px) { .solution-mkt .tit { font-size: 38px; }
  .solution-mkt .txt-img .img-wrap { width: 320px; }
  .solution-mkt .tab > ul { top: 70px; }
  .solution-mkt .solution-list > ul > li { width: 32%; }
  .solution-mkt .solution-list > ul > li div .txt { height: 100% !important; padding: 15px 10px; }
  .solution-mkt .solution-list > ul > li div .txt strong { font-size: 12px; }
  .solution-mkt .solution-list > ul > li div .img { padding: 20px; }
  .solution-mkt .solution-list > ul > li div ul li { font-size: 11px; }
  .solution-mkt .img-wrap .box:first-child { width: 31%; padding-right: 2%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .solution-mkt .img-wrap .box:first-child img { margin-bottom: 8%; }
  .solution-mkt .img-wrap .box:last-child { width: 68%; }
  .solution-mkt .bd-box > ul.img-list > li { width: 50%; margin-bottom: 15px; padding: 0 5px; border: 0; }
  .solution-mkt .bd-box > ul.img-list > li:first-child { padding-left: 5px; }
  .solution-mkt .bd-box > ul.col-02:before { display: none; }
  .solution-mkt .bd-box > ul.col-02 > li { float: none; width: 100%; }
  .solution-mkt .bd-box > ul.col-02 > li:last-child { padding-left: 0; }
  .solution-mkt .bd-box > ul.col-02 > li .list-style06 { margin-top: 15px; padding-bottom: 20px; } }

@media screen and (max-width: 960px) { .solution .mid-item .col { padding-top: 30px; }
  .solution .mid-item .col .img { height: 115px; }
  .solution .mid-item .col .img:first-child { margin-bottom: 0; }
  .solution .tab { padding-top: 30px; }
  .solution .tab p { padding-top: 0; }
  .solution-mkt { padding-bottom: 50px; }
  .solution-mkt .tit { padding: 30px 0 0; font-size: 22px; }
  .solution-mkt .tit .sm { top: 0; font-size: 15px; }
  .solution-mkt .txt-img { display: block; }
  .solution-mkt .txt-img .txt { padding-bottom: 15px; padding-right: 0; }
  .solution-mkt .bd-box ul.img-list > li { float: none; width: 100%; padding: 5px 0; border-left: 0; }
  .solution-mkt .txt-img { padding-bottom: 30px; border-bottom: 1px solid #ccc; position: relative; }
  .solution-mkt .txt-img .img-wrap { position: static; }
  .solution-mkt .solution-list { margin-top: 0; padding: 25px 0 10px; }
  .solution-mkt .solution-list.col2 > ul > li { width: 100%; }
  .solution-mkt .solution-list.col3 > ul > li { width: 50%; padding: 0 5px; }
  .solution-mkt .solution-list.col3 > ul > li:last-child { width: 100%; }
  .solution-mkt .solution-list > ul > li { margin-bottom: 15px; width: 100%; max-width: 100%; }
  .solution-mkt .solution-list > ul > li > div ul { display: block; padding: 10px 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .solution-mkt .solution-list > ul > li > div ul li { width: 100%; } }

@media screen and (max-width: 640px) { .solution .img-wrap ul { display: block; }
  .solution .img-wrap ul li { margin-bottom: 10px; margin-left: 0; } }

/* 제조 공정 */
.process-wrap { padding-top: 40px; }

.process-wrap:after { content: ""; display: block; clear: both; }

.process-wrap .img-box { position: relative; float: left; width: 67%; max-width: 720px; }

.process-wrap .img-box img { width: 100%; }

.process-wrap .img-box .prc-img { position: relative; z-index: 10; }

.process-wrap .img-box .prc-img li { display: none; }

.process-wrap .img-box .prc-img li.active { display: block; }

.process-wrap .img-box .default-img { position: absolute; top: 0; left: 0; }

.process-wrap .accordian { float: right; padding-left: 40px; width: 33%; }

@media screen and (max-width: 1200px) { /* 제조 공정 */
  .process-wrap .img-box { width: 62%; } }

@media screen and (max-width: 960px) { /* 제조 공정 */
  .process-wrap { padding-top: 10px; }
  .process-wrap .img-box { float: none; width: 100%; max-width: 100%; }
  .process-wrap .img-box li { width: 100%; }
  .process-wrap .img-box img { width: 100%; }
  .process-wrap .accordian { float: none; padding-left: 0; width: 100%; } }

/* 적용사례 */
.application { background: #f3f8ff; }

.application .tit { padding-bottom: 35px; }

.application .mid-item { background: #f3f8ff; padding-top: 0; }

.application .mid-item .col { border-top: 0 !important; }

.application .mid-item .col .img { position: relative; }

.application .mid-item .col .img:first-child { margin-bottom: 0; }

.application .mid-item .col .img img { position: absolute; left: 50%; height: auto; min-height: 180px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.application .mid-item .col .dl-style dt + dd { height: 96px; }

.application .mid-item.col-01 { margin: 0; }

.application .mid-item.col-01 .col { float: none; width: 100%; padding: 0; }

.application .mid-item.col-01 .col:first-child, .application .mid-item.col-01 .col:last-child { padding: 0; }

.application .mid-item.col-01 .col .img { float: right; }

.application .mid-item.col-01 .col .img:last-child { margin-top: 0; }

.application .mid-item.col-01 .col .dl-style01 { float: left; width: 51%; padding-right: 25px; padding-left: 0; text-align: justify; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.application .mid-item.col-01 .col .dl-style01 dd { max-width: 540px; }

.application .mid-item.col-02 { margin: 0 -15px; }

.application .mid-item.col-02 .col { width: 50%; }

.application .mid-item.col-02 .col:nth-child(1), .application .mid-item.col-02 .col:nth-child(2) { padding-top: 0; }

.application .mid-item.col-03 { margin: 0 -15px; }

.application .mid-item.col-03 .col .img { height: 130px; }

.application .mid-item.col-04 { margin: 0 -15px; }

.application .mid-item.col-04 .dl-style01 dt + dd { height: 75px; }

.application .mid-item.col-04 .col:nth-child(1), .application .mid-item.col-04 .col:nth-child(2) { padding-top: 0; }

.application .mid-item.col-04 .col:nth-child(1), .application .mid-item.col-04 .col:nth-child(3) { padding-left: 15px !important; }

.application .mid-item.col-04 .col:nth-child(2), .application .mid-item.col-04 .col:nth-child(4) { padding-right: 15px !important; }

.process .mid-item { padding-top: 0; }

.process .mid-item .container { overflow: hidden; }

.process .mid-item .col { width: 33.3%; padding: 60px 15px 0 15px; border-top: 1px solid #d9d9d9; }

.process .mid-item.col-04.re-mg .col:nth-child(1), .process .mid-item.col-04.re-mg .col:nth-child(2) { margin-bottom: 0; }

.process .mid-item.col-04 .col { width: 50%; }

.process .mid-item.col-04 .col .img { overflow: hidden; height: 159px; }

.process .mid-item.col-04 .col:nth-child(1), .process .mid-item.col-04 .col:nth-child(2) { margin-bottom: 45px; }

.process .mid-item.col-04 .col:nth-child(1), .process .mid-item.col-04 .col:nth-child(3) { padding-left: 0; }

.process .mid-item.col-04 .col:nth-child(2), .process .mid-item.col-04 .col:nth-child(4) { padding-right: 0; }

.process .mid-item.col-04 .col:nth-child(3), .process .mid-item.col-04 .col:nth-child(4) { border-top: 0; padding-top: 0; }

.process .mid-item.col-04 .col:nth-child(3) .dl-style01 dt + dd, .process .mid-item.col-04 .col:nth-child(4) .dl-style01 dt + dd { height: 50px; }

.process .mid-item.col-04 .col .dl-style01 dt + dd { min-height: 100%; height: 75px; }

.process .mid-item.col-04 .col .dl-style01 dd { letter-spacing: -0.5px; }

.mid-item { padding: 60px 0 80px; }

.mid-item.line { padding: 70px 0 80px; border-top: 1px solid #e5e5e5; }

.mid-item.re-mg { margin: 0 -25px; }

.mid-item.col01 { background: #fff; }

.mid-item:after { content: ""; display: block; clear: both; }

.mid-item a { overflow: hidden; display: block; }

.mid-item a:after { content: ""; display: block; clear: both; }

.mid-item.right .col { float: none; width: 100%; padding: 0; }

.mid-item.right .col:first-child, .mid-item.right .col:last-child { padding: 0; }

.mid-item.right .col .img { float: right; }

.mid-item.right .col .dl-style01 { float: left; width: 52%; padding-right: 25px; padding-left: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.mid-item.right .col .dl-style01 dd { max-width: 510px; }

.mid-item .img { float: left; overflow: hidden; display: block; width: 48%; max-width: 545px; }

.mid-item .img img { width: 100%; -webkit-transition: .5s ease; transition: .5s ease; }

.mid-item .img.ani:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.mid-item .dl-style01 { float: left; width: 52%; padding-left: 50px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.mid-item.col-03 .col { padding: 0 15px; width: 33.3%; }

.mid-item.col-04.re-mg .col:nth-child(1), .mid-item.col-04.re-mg .col:nth-child(2) { margin-bottom: 0; }

.mid-item.col-04 .col { width: 50%; }

.mid-item.col-04 .col .img { overflow: hidden; height: 159px; }

.mid-item.col-04 .col:nth-child(1), .mid-item.col-04 .col:nth-child(2) { margin-bottom: 45px; }

.mid-item.col-04 .col .dl-style01 dd { letter-spacing: -0.5px; }

.mid-item .col { padding: 0 25px; float: left; width: 50%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.mid-item .col.re-pd:first-child { padding-left: 0; }

.mid-item .col.re-pd:last-child { padding-right: 0; }

.mid-item .col .img { float: none; display: block; width: 100%; max-width: 556px; }

.mid-item .col .img.line { border: 1px solid #e6e6e6; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.mid-item .col .img:first-child { margin-bottom: 30px; }

.mid-item .col .img:last-child { margin-top: 15px; }

.mid-item .col .img img { height: 100%; }

.mid-item .col .dl-style01 { float: none; width: 100%; padding-left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 961px) { .mid-item.right .img { height: 200px; }
  .mid-item .img { height: 180px; } }

@media screen and (max-width: 1200px) { .application .mid-item.col-01 .col .img { width: 48%; } }

@media screen and (max-width: 960px) { .application .tit { padding: 30px 0 15px; }
  .application .mid-item { padding-top: 0 !important; }
  .application .mid-item.col-01 .col .dl-style01 { width: 100%; }
  .application .mid-item.col-02, .application .mid-item.col-03, .application .mid-item.col-04 { margin: 0; }
  .application .mid-item.col-02 .col, .application .mid-item.col-03 .col, .application .mid-item.col-04 .col { margin: 0; margin-bottom: 20px; padding: 0; width: 100%; }
  .process .mid-item { padding-top: 25px; }
  .process .mid-item .container { padding: 0 15px; }
  .process .mid-item .col { float: left; width: 100%; padding: 0; }
  .process .mid-item .col:first-child, .process .mid-item .col:last-child { padding: 0; }
  .process .mid-item .col:first-child { padding-top: 40px; border-top: 1px solid #d9d9d9; }
  .process .mid-item .col .img:first-child { margin-bottom: 0; }
  .mid-item { padding: 30px 0; }
  .mid-item.line { padding: 40px 0 30px; }
  .mid-item .img { width: 100%; height: 140px; max-width: 100%; }
  .mid-item.col-04 .col { width: 100% !important; }
  .mid-item.col-04 .col:nth-child(2) { padding-left: 0; }
  .mid-item .col { float: none; width: 100%; padding: 40px 0 0 0; margin-bottom: 30px; }
  .mid-item .col:first-child { margin-top: 0; }
  .mid-item .col:last-child { margin-bottom: 0; }
  .mid-item .col .img { float: none; width: 100% !important; max-width: 100%; margin-top: 10px !important; height: 140px; }
  .mid-item .col .img:first-child { margin-bottom: 0; }
  .mid-item .dl-style01 { width: 100%; padding-left: 0; }
  .mid-item.right .img { float: none; width: 100%; }
  .mid-item.right .dl-style01 { padding-right: 0; } }

/* 월드프리미엄 */
.premium .product-detail { padding-bottom: 135px; border: 0; }

.premium .product-detail .text-wrap .cont-tit02.re-pd { padding: 0 0 15px; }

.premium .product-detail .text-wrap strong { color: #2070b7; }

.premium .product-detail .text-wrap table strong { color: #333; font-weight: 700; }

.premium .product-detail .text-wrap p { padding-top: 20px; word-break: keep-all; text-align: justify; }

.premium .product-detail .text-wrap .text { padding-bottom: 30px; padding-top: 0; text-align: justify; }

.premium .product-detail .text-wrap .list li { line-height: 24px; margin-left: 12px; text-indent: -12px; text-align: justify; word-break: keep-all; }

.premium .product-detail .text-wrap table td { vertical-align: top; }

.premium .product-detail .img-wrap img { display: block; margin-bottom: 8px; }

.premium-box { position: relative; }

.premium-box .img { width: 100%; overflow: hidden; border: 1px solid #ccc; text-align: center; border-radius: 4px; }

.premium-box .img:after { content: ""; display: block; clear: both; }

.premium-box .img img.bl { display: block; }

.premium-box .txt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; padding: 55px 0 40px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.premium-box .txt:after { content: ""; display: block; clear: both; }

.premium-box .txt h3, .premium-box .txt p { text-align: justify; word-break: keep-all; }

.premium-box .txt p { position: relative; padding-left: 30px; }

.premium-box .txt p:before { position: absolute; top: 5px; left: 0; display: block; content: ''; width: 2px; height: 100%; min-height: 45px; background: #005991; }

.premium-box .txt p strong { display: block; padding: 25px 0 10px; font-weight: 700; font-size: 20px; }

.premium-box .txt p.noPG:before { display: none; }

.premium-box .txt h3 { padding-right: 60px; font-size: 30px; line-height: 1.1; letter-spacing: -0.5px; color: #333; font-weight: 400; white-space: nowrap; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.premium-box .txt h3 strong { display: block; padding-bottom: 8px; font-size: 40px; color: #0079cd; font-weight: 700; }

@media screen and (max-width: 1200px) { .premium-box .img { width: 100%; }
  .premium-box .img img { width: 100%; } }

@media screen and (max-width: 960px) { .premium .product-detail { padding-bottom: 50px; padding-top: 25px; }
  .premium .product-detail .text-wrap p { padding-top: 10px; }
  .premium .product-detail .text-wrap .text { padding-bottom: 20px; }
  .premium .product-detail .text-wrap img { width: 100%; }
  .premium .product-detail .text-wrap .list li { margin-left: 14px; font-size: 12px; text-indent: -14px; line-height: 20px; }
  .premium-box { padding-bottom: 0; margin-top: 0; }
  .premium-box .img { width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .premium-box .img img { width: 100%; }
  .premium-box .txt { display: block; padding: 25px 0 15px; }
  .premium-box .txt h3 { width: 100%; max-width: 100%; padding: 0 0 15px 0; font-size: 20px; line-height: 1.3; }
  .premium-box .txt h3.re-size { font-size: 20px; }
  .premium-box .txt h3.re-size strong { font-size: 25px; }
  .premium-box .txt h3 strong { padding-bottom: 5px; font-size: 25px; }
  .premium-box .txt p { float: none; width: 100%; padding-left: 0; }
  .premium-box .txt p:before { display: none; } }

/* 검색 */
.search-center .search-top .search-form { margin: 70px auto 0; padding: 0 30px; width: 100%; max-width: 900px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.search-center .search-top .search-form .wrap .form-box { position: relative; border: 2px solid #005890; border-radius: 3px; }

.search-center .search-top .search-form .wrap .form-box:after { content: ""; display: block; clear: both; }

.search-center .search-top .search-form .wrap .form-box input[type="text"] { float: left; width: calc(100% - 160px); height: 46px; line-height: 46px; border: none; }

.search-center .search-top .search-form .wrap .form-box .delete-btn { position: absolute; top: 10px; right: 170px; min-width: 25px; width: 25px; height: 25px; text-indent: -9999px; background: url("../images/common/btn_srch_del.png") no-repeat; background-size: contain; }

.search-center .search-top .search-form .wrap .form-box .search-btn { float: left; width: 160px; height: 46px; background: #005890; color: #fff; }

.search-center .search-body .result-txt { padding-top: 60px; text-align: center; }

.search-center .search-body .result-txt p { font-size: 26px; font-wieight: 500; line-height: 1.3; color: #333; }

.search-center .search-body .result-txt p strong { font-size: 26px; font-weight: 500; color: #2070b7; }

.search-center .search-body .result-txt .ressult-none .proposal { padding: 95px 0 150px; }

.search-center .search-body .result-txt .ressult-none .proposal strong { color: #005890; font-size: 20px; }

.search-center .search-body .result-txt .ressult-none .proposal .hash-tag { width: 360px; padding-top: 20px; margin: 0 auto; }

.search-center .search-body .result-txt .ressult-none .proposal .hash-tag li { display: inline-block; margin: 0 3px 10px 3px; }

.search-center .search-body .result-txt .ressult-none .proposal .hash-tag .icon { padding: 7px 10px; font-size: 20px; }

.search-center .search-body .result-wrap { padding-top: 30px; }

.search-center .search-body .result-wrap:after { content: ""; display: block; clear: both; }

.search-center .search-body .result-wrap .result-list { float: left; width: 80%; max-width: 870px; padding-right: 50px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.search-center .search-body .result-wrap .result-list .list-top { width: 100%; padding: 0 0 15px; border-bottom: 2px solid #333; }

.search-center .search-body .result-wrap .result-list .list-top span a { color: #666; font-size: 16px; }

.search-center .search-body .result-wrap .result-list .list-top span.on a { color: #333; font-weight: 500; }

.search-center .search-body .result-wrap .result-list .list-top span:first-child:after { position: relative; top: -2px; display: inline-block; content: ''; margin: 0 10px; width: 1px; height: 14px; background: #666; vertical-align: middle; }

.search-center .search-body .result-wrap .result-list .list li { padding: 30px 0; border-bottom: 1px solid #e5e5e5; }

.search-center .search-body .result-wrap .result-list .list li a { display: block; font-size: 20px; color: #005890; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }

.search-center .search-body .result-wrap .result-list .list li a:hover { text-decoration: underline; }

.search-center .search-body .result-wrap .result-list .list li .icon { position: relative; top: 0; margin-right: 5px; vertical-align: middle; }

.search-center .search-body .result-wrap .result-list .list li .highlight { color: #005890; font-size: 20px; background: #fff997; }

.search-center .search-body .result-wrap .result-list .list li p { overflow: hidden; max-height: 73px; display: -webkit-box; white-space: normal; -webkit-line-clamp: 3; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; margin: 15px 0 20px; }

.search-center .search-body .result-wrap .result-list .list li p .highlight { font-size: 15px; }

.search-center .search-body .result-wrap .catagory { float: right; width: 20%; min-width: 270px; }

.search-center .search-body .result-wrap .catagory .tit { display: block; padding-bottom: 15px; font-size: 20px; color: #005890; border-bottom: 2px solid #333; }

.search-center .search-body .result-wrap .catagory ul li { padding: 0 10px 20px 10px; }

.search-center .search-body .result-wrap .catagory ul li p { line-height: 1; }

@media screen and (min-width: 961px) { .search-center .search-body .result-wrap .catagory ul li:first-child { padding-top: 20px; border-bottom: 1px solid #e5e5e5; }
  .search-center .search-body .result-wrap .catagory ul li:last-child { padding-top: 0 !important; }
  .search-center .search-body .result-wrap .catagory ul li:nth-child(3) { border-bottom: 1px solid #e5e5e5; }
  .search-center .search-body .result-wrap .catagory ul li:nth-child(2n) { padding-top: 20px; } }

@media screen and (max-width: 1200px) { .search-center .search-body .result-wrap .result-list { width: 70%; } }

@media screen and (max-width: 960px) { .search-center .search-top .search-form { margin-top: 35px; padding: 0; }
  .search-center .search-top .search-form .wrap .form-box input[type="text"] { width: calc(100% - 80px); height: 35px; line-height: 35px; }
  .search-center .search-top .search-form .wrap .form-box .delete-btn { top: 10px; right: 90px; width: 15px; height: 15px; background-size: contain; }
  .search-center .search-top .search-form .wrap .form-box .search-btn { width: 80px; height: 35px; }
  .search-center .search-body .result-txt { padding-top: 30px; }
  .search-center .search-body .result-txt p { font-size: 18px; }
  .search-center .search-body .result-txt p strong { font-size: 18px; }
  .search-center .search-body .result-txt .ressult-none .proposal { padding: 60px 0 100px; }
  .search-center .search-body .result-txt .ressult-none .proposal strong { font-size: 16px; }
  .search-center .search-body .result-txt .ressult-none .proposal .hash-tag { width: 100%; max-width: 360px; }
  .search-center .search-body .result-txt .ressult-none .proposal .hash-tag li { margin: 0 2px 8px 2px; }
  .search-center .search-body .result-txt .ressult-none .proposal .hash-tag .icon { font-size: 13px; }
  .search-center .search-body .result-wrap .result-list { float: none; width: 100%; padding-right: 0; }
  .search-center .search-body .result-wrap .result-list .list-top { padding-bottom: 10px; }
  .search-center .search-body .result-wrap .result-list .list-top span a { font-size: 14px; }
  .search-center .search-body .result-wrap .result-list .list li { padding: 20px 10px; }
  .search-center .search-body .result-wrap .result-list .list li a { font-size: 16px; letter-spacing: -0.5px; }
  .search-center .search-body .result-wrap .result-list .list li a .highlight { font-size: 16px; }
  .search-center .search-body .result-wrap .result-list .list li p { margin: 10px 0; max-height: 60px; }
  .search-center .search-body .result-wrap .result-list .list li p .highlight { font-size: 12px; }
  .search-center .search-body .result-wrap .catagory { float: none; width: 100%; }
  .search-center .search-body .result-wrap .catagory .tit { padding-bottom: 10px; font-size: 18px; }
  .search-center .search-body .result-wrap .catagory ul { padding: 15px 0 30px; width: 100%; }
  .search-center .search-body .result-wrap .catagory ul:after { content: ""; display: block; clear: both; }
  .search-center .search-body .result-wrap .catagory ul li { float: left; height: 21px; padding-bottom: 10px; } }

/* 고객지원 */
.customer-service .sevice-innr:after { content: ""; display: block; clear: both; }

.customer-service .call-scvc { position: relative; top: -1px; padding: 30px 0 35px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; }

.customer-service .call-scvc span { font-size: 20px; }

.customer-service .call-scvc span.txt { padding-right: 30px; color: #0075b1; }

.customer-service .call-scvc span.txt:before { position: relative; top: 2px; display: inline-block; margin-right: 10px; content: ''; width: 35px; height: 26px; background: url("../images/05_support/ico_call_b.png") no-repeat; }

.customer-service .call-scvc span.numb { font-weight: 700; color: #333; }

.customer-service .list-wrap { width: 50%; float: left; padding: 0 10px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.customer-service .list-wrap .tit { padding-bottom: 30px; color: #0079cd; font-size: 26px; line-height: 26px; }

.customer-service .service-list { width: 100%; }

.customer-service .service-list > li { position: relative; width: 100%; padding: 30px 18px; border-top: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.customer-service .service-list > li:first-child { border-top: 2px solid #4d4d4d; }

.customer-service .service-list > li .cate { display: inline-block; padding-right: 10px; color: #0075b1; font-size: 20px; vertical-align: middle; }

.customer-service .service-list > li .ico { display: inline-block; position: relative; top: 2px; padding: 0 10px; height: 26px; line-height: 24px; font-size: 14px; color: #fff; letter-spacing: -1px; background: #0075b1; border-radius: 20px; vertical-align: middle; }

.customer-service .service-list > li .name { display: inline-block; padding-left: 10px; font-size: 14px; color: #333; vertical-align: middle; }

.customer-service .service-list > li .btn { position: absolute; top: 22px; right: 15px; width: 95px; height: 42px; line-height: 40px; text-align: center; font-size: 15px; color: #333; letter-spacing: -1px; background: url("../images/05_support/ico_arr02.png") no-repeat 86% 50%; border: 1px solid #ccc; border-radius: 3px; }

.customer-service .service-list > li .btn .inr { position: relative; left: -5px; }

.customer-service .point-txt { padding: 20px 0 15px; font-size: 13px; }

.customer-service .point-txt .point { position: relative; margin-right: 5px; top: 5px; }

.customer-service .form-wrap { width: 100%; }

.customer-service .form-wrap:after { content: ""; display: block; clear: both; }

.customer-service .form-wrap .left-cont { float: left; width: 67%; max-width: 770px; padding-right: 3%; }

.customer-service .form-wrap .agree-area { float: left; width: 30%; max-width: 370px; }

.customer-service .form-wrap .agree-area .tit { padding: 20px 0 15px; color: #333; }

.customer-service .form-wrap .agree-area .txt-wrap { height: 590px; background: #f6f6f6; border-top: 2px solid #333; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.customer-service .form-wrap .agree-area .txt-wrap .txt-box { overflow-y: auto; padding: 20px 25px; height: 529px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.customer-service .form-wrap .agree-area .txt-wrap .txt-box strong { padding-bottom: 7px; display: block; font-weight: 700; font-size: 13px; color: #333; }

.customer-service .form-wrap .agree-area .txt-wrap .txt-box p, .customer-service .form-wrap .agree-area .txt-wrap .txt-box li { font-size: 12px; line-height: 1.5; color: #666; }

.customer-service .form-wrap .agree-area .txt-wrap .txt-box table { margin-bottom: 10px; }

.customer-service .form-wrap .agree-area .txt-wrap .txt-box table th, .customer-service .form-wrap .agree-area .txt-wrap .txt-box table td { padding: 10px; font-size: 12px; }

.customer-service .form-wrap .agree-area .txt-wrap .checks { margin: 20px 25px; }

.customer-service .form-wrap .agree-area .txt-wrap .checks input[type="checkbox"] { top: 5px; }

.customer-service .btn-wrap { margin-top: 10px; padding-top: 30px; border-top: 1px solid #333; }

/* 고객지원 */
.modal-con .customer-service { padding-top: 20px; width: 1140px; height: 515px; overflow-y: auto; overflow-x: hidden; }

.modal-con .customer-service .service-list > li .btn { line-height: 7px; }

/* 브로셔 다운로드 */
.brochure-list .list { border-top: 2px solid #4d4d4d; }

.brochure-list .list li { position: relative; padding: 35px 15px; border-bottom: 1px solid #e5e5e5; }

.brochure-list .list li .cate { display: inline-block; min-width: 57px; color: #0075b1; vertical-align: middle; }

.brochure-list .list li .tit { display: inline-block; padding: 0 10px 0 4px; font-size: 22px; vertical-align: middle; }

.brochure-list .list li .icon { position: relative; top: 2px; vertical-align: middle; }

.brochure-list .list li .btn { position: absolute; top: 25px; right: 15px; display: inline-block; width: 202px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #ccc; border-radius: 3px; vertical-align: middle; letter-spacing: -1px; color: #333; }

.brochure-list .list li .btn .ico { position: relative; top: -1px; display: inline-block; margin-right: 9px; width: 12px; height: 12px; vertical-align: middle; background: url("../images/05_support/ico_down.png") no-repeat; }

.brochure-list .list li .btn .capa { margin-left: 4px; font-size: 13px; letter-spacing: 0; color: #333; }

@media screen and (max-width: 1200px) { .modal-con .customer-service { width: 100%; }
  .modal-con .customer-service .service-list > li { padding: 30px 10px; }
  .modal-con .customer-service .service-list > li .cate { font-size: 18px; }
  .modal-con .customer-service .service-list > li .ico, .modal-con .customer-service .service-list > li .name { font-size: 14px; }
  .modal-con .customer-service .service-list > li .name { padding-left: 0; } }

@media screen and (max-width: 960px) { .customer-service .list-wrap { float: none; padding: 0; width: 100%; }
  .customer-service .list-wrap .tit { padding-bottom: 15px; font-size: 18px; }
  .customer-service .list-wrap:last-child .tit { padding-top: 30px; }
  .customer-service .service-list > li { padding: 15px 10px; }
  .customer-service .service-list > li .cate { display: block; padding-right: 5px; font-size: 15px; }
  .customer-service .service-list > li .ico, .customer-service .service-list > li .name { font-size: 12px; }
  .customer-service .service-list > li .ico { margin: 7px 0; height: 22px; line-height: 20px; }
  .customer-service .service-list > li .name { display: block; padding-left: 0; }
  .customer-service .service-list > li .btn { top: 15px; height: 35px; line-height: 33px; }
  .customer-service .call-scvc { padding: 15px 0; }
  .customer-service .call-scvc span { display: block; }
  .customer-service .call-scvc span.txt { padding-bottom: 10px; font-size: 16px; }
  .customer-service .call-scvc span.txt:before { width: 30px; height: 21px; background-size: contain; }
  .customer-service .point-txt { padding-top: 10px; }
  .customer-service .btn-wrap { padding-top: 55px; margin-top: 0; }
  .customer-service .form-wrap .left-cont { float: none; width: 100%; }
  .customer-service .form-wrap .agree-area { float: none; width: 100%; max-width: 100%; }
  .customer-service .form-wrap .agree-area .tit { padding-top: 15px; }
  .customer-service .form-wrap .agree-area .txt-wrap { height: 170px; }
  .customer-service .form-wrap .agree-area .txt-wrap .txt-box { height: 157px; background: #f6f6f6; }
  .customer-service .form-wrap .agree-area .txt-wrap .txt-box strong { font-size: 12px; }
  .customer-service .form-wrap .agree-area .txt-wrap .checks { margin: 30px 0 0 0; }
  .pop-customer-service .service-list > li { float: left; padding: 0 5px; width: 50%; }
  .pop-customer-service .service-list > li:last-child .box .img { display: block; padding-top: 40px; }
  .pop-customer-service .service-list > li:last-child .box .img img { max-width: 268px; width: 100%; }
  .pop-customer-service .service-list > li:last-child .box .img .rp-call { font-size: 25px; }
  .pop-customer-service .service-list > li:last-child .box .call { padding: 20px 0; font-size: 25px; }
  .pop-customer-service .service-list > li .box { height: 260px; padding: 20px 15px 0 15px; }
  .pop-customer-service .service-list > li .box .ico { padding: 0 10px; min-width: 50px; height: 25px; line-height: 23px; font-size: 13px; }
  .pop-customer-service .service-list > li .box dl { padding-top: 10px; }
  .pop-customer-service .service-list > li .box dl dt { padding-bottom: 10px; margin-bottom: 10px; font-size: 25px; }
  .pop-customer-service .service-list > li .box dl dd ul { padding-bottom: 15px; }
  .pop-customer-service .service-list > li .box dl dd ul li { font-size: 12px; }
  .pop-customer-service .service-list > li .box dl dd .tel { font-size: 13px; }
  .pop-customer-service .service-list > li .box .btn { padding: 10px 0 8px; font-size: 15px; }
  .pop-customer-service .form-wrap:after { content: ""; display: block; clear: both; }
  .pop-customer-service .form-wrap .left-cont { float: none; width: 100%; padding-right: 0; }
  .pop-customer-service .form-wrap .agree-area { float: none; width: 100%; max-width: 100%; }
  .pop-customer-service .form-wrap .agree-area .tit { font-size: 15px; }
  .pop-customer-service .form-wrap .agree-area .txt-wrap { height: 100%; }
  .pop-customer-service .form-wrap .agree-area .txt-wrap .txt-box { height: 120px; padding: 15px; }
  .pop-customer-service .form-wrap .agree-area .txt-wrap .checks { padding: 10px 15px; }
  .modal-con .pop-customer-service { width: 100%; height: 100%; }
  .brochure-list .list li { position: relative; padding: 15px 10px; }
  .brochure-list .list li .cate { min-width: 30px; }
  .brochure-list .list li .tit { padding: 0 5px 0 4px; font-size: 15px; }
  .brochure-list .list li .btn { display: block; position: static; margin: 10px auto 0 auto; height: 35px; line-height: 35px; font-size: 13px; }
  .brochure-list .list li .btn .capa { font-size: 11px; }
  .location-wrap .map-wrap { margin-top: 0; height: 300px; }
  .location-wrap .map { height: 300px; }
  .location-wrap.left .location-box .img { left: 0; }
  .location-wrap.left .location-box .txt { margin-left: 0; }
  .location-wrap.left .detail-view .method { margin-left: 0; }
  .location-wrap.right .location-box .img { right: 0; }
  .location-wrap.right .location-box .txt { margin-right: 0; padding: 20px 10px 15px 10px !important; }
  .location-wrap.right .detail-view .method { margin: 0; }
  .location-wrap .location-box { position: relative; margin-top: 30px; }
  .location-wrap .location-box .btn-go { top: 45px; right: 10px; font-size: 13px; }
  .location-wrap .location-box .img { position: static; }
  .location-wrap .location-box .img img { float: none; width: 100%; }
  .location-wrap .location-box .txt { padding: 20px 10px 15px 10px !important; }
  .location-wrap .location-box .txt h3 { padding: 20px 0 20px 20px; border-top: 2px solid #333; font-size: 25px; }
  .location-wrap .location-box .txt h3 .sm { padding-top: 10px; font-size: 13px; }
  .location-wrap .location-box .txt .list { margin-left: 20px; }
  .location-wrap .location-box .txt .list li { padding-left: 25px; margin-bottom: 15px; line-height: 1.5; font-size: 12px; }
  .location-wrap .location-box .txt .list li a { font-size: 12px; }
  .location-wrap .location-box .txt .list li strong { margin-right: 8px; color: #333; }
  .location-wrap .location-box .txt .list li:before { top: 0; }
  .location-wrap .location-box .txt .list li.call strong:last-child { margin-left: 15px; }
  .location-wrap .location-box .txt .list li.call strong:first-child { margin-left: 0; }
  .location-wrap .detail-view { padding-top: 30px; }
  .location-wrap .detail-view .method .text { padding-bottom: 30px; }
  .location-wrap .detail-view .method .bus { padding-top: 0; }
  .location-wrap .detail-btn { padding: 15px 0; font-size: 14px; } }

@media screen and (max-width: 400px) { .customer-service .service-list > li { width: 100%; } }

/* 뉴스엔 미디어 */
.bottom_section { position: relative; background: #eef1f6; }

.bottom_section .container { position: relative; }

.bottom_section .container .tit { padding: 55px 0 35px; }

.bottom_section .container .solid { position: absolute; top: 56px; right: 20px; z-index: 10; }

.bottom_section .news-card-wrap .news-card-list > li { background: #fff; }

.bottom_section .news-card-wrap .news-card-list > li.item-bg-full02 { background: #0079cc; }

.bottom_section .news-card-wrap .news-card-list > li.item-bg-full03 { background: #138296; }

.bottom_section .news-card-wrap .news-card-list > li.item-bg-full04 { background: #005890; }

.bottom_section:after { display: block; content: ''; position: absolute; bottom: -80px; left: 0; width: 100%; height: 80px; background: #eef1f6; }

@media screen and (max-width: 960px) { #bottom_section .news-card-wrap { padding-top: 30px; }
  #bottom_section .news-card-wrap .tit { padding: 0 0 15px; }
  #bottom_section .news-card-wrap .solid { top: 27px; }
  .application .col-wrap .col { float: none; width: 100%; }
  .application .col-wrap .col:first-child { padding-right: 0; }
  .application .col-wrap .col:last-child { padding-top: 30px; padding-left: 0; } }

@media screen and (max-width: 480px) { .news-media .container .news-box > li .cont { display: none; } }

/* 한눈에 보는 포스코 */
.history-wrap { padding-top: 40px; }

.history-wrap .graph-list { margin: 0 -15px; }

.history-wrap .graph-list:after { content: ""; display: block; clear: both; }

.history-wrap .graph-list li { float: left; width: 33.3%; padding: 0 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.history-wrap .graph-list li .cont-tit02 { padding: 0 0 20px 0; }

.history-wrap .history { padding-top: 40px; }

.history-wrap .history:after { content: ""; display: block; clear: both; }

.history-wrap .history-cont { float: left; width: 68%; max-width: 780px; display: block; padding: 0 0 0 50px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.history-wrap .history-cont:after { content: ""; display: block; clear: both; }

.history-wrap .history-cont .history-list { display: none; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.history-wrap .history-cont .history-list:first-child { display: block; }

.history-wrap .history-cont .history-list .tit { color: #949494; font-size: 40px; font-weight: 700; letter-spacing: -1px; }

.history-wrap .history-cont .history-list .list > li { padding: 30px 0; border-bottom: 1px solid #d2d2d2; }

.history-wrap .history-cont .history-list .list > li:last-child { border-bottom: 0; }

.history-wrap .history-cont .history-list .list dl { padding: 0 7px; }

.history-wrap .history-cont .history-list .list dl dt { padding-bottom: 20px; font-size: 24px; font-weight: 700; }

.history-wrap .history-cont .history-list .list dl dd:after { content: ""; display: block; clear: both; }

.history-wrap .history-cont .history-list .list dl dd ul { float: left; }

.history-wrap .history-cont .history-list .list dl dd ul li { padding-top: 10px; letter-spacing: -1px; }

.history-wrap .history-cont .history-list .list dl dd ul li:after { content: ""; display: block; clear: both; }

.history-wrap .history-cont .history-list .list dl dd ul li strong { display: inline-block; float: left; width: 70px; color: #005891; font-weight: 400; }

.history-wrap .history-cont .history-list .list dl dd ul li .txt { float: left; }

.history-wrap .history-cont .history-list .list dl dd .img-wrap { float: right; }

.history-wrap .history-cont .history-list .list dl dd .img-wrap .txt { display: inline-block; float: left; }

.history-wrap .history-cont .history-list .list dl dd .img-wrap .img { display: block; padding-top: 10px; }

.history-wrap .history-cont .history-list .list dl dd .img-wrap p { font-size: 13px; letter-spacing: -1px; }

.history-wrap .history-cont .history-list .list dl dd .img-wrap p:after { content: ""; display: block; clear: both; }

.history-wrap .history-cont .history-list .list dl dd .img-wrap p .txt { font-size: 13px; letter-spacing: -1px; }

.history-wrap .history-cont .history-list .list dl dd .img-wrap p .year { float: left; font-size: 13px; }

.history-wrap .history-cont .history-list .list dl dd .img-wrap p .year:after { display: inline-block; content: ''; margin: 0 3px 0 5px; width: 1px; height: 11px; background: #747474; }

@media screen and (min-width: 961px) { .history-wrap .left-tab { width: 32%; max-width: 360px; float: left; }
  .history-wrap .left-tab .selected { display: none; }
  .history-wrap .left-tab li { margin-bottom: 10px; }
  .history-wrap .left-tab li.on .tit { background: #2070b7; }
  .history-wrap .left-tab .tit { display: block; width: 100%; height: 40px; line-height: 40px; background: #333; color: #fff; font-size: 15px; font-weight: 500; text-align: center; border-radius: 30px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 960px) { .history-wrap { padding-top: 30px; }
  .history-wrap .graph-list li { float: none; width: 100%; margin-bottom: 25px; }
  .history-wrap .graph-list li:last-child { margin-bottom: 0; }
  .history-wrap .graph-list li .cont-tit02 { padding-bottom: 15px; }
  .history-wrap .graph-list li img { width: 100%; }
  .history-wrap .history { padding-top: 15px; }
  .history-wrap .left-tab { position: relative; float: none; margin-bottom: 15px; width: 100%; max-width: 100%; }
  .history-wrap .left-tab .selected { display: block; height: 40px; line-height: 40px; cursor: pointer; background: #fff url(../images/common/lnb_arrow.png) no-repeat right -4px; border: 1px solid #2070b5; border-right: 4px solid #2070b5; font-size: 13px; color: #1f70b6; text-indent: 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .history-wrap .left-tab .selected.on { background-position: right -55px; }
  .history-wrap .left-tab ul { display: none; width: 100%; border: 1px solid #d9d9d9; position: absolute; left: 0; top: 40px; z-index: 100; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .history-wrap .left-tab ul li { display: block; margin-bottom: 0; width: 100%; height: 40px; line-height: 39px; border-right: none; border-bottom: 1px solid #d9d9d9; }
  .history-wrap .left-tab ul li:last-child { border-bottom: none; }
  .history-wrap .left-tab ul li a { display: block; padding-left: 0; text-align: left; font-size: 13px; text-indent: 15px; background: #fff; }
  .history-wrap .left-tab ul li a br { display: none; }
  .history-wrap .left-tab ul li a.lh44 { line-height: 22px; }
  .history-wrap .left-tab ul li.on { border: 0; border-bottom: 1px solid #d9d9d9; }
  .history-wrap .left-tab ul li.on a { background: #f1f1f1; color: #005890; font-weight: 700; }
  .history-wrap .left-tab ul li.on a:after { display: none; }
  .history-wrap .history-cont { float: none; width: 100%; padding: 0; margin: 0; }
  .history-wrap .history-cont .history-list { float: none; width: 100%; padding: 0; }
  .history-wrap .history-cont .history-list .tit { padding: 0; font-size: 28px; }
  .history-wrap .history-cont .history-list .list > li { padding: 20px 0; }
  .history-wrap .history-cont .history-list .list dl { padding: 0 7px; }
  .history-wrap .history-cont .history-list .list dl dt { padding-bottom: 15px; font-size: 22px; }
  .history-wrap .history-cont .history-list .list dl dd ul { float: none; }
  .history-wrap .history-cont .history-list .list dl dd ul li { padding-top: 5px; font-size: 13px; }
  .history-wrap .history-cont .history-list .list dl dd ul li:after { content: ""; display: block; clear: both; }
  .history-wrap .history-cont .history-list .list dl dd ul li strong { width: 50px; font-size: 13px; }
  .history-wrap .history-cont .history-list .list dl dd .img-wrap { float: none; padding-top: 10px; }
  .history-wrap .history-cont .history-list .list dl dd .img-wrap .img img { width: 100%; }
  .history-wrap .history-cont .history-list .list dl dd .img-wrap p { font-size: 11px; }
  .history-wrap .history-cont .history-list .list dl dd .img-wrap p .txt { font-size: 11px; }
  .history-wrap .history-cont .history-list .list dl dd .img-wrap p .year { font-size: 11px; }
  .history-wrap .history-cont .history-list .list dl dd .img-wrap p .year:after { display: inline-block; content: ''; margin: 0 3px 0 5px; height: 9px; } }

/* 그룹사 제품 */
.group-company { padding-top: 45px; margin: 0 -12px; }

.group-company:after { content: ""; display: block; clear: both; }

.group-company li { position: relative; float: left; width: 33.3%; padding: 0 13px; margin-bottom: 30px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.group-company li .img { position: relative; display: block; overflow: hidden; width: 100%; }

.group-company li .img img { float: left; width: 100%; -webkit-transition: .5s ease; transition: .5s ease; }

.group-company li .btn { position: absolute; bottom: 20px; left: 50%; margin-left: -75px; display: inline-block; width: 150px; height: 40px; line-height: 35px; text-align: center; color: #fff; border: 2px solid #0079cd; font-weight: 700; background: #0079cd; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; }

.group-company li a:hover dl { -webkit-transition: .5s ease; transition: .5s ease; background: #c25700; }

.group-company li a:hover dl dt, .group-company li a:hover dl dd { color: #fff; }

.group-company li dl { position: relative; top: -1px; padding: 15px 0; background: #eef1f6; text-align: center; }

.group-company li dl dt { color: #333; }

.group-company li dl dd { font-size: 23px; line-height: 1.3; padding: 10px; color: #333; }

.group-company > li > a { position:relative; display:block; width:100%; height:auto; }

.group-company > li > a:focus:before { content:''; position:absolute; top:-2px; left:-1px; display:block; width:100%; height:100%; border:1px dashed #888}

/* 개인정보 */
.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 .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: 1200px) { .group-company li dl dd { font-size: 18px; } }

@media screen and (max-width: 960px) { .group-company li { width: 50%; margin-bottom: 10px; padding: 0 5px; }
  .group-company li .btn { width: 120px; height: 30px; margin-left: -60px; line-height: 25px; border: 1px solid #fff; }
  .group-company li:nth-child(5) dl { height: 63px; }
  .group-company li:last-child dl dd { letter-spacing: -1px; }
  .group-company li dl dt { font-size: 11px; }
  .group-company li dl dd { padding-top: 5px; font-size: 14px; }
  .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; } }
/*# sourceMappingURL=style.css.map */

/* 190418 웹접근성 관련 수정 */
nav#lnb.fixed + div#contents { padding-top:80px; }