/* 레이아웃 */
/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------*/
body { background:#FFF; }
#header_wrap { position:relative; width:100%; height:125px; z-index:100; }
#top_util_wrap { width:100%; height:44px; border-bottom:1px solid #BCB1C1; }
#top_util { width:369px; height:24px; margin:0 auto; } 
header { width:100%; height:79px; border-bottom:1px solid #bcb1c1; background:#FAFAFA; }
nav { width:1119px; height:79px; margin:0 auto; }
#container { width:100%; position:relative; }
section { width:100%; height:48px; background:#656565; }
#mr_notice { width:1119px; height:48px; margin:0 auto; }
article { width:1119px; height:489px; margin:4px auto 0; }
#bottom_util { width:100%; height:43px; border:solid #ededed; border-width:1px 0; background:#FAFAFA; }
#bottom_util ul.bottom_menu { width:1119px; height:43px; margin:0 auto; } 
footer { width:1119px; height:124px; margin:0 auto; }

/* 메인 광고 슬라이드 영역 */
/*-------------------------------------------------------------------------------------------------------------------------------------*/
#container .banner{ width:100%; margin:0 auto; overflow:hidden; }
#container .banner .mask{ position: relative; }
#container .banner ul{ overflow:hidden; height:528px; }
#container .banner ul li{ position:absolute; left:0; top:0; z-index:30; height:528px; text-indent:-9999px; }
#container .banner ul li:nth-child(1){ background:#a3e3ff url("../imgs/banner0.jpg") no-repeat center 0; }
#container .banner ul li:nth-child(2){ background:#e5e5e5 url("../imgs/banner1.jpg") no-repeat center 0; }
#container .banner ul li:nth-child(3){ background:#dee0f5 url("../imgs/banner2.jpg") no-repeat center 0; }
#container .banner ul li:nth-child(4){ background:#d9e6f7 url("../imgs/banner3.jpg") no-repeat center 0; }
#container .banner a{ position:absolute; top:235px; z-index:70; width:46px; height:70px; }
#container .banner a.left{ left:10%; background:url("../imgs/btn_left.png") no-repeat 0 0; }
#container .banner a.right{ right:10%; background:url("../imgs/btn_right.png") no-repeat 0 0; }

/* 섹션 영역 */
/*-------------------------------------------------------------------------------------------------------------------------------------*/
section { /* 배경 안 반사그림자 */
-webkit-box-shadow:inset 0px 0px 8px 2px rgba(255,255,255,0.3);  
-moz-box-shadow:inset 0px 0px 8px 2px rgba(255,255,255,0.3);
-o-box-shadow:inset 0px 0px 8px 2px rgba(255,255,255,0.3);
box-shadow:inset 0px 0px 8px 2px rgba(255,255,255,0.3); }
#mr_notice { position:relative; }
#mr_notice b img { position:absolute; top:10px; left:10px; }
#mr_notice > span { position:absolute; top:13px; left:50px; font:bold 18px NanumGothic; color:#FFF; }
#mr_notice p { position:absolute; top:5px; right:5px; }
#mr_notice p a:hover { 
-moz-box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3);
-o-box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3); box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3); }
/* 한줄 공지사항 영역 */
/*-------------------------------------------------------------------------------------------------------------------------------------*/
#news_container { position:absolute; top:13px; width:725px; left:300px; overflow:hidden; }
#news_container ul { margin: 0; padding: 0; }
#news_container ul li { margin: 0pt; padding: 0pt; width:725px; height:26px; display: list-item; font:bold 18px NanumGothic; color:#FFF; }
#news_container ul li span { color:#FB8989; }

/* 아티클 영역 */
/*-------------------------------------------------------------------------------------------------------------------------------------*/
article #mr_article01 { float:left; }
article #mr_article02 { float:left; margin-left:4px; }
article #mr_article03 { float:left; margin-left:5px; }
article figure a:hover img { 
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
.note { margin-top:61px; padding-left:28px; }
.note h2 { float:left; margin-bottom:5px; font:bold 18px NanumGothic; color:#262626; }
.note p { float:right; font:bold 12px NanumGothic; }
.note p a { color:#8C8C8C; }
.note p a:hover { color:#e37b9e; }
.note h3 { clear:both; margin-bottom:10px; font:bold 12px NanumGothic; color:#8C8C8C; }
.note ul li { padding:3px 0; font:normal 11px dotum; }
.note ul li a { color:#747474; }
.note ul li a:hover { text-decoration:underline; }
.note ul li span { float:right; font:normal 11px dotum; color:#747474; }


