@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */
html,body{width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0}
body {width:100%;font-family:'나눔 고딕', Nanum Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:12px;line-height:1.6;color:#333;text-align:left;*word-break:break-all;-ms-word-break:break-all;background:#f6f7f7;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:12px;color:#333;vertical-align:top;}
table {/* width:100%; */border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}
img {max-height:16384px\9;max-height:16384px\0IE8+9;}

/* common */
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:active {text-decoration:none;color:#4a5a2b;}

#wrap {width:100%;min-width:1337px;}

/* header */
#header {position:relative;width:1337px;height:141px;margin:0 auto;overflow:hidden;}
#header h1 {position:absolute;left:0;top:54px;}

#header .nav {position:relative;float:right;padding-top:80px;}
#header .nav li {float:left;padding:0 10px;}
#header .nav li a {font-size:19px;color:#181818;}
#header .nav li a:hover, #header .nav li a.on {font-weight:bold;color:#4a5a2b;}

#header .log {position:absolute;right:0;top:10px;}
#header .log li {float:left;}
#header .log li a {display:block;padding-left:7px;background:url(../images/bul_bar.gif) no-repeat 0 7px;margin-right:7px;}
#header .log li:first-child a {padding-left:0;background:none;}

/* content */
#container {position:relative;}
#contents {position:relative;width:1337px;margin:0 auto;}
#contents:after {display:block;content:"";clear:both;}

/* contents > 상단 */
#contents .visual {position:relative;width:1334px;height:414px;margin:0 auto 11px;}
#contents .visual .list {position:absolute;right:28px;top:29px;}
#contents .visual .book {position:absolute;right:344px;top:137px;width:178px;height:251px;}
#contents .visual .book img {max-width:100%;max-height:100%;}

/* contents > 상단 > 검색 */
#contents .visual .searchBox {position:absolute;right:0;bottom:0;width:307px;overflow:hidden;}
#contents .visual .searchBox label {position:absolute;left:5px;top:5px;color:transparent;}
#contents .visual .searchBox input#se {position:relative;z-index:2;width:203px;height:40px;line-height:40px;background:#555242;border:0 none;color:#9d9777;font-size:13px;padding:0 20px;}
#contents .visual .searchBox input#se.off {background:url(../images/bg_se_input.gif) #555242 no-repeat 0 0;}
#contents .visual .searchBox input#se.on {background-image:none;}
#contents .visual .searchBox input {float:left;}

/* contents > 해인지 */
#contents .magazine {position:relative;width:1335px;height:101px;margin-bottom:11px;border:1px solid #e8e8e8;border-bottom:1px solid #9f9f9f;background:#fff;overflow:hidden;}
#contents .magazine .tit {float:left;width:140px;height:101px;padding:0 0 0 20px;}
#contents .magazine .tit h2 {font-size:20px;font-weight:400;color:#191919;margin-top:-3px;letter-spacing:-1px;margin-right:35px;}
#contents .magazine .tit em {position:relative;display:block;padding-top:22px;left:3px;top:0;color:#4c4c4c;}
#contents .magazine ul {float:left;width:800px;padding-top:20px;}
#contents .magazine ul li {float:left;color:#4c4c4c;margin-right:20px;line-height:20px;}
#contents .magazine ul li span {font-weight:600;}
#contents .magazine .app {position:absolute;right:0;top:0;width:296px;height:101px;padding-left:120px;background:url(../images/bg_app.gif) no-repeat 0 0;}
#contents .magazine .app h2 {padding-top:18px;font-size:24px;font-weight:400;color:#191919;}
#contents .magazine .app em {position:relative;left:3px;top:-2px;color:#4c4c4c;letter-spacing:-1px;}
#contents .magazine .app a {position:absolute;right:19px;top:30px;}

/* contents > 해인소식 */
#contents .news {width:1335px;height:101px;margin-bottom:11px;border:1px solid #e8e8e8;overflow:hidden;background:url(../images/bg_m_news.jpg) #fff no-repeat right 0;}
#contents .news .tit {float:left;width:125px;height:101px;padding:0 0 0 40px;}
#contents .news .tit h2 {padding-top:25px;font-size:20px;font-weight:400;color:#191919;}
#contents .news .tit em {position:relative;left:9px;top:-2px;color:#4c4c4c;}
#contents .news .list {float:left;width:216px;padding-top:18px;}
#contents .news .list li {padding-left:12px;line-height:20px;background:url(../images/bul_point.gif) no-repeat 0 center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#contents .news .list li a {letter-spacing:-1px;}

/* contents > 이번호보기 */
#contents .haein {width:1335px;height:180px;margin-bottom:11px;border:1px solid #e8e8e8;overflow:hidden;background:url(../images/bg_haein_02.jpg) #fff no-repeat right 0;}
#contents .haein p {text-align:center;color:#fff;padding-top:60px;font-size:30px;}
#contents .haein span {font-size:40px;color:#f0eb9a;}

/* contents > 목차보기 */
#contents .hae_list {width:1300;height:800px;background:#fff;padding:70px;border:1px solid #e8e8e8;clear:both;}
#contents .hae_list h2{text-align:center;font-size:30px;font-weight:bold;}
#contents .hae_list dl {width:168px;height:170px;padding:50px 30px 20px 0;float:left;letter-spacing:-0.5px;}
#contents .hae_list dt {font-size:14px;font-weight:bold;color:#222222;}
#contents .hae_list dd {font-size:12px;color:#888;}
#contents .hae_list span {font-size:12px;font-weight:bold;color:#624e17;}
#contents .hae_list img {border:1px solid #e5e5e5;margin-bottom:10px;}
#contents .hae_list dt a {color:#222222;}
#contents .hae_list a:hover {text-decoration:underline;}

/* contents > 게시판 */
#contents .mBoard {border:1px solid #e8e8e8;height:101px;margin-bottom:58px;background:#fff;}
#contents .mBoard:after {display:block;content:"";clear:both;}
#contents .mBoard > div {float:left;height:101px;padding:0 0 0 40px;}
#contents .mBoard .tit {float:left;height:101px;}
#contents .mBoard .tit h2 {padding-top:18px;font-size:24px;font-weight:400;color:#191919;}
#contents .mBoard .tit em {position:relative;left:3px;top:-2px;color:#4c4c4c;letter-spacing:-1px;}
#contents .mBoard .list {float:right;}

/* contents > 게시판 > 영지갤러리 */
#contents .mBoard .g {width:479px;border-right:1px solid #e8e8e8;}
#contents .mBoard .g .list {width:302px;margin-right:20px;}
#contents .mBoard .g .list a {display:block;width:100%;padding-top:17px;overflow:hidden;}
#contents .mBoard .g .list a img {float:left;margin-right:14px;}
#contents .mBoard .g .list a strong {display:block;font-size:15px;padding-top:6px;font-weight:400;color:#191919;height:24px;overflow:hidden;}
#contents .mBoard .g .list a span {display:block;height:16px;overflow:hidden;color:#4c4c4c;}

/* contents > 게시판 > 염화시중 */
#contents .mBoard .y {width:472px;border-right:1px solid #e8e8e8;}
#contents .mBoard .y .list {width:312px;margin-right:20px;}
#contents .mBoard .y .list a {display:block;width:100%;padding-top:16px;overflow:hidden;}
#contents .mBoard .y .list a img {float:left;margin-right:14px;margin-top:5px;}
#contents .mBoard .y .list a span {display:block;line-height:20px;height:60px;overflow:hidden;color:#4c4c4c;letter-spacing:-1px;}

/* contents > 게시판 > 심사굴 */
#contents .mBoard .s {width:262px;}
#contents .mBoard .s .list {width:103px;margin-right:20px;}
#contents .mBoard .s .list a {position:relative;top:19px;}
#contents .mBoard .s .list a img {}

/* contents > 배너 */
#contents .mBanner {border:1px solid #e8e8e8;background:#fff;margin-top:10px;clear:both;}
#contents .mBanner:after {display:block;content:"";clear:both;}
#contents .mBanner li {float:left;padding:0 22px;}
#contents .mBanner li a {display:block;}
#contents .mBanner li a img {}

/* contents > 우측 윙 */
#contents .quick {position:absolute;top:-1px;right:-110px;width:99px;}
#contents .quick a {display:block;margin-bottom:20px;}

/* footer */
#footer {position:relative;width:1337px;margin:30px auto 0;padding-bottom:50px;overflow:hidden;}
#footer strong {position:absolute;right:530px;top:23px;}
#footer ul {float:right;width:470px;margin-bottom:17px;}
#footer ul li {float:left;background:url(../images/bg_f_bar.gif) no-repeat 0 5px;padding-left:8px;margin-left:9px;}
#footer ul li:first-child {background:none;margin:0;padding:0;}
#footer ul li a {font-size:13px;color:#494a4a;font-weight:600;}
#footer p {font-size:11px;clear:both;float:right;width:470px;line-height:20px;color:#5e5e5e}
#footer p span {font-weight:600;;}