@charset "UTF-8";



/* 나눔고딕 불러오기 */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



/* ---------------------------

	0. CSS 초기화

--------------------------- */



html{color:#000;background:#fff;margin:0;padding:0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,

h6,pre,code,form,fieldset,legend,input,

textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

img {vertical-align:top;border:0;}

input {vertical-align:middle;}

ul,ol{ list-style:none }

body{ color: #444; font-family:  'Nanum Gothic', 나눔고딕, 맑은고딕, malgun gothic, dotum, sans-serif; font-size: 12px; }

a,a:hover {	text-decoration: none; }



/* ---------------------------

	레이아웃 공통세팅

--------------------------- */



.cm_hidden {

	display: none;

	width: 0;

	height: 0;

	font-size: 0;

	text-indent: -9999px;

}

.cm_fl {

	float: left;

}



.cm_fr {

	float: right;

}



.cm_clearfix:before,

.cm_clearfix:after {

  content: "";

  display: table;

}

 

.cm_clearfix:after {

  clear: both;

}

 

.cm_clearfix {

  zoom: 1; /* ie 6/7 */

}



#cm_layout {

	position: relative;
	background: url('../images/bg19.png') center bottom repeat-x;
	z-index: 0;

}



.cm_layout_container {

	width: 960px;

	margin: 0 auto;

}



#cm_modalLogin{ 

	display:none; 

}



#cm_bnz_wrap{

}





/* ---------------------------

	레이아웃 기본디자인 

--------------------------- */




.cm_layout_container{

	width:1170px !important;

}



.cm_util_wrap{

	overflow:hidden;

	border-bottom:1px solid #efefef;

}



.cm_top_umenu ul{

	position:relative;

	overflow:hidden;

	float:left;

	padding-left:0;

}



.cm_top_umenu ul li{

	float:left;

}



.cm_topsearch{

	float:right;

}



.cm_header{



}



.cm_header .cm_logo{

	float:left;

}



.cm_header .cm_gnb{

	float:right;

}



.cm_header .cm_gnb ul li{

	float:left;

}



.cm_sub_container{

	padding:10px 0;

	overflow:hidden;

}



.cm_sidebar{

	position:relative;

	float:left;

	width:200px;

}



.cm_footer_wrap{

	position:relative;

	overflow:hidden;

}



.cm_footer{

	position:relative;

}



.cm_footer_logo{



}



.cm_footer_menu {

	overflow:hidden;

}

.cm_footer_menu li{

	float:left;

}

	





/* ---------------------------

	공간 및 여백

--------------------------- */



.cm_gap {

  display: block;

  position: relative;

  margin: 20px 0 20px 0;

  clear: both;

  overflow: hidden;

}

.cm_gap:after {

  content: '';

  display: table;

}

.cm_gap_mini {

  margin: 5px 0 5px 0;

}

.cm_gap_small{

  margin: 10px 0 10px 0;

}

.cm_gap_big {

  margin: 30px 0 30px 0;

}

.cm_gap_large {

  margin: 60px 0 60px 0;

}

.cm_gap_top {

  margin-bottom: 0 !important;

}

.cm_gap_bottom {

  margin-top: 0 !important;

}

.cm_gap_border {

  border: 0;

  border-top: 1px solid #ededed;

  border-bottom: 1px solid #fff;

}

.cm_mb0 {

  margin-bottom: 0 !important;

}

.cm_mt0 {

  margin-top: 0 !important;

}

.cm_mr0 {

  margin-right: 0 !important;

}

.cm_ml0 {

  margin-left: 0 !important;

}

.cm_mb5 {

  margin-bottom: 5px !important;

}

.cm_mt5 {

  margin-top: 5px !important;

}

.cm_mr5 {

  margin-right: 5px !important;

}

.cm_ml5 {

  margin-left: 5px !important;

}

.cm_mb10 {

  margin-bottom: 10px !important;

}

.cm_mt10 {

  margin-top: 10px !important;

}

.cm_mr10 {

  margin-right: 10px !important;

}

.cm_ml10 {

  margin-left: 10px !important;

}

.cm_mb20 {

  margin-bottom: 20px !important;

}

.cm_mt20 {

  margin-top: 20px !important;

}

.cm_mr20 {

  margin-right: 20px !important;

}

.cm_ml20 {

  margin-left: 20px !important;

}

.cm_mb30 {

  margin-bottom: 30px !important;

}

.cm_mt30 {

  margin-top: 30px !important;

}

.cm_mr30 {

  margin-right: 30px !important;

}

.cm_ml30 {

  margin-left: 30px !important;

}

.cm_mb40 {

  margin-bottom: 40px !important;

}

.cm_mt40 {

  margin-top: 40px !important;

}

.cm_mr40 {

  margin-right: 40px !important;

}

.cm_ml40 {

  margin-left: 40px !important;

}

.cm_no_margin{

	margin:0 !important;

}

.cm_pt30 {

  padding-top: 30px !important;

}

.cm_pb30 {

  padding-bottom: 30px !important;

}

.cm_pr30 {

  padding-right: 30px !important;

}

.cm_pl30 {

  padding-left: 30px !important;

}

.cm_no_padding{

	padding:0 !important;

}

.clear_both {

	clear: both;

}

/*END SPACINGS*/





/* ---------------------------

	배경색상

--------------------------- */



.cm_bg_dark_gray{

	background-color:#666 !important;

}



.cm_bg_light_gray{

	background-color:#f3f3f3 !important;

}



.cm_bg_gray{

	background-color:#999 !important;

}



.cm_bg_white{

	background-color:#fff !important;

}



.cm_bg_black{

	background-color:#000 !important;

}