@charset "utf-8";

/* 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:'맑은 고딕', Malgun 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:#fff;}
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;}

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

#wrap {position:relative;width:1400px;margin:0 auto;}

/* header ------------------------------------------------------------------------------------------------------------------------------ */
#header {position:absolute;left:65px;top:0;width:128px;height:338px;padding:41px 46px 0 45px;background:url(../images/bg_h.png) repeat 0 0;z-index:100;}
#header h1 {height:59px;margin-bottom:12px;}
#header h1 img {display:block;}

/* header > log */
#header .log {width:100%;height:30px;margin-bottom:20px;overflow:hidden;}
#header .log li {float:left;width:64px;height:30px;}
#header .log li a {display:block;height:30px;line-height:9999em;overflow:hidden;background:url(../images/bg_m_log.png) no-repeat 0 0;}
#header .log li.lo01 a {background-position:0 0;}
#header .log li.lo02 a {background-position:-64px 0;}
#header .log.on li.lo01 a {background-position:0 -30px;}
#header .log.on li.lo02 a {background-position:-64px -30px;}

/* header > nav */
#header .nav {position:relative;width:100%;}
#header .nav li {width:100%;height:33px;vertical-align:top;}
#header .nav li a {display:block;height:33px;line-height:9999em;overflow:hidden;background:url(../images/bg_m_nav.png) no-repeat 0 0;}
#header .nav li.na01 a {background-position:0 0;}
#header .nav li.na02 a {background-position:0 -33px;}
#header .nav li.na03 a {background-position:0 -66px;}
#header .nav li.na04 a {background-position:0 -99px;}
#header .nav li.na05 a {background-position:0 -132px;}
#header .nav li.na01 a:hover, #header .nav li.na01 a.on {background-position:-128px 0;}
#header .nav li.na02 a:hover, #header .nav li.na02 a.on {background-position:-128px -33px;}
#header .nav li.na03 a:hover, #header .nav li.na03 a.on {background-position:-128px -66px;}
#header .nav li.na04 a:hover, #header .nav li.na04 a.on {background-position:-128px -99px;}
#header .nav li.na05 a:hover, #header .nav li.na05 a.on {background-position:-128px -132px;}



/* container ------------------------------------------------------------------------------------------------------------------------------ */
#container {position:relative;width:100%;}

/* contents ------------------------------------------------------------------------------------------------------------------------------ */
#contents {position:relative;width:100%;padding:720px 0 0 0;background:url(../images/bg_main.jpg) no-repeat center 0;}

/* contents > 선암사 소식 */
#contents .news {position:absolute;right:0;top:655px;width:535px;height:65px;overflow:hidden;background:#4c4248;}
#contents .news h2 {float:left;width:149px;}
#contents .news #newsListBox {float:left;width:305px;height:65px;}
#contents .news #newsListBox ul {width:305px;}
#contents .news #newsListBox ul li {height:65px;line-height:60px;padding-left:20px !important;margin-right:20px !important;font-weight:normal;font-size:13px;letter-spacing:-1px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#contents .news #newsListBox ul li a {color:#fff;}
#contents .news .more {position:absolute;right:0;top:0;}
#contents .news .more a {display:block;width:81px;height:65px;text-indent:-9999em;overflow:hidden;background:url(../images/btn_more.gif) no-repeat 0 0;}

/* contents > 메인 배너 */
#contents .mBanner {width:100%;padding:9px 0 0 0;overflow:hidden;}
#contents .mBanner li {float:left;width:280px;height:135px;}
#contents .mBanner li a {display:block;}
#contents .mBanner li a img {vertical-align:top;}


/* contents > 메인 배너 */
#contents .mBnt {width:100%;padding:10px 0 0 0;}
#contents .mBnt h2 {float:left;width:280px; padding-right:3px;}
#contents .mBnt li {float:left; width:184px; margin-left:2px;}
#contents .mBnt li a {display:block;}
#contents .mBnt li a img {vertical-align:top;}




/* aside */
#aside {position:absolute;right:43px;top:240px;width:50px;z-index:200}
#aside ul {}
#aside ul li {position:relative;width:50px;height:50px;margin-bottom:15px;vertical-align:top;}
#aside ul li a {display:block;width:50px;height:50px;background:url(../images/bg_quick_nav1.png) no-repeat 0 0;line-height:9999em;overflow:hidden;}
#aside ul li.qu01 a {background-position:-88px 0;}
#aside ul li.qu02 a {background-position:-88px -65px;}
#aside ul li.qu03 a {background-position:-88px -129px;}
#aside ul li.qu04 a {background-position:-88px -193px;}
#aside ul li.qu05 a {background-position:-88px -257px;}

#aside ul li.qu01 a:hover {background-position:-88px -310px;}
#aside ul li.qu02 a:hover {background-position:-88px -374px;}
#aside ul li.qu03 a:hover {background-position:-88px -439px;}
#aside ul li.qu04 a:hover {background-position:-88px -503px;}
#aside ul li.qu05 a:hover {background-position:-88px -567px;}

#aside ul li > span {display:none;position:absolute;bottom:0;left:-101px;width:83px;height:25px;background:url(../images/bg_quick_nav1.png) no-repeat 0 0;overflow:hidden;}
#aside ul li:hover > span {display:block;}
#aside ul li.qu01 span {background-position:0 -335px;}
#aside ul li.qu02 span {background-position:0 -399px;}
#aside ul li.qu03 span {background-position:0 -464px;}
#aside ul li.qu04 span {background-position:0 -528px;}
#aside ul li.qu05 span {background-position:0 -593px;}



/* footer */
#footer {padding:60px 0 40px;text-align:center;}