@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
* { margin: 0; padding: 0; }

@font-face { font-family: 'mont100'; src: url('../font/mont100.woff2') format('woff2');}
@font-face { font-family: 'mont200'; src: url('../font/mont200.woff2') format('woff2');}
@font-face { font-family: 'mont300'; src: url('../font/mont300.woff2') format('woff2');}
@font-face { font-family: 'mont400'; src: url('../font/mont400.woff2') format('woff2');}
@font-face { font-family: 'mont500'; src: url('../font/mont500.woff2') format('woff2');}
@font-face { font-family: 'mont600'; src: url('../font/mont600.woff2') format('woff2');}
@font-face { font-family: 'mont700'; src: url('../font/mont700.woff2') format('woff2');}
@font-face { font-family: 'mont800'; src: url('../font/mont800.woff2') format('woff2');}
@font-face { font-family: 'mont900'; src: url('../font/mont900.woff2') format('woff2');}

/*IM Fell DW Pica*/
@font-face { font-family: 'calistoga'; src: url('../font/calistoga.woff2') format('woff2');}
@font-face { font-family: 'play400'; src: url('../font/play400.woff2') format('woff2');}

@font-face { font-family: 'NotoMrB'; font-style: normal; font-weight: 700; src: url('../font/SourceHanSerifKR-Medium_subset.eot'); src: url('../font/SourceHanSerifKR-Medium_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Medium_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Medium_subset.woff') format('woff'); }
@font-face { font-family: 'NotoMrR'; font-style: normal; font-weight: 700; src: url('../font/SourceHanSerifKR-Regular_subset.eot'); src: url('../font/SourceHanSerifKR-Regular_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Regular_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Regular_subset.woff') format('woff'); }

@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../fonts/notokr/notokr-light.eot'); src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/notokr-light.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../fonts/notokr/notokr-regular.eot'); src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 500; src: url('../fonts/notokr/notokr-medium.eot'); src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 900; src: url('../fonts/notokr/notokr-bold.eot'); src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff'); }


body { width: 100%; height: 100%; overflow-x: hidden; }
div { margin: 0 auto; text-align: left; }
fieldset, img { border: none; }
img { border: 0; vertical-align: top; border: 0 none; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; }
address, em { font-style: normal; }
input, textarea { font-family: inherit; font-size: 1.05em; }

/*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p { margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
hr { display: none; }
table, tr, td, th, div, p, ul, li, span {font-family: 'mont400';  }



#wrap { width: 100%; height: 100%; margin: 0 auto; position: relative; }


/* index section */




p.title_p01 {color:#ffffff; font-size:4rem; letter-spacing:-1px; }
p.title_p03 {color:rgba(255, 255, 255, 0.6); font-size:1rem; }
.subvisual_text01 {width:100%; position:absolute; text-align:center; top:45%; left:0;}

#wrap .subcontent {width:100%; height:auto; position:relative; }
.subcontent .sub_title {width:100%; height:110px; line-height:110px; color:#3f3f3f; font-size:40px; text-align:center; font-family: 'NotoKrM'; }
.subcontent .subject1 {width:100%; height:auto; min-height:400px; }


/* 텝 제 1분류 영역*/
.subcontent .subnavi_fix { width: 100%; height:70px; text-align: center; }

.subnavi_fix .subnavi {width:100%; height:70px; text-align:center;}
.subnavi ul { display:inline-block; *display:inline; zoom:1;}
.subnavi li { display:inline;   }
.subnavi ul li a { display: block; padding: 0; font-size: 18px; float: left; }
.subnavi ul li a span { text-align: block; }

.subnavi ul li a.sub_on { padding:0 30px 0 30px; height: 70px; color: #5e5e5e; text-decoration: none; line-height: 70px; }
.subnavi ul li a.sub_on:hover { padding:0 30px 0 30px; height: 69px; color: #266cb5; text-decoration: none; line-height: 70px; border-bottom:2px solid #266cb5; }
.subnavi ul li.on_menu_active a { padding:0 30px 0 30px; height: 69px;  color: #266cb5; text-decoration: none; line-height: 70px; border-bottom:2px solid #266cb5; }
.subnavi ul li.on_menu_active a:hover { padding:0 30px 0 30px; height: 69px; color: #266cb5; text-decoration: none; line-height: 70px;border-bottom:2px solid #266cb5; }
/* 텝 제 1분류 영역 종료*/


/*전 페이지 공통 카피영역 */



#copy {width:100%; height:116px;  background:#404449; clear:both; position:relative;}
#copy .copy_top {position:absolute; right:50px; bottom:100px; z-index:5;}

#copy .copy_fix {width:100%; text-align:center; padding-top:50px; color:#ffffff; font-size:0.8rem;}
.copy_fix span {color:#3d94dd;}