/*
LS CSS
by HYH
*/

.page_main.page_cu{
	width:1100px;
}

.page_main.page_cu p{
	font-size:2.0rem;
}

.page_main.page_cu p.mg{
	padding-top:50px;
}

.page_title.cu{
	background:url(../images/cu/cu0_vol24_01.png) no-repeat center top;
}

.page_title.cu .title_box h2 span:before{
	border-color:#000;
}
.page_title.cu .title_box h2,
.page_title.cu .title_box h3,
.page_title.cu .title_box h4{
	color:#000;
}
.page_cu .div_top{
	font-size:2.0rem;
	font-weight:300;
	line-height:36px;
	/*text-align:center;*/
	padding-bottom: 100px;
}
.page_cu section{
	position:relative;
	width:100%;
}


/*  공통  */
.clear{clear:both;}
.bold{font-weight: 500;}
.line_break {display: block;}
.source{
	font-size: 1.6rem;
	letter-spacing: -0.5px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 40px;
}
.capt{
	font-size: 1.6rem;
	letter-spacing: -1px;
	text-align: center;
	padding-top: 15px;
}


/* 영화정보 부분 */
.color1{background-color: #ed4a5f;}
.color2{background-color: #00935c;}
.color3{background-color: #32ad9c;}
.color4{background-color: #7f6eb3;}
.color5{background-color: #2ebbec;}
.color6{background-color: #416bb5;}
.color7{background-color: #d63e4c;}
.color8{background-color: #f26f51;}
.color9{background-color: #416bb3;}
.color10{background-color: #d55457;}
.color11{background-color: #3ca441;}
.color12{background-color: #d6910d;}
.tex_col1{color: #ed4a5f; font-weight: 500;}
.tex_col2{color: #00935c; font-weight: 500;}
.tex_col3{color: #32ad9c; font-weight: 500;}
.tex_col4{color: #7f6eb3; font-weight: 500;}
.tex_col5{color: #2ebbec; font-weight: 500;}
.tex_col6{color: #416bb5; font-weight: 500;}
.tex_col7{color: #d63e4c; font-weight: 500;}
.tex_col8{color: #f26f51; font-weight: 500;}
.tex_col9{color: #416bb3; font-weight: 500;}
.tex_col10{color: #d55457; font-weight: 500;}
.tex_col11{color: #3ca441; font-weight: 500;}
.tex_col12{color: #d6910d; font-weight: 500;}
.bg_Info1{
	background:url(../images/cu/cu_bgicon01.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info2{
	background:url(../images/cu/cu_bgicon02.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info3{
	background:url(../images/cu/cu_bgicon03.png) no-repeat bottom right;
	height: 178px;
}
.bg_Info4{
	background:url(../images/cu/cu_bgicon04.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info5{
	background:url(../images/cu/cu_bgicon05.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info6{
	background:url(../images/cu/cu_bgicon06.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info7{
	background:url(../images/cu/cu_bgicon07.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info8{
	background:url(../images/cu/cu_bgicon08.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info9{
	background:url(../images/cu/cu_bgicon09.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info10{
	background:url(../images/cu/cu_bgicon10.png) no-repeat bottom right;
	height: 238px;
}
.bg_Info11{
	background:url(../images/cu/cu_bgicon11.png) no-repeat bottom right;
	height: 268px;
}
.bg_Info12{
	background:url(../images/cu/cu_bgicon12.png) no-repeat bottom right;
	height: 148px;
}
.movie_box{
	padding-bottom: 80px;
}
.movie_box .tex_pd{
	padding-top: 50px;
}
.movie_box .mo_title{
	border:2px solid #232323;
	height: 56px;
	width: 100%;
	margin: 0 auto;
}
.movie_box .mo_title .num{
	float: left;
	width: 30%;
	text-align: left;
}
.movie_box .mo_title .month{
	float: left;
	width: 70%;
	text-align: right;
}
.movie_box .mo_post{
	float: left;
	width: 38%;
	border-left: 2px solid #232323;
	border-right: 2px solid #232323;
	border-bottom: 2px solid #232323;
	padding: 40px 0 40px 0;
	text-align: center;
}
.movie_box .mo_info{
	float: left;
	width: 62%;
	border-right: 2px solid #232323;
	border-bottom: 2px solid #232323;
}
.movie_box .mo_info .title{
	padding: 40px 20px 40px 56px;
	text-align: left;
	border-bottom: 2px solid #232323;
}
.movie_box .mo_info .info{
	padding: 34px 45px 0 60px;
	text-align: left;
}
.tex_Info{
	font-size: 1.9rem;
	letter-spacing: -0.8px;
	font-weight: 400;
	padding-bottom: 4px;
}
.tex_Info dt{
	float: left;
	width: 50px;
}
.tex_Info dd{
	padding: 0 0 0 50px;
}

.tex_Info1{
	font-size: 1.9rem;
	letter-spacing: -0.8px;
	font-weight: 400;
	padding-bottom: 4px;
}
.tex_Info1 dt{
	float: left;
	width: 100px;
}
.tex_Info1 dd{
	padding: 0 0 0 100px;
}


/* sec1 */
.sec1{
	position: relative;
	padding-bottom: 100px;
}
.sec1 .cu_title{
	background:url(../images/cu/cu1-2_vol24_01.png) repeat-x;
	background-color: #ffeccb;
	text-align: center;
	height: 84px;
}
.sec1 .cu_box{
	background-color: #ffeccb;
	padding: 80px 80px 0 80px;
}

/* sec2 */
.sec2{
	position: relative;
	padding-bottom: 100px;
}
.sec2 .cu_title{
	background:url(../images/cu/cu1-3_vol24_01.png) repeat-x;
	background-color: #f9dee2;
	text-align: center;
	height: 84px;
}
.sec2 .cu_box{
	background-color: #f9dee2;
	padding: 80px 80px 0 80px;
}

/* sec3 */
.sec3{
	position: relative;
	padding-bottom: 100px;
}
.sec3 .cu_title{
	background:url(../images/cu/cu1-4_vol24_01.png) repeat-x;
	background-color: #c5e6d8;
	text-align: center;
	height: 84px;
}
.sec3 .cu_box{
	background-color: #c5e6d8;
	padding: 80px 80px 0 80px;
}

/* sec4 */
.sec4{
	position: relative;
	padding-bottom: 0;
}
.sec4 .cu_title{
	background:url(../images/cu/cu1-5_vol24_01.png) repeat-x;
	background-color: #b6e2fa;
	text-align: center;
	height: 84px;
}
.sec4 .cu_box{
	background-color: #b6e2fa;
	padding: 80px 80px 0 80px;
}


@media all and (max-width:1279px){
	.page_main.page_cu{
		width:100%;
	}
	.page_cu section{
		background-size:contain;
	}
	.page_cu .div_top p,
	.gq_list p,
	.sec4_btm p{
		display:block!important;
	}
}


@media all and (max-width:1099px){
	.line_break {display: inline;}
	.page_title.cu{
		padding-top: 100px;
		padding-right:10px;
		background:url(../images/cu/cu0-1_vol24_01.png) no-repeat left top;
	}
	.page_main.page_cu{	
		padding:50px 0;
	}

	.page_cu .div_top{
		padding-bottom: 50px;
	}
	.source{padding-bottom: 40px;}

	.sec1,
	.sec2,
	.sec3,{
		padding-bottom: 40px;
	}
	.sec1 .cu_box,
	.sec2 .cu_box,
	.sec3 .cu_box,
	.sec4 .cu_box{
		padding: 30px;
	}

	/*영화 소개 모바일 부분*/
	.movie_box{
		padding-bottom: 50px;
	}
	.movie_box .tex_pd{
		padding-top: 30px;
	}
	.movie_box .mo_post{
		float: none;
		width: 100%;
		padding: 20px 0 20px 0;
	}
	.movie_box .mo_info{
		float: none;
		width: 100%;
		border-left: 2px solid #232323;
	}
	.movie_box .mo_info .title{
		padding: 20px;
	}
	.movie_box .mo_info .info{
		padding: 20px 20px 86px 20px;
	}
	.bg_Info1,
	.bg_Info2,
	.bg_Info3,
	.bg_Info4,
	.bg_Info5,
	.bg_Info6,
	.bg_Info7,
	.bg_Info8,
	.bg_Info9,
	.bg_Info10,
	.bg_Info11,
	.bg_Info12{
		height: auto;
	}

}


@media all and (max-width:567px){	
	.page_title.cu .title_box h3 {
		line-height: 40px;
		font-size: 3.8rem;
	}	
	.page_cu section {
		/*margin-top:50px;*/
	}
}