@charset "utf-8";

@import "nanumgothic.css";

@font-face {
    font-family:'NGNormal';
    font-style:normal;
    font-weight:400;
    src:url('../fonts/NanumGothic.eot');
    src:local(※), url('../fonts/NanumGothic.eot') format('embedded-opentype'), url('../fonts/NanumGothic.woff') format('woff');
}
@font-face {
    font-family:'NGBold';
    font-style:normal;
    font-weight:700;
    *font-weight:bold;
    src:url('../fonts/NanumGothicBold.eot');
    src:local(※), url('../fonts/NanumGothicBold.eot') format('embedded-opentype'), url('../fonts/NanumGothicBold.woff') format('woff'), url('../fonts/NanumGothicBoldCompact.ttf') format('truetype');
}

/* 폰트추가 */

@import "NotoSansKR.css";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src:url('../fonts/NotoSansKR-thin.eot');
  src:local(※), url('../fonts/NotoSansKR-thin.eot') format('embedded-opentype'), url('../fonts/NotoSansKR-thin.woff') format('woff'), url('../fonts/NotoSansKR-thin.woff2') format('woff2'), url('../fonts/NotoSansKR-thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src:url('../fonts/NotoSansKR-light.eot');
  src:local(※), url('../fonts/NotoSansKR-light.eot') format('embedded-opentype'), url('../fonts/NotoSansKR-light.woff') format('woff'), url('../fonts/NotoSansKR-light.woff2') format('woff2'), url('../fonts/NotoSansKR-light.ttf') format('truetype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src:url('../fonts/NotoSansKR-regular.eot');
   src:local(※), url('../fonts/NotoSansKR-regular.eot') format('embedded-opentype'), url('../fonts/NotoSansKR-regular.woff') format('woff'), url('../fonts/NotoSansKR-regular.woff2') format('woff2'), url('../fonts/NotoSansKR-regular.ttf') format('truetype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src:url('../fonts/NotoSansKR-medium.eot');
   src:local(※), url('../fonts/NotoSansKR-medium.eot') format('embedded-opentype'), url('../fonts/NotoSansKR-medium.woff') format('woff'), url('../fonts/NotoSansKR-medium.woff2') format('woff2'), url('../fonts/NotoSansKR-medium.ttf') format('truetype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src:url('../fonts/NotoSansKR-bold.eot');
   src:local(※), url('../fonts/NotoSansKR-bold.eot') format('embedded-opentype'), url('../fonts/NotoSansKR-bold.woff') format('woff'), url('../fonts/NotoSansKR-bold.woff2') format('woff2'), url('../fonts/NotoSansKR-bold.ttf') format('truetype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src:url('../fonts/NotoSansKR-black.eot');
   src:local(※), url('../fonts/NotoSansKR-black.eot') format('embedded-opentype'), url('../fonts/NotoSansKR-black.woff') format('woff'), url('../fonts/NotoSansKR-black.woff2') format('woff2'), url('../fonts/NotoSansKR-black.ttf') format('truetype');
}

/* Common */
*{margin:0;padding:0;}
html{width:100%;height:100%;position:relative;}
body{min-width:1024px;width:100%;height:100%;position:relative;display:block;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body {height:100%;margin:0;padding:0;word-wrap:break-word;}
body,input,textarea,select,button,table{font-family:"나눔고딕", Nanum Gothic, NGNormal,"돋움", Dotum ,AppleGothic,sans-serif;color:#333;font-size:15px;}
img,fieldset,video{border:0;max-width:100%;}
ul,ol,dl{list-style:none;margin:0;padding:0;}
ul:after,ol:after,dl:after{display:block;clear:both;content:''}
em,address{font-style:normal}
a{text-decoration:none;color:#333;}
a:hover,a:active,a:focus,a:visited{text-decoration:underline;}
p{background:url('../images/CMM/blank.png');}/* android p bug */
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:NGBold;background:url('../images/CMM/blank.png');}/* android p bug */
fieldset:after{display:block;clear:both;content:''}
legend{color:#333;}
strong{font-family:NGBold;}

.clearfix{*zoom:1}
.clearfix:after{content:"";clear:both;display:block;height:0;visibility:hidden;;position:relative;}

blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
table img{vertical-align: top;}

.bg_white{background:#ffffff;}
.bg_gray{background:#eeeeee;}
.bg_ltgray{background:#f7f7f7;}
.bg_ltgray2{background:#fbfbfb;}
.a_first{position:absolute;top:0;left:-9999%;width:1px;height:1px;padding:0;margin:0;overflow:hidden;z-index:0}
.a_first:focus{border:10px solid #ccc;}
.a_last{position:absolute;bottom:0;left:-9999%;width:1px;height:1px;padding:0;margin:0;overflow:hidden;z-index:0}
.a_last:focus{border:10px solid #ccc;}
.fl_l{float:left;}
.fl_r{float:right;}

/* draw any selected text yellow on red background */
::-moz-selection{color:#000;background:#b8e2ec;}
::selection     {color:#000;background:#b8e2ec;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

/* Input reset */
input[type=text], input[type=password], textarea{font-size:14px;padding:4px 4px 5px;*padding:3px 2px 3px;border:1px solid #ddd;}
textarea{padding:5px 5px 5px 10px;*padding:4px;border:1px solid #ddd;}

/* text-overflow reset */
.toe{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.toe,x:-moz-any-link,x:default{white-space:nowrap;word-wrap:break-word} /* Firefox 에서 줄 바꿈이 가능하도록 변경 */
*+html .toe{white-space:nowrap;word-wrap:normal} /* 위 행이 IE7에도 적용되므로 IE7에만 줄 바꿈이 불가능하도록 다시 복원 */

/* hidden layer reset */
.hidden{position:absolute;left:-9999em;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}   
.contIR{display:block;overflow:hidden;position:absolute;z-index:-1;height:0;font-size:0;white-space:nowrap}

/*skip nav*/
#skip_nav a{display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; font-size:20px; color:#fff; font-weight:bold; background:#aaa; white-space:nowrap;}
#skip_nav a:focus,
#skip_nav a:active{position:fixed; width:100%; height:20px; line-height:20px; font-size:14px; padding:5px 0; text-align:center;z-index:999;}

/* font set */          
.vdn{font-family:Verdana;}
.thm{font-family:Tahoma;}

/* button */
.btn_bgc0{background:#ffffff;}
.btn_bgc1{background:#c0c0c0;}
.btn_bgc2{background:#474f61;}
.btn_red{display:inline-block;*display:inline;zoom:1;padding:12px 20px;text-align:center;background:#c40c42;color:#fff;font-size:14px;font-family:'Nanum Gothic';}
.btn_fc0{color:#363a43;}
.btn_fc1{color:#363a43;}
.btn_fc2{color:#ffffff;}
.sm_btn{display:inline-block;width:64px;height:18px;padding:1px;line-height:18px;font-size:11px;color:#fff;text-align:center;background:#566064 url('../images/CMM/bg_sm_btn.gif') 0 0 no-repeat;}

.btn_middle_gray{position:relative;display:inline-block;width:230px;height:28px;line-height:28px;font-size:15px;font-family:NGBold;text-align:center;color:#fff;border:1px solid #555555;font-weight:bold;background:#777777;}

h1{font-size:24px;line-height:24px;}
h2{font-size:20px;line-height:20px;}
h3{font-size:18px;line-height:18px;}
h4{font-size:16px;line-height:18px;}
h5{font-size:14px;line-height:18px;}
h6{font-size:12px;line-height:18px;}


.HD {display:none;}