/* CSS Document */ /*2021.06.08 KYJ 수정*/ input,select,label,textarea{ font-family:'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;border-radius:0} button{font-family:'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;cursor:pointer} /*배너영역*/ #banner {clear:both;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:bold; } /*배너 상단 검색 영역*/ #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:50%; 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:38px; height:38px; 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:40px; background:#45a5dc url(../../images/search/goSearch_btn1.gif) no-repeat center; border:0; cursor:pointer; position:relative} #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-top:2px solid #65b3e5; border-bottom:2px solid #d6dcdf; padding:5px 0 15px 0} #banner_List ul {clear:both; *zoom:1} #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:auto; border:1px solid #d9d9d9} #banner_List li a{display:block; color:#3a3d3f; height:47px; line-height:47px; text-align:center} #banner_List li a span{display:none} #banner_List li a img{ height:47px; width:100%} #banner_List li a:hover{background:#f6f6f6; color:#ff7200; font-weight:bold; text-decoration:underline} /*사이트맵*/ #sitemap ul:after {content:""; clear:both; display:block; height:0; visibility:none} #sitemap ul > li{float:left; width:33.3%} #sitemap ul > li.nth4{clear:both} #sitemap ul > li > div{width:90%; margin:0 auto 30px} #sitemap ul > li > div > h4{padding:10px;border-top:2px solid #4b677b; border-bottom:2px solid #4b677b; background:#fff; text-align:center; color:#4b677b; font-size:1.385em; font-weight:500} #sitemap ul.subMn{background:#f6f6f6} #sitemap ul.subMn li{width:100%} #sitemap ul.subMn > li > a{display:block; padding:6px 10px; border-top:1px solid #c4c4c4; font-size:1.077em; box-sizing:border-box} #sitemap ul.subMn > li:first-child > a{border-top:none} #sitemap ul.subMn li a:hover{background:#4b677b; color:#fff; font-weight:500} #sitemap ul.subMn li ul.subMn2{margin:8px; margin-top:0; padding:8px; background:#e7e7e7} #sitemap ul.subMn li ul.subMn2 li{line-height:140%; margin:0 0 5px 5px} #sitemap ul.subMn li ul.subMn2 li:last-child{margin-bottom:0} #sitemap ul.subMn li:hover a{background:#4b677b; color:#fff; font-weight:500} #sitemap ul.subMn li:hover ul.subMn2 li a{ color:#000; font-weight:500; background:none} #sitemap ul.subMn li:hover ul.subMn2 li a:hover{text-decoration:underline} /*게시판 인쇄 */ #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; background:#f5f5f5} #serachTop div#searchForm{clear:both; padding:1em 1.667em; background:#f5f5f5} #serachTop div#searchForm form{width:auto; padding:0; margin:0} #serachTop div#searchForm form div.inputCell{width:80%; margin-right:1%; float:left} #serachTop div#searchForm form div.inputCell div{border:1px solid #aeadad; width:auto; padding:0 0.714em; background:#fff} #serachTop div#searchForm form div.inputCell div input[type=text]{width:100%; border:none; line-height:38px; height:38px; padding:0} #serachTop div#searchForm form div.buttonCell{width:18%; 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; 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{font-weight:normal; font-size:1.417em; color:#312e2e; padding:0 0 0 2.118em; height:28px; line-height:28px; margin:0 0 0.706em 0;box-sizing:border-box} #search div h4 span{color:#f72727} div#webSearch h4{background:url(../../images/search/gosearch_bg_Web.gif) no-repeat left 3px} div#boardSearch h4{background:url(../../images/search/gosearch_bg_Board.gif) no-repeat left 3px} #search div.searchResult{margin:0; padding:0; width:100%} #search div.searchResult div.borderBox{width:auto; padding:15px; border:1px solid #aba9a9} #search div.searchResult p.emptyResult{padding:2em 0; text-align:center; font-size:1.083em} #search div.searchResult ul{margin:0 auto; padding:0} #search div.searchResult ul li{margin:0; padding:15px; 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{ color:#312e2e; font-size:1.250em} #search div.searchResult ul li p.searchTit span{color:#9a9595; font-size:0.733em} #search div.searchResult ul li p.searchCon{margin-top:10px; padding:10px; line-height:140%; background:#f0f0f0} #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:#507cbd; border:1px solid #265eaf} #search div div.searchBtn div.borderBox a{color:#fff; display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:1.083em} #search div div.searchBtn div.borderBox a.nextSearchBtn span{ background:url(../../images/search/searchBg_next.gif) no-repeat left top; width:23px; height:6px; line-height:6px; display:inline-block} #search div div.searchBtn div.borderBox a.backSearchBtn span{ background:url(../../images/search/searchBg_back.gif) no-repeat left top; width:23px; height:6px; line-height:6px; display:inline-block} /*빈페이지*/ #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; font-family:NGB; 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 #ff7200} #banner_List li div.cellBox div:hover a{height:45px; line-height:45px} #banner_List li div.cellBox div:hover a:hover{height:45px; line-height:45px} #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 #ff7200} #banner_List li div.cellBox div:hover a{height:45px; line-height:45px} #banner_List li div.cellBox div:hover a:hover{height:45px; line-height:45px} #banner_List li div.cellBox div:hover a:hover span{display:block} #banner_List li div.cellBox div:hover a:hover img{display:none} /*사이트맵*/ /*검색영역*/ #search div div.searchBtn div.borderBox{ width:144px; padding:0; margin:0; position:absolute; top:24px; right:0} #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: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:650px) { /*사이트맵*/ #sitemap ul > li{float:none; width:100%; text-align:center} }