@charset "utf-8";

/* IE 9 does not support @font-face within @media */
@font-face{    
    font-family:'mg';
    src:url('/font/MalgunGothic.eot');          
    font-family: 'Nanum Gothic', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family:'ng'; 
    src:url('/font/NanumGothic.eot'); 
    src:local(※), url('/images/newhome/font/NanumGothic.woff') format(‘woff’)
}

@font-face{
	font-family: "Webfont_light";
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/L.woff") format("woff");
}
@font-face{
	font-family: "Webfont_medium";
	font-style: normal;
	font-weight: 700;
	src: url("/fonts/M.woff") format("woff");
}

/* tag reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0px; padding:0px; }
html { width:100%;  overflow-y:scroll;}
body,code { font-family:"맑은 고딕", "MalgunGothic", mg, "Nanum Gothic", "나눔 고딕", "NanumGothic", ng, dotum,"돋음",sans-serif; background:#fff; font-size:11px; }
/* body { min-width:1100px; } */

body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }

select { height:20px; border:1px solid #d9d9d9; font-size:11px; color:#202020; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }

body img a { text-decoration:none; }
body a { text-decoration:none; color:#898989; }
body a:hover { text-decoration:none; color:#d70036; }
body a:active { text-decoration:none; }

.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
#content_CONTAINER td { width:auto !important; }
table.nneditor-table { width:auto !important; }


/* scroll */
html {scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-highlight-color:#e5e5e5;scrollbar-shadow-color:#bebebe;scrollbar-face-color:#000;scrollbar-arrow-color:#999;scrollbar-track-color:#f5f5f5;}
textarea:hover {scrollbar-highlight-color:#ccc; scrollbar-shadow-color:#aaa;}
textarea:active {scrollbar-3dlight-color:#ccc; scrollbar-shadow-color:#b8b8b8; scrollbar-face-color:#e5e5e5; scrollbar-highlight-color:#fff;}


#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(http://img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }

/* contents */
#accNav {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#accNav p, #accNav ul, #accNav ul li {height:0;}
#accNav p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px;  text-align:center; color:#000; white-space:nowrap;}
#accNav p a:focus, #accNav p a:hover, #accNav p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none; }