@charset "utf-8";


@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('/res/font/NotoSansKR-Regular.woff2') format('woff2'),
        url('/res/font/NotoSansKR-Regular.woff') format('woff'),
        url('/res/font/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('/res/font/NotoSansKR-Medium.woff2') format('woff2'),
        url('/res/font/NotoSansKR-Medium.woff') format('woff'),
        url('/res/font/NotoSansKR-Medium.otf') format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url('/res/font/NotoSansKR-Bold.woff2') format('woff2'),
        url('/res/font/NotoSansKR-Bold.woff') format('woff'),
        url('/res/font/NotoSansKR-Bold.otf') format('opentype');
 }

/* common */
* { margin:0; padding:0; webkit-box-sizing:border-box; /*-moz-box-sizing:border-box; box-sizing:border-box;*/
font-size:14px; color:#797979; font-family:"Noto Sans KR", "맑은고딕", "돋움"; font-weight:400; }

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:#797979; text-decoration:none }
a:visited { color:#797979; 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; left:50%; margin-left:670px; bottom:20px; }
.btn_top a { display:block; width:68px; height:68px; font-size:0; background:url('../images/common/quick_top.gif') no-repeat center; }



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

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

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