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

/*body {background:url('/images/main/bg.gif') repeat-x left top;}*/
#wrap {width:100%; min-width:1020px; height:100%;  min-height:780px; _position:relative;  z-index:0; background:#fff url('/images/main/bg.gif') repeat-x left top; }

#layout-center {width:1010px; /*min-height:100%;  height:auto; */ height:100%; min-height:780px; margin:0 auto; padding:0 10px 0 0;  background:url('/images/main/bg_right.gif') repeat-y 780px top; }

#header {width:712px; height:71px; float:left; padding:0 10px; background:#fff; }
#header .main-top-menu {float:right; padding:51px 0 0 0; font-size:0;}
#header .main-top-menu img {vertical-align:top; margin:0 0 0 6px;}

#right-area {float:right; width:230px; height:100%; min-height:100%;  }
#right-area h3 {font-size:0; padding:0 0 9px 0;}
#right-area .top {width:230px; height:71px; background:url('/images/main/bg_right_top.gif') no-repeat left top; font-size:0;}
#right-area .top img {vertical-align:top;}
#right-area .top .all-menu {margin:51px 0 0 21px;}
#right-area .gnb-area {padding:29px 0 113px 21px; width:208px; overflow:hidden; font-size:0;}
#right-area .banner {border-top:1px solid #e7e7e5; overflow:hidden; padding:0 0 0 1px; font-size:0;}
#right-area .banner img {vertical-align:top;}
#right-area .board-area {border-top:1px solid #e7e7e5; padding:20px 0 20px 21px; width:208px; height:124px; overflow:hidden;}
#right-area .board-area ul {overflow:hidden; width:208px;}
#right-area .board-area ul li {padding:0 0 6px 0; font-size:11px; color:#9c9c9c; line-height:16px; }
#right-area .board-area ul li a,
#right-area .board-area ul li a:visited {display:inline-block; padding:0 0 0 6px; color:#727272; text-decoration:none; background:url('/images/common/bul_box_02_off.gif') no-repeat 0 5px;}
#right-area .board-area ul li a:hover {color:#727272; text-decoration:underline;}
#right-area .search-area {border-top:1px solid #e7e7e5; padding:20px 0 20px 21px; width:208px; clear:both;}
#right-area .search-area img {vertical-align:middle;}
#right-area .search-area input.search {border:1px solid #ddd; background:url('/images/common/bg_search.gif') no-repeat left top; width:165px; height:13px;  padding:2px; font-size:12px; color:#929292; vertical-align:middle;}
#right-area .search-area .btn_srh {vertical-align:bottom;}

#gnb {width:208px;}
#gnb li {clear:left; position:relative; padding:0 0 16px 0; width:100px;}
#gnb li img {vertical-align:top;}
#gnb li a {display:inline-block;}
#gnb li ul {overflow:hidden; width:127px;}
#gnb li ul li {padding:0 0 7px 0;}
#gnb li ul li a,
#gnb li ul li a:visited {padding:0 0 0 21px; background:url('/images/common/bul_box_off.gif') no-repeat left top;}
#gnb li ul li a:hover {background:url('/images/common/bul_box_on.gif') no-repeat left top;}
#gnb li ul li a.on,
#gnb li ul li a.on:visited,
#gnb li ul li a.on:hover {background:url('/images/common/bul_box_on.gif') no-repeat left top;}

.main-gnb-2dep {position:absolute; left:82px; top:0;}


#left-area {float:left; width:751px; height:546px; padding:54px 0 0 10px; position:relative; z-index:30;}
#left-area #visual {position:relative; width:751px; height:546px; overflow:hidden; z-index:10; background:none; z-index:9;}
/*#left-area #visual .rolling { position:absolute; left:0; top:0; width:2286px;}
#left-area #visual .rolling li {width:751px; float:left; padding:0 10px 0 0;}
#left-area #visual .rolling li img {vertical-align:top;}*/
#left-area #visual .rolling { position:absolute; left:0; top:0;}
#left-area #visual .rolling img {border:0; z-index:1;}
#left-area .main-txt {position:absolute; right:0; top:54px; z-index:30; height:61px;}
#left-area .box-area {position:absolute; left:10px; top:105px; /*width:345px;*/ z-index:20;}
#left-area .box-area li {float:left; width:168px; height:138px;}
#left-area .box-area li:first-child {float:none;}
#left-area .box-area li a {display:inline-block; *display:inline; width:168px; height:142px; zoom:1;}
#left-area .box-area li img {vertical-align:top;}

#left-area .btn-gallery {position:absolute; top:229px; left:182px;/*margin:124px 0 0 4px; */width:140px; z-index:999;}
#left-area .btn-gallery li {float:left; width:10px; height:10px; padding-right:5px;}
/*#left-area .box-area li .btn-gallery img {margin:0 6px 0 0; vertical-align:top;}*/
#left-area .btn-gallery li a,
#left-area .btn-gallery li a:visited {margin:0 5px 0 0; vertical-align:top; display:inline-block; width:10px; height:10px; background:url('/images/main/btn_gallery_off.png') no-repeat left top; text-decoration:none; display:inline-block;}
#left-area .btn-gallery li a:hover {background:url('/images/main/btn_gallery_on.png') no-repeat left top; text-decoration:none;} 
#left-area .btn-gallery li a.active {background:url('/images/main/btn_gallery_on.png') no-repeat left top; text-decoration:none;} 
#left-area .btn-gallery li.current a {background:url('/images/main/btn_gallery_on.png') no-repeat left top; text-decoration:none; }
/*#left-area .btn-gallery li.undefined a {background:url('/images/main/btn_gallery_on.png') no-repeat left top; text-decoration:none; }*/


#left-area .btn-gallery li #bnr_control {width:16px; height:13px; }
#left-area .btn-gallery li #bnr_control a {display:block; width:16px; height:13px; text-indent:-9999px; background:url('/images/common/bnr_ico_play.gif') no-repeat; }
#left-area .btn-gallery li #bnr_control a.pause { background-position:0px -13px; }
#left-area .btn-gallery li #bnr_control a.play { background-position:0px 0px; }

#left-area .box-area li a.box-bg {display:inline-block; padding:7px; width:154px; height:128px; background:url('/images/main/bg_box_off.png') no-repeat left top; }
#left-area .box-area li a.box-bg:hover,
#left-area .box-area li a.box-bg:focus {background:url('/images/main/bg_box_on.png') no-repeat left top;} 

#left-area .last_box_bnr {position:absolute; left:10px; bottom:23px; z-index:20;}



#footer {position:relative; float:left; width:751px; padding:0 0 20px 10px; border:0;} 
#footer .foot_link {float:left; height:32px;}
#footer .foot_info {clear:both; padding-left:5px; width:700px;}
#footer .foot_info ul {height:16px;}
#footer .foot_info > a {position:absolute; top:-5px; right:55px;}


/* TinyFader */

.fader-slide {opacity:0; position:absolute}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}


/* 접근성 관련 추가 작업 BY. Kuns */
.rightcont {position:relative;}
.rightcont .control {position:absolute; top:227px; left:183px; z-index:500;}
.rightcont .pagination {position:absolute; top:232px; left:230px; z-index:500;}
.rightcont .pagination {zoom:1;}
.rightcont .pagination:after {content:""; display:block; clear:both;}
.rightcont .pagination a {float:left; background:url(/images/btn/bg_paging.png) 0 0 no-repeat; width:10px; height:10px; margin-right:6px; text-indent:-9999em;}
.rightcont .pagination a.current {background-position:0 -20px;}