
/*상단*/
.top-mn{clear:both; width:100%; max-width:1400px; text-align:right; padding:12px 0; margin: 0 auto !important;}
.top-mn ul li{display:inline-block; margin:0 5px;}
.top-mn ul li a{color:#333 !important;}
.top-mn ul li:last-child{margin:0 0 0 10px;}


#leftmn{position: relative;     width: 90%;}
#leftmn em{display:inline-block; padding:0 5px; font-style:normal; color:#ccc; font-family: 'Arial', sans-serif; }
#sidebar{}
.mn-sns{width:100%; margin:10px 0 10px;}
.mn-sns a{display:inline-block; margin-right:5px;}
.mn-sns a:last-child{margin-right:0;}

.top-logo{margin:0 0 20px; padding-top: 30px;}
.menuTrigger {display:none;}
.sidebar-item{margin:0 auto 15px;  padding:0;}
.sidebar-item h2{color:#333; font-family: 'Roboto', sans-serif !important; font-size:14px; text-transform: uppercase;
font-weight:600; margin: 0; padding: 0; letter-spacing:-0.02em;}
.sidebar-item.tpdiv h2{ font-size:14px; }
.sidebar-item ul{}
.sidebar-item ul li{list-style:none; }
.sidebar-item ul li a{color:#333;}

#lefton, #leftoff{padding:0 !important; border:none !important;}
#lefton, #leftoff a{color:#333;}
.sidebar-item ul li a:hover, #lefton a:hover, #leftoff a:hover{text-decoration:underline !important; }

.sidebar-item.tpcp ul li{font-size:11px; color:#999; letter-spacing:-0.02em;}
.sidebar-item.tpcp ul li b{padding-right:5px;}
.left-cp{font-size:10px; text-align:center; text-transform: uppercase;
color: #000; margin-bottom:20px;}


@media screen and (min-width: 1399px){
#sidebar {display:block !important;}
}

@media screen and (max-width: 1399px){
.tpcp, .tpdiv, .left-cp{display:none;}
.top-mn{max-width:100%; text-align:center;}
#leftmn{position: relative;  width: 100%;  margin: 0 auto; }

.top-logo{float: left; margin: 25px 0 20px; padding-left:30px; padding-top: 0;}
.top-logo img{max-width:100%;}
.menuTrigger {display:block; float:right; padding-right:30px;}
#sidebar{clear:both; width:100%; display:none; }  
.sidebar-item{idth: 100%; border-top: 1px #ddd solid;
 text-align: center;font-size: 14px;padding-top: 5px; line-height:180%;}

  .menuTrigger:before{content:url('open-mn.png'); pcontent: url('open-mn.png');
padding: 10px 0; width: 45px;background: #333;color: #fff;display: inline-block;
text-align: center;margin: 20px 0;}
  .menuTrigger.selected:before{content:url('close-mn.png');}
 
}

@media screen and (max-width: 500px){

}