@charset "UTF-8";
/* @import "font.css"; */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

/* reset */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table, caption, thead, tfoot, tbody, th, td {font-family: 'NanumGothic', ng,'Noto Sans KR1', 'dotum', 'Helvetica',sans-serif; font-size:14px; color:#666; line-height: 1.3em;}
html,body{height:100%;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
body{background:#fff;-webkit-text-size-adjust:none;}
img,fieldset{border:0;vertical-align:top;}
ul,ol, li {list-style:none}
em,address {font-style:normal}
a,a:hover,a:active,a:visited,a:focus{color: #666; text-decoration:none}
hr {display:none}
button{overflow:visible;margin:0;padding:0;border:0;background:none;cursor:pointer}
button::-moz-focus-inner{padding:0; border:0}
table {border-collapse: collapse; table-layout: fixed;}
caption, legend, .blind{visibility: hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; text-indent: -9999px;}

.fNone{float:none !important;}
.bg_none{background:none !important;}
.ml60{margin-left:60px;}

#wrapper{position:relative; width:100%; min-width: 1280px;}
#header{float: left;position: fixed;left: 0px;top: 0px;width: 100%;min-width:1280px;z-index:100;}
#header:after{clear:both;content:"";display:block;}
#header h1{float: left; width: 169px; height: 59px; margin: 5px 0 0 30px;}
#header h1 img {}
#header-inner{height: 45px;margin-top:15px;}
	.gnb{float:left;overflow:hidden;width:80%;height:45px;line-height:45px;vertical-align:middle;margin-top:5px;}
	.gnb ul{float:right;overflow:hidden;}
	.gnb ul li{float:left;}
	.gnb ul li a{color:#2c2c2c;font-weight:bold;display:inline-block;padding:0 20px;}
	.gnb ul li a:active,
	.gnb ul li a:hover,
	.gnb ul li.on a {color:#991342;font-weight:bold; text-decoration: underline;}


	.gnb02{float:left;width:80%;height:45px;line-height:45px;vertical-align:middle;margin-top:5px;}
	.gnb02:after{clear:both;content:"";display:block;}
	.gnb02 .depth1{float:right;}
	.gnb02 .depth1:after{clear:both;content:"";display:block;}
	.gnb02 .depth1 > li{position:relative;float:left;height:53px;}
	.gnb02 .depth1 > li > a{color:#2c2c2c;font-weight:bold;display:inline-block;padding:0 20px;}
	.gnb02 .depth1 > li > a:hover{background:url(/images/common/ico_arrow_bot.gif) center bottom no-repeat;}
	.gnb02 .depth1 > li.on > a{background:url(/images/common/ico_arrow_bot.gif) center bottom no-repeat;}
	.gnb02 .depth1 > li > a img{padding-top:10px;}


	.gnb02 .depth1 li .depth2{z-index:100;position:absolute;left:0;top:-1px;width:950px;height:36px;line-height:36px;vertical-align:middle;margin-top:50px;overflow:hidden;}
	.gnb02 .depth1 li .depth2 li{float:left;margin-left:1px;}
	.gnb02 .depth1 li .depth2 li a{display:inline-block;width:227px;text-align:center;background-color:#2b3d4b;color:#fff;}
	.gnb02 .depth1 li .depth2 li a:hover{background-color:#766956;}
	.gnb02 .depth1 li .depth2 li.on a{background-color:#766956;}
	.gnb02 .depth1 li .depth2.m1{margin-left:-40px;}
	.gnb02 .depth1 li .depth2.m2{margin-left:-332px;}
	.gnb02 .depth1 li .depth2.m3{margin-left:-500px;}

#header .rightMenu {float:right;margin-right:10px;height: 53px;padding:5px 0 0;}
#header .rightMenu:after{clear:both;content:"";display:block;}
#header .rightMenu .util{float:right;overflow:hidden; height: 100%;}
#header .rightMenu .util ul{float:right;overflow:hidden;}
#header .rightMenu .util ul > li{float:left;padding-left:5px;}
#header .rightMenu .util ul > li:first-child{padding-left:0;}
#header .rightMenu .util ul > li.phone{width:193px;height:51px;line-height:51px;vertical-align:middle;font-size:16px;color:#fff;background:url('../images/common/bg_phone.png') left top no-repeat;}
#header .rightMenu .util ul > li.phone span{margin-left:20px;}
#header .rightMenu .util ul > li.phone02{width:193px;height:51px;line-height:51px;vertical-align:middle;font-size:16px;color:#fff;background:url('../images/common/bg_phone02.png') left top no-repeat;}
#header .rightMenu .util ul > li.phone02 span{margin-left:20px;}

#header .rightMenu .util ul > li > a{display:block;width:53px;height:53px;}
#header .main_menu h1{width:40%;}
#header .main_menu .logo_txt{display:inline-block;width:30%;}
#header .main_menu .rightMenu{width:50%;}
#header .main_menu .rightMenu .util ul li.inquiry > a{background: url('../images/common/btn_tel_off.png') left top no-repeat;background-size:100% 100%;}
#header .main_menu .rightMenu .util ul li.inquiry > a:hover{background: url('../images/common/btn_tel_on.png') left top no-repeat;background-size:100% 100%;}
#header .main_menu .rightMenu .util ul li.news > a{background: url('../images/common/btn_news_off.png') left top no-repeat;background-size:100% 100%;}
#header .main_menu .rightMenu .util ul li.news > a:hover{background: url('../images/common/btn_news_on.png') left top no-repeat;background-size:100% 100%;}
#header .main_menu .rightMenu .util ul li.location > a{background: url('../images/common/btn_location_off.png') left top no-repeat;background-size:100% 100%;}
#header .main_menu .rightMenu .util ul li.location > a:hover{background: url('../images/common/btn_location_on.png') left top no-repeat;background-size:100% 100%;}
#header .main_menu .rightMenu .util ul li.allMenu > a{background: url('../images/common/btn_allMenu.png') left top no-repeat;background-size:100% 100%;}
	.bg{background-color:#fff;z-index:20;opacity:0.9;border-bottom:1px solid #bab9b9;}
	.dpNone{display:none;}
#header .sub_menu h1{position: absolute; left: 0; top: 0; width:135px; height: 45px;}
#header .sub_menu .rightMenu{width:80%;}
#header .sub_menu .rightMenu .gnb {width: 80%;}
#header .sub_menu .rightMenu .util {width: 20%;}
#header .sub_menu .rightMenu .util ul .inquiry > a{background: url('../images/common/btn_tel02_off.png') left top no-repeat;background-size:100% 100%;}
#header .sub_menu .rightMenu .util ul .inquiry > a:hover{background: url('../images/common/btn_tel02_on.png') left top no-repeat;background-size:100% 100%;}
#header .sub_menu .rightMenu .util ul .news > a{background: url('../images/common/btn_news02_off.png') left top no-repeat;background-size:100% 100%;}
#header .sub_menu .rightMenu .util ul .news > a:hover{background: url('../images/common/btn_news02_on.png') left top no-repeat;background-size:100% 100%;}
#header .sub_menu .rightMenu .util ul .location > a{background: url('../images/common/btn_location02_off.png') left top no-repeat;background-size:100% 100%;}
#header .sub_menu .rightMenu .util ul .location > a:hover{background: url('../images/common/btn_location02_on.png') left top no-repeat;background-size:100% 100%;}
#header .sub_menu .rightMenu .util ul .allMenu > a{background: url('../images/common/btn_allMenu02_off.png') left top no-repeat;background-size:100% 100%;}
#header .sub_menu .rightMenu .util ul .allMenu > a:hover{background: url('../images/common/btn_allMenu02_on.png') left top no-repeat;background-size:100% 100%;}

#footer {position:relative;height:100%; background: url('../images/common/footerImg.jpg') no-repeat 50% top; background-size: 100% 100%; text-align: center;}
#footer .footerInner {position: absolute; left: 50%; top: 50%; width: 600px; height: 345px; margin: -177px 0 0 -300px; }
#footer .ftInfo {}
#footer .copyright {width:100%; margin-left: -15px; color: #fff; font-size: 14px; font-weight: normal;text-align: center; line-height:24px;}
#footer .copyright a {color: #fff;}
#footer .copyright a img {vertical-align:middle;}
#footer .quick{position:absolute;bottom: 0;left:50%; width: 128px; height: 64px; margin: 0 0 0 -64px;}
/* 2016-05-12 version
#footer {position:relative;height:100%; background: url('../images/common/footerImg.jpg') no-repeat 50% top;text-align: center;}
#footer dl {position:absolute;left:50%;top:80px;margin-left:-307px;width: 615px; padding: 20px 0; background: #fff; text-align: center; border-top: 2px solid #770031;}
#footer dl dt {padding: 0 7px 0 10px;}
#footer dl dt,
#footer dl dd {display: inline; padding-right: 10px; color: #000; font-style: 'Noto Sans KR1', sans-serif, Arial; font-size: 28px; letter-spacing: -0.1em;}
#footer dl dd a {color: #000;}
#footer .copyright {position:absolute;bottom:15px;left:0;width:100%; background: #e7e7e7; color: #5d5d5d; text-align: center;}
#footer .copyright a {color: #5d5d5d;}
#footer .quick{position:absolute;bottom: 0;left:50%; width: 128px; height: 64px; margin: 0 0 0 -64px;}
*/
/* asideLeft Menu */
.asideLeft{position:fixed;left:0;top:50%;margin-top:-100px;width:250px;background-color:#000;opacity:0.6;z-index:1000;}

.asideLeft.type02{background-color:#766956;opacity:1;}
.asideLeft.type02 ul li{font-weight:normal;}

.asideLeft ul{width:100%; padding: 25px 0; text-align:center;}
.asideLeft ul li{font-size:14px;font-weight:600;margin-top:12px;}
.asideLeft ul li:first-child{margin-top:0;}
.asideLeft ul li a{color:#fff;}
.asideLeft ul li a:hover{color:#fff;text-decoration:underline;}
.asideLeft ul li.on a{text-decoration:underline;}



/* 전체메뉴 **/
/*.layerPopUp{height: 100%;}*/
.effect {z-index: 999; position:fixed; top:0;right:-540px;width:540px; height: 100%;background:#000;}
.effect .content{position:relative; padding: 25px 0 0;height:100%;min-height:650px;overflow-y:auto;}
.effect .logo{text-align:center;}
.effect .close {position:absolute; top: 27px; right: 30px; width: 53px; height: 53px;}
.effect .close img {font-size: 0; line-height: 0;}
.effect .listArea {padding: 30px 0 0;}
.effect .listArea .gnbList {overflow:hidden; width: 100%; margin-right: -1px;}
.effect .listArea .gnbList li {line-height: 1.35em;}
.effect .listArea .gnbList li ul {min-height: 140px; padding: 15px 0;}
.effect .listArea .gnbList li.allmenuType2 ul {min-height: 90px;}
.effect .listArea .gnbList li ul li {width: 100%; padding: 0 0 8px;}
.effect .listArea .gnbList li ul li a {width: 100%; padding: 0 0 0 30px; font-size:14px;color:#808384; font-weight: normal; letter-spacing: -0.01em;}
.effect .listArea .gnbList li ul li a:hover {color: #fff;}
.effect .listArea .gnbList > li {float:left; width: 50%;}
.effect .listArea .gnbList > li > a {display:block; height:30px; padding: 12px 0 0 30px; color: #fff; font-size:18px; font-weight: bold; background:#1d262c; border-right:1px solid #000;}

/* layer contents ******************/
.layerContArea {}
.layerpop {z-index: 998; display: none; position: fixed; left: 50%; top: 50%; width: 750px; min-width: 500px; height: 660px; margin: 5% 0 0 -360px; padding: 0 0 20px; background: #fff; border: 1px solid #bbb;}
	#layerpopCont3 {width: 700px; height: 650px; margin: 5% 0 0 -350px;}
.layerpop iframe {height: 595px; padding: 0 0 15px;}
	#layerpopCont1 iframe {}
	#layerpopCont3 iframe {height: 480px; min-height: 480px;}

.layerpop .effect11 {height: 100%; background: #fff;}
/* .layerpop .logo {height: 70px; padding: 30px 0 0; font-size: 0; line-height: 0; text-align: center; } */
.layerpop .close {position:absolute; top: 8px; right: 15px; width: 53px; height: 53px; text-align: center;}
.layerpop h3 {margin: 0 0 15px; padding: 14px 0 11px; color: #000; font-size: 29px; font-weight: 600; font-family: 'Noto Sans KR1', sans-serif, Arial; line-height: 1.5em; text-align: center; background: #efefef; }
.layerpop .subVisual {height: 77px; margin-top: -20px; padding: 25px 0 0; background: url('../images/common/bg_subVisual01.jpg') no-repeat 50% 0; background-size: 100% 100%;}
.layerpop .subVisual dl {width: 386px; height: 53px; margin: 0 auto; background: #fff; opacity: 0.8; filter:alpha(opacity=80); -ms-filter: "progid:DxImageTransform.Microsoft.Alpha(Opacity=80)"; line-height: 53px; text-align: center;}
.layerpop .subVisual dl dt {padding: 0 5px 0 7px;}
.layerpop .subVisual dl dt,
.layerpop .subVisual dl dd {display: inline; padding-right: 7px; color: #000; font-size: 16px; font-weight: 600; letter-spacing: -0.09em;}
.layerpop .subVisual dl dd a {color: #000;}

.layerCont {overflow: hidden; overflow-y: auto; height: 568px; padding: 10px 29px;}
.layerCont .location {margin: 60px 0 0; text-align: center;}
#layerpopCont3 .layerCont {overflow-y: hidden; height: 400px; min-height: 400px;}

.noAnswer {color: red;}
.answerOk {color: green;}
.remark {color: green;}

.boardArea {width: 100%; }
.boardHead {position: relative; width: 100%; margin: 0 0 10px; text-align: left; color: #555; text-align: center;}
.boardHead * {vertical-align: middle;}
.boardHead strong {color: #555;}
.boardHead input[type="text"] {width: 35%; height: 20px; padding: 5px;}
.btnArea {position: relative; width: 100%; margin: 0 0 10px; text-align: right;}
.boardHead a,
.btnArea a {display: inline-block; height: 35px; margin-left: 5px; padding: 0 27px 0 30px; background: #2f2f2f; color: #fff; font-weight: 600; line-height: 35px;}
.btnArea .btnList {position: absolute; left: 0; top: 0; margin-left: 0; background: #2f2f2f;}
.btnArea .btnDelete {background: #636363;}
.btnArea .btnWrite {background: #770031;}

.boardList {width: 100%; margin: 0 0 20px;}
.boardList table {width: 100%; border-top: 2px solid #770031;}
.boardList table th {padding: 10px 0 8px; color: #000; font-weight: 600; border-bottom: 1px solid #bfbfbf; text-align: center;}
.boardList table td {padding: 10px 0 7px; text-align: center; border-bottom: 1px solid #eaeaea;}
.boardList table td a {letter-spacing: -0.09em;}
.boardList table td.subject {padding-left: 30px; text-align: left; }

.paging {height: 28px; padding: 0 0 30px; text-align: center; line-height: 1em;}
.paging strong,
.paging a {display: inline-block; width: 26px; height: 26px; margin: 0 0 0 1px; color: #9f9f9f; font-size: 13px; line-height: 26px; text-align: center; border: 1px solid #dfdfdf;}
.paging a:hover,
.paging a:active {color: #770031; border: 1px solid #770031;}
.paging strong {color: #770031; border: 1px solid #770031;} /* thispage */
.paging span {margin: 0 2px 0 0;}
.paging span a {width: 28px; height: 28px; margin-right: 1px;}
.paging span * {vertical-align: top;}
.paging span img:first-child {margin-right: 2px;}
.paging .pagingFirst,
.paging .pagingPrev,
.paging .pagingNext,
.paging .pagingLast {border: none;}
.paging .pagingFirst:hover,
.paging .pagingFirst:active,
.paging .pagingPrev:hover,
.paging .pagingPrev:active,
.paging .pagingNext:hover,
.paging .pagingNext:active,
.paging .pagingLast:hover,
.paging .pagingLast:active {border: none;}

.required {padding: 0 0 5px 3px; font-size: 11px;}
.required strong {color: #770031;}
.boardView {width: 100%; height: 100%;}
.boardView table {width: 100%; margin: 0 0 20px; }
.boardView table th {padding: 12px 0 10px 20px; color: #770031; font-weight: 600; border-bottom: 1px solid #eaeaea;}
.boardView table tr:first-child th,
.boardView table tr:first-child td {border-top: 2px solid #770031;}
.boardView table th .required {display: inline-block; margin-left: -8px; padding-right: 2px; color: #770031; font-weight: 600;}
.boardView table th label {color: #000;}
.boardView table td {padding: 5px; border-bottom: 1px solid #eaeaea;}
.boardView table td input[type="text"] {width: 92%; padding: 7px 8px; border: 1px solid #d2d2d2;}
.boardView table td input.number {width: 15%; text-align: center;}
.boardView table td input[type="password"] {width: 20%; padding: 7px 8px; border: 1px solid #d2d2d2;}
.boardView table td textarea {width: 92%; height: 223px; min-height: 223px; padding: 7px 8px; border: 1px solid #d2d2d2;}
.boardView dl {position: relative; width: 100%; margin: 0 0 20px; border-top: 2px solid #770031; border-bottom: 1px solid #eaeaea; }
.boardView dl dt {padding: 14px 100px 12px 14px; color: #666; font-weight: bold; border-bottom: 1px solid #eaeaea;}
.boardView dl dt a {color: #666;}
.boardView dl dd {padding: 14px 12px 10px 14px; color: #666;}
.boardView dl dd p {padding-bottom: 7px;}
.boardView dl dd p a {text-decoration: underline;}
.boardView dl dd.date {position: absolute; right: 14px; top: 0; min-height: 20px;}
.boardView dl dd.answer {min-height: 100px; padding: 0; background: #fafafa; border-top: 1px solid #aaa;}
.boardView dl dd.answer .title {padding: 14px 12px 15px 14px; color: #444; font-weight: bold; font-size: 15px;  border-bottom: 1px solid #eaeaea;}
.boardView dl dd.answer .answerArea {}
.boardView dl dd.answer .answerArea .answerCont,
.boardView dl dd.answer .answerArea .appendfile {padding: 14px 12px 15px 14px;}
.boardView dl dd img {max-width: 660px;}
.boardView .appendfile {min-height: 20px; padding-bottom: 15px; border-top: 1px solid #eaeaea;}
.boardView .appendfile strong {padding-right: 10px; border-right: 1px solid #eaeaea;}
.boardView .appendfile a {margin: 0 0 0 10px; padding: 0 0 0 20px; background: url('/dnd_admin/admin/images/icon_file.gif') no-repeat left 4px; color: #555;}
.boardView .hit {margin: 10px 0 0; padding-left: 15px; color: #770031; font-size: 11px; text-indent: -15px; line-height: 1.3em;}
.boardView .tip {margin: 10px 0 0; padding: 0 0 0 15px; text-indent: -15px; font-size: 11px; color: #770031; line-height: 1.3em;}

.dataView {width:100%;}
.dataView th {padding:10px 0 8px; color:#181818; border:1px solid #d6d6d6; border-left: none;}
.dataView td {padding:10px 0 8px 10%; text-align: left; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}

/* Inquiry 비밀번호 팝업 - 20160504 by J.T.K */
.popLock {position:absolute; left:50%; top:100px; width:360px; height:176px; margin-left:-183px; text-align:center; border:3px solid #383838; background:#ffffff;}
.popLock .t {font-size:14px; font-weight:600; color:#000000;}
.popLock .pw {margin-top:12px;}
.popLock .pw input[type=password] {width:200px; padding:3px;}
.popLock .btn {margin-top:22px;}
.popLock .popClose {text-align:right;}

/* Desktop */
@media (min-width:1024px){
	#header .rightMenu .util ul > li > a{display:block;width:45px;height:45px;}
}

/* Tablet */
@media (min-width:768px) and (max-width:1023px){
}

/* Mobile */
@media (max-width:767px){
}