/* header scroll */
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap');

 @font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.top {width:100%;   z-index:99999; position:absolute; text-align:center; background-color:#fff  ; padding:20px 0 0 0;  min-width:1240px }
.top h1 {color:#00a5b5; font-size:1.7rem; margin:10px 0; font-weight:800}
.top h1 a  {color:#00a5b5 !important;}

.top h1 img {vertical-align:middle; margin-right:5px; margin-top:-4px}
 

.top_login_btn {position:absolute; right:30px; top:25px;}
.top_login_btn a {background-color:#f1f1f1; margin-left:3px;  padding:3px 10px; font-size:.92rem}

.menu-fixed {
      
	  position: fixed;
	  width:100%; display:inline-block; 
	  text-align:center;
	  height:65px;
	  min-width:1240px;
	  top: 0px; 
     
	  left:0px;  background-color:#fff; border-bottom:1px solid #ddd;
    z-index:9999999999999999999999999999999999999999
	}

.menu-fixed li {font-size:20px; letter-spacing:-2px; color:#333;  font-weight:600; display:inline-block; line-height:65px;  }
 .menu-fixed li:after {content:''; display:inline-block;  margin:0 30px; width:1px; height:15px; background-color:#999}
.menu-fixed li:last-child:after {display:none}



.menu-fixed li a {color:#333 !important; font-family: 'Noto Sans KR' !important; }
 
.main-menu {display:none}
.menu-fixed  { display:inline}
 


nav {   }

nav ul {
 width:auto; text-align:center;display:inline-block; font-size:0; line-height:0;  
}

nav ul li {
  display: inline-block;
  position: relative;  
}
nav ul li:after {content:''; display:inline-block;   width:1px; height:15px; background-color:#999}
nav ul li:last-child:after {display:none}

nav ul li a {
   font-family:'Noto Sans KR' !important; 
   font-size:1.35rem; font-weight:600;  letter-spacing:-1.5px;  padding:0 30px;
  transition: 0.3s linear;  line-height:80px;   display:inline-block; color:#333 !important; 
}

nav ul li:hover {   }

nav ul li ul {
 /*  border-bottom: 5px solid #00a5b5; */
  display: none;
  position: absolute;
  width:210px; top:80px; left:50%; margin-left:-105px;   margin-top:0;
}

nav ul li ul li {
  border-top: 1px solid #444;
  display: block;
}
nav ul li ul li:after {display:none}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #373737;
  display: block;
  padding: 8px 10px; line-height:25px; font-size:1rem; font-weight:400;  color:#fff !important;
}

nav ul li ul li a:hover { background: #00a5b5; }

nav .fa.fa-angle-down { margin-left: 6px; }


 
 

.footer {width:100%; background-color:#333; position:relative;  padding:50px 0;    box-sizing:border-box; min-width:1240px}
.footer ul {width:100%; text-align:center; }
.footer ul li { display:inline-block;  color:#fff; font-size:1rem; }
.footer ul li a {color:#fff !important}
.footer p  { text-align:center; line-height:1.6em; width:100%; display:block; padding:15px 0 ; font-size:0.92rem; color:rgba(255,255,255,.7)}


a.fixed_top {width:60px; line-height:60px; background-color:#00a5b5; color:#fff !important; text-align:Center; position:absolute; right:25px; top:-25px;} 


 

 
 /*인스타그램 api 추가*/

  /*  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: inherit;
            font-style: inherit;
            vertical-align: baseline;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        ol,ul {list-style: none;}
        table {border-collapse: separate;border-spacing: 0;}
        caption,th,td {text-align: left;font-weight: normal;}
        figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;} */
		
      
        #instagram {overflow: hidden;width: 100%;}
         #instagram * {box-sizing:border-box;}
		 .instagram_item {float: left;width: 100%;padding-right: 1px; padding-bottom: 1px;}
        .instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
        .instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
        .instagram_item p {width: 100%;padding:20px; line-height:1.4em; position: absolute;left: 0;top: 50%;font-size: 11pt;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);}
        .instagram_item > a:hover:before {opacity: 1;}
        .instagram_item > a:hover p {opacity: 1;}