@charset "utf-8";

/*---------------------- 타이틀, 박스:공통 ----------------------*/
/**** pc ****/
.com_box{width:100% ; float:left; }

.input_w100{width:100% !important ; }
em{ font-style: normal }
.point_bg{ background-color: #ff7065}
.point_font{ color: #ff7065}
.gray_9{ color: #999}
.gray_6{ color: #666}
.gray_3{ color: #333}
.tw_500{font-family: 'Noto Sans KR', sans-serif;font-weight: 500; }
.tw_400{ font-family: 'Noto Sans KR', sans-serif;font-weight: 400; }



/**** pc ****/
@media only all and (min-width:1301px) {
.contents_in{ width: 100%; float: left; padding: 0vw 0px  4vw 0px;}
.contents_in2{ width: 100%; float: left; padding: 0vw 0px 1vw 0px}    
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.contents_in{ width: 100%; float: left; padding: 3vw 0px ;}
.contents_in2{ width: 100%; float: left; padding: 0vw 0px 3vw 0px}    
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.contents_in{ width: 100%; float: left; padding: 0vw 0px  ; }
.contents_in2{ width: 100%; float: left; padding: 0vw 0px 5vw 0px}    
}







/*---------------------- 상단 공백 ----------------------*/
/**** pc ****/
@media only all and (min-width:1301px) {
.top_sp{ float: left; height: 230px; width: 100% }
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:1000px) {
.top_sp{ float: left; height:230px; width: 100% }
}
/**** 모바일 ****/
@media only all and (max-width:999px) {
.top_sp{ float: left; height: 50px; width: 100% }
}




/*---------------------- 서브타이틀 ----------------------*/
/**** pc ****/
@media only all and (min-width:1301px) {
.sub_title{ float: left; width: 100%; padding: 50px 0px 50px 0px; position: relative; border-bottom: 1px solid #ccc}
.sub_title .ar_left{ float: left; width: 100px;cursor:pointer; position: absolute; left: 0px }   
.sub_title .ar_left img{ margin-bottom: 10px}   
.sub_title .ar_left .text{ float: left; width: 100% ; font-size: 14px; }  
    
.sub_title .ar_right{width: 100px; cursor:pointer; position: absolute; right: 0px ;text-align: right}  
.sub_title .ar_right img{ margin-bottom: 10px}   
.sub_title .ar_right .text{ float: left; width: 100% ; font-size: 14px;  text-align: right}     
    
    
.sub_title .m_title{ float: left; width: 100%;  font-size: 36px; color: #000; margin-bottom:10px; text-align: center; font-weight: bold; }    
.sub_title .m_info{ float: left; width: 100%;  font-size:16px; color: #999; text-align: center}        
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:1101px) {
.sub_title{ float: left; width: 100%; padding: 50px 0px 50px 0px; position: relative; border-bottom: 1px solid #ccc}
.sub_title .ar_left{ float: left; width: 100px;cursor:pointer; position: absolute; left: 0px }   
.sub_title .ar_left img{ margin-bottom: 10px}   
.sub_title .ar_left .text{ float: left; width: 100% ; font-size: 14px; }  
    
.sub_title .ar_right{width: 100px; cursor:pointer; position: absolute; right: 0px ;text-align: right}  
.sub_title .ar_right img{ margin-bottom: 10px}   
.sub_title .ar_right .text{ float: left; width: 100% ; font-size: 14px;  text-align: right}     
    
    
.sub_title .m_title{ float: left; width: 100%;  font-size: 36px; color: #000; font-weight: 700; margin-bottom:10px; text-align: center}    
.sub_title .m_info{ float: left; width: 100%;  font-size:16px; color: #999; text-align: center}        
}
/**** 모바일 ****/
@media only all and (max-width:1100px) {
.sub_title{ float: left; width: 100%; padding: 20px 0px 20px 0px; position: relative; border-bottom: 1px solid #ccc}
.sub_title .ar_left{ float: left; width: 100px;cursor:pointer; position: absolute; left: 0px; display: none }   
.sub_title .ar_left img{ margin-bottom: 10px}   
.sub_title .ar_left .text{ float: left; width: 100% ; font-size: 14px; }  
    
.sub_title .ar_right{width: 100px; cursor:pointer; position: absolute; right: 0px ;text-align: right; display: none }  
.sub_title .ar_right img{ margin-bottom: 10px}   
.sub_title .ar_right .text{ float: left; width: 100% ; font-size: 14px;  text-align: right}     
    
    
.sub_title .m_title{ float: left; width: 100%;  font-size: 20px; color: #000; font-weight: 700; margin-bottom:10px;}    
.sub_title .m_info{ float: left; width: 100%;  font-size:14px; color: #999; }         
}



/**** pc ****/
@media only all and (min-width:1301px) {
    .m_tab{ width: 100%; float: left; display: none }
     
    
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
  .m_tab{ width: 100%; float: left ; display: none }
  
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
     .m_tab{ width: 100%; float: left }
     .m_tab ul{ width: 100%; float: left ; }
    .m_tab ul li{ width: 100%; float: left ;}
     .m_tab ul li a.ttitle{  display: none}
    .m_tab ul li ul li{ width:calc(33.33% + 1px) ; float: left ; border: 1px solid #ccc; margin: -1px 0px 0px -1px; box-sizing: border-box }
    .m_tab ul li ul li a{ width: 100%; float: left ;  background-color: #f7f7f7; text-align: center; font-size: 14px;padding: 0px 0px; line-height: 35px ;box-sizing: border-box ;}
   .m_tab ul li ul li.on{  width:calc(33.33% + 1px) ;  float: left ; border: 1px solid #ff0000; margin: -1px 0px 0px -1px;box-sizing: border-box }
    .m_tab ul li ul li.on a{ width: 100%; float: left ;  background-color: #ff0000 !important; padding: 0px 0px; line-height: 35px ;box-sizing: border-box ; color: #fff; text-align: center; font-size: 14px;}
    
    
ul.t_2 li{ width: 50% !important; float: left ; border: 1px solid #ccc; margin: -1px 0px 0px -1px; box-sizing: border-box }
ul.t_2 li a{ width: 100%; float: left ;  background-color: #f7f7f7; text-align: center; font-size: 14px;padding: 0px 0px; line-height: 35px ;box-sizing: border-box ;}
ul.t_2 li.on{ width: 50% !important; float: left ; border: 1px solid #ccc; margin: -1px 0px 0px -1px;box-sizing: border-box }
ul.t_2 li.on a{ width: 100%; float: left ;  background-color: #ff0000 !important; padding: 0px 0px; line-height: 35px ;box-sizing: border-box ; color: #fff; text-align: center; font-size: 14px;}
}






/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.ssmenu_tab { width: 50%; float: right; position: relative; margin-bottom:3vw; z-index: 1}
.ssmenu_tab ul{ width: 100%; float: left;  display:flex;justify-content: flex-end ;position: relative; z-index:0}    
.ssmenu_tab ul li{width: 30%; margin-right: -1px; border: 1px solid  rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.8);; }    
.ssmenu_tab ul li a{width: 100%; float: left; height: 50px; line-height: 50px; color: rgba(0, 0, 0, 1);; font-weight: 300; font-size: 16px; text-align: center}   
.ssmenu_tab ul li:hover{width: 30%; margin-right: -1px;border: 1px solid  rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.9);; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  
 }    
.ssmenu_tab ul li:hover a{width: 100%; float: left; height: 50px; line-height: 50px; color: rgba(0, 0, 0, 0.5); ; font-weight: 300; font-size: 16px; text-align: center}       
.ssmenu_tab ul li.on{width: 30%; margin-riht: -1px; border: 1px solid #000; border-bottom: 3px solid  #FF0004; background-color:  rgba(0, 0, 0, 0.9); color: #fff; ; text-align: center; z-index: 99; position: relative }     
.ssmenu_tab ul li.on a{width: 100%; float: left; height: 50px; line-height: 50px; color: #fff; font-weight: 300; font-size: 16px; text-align: center}      
} 
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.ssmenu_tab { width: 50%; float: right; position: relative; margin-bottom:3vw}
.ssmenu_tab ul{ width: 100%; float: left;  display:flex;justify-content: flex-end ;position: relative; z-index:0}    
.ssmenu_tab ul li{width: 30%; margin-right: -1px; border: 1px solid  rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.8);; }    
.ssmenu_tab ul li a{width: 100%; float: left; height: 50px; line-height: 50px; color: rgba(0, 0, 0, 1);; font-weight: 300; font-size: 16px; text-align: center}   
.ssmenu_tab ul li:hover{width: 30%; margin-right: -1px;border: 1px solid  rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.9);; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  
 }    
.ssmenu_tab ul li:hover a{width: 100%; float: left; height: 50px; line-height: 50px; color: rgba(0, 0, 0, 0.5); ; font-weight: 300; font-size: 16px; text-align: center}       
.ssmenu_tab ul li.on{width: 30%; margin-riht: -1px; border: 1px solid #000; border-bottom: 3px solid  #FF0004; background-color:  rgba(0, 0, 0, 0.9); color: #fff; ; text-align: center; z-index: 99; position: relative }     
.ssmenu_tab ul li.on a{width: 100%; float: left; height: 50px; line-height: 50px; color: #fff; font-weight: 300; font-size: 16px; text-align: center}             
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.ssmenu_tab { width: 100%;  float: left; position: relative; margin-top: -1px; margin-bottom: 7vw }
.ssmenu_tab ul{ width: 100%; float: left;  display:flex;  position: relative; z-index: 9; justify-content: space-around;  }   
.ssmenu_tab ul li{width: 100%; margin-right: -1px;  border: 1px solid #ccc; background-color: #f7f7f7; }    
.ssmenu_tab ul li a{width: 100%; float: left; height: 35px; line-height: 35px; color: #666; font-weight: 300; font-size: 13px; text-align: center}    
.ssmenu_tab ul li.on{width: 100%; margin-right: -1px;  border: 1px solid #333;border-bottom: 3px solid  #FF0004; background-color: #525252;color: #fff; ; text-align: center; z-index: 99; position: relative }     
.ssmenu_tab ul li.on a{width: 100%; float: left; height: 35px; line-height: 35px; color: #fff; font-weight: 300; font-size: 13px; text-align: center}   
 
ul.tab3{ width: 100%; float: left;  display:flex;  position: relative; z-index: 9; flex-wrap: wrap;  flex-direction:row;  justify-content: flex-start; }    
ul.tab3 li{ width: 33.333%; float: left; margin-bottom: -1px }  
ul.tab3 li.on{width: 33.333%; float: left;  }         
}



/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.ssmenu_tab2 { width: 100%; float: left;  position: relative; margin-bottom: 10px;  margin-top:10px; border-bottom: 1px solid #ccc}
.ssmenu_tab2 ul{ width: 100%; float: left;  display:flex; justify-content: flex-start;position: relative; z-index: 9}    
.ssmenu_tab2 ul li{min-width: 120px; padding: 0px 20px;  margin-right: -1px; margin-bottom: -1px; border: 1px solid  #ccc; background-color: #eee; }    
.ssmenu_tab2 ul li a{width: 100%; float: left; height: 50px; line-height: 50px; color: rgba(0, 0, 0, 1);; font-weight: 300; font-size: 16px; text-align: center}   

.ssmenu_tab2 ul li:hover a{width: 100%; float: left; height: 50px; line-height: 50px; color: rgba(0, 0, 0, 0.5); ; font-weight: 300; font-size: 16px; text-align: center}       
.ssmenu_tab2 ul li.on{min-width: 120px; padding: 0px 20px; margin-right: -1px;   border: 1px solid #ccc;   border-bottom: 1px solid #fff;  background-color:  #fff; color: #333; ; text-align: center; z-index: 99; position: relative }     
.ssmenu_tab2 ul li.on a{width: 100%; float: left; height: 50px; line-height: 50px; color: #333; ; font-weight: 300; font-size: 16px; text-align: center}          
} 
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.ssmenu_tab2 { width: 100%; float: left;  position: relative; margin-bottom: 10px;  margin-top:10px; border-bottom: 1px solid #ccc}
.ssmenu_tab2 ul{ width: 100%; float: left;  display:flex; justify-content: flex-start;position: relative; z-index: 9}    
.ssmenu_tab2 ul li{min-width: 120px; padding: 0px 20px;  margin-right: -1px; margin-bottom: -1px; border: 1px solid  #ccc; background-color: #eee; }    
.ssmenu_tab2 ul li a{width: 100%; float: left; height: 50px; line-height: 50px; color: rgba(0, 0, 0, 1);; font-weight: 300; font-size: 16px; text-align: center}   

.ssmenu_tab2 ul li:hover a{width: 100%; float: left; height: 50px; line-height: 50px; color: rgba(0, 0, 0, 0.5); ; font-weight: 300; font-size: 16px; text-align: center}       
.ssmenu_tab2 ul li.on{min-width: 120px; padding: 0px 20px; margin-right: -1px;   border: 1px solid #ccc;   border-bottom: 1px solid #fff;  background-color:  #fff; color: #333; ; text-align: center; z-index: 99; position: relative }     
.ssmenu_tab2 ul li.on a{width: 100%; float: left; height: 50px; line-height: 50px; color: #333; ; font-weight: 300; font-size: 16px; text-align: center}               
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.ssmenu_tab2 { width: 100%; float: left;  position: relative; margin-bottom: 10px;  margin-top:10px; border-bottom: 1px solid #ccc}
.ssmenu_tab2 ul{ width: 100%; float: left;  display:flex; justify-content: flex-start;position: relative; z-index: 9}    
.ssmenu_tab2 ul li{ padding: 0px 10px;  margin-right: -1px; margin-bottom: -1px; border: 1px solid  #ccc; background-color: #eee; }    
.ssmenu_tab2 ul li a{width: 100%; float: left; height: 35px; line-height: 35px; color: rgba(0, 0, 0, 1);; font-weight: 300; font-size: 12px; text-align: center}   

.ssmenu_tab2 ul li:hover a{width: 100%; float: left; height: 35px; line-height: 35px; color: rgba(0, 0, 0, 0.5); ; font-weight: 300; font-size: 12px; text-align: center}       
.ssmenu_tab2 ul li.on{ padding: 0px 10px; margin-right: -1px;   border: 1px solid #ccc;   border-bottom: 1px solid #fff;  background-color:  #fff; color: #333; ; text-align: center; z-index: 99; position: relative }     
.ssmenu_tab2 ul li.on a{width: 100%; float: left; height: 35px; line-height: 35px; color: #333; ; font-weight: 300; font-size: 12px; text-align: center}         
}



/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {

.subimg_s_title{ width: 50%; float: left; font-size:30px; font-weight: 700; color: #333; margin-bottom: 1vw ; position: relative}
.subimg_s_title .tx1{  width: 100%; float: left;font-size:32px; font-weight: 700; color: #fff; margin-right: 10px ; line-height: 30px; text-align: left; margin-bottom: 10px}
.subimg_s_title .tx2{  width: 100%; float: left;font-size:14px; font-weight: 300; color: #fff;; text-align: left }

.subimg_s_title2{ width: 50%; float: left; font-size:30px; font-weight: 700; color: #333; margin-bottom: 1vw ; position: relative; margin-top: 130px}
.subimg_s_title2 .tx1{  width: 100%; float: left;font-size:32px; font-weight: 700; color: #fff; margin-right: 10px ; line-height: 30px; text-align: left; margin-bottom: 10px}
.subimg_s_title2 .tx2{  width: 100%; float: left;font-size:14px; font-weight: 300; color: #fff;; text-align: left }


.sub_s_title{ width: 100%; float: left; font-size:30px; font-weight: 700; color: #333; margin-bottom: 1vw ; position: relative ; height: 30px}
.sub_s_title p{  float: left; font-size:26px; font-weight: 700; color: #333; margin-right: 10px ; line-height: 30px}
.sub_s_title .line{  float: left;  line-height: 30px; height: 30px; width: 30px; border-bottom: 1px solid #333}
.sub_s_title .stx{  position: absolute; right: 0px ;top: 10px; font-size: 14px; color: #999}
	
.sub_s_title2 {  width: 100%; float: left;   position: relative}
.sub_s_title2 .stx2{  font-size: 14px; color: #999;  position: absolute; right: 0px ;top: -60px;}
} 
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.subimg_s_title{ width: 50%; float: left; font-size:30px; font-weight: 700; color: #333; margin-bottom: 1vw ; position: relative}
.subimg_s_title .tx1{  width: 100%; float: left;font-size:32px; font-weight: 700; color: #fff; margin-right: 10px ; line-height: 30px; text-align: left; margin-bottom: 10px}
.subimg_s_title .tx2{  width: 100%; float: left;font-size:14px; font-weight: 300; color: #fff;; text-align: left }


.sub_s_title{ width: 100%; float: left; font-size:30px; font-weight: 700; color: #333; margin-bottom: 1vw ; position: relative}
.sub_s_title p{  float: left; font-size:26px; font-weight: 700; color: #333; margin-right: 10px ; line-height: 30px}
.sub_s_title .line{  float: left;  line-height: 30px; height: 30px; width: 30px; border-bottom: 1px solid #333}
.sub_s_title .stx{  position: absolute; right: 0px ;top: 10px; font-size: 14px; color: #999}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.subimg_s_title{ width: 100%; float: left; font-size:20px; font-weight: 700; color: #333; margin-top: 10px; position: relative; order:2;  border-bottom:  1px  solid #ccc; padding-bottom: 20px; margin-bottom: 10vw; display: none}
.subimg_s_title .tx1{  width: 100%; float: left;font-size:18px; font-weight: 700; color: #333; margin-right: 10px ; line-height: 25px; text-align: left; margin-bottom: 5px}
.subimg_s_title .tx2{  width: 100%; float: left;font-size:14px; font-weight: 300; color: #999;; text-align: left }


.sub_s_title{ width: 100%; float: left; font-size:30px; font-weight: 700; color: #333; margin-bottom: 3vw ; position: relative; min-height: 10px}
.sub_s_title p{  float: left; font-size:18px; font-weight: 700; color: #333; margin-right: 5px ; line-height: 20px}
.sub_s_title .line{  float: left;  line-height: 20px; height: 20px; width: 20px; border-bottom: 1px solid #333; display: none}
.sub_s_title .stx{  position: absolute; right: 0px ;top: 0px; font-size: 12px; color: #999}
}


/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.subimg_tab_01{ background: url(../images/sub05/img01_01.jpg) ; }  
.subimg_tab_02{ background: url(../images/sub05/img02_01.jpg) ; } 
.subimg_tab_03{ background: url(../images/sub05/img03_01.jpg) ; }  
  	

.subimg_tab_0101{  width: 100%;float: left; position: relative; overflow:hidden;     position: relative;} 
.subimg_tab_0101 .bgimg2{ width: 100%;
   height:300px;    position: relative;
 -webkit-animation-name: example2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
    animation-name: example2;
    animation-duration: 4s;
    animation-iteration-count: 1;  z-index:-2; position: absolute; left: 0px; top: -120px;  height: 500px; background: url(../images/sub01/img_company.jpg)} 	
.subimg_tab_0101 .bgimg2 .img{  background: url(../images/sub01/img_company.jpg); }
	
	

	
.subimg_tab_0102{ background: url(../images/sub01/img01_01_02.jpg) ; background-size: cover ;  background-position: 30% left !important} 			
.subimg_tab_0103_1{ background: url( ../images/sub01/sub_top_03.jpg) ; }
.subimg_tab_0105_1{ background: url( ../images/sub01/sub_top_01_1.jpg) ; } 
.subimg_tab_0105_2{ background: url( ../images/sub01/sub_top_01_2.jpg) ; } 
.subimg_tab_0105_3{ background: url( ../images/sub01/sub_top_01_3.jpg) ; }
.subimg_tab_0105_4{ background: url( ../images/sub01/sub_top_01_4.jpg) ; }
.subimg_tab_0107_1{ background: url( ../images/sub01/sub_top_07.jpg) ; } 
.subimg_tab_0106_1{ background: url( ../images/sub01/sub_top_05_1.jpg) ; } 
		
	
.subimg_tab_0301_1{ background: url( ../images/sub03/sub_top_01.jpg) ; } 		
.subimg_tab_0303_1{ background: url( ../images/sub03/sub_top_03.jpg) ; } 	
.subimg_tab_0304_1{ background: url( ../images/sub03/sub_top_04.jpg) ; } 	
.subimg_tab_0305_1{ background: url( ../images/sub03/sub_top_05.jpg) ; } 	
	
.subimg_tab_0402_1{ background: url(../images/sub06/img02_01.jpg) ; }    
.subimg_tab_0402_2{ background: url(../images/sub06/img02_02.jpg) ; }    
.subimg_tab_0402_3{ background: url(../images/sub06/img02_03.jpg) ; }     
.subimg_tab_0402_4{ background: url(../images/sub06/img02_03.jpg) ; }     
    
.subimg_tab_0602_1{ background: url(../images/sub06/img02_01.jpg) ; }    
.subimg_tab_0602_2{ background: url(../images/sub06/img02_02.jpg) ; }    
.subimg_tab_0602_3{ background: url(../images/sub06/img02_03.jpg) ; }    
    
.subimg_tab_0401_1{ background: url(../images/sub04/img01_01.jpg) ; }    
.subimg_tab_0401_2{ background: url(../images/sub04/img01_02.jpg) ; }    
.subimg_tab_0401_3{ background: url(../images/sub04/img01_03.jpg) ; }  
	
.subimg_tab_0701_1{ background: url( ../images/sub07/img01_01.jpg) ; } 			
 
} 
	/* Safari 4.0 - 8.0 */
@-webkit-keyframes example2 {
     from { height: 700px; width: 1250px; left: 0px; top:0px}
    to { height: 700px; width: 1250px;left: 0px; top:-120px}
   
}

/* Standard syntax */
@keyframes example2 {
     from { height: 700px; width: 1250px; left: 0px; top: 0px}
    to { height: 700px; width: 1250px;left: 0px; top: -120px}
}    
    
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.subimg_tab_01{ background: url(../images/sub05/img01_01.jpg) ; }  
.subimg_tab_02{ background: url(../images/sub05/img02_01.jpg) ; } 
.subimg_tab_03{ background: url(../images/sub05/img03_01.jpg) ; }  
   
.subimg_tab_0101{ background: url(../images/sub01/img01_01_02.jpg) ; background-size: cover ;  background-position: top !important} 	.subimg_tab_0102{ background: url(../images/sub01/img01_01_02.jpg) ; background-size: cover ;  background-position: 30% left !important} 			
.subimg_tab_0103_1{ background: url( ../images/sub01/sub_top_03.jpg) ; } 		
.subimg_tab_0105_1{ background: url( ../images/sub01/tab_img02.jpg) ; } 
.subimg_tab_0107_1{ background: url( ../images/sub01/sub_top_07.jpg) ; } 
	
	
.subimg_tab_0301_1{ background: url( ../images/sub03/sub_top_01.jpg) ; } 		
.subimg_tab_0303_1{ background: url( ../images/sub03/sub_top_03.jpg) ; } 	
.subimg_tab_0304_1{ background: url( ../images/sub03/sub_top_04.jpg) ; } 	
.subimg_tab_0305_1{ background: url( ../images/sub03/sub_top_05.jpg) ; } 	
	
.subimg_tab_0402_1{ background: url(../images/sub06/img02_01.jpg) ; }    
.subimg_tab_0402_2{ background: url(../images/sub06/img02_02.jpg) ; }    
.subimg_tab_0402_3{ background: url(../images/sub06/img02_03.jpg) ; }     
.subimg_tab_0402_4{ background: url(../images/sub06/img02_03.jpg) ; }     
    
.subimg_tab_0602_1{ background: url(../images/sub06/img02_01.jpg) ; }    
.subimg_tab_0602_2{ background: url(../images/sub06/img02_02.jpg) ; }    
.subimg_tab_0602_3{ background: url(../images/sub06/img02_03.jpg) ; }    
    
.subimg_tab_0401_1{ background: url(../images/sub04/img01_01.jpg) ; }    
.subimg_tab_0401_2{ background: url(../images/sub04/img01_02.jpg) ; }    
.subimg_tab_0401_3{ background: url(../images/sub04/img01_03.jpg) ; } 
}
/**** 모바일 ****/
@media only all and (max-width:767px) {  

}


/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.subimg_tab_bg{ width: 100%; float: left;  background-position: center center; background-size: cover; height: 150px; padding: 48px 2.6vw 0vw 2.6vw; box-sizing: border-box; margin-bottom: 2vw; display:flex ; align-times:center }   
   
.subimg_tab_bg2{ width: 100%; float: left;  background-position: center center; background-size: cover; height: 300px; padding: 48px 2.6vw 0vw 2.6vw; box-sizing: border-box; margin-bottom: 2vw; display:flex ; align-times:center }   
   
.subimg_tab_bg3{ width: 100%; float: left;  background-position: center center; background-size: cover; height: 300px; padding: 48px 2.6vw 0vw 2.6vw; box-sizing: border-box; margin-bottom: 2vw; display:flex ; align-times:center }   
   
        
.sub05_01_01{ width: 100%; float: left; }
.sub05_01_01 .fl_box{ width: 50%; float: left; padding-right: 2vw; box-sizing: border-box ; text-align: left; margin-top: 20px }  
.sub05_01_01 .fl_box .tx_box1{ width: 50%; float: left; margin-bottom: 1vw}  
.sub05_01_01 .fl_box .tx_box1 .tx1{ width:100%; float: left; font-size: 18px; color: #999; margin-bottom: 0px}  
.sub05_01_01 .fl_box .tx_box1 .tx2{ width:100%; float: left; font-size:55px; line-height: 55px; font-weight: 700; color: #000; margin-bottom:5px ; font-family: 'Noto Sans KR', sans-serif;}  
.sub05_01_01 .fl_box .tx_box2{ width: 50%; float: left; padding-left: 2vw; border-left: 1px solid #ccc; margin-bottom: 20px}        
.sub05_01_01 .fl_box .tx_box2 .box_a{ width:100%; float: left;  margin-bottom:10px}     
.sub05_01_01 .fl_box .tx_box2 .box_a .box_a_in_t{ width:40%; float: left; font-size: 16px; color: #333; font-weight: 500}    
.sub05_01_01 .fl_box .tx_box2 .box_a .box_a_in_d{ width:60%; float: left; font-size: 14px; color: #666; font-weight: 500}    
.sub05_01_01 .fl_box .tb_box{ width: 100%; float: left; }         
    
.sub05_01_01 .fr_box{ width: 50%; float: left; padding-left:2vw; box-sizing: border-box ; text-align: left }  
.sub05_01_01 .fr_box .gr{ width: 100%; height: 400px; float: left;  background-color: #F0F0F0 }  

  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.subimg_tab_bg{ width: 100%; float: left; background-position: center center; background-size: cover; height: 150px; padding: 2.2vw; box-sizing: border-box; margin-bottom: 2vw; display:flex ;align-times:center }    

    

       
.sub05_01_01{ width: 100%; float: left; }
.sub05_01_01 .fl_box{ width: 50%; float: left; padding-right: 2vw; box-sizing: border-box ; text-align: left; margin-top: 20px }  
.sub05_01_01 .fl_box .tx_box1{ width: 50%; float: left; margin-bottom: 1vw}  
.sub05_01_01 .fl_box .tx_box1 .tx1{ width:100%; float: left; font-size: 18px; color: #999; margin-bottom: 5px}  
.sub05_01_01 .fl_box .tx_box1 .tx2{ width:100%; float: left; font-size: 60px; font-weight: 900; color: #000; margin-bottom: 10px; ; font-weight: 700; color: #000; margin-bottom: 10px ; font-family: 'Noto Sans KR', sans-serif;}  
.sub05_01_01 .fl_box .tx_box2{ width: 50%; float: left; padding-left: 2vw; border-left: 1px solid #ccc; margin-bottom: 20px}        
.sub05_01_01 .fl_box .tx_box2 .box_a{ width:100%; float: left;  margin-bottom:10px}     
.sub05_01_01 .fl_box .tx_box2 .box_a .box_a_in_t{ width:40%; float: left; font-size: 16px; color: #333; font-weight: 500}    
.sub05_01_01 .fl_box .tx_box2 .box_a .box_a_in_d{ width:60%; float: left; font-size: 14px; color: #666; font-weight: 500}    
.sub05_01_01 .fl_box .tb_box{ width: 100%; float: left; }         
    
.sub05_01_01 .fr_box{ width: 50%; float: left; padding-left:2vw; box-sizing: border-box ; text-align: left }  
.sub05_01_01 .fr_box .gr{ width: 100%; height: 400px; float: left;  background-color: #F0F0F0 }  
    
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.subimg_tab_bg{ width: 100%; float: left;  background-position: center center; background-size: cover; padding: 0vw; box-sizing: border-box; display:flex ; align-times:center;  flex-direction:column;  }    
       

    
.sub05_01_01{ width: 100%; float: left; }
.sub05_01_01 .fl_box{ width: 100%; float: left; padding-right: 2vw; box-sizing: border-box ; text-align: left; margin-top: 0px }  
.sub05_01_01 .fl_box .tx_box1{ width: 40%; float: left; margin-bottom: 1vw}  
.sub05_01_01 .fl_box .tx_box1 .tx1{ width:100%; float: left; font-size: 12px; color: #999; margin-bottom: 5px}  
.sub05_01_01 .fl_box .tx_box1 .tx2{ width:100%; float: left; font-size: 30px; line-height: 40px; font-weight: 700; color: #000; margin-bottom: 10px ; font-family: 'Noto Sans KR', sans-serif;}  
.sub05_01_01 .fl_box .tx_box2{ width: 60%; float: left; padding-left: 2vw; border-left: 1px solid #ccc; margin-bottom: 15px}        
.sub05_01_01 .fl_box .tx_box2 .box_a{ width:100%; float: left;  margin-bottom:10px}     
.sub05_01_01 .fl_box .tx_box2 .box_a .box_a_in_t{ width:40%; float: left; font-size: 14px; color: #333; font-weight: 500}    
.sub05_01_01 .fl_box .tx_box2 .box_a .box_a_in_d{ width:60%; float: left; font-size: 12px; color: #666; font-weight: 500}    
.sub05_01_01 .fl_box .tb_box{ width: 100%; float: left; }         
    
.sub05_01_01 .fr_box{ width: 100%; float: left; padding-left:0vw; box-sizing: border-box ; text-align: left; margin-top: 20px; margin-bottom: 30px}  
.sub05_01_01 .fr_box .gr{ width: 100%;float: left;  background-color: #F0F0F0 }  
    
}

/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.note_box{ width: 100%; float: left; background-color: #eee; padding:1.5vw 2vw;box-sizing: border-box ; position: relative; text-align: left; padding-left:100px; box-sizing: border-box}
.note_box i{  position:  absolute; left: 20px; top: 20px; color: #666; font-size: 60px}    
.note_box .tx1{ width: 100%; float: left;  font-size: 16px; color: #000; margin-bottom: 10px }    
.note_box .tx2{ width: 100%; float: left;  font-size: 15px; color: #666;  }        
  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.note_box{ width: 100%; float: left; background-color: #eee; padding:1.5vw 2vw;box-sizing: border-box ; position: relative; text-align: left; padding-left:100px; box-sizing: border-box}
.note_box i{  position:  absolute; left: 20px; top: 20px; color: #666; font-size: 60px}    
.note_box .tx1{ width: 100%; float: left;  font-size: 16px; color: #000; margin-bottom: 10px }    
.note_box .tx2{ width: 100%; float: left;  font-size: 15px; color: #666;  }         
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.note_box{ width: 100%; float: left; background-color: #eee; padding: 10px;box-sizing: border-box ; position: relative; text-align: left; box-sizing: border-box; margin-bottom: 20px}
.note_box i{  position:  absolute; left: 10px; top: 7px; color: #666; font-size: 20px}    
.note_box .tx1{ width: 100%; float: left;  font-size: 13px; color: #000; margin-bottom: 10px; padding-left: 30px ; font-weight:700}    
.note_box .tx2{ width: 100%; float: left;  font-size: 13px; color: #666; line-height: 18px  }         
}




/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {

.calendar_out_box{	width:100%;	float:left;	}
.calendar_out_box .in01box{	width:100%;	float:left;	 text-align: center; overflow: hidden;; border: 1px solid #ccc; background-color: #f7f7f7; padding: 20px; box-sizing: border-box}
.calendar_out_box .in01box .todaybtn{	float:left; font-size: 16px; line-height: 30px	}
.calendar_out_box .in01box .todaybtn i{	float:left; font-size:31px; color: #666	; line-height: 30px; margin-right: 5px	}
.calendar_out_box .in01box .yearbox{	display: inline-block; vertical-align: middle; width: 200px; position: relative; text-align: center; font-size: 18px; font-weight: 700}
.calendar_out_box .in01box .yearbox .back_icon{	 font-size: 20px; line-height: 20px; position: absolute; left: 0px; top: -3px;	}
.calendar_out_box .in01box .yearbox .back_icon i{	 font-size: 30px; line-height: 30px; }
.calendar_out_box .in01box .yearbox .next_icon{	font-size: 20px; line-height: 20px; position: absolute; right: 0px; top: -3px;		}
.calendar_out_box .in01box .yearbox .next_icon i{	 font-size: 30px; line-height: 30px; }

.calendar_out_box .in01box .rbtn{	float:right;	}
.calendar_out_box .in01box .rbtn a{float:right;	 padding: 7px 10px; background-color: #666; color: #fff; font-size: 13px; border-radius: 4px; border: 1px solid #333; margin-left: 5px}
.calendar_out_box .in01box .rbtn a:hover{float:right;	 padding: 7px 10px; background-color: #333; color: #fff; font-size: 13px; border-radius: 4px; border: 1px solid #333}

  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {

.calendar_out_box{	width:100%;	float:left;	}
.calendar_out_box .in01box{	width:100%;	float:left;	 text-align: center; overflow: hidden;; border: 1px solid #ccc; background-color: #f7f7f7; padding: 20px; box-sizing: border-box}
.calendar_out_box .in01box .todaybtn{	float:left; font-size: 16px; line-height: 30px	}
.calendar_out_box .in01box .todaybtn i{	float:left; font-size:31px; color: #666	; line-height: 30px; margin-right: 5px	}
.calendar_out_box .in01box .yearbox{	display: inline-block; vertical-align: middle; width: 200px; position: relative; text-align: center; font-size: 18px; font-weight: 700}
.calendar_out_box .in01box .yearbox .back_icon{	 font-size: 20px; line-height: 20px; position: absolute; left: 0px; top: -3px;	}
.calendar_out_box .in01box .yearbox .back_icon i{	 font-size: 30px; line-height: 30px; }
.calendar_out_box .in01box .yearbox .next_icon{	font-size: 20px; line-height: 20px; position: absolute; right: 0px; top: -3px;		}
.calendar_out_box .in01box .yearbox .next_icon i{	 font-size: 30px; line-height: 30px; }

.calendar_out_box .in01box .rbtn{	float:right;	}
.calendar_out_box .in01box .rbtn a{float:right;	 padding: 7px 10px; background-color: #666; color: #fff; font-size: 13px; border-radius: 4px; border: 1px solid #333; margin-left: 5px}
.calendar_out_box .in01box .rbtn a:hover{float:right;	 padding: 7px 10px; background-color: #333; color: #fff; font-size: 13px; border-radius: 4px; border: 1px solid #333}
      
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.calendar_out_box{	width:100%;	float:left;	}
.calendar_out_box .in01box{	width:100%;	float:left;	 text-align: center; overflow: hidden;; border: 1px solid #ccc; background-color: #f7f7f7; padding: 5px; box-sizing: border-box; position: relative}
.calendar_out_box .in01box .todaybtn{	float:left; font-size: 16px; line-height: 30px	}
.calendar_out_box .in01box .todaybtn i{	float:left; font-size:25px; color: #666	; line-height: 30px; margin-right: 5px	}
.calendar_out_box .in01box .yearbox{	display: inline-block; vertical-align: middle; width: 100%; position: relative; text-align: center; font-size: 18px; font-weight: 700;padding: 10px 0px 5PX 0PX; border-top: 1px solid #cCC; margin-top: 10px}
.calendar_out_box .in01box .yearbox .back_icon{	 font-size: 20px; line-height: 20px; position: absolute; left: 0px; top: 5px;	}
.calendar_out_box .in01box .yearbox .back_icon i{	 font-size: 25px; line-height: 30px; }
.calendar_out_box .in01box .yearbox .next_icon{	font-size: 20px; line-height: 20px; position: absolute; right: 0px; top: 5px;		}
.calendar_out_box .in01box .yearbox .next_icon i{	 font-size: 30px; line-height: 30px; }

.calendar_out_box .in01box .rbtn{	float:right; position: absolute; top: 7px; right: 7px	}
.calendar_out_box .in01box .rbtn a{float:right;	 padding: 7px 10px; background-color: #666; color: #fff; font-size: 13px; border-radius: 4px; border: 1px solid #333; margin-left: 5px}
.calendar_out_box .in01box .rbtn a:hover{float:right;	 padding: 7px 10px; background-color: #333; color: #fff; font-size: 13px; border-radius: 4px; border: 1px solid #333}
       
}





/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.calendar_box .in02box{	width:100%;	float:left;	}
/* 테이블 추가 */
.calendar_box_out{ width:100%; border-top:3px solid #333; float:left}
.calendar_box { width:100%;  border-collapse: collapse;}
.calendar_box_m { display: none}    
.calendar_box thead th{ background-color:#fafafa; ;border:1px solid #ccc; padding:15px 5px 15px 15px ;  font-weight:normal;  text-align:center; font-size:14px; color:#000 ; background-color: #f7f7f7; border-bottom:none}

.calendar_box tbody td {  padding:10px ; line-height:20px; border:1px solid #ccc; COLOR:#333; font-size:13px; position: relative; margin-left: -1px; margin-top: -1px; min-height: 130px ; vertical-align: top;  border-collapse: collapse;}
.calendar_box tbody td:hover {  background-color: rgba(0, 0, 0, 0.1);}
.calendar_box tbody td .day_um{ width: 100%; text-align: right; color: #333; font-size: 14px; cursor:pointer;}
.calendar_box tbody td.sundaybg { background-color: rgba(236, 164, 164, 0.1);box-sizing: border-box }
.calendar_box tbody td.saturdaybg{ background-color:  rgba(164, 171, 236, 0.1);box-sizing: border-box}
.calendar_box tbody td:hover.sundaybg { background-color: rgba(236, 164, 164, 0.4);box-sizing: border-box }
.calendar_box tbody td:hover.saturdaybg{ background-color:  rgba(164, 171, 236, 0.4);box-sizing: border-box}

.calendar_box tbody td.sundaybg .day_um{idth: 100%; text-align: right; color: #333; color: #f00; font-size: 14px}
.calendar_box tbody td.saturdaybg .day_um{idth: 100%; text-align: right; color: #333; color: #666; font-size: 14px}
.calendar_box tbody td .schedule_text{ width: 100%; font-size: 13px; text-align: right; margin-bottom: 10px ; line-height: 18px; }
     
  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.calendar_box .in02box{	width:100%;	float:left;	}
/* 테이블 추가 */
.calendar_box_out{ width:100%; border-top:3px solid #333; float:left}
.calendar_box { width:100%;  border-collapse: collapse;}
.calendar_box_m { display: none}       
.calendar_box thead th{ background-color:#fafafa; ;border:1px solid #ccc; padding:15px 5px 15px 15px ;  font-weight:normal;  text-align:center; font-size:14px; color:#000 ; background-color: #f7f7f7; border-bottom:none}

.calendar_box tbody td {  padding:10px ; line-height:20px; border:1px solid #ccc; COLOR:#333; font-size:13px; position: relative; margin-left: -1px; margin-top: -1px; min-height: 130px ; vertical-align: top;  border-collapse: collapse;}
.calendar_box tbody td:hover {  background-color: rgba(0, 0, 0, 0.1);}
.calendar_box tbody td .day_um{ width: 100%; text-align: right; color: #333; font-size: 14px; cursor:pointer;}
.calendar_box tbody td.sundaybg { background-color: rgba(236, 164, 164, 0.1);box-sizing: border-box }
.calendar_box tbody td.saturdaybg{ background-color:  rgba(164, 171, 236, 0.1);box-sizing: border-box}
.calendar_box tbody td:hover.sundaybg { background-color: rgba(236, 164, 164, 0.4);box-sizing: border-box }
.calendar_box tbody td:hover.saturdaybg{ background-color:  rgba(164, 171, 236, 0.4);box-sizing: border-box}

.calendar_box tbody td.sundaybg .day_um{idth: 100%; text-align: right; color: #333; color: #f00; font-size: 14px}
.calendar_box tbody td.saturdaybg .day_um{idth: 100%; text-align: right; color: #333; color: #666; font-size: 14px}
.calendar_box tbody td .schedule_text{ width: 100%; font-size: 13px; text-align: right; margin-bottom: 10px ; line-height: 18px; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.calendar_box .in02box{	width:100%;	float:left;	}
/* 테이블 추가 */
.calendar_box_out{ width:100%; border-top:3px solid #333; float:left}
.calendar_box {display: none}
.calendar_box_m { width:100%;  border-collapse: collapse;}  
.calendar_box_m thead th{ background-color:#fafafa; ;border:1px solid #ccc; padding:5px ;  font-weight:normal;  text-align:center; font-size:12px; color:#000 ; background-color: #f7f7f7; border-bottom:none}
.calendar_box_m tbody th{ background-color:#fafafa; ;border:1px solid #ccc; padding:5px ;  font-weight:normal;  text-align:center; font-size:12px; color:#000 ; background-color: #f7f7f7; border-bottom:none}
.calendar_box_m tbody td {  padding:10px ; line-height:20px; border:1px solid #ccc; COLOR:#333; font-size:13px; position: relative; margin-left: -1px; margin-top: -1px; min-height: 130px ; vertical-align: top;  border-collapse: collapse; text-align: left}
.calendar_box_m tbody td:hover {  background-color: rgba(0, 0, 0, 0.1);}
.calendar_box_m tbody td .day_um{ width: 100%; text-align: right; color: #333; font-size: 14px; cursor:pointer;}
.calendar_box_m tbody td.sundaybg { background-color: rgba(236, 164, 164, 0.1);box-sizing: border-box }
.calendar_box_m tbody td.saturdaybg{ background-color:  rgba(164, 171, 236, 0.1);box-sizing: border-box}
.calendar_box_m tbody td:hover.sundaybg { background-color: rgba(236, 164, 164, 0.4);box-sizing: border-box }
.calendar_box_m tbody td:hover.saturdaybg{ background-color:  rgba(164, 171, 236, 0.4);box-sizing: border-box}

.calendar_box_m tbody td.sundaybg .day_um{idth: 100%; text-align: right; color: #333; color: #f00; font-size: 14px}
.calendar_box_m tbody td.saturdaybg .day_um{idth: 100%; text-align: right; color: #333; color: #666; font-size: 14px}
.calendar_box_m tbody td .schedule_text{ width: 100%; font-size: 12px; text-align:left; line-height: 18px; }
}




.calendar_up{	width:100%;	float:left;	}
.calendar_up .daybox{	width:100%;	float:left; box-sizing: border-box	}

.calendar_up .daybox .tx1{float:left;  font-size: 15px;  margin-right: 10px; line-height: 35px;; margin-bottom: 5px}
.calendar_up .daybox .inputbox{width:100%;	float:left; margin-bottom: 20px}
.calendar_up .daybox .inputbox input{float:left; width:100%;	 background-color: #f7f7f7; border: 1px solid #ccc; line-height: 40px !important; height: 40px }
.calendar_up .daybox .inputbox input:focus{float:left; width:100%;	 background-color: #f7f7f7; border: 1px solid #FF0000; line-height: 40px !important; height: 40px }

.calendar_up .daybox .tx2{	width:100%;	float:left; font-size: 14px; margin-bottom: 5px}
.calendar_up .btnbox{	width:100%;	float:left; text-align: right; margin-bottom: 20px }
.calendar_up .btnbox a.plus{	float:right;  padding: 7px 10px; background-color: #333;border: 1px solid #000; border-radius: 5px ; line-height: 14px; font-size: 13px; color: #fff; margin-right:5px;  }
.calendar_up .btnbox a.plus i{ font-size: 16px;line-height: 16px;  color: #fff; margin-right: 5px; float: left}

.calendar_up .btnbox a.save{	float:right; padding: 7px 10px; background-color: #CF0000;border: 1px solid #CF0000; border-radius: 5px ; line-height: 14px; font-size: 13px; color: #fff; }
.calendar_up .btnbox a.save i{ font-size: 16px; line-height: 16px; color: #fff; margin-right: 5px; float: left}

.calendar_up .dayup{float:left; width:100%;	}
.calendar_up .dayup .title{float:left; width:100%; font-size: 16px; color: #333; font-weight: 500; margin-bottom: 10px; letter-spacing: -1px}

.hidden {
  display: none;
}

.popup_in { width: 100%; float: left;; padding-bottom: 10px}
.popup_in .tx1{ width: 100%; float: left; font-size: 18px; color: #000;; margin-bottom: 10px; }
.popup_in .tx2{ width: 100%; float: left; font-size: 14px; color: #666;; margin-bottom: 5px;}
.popup_in .btn{ width: 100%; float: left; ;  margin-top: 20px}
.popup_in .btn a{  padding: 7px 15px; color: #fff; background-color: #666; font-size: 14px; border-radius: 4px; border: 1px solid #333}
.popup_in .btn a:hover{  padding: 7px 15px; color: #fff; background-color:#D50003; font-size: 14px; border-radius: 4px; border: 1px solid #A70002}



/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.swiper_box{ width: 100%; float: left; margin: 2vw 0px; box-sizing: border-box; padding: 0 0vw}   
  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.swiper_box{ width: 100%; float: left; margin: 2vw 0px; box-sizing: border-box; padding: 0 0vw}       
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.swiper_box{ width: 100%; float: left; margin: 0vw 0px 30px 0px; box-sizing: border-box; padding: 0 0vw}     
}


/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.info_box{ width: 100%; float: left; margin: 3vw 0px 0px 0px; box-sizing: border-box; text-align: center; font-size: 16px; line-height: 25px}   
.info_box .title{ width: 100%; float: left;  box-sizing: border-box; text-align: center; font-size:30px;  color: #000; }   
.info_box .title em{  color: #000; font-weight: 600;}       
 .info_box .title_line{ width: 50%; float: left; border-right: 1px solid #999; height: 40px;; margin: 20px 0px} 
 .info_box .tx1{width: 100%; float: left;box-sizing: border-box; text-align: center; font-size: 16px; line-height: 25px}     
  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.info_box{ width: 100%; float: left; margin: 3vw 0px 0px 0px; box-sizing: border-box; text-align: center; font-size: 16px; line-height: 25px}   
.info_box .title{ width: 100%; float: left;  box-sizing: border-box; text-align: center; font-size:30px;  color: #000; }   
.info_box .title em{  color: #000; font-weight: 600;}       
 .info_box .title_line{ width: 50%; float: left; border-right: 1px solid #999; height: 40px;; margin: 20px 0px} 
 .info_box .tx1{width: 100%; float: left;box-sizing: border-box; text-align: center; font-size: 16px; line-height: 25px}       
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.info_box{ width: 100%; float: left; margin: 5vw 0px 30px 0px; box-sizing: border-box; text-align: center; font-size: 14px; line-height: 25px}   
.info_box .title{ width: 100%; float: left;  box-sizing: border-box; text-align: center; font-size:20px;  color: #000; }   
.info_box .title em{  color: #000; font-weight: 600;}       
 .info_box .title_line{ width: 50%; float: left; border-right: 1px solid #999; height: 20px;; margin: 5px 0px} 
 .info_box .tx1{width: 100%; float: left;box-sizing: border-box; text-align: center; font-size: 13px; line-height: 20px}       
}


/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.pharmacy_box01{ width: 100%; float: left; margin-top: 2vw; margin-bottom: 30px}   
.pharmacy_box01 .fl_box{ width: 190px;; float: left; border-right: 1px solid #ccc}  
.pharmacy_box01 .fr_box{ width:calc(100% - 190px) ;float: left; padding-left: 2vw; box-sizing: border-box ; padding-top: 1vw}     
.pharmacy_box01 .fr_box .tx1{ width:100% ;float: left; font-size: 20px; color: #333; font-weight: 700; margin-bottom: 10px }
.pharmacy_box01 .fr_box .tx2{ width:100% ;float: left; font-size: 16px; line-height: 25px; color: #333; margin-bottom: 10px }   
    
.pharmacy_box02{ width: 100%; float: left;  padding: 1.5vw 3vw 1vw 3vw; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #ccc}  
.pharmacy_box02 .inbox1{ width: 50%; float: left;  padding-right: 20px; box-sizing: border-box}  
.pharmacy_box02 .inbox2 input{  padding-left: 15px; box-sizing: border-box}      
.pharmacy_box02 .inbox2{ width: 40%; float: left;  padding-right: 20px; box-sizing: border-box} 
.pharmacy_box02 .inbox3{ width: 10%; float:right;  box-sizing: border-box}   
     
.pharmacy_box02 .inbox3 input.btn{  padding: 12px 25px;   color: #Fff; font-size: 14px; background-color: #FF0004 ; display: block; border: none }        
  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.pharmacy_box01{ width: 100%; float: left; margin-top: 2vw; margin-bottom: 30px}   
.pharmacy_box01 .fl_box{ width: 190px;; float: left; border-right: 1px solid #ccc}  
.pharmacy_box01 .fr_box{ width:calc(100% - 190px) ;float: left; padding-left: 2vw; box-sizing: border-box ; padding-top: 1vw}     
.pharmacy_box01 .fr_box .tx1{ width:100% ;float: left; font-size: 20px; color: #333; font-weight: 700; margin-bottom: 10px }
.pharmacy_box01 .fr_box .tx2{ width:100% ;float: left; font-size: 16px; line-height: 25px; color: #333; margin-bottom: 10px }   
    
.pharmacy_box02{ width: 100%; float: left;  padding: 1.5vw 3vw 1vw 3vw; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #ccc}  
.pharmacy_box02 .inbox1{ width: 50%; float: left;  padding-right: 20px; box-sizing: border-box}  
.pharmacy_box02 .inbox2 input{  padding-left: 15px; box-sizing: border-box}      
.pharmacy_box02 .inbox2{ width: 40%; float: left;  padding-right: 20px; box-sizing: border-box} 
.pharmacy_box02 .inbox3{ width: 10%; float:right;  box-sizing: border-box}   
     
.pharmacy_box02 .inbox3 input.btn{  padding: 0px 25px; height: 45px !important;color: #Fff; font-size: 14px; background-color: #FF0004 ; display: block; border: 1px solid #FF0004}   
	



}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.pharmacy_box01{ width: 100%; float: left; margin-top: 2vw; margin-bottom: 10px}   
.pharmacy_box01 .fl_box{ width: 50px; float: left; border-right: 1px solid #ccc}  
.pharmacy_box01 .fl_box img{ width: 50px; float: left; }  	
.pharmacy_box01 .fr_box{ width:calc(100% - 50px) ;border-left: 1px solid #ccc;float: left; padding-left: 2vw; box-sizing: border-box ; padding-top: 1vw}     
.pharmacy_box01 .fr_box .tx1{ width:100% ;float: left; font-size: 16px; color: #333; font-weight: 700; margin-bottom: 10px }
.pharmacy_box01 .fr_box .tx2{ width:100% ;float: left; font-size: 12px; line-height: 20px; color: #333; margin-bottom: 10px }   
    
.pharmacy_box02{ width: 100%; float: left;  padding: 3vw 3vw 1vw 3vw; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #ccc}  
.pharmacy_box02 .inbox1{ width: 100%; float: left;  padding-right: 5px; box-sizing: border-box}  
.pharmacy_box02 .inbox1 select{ width: 100%; float: left; margin-bottom: 5px}  	
.pharmacy_box02 .inbox2 input{  box-sizing: border-box; padding-top: 0px 15px; box-sizing: border-box}      
.pharmacy_box02 .inbox2{ width:calc(100% - 45px); float: left;  box-sizing: border-box} 
.pharmacy_box02 .inbox3{ width: 45px; float:right;  box-sizing: border-box}   
     
.pharmacy_box02 .inbox3 input.btn{  padding: 0px 0px; width: 40px;height: 40px !important; color: #Fff; font-size: 12px; background-color: #FF0004 ; display: block; border: none }  
}

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

/**** pc ****/
@media only all and (min-width:1301px) {
	.pharmacy_search{  width: 100%; float: left; padding:1vw 1vw 1vw 1vw; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #ccc;  display:flex;  flex-direction:row; justify-content: center; }
.pharmacy_search .inbox{ width: 45%; float:left;  position: relative; padding-right: 5px; box-sizing: border-box;} 
.pharmacy_search .inbox input{box-sizing: border-box; padding-top: 0px 15px;  width: 100%; padding-left: 140px; height: 50px; line-height: 50px } 
.pharmacy_search .inbox .input_tt{ width: 130px;  float: left;  height: 48px; line-height: 48px; position: absolute; left: 1px; top: 1px; text-align: center; background-color: #666; color: #fff; padding-right: 25px} 
.pharmacy_search .inbox .input_tt i{ position: absolute; right:10px; top: 18px; color: #fff; font-size: 18px} 

.pharmacy_search  .btn{width: 10%; height: 50px; } 
.pharmacy_search  .btn input{width: 100%; height: 50px; line-height: 50px; background-color: #f00; text-align: center; color: #fff} 

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.pharmacy_search{  width: 100%; float: left; padding:1vw 1vw 1vw 1vw; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #ccc;  display:flex;  flex-direction:row; justify-content: center; }
.pharmacy_search .inbox{ width: 45%; float:left;  position: relative; padding-right: 5px; box-sizing: border-box;} 
.pharmacy_search .inbox input{box-sizing: border-box; padding-top: 0px 15px;  width: 100%; padding-left: 120px; height: 50px; line-height: 50px } 
.pharmacy_search .inbox .input_tt{ width: 110px;  float: left;  height: 48px; line-height: 48px; position: absolute; left: 1px; top: 1px; text-align: center; background-color: #666; color: #fff; padding-right: 25px; font-size: 13px} 
.pharmacy_search .inbox .input_tt i{ position: absolute; right:10px; top: 18px; color: #fff; font-size: 18px} 

.pharmacy_search  .btn{width: 10%; height: 50px; } 
.pharmacy_search  .btn input{width: 100%; height: 50px; line-height: 50px; background-color: #f00; text-align: center; color: #fff}
	
.pharmacy_search .inbox input::-webkit-input-placeholder{ 
    color:    #999; font-size: 12px; letter-spacing: -1px
}
.pharmacy_search .inbox input:-moz-placeholder { 
    color:    #999; font-size: 12px; letter-spacing: -1px
}
.pharmacy_search .inbox input::-moz-placeholder{ 
     color:    #999; font-size: 12px; letter-spacing: -1px
}
.pharmacy_search .inbox input:-ms-input-placeholder { 
    color:    #999; font-size: 12px; letter-spacing: -1px
}



}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.pharmacy_search{  width: 100%; float: left; padding:3vw; box-sizing: border-box; background-color: #f5f5f5; border: 1px solid #ccc; }
.pharmacy_search .inbox{ width: 100%; float:left;  position: relative;  box-sizing: border-box;margin-bottom: 5px} 
.pharmacy_search .inbox input{box-sizing: border-box; padding-top: 0px 15px;  width: 100%; padding-left: 100px; height: 40px; line-height: 40px } 
.pharmacy_search .inbox .input_tt{ width: 90px;  float: left;  height: 38px; line-height: 38px; position: absolute; left: 1px; top: 1px; text-align: center; background-color: #666; color: #fff; padding-right: 15px; font-size: 12px;} 
.pharmacy_search .inbox .input_tt i{ position: absolute; right:10px; top: 10px; color: #fff; font-size: 18px} 

.pharmacy_search  .btn{width: 100%;float:left;  height: 40px; } 
.pharmacy_search  .btn input{width: 100%; height: 40px; line-height: 38px; background-color: #f00; text-align: center; color: #fff} 



.pharmacy_search .inbox input::-webkit-input-placeholder{ 
    color:    #999; font-size: 11px; letter-spacing: -1px
}
.pharmacy_search .inbox input:-moz-placeholder { 
    color:    #999; font-size: 11px; letter-spacing: -1px
}
.pharmacy_search .inbox input::-moz-placeholder{ 
     color:    #999; font-size: 11px; letter-spacing: -1px
}
.pharmacy_search .inbox input:-ms-input-placeholder { 
    color:    #999; font-size: 11px; letter-spacing: -1px
}


	
	
}



/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.popup_maptitle { width: 100%; margin-bottom: 10px; float: left; font-size: 25px; color: #000; font-weight: 700	; position: relative	} 
.popup_maptitle .btn_print{ padding:7px 35px 7px 15px; border: 1px solid #ccc; color: #666; position: relative;  float: right; margin-top: 0px; line-height: 22px; font-size: 13px; cursor:pointer;}   
.popup_maptitle .btn_print i{ position: absolute;  right: 10px; top:7px; font-size: 22px; color: #666; line-height: 22px;} 
.popup_maptitle .btn_print:hover{ padding:7px 35px 7px 15px; border: 1px solid #000; color: #666; position: relative	;  float: right; margin-top: 0px; line-height: 22px; font-size: 13px}      
    
.popup_map_img { width: 100%;  float: left; min-height: 15vw ; background-color: #CCC} 
.popup_map_info { width: 100%; margin-bottom:10px; float: left;  } 
.popup_map_sinfo { width: 100%; margin-bottom:5px;float: left;  font-size: 14px; color: #666  } 
 
  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.popup_maptitle { width: 100%; margin-bottom: 10px; float: left; font-size: 25px; color: #000; font-weight: 700	; position: relative	} 
.popup_maptitle .btn_print{ padding:7px 35px 7px 15px; border: 1px solid #ccc; color: #666; position: relative	;  float: right; margin-top: 0px; line-height: 22px; font-size: 13px; cursor:pointer;}   
.popup_maptitle .btn_print i{position: absolute;  right: 10px; top:7px; font-size: 22px; color: #666; line-height: 22px;} 
.popup_maptitle .btn_print:hover{ padding:7px 35px 7px 15px; border: 1px solid #000; color: #666; position: relative	;  float: right; margin-top: 0px; line-height: 22px; font-size: 13px}      
    
.popup_map_img { width: 100%;  float: left; min-height: 15vw ; background-color: #CCC} 
.popup_map_info { width: 100%; margin-bottom:10px; float: left;  } 
.popup_map_sinfo { width: 100%; margin-bottom:5px;float: left;  font-size: 14px; color: #666  } 

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.popup_maptitle { width: 100%; margin-bottom: 10px; float: left; font-size: 20px; color: #000; font-weight: 700	; position: relative	} 
.popup_maptitle .btn_print{ padding:7px 35px 7px 15px; border: 1px solid #ccc; color: #666; position: relative	;  float: right; margin-top: 0px; line-height: 22px; font-size: 13px; cursor:pointer;}   
.popup_maptitle .btn_print i{ position: absolute;  right: 10px; top:7px; font-size: 22px; color: #666; line-height: 22px;} 
.popup_maptitle .btn_print:hover{ padding:7px 35px 7px 15px; border: 1px solid #000; color: #666; position: relative	;  float: right; margin-top: 0px; line-height: 22px; font-size: 13px}      
    
.popup_map_img { width: 100%;  float: left; min-height: 30vh ; background-color: #CCC} 
.popup_map_info { width: 100%; margin-bottom:10px; float: left;  } 
.popup_map_sinfo { width: 100%; margin-bottom:5px;float: left;  font-size: 14px; color: #666  } 
  
}


/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.newspaper_box{ width: 100%; float: left; } 
.newspaper_box .fl_tx{ width: 320px; float: left; border-top: 1px solid #ccc; } 
.newspaper_box .fl_tx .inbox01{ width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 2vw 0px; position: relative } 
.newspaper_box .fl_tx .inbox01 .tx1{ width: 100%; float: left; font-size: 24px; color: #000; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; ; margin-bottom: 10px } 
.newspaper_box .fl_tx .inbox01 .tx2{ width: 100%; float: left; font-size: 16px; line-height: 25px; color: #666; margin-bottom: 40px } 
.newspaper_box .fl_tx .inbox01 .icon{ position: absolute; bottom: 20px; right: 0px} 
    
.newspaper_box .fr_tb{ width:calc(100% - 320px); float: left;  padding-left: 3vw }     
.newspaper_box .fr_tb .btn_box{ width: 100%; float: left;  padding: 30px 0px; text-align: 	center}     
.newspaper_box .fr_tb .btn_box a.wr{ padding:10px 30px; background-color:#666; border:1px solid #666; font-size:14px; color:#fff; font-weight: 400; letter-spacing:-0.2px; border-radius: 50px  } 
.newspaper_box .fr_tb .btn_box a.wr:hover{    background-color:#333; border:1px solid #000; color:#fff;  } 	
.newspaper_box .fr_tb .btn_box a.cancel{ padding:10px 30px;  background-color:#eee; border:1px solid #999; color:#000;font-size:14px; font-weight: 400; letter-spacing:-0.2px; border-radius: 50px  } 
.newspaper_box .fr_tb .btn_box a.cancel:hover{    background-color:#ccc; border:1px solid #666; color:#000;  } 	
	
.new_box1{  width: 47%; float: left; }    
.new_box2{  width: 53%; float: left; }    
.new_box3{  width:33%; float: left; }   
.new_box3 p{ float: left;  line-height: 30px; margin-right: 5px }   
.new_box3 p input.ch{  width: 18px; height: 18px;  margin-top: -2px }  
textarea.new_st{  width: 100%; height: 200px; border: solid 1px #ccc; background-color: #f7f7f7 }  

    
.inin_tt{ float: left;  width: 25%}    
.inin_tt p{ float: left;  line-height: 40px; margin-left: 5px}  
.inin_td p{ float: left;  line-height: 40px; margin-left: 5px}       
.inin_td{ float: left;  width: 75%; font-size: 13px; color: #999}   
.inin_td input.st1{ border: solid 1px #ccc; background-color: #f7f7f7}    
.inin_tt input.ch{  width: 18px; height: 18px;  margin-top: -2px }        
  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.newspaper_box{ width: 100%; float: left; } 
.newspaper_box .fl_tx{ width: 100%; float: left; border-top: 1px solid #ccc; } 
.newspaper_box .fl_tx .inbox01{ width: 50%; float: left; border-bottom: 1px solid #ccc; padding: 2vw 2vw; position: relative; height: 280px } 
.newspaper_box .fl_tx .inbox01 .tx1{ width: 100%; float: left; font-size: 24px; color: #000; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; ; margin-bottom: 10px } 
.newspaper_box .fl_tx .inbox01 .tx2{ width: 100%; float: left; font-size: 16px; line-height: 25px; color: #666; margin-bottom: 40px } 
.newspaper_box .fl_tx .inbox01 .icon{ position: absolute; bottom: 20px; right: 0px} 
    
.newspaper_box .fr_tb{ width: 100%; float: left;  }     
 .newspaper_box .fr_tb .btn_box{ width: 100%; float: left;  padding: 30px 0px; text-align: 	center}     
.newspaper_box .fr_tb .btn_box a.wr{ padding:10px 30px; background-color:#666; border:1px solid #666; font-size:14px; color:#fff; font-weight: 400; letter-spacing:-0.2px; border-radius: 50px  } 
.newspaper_box .fr_tb .btn_box a.wr:hover{    background-color:#333; border:1px solid #000; color:#fff;  } 	
.newspaper_box .fr_tb .btn_box a.cancel{ padding:10px 30px;  background-color:#eee; border:1px solid #999; color:#000;font-size:14px; font-weight: 400; letter-spacing:-0.2px; border-radius: 50px  } 
.newspaper_box .fr_tb .btn_box a.cancel:hover{    background-color:#ccc; border:1px solid #666; color:#000;  } 	
	   
.new_box1{  width: 47%; float: left; }    
.new_box2{  width: 53%; float: left; }    
.new_box3{  width:33%; float: left; }   
.new_box3 p{ float: left;  line-height: 30px; margin-right: 5px }   
.new_box3 p input.ch{  width: 18px; height: 18px;  margin-top: -2px }  
textarea.new_st{  width: 100%; height: 200px; border: solid 1px #ccc; background-color: #f7f7f7 }  

    
.inin_tt{ float: left;  width: 25%}    
.inin_tt p{ float: left;  line-height: 40px; margin-left: 5px}  
.inin_td p{ float: left;  line-height: 40px; margin-left: 5px}       
.inin_td{ float: left;  width: 75%; font-size: 13px; color: #999}   
.inin_td input.st1{ border: solid 1px #ccc; background-color: #f7f7f7}    
.inin_tt input.ch{  width: 18px; height: 18px;  margin-top: -2px }  
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
  .newspaper_box{ width: 100%; float: left; } 
.newspaper_box .fl_tx{ width: 100%; float: left; border-top: 1px solid #ccc; } 
.newspaper_box .fl_tx .inbox01{ width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 2vw 2vw; position: relative;  } 
.newspaper_box .fl_tx .inbox01 .tx1{ width: 100%; float: left; font-size: 18px; color: #000; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; ; margin-bottom: 10px } 
.newspaper_box .fl_tx .inbox01 .tx2{ width: 100%; float: left; font-size: 14px; line-height: 20px; color: #666; margin-bottom: 20px } 
.newspaper_box .fl_tx .inbox01 .icon{ position: absolute; bottom: 20px; right: 0px} 
    
.newspaper_box .fr_tb{ width: 100%; float: left;  }     
  .newspaper_box .fr_tb .btn_box{ width: 100%; float: left;  padding: 30px 0px; text-align: 	center}     
.newspaper_box .fr_tb .btn_box a.wr{ padding:10px 30px; background-color:#666; border:1px solid #666; font-size:14px; color:#fff; font-weight: 400; letter-spacing:-0.2px; border-radius: 50px  } 
.newspaper_box .fr_tb .btn_box a.wr:hover{    background-color:#333; border:1px solid #000; color:#fff;  } 	
.newspaper_box .fr_tb .btn_box a.cancel{ padding:10px 30px;  background-color:#eee; border:1px solid #999; color:#000;font-size:14px; font-weight: 400; letter-spacing:-0.2px; border-radius: 50px  } 
.newspaper_box .fr_tb .btn_box a.cancel:hover{    background-color:#ccc; border:1px solid #666; color:#000;  } 	
	  
.new_box1{  width: 100%; float: left; }    
.new_box2{  width: 100%; float: left; }    
.new_box3{  width:50%; float: left; }   
.new_box3 p{ float: left;  line-height: 30px; margin-right: 2px }   
.new_box3 p input.ch{  width: 18px; height: 18px;  margin-top: -2px }  
textarea.new_st{  width: 100%; height: 200px; border: solid 1px #ccc; background-color: #f7f7f7 }  

    
.inin_tt{ float: left;  width: 25%}    
.inin_tt p{ float: left;  line-height: 32px;}  
.inin_td p{ float: left;  line-height:32px; }       
.inin_td{ float: left;  width: 75%; font-size: 13px; color: #999}   
.inin_td input.st1{ border: solid 1px #ccc; background-color: #f7f7f7; height:30px}    
.inin_tt input.ch{  width: 18px; height: 18px;  margin-top: -2px; margin-right: 2px }  
}

/* 2018-09-26 수정사항 변경 값 180921_홈페이지 수정안.pptx 작업 */
/* 푸터 개인정보처리방침 대원주황색 */
/*footer .f_pc .fl_cont .link_box a:nth-child(3) { color: rgb(255,153,0); }*/
footer .f_pc .fl_cont .link_box a:nth-child(2) { color: rgb(255,153,0); font-weight: bold;}

/* 해더 인재채용 아이콘 글씨 자간 */
header.large #head_home .inner .myinfo .g_menuin:nth-child(3) i.material-icons { margin-right: 5px; }





/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.popup_title { width: 100%; float: left;  margin-bottom: 10px;font-size: 20px; color: #000; font-weight: 700	; position: relative	 } 		
.popup_title .intx{ font-size: 20px; color: #000; font-weight: 700	; position: relative } 			
.popup_cont { width: 100%; float: left;	 margin-top: 20px; height: 600px; overflow-x: hidden; overflow-y: scroll} 
.popup_cont .stitle{ width: 100%; float: left;	 font-size:18px; color: #000; font-weight: 900; margin-bottom: 10px} 
.popup_cont .sstitle{ width: 100%; float: left;	 font-size:16px; color: #666; font-weight: 900; margin-bottom: 5px} 	
.popup_cont .stx{ width: 100%; float: left;	 font-size: 14px; color: #666;margin-bottom: 20px; line-height: 25px} 
.popup_cont2 { width: 100%; float: left; max-height: 600px; overflow-x: hidden;overflow-y: auto} 
 .popup_cont2 .emailinfobox{ width: 100%; float: left; padding: 0px 0px; padding-left: 90px; box-sizing: border-box; position: relative; margin-top: 50px; margin-bottom: 50px; line-height: 30px} 
  .popup_cont2 .emailinfobox i{ color: #ccc; font-size: 70px; position: absolute; left: 10px; top:0px; } 
   .popup_cont2 .emailinfobox img{  position: absolute; left: 0px; top:0px;  width:80px } 
 
  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.popup_title { width: 100%; float: left;  margin-bottom: 10px; font-size: 20px; color: #000; font-weight: 700	; position: relative	 } 		
.popup_title .intx{ font-size: 20px; color: #000; font-weight: 700	; position: relative } 		
	.popup_cont { width: 100%; float: left;	 margin-top: 20px;height: 600px; overflow-x: hidden; overflow-y: scroll} 
.popup_cont .stitle{ width: 100%; float: left;	 font-size:18px; color: #000; font-weight: 900; margin-bottom: 10px} 
.popup_cont .sstitle{ width: 100%; float: left;	 font-size:16px; color: #000; font-weight: 900; margin-bottom: 5px} 	
.popup_cont .stx{ width: 100%; float: left;	 font-size: 14px; color: #666;margin-bottom: 20px; line-height: 25px} 
.popup_cont2 { width: 100%; float: left;max-height: 600px; overflow-x: hidden;overflow-y: auto} 
 .popup_cont2 .emailinfobox{ width: 100%; float: left; padding: 0px 0px; padding-left: 90px; box-sizing: border-box; position: relative; margin-top: 50px; margin-bottom: 50px; line-height: 30px} 
  .popup_cont2 .emailinfobox i{ color: #ccc; font-size: 70px; position: absolute; left: 10px; top:0px; } 
     .popup_cont2 .emailinfobox img{  position: absolute; left: 0px; top:0px;  width:80px } 
 
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.popup_title { width: 100%; float: left;  margin-bottom: 10px; position: relative; background-color: #232323; position: absolute; top: 0px; left: 0px; padding: 0px  15px ;  height: 55px; text-align: center; overflow: hidden;  box-sizing: border-box; text-align: left;  display: table;} 
.popup_title .intx{ display: table-cell;
 vertical-align: middle;text-align: left; font-size: 16px; color: #000; font-weight: 600	; color: #fff;  } 	
.popup_cont { width: 100%; float: left;	 margin-top: 20px; height:100%; overflow-x: hidden; overflow-y: scroll} 
.popup_cont .stitle{ width: 100%; float: left;	 font-size:16px; color: #000; font-weight: 900; margin-bottom: 10px} 
.popup_cont .sstitle{ width: 100%; float: left;	 font-size:14px; color: #000; font-weight: 900; margin-bottom: 5px} 	
.popup_cont .stx{ width: 100%; float: left;	 font-size: 13px; color: #666;margin-bottom: 20px; line-height: 25px; } 
.popup_cont2 { width: 100%; float: left; margin-top: 20px} 
 .popup_cont2 .emailinfobox{ width: 100%; float: left; padding: 0px 0px; padding-left: 90px; box-sizing: border-box; position: relative; margin-top: 50px; margin-bottom: 50px; line-height: 20px;  font-size: 14px} 
  .popup_cont2 .emailinfobox i{ color: #ccc; font-size: 70px; position: absolute; left: 10px; top:0px; } 
   .popup_cont2 .emailinfobox img{  position: absolute; left: 0px; top:0px;  width:80px } 
 
}




/****************************************/
/**** pc ****/
@media only all and (min-width:1301px) {
.sitemap_box { width: 100%; float: left; display:flex; flex-wrap: wrap;justify-content: space-between;  } 
.sitemap_box .b_menu{ width:22%; float: left; margin-bottom: 30px  } 
.sitemap_box .b_menu .bb{ width: 100%; float: left; padding: 10px 10px; box-sizing: border-box; font-weight: 700 ; font-size:18px; color: #000 ;; border-bottom: 3px solid #333;} 
.sitemap_box .b_menu .mm_box{ width:100%; float:right; border-bottom: 1px solid #ccc;; padding: 7PX 10PX; box-sizing: border-box; font-size: 13px; } 			
.sitemap_box .b_menu .mm_box .mm{ width: 50%; float: left; font-size: 13px; } 			
.sitemap_box .b_menu .mm_box .ss{ width: 50%; float: right;  }
.sitemap_box .b_menu .mm_box .ss a{ width:100%;float: left; border-top: 1px solid #ccc; padding: 5px 0px; font-size: 12px;  color: #666;font-weight: 400 ; } 
	.sitemap_box .b_menu .mm_box .ss a:first-child{ width:100%;float: left; border-top:none; padding: 5px 0px; font-size: 12px;  color: #666; font-weight: 400 ; } 			
		

  }  
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.sitemap_box { width: 100%; float: left; display:flex; flex-wrap: wrap;justify-content: space-between;   } 
.sitemap_box .b_menu{ width:22%; float: left; margin-bottom:10px  } 
.sitemap_box .b_menu .bb{ width: 100%; float: left; padding: 10px 10px; box-sizing: border-box; font-weight: 700 ; font-size:18px; color: #000 ;; border-bottom: 3px solid #333;} 
.sitemap_box .b_menu .mm_box{ width:100%; float:right; border-bottom: 1px solid #ccc;; padding: 5PX 10PX; box-sizing: border-box; font-size: 13px; } 			
.sitemap_box .b_menu .mm_box .mm{ width: 50%; float: left; font-size: 13px; } 			
.sitemap_box .b_menu .mm_box .ss{ width: 50%; float: right;  }
.sitemap_box .b_menu .mm_box .ss a{ width:100%;float: left; border-top: 1px solid #ccc; padding: 3px 0px; font-size: 12px;  color: #666;font-weight: 400 ; } 
	.sitemap_box .b_menu .mm_box .ss a:first-child{ width:100%;float: left; border-top:none; padding: 3px 0px; font-size: 12px;  color: #666; font-weight: 400 ; } 			
		
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.sitemap_box { width: 100%; float: left; display:flex; flex-wrap: wrap;justify-content: space-between;  } 
.sitemap_box .b_menu{ width:50%; float: left; margin-bottom: 30px  } 
.sitemap_box .b_menu .bb{ width: 100%; float: left; padding: 10px 10px; box-sizing: border-box; font-weight: 700 ; font-size:18px; color: #000 ;; border-bottom: 3px solid #333;} 
.sitemap_box .b_menu .mm_box{ width:100%; float:right; border-bottom: 1px solid #ccc;; padding: 7PX 10PX; box-sizing: border-box; font-size: 13px; } 			
.sitemap_box .b_menu .mm_box .mm{ width: 50%; float: left; font-size: 13px; } 			
.sitemap_box .b_menu .mm_box .ss{ width: 50%; float: right;  }
.sitemap_box .b_menu .mm_box .ss a{ width:100%;float: left; border-top: 1px solid #ccc; padding: 5px 0px; font-size: 12px;  color: #666;font-weight: 400 ; } 
	.sitemap_box .b_menu .mm_box .ss a:first-child{ width:100%;float: left; border-top:none; padding: 5px 0px; font-size: 12px;  color: #666; font-weight: 400 ; } 			
		
}




/**** pc ****/
@media only all and (min-width:1301px) {
.gotop_link{  position: fixed; right: 2vw; bottom:  2vw;  z-index: 99999999}
.gotop_link a{  width: 50px; height: 50px; background-color: rgba(0,0,0,0.5) ; border-radius: 100px; text-align: center; line-height:50px; display:block; padding-top: 0px; box-sizing: border-box; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  display: block 
}
.gotop_link a:hover { width: 50px; height: 50px; background-color: rgba(0,0,0,1) ; border-radius: 100px; text-align: center; line-height:50px; display:block; padding-top: 0px; box-sizing: border-box}		
.gotop_link i{  font-size: 30px; color: #fff}

}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
	.gotop_link{  position: fixed; right: 2vw; bottom:  2vw;  z-index: 99999999}
.gotop_link a{  width: 50px; height: 50px; background-color: rgba(0,0,0,0.5) ; border-radius: 100px; text-align: center; line-height:50px; display:block; padding-top: 0px; box-sizing: border-box; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  
}
.gotop_link a:hover { width: 50px; height: 50px; background-color: rgba(0,0,0,1) ; border-radius: 100px; text-align: center; line-height:50px; display:block; padding-top: 0px; box-sizing: border-box}		
.gotop_link i{  font-size: 30px; color: #fff}

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.gotop_link{  position: fixed; right: 2vw; bottom:  2vw;  z-index: 99999999}
.gotop_link a{  width: 50px; height: 50px; background-color: rgba(0,0,0,0.5) ; border-radius: 100px; text-align: center; line-height:50px; display:block; padding-top: 0px; box-sizing: border-box; transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */  
}
.gotop_link a:hover { width: 50px; height: 50px; background-color: rgba(0,0,0,1) ; border-radius: 100px; text-align: center; line-height:50px; display:block; padding-top: 0px; box-sizing: border-box}		
.gotop_link i{  font-size: 30px; color: #fff}
}