/*Àå·Õ ³»ºÎ±¸¼º CSS - 2019³â ÀÌÀü ¹öÀü°ú ÀÌÈÄ ¹öÀüÀÇ Á¦Ç°Á¤º¸±¸Á¶°¡ ´Ù¸§*/



 .pdt_view_con .prdt_info .pdt_view_con .prdt_info .system_section {max-width: 1200px; overflow: hidden; padding: 0 0 50px 0; margin: 150px auto 0; clear: both; box-sizing: border-box;}

 .system_section .inside_pc img {width: 1200px; display: block; text-align: center; margin: 100px auto; padding: 0 0;}
 .pdt_view_con .prdt_info .system_section .inside_pc img {width: 1200px; display: block; text-align: center; margin: 0 0 0 -150px; padding: 0 0;}

 .pdt_view_con .prdt_info .system_section .inside_mob img {display: none;}
 .system_section .inside_mob img {display: none;}

@media screen and (max-width: 1200px) {
	
	 .system_section .inside_pc img {display: none;}
	  .pdt_view_con .prdt_info .system_section .inside_pc img {display: none;}

	 .system_section .inside_mob img {display: block; width: 100% !important; text-align: center; margin:80px 0;}
	 .pdt_view_con .prdt_info .system_section .inside_mob img {display: block; width: 100% !important; text-align: center; margin:80px 0;}
}




.pdt_view_con .prdt_info img {display: inline-block;}




.graybox {padding-top: 23px; width: 100%; background-color: #ddd;}



dd.sub {color: #444; font-size: 16px;}



.detail_feature dl dt.bg_20190116 span {font-size: 25px; padding: 0 5px; border-radius: 2px; color: #fff; background-color: #c5996a;}




.view_area .view_con .drama_info p.poster_sub {text-align: center;}

.view_area .view_con .drama_tit {margin: 150px 0 0;}




/*product_wrap_5 ±¸¼º CSS*/

.page_navi_content .product_wrap_5 {display: inline-block; float: none;}
.page_navi_content .product_wrap_5 li {display: inline-block; text-align: center;}
.page_navi_content .product_wrap_5 li+li {margin-left: 20px;}
.page_navi_content .product_wrap_5 li p {text-align: center; font-size: 17px;}

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

	.page_navi_content .product_wrap_5 {width: 100%; margin: 0 auto;}
	.page_navi_content .product_wrap_5 li+li {margin-left: 0px;}

	.page_navi_content ul.product_wrap_5 {margin-top: -31px;}
	.page_navi_content .product_wrap_5 li {float: none;}
	.page_navi_content ul.product_wrap_5 li p {margin: 20px auto 20px auto;}


}


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


	 .page_navi_content ul.product_wrap_5 {float: none; padding: 0 0;}

	 .page_navi_content .product_wrap_5 {width: 100%; margin: 0 auto;}

	.page_navi_content .product_wrap_5 li p {text-align: center; font-size: 14px;}
	
}




/*footer_common ±¸¼º(¼ÒÆÄ) CSS*/

.product_wrap .footer_common li+li {margin-top: -20px;}
.product_wrap .footer_common li.mob div img {display: none;}

@media screen and (max-width: 900px) {
	
	.product_wrap .footer_common li+li {margin-top: -10px;}

	.product_wrap .footer_common li.web div img {display: none;}

	.product_wrap .footer_common li.mob div img {display: block;}

	
}

/* »ó¼¼ ³»¿ë text CSS*/

.page_navi_content section + section {

	/*margin: 100px 0;*/
    
}




.page_navi_content div[class*='product_wrap'] + dl {
    padding: 100px 0; margin-top: 0;
}


.detail_feature dl {margin-bottom: 100px;}



/* news video CSS*/

.news_video {margin: 50px 0;}


@media screen and (max-width: 900px) {
	
	.news_video {width: 100%;}
	
}






p.pdt_name_en {display: none;}


.view_area .view_con .drama_sung {max-width: 1800px;}
.drama_sung dt {width: auto;}
.drama_sung .drama_tit {width: auto;}








div ul li div.drama_hash {margin: 0 auto 0; padding: 40px 0 0; width: 1200px; height: 250px; background: url(/images/cs/move_s_sec_memo.jpg); background-repeat: no-repeat; background-position: 50% 50%;}
div ul li div div.hash_01 {box-sizing: border-box; margin: 0 auto 0; width: 100%; height: 70px; background: url(https://www.emons.co.kr/brand/img/drama/20190527_drama_hash.png); background-repeat: no-repeat; background-position: 50% 50%;}

div ul li div.drama_hash dd.txt {font-weight: 600;}




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


	div ul li div.drama_hash {padding: 20px 0 0;}
	div ul li div div.hash_01 {background: url(https://www.emons.co.kr/brand/img/drama/images/20190527_hash_01_m.png); background-repeat: no-repeat; background-position: 50% 50%;}
	div ul li div.drama_hash dd.txt {font-size: 13px !important; line-height: 20px;}
	
}



section.detail_feature dl {padding: 100px 0 0;}


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

section.detail_feature dl {padding: 50px !important;}

}






@media screen and (max-width: 770px) {
.page_navi_content div[class*='product_wrap'] + div[class*='product_wrap'] {margin-top:80px;}
}




.sung_table_01 {width: 70%;}
@media screen and (max-width: 770px) {
.sung_table_01 {width: 100%;}
}





.main_line {margin: 50px auto 50px; width: 722px; height: 1px; background-color: red; opacity: 0.7;}
@media screen and (max-width: 770px) {
.main_line {width: 100%;}
}



.main_head_txt {margin: 0; font-size: 2.1vw;}
@media screen and (max-width: 770px) {
.main_head_txt {font-size: 6vw;}
}

.main_sub_txt {margin: 0; font-size: 1.2vw; line-height: 32px; font-weight: 100; padding: 0 0 150px;}
@media screen and (max-width: 770px) {
.main_sub_txt {font-size: 3.5vw; line-height: 28px;}
}


@media screen and (max-width: 770px) {
.new_section {max-width: 40% !important;}
.new_section_logo {width:30% !important;}
}


/* »ó¼¼ ³»¿ë NEW DESIGN CSS*/


div.test_sec p {text-align: center !important;}
div.test_sec p.test_bold {margin: 30% 0 auto; font-size: 22px;}

div.test_sec p.test_sub {margin: 30px 0 0;}
div.test_sec ul li.test_img {float: right;}


@media screen and (max-width: 1210px) {
div.test_sec2 p.test_bold2 {margin: 20% 0 auto;}
div.test_sec p.test_bold {margin: 20% 0 auto;}

}



@media screen and (max-width: 770px) {
div.test_sec p.test_bold {font-size: 16px; margin: 25px 0 auto;}

div.test_sec p.test_sub {margin: 15px 0 0;}
div.test_sec ul li.test_txt {margin: 0 auto 0; float: none; width: 100%;}
div.test_sec ul li.test_img {float: none; width: 70%; margin: 0 auto 0; display: block;}
}









div.test_sec2 p {text-align: center !important;}
div.test_sec2 p.test_bold {font-size: 22px;}
div.test_sec2 p.test_sub {margin: 30px 0 0;}
div.test_sec2 ul li.test_img {float: left;}



div.test_sec2 ul .test_txt .txt_testsec2 img {padding: 50px 0;}


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

div.test_sec2 ul .test_txt .txt_testsec2 img {width: 70%; padding: 10px 0;}
}


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

div.test_sec2 p.test_bold {font-size: 16px; margin: 25px 0 auto;}
div.test_sec2 p.test_sub {margin: 15px 0 0;}
div.test_sec2 ul li.test_txt {margin: 0 auto 0; float: none; width: 100%;}
div.test_sec2 ul li.test_img {float: none; width: 70%; margin: 0 auto 0; display: block;}
div.test_sec2 ul .test_txt .txt_testsec2 img {width: 50%; padding: 0;}
}


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

img.new_logo {width: 60%;}
img.color_view {width: 60%;}

}




.pro_concept {max-width: 1250px;}

dl.pro_txt {margin-top: 50px;}
dl.pro_txt dt {font-size: 23px;}
dl.pro_txt dd {font-size: 18px; line-height: 30px;}


dl.pro_txt_2 {text-align: left; padding: 80% 0 0 50px !important;}
dl.pro_txt_2 dt {font-size: 23px; text-decoration: underline;}
dl.pro_txt_2 dd {font-size: 18px; line-height: 30px;}

.pro_r {float: right;}
.pro_l {float: left;}

dl.pro_txt_3 {text-align: right; padding: 60% 50px 0 0 !important;}
dl.pro_txt_3 dt {font-size: 23px; text-decoration: underline;}
dl.pro_txt_3 dd {font-size: 18px; line-height: 30px;}


dl.pro_txt_4 {text-align: right; padding: 40% 50px 0 0 !important;}
dl.pro_txt_4 dt {font-size: 23px; text-decoration: underline;}
dl.pro_txt_4 dd {font-size: 18px; line-height: 30px;}


dl.pro_txt_5 {text-align: left; padding: 40% 0 0 50px !important;}
dl.pro_txt_5 dt {font-size: 23px; text-decoration: underline;}
dl.pro_txt_5 dd {font-size: 18px; line-height: 30px;}








@media screen and (max-width: 1100px) {
dl.pro_txt_2 {text-align: left; padding: 50% 0 0 50px !important;}
dl.pro_txt_3 {text-align: right; padding: 30% 0 0 50px !important;}
dl.pro_txt_4 {text-align: right; padding: 10% 0 0 50px !important;}
dl.pro_txt_5 {text-align: left; padding: 10% 0 0 50px !important;}
}



@media screen and (max-width: 900px) {
dl.pro_txt_2 dt {font-size: 20px; text-decoration: underline;}
dl.pro_txt_2 dd {font-size: 16px; line-height: 25px;}
dl.pro_txt_3 dt {font-size: 20px; text-decoration: underline;}
dl.pro_txt_3 dd {font-size: 16px; line-height: 25px;}

}


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

img.new_logo {width: 60%;}
img.color_view {width: 60%;}

.pro_concept dl.pro_txt_2 {padding: 20px 0 0 0px !important;}
.pro_concept dl.pro_txt_3 {padding: 20px 0 0 0px !important;}
.pro_concept dl.pro_txt_4 {padding: 20px 0 0 0px !important;}
.pro_concept dl.pro_txt_5 {padding: 20px 0 0 0px !important;}



}


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

.pro ul li.pro_img {float:none; width: 100%; display: block; text-align: center; padding-top: 20px;}
.pro ul li.pro_txt {float:none; width: 100%;}
}








p img.luv {margin: 30px 15px 30px;}

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

p img.luv {margin: 30px 0 30px;}
}









/* »ó¼¼ÆäÀÌÁö ½Å±Ô±¸¼º 210730 css Ãß°¡ */
.infor_page_mtit{font-size:26px; color:#000000;}
.infor_page_stit{font-size:17px; color:#000000; margin-bottom:40px; line-height:160%;}

.tit_mar_top{margin-top:120px;}
.tit_mar_bottom{margin-bottom:120px;}

.text_mar_b{margin-bottom:70px;}
.sec_tit{margin:0 auto;}

.com_mar_b{margin-bottom:70px;}

.text_mar_bc{margin-bottom:50px;}

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

.infor_page_mtit{font-size:24px; color:#000000;}
.infor_page_stit{font-size:15px; color:#000000;}

.tit_mar_top{margin-top:80px;}
.tit_mar_bottom{margin-bottom:80px;}

}

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

.infor_page_mtit{font-size:17px; color:#000000;}
.infor_page_stit{font-size:12px; color:#000000;}

.tit_mar_top{margin-top:50px;}
.tit_mar_bottom{margin-bottom:50px;}

.sec_tit{width:40%;}

.text_mar_bc{margin-bottom:20px;}
.text_mar_b{margin-bottom:30px;}
.mar0{margin:0 !important;}

}