@charset "utf-8";

/* 나눔고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* kopub 고딕 */
@import url(https://cdn.jsdelivr.net/font-kopub/1.0/kopubdotum.css);

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: local('NanumGothicBold'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: local('NanumGothic'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: local('NanumGothicExtraBold'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*모든항목에 적용*/
* {margin:0; padding:0; font-size:13px; color:#636363; font-family:'Nanum Gothic', "나눔고딕", "맑은고딕", "돋움";}


body {

scrollbar-face-color: #F2F2F2;
scrollbar-shadow-color: #B7B7B7;
scrollbar-highlight-color: #F2F2F2;
scrollbar-3dlight-color: #F2F2F2;
scrollbar-darkshadow-color: #E9E9E9;
scrollbar-track-color: #E9E9E9;
scrollbar-arrow-color: #999999;
overflow-y:scroll;
overflow-x:hidden;
}

/*브라우져 크기에 맞추어 보이게 할때*/
html, body {width:100%; line-height:150%}

a:link    { color: #555; text-decoration: none }
a:visited { color: #555; text-decoration: none}
a:hover   { color: #01aadd; text-decoration: none }

fieldset, img {border:0;vertical-align:middle;margin:0; padding:0;}
.test {border:1px solid red;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
h2 {display:none;}

input, textarea, select, option {font-size:13px; color:#555; }
textarea { background:#fff;border:1px solid #ced3d9; padding:6px; font-size:13px; color:#252525 }
input {vertical-align:middle;}
table, th, td {font-size:12px; color:#555;}
ol li { margin-left:20px;display:list-item; list-style-type:decimal}
ul, li {list-style:none;}
img, fieldset {border:none;}

hr, caption {display:none;}
.blind, legend {display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}
legend {*width:0;}
address {font-style:normal}
.hidden {width:0; height:0; line-height:0; font-size:0px; float:left; visibility:hidden; overflow:hidden;}
table {border-collapse:separate;border-spacing:0;}

/***** skip *****/
.skip {position:absolute; width:100%; margin:0 auto; z-index:999; background:#fff}
.skip a {display:block; height:1px; margin-bottom:-1px; overflow:hidden; white-space:nowrap; width:1px;}
.skip h2{ width:1px; height:1px; font-size:0px; visibility:hidden; float:left; position:absolute; text-indent:-9999px;}
.skip nav{float:left;}
.skip a:focus, .skip a:active {height:18px; width:130px; padding:5px; color:#000; text-align:center; font-weight:600; margin:0;}
/***************/

.f_left {float:left;}
.f_right{float:right;}
.cen {text-align:center;}
.left {text-align:left;}
.rig {text-align:right;}
.imgmiddle {vertical-align:middle;}
.imgbottom {vertical-align:bottom;}
.imgtop {vertical-align:top;}

.top5 {padding-top:5px;}
.top3 {padding-top:3px;}
.top10 {padding-top:10px;}
.top15 {padding-top:15px}

.top20 {padding-top:20px}
.top25 {padding-top:25px}
.top30 {padding-top:30px}
.top35 {padding-top:35px}
.top50 {padding-top:50px}

.rig5 {padding-right:5px;}
.rig10 {padding-right:10px;}

.left10 {padding-left:10px;}
.left20 {padding-left:20px;}
.left30 {padding-left:30px;}

.bot3 {padding-bottom:3px;}
.bot10 {padding-bottom:10px;}
.bot15 {padding-bottom:15px;}
.bot20 {padding-bottom:20px;}
.bot30 {padding-bottom:30px;}

.mtop5 {margin-top:5px}
.mtop10 {margin-top:10px}
.mtop15 {margin-top:15px}
.mtop17 {margin-top:17px}
.mtop20 {margin-top:20px}
.mtop25 {margin-top:25px}
.mtop30 {margin-top:30px}
.mtop40 {margin-top:40px}
.mtop50 {margin-top:50px}

.mrig10 {margin-right:10px;}

.s_txt {font-size:11px;color:#757575;}
.orange_txt { color:#f26434 }

.png24 {tmp:expression(setPng24(this));}

.clear {clear:both;}