/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css); */

*{
	margin:0;
	padding:0;
	vertical-align:top;
	/*border: 10px solid;*/

	/* box-sizing:border-box;
	-webkit-box-sizing:border-box; */

	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
				 box-sizing: border-box;

}

a{color:inherit; text-decoration: none;}

.vjs-big-play-button .vjs-control-text{background-color:red;}

.center{text-align:center;}

/* body{font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';} */

.n_ntv{width:100%; background-color: #ececec;}
.n_ntv_film{height:auto; margin:auto; position:relative; margin-bottom: 65px;}
/* .n_ntv_film .title_figure{position:absolute; z-index:10; width:590px; height:153px; background-color: #ffffff; opacity:0.9; bottom:0; left:50%; margin-left: -295px;} */
/* .n_ntv_film span.title{width:520px; height:40px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; z-index:11; font-weight: 500; font-size:25pt; bottom:42px; left:50%; margin-left: -265px;} */
/* .n_ntv_film span.title_capton{width:520px; position:absolute; z-index:12; color:#9b6b26; font-weight:500; font-size:13pt; bottom:96px; left:50%; margin-left:-260px;} */
/* .n_ntv_flim .video-js{width:100%;} */

.n_banner{width:100%; background-color: #ffffff; margin:auto;}
.n_article_banner{position:relative; width:1200px; max-height:950px; overflow:hidden; vertical-align: middle; background-color:black;}
/* .n_article_banner .b_title_figure{position:absolute; z-index:20; width:387px; height:100%; background-color: #ffffff; opacity:0.9; bottom:0; left:0;} */
.n_article_banner div.b_title{width:387px; height:auto; z-index: 10; float: left; position:absolute; line-height: 28pt; font-weight: 500; bottom:0; font-size:22pt; padding:55px 40px 30px 40px; background-color: rgba(255,255, 255, 0.8); overflow: hidden;}
/* .n_article_banner div.b_title{width:307px; height:35px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; font-weight: 400; font-size:22pt; margin:65px 0 0 40px;} */
.n_article_banner span.b_title_capton{width:307px; position:absolute; color:#9b6b26; font-weight: 500; font-size:11pt; margin-top:-30px; text-transform: uppercase;}
.n_article_banner div.b_title_line{width:30px; height:10px; font-size: 0; position:absolute; border-top:1px solid #9b6b26; margin-top:-13px; margin-left:-40px;}


.n_mall{width:100%; background-color: #ececec; position:relative; margin-top:65px; margin-bottom:45px;}
ul.n_mall_main{display: inline-block; list-style:none; position: relative; width:100%; max-width: 1200px; margin:auto;}
.n_malllogo{width:258px; padding:47px 0 33px 0; position:relative; margin:auto;}
li.n_mall_thumb{width:24%; height :auto; margin:5px; position:relative; border:1px solid #E1E1E1; float:left; background-color: white; margin-bottom:34px; text-align: center;}
/* li.n_mall_thumb:nth-child(4n){margin-right:0%;} */
.n_mall_p_name{max-width: 230px; width:80%; margin:auto; text-align:center; height:auto; line-height:21pt; padding:0px 0 28px 0; font-weight:500; height:auto; font-size:12pt; letter-spacing: -0.2pt; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.n_mall_p_price{color:#d0a970;}
/*.n_mall_thumb:nth-child(4){margin-right:0;}*/
li.n_mall_thumb img { width:99.5%;}

ul.slick-dots{padding-top:20px; margin-bottom:20px;}
ul.n_mall_pg_slider{width:100%; display:inline-block; list-style:none; position: relative; margin-bottom:48px;}
li.n_mall_button{width:15px; height: 15px; margin-right:25px; display:inline-block;	}
li.n_mall_button:nth-child(4n){margin-right:0;}


div.n_article{width:100%; height:auto;}
.n_article_list{width:100% background-color: #ffffff; margin:auto; margin-bottom:25px;}
.n_article_contents_line{width:100%; display: inline-block; list-style:none; position: relative;}
ul.n_article_contents_line li.n_article_thumb{width:32.333333%; height:auto; position:relative; float: left; margin-right:1.5%; margin-top:20px; bottom:0;}
ul.n_article_contents_line{display: inline-block; list-style:none; position: relative;}
ul.n_article_contents_line li.n_article_thumb:nth-child(3n){margin-right:0%;}
ul.n_article_contents_line li.n_article_thumb .c_caption{position:absolute; width:32%; height:auto%; z-index:25; padding:11px; background:#cfa972; font-weight: 600; letter-spacing:0.7pt;font-size: 14.5px; color:white; text-align: center; vertical-align: middle;}
ul.n_article_contents_line li.n_article_thumb .e_caption{position:absolute; width:32%; height:auto%; z-index:26; padding:11px; background:#d32f56; font-weight: 600; letter-spacing:0.7pt;font-size: 14.5px; color:white; text-align: center; vertical-align: middle;}
ul.n_article_contents_line li.n_article_thumb div.img{position:relative; width:100%; height:0; padding-top:100%; overflow:hidden;}
/* ul.n_article_contents_line li.n_article_thumb div.thumb_menlogo{position:absolute; z-index:101; top:0; left:0;}
ul.n_article_contents_line li.n_article_thumb div.thumb_artnowlogo{position:absolute; z-index:101; top:0; left:0;}
ul.n_article_contents_line li.n_article_thumb div.thumb_weddinglogo{position:absolute; z-index:101; top:0; left:0;}
ul.n_article_contents_line li.n_article_thumb div.thumb_instaicon{position:absolute; z-index:101; top:0; left:0;} */
ul.n_article_contents_line li.n_article_thumb div.collection_img{position:relative; width:100%; height:0; padding-top:100%; background-image: url(/shop/data/main/nb_main_article_thumb01.jpg); background-size:contain;}
ul.n_article_contents_line li.n_article_thumb div.event_img{position:relative; width:100%; height:0; padding-top:100%; background-image: url(/shop/data/main/nb_main_article2_thumb01_1.jpg); background-size:contain;}
ul.n_article_contents_line div.article_title{position:relative; width:95%; height:auto; line-height:21pt; padding-top:10px; padding-bottom:3px;/*padding-bottom: 18px;*/ font-weight:500; height:auto; font-size:15pt; letter-spacing: -0.2pt; overflow: hidden;}
ul.n_article_contents_line span.article_title_caption{width:95%; position:relative; display:block; width:100px; height:auto; color:#898989; font-weight:500; font-size:11pt; text-transform: uppercase;}

ul.n_article_contents_line li.n_article_thumb div.collection_img > a {position: absolute; top:0; z-index:22; width: 100%; height: 100%; border: 0px solid rgba(207,169,114,0.00);}
ul.n_article_contents_line li.n_article_thumb div.collection_img > a:hover {transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; border: 12px solid #cfa972;}
ul.n_article_contents_line li.n_article_thumb div.collection_img > a:active {transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; border: 12px solid #cfa972;}


ul.n_article_contents_line li.n_article_thumb div.event_img > a {position: absolute; top:0; z-index:21; width: 100%; height: 100%; border: 0px solid rgba(207,169,114,0.00);}
ul.n_article_contents_line li.n_article_thumb div.event_img > a:hover {transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; border: 12px solid #d32f56;}
ul.n_article_contents_line li.n_article_thumb div.event_img > a:active {transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; border: 12px solid #d32f56;}

.logo{position:absolute; z-index:101; top:0; left:0;}

.hover_thumb img{-webkit-transition: all 0.4s ease-in-out .1s; transition:all 0.4s ease-in-out .1s;}
.hover_thumb:hover img{-webkit-transform: scale(1.15); transform:scale(1.15);}

.hover_banner img{-webkit-transition: all 0.4s ease-in-out .1s; transition:all 0.4s ease-in-out .1s;}
.hover_banner:hover img{opacity:0.7; -webkit-transform: scale(1.15); transform:scale(1.15);}
/* @media only screen and (min-width : 1200px) {
		n_ntv_film{width:1200px;}
} */
/* .only_mobile { display: none;}
.only_pc { display: none;}
.only_tablet { display: none;} */


/*0618 인기기사리스트 추가*/
.n_article_best{width: 1200px; margin: 0 auto; overflow: hidden;border: 1px solid blue; margin-top: 50px; margin-bottom: 50px;}
.n_best_thumb{width: 48%; float:left; 
    border: 1px solid red; margin-right: 23px;
    }
.n_best_img{width:100%; height:auto;}
.n_best {width:100%; margin: 10 auto; background-color: #ececec;}
ul p.n_best_contents{margin-bottom: 15px; font-size: 30px; font-weight: 600;}
.n_best_title{border: 1px solid black; margin-top: 7px;}
.n_best_thumb .n_best_caption{font-size: 20px;}


@media (min-width:1200px) {
	.n_ntv_film{width:1200px;}
	.n_banner{width:1200px;}
	/* .n_mall_main{width:1200px;} */
	.n_article{width:1200px;}
	.n_article_list{width:1200px;}
	/* .only_pc { display: inline;} */
	.n_banner_mobile{display:none;}
	.n_mall_mobile{display:none;}
	.n_aritcle_mobile{display:none;}
	.n_article_list_mobile{display:none;}
}

 @media (max-width:1200px) {/* �º��� + Chrome (Android) */
	.n_ntv_film{width:100%;}
	/* .n_ntv_film .title_figure{width:450px; height:117px; left:50%; margin-left:-225px;}
	.n_ntv_film span.title{width:420px; height:37px; font-size:21pt; bottom:25px; margin-left: -210px;}
	.n_ntv_film span.title_capton{width:420px; font-size:11pt; bottom:73px; margin-left:-210px;} */

	.n_article_banner{width:100%;}
	.n_article_banner div.b_title{width:330px; line-height: 28pt; font-size:19pt; padding:40px 30px 20px 30px;}
	.n_article_banner span.b_title_capton{font-size:10pt; margin-top:-25px;}
	.n_article_banner div.b_title_line{width:23p-x; margin-left:-30px; margin-top:-8px;}

	.n_mall{margin-bottom:53px;}
	ul.n_mall_main{padding: 0 20px 0 20px;}
	.n_malllogo{width:228px; padding:42px 0 33px 0; position:relative; margin:auto;}
	/* li.n_mall_thumb{width:24%; height :auto; margin-right:1.33333%; position:relative; border:1px solid #E1E1E1; float:left; background-color: white; margin-bottom:34px; text-align: center;} */
	.n_mall_p_name{max-width: 150px; line-height:19pt; padding:0px 0 23px 0; font-size:10.5pt;}
	ul.n_mall_pg_slider{margin-bottom:38px;}
	li.n_mall_button{width:12px; height: 12px; margin-right:23px;}
	li.n_mall_button:last-child:{margin-right:0px;}

	.n_article_list{width:100% background-color: #ffffff; margin:auto; margin-bottom:12px;}
	ul.n_article_contents_line li.n_article_thumb .c_caption{position:absolute; width:42%; height:auto%; padding:8px; font-weight: 600; letter-spacing:-0.4pt; font-size: 12.5px;}
	ul.n_article_contents_line li.n_article_thumb .e_caption{position:absolute; width:42%; height:auto%; padding:8px; font-weight: 600; letter-spacing:-0.4pt; font-size: 12.5px;}
	ul.n_article_contents_line li.n_article_thumb{margin-top:12px; bottom:0;}
	ul.n_article_contents_line div.article_title{line-height:19pt; padding-top:7px; padding-bottom:13px; font-size:13pt;}
	ul.n_article_contents_line > li.n_article_thumb:nth-child(1) > div.article_title{padding-left:7px;}
	ul.n_article_contents_line span.article_title_caption{font-size:10pt;}

	ul.n_article_contents_line li.n_article_thumb div.collection_img > a:hover {border: 9px solid #cfa972;}
	ul.n_article_contents_line li.n_article_thumb div.event_img > a:hover {border: 9px solid #d32f56;}

	.n_article_list{width:100%}

	.n_banner_mobile{display:none;}
	.n_mall_mobile{display:none;}
	.n_article_mobile{display:none;}
	.n_article_list_mobile{display:none;}
}


 @media (max-width:760px){
	 .n_ntv_film{width:100%; margin-bottom:24px;}
	 .n_ntv_film .title_figure{width:100%; height:70px; background-color: rgba(0,0, 0, 0.5); left:0%; margin: auto;}
	 .n_ntv_film span.title{width:100%; height:35px; font-weight: 500; font-size:13pt; bottom:13px; padding:15px; color:white; left:0; margin-left: 0;}
	 .n_ntv_film span.title_capton{width:100%; color:#d0a970; font-weight:600; letter-spacing: -0.5px; font-size:9pt; bottom:40px; left:0; margin-left:0;}

	.n_banner{display:none;}
	.n_banner_mobile{display:inline; width:100%; background-color: #ffffff; margin:auto;}
	.n_article_banner_mobile{position:relative; width:100%;  margin-bottom:20px;}
	.n_article_banner_mobile div.b_title_mobile{width:100%; height:auto; z-index: 10; float: left; position:absolute; line-height: 18pt; font-weight: 500; bottom:0; font-size:14pt; padding:100px 15px 15px 15px; overflow: hidden; color:white; text-align: center;
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0)20%,rgba(0,0,0,0.3) 60%,rgba(0,0,0,0.7) 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 20%,rgba(0,0,0,0.3) 60%,rgba(0,0,0,0.7) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
	}

	.n_mall{margin-top:33px; margin-bottom:33px;}
	.n_malllogo{width:168px; padding:32px 0 23px 0;}
	.n_mall_p_name{max-width: 150px; ;width:80%; margin:auto; text-align:center; height:20px; line-height:15pt; padding:3px 0 15px 0; font-weight:500; height:auto; font-size:9pt; letter-spacing: -0.2pt; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.n_mall_p_price{color:#d0a970;}
	/* .n_mall{display:none;} */
	/* .n_mall_mobile{display:block; width:100%; position:relative; margin-bottom:20px;} */
	/* ul.n_mall_main_mobile{width:100%; display: inline-block; list-style:none; position: relative; margin:auto; padding: 0 20px 0 20px;}
	.n_malllogo_mobile{width:148px; padding:13px 0 25px 0; position:relative; margin:auto;}
	li.n_mall_thumb_mobile{width:48%; height :auto; margin-right:4%; position:relative; border:1px solid #E1E1E1; float:left; margin-bottom:27px; text-align: center;}
	li.n_mall_thumb_mobile:nth-child(2n){margin-right:0%;}

	/*.n_mall_thumb:nth-child(4){margin-right:0;}*/
	/* li.n_mall_thumb_mobile img { width:99.5%; float:left;} */
	/* li.n_mall_button_mobile{width:10px; height: 10px; margin-right:15px; margin-bottom: 9px; display:inline-block;} */ */
	/* li.n_mall_button_mobile:nth-child(6){margin-right:0;} */

	.n_article{display:none;}
	.n_article_list{display:none;}
	.n_article_mobile{display:inline-block; width:100%; height:auto;}
	.n_article_list_mobile{display: inline; width:100%; display: inline-block; position: relative; margin-bottom:24px;}
	ul.n_article_contents_mobile{width:100%; display:inline; list-style:none; position: relative;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile{width:49.5%; height:auto; position:relative; float: left; margin-right:1%; margin-top:4px; bottom:0;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile:nth-child(2n){margin-right:0%;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile .c_caption{position:absolute; width:50%; height:auto; z-index:25; padding:6px; background:#cfa972; font-weight: 600; letter-spacing:-0.3pt;font-size: 11.4px; color:white; text-align: center; vertical-align: middle;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile .e_caption{position:absolute; width:50%; height:auto; z-index:26; padding:6px; background:#d32f56; font-weight: 600; letter-spacing:-0.3pt;font-size: 11.4px; color:white; text-align: center; vertical-align: middle;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile .article_title{position:absolute; width:100%; height:auto; z-index:31; color:white; line-height:17pt; bottom:0; left:0; padding:60px 10px 9px 8px; font-weight:500; font-size:12.5pt; letter-spacing:-0.1pt; overflow: hidden; vertical-align: bottom;
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.02) 10%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.7) 95%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.0.0) 0%,rgba(0,0,0,0.02) 10%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.7) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
	}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.img{position:relative; width:100%; height:0; padding-top:100%; overflow:hidden;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.collection_img{position:relative; width:100%; height:0; padding-top:100%; background-image: url(/shop/data/main/nb_main_article_thumb01.jpg); background-size:contain;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.event_img{position:relative; width:100%; height:0; padding-top:100%; background-image: url(/shop/data/main/nb_main_article2_thumb01_1.jpg); background-size:contain;}

	ul.n_article_contents_mobile li.n_article_thumb_mobile div.collection_img >.border > a{position: absolute; top:0; z-index:22; width: 100%; height: 100%; border: 0px solid rgba(207,169,114,0.00);}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.collection_img >.border > a:hover	{border: 6px solid #cfa972;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.collection_img >.border > a:active {border: 6px solid #cfa972;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.collection_img >.border > a:hover 	.article_title{font-size:0;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.collection_img >.border > a:active .article_title{font-size:0;}

	ul.n_article_contents_mobile li.n_article_thumb_mobile div.event_img > a {position: absolute; top:0; z-index:21; width: 100%; height: 100%; border: 0px solid rgba(207,169,114,0.00);}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.event_img > a:hover {border: 6px solid #d32f56;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.event_img > a:active {border: 6px solid #d32f56;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.event_img > a:hover .article_title{font-size:0;}
	ul.n_article_contents_mobile li.n_article_thumb_mobile div.event_img > a:active	.article_title{font-size:0;}

	.hover_thumb img{-webkit-transition: all 0.3s ease-in-out .1s; transition:all 0.3s ease-in-out .1s;}
	.hover_thumb:hover img{-webkit-transform: scale(1.2); transform:scale(1.2);}
	.hover_thumb:active img{-webkit-transform: scale(1.2); transform:scale(1.2);}

	/* .only_tablet { display: none;} */
	/* .only_mobile { display: inline;} */
}


/* ��Ƽ�� */
/* 170124 ���� */
div.n_ntv{width:100%; position:relative; background-color: #ececec;}
div.n_ntv div.n_ntv_film{position:relative; margin:0 auto; margin-bottom:65px; padding-top:56.25%; width:100%;}
div.n_ntv div.n_ntv_film > * {position:absolute !important; top:0; left:0; width:100%; height:100%;}
/*div.n_ntv div.n_ntv_film{position:relative; margin:0 auto; margin-bottom:100px; padding-top:675px; width:100%; }
div.n_ntv div.n_ntv_film > *{position:absolute !important; top:0; left:0; width:100%;}
div.n_ntv div.n_ntv_film iframe{height:675px;}*/
div.n_ntv_film div.title_figure{z-index:10; width:700px; height:153px; background-color: #ffffff; opacity:0.8; bottom:0px !important; left:50%; margin-left: -350px; top: calc(100% - 153px);}
div.n_ntv_film span.title{width:650px; height:40px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; z-index:11; font-weight: 500; font-size:25pt; bottom:42px; left:50%; margin-left: -325px;}
div.n_ntv_film span.title_capton{width:650px; position:absolute; z-index:12; color:#9b6b26; font-weight:500; font-size:13pt; bottom:96px; left:50%; margin-left:-325px;}
/* .n_ntv_flim .video-js{width:100%;} */

@media (min-width:1201px) {/* PC */
	div.n_ntv{width:1200px; margin:0 auto;}
	div.n_ntv_film{position:relative; margin:0 auto; margin-bottom:100px; padding-top:675px; width:100%; }
	/* div.n_ntv div.n_ntv_film > *{position:absolute; top:0; left:0; width:100%;} */
	div.n_ntv div.n_ntv_film iframe{height:675px;}
}

@media (max-width:1200px) {/* �º��� */
	div.n_ntv{width:100%; margin:0 auto; margin-bottom:65px;}
	div.n_ntv div.n_ntv_film{position:relative; margin:0 auto 40px auto; margin-bottom:0px; padding-top:56.25%; width:100%;}
	/* div.n_ntv div.n_ntv_film{margin:0; padding-top:56.25%; width:100%;} */
	div.n_ntv div.n_ntv_film iframe{height:100% !important;}
	div.n_ntv_film div.title_figure{width:700px; height:117px; left:50%; margin-left:-350px; top:calc(100% - 117px);}
	div.n_ntv_film span.title{width:650px; height:37px; font-size:21pt; bottom:25px; margin-left: -325px;}
	div.n_ntv_film span.title_capton{width:650px; font-size:11pt; bottom:73px; margin-left:-325px;}
}

@media (max-width:760px) {/* ������ */
	div.n_ntv{width:100%; margin:0 auto; margin-bottom:33px;}
	div.n_ntv div.n_ntv_film{margin-bottom:20px;}
	div.n_ntv div.n_ntv_film{position:relative; margin:0 auto 20px auto; margin-bottom:0px; padding-top:56.25%; width:100%;}
	div.n_ntv div.n_ntv_film{margin:0; padding-top:56.25%; width:100%;}
	div.n_ntv div.n_ntv_film iframe{height:100%;}
	div.n_ntv_film div.title_figure{position:absolute; z-index:10; width:100%; height:70px; background-color: rgba(0,0, 0, 0.5); opacity:0.9; bottom:0; left:0; margin: auto; top:calc(100% - 70px);}
	div.n_ntv_film span.title{width:100%; height:35px; font-weight: 500; font-size:13pt; bottom:13px; padding:15px; color:white; left:0; margin-left: 0;}
	div.n_ntv_film span.title_capton{width:100%; color:#d0a970; font-weight:600; letter-spacing: -0.5px; font-size:9pt; bottom:40px; left:0; margin-left:0;}
}
/* // 170124 ���� */

/* ���� �˾� ���� CSS */
#dialog-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 100; }
#my-dialog { display:none; position:fixed; width: 90%; height: 90%; background: rgba(0,0,0,0); z-index: 110; }
#btn-close-dialog{ position: fixed; top:10px; left: calc(100% - 85px); opacity : 0.5;}
#btn-close-dialog img{ width: 50px; height: 50px;}
@media (max-width:760px) {/* ������ */
	#btn-close-dialog img{ width: 30px; height: 30px; }
	#btn-close-dialog{ position: fixed; top:0px; left: calc(100% - 30px); opacity : 0.5;}
}

div.logo{position:absolute; z-index:10; top:0; left:0;}