@charset "utf-8";

#wrapper{position:relative;padding-top:50px}
#wrapper.mainver{padding-top:0;}

@media screen and (min-width:1240px) {
    #wrapper{padding-top:100px;}
    #wrapper.mainver{padding-top:0;}
}

/* 상단 헤더 */
    #header{position:fixed;top:0;left:0;width:100%;height:50px;background-color:rgba(255,255,255,1);z-index:1000}
    #header h1{padding:10px;}
    #header h1 img{height:30px;}
    #header #gnb{display:none;position:absolute;top:25px;left:250px;text-align:center}
    #header #gnb #gnb_1dul .gnb_1dli{position:relative;}
    #header #gnb #gnb_1dul .gnb_1dli .gnb_1da{display:block;height:50px;line-height:50px;padding:0 30px;font-size:16px;color:#212121;font-family: 'NotoSerifKR';font-weight:bold;}
    #header #gnb #gnb_1dul .gnb_1dli.select .gnb_1da{position:relative;color:#055ca9}
    #header #gnb #gnb_1dul .gnb_1dli.select .gnb_1da:after{position:absolute;top:-25px;left:50%;width:70%;height:3px;margin-left:-35%;background-color:#055ca9;content:''}
    #header #gnb #gnb_1dul .gnb_1dli .gnb_2dul{margin-top:50px;}
    #header #gnb #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da{display:block;height:36px;line-height:36px;color:#666}
    #header #gnb #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da:hover{text-decoration:underline}

    #header.scrollOn{-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.1);box-shadow:0px 2px 7px rgba(0,0,0,0.1)}
    
    .mainver #header{
        background-color:rgba(0,0,0,0);
        -moz-box-shadow:0px 2px 7px rgba(0,0,0,0);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0);box-shadow:0px 2px 7px rgba(0,0,0,0)}
    .mainver #header.scrollOn{background-color:rgba(0,0,0,0.7);}

    @media screen and (min-width:768px) {
    }

    @media screen and (min-width:1240px) {
        /* 상단 헤더 */
        #header{
            height:auto;background-color:rgba(255,255,255,1);
            -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;
            -moz-box-shadow:0px 2px 7px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.1);box-shadow:0px 2px 7px rgba(0,0,0,0.1)}
        #header *{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
        #header .respon{overflow:hidden;height:100px;}
        #header h1{padding:29px 0;}
        #header h1 img{height:auto}
        #header #gnb{display:block}

        #header.open .respon{height:330px}
        #header.open .respon #gnb #gnb_1dul .gnb_1dli .gnb_2dul{margin-top:0}

        .mainver #header.open{background-color:rgba(0,0,0,0.7)}
        .mainver #header #gnb #gnb_1dul .gnb_1dli .gnb_1da{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}
        .mainver #header #gnb #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_2da{color:#fff}
        
        #header.scrollOn .respon{height:70px;}
        #header.scrollOn h1{padding:12px 0}
        #header.scrollOn #gnb{top:10px}
        #header.scrollOn.open .respon{height:290px}
    }

/* 메인페이지 */
    .mainCon{padding:2em 0;}
    .mainCon h2.h2maintit{position:relative;padding-top:5px;text-align:center;}
    .mainCon h2.h2maintit em{position:absolute;top:0;left:0;width:100%;display:block;font-family: 'NotoSerifKR';font-weight:bold;font-size:30px;}
    .mainCon h2.h2maintit span{display:block;line-height:50px;font-family:'Lato';font-weight:900;color:#f2f2f2;font-size:50px;}

    @media screen and (min-width:768px) {
        .mainCon{padding:3em 0;}
        .mainCon h2.h2maintit em{font-size:40px}
        .mainCon h2.h2maintit span{line-height:100px;font-size:100px;}
    }

    @media screen and (min-width:1240px) {
        .mainCon{padding:80px 0;}
        .mainCon h2.h2maintit{margin-bottom:50px}
        .mainCon h2.h2maintit em{font-size:50px;}
        .mainCon h2.h2maintit span{line-height:150px;font-size:130px;}
    }

    /* 메인 슬라이드 */
        #mainSlide{position:relative;}
        #mainSlide ul li{padding-top:70px;height:350px;}
        #mainSlide ul li.slide1{background:url("../img/mainSlide02.jpg") no-repeat center bottom;background-size:auto 100%}
		#mainSlide ul li.slide1 a{display:block;height:350px;background-color:rgba(0,0,0,0)}
        #mainSlide ul li.slide2{background:url("../img/mainSlide01.jpg") no-repeat center bottom;background-size:auto 100%}
        #mainSlide ul li.slide2 .txt{padding:0 10%;text-align:right}
        #mainSlide ul li.slide2 .txt img{display:inline}
        #mainSlide .bx-wrapper .bx-pager,
        #mainSlide .bx-wrapper .bx-controls-auto{width:10px;bottom:40%;right:2%}
        #mainSlide .bx-wrapper .bx-pager.bx-default-pager a{width:10px;height:10px;margin:5px 0;border:1px solid rgba(255,255,255,0.8);background:rgba(255,255,255,0);border-radius:10px;}
        #mainSlide .bx-wrapper .bx-pager.bx-default-pager a.active{border:1px solid rgba(255,255,255,0.8);background:rgba(255,255,255,1)}

        .arrowbox {display:none;position:absolute;bottom:90px;left:50%;width: 24px;height: 24px;margin-left:-12px;z-index:1000}
        .chevron {position: absolute;width: 28px;height: 8px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite;}
        .chevron:first-child {animation: move 3s ease-out 1s infinite;}
        .chevron:nth-child(2) {animation: move 3s ease-out 2s infinite;}
        .chevron:before,
        .chevron:after {content: ' ';position: absolute;top: 0;height: 100%;width: 51%;background: #fff;}
        .chevron:before {left: 0;transform: skew(0deg, 30deg);}
        .chevron:after {right: 0;width: 50%;transform: skew(0deg, -30deg);}

        @keyframes move {
          25% {
            opacity: 1;
          }
          33% {
            opacity: 1;
            transform: translateY(30px);
          }
          67% {
            opacity: 1;
            transform: translateY(40px);
          }
          100% {
            opacity: 0;
            transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
          }
        }

        .text {display: block;margin-top: 70px;margin-left: -30px;font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;font-size: 12px;color: #fff;text-transform: uppercase;white-space: nowrap;opacity: .6;animation: pulse 2s linear alternate infinite;}

        @media screen and (min-width:480px) {
            #mainSlide ul li{height:500px;}
			#mainSlide ul li.slide1 a{height:500px}
        }

        @media screen and (min-width:768px) {
            #mainSlide ul li{height:600px;}
            #mainSlide ul li.slide1,
            #mainSlide ul li.slide2{background-size:cover}
			#mainSlide ul li.slide1 a{height:600px}
            #mainSlide .bx-wrapper .bx-pager,
            #mainSlide .bx-wrapper .bx-controls-auto{width:20px;}
            #mainSlide .bx-wrapper .bx-pager.bx-default-pager a{width:20px;height:20px;margin:10px 0;border:3px solid rgba(255,255,255,0.8);}
            #mainSlide .bx-wrapper .bx-pager.bx-default-pager a.active{border:3px solid rgba(255,255,255,0.8);}

			.arrowbox {display:block;}
        }

        @media screen and (min-width:1240px) {
            #mainSlide ul li{padding-top:200px;height:800px}
			#mainSlide ul li.slide1 a{height:800px}
            #mainSlide ul li.slide1 .txt{padding:0 50px 0 0}
            #mainSlide ul li.slide2 .txt{padding:0 50px 0 0;}
            #mainSlide .bx-wrapper .bx-pager,
            #mainSlide .bx-wrapper .bx-controls-auto{right:auto;left:50%;margin-left:650px;}
        }

    /* 왕의 온천 수안보 */
        #mainSuanbo{padding:2em 1%}
        #mainSuanbo ul li{
            position:relative;overflow:hidden;width:48%;margin:1%;background-color:#000;font-size:0;border-radius:4px;
            -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
        #mainSuanbo ul li a{
            display:block;font-size:14px;color:#fff;
            -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;
            -moz-box-shadow:0px 0px 0px rgba(0,0,0,0.0);-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.0);box-shadow:0px 0px 0px rgba(0,0,0,0.0)}
        #mainSuanbo ul li a em{position:absolute;bottom:0;left:0;display:block;width:100%;line-height:1.7em;padding:0.5em;font-weight:100;}
        #mainSuanbo ul li a em b{display:block;margin-bottom:20px;font-family: 'NotoSerifKR';font-size:18px;font-weight:bold;}

        @media screen and (min-width:768px) {
            #mainSuanbo{padding:3em 0.5%}
            #mainSuanbo ul li{width:24%;margin:0 0.5%}
            #mainSuanbo ul li a em{padding:1em}
        }

        @media screen and (min-width:1240px) {
            #mainSuanbo{padding:120px 0 80px}
            #mainSuanbo ul li{width:285px;margin:0;margin-left:20px;}
            #mainSuanbo ul li:first-child{margin-left:0;margin-top:50px;}
            #mainSuanbo ul li:nth-child(2){margin-top:100px;}
            #mainSuanbo ul li:nth-child(3){margin-top:50px;}
            #mainSuanbo ul li a{font-size:16px;}
            #mainSuanbo ul li a em{padding:2em;font-weight:100;}
            #mainSuanbo ul li a em b{font-size:22px;}
            #mainSuanbo ul:hover li{margin-top:80px;background-color:#fff;opacity:0.8;}
            #mainSuanbo ul li:hover{
                margin-top:50px;opacity:1;
                -moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
        }

    /* 미디어센터 */
        #mainMedia{position:relative;background:url("../img/mainMedia_bg.jpg") no-repeat center top;background-size:auto 100%;}
        #mainMedia .mainCon{padding:100px 2em 150px}
        #mainMedia .mainCon h2.h2maintit em{color:#90a4b0}
        #mainMedia .mainCon h2.h2maintit span{line-height:60px;color:#f2f8fb;font-size:44px}
        #mainMedia ul li{position:relative;overflow:hidden;width:100%;margin-top:10px;background-color:#000;font-size:0;border-radius:4px;}
        #mainMedia ul li a{display:block;padding:1em 0;font-size:36px;color:#fff;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.4)}
        #mainMedia ul li a em span{display:block;}
        #mainMedia ul li a em b{display:block;margin-top:5px;line-height:24px;font-size:20px}
        #mainMedia ul li.mediacenter1 a{background:#000 url("../img/mainMedia_img1.jpg") no-repeat center;background-size:cover}
        #mainMedia ul li.mediacenter2 a{background:#000 url("../img/mainMedia_img2.jpg") no-repeat center;background-size:cover}
        #mainMedia ul li.mediacenter3 a{background:#000 url("../img/mainMedia_img3.jpg") no-repeat center;background-size:cover}
        #mainMedia ul li.mediacenter4 a{background:#000 url("../img/mainMedia_img4.jpg") no-repeat center;background-size:cover}
        #mainMedia ul li.mediacenter5 a{background:#000 url("../img/mainMedia_img5.jpg") no-repeat center;background-size:cover}
        #mainMedia .bokjumerny{position:absolute;bottom:0;right:0;}

        @media screen and (min-width:480px) {
            #mainMedia .mainCon{padding:100px 1% 150px;}
            #mainMedia ul li{width:48%;margin:1%}
        }

        @media screen and (min-width:768px) {
            #mainMedia .mainCon{padding-bottom:200px;}
            #mainMedia .mainCon h2.h2maintit span{line-height:100px;color:#f2f8fb;font-size:100px}
            #mainMedia ul li{width:32%;margin:0.5% 0.65%}
            #mainMedia ul li:nth-child(4),
            #mainMedia ul li:nth-child(5){width:49%;margin:0.5%}
        }

        @media screen and (min-width:1240px) {
            #mainMedia{position:relative;height:1100px;background:url("../img/mainMedia_bg.jpg") no-repeat center top}
            #mainMedia .mainCon{padding:150px 0 120px}
            #mainMedia .mainCon h2.h2maintit em{color:#90a4b0}
            #mainMedia .mainCon h2.h2maintit span{color:#f2f8fb}
            #mainMedia ul li{width:380px;margin:0;margin-left:30px;margin-bottom:30px;font-size:0;border-radius:4px;}
            #mainMedia ul li:first-child{margin-left:0;}
            #mainMedia ul li:nth-child(4){width:585px;margin:0;}
            #mainMedia ul li:nth-child(5){width:585px;margin:0 0 0 30px;}
            #mainMedia ul li a{height:270px;padding:0;}
            #mainMedia ul li a em{display:block;padding-top:60px;font-size:36px;color:#fff;text-align:center;}
            #mainMedia ul li a em span{display:block;font-size:48px;text-shadow:2px 2px 3px rgba(0,0,0,0.2)}
            #mainMedia ul li a em b{display:block;margin-top:20px;text-shadow:2px 2px 3px rgba(0,0,0,0.2);font-size:34px}
            #mainMedia .bokjumerny{position:absolute;bottom:5px;right:0;}
        }

    /* 포토갤러리 */
		#mainPhoto{background-color:#f1f2f4}
		#mainPhoto .mainCon h2.h2maintit span{color:#fff}

		#mainPhoto .suanboGalleryLatest{padding:1em;}
		#mainPhoto .suanboGalleryLatest ul li{
			width:100%;margin-top:10px;background-color:#fff;
			-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
		#mainPhoto .suanboGalleryLatest ul li:first-child{margin-top:0px;}
		#mainPhoto .suanboGalleryLatest ul li a{display:block;overflow:hidden;font-size:0;}
		#mainPhoto .suanboGalleryLatest ul li a img{width:100%;}
		#mainPhoto .suanboGalleryLatest ul li a.subject{height:50px;line-height:50px;font-size:14px;text-align:center;color:#212121}
		#mainPhoto .suanboGalleryLatest .lt_more{display:block;width:300px;height:50px;line-height:50px;margin:30px auto 0;border:1px solid #cfd1d7;border-radius:25px;text-align:center;color:#7d7d7d}
		#mainPhoto .suanboGalleryLatest .lt_more:hover{border:1px solid #ccc;background-color:#fff}

		@media screen and (min-width:768px) {
			#mainPhoto .suanboGalleryLatest ul li{width:32%;margin-top:0;margin-left:2%}
			#mainPhoto .suanboGalleryLatest ul li:first-child{margin-left:0;}
		}

        @media screen and (min-width:1280px) {
			#mainPhoto .suanboGalleryLatest ul li a img{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
			#mainPhoto .suanboGalleryLatest ul li a:hover img{transform:scale(1.2)}
			#mainPhoto .suanboGalleryLatest .lt_more{margin-top:50px;}
        }

/* 서브페이지 */
	#container{}

	#subtopbg{position:relative;height:100px;padding-top:35px;color:#fff;text-align:center;}
	#subtopbg em{position:relative;display:block;font-size:30px;font-family:'NotoSerifKR';}
	#subtopbg em:after{position:absolute;top:-10px;left:50%;width:50px;height:1px;margin-left:-25px;background-color:#fff;content:''}
	#subtopbg.subtopbg1{background:url("../img/subTopBg1.jpg") no-repeat center;background-size:cover}
	#subtopbg.subtopbg2{background:url("../img/subTopBg2.jpg") no-repeat center;background-size:cover}
	#subtopbg.subtopbg3{background:url("../img/subTopBg3.jpg") no-repeat center;background-size:cover}
	#subtopbg.subtopbg4{background:url("../img/subTopBg4.jpg") no-repeat center;background-size:cover}
	#subtopbg.subtopbg5{background:url("../img/subTopBg5.jpg") no-repeat center;background-size:cover}
	#subtopbg.subtopbg6{background:url("../img/subTopBg6.jpg") no-repeat center;background-size:cover}

	#s-gnb{position:relative;}
	#s-gnb ul li{width:100%;border-left:1px solid #555;border-bottom:1px solid #555;}
	#s-gnb ul.tab2 li{width:50%}
	#s-gnb ul.tab2 li:first-child{border-left:none}
	#s-gnb ul.tab4 li{width:25%}
	#s-gnb ul.tab5 li{width:20%}
	#s-gnb ul.tab3 li,
	#s-gnb ul.tab6 li{width:33.3%;}
	#s-gnb ul.tab3 li:nth-child(3n+1),
	#s-gnb ul.tab6 li:nth-child(3n+1){border-left:none}
	#s-gnb ul.tab7 li{width:25%}
	#s-gnb ul li a{display:block;height:40px;line-height:40px;background-color:#333;text-align:center;color:#fff;}
	#s-gnb ul li.active a{background-color:#055ca9}

	.pagecoding{line-height:1.7em;padding:2em 1em}
	.pagecoding h1.bigTit{font-size:24px;}
	.pagecoding .locaplace{margin-bottom:20px;color:#999;font-size:12px;}
	.pagecoding .subtxt{padding:1em;background-color:#f4f6f8;color:#222425}
	.pagecoding .subtxt strong{display:block;}
	.pagecoding .subtxt span{display:block;}

	.basic_list_tbl th,
	.basic_list_tbl td{padding:0.5em;text-align:center;}
	.basic_list_tbl thead th{border-top:1px solid #dcdcdc;border-bottom:2px solid #333638;color:#212121;font-weight:bold}
	.basic_list_tbl tbody th,
	.basic_list_tbl tbody td{border-bottom:1px solid #dcdcdc;}
	.basic_list_tbl tbody tr:hover th,
	.basic_list_tbl tbody tr:hover td{background-color:#fafafa}
	.basic_list_tbl tbody td a{color:#212121;}
	.basic_list_tbl tbody td a:hover{text-decoration:underline}
	.basic_list_tbl.nohead{border-top:1px solid #333638;}	
	
	ul.basic_ul li{position:relative;padding-left:10px;margin-top:10px;}
	ul.basic_ul li:first-child{margin-top:0;}
	ul.basic_ul li:after{position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#999;border-radius:50%;content:''}
	
	ul.basic_ul_sub {list-style:none;}
	ul.basic_ul_sub h4 {margin-top: 20px; font-size: 18px; font-weight: 500;}
	ul.basic_ul_sub li{position:relative;padding-left:20px;margin-top:10px; color: #999;}
	ul.basic_ul_sub li:first-child{margin-top:0;}
	ul.basic_ul_sub li:after{position:absolute;top:0px;left:10px;width:4px;height:4px;content:'-'}

	.vtable {width: 100%; border:1px solid #ccc; border-collapse:collapse;}
	.vtable th {width: 30%; text-align: center; padding: 10px; border:1px solid #ccc; background: #e6edf7; font-weight: 700;}
	.vtable td {padding: 10px; border:1px solid #ccc; border-collapse:collapse;}
	.vtable td span {display: inline-block; width: 10px; margin-right: 5px;background:url("../img/blit_1.png") no-repeat center;}
	.vtable td.nopadding {padding: 0; border-collapse:collapse; border:0;}
	.vtable td.nopadding > table {margin: 0; padding: 0; border-collapse:collapse; border:0;}
	.vtable td.nopadding > table td {border-collapse:collapse; border:0;}
	.vtable td.nopadding > table td{border-bottom:1px solid #ccc;}

	/* 농촌활성화사업-인사말 */
		#rural_intro .spacebox{position:relative;margin-top:40px;}
		#rural_intro .spacebox .pastroadimg{
			width:235px;margin-top:10px;
			-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
		#rural_intro .spacebox .pastroadimg .pic{font-size:0;}
		#rural_intro .spacebox .pastroadimg .txt{height:40px;line-height:40px;text-align:center;}
		#rural_intro .spacebox.space3 .pastroadimg{width:220px}

		@media screen and (min-width:768px) {
			#rural_intro .spacebox.space1,
			#rural_intro .spacebox.space3{padding-left:350px;}
			#rural_intro .pastroadbox .suanbo_pic {float:left;}
			#rural_intro .spacebox.space1 .pastroadimg,
			#rural_intro .spacebox.space3 .pastroadimg{position:absolute;top:0;left:0;}
			#rural_intro .spacebox.space2{padding-right:265px;}
			#rural_intro .spacebox.space2 .pastroadimg{position:absolute;top:0;right:0;}
			#rural_intro .spacebox.space4 ul li{margin-right:20px;}
		}

		@media screen and (min-width:1240px) {
			#rural_intro > h2 {font-size: 24px;}
			#rural_intro .pastroadbox{margin:20 0px;}
			
			#rural_intro .pastroadbox .spacebox > p {color: #666;}
			#rural_intro .pastroadbox .spacebox > p.pull-right {text-align: right;}
			#rural_intro .pastroadbox .spacebox > p > span {display: inline-block;font-size: 22px; color: #000;}
			#rural_intro .spacebox.space4 ul{margin-top:20px;}
			#rural_intro .spacebox.space4 ul li:first-child{margin-left:300px;}
		}


	@media screen and (min-width:768px) {
		#subtopbg{height:150px;padding-top:60px;}
		
		#s-gnb ul.tab6 li{width:16.66%;}
		#s-gnb ul.tab6 li:nth-child(3n+1){border-left:1px solid #555;}
		#s-gnb ul.tab6 li:first-child{border-left:none}
		#s-gnb ul li a{height:50px;line-height:50px;}
		
		.pagecoding{padding:3em 2em}
		.pagecoding h1.bigTit{font-size:30px;}
		.pagecoding .locaplace{font-size:14px;}
		.pagecoding .subtxt{line-height:1.7em;padding:2em 1em;text-align:center;}

		.basic_list_tbl th,
		.basic_list_tbl td{padding:1em;}
	}

	@media screen and (min-width:1240px) {
		#subtopbg{height:200px;padding-top:80px;}
		#subtopbg em{font-size:40px}
		
		#s-gnb ul.tab7 li{width:14%}
		#s-gnb{width:1200px;margin:0 auto;}
		#s-gnb ul li a{height:60px;line-height:60px;font-size:16px;}
		
		.pagecoding{padding:80px 0px;font-size:16px;}
		.pagecoding h1.bigTit{font-size:36px;text-align:center;font-weight:100}
		.pagecoding .locaplace{text-align:center;}

		.basic_list_tbl th,
		.basic_list_tbl td{padding:1.5em 1em;font-size:16px;}
	}

	/* 왕의온천 수안보 > 왕의온천 수안보 */
		#suanbo{position:relative;}
		#suanbo .pagetit{background-color:#055ca9;text-align:right;}
		#suanbo .suanbo_pic{display:none;}
		#suanbo p{padding-top:20px;text-align:justify}

		@media screen and (min-width:1240px) {
			#suanbo .suanbo_pic{display:block;position:absolute;top:30px;left:30px;width:400px;}
			#suanbo p{padding:40px 40px 0 470px;}
		}

	/* 왕의온천 수안보 > 수안보 온천의 특징 */
		#advantage{position:relative;}
		#advantage .advantagecon{position:relative;margin-top:40px;}
		#advantage .advantagecon h3{position:relative;padding-top:10px;margin-bottom:20px;font-size:16px;font-weight:bold;}
		#advantage .advantagecon h3:after{position:absolute;top:0;left:0;width:100px;height:1px;background-color:#999;content:'';}
		#advantage .advantagecon h3 span{font-size:12px;color:#999}

		@media screen and (min-width:768px) {
			#advantage .advantagecon{padding-left:230px;margin-top:50px;}
			#advantage .advantagecon h3{position:absolute;top:0;left:0;width:200px;line-height:1.7em;font-size:18px;}
			#advantage .advantagecon h3 span{display:block;}

			#advantage .advantagecon.characteristic{background:url("../img/advantage_img1.jpg") no-repeat left 50px;background-size:200px auto}
			#advantage .advantagecon.difference{background:url("../img/advantage_img2.jpg") no-repeat left 50px;background-size:200px auto}
			#advantage .advantagecon.remedial_treatment{background:url("../img/advantage_img3.jpg") no-repeat left 50px;background-size:200px auto}
		}

		@media screen and (min-width:1240px) {
			#advantage .advantagecon{padding-left:300px;margin:70px 50px 0;}
			#advantage .advantagecon h3{width:270px;line-height:1.3em;padding-top:15px;font-size:24px;letter-spacing:-.5pt;}
			#advantage .advantagecon h3:after{height:2px;background-color:#333}
			#advantage .advantagecon h3 span{font-size:16px;font-weight:100}

			#advantage .advantagecon.characteristic{background-position:left 70px;background-size:auto}
			#advantage .advantagecon.difference{background-position:left 70px;background-size:auto}
			#advantage .advantagecon.remedial_treatment{background-position:left 70px;background-size:auto}
		}
	
	/* 왕의온천 수안보 > 수안보 옛 과거길 */
		#pastroad .spacebox{position:relative;margin-top:40px;}
		#pastroad .spacebox .pastroadimg{
			width:235px;margin-top:10px;
			-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
		#pastroad .spacebox .pastroadimg .pic{font-size:0;}
		#pastroad .spacebox .pastroadimg .txt{height:40px;line-height:40px;text-align:center;}
		#pastroad .spacebox.space3 .pastroadimg{width:220px}

		@media screen and (min-width:768px) {
			#pastroad .spacebox.space1,
			#pastroad .spacebox.space3{padding-left:265px;}
			#pastroad .spacebox.space1 .pastroadimg,
			#pastroad .spacebox.space3 .pastroadimg{position:absolute;top:0;left:0;}
			#pastroad .spacebox.space2{padding-right:265px;}
			#pastroad .spacebox.space2 .pastroadimg{position:absolute;top:0;right:0;}
			#pastroad .spacebox.space4 ul li{margin-right:20px;}
		}

		@media screen and (min-width:1240px) {
			#pastroad .pastroadbox{margin:0 50px;}
			#pastroad .spacebox.space4 ul{margin-top:20px;}
			#pastroad .spacebox.space4 ul li:first-child{margin-left:300px;}
		}	

	/* 왕의온천 수안보 > 웰빙타운 수안보 */
		#wellbingtown .wbcon{position:relative;margin-top:40px;}
		#wellbingtown .wbcon h3{position:relative;padding-top:10px;margin-bottom:20px;font-size:16px;font-weight:bold;}
		#wellbingtown .wbcon h3:after{position:absolute;top:0;left:0;width:100px;height:1px;background-color:#999;content:'';}
		#wellbingtown .wbcon .wbimg{
			width:235px;margin-bottom:10px;
			-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
		
		#wellbingtown .wbcon .wblist li{
			width:32%;margin-left:2%;margin-bottom:10px;
			-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}

			#wellbingtown .wbcon .wbimg-100{width:140%;margin-bottom:10px; margin-left: -257px;
			-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}

		#wellbingtown .wbcon .wblist li:nth-child(3n+1){margin-left:0;}
		#wellbingtown .wbcon .wblist li img{width:100%}
		#wellbingtown .wbcon .wblist li em{display:block;height:40px;line-height:40px;text-align:center}
		#wellbingtown .wbcon .basic_list_tbl{margin-top:10px;}
		#wellbingtown .wbcon .basic_ul{margin-top:20px;}

		@media screen and (min-width:768px) {
			#wellbingtown .wbcon{padding-left:230px;margin-top:50px;}
			#wellbingtown .wbcon h3{position:absolute;top:0;left:0;width:200px;line-height:1.7em;font-size:18px;}
			#wellbingtown .wbcon .basic_list_tbl{margin-top:20px;}
		}

		@media screen and (min-width:1240px) {
			#wellbingtown .wbcon{padding-left:300px;margin:70px 50px 0;}
			#wellbingtown .wbcon h3{width:270px;line-height:1.3em;padding-top:15px;font-size:24px;letter-spacing:-.5pt;}
			#wellbingtown .wbcon h3:after{height:2px;background-color:#333}
			#wellbingtown .wbcon h3 span{display:block;}
			#wellbingtown .wbcon .basic_list_tbl{margin-top:30px;}

			#wellbingtown .hanawellbing .wbtxt,
			#wellbingtown .dalduru .wbtxt,
			#wellbingtown .chaloksu .wbtxt,
			#wellbingtown .vegetable .wbtxt,
			#wellbingtown .deer .wbtxt,
			#wellbingtown .insect_experience .wbtxt,
			#wellbingtown .river .wbtxt{position:relative;padding-right:265px;}
			#wellbingtown .hanawellbing .wbimg,
			#wellbingtown .dalduru .wbimg,
			#wellbingtown .chaloksu .wbimg,
			#wellbingtown .vegetable .wbimg,
			#wellbingtown .deer .wbimg,
			#wellbingtown .insect_experience .wbimg,
			#wellbingtown .river .wbimg{position:absolute;top:0;right:0;}

			#wellbingtown .herbal_cultivation .wbtxt,
			#wellbingtown .gomchi .wbtxt{position:relative;padding-left:265px;}
			#wellbingtown .herbal_cultivation .wbtxt .wbimg,
			#wellbingtown .gomchi .wbtxt .wbimg{position:absolute;top:0;left:0;}
		}
	
	/* 왕의온천 수안보 > 수안보의 사계 */
		#season ul li{
			width:100%;margin-bottom:10px;
			-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
		#season ul li em{display:block;font-size:0;}
		#season ul li span{display:block;height:40px;line-height:40px;text-align:center;}

		@media screen and (min-width:768px) {
			#season ul li{width:49%;margin-left:2%;margin-bottom:2%;}
			#season ul li:nth-child(2n+1){margin-left:0;}
			#season ul li span{height:50px;line-height:50px;}
		}

		@media screen and (min-width:1240px) {
			#season ul li{width:32%;}
			#season ul li:nth-child(2n+1){margin-left:2%;}
			#season ul li:nth-child(3n+1){margin-left:0;}
		}

	/* 왕의온천 수안보 > 교통안내 */
		#traffic .trafficmap iframe{width:100%;height:200px;}
		#traffic .trafficArea{}
		#traffic .trafficArea dl{margin-top:20px;}
		#traffic .trafficArea dl dt{position:relative;padding-left:15px;margin-bottom:5px;font-size:16px;color:#de5f50}
		#traffic .trafficArea dl dt:after{position:absolute;top:10px;left:0;width:7px;height:2px;background-color:#333;content:'';}
		#traffic .trafficArea dl dd{padding-left:15px;}

		@media screen and (min-width:768px) {
			#traffic .trafficmap iframe{height:300px}
		}

		@media screen and (min-width:1240px) {
			#traffic{margin:0 50px;}
			#traffic .trafficmap iframe{height:500px}
			#traffic .trafficArea dl dt{padding-left:20px;font-size:20px;}
			#traffic .trafficArea dl dt:after{top:13px;width:12px;}
			#traffic .trafficArea dl dd{padding-left:20px;}
		}

	/* 수안보축제 > 2019 수안보온천제 */
		#thermalSprings .ts_l .bx-pager{bottom:10px}
		#thermalSprings .ts_l .embed-container{margin-top:20px;}
		#thermalSprings .ts_r{margin-top:40px}
		#thermalSprings .ts_r h3{text-align:center;font-size:20px;font-weight:bold;font-family: 'NotoSerifKR';}
		#thermalSprings .ts_r .timetablebox{margin-top:20px;}
		#thermalSprings .ts_r .timetablebox h4{height:40px;line-height:40px;padding:0 1em;margin-bottom:5px;color:#fff;border-radius:4px;font-size:16px;font-weight:bold;}
		#thermalSprings .ts_r .timetablebox .time_tbl{border-top:1px solid #333}
		#thermalSprings .ts_r .timetablebox .time_tbl th,
		#thermalSprings .ts_r .timetablebox .time_tbl td{padding:0.5em;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;font-size:12px;text-align:center}
		#thermalSprings .ts_r .timetablebox .time_tbl th:first-child,
		#thermalSprings .ts_r .timetablebox .time_tbl td:first-child{border-left:none}
		#thermalSprings .ts_r .timetablebox.day12 h4{background-color:#c066ff}
		#thermalSprings .ts_r .timetablebox.day13 h4{background-color:#615aff}
		#thermalSprings .ts_r .timetablebox.day14 h4{background-color:#395eff}

		@media screen and (min-width:768px) {
			#thermalSprings .ts_l{float:left;width:49%;}
			#thermalSprings .ts_r{float:right;width:49%;margin-top:0;}
		}

		@media screen and (min-width:1240px) {
			#thermalSprings .ts_l{width:40%;}
			#thermalSprings .ts_r{width:57%}
			#thermalSprings .ts_r h3{display:none}
			#thermalSprings .ts_r .timetablebox.day12{margin-top:0;}
			#thermalSprings .ts_r .timetablebox h4{margin-bottom:10px;}
			#thermalSprings .ts_r .timetablebox .time_tbl th,
			#thermalSprings .ts_r .timetablebox .time_tbl td{padding:1em;font-size:16px;}
			#thermalSprings .ts_r .timetablebox .time_tbl th{font-size:18px;background-color:#fafafa;}
			#thermalSprings .ts_r .timetablebox .time_tbl th:first-child,
			#thermalSprings .ts_r .timetablebox .time_tbl td:first-child{width:120px}
			#thermalSprings .ts_r .timetablebox .time_tbl th:nth-child(2),
			#thermalSprings .ts_r .timetablebox .time_tbl td:nth-child(2){width:300px}
		}

	/* 수안보축제 > 토요이벤트/한여름밤의축제 */
		#summerfest .sfmov{margin-top:20px;}
		#summerfest .sfmov li{width:100%;margin-top:10px;}
		#summerfest .timetablebox.day15 h4{background-color:#e97f0e}
		#summerfest .tabwidth{width:100%; margin:auto; padding-top:2em;}
		#summerfest .timetablebox h4{height:40px;line-height:40px;padding:0 1em;margin-bottom:5px;color:#fff;border-radius:4px;font-size:16px;font-weight:bold;}
		#summerfest .timetablebox .time_tbl{border-top:1px solid #333}
		#summerfest .timetablebox .time_tbl th,
		#summerfest .timetablebox .time_tbl td{padding:0.5em;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;font-size:12px;text-align:center}
		#summerfest .timetablebox .time_tbl th:first-child,
		#summerfest .timetablebox .time_tbl td:first-child{border-left:none}

		@media screen and (min-width:768px) {
			#summerfest .sfmov li{width:49%;margin-left:2%;margin-top:2%;}
			#summerfest .sfmov li:nth-child(2n+1){margin-left:0;}
		}

		@media screen and (min-width:1240px) {
			#summerfest .timetablebox h4{margin-bottom:10px;}
			#summerfest .timetablebox .time_tbl th,
			#summerfest .timetablebox .time_tbl td{padding:1em;font-size:16px;}
			#summerfest .timetablebox .time_tbl th{font-size:18px;background-color:#fafafa;}
			#summerfest .timetablebox .time_tbl th:first-child,
			#summerfest .timetablebox .time_tbl td:first-child{width:120px}
			#summerfest .timetablebox .time_tbl th:nth-child(2),
			#summerfest .timetablebox .time_tbl td:nth-child(2){width:300px}
		}

		/* 수안보마을 */
		#town .spacebox{clear:both; position:relative;margin-top:10px;}
		#town .img_box {position: relative; width: 100%; margin: 20px 0; padding: 0;}
		#town .img_box ul {margin: 0; padding: 0;}
		#town .img_box ul li {list-style:none;float:left; padding: 0 10px; text-align: center;}
		#town .img_box ul li .img_stroke {padding: 10px 0;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
		#town .img_box .img-2 li {width: 50%; height: 150px;}
		#town .img_box .img-3 li {width: 33.33333%; height: 150px;}

		#town .title_txt {margin: 20px 0; padding: 0;}
		#town .title_txt h3 {font-size: 20px; font-weight: 700;}
		#town .emtpy_space {clear:both; width: 100%;height:1px; background: #ccc; margin-top:30px;}

		/* #town .spacebox {margin-top: 30px;} */
		/* 마을 소개 */
		#town .specialty{position: relative;margin:5px 5px; height: 350px;}
		#town .specialty .title_box { padding: 10px 20px; border:1px solid #ccc; text-align: center;}
		#town .specialty .htable {margin: 0; padding: 0;  margin-top: 20px; border-collapse:collapse;  text-align: center;}
		#town .specialty .htable, #town .specialty .htable th, #town .specialty .htable td {border:1px solid #999;}
		#town .specialty .htable th, #town .specialty .htable td{padding:10px 0;}
		#town .specialty .htable th {background: #d2dbf4;}
		#town .specialty .specialty-img {position: relative; width: 100%; margin: 20px 0; padding: 0;}
		#town .specialty .specialty-img ul{margin: 0; padding: 0;}
		#town .specialty .specialty-img ul li {list-style:none;float:left; padding: 0 10px; text-align: center;}
		#town .specialty .specialty-img ul li .img_stroke {padding: 10px 0;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
		#town .specialty .specialty-img .img-2 li{width: 50%; height: 160px;}
		#town .specialty .specialty-img .img-2 li img {max-width:100%;}
		#town .specialty .specialty-img .img-3 li{width: 33.3333333%; height: 160px;}

		#town .spacebox .pastroadimg{
			width:500px;margin-top:10px;
			-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
		#town .spacebox .pastroadimg .pic{font-size:0;}
		#town .spacebox .pastroadimg .txt{height:40px;line-height:40px;text-align:center;}
		#town .spacebox.space3 .pastroadimg{width:220px}

		@media screen and (min-width:768px) {
			#town .spacebox.space0 {clear:both; padding-top: 40px;}
			#town .spacebox.space0_noimg {clear:both; padding-top:0;}
			#town .spacebox.space1,
			#town .spacebox.space3{padding-left:500px;}
			#town .spacebox.space1 .pastroadimg,
			#town .spacebox.space3 .pastroadimg{position:absolute;top:0;left:0;}
			#town .spacebox.space2{padding-right:500px;}
			#town .spacebox.space2 .pastroadimg{position:absolute;top:0;right:0;}
			#town .spacebox.space4 ul li{margin-right:20px;}
			#town .spacebox.p65 {padding-top:65px;}
		}

		@media screen and (min-width:1240px) {
			#town .pastroadbox{margin:0 50px;}
			#town .spacebox.space4 ul{margin-top:20px;}
			#town .spacebox.space4 ul li:first-child{margin-left:300px;}
			#town .img_box .img-2 li {height: 300px;}
			#town .img_box .img-3 li { height: 250px;}
			#town .specialty{position: relative;margin:40px 50px; height: 400px;}
			#town .specialty .title_box { padding: 10px 20px; border:1px solid #ccc; text-align: center;}
			#town .specialty .htable {margin: 0; padding: 0;  margin-top: 20px; border-collapse:collapse;  text-align: center;}
			#town .specialty .htable, #town .specialty .htable th, #town .specialty .htable td {border:1px solid #999;}
			#town .specialty .htable th, #town .specialty .htable td{padding:10px 0;}
			#town .specialty .htable th {background: #d2dbf4;}
			#town .specialty .specialty-img {position: relative; width: 100%; margin: 20px 0; padding: 0;}
			#town .specialty .specialty-img ul{margin: 0; padding: 0;}
			#town .specialty .specialty-img ul li {list-style:none;float:left; padding: 0 10px; text-align: center;}
			#town .specialty .specialty-img ul li .img_stroke {padding: 10px 0;-moz-box-shadow:0px 2px 7px rgba(0,0,0,0.2);-webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.2);box-shadow:0px 2px 7px rgba(0,0,0,0.2)}
			#town .specialty .specialty-img .img-2 li{width: 50%; height: 350px;}
			#town .specialty .specialty-img .img-2 li img {max-width:350px;}
			#town .specialty .specialty-img .img-3 li{width: 33.3333333%; height: 250px;}
		}

/* 하단푸터 */
    #footer{background-color:#212121;color:#fff;font-size:12px}
    #footer .footmnu{padding:0 1em;border-bottom:1px solid #646464}
    #footer .footmnu ul li a{display:block;height:30px;line-height:30px;padding:0 10px;color:#fff}
    #footer .footmnu ul li:first-child a{padding:0 10px 0 0}
    #footer .footmnu ul li a:hover{text-decoration:underline}
    #footer .foorinfo{line-height:18px;padding:1em}
    #footer .foorinfo li{margin-right:20px;font-weight:100}
    #footer p.copyright{padding:0 1em 1em;font-weight:100;color:#999}
    #footer .footlink{display:none;}

    @media screen and (min-width:768px) {
        #footer{padding-bottom:30px;font-size:14px}
        #footer .footmnu ul li a{height:50px;line-height:50px;padding:0 20px;}
        #footer .foorinfo li{line-height:24px}
    }

    @media screen and (min-width:1240px) {
        #footer .foorinfo{padding-right:300px}
        
        #footer .footlink{
            display:block;position:absolute;bottom:20px;right:10px;
            -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
        #footer .footlink *{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
        #footer .footlink dl{width:240px;border:2px solid #fff;background-color:#212121;border-radius:30px;}
        #footer .footlink dl dt{position:relative;}
        #footer .footlink dl dt a{display:block;height:56px;line-height:56px;padding:0 20px;font-size:16px;color:#fff;font-weight:bold;}
        #footer .footlink dl dt a span{position:absolute;top:0;right:20px;font-size:18px;}
        #footer .footlink dl dd{display:none}
        #footer .footlink dl dd ul li a{display:block;height:40px;line-height:40px;padding:0 20px;color:#fff;}
        #footer .footlink dl dd ul li a:hover{text-decoration:underline}
        #footer .footlink:hover{bottom:-10px}
        #footer .footlink:hover dd{display:block;padding-bottom:10px;}
    }	

/* 모바일 전용 네비 */
	.mnubtn{
		position:fixed;top:0;right:0;z-index:9000;
		-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
	.mnubtn.open{}

	#m-nav{
		position:fixed;background-color:rgba(255,255,255,0.95);width:270px;top:0px;bottom:0;right:-270px;padding:10% 0;z-index:8000;text-align:center;
		-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
	#m-nav.open{width:100%;right:0;}
	#m-nav .subLink{margin-top:20px;}
	#m-nav .subLink ul{text-align:center;font-size:0;}
	#m-nav .subLink ul li{display:inline-block;border:1px solid #e0e0e0;margin:0 2px}
	#m-nav .subLink ul li a{display:block;height:30px;line-height:30px;padding:0 10px;color:#666;font-size:14px;}

	#m-gnb{position:relative;}
	#m-gnb ul li.active,
	#m-gnb ul li.on ul,
	#m-gnb ul li.on li{display:block;}
	#m-gnb ul li .depth1{display:block;}
	#m-gnb ul li .depth1 a{position:relative;display:block;font-size:24px;height:50px;line-height:50px;color:#1A2A41;font-family:'NanumSquare';font-weight:bold}
	#m-gnb ul li .depth1 a.menu,
	#m-gnb ul li .depth1 a.menus{text-transform:uppercase}
	#m-gnb ul li .depth1 a .arrow_ico{position:absolute;top:0;right:10px;color:#a3a3a3}
	#m-gnb ul li .depth1 a:hover,
	#m-gnb ul li.on .depth1 a{color:#f3a310}
	#m-gnb ul li ul{display:none;padding:10px 20px;background-color:rgba(0,0,0,0.6);}
	#m-gnb ul li li{border:none}
	#m-gnb ul li li a{display:block;font-size:16px;height:36px;line-height:36px;font-weight:normal;color:#fff;font-weight:bold}
	#m-gnb ul li.on li a:hover,
	#m-gnb ul li.on li.on a{color:#542684;text-decoration:underline}

    @media screen and (min-width:1240px) {
        .mnubtn{display:none}
    }

/*------------------------------------------------------------------------------------------------------------ */

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;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 img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.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 {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;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:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;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/captcha2.png') no-repeat 0 0 ;  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%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

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:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}


/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} 
.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:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.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-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.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;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-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}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;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}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

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

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;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:80px;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 {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

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

/* 자바스크립트 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 {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* 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}