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

.png24 {tmp:expression(setPng24(this));}
.clearfix:after {content: '';display: block;clear: both;}
body{text-align:center;background:url('../img/main/main_bg.gif') repeat-x center -53px;}
div.subject{}

div.main_wrap{width:1100px;margin:0 auto;background:url('../img/main/main_wrapbg.gif') repeat-x center -53px;}
div.wrap{width:1100px;margin:0 auto;}

div.main_typo{position:absolute;left:50%;top:150px;z-index:99;margin:0 0 0 -300px;width:600px;height:100px;}
* {list-style:none;}


/******* Header *******/
#header{margin:0 auto;}
#header div.top_menu{margin:0;width:1100px;}
#header div.top_menu .top_link{margin:0 0 0 427px;text-align:left;}
#header div.top_menu .top_left{float:left;width:335px;}
#header div.top_menu .top_right{width:238px;margin:0 0 0 430px;_margin-top:-20px;.margin-top:-20px;}

.nav-divider {width: 100%;height: 2px;background: #dddddd;position: absolute;top: 107px;left: 0;}
.bg-green {position: absolute;left: 0;right: 0;top: 107px;height: 45px;background:#1eaa48;display: none;transition:all 0.5s ease;}
div#gnb {width: 1180px;}
div#gnb a.main-logo{display: inline-block;background: #fff url('../img/common/main-logo.jpg') 0 0 no-repeat;text-indent: -99999em;width: 226px;height: 59px;text-transform: capitalize;position: absolute;top: 17px;left:50%; margin-left: -113px;}
div#gnb {margin-left:-40px; margin-right: -40px;position: absolute;top: 22px;height: 85px;}
div#gnb > ul{margin:48px 0 20px;}
div#gnb > ul > li{float: left;font-size: 17px;line-height: 18px;color: 
#3b3b3b;font-weight: bold;}
div#gnb > ul > li > a {padding: 20px 43px;font-family:'Nanum Gothic'}
div#gnb > ul > li:hover ul.dropdown-menu {display:block;}
div#gnb > ul > li:nth-child(3) > a{margin-right:230px;}
div#gnb  ul.dropdown-menu {display: none;height: 45px;position: absolute;left: 40px;top:100%;width: auto;}
div#gnb  ul.dropdown-menu  li {float: left;margin-right: 33px;line-height: 45px;}
div#gnb  ul.dropdown-menu  li a {font-size: 17px;color: #fff;font-weight: normal;font-family:'Nanum Gothic'}
div#gnb  ul.dropdown-menu  li a:hover {font-weight: bold;}
div#gnb  ul.dropdown-menu.open-guide,
div#gnb  ul.dropdown-menu.community,
div#gnb  ul.dropdown-menu.company-info {right: 40px;}
div#gnb  ul.dropdown-menu.open-guide li,
div#gnb  ul.dropdown-menu.community li,
div#gnb  ul.dropdown-menu.company-info li {float:right;margin-left: 33px;margin-right: 0;}
	

/******* Quick *******/
#quick{display: none!important;position:absolute;left:50%;top:180px;margin:0 0 0 610px;z-index:99;background:url('../img/common/quick_bg.gif') repeat-y left top;height:233px;width:104px;}
#quick li{margin:0;}
#quick li.quick_01{margin:53px 0 0 0;}
#quick li.quick_02{margin:10px 0 0 0;}
#quick li.quick_03{margin:10px 0 0 0;}
#quick li.quick_04{margin:21px 0 0 0;}
#quick li.quick_05{margin:10px 0 0 0;}
#quick li.quick_06{margin:10px 0 0 0;}



#sms_quick{position:absolute;top:140px;left:50%;margin:0 0 0 610px;padding:41px 0 0 15px;z-index:100;background:url('../img/common/sms_quick_bg.png') no-repeat left top;height:235px;width:153px;}
#sms_quick li{margin:0;text-align:left;margin:0 0 3px 0;}
#sms_quick li. sms_btn{margin:100px 0 0 0;vertical-align:text-bottom;}
#sms_quick li input{width:120px;}
#sms_quick li textarea{width:120px;}
#sms_quick li.bt_box{padding:0 0 0 5px;}


/* visual */
div.main_wrap div#visual div.main-banner {width: 545px;float: left;}
div.main_wrap div#visual div.main-banner h2 {font-size: 27px;font-weight: bold;letter-spacing: -4px;padding: 5px 0 12px;}
div.main_wrap div#visual div.main-banner span {color: #1eaa48;}
div.main_wrap div#visual div.main-banner li {width: 555px;height: 526px;}
div.main_wrap div#visual div.main-banner .main-banner-bg {position: relative;}
div.main_wrap div#visual div.main-banner .main-banner-bg img{width: 100%;}
div.main_wrap div#visual div.main-banner .main-banner-bg .bx-pager {position: absolute;left: 50%;margin-left: -57.5px;bottom: 20px;z-index: 55;}	
div.main_wrap div#visual div.main-banner .main-banner-bg .bx-pager .bx-pager-item {float: left;margin-right: 10px;}
div.main_wrap div#visual div.main-banner .main-banner-bg .bx-pager .bx-pager-item a {width: 15px;height: 15px;border-radius:50%;background: #6c6c6c;display: inline-block;text-indent: -99999em;transition:all 0.6s ease;}
div.main_wrap div#visual div.main-banner .main-banner-bg .bx-pager .bx-pager-item a.active {width: 30px;border-radius: 15px 15px 15px 15px;background: #1c9c45;}
div.main_wrap div#visual div.main-banner .main-banner-bg .bx-controls-direction {display: none;}

div.main_wrap div#visual{margin:0 auto;margin-top: 130px;}
div.main_wrap div#visual div.left{float:left;width:266px;padding-top: 10px;}
div.main_wrap div#visual div.left .bx-wrapper {margin-left: -10px;position: relative;}
div.main_wrap div#visual div.left .bx-wrapper .bx-pager {position: absolute;top: 10px;left: 10px;z-index: 500;}
div.main_wrap div#visual div.left .bx-wrapper .bx-pager .bx-pager-item {display: inline-block;}
div.main_wrap div#visual div.left .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link  {display: inline-block;text-indent: -9999em;margin-left: 5px;width: 11px;height: 11px;background:#d0d0d0;border-radius:50%;}
div.main_wrap div#visual div.left .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active {background:#1c9c45;}
div.main_wrap div#visual div.left .bx-wrapper .bx-controls-direction {display: none;}
div.main_wrap div#visual div.left .event_flash{width:266px;height:195px;}
div.main_wrap div#visual div.left .event_flash .on_off{position:absolute;right:850px;top:380px;z-index:99;}
div.main_wrap div#visual div.left .event_flash .on_off span{padding:0 5px;}
div.main_wrap div#visual div.left .left_banner02{margin:0px 0 25px 0;}
div.main_wrap div#visual div.left .banner02{margin:0 0 0 0;}
div.main_wrap div#visual div.left .sns li {margin-top: 10px;}

div.main_wrap div#visual div.right{float:right;width:267px;margin:10px 0 0 -267px;padding:0 0 15px 0;}
div.main_wrap div#visual div.right .right_banner02{margin:20px 0 25px 0;}
div.main_wrap div#visual div.right dl.main_menu dt{position:relative;padding:0;text-align:left;}
div.main_wrap div#visual div.right dl.main_menu dt span{position:absolute;right:10px;top:5px;z-index:99;}
div.main_wrap div#visual div.right dl.main_menu dd{background:url('../img/main/bullet.gif') no-repeat left 8px;padding:0 0 0 8px;text-align:left;}
.main_menu_slider {position: relative;}
div.main_wrap div#visual div.right dl.main_menu .bx-controls-direction a {display: inline-block;background: url('../img/main/slider-control.jpg') no-repeat; width: 12px;height: 19px;text-indent: -99999px;position: absolute;top: 53px;}
div.main_wrap div#visual div.right dl.main_menu .bx-controls-direction .bx-prev {background-position: 0 0;left: 15px;z-index: 55;}
div.main_wrap div#visual div.right dl.main_menu .bx-controls-direction .bx-next {background-position: -13px 0;right: 15px;z-index: 55;}
div.main_wrap div#visual div.right dl.main_menu .bx-default-pager {display: none;}

div.main_wrap div#visual div.right dl.notice dt{position:relative;padding:0;text-align:left;margin:10px 0 0 0;}
div.main_wrap div#visual div.right dl.notice dt span{position:absolute;right:10px;top:5px;z-index:99;}
div.main_wrap div#visual div.right dl.notice dd{background:url('../img/main/bullet.gif') no-repeat left 8px;padding:0 0 0 8px;text-align:left;}
div.main_wrap div#visual div.right dl.notice dd span{display:inline-block;width:190px;}
div.main_wrap div#visual div.center{width:567px;margin:0 267px 0 266px;}


/* footer */
#footer{clear:both;margin:10px 0 0 0;padding:10px 0 0 0;border-top:solid 1px #999;}
#footer div.footer_1{margin: 0 auto;width:1100px;text-align:left;position:relative;}
#footer div.footer_1 div.footer_icon{position:absolute;left:50%;top:-90px;z-index:99;text-align:center;margin:0 0 0 -70px;}
#footer div.footer_1 div.footer_icon a{display:block;}

#footer div.footer_1 div.footer_mark{position:absolute;left:50%;top:0px;z-index:99;margin:0 0 0 50px;width:280px;height:80px;}
#footer div.footer_1 .footer_logo{float:left;width:153px;}
#footer div.footer_1 .footer_f{float:right;width:216px;text-align:right;}
#footer div.footer_1 .footer_center{width:823px;}


div.main_wrap div#contents dl.center_box{width:315px;padding:10px 13px 0 15px;margin:0 312px 0 367px;height:125px;border:solid #eee;border-width:0 1px;}
div.main_wrap div#contents dl.center_box dt{position:relative;border-bottom:solid 1px #ddd;padding:0 0 5px 0;}
div.main_wrap div#contents dl.center_box dt span{position:absolute;right:10px;top:5px;z-index:99;}
div.main_wrap div#contents dl.center_box dd{background:url('../img/main/bullet.gif') no-repeat left 12px;padding:10px 0 0 10px;}
div.main_wrap div#contents dl.center_box dd span{display:inline-block;width:240px;}







/* SMJ css 참고 / 게시판 관련 css 링크 함 / 임정우 */

/* 리스트 */
div.board_list{width: 98%;}

div.board_list table{width: 100%;border-collapse: collapse;border-top: 1px solid #f58738;}
div.board_list table caption{padding: 0 10px 5px 20px;background: url(/image/board/icon_total.gif) 5px 2px no-repeat;	font-family:"Tahoma";color:#999;font-size: 11px;text-align:left;}
div.board_list table caption span.number{font-weight: bold;font-family:"Tahoma";}

div.board_list table thead th{background: url(/image/board/th_bg.gif) left bottom repeat-x;padding: 8px 0 10px;font-size: 11px;white-space:nowrap;font-family:"dotum";}
div.board_list table thead th.no{width: 6%;}
div.board_list table thead th.no2{width: 15%;}
div.board_list table thead th.file{width: 6%;}
div.board_list table thead th.writer{width: 12%;}
div.board_list table thead th.date{width: 12%;}
div.board_list table thead th.hit{width: 6%;}

div.board_list table thead th.map_gugun{width: 12%;}
div.board_list table thead th.map_shop{width: 12%;}
div.board_list table thead th.map_tel{width: 20%;}

div.board_list table tbody td{	text-align: center;padding: 6px 0;border-bottom: 1px solid #efefef;}
div.board_list table tbody td.subject{text-align: left;}
div.board_list table tbody td.subject a:hover{color: #0080b0;}

div.board_list table tbody td.no,
div.board_list table tbody td.date,
div.board_list table tbody td.hit{font-family:"Tahoma";color:#999;font-size: 11px;}
div.board_list table tbody td.isbn{font-family:"Tahoma";color:#999;	font-size: 11px;font-weight:bold;}

div.board_list table tbody td.writer{font-family:"Tahoma";font-size:11px;font-weight:bold;color:#999;}

div.board_list table tbody td.no_data{text-align:center;padding:0;width:100%;}

/* 페이징 */
div.board_paging{text-align: center;}
div.board_paging img{vertical-align: middle;}
div.board_paging span{display: inline-block;width: 12px;	text-align: center;padding-top:2px;}
div.board_paging span.current{font-weight: bold;text-decoration: underline;color: #58a809;}

/* 버튼 */
div.board_command{text-align: right;padding:10px 0 0 0;}

/* 검색 */
div.board_search{text-align: center;	padding-top:30px;}
div.board_search input,div.board_search img{vertical-align: middle;}
div.board_search input#keyword{width: 200px;background-color: #F4F4F4;	border:1px solid #dedede;height:20px;}

/* 포토갤러리 리스트 */
div.photo_board_list{width: 100%;}
div.photo_board_list div.count{padding:0 10px 5px 10px;font-size:11px;font-family:"Tahoma";color:#999;}
div.photo_board_list div.count span.number{font-weight: bold;}
div.photo_board_list ul.list{list-style:none;margin:0 0 15px 0;padding:10px 0;width: 100%;border-top: 1px solid #0ea2df;border-bottom: 1px solid #dedede;display: inline-block;}
div.photo_board_list ul.list li{float: left;width: 24.9%;	text-align: center;padding: 20px 0;}
div.photo_board_list ul.list li div.photo{margin: 0 auto;border: 1px solid #dfdfdf;width: 136px;}
div.photo_board_list ul.list li div.photo img{	width: 120px;height:100px;margin:6px;}
div.photo_board_list ul.list li p.subject{padding: 8px 0 5px;margin:0;text-align: center;}
div.photo_board_list ul.list li span{margin:0;padding:0;font-size:11px;text-align: center;color: #999999;font-family:"dotum";letter-spacing:-1px;}
div.photo_board_list ul.list li span em{font-family:"Tahoma";letter-spacing:0;}
div.photo_board_list ul.list li span.reg_date{margin-right:5px;}
div.photo_board_list ul.list li.no_data{text-align:center;padding:0;width:100%;}

/* 글쓰기 */
div.board_register{width: 98%;}
div.board_register div.title{padding:0 0 6px 2px;font-weight:bold;}
div.board_register div.guide{padding-bottom: 6px;font-size:11px;}
div.board_register div.guide span.required{font-weight: bold;color: #f98d00;}
div.board_register table{width: 100%;border-collapse: collapse;border-top: 1px solid #fb6900;}
div.board_register table caption{display: none;}
div.board_register table td{border-bottom: 1px solid #dddddd;}
div.board_register table td.head{width: 20%;text-align: right;background-color: #F4F4F4;vertical-align: top;padding: 8px 10px 8px 0;	font-weight: bold;font-size: 11px;}
div.board_register table td.head span.required{font-weight: bold;color: #f98d00;}
div.board_register table td.data{text-align: left;padding: 5px 0 5px 10px;}

div.board_register table td.data input,
div.board_register table td.data textarea{background-color: #F9F9F9;border: 1px solid #dedede;}
div.board_register table td.data input.radio{border:none;background:none;}
div.board_register table td.data input.check{border:none;background:none;}


input#u_subject{width: 500px;}
input#u_name{width: 200px;}
input#u_pass{width: 200px;}
input#u_file{width: 500px;}
textarea#u_contents{width: 500px;	height: 150px;}


/* 글삭제 */
div.board_delete{text-align: center;}
div.board_delete form{width: 60%;	margin: 0 auto;border-top: 1px solid #0ea2df;border-bottom: 1px solid #DDDDDD;padding: 0 0 1em 0;}
div.board_delete form div.title{margin-bottom: 1em;font-weight: bold;font-size: 1.25em;background-color: #F9F9F9;padding: 0.75em;text-align: center;background: url(/image/board/th_bg.gif) left bottom repeat-x;}
div.board_delete form ul.guide{margin-bottom: 1em;}
div.board_delete form ul.guide li{font-size: 11px;line-height: 1.5em;color: #999999;}
div.board_delete form div.input_password{margin-bottom: 1em;}
div.board_delete form div.input_password input#u_del_pass{width: 10em;background-color: #F9F9F9;border: 1px solid #dedede;}


/* 글보기 */
div.board_view{width: 98%;}
div.board_view div.subject{border-top: 1px solid #fb6900;background: url("/image/board/th_bg.gif") left bottom repeat-x;padding: 13px 10px;font-weight: bold;font-size: 1.16em;color: #202020;}
div.board_view div.info{border-bottom: 1px solid #dddddd;padding: 8px 10px;font-size: 11px;}
div.board_view div.info span{display: inline-block;padding: 0 15px 0 0;color: #999;}
div.board_view div.info span em{font-style: normal;font-weight:bold;color:#666;}
div.board_view div.info_file{padding: 5px 10px;font-size: 11px;color: #666666;}
div.board_view div.content_view{clear:both;float:left;padding: 30px;border: 3px solid #dedede;min-height: 100px;margin:-1px 0 15px 0;line-height:1.75em;}



div.subject{border-top: 1px solid #fb6900;background: url(/image/board/th_bg.gif) left bottom repeat-x;padding: 13px 10px;font-weight: bold;font-size: 1.16em;color: #202020;}
div.info{border-bottom: 1px solid #dddddd;padding: 8px 10px;font-size: 11px;}
div.info span{display: inline-block;padding: 0 15px 0 0;color: #999;}
div.info span em{font-style: normal;font-weight:bold;color:#666;}
div.info_file{padding: 5px 10px;font-size: 11px;color: #666666;}
div.content_view{clear:both;width:98%;padding: 30px;border: 3px solid #dedede;min-height: 100px;margin:-1px 0 15px 0;line-height:1.75em;}




/* 갤러리 리스트 */
ul.facilities_box{width:660px;padding:10px 0 0 0;text-align:center;}
ul.facilities_box li{float:left;padding:4px;margin:0 10px 20px 8px;width:134px;height:130px;border:solid 1px #ddd;background:#fff;}
ul.facilities_box li p{text-align:center;padding:10px 0 0 0;margin:0;}