@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@font-face {
	font-family:ng;
	src:url(/pianohome/_res/etc/NanumGothic.eot);
	src:local(※), url(/pianohome/_res/etc/NanumGothic.woff) format('woff');
}

body, pre {
  font-family: ng, NanumGothic, '나눔고딕', ngttf, ngeot, 맑은고딕, 'Malgun Gothic', clean, sans-serif, HelveticaNeue, helvetica, arial;

}
a:link, a:visited, a:hover {
    text-decoration: none;
    color: #333;
}

.main-bg { background: url(/cafe/_res/img/cafe/main-bg.png) center 0;  }

.jwxe_board { width: 95% !important; margin: 25px auto 30px !important;}

.main-mn1 { background: url(/cafe/_res/img/main-menu.jpg) no-repeat; }
.main-mn2 { background: url(/cafe/_res/img/main-menu2.jpg) no-repeat; }
.main-mn3 { background: url(/cafe/_res/img/main-visual3.jpg) no-repeat; }
.main-mn3 .loginbtn { color: #444444; }

.main-bg1 { background: url(/cafe/_res/img/main-visual.jpg) no-repeat; }
.main-bg2 { background: url(/cafe/_res/img/main-visual2.jpg) no-repeat; }
.main-bg3 { background: url(/cafe/_res/img/main-visual3.jpg) no-repeat 0 -87px; }


/*.foot-wrap { width: 100%; background: url(/cafe/_res/img/foot-bg.gif) repeat-x; }*/
.main-mnu {padding:5px; margin: 0 auto; width: 600px;}
.main-mnu a {color:#2b54c8; font-size: 16px; padding:0 10px; font-family: 'Jeju Gothic';}
.main-mnu a:hover, .main-mnu a.jw_selected { color: #fffc00; font-weight: normal !important; }
.main-mnu a.lft { border-right:1px solid #7cbce1; }

.hakwon { text-align: center; font-family: 'Jeju Gothic'; font-size:25px; font-weight:bold; letter-spacing:-2px;}

.scontainer { text-align: right; font-weight: bold;}

.login { font-size: 19px; font-family: 'Jeju Gothic';}

.welcome { margin-right: 12px; }

.fw { color: white; }

.login .input { padding-left: 5px; }

.slogin {
    border: 1px solid #08a7ff;
    background-color: #08a7ff;
    cursor: pointer;
    height: 100%;
    width: 100%;
    color: white;
}

.title-wrap { border-bottom: 1px solid #eee; }
.mtitle { font-family:'Jeju Gothic'; font-size:25px; color: #006ec8;}
.hwrap, .acenter { text-align: center; }
.hname { font-family:'Jeju Gothic'; font-size:18px; color: #333;}

.addr span { margin-left:10px; font-family:'Jeju Gothic'; font-size: 14px; }
.addr span.bar { color: #bbb; }

.fg { color:#666;}
.f15 { font-size: 15px; }
.fw { color: white; }
.f14 { font-size: 14px; }
.f13 { font-size: 13px; }
.fj { font-family:'Jeju Gothic'; }

.btn_wrap {
	display: inline-block;
	text-align: center;
	color: #333333;
	border: 1px solid #cccccc;
	padding: 3px 8px;
}

.home-box {}
.home-li {     background-color: #fdfdfd;
    border: 1px solid #e1e1e1;
    float: left;
    height: 100px;
    margin: 0 6px 5px 0;
    padding: 20px 9px 0;
    position: relative;
    width: 290px;
}
.home-li a, .home-li a:visited { font-family: 'Jeju Gothic';  font-size:12px; color: #555;}
.home-li .hnm a { font-size:16px;}
.home-li .go-home { position: absolute; right:12px; top:20px; }
.home-li .addr {
    margin: 44px 0 0 80px;
}
.home-li .addr a.hnm { font-size:12px; }

#h10593 .hnm a, #h17640 .hnm a{ font-size: 18px; }


div.cafe_img.jwxe_board .box_image_view img {
    max-width: 100%;
    width: auto !important;
}

#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  opacity: 0.4;
}

#topBtn:hover {
  background-color: #555;
}

.btn-menu, .pc-hide { display: none; }

.nowrap { white-space:nowrap; }

.member-nm { top: auto; bottom: 0px; width: 100%; text-align:center; font-size:18px; color: #1a3304; font-weight: 600;}

.center-btn { display: block !important; }

.star-bg { background: url(/cafe/_res/img/cafe/star.png); }

@media(max-width:1024px) {
  
  .mobile-map { padding: 0 !important; }
  .m100 { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;}
  #map_box { width: calc(100% - 25px) !important; }
  
	.lo_1024_center, .lo_1024 { width: auto; margin:0;}
	.jwxe_div.acenter.addr {width: auto !important; padding: 0 25px; }
	.jwxe_div.acenter.addr .pc.bar {display:none;}

  .main-mnu { display: none; }
  .logo-btn { width: 70% !important; height: auto !important; }
  .logo-btn img { width: 100%; }
  .home-list-wrap { padding: 10px 10px 10px 20px !important;  }
  .home-li { width: auto; float: none; height: auto; margin-bottom: 10px; padding-bottom: 10px; }
  #topBtn { right: auto;   left: 30px; }
  .btn-menu { display: block; right: 10px; left: auto !important; }
  .pc-hide { dispaly: block }

  .main-mnu.show { display: block; position: fixed; top: 51px !important;
	z-index: 999999;
    width: 100% !important;
    left: 0  !important;
    height: 100%;
    padding: 0 0 0 0;
    border-top: 1px solid #999;
    border-bottom: 2px solid #2671a6;
    background-color: #fff;
    overflow-y: scroll;
  }
  .main-mnu li {
  	display: block;
  }
  .main-mnu li a {
	display: block;
    position: relative;
    padding: 15px;
    border-top: 1px solid #999;
    background: #4a4f5a url(/_res/ygc/img/common/bg-m-menu-list-open.png) no-repeat right 20px center;
    background-size: 10px 16px;
    font-size: 14px;
    color: #fff;
    left: auto !important;
    top: auto !important;
    height: auto !important;
  }
  .game-content img {
    margin: 0 !important;
    width: 100%;
  }

  .game-content form * {
    display: block;
    position: relative;
    left: 10px !important;
    top: auto !important;
  }
  .game-content form {
	width: auto !important;
    height: auto !important;
    margin: 40px 10px;
  }
  .game-content form label { display:inline-block; }
  .game-content form input[type=text] { display: inline-block; }
  .game-content form input[type=image] { display: inline-block; }
  .game-content form .jwxe_text {
	font-size: 13px;
    width: auto !important;
    margin-top: 10px;
    display:inline-block;
  }

  .mtitle{ font-size: 18px;}

  
  /* 게시판 */
  .jwxe_board { font-size: 14px; }
  .jwxe_root.jwxe_board .board_list_wrapper { background : none; }
  .jwxe_root.jwxe_board .board_list_wrapper table tr:first-child {border-top: 1px solid #889EC5;border-bottom: 1px solid #889EC5;}
  .jwxe_root.jwxe_board .board_list_wrapper table .title_right { background: none !important; }
  .jwxe_root.jwxe_board .search-box .box_left { display: none; }
  .jwxe_board { margin: 0 auto 30px !important}

	.jwxe_board .board_list_wrapper table th:nth-child(1),
	.jwxe_board .board_list_wrapper table th:nth-child(3),
	.jwxe_board .board_list_wrapper table th:nth-child(5),
	.jwxe_board .board_list_wrapper table th:nth-child(6),
	.jwxe_board .board_list_wrapper table td:nth-child(1),
	.jwxe_board .board_list_wrapper table td:nth-child(3),
	.jwxe_board .board_list_wrapper table td:nth-child(5),
	.jwxe_board .board_list_wrapper table td:nth-child(6),
	.jwxe_board .board_list_wrapper table col:nth-child(1),
	.jwxe_board .board_list_wrapper table col:nth-child(3),
	.jwxe_board .board_list_wrapper table col:nth-child(5)
	 {
	    display: none;
	}
	.jwxe_board .board_list_wrapper table col.cnt { width: 80px; }

	.jwxe_board .board_list_wrapper table .title_seperator { background: none !important; }

	.jwxe_board .box_pager { font-size: 15px; }

	.jwxe_board table.lmode td.title {
	    text-align: left;
	    padding: 10px;
	}

	.jwxe_board table.vmode td div,
	.jwxe_board table.vmode td p { width: auto !important; min-width: auto !important; min-height: auto !important;}

	.jwxe_board .comment_box .comment_input {
	    width: calc(100% - 102px);
	}

	input#jwxe_3074829 {   width: 250px !important; }

  .scontainer {
    right: 70px !important;
    left: auto !important;
  }

  .our-academy { padding: 0px !important; }
  .our-academy img { width: 100% !important; }

  .addr span { font-size: 10px; margin-left:5px;}

	iframe { width:100% !important; }

  .mobile-hide { display: none !important; }
  
  /* 로그인 */
  .jwxe_root.login-wrap { height: 300px !important; }
  .login-wrap .jwxe_session_container{ overflow: hidden; left: auto !important; top:  auto !important; width:  100% !important; }
  .jwxe_form.login { left: -124px !important; }
  .jwxe_form.login .input { width: 237px !important; }
  .jwxe_form.login .login-btn { width: 349px !important; }

  .jwxe_form.login .jwxe_label.login { left: 26px; }
  
}