/*  상단 퀵메뉴 */
		.pr_quick_top_full {
		 position: relative;
		 width:100%;
		 border-bottom: 1px solid #d1d1d1;
		 background:#;
		}

		.pr_quick_top_box {
		 position: relative;	
		 margin-left: 0px;
		 margin: 0 auto;
		 width: 1200px;
		 height:55px;
		 background:#;
		}



/* 상단 메뉴 */
		.pr_nav_top_full {
		 
		 position: relative;

		 width:100%;
		 height: auto;
		 padding: 0px;
		 margin: 0px;
         border: 0px solid #2fac66;
		 border-top: 0px solid #ececec;
		 border-bottom: 0px solid #1d89de;

		}

		.pr_nav_top_box {
		 position: relative;
		 width: 1160px;
		 height:100px;
		 margin: 0 auto;
		 padding: 0px;
		 border: 0px solid #00ff00;
      	}

	 
   	#guick_top {display: block;}  /* pc화면에서 전체메뉴 */

	#logo_mobile { display:none;}


	.logo_pc {/*이 엘리먼트에는 절대 위치가 지정돼 있습니다. 부모 엘리먼트를 기준으로 상대 위치가 정해져 있지요. */
		  position: absolute;
		  z-index:999;  /* navi2021.php의  .nav_wrapper { z-index:99; } 관계 */
		  top: 15px;
		  left: 0;
		  width: 260px;
		  height: 67px;
		}
			 

	#menu-pc { 
		   display: block; /* pc top메뉴 */

		  }

	#menu-mobile { display: none; } /* 모바일 top메뉴 */

	  
/* 메인 내용 width 1200px 아웃라인  */


	  #pr-container {
	   position: relative;
        width: 1200px;
        margin: 0px auto;
        padding: 11px 20px 20px 20px;
        background-color: #ffffff;
        border: 0px solid #dddddd;
      }



/* 1단 좌측 배너  */

      #pr-content {
        width: 840px;
	    
        padding: 0px;
        margin-bottom: 20px;
        float: left;
	
        border: 0px solid #dddddd;
      }
      
	  .pr-height { height: 560px;} /* 1단 좌측 배너 높이  */

/* 1단 우측 배너  */

      #pr-sidebar1 {
	  position: relative;
        width: 25%;
		height: 160px;
        padding: 30px;
        margin-bottom: 0px;
        margin-top: 20px;
        float: left;
		background-color: #3799be;
	    border-width: 1px 1px 0px 1px; border-style: solid solid none solid; border-color: #3799be #3799be currentColor #3799be;		
     }

	   #pr-sidebar2 {
	   position: relative;
        width: 25%;
		height: 160px;
        padding: 30px;
        margin-bottom: 0px;
        margin-top: 20px;
		float: left;
		background-color: #4abebe;
		border-width: 1px 1px 0px 1px; border-style: solid solid none solid; border-color: #4abebe #4abebe currentColor #4abebe;   
		
	}
	  #pr-sidebar3 {
	    position: relative;
        width: 25%;
		height: 160px;
        padding: 30px;
		margin-top: 20px;
        float: left;
        float: right;
		background-color: #5ace9d;
	    border-width: 1px 1px 0px 1px; border-style: solid solid none solid; border-color: #5ace9d #5ace9d currentColor #5ace9d;

      }

      #pr-sidebar4 {
	  position: relative;
        width: 25%;
		height: 160px;
        padding: 30px;
        margin-bottom: 0px;
		margin-top: 20px;
        float: left;
		background-color: #82df6d;
	    border-width: 1px 1px 0px 1px; border-style: solid solid none solid; border-color: #82df6d #82df6d currentColor #82df6d;
        border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #82df6d;

      }

      .pr-tit {
	   color: rgb(255, 255, 255); padding-top: 30px; padding-bottom: 10px; font-size: 25px; font-weight: 500; display: block;
        }

	   .pr-tit2 {
	   color: #4abebe; padding-top: 20px; padding-bottom: 20px; font-size: 25px; font-weight: 500; display: block; text-align:center;
        }

      .pr-txt {
	   color: rgb(255, 255, 255); line-height: 20px; font-size: 13px;
        }

	  .pr-icon {position: absolute; top: 20px; right: 0; width: 70px; height: 70px;color:#ffffff;}

	  .svg-size {width: 50px; height: 60px;}


/* 2단 좌측 박스  */

		.box1 {
		  display: inline-block;
		  width: 570px;
		  height: 280px;
		  margin: 0em;
		  border: 0px solid #dddddd;
		}




/* 2단 우측 게시글  */

		.box2 {
		   float: right;
		  width: 570px;
		  height: 280px;
		  margin: 0em;
		  border: 0px solid #dddddd;
		}






/*    내용 하단 */

      #pr_footer {
        clear: both;
        padding: 0px;
		margin-top:30px;
        width: 100%;
		height: 220px;
        border: 0px solid #dddddd;
		
      }

      .pr_cs {
	    position: relative;
        width: 25%;
		height: 220px;
        padding: 30px;
        margin-bottom: 0px;
        margin: 0px;
        float: left;
		
		text-align: center;
     }

  
     .pr_cs .cs-tit {
	   color: rgb(255, 255, 255); padding-top: 30px; padding-bottom: 10px; font-size: 25px; font-weight: 500; display: block;
        }
     .pr_cs .cs-txt {
	   color: rgb(255, 255, 255); line-height: 25px; font-size: 13px; display: block;
        }

	  .pr_cs .cs-tel {
	   color: rgb(255, 255, 255); line-height:35px; font-size: 25px; display: block;
        }

	  .pr_cs .cs-arrow {
	   color: rgb(255, 255, 255); line-height: 27px; font-size: 15px; display: block;
        }



/* 하단 */

		.pr-tail_full {
			background:#777777; padding: 35px 0px 30px; width: 100%; color:#ffffff;border-top: 0px solid #2fac66;
		}.pr-tail-box {
			position:relative; margin: 0px auto; max-width: 1120px;
		}

		.pr-tail-menu {
			margin-bottom: 10px; padding: 0px 0px 0px; text-align: left;
		}
		.pr-tail-menu-list {
			display: inline-block;
		}
		.pr-tail-menu-list > li {
			margin-left: 0px; display: inline-block;
		}
		.pr-tail-menu-list > li a {
			line-height: 22px; font-size: 14px;
		}

		.pr-tail-con {
			line-height: 22px; padding-left: 0px; font-size: 13px; display: inline-block;
		}


		.pr-tail-menu-list a:link, .pr-tail-menu-list a:visited {color:#ffffff;text-decoration:none}
        .pr-tail-menu-list a:hover, .pr-tail-menu-list a:focus, .pr-tail-menu-list a:active {color:#00ffff;text-decoration:underline}

        .pr-tail-con a:link, .pr-tail-con a:visited {color:#ffffff;text-decoration:none}
        .pr-tail-con a:hover, .pr-tail-con a:focus, .pr-tail-con a:active {color:#ffffff;text-decoration:underline}


		#tail_sns {

			display: block;
		}



@media screen and (max-width: 1200px) {


        #pr-container {
          width: auto;
		   padding: 0px 20px 20px 20px;
        }

	

/*  상단 퀵메뉴 */

/*  상단 퀵메뉴 */


		.pr_quick_top_box {

		 width: 100%;
		 height:60px;


		}



/* 상단 메뉴 */


		.pr_nav_top_box {

		 width: 100%;

		}

		#guick_top {display: none;} /* pc화면에서 전체메뉴 */



		.logo_pc {/*이 엘리먼트에는 절대 위치가 지정돼 있습니다. 부모 엘리먼트를 기준으로 상대 위치가 정해져 있지요. */
			 display:none;
			}

		#logo_mobile {
			display: block;
			text-align: center;
			height: 67px;

			}

   

/* 1단 좌측 배너  */


        #pr-content {
          float: none;
          width: auto;
        }
        
		.pr-height { height: auto;} /* 1단 좌측 배너 높이  */



/* 1단 우측 배너  */





/* 2단 좌측 박스  */


         .box1 {
		  width: 50%;

		}


/* 2단 우측 게시글 */

       .box2 {

		 width: 48%;
		
		 margin-left: 2%;
		}



/* 하단 */
			.pr-tail-box {
			padding: 0px 15px;
		   }

	

 }

@media screen and (max-width: 992px)
{

/* 상단 메뉴 */


        .pr_quick_top_full {

		 border-bottom: 0px solid #d1d1d1;

		}

        .pr_nav_top_full {

		 background:#1c4c96;/*메뉴바 배경색 변경 #1c4c96 */

		}


		.pr_nav_top_box {

		 height: 0px; /*메뉴바 배경색 0px하여 none 효과*/

		}

      	#menu-pc { display: none; }  /* pc top메뉴 */
	
		#menu-mobile {  /* 모바일 top메뉴 */
			
			 display: block;
			 position: relative; 
			 z-index: 99999;
		}

	    #pr-container {

        padding: 10px; /* 모바일에서 상하 좌우 마진 폭 수정  */
     
      }

/* 1단 우측 배너  */

        #pr-sidebar1 {
		  float: left;
          width: 50%;
		  border-width: 1px 1px 0px 0px; border-style: solid solid none none; border-color: #3799be #3799be currentColor currentColor; 
		 
		
        }
		 #pr-sidebar2 {

           float: left;
           width: 50%;
		   border-width: 1px 1px 0px 0px; border-style: solid solid none none; border-color: #4abebe #4abebe currentColor currentColor; 
		
            border-left-color: #4abebe; border-left-width: 1px; border-left-style: solid;

        }
		#pr-sidebar3 {

          float: left;
          width: 50%;
		  border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: #5ace9d #5ace9d #5ace9d currentColor; 

		 
        }
		 #pr-sidebar4 {

           float: left;
           width: 50%;
	       border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: #82df6d #82df6d #82df6d currentColor; 
		   border-left-color: #82df6d; border-left-width: 1px; border-left-style: solid;

        }







/* 2단 좌측 박스  */

		.box1 {
		  width: 100%;
		}

/* 2단 우측 게시글 */

		.box2 {
	
		 width: 100%;
	
		}

     

/* 하단 */

        .pr-tail_full {
			padding: 15px 15px 30px;
		}

		.pr-tail-box {
			padding: 0px;
		}

		.pr-tail-con {
			padding-left: 0px;
		}


}


@media screen and (max-width: 768px)

{


        .pr-tit {
	   font-size: 20px;
        }

	   .pr-tit2 {
	    font-size: 20px;
        }


/* 1단 우측 배너 모바일에서 간격 수정  */
      .pr-icon {position: absolute; top: 20px; right: 0px; width: 50px; height: 50px;color:#ffffff;}

	  .svg-size {width: 30px; height: 40px;}
      






/*    내용 하단 */

	
       .pr_cs {
		width: 50%;
		margin-bottom: 20px
		
	     }

	   .pr_cs .cs-tit {
	   line-height: 20px; font-size: 18px;
        }
      .pr_cs .cs-txt {
	   line-height: 15px; font-size: 10px;
        }
	   .pr_cs .cs-tel {
	   font-size: 15px;
        }

	   .cs-arrow {
	   font-size: 10px; 
        }



/* 하단 */

			.pr-tail_full {
				padding: 15px 15px 20px;
			}
			.pr-tail-menu {
				padding: 0px 0px 10px;
			}
			.pr-tail-menu-list > li {
				margin-left: 0px;
			}
			.pr-tail-con {
				line-height: 18px; font-size: 12px;
			}

			#tail_sns {

			display: none;
		    }

}