@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Nanum Gothic', sans-serif, 'dotum';}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;word-break:keep-all}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Nanum Gothic', sans-serif, 'dotum';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a{text-decoration: none;}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin: 0;
padding: 0;font-family: 'notokr-regular','Malgun Gothic', '맑은 고딕','Apple gothic',dotum, sans-serif;font-size: 1em;}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0; padding:3px 5px; border:1px solid #e1e1e1;}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;}

/* 팝업레이어 시작 */
	#hd_pop {z-index:100;position:relative;margin:0 auto;width:1200px;height:0}
	#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
	.hd_pops_con {}
	.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
	.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
/* 팝업레이어 끝 */

/* 상단 레이아웃 시작 */
	#hd {z-index:4;position:relative;background:#fff;border-top:5px solid #9472b5;}
	.hd_zindex {z-index:10 !important}
	#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	#hd_wrapper {position:relative;margin:0 auto;padding:13px 0;width:1200px;zoom:1}
	#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

	#logo {float:left;padding:0;}

	/* 전체검색 시작 */
		#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
		#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
		#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
		#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

		/* 텍스트 크기 조절 */
		#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
		#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
		.ts_up {font-size:1.167em !important}
		.ts_up2 {font-size:1.3em !important}
	/* 전체검색 끝 */

	/* 메인메뉴 시작 */

        #gnb_1dul{margin-right:12px;}
        .gnb_2dul_area{margin-right:15px !important}
        #gnb_1dul>li:nth-child(1){width:163px;text-align: center}
        #gnb_1dul>li:nth-child(2){width:151px;text-align: center}
        #gnb_1dul>li:nth-child(3){width:152px;text-align: center}
        #gnb_1dul>li:nth-child(4){width:130px;text-align: center}
        #gnb_1dul>li:nth-child(5){width:136px;text-align: center}



		#gnb_box{float:right;}
		#gnb {position:relative;overflow:hidden;margin:35px 0 0;}
		#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
		#gnb li{float:left;font-size:18px;}
		#gnb li a{display:block;text-decoration:none;color:#333;font-weight:600;}

		.gnb_2dul{position:absolute; top:100px; z-index:500; background: #9472b5; display:none; opacity:0.95;}
		.gnb_2dul_area{overflow:hidden; float:right; text-align:center;}
		.gnb_2dul_area li.gnb_2dul_list{float:left;font-size:13px;line-height:36px;border-left:1px solid #a386bf;height:215px;padding:8px 0;}
		.gnb_2dul_area li.list1{width:161px;}
		.gnb_2dul_area li.list2{width:149px;}
		.gnb_2dul_area li.list3{width:148px;}
		.gnb_2dul_area li.list4{width:128px;}
		.gnb_2dul_area li.list5{width:136px;margin-right:24px;border-right:1px solid #a386bf;}
		.gnb_2dul_area li a{font-weight:500; color:#fff; text-decoration:none;display:block;}
		.gnb_2dul_area li a:hover{background:#77509d;}
	/* 메인메뉴 끝 */

	/* index */
	.index_only{display:none;}

	.main_slider{height: 400px; position: relative;}
	.bx-wrapper {position:relative;}
	.bx-wrapper,.bx-viewport,.bxslider{height: inherit !important;}

	.main_slider .bxslider .slide{height: inherit;}
	.main_slider .bxslider .slide1 {background:url('/images/main_slid_img1.jpg') #ddedfa no-repeat center center; width:100%; height:400px;border-top:1px solid #d1e0ec;border-bottom:1px solid #d1e0ec;}
	.main_slider .bxslider .slide2 {background:url('/images/main_slid_img2.jpg') #ddedfa no-repeat center center; width:100%; height:400px;border-top:1px solid #d1e0ec;border-bottom:1px solid #d1e0ec;}
	.main_slider .bxslider .slide3 {background:url('/images/main_slid_img1.jpg') #ddedfa no-repeat center center; width:100%; height:400px;border-top:1px solid #d1e0ec;border-bottom:1px solid #d1e0ec;}

	.main_slider .bxslider .slide .inner{height: inherit;}
	.main_slider .text-wrap{position: absolute; top:105px; right: 60px;}/*opacity: 0; visibility:hidden;*/
	.main_slider .text-wrap-on{opacity: 1; visibility:visible;}

	.main_slider .bx-controls{width:1200px;margin:0 auto;position: absolute; left: 0; right: 0; top:0; bottom:0; z-index:100;}

/* index */
.index_box{width:100%;height:auto;background:#f4f4f4;padding:50px 0;}
.index_board{width:1200px;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.index_b, .index_b_img, .index_b_gall_box{width:360px;height:474px;overflow:hidden;display:flex;flex-wrap:wrap;justify-content: space-between;}

.index_b{border:1px solid #ddd;background:#fff;padding-top:30px;}
.index_b>div{display:flex;justify-content: space-between;padding:0 30px 0;}
.index_b_center_news{width:100%;height:30px;display:flex;justify-content: space-between}
.index_b_left_qna{width:100%;display:flex;justify-content: space-between}
.index_b_gall_box{}
.index_b_gall{height:220px;width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;background:#fff;padding:30px 30px 0;border:1px solid #ddd;}
.latest-zinex{width:100%;height:118px !important;display:flex;justify-content: space-between;flex-wrap:nowrap;padding:0 !important;}

.index_b_sns{display:flex;flex-wrap:nowrap;justify-content: space-between;margin:31px 0;border:1px solid #ddd;}

.main_center_tit{font-size:22px;}

.index_b_img{border:1px solid #ddd;}
.index_b_img>img{width:100%;height:100%;}

.board_con{width:100%;}
.index_b_donate>div>img{width:100%;height:auto;}









	/* pager-number */
	.main_slider .bx-pager{position: absolute;bottom: 22px;left:0;right:0;font-size:0;height: auto; overflow:hidden;/*text-align: center;*/}
	.main_slider .bx-pager .bx-pager-item{margin-right: 5px; display: inline-block;}
	.main_slider .bx-pager .bx-pager-item a{display:block;width:13px; height: 13px;background:url('/images/main_pager.png') no-repeat center center;}
	.main_slider .bx-pager .bx-pager-item a.active{width:13px; height: 13px;background:url('/images/main_pager_active.png') no-repeat center center;}

	/* prev,next */
	.main_slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-direction{left:0;right: 0;top: 50%; margin-top: -12px; height:24px;position: absolute; text-indent:-9999px;}
	.main_slider .bx-controls-direction .bx-prev,.main_slider .bx-controls-direction .bx-next{position: absolute; top: 0; width:13px; height: 24px;}
	.main_slider .bx-controls-direction .bx-prev {left: 5%; background : url(/mobile/img/m_prev.png) no-repeat left top;}
	.main_slider .bx-controls-direction .bx-next {right: 5%; background : url(/mobile/img/m_next.png) no-repeat left top;}

	/* stop,start */
	.main_slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {left:16px;bottom: 1px;position: absolute;}
	.main_slider .bx-controls-auto .bx-start,.bx-wrapper .bx-controls-auto .bx-stop {display: block; width: 9px;height: 11px;outline: 0; text-indent:-999px;}
	.main_slider .bx-controls-auto .bx-start{background:url(/img/pager_start.png) no-repeat left top;}
	.main_slider .bx-controls-auto .bx-stop{background:url(/img/pager_pause.png) no-repeat left top;}


	/*====*/


	/* cont_slider */
		.cont_slider{height: 426px;}
		.cont_slider_inner{margin: 0 auto; height: 426px; width:400px; }
		.cont_slider .slide{height: inherit;}
		.cont_slider .slide1{background: url('/images/main_con2.jpg') no-repeat; }
		.cont_slider .slide2{background: url('/images/main_con2.jpg') no-repeat;}
		.cont_slider .slide a{display: block;}

		.cont_slider .bx-controls{width:400px;margin:0 auto;position: absolute; left: 0; right: 0; top:0; bottom:0; z-index:100;}

	/* pager-number */
		.cont_slider .bx-pager{position: absolute;bottom: 0px;left:0;right:0;font-size:0;height: auto; overflow:hidden;text-align: center;}
		.cont_slider .bx-pager .bx-pager-item{margin-right: 5px; display: inline-block;}
		.cont_slider .bx-pager .bx-pager-item a{display:block;width:13px; height: 13px;background:url('/images/main_pager.png') no-repeat center center;}
		.cont_slider .bx-pager .bx-pager-item a.active{width:13px; height: 13px;background:url('/images/main_pager_active.png') no-repeat center center;}

		/* stop,start */
			.cont_slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {left:16px;bottom: 1px;position: absolute;}
			.cont_slider .bx-controls-auto .bx-start,.bx-wrapper .bx-controls-auto .bx-stop {display: block; width: 9px;height: 11px;outline: 0; text-indent:-999px;}

		/* cont_slider prev,next */
		/*.cont_slider .bx-has-controls-direction{left:0;right: 0;top: 100%; margin-top: 50px; height:13px;position: absolute; text-indent:-9999px; z-index:200; overflow:hidden;}
		.cont_slider .bx-controls-direction .bx-prev, .gnb_slider .bx-controls-direction .bx-next{position: absolute; top: 0; width:29px; height: 48px;}
		.cont_slider .bx-controls-direction .bx-prev {left: -70px; background : url('/images/main_pager.png') no-repeat left top;}
		.cont_slider .bx-controls-direction .bx-next {right: -70px; background : url('/images/main_pager_active.png') no-repeat left top;}

		.cont_slider .slider_text{text-align: center; font-size: 22px;color:#333; margin: 40px 0 0;}*/
/* 상단 레이아웃 끝 */


/* 중간 레이아웃 시작 */
	#wrapper {z-index:5;margin:0 auto;zoom:1;}
	#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
	/*#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}*/
	#container {position:relative;font-size:1em;zoom:1;border-top:1px solid #d9d9d9;}
	#container:after {display:block;visibility:hidden;clear:both;content:""}
	#container_title {font-size:24px;font-weight:bold;text-align:center;padding:32px 0 19px;}
	.main_conlist{padding:56px 0 78px;background:#f4f4f4;}
	.main_conlist_area{width:1200px; margin: 0 auto;}
	.main_conlist ul{overflow:hidden;}
	.main_conlist ul li{float:left;list-style:none;padding-right:40px;}
	.main_conlist ul li a{display:block;}

	
/* 중간 레이아웃 끝 */

/* 하단 레이아웃 시작 */
	#ft {border-top:1px solid #bfbfbf;background:#fff;font-size:13px;}
	#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	#ft p {}

	#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:970px;text-align:center}

	#ft_company {text-align:center}

	#ft_copy {background:#fff;}
	#ft_copy div.ft1 {position:relative;margin:0 auto;padding:11px 0 41px;width:1200px;color:#555;}
	#ft_copy div.ft1 a {display:inline-block;margin:0 10px 0 0;color:inherit;background:url('/images/ft_lin.jpg') no-repeat right center; padding-right:17px;}
	#ft_copy #ft_totop {position:absolute;top:10px;right:0}

	.ft_logo_area{width:1200px;margin:0 auto;padding-top:21px; overflow:hidden;}
	.ft_logo_area div{float:left; padding:0 20px 0 0;}
	.ft_logo_area div.copy{padding-top:10px;}
	.ft_logo_area div.copy p{padding-bottom:7px;}

	#ft_copy div.tnb_box {position:relative;padding:0px 0;color:#555;border-top:1px solid #c2c2c2;height:107px;}
	/* 상단 회원가입 등 링크 */
	#ft_copy  .tnb {list-style:none;zoom:1;overflow:hidden;width:1200px;margin:0 auto;}
	#ft_copy  .tnb:after {display:block;visibility:hidden;clear:both;content:""}
	#ft_copy  .tnb li {float:right;padding:0 10px 0 0;}
	#ft_copy  .tnb a {display:block;color:#333;text-decoration:none;width:50px;height:20px;}
	#ft_copy  .tnb .tnb_area{width:1200px; margin: 0 auto;}
/* 하단 레이아웃 끝 */

/* 메인 게시판 영역 시작 */
	/* 센터소식 */
	.main_board1{width:358px; border:1px solid #e1e1e1; background:#fff;}
	.center_box{padding:0;}
	.center_box .center_area{overflow:hidden; padding:30px 30px 0;}
	.center_box .center_area div{float:left;}
	.center_box .center_area div.main_center_tit{font-size:22px; padding-right:189px;}
	.center_box .center_area div.main_center_tit a{text-decoration:none;}
	/* 후원/자원봉사/특강 */
	.give_box{padding:0;}
	.give_box .give_area{overflow:hidden; padding:6px 30px 0;}
	.give_box .give_area div{float:left;}
	.give_box .give_area div.main_give_tit{font-size:22px; padding-right:143px;}
	.give_box .give_area div.main_give_tit a{text-decoration:none;}
	/* 포토 갤러리 */
	.photo_box{padding:0;}
	.photo_box .photo_area{overflow:hidden; padding:30px 30px 0;}
	.photo_box .photo_area div{float:left;}
	.photo_box .photo_area div.main_photo_tit{font-size:22px; padding-right:169px;}
	.photo_box .photo_area div.main_photo_tit a{text-decoration:none;}
.gall_li{margin:3px !important;}
	/* 동영상 갤러리 */
	.video_box{padding:0;}
	.video_box .video_area{overflow:hidden; padding:0px 30px 0;}
	.video_box .video_area div{float:left;}
	.video_box .video_area div.main_video_tit{font-size:22px; padding-right:191px;}
	.video_box .video_area div.main_video_tit a{text-decoration:none;}

	.main_more{margin-top:5px;}

	/* 메인배너영역 */
	.main_conlist .main_r_banner{width:360px;}
	.main_conlist .main_r_banner li{overflow:hidden;padding-right:0;}
	.main_conlist .main_r_banner li div{float:left; }
	.main_conlist .main_r_banner li.banner_list{border:1px solid #e1e1e1; margin:10px 0;}

/* 메인 게시판 영역 끝 */

/* 서브페이지 시작 */
	.sub_con{padding:0 0 50px;}
	.sub_con_area{width:1203px; margin:0 auto; position:relative; }
	.sub_con_tit{font-size:36px; font-weight:600; width:1000px; margin:0 auto; text-align:center; padding:27px 0;}
	.sub_txt_icon{background:url('/img/sub_txt_icon.jpg') no-repeat; width:35px; height:6px; margin:0 auto; padding:40px 0 0;}
	.sub_con_txt{width:1000px; margin:0 auto;}
.sub_con_txt>div>div{display:flex;flex-wrap:nowrap;}
	.sub_con_txt ul li{list-style:none; font-size:13px; line-height:36px;}

	.sub_con_box{border:1px solid #ececec; margin-top:-30px; padding:50px 0 62px;}
    .his_all{width:1200px; margin:0 auto; border:1px solid #ececec; margin-top:-80px; margin-bottom:50px; padding:50px 0 62px;}
    
	/* 센터소개 시작 */
		.sub_histo_list{width:921px; z-index:100; margin:0 auto; overflow:hidden; padding-left:1px; }
		.sub_histo_list div{float:left; border:1px solid #c2c2c2; margin-left:-1px; background:#fff;}
		.sub_histo_list div a{text-decoration:none; display:block; padding:17px 35px; font-size:18px; font-weight:600;}

		/* 자료실 시작 */
			.sub_histo_list{width:auto; z-index:100; margin:0 auto; overflow:hidden; padding-left:1px;display:flex;flex-wrap:nowrap;justify-content: center }
			.sub_histo_list div{float:left; border:1px solid #c2c2c2; margin-left:-1px; background:#fff;}
			.sub_histo_list div a{text-decoration:none; display:block; padding:17px 35px; font-size:18px; font-weight:600;}
	/* 자료실 끝 */
	/* 센터소개 끝 */

	/* 사업소개 시작 */
		.sub_business_list{width:780px; z-index:100; margin:0 auto; overflow:hidden; padding-left:1px; }
		.sub_business_list div{float:left; border:1px solid #c2c2c2; margin-left:-1px; background:#fff;}
		.sub_business_list div a{text-decoration:none; display:block; padding:17px 60px; font-size:18px; font-weight:600;}
	/* 사업소개 끝 */

	/* 후원/자원봉사 시작 */
		.sub_give_list{width:570px; z-index:100; margin:0 auto; overflow:hidden; padding-left:1px; }
		.sub_give_list div{float:left; border:1px solid #c2c2c2; margin-left:-1px; background:#fff;}
		.sub_give_list div a{text-decoration:none; display:block; padding:17px 60px; font-size:18px; font-weight:600;}
	/* 후원/자원봉사 끝 */

	/* 자료실 시작 */
		.sub_board_list{width:100%; z-index:100; margin:0 auto; overflow:hidden; padding-left:1px;display:flex;flex-wrap:nowrap;justify-content: center }
		.sub_board_list div{float:left; border:1px solid #c2c2c2; margin-left:-1px; background:#fff;}
		.sub_board_list div a{text-decoration:none; display:block; padding:17px 60px; font-size:18px; font-weight:600;}
	/* 자료실 끝 */

	/* 포토 갤러리 시작 */
		.sub_photo_list{width:995px; z-index:100; margin:0 auto; overflow:hidden; padding-left:1px; }
		.sub_photo_list div{float:left; border:1px solid #c2c2c2; margin-left:-1px; background:#fff;}
		.sub_photo_list div a{text-decoration:none; display:block; padding:17px 60px; font-size:18px; font-weight:600;}
	/* 포토 갤러리 끝 */

	/* 커뮤니티 시작 */
		.sub_commu_list{width:1203px; z-index:100; margin:0 auto; overflow:hidden;display:flex;flex-wrap:nowrap;}
		.sub_commu_list div{float:left; border:1px solid #c2c2c2; border-right:0;background:#fff; text-align:center;}
		.sub_commu_list div:last-child{border-right:1px solid #c2c2c2;}
		.sub_commu_list div a{text-decoration:none; display:block; font-size:14px; font-weight:600;padding:17px 0;}
		.sub_commu_list div.list1{width:15%;}
		.sub_commu_list div.list2{width:19.4%;}
		.sub_commu_list div.list3{width:19%;}
		.sub_commu_list div.list4{width:21%;}
		.sub_commu_list div.list5{width:13%;}
		.sub_commu_list div.list6{width:12%;}

	/* 커뮤니티 끝 */


/* 서브페이지 끝 */


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {background-color: #fff;padding: 7px 20px;border: 1px solid #9170a7;cursor: pointer;border-radius: 3px;font-size:15px;color:#9170a7;font-weight: bold;}
.btn_submit:hover{border: 1px solid #9170a7;background:#9170a7;cursor: pointer;border-radius: 3px;color: #fff;font-size:15px;font-weight: bold;}
fieldset .btn_submit {padding:0 7px;height:28px;line-height:27px}

a.btn_cancel {display:inline-block;padding:8px 9px 9px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;font-size:15px;border-radius: 3px;}
a.btn_cancel:hover{background:#ccc}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} 
/* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {background-color: #fff;padding: 7px 20px;border: 1px solid #9170a7;cursor: pointer;border-radius: 3px;color: #333;font-size:15px;color:#9170a7;font-weight: bold;}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;border:1px solid #9170a7;background:#9170a7;color:#fff}
a.btn_b02 {background-color: #fff;padding: 7px 20px;border: 1px solid #9170a7;cursor: pointer;border-radius: 3px;color: #333;font-size:15px;color:#9170a7;font-weight: bold;}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none;border:1px solid #9170a7;background:#9170a7;color:#fff}
a.btn_admin {background-color: #fff;padding: 7px 20px;border: 1px solid #9170a7;cursor: pointer;border-radius: 3px;color: #333;font-size:15px;color:#9170a7;font-weight: bold;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none;border:1px solid #9170a7;background:#9170a7;color:#fff}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:14px;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:keep-all;font-size:13px;}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:keep-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left;font-size:14px;}
.tbl_frm01 td {padding:14px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent;font-size:14px;}
/*.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}*/
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 메인배너 */
#main_bn {position:relative;}
#main_bn .slide-wrap{margin: 0; padding: 0;}
#main_bn .slide-wrap img{max-width:100%;height:auto}
#main_bt_bn .slick-dots {width: 100%; text-align: center;}
#main_bt_bn .slick-dots  li {float:none; padding-right:0;}
.main_bt_new {width:400px; height:400px;}
#main_bt_bn .main_bt_sd {padding:0;}
#main_bt_bn .main_bt_sd .item {padding-right:0;}

/* 햄버거 슬라이드 */

.ham_box {
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.57);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
}


.ham_slide {
    width: 320px;
    height: 100%;
    position: fixed;
    background:#fff;   
    top: 0;
    right: -325px;
    z-index: 999999999999;
    border-left:4px solid #9472b5;
    transition:all .6s ease-out;
/*    overflow-y:scroll;*/
    backdrop-filter:blur(10px)
}


.ham_slide.block_slide {
/*    animation-name: ease_trans;  */
    transition:all .6s ease-out;
    right:0;
}

.block_slide_2 {

    animation-name: ease_trans_2;
    animation-duration: .8s;
}
.root_daum_roughmap_landing{width:100%;}

/* ==========================================================        찾아 오시는 길    */


.map_info{margin:10px 0;width:100%;border-bottom:1px solid #ddd;padding:10px 0;}
.map_info > p{font-size:1.3em;width:100%;line-height:22px;font-weight: 600;color:rgba(0, 0, 0, 0.93)}
.map_info> p > .fa-map-location-dot{color:#ff6600}


.ham_btn_right{margin-top:5px !important;}

@keyframes ease_trans {
    from {
        right: -320px
    }

    to {
        right: 0
    }
}

@keyframes ease_trans_2 {
    from {
        right: 0px
    }

    to {
        right: -320px
    }
}

#close_h {
    width: 300px;
    margin: 0 auto;
    height: 110px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

#close_h > a {
    display: flex;
    width: 100%;
    height: auto;
}

#close_h > a > img {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.h_member {
    width: 250px;
    margin-left: 42px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.h_member > li {
    color: #0455b9;
    width: 42%;
    font-size: 15px;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
}

.ALL_menu {
    width: 230px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 30px auto;
}

.head > a {
    font-size: 18px;
    line-height: 44px;
    font-weight: 600;
}

.h_member > li > a {
    font-family: 'Poppins', sans-serif;
}

.head,a.head {
    font-size:17px;
    line-height: 44px;
    font-weight: 600;
    border-bottom: 1px solid rgb(118 53 129 / 23%);
    padding: 0 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    color: #000000c9;
}

.head:hover {
    cursor: pointer;
    color: #9472b5;
    font-weight: 600;
}
.sec_anch{display:flex;justify-content: space-between}
.sec_anch>i{font-size:9px}
.sec_anch:hover {
    cursor: pointer;
}

.third_anch > li > a {
    font-weight: 600;
    padding: 5px 0;
    font-size: 13px;
    color: #000000c9;
    line-height: 20px;
    font-family:'Nanum Gothic', sans-serif;
}
.third_anch>li>a:hover{color:#9472b5;}
.menu1, .body_1{
    text-align: left;
    width: 100%;
    font-family:'Nanum Gothic', sans-serif;
}

.head > i {
    font-size: 12px;
}

.body_1 {
    display: none;
    height: auto;
}

.body_1 .t_anch {
    display: flex;
    flex-direction: column;
    margin-top:-13px;
    height: auto;
}

.body_1 > .t_anch > a {
    display: block;
    text-align: left;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #000000c9;
    padding: 0 20px;
}

.body_1 > .t_anch > a:hover {
    color: #9472b5;

}



.ham_slide > ul > li {
    margin: 20px 0;
}

.ham_slide > ul > li > a {
    color: #fff;
    text-decoration: none;
    padding: 100px;
}

.ham_button {
    width: 30px !important;
    height: auto; 
    padding: 0 !important;
}

.ham_button > ul.ham_bar {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
/*   파일마다 조정 패딩 값  */
    top:-8px;
}

.ham_button:hover {
    cursor: pointer;
}

.ham_button >  ul.ham_bar > div{
    background: #000000ba;
    width: 30px;
    height: 4px;
    margin: 3px 0;
    border-radius: 15px;
}

.ham_log {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    width: 230px;
    margin: 0px auto;
}

.ham_log > li {
    width: 49%;
    margin: 2px 0;
}

.ham_log > li > a {
    width: 100%;
    background: #9472b5;
    color: #fff;
    height: 30px;
    border-radius: 3px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.ham_log > li > a:hover{
    background:#9472b5;
}

.ax_1{transform: rotate(44deg);
    position: absolute;
    top: 10px;   transition: all .4s ease;}

.ax_2{    transform: rotate(44deg);
    position: absolute;
    top: 10px;   transition: all .4s ease;}
.ax_3{position: absolute;
    transform: rotate(136deg);
    top: 9px;   transition: all .4s ease;}




.body_1 .t_anch{width:100%;}
.body_1 .t_anch > p{font-size:15px;font-weight: 600;padding:15px;color:#333}
.body_1 .t_anch > p:hover{background: rgb(4 85 185 / 65%);
    color: #fff;
    border-radius: 22px;}
.body_1 .t_anch  > ul{padding:5px 25px;}
.body_1 .t_anch  > ul{display:none;}
.body_1 .t_anch  > ul > li {padding:5px 0;font-size:14px;}

.swiper-pagination {
    display: none
}

.m_slider_only {
    display: none;
}

/*
#container table tr td {
    padding: 10px 0;
}
*/

.tit_con {
    font-size: 25px;
}

.tit_con_2 {
    font-size: 20px;
    line-height: 35px;
}

.tit_con_3 {
    font-size: 21px;
    line-height: 35px;
}

    .m_only{display:none;}

    .al_gallery_item>a>img{width:100%;height:auto;}
    .ham_account{width:230px;margin:0 auto;
    height:auto;padding:17px 0 0;text-align: center}
    .ham_account>li{font-size:17px;background:#fff;border-radius: 33px;padding:10px;border:2px solid #eee}
    .ham_search{width:230px;margin:0 auto;padding:10px 0;height:28px;}
    .ham_menu .ham_search> .top_search{float: right;
    position: relative;
    height: 38px;
    width: 225px;
    border:2px solid #dbb683;
        border-radius: 30px;
    /*    background: url(../images/common/search_bg.gif) no-repeat;*/
    }
    .top_search input{ width: 180px;
    height: 38px;
    padding-left: 20px;
    font-size: 13px;
    border: none;
    background: none;}

    .top_search p {position: absolute;
    top: 9px;
    right: 16px;}
    .top_search .sch_submit{background: url(images/btn_search.gif) no-repeat;
    text-indent: -9999px;
    width: 19px;
    height: 20px;}





