@CHARSET "UTF-8";

@font-face { 
	font-family:ng;
	src:url(/pianohome/_res/etc/NanumGothic.eot);
	src:local(※), url(/pianohome/_res/etc/NanumGothic.woff) format('woff');
}

* {
  font-family: ng, NanumGothic, '나눔고딕', ngttf, ngeot, 맑은고딕, 'Malgun Gothic', clean, sans-serif, HelveticaNeue, helvetica, arial;
  color: #333;
}
/*
* {
	font-family: "맑은 고딕","돋움","돋움체","dotum","arial","나눔고딕",NanumGothic,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif !important; color:black;
}*/

#foot_wrapper {
	clear: both;
	width: 100%;
	background: url('/pianohome/_res/img/footer_bg.gif') repeat-x transparent;
}

#top_img_wrapper {
	width: 100%;
	background: url('/pianohome/_res/img/top_image_bg.jpg') repeat-x transparent;
}


#navi_div, #title_div {
	border-bottom: 1px solid #c4df9b;
}

.text-title {
  font-size: 24px;
  font-weight: bold;
}

.root-left {
	border-left:1px solid #c4df9b;
}


#top_menu_div {
background-color: white;
}

.trans {
  background: none no-repeat scroll 0 0 transparent;
}

a.jwxe_popup_close_1 {
  background: url(/pianohouse/_res/img/1month_close.gif) no-repeat scroll 0 0 transparent;
}

.rgubun_ul a {
  padding: 0 6px;
}

.rgubun { 
  background: url(/pianohome/_res/img/rgubun.gif) no-repeat scroll right center transparent;
}  
.addr {
  font-size:11px;
  color: #666;
  background: transparent;
}
.addr2 {
  font-size:13px;
  color: #666;
  background: white;
}

.admbtn span { margin: 0 8px}


.intro { font-size:14px; line-height:26px; }
.intro.hd { font-size: 15px; font-weight: bold; }
.intro.cm { font-weight: bold; }


.esilyong_sub_btn{ display: none; }

.mov-menu a { padding: 6px 12px; background-color: gray; color: white; border: 1px solid #ddd; border-radius: 3px;}
.mov-menu a.jw_selected { background-color: #479061;}

.sub-mnu a, .btn { padding: 12px 0 12px 10px; border-bottom: 1px solid #ddd; }
.sub-mnu a.jw_selected, .btn.selected { background-color: #149e68; color:white; font-weight:bolder;}
.btn { text-align: center; }

.main-mov-btn { padding: 4px 3px;  background-color: #00ace8; color: white; border-radius: 5px; border:1px solid #00ace8; font-size:11px;}
.main-mov-btn:hover {background-color:#ec6700;}

.addr { font-size:13px;}

.etc-title { font-size:18px; color: green; font-weight:bold;}

.private { margin-top:50px; padding:10px; }
.private * { line-height: 24px; font-size:13px;}
.private dt { font-size:15px; font-weight:bold; }
.private dd, .private dt { margin-top: 15px; }
.private dd { margin-left:10px; }
.private dd li { margin-left:15px; }
.pribox { overflow-y: scroll; border:1px solid #aaa;}
.dp-none { display: none; }
.z-top { z-index: 1; }

.new-button {
background-color: #4CAF50;
    border: none;
    color: white;
    padding: 6px 9px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
  border-radius: 3px;
}

.new-button.blue {background-color: #008CBA;}
.new-button.info { background-color: #5361c6; }

ul.mainav { 
  background: rgb(219,231,220);
  background: linear-gradient(0deg, rgba(219,231,220,1) 0%, rgba(255,255,255,1) 100%);
  border-radius: 5px;  
  border: 1px solid #dee0e0;  
}
ul.mainav li { display: block;
    float: left;
    position: relative;
}
ul.mainav  li:not(:last-child):after { content: "|" ; position: absolute; right:0; top: 13px; color: #dadada;}
ul.mainav > li > ul > li:after { top: 7px !important;}


.mainav .gnb1 {
    padding: 17px 55px;
    font-size: 1.2em;
    color: black;
}

.mainav ul {
  border-radius: 5px;  
  border: 1px solid #e0e0e0;  
} 
.mainav ul li { padding: 7px 15px 4px; } 

.mainav ul li a.jw_selected { color: #014d00 !important;
    font-weight: 600;

}
.tool-box { text-align: right; }

.mainav > li a.jw_selected {
    font-weight: 600;
    color: #014d00;
}

.max-img img { max-width: 100%; }
.border { border: 1px solid #e2e2e2; }

.bg-white { background-color: white; }


.btn-shadow {
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  position: relative;
  box-shadow: 2px 2px 2px #888888;
  transition: color 0.3s, background-image 0.5s, ease-in-out;
  background: url(/pianohome/_res/img/btn/success-mv.jpg) 0 0 no-repeat;
}

.btn-shadow:hover {
  background: url(/pianohome/_res/img/btn/success-mv-over.jpg) 0 0 no-repeat;
}

.mov-btn > img {
border: 4px solid deepskyblue;
    border-radius: 20px;  
}

.mov-over:hover {
  border: 1px solid deepskyblue;
  opacity: 0.6;
}

#intro-info { width: 90% }

.white-back {
  background-color: white !important;
}

.box-shadow {
  box-shadow: 2px 2px 2px #888888;
  z-index: 1;
}