@charset "utf-8";
/* CSS Document */

input,select,label,textarea{font-family:PTD; margin:0; padding:0; border-radius:0}
button{font-family:PTD; margin:0; padding:0;cursor:pointer}

/*게시판 인쇄 */
#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:500; 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:500}
#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:500; 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}
}

/*** 배너영역 ***/
#banner {width:100%; background:#fff}
/*셀렉트박스 화살표 수정*/
#banner .jqTransformSelectWrapper { border:1px solid #aeadad !important; height:40px; background: #fff url('../../images/board/select_arrow.png') no-repeat right center}
#banner .jqTransformSelectWrapper div span{ height:40px; line-height:40px}
#banner .jqTransformSelectWrapper ul {border:1px solid #aeadad !important}
#banner .jqTransformSelectWrapper .container{margin-top:38px}
#banner .jqTransformSelectWrapper a.jqTransformSelectOpen {height: 40px}
/*배너 상단*/
#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}
#banner_tit span.colRed{ color:#ff0000; font-weight:500}
/*배너 상단 검색 영역*/
#banner_tit div#searchForm{clear:both; padding:1em 1.667em; background:#f5f5f5}
#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.inputCell{width:82%; margin-right:1%; float:left}
#banner_tit div#searchForm form div.inputCell div{border:1px solid #aeadad; width:auto; padding:0 0.714em; background:#fff}
#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:15%; float:right; padding:0; margin:0}
#banner_tit div#searchForm form div.buttonCell button{position:relative; width:100%;font-size:0; line-height:0; height:36px; background:#45a5dc url(../../images/search/goSearch_btn1.gif) no-repeat center; border:0; cursor:pointer}
#banner_tit div#searchForm form div.buttonCell button span{position:absolute; top:-20000px; left:-20000px; width:0;height:0; display:block;visibility:hidden}
/*배너 리스트*/
#banner_tit {border-bottom:2px solid #65b3e5;margin-bottom:26px}
#banner h4 {display:inline-block; min-width:200px; color:#312e2e; padding:10px 25px; border-radius:0 50px 50px 0; color:#fff; background: linear-gradient(45deg, #0ea8dc 0%,#002d72 100%); border-radius:5px 5px 0 0; box-sizing:border-box; font-weight:normal; font-size:16px; color:#fff; text-align:center}
#banner h4 .colYell {font-weight:500; color:#ffeb01}
.banner_List{clear:both; padding:0; margin:0 0 15px; border-top:2px solid #d7d7d7; border-bottom:2px solid #d6dcdf; padding:15px 0}
.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 5px; width:auto}
.banner_List li div.cellBox div{overflow:hidden; width:auto; width:190px; height:60px; border-radius:10px; border:1px solid #d9d9d9; box-sizing:border-box}
.banner_List li a{display:block; color:#3a3d3f; width:190px; height:60px; text-align:center}
.banner_List li a span{display:none; width:190px; height:60px; line-height:60px}
.banner_List li a img{ width:190px; height:60px; box-sizing:border-box}
.banner_List li div.cellBox {width:190px; height:60px; margin:0 auto; transition: all .3s}
.banner_List li div.cellBox:hover div{border:2px solid #0ea8dc}
.banner_List li div.cellBox:hover div span{display:block; background:#fff; border-color:#002d72; color:#000; font-weight:500}

/*** 사이트맵 ***/
#sitemap{clear:both; padding:0; margin:0; background:#fff}
#sitemap ul:after {content:""; clear:both; display:block; height:0; visibility:none}
#sitemap > ul > li{float:left; width:25%}
#sitemap div.map_lst{width:95%; margin:0 auto 15px; font-size:15px; box-sizing:border-box}
#sitemap h4.sitemap_tit {padding:13px 10px; margin-bottom:5px; border-radius:50px; background: linear-gradient(45deg, #0d9f63 0%,#0d613f 100%); color:#fff; font-size:17px; font-weight:600; text-align:center; box-sizing:border-box}
#sitemap ul.sub_mn{padding:10px; border-radius:5px; border:1px solid #ccc; background:#fff}
#sitemap div.map_lst:hover h4.sitemap_tit{background: linear-gradient(45deg, #243b67 0%,#14459e 100%)}
#sitemap div.map_lst:hover ul.sub_mn{border-color:#2c526c}
#sitemap ul.sub_mn > li{border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:600}
#sitemap ul.sub_mn > li:last-child{border-bottom:none}
#sitemap ul.sub_mn > li > a{margin-top:5px; display:inline-block; padding:7px 5px 3px; color:#000}
#sitemap ul.sub_mn > li:hover a{color:#0a85bd}
#sitemap ul.sub_mn > li:first-child a{margin-top:0}
#sitemap ul.sub_mn > li ul.sub_mn2{padding:10px; margin:5px 0 8px; border-radius:5px; background:#ededed; font-size:15px; font-weight:500}
#sitemap ul.sub_mn > li:last-child ul.sub_mn2{margin-bottom:0}
#sitemap ul.sub_mn > li ul.sub_mn2 li{position:relative; padding-left:13px; margin-bottom:5px}
#sitemap ul.sub_mn > li ul.sub_mn2 li:last-child{margin-bottom:0}
#sitemap ul.sub_mn > li ul.sub_mn2 li::after{content:""; clear:both; display:block; position:absolute; left:0; top:8px; width:7px; height:2px; background:#7d7d7d}
#sitemap ul.sub_mn > li ul.sub_mn2 li a{color:#525252}
#sitemap ul.sub_mn > li ul.sub_mn2 li a:hover{font-weight:600; color:#000}
#sitemap li.nth4{clear:both}

/*** 검색화면 ***/
#search{clear:both; padding:0; margin:0; background:#fff}
/*검색 상단 검색 영역*/
#serachTop{clear:both; background:#f5f5f5; border:1px solid #dad8d8; border-radius:5px}
#serachTop div#searchForm{clear:both; padding:5px}
#serachTop div#searchForm form{width:auto; padding:0; margin:0}
#serachTop div#searchForm form div.inputCell{width:80%; float:left}
#serachTop div#searchForm form div.inputCell div{border:1px solid #ccc; width:auto; background:#fff; border-radius:5px 0 0 5px}
#serachTop div#searchForm form div.inputCell div input[type=text]{width:100%; border:none; line-height:38px; height:38px; padding:0; border-radius:5px 0 0 5px}
#serachTop div#searchForm form div.buttonCell{width:20%; float:right; padding:0; margin:0}
#serachTop div#searchForm form div.buttonCell button{width:100%;font-size:0; line-height:0; height:40px; background:#45a5dc url(../../images/search/goSearch_btn1.gif) no-repeat center; border:0; cursor:pointer; border-radius:0 5px 5px 0; position:relative}
#serachTop div#searchForm form div.buttonCell button span{position:absolute; top:-20000px; left:-20000px; width:0; height:0; display:block;visibility:hidden}
div#webSearch, div#boardSearch{ width:100%; padding:2.167em 0; margin:0; position:relative}
#search div h4{ display:inline-block; color:#312e2e; padding:10px 25px; margin-bottom:5px; background: linear-gradient(45deg, #0d9f63 0%,#0d613f 100%); border-radius:50px; box-sizing:border-box; font-weight:normal; font-size:16px; color:#fff}
#search div h4 span{color:#ffeb01}
#search div.searchResult{margin:0; padding:0; width:100%}
#search div.searchResult div.borderBox{width:auto; border:2px solid #dcdcdc; border-radius:5px}
#search div.searchResult p.emptyResult{padding:10px 0; text-align:center; font-size:15px}
#search div.searchResult ul{margin:10px}
#search div.searchResult ul li{padding:10px 0; margin:0; width:100%; border-top:1px solid #d6d3d3; font-size:15px}
#search div.searchResult ul li:last-child{padding-bottom:0}
#search div.searchResult ul li.search_empty {text-align:center}
#search div.searchResult ul li:first-child{border-top:none}
#search div.searchResult ul li div{padding:0 5px}
#search div.searchResult ul li p.searchTit{font-size:16px; padding:0 0 10px 0; color:#1a51ab; font-weight:500}
#search div.searchResult ul li p.searchTit span{color:#9a9595; font-size:13px}
#search div.searchResult ul li p.searchCon{padding:8px; border-radius:5px; background:#e7e7e7; line-height:140%; font-weight:600}
#search div.searchResult ul li p.searchCon a:hover{text-decoration:underline}
#search div div.searchBtn{ width:100%; padding:0; margin:0}
#search div div.searchBtn div.borderBox{width:auto; background:#3b5160; border:1px solid #3b5160}
#search div div.searchBtn div.borderBox a{position:relative; color:#fff; display:block; height:40px; line-height:40px; padding:0 50px 0 15px; font-size:1.083em}
#search div div.searchBtn div.borderBox a img {position: absolute; top:35%; right:16px; width:21px; opacity: 1;animation-direction: alternate; transition: all .4s}
#search div div.searchBtn div.borderBox .backSearchBtn {padding:0 15px 0 50px}
#search div div.searchBtn div.borderBox a:hover img {right:10px; width:21px}
#search div div.searchBtn div.borderBox .backSearchBtn img {right:inherit; left:20px }
#search div div.searchBtn div.borderBox .backSearchBtn:hover img {left:14px}
/*검색 테이블*/
#search .mbBox {overflow-x:auto; position:relative; border-collapse:collapse; table-layout:auto;  margin: 0 0 15px; border-radius:5px; border:1px solid #cacaca}
#search .mbBox table.searchTb {width: 100%}
#search .mbBox table.searchTb thead th { line-height:150%; padding:10px 3px; background:#3b5160; border-left:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); vertical-align:middle;text-align:center; font-weight:500; color:#fff; font-size:15px}
#search .mbBox table.searchTb thead th:first-child{border-left:#a6a6a6}
#search .mbBox table.searchTb tbody th {line-height:150%; background:#f7f7f7; padding:8px 3px; border:1px solid #cacaca;  text-align:center; font-weight:500; font-size:15px; vertical-align:middle; color:#30302e; border-bottom:none}
#search .mbBox table.searchTb tbody td {line-height:150%; padding:8px 3px; border:1px solid #cacaca;text-align:center; vertical-align:middle; color:#4d4d4d; border-bottom:none; font-size:15px }
#search .mbBox table.searchTb tbody th:first-child{border-left:none}
#search .mbBox table.searchTb tbody td:first-child {border-left:none}
#search .mbBox table.searchTb tbody td:last-child {border-right:none}
#search table.searchTb tbody td.tbLeft {text-align:left}
#search div.mbResult {margin:0; padding:0; width:100%}
#search div.mbResult div.mbBox{width:auto}
#search div.mbResult table tr.emptyResult{padding:2em 0; text-align:center; font-size:1.083em; border:1px solid #aba9a9; min-height:10px}

/*빈페이지*/
#nopage {clear:both; width:80%; padding:150px 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:500; 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}

/*개인정보, 영상정보 이력관리*/
.comhis_lst{border-radius: 5px 5px 0 0; overflow: hidden; font-size:15px}
.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; font-weight:500; transition: all .3s}
.comhis_lst ul li a:hover{color:#fff}
/*개인정보*/
.comhis_lst.protect ul li.infov a, .comhis_lst.protect ul li a:hover{background: #519bff; color: #fff}
/*영상정보*/
.comhis_lst.video ul li.videov a, .comhis_lst.video ul li a:hover{background: #1bb3a0; color: #fff}

/* ======================================= MOBILE LAYOUT ======================================= */
@media only screen and (max-width:1024px) {

/*** 배너 ***/
#banner h4 {font-size:1.231em}

/*** 사이트맵 ***/
#sitemap > ul > li{float:none; width:100%}

/*** 검색 ***/
#search div h4 {font-size:1.231em}
#search div div.searchBtn div.borderBox a img {right:25px}
#search div.searchResult ul li p.searchTit {font-size:1.154em}
#search div.searchResult ul li p.searchCon {font-size:0.935em}

/*개인정보, 영상정보 이력관리*/
.comhis_lst{font-size:14px}
.comhis_lst ul li a{padding:5px; border-radius:5px}

}

/* ========================================= PC LAYOUT ========================================= */
@media only screen and (min-width:1025px) {
/*배너영역*/
#banner_tit div#searchForm{clear:none; width:246px; 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%}

/*검색영역*/
#search div div.searchBtn div.borderBox{ padding:0; margin:0; position:absolute; top:30px; right:0; border-radius:3px}
#search div div.searchBtn div.borderBox a{height:30px; line-height:30px}

/*빈페이지*/
#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:500}
}

/* ========================================= LOWSET FIX ========================================= */
@media only screen and (min-width:0) and (max-width:420px){
/* 배너 갯수 */
.banner_List li {width:100%}
}

@media only screen and (min-width:650px) and (max-width:1279px){
/*빈페이지*/
#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:500}

/* 배너 갯수 */
.banner_List li {width:33.3%}
}

@media only screen and (min-width:1300px){
/* 배너 갯수 */
.banner_List li {width:25%}
}