@charset "utf-8";
@import url( "dmax_notokr.css" );

/* 
File Name : base.css
Description : mirnetwork_site
Author : kwj (master@dmax.kr)
Date : 2016-11-24
 */

*			{margin:0; padding:0;}
html		{overflow-y:scroll;}
body		{width:100%; height:100%;}

ul, ol, li		{list-style:none;}
img, hr		{border:none;}
img			{vertical-align:top; border:0px ;}
strong		{font-weight:bold;}

/* Link Style */
a			{text-decoration:none; color:#282727;}
a:visited	{text-decoration:none; /* color:#232426; */}
a:active	{text-decoration:none; color:#282727;}
a:hover	{text-decoration:none; color:#0060b0;}

/* Table Style */
table			{border-collapse:collapse;  border-spacing:0; width:100%;}
table td img	{vertical-align:middle;}

button, html [type="button"] {
  -webkit-appearance: none;   
}

/* captcha */
#captcha #captcha_mp3 {vertical-align: middle; overflow: hidden; cursor: pointer; background: url(../img/captcha2.png) no-repeat; text-indent: -999px; width: 40px !important;}
#captcha #captcha_reload {vertical-align:middle;cursor:pointer;background:url(../img/captcha2.png) no-repeat 0 -35px;text-indent:-999px; width: 40px !important;}

@media screen and (max-width: 425px) {
#captcha_key {font-size: 13px !important;}
#captcha_img {width: 45%;}
}


/* tag all font-size set */
p,div,ul,li,dl,dt,dd,ol,a,em,strong,fieldset,textarea,input,select,span,table,th,td,address,cite,button,
h1,h2,h3,h4,h5,h6 {font-family:'NotoKR', 'Malgun Gothic', sans-serif; font-size:18px; line-height:100%; letter-spacing:-0.05em;}

/* From Style */
textarea	{}
input		{vertical-align:middle; }
hr, caption {display:none;}
select			{}
legend		{position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite,em	{font-style:normal;}
fieldset	{border:0; padding:0; }
label		{cursor:pointer;}
button	{cursor:pointer; font-size:0; border:0; background:none; display:block;}

/* html5 set */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
mark{background:none;}

/* Skip */
.skip{visibility: hidden; position: absolute; top: 0; left: 0;}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}






/* 팝업레이어 */
#hd_pop {z-index:1;position:fixed;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative; font-size: .8em;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff; font-size: 14px;	}
.hd_pops_footer button strong {font-size: 14px;}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left; }
.hd_pops_footer .hd_pops_close {background:#000;position:absolute;top:0;right:0}

@media screen and (max-width: 768px) { 
	#hd_pop {position:fixed; width: 85%;transform: translateX(-50%); left: 50%; top: 10%;}
	.hd_pops {left: 0 !important; top:0 !important; width: 100%; height: auto; 	}
	.hd_pops_con {width: 100% !important; height: auto !important;}
	.hd_pops_con img {width: 100%;}
	
}