  /* 영도 css */   
     
       body {  background-image: URL('./3d/PDS-BG.jpg');  background-size: 100% 100% ;  background-repeat: no-repeat; background-attachment: fixed;  margin: 0; font-family:'Nanum Gothic','돋움',Dotum; font-size: 10px; line-height:180%; color: #869690; letter-spacing:-1px; }
            
   
       a:link, a:visited { font-family:'Nanum Gothic'; font-size: 9pt; color: gray; text-decoration: none; letter-spacing:-1px;}
       a:hover { font-family:'Nanum Gothic'; font-size: 9pt; color: red; text-decoration: underline; letter-spacing:-1px;}
       a:active { font-family:'Nanum Gothic'; font-size: 9pt; color: white; background-color: green; letter-spacing:-1px;}
         
     	.cycle1{font-weight:bold; color:#ffffff; font-size:26px; background-color:#ceb67e; padding:4px;  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}   	
     	.cycle_red{font-weight:bold; color:#ffffff; font-size:26px; background-color:#b23610; padding:3px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
   		.cycle_gray{font-weight:bold; color:#ffffff; font-size:26px; background-color:gray; padding:3px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
   	  
   	  
       #screen_b{position:fixed; width:100%; height:100%; background:#000; text-align:center; z-index:9999999999;}
       #screen_b img{display:block; width:300px; height:200px; position:absolute; top:53%; margin-top:-150px; left:50%; margin-left:-150px;}
       #screen_b #gage_bak{width:300px; height:7px; position:absolute; top:64%; margin-top:0px; left:50%; margin-left:-150px; background:#fff;}
       #screen_b #gage{width:298px; height:5px; padding:1px 0; position:absolute; top:64%; margin-top:0px; left:50%; margin-left:-149px; overflow:hidden;}
       #screen_b #gage span{width:298px; height:5px; position:absolute; left:-298px; background:#1f8ee6;}
     
        #ad_top {position:absolute; right:0 ; top:0; background:#000; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:16pt; font-weight: bold; color:yellow; text-align:right;}
        #tooltip{  position:absolute;  	border:2px solid #333;   background:#f7f5d1;   padding:3px 6px;   font-size:9pt;	  color:#333;	  display:none;	  z-index:1100000011;}	
	

        #you_size {width:330px; height:180px; }
       
 
      .text-rainbow {
            background-image: linear-gradient(90deg, red, orange, green, blue, navy, purple, red, black);
            -webkit-background-clip: text;
            color: transparent;

            font-weight: bold;
           
           }

 
      #toplink_s_pj_home_link {position: absolute; margin:0 auto; width:650px; left: 50%; top: 60%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}
  
      #toplink_s_pj_home_link img_hsst { width:80px; }

      #toplink_s_pj_home_link_input_pj_issm {position: absolute; margin:0 auto; width:650px; left: 10%; top: -10%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:right;}

      #pj_home_link_input_pj_issm_txt { position: absolute; left: 32%;  top:0%; padding-top:8px;   float:left; line-height: 170%; font-family:'Nanum Gothic'; font-size:15pt; font-weight: bold; color:#ededed; }

      #pj_home_link_input_pj_issm_img { position: absolute; left: 385px;  top:-8px; width:500px; text-align:left; padding-top:8px;   float:left;  }

      #pj_home_link_input {position: absolute; margin:0 auto; width:650px; left: 50%; top: 80%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}

 
      #pj {position: absolute; margin:0 auto; width:650px; left: 50%; top: 40%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}
   
   
       #pj_shot {position: absolute;  width:650px; left: 54%; top: -9%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:17pt; font-weight: bold; color:yellow; text-align:right;}
   
       #pj_shot a {font-family:'Nanum Gothic'; font-size:15pt; font-weight: bold; color:#86aec4; text-align:right;}
       #pj_shot img {width:60px; vertical-align:middle; opacity: 0.8; filter: alpha(opacity=80); /* IE8 및 그 이하 버전용 */ }
   
    
      #pj_home_link {position: absolute; margin:0 auto; width:650px; left: 50%; top: 60%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}
    
      #pj_home_link_input_pj_issm {position: absolute; margin:0 auto; width:650px; left: 10%; top: -10%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:right;}

      #pj_home_link_input_pj_issm_txt { position: absolute; left: 32%;  top:0%; padding-top:8px;   float:left; line-height: 170%; font-family:'Nanum Gothic'; font-size:15pt; font-weight: bold; color:#ededed; }

      #pj_home_link_input_pj_issm_img { position: absolute; left: 385px;  top:-8px; width:500px; text-align:left; padding-top:8px;   float:left;  }

      #pj_home_link_input {position: absolute; margin:0 auto; width:650px; left: 50%; top: 80%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}

      #img_hss { width:80px; }
      
      
      #pj_ani {position: absolute; margin:0 auto; width:230px; height:500px; right: -360px; top: 0%; 
      transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:10pt; font-weight: bold; color:yellow; text-align:center;}
      
            #ani_img { width:220px; padding-top:5px; }

   
      #wpg_right {position: absolute; margin:0 auto; width:650px; left: 50%; bottom: -3%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:12pt; font-weight: bold; color:yellow; text-align:right;}
    
      /*
      #wpg_youtube {position: absolute; margin:0 auto; width:650px; left:-330 ; top:0; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:12pt; font-weight: bold; color:yellow; text-align:right;}
      #you_size {width:310; height:190; }
       */
       
       
   @media (max-width:300px) {  /* 핸폰    최대 420 background-color:#ceb67e;------------ */
        
        
        #gooey-v {  position:fixed; left:2%; bottom: 2%;  }

        .round_menu_txt  {  font-family:'Nanum Gothic'; font-size: 8pt; color: white; 
                            font-weight:bold; text-decoration: none; letter-spacing:-1px; line-height:120%; text-align:center;  }
                            
        #div_popup { position:absolute; left:30px; top:90px; z-index:2; visibility:hidden; 
                      background-color: #5758bb; box-shadow: 0px 0px 100px black;
                      }  
                      
                      
         #toplink_s { position:fixed; margin:0 auto; top:6%; right:4%; z-index:110; width:340px; height:30px; } 
                            
         .toplink_s_pj { margin-top:-20px; font-family:'Nanum Gothic'; font-size:9pt; font-weight: bold; color:white; text-align:left;}
                
           #br {padding:2px;}
         #imgg {width:33px; padding:1px; vertical-align:middle; /* IE8 및 그 이하 버전용 */ }   
         #imgg2 {width:27px; padding:3px 3px 3px 5px ; vertical-align:middle; /* IE8 및 그 이하 버전용 */ }
         #imgg33 {width:27px; padding:3px 3px 6px -2px ; vertical-align:middle; /* IE8 및 그 이하 버전용 */ }
      
 
        #pj_home_link_part {position: absolute; margin:0 auto; width:650px; left: 50%; top: 60%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}
    
       #pj_home_link_input_pj_issm_part {position: absolute; margin:0 auto; width:650px; left: 10%; top: -10%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:right;}


       #pj_home_link_input_pj_issm_txt_part { position: absolute; left: 38%;  top:-30px; padding-top:8px;   float:left; line-height: 170%; 
      
      font-family:'Nanum Gothic'; font-size:23pt; font-weight: bold; color:yellow; }
      
      #pj_home_link_input_pj_issm_img_part { position: absolute; left: 350px;  top:35px; width:500px; text-align:left; padding-top:8px;   float:left;  }

      .pj_home_link_input_pj_issm_txt_part_a { font-family:'Nanum Gothic'; font-size:19pt; font-weight: bold; color:#ededed; }
      
      .pj_home_link_input_pj_issm_txt_part_aaa { font-family:'Nanum Gothic'; font-size:23pt; font-weight: bold; color:pink; }
      
      
      #pj_home_link_input_part {position: absolute; margin:0 auto; width:650px; left: 50%; top: 80%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}

      #img_hss_part { width:80px; }
      
      
          /* 
         #wpg_youtube {position: absolute; margin:0 auto; width:650px; left:-23 ; top:-170; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:12pt; font-weight: bold; color:yellow; text-align:right;}
         */ 
        
        #wpg_youtube {position: absolute; margin:0 auto; width:650px; left:20px ; top:20px; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:12pt; font-weight: bold; color:yellow; text-align:right;}
  
        #big_youtube {
        
           position: absolute; margin:0 auto;  width:550px; left: 400px; top: 200px;  
             transform: translate(-50%, 0); line-height:100%;
             text-align:center;
             font-family:'Nanum Gothic'; font-size:25pt; font-weight: bold; color:black;

           }
           
           
              /*  모바일 상단 마이픽 웹진 리스트 --------- */
   
          
            #top_menu { width:100%; margin:0 auto; text-align:center; padding-left:30px;  font-size:12px;  padding:5px;}

             #logos { width:250px; padding:20px;}
           
           
             #top_txt1 { width:90%; text-align:left; padding-left:30px;  font-size:16px;  padding-bottom:15px;}


           #book_table_top { 
           position: relative; 
           width:100%;  
           border:0px solid green; 
           background-size: 100%; 

           background-image: URL('3d/glass2-m.png'); 
           background-position:center top; 
           background-repeat: repeat-y; 
           }
           
               
           #book_table_in_top { 
           width:92%;  
           text-align:center; 
           }
         
         
            #bkk2_top {  position: relative;
             
               border:1px solid #bcbcbc; width:65px; height:100px; 
              padding: 10px; margin: 0px 5px 61px 10px; float:left; text-align:left; 
             box-shadow: 0px -2px 5px 3px #bcbcbc;
             font-size:10px;
             } 

           #bkk2_text_top {position: relative; border: 0px solid black; width:110px; 
           left:-10px; top:-31px; text-shadow: 2px -3px 4px white; font-size:11px;}
           
            #bkk2_text_many_top {position: relative; left:62px; top:-24px;}

            #bkk2_top:hover {transform: scale(1.3, 1.3);} /* 마우스 오버시 이미지 1.2배 확대 */
            
            
            .many_webzine { background: #919090; padding:4px; border:none;  border-radius: 50%;  box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  
            .many_webzine_up { background: black; padding:4px; border:none;  border-radius: 50%;  box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  

            /*  학원별 웹 브러슈어 리스트 --------- */
         
           #top_menu { width:100%; margin:0 auto; text-align:center;  font-size:5px;  padding:2px;}
           #top_menu a { font-size:7px;}

      
           #logos { width:270px; padding:10px;}
           
           #top_txt { width:90%; text-align:left; padding-left:30px;  font-size:16px;  padding-bottom:15px;}

           
           #book_table { 
           position: relative; 
           width:100%;  
           border:0px solid green; 
           background-image: URL('3d/glass_m.png'); 
           background-size: 100%; 
           background-position:center top; 
           background-repeat: repeat-y; 
           }
              #book_table_in { 
           width:92%;  
           }
         
         
              #bkk2 {  position: relative;
             
               border:1px solid #bcbcbc; width:65px; height:100px; 
             padding: 10px; margin: 0px 5px 61px 10px; float:left; text-align:left; 
             box-shadow: 2px 2px 3px 2px #cccccc;
             font-size:10px;
             } 
             
            #bkk2_text {position: relative; border: 0px solid black; width:110px; 
           left:-10px; top:-31px; text-shadow: 2px -3px 4px white; font-size:11px;}
  
             
            #bkk2_text_many {position: relative; left:62px; top:-24px;}

            #bkk2:hover {transform: scale(1.1, 1.1);} /* 마우스 오버시 이미지 1.2배 확대 */
            
            
             .many_webzine { background: #919090; padding:4px; border:none;  border-radius: 50%;  box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  
            .many_webzine_up { background: black; padding:4px; border:none;  border-radius: 50%;  box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  

           /*  분과 all  --------- */
      
                     #top_menu { width:100%; margin:0 auto; text-align:center; padding-left:30px;  font-size:12px;  padding:5px;}

             #logos { width:350px; padding:20px;}
           
          
           #book_table_top { 
           position: relative; 
           width:100%;  
           border:0px solid green; 
           background-size: 100%; 

           background-image: URL('3d/glass2-m.png'); 
           background-position:center top; 
           background-repeat: repeat-y; 
           }
           
               
           #book_table_in_top { 
           width:92%;  
           text-align:center; 
           }
         
         
            #bkk2_top {  position: relative;
             
               border:1px solid #bcbcbc; width:65px; height:100px; 
              padding: 10px; margin: 0px 5px 61px 10px; float:left; text-align:left; 
             box-shadow: 0px -2px 5px 3px #bcbcbc;
             font-size:10px;
             } 

           #bkk2_text_top {position: relative; border: 0px solid black; width:110px; 
           left:-10px; top:-31px; text-shadow: 2px -3px 4px white; font-size:11px;}
           
            #bkk2_text_many_top {position: relative; left:62px; top:-24px;}

            #bkk2_top:hover {transform: scale(1.3, 1.3);} /* 마우스 오버시 이미지 1.2배 확대 */
            
            
            .many_webzine { background: #919090; padding:4px; border:none;  border-radius: 50%;  box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  
            .many_webzine_up { background: black; padding:4px; border:none;  border-radius: 50%;  box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  

 }


   @media (min-width:301px) {  /* 피시    top:3%;      최소 640 ~ 1024 background-color:#b23610; background:#1f8ee6;  ---------- */

 
        #gooey-v {  position:fixed; top: 25%; left:2%; }        
        .round_menu_txt  {  font-family:'Nanum Gothic'; font-size: 10pt; color: white; 
                             font-weight:bold; text-decoration: none; letter-spacing:-1px; line-height:120%; text-align:center;  }       
        
        #div_popup { position:absolute; left:-300px; top:100px; z-index:2; visibility:hidden;
                      background-color: #5758bb; box-shadow: 0px 0px 30px black;          }
                      
         #toplink_s { position:fixed; margin:0 auto; top:0.8%; left:30%; z-index:110;  width:550px; height:30px; } 
                       
         .toplink_s_pj { font-family:'Nanum Gothic'; font-size:12pt; font-weight: bold; color:white; text-align:left;}
        
         #br {display:none;}

         #toplink_s_pj_home_link { position: relative; display:inline-block; float: left; width:200px; height:30px; text-align:right; background:red;}   
         
         #toplink_s_pj_shot a {font-family:'Nanum Gothic'; font-size:15pt; font-weight: bold; color:#86aec4; text-align:right;}
               
         #imgg {width:38px; padding:3px; vertical-align:middle; /* IE8 및 그 이하 버전용 */ }   
         #imgg2 {width:31px; padding:3px 3px 3px 5px; vertical-align:middle; /* IE8 및 그 이하 버전용 */ }
         #imgg33 {width:32px; padding:2px; vertical-align:middle; /* IE8 및 그 이하 버전용 */ }
         
         
      #pj_home_link_part {position: absolute; margin:0 auto; width:650px; left: 50%; top: 60%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}
    
      #pj_home_link_input_pj_issm_part {position: absolute; margin:0 auto; width:650px; left: 10%; top: -10%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:right;}

      #pj_home_link_input_pj_issm_txt_part { position: absolute; left: 38%;  top:23px; padding-top:8px;   float:left; line-height: 170%;  font-family:'Nanum Gothic'; font-size:20pt; font-weight: bold; color:yellow; }
      
      #pj_home_link_input_pj_issm_img_part { position: absolute; left: 430px;  top:30px; width:500px; text-align:left; padding-top:8px;   float:left;  }

      .pj_home_link_input_pj_issm_txt_part_a { font-family:'Nanum Gothic'; font-size:16pt; font-weight: bold; color:#ededed; }
      .pj_home_link_input_pj_issm_txt_part_aaa { font-family:'Nanum Gothic'; font-size:19pt; font-weight: bold; color:pink; }
      
      
      #pj_home_link_input_part {position: absolute; margin:0 auto; width:650px; left: 50%; top: 80%; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:33pt; font-weight: bold; color:yellow; text-align:center;}

      #img_hss_part { width:80px; }
      
      
      /*
       #wpg_youtube {position: absolute; margin:0 auto; width:650px; left:-330 ; top:0; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:12pt; font-weight: bold; color:yellow; text-align:right;}
       */
       
             #wpg_youtube {position: absolute; margin:0 auto; width:650px; left:0 ; top:0; transform: translate(-50%, 0); font-family:'Nanum Gothic'; font-size:12pt; font-weight: bold; color:yellow; text-align:right;}

         #big_youtube {  
             position: absolute; margin:0 auto; width:550px; left: 400px; top: 200px;  
             transform: translate(-50%, 0); line-height:100%;
             text-align:center;
             font-family:'Nanum Gothic'; font-size:25pt; font-weight: bold; color:black;

             }

     
             /*  피시 상단 마이픽 웹진 리스트 --------- */

        
             #top_menu { width:100%; margin:0 auto; text-align:center; padding-left:30px;  font-size:12px;  padding:5px;}

             #logos { width:300px; padding:20px;}
           
           
             #top_txt1 { width:960px; text-align:center; padding-left:0px;  font-size: 23px; padding-bottom:30px; line-height:120%; }
           
             .down {font-size: 12px;  padding:20px 0 ;}
             

           #book_table_top { 
           position: relative; 
           width:960px;  
           border:0px solid green; 
           background-image: URL('3d/glass2.png'); 
           background-position:center top; 
           background-repeat: repeat-y; 
           }
           
               
           #book_table_in_top { 
           width:840px;  text-align:center; 
           }
         
         
            #bkk2_top {  position: relative;
             
               border:1px solid #bcbcbc; width:86px; height:130px; 
             padding: 10px; margin: 0px 10px 63px 19px; float:left; text-align:left; 
             box-shadow: 0px -2px 5px 3px #bcbcbc;
             } 

           #bkk2_text_top {position: relative; border: 0px solid black; width:110px; 
           left:-10px; top:-31px; text-shadow: 2px -3px 4px white; text-align:center;  font-size:14px;}
           
           #bkk2_text_many_top {position: relative; left:75px; top:-24px;}
    
            #bkk2_top:hover {transform: scale(1.3, 1.3);} /* 마우스 오버시 이미지 1.2배 확대 */
            
             .many_webzine { background: #919090; padding:4px; border:none;  border-radius: 50%;  
                    box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:15px; font-weight:bold; }
           
            .many_webzine_up { background: black; padding:4px; border:none;  border-radius: 50%;  
                    box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  

              /*  학원별 웹 브러슈어 리스트 --------- */

           
             #top_menu { width:100%; margin:0 auto; text-align:center; padding-left:30px;  font-size:12px;  padding:5px;}

             #logos { width:350px; padding:20px;}
           
           
             #top_txt { width:960px; text-align:left; padding-left:180px;  font-size: 23px; padding-bottom:30px;}

           
           #book_table { 
           position: relative; 
           width:960px;  
           border:0px solid green; 
           background-image: URL('3d/glass1.png'); 
           background-position:center top; 
           background-repeat: repeat-y; 
           }
           
               
           #book_table_in { 
           width:840px;  text-align:center; 
           }
         
         
            #bkk2 {  position: relative;
             
               border:1px solid #bcbcbc; width:86px; height:130px; 
             padding: 10px; margin: 0px 10px 63px 19px; float:left; text-align:left; 
             box-shadow: 3px 3px 5px 3px #cccccc;
             } 
             
           #bkk2_text {position: relative; border: 0px solid black; width:110px; 
           left:-10px; top:-31px; text-shadow: 2px -3px 4px white;}
  

            #bkk2_text_many {position: relative; left:75px; top:-24px;}

            #bkk2:hover {transform: scale(1.1, 1.1);} /* 마우스 오버시 이미지 1.2배 확대 */
            
             .many_webzine { background: #919090; padding:4px; border:none;  border-radius: 50%;  box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  
            .many_webzine_up { background: black; padding:4px; border:none;  border-radius: 50%;  box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  

                      /*  분과 all  --------- */
      
           
               #top_menu { width:100%; margin:0 auto; text-align:center; padding-left:30px;  font-size:12px;  padding:5px;}

             #logos { width:350px; padding:20px;}
           
           
           #book_table_top { 
           position: relative; 
           width:960px;  
           border:0px solid green; 
           background-image: URL('3d/glass2.png'); 
           background-position:center top; 
           background-repeat: repeat-y; 
           }
           
               
           #book_table_in_top { 
           width:840px;  text-align:center; 
           }
         
         
            #bkk2_top {  position: relative;
             
               border:1px solid #bcbcbc; width:86px; height:130px; 
             padding: 10px; margin: 0px 10px 63px 19px; float:left; text-align:left; 
             box-shadow: 0px -2px 5px 3px #bcbcbc;
             } 

           #bkk2_text_top {position: relative; border: 0px solid black; width:110px; 
           left:-10px; top:-31px; text-shadow: 2px -3px 4px white;}
           
           #bkk2_text_many_top {position: relative; left:75px; top:-24px;}
    
            #bkk2_top:hover {transform: scale(1.3, 1.3);} /* 마우스 오버시 이미지 1.2배 확대 */
            
             .many_webzine { background: #919090; padding:4px; border:none;  border-radius: 50%;  
                    box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:15px; font-weight:bold; }
           
            .many_webzine_up { background: black; padding:4px; border:none;  border-radius: 50%;  
                    box-shadow: 2px 2px 3px 2px #cccccc; color:white; font-size:12px; font-weight:bold; }
  

  }