@charset "utf-8";

/* 나눔스퀘어 */
@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url('../font/nanumsquarer.eot'); /* IE9 Compat Modes */
  src: url('../font/nanumsquarer.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nanumsquarer.woff2') format('woff2'),
       url('../font/nanumsquarer.woff') format('woff'), /* Modern Browsers */
       url('../font/nanumsquarer.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Nanum Square-b';
  font-style: bold;
  font-weight: 700;
  src: url('../font/nanumsquareb.eot'); /* IE9 Compat Modes */
  src: url('../font/nanumsquareb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nanumsquareb.woff2') format('woff2'),
       url('../font/nanumsquareb.woff') format('woff'), /* Modern Browsers */
       url('../font/nanumsquareb.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Nanum Square-e';
  font-style: normal;
  font-weight: 800;
  src: url('../font/nanumsquaree.eot'); /* IE9 Compat Modes */
  src: url('../font/nanumsquaree.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nanumsquaree.woff') format('woff'), /* Modern Browsers */
       url('../font/nanumsquaree.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* 나눔고딕 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothic-Bold.eot');
  src: local('NanumGothicBold'), url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Bold.woff2') format('x-woff2'),
       url('../font/NanumGothic-Bold.woff') format('woff'),
       url('../font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic-Regular.eot');
  src: local('NanumGothic'), url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Regular.woff2') format('x-woff2'),
       url('../font/NanumGothic-Regular.woff') format('woff'),
       url('../font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../font/NanumGothic-ExtraBold.eot');
  src: local('NanumGothicExtraBold'), url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-ExtraBold.woff2') format('x-woff2'),
       url('../font/NanumGothic-ExtraBold.woff') format('woff'),
       url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
}


/* common */
* { margin:0; padding:0; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
font-size:14px; color:#666; font-family:"Nanum Gothic", "나눔 고딕", "맑은고딕", "돋움";}

html, body { width:100%; line-height:21px; }
body {overflow-y:scroll; overflow-x:hidden; }

@media screen and (max-width:1270px) {

body { overflow-x:auto; }

}

a:link    { color:#666; text-decoration:none }
a:visited { color:#666; text-decoration:none}
a:hover   { color:#364989; 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;}

input, textarea, select, option {font-size:13px; color:#666; }
textarea { background:#fff;border:1px solid #e8e8e8; padding:6px; font-size:13px; color:#666 }
input {vertical-align:middle;}
ol li { margin-left:20px;list-style:none;}
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;}
button {cursor:pointer;}

/***** skip ***********************************************************************************************************************/
.skip {position:absolute; width:100%; margin:0 auto; z-index:999999; 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 a:focus, .skip a:active {height:24px; line-height:24px; width:100%; color:#000; text-align:center; font-size:16px; font-weight:bold; margin:0;}
/**********************************************************************************************************************************/

/* top버튼 */
.btn_top { position:fixed; right: 50px; bottom:20px; }
.btn_top a { display:block; width:68px; height:68px; font-size:0; background:url('../images/common/quick_top.gif') no-repeat center; }
@media (max-width: 980px) {
	.btn_top  {right: 20px;}
	.btn_top a {width: 50px; height: 50px; -webkit-background-size: 100%;
	background-size: 100%;}
}


.f_left {float:left;}
.f_right{float:right;}
.clear {clear:both;}

.cen {text-align:center;}
.left {text-align:left;}
.rig {text-align:right;}

.mtop10 { margin-top:10px; }
.mtop20 { margin-top:20px; }
.mtop30 { margin-top:30px; }
.mtop50 { margin-top:50px; }

.mbot20 { margin-bottom:20px; }
.mbot30 { margin-bottom:30px; }
.mbot50 { margin-bottom:50px; }