@charset "utf-8";
/***** reset *****/
/* font load */
@font-face {
  font-family: "AppleSDGothicNeoR";
  src:  local('AppleSDGothicNeoR'),
        url("../font/AppleSDGothicNeoR.woff2") format("woff2"),
        url("../font/AppleSDGothicNeoR.woff") format("woff"),
        url("../font/AppleSDGothicNeoR.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AppleSDGothicNeoEB";
  src:  local('AppleSDGothicNeoEB'),
        url("../font/AppleSDGothicNeoB.woff2") format("woff2"),
        url("../font/AppleSDGothicNeoB.woff") format("woff"),
        url("../font/AppleSDGothicNeoB.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AppleSDGothicNeoB";
  src:  local('AppleSDGothicNeoSB'),
        url("../font/AppleSDGothicNeoSB.woff2") format("woff2"),
        url("../font/AppleSDGothicNeoSB.woff") format("woff"),
        url("../font/AppleSDGothicNeoSB.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, b, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;vertical-align:baseline;}

html, body, div, applet, object, iframe,p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, center,dl, dt, dd, ol, ul, li,fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {font-size:16px; font-family:AppleSDGothicNeoR, '돋움', dotum, Helvetica, sans-serif; color:#333; letter-spacing:0px; -webkit-text-size-adjust:100%;}

h1, h2, h3, h4, h5, h6, label{margin:0; padding:0; border:0; vertical-align:baseline; font-size:16px; font-family:AppleSDGothicNeoR, '돋움', dotum, Helvetica, sans-serif; font-weight:bold; color:#333; letter-spacing:0px;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;font-family:AppleSDGothicNeoR, '돋움', dotum, Helvetica, sans-serif;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
caption {width:0; height:0; visibility:hidden; line-height:0; font-size:0; overflow:hidden;}
a,a:visited,a:hover,a:active{text-decoration:none; color:#333; border:none;}
input, select, textarea, button {margin:0; padding:0; letter-spacing:-1px; font-family:AppleSDGothicNeoR, '돋움', dotum, Helvetica, sans-serif;}
button {margin:0; padding:0; background:none; border:none; cursor:pointer;}

/***** base *****/
.clear_fix {zoom:1;}
.clear_fix:after,
.clear_fix:before {display:block; content:'';}
.clear_fix:after {clear:both}

.screen_out {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.no_bg {background:none !important;}

/* placeholder color*/
::-webkit-input-placeholder {font-size:11px;vertical-align:middle;color:#999 !important}
:-webkit-input-placeholder {font-size:11px;vertical-align:middle;color:#999 !important}
::-moz-placeholder {font-size:11px;vertical-align:middle;color:#999 !important}
:-moz-placeholder {font-size:11px;vertical-align:middle;color:#999 !important}
:-ms-input-placeholder {font-size:11px;vertical-align:middle;color:#999 !important}
.placeholder{font-size:11px;vertical-align:middle;color:#999 !important}


/***** skipnavigation *****/
#skipNav {position:absolute; top:0; left:0; z-index:1001; width:100%; height:0;}
#skipNav p, #skipNav ul, #skipNav ul li{height:0;}
#skipNav li a {display:block; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; margin-bottom:-1px; margin-left:-1px; font-weight:700; color:#000; text-align:center; white-space:nowrap;}
#skipNav li a:focus {z-index:1000; width:100%; height:auto; padding:10px 0; background:#000; color:#fff;}

/***** browser *****/
/* IE9
:root #ie9 {display:block\9;}
*/
/* IE8
@media \0screen {
    #ie8 {display:block;}
}
*/
/* IE 7
html > body #ie7 {*display: block;}
*/
/* IE 6
body #ie6 {_display: block;}
*/
/* chrome and safari
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #safari {display:block;}
}
*/
/* Firefox
@-moz-document url-prefix() {
    #firefox {display:block;}
}
*/
/* Opera
html:first-child #opera {
    head~body #opera {display: block;}
}
*/