@charset "utf-8";
/* CSS Document */
/*2024.06.04 KYJ 수정*/

input,select,label,textarea{ font-family:PTD, Gmarket Sans, NSQ, PTD,'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;border-radius:0}
button{font-family:PTD,Gmarket Sans, NSQ, PTD,'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;cursor:pointer}

/*배너영역*/
#banner {clear:both;width:100%; background:#fff}
/*셀렉트박스 화살표 수정*/
#banner .jqTransformSelectWrapper {border:1px solid #ccc !important; height:36px; border-radius:2px; background: #fff url('../../images/common/select_arw.png') no-repeat right center}
#banner .jqTransformSelectWrapper div span{ height:34px; line-height:34px}
#banner .jqTransformSelectWrapper ul {border:1px solid #ccc !important}
#banner .jqTransformSelectWrapper .container{margin-top:38px}
#banner .jqTransformSelectWrapper a.jqTransformSelectOpen {height: 36px}

/*배너 상단*/
#banner_tit {padding:8px 0}
#banner_tit:after{content:""; clear:both; display:block; height:0; visibility:none}
#banner_tit p {float:left; line-height:40px; font-size:1.077em; font-weight:500; color:#222}
#banner_tit span.colRed{ color:#ff0000; font-weight:600}

/*배너 상단 검색 영역*/
#banner_tit div#searchForm{clear:both; padding:1em 1.667em; background:#f5f5f5; border-radius:5px}
#banner_tit div#searchForm form{width:auto; padding:0; margin:0}
#banner_tit div#searchForm form div.selectCon{width:30%; margin-right:1%; float:left}
#banner_tit div#searchForm form div.selectCon select {font-size:1.077em}
#banner_tit div#searchForm form div.inputCell{width:50%; margin-right:1%; float:left}
#banner_tit div#searchForm form div.inputCell div{border:1px solid #ccc; width:auto; background:#fff; border-radius:2px}
#banner_tit div#searchForm form div.inputCell div input[type=text]{width:100%; border:none; line-height:34px; height:34px; padding:0}
#banner_tit div#searchForm form div.buttonCell{width:18%; float:right; padding:0; margin:0}
#banner_tit div#searchForm form div.buttonCell button{width:100%;font-size:0; line-height:0; height:36px; background:#555 url(../../images/search/icon_search.png) no-repeat 50% 50%; border:0; cursor:pointer; position:relative; border-radius:3px}
#banner_tit div#searchForm form div.buttonCell button span{position:absolute; top:-20000px; left:-20000px; width:0; height:0; display:block;visibility:hidden}

/*배너 리스트*/
#banner_List{clear:both; padding:0; margin:0; border:2px solid #ececec; padding:15px; border-radius:10px}
#banner_List ul {clear:both;}
#banner_List ul:after{content:""; clear:both; display:block; height:0; visibility:none}
#banner_List li {float:left; width:50%; padding:0; letter-spacing:-1px; margin:7px 0; position:relative}
#banner_List li div.cellBox{padding: 0 0.6em; width:auto}
#banner_List li div.cellBox div{width:180px;margin:0 auto; border:1px solid #d9d9d9; overflow:hidden}
#banner_List li a{display:block; color:#3a3d3f; height:50px; line-height:50px; text-align:center}
#banner_List li a span{display:none}
#banner_List li a img{ height:50px; width:180px; margin:0 auto}
#banner_List li a:hover{background:#f6f6f6; color:#ff7200; font-weight:bold; text-decoration:underline}

/*사이트맵*/
#sitemap > ul {display:flex; flex-wrap: wrap; gap:10px;}
#sitemap > ul > li {overflow:hidden; display:flex; align-items:baseline; justify-content:center; width:calc(33.33% - 6.7px); padding:0 10px 10px; box-sizing: border-box; border-radius:10px 10px 0 0; border:2px solid #e7e7e7; transition:.3s}
#sitemap > ul > li > div{width: 100%; height: calc(100% - 28px); transition: all .5s}
#sitemap > ul > li > div > h4 {padding:16px 18px 13px 10px; background:linear-gradient(180deg, #0691cf, #244897); text-align:center; color:#fff;  font-weight:500; border-radius:0 0 20px 20px; font-size:18px; position: relative; transition: all .5s}
#sitemap > ul > li:hover {border-color:#0691cf}
#sitemap > ul > li:hover > div > h4 {background-color:#078fcd}
#sitemap ul.subMn {padding:8px 9px; border-top: 0; border-radius: 0 0 10px 10px; height: calc(100% - 40px);}
#sitemap ul.subMn > li{border-bottom: 1px dashed #ddd;}
#sitemap ul.subMn > li:last-child{border-bottom: 0;}
#sitemap ul li a{word-break: break-all; transition: .2s; line-height: 1.25; position: relative;}
#sitemap ul li a::before{content: ''; position: absolute;}
#sitemap ul li a .t_link{display:inline-block; padding-right:4px; width:11px; height:11px; background: url(../../site/images/main/btn_blank.png) right center no-repeat}

#sitemap ul.subMn > li > a{display: block; padding: 10px 5px 10px 17px; font-size: 1.231em; font-weight: 400; color:#4d4d4d}
#sitemap ul.subMn > li > a::before{width: 5px; height: 5px; border-radius: 5px; background: #aaa; left: 6px; top: 1em}
#sitemap ul.subMn > li:hover > a{color:#078fcd}
#sitemap ul.subMn > li:hover > a::before{background: #078fcd}
#sitemap ul.subMn2{background: #f0f0f0; border-radius: 8px; padding: 15px; margin-bottom: 10px;}
#sitemap ul.subMn2 > li + li{margin-top: 10px;}
#sitemap ul.subMn2 > li > a{font-size: 1.154em; padding: 4px 4px 4px 14px; color: #555;}
#sitemap ul.subMn2 > li > a::before{width: 7px; height: 2px; background: #bfbfbf; left: 0; top: .8em;}
#sitemap ul.subMn2 > li > a:hover{color: #000}
#sitemap ul.subMn2 > li > a:hover::before{background: #666;}


/*게시판 인쇄 */
#print{ width:800px; height:auto; margin:0 auto; padding:0; background:#fff}
#print div.topArea{ width:100%; height:48px; line-height:48px; background:#858788; color:#fff;}
#print div.topArea:after{content:""; clear:both; display:block; height:0; visibility:none}
#print div.topArea h4{ float:left; padding:0 0 0 16px; margin:0; display:inline-block}
#print div.topArea p{float:right; text-align:right; padding:0 15px 0 0}
#print div.topArea p strong{ font-weight:bold; text-decoration:underline}
#print div.topArea p a{color:#fff}
#print div.contents{ background:#fff; width:100%; height:auto; padding:0 0 15px 0}
#print div.contents:after{content:""; clear:both; display:block; height:0; visibility:none}
#print div.contents p.title{ float:left; background:url(../../images/board/b_list_title.gif) no-repeat left top; margin:13px 0 0 17px; padding:2px 0 4px 35px; color:#0a2957; line-height:120%; font-weight:bold}
#print div.contents p.Info{ float:right; text-align:right; margin:13px 0 15px 0; padding: 0 15px 0 0; line-height:120%}
#print div.contents p.Info strong{font-weight:bold; padding:0 3px}
#printView{ clear:both; width:750px; min-height:500px; margin:0 auto 0 auto; padding:15px; border:1px solid #8e8e8e}

@media print {
#printBtn {display:none}
}

/*검색영역*/
#search{clear:both; padding:0; margin:0; background:#fff}
#serachTop{clear:both}
#serachTop div#searchForm{clear:both; padding:20px 20px 20px 135px; background:#f6f6f6; border-radius: 5px; position: relative;}
#serachTop div#searchForm::before{content: ''; position: absolute; width: 135px; background: url(../../images/search/search_tit.png) no-repeat center; height: 40px; left: 0; top: 20px;}
#serachTop div#searchForm form{width:auto; padding:0; margin:0}
#serachTop div#searchForm form div.inputCell{width:calc(100% - 139px); margin-right:9px; float:left}
#serachTop div#searchForm form div.inputCell div{border:1px solid #ccc; border-radius:5px}
#serachTop div#searchForm form div.inputCell div input[type=text]{width:100%; border:none;  border-radius:5px; line-height:40px; height:40px; box-sizing: border-box; padding:0 10px; background: #fff;}
#serachTop div#searchForm form div.buttonCell{width:130px; float:right; padding:0; margin:0}
#serachTop div#searchForm form div.buttonCell button{width:100%;  height:41px; background: #555; border-radius:5px; cursor:pointer; transition: 0.2s;}
#serachTop div#searchForm form div.buttonCell button:hover{background: #111;}
#serachTop div#searchForm form div.buttonCell button span{display: inline-block; color: #fff; padding-left: 25px; font-size: 15px; line-height: 19px; background: url(../../images/search/icon_search.png) no-repeat left top;}
div#webSearch, div#boardSearch{width:100%; padding:18px 0 0; margin:0; position:relative}
#search div h4{font-weight:normal; font-size: 1.385em; padding: 15px 10px 15px 39px; box-sizing:border-box;}
#search div h4 span{color:#33a3ff; padding:0 4px; font-size:15px; font-weight:600}
#search #boardSearch h4 span{color: #ffa515}
div#webSearch h4{background: url(../../images/search/ico_srch_tit1.png) no-repeat 0 center}
div#boardSearch h4{background: url(../../images/search/ico_srch_tit2.png) no-repeat 0 center}
#search div.searchResult{margin:0; padding:0; width:100%}
#search div.searchResult div.borderBox{width:auto; padding:15px; border:1px solid #ddd; border-radius:5px}
#search div.searchResult p.emptyResult{padding:100px 0 25px; text-align:center; font-size:1.143em; font-weight:400; color:#4d4d4d; background:url(../../images/search/bg_search_noimg.png) no-repeat 50% 20px}
#search div.searchResult ul{margin:0 auto; padding:0}
#search div.searchResult ul li{margin:0; padding:12px 0; border-top:1px solid #d6d3d3}
#search div.searchResult ul li:first-child{border-top:none; padding-top:0}
#search div.searchResult ul li:last-child{padding-bottom:0}
#search div.searchResult ul li div{width:auto}
#search div.searchResult ul li p.searchTit{font-size:1em; color: #333; background: #f2f2f2; border-radius: 50px; padding: 7px 15px 5px;}
#search div.searchResult ul li p.searchTit span a{color:#777;}
#search div.searchResult ul li p.searchCon{line-height:140%; padding: 10px 5px 0; font-size: 1.154em; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
#search div.searchResult ul li p.searchCon a{font-weight: 400;}
#search div.searchResult ul li p.searchCon a:hover{text-decoration:underline}
#search div.searchResult ul li.empty {text-align:center; font-size:1.154em}
#search div div.searchBtn{width:auto; padding:0; margin:0}
#search div div.searchBtn div.borderBox a{color: #33a3ff; position: absolute; height: 38px; line-height: 38px; font-size: 1.083em; border: 0; right: 0; top: 24px; width: 200px; box-sizing: border-box; padding: 0 40px 0 15px; border-radius: 50px; transition: 0.2s ease; border: 1px solid #cdcdcd; font-weight: 500;}
#search #boardSearch div.searchBtn div.borderBox a{color: #ffa515}
#search div div.searchBtn div.borderBox a::after{content: 'GO'; position: absolute; top: 3px; right: 3px;width: 30px; height: 30px; border-radius: 50px; background: #33a3ff; color: #fff; line-height: 30px; text-align: center; font-size: 12px;}
#search #boardSearch div.searchBtn div.borderBox a::after{background: #ffa515}
#search div.searchResult .searchBtn div.borderBox{padding: 0; border: 0;}

/*빈페이지*/
#nopage {width:90%;clear:both; padding:50px 0 0 0; margin:0 auto; background:#fff}
#nopage h4 {text-align:center; color:#0393d2; font-size:1.5em; font-weight:normal; margin:15px 0; line-height:80%; padding:0}
#nopage h4 span.nimg02 {display:none}
#nopage .nopage_box { padding:30px;border:2px solid #d4d4d4; border-radius:15px}
#nopage .nopage_box p.notxt {color:#4c5154; font-size:1.4em; padding:0 0 10px 0}
#nopage .nopage_box p.notxt02 {color:#717577;font-size:1.083em; line-height:160%}
#nopage .nopage_box p.notxt02 span {display:block}
.npageBtn {  margin:15px 0 0 0;text-align:center}
.npageBtn p button { width:214px; text-align:center; line-height:30px; font-size:1.1em; }
.npBtn1 {font-size:1.333em;  background:#f8f7f7; color:#202122; padding:7px 0 5px 0;border:0; margin-right:5px;  border:1px solid #d4d4d4; display:none;border-radius:5px}
.npBtn2 {font-size:1.333em; font-weight:bold; background:#ffd548 url(../../images/common/npBtn2_bg.gif) 85% center no-repeat; border:#f1bf19 solid 1px;  color:#232222; padding:7px 0 5px 0; border-radius:5px}
.npBtn1:hover { background:#333333; color:#fff;border:1px solid #333333}
.npBtn2:hover { background:#333333 url(../../images/common/npBtn2_bga.gif) 85% center no-repeat;  color:#fff;border:1px solid #333333}

/*개인정보처리방침 이력 리스트*/
#protectList{clear:both; padding:20px 0; margin:0; width:100%}
#protectList table{width:100%; border-collapse:collapse; padding:0; margin:0; border-top:2px solid #6abb22}
#protectList table caption{display:none}
#protectList table thead th{line-height:150%; font-size:1.083em; padding:10px 0; background:#eaeaea; font-weight:500;  border:1px solid #b4b4b4}
#protectList table tbody th{line-height:150%; padding:10px; font-weight:normal; border:1px solid #b4b4b4; text-align:left; border-right:none}
#protectList table tbody td{line-height:150%; padding:10px; font-weight:normal; border:1px solid #b4b4b4; text-align:left;  letter-spacing:-1px}
.infov {background:#ededed}

/*개인정보, 영상정보 이력관리 2021 - 2021.04.23 KYJ추가 */
.comhis_lst{margin-top:20px; border-radius: 5px 5px 0 0; overflow: hidden}
.comhis_lst .comhis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:500}
.comhis_lst ul{padding:10px; border:1px solid #ccc}
.comhis_lst ul li{margin-bottom:5px}
.comhis_lst ul li:last-child{margin-bottom:0}
.comhis_lst ul li a{display:block; padding:10px; background:#eeeeee; border-radius:50px; text-align:center; transition: all .3s}
.comhis_lst ul li a:hover{color:#fff}
.comhis_lst.protect ul li a:hover{background:#519bff}
.comhis_lst.video ul li a:hover{background:#1ebaa6}
.comhis_lst.protect ul li.infov a {background:#519bff; color:#fff}
.comhis_lst.video ul li.videov a {background:#1ebaa6; color:#fff}
#list_page.comlst{margin:20px auto}

/*MOBILE MODE*/
@media only screen and (min-width:0) and (max-width:767px){

}

/*TABLET MODE*/
@media only screen and (min-width:768px) and (max-width:1023px){
/*배너영역*/
#banner_tit div#searchForm{clear:none; width:370px; float:right; background:none; padding:0}
#banner_tit div#searchForm form div.selectCon{width:120px; margin-right:5px; float:left; }
#banner_tit div#searchForm form div.inputCell{width:200px; margin-right:5px}
#banner_tit div#searchForm form div.buttonCell{width:40px; float:left; padding:0; margin:0}
#banner_List li {width:33%}
#banner_List li div.cellBox div:hover{border:2px solid #ef7309}
#banner_List li div.cellBox div:hover a{height:59px; line-height:59px}
#banner_List li div.cellBox div:hover a:hover{height:59px; line-height:59px}
#banner_List li div.cellBox div:hover a:hover span{display:block}
#banner_List li div.cellBox div:hover a:hover img{display:none}

/*빈페이지*/
#nopage h4 {font-size:2.333em}
#nopage h4 span.nimg01 {display:none}
#nopage h4 span.nimg02 {display:inline-block}
#nopage .nopage_box p.notxt {font-size:1.6em}
.npBtn1 { display:inline-block;font-weight:bold}
}

/*PC MODE*/
@media only screen and (min-width:1024px){
/*배너영역*/
#banner_tit div#searchForm{clear:none; width:370px; float:right; background:none; padding:0}
#banner_tit div#searchForm form div.selectCon{width:120px; margin-right:5px; float:left; }
#banner_tit div#searchForm form div.inputCell{width:200px; margin-right:5px}
#banner_tit div#searchForm form div.buttonCell{width:40px; float:left; padding:0; margin:0}
#banner_List li {width:25%}
#banner_List li div.cellBox div:hover{border:2px solid #ef7309}
#banner_List li div.cellBox div:hover a{height:48px; line-height:48px}
#banner_List li div.cellBox div:hover a:hover{height:48px; line-height:48px}
#banner_List li div.cellBox div:hover a:hover span{display:block}
#banner_List li div.cellBox div:hover a:hover img{display:none}

/*빈페이지*/
#nopage h4 {font-size:2.333em}
#nopage h4 span.nimg01 {display:none}
#nopage h4 span.nimg02 {display:inline-block}
#nopage .nopage_box p.notxt {font-size:1.6em}
.npBtn1 { display:inline-block;font-weight:bold}
}

@media only screen and (min-width:650px) and (max-width:767px){
/*빈페이지*/
#nopage h4 {font-size:2.333em}
#nopage h4 span.nimg01 {display:none}
#nopage h4 span.nimg02 {display:inline-block}
#nopage .nopage_box p.notxt {font-size:1.6em}
.npBtn1{ display:inline-block;font-weight:bold}
}

@media only screen and (max-width:1024px) {
/*사이트맵*/
#sitemap > ul > li{width: calc(50% - 5px);}
#sitemap > ul > li > div > h4{font-size: 1.154em; padding: 12px;}
#sitemap ul.subMn > li > a{font-size: 1.154em;}
#sitemap ul.subMn2{padding: 12px;}
#sitemap ul.subMn2 > li + li{margin-top: 8px;}
#sitemap ul.subMn2 > li > a{font-size: 1em;}
/*검색영역*/
#serachTop div#searchForm::before{content: none;}
#serachTop div#searchForm{padding-left: 20px;}
div#webSearch, div#boardSearch{padding: 8px 0 0;}
div#webSearch h4, div#boardSearch h4{font-size: 1.231em; padding: 12px 10px 12px 50px; background-position: 8px center;}
#search div.searchResult ul li p.searchTit{font-size:1em;}
#search div.searchResult ul li p.searchCon{font-size: 1.077em}
#search div.searchResult ul li.empty{font-size:1.077em}
#search div div.searchBtn div.borderBox{padding: 0; border: 0;}
#search div div.searchBtn div.borderBox a{height: 36px; line-height: 36px; position: relative; display: block; top: 0; margin-top: 5px; width: 100%;}
#search div div.searchBtn div.borderBox a::after{top: 2px; right: 2px;}
}

@media only screen and (max-width:650px) {
/*사이트맵*/
#sitemap > ul > li{width: 100%;}
#sitemap ul.subMn{height: auto; padding: 5px 9px;}
/*검색영역*/
#serachTop div#searchForm{padding: 12px;}
#serachTop div#searchForm form div.inputCell{width: calc(100% - 85px); margin-right: 5px;}
#serachTop div#searchForm form div.buttonCell{width: 80px;}
}

@media only screen and (max-width:410px) {
/* 배너모음 */
#banner_List li {width:100%}
}