@font-face{font-weight:400;font-style:normal;font-family:'Nanum Gothic';src:url(font/NanumGothic-Regular.eot);src:url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),url(font/NanumGothic-Regular.woff2) format('woff2'),url(font/NanumGothic-Regular.woff) format('woff'),url(font/NanumGothic-Regular.ttf) format('truetype')}
@font-face{font-weight:700;font-style:normal;font-family:'Nanum Gothic';src:url(font/NanumGothic-Bold.eot);src:url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),url(font/NanumGothic-Bold.woff2) format('woff2'),url(font/NanumGothic-Bold.woff) format('woff'),url(font/NanumGothic-Bold.ttf) format('truetype')}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0;/*outline: 0; 61서버파일*/ vertical-align: baseline; background: transparent;}
ol,ul { list-style:none; }
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display: block;}
nav ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
a { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none;}
ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}
table { border-collapse: collapse; border-spacing: 0;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
input, select { vertical-align: middle;}
table{font-size:inherit;/*font:100%;*/}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {width: 100%; background: #fff; text-align: center; font-family: 'Nanum Gothic',sans-serif;}
img {margin: 0 auto; max-width:100%; vertical-align: top;}

.wrap {width: 100%;}

.header {height:95px;background:#f3f4f6;border-bottom:1px#e0e1e3 solid;}
.header .inner {overflow:hidden;margin:0 auto;padding:0 20px;width:1162px;}
.header .logo {float:left;}
.header .logo h1, .header .logo h2 {float:left;}
.header .logo h1 {padding-top:26px;}
.header .logo h2:before {position:absolute;display:block;content:"";bottom:12px;left:-15px;width:1px;height:16px;background:#c9cbcf;}
.header .logo h2 {position:relative;margin-left:31px;padding-top:39px;vertical-align: middle;}
.header .nav {float:right;}
.header .nav li {position:relative;float:left;margin-left:29px;height:95px;line-height:95px;}
.header .nav li:before {position:absolute;display:block;content:"";top:50%;left:-15px;margin-top:-4px;width:1px;height:8px;background:#bebec0;}
.header .nav li:first-child:before {display:none;}
.header .nav li a {font-size:13px;color:#666;}
.header .nav li a:hover, .header .nav li.on a {color:#f37322;font-weight:600;}

.contents {margin:0 auto;padding:60px 20px;width:1162px;}
.contents ul {overflow:hidden;}
.contents li {float:left;}
.contents .main ul {margin:0 -5px;}
.contents .main li {margin:0 5px;}
.contents .main li:nth-child(n+5) {margin-top:22px;}
.contents .main li a {position:relative;display:block;color:#fff;}
.contents .main li a span {position:absolute;display:inline-block;top:10px;right:12px;padding-left:23px;font-size:12px;background:url('/images/press/gallery/ico_pages.png') no-repeat 0 2px;}
.contents .main li a p {position:absolute;top:50%;left:0;margin-top: -12.5px;width:100%;font-size:22px;}
.contents .sub .title {overflow:hidden;margin-bottom: 40px;border-bottom:1px #e5e5e5 solid;}
.contents .sub .title h3 {float:left;display:inline-block;padding: 0 10px 10px 30px;width:180px;font-size:22px;text-align:left;color:#f37322;border-bottom:3px #f37322 solid;background:url('/images/press/gallery/ico_photo.png') no-repeat 0 4px;}
.contents .sub .title a {float:right;display:block;padding:0 10px 0 33px;height:28px;line-height:28px;font-size:14px;color:#666;border:1px #ccc solid; background: url('/images/press/gallery/ico_list.png') no-repeat 10px 8px;}
.contents .sub ul {margin:-10px -4px;}
.contents .sub li {margin:10px 4px;}
.contents .sub li a {position: relative;display: block;}
.contents .sub li.on a:before {position: absolute;display: block;content: "";top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.6) url('/images/press/gallery/ico_down.png') no-repeat center 39%;}
.contents .sub li.on a:after {position: absolute;display: block;content: "Download";top: 50%;left: 0;margin-top: -7.5px;width:100%;text-align: center;color: #fff;font-size: 13px;}
.contents .sub li a p {display: none;position: absolute;bottom:0;left:0;right:0;padding:7px 8px 9px;color: #fff;font-size: 13px;text-align: center;background: rgba(0,0,0,0.65)}
.contents .sub li.on a p {display: block;}