b, strong {font-family: 'NotoSansKR Bold';}

/* 留곹겕湲��먯뿉 �먯꽑 �덈굹�ㅺ쾶�섍린 */
a,area,label {blr:expression(this.onFocus=this.blur())} 
:focus { -moz-outline-style:n��} 
a,label,input {outline:none; select-dummy: expression(this.hideFocus=true);}
button{outline: 0;outline: none;}

/* �대�吏��� �뚯씠釉붿쓽 border=0 媛� */
img {border:none;}
table {border:0;}
img { -ms-interpolation-mode:bicubic;}
p{margin-top:0; margin-bottom:0;}
body,td,div,form,select,textarea,pre,input {word-break:break-all;font-family: 'NotoSansKR Regular';letter-spacing:-.03em}
form{margin:0; padding:0;}
body{text-align:center;}
a,label{cursor:pointer;}

A:link{text-decoration:none;}
A:visited{text-decoration:none;}
A:hover{text-decoration:none;}
A {outline:none; select-dummy: expression(this.hideFocus=true);}

/* �쒕옒洹� �좊븣�� �됯퉼 */
::selection {background:#d0d6ee;text-shadow: none;}
::-moz-selection {background:#d0d6ee;text-shadow: none;}
::-webkit-selection {background:#d0d6ee;text-shadow: none;}

/* input �� placeholder�� �됱긽吏��� (�듭뒪�뚮Ц��) */
input::-webkitebkit-input-placeholder { /* Chrome */
  color: #aeaeae;
  transition: opacity 250ms ease-in-out;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #aeaeae;
  transition: opacity 250ms ease-in-out;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #aeaeae;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
input:-moz-placeholder { /* Firefox 4 - 18 */
  color: #aeaeae;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
textarea::-webkitebkit-input-placeholder { /* Chrome */
  color: #aeaeae;
  transition: opacity 250ms ease-in-out;
}
textarea:-ms-input-placeholder { /* IE 10+ */
  color: #aeaeae;
  transition: opacity 250ms ease-in-out;
}
textarea::-moz-placeholder { /* Firefox 19+ */
  color: #aeaeae;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
textarea:-moz-placeholder { /* Firefox 4 - 18 */
  color: #aeaeae;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}


/* �끸쁾�� 湲��곌린蹂닿린 write.php �끸쁾�� */
/* radio �ㅽ��� (write) */
.checkbox_in:not(old),input[type=radio]:not(old){width:1em;margin:0;padding:0;font-size:1em;opacity:0}
/* �먭컙 �볦씠 */
.checkbox_in:not(old) + label,input[type=radio]:not(old) + label{display:inline-block;margin-left: -1em;line-height  : 1.5em;font-size : 15px;}
.checkbox_in:not(old) + label > span,input[type=radio]:not(old) + label > span{display:inline-block;width: 0.875em;height: 0.875em;margin: 0.25em 0.5em 0.25em 0.25em;border: 0.0625em solid rgb(192,192,192);border-radius: 0.25em;background: rgb(224,224,224);vertical-align: bottom;}
.checkbox_in:not(old):checked + label > span:before{  content     : '��'; display: block;width: 1em;color: rgb(245,27,5);font-size: 0.875em;line-height : 1em;text-align  : center;text-shadow : 0 0 0.0714em rgb(115,153,77);font-weight : bold;}


#loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 1.0;background-color: #fff;z-index: 1000;text-align: center; }
#loading-image {position: absolute;top: 40%;left: 50%;z-index: 1001; }


/* 硫붾돱 �섏쐞硫붾돱 留덉슦�� �ㅻ쾭 */
.hover {color:#222222;}
.hover:hover{color:#fff;}
.effect1:hover{color:#ffa905;}
.effect2:hover{color:#ef3f22;}
.effect3:hover{color:#6bb840;}
.effect4:hover{color:#d4236d;}
.effect5:hover{color:#a92940;}
.effect6:hover{color:#20a5c8;}
.effect7:hover{color:#ff8300;}
.effect8:hover{color:#1c8dff;}
{opacity: 0.7;
        -webkit-transition: opacity .20s ease-in-out;
        -moz-transition: opacity .20s ease-in-out;
        -ms-transition: opacity .20s ease-in-out;
        -o-transition: opacity .20s ease-in-out;
        transition: opacity .20s ease-in-out;
        filter: alpha(opacity=70); /* For IE8 and earlier */
}

/* �좏뒠釉� �ъ씠利� 議곗젅 */
.youtubeWrap {
  padding:5px;
  position: relative;
  max-width: 100%;
}
.youtubeWrap iframe {
  max-width: 100%;
  max-height: 100%;
}


/* 紐⑸줉 �섏씠吏� */
.page_number	{position: relative;display: inline-block;width:30px;height:25px;padding:5px 0 0 0;margin-right: 4px;color: #000000; text-decoration: none;border: 1px solid #dddddd;font-size: 13px;}
.page_number1 {position: relative;display: inline-block;width:30px;height:25px;padding:5px 0 0 0;margin-right: 4px;color: #ffffff; text-decoration: none;border: 1px solid #3c3c63;font-size: 13px;background-color:#3c3c63}
.page_next	{position: relative;display: inline-block;width:30px;height:25px;padding:5px 0 0 0;margin-right:4px;color: #000000;text-decoration: none;border: 1px solid #dddddd;font-size: 13px;}
.page_next2	{position: relative;display: inline-block;width:45px;height:25px;padding:5px 0 0 0;margin-right:4px;color: #000000;text-decoration: none;border: 1px solid #dddddd;font-size: 13px;}
/* 紐⑸줉 */
.page_tong_n	{width:30px;height:25px;padding:5px 0 0 0;margin-right: 4px;color: #555; text-decoration: none;font-size:11px;}
.page_tong1 {width:45px;height:25px;padding:5px 0 0 0;margin-right:4px;color: #555;text-decoration: none;font-size:13px;}
.page_tong2 {width:45px;height:25px;padding:5px 0 0 0;margin-right:4px;color: #555;text-decoration: none;font-size:13px;cursor:not-allowed;}


/********************************************************************************************/
.console{margin-top: 70px;text-align: center;}
#debug {position: absolute;width: 450px;padding: 5px;height: 100%;top: 0;right: 0;background: rgba(0, 0, 0, .8);overflow: auto;color: #fff;font-size: 13px;z-index: 0;}
.dida{color: #fff;font-size: 20px;margin-top: 20px;}button, .button {transition: all .4s;display: inline-block;padding: 0px 10px;font-size: 12px;font-weight: bold;text-transform: uppercase;cursor: pointer;background-color: rgba(248, 248, 248, 0.4);box-shadow: 0 0 4px rgba(0,0,0,0.4);color:#000;border: 1px solid transparent;text-decoration: none;line-height: 30px;margin: 3px;border-radius: 10px;}

#toggleVolum{padding: 0px 10px;font-size: 12px;margin-top: 20px;width: 70px;height: 30px;line-height: 30px;border-radius: 10px;}
#toggleVolum{background-color: rgba(248, 248, 248, 0.4);color: #000;}
#toggleVolum:hover{background-color: #333;color: #fff;}

#togglePlay{padding: 0px 10px;font-size: 12px;margin-top: 20px;width: 70px;height: 30px;line-height: 30px;border-radius: 10px;}
#togglePlay.pause{background-color: rgba(248, 248, 248, 0.4);color: #000;}
#togglePlay.pause:after{content:"��";font-size:20px;line-height: 10px;}
#togglePlay.play:after{content:"��"}
#togglePlay.pause:hover{background-color: #333;color: #fff;}
#togglePlay.play{background-color: rgba(248, 248, 248, 0.4);;color: #000;}
#togglePlay.play:hover{background-color: #333;color: #fff;}
.goto {position: absolute;left:0;top: 360px;right: 0;margin: auto;text-align: center;width: 100%;height: 50px;}
.goto .button{font-size: 30px;font-family: 'Lobster', cursive;padding: 10px;text-transform: none;}
#filtersControl{position: absolute;top:0;left: 10px;width: 350px;margin: 30px auto;z-index: 1000;}
#changeVideo {position: absolute;top: 0;right: 10px;width: 350px;margin: 30px auto;z-index: 100;padding: 10px;border-radius: 10px;color: #FFFFFF;box-sizing: border-box;}
#changeVideo label {padding: 10px;display: block;}
#changeVideo input {padding: 10px;display: block;width: 250px;border-radius: 10px;border: none;font-size: 20px;color: #fff;font-weight: 700;background-color: rgba(168, 168, 168, 0.20);}
#changeVideo input[type=number] {display: inline-block;width: 100px;}
#changeVideo input[type=checkbox] {display: inline-block;width: 20px;}
#loadBox{background-color: rgba(168, 168, 168, 0.20);border-radius: 10px;padding: 20px;
}
/*Slider START ��젣 湲덉� *******************************************************************************************/
#filterScript {margin-top: 20px;padding: 10px;background-color: rgba(25, 34, 37, 0.35);color: #fff;border-radius: 10px;}
.slider {position: relative;width: 100%;height: 25px;border: 0 solid transparent;background-color: rgba(255, 255, 255, 0.20);border-radius: 4px;margin-top: 10px;overflow: hidden;}
.slider:hover {background-color: rgba(255, 255, 255, 0.46);}.slider .level {background-color: rgba(255, 255, 255, 0.80);height: 100%;border-right: 5px solid rgba(168, 168, 168, 0.60);}
.slider .desc {position: absolute;right: 0;top: 0;padding: 5px;font-size: 12px;line-height: 18px;color: #222222;}
.slider span {font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;/*text-transform: uppercase;*/position: absolute;top: 0;font-size: 12px;line-height: 18px;color: #222222;padding: 4px;text-align: left;width: 100%;box-sizing: border-box;}
/*Slider END ************************************************/
/********************************************************************************************/


/* �ъ씠�쒕찓�� TOP�쇰줈 媛�湲� */
#layer_fixed_bottom{position: fixed;z-index: 200;top: 25%;right: 25px;display: block;}
.side_menu_1 {position: relative;display: block;text-align: center;width: 42px;height: 42px;line-height: 48px !important;border-radius: 50%;background-color:#E91B23;margin-bottom: 7px;cursor:pointer;}
.side_menu_2 {position: relative;display: block;text-align: center;width: 42px;height: 42px;line-height: 48px !important;border-radius: 50%;background-color:#3498DB;margin-bottom: 7px;cursor:pointer;}
.side_menu_3 {position: relative;display: block;text-align: center;width: 42px;height: 42px;line-height: 48px !important;border-radius: 50%;background-color:#8CC346;margin-bottom: 7px;cursor:pointer;}
.side_menu_4 {position: relative;display: block;text-align: center;width: 42px;height: 42px;line-height: 48px !important;border-radius: 50%;background-color:#C44773;margin-bottom: 7px;cursor:pointer;}
.side_menu_5 {position: relative;display: block;text-align: center;width: 42px;height: 42px;line-height: 48px !important;border:1px solid #ccc;border-radius: 50%;background-color:#fff;color:#000;margin-bottom: 7px;cursor:pointer;}
.side_menu_6 {position: relative;display: block;text-align: center;width: 42px;height: 42px;line-height: 48px !important;border:1px solid #ccc;border-radius: 50%;background-color:#fff;color:#000;margin-bottom: 7px;cursor:pointer;}
#side_menu_in_1 {position: relative;display: inline-block;text-align: center;border-radius: 50%;width: 36px;height: 36px;line-height: 36px !important;font-size: 19px;margin-top:12px;color:#fff}
#side_menu_in_2 {position: relative;display: inline-block;text-align: center;border-radius: 50%;width: 36px;height: 36px;line-height: 36px !important;font-size: 19px;margin-top:12px}