@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


body {
background:url() no-repeat center center fixed; 
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
margin-top:0;
font-color:#252525;
background-color:#FFFFFF;

-webkit-text-size-adjust: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always;




  scrollbar-face-color: ;
  scrollbar-track-color: ;
  scrollbar-arrow-color: ;
  scrollbar-highlight-color: ;
  scrollbar-3dlight-color: ;
  scrollbar-shadow-color: ;
  scrollbar-darkshadow-color: ;



}






input::placeholder {
  color: #CCCCCC; font-size:10px;padding-left:3px;
  opacity: 1;
}


input:focus::-webkit-input-placeholder { color: transparent; } 
input:focus::-moz-placeholder { color: transparent; } 
input:focus:-ms-input-placeholder { color: transparent; } 
input:focus::-ms-input-placeholder { color: transparent; }




.fa-stack {font-size: 12pt; }
i {vertical-align: center; }


a:link, a:visited, a:active  {color:#44B5FB;text-decoration:none; transition: all .5s linear;}
a:hover  {color:#1DA1F2;font-weight:700;background-color:transparent; transition: all .5s linear;}

::selection { background:#BFE1FF; color:#1DA1F2; text-shadow: none; }
::-moz-selection { background:#BFE1FF; color:#1DA1F2; text-shadow: none; }



::-webkit-scrollbar {
width: 5px;height: 5px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 6px;display: block;background-color:#FFFFFF;}
::-webkit-scrollbar-track-piece {
background-color:#44B5FB;}
::-webkit-scrollbar-thumb:vertical {
height: 9px;background-color:#FFFFFF;border-top:1px solid #44B5FB;border-bottom:1px solid #44B5FB;}


[data-tooltip-text]:hover { position:relative;}

[data-tooltip-text]:after {
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: #44B5FB;
	
  box-shadow: 2px 2px 4px 0px rgba(70,70,70,0.35);

  color: #FFFFFF;
	font-family:NotoSansKR;font-size: 11px;line-height:130%;letter-spacing:0px; font-weight:700;
	margin-bottom: 10px;
	padding: 5px 7px;
	position: absolute;
	width: auto;
	min-width: 100px;
	max-width: 300px;
	word-wrap: normal;
	text-align: center;
	border-radius:15px; border: 1px solid #1DA1F2;

	z-index: 9999;

	opacity: 0;
	left: -9999px;
  top: 90%;
	
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 130%;
	left: 0;
	opacity: 1;
}



.bTable {margin-right:20px;}




.replHover {padding:5 7 7 7; background-color:#F5F8FA;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.replHover:hover {background-color:#FFFFFF;transition: all .4s ease-in;}

.commHover {padding:5 7 7 7; background-color:#FFFFFF;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.commHover:hover {background-color:#F5F8FA;transition: all .4s ease-in;}

.commStyle {font-family:NotoSansKR;font-size:14px;font-weight:500;line-height:160%;letter-spacing:-0.04em;word-break:break-all;}





.copyright {
font-family: Tahoma; font-size:10px; color:#CCCCCC; background-color:transparent; letter-spacing: 0px; text-align:center; margin-bottom:20; }

.copyright a:link    {color:#CCCCCC; background-color:transparent; text-decoration:none;}
.copyright a:visited {color:#CCCCCC; background-color:transparent; text-decoration:none;}
.copyright a:active  {color:#CCCCCC; background-color:transparent; text-decoration:none;}
.copyright a:hover  {color:#44B5FB; background-color:transparent; font-weight:bold; text-decoration:none;}

.button {font-family:Tahoma; font-size:7pt; letter-spacing: 0px; font-weight:bold;}

.memo {
font-size:13px;font-family:NotoSansKR;
color:#FFFFFF;background-color:#38A1F2;font-weight:700;letter-spacing:-0.04em;
padding:2 4 2 3;border-radius:2px;}

.memo0 {
font-size:13px;font-family:NotoSansKR;
color:#FFFFFF;background-color:#44B5FB;font-weight:700;
padding:1 2 3 2;border-radius:2px;}

.combox {
font-size:7pt;font-family:Nanum Gothic;
color:#FFFFFF;background-color:#44B5FB;font-weight:bold;
padding:2 5 2 3;border-radius:5px;}


.commShow a{cursor:pointer;}
.commShow .hide {display:none;}

.commentTable a{cursor:pointer;}
.commentTable .hide{display:none;}


.adname {
font-size:14px;font-family:NotoSansKR;
color:#FFFFFF;background-color:#44B5FB;font-weight:700;letter-spacing:-0.04em;
padding:2;border-radius:2px;}


.gname {
font-size:14px;font-family:NotoSansKR;
color:#44B5FB;background-color:#FFFFFF;font-weight:700;letter-spacing:-0.04em;
padding:2 4 2 3;border-radius:2px;}


.glock {
font-size:13px;font-family:NotoSansKR;
color:#44B5FB;background-color:#FFFFFF;font-weight:700;
padding:1 2 3 2;border-radius:2px;}

.menubar {font-size:18px;text-align:center;vertical-align:center; padding:12 6 1 6px; border-radius:30px;width:30px; height:30px;
color:#FFFFFF;background-color:#44B5FB;border:none;
position:relative!important; top:10px!important;margin-bottom:5px;
}

.menubar a:link    {color:#FFFFFF;text-decoration:none;}
.menubar a:visited {color:#FFFFFF;text-decoration:none;}
.menubar a:active  {color:#FFFFFF;text-decoration:none;}
.menubar a:hover  {color:#FFFFFF;letter-spacing:2px;transition: all .5s ease-in;}
.menubar:hover  {background-color:#E6ECF0;color:#FFFFFF;letter-spacing:2px;transition: all .5s ease-in;}

#tweetBtTop {font-size:18px;text-align:center;vertical-align:center; padding:12 6 1 6px; border-radius:30px;width:30px; height:30px;
color:#44B5FB;background-color:#F5F8FA;border:none;
position:relative!important; top:10px!important;margin-bottom:5px;
}

#tweetBtTop a:link    {color:#44B5FB;text-decoration:none;}
#tweetBtTop a:visited {color:#44B5FB;text-decoration:none;}
#tweetBtTop a:active  {color:#44B5FB;text-decoration:none;}
#tweetBtTop a:hover  {color:#FFFFFF;letter-spacing:2px;transition: all .5s ease-in;}
#tweetBtTop:hover  {background-color:#44B5FB;color:#FFFFFF;letter-spacing:2px;transition: all .5s ease-in;}


.dropbtn {
font-size:18px;text-align:center;vertical-align:center; padding:12 6 1 6px; border-radius:30px;width:30px; height:30px;
color:#FFFFFF;background-color:#44B5FB;border:none;position:relative!important; top:10px!important;margin-bottom:5px;
}




.dropdown {cursor:pointer;}



.dropdown-content {
  display:none; opacity:0;
  position: relative;
  color: transparent;background-color: transparent;border:none;
  width: 40px; padding-top:13px;
  text-align:left;
  z-index: 1; transition: all .5s ease-out; overflow:hidden;
animation-name: fadeIn;
animation-duration: .6s;
}

.dropdown-content a {
  color: #44B5FB;
  padding-top:1px; padding-bottom:1px;
  text-decoration: none;
  display:block; 
}

@keyframes fadeIn {
0% { opacity: 0; }
20% { opacity: 0; }
40% { opacity: 0.3; }
60% { opacity: 0.5; }
80% { opacity: 0.9; }
100% { opacity: 1; }
}

.dropdown-content a:hover {color:#E6ECF0;background-color:none;transition: all 0.15s ease-in;}

.dropdown:hover .dropdown-content {display:block;opacity:1;  transition: all .6s ease-in;}

.dropdown:hover .dropbtn {background-color: #E6ECF0;letter-spacing:2px;transition: all 0.15s ease-in;}



.fa-circle {text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
#logUnlock {text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}

.borderLine {width:300; align:center; border:0; height:1px; background-color:#eaeaea;}



.pagebar {font-family:Tahoma; font-size:8pt;line-height:130%;letter-spacing:0px;text-align:center;padding:5 2 0 2px; border-radius:50px;width:19px; height:18px;margin-bottom:5px;
color:#44B5FB;background-color:#FFFFFF;border:none;z-index:1000; 
}

.pagebar a:link    {color:#44B5FB;text-decoration:none;}
.pagebar a:visited {color:#44B5FB;text-decoration:none;}
.pagebar a:active  {color:#44B5FB;text-decoration:none;}
.pagebar a:hover  {color:#44B5FB;letter-spacing:1px;}

.pagebar2 {font-family:Tahoma; font-size:8pt;font-weight:bold;line-height:130%;letter-spacing:0px;text-align:center;padding:5 2 0 2px; border-radius:50px;width:19px; height:18px;margin-bottom:5px;
color:#FFFFFF;background-color:#44B5FB;border:none;z-index:1000; 
}

.pagebar2 a:link    {color:#FFFFFF;text-decoration:none;}
.pagebar2 a:visited {color:#FFFFFF;text-decoration:none;}
.pagebar2 a:active  {color:#FFFFFF;text-decoration:none;}
.pagebar2 a:hover  {color:#FFFFFF;letter-spacing:1px;}

.pagebar3 {font-family:Tahoma; font-size:8pt;line-height:130%;text-align:center;padding:5 2 0 2px; border-radius:50px;width:19px; height:18px;margin-bottom:5px; 
color:#44B5FB;border:none; z-index:1000;
}

.pagebar3 a:link    {color:#44B5FB;text-decoration:none;}
.pagebar3 a:visited {color:#44B5FB;text-decoration:none;}
.pagebar3 a:active  {color:#44B5FB;text-decoration:none;}
.pagebar3 a:hover  {color:#44B5FB;letter-spacing:1px;}



.pagebar4 {font-family:NotoSansKR; font-size:9pt;line-height:130%;letter-spacing:0px;text-align:center;padding:2px; border-radius:30px;width:19px; height:19px;margin-bottom:5px;
color:#FFFFFF;background-color:#44B5FB;border:none;z-index:1000;
}

.pagebar4 a:link    {color:#FFFFFF;text-decoration:none;}
.pagebar4 a:visited {color:#FFFFFF;text-decoration:none;}
.pagebar4 a:active  {color:#FFFFFF;text-decoration:none;}
.pagebar4 a:hover  {color:#FFFFFF;letter-spacing:1px;}



#pop{
    width:180px; height:80px; background:#FFFFFF; color:#252525; 
    position:absolute;top:70%; left:100%; text-align:center; 
    border:1px solid #eaeaea;
    border-radius: 10px; -moz-border-radius:10px;  -webkit-border-radius:10px;
    padding:18 10 18 10;opacity:1;filter: Alpha(Opacity=100);z-index:100;
    box-shadow: 3px 3px 5px 0px rgba(150,150,150,0.35);
   }
#pop_bt{
    background-color:#44B5FB;color:#FFFFFF;border:none;
    padding:12 6 1 6px; border-radius:30px;width:30px; height:30px;
    cursor: pointer;font-size:18px;text-align:center;
    position:relative;margin-top:5px; margin-bottom:5px;
   }

#pop_bt a:link    {color:#FFFFFF;text-decoration:none;}
#pop_bt a:visited {color:#FFFFFF;text-decoration:none;}
#pop_bt a:active  {color:#FFFFFF;text-decoration:none;}
#pop_bt a:hover  {color:#FFFFFF;letter-spacing:2px;transition: all .5s ease-in;}
#pop_bt:hover  {background-color:#E6ECF0;color:#FFFFFF;letter-spacing:2px;transition: all .5s ease-in;}


span.on  {letter-spacing:2px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;}
span.off {letter-spacing:-1px;}
 

label input {
  display: none; 
}

label span {
  height: 9px;
  width: 9px;
  background-color:#FFFFFF;
  border: 1px solid #eaeaea;
  border-radius:30px;
  display: inline-block;
  position: relative;top:2px;
  margin-right:5px;margin-left:2px;
}

[type=checkbox]:checked + span:before {
  content: '\2714'; font-size:16px;
  color: #E0245E;
  position: absolute;
  top: -6px;
  left: 0;
}




#close{ text-align:right;
    width:170px;font-size:14px; margin:5 8px; cursor:pointer; color:#44B5FB;letter-spacing:0px;
   }


.max{border-radius:15px;max-width: 300px;  width:expression(this.clientWidth  > 300 ? "300px" : (this.style.width.trim()  == "auto" ? "auto" : this.style.width));}


.tableM {width:35%;align:center;margin-right:auto;margin-left:auto;}

 .mobile {width:300;border:none;margin-top:30;margin-bottom:30;position:relative;top:0%;display:flex;}


.mobile2 {width:300;padding-top:0; padding-bottom:0;}

.tbstyle {position:absolute;align:center;min-height:100%;border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; width:35%;background-color:#FFFFFF; padding-top:60px;padding-left:25px;padding-right:25px;margin-right:auto;margin-left:auto;display:flex;align-items: flex-start;justify-content:center;}

.mobile3 {position:fixed; left:29%;transform:translateX(-40%);top:-3;z-index:100;}

.mobile4 {position:fixed;left:29%;transform:translateX(-40%);top:-3;z-index:100;}

.fix {
position: fixed; bottom:15px; right:29%; transform:translateX(40%); z-index;100;}

.tempFM {padding:0;margin:0;border:none; outline:none;background-color:transparent;}

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

    body {background:url(); background-color:#FFFFFF;}

    .commStyle {font-size:16px;letter-spacing:-0.03em;line-height:165%;}

    .tableM {
     width:100%;padding-left:5px; table-align:center; padding-right:5px; position:relative;
      }

   .mobile {
    width:100%!important; display:table;
      }
   .mobile2 {
     min-width:100%!important;
      }
   .max {
     max-width:100%; 
     min-width: 100%; 
      }

   .tbstyle { position:static;
     width: 100%; padding-left: 0px; padding-right: 0px; margin-left:0px;border:none; margin-top:50px;
       display:table;}

   .bTable {margin-right:0px!important; margin-left:20px;}

   .borderLine {width:99.5%;}

   .fix {position:absolute;right:auto;right:initial; left:50%; transform: translateX(-50%); bottom:20px;text-align:center;display:flex;flex-direction:row;align-items:center; justify-content:center;vertical-align:middle;}

    #pop {top:100%;left:9%;padding-right:10px;}

   .mobile3 {position:absolute; top:10px;left:50%;transform:translate(-50%, 0%); }

   .mobile4 {position:absolute; top:10px;left:50%;transform:translate(-50%, 0%);}


   .fa-stack {float:left;}
   .tempFM {position:relative;top:10;}
   .dropdown-content {margin-right:45px;position:relative;left:45;top:-39;width:80px;padding:5px;text-align:center;
	animation-name:none; animation-duration:'';}



   .menubar, .dropdown, #tweetBtTop, #pop_bt {float:left;margin-left:5px;}


   .pagebar, .pagebar2, .pagebar3, .pagebar4 {display:flex;margin-left:4px;align-items:center; justify-content:center;}

   .pagebar, .pagebar2, .pagebar3  {padding:2 2 3 2px;}

   .copyright {margin-bottom:0px;}


       }

@media all and (min-width:768px) and (max-width:1279px) {

 .tableM { width: 55%;}
.mobile {
     width:100%!important;justify-content:center;
      }
   .mobile2 {
     min-width:100%!important; 
      }
   .max {
     max-width:100%; 
     min-width: 100%; 
      }

.borderLine {width:99.5%;}

.mobile3 {left:18%;transform:translateX(-40%);}

.mobile4 {left:18%;transform:translateX(-40%);}

.fix {right:18%; transform:translateX(40%);}

   .tbstyle { width:55%;
     padding-left: 25px; padding-right:25px;
       }

}

@media all and (min-width:1280px) and (max-width:1679px) {

.mobile {
     width:100%!important;justify-content:center;
      }
   .mobile2 {
     min-width:100%!important;
      }
   .max {
     max-width:100%; 
     min-width: 100%; 
      }

.borderLine {width:99.5%;}

.mobile3 {left:28%;transform:translateX(-40%);}

.mobile4 {left:28%;transform:translateX(-40%);}

.fix {right:28%; transform:translateX(40%);}

   .tbstyle {
     padding-left: 25px; padding-right:25px;
       }


}