/* 서브페이지 공통 */
#sitemap-wrap {clear:both;}
#sitemap {margin:0 auto 20px; overflow:hidden; background:#fff;}

/* 사이트맵 */
#sitemap div {margin:10px; padding:0; float:left; width:175px;}
#sitemap div p a {display:block; font:bold 14px/16px "Nanum Gothic", "나눔고딕", dotum, tahoma, gulim, sans-serif; padding:8px 5px; color:#fff; text-decoration:none; background:#333;}
#sitemap div p a:hover {color:#f80;}
#sitemap div ul {margin:0; padding:0;}
#sitemap div ul li {margin:0; padding:0; border:1px solid #ddd; border-top:none;}
#sitemap div ul li a {display:block; width:100%; font:normal 12px/16px "Nanum Gothic", "나눔고딕", dotum, tahoma, gulim, sans-serif; padding:7px 5px 7px 5px; color:#000; color:#111; background:#fff;}
#sitemap div ul li a:hover {background:#eee;}

@media screen and (max-width:1200px) {
	#sitemap div:nth-child(4n+1) {clear:both;}
	#sitemap div {width:calc((100% - 80px) / 4);}
}
@media screen and (max-width:736px) {
	#sitemap div:nth-child(2n+1) {clear:both;}
	#sitemap div {width:calc((100% - 40px) / 2);}
}

/* 도시선택 */
.sel-city {margin:0; padding:0; overflow:hidden;}
.sel-city .sel-city-title {font:bold 12px "나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; color:#fff; margin:0; padding:10px; overflow:hidden; background:#333;}

.sel-city .sel-city-grp {clear:both; margin:0; padding:0; overflow:hidden;}

.sel-city .sel-city-area {float:left; width:185px; margin:10px; padding:0; overflow:hidden;}
.sel-city .sel-city-area .sel-city-top {font:bold 12px "나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; color:#333; margin:0; padding:8px; border:1px solid #ccc; background:#eee;}
.sel-city .sel-city-area .sel-city-gugun {margin:0; padding:0; overflow:hidden; border:1px solid #ccc; border-top:none; background:#fff;}
.sel-city .sel-city-area .sel-city-gugun ol {margin:0; padding:0; overflow:hidden;}
.sel-city .sel-city-area .sel-city-gugun ol li {font:normal 12px "나눔고딕", "Nanum Gothic", dotum, tahoma, gulim, sans-serif; color:#555; margin:0; padding:5px 5px 5px 8px; overflow:hidden;}

.sel-city dl {margin:0; padding:0; overflow:hidden;}
.sel-city dl dt,
.sel-city dl dd {float:left; margin:0; padding:0;}
.sel-city dl dd {padding:0 0 0 3px; *padding:4px 0 0 3px;}

/* 강사소개 */
  .mview-box {border-bottom:1px solid #ccc; border-radius:0px; padding:20px; overflow:hidden; }
 .l-mview { width:350px; float:left; }
  .l-mview img{width:200px;}
 .r-mview { width:calc(100% - 350px); float:right;}
 .r-mview dl dt { font-size:1.1em; font-weight:500; }
  .mview-box .t_name { font-size:1.3em; font-weight:700;}
  .mview-box .t_class { font-size:1.1em; font-weight:500;margin:0px 0 20px 0;}
  .mview-box .t_class2 { font-size:1.1em; font-weight:300;}
  .mview-box .t_list{margin:0;padding:10px;}
 .mview-box .t_list li{padding:0 0 0 10px;position:relative; color:#555;}
 .mview-box .t_list li span{position:absolute;left:0;top:0;display:inline-block}
@media screen and (max-width:736px) {
 	 .mview-box {border:2px solid #ddd; border-radius:5px; padding:10px; overflow:hidden; margin:0 0 20px 0}
	 .l-mview { clear:both; width:100%; text-align:center;}
	 .r-mview { clear:both; width:100%; margin:20px 0 0; }
}