@charset "euc-kr";

/* head */
#header{width:100%; margin:0 auto; height:50px; position:relative; text-align:center; border-bottom:2px solid #dadada;}
#header .gnb_menu{position:absolute; left:3%;top:25px;margin-top:-10px;width:25px;height:20px;margin-bottom:13px;display:block;
z-index:50;}
#header .gnb_menu.on{z-index:99;left:10px;}
#header .gnb_menu span{position:absolute;display:block;width:100%;height:3px;background-color:#444;
	/* transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000); */
}
#header .gnb_menu.on span{background-color:#444;}
#header .gnb_menu span.top{top:0;}
#header .gnb_menu span.middle{top:50%;margin-top:-2px; width:75%;}
#header .gnb_menu span.bottom{bottom:0; width:50%;}
#header .gnb_menu.on span.top{top:0;
	transform: translate3d(0, 8px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 8px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 8px, 0) rotate(225deg);
	-o-transform: translate3d(0, 8px, 0) rotate(225deg);
	-ms-transform: translate(0, 8px) rotate(45deg);
}
#header .gnb_menu.on span.middle{display:none;}
#header .gnb_menu.on span.bottom{bottom:0;width:100%;
	transform: translate3d(0, -9px, 0) rotate(-225deg);
	-webkit-transform: translate3d(0, -9px, 0) rotate(-225deg);
	-moz-transform: translate3d(0, -9px, 0) rotate(-225deg);
	-o-transform: translate3d(0, -9px, 0) rotate(-225deg);
	-ms-transform: translate(0, -9px) rotate(-45deg);
}

#header h1{ margin:0 auto; line-height:50px;}
#header h1 a{display:inline-block;}
#header h1 img{width:auto; height:20px; vertical-align:middle;margin-bottom:7px;}
#header b.log_in{width:60px; line-height:20px; position:absolute; top:14px; border:1px solid #999; right:10px; border-radius:3px;}
#header b.log_in a{font-size:11px; color:#444; font-weight:400; display:block;}

#gnb_mo{display:block;}
#gnb_mo{position:fixed;left:-70%;top:0;background-color:#fff;float:none;width:70%;margin:0;z-index:90;bottom:0;
	transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
#gnb_mo .gnb_logo{display:block;height:50px;line-height:40px;background-color:#fff;text-align:center;}
#gnb_mo .gnb_logo img{height:20px;vertical-align:middle; padding-top:3px;}
#gnb_mo.on{left:0;}
#gnb_mo > ul{padding:0 10px; border-top:2px solid #cccccc;}
#gnb_mo > ul > li{width:100%;border-top:1px solid #ddd;text-align:left;}
#gnb_mo > ul > li:first-of-type{border:0;}

#gnb_mo > ul > li.dep03 > a{padding:0 0 0 5px;line-height:40px;font-size:13px;color:#333;font-weight:bold;display:block;
background:url("../img/main/m_gnb_icon01.png") no-repeat 96% center;background-size:7px;}
#gnb_mo > ul > li.dep03 > a.active{background:url("../img/main/m_gnb_icon02.png") no-repeat 96% center;background-size:7px;}
#gnb_mo > ul > li.on a{color:#009fe3;}
#gnb_mo > ul > li.dep03:last-of-type{border-bottom:1px solid #dddddd;}
#gnb_mo > ul > li > ul.depth_list{display:none; border-top:1px solid #dddddd;}
#gnb_mo > ul > li > ul.depth_list > li{border-bottom:1px solid #dddddd; line-height:32px;}
#gnb_mo > ul > li > ul.depth_list > li:hover{ background:#f3f3f3;}
#gnb_mo > ul > li > ul.depth_list > li:last-of-type{}
#gnb_mo > ul > li > ul.depth_list > li > a{display:block; font-size:13px; color:#333333; padding-left:36px; position:relative;}
#gnb_mo > ul > li > ul.depth_list > li > a::after{content:""; background:#333333; width:3.5px; height:1px; position:absolute; left:25.5px;top:20.5px;}
#gnb_mo > ul > li > ul.depth_list > li.active a{color:#009fe3;}
ul.dep05{padding:0 10px;}
ul.dep05 li{border-bottom:1px solid #dddddd; line-height:28px;}
ul.dep05 li:first-of-type{border-top:1px solid #ddd;}
ul.dep05 li:last-of-type{border-bottom:0;}
ul.dep05 li a{color:#333; font-size:11px; display:block; padding-left:46px;}

#gnb_mo > ul > li.on ul > li a{color:#333;}
#gnb_mo > ul > li ul > li.active > a{color:#009fe3;}
#gnb_mo > ul > li .btn_box{display:table; padding:20px 0;margin:0 auto;}
#gnb_mo > ul > li .btn_box button{width:80px; border:1px solid #ddd; margin:0 5px; background:#fff; line-height:24px; border-radius:2px;
font-size:10px; letter-spacing:-0.3px;}
#gnb_mo > ul > li .btn_box button.lost_id{width:100px;}

.gnb_bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:55;background:rgba(0,0,0,0.8);display:none;}
/* header Á¾·á */

/* container */
#container{width:100%; margin:0 auto;}
#container .main_visual{position:relative;}
#container .main_visual ul li img{width:100%;}
#container .main_visual .bx-pager.bx-default-pager{display:table; margin:0 auto; overflow:hidden; padding:8px 0;}
#container .main_visual .bx-pager.bx-default-pager .bx-pager-item{float:left; width:12px; height:12px;text-indent:-9999px; margin:0 10px;}
#container .main_visual .bx-pager.bx-default-pager .bx-pager-item a{background:url("../img/btn/active_off.png")no-repeat center; background-size:12px; 
display:block; width:12px; height:12px;}
#container .main_visual .bx-pager.bx-default-pager .bx-pager-item a.active{background:url("../img/btn/active_on.png")no-repeat center; 
background-size:12px;}

#container .bg_gray{padding:20px 10px; background:#f1f1f1; }
#container .bg_gray .main_news ul li{padding:25px 16px; border:1px solid #ccc; background:#fff; margin-bottom:10px; box-shadow:0 2px #e0e0e0;
box-sizing:border-box;}
#container .bg_gray .main_news ul li b.news_tit{font-size:17px; display:block; font-weight:400; line-height:17px; color:#333;margin-bottom:8px;}
#container .bg_gray .main_news ul li p.news_sub_tit{font-size:10px; display:block; font-weight:300; line-height:16px; color:#999;}
#container .bg_gray .main_news ul li b.more_view{width:50px; height:20px; line-height:20px; border:1px solid #bdbdbd; border-radius:3px;margin-top:22px;
display:block; text-align:center;}
#container .bg_gray .main_news ul li b.more_view a{font-size:10px; color:#666; display:block; font-weight:400;}
#container .bg_gray .main_news ul li:first-of-type{background:#fff url("../img/ico/main_news_img01.png")no-repeat 95% center;background-size:90px;}
#container .bg_gray .main_news ul li:last-of-type{background:#fff url("../img/ico/main_news_img02.png")no-repeat 95% center;background-size:90px;}
#container .bg_gray .main_service{margin:25px 0 10px;}
#container .bg_gray .main_service b.service_tit{font-size:16px; line-height:16px; font-weight:400; display:block;}
#container .bg_gray .main_service ul{margin-top:15px; overflow:hidden;}
#container .bg_gray .main_service ul li{width:23%; float:left; text-align:center;padding:0 1%;}
#container .bg_gray .main_service ul li:last-of-type{margin-right:0;}
#container .bg_gray .main_service ul li b.img_box{width:100%;display:block; height:0; padding-bottom:100%;}
#container .bg_gray .main_service ul li:first-of-type b.img_box{background:url("../img/ico/main_service_off_img01.png")no-repeat center;
background-size:100%;}
#container .bg_gray .main_service ul li:nth-of-type(2) b.img_box{background:url("../img/ico/main_service_off_img02.png")no-repeat center;
background-size:100%;}
#container .bg_gray .main_service ul li:nth-of-type(3) b.img_box{background:url("../img/ico/main_service_off_img03.png")no-repeat center;
background-size:100%;}
#container .bg_gray .main_service ul li:last-of-type b.img_box{background:url("../img/ico/main_service_off_img04.png")no-repeat center;
background-size:100%;}
#container .bg_gray .main_service ul li b.service_txt{font-size:10px; display:block; line-height:10px; color:#333; margin-top:20%;}
#container .main_memorial_hall_link{background:url("../img/main/memorial_hall_visual.png")no-repeat center; height:0; padding-bottom:60%;
background-size:cover; text-align:center;}
#container .main_memorial_hall_link b.memorial_hall_txt{font-size:19px; display:block; line-height:19px;padding-top:30%; color:#fff;font-weight:400;}
#container .main_memorial_hall_link b.more_veiw{display:block; width:46px; line-height:18px; border:1px solid #7e95b3; border-radius:3px;
margin:0 auto; margin-top:15px;}
#container .main_memorial_hall_link b.more_veiw a{display:block; font-size:10px; font-weight:400; color:#fff;}

#container .wrap_padding{padding:15px 5px 0px;}
#container .wrap_padding .main_sub_visual ul{overflow:hidden;}
#container .wrap_padding .main_sub_visual ul li{width:50%;  float:left; padding:0 5px;}
#container .wrap_padding .main_sub_visual ul li .img_box{height:0; padding-bottom:68%;}
#container .wrap_padding .main_sub_visual ul li img{width:100%; }
#container .wrap_padding .main_sub_visual ul li .sub_visual_box{border:1px solid #ccc;margin-bottom:10px;}
#container .wrap_padding .main_sub_visual ul li .sub_visual_box .sub_visual_txt{padding:10px; padding-bottom:18px;}
#container .wrap_padding .main_sub_visual ul li .sub_visual_box .sub_visual_txt b.title{font-size:12px; display:block; line-height:12px;
font-weight:400; color:#333; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
#container .wrap_padding .main_sub_visual ul li .sub_visual_box .sub_visual_txt p.date{font-size:10px; line-height:10px; display:block; 
color:#666;font-weight:400; margin-top:7px;}
#container .wrap_padding .main_sub_visual .slick-dots{display:table; margin:0 auto; overflow:hidden; padding-bottom:10px;}
#container .wrap_padding .main_sub_visual .slick-dots li{width:12px; height:12px;margin:0 10px;}
#container .wrap_padding .main_sub_visual .slick-dots li button{background:url("../img/btn/active_off.png")no-repeat center; background-size:12px; 
display:block; width:12px; height:12px; text-indent:-9999px; }
#container .wrap_padding .main_sub_visual .slick-dots li.slick-active button{background:url("../img/btn/active_on.png")no-repeat center; 
background-size:12px;}

#container .service_link{padding:20px 10px 40px; background:#f6f7fa; border-top:1px solid #e5e5e5;}
#container .service_link h2{font-size:16px; display:block; line-height:16px; color:#333;}
#container .service_link .service_link_gnb{margin-top:12px; overflow:hidden;}
#container .service_link .service_link_gnb li{width:50%; float:left; text-align:center;}
#container .service_link .service_link_gnb li a{font-size:12px; display:block; line-height:36px;border:1px solid #ccc;margin-right:-1px;
border-bottom:1px solid #2e90cd; background:#fff; font-weight:400; color:#333;}
#container .service_link .service_link_gnb li:last-of-type a{margin-right:0;}
#container .service_link .service_link_gnb li a.active{background:#2e90cd; border:0; line-height:38px; color:#fff;}
#container .notice_view{border:1px solid #dfdfdf; border-top:0; position:relative;}
#container .notice_view a.view_btn{position:absolute;top:-62px; right:0; width:12px; height:11px; display:block;
background:url("../img/btn/more_view.png")no-repeat center; background-size:12px 11px;}
#container .notice_view ul{padding:0 10px; background:#fff;}
#container .notice_view ul li{line-height:36px; border-bottom:1px solid #dfdfdf;overflow:hidden;}
#container .notice_view ul li:last-of-type{border-bottom:0;}
#container .notice_view ul li b.notice_view_tit{font-size:12px; font-weight:400; color:#333; width:78%; float:left;
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#container .notice_view ul li p.notice_view_date{font-size:10px; font-weight:400; color:#666; float:right;}
#container .main_tell{border:1px solid #2e90cd; margin-top:15px;}
#container .main_tell ul{overflow:hidden; background:#fff;}
#container .main_tell ul li{width:50%; float:left; position:relative; padding:18px 0; text-align:center; }
#container .main_tell ul li:first-of-type::after{position:absolute; right:-0.5px; width:1px; height:100%; background:#2e90cd;content:"";
top:0;}
#container .main_tell ul li b.tit{font-size:12px; color:#666; font-weight:400; line-height:12px; display:block;padding-bottom:8px;}
#container .main_tell ul li p.phone_num{color:#2e90cd; font-weight:400; font-size:17px; display:block; line-height:17px;}
#container .main_tell ul li:nth-of-type(2) p.phone_num{color:#333;}
#container .main_tell ul li.end{width:100%; padding:15px 0; background:url("../img/main/site_main_tell.png")no-repeat center; background-size:cover;}
#container .main_tell ul li.end b.sub_tit{font-size:12px; display:block; line-height:12px; color:#fff;}
#container .main_tell ul li.end b.sub_phone_num{font-size:12px; display:block; color:#fff; line-height:18px;margin-top:8px; margin-bottom:10px;}
#container .main_tell ul li.end b.sub_phone_num strong{font-size:18px; line-height:18px; display:inline-block;} 
#container .main_tell ul li.end p.open_time{font-size:11px; color:#97d1f5; display:block; line-height:1.5;}

/* footer */
#footer{width:100%; margin:0 auto;}
#footer .footer_top{background:#555;}
#footer .footer_top ul{margin:0 auto; display:table;}
#footer .footer_top ul li{margin:0; float:left;text-align:center; line-height:40px;padding:0 10px; position:relative;}
#footer .footer_top ul li::after{content:""; background:#b9b9b9; width:1px; height:8px; position:absolute; right:-0.5px; top:16px;}
#footer .footer_top ul li:nth-of-type(3) a{color:#dedede;}
#footer .footer_top ul li:last-of-type::after{display:none;}
#footer .footer_top ul li a{display:block; font-size:10px; color:#b9b9b9;}
#footer .footer_body{text-align:center; background:#444; padding-top:20px; padding-bottom:25px;}
#footer .footer_body b.footer_logo{display:block; margin-bottom:15px;}
#footer .footer_body b.footer_logo img{width:auto; height:20px;}
#footer .footer_body p{font-size:10px; display:block; color:#888; line-height:16px;}
#footer .footer_body p span.another{color:#bebebe;}
#footer .footer_body p.adress{margin-top:20px;}