/* 초기화 */

@font-face {
    font-family: 'notokr-demilight';
    src: url('/font/NotoKR-DemiLight/notokr-demilight.eot');
    src: url('/font/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'),
         url('/font/NotoKR-DemiLight/notokr-demilight.woff') format('woff'),
         url('/font/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'),
         url('/font/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('/font/NotoKR-Regular/notokr-regular.eot');
    src: url('/font/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
         url('/font/NotoKR-Regular/notokr-regular.woff') format('woff'),
         url('/font/NotoKR-Regular/notokr-regular.ttf') format('truetype'),
         url('/font/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-medium';
    src: url('/font/NotoKR-Medium/notokr-medium.eot');
    src: url('/font/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
         url('/font/NotoKR-Medium/notokr-medium.woff') format('woff'),
         url('/font/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
         url('/font/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-bold';
    src: url('/font/NotoKR-Bold/notokr-bold.eot');
    src: url('/font/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
         url('/font/NotoKR-Bold/notokr-bold.woff') format('woff'),
         url('/font/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
         url('/font/NotoKR-Bold/notokr-bold.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}




* { margin : 0;	padding: 0; }
body { font-family: 'notokr-regular', sans-serif; font-size: 14px; color:#666666;  } 
ul { list-style:none; }
img { border: 0; vertical-align: middle;}
a { text-decoration:none;  color:#333333; }


.wrapper { width: 1200px; margin: 0 auto; position: relative; }
.clear { clear: both !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.center {text-align: center !important; }




/* layout */

#header { margin: 0; width: 100%; height: 86px; }
#header h1 { text-align: center; margin: 0 auto 0; float: left; height: 86px;  }
#header h1 a { display: block; text-align: left; height: 99px; padding-top: 19px; }

#gnb { float: right; width: 623px; height: 86px;  font-family: 'notokr-medium';}
#gnb .gnb_menu { width:150px;  float: left;text-align: center; height: 80px;  position: relative; font-size: 16px; border-bottom: 6px solid #ffffff; }
#gnb .gnb_menu > a { line-height: 80px; font-size: 18px; color: #000000; }
#gnb .gnb_menu.on {  border-bottom: 6px solid #c30d23; }
#gnb .gnb_menu.on a { color: #c30d23; }

#gnb .gnbsub { display: none;  background: #ffffff; margin: 0 auto 0; width: 150px; position: absolute; left: 0; top: 86px; z-index: 999; }
#gnb .gnbsub li { text-align: center; font-weight: 600; font-size: 16px; line-height: 40px; border-top: 1px solid #dcdcdc; font-family: 'notokr-demilight'; }
#gnb .gnbsub li:first-child { border: 0; }
#gnb .gnbsub li a { display: block; color: #333333; }
#gnb .gnbsub li a:hover { background: #333333; color: #ffffff; }
#gnb .gnb_menu.on .gnbsub li a { display: block; color: #333333; }
#gnb .gnb_menu.on .gnbsub li:hover a { display: block; color: #ffffff; }

#gnb .search { display: block; float: right; position: relative; margin: 30px 0 0; vertical-align: middle; }

#search_pop { position:absolute; top:86px; right:0px; width: 190px; height: 30px; padding: 10px; background:#fff; z-index:998; border:1px solid #d2d2d2;display:none; }
#search_pop .b_close { position:absolute; top:15px; right:10px; z-index:12; width: 15px; }
#search_pop input[type="text"] { width: 120px; border: none; border-bottom: 3px solid #333333; }
#search_pop .searchBtn { width: 50px; border: none; background: none; color: #000000; font-size: 16px; font-family: 'notokr-medium';}

#footer { background: #f0f1f2; height: 55px; padding: 25px 0; text-align: center;  font-size: 13px; font-family: 'notokr-bold', sans-serif; color: #000000; }
#footer span { color: #c30d23; }
#footer address { font-family: 'notokr-demilight', sans-serif; font-style: normal;  color: #000000; margin: 7px 0 0; }

.main #footer { background: none; }





/*기타 버튼 양식 등*/
.btn-a { display: inline-block; padding: 5px 15px; font-size: 18px; color: #ffffff; font-family: 'notokr-medium', sans-serif;background: #333333; }
.btn-b { display: inline-block; padding: 3px 10px; font-size: 14px; color: #ffffff; background: #aaaaaa; }
.btn-c { display: inline-block; padding: 3px 10px; font-size: 14px; color: #ffffff; background: #c30d23; }