﻿/*-----------------------------------------------------------------------
    
    initialization

-----------------------------------------------------------------------*/

@charset "utf-8";
@import "";

/** { font-family:'나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important }*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, yh, td { margin: 0; padding: 0;  }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th, td { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; }
a { color: #000; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0.1); -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
img {border:none;padding:0;margin:0;z-index:1; line-height:0; vertical-align:middle; }

input:-ms-input-placeholder { color: #a8a8a8; } 
input::-webkit-input-placeholder { color: #a8a8a8; } 
input::-moz-placeholder { color: #a8a8a8; }
input::-moz-placeholder { color: #a8a8a8; }
input[type=text]::-ms-clear { display: none }
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

/*-----------------------------------------------------------------------
    
    common value

-----------------------------------------------------------------------*/

/*body { font: normal noraml normal normal 13px / normal tahoma, arial, "Noto Sans KR",'Malgun Gothic', sans-serif, gulim,"돋움",Gulim,"굴림",Helvetica,AppleGothic,sans-serif; color: #000; }*/
body { margin: 0 auto;  max-width: 640px; }

/*----------------------------------------------------------------------
    
    function

-----------------------------------------------------------------------*/

.filter30 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: .3; }
.filter50 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5; }
.filter80 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: .8; }
.hidden { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; text-indent: -9999px; visibility: hidden; }
.hidden { visibility: hidden; }
.hidden2 { display:none; }
.blind { top: -5000px; display: none; }
.h_none { display: none; }
.s_none { display: none; }
.clear { clear: both; height: 0px; }
.red { color: #dc4646; }
.redColor { color: red; }
.blue { color: #4b71cb; }
.bold { font-weight:bold; }
.yubek { padding-left: 3px; }
.blank20 { height: 20px;clear:both; } 
.blank50 { height: 50px;clear:both; } 
#tooltip { position: absolute; z-index: 999; color: white; font-size: 12px; }
#tooltip .tipBody { background-color: black; padding: 8px; }
#tooltip .tar { position:absolute;width:10px;height:5px;top:-5px;background:url(/img/sp_main161106.png) no-repeat -50px -40px; }
a[rel=tooltip] { position:relative; }
.darkpage { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:#000;opacity:0.6;display:none; }
.dark_wall { position:fixed;top:0px;left:0px; display:none; width:100%;height:100%; background:#000; opacity:0.8; z-index:10; }

