@charset "utf-8";
@import url("layout.css");

body { }

* { margin: 0; padding: 0; }
a { color: #6C6C6C; text-decoration: none; }
a:hover { color: #000; }
input, select { font-family: Nanum Barun Gothic, dotum, Apple Gothic, sans-serif; font-size: 11px; }
input[type="text"], input[type="password"] { padding: 2px; line-height: 130%; }
input[type="radio"], input[type="checkbox"] { border: none; vertical-align: middle; } 

img { border: 0; margin: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }
p, dd, dt, dl { margin: 0; padding: 0; }
dt, dd { font-size:12px; }

.btn { cursor: pointer; }
.isHidden, .hidden { display: none; }
.noMargin { margin: 0; }
.noImgMain { width: 111px; height: 77px; margin: auto; background: url(/img/kr/webzine/noImgDefault.jpg) -7px -7px no-repeat; }
.more { vertical-align: middle; }
.noImgIndex { width: 111px; height: 70px; background-color: #C4C4C4; }
.noImgNews { width: 207px; height: 142px; background-color: #C4C4C4; margin: auto;}
.clearFix { clear: both; }

#lyIndexBox { width: 1300px; margin: 0 auto 30px auto; padding: 0; }

#lySpBox {  clear: both; height: 0; }
#lyContentsBox { clear: both; width: 100%; overflow: hidden; }

#showCaseBox { clear: both; position: relative; width: 100%; overflow:hidden; margin: 0; }

.sectionSp { clear:both; width: 100%; overflow: hidden; height: 40px; }

#blocks .item .titleBg { background: url(/img/index/go.png) no-repeat center 80%; background-size: 30pt 30pt; }

#blocks .item .title { position:absolute; height: auto; background: rgba(0, 0, 0, 0.7); text-align:center; font-size: 11.6pt; }
#blocks .item .title p { position: relative; width:80%; text-align:center; height: 20pt; margin: -13px auto 0 auto; color:#FFF; top: 50%; letter-spacing: -1px; }
#blocks .item .title p img { display: inline; }