/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-08-30
 | 파일설명 : 공통 컨텐츠 CSS
 +----------------------------------------------------------------------+
 | 작업자 : bsh
 +----------------------------------------------------------------------+
*/
.contents .contnetsTop{position:relative;}
.contents .contnetsTop .pageTit{margin-top:15px;}
.contents .contnetsTop .pageTopTxt{margin-top:12px;}

.contents .path{height:12px;line-height:12px;padding-left:16px;font-family:'Dotum';text-align:right;color:#666666;}
.contents .path a{margin-left:4px;padding:1px 0 1px 13px;color:#666666;vertical-align:middle;font-family:'Dotum';font-size:11px;vertical-align:top;background:url('/images/front/layout/ico_path.png') no-repeat 0 50%;}
.contents .path a:first-child{background:none;font-size:11px;background:url('/images/front/layout/ico_home.png') no-repeat 0 0;}
.contents .path a:hover{text-decoration:underline}
.contents .path strong{margin-left:4px;padding:1px 0 1px 13px;vertical-align:top;font-weight:normal;color:#cc0000;font-size:11px;background:url('/images/front/layout/ico_path.png') no-repeat 0 50%;}

/* 레벨에 따른 BG 색상 변경 */
.levelLabel2.lv1lv20{background:#f9a706;}
.levelLabel2.lv21lv40{background:#fb8507;}
.levelLabel2.lv41lv60{background:#f96207;}
.levelLabel2.lv61lv99{background:#fa4007;}
.levelLabel2.lv100{background:#ef1d02;}

/* level */
.levelLabel{display:inline-block;width:33px;height:15px;line-height:15px;padding-top:3px;color:#fff;text-align:center;font-weight:normal;text-decoration:none !important;background:#f4f4f4 url('/images/front/community/levelLabel_bg.png') no-repeat 0 0;}
.levelLabel img{vertical-align:top !important;}
.levelLabel .num{display:inline-block;vertical-align:top;line-height:1.1em;font-size:10px;font-family:'Helvetica';}

.levelLabel2{display:inline-block;width:41px;height:12px;padding-top:4px;border-radius:3px;color:#fff;text-align:center;font-weight:normal;vertical-align:middle;text-decoration:none !important;background:#ccc;}
.levelLabel2 img{position:relative;top:-2px;vertical-align:top !important;margin-right:3px;}
.levelLabel2 img.crown{position:relative;top:-2px;}
.levelLabel2 .num{display:inline-block;vertical-align:top;line-height:0.7em;font-size:11px;color:#fff;}
.levelLabel2.org{background:#faa707;}
.levelLabel2.org2{background:#ff9b5c;}
.levelLabel2.red{background:#ef1e02;}

/* 오늘의 학습 후기 & 탑메뉴 레벨에 따른 BG 색상 변경 */
.levelLabel.lv1lv20{margin-right:3px;display:inline-block;vertical-align:middle;width:42px;height:15px;line-height:15px;padding-top:2px;color:#fff;text-align:center;font-weight:normal;text-decoration:none !important;background:#f4f4f4 url('/images/front/community/levelBackColor_01.png') no-repeat 0 0;}
.levelLabel.lv21lv40{margin-right:3px;display:inline-block;vertical-align:middle;width:42px;height:15px;line-height:15px;padding-top:2px;color:#fff;text-align:center;font-weight:normal;text-decoration:none !important;background:#f4f4f4 url('/images/front/community/levelBackColor_02.png') no-repeat 0 0;}
.levelLabel.lv41lv60{margin-right:3px;display:inline-block;vertical-align:middle;width:42px;height:15px;line-height:15px;padding-top:2px;color:#fff;text-align:center;font-weight:normal;text-decoration:none !important;background:#f4f4f4 url('/images/front/community/levelBackColor_03.png') no-repeat 0 0;}
.levelLabel.lv61lv99{margin-right:3px;display:inline-block;vertical-align:middle;width:42px;height:15px;line-height:15px;padding-top:2px;color:#fff;text-align:center;font-weight:normal;text-decoration:none !important;background:#f4f4f4 url('/images/front/community/levelBackColor_04.png') no-repeat 0 0;}
.levelLabel.lv100{margin-right:3px;display:inline-block;vertical-align:middle;width:42px;height:15px;line-height:15px;padding-top:2px;color:#fff;text-align:center;font-weight:normal;text-decoration:none !important;background:#f4f4f4 url('/images/front/community/levelBackColor_05.png') no-repeat 0 0;}

/* 레이어 팝업 */
.layerPopV2{position:relative;width:700px;margin: 0 auto;border:5px solid #000000;border-top:none;background:#fff;}
.layerPopV2 .popClose{position:absolute;top:17px;right:15px;width:17px;height:16px;background:url('/images/front/layout/btn_popClose.png') repeat 0 0;}
.layerPopV2 .layerTit{height:50px;line-height:50px;padding-left:7px;color:#fff;font-weight:bold;font-size:20px;background:#000000;}
.layerPopV2 .layerTit img{position:relative;top:16px}

.layerMask{position:fixed;top:0;left:0;height:100%;width:100%;z-index:7000;background:url('/images/front/layout/bg_mask.png') repeat 0 0;}/* 20161121 : z-index 200 -> 7000 으로 수정 */
.layerPop{position:relative;width:700px;margin: 0 auto;border-top:none;background:#fff;}
.layerPop .layerTit{height:50px;line-height:50px;padding-left:20px;color:#fff;font-weight:bold;font-size:20px;background:url('/images/front/layout/bg_layerTit.png') repeat-x 0 0;}
.layerPop .layerTit img{position:relative;top:16px}

.layerPop.type2{position:relative;width:700px;margin: 0 auto;border:5px solid #000000;border-top:none;background:#fff;}
.layerPop.type2 .popClose{position:absolute;top:17px;right:15px;width:17px;height:16px;background:url('/images/front/layout/btn_popClose.png') repeat 0 0;}
.layerPop.type2 .layerTit{height:50px;line-height:50px;padding-left:7px;color:#fff;font-weight:bold;font-size:20px;background:#000000;font-family:'Malgun Gothic', 'Nanum Gothic', 'Dotum', 'sans-serif';}
.layerPop.type2 .layerTit img{position:relative;top:16px}
.layerPop.type2.br14{border:14px solid #000000;border-top:none;}