/*******************
	    레이아웃
********************/

body {position:relative; width:100%;}
html {overflow-x:auto;overflow-y:scroll;}
html, body {min-width:100%;}

.float_l{position:relative; float:left;}
.float_r{position:relative; float:right;}

.in_bl{display:inline-block;}
.di_bl{display:block;}
.cboth{clear:both;}

/*******************
	 margin
********************/

.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt75 {margin-top:75px!important;}
.mt80 {margin-top:80px!important;}
.mt100 {margin-top:100px!important;}
.mt120 {margin-top:120px!important;}
.mt180 {margin-top:180px!important;}

.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb80 {margin-bottom:80px!important;}
.mb100 {margin-bottom:100px!important;}
.mb180 {margin-bottom:180px!important;}

.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml12 {margin-left:12px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}
.ml55 {margin-left:55px!important;}

.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}
.mr40 {margin-right:40px!important;}
.mr50 {margin-right:50px!important;}
.mr55 {margin-right:55px!important;}

/*******************
	 padding
********************/

.ptrbl10{padding:10px!important;}
.ptrbl15{padding:15px!important;}

.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!important;}
.pt70 {padding-top:70px!important;}

.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb50 {padding-bottom:50px!important;}
.pb100 {padding-bottom:100px!important;}

.pl5 {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl12 {padding-left:12px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}
.pl35 {padding-left:35px!important;}
.pl40 {padding-left:40px!important;}
.pl50 {padding-left:50px!important;}
.pl60 {padding-left:60px!important;}
.pl70 {padding-left:70px!important;}
.pl80 {padding-left:80px!important;}

.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}


/*******************
	 vertical-align
********************/

.vMid {vertical-align:middle;}
.vTop {vertical-align:top;}
.vam1 {vertical-align:-1px;}
.vam2 {vertical-align:-2px;}
.vam3 {vertical-align:-3px;}
.vam4 {vertical-align:-4px;}
.vam5 {vertical-align:-5px;}

.delline {text-decoration:line-through;}
.underline {text-decoration:underline;}

/*******************
	 text-align
********************/
.align-l{text-align:left!important;}
.align-r{text-align:right!important;}
.align-c{text-align:center!important;}


/*******************
	 font-size
********************/

.font14{font-size:14px!important;}
.font15{font-size:15px!important;}
.font18{font-size:18px!important;}

/*******************
	 font-weight
********************/

.bld {font-weight:bold};
.bld1 {font-weight:100!important;}
.bld2 {font-weight:200!important;}
.bld3 {font-weight:300!important;}
.bld4 {font-weight:400!important;}
.bld5 {font-weight:500!important;}
.bld6 {font-weight:600!important;}
.bld7 {font-weight:700!important;}
.bld8 {font-weight:800!important;}
.bldNormal {font-weight:normal;}

/*******************
	 font-color
********************/

.red{color:#e43e3e!important;}
.or{color:#f5821f!important;}
.yel{color:#fbb103!important;}
.mint{color:#0dc2bb!important;}
.bl{color:#40a3bc!important;}
.nav{color:#044471!important;}
.bk{color:#3f3f3f!important;}
.bur{color:#7f1a21!important;}
.gry{color:#777777!important;}
.purp{color:#8064a2!important;}
.blk{color:#000000!important;}
.white{color:#fff!important;}

/*백그라운드*/

.bg_navy{background:#48557c !important;}
.bg_red{background:#c9252b !important;}
.bg_or{background:#f5821f !important;}
.bg_whitegray{background:#f8fafb !important;}
.bg_gray{background:#595959 !important;}
.bg_darkgray{background:#484848 !important;}
.bg_yel{background:#fcc520 !important;}
.bg_mint{background:#0dc2bb !important;}
.bg_purple {background:#8064a2 !important;}
.bg_green {background:#73bb25 !important;}
.bg_pink {background:#ff39b7 !important;}
.bg_blue {background:#02b9ff !important;}

.line_gray{
	border:1px solid #999;
}

.btn_line_small{
	display:inline-block;
	padding:0 17px;
	height:33px;
	color:#555 !important;
	text-align:center;
	font-size:14px;
	line-height:33px;
	letter-spacing:-1px;
	border-radius:0;	
	vertical-align:middle;	
	border:1px solid #ddd;
}
.btn_line_mid{
	display:inline-block;
	padding:0 17px;
	height:41px;
	color:#555 !important;
	text-align:center;
	font-size:15px;
	line-height:41px;
	letter-spacing:-1px;
	border-radius:3px;	
	vertical-align:middle;	
}

/*작은버튼*/
.btn_small{
	display:inline-block;
	padding:0 15px;
	height:33px;
	color:#fff !important;
	text-align:center;
	font-size:14px;
	line-height:33px;
	letter-spacing:-1px;
	border-radius:3px;	
	vertical-align:middle;	
}

/*중간버튼*/
.btn_mid{
	display:inline-block;
	padding:0 27px;
	height:41px;
	color:#fff !important;
	text-align:center;
	font-size:16px;
	line-height:41px;
	letter-spacing:-1px;
	border-radius:3px;
	cursor:pointer;		
}

/*중간버튼 no radius*/
.btn_mid_noradius{
	display:inline-block;
	padding:0 24px;
	height:36px;
	color:#fff !important;
	text-align:center;
	font-size:16px;
	line-height:36px;
	letter-spacing:-1px;
	border-radius:0;
	cursor:pointer;
}

/*큰버튼*/
.btn_wide{
	display:inline-block;
	padding:0 40px;
	height:48px;
	color:#fff !important;
	text-align:center;
	font-size:18px;
	line-height:48px;
	letter-spacing:-1px;
	border-radius:0;
}

/*마이페이지 버튼*/
.btn_mypage_go{
	display:inline-block;
	height:55px;
	background:#0dc2bb url(../images/sub/icon_play.png) 10px no-repeat;
	padding:0 12px 0 35px;
	color:#fff !important;
	font-size:16px;
	letter-spacing:-1px;
	border-radius:3px;
	line-height:55px;
	background-size:19%;
	vertical-align:middle;
}
.btn_mypage_standby{
	display:inline-block;
	height:55px;
	background:url(../images/sub/icon_play.png) 10px no-repeat;
	padding:0 12px 0 35px;
	color:#f56451 !important;
	font-size:15px;
	font-weight:500;
	letter-spacing:-1px;
	border-radius:3px;
	line-height:55px;
	background-size:19%;
	vertical-align:middle;
	border:1px solid #f56451;
}

/*******************
	btn스타일
********************/
.btn_area{
	position:relative;
	width:100%;
}
.btn_area a{
	display:inline-block;
	margin-left:1px;
}
a.btn_line {
	display: block;
	color: #f5821f;
	border: 1px solid #f7a631;
	font-size: 12px;
	text-align: center;
	letter-spacing: -0.5px;
	padding: 5px 7px;
	margin: 10px 0;
	float: left;
	line-height:100%;
}
a.btn_line:hover {
	color: #fff;
	background: #3c88de;
	border: 1px solid #3c88de;
}
.btn_s_gray{
	display:inline-block;
	color: #747474;
	border: 1px solid #cecece;
	background:#f2f2f2;
	font-size: 12px;
	text-align: center;
	letter-spacing: -0.5px;
	padding: 3px 5px;
	margin-left:5px;
	line-height:100%;
}
.btn_s_red{
	display:inline-block;
	color: #fff;
	border: 1px solid #f56451;
	background:#f56451;
	font-size: 12px;
	text-align: center;
	letter-spacing: -0.5px;
	padding: 3px 5px;
	line-height:100%;
}


/*******************
	헤더영역 : header
********************/
.header_wrap {
	width:100%;
}
/* GNB */
.gro_wrap {
	width:100%;
	background:#c22127;
}
.gro_wrap .grobal {
	width:1100px;
	height:36px;
	margin:0 auto;
	overflow:hidden;
}
.family {
	text-align: left;
	font-size:13px;
	line-height: 36px;
	font-weight:500;
	float: left;
	overflow:hidden;
}
.family a {
	height:36px;
	display: inline-block;
	margin:0;
	padding:0 18px 0 18px;
	color: #f8f8f8;
	float:left;
}
.family a.on,
.family a:hover {
	background:#fff;
	color:#c22127;
}
/* head 로그인  */
.login_group {
	text-align: right;
	font-size:13px;
	line-height: 36px;
	float: right;
}
.login_group a {
	margin: 0 0 0 15px;
	color: #edcccd;
}
.login_group a:hover {
	color: #fff;
}

/* top menu 부분 */
.top_menu_wrap {
	width:100%;
	background:#fff;
}
.top_menu_group {
	width:1100px;
	margin:0 auto;
	overflow:hidden;
}
.top_menu_group h1 {
	margin:37px 0 23px 0;
}
.top_menu_group .top_menu {
	text-align: right;
	font-size: 18px;
	line-height: 24px;
	margin-top:45px;
}
.top_menu_group .top_menu a {
	margin: 0 0 0 30px;
	color: #1e1e1e;
}
.top_menu_group .top_menu a.on,
.top_menu_group .top_menu a:hover {
	color: #c22127;
}
/*******************
	LNB영역 : 대메뉴
********************/
.main_menu_wrap {
	width:100%;
	height:60px;
	background:#323232;
}
.main_menu_wrap_bg {
	display:none;
	width:100%;
	height:212px;
	background:#fff;
	z-index: 80;
	position: absolute;
	border-bottom: 1px solid #dbdbdb;
}
.main_menu_group {
	width:1100px;
	height:60px;
	margin:0 auto;
	position: relative;
	z-index: 90;
}
.main_menu_group .m_menu_box {
	float:left;
	width:183px;
}
div.main_menu_group div.m_menu_box:nth-child(1) {
	width:197px;
}
div.main_menu_group div.m_menu_box:nth-child(1) ul {
	width:195px;
}
div.main_menu_group div.m_menu_box:nth-child(2) {
	width:195px;
}
div.main_menu_group div.m_menu_box:nth-child(2) ul {
	width:194px;
}
div.main_menu_group div.m_menu_box:nth-child(3) {
	width:205px;
}
div.main_menu_group div.m_menu_box:nth-child(3) ul {
	width:204px;
}
div.main_menu_group div.m_menu_box:nth-child(4) {
	width:195px;
}
div.main_menu_group div.m_menu_box:nth-child(4) ul {
	width:194px;
}
div.main_menu_group div.m_menu_box:nth-child(5) {
	width:152px;
}
div.main_menu_group div.m_menu_box:nth-child(5) ul {
	width:151px;
}
div.main_menu_group div.m_menu_box:nth-child(6) {
	width:156px;
}
div.main_menu_group div.m_menu_box:nth-child(6) ul {
	width:155px;
}
.main_menu_group .m_menu_box h3 {
	height:60px;
	overflow:hidden;
	font-size: 16px;
	line-height:60px;
	color: #fff;
	line-height: 1.25;
	text-align: center;
}
.main_menu_group .m_menu_box h3 a {
	display:block;
	height:60px;
	font-size: 16px;
	line-height:60px;
	color: #fff;
}
.main_menu_group div:hover h3 a,
.main_menu_group div.on h3 a {
	background:#c9252b;
}
.body_main .main_menu_group .m_menu_box ul {
	display:block;
	position: static;
}
.body_main .main_menu_group .m_menu_box ul.sj {
	border-left:1px solid #dbdbdb;
}
.main_menu_group .m_menu_box ul {
	width:181px;
	height:192px;
	display:none;
	padding:10px 0 10px 0;
	border-right:1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	font-size: 13px;
	font-family: "Dotum";
	color: #2a2a2a;
	line-height: 15px;
	text-align: left;
	background:#fff;
	z-index: 110;
	position: absolute;
	top:60px;
}
.main_menu_group .m_menu_box:first-child ul {
	border-left:1px solid #dbdbdb;
}
.main_menu_group:hover .m_menu_box ul {
	display:block !important;
}
.main_menu_group .m_menu_box ul.sj {
	border-left:1px solid #dbdbdb;
}
.main_menu_group .m_menu_box ul li {
	padding-left:44px;
	padding-top:4px;
	padding-bottom:5px;
	background:url("../images/comm/icon_red_dian.png") 36px 10px no-repeat;
}
.main_menu_group .m_menu_box ul.sj li {
	padding-left:34px;
	background:url("../images/comm/icon_red_dian.png") 26px 10px no-repeat;
}
.main_menu_group .m_menu_box ul li a {
	color: #2a2a2a;
	letter-spacing: -1px;
}
.main_menu_group .m_menu_box ul li a span {
	letter-spacing: 0;
}
.main_menu_group .m_menu_box ul li a:hover {
	color: #c9252b;
}


/*****************
    푸터 footer
 *****************/
 .body_main #footer_wrap {
 	background:#fff;
 }
#footer_wrap{
	width:100%;
	background:#f4f6f7;
	color:#969696;
	font-size: 13px;
	line-height: 18px;
	border-top:1px solid #bfbfbf;
	padding:30px 0 60px 0;
}
.footer_group{
	width:1100px; 
	margin: 0 auto;
}
.fw_menu {
	width:1100px; 
	position: relative;
	height:40px;
}
.fw_menu h3 {
	position: absolute;
	top:0;
	left:0;
}
.fw_menu .bottom_menu {
	position: absolute;
	top:8px;
	left:280px;
	font-size: 15px;
	color: #787878;
	line-height: 18px;
}
.fw_menu .bottom_menu a {
	color: #787878;
	float:left;
}
.fw_menu .bottom_menu span {
	width: 1px;
	height: 14px;
	margin: 3px 15px;
	background-color: #b5b5b5;
	display: block;
	float: left;
}
.fw_info {
	padding:20px 0 0 0;
	font-size: 13px;
	color: #969696;
	line-height: 18px;
}

.familysite {
	position: absolute;
	right: 0;
}
.btn_familysite {
	display: block;
	width: 140px;
	height: 34px;
	padding: 0 12px 0 15px;
	background: #fafafa url(../images/comm/ico_select_arrow.png) 118px center no-repeat;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	color: #222;
	font-size: 14px;
	font-weight: 100;
	line-height: 34px;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
}
.familysite em {
	display: block;
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.familysite_area {
	display: none;
	position: absolute;
	right: 0;
	bottom: 34px;
	overflow: hidden;
	z-index: 300;
}
.familysite_area ul {
	width: 140px;
	padding: 10px 7px;
	background: #fff;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	font-size: 13px;
}
.familysite_area a {
	display: block;
	padding: 2px 5px;
	color: #666;
	transition: all 0.4s;
}
.btn_familysite_cl {
	display: none;
	width: 140px;
	height: 34px;
	padding: 0 12px 0 15px;
	background: #fafafa url(../images/comm/ico_select_arrow_on.png) 118px center no-repeat;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	color: #222;
	font-size: 14px;
	font-weight: 100;
	line-height: 34px;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
}


/*****************
    퀵메뉴
 *****************/
/* new 퀵 메뉴 */
#quick_menu_layer {
	position:absolute; 
	top:100px; 
	z-index:210;
}
.quick_menu_group {
	width: 150px;
	text-align:center;
}

/* quick 메뉴 bxslidercss */
.quick_dday_bx {
	width: 150px;
	margin-bottom:8px;
	height: 131px;
}
.quick_dday_bx a {
	color:#fff;
}
.quick_dday_bx div {
	width: 150px;
	height:105px;
	overflow: hidden;
	background:#c9252b;
	color:#fff;
}
.quick_dday_bx div p {
	display: inline-block;
	max-height:40px;
	padding:15px 20px 0 20px;
	overflow: hidden;
	font-size:13px;
	line-height:19px;
	color:#fff;
	text-align:center;
}
.quick_dday_bx div p span {
	font-size:18px;
	color:#fff;
}
.quick_dday_bx div strong {
	font-size:32px;
	line-height:36px;
	color:#fff;
}
div.quick_menu_group div.bx-wrapper div.bx-controls {
	position: relative;
}
div.quick_menu_group div.bx-wrapper div.bx-controls {
	width: 150px;
	height: 26px;
	overflow: hidden;
	background: #c22127;
	color: #fff;
	font-size: 12px;
	line-height: 26px;
}
div.quick_menu_group div.bx-wrapper div.bx-controls div.bx-pager {
	position: static;
	bottom: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	line-height: 26px;
}
div.quick_menu_group div.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	outline: 0;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	z-index: 9999;
}
div.quick_menu_group div.bx-wrapper .bx-controls-direction a.bx-prev {
	left: 35px;
	background: url(../images/comm/quick_dday_controls.png) no-repeat 0 0;
}
div.quick_menu_group div.bx-wrapper .bx-controls-direction a.bx-next {
	right: 35px;
	background: url(../images/comm/quick_dday_controls.png) no-repeat -26px 0;
}

.quick_menu {
	width: 150px;
	margin-bottom:8px;
	margin-top:8px;
}
.quick_menu h3 {
	width: 150px;
	background:#000;
	font-size:13px;
	line-height:30px;
	color:#fff;
}
.quick_menu ul {
	background:#fff;
	border-left:1px solid #d7d7d7;
}
.quick_menu ul li {
	font-size:13px;
	line-height:30px;
	border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
}
.quick_menu ul li a {
	display:block;
	color:#282828;
}
.quick_menu ul li a:hover {
	color:#000;
	background:#d7d7d7;
}
.quick_event a {
	display: inline-block;
	margin-bottom:8px;
}
.quick_sns a {
	display: inline-block;
	margin-right:8px;
	float:left;
}
.commentWriteArea a.white {
	color:#fff !important
}