@charset "utf-8";


@font-face {
 font-family: "NanumSquare";
 font-weight: 300;
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format("embedded-opentype"),
      url(../font/NanumSquareL.woff) format("woff"),
      url(../font/NanumSquareL.ttf) format("truetype");
}
@font-face {
 font-family: "NanumSquare";
 font-weight: 400;
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format("embedded-opentype"),
      url(../font/NanumSquareR.woff) format("woff"),
      url(../font/NanumSquareR.ttf) format("truetype");
}
@font-face {
 font-family: "NanumSquare";
 font-weight: 700;
 src: url(../font/NanumSquareB.eot);
 src: url(../font/NanumSquareB.eot?#iefix) format("embedded-opentype"),
      url(../font/NanumSquareB.woff) format("woff"),
      url(../font/NanumSquareB.ttf) format("truetype");
}
@font-face {
 font-family: "NanumSquare";
 font-weight: 800;
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format("embedded-opentype"),
      url(../font/NanumSquareEB.woff) format("woff"),
      url(../font/NanumSquareEB.ttf) format("truetype");
}


html>/**/body{overflow-y:scroll;}
*{margin:0; padding:0;}
html{width:100%; height:100%}
img{border:0; vertical-align: middle;}
body{font-family:"Malgun Gothic", Dotum, verdana, sans-serif; color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address{margin:0;padding:0;word-break: keep-all;}
table{border:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
button, select, select option, textarea {margin:0; box-sizing:border-box;}
a{outline:0; text-decoration:none;}
a:link{color:inherit;}
a:visited{color:inherit;}
a:hover{color:inherit;text-decoration:none;}
button {border:0 none; cursor:pointer; outline:0;}
a:focus, a:hover {text-decoration:none;}
button, a:active {background-color:transparent;}

.sound_only, .blind, caption{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:9999;position:fixed;margin:0 auto;width:100%;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:2px solid #eee; background:#fff; box-shadow:1px 1px 20px rgba(0, 0, 0, 0.3);}
.hd_pops_footer {position: relative; padding:10px 0;background:#fff; color:#333; text-align:left; font-size:13px;}
.hd_pops_footer:after{content:""; display:block; clear:both;}
.hd_pops_footer li{float:right;}
.hd_pops_footer li:first-child{float:left;}
.hd_pops_footer button {padding:5px 10px;border:0;background:#fff;color:#333;}
.hd_pops_footer button.hd_pops_close{position: absolute; right: 0;}

.jhide{display: none !important;}
.jshow{display: block !important;}

.ax_mobile{display: none !important;}
.asx_mobile{display: none !important;}

.inlineText{display: block !important;}

@media (max-width:1199px){
	.ax_mobile{display: block !important;}
	img.ax_mobile{display: inline-block!important;}
	.ax_pc{display: none !important;}
}

@media (max-width:959px){
	.inlineText{display: inline !important; word-break: normal;}
}

@media (max-width:767px){
	.asx_mobile{display: block !important;}
	img.asx_mobile{display: inline-block!important;}
	.asx_pc{display: none !important;}
	
	#hd_pop {z-index:9999;margin:0 auto;width:100%;height:0;}
	.hd_pops {position:fixed; width: 100% !important; height:100%; left: inherit !important; top: 0 !important; background: rgba(0, 0, 0, 0.8); padding-top: 40px; border:0;}
	.hd_pops_con {width: 320px !important; height: auto !important; margin: 0 auto !important; max-height: 400px; overflow: hidden; padding-top: 40px;}
	.hd_pops_con p{height: inherit !important;}
	.hd_pops_con img{width: 100% !important;}
	.hd_pops_footer {padding: 5px 0; position: absolute; top: 0; width: 320px; top: 40px; left: 50%; margin-left: -160px;}
	.hd_pops_footer button {margin-right:5px;padding:0 10px; line-height: 30px;border:0;background:#fff;color:#333;}
	.hd_pops_footer button{float:right;}
	.hd_pops_footer button:first-child{float:left;}
}