@import url("common.css");
/* layout */
#wrap {position:relative; z-index:1; width:100%; height:100%;}
#header {position:relative; z-index:4; width:100%; height:113px; background:#fff url(/images/intra/common/bg_header.png) repeat-x 50% 0;}
#header .headerInner {position:relative; width:1200px; height:115px; margin:0 auto;}
#header h1 {position:absolute; top:55px; left:0; z-index:2;}
#header .utill {position:absolute; top:0; right:20px; padding-top:10px;}
#header .utill a {float:left; margin-left:24px;}
#header .btnBox {overflow:hidden; position:absolute; top:33px; right:0; z-index:6; width:130px; height:79px; padding:30px 20px 30px 20px; border-width:0 1px; border-style:solid; border-color:#e1e1e1; background:#fff; text-align:right; font-size:0;}
#header .btnBox .search {display:none; position:absolute; top:25px; right:118px;}
#container {position:relative; z-index:1; min-height:100%; margin:-113px auto -90px;}
#container .containerInner {overflow:hidden; padding:113px 0 140px !important;}
#container .titArea {height:250px; padding-top:80px; color:#fff; text-align:center; font-family:nsr; text-shadow:1px 1px 1px rgba(0,0,0,0.7)}
#container .titArea h2 {font-size:42px; line-height:50px;}
#container .titArea p {margin-top:10px; font-size:20px; line-height:25px;}
#container .titArea.st00 {background:url(/images/intra/contents/bg_tit_00.png) no-repeat 50% 0;}
#container .titArea.st01 {background:url(/images/intra/contents/bg_tit_01.png) no-repeat 50% 0;}
#container .titArea.st02 {background:url(/images/intra/contents/bg_tit_02.png) no-repeat 50% 0;}
#container .titArea.st03 {background:url(/images/intra/contents/bg_tit_03.png) no-repeat 50% 0;}
#container .titArea.st04 {background:url(/images/intra/contents/bg_tit_04.png) no-repeat 50% 0;}
#contents {position:relative; z-index:1; width:1200px; margin:0 auto; padding:120px 50px 100px; border:1px solid #eff1f2; background:#fff;}
#contents h3 {position:relative; margin-bottom:30px; padding-left:22px; font-size:24px; font-family:nsb; line-height:26px;}
#contents h3:before {position:absolute; top:1px; left:0; width:3px; height:23px; background:#09263e; content:'';}
#contents .topArea {position:absolute; top:0; right:0; left:0; z-index:50; height:50px; border-bottom:1px solid #eff1f2;}
#contents .topArea .path {font-size:16px; font-family:nsr;}
#contents .topArea .path:after {display:block; clear:both; content:'';}
#contents .topArea .path > li {float:left; position:relative; height:50px; border-right:1px solid #eff1f2;}
#contents .topArea .path > li > a {display:block; height:50px; padding:0 30px; color:#898989; line-height:50px;}
#contents .topArea .path > li > a > span {display:block; height:50px;}
#contents .topArea .path > li.home > a {width:75px; background:url(/images/intra/icon/icon_path.png) no-repeat 50% 50%; text-indent:-99999px;}
#contents .topArea .path > li.on > a span {min-width:115px; padding-right:20px; background:url(/images/intra/contents/bg_path.png) no-repeat 100% 50%; color:#252525;}
#contents .topArea .path > li ul {display:none; position:absolute; top:100%; right:-1px; left:-1px; border:1px solid #eff1f2; border-top:0; background:#fff;}
#contents .topArea .path > li ul a {display:block; height:50px; padding:0 30px; color:#898989; line-height:50px;}
#contents .topArea .path > li ul a:hover {background:#0a4575; color:#fff;}
#contents .topArea .btnBox {position:absolute; top:19px; right:35px; font-size:0; line-height:0;}
#contents .topArea .btnBox a{display:inline-block; margin-left:30px; vertical-align:middle;}
#contents .topArea .btnBox a:first-child {margin-left:0;}
#footer {position:relative; z-index:1; background:#fff;}
#footer .footerInner {overflow:hidden; position:relative; z-index:1; width:1200px; height:90px; margin:0 auto;}
#footer .botMenu {overflow:hidden; margin-top:20px;}
#footer .botMenu li {float:left; position:relative; padding:0 17px 0 18px;}
#footer .botMenu li:before {position:absolute; top:3px; left:0; width:1px; height:13px; background:#cacaca; content:'';}
#footer .botMenu li:first-child {padding-left:0;}
#footer .botMenu li:first-child:before {background:none;}
#footer .botMenu li a {color:#707070; font-size:14px;}
#footer .copyright {margin-top:15px; color:#959595; font-size:14px; font-family:ntsl;}

/* main */
#main .visual {height:300px; background:url(/images/intra/contents/bg_visual.png) no-repeat 50% 0;}
#main .visual p {width:1200px; margin:0 auto; padding-top:90px;}
#main .latest {overflow:hidden; width:1200px; margin:70px auto 0;}
#main .latest section {overflow:hidden; margin:-20px 0 0 -20px;}
#main .latest dl {float:left; width:590px; height:220px; margin:20px 0 0 20px; padding:30px; border:1px solid #eff1f2; background:#fff;}
#main .latest dl dt {position:relative;}
#main .latest dl dt span {display:inline-block; font-size:22px; font-family:nsb;}
#main .latest dl dt a {position:absolute; top:-9px; right:0;}
#main .latest dl dt a img {display:block;}
#main .latest dl dd {margin-top:15px;}
#main .latest dl dd ul li {position:relative; padding-right:120px; line-height:21px;}
#main .latest dl dd ul li a {display:inline-block; overflow:hidden; max-width:100%; color:#707070; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
#main .latest dl dd ul li span {position:absolute; top:0; right:0; color:#acacac; font-size:12px;}
#main .latest dl dd ul.gall {overflow:hidden;}
#main .latest dl dd ul.gall li {float:left; position:relative; width:170px; margin-left:9px; padding:0;}
#main .latest dl dd ul.gall li:first-child {margin-left:0;}
#main .latest dl dd ul.gall li em {display:block; overflow:hidden; margin-top:7px; color:#707070; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
#main .latest dl dd ul.gall li span {position:relative;}
#main .latest dl dd ul.gall li a {position:absolute; top:0; right:0; bottom:0; left:0; text-indent:-99999px;}

/* board */
.boardWrap {position:relative;}
.boardWrap .desc {position:absolute; top:-25px; right:0;}
.boardWrap .btnList {position:absolute; top:-37px; right:0; font-size:0;}
.boardWrap .btnList button {margin-left:10px;}
.boardWrap.st02 {padding-left:183px; border-left:1px solid #e1e1e1;}
.boardWrap.st02 .photo {position:absolute; top:0; left:-1px; border-top:2px solid #09263e;}
.boardWrap.st02 .photo img {width:184px;}

.boardList {border-top:2px solid #09263e; font-size:18px;}
.boardList thead th {height:50px; border-bottom:1px solid #e1e1e1; background:#ececec;}
.boardList tbody td {height:50px; border-bottom:1px solid #e1e1e1; text-align:center;}
.boardList tbody td.sbj {padding:0 40px; text-align:left;}

.boardView {border-top:2px solid #09263e; font-size:18px;}
.boardView th {height:50px; padding:0 30px; border-bottom:1px solid #e1e1e1; background:#ececec; text-align:left;}
.boardView td {height:50px; padding:0 20px; border-bottom:1px solid #e1e1e1;}
.boardView td.conView {padding:50px 30px; font-size:16px;}
/*.boardView td.conView p {margin-top:25px;}*/
.boardView td.conView p {margin-top:0;}
.boardView td.conView img {max-width:1010px;}
.boardView td.conView p:first-child {margin-top:0;}

.boardView02 {border-top:2px solid #09263e; font-size:18px;}
.boardView02 th {height:50px; border-bottom:1px solid #e1e1e1; background:#ececec;}
.boardView02 td {height:50px; padding:0 30px; border-bottom:1px solid #e1e1e1;}

.boardReg {border-top:2px solid #09263e; font-size:18px;}
.boardReg th {padding:15px 20px 0; border-bottom:1px solid #e1e1e1; background:#ececec; vertical-align:top; text-align:left;}
.boardReg td {padding:10px 20px; border-bottom:1px solid #e1e1e1;}
.boardReg td.conView {padding:20px 30px; font-size:16px;}
.boardReg select {width:200px;}
.boardReg input.txt {width:645px;}

.boardReg02 {border-top:2px solid #09263e; font-size:18px;}
.boardReg02 th {padding-top:18px; border-bottom:1px solid #e1e1e1; background:#ececec; vertical-align:top;}
.boardReg02 td {padding:13px 20px; border-bottom:1px solid #e1e1e1; vertical-align:top; font-size:14px; font-family:ntsr;}
.boardReg02 select {width:200px; border-color:#e1e1e1;}
.boardReg02 input.txt {width:100%; border-color:#e1e1e1;}
.boardReg02 input.txt.st02 {width:177px; margin-left:10px;}
.boardReg02 input.txt.st02:first-child {margin-left:0;}
.boardReg02 .jumin input.txt {width:108px;}
.boardReg02 .jumin em {margin-left:10px;}
.boardReg02 .date select {width:108px; margin-left:16px;}
.boardReg02 .date select:first-child {margin-left:0;}
.boardReg02 .phone input.txt {width:108px;}
.boardReg02 .email {overflow:hidden;}
.boardReg02 .email * {float:left;}
.boardReg02 .email input.txt {width:110px;}
.boardReg02 .email select {width:110px; margin-left:10px;}
.boardReg02 .rdoBox {line-height:30px;}
.boardReg02 .rdoBox label {margin-left:30px;}
.boardReg02 .rdoBox label:first-child {margin-left:0;}
.boardReg02 .bar {display:inline-block; width:20px; height:30px;background:url(/images/intra/icon/icon_bar.png) no-repeat 50%; vertical-align:middle; text-indent:-99999px;}
.boardReg02 .at {display:inline-block; width:24px; height:30px; background:url(/images/intra/icon/icon_at.png) no-repeat 50%; vertical-align:middle; text-indent:-99999px;}

.listView {margin-top:70px; border-top:1px solid #e1e1e1; font-size:16px;}
.listView th {height:50px; padding:0 30px; border-bottom:1px solid #e1e1e1; background:#ececec; text-align:left;}
.listView td {height:50px; padding:0 20px; border-bottom:1px solid #e1e1e1;}

.galleryList ul {overflow:hidden; margin:-30px 0 0 -19px;}
.galleryList ul li {float:left; overflow:hidden; position:relative; width:260px; height:325px; margin:30px 0 0 19px ; border:1px solid #ddd;}
.galleryList ul li .thumb img {display:block;}
.galleryList ul li dl {padding:18px 20px;}
.galleryList ul li dl dt {font-size:18px; line-height:20px; white-space:nowrap; text-overflow:ellipsis;}
.galleryList ul li dl dd {margin-top:5px; color:#898989; font-family:ntsl;}
.galleryList ul li a {position:absolute; top:0; right:0; bottom:0; left:0; text-indent:-99999px;}

/* common */
.file {padding-left:23px; background:url(/images/intra/icon/icon_file.png) no-repeat 0 50%;}
.required {color:#e51620;}
.desc {color:#959595; text-align:right; font-size:12px; font-family:Dotum;}
.desc span {color:#f36f21;}

.pagination {margin-top:40px; text-align:center; font-size:0;}
.pagination * {vertical-align:middle;}
.pagination span {display:inline-block; margin:0 10px; line-height:0;}
.pagination span a {display:inline-block; width:27px; height:27px; color:#000; font-size:18px; line-height:27px;}
.pagination span a:first-child {margin-left:0;}
.pagination span a:hover,
.pagination span a.on {background:#09263e; color:#fff;}
.pagination > a {display:inline-block; width:20px; height:27px; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px;}
.pagination .btn_page_first {background-image:url(/images/intra/btn/btn_page_first.png);}
.pagination .btn_page_prev {border-left:0; background-image:url(/images/intra/btn/btn_page_prev.png);}
.pagination .btn_page_next {border-right:0; background-image:url(/images/intra/btn/btn_page_next.png);}
.pagination .btn_page_end {background-image:url(/images/intra/btn/btn_page_end.png);}

.schboard {position:relative; margin-top:35px; padding:23px 0; border:1px solid #ddd; background:#ebebeb; text-align:center; font-size:0;}
.schboard select {width:100px; margin-right:5px;}
.schboard input.txt {width:640px;}
.schboard button {margin-left:5px; vertical-align:middle;}

.fileBox .btnBox button.btnMinus {margin-left:3px;}
.fileBox ul li {position:relative; overflow:hidden; margin-top:10px; font-size:0;}
.fileBox ul li:first-child {margin-top:0;}
.fileBox label {display:inline-block; margin-left:10px; vertical-align:middle;}
.fileBox input[type="file"] {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip:rect(0,0,0,0);}

.fileBox02 {position:relative; padding-top:2px;}
.fileBox02 label {display:inline-block;}
.fileBox02 input[type="file"] {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip:rect(0,0,0,0);}


/* button */
.btnCenter {clear:both; width:100%; margin-top:50px; text-align:center; font-size:0;}
.btnCenter button {margin-left:10px;}
.btnCenter button:first-child {margin-left:0;}
.btnRight {clear:both; width:100%; margin-top:20px; text-align:right; font-size:0;}
.btnRight button {margin-left:10px;}
.btnRight button:first-child {margin-left:0;}
.btnJustify {clear:both; width:100%; padding-top:20px; text-align:left; font-size:0;}
.btnJustify button,
.btnJustify a {margin-left:5px;}
.btnJustify button:first-child,
.btnJustify a:first-child {margin-left:0;}
.btnJustify span {display:block; float:right;}

.btnSch {width:19px; height:19px; background:url(/images/intra/btn/btn_sch.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnAdmin {width:46px; height:20px; margin-left:23px; background:url(/images/intra/btn/btn_admin.png) no-repeat 50% 50%; text-indent:-99999px;}
.btnPlus {width:16px; height:14px; background:url(/images/intra/btn/btn_plus.png) no-repeat; text-indent:-99999px;}
.btnMinus {width:16px; height:14px; background:url(/images/intra/btn/btn_minus.png) no-repeat; text-indent:-99999px;}

label {display:inline-block;}
label img {pointer-events: none;}