@charset 'utf-8';
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { font-family:'Nanum Gothic', 'NanumGothic'; }

.clear { clear:both; }

#wrap{
width:100%;
}

#wrap #header {
width:100%;
}

#wrap #header .top_menu {
width:1040px;
height:110px;
margin:0 auto;
overflow:hidden;
text-align:center;
}

#wrap #header .top_menu .banner1 {
float:right;
padding:48px 0 0 0;
box-sizing:border-box;
}

#wrap #header .top_menu .logo {
float:left;
padding:0px;
box-sizing:border-box;
}

#wrap #header .top_menu .logo h1 a img {
width:100%;
max-width:310px;
}

#wrap #header #mainmenu {
width:100%;
height:64px;
position:relative;
background:url('/img/common/bg_top_menu.jpg') repeat-x;
}

#wrap #header #mainmenu>ul {
overflow:hidden;
width:1040px;
height:52px;
margin:0 auto;
}

#wrap #header #mainmenu>ul>li {
float:left;
width:173px;
height:52px;
padding:19px 0;
text-align:center;
box-sizing:border-box;

}
#wrap #header #mainmenu>ul>li>a {
text-align:center;
font-size:18px;
font-weight:bold;
font-family:'Nanum Gothic', 'NanumGothic';
color:#FFF;
}

#wrap #header #mainmenu>ul>li>a:hover {
color:#093451;
}
#wrap #header #mainmenu .submenu {
display:none;
width:100%;
/*
background:url('') repeat-x;
*/
background:#FFF;
height:204px;
z-index:99;
position:absolute;
top:64px;
border-bottom:2px solid #0078ae;
}

#wrap #header #mainmenu .submenu>ul {
overflow:hidden;
width:1040px;
height:204px;
margin:0 auto;
text-align:center;
}

#wrap #header #mainmenu .submenu>ul>li {
float:left;
padding:0px;
box-sizing:border-box;
}

#wrap #header #mainmenu .submenu>ul>li>ul {
width:173px;
height:204px;
padding-top:20px;
}

/*
#wrap #header #mainmenu .submenu>ul>li>ul.sub1 {
width:146px;
}
#wrap #header #mainmenu .submenu>ul>li>ul.sub2 {
width:166px;
}
#wrap #header #mainmenu .submenu>ul>li>ul.sub3 {
width:176px;
}
#wrap #header #mainmenu .submenu>ul>li>ul.sub4 {
width:156px;
}
#wrap #header #mainmenu .submenu>ul>li>ul.sub5 {
width:156px;
}
#wrap #header #mainmenu .submenu>ul>li>ul.sub6 {
width:166px;
}
*/
#wrap #header #mainmenu .submenu>ul>li:hover>ul {
background-color:#f6f2ef;
}

#wrap #header #mainmenu .submenu>ul>li>ul>li>a {
padding:0 30px;
font-size:13px;
line-height:28px;
color:#666;
font-family:'Nanum Gothic', 'nanumgothic';
}

#wrap #header #mainmenu .submenu>ul>li>ul>li>a:hover {
text-decoration:underline;
}


/* contents */
#wrap #contents{
width:100%;
position:relative;
background-color:#fff;
}

#wrap #contents .cont_box_main {
position:relative;
width:1040px;
margin:25px auto 0;
overflow:hidden;
}

#wrap #contents .cont_box_main .left {
width:630px;
float:left;
}

#wrap #contents .cont_box_main .left #main_visual {  
width:100%;
height:500px;
}

#visual {
overflow: hidden;
height: 500px;
width:630px;
position: relative;
}
#mBytree {
width: 630px;
position: absolute;
left:0;
margin: 0; top: 0px;
}
#mBytree .inner { 
}
#mBytree .inner .gallery {
height: 500px;
position: relative;
}
#mBytree .inner .gallery li {
list-style-type: none;
height: 100%;
width: 630px;
position: absolute;
left: 0px; margin: 0px; top: 0px;
}
#mBytree .inner .gallery li .thumb {
overflow: hidden;
display: block;
}
#mBytree .inner .gallery li .thumb img {

}
#mBytree .control_wrap {
height: 45px; width: 60px; right: 40%; position: absolute; margin: 0; bottom: 20px; background-color:#none;
}
#mBytree .control {
height: 25px;
}
#mBytree .control li {
list-style-type: none; height: 25px; margin:0 3px; float: left; font-weight: normal; margin: 0px; display: inline; line-height: 25px;
}
#mBytree .control li a {
overflow: hidden; text-decoration: none; height: 100%; margin:0 3px; color: #FFF; text-align: center; display: block; font-size:12px;
}
#mBytree .control li.on {
text-decoration: none; color: #ffffff; text-align: center; background-color:none;
}
#mBytree .control li.on a {
text-decoration: none; color: #E4111A;
}
#mBytree .control li a:focus img {
margin: 0px;
}
#mBytree .control li.on a img {
margin: 0px;
}


#wrap #contents .cont_box_main .right {
width:387px;
float:left;
margin-left:20px;
}
#wrap #contents .cont_box_main .right .cs {
width:387px;
height:245px;
position:relative;
margin-bottom:10px;
border:1px solid #ccc;
}
#wrap #contents .cont_box_main .right .cs .icon {
position:absolute;
top:1px;
left:1px;
}

#wrap #contents .cont_box_main .right .slide_ban {
margin-top:14px;
width:387px;
height:245px;
}

#wrap #contents .cont_box_main .right .slide_ban ul li {
margin-top:1px;
}

.main_box { height:300px; border:2px solid #BFE4FA; }
.main_box h3 { display:block; text-align:left; margin:0; padding:0; height:47px; background:#BFE4FA; }
.main_sms { width:305px; margin:0 auto; }
.main_fast { width:590px; margin-right:10px; }
.main_good_day { width:305px; height:230px; }

.main_box table th { 
padding-left:13px;
height:35px;
background:url('/img/main/bg_dot.gif') 0 12px no-repeat;
text-align:left;
}

.main_box .sms_submit { 
margin-top:10px;
text-align:center;
}

.main_sms .ui-datepicker-trigger,
.main_fast .ui-datepicker-trigger { vertical-align:bottom; }

.main_banner { float:left; width:223px; }
.main_banner ul { width:227px; overflow:hidden; }
.main_banner ul li { float:left; padding:7px 8px 0 0; width:70px; overflow:hidden; }
.main_banner ul li.end { padding-right:0; }

#wrap #contents .cont_box_main .service_info {
padding-top:40px;
clear:both;
}
#wrap #contents .cont_box_main .service_info ul li {
position:relative;
float:left;
width:340px;
height:270px;
}

#wrap #contents .cont_box_main .service_info ul li img {
position:absolute;
bottom:55px;
right:7px;
}

#wrap #contents .cont_box_main .service_info ul li.ser1 {
margin-right:10px;
background:url('/img/main/main_service1.jpg') no-repeat;
}

#wrap #contents .cont_box_main .service_info ul li.ser2 {
margin-right:10px;
background:url('/img/main/main_service2.jpg') no-repeat;
}

#wrap #contents .cont_box_main .service_info ul li.ser3 {
background:url('/img/main/main_service3.jpg') no-repeat;
}


.main_notice {
float:left;
margin-top:35px;
width:340px;
min-height:300px;
margin-right:10px;
}

.est_info {
float:left;
margin-top:35px;
width:690px;
min-height:300px;
}

.est_info table th {
height:45px;
color:#206696;
background:#BBE4FA;
text-align:center;
}

.est_info table td {
height:25px;
text-align:center;
}

.est_info table td span {
font-weight:bold;
color:#E3960E;
}
/* contents - banner */
#wrap #contents .banner{
width:1040px; 
box-sizing:border-box;
margin:30px auto 0;
position:relative; 
}
#wrap #contents .banner>ul{
overflow:hidden;
width:1040px;
margin:0 auto;
}
#wrap #contents .banner>ul>li{
float:left;
}
#wrap #contents .banner .banner1{
}

#wrap #contents .banner .banner1 li{
height:267px;
}
#wrap #contents .banner .banner2{
margin:25px auto;
height:220px;
}



/* main sms */
#main_sms {
width:245px;
height:140px;
position:absolute;
top:55px;
left:50%;
margin-left:-79px;
}
#main_sms table {
width:195px;
float:left;
}
#main_sms tr {
}
#main_sms tr th {
font-size:12px;
font-family:dotum;
font-weight:bold;
color:#002f44;
width:45px;
padding-top:5px;
box-sizing:border-box;
}
#main_sms tr td{
padding-top:5px;
box-sizing:border-box;
}
#main_sms tr td span{
padding-left:2px;
box-sizing:border-box;
}
#main_sms .name, 
#main_sms .tel1,
#main_sms .tel2,
#main_sms .tel3,
#main_sms .day,
#main_sms .place1,
#main_sms .place2,
#main_sms .datePlace1{
border:1px solid #dddddd;
height:20px;
}
#main_sms .name,
#main_sms .day,
#main_sms .place1,
#main_sms .place2{
width:145px;
}
#main_sms .tel1 {
width:37px;
}
#main_sms .tel2,
#main_sms .tel3 {
width:39px;
}
#main_sms .btn {
float:right;
margin-top:5px;
}


/* quick_menu */
#quick {
position: absolute;
width: 70px;
left: 50%;
top: 0;
margin-left: 540px;
height: auto;
z-index: 20;
}
#quick .quick_menu {
margin-top:25px;
}
#quick .quick_menu li a {
text-align: center;
width: 100%;
margin:0 auto;
display: block;
outline-style: none;
text-decoration: none;
/*-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
background-color: hsla(0,0%,100%,0.00);*/
}


/* footer */
#wrap #footer{
width:100%;
clear:both;
}
#wrap #footer .f_menu{
width:100%;
height:38px;
background-color:#206698;
}
#wrap #footer .f_menu .wrap{
width:1040px;
height:38px;
margin:0 auto;
overflow:hidden;
}
#wrap #footer .f_menu .wrap .b_menu{
/*float:left;*/
width:100%;
}
#wrap #footer .f_menu .wrap .b_menu ul{
margin:0 auto;
width:470px;
overflow:hidden;
}
#wrap #footer .f_menu .wrap .b_menu ul li{
float:left;
padding:7px 0 0 0;
box-sizing:border-box;
}
#wrap #footer .c_info{
width:100%;
height:100px;
background-color:#121B28;
}
#wrap #footer .c_info span{
display:block;
width:991px;
margin:0 auto;
padding:9px 0;
box-sizing:border-box;
}




#wrap #contents .cont_box_sub {
position:relative;
width:1040px;
margin:0 auto;
padding-top:25px;
overflow:hidden;
background:#fff;
}

#wrap #contents .sub_box{
position:relative;
width:1040px;
margin:0 auto;
}



/* sub contents - con */
#wrap #contents .sub_con{
width:1040px;
overflow:hidden;
margin:0 auto 0;
}



/* sub contents - left menu */
#wrap #contents .sub_con .left_box {
width:254px;
margin:0;
padding:0;
float:left;
border-left:1px solid #DCDCDC;
}

#wrap #contents .sub_con .left_box ul li {
width:254px;
height:58px;
border-bottom:1px solid #DCDCDC;
}

#wrap #contents .sub_con .left_box ul li a {
padding:20px 0 20px 20px;
display:block;
font-size:16px;
font-weight:bold;
color:#818181;
background:#FFF;
}

#wrap #contents .sub_con .left_box ul li a.active,
#wrap #contents .sub_con .left_box ul li a:hover {
background:url('/img/common/bg_sub_left_on.jpg') no-repeat;
color:#FFF;
}
#wrap #contents .sub_con .left_box ul .tit {
height:122px;
}
#wrap #contents .sub_con .left_box ul .cb {
height:159px;
}





#wrap #contents .sub_con .right_box {
width:783px;
min-height:600px;
margin:0;
padding:0;
float:right;
border-left:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
}

#wrap #contents .sub_con .right_box .content_area {
padding:10px 25px;
}

#wrap #contents .sub_con .right_box .sub_title {
display:inline-block;
margin:20px 0;
padding-top:10px;
height:25px;
color:#666;
line-height:25px;
font-size:24px;
font-weight:bold;
background:url('/img/sub/bg_top_line.gif') top repeat-x;
}

#wrap #contents .sub_con .right_box ul .con {
margin-bottom:100px;
}

#wrap #contents .sub_con .right_box ul .last {
margin-bottom:0;
}

#wrap #contents .sub_con .right_box ul .board1{ 
margin:50px 0 0 40px;
}


#wrap #contents .sub_con .right_box .navi {
margin-top:15px;
width:783px;
height:37px;
text-align:right;
border-bottom:1px #e5e5e5 solid;
font-size:12px;
}
#wrap #contents .sub_con .right_box .map{
width:720px;
float:right;
}

#wrap #contents .sub_con .right_box .textarea1{
width:690px;
height:350px;
padding:15px;
border:1px #e5e5e5 solid;
border-top:2px #208cd7 solid;
overflow-y:scroll;
float:right;
margin-top:50px;
}


#wrap #contents .sub_con .right_box .textarea1 h4 {
font-size:14px;
font-weight:bold;
margin:25px 0 15px;
}
#wrap #contents .sub_con .right_box .textarea1 p {
margin-bottom:10px;
}



/* schedule */
.schedule_monthly .date{
text-align:center;
margin-bottom:10px;
}
.schedule_read .btn {
width: 656px;
margin-top: 10px;
}




#fwrite h5 { margin:0 0 5px; padding:0px; }
#fwrite h3 { margin:0 0 5px; padding:0px; }
#fwrite table { width:100%; margin-bottom:20px; border-collapse:collapse; border-top:2px #000 solid; }
#fwrite table th {
width:80px; 
font-size:12px;
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #dfdfdf;
background-color: #efefef;
}   
#fwrite table td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #dfdfdf;
background-color: #ffffff;
}
#fwrite table td .ed { height:20px; }

#fwrite table td .btn_addr_search {
margin-bottom:5px;
padding:5px;
border:1px solid #333;
color:#333;
}

input.ed { height:22px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:22px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }
select.sfl { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }