@import url("base.css"); body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address,select,button,input{font-family:'mst','nts','Malgun Gothic','Helvetica nenu',Arial,"Apple SD Gothic"} .tleft {text-align: left !important;} #contWrap{position:relative; width:100%; padding-top:155px; z-index:10; transition:all .30s ease} #contWrap_pop{width:100%;position:relative;z-index:10;} .toputil{position:relative;width:1200px;height:80px;margin:0 auto;padding-top:25px;} .toputil h1{position:absolute; top:25px; left:0;} .uwaku{width:1200px;margin:0 auto;} .local_nav {position:absolute;top:40px;right:0;} .local_nav li {float:left;font-size:11px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/footerwake.png') no-repeat 0 7px;padding-left:10px;} .local_nav li:first-child {padding:0;background:none;} .local_nav li a {margin-right:8px;} .local_nav li a.fin {margin-right:0;} .utill {position:absolute; top:50px; right:0; text-align:right; font-size:12px; line-height:1.7; margin-top:10px;} .utill a {background:#787c87; color:#fff; padding:2px 4px;} .utill_02 {width:580px;overflow:hidden;margin:5px auto 0; padding-left: 150px;} .utill_02 li {float:left;font-size:11px;margin-left:8px; max-width: 150px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;} .utill_02 li strong {margin-right:7px;padding-left:15px;background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/main_search.png) no-repeat 0 50%; background-size:11px; color:#086fcb;} .utill_02 li span {display:inline-block;width:14px;height:14px;line-height:14px;color:#fff;text-align:center;background:#a1a4ac;border-radius:2px;font-size:10px;margin-right:3px;} .topsearch{box-sizing:border-box;position:relative;width:420px;height:37px;padding-right:40px;border:2px solid #086fcb;margin:10px auto 0;background:#fff;} .topsearch input{box-sizing:border-box;width:100%;height:100%;padding:0 10px;border:none;} .topsearch .btn_integrated_search {box-sizing:border-box;position:absolute;top:0;right:0;height:100%;width:40px;padding-top:8px;text-align:center;} .toggle_search {display:none;} .gnb_wrap .gnb_top {display:none;} .gnb_wrap .gnb>ul>li{float:left;font-size:18px;margin-right:70px;} .gnb_wrap .gnb>ul> li .topMenuLink{display:block;height:50px;line-height:50px;color:#fff;font-weight:300;} .gnb_wrap .gnb>ul> li .topMenuLink:hover {text-decoration: underline;} .gnb_wrap .gnb>ul> li.link_commission, .gnb_wrap .gnb>ul> li.all_menu {margin-right:0;} .gnb_wrap .gnb>ul> li.link_commission .topMenuLink, .gnb_wrap .gnb>ul> li.all_menu .topMenuLink {font-size:15px;padding-left:15px;} .gnb_wrap .gnb>ul> li.link_commission .topMenuLink:after {position:relative;top:5px;content:'';display:inline-block;width:1px;height:20px;background:#89bae6;margin:0 18px;} .gnb_wrap .gnb>ul> li.all_menu .topMenuLink {background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/ico_navicon.png) no-repeat 0 50%;} .gnb_wrap #bgB{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/gnbbg.png') repeat-x 0 100%;width:100%;height:360px;position:absolute;left:0;top:50px;} #gnb01,#gnb02,#gnb03,#gnb04,#gnb05,#gnb06,#gnb07{} .gnbin{position:relative;width:1200px} .gnbin ul.gnb_menu{height:353px;} .gnbin ul.gnb_menu>li{margin:0; float:left; height:353px; padding: 20px 30px 0; box-sizing:border-box; border-left:1px solid #eaeaea;} .gnbin ul.gnb_menu>li.left{width:300px;} .gnbin ul.gnb_menu>li.left p.sub_tit{font-size:13px;color:#757575; letter-spacing: -1px;} .gnbin ul.gnb_menu>li.left p.main_tit{font-size:30px;color:#086fcb;margin-top:5px;letter-spacing: -2px; font-weight: 600;} .gnbin ul.gnb_menu>li.left div a p{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_menu_go.png') no-repeat 0 0;width:84px;height:25px;text-align:center;padding-top:3px;margin-top:53px;} .gnbin ul.gnb_menu>li.center {width:570px;} .gnbin ul.gnb_menu>li.center01{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/001.png') no-repeat 30px 0;} .gnbin ul.gnb_menu>li.center02{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/002.png') no-repeat 30px 0;} .gnbin ul.gnb_menu>li.center03{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/003.png') no-repeat 30px 0;} .gnbin ul.gnb_menu>li.center04{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/004.png') no-repeat 30px 0;} .gnbin ul.gnb_menu>li.center05{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/005.png') no-repeat 30px 0;} .gnbin ul.gnb_menu>li>p>a{display:inline-block; font-size:14px; font-weight:normal;color:#000; } .gnbin ul.gnb_menu>li>p>a:hover {color:#086fcb; text-decoration: underline;} .gnbin ul.gnb_menu>li.right {width: 330px; background:#f5f5f5 url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/gnb_menu_r_bg.png') no-repeat right 30px; border:none;} .gnbin ul.gnb_menu>li.right p.tit{font-size:20px;color:#454545; font-weight: 300;} .gnbin ul.gnb_menu>li.right p.sub_tit{font-size:13px;color:#757575;margin-top:5px;} .gnbin ul.gnb_menu>li.right>ul {z-index:2; position:relative; border-top:2px solid #444444; margin-top: 50px; } .gnbin ul.gnb_menu>li.right>ul>li {border-bottom: 1px solid #e9e9e9;} .gnbin ul.gnb_menu>li.right>ul>li:last-child {border: none;} .gnbin ul.gnb_menu>li.right>ul>li>a {display:inline-block; width:100%; background: #fff url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/gnb_menu_r_arrow.png) no-repeat 90% center; padding: 18px 20px; font-size: 14px; color:#454545; box-sizing:border-box;} .gnbin ul.gnb_menu>li.right>ul>li>a:hover {text-decoration: underline;} .gnbin ul.gnb_menu>li.right>ul>li>a>span {color:#086fcb; font-weight: 300;} .gnbin ul.gnb_menu>li.right p[class^='sub0'] a{font-size:16px;} #gnb06 .gnbin{margin:0 auto;position:relative;width:1200px} #gnb06 .gnbin ul.gnb_menu {padding-left:725px;} #gnb06 .gnbin ul.gnb_menu>li {position:absolute;top:0;left:550px;width:650px;height:353px; padding: 0 0 0 20px; border-bottom:1px solid #fff;} #gnb06 .gnbin ul.gnb_menu>li .bl_title {position:absolute;z-index:10;left:60px; line-height:1.5em; width:200px; font-size:15px;border:1px solid #ddd; z-index: 20; } #gnb06 .gnbin ul.gnb_menu>li .bl_title.on {background:#1f9ecd; border:1px solid #1f9ecd;} #gnb06 .gnbin ul.gnb_menu>li .bl_title.on a {color:#fff; font-weight: 300;} #gnb06 .gnbin ul.gnb_menu>li .bl_title a {display:block;text-align:center; padding: 12px 0; line-height: 22px; } #gnb06 .gnbin ul.gnb_menu>li ul {display:none;position:relative;z-index:10;height:100%;margin-left:150px;border-right:1px solid #eaeaea;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bg_map.png') no-repeat 50% 40px;} #gnb06 .gnbin ul.gnb_menu>li ul.on {display:block;} #gnb06 .gnbin ul.gnb_menu>li ul li {float:none;} #gnb06 .gnbin ul.gnb_menu>li ul li p{position:absolute;} #gnb06 .gnbin ul.gnb_menu>li ul li p a{color:#6f6f6f; font-size:11px;} #gnb06 .gnbin ul.gnb_menu>li ul li p a:hover {color:#0092c8;} #gnb06 .gnbin ul.gnb_menu li.fir{float:left;width:190px;height:332px;border-right:1px solid #eaeaea;padding:21px 0 0 35px} #gnb06 .gnbin ul.gnb_menu li.fir p.sub_tit{font-size:16px;color:#4b4b4c} #gnb06 .gnbin ul.gnb_menu li.fir p.main_tit{font-size:35px;color:#ffc40d;margin-top:13px} #gnb06 .gnbin ul.gnb_menu li.fir span.gr_btn{display:inline-block;background:#b1acaa;width:200px;height:31px;font-size:14px;color:#fff;text-align:center;padding-top:5px} #gnb06 .gnbin ul.gnb_menu li.fir02{left:0;float:left;width:550px;height:353px;padding:21px 0 0 35px} #gnb06 .gnbin ul.gnb_menu li.fir02:after{content:'';display:block;position:absolute;top:0;left:220px;width:1px;height:100%;background:#eaeaea;} #gnb06 .gnbin ul.gnb_menu li.fir02 p.sub_tit{font-size:13px;color:#757575; letter-spacing: -1px;} #gnb06 .gnbin ul.gnb_menu li.fir02 p.main_tit{font-size:30px;color:#086fcb;margin-top:5px;letter-spacing: -2px; font-weight: 600; line-height: 30px;} #gnb06 .gnbin ul.gnb_menu li.fir02 p.bl_title{left:auto;right:55px;top:30px; text-align:center; font-size:20px; font-weight:300; border:none; background: #fff; color:#000;} #gnb06 .gnbin ul.gnb_menu li.fir02 p.bl_title a{padding-top:0;} #gnb06 .gnbin ul.gnb_menu li.fir02 p.bl_sub_title{} #gnb06 .gnbin ul.gnb_menu li.fir02 p.bl_sub_title a { display: block; margin-bottom:3px; padding:10px 20px; border: 1px solid #c7c7c7; background: #f3f3f3 url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/gnb_menu_r_arrow_2.png) no-repeat 93% center; } #gnb06 .gnbin ul.gnb_menu li.fir02 p.bl_sub_title a:hover {text-decoration: underline;} #gnb06 .gnbin ul.gnb_menu li.fir02 p.bl_sub_title02{display:inline-block;background:#b1acaa;width:200px;height:31px;font-size:14px;color:#fff;text-align:center;padding-top:5px;} #gnb06 .gnbin ul.gnb_menu li.fir02 span{font-size:14px;text-align:center;} #gnb06 .gnbin ul.gnb_menu li.fir02 .bl_main_list {position: absolute; top:120px; right:30px; width:260px;} #gnb06 .gnbin ul.gnb_menu li.sec p.bl_title{top:30px;} #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(1) {top:68px; left:305px;} /* 강원도 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(2) {top:100px; left:245px;} /* 경기도 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(3) {top:220px; left:292px;} /* 경상남도 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(4) {top:153px; left:320px;} /* 경상북도 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(5) {top:238px; left:217px;} /* 광주광역시 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(6) {top:186px; left:300px;} /* 대구광역시 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(7) {top:168px; left:238px;} /* 대전광역시 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(8) {top:240px; left:317px;} /* 부산광역시 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(9) {top:80px; left:223px;} /* 서울특별시 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.lft p:nth-child(10) {top:145px; left:215px;} /* 세종특별자치시 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.rgt p:nth-child(1) {top:210px; left:335px;} /* 울산광역시 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.rgt p:nth-child(2) {top:83px; left:156px;} /* 인천광역시 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.rgt p:nth-child(3) {top:260px; left:213px;} /* 전라남도 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.rgt p:nth-child(4) {top:197px; left:234px;} /* 전라북도 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.rgt p:nth-child(5) {top:260px; left:80px;} /* 제주특별자치도 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.rgt p:nth-child(6) {top:130px; left:192px;} /* 충청남도 */ #gnb06 .gnbin ul.gnb_menu li.sec ul li.rgt p:nth-child(7) {top:125px; left:273px;} /* 충청북도 */ #gnb06 .gnbin ul.gnb_menu li.thr p.bl_title{top:77px;} #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(1) {top:68px; left:305px;} /* 강원도 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(2) {top:100px; left:245px;} /* 경기도 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(3) {top:220px; left:292px;} /* 경상남도 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(4) {top:153px; left:320px;} /* 경상북도 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(5) {top:238px; left:217px;} /* 광주광역시 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(6) {top:186px; left:300px;} /* 대구광역시 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(7) {top:168px; left:238px;} /* 대전광역시 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(8) {top:80px; left:223px;} /* 서울특별시 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(9) {top:210px; left:335px;} /* 울산광역시 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.lft p:nth-child(10) {top:83px; left:156px;} /* 인천광역시 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.rgt p:nth-child(1) {top:260px; left:213px;} /* 전라남도 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.rgt p:nth-child(2) {top:197px; left:234px;} /* 전라북도 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.rgt p:nth-child(3) {top:260px; left:80px;} /* 제주특별자치도 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.rgt p:nth-child(4) {top:125px; left:273px;} /* 충청북도 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.rgt p:nth-child(5) {top:240px; left:317px;} /* 부산광역시교육청 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.rgt p:nth-child(6) {top:145px; left:215px;} /* 세종특별자치시교육청 */ #gnb06 .gnbin ul.gnb_menu li.thr ul li.rgt p:nth-child(7) {top:130px; left:192px;} /* 충청남도교육청 */ #gnb06 .gnbin ul.gnb_menu li.fou p.bl_title{top:171px;} #gnb06 .gnbin ul.gnb_menu li.fou ul li.lft p:nth-child(1) {top:68px; left:305px;} /* 강원도 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.lft p:nth-child(2) {top:100px; left:245px;} /* 경기도 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.lft p:nth-child(3) {top:220px; left:292px;} /* 경상남도 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.lft p:nth-child(4) {top:153px; left:320px;} /* 경상북도 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.lft p:nth-child(5) {top:145px; left:215px;} /* 세종특별자치시 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.lft p:nth-child(6) {top:210px; left:335px;} /* 울산광역시 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.lft p:nth-child(7) {top:260px; left:80px;} /* 제주특별자치도 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.lft p:nth-child(8) {top:80px; left:223px;} /* 서울특별시교육청 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.rgt p:nth-child(1) {top:238px; left:217px;} /* 광주광역시 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.rgt p:nth-child(2) {top:186px; left:300px;} /* 대구광역시 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.rgt p:nth-child(3) {top:168px; left:238px;} /* 대전광역시 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.rgt p:nth-child(4) {top:240px; left:317px;} /* 부산광역시 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.rgt p:nth-child(5) {top:260px; left:213px;} /* 전라남도 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.rgt p:nth-child(6) {top:130px; left:192px;} /* 충청남도 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.rgt p:nth-child(7) {top:125px; left:273px;} /* 충청북도 */ #gnb06 .gnbin ul.gnb_menu li.fou ul li.rgt p:nth-child(8) {top:113px; left:245px;} /* 경기도교육청 */ #gnb06 .gnbin ul.gnb_menu li.fiv p.bl_title{top:124px;}#gnb06 .gnbin ul.gnb_menu li.sec ul p:nth-child(1) {top:0px; left:0px;} #gnb06 .gnbin ul.gnb_menu li.fiv ul li.lft p:nth-child(1) {top:80px; left:223px;} /* 서울지방특별시 */ #gnb06 .gnbin ul.gnb_menu li.fiv ul li.lft p:nth-child(2) {top:155px; left:238px;} /* 대전지방광역시 */ #gnb06 .gnbin ul.gnb_menu li.fiv ul li.lft p:nth-child(3) {top:238px; left:217px;} /* 광주지방광역시 */ #gnb06 .gnbin ul.gnb_menu li.fiv ul li.lft p:nth-child(4) {top:97px; left:223px;} /* 서울고등특별시 */ #gnb06 .gnbin ul.gnb_menu li.fiv ul li.lft p:nth-child(5) {top:172px; left:238px;} /* 대전고등광역시 */ #gnb06 .gnbin ul.gnb_menu li.fiv ul li.lft p:nth-child(6) {top:240px; left:317px;} /* 부산고등광역시 */ #gnb06 .gnbin ul.gnb_menu li.fiv ul li.rgt p:nth-child(1) {top:186px; left:310px;} /* 대구지방광역시 */ #gnb06 .gnbin ul.gnb_menu li.fiv ul li.rgt p:nth-child(2) {top:255px; left:217px;} /* 광주고등광역시 */ #gnb06 .gnbin ul.gnb_menu li.fiv ul li.rgt p:nth-child(3) {top:203px; left:310px;} /* 대구고등광역시 */ .all_gnb {width:808px; height:300px; } .all_gnb .gnb_menu_group {float:left; width:20%;} .all_gnb .gnb_menu_group p a {font-size: 14px; margin-bottom: 3px;} .all_gnb .gnb_menu_group p a:hover {color:#086fcb; text-decoration: underline;} .all_gnb .gnb_menu_group:nth-child(3) {width:17%;} .all_gnb .gnb_menu_group:nth-child(4) {width:18%;} .undertxt{margin-top:20px} .undertxt li{line-height:155%;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/undertxt.png") 0 9px no-repeat ;padding-left:11px; font-size:14px} .undertxt1{margin-top:20px;overflow:hidden;border-bottom:1px solid #b2b2b2;padding-bottom:10px} .undertxt1 li.uleft{float:left} .undertxt1 li.uright{float:right;text-align:right} .undertxt_gong{margin-top:20px;overflow:hidden;border-bottom:1px solid #b2b2b2;padding-bottom:10px} .undertxt01{margin-top:20px;overflow:hidden;border-bottom:1px solid #b2b2b2;padding-bottom:10px} .undertxt01 li.uleft{float:left} .undertxt01 li.uright{float:right;text-align:right} .topbbtnarea{float:right;margin:0px 10px 0 0;border:1px solid #fff} .topbbtnarea .topbbtn{padding:4px 10px 6px 10px;background:#3f4a5c} .topbbtnarea .topbbtn a{color:#fff} .undertxtm{margin-top:5px} .undertxtm li{line-height:18px;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/undertxt.png") 0 9px no-repeat ;padding-left:11px} .julcha{overflow:hidden;margin-left:30px} .julcha li{float:left;margin-right:40px;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/jwake.png") right center no-repeat;padding-right:40px} .julcha li:last-child{margin:0;background:none} .julcha01{overflow:hidden;margin-left:30px} .julcha01 li{float:left;margin-right:10px;} .julcha01 li.jarrow{height:237px;line-height:250px} .julcha01 li:last-child{margin:0;background:none} .julcha02{overflow:hidden;margin-left:220px} .julcha02 li.jarrow{height:237px;line-height:250px} .julcha02 li{float:left;margin-right:10px;} .julcha02 li:last-child{margin:0;background:none} .tarq{text-align:right;margin-right:260px} .onlinecha {overflow:hidden; width: 70%; margin: 0 auto;} .onlinecha li{float:left; width: 50%; text-align: center;} .onlinecha li img {display: inline-block;margin-bottom: 15px} .onlinecha li span{font-size:18px; font-weight:300;color:#631b46} .bodybg{border:1px solid #d8d6d6;background:#fafafa;padding:20px} .bodybg .textzone{text-align: center} .desktop_break_line {display:block;} .main_visual {overflow:hidden; background:#eae8e5;} .main_visual > .inner {position:relative; width:1200px; height:430px; margin:0 auto;} .visual_service {overflow:hidden;} .visual_service .visual_tab {position:absolute; top:30px; left:0; width:167px;} .visual_service .visual_tab li {padding-right:17px;} .visual_service .visual_tab a {line-height:1.4; box-sizing:border-box; padding:20px; display:block; background:#f0efed; color:#787c87; width:150px; height:112px; font-size:14px; font-weight:300; word-break:keep-all;} .visual_service .visual_tab .number {display:block;font-size:24px; margin-bottom:8px; line-height:1;} .visual_service .visual_tab .on {background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/arrow.png') no-repeat 100% 50%;} .visual_service .visual_tab .on a {background:#787c87; color:#fff;} .visual_content .inner {display:none; padding-left:200px; height:400px; padding-top:30px; overflow:hidden; background-repeat:no-repeat; background-position:65% 100%; background-size:contain;} .visual_content .inner:nth-child(1) {background-image:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/img_main_visual01.jpg');} .visual_content .inner:nth-child(2) {background-image:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/img_main_visual02.jpg');} .visual_content .inner.on {display:block;} .visual_content strong {display:none;} .visual_content h2 {color:#454545; font-size:35px; font-weight:300; margin-bottom:50px; line-height:1.2; letter-spacing:-1px;} .visual_content h2:before {content:''; display:block; width:54px; height:3px; background:#454545; margin-top:15px; margin-bottom:25px;} .visual_content a {display:inline-block; padding:10px 20px; color:#fff; font-size:14px; font-weight:300; background:#0072c7;} .search_judgment { position:absolute; top:30px; right:0; width:288px; padding:30px 25px; background:rgba(0,0,0,.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); zoom:1; /* ie8을 위한 필터처리 30:투명도, 000000:색상값 */ } .search_judgment h2 {color:#fff; font-size:20px; font-weight:300; line-height:1.2;} .search_judgment .view_mobile {display:none;} .search_judgment p {color:#fff; font-size:14px; margin-top:10px;} .search_judgment .tab {overflow:hidden; border-bottom:1px solid #0072c7; background:#fff; margin-top:20px;} .search_judgment .tab li {float:left; width:50%;} .search_judgment .tab a {display:block; line-height:40px; height:40px; text-align:center; font-size:14px; color:#454545; font-weight:300;} .search_judgment .tab .on a {background:#0072c7; color:#fff;} .search_judgment_form {border-bottom:1px solid #fff; padding-bottom:16px; font-size:14px;} .search_judgment_form select, .search_judgment_form input {box-sizing:border-box; width:100%; height:38px; line-height:38px; vertical-align:middle; margin-top:7px; border:none; padding:0 10px;} .search_judgment_form select {padding-right:0;} .search_judgment_form select::-webkit-input-placeholder, .search_judgment_form input::-webkit-input-placeholder, .search_judgment_form select::-moz-placeholder, .search_judgment_form input::-moz-placeholder, .search_judgment_form select:-ms-input-placeholder, .search_judgment_form input:-ms-input-placeholder {color:#757575;} .search_judgment_form .search_name {display:block; position:relative; padding-right:90px;} .search_judgment_form .search_name a {display:block; position:absolute; top:7px; right:0; width:84px; height:38px; line-height:38px; background:#777c87; color:#fff; text-align:center; font-weight:300;} .search_judgment_form .search_name a:before {content:''; display:inline-block; width:14px; height:14px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/ico_search.png') no-repeat; margin-right:2px; vertical-align:-3px;} .search_judgment .login_guide {cursor:pointer;display:inline-block; padding-right:10px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/arrow02.png') no-repeat 100% 50%;} .visual_util {position:absolute; bottom:20px; left:0;} .visual_controller a {display:none; text-indent:-999px; overflow:hidden; width:12px; height:12px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/btn_play_and_stop.png') no-repeat; background-size:auto 100%; margin-right:4px;} .visual_controller a.on {display:inline-block;} .visual_controller .visual_play {display:none; background-position:100% 0;} .visual_bullet a {display:inline-block; text-indent:-999px; overflow:hidden; width:12px; height:12px; border-radius:50%; background:#c8c7c9; margin:0 2px;} .visual_bullet .on {background:#0072c7;} .main_content {width:1200px; margin:20px auto 25px;} .quick_menu {float:left; width:842px; padding-right:20px;} .quick_menu h2 {float:left; width:80px; margin-right:60px; margin-top:5px; color:#454545; font-size:25px; font-weight:300; text-transform:uppercase;} .quick_menu ul {overflow:hidden;} .quick_menu li {float:left; width:16.6666667%; text-align:center;} .quick_menu li a {display:block;} .quick_menu li span {display:block; font-size:12px; color:#454545; margin-top:10px;} .contact_phone {box-sizing:border-box; float:right; width:338px; height:105px; border-left:1px solid #c7c7c7; padding:0px 0 0 3px;} .contact_phone h2 {font-size:20px; font-weight:300; margin-bottom:7px;} .contact_phone h2 span {color:#086fcb;} .contact_phone li {padding-left:10px; color:#757575; font-size:14px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/ico_dot.png') no-repeat 0 7px; line-height:1.4} .featured_content {clear:both; overflow:hidden; padding-top:15px; width:100%;} .featured_content li {float:left; width:33.3333333%;} .featured_content li:nth-child(1) {background:#3f77bc url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/ico_featured_content01.png') no-repeat 100% 50%;} .featured_content li:nth-child(2) {background:#5ba14d url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/ico_featured_content02.png') no-repeat 100% 50%;} .featured_content li:nth-child(3) {background:#fa6c2a url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/ico_featured_content03.png') no-repeat 100% 50%;} .featured_content a {display:block; padding:30px 100px 30px 30px; color:#fff; height:145px; box-sizing:border-box;} .featured_content strong {display:block; font-size:20px; margin-bottom:20px; line-height:1; font-weight:normal;} .featured_content span {display:block; font-size:14px; line-height:1.4;} .featured_board {overflow:hidden; margin-top:25px; border:1px solid #c7c7c7;} .featured_board .board_wrap {position:relative; float:left; box-sizing:border-box; width:50%; padding:30px 60px 30px 30px;} .featured_board h2 {float:left; margin-right:25px;} .featured_board h2 a {display:inline-block; font-size:20px; font-weight:300; color:#454545; padding-right:20px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/ico_more.png') no-repeat 100% 50%;} .featured_board ul {overflow:hidden; height:20px;} .featured_board li {display:none;} .featured_board .on {display:block;} .featured_board li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#757575; font-size:14px;} .featured_board .controller {position:absolute; right:40px; top:50%; height:33px; margin-top:-16px;} .featured_board .controller a {position:absolute; display:block; width:11px; height:6px; text-indent:-999px; overflow:hidden; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/main/ico_arrow03.png') no-repeat;} .featured_board .controller .prev {top:0;} .featured_board .controller .next {bottom:0; background-position:0 100%;} .invi{position:absolute;top:200px;right:10px} .mtm25{margin-top:-25px} .mtm35{margin-top:-35px} .mt5{margin-top:5px} .mt7{margin-top:7px} .mt10{margin-top:10px} .mt11{margin-top:11px} .mt12{margin-top:12px} .mt13{margin-top:13px} .mt14{margin-top:14px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px} .mt45{margin-top:45px} .mt50{margin-top:50px} .mt55{margin-top:55px} .mt60{margin-top:60px} .mt70{margin-top:70px} .mt80{margin-top:80px} .mt90{margin-top:90px} .mt100{margin-top:100px} .mt110{margin-top:110px} .mt120{margin-top:120px} .mt130{margin-top:130px} .mt140{margin-top:140px} .mt150{margin-top:150px} .mt160{margin-top:160px} .mt170{margin-top:160px} .mt180{margin-top:160px} .mt185{margin-top:185px} .mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px} .mb30{margin-bottom:30px} .ml5{margin-left:5px} .ml10{margin-left:10px} .ml15{margin-left:15px} .ml20{margin-left:20px} .ml25{margin-left:25px} .ml27{margin-left:27px} .ml30{margin-left:30px} .ml40{margin-left:40px} .ml45{margin-left:45px} .ml50{margin-left:50px} .mr10{margin-right:10px} .op50{opacity:0.6} .op70{opacity:0.7} .fwb{font-weight:300} .fs11{font-size:11px} .fs12{font-size:12px} .fs13{font-size:13px} .fs14{font-size:14px} .fs15{font-size:15px} .fs16{font-size:16px} .fs17{font-size:17px} .fs18{font-size:18px} .fs20{font-size:20px} .lh12{line-height:120%} .lh15{line-height:150%} .taj{text-align:justify} .tac{text-align:center} .tar{text-align:right} .bc{color:#1bb3c3} .fco{color:#ff7e00} .fcr{color:#fa4256} .fcb{color:#3008ff} .fcdb{color:#336091} .fcbk{color:#000} .fieldradio{width:150px;display:inline-block;} .fieldradio input[type="radio"]{border:none;} .bottomimg{width:100%;background:url('/National_Library/oe_/https://www.simpan.go.kr/images/img/main_bottom.jpg') no-repeat 0 0;height:26px;} .border0{border:1px solid #000} .borderg{border-top:1px solid #d6d6d6} /* 2016.03.23 sph693 ~ sph693_Z 디자인 추가 S */ .pd6 { padding:6px;} .pdl6 { padding-left:6px;} .pdl10 { padding-left:10px;} .pdl20 { padding-left:20px;} .pdl16 { padding-left:16px;} .pdl60 { padding-left:60px;} .pdl80 { padding-left:80px;} .pdl120 { padding-left:120px;} .pdr3 { padding-right:3px;} .pdr10 { padding-right:10px;} .pdr20 { padding-right:20px;} .pdr30 { padding-right:30px;} .pdr80 { padding-right:80px;} .pdt3 { padding-top:3px;} .pdt4 { padding-top:4px;} .pdt6 { padding-top:6px;} .pdt8 { padding-top:8px;} .pdt10 { padding-top:10px;} .pdt12 { padding-top:12px;} .pdt20 { padding-top:20px;} .pdt30 { padding-top:30px;} .pdt40 { padding-top:40px;} .pdt55 { padding-top:55px;} .pdb6 { padding-bottom:6px;} .pdb10 { padding-bottom:10px;} .pdb20 { padding-bottom:20px;} .pdb30 { padding-bottom:30px;} .pdb50 { padding-bottom:50px;} .w20p { width:20%;} .w43p { width:43%;} .w28p { width:28%;} .w33p { width:33%;} .w34p { width:34%;} .w49p { width:49%;} .w50p { width:50%;} .w55p { width:55%;} .w60p { width:60%;} .w65p { width:65%;} .w99p { width:99%;} .w100p { width:100%;} .w35 { width:35px;} .w40 { width:40px;} .w50 { width:50px;} .w60 { width:60px;} .w70 { width:70px;} .w80 { width:80px;} .w110 { width:110px;} .w100 { width:100px;} .w130 { width:130px;} .w140 { width:140px;} .w170 { width:170px;} .w192 { width:192px;} .w193 { width:193px;} .w200 { width:200px;} .w200px { width:200px;} .w154 { width:154px;} .w270 { width:270px;} .w314 { width:314px;} .w315 { width:315px;} .w390 { width:390px;} .w732 { width:732px;} .h80 { height:80px;} .h200 { height:200px !important} .h250 { height:250px !important} .hauto {height:auto !important} .txt_lheight150 { line-height:150%;} /*min_width */ .m400{min-width:400px} .m500{min-width:500px} .m600{min-width:600px} .m700{min-width:700px} .m800{min-width:800px} .m900{min-width:900px} .m1000{min-width:1000px} .m1200{min-width:1200px} /* Font_style */ .txt_nor {font-weight:normal;} .txt_bold {font-weight:300;} .uline{text-decoration:underline} .txt_dark { color:#333;} .txt_blue { color:#1871a6;} .txt_magenta { color:#bb466a;} .txt_small { font-size:0.95em; letter-spacing:-1px;} .txt_big { font-size:1.2em;} .red{color:#f00;} /* Align_Style */ .clr_both {clear:both;} .clr_left {clear:left;} .flt_left {float:left;} .flt_right {float:right;} .flt_none { float:none;} .txt_left {text-align:left !important} .txt_right {text-align:right !important} .txt_center {text-align:center !important} .vtop {vertical-align:top;} .vmiddle {vertical-align:middle;} .vbtm {vertical-align:bottom;} .dpinline { display:inline;} .dpblock { display:block;} .posrl {position:relative;} .mgauto { margin:0 auto} /* 2016.03.23 sph693 ~ sph693_Z 디자인 추가 E */ /* default */ .fl{float:left} .fr{float:right} .cboth{display:block; content:"";clear:both} .inblk{display:inline-block} .vgt{vertical-align:top} .vgm{vertical-align:middle} .ovh{overflow:hidden} .cp{cursor:pointer} /* background-color */ .bg_peach01{background-color:#faebd7} #footer{position:relative; width:100%; margin-top:40px; padding-bottom:50px} #footer .lower{padding:12px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada} #footer .lower div.lower_zone{position:relative; width:1200px; margin:0 auto} #footer .lower div.lower_zone > ul{margin-left:-5px; margin-top:-5px} #footer .lower div.lower_zone > ul:after{content:''; clear:both; display:block} #footer .lower div.lower_zone > ul > li{position:relative; float:left; width:20%} #footer .lower div.lower_zone > ul > li .lower_inner{position:relative; margin-left:5px; margin-top:5px} #footer .lower div.lower_zone .lower_inner > a{display:block; position:relative; height:36px; padding:9px 20px 0 15px; line-height:135%; letter-spacing:-0.8px; border:1px solid #ebebeb; color:#505050; font-size:13px; box-sizing:border-box} #footer .lower div.lower_zone .lower_inner > a:before{content:'\e944'; position:absolute; right:10px; top:9px; font-family:xeicon; font-size:14px; font-weight:300; color:#808080; transition: all .30s ease} #footer .lower div.lower_zone li.open .lower_inner > a:before{transform: rotate(-180deg)} #footer .lower div.lower_zone .lower_layer{display:none; position:absolute; bottom:35px; left:0; width:100%; z-index:999} #footer .lower div.lower_zone .lower_layer li{margin-top:-1px; line-height:30px; background:#fff; border:1px solid #ebebeb; overflow: hidden; transition: all .30s ease} #footer .lower div.lower_zone .lower_layer li a{display:block; position:relative; height:30px; padding:9px 15px 0 15px; line-height:135%; letter-spacing:-0.8px; color:#505050; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; transition: all .30s ease} #footer .lower div.lower_zone .lower_layer li:hover{background:#202020; border:1px solid #202020} #footer .lower div.lower_zone .lower_layer li:hover a{color:#fff} #footer .tarea{position:relative; width:1200px; margin:0 auto; padding-top:25px; box-sizing:border-box} #footer .tarea .footlist:after{content:''; clear:both; display:block} #footer .tarea .footlist li{float:left;margin-left:25px} #footer .tarea .footlist li:first-child{margin-left:0} #footer .tarea .footlist li a{line-height:135%; letter-spacing:-0.5px; color:#505050; font-size:14px; font-weight:normal} #footer .tarea .footlist li:first-child a{font-weight:300; color:#5e749e} #footer .tarea .copy{margin-top:15px} #footer .tarea .copy p{line-height:155%; letter-spacing:-0.5px; color:#808080; font-size:14px; font-weight:normal} #footer .tarea .copy .address {margin-bottom:5px; color:#505050} #footer .tarea .copy .address .tel_number{color:#4275c0; letter-spacing:normal} #footer .tarea .copy .address .tel_number:first-child{margin-left:10px} #footer .tarea .copy .address .tel_number a{color:#4275c0} #footer .tarea .link{position:absolute; top:28px; right:0} #footer .tarea .link select{width:200px; height:36px; font-size:13px; padding:0 10px; background:none; vertical-align:middle; box-sizing:border-box} #footer .tarea .link select option{line-height:165%; background:#202020; color:#fff; font-weight:normal; font-size:13px} #footer .tarea .link select select::-ms-expand{display:none} #footer .tarea .link .go_btn{display:inline-block; width:48px; height:36px; padding:10px 0 0; line-height:135%; letter-spacing:-0.8px; color:#fff; text-align:center; background:#797c86; font-size:13px; font-weight:normal; box-sizing:border-box; vertical-align:middle} #footer .social_list{position:absolute; top:74px; right:0;} #footer .social_list li{float:left; margin-left:5px} #footer .social_list li a{display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:50% 50%; border-radius:50%} #footer .social_list li a.sns_fb{background-color:#1877f2; background-image:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/sns_fb.png"); background-size:10px 17px} #footer .social_list li a.sns_bg{background-color:#5ab033; background-image:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/sns_nb.png"); background-size:29px 13px} #subimg{width:100%;height:89px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/sub_img.png') no-repeat 0 0;position:relative; left:50%; z-index:100; margin-left:-50%;} #subimgm{width:100%;height:60px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/sub_img.png') no-repeat 0 0;position:relative; left:50%; z-index:100; margin-left:-50%;} .iimgarea{width:100%;height:89px;background:#89cce7;} .iimg{width:1200px;margin:0 auto;position:relative} .submenu{width:100%;height:45px;border-bottom:1px solid #ddd} .submenu ul.subline{width:1200px;position:relative;margin:0 auto;z-index:8} .submenu ul.subline li{float:left;} .submenu ul.subline li.ttext{width:160px;padding:12px 0 12px 0;text-align:center;border-right:1px solid #ddd} .submenu ul.subline li.ttextfin{width:190px;padding:12px 0 12px 0;border-right:1px solid #ddd;text-align:center;cursor:pointer;} .submenu ul.subline li.ttextfin a{letter-spacing:-1px; color:#336091;text-decoration:underline;color:#5ba0e1;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/2arrow.png") right center no-repeat;padding-right:20px;cursor:pointer} .submenu ul.subline li.ttextfin ul{width:190px;background:#fff;display:none;} .submenu ul.subline li.ttextfin:hover ul{position:absolute;top:45px;left:210px;display:block;border-right:1px solid #999999;border-left:1px solid #999999;border-bottom:1px solid #999999} .submenu ul.subline li.ttextfin ul li{float:none;border-top:1px solid #ddd;} .submenu ul.subline li.ttextfin ul li a{display:block;padding:10px 0px;color:#000;background:none;text-decoration:none;text-align:center} .submenu ul.subline li.ttextfin ul li a:hover{font-weight:300} ul.okitab{margin-top:20px} ul.okitab:after{content:''; display:block; clear:both} ul.okitab li{float:left;width:49.9%;text-align:center} ul.okitab li div.on{background:#5c9ce7;line-height:45px;height:46px} ul.okitab li div img{vertical-align:top} ul.okitab li div.on a{cursor:pointer} ul.okitab li div.on a{color:#fff;font-size:19px; display:block;} ul.okitab li div.rright{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;} ul.okitab li div.rright a{font-size:17px; display: block;} ul.okitab li div.lleft{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:44px;} ul.okitab li div.lleft a{font-size:17px; display: block;} ul.okitab.seosik{margin-top:20px} ul.okitab.seosik:after{content:''; display:block; clear:both} ul.okitab.seosik li{float:left;width:33%;text-align:center} ul.okitab.seosik li div.on{background:#5c9ce7;line-height:45px;height:46px} ul.okitab.seosik li div img{vertical-align:top} ul.okitab.seosik li div a {letter-spacing: -1px;} ul.okitab.seosik li div.on a{color:#fff;font-size:19px; display: block;} ul.okitab.seosik li div.rright{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;} ul.okitab.seosik li div.rright a{font-size:17px; display: block;} ul.okitab.seosik li div.lleft{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:44px;} ul.okitab.seosik li div.lleft a{font-size:17px; display: block;} ul.okitab3{margin-top:20px} ul.okitab3:after{content:''; display:block; clear:both} ul.okitab3 li{float:left;width:33.3%;text-align:center} ul.okitab3 li div.on{background:#5c9ce7;line-height:45px;height:46px} ul.okitab3 li div.off{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} ul.okitab3 li div img{vertical-align:top} ul.okitab3 li div.on a{color:#fff;font-size:19px; display: block;} ul.okitab3 li div.rright{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;} ul.okitab3 li div.rright a{font-size:17px; display: block;} ul.okitab3 li div.lleft{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:44px;} ul.okitab3 li div.lleft a{font-size:17px; display: block;} ul.okitab3 li div.tabMenu_01{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} ul.okitab3 li div.tabMenu_02{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} ul.okitab3 li div.tabMenu_03{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} ul.sph_340_tab_area{margin-top:20px; border: 1px solid #ddd; border-right: none} ul.sph_340_tab_area:after{content:''; display:block; clear:both} ul.sph_340_tab_area li{float:left;width:25%;text-align:center; } ul.sph_340_tab_area li div {box-sizing:border-box;border-right: 1px solid #ddd;} ul.sph_340_tab_area li div.on{background:#5c9ce7; border-right: 1px solid #5c9ce7;} ul.sph_340_tab_area li div a {display: block; line-height:45px; font-size:19px; cursor:pointer} ul.sph_340_tab_area li div.off{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} ul.sph_340_tab_area li div.on a{color:#fff;} ul.okitab4{margin-top:100px} ul.okitab4:after{content:''; display:block; clear:both} ul.okitab4 li{float:left;width:19.9%;text-align:center} ul.okitab4 li div.on{background:#5c9ce7; line-height:45px;height:46px;} ul.okitab4 li div img{vertical-align:top} ul.okitab4 li div.bottom_arrow{background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/tab_arrow.png") center center no-repeat; line-height:45px;height:10px;} ul.okitab4 li div.on a{color:#fff;font-size:19px;} ul.okitab4 li div.rright{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;} ul.okitab4 li div.rright a{font-size:17px} ul.okitab4 li div.rright1{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/nsphdocs/images/common/tab_arrow.png") left center no-repeat;} ul.okitab4 li div.rright1 a{font-size:17px} ul.okitab4 li div.lleft{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:44px;} ul.okitab4 li div.lleft a{font-size:17px} ul.okitab5{margin-top:20px} ul.okitab5:after{content:''; display:block; clear:both} ul.okitab5 li{float:left;width:19.9%;text-align:center} ul.okitab5 li.on{background:#5c9ce7;line-height:45px;height:46px;width:190px;color:#fff;font-size:19px} ul.okitab5 li.rright{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;width:190px;font-size:17px} ul.okitab5 li.rright1{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/m_arrow.png") left center no-repeat;} ul.okitab5 li.lleft{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:44px;width:190px;font-size:17px} ul.okitab5 li.lleft1{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;width:190px;font-size:17px} .mywake{margin-top:20px;border-top:1px dashed #dfdfdf;padding-top:1px} ul.okitab5r{margin-top:20px} ul.okitab5r:after{content:''; display:block; clear:both} ul.okitab5r li{float:left;width:24.6%;text-align:center} ul.okitab5r li.on{background:#ff5c52;line-height:45px;height:46px;color:#fff;font-size:19px} ul.okitab5r li.rright{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} ul.okitab5r li.lleft{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:44px;font-size:17px} #twake{overflow:hidden} #twake .tleft{width:50%;float:left;} #twake .tleft tbody th {text-align:center !important;} #twake .tright{width:50%;float:right} #twakem{overflow:hidden} #twakem .tleft{width:49%;float:left} #twakem .tright{width:40%;float:right;background:#f2f1ed;padding:20px;} #twakem .tright .mobiletxt{font-size:14px;font-weight:300} .won{height:170px;overflow-y:scroll;border:1px solid #ddd;padding:10px} .wonm{height:380px;overflow-y:scroll;border:1px solid #ddd;padding:10px} .wonk{height:480px;overflow-y:scroll;border:1px solid #ddd;padding:10px} .won1{height:90px;overflow-y:auto;border:1px solid #ddd;padding:10px} .naiyo{border:1px solid #acaaab;padding:10px;background:#fafafa} .viewtitle{padding:12px 0 12px 10px;font-weight:300;font-size:16px;border-top:1px solid #b2b2b2;color:#000} ul.viewmen{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:5px 0 5px 10px;overflow:hidden} ul.viewmen li{float:left;padding-left:10px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_utill.gif') no-repeat 0 7px;margin-right:20px} ul.viewmen li:first-child {padding:0;background:none;} ul.viewmen li span{color:#767676} ul.viewmen li.file{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/disk.png') no-repeat 0 3px;padding-left:22px} ul.viewmen2{border-bottom:1px solid #dfdfdf;padding:5px 0 5px 10px;overflow:hidden} ul.viewmen2 li{float:left;padding-left:10px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_utill.gif') no-repeat 0 7px;margin-right:20px} ul.viewmen2 li:first-child {padding:0;background:none;} ul.viewmen2 li span{color:#767676} ul.viewmen2 li.file{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/disk.png') no-repeat 0 3px;padding-left:22px} .viewcon{padding:10px;border-bottom:1px solid #b2b2b2;text-align:justify;font-size:13px} ul.prenext{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} ul.prenext li{padding:4px 0 4px 5px;} ul.prenext li.middle{border-bottom:1px dashed #dfdfdf;} ul.prenext li span.m01{background:#f8f8f8;text-align:center;width:100px;display:inline-block;padding:7px 0 7px 0px;} ul.prenext li span.m02{width:970px;display:inline-block;padding-left:10px} ul.prenext li span.m03{text-align:center;width:100px;display:inline-block;} ul.prenext li span a{color:#3d3d3d;font-size:14px} #conarea{position:relative; width:1200px; margin:35px auto 0 auto} #conarea.cmt_wrap{margin:0 auto 0 auto} #conarea h2 span{font-size:35px;line-height:35px;color:#404040; font-family:gmk; font-weight: 600;} .bbline{color:#5c9ce7;font-weight: 600;} #conarea h2 span.comment{font-weight:300;font-size:13px;margin-left:700px} #conarea h2 span.more{margin-left:1040px} #conarea h2 span.more a{font-size:11px} #conarea h2 span.sotitle{color:#8c8c8c;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/title_wake.png') no-repeat 5px 0;font-size:17px;padding-left:30px} #conarea p.ssotitle{font-size:14px;color:#505050;margin:10px 0 25px 0; line-height:155%} #conarea textarea.law{width:1162px;height:568px;resize:none;border:1px solid #d4d4d4;padding:21px 19px} #conarea .sub_title{display:block; position:relative; padding-left:22px; padding-top:3px; line-height:150%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title:after{content:''; position:absolute; left:0; top:6px; width:13px; height:19px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/stit_h3.png') no-repeat 50% 50%; background-size:13px 19px} #conarea .sub_stitle{display:inline-block; position:relative; padding-left:22px; line-height:150%; color:#404040; font-family:gmk; font-size:16px; font-weight:600; letter-spacing:-0.5px; vertical-align:middle} #conarea .sub_stitle:after{content:''; position:absolute; left:0; top:1px; width:18px; height:18px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/stit_h4.png') no-repeat 50% 50%; background-size:18px 18px} #conarea .sub_sstitle{display:inline-block; line-height:150%; color:#4275c0; font-family:gmk; font-size:16px; font-weight:600; letter-spacing:-0.5px; vertical-align:middle} #conarea .sub_title1{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title1:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person1.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title2{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title2:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person2.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title3{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title3:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person3.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title4{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title4:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person4.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title5{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title5:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person5.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title6{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title6:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person6.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title7{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title7:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person7.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title8{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title8:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person8.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title9{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title9:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person9.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title10{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title10:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person10.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title11{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title11:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person11.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title12{display:block; position:relative; padding-left:32px;line-height:170%; color:#404040; font-family:gmk; font-size:20px; font-weight:600; letter-spacing:-0.5px;width:1000px;} #conarea .sub_title12:after{content:''; position:absolute; left:0; width:25px; height:27px; background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_person12.png') no-repeat 50% 50%; background-size:26px 28px} #conarea .sub_title_gong{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/sub_title.png') no-repeat 0 8px;padding-left:18px;font-size:16.5px;font-weight:300} #conarea .sub_title .helping{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/help.png') no-repeat 0 2px;padding-left:18px;font-size:13px;margin-left:10px;height:22px;display:inline-block} #conarea .sub_con{font-size:13px; color:#7f7f7f; margin:5px 0 0 0; line-height:17px} #conarea .cont_show{float:right;display:inline-block;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/btn/btn_saw.png') no-repeat 0 0;width:129px;height:25px} #conarea .cont_show span{display:inline-block;color:#fff;padding:4px 0 0 24px} #conarea .cont_expl_area{height:100px;border:1px solid #959595;margin-top:10px;padding:10px;text-align:justify} #conarea .sub_btn_form{position:absolute;top:695px;left:480px;width:158px;height:23px;text-align:center;background:#5d5d5d} #conarea .sub_btn_form a{font-size:13px;color:#fff} #conarea .wakusearcha{border:1px solid #bab9b9;padding:15px 0 15px 50px;background:#fafafa;overflow:hidden;} #conarea .wakusearcha ul.searcha{overflow:hidden;} #conarea .wakusearcha ul.searcha li{float:left;margin-right:10px;} #conarea .wakusearcha ul.searcha li.txt{font-size:16px;line-height:35px;color:#323232;font-weight:600} #conarea .wakusearcha ul.searcha li input{border:1px solid #afaeae;width:400px;height:33px; line-height:31px; font-size:14px;padding-left:10px;color:#000;font-weight:300; vertical-align:middle} #conarea .wakusearcha ul.searcha li input.research{width:953px; margin-right:19px} #conarea .wakusearcha ul.searcha li select{border:1px solid #afaeae;width:185px;height:35px; line-height:33px;font-size:14px;padding-left:10px;color:#000;font-weight:300; vertical-align:middle} #conarea .wakusearcha ul.searcha li.sinput input{border:1px solid #afaeae;width:230px;height:35px; line-height:33px;font-size:14px;padding-left:10px} #conarea .wakusearcha ul.searcha li:last-child{margin:0} #conarea .wakusearcha .txt2{margin:10px 0 0 150px;font-size:14px;color:#323232;font-weight:600} #conarea .searchbtn{height:35px;border:none;background:#3f4b5c;padding:0 25px;color:#fff;font-size:14px;display:inline-block;line-height:38px; vertical-align:middle} #conarea .searchbtnp{height:35px;border:none;background:#3f4b5c;padding:015px;color:#fff;font-size:14px;display:inline-block;line-height:38px; vertical-align:middle} #conarea .tablescroll{height:400px;overflow-y:scroll;border:1px solid #b2b2b2;} /* 통합검색 추가 부분 S*/ #conarea .wakusearcha_05{border:1px solid #bab9b9;padding:10px 0 10px 10px;background:#fafafa; position: relative; } #conarea .wakusearcha_05 ul.searcha{overflow:hidden; } #conarea .wakusearcha_05 ul.searcha li{float:left;margin-right:10px;} #conarea .wakusearcha_05 ul.searcha li:nth-child(2) {width: 40%;} #conarea .wakusearcha_05 ul.searcha li.txt{font-size:16px;line-height:35px;color:#323232;font-weight:600} #conarea .wakusearcha_05 ul.searcha li input{border:1px solid #afaeae;width:100%;height:35px; line-height:33px;font-size:14px;padding-left:10px;color:#000;font-weight:300; box-sizing:border-box;} #conarea .wakusearcha_05 ul.searcha li select{border:1px solid #afaeae;width:185px;height:35px; line-height:33px;font-size:14px;padding-left:10px;color:#000;font-weight:300} #conarea .wakusearcha_05 ul.searcha li.sinput input{border:1px solid #afaeae;width:230px;height:35px;font-size:14px;padding-left:10px} #conarea .wakusearcha_05 ul.searcha li span.arrow{display:inline-block;height:29px;padding:6px 3px 0 3px;border-top:1px solid #afaeae;border-bottom:1px solid #afaeae;border-right:1px solid #afaeae} #conarea .complete_btn {height:35px;border:none;background:#5f5f5f;padding:0 25px;color:#fff;font-size:14px; display:inline-block;line-height:38px} /* 통합검색 추가 부분 E*/ #conarea .wakusearchame{border:1px solid #bab9b9;padding:15px 0 15px 50px;background:#fafafa;overflow:hidden;} #conarea .wakusearchame ul.searchame{overflow:hidden;} #conarea .wakusearchame ul.searchame li{float:left;margin-right:50px;} #conarea .wakusearchame ul.searchame li input{border:1px solid #afaeae;height:35px; line-height:33px;font-size:14px;padding-left:10px;color:#000;font-weight:300} #conarea .wakusearchame ul.searchame li select{border:1px solid #afaeae;;height:35px; line-height:33px;font-size:14px;padding-left:10px;color:#000;font-weight:300} #conarea .wakusearchame ul.searchame li:last-child{margin:0} #conarea .wakusearchame ul.searchame li.fin{margin-left:100px} #conarea .wakusearchame ul.searchame li span.round{border:1px solid #afaeae;height:35px;display:inline-block;background:#fff} #conarea .wakusearchame ul.searchame li span.round input{border:none;height:35px; line-height:33px;width:130px} #conarea .wakusearchame ul.searchame li span img{vertical-align:middle;margin-right:10px} #conarea .wakusearchame ul.searchame li.fin .search_btn{height:37px;border:none;background:#3f4b5c;padding:0 25px;color:#fff;font-size:14px; display:inline-block;line-height:38px} #conarea .wakusearcha_02{border:1px solid #bab9b9;padding:10px 0 10px 50px;background:#fafafa;overflow:hidden;} #conarea .wakusearcha_02 ul.searcha{overflow:hidden;} #conarea .wakusearcha_02 ul.searcha li{float:left;margin-right:10px;} #conarea .wakusearcha_02 ul.searcha li.txt{font-size:16px;line-height:35px;color:#323232;font-weight:600} #conarea .wakusearcha_02 ul.searcha li input{border:1px solid #afaeae;width:400px;height:35px; line-height:33px;font-size:14px;padding-left:10px;color:#000;font-weight:300} #conarea .wakusearcha_02 ul.searcha li select{border:1px solid #afaeae;width:160px;height:35px;font-size:14px;padding-left:10px;color:#000;font-weight:300} #conarea .wakusearcha_02 ul.searcha li.sinput input{border:1px solid #afaeae;width:230px;height:35px; line-height:33px;font-size:14px;padding-left:10px} #conarea .kosearcharea{border:1px solid #bab9b9;height:110px;background:#fafafa;position:relative} #conarea .kosearcharea input{border:1px solid #afaeae;height:35px; line-height:33px;font-size:14px;padding-left:10px;color:#000;font-weight:300} #conarea .kosearcharea select{border:1px solid #afaeae;width:185px;height:35px; line-height:33px;font-size:14px;padding-left:10px;color:#000;font-weight:300} #conarea .kosearcharea span{width:80px;display:inline-block} #conarea .kosearcharea .s01{position:absolute;top:15px;left:40px} #conarea .kosearcharea .s02{position:absolute;top:15px;left:400px} #conarea .kosearcharea .s03{position:absolute;top:60px;left:40px} #conarea .kosearcharea .s04{position:absolute;top:60px;left:400px} #conarea .kosearcharea .s05{position:absolute;top:60px;left:760px} #conarea .kosearcharea .s06{position:absolute;top:60px;left:1050px} #conarea .kosearcharea .stxt{font-size:16px;line-height:16px;color:#323232;font-weight:600} .wakusearchapop{border:1px solid #bab9b9;padding:10px 30px 9px 30px;background:#fafafa;overflow:hidden;} .wakusearchapop ul.searcha{overflow:hidden;} .wakusearchapop ul.searcha li{float:left;} .wakusearchapop ul.searcha li.s01{width:75%;} .wakusearchapop ul.searcha li.s02{width:25%;text-align:right;} .wakusearchapop ul.searcha li.s03{width:25%;} .wakusearchapop ul.searcha li.s04{width:50%;} .wakusearchapop ul.searcha li input[type="text"]{vertical-align:top} .wakusearchapop ul.searcha li.s01 input{border:1px solid #afaeae;width:98%;height:35px; line-height:33px;font-size:14px;padding-left:10px;line-height:35px} .wakusearchapop ul.searcha li.s03 select{border:1px solid #afaeae;width:98%;padding:8px 5px 9px 8px;font-size:14px;padding-left:10px} .wakusearchapop ul.searcha li.s04 input{border:1px solid #afaeae;width:97%;height:35px; line-height:33px;font-size:14px;padding-left:10px;line-height:35px} .wakusearchapop ul.searcha li:last-child{margin:0;} #conarea .wakusearcha .txt2{margin:10px 0 0 150px;font-size:14px;color:#323232;font-weight:600} #conarea .tablescroll{height:400px;overflow-y:scroll;border:1px solid #b2b2b2;} #conarea .wakusearcha ul.word{overflow:hidden;margin-top:15px} #conarea .wakusearcha ul.word li{float:left;margin-right:9px} #conarea .wakusearcha ul.word li span{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/search_wake.png') no-repeat 0 4px;padding-left:9px;font-size:14px;color:#323232} #conarea .wakusearcha ul.word li span.first{background:none;padding:0px;font-size:14px;color:#323232} #conarea .wakusearcha_02 ul.word{overflow:hidden;margin-top:15px} #conarea .wakusearcha_02 ul.word li{float:left;margin-right:9px} #conarea .wakusearcha_02 ul.word li span{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/search_wake.png') no-repeat 0 4px;padding-left:9px;font-size:14px;color:#323232} #conarea .wakusearcha_02 ul.word li span.first{background:none;padding:0px;font-size:14px;color:#323232} #conarea .wakusearcha_03{border:1px solid #e1e1e1;padding:13px 30px 3px 30px;background:#fafafa;overflow:hidden;margin-top:15px} #conarea .wakusearcha_03 ul.searcha{overflow:hidden;} #conarea .wakusearcha_03 ul.searcha li{float:left;margin-right:10px;} #conarea .wakusearcha_03 ul.searcha li p.txt{font-size:13px;line-height:17px;color:#737373;letter-spacing:-0.6px;} #conarea .wakusearcha_03 ul.searcha li input{border:1px solid #afaeae;width:620px;height:35px; line-height:33px;font-size:14px;padding-left:10px;margin-left:15px} #conarea .wakusearcha_03 ul.searcha li.sinput input{border:1px solid #afaeae;width:230px;height:35px; line-height:33px;font-size:14px;padding-left:10px} #conarea .wakusearcha_03 ul.searcha li:last-child{margin:0} #conarea .wakusearcha_03 .txt2{margin:10px 0 0 150px;font-size:14px;color:#323232;font-weight:600} #conarea .searchbtn_02{padding:0 35px;height:37px;border:none;background:#3f4b5c;color:#fff;font-size:14px;line-height:37px;display:inline-block} #conarea .searchbtn_03{padding:0 25px;height:37px;border:none;background:#f74f4e;color:#fff;font-size:14px;line-height:37px;display:inline-block} #conarea .tablescroll{height:400px;overflow-y:scroll;border:1px solid #b2b2b2} #conarea .wakusearcha_03 ul.word{overflow:hidden;margin-top:8px} #conarea .wakusearcha_03 ul.word li{float:left;margin-right:9px} #conarea .wakusearcha_03 ul.word li span{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/search_wake.png') no-repeat 0 4px;padding-left:9px;font-size:15px;color:#323232} #conarea .wakusearcha_03 ul.word li span.first{background:none;padding:0px;font-size:15px;color:#323232} #conarea .wakusearcha_04{width:1098px;height:37px;background:#fafafa;border:1px solid #b9b9b9;padding:15px 50px 15px 50px} #conarea .wakusearcha_04 ul.searcha{overflow:hidden;} #conarea .wakusearcha_04 ul.searcha li{float:left;margin-right:30px;} #conarea .wakusearcha_04 ul.searcha li.txt{font-size:16px;line-height:35px;color:#323232;font-weight:600} #conarea .wakusearcha_04 ul.searcha li input{border:1px solid #afaeae;height:35px; line-height:33px;font-size:14px;padding-left:10px} #conarea .wakusearcha_04 ul.searcha li select{border:1px solid #afaeae;width:132px;height:35px;font-size:14px;padding-left:10px} #conarea .wakusearcha_04 ul.searcha li.sinput input{border:1px solid #afaeae;width:230px;height:35px; line-height:33px;font-size:14px;padding-left:10px} #conarea .wakusearcha_04 ul.searcha li:last-child{margin:0} #conarea .wakusearcha_04 img{vertical-align:middle} #conarea .wakusearcha_04 .txt2{margin:10px 0 0 150px;font-size:14px;color:#323232;font-weight:600} #conarea .wakusearcha_04 .searchbtn{width:115px;height:37px;border:none;background:#3f4b5c;padding:0 25px;color:#fff;font-size:14px} #conarea .wakusearcha_04 span.btncal{display:inline-block;padding:6px 8px;background:#f5f5f5;border:1px solid #e5e5e5} #conarea .tablescroll{height:400px;overflow-y:scroll;border:1px solid #b2b2b2;} #conarea .wakusearcha_06{width:100%; margin-top:10px; background:#fafafa;} #conarea .wakusearcha_06 ul.searcha{overflow:hidden;padding: 10px; box-sizing:border-box; border:1px solid #b9b9b9;} #conarea .wakusearcha_06 ul.searcha li{float:left; box-sizing:border-box; padding-right: 10px;} #conarea .wakusearcha_06 ul.searcha li:first-child {width:30%; } #conarea .wakusearcha_06 ul.searcha li:nth-child(2) {width:50%; } #conarea .wakusearcha_06 ul.searcha li:last-child {width:20%; } #conarea .wakusearcha_06 ul.searcha li.txt{font-size:16px;line-height:35px;color:#323232;font-weight:600} #conarea .wakusearcha_06 ul.searcha li input{border:1px solid #afaeae; width:100%; height:35px; line-height:33px; font-size:14px;padding-left:10px;box-sizing:border-box;} #conarea .wakusearcha_06 ul.searcha li select{border:1px solid #afaeae; width:100%; height:34px; line-height:32px;font-size:14px; padding-left:10px;box-sizing:border-box;} #conarea .wakusearcha_06 ul.searcha li.sinput input{border:1px solid #afaeae; width:100%;height:34px; line-height:32px;font-size:14px;padding-left:10px;box-sizing:border-box;} #conarea .wakusearcha_06 .searchbtn{width:100%;height:37px;border:none;background:#3f4b5c;padding:0 25px;color:#fff;font-size:14px;} @media all and (max-width:750px){ #conarea .wakusearcha_06 ul.searcha li {padding-right: 0; margin-bottom: 3px;} #conarea .wakusearcha_06 ul.searcha li:first-child {width:100%; } #conarea .wakusearcha_06 ul.searcha li:nth-child(2) {width:100%; } #conarea .wakusearcha_06 ul.searcha li:last-child {width:100%; } } #conarea .case{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_case.png') no-repeat 0 0;width:1180px;height:96px;padding:14px 0 0 20px} #conarea .case ul{} #conarea .case ul li.first{float:left;margin-right:100px} #conarea .case ul li.first p{font-size:13px;letter-spacing:-1px;line-height:140%;margin-top:15px;} #conarea .case ul li.other{float:left;width:65px;text-align:center;margin-right:38px} #conarea .case ul li.other p{font-size:12px;margin-top:-6px} #conarea .case ul li.fin{float:left;margin-right:0} #conarea ul.case_list{height:108px;border-bottom:1px dashed #aeaeae;padding-bottom:15px} #conarea ul.case_list li.left{float:left;width:221px;height:108px;margin-right:30px; margin-top:10px;} #conarea ul.case_list li.right{float:left;width:920px; margin-top:20px;} #conarea ul.case_list li.right p.title{font-size:17px;letter-spacing:-1px;font-weight:300;line-height:17px} #conarea ul.case_list li.right p.cont{font-size:14px;color:#707070;margin-top:9px;line-height:140%;} #conarea ul.case_list li.right p.tail{font-size:15px;font-weight:600;color:#006fd3;margin-top:15px} .csbycs{margin-top:30px} .csbycs .csbycs_list:after{content:''; clear:both; display:block} .csbycs .csbycs_list > li{margin-bottom:5px; border-top:1px solid #dadada; border-bottom:1px solid #dadada} .csbycs .csbycs_list > li:last-child{margin-bottom:0} .csbycs .csbycs_box{display:block} .csbycs .csbycs_box:after{content:''; clear:both; display:block} .csbycs .csbycs_box .cover_img{float:left; margin-right:20px; font-size:0; line-height:0} .csbycs .csbycs_box .cover_img img{margin:0; padding:0} .csbycs .csbycs_box .cont_area{padding:20px 20px 20px 20px} .csbycs .csbycs_box .cont_area .tit{display:block; margin-top:10px; letter-spacing:-0.8px; font-family:gmk; font-size:18px; font-weight:600} .csbycs .csbycs_box .cont_area .info{margin-top:15px; letter-spacing:-0.5px; line-height:165%; color:#707070; font-size:14px} /* 홍보동영상 수정 */ #conarea ul.in_media{overflow: hidden;} #conarea ul.in_media li{float:left;width:33.333%; } #conarea ul.in_media li>div {margin:10px; padding:10px; overflow:hidden; border:1px solid #e1e1e1; box-sizing:border-box} #conarea ul.in_media li p a{font-size:15px} #conarea ul.in_media li p.da_cl{color:#4c4c4c} #conarea ul.in_media li p.da_cl span.date{float:left} #conarea ul.in_media li p.da_cl span.click{float:right} /* 자주묻는질문 */ #conarea .qus{margin-top:27px} #conarea .qus .faqList{margin-bottom:8px; border:1px solid #ebebeb} #conarea .qus .faqList:after{content:''; display:block; clear:both} #conarea .qus .faqList:last-child{margin-bottom:0} #conarea .qus ul{position:relative} #conarea .qus ul:after{content:''; display:block; clear:both} #conarea .qus ul li.left{position:absolute; top:13px; left:20px} #conarea .qus li.left img{margin:0; padding:0; vertical-align:middle} #conarea .qus ul li.right{position:absolute; top:50%; right:20px; margin-top:-11px} #conarea .qus ul li.right > p{transform: rotate(-180deg)} #conarea .qus ul.op{padding:14px 58px 14px 58px; border-bottom:1px solid #dadada} #conarea .qus ul.op li.mid p{font-size:15px; font-weight:300; letter-spacing:-0.2px; line-height:155%} #conarea .qus ul.on{padding:14px 20px; padding-left:58px; background:#f8f8f8;} #conarea .qus ul.on li.mid p{font-size:13px; line-height:170%; color:#505050; letter-spacing:-0.2px} #conarea .qus ul.cl{padding:14px 58px 14px 58px} #conarea .qus ul.cl li.mid p{font-size:15px; font-weight:300; letter-spacing:-0.2px; line-height:155%} #conarea .check_area{width:1175px;height:137px;border:1px solid #e1e1e1;background:#fafafa;padding:18px 0 0 23px} #conarea .check_area ul.top{height:38px} #conarea .check_area ul.top li.left{float:left} #conarea .check_area ul.top li.left p{font-size:13px;margin-top:8px;color:#747474} #conarea .check_area ul.top li.right{float:left;margin-left:20px;} #conarea .check_area ul.top li.right input{font-size:16px;width:767px;padding:8px 10px 9px 10px;border:1px solid #aeaeae} #conarea .check_area ul.top li.right input[type="text"]{vertical-align:top} #conarea .check_area ul.top li.right .button_less {box-sizing:border-box;width:1025px;} #conarea .check_area ul.top li.right .btn_form{display:inline-block;background:#3f4a5c;margin-left:4px} #conarea .check_area ul.top li.right .btn_form a{display:inline-block;color:#fff;font-size:13px;padding:7px 25px 9px 25px} #conarea .check_area ul.top li.right .btn_form_02{display:inline-block;background:#f85050;margin-left:3px} #conarea .check_area ul.top li.right .btn_form_02 a{display:inline-block;color:#fff;font-size:13px;padding:7px 30px 9px 32px} #conarea .check_area ul.bottom{height:64px;margin-top:12px} #conarea .check_area ul.bottom li.left{float:left} #conarea .check_area ul.bottom li.left p{font-size:13px;line-height:15px;color:#747474;margin-top:9px} #conarea .check_area ul.bottom li.right{float:left;margin-left:20px} #conarea .check_area ul.bottom li.right textarea{box-sizing:border-box;width:1025px;} #conarea .login_area{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_login.png') no-repeat 0 0;width:668px;height:175px;position:absolute;top:423px;right:24px} #conarea .login_area ul li{float:left;margin-right:70px} #conarea .login_area ul li.fin{float:left;margin-right:0} #conarea .login_area_02{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_login.png') no-repeat 0 0;width:668px;height:175px;position:absolute;top:493px;right:24px} #conarea .login_area_02 ul li{float:left;margin-right:70px} #conarea .login_area_02 ul li.fin{float:left;margin-right:0} #conarea .login_area_03{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_login.png') no-repeat 0 0;width:668px;height:175px;position:absolute;top:397px;right:24px} #conarea .login_area_03 ul li{float:left;margin-right:70px} #conarea .login_area_03 ul li.fin{float:left;margin-right:0} /* 회원정보수정 - 비밀번호확인 */ .pw_comfirm_box {margin-top:20px; border-top: 1px solid #dedede;border-bottom: 1px solid #dedede; background-color: #f8f8f8; padding: 60px 0; text-align: center;} .pw_comfirm_box .comfirm_box {display: inline-block; text-align: left;} .pw_comfirm_box .comfirm_box h3 {font-size: 25px; font-weight: 300; margin-bottom: 15px; color: #2d2d2d; text-align: left; display: inline-block;} .pw_comfirm_box .comfirm_box img {float: left; margin-right: 45px;} .right_text_area {display: inline-block;} .right_text_area p {margin-bottom: 3px; padding-left: 15px; background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bul_normal_dot.png) no-repeat 5px 10px;} .right_text_area dl {margin-top: 35px; position: relative;} .right_text_area dl dt {position: absolute; width: 95px; line-height: 28px; padding-left: 15px; background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bul_normal_dot_3x2.png) no-repeat 5px 13px;} .right_text_area dl dd {padding-left: 95px; margin-bottom: 10px; line-height: 28px;} .right_text_area dl dd span {margin-right: 10px;} .right_text_area dl dd input {width:190px; height: 28px; line-height:26px; border: 1px solid #dcdcdc; padding-left: 10px;} .pw_comfirm_btn span {width: 108px;} .pw_comfirm_btn span a {display:block; padding: 8px 0;} /* 회원가입 - 회원가입 안료 */ .mlast{overflow:hidden; margin-top:40px; padding:60px 55px; text-align:center; background-color:#f8f8f8; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } .mlast h2{ font-size:25px;} .mlast h2 span {font-size:25px !important; font-weight:600; color: #5f9ee6 !important;} .mlast p{font-size:13px;margin-top:10px} .mypage_bn_list {overflow: hidden; margin-top: 50px;} .mypage_bn_list li {width: 33.33%; float: left; } .mypage_bn_list li a {display: block; height: 110px; color: #fff; margin: 0 10px; } .mypage_bn_list li.mypage_bn_01 a {background:#5f9ee6 url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/myspace_bn_icon_01.png) no-repeat 10% bottom } .mypage_bn_list li.mypage_bn_02 a {background:#5f9ee6 url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/myspace_bn_icon_02.png) no-repeat 15% 60%; } .mypage_bn_list li.mypage_bn_03 a {background:#5f9ee6 url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/myspace_bn_icon_03.png) no-repeat 15% bottom } .mypage_bn_list li a .bn_text_wrap {float: right; width: 50%; margin-top: 25px; text-align: left;} .mypage_bn_list li a .bn_tlt {font-size: 18px; display: block; margin-bottom: 10px; font-weight: 300; } .mypage_bn_list li a .bn_text {font-size: 12px; line-height: 1.2em;} #conarea .sati_area{width:1170px;height:52px;background:#fafafa;border:1px solid #b9b9b9;margin-top:79px;padding:15px 0 0 28px;z-index:99;position:relative} #conarea .sati_area ul li.left{float:left;padding-top:10px} #conarea .sati_area ul li.right{float:left;margin-left:13px} #conarea .sati_area ul li.right input{width:400px;height:38px; line-height:36px;border:1px solid #aeaeae;font-size:15px;padding:0 16px} #conarea .sati_area ul li.right input[type="text"]{vertical-align:top} #conarea .sati_area ul li.right .btn_form{display:inline-block;background:#3f4a5c} #conarea .sati_area ul li.right .btn_form a{display:block;color:#fff;padding:7px 20px 11px 20px} #conarea .ini{height:45px;border-bottom:1px dashed #aeaeae;padding-bottom:20px} #conarea .ini li{float:left;width:200px;height:45px;background:#fff;font-size:20px;text-align:center;line-height:45px} #conarea .ini li a {display: block;} #conarea .ini li.on{background:#3f4a5c;font-weight:300} #conarea .ini li.on a{color:#fff} #conarea .ini li.left{float:left;width:199px;height:43px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;border-left:1px solid #cacaca} #conarea .ini li.right{float:left;width:199px;height:43px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca} #conarea .ini li p{font-size:20px;text-align:center;margin-top:10px} #conarea .explan{font-size:13px;color:#7e7e7e;height:88px;margin-top:12px;border:1px solid #bfbfbf;padding:25px 20px 25px 20px;letter-spacing:-0.5px;overflow:auto;} #conarea .list_top{height:36px} #conarea .list_top li.on{float:left;width:200px;height:36px;background:#ff6054;text-align:center} #conarea .list_top li p.on{font-size:15px;color:#fff;margin-top:7px} #conarea .list_top li p{font-size:15px;margin-top:7px} #conarea .list_top li.mid{float:left;width:198px;height:34px;border:1px solid #959595;text-align:center} #conarea .list_top li.left{float:left;width:199px;height:34px;border-top:1px solid #959595;border-bottom:1px solid #959595;border-left:1px solid #959595;text-align:center} #conarea .list_top li.right{float:left;width:199px;height:34px;border-top:1px solid #959595;border-bottom:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_mid{height:36px} #conarea .list_mid li.on{float:left;width:200px;height:36px;background:#ff6054;text-align:center} #conarea .list_mid li p.on{font-size:15px;color:#fff;margin-top:7px} #conarea .list_mid li p{font-size:15px;margin-top:7px} #conarea .list_mid li.mid{float:left;width:198px;height:35px;border-bottom:1px solid #959595;border-left:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_mid li.left{float:left;width:199px;height:35px;border-bottom:1px solid #959595;border-left:1px solid #959595;text-align:center} #conarea .list_mid li.right{float:left;width:199px;height:35px;border-bottom:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_low{height:36px} #conarea .list_low li.on{float:left;width:200px;height:36px;background:#ff6054;text-align:center} #conarea .list_low li p.on{font-size:15px;color:#fff;margin-top:7px} #conarea .list_low li p{font-size:15px;margin-top:7px} #conarea .list_low li.mid{float:left;width:198px;height:35px;border-left:1px solid #959595;border-bottom:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_low li.left{float:left;width:199px;height:35px;border-bottom:1px solid #959595;border-left:1px solid #959595;text-align:center} #conarea .list_low li.right{float:left;width:199px;height:35px;border-bottom:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_top_02{height:46px} #conarea .list_top_02 li{float:left;width:200px;height:46px;text-align:center;font-size:15px;line-height:46px} #conarea .list_top_02 li.on{background:#ff6054;} #conarea .list_top_02 li.on a{color:#fff;margin-top:11px} #conarea .list_top_02 li p{font-size:15px;margin-top:11px} #conarea .list_top_02 li.mid{float:left;width:198px;height:44px;border:1px solid #959595;text-align:center} #conarea .list_top_02 li.left{float:left;width:199px;height:44px;border-top:1px solid #959595;border-bottom:1px solid #959595;border-left:1px solid #959595;text-align:center} #conarea .list_top_02 li.right{float:left;width:199px;height:44px;border-top:1px solid #959595;border-bottom:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_mid_02{height:46px} #conarea .list_mid_02 li.on{float:left;width:200px;height:46px;background:#ff6054;text-align:center} #conarea .list_mid_02 li p.on{font-size:15px;color:#fff;margin-top:11px} #conarea .list_mid_02 li p{font-size:15px;margin-top:11px;} #conarea .list_mid_02 li.mid{float:left;width:198px;height:45px;border-bottom:1px solid #959595;border-left:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_mid_02 li.left{float:left;width:199px;height:45px;border-bottom:1px solid #959595;border-left:1px solid #959595;text-align:center} #conarea .list_mid_02 li.right{float:left;width:199px;height:45px;border-bottom:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_low_02{height:46px} #conarea .list_low_02 li.on{float:left;width:200px;height:46px;background:#ff6054;text-align:center} #conarea .list_low_02 li p.on{font-size:15px;color:#fff;margin-top:11px} #conarea .list_low_02 li p{font-size:15px;margin-top:11px} #conarea .list_low_02 li.mid{float:left;width:198px;height:45px;border-left:1px solid #959595;border-bottom:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .list_low_02 li.left{float:left;width:199px;height:45px;border-bottom:1px solid #959595;border-left:1px solid #959595;text-align:center} #conarea .list_low_02 li.right{float:left;width:199px;height:45px;border-bottom:1px solid #959595;border-right:1px solid #959595;text-align:center} #conarea .expl{height:100px;border-top:1px dashed #aeaeae;padding-top:20px } #conarea .expl li.left{float:left; width: 100px; text-align: center;} #conarea .expl li.left img {display: inline-block; width: 100%;} #conarea .expl li.right{float:left; width:90%; } #conarea .expl li.right p {margin-left:15px} #conarea .expl li.right p.tit{color:#000;font-size:18px;margin-top:5px;font-weight:300} #conarea .expl li.right p.cont{color:#7f7f7f;font-size:13px;line-height:16px;margin-top:7px} #conarea .expl_02{height:140px} #conarea .expl_02 li.left{float:left; } #conarea .expl_02 li.right{float:left;margin-left:27px} #conarea .expl_02 li.right p.cont{color:#7f7f7f;font-size:13px;letter-spacing:-0.5px;font-weight:600;margin-top:10px} #conarea .expl_02 li.right span.point{color:#fa4e4c;font-size:14px;letter-spacing:-0.5px;font-weight:600} #conarea .expl_03{height:100px;border-top:1px dashed #aeaeae;padding-top:20px } #conarea .expl_03 li.left{float:left; width: 100px; text-align: center;} #conarea .expl_03 li.left img {display: inline-block; width: 100%;} #conarea .expl_03 li.right{float:left; width:90%; } #conarea .expl_03 li.right p {margin-left:15px} #conarea .expl_03 li.right p.tit{color:#000;font-size:18px;margin-top:5px;font-weight:300} #conarea .expl_03 li.right p.cont{color:#7f7f7f;font-size:13px;line-height:16px;margin-top:7px} #conarea .paper{height:113px;margin-top:32px} #conarea .paper li{float:left;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_paper.png') no-repeat 0 0;width:223px;height:93px;margin-right:64px;padding:20px 0 0 24px} #conarea .paper li.fin{margin-right:0} #conarea .paper li .tit{font-size:17px;color:#000;} #conarea .paper li .file{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/disk.png') no-repeat 0 5px;padding-left:20px} #conarea .paper li .file a{color:#5f5f5f;font-weight:600;text-decoration:underline} #conarea ul.tap{height:58px} #conarea ul.tap li.tap_on{float:left;width:600px;height:47px;background:#5c9ce6;text-align:center} #conarea ul.tap li.tap_on p{color:#fff;font-size:18px;margin-top:12px} #conarea ul.tap li.tap_left{float:left;width:599px;height:45px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;} #conarea ul.tap li.tap_left p{font-size:18px;margin-top:12px} #conarea ul.tap li.tap_right{float:left;width:599px;height:45px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;} #conarea ul.tap li.tap_right p{font-size:18px;margin-top:12px} #conarea ul.tap li div{text-align:center;margin-top:9px} #conarea ul.tap_02{height:58px} #conarea ul.tap_02 li.tap_on{float:left;width:400px;height:47px;background:#5c9ce6;text-align:center} #conarea ul.tap_02 li.tap_on p{color:#fff;font-size:20px;margin-top:12px} #conarea ul.tap_02 li.tap_left{float:left;width:399px;height:45px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;} #conarea ul.tap_02 li.tap_left p{font-size:20px;margin-top:12px} #conarea ul.tap_02 li.tap_right{float:left;width:399px;height:45px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;} #conarea ul.tap_02 li.tap_right p{font-size:20px;margin-top:12px} #conarea ul.tap_02 li div{text-align:center;margin-top:9px} #conarea ul.treat{overflow:hidden;margin-top:20px} #conarea ul.treat li{float:left;width:222px;height:150px;border:1px solid #ddd;padding:13px 12px 18px 12px;margin-right:69px} #conarea ul.treat li:last-child{margin-right:0} #conarea ul.treat li.fin{margin-right:0} #conarea ul.treat li p.tit{font-size:17px;font-weight:800;line-height:17px} #conarea ul.treat li p.cont{font-size:13px;line-height:135%;margin-top:10px} #conarea ul.treat li span.btn{display:inline-block;width:220px;height:35px;border:1px solid #75bac1;text-align:center;vertical-align:middle} #conarea ul.treat li span.btn a{display:inline-block;color:#75bac1;font-size:15px;padding-top:7px} #conarea ul.treat li span.btn2{display:inline-block;width:220px;height:35px;border:1px solid #75bac1;text-align:center;vertical-align:middle} #conarea ul.treat li span.btn2 a{display:inline-block;color:#75bac1;font-size:15px;padding-top:7px} #conarea ul.divis1{margin-top:5px;border-bottom:1px dashed #aeaeae;overflow:hidden;padding-bottom:20px;} #conarea ul.divis1 li{float:left;width:246px;height:113px;margin-right:72px;position:relative;} #conarea ul.divis1 li div{position:absolute;height:35px;background:#5e9ee8;opacity:0.9;;line-height:35px;width:100%} #conarea ul.divis1 li:last-child{margin-right:0} #conarea ul.divis1 li.fin{margin-right:0} #conarea ul.divis1 li div span.txt{float:left;color:#fff;font-size:16px;font-weight:600;margin-left:10px} #conarea ul.divis1 li div span.f_r{float:right;margin-right:10px;} #conarea ul.divis1 li div span input[type="checkbox"]{width:20px;height:20px;} /* 처분유형별 검색 */ #conarea .chb_tilte {text-align: center; font-size: 20px; margin-bottom: 35px; } #conarea ul.divis1{margin-top:5px;border-bottom:1px dashed #aeaeae;overflow:hidden;padding-bottom:20px;} .help_notice_box {margin-top:40px; border: 7px solid #f1f1f1; padding: 40px 0;} .help_notice_box p {text-align: center; font-size: 15px;} #conarea ul.divis_02{height:113px;} #conarea ul.divis_02 li{float:left;width:246px;height:113px;margin-right:72px} #conarea ul.divis_02 li.fin{margin-right:0} #conarea ul.divis_02 li div span.txt{color:#fff;font-size:18px} #conarea ul.divis_02 li div span.f_r{float:right} #conarea ul.divis_02 li div.fir{position:absolute;top:220px;left:0;width:218px;height:22px;background:#5e9ee8;padding:8px 10px 8px 18px;opacity:0.9} #conarea ul.divis_02 li div.sec{position:absolute;top:220px;left:318px;width:218px;height:22px;background:#5e9ee8;padding:8px 10px 8px 18px;opacity:0.9} #conarea ul.divis_02 li div.thr{position:absolute;top:220px;left:636px;width:218px;height:22px;background:#5e9ee8;padding:8px 10px 8px 18px;opacity:0.9} #conarea ul.divis_02 li div.lat{position:absolute;top:220px;left:954px;width:218px;height:22px;background:#5e9ee8;padding:8px 10px 8px 18px;opacity:0.9} #conarea ul.toon{height:137px;margin-top:15px} #conarea ul.toon li.imag{float:left;width:246px;height:137px;margin-right:18px} #conarea ul.toon li.mid{float:left;width:269px;height:137px;margin-right:104px} #conarea ul.toon li.fin{float:left;width:269px;height:137px} #conarea ul.toon li p.tit_b{font-size:17px;color:#589ae4;letter-spacing:-0.5px;} #conarea ul.toon li p.tit{font-size:17px;letter-spacing:-0.5px;} #conarea ul.toon li p.post{font-size:13px;color:#333333;line-height:140%;margin-top:20px} /* 웹툰 수정 */ #conarea ul.web_t{height:250px} #conarea ul.web_t li{float:left;width:33.333%; height:250px; text-align:center;} #conarea ul.web_t li div{height:200px; border:1px solid #e0e0e2; margin: 0 20px;} #conarea ul.web_t li p{font-size:16px; margin:10px 20px 0; font-weight:300;line-height:16px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; } #conarea div.tel_left{float:left; width:calc(50% - 15px)} #conarea div.tel_right{float:right; width:calc(50% - 15px)} #conarea_02{width:1200px;margin:35px auto 0 auto;position:relative;z-index:100;} #conarea_02 .sati_area{width:1170px;height:52px;background:#fafafa;border:1px solid #b9b9b9;margin-top:79px;padding:15px 0 0 28px;z-index:99;position:relative} #conarea_02 .sati_area ul li.left{float:left;padding-top:10px} #conarea_02 .sati_area ul li.right{float:left;margin-left:13px} #conarea_02 .sati_area ul li.right input{width:400px;height:38px; line-height:36px;border:1px solid #aeaeae;font-size:15px;padding:0 16px} #conarea_02 .sati_area ul li.right input[type="text"]{vertical-align:top} #conarea_02 .sati_area ul li.right .btn_form{display:inline-block;background:#3f4a5c} #conarea_02 .sati_area ul li.right .btn_form a{display:inline-block;color:#fff;padding:7px 20px 11px 20px} /*사이트맵*/ ul.maparea{overflow:hidden;} ul.maparea>li{float:left; margin-bottom:20px; width:16.5%; overflow: hidden;} ul.maparea>li.fin{margin-right:0;} ul.maparea>li div{background:#ddd;font-size:17px;font-weight:300; color:#424242; text-align:center;height:33px;line-height:33px; margin: 0 5px;} ul.maparea>li ul{padding: 15px; border:1px solid #ddd; margin: 0 5px;} ul.maparea>li ul li{width:100%;height:15px; margin-bottom: 20px;} ul.maparea>li ul li a {color: #666;} .help{font-size:16px;letter-spacing:-0.5px;margin-top:32px;} .mid_dash{border-top:1px dashed #aeaeae} .rolling_btn_01{float:right;margin-top:-28px} .rolling_btn_02{position:absolute;top:190px;right:0} /*행정심판법령 개별페이지*/ .guide_law {width: 100%;line-height: 20px;} .guide_law .title h5 {text-align: center;font-size: 18pt;font-weight: 300;margin-top: 20px;margin-bottom: 10px;} .guide_law .title p {text-align: center;padding: 10px;} .guide_law h5 {font-size: 13pt;font-weight: 300;padding-top: 20px; line-height:normal;} .guide_law h6 {color:#1871a6;padding-top: 20px;} .guide_law li {padding-left: 10px;} .guide_law .title1 {color:#1871a6 ;padding-top: 20px;padding-left: 20px;padding-bottom: 0;font-size: 10pt;} .guide_law .s2 {padding-left: 10px;} .guide_law3 h6 {color:#1871a6;padding-top: 20px; line-height:normal;} .guide_law3 {width: 100%;line-height: 20px;} .guide_law3 .title h5 {text-align: center;font-size: 18pt;font-weight: 300;margin-top: 20px;margin-bottom: 10px;} .guide_law3 .title p {text-align: center;padding: 10px;} .guide_law3 li {padding-left: 10px;} .paging{text-align:center; margin:20px 0 0 0;} .paging a,.paging strong{padding:0 10px;margin-right:3px; display:inline-block; height:24px; border:1px solid #dedede;vertical-align:top; text-align:center; color:#47536b;line-height:24px;} .paging strong {background:#f4f4f4; color:#47536b;} .paging .prev, .paging .prevEnd, .paging .next, .paging .nextEnd {border:none;padding:0;} .paging img {vertical-align:top; margin-right:3px;} /* 팝업*/ #waku768{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #waku768_main_01{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #waku768_index_01{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #waku768_sub_01{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #waku768_sub_02{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #waku768p{width:700px;margin-bottom:30px} .wtitlep{font-size:20px;color:#fff;line-height:30px;padding:10px;background:#5d5d5d;text-align:center} #waku360{width:300px;border:5px solid #5d5d5d;padding:15px 15px 20px 15px } #waku910{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_01{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_02{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_03{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_04{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_05{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_06{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_07{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_08{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_09{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_10{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_11{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_12{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_13{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_14{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_15{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_16{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_17{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_18{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_19{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku910_20{width:850px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:10000;background:#fff;} #waku650{width:590px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:1000;background:#fff;} #waku450{width:550px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:1000;background:#fff;} #waku750{width:750px;border:5px solid #5d5d5d;padding:25px;position:absolute;z-index:1000;background:#fff;} #process_01{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #process_02{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #process_03{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #process_04{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #process_05{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff;} #sub0403{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff; margin-top:-600px;margin-left:84px;} #sub0408{width:700px;border:5px solid #5d5d5d;padding:20px;position:absolute;z-index:1000;background:#fff; margin-top:-360px;margin-left:80px;} #sub0503{width: 85%;border:5px solid #5d5d5d;padding:15px;position:absolute;z-index: 10000;background:#fff} .wtitle{font-size:30px;color:#434343;line-height:30px} .wtitle360{font-size:25px;color:#434343;line-height:30px} .wtitle img{vertical-align:middle} ul.ptopbtn{float:right;margin:-30px 70px 0 0;overflow:hidden;} ul.ptopbtn li{float:left;} .closebtn{float:right;margin-top:-30px;overflow:hidden;} .closebtn_01{float:right;margin-top:-30px;overflow:hidden;} .closebtn_02{float:right;margin-top:-30px;overflow:hidden;} .closebtn_03{float:right;margin-top:-30px;overflow:hidden;} .closebtn_04{float:right;margin-top:-30px;overflow:hidden;} .closebtn_05{float:right;margin-top:-30px;overflow:hidden;} .closebtn_06{float:right;margin-top:-30px;overflow:hidden;} .closebtn_07{float:right;margin-top:-30px;overflow:hidden;} .closebtn_08{float:right;margin-top:-30px;overflow:hidden;} .closebtn_09{float:right;margin-top:-30px;overflow:hidden;} .closebtn_10{float:right;margin-top:-30px;overflow:hidden;} .closebtn_11{float:right;margin-top:-30px;overflow:hidden;} .closebtn_12{float:right;margin-top:-30px;overflow:hidden;} .closebtn_13{float:right;margin-top:-30px;overflow:hidden;} .closebtn_14{float:right;margin-top:-30px;overflow:hidden;} .closebtn_15{float:right;margin-top:-30px;overflow:hidden;} .closebtn_16{float:right;margin-top:-30px;overflow:hidden;} .closebtn_17{float:right;margin-top:-30px;overflow:hidden;} .closebtn_18{float:right;margin-top:-30px;overflow:hidden;} .closebtn_19{float:right;margin-top:-30px;overflow:hidden;} .closebtn_20{float:right;margin-top:-30px;overflow:hidden;} .wstitle{font-size:14px;color:#7f7f7f;line-height:14px;margin-top:10px;line-height:17px} .wstitlep{font-size:13px;color:#7f7f7f;line-height:14px;margin-top:10px;line-height:17px;border:1px solid #ddd;padding:10px; height:200px; overflow-y:scroll; } .wstitle360{font-size:12px;color:#7f7f7f;line-height:14px;margin-top:10px;line-height:17px} .bartitle{font-size:17px;color:#333333;line-height:18px;margin-top:10px;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bl_sub.png") 0 7px no-repeat ;padding-left:20px;margin-top:25px;;font-weight:300} .bartitlenayo{font-size:13px;color:#333333;margin-top:5px;line-height:120%} .bl_ten{background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bl_ten.png") 0 7px no-repeat ;padding-left:10px;margin-top:5px;font-size:14px;font-weight:300} /* 개인정보처리방침 */ .user_rull_tab { height:550px; position: relative; margin-top: 20px;} .user_rull_tab>li {position: absolute; left: 0; top:0; width: 100%; z-index: 2;} .user_rull_tab>li.on {z-index: 1;} .user_rull_tab>li.on a {background: #535353; color: #fff; border: 1px solid #535353;} .user_rull_tab>li.on p.wstitlep{display: block;} .user_rull_tab>li p.wstitlep {display: none; height:500px; margin-top: 43px; box-sizing:border-box;} .user_rull_tab>li a { position:absolute; top:0;left:0; display:block; width: 33.3%; font-size:14px; padding:10px 0; text-align: center; box-sizing:border-box; border: 1px solid #ddd; } .user_rull_tab>li:nth-child(1) a {border-right:0;} .user_rull_tab>li:nth-child(2) a {left: 33.3%;} .user_rull_tab>li:nth-child(3) a {left: 66.6%; width: 33.4%; border-left:0; } ul.numlist{overflow:hidden;} ul.numlist li{margin-bottom:10px} ul.numlist li.num01{background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/help/d_num01.png") 0 2px no-repeat ;padding-left:20px;} ul.numlist li.num02{background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/help/d_num02.png") 0 2px no-repeat ;padding-left:20px;} ul.numlist li.num03{background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/help/d_num03.png") 0 2px no-repeat ;padding-left:20px;} ul.numlist li img{vertical-align:middle;} .wakunai{overflow:hidden;margin-top:10px} .wakunai .wpic{float:left;width:244px;border:1px solid #e1e1e1;height:114px} .wakunai .wnai{float:right;width:940px;} .wakunai .wnaiPop{float:right;width:440px;} .wakunai .wnai h4{font-size:15px;color:#333333;line-height:18px;font-weight:300} .wakunai .wnai .naiyo1{text-align:justify;margin-top:5px;line-height:16px} .wakunai .wnai ul.btnline{margin-top:10px} .wakunai .wnai ul.btnline li{float:left;margin-right:10px;} .wakunai .wnai ul.btnline li.orange{background:#ff8b00} .wakunai .wnai ul.btnline li.gray{background:#535353} .wakunai .wnai ul.btnline li a{color:#fff; display: block;padding:3px 15px;} .wakunai .wnai_02{float:right;width:63%;} .wakunai .wnai_02Pop{float:right;width:60%;} .wakunai .wnai_02 h4{font-size:15px;color:#333333;line-height:18px;font-weight:300} .wakunai .wnai_02 .naiyo1{text-align:justify;margin-top:5px;line-height:16px} .wakunai .wnai_02 ul.btnline{margin-top:10px} .wakunai .wnai_02 ul.btnline li{float:left;margin-right:10px;} .wakunai .wnai_02 ul.btnline li.orange{background:#ff8b00} .wakunai .wnai_02 ul.btnline li.gray{background:#535353} .wakunai .wnai_02 ul.btnline li a{color:#fff; display: block;padding:3px 15px;} .wtitle_02{font-size:30px;color:#434343;line-height:30px;margin-top:50px} .wtitle_02 img{vertical-align:middle} .underclobtn{margin-top:30px;text-align:center;} .wakunai .wnaiPop h4{font-size:15px;color:#333333;line-height:18px;font-weight:300} .wakunai .wnaiPop .naiyo1{text-align:justify;margin-top:5px;line-height:16px} .wakunai .wnaiPop ul.btnline{margin-top:10px} .wakunai .wnaiPop ul.btnline li{float:left;margin-right:10px;} .wakunai .wnaiPop ul.btnline li.orange{background:#ff8b00} .wakunai .wnaiPop ul.btnline li.gray{background:#535353} .wakunai .wnaiPop ul.btnline li a{color:#fff; display: block;padding:3px 15px;} .underclobtn{margin-top:30px;text-align:center;} .underclobtn a{color:#fff;font-weight:300;font-size:17px;} .underclobtn a span.bbn {background:#535353;padding:10px 40px;} .underclobtn a span.bbn00 {background:#ff8b00;padding:10px 40px;} .has_head {padding:0 !important; overflow-y:hidden !important;} .has_head .layer_head {display:block !important; padding:20px; background:#fff; border-bottom:1px solid #ccc;} .has_head .layer_body {padding:20px; overflow-y:scroll;} /* 2016.02.02 휴대폰인증 팝업 전문보기 S*/ div.div_mobl_teldgram{width:100%} div.div_mobl_teldgram ul li label.mobl_teldgram01{font-size:14px;color:#7f7f7f;line-height:14px;margin-top:10px;line-height:17px;} div.div_mobl_teldgram ul li a.btn_mobl_teldgram01{margin-left:53px;padding:4px 10px 4px 10px;background:#3f4a5c;display:inline-block;} div.div_mobl_teldgram ul li a.btn_mobl_teldgram02{margin-left:115px;padding:4px 10px 4px 10px;background:#3f4a5c;display:inline-block;} div.div_mobl_teldgram ul li a.btn_mobl_teldgram03{margin-left:45px;padding:4px 10px 4px 10px;background:#3f4a5c;display:inline-block;} div.div_mobl_teldgram ul li a.btn_mobl_teldgram04{margin-left:131px;padding:4px 10px 4px 10px;background:#3f4a5c;display:inline-block;} div.div_mobl_teldgram ul li a span{font-size:14px;color:#fff;} .btn_form{display:inline-block;background:#535353} .btn_form a{display:inline-block;padding:8px 40px 10px;text-align:center;color:#fff;font-size:15px} .btn_form_02{display:inline-block;background:#ff8b00} .btn_form_02 a{display:inline-block;padding:8px 40px 10px;text-align:center;color:#fff;font-size:15px} .btn_form_03{display:inline-block;background:#535353} .btn_form_03 a{display:inline-block;padding:8px 40px 10px;text-align:center;color:#fff;font-size:15px} .btn_form_04{display:inline-block;background:#ff8b00} .btn_form_04 a{display:inline-block;padding:8px 40px 10px;text-align:center;color:#fff;font-size:15px} .btn_form_05{display:inline-block;background:#535353} .btn_form_05 a{display:inline-block;padding:2px 10px;text-align:center;color:#fff;font-size:13px} .btn_form_06{display:inline-block;background:#3f4a5c} .btn_form_06 a{display:inline-block;color:#fff;font-size:13px;padding:9px 25px 9px 25px} .btn_form_07{display:none} .btn_form_07 a{display:none} /* 2016.03.23 sph693 ~ sph693_Z 디자인 추가 S */ .btn_form_08{display:inline-block;background:#535353} .btn_form_08 a{display:inline-block;padding:5px 20px 7px;text-align:center;color:#fff;font-size:15px} /* 2016.03.23 sph693 ~ sph693_Z 디자인 추가 E */ .tablescroll{height:400px;overflow-y:scroll;border:1px solid #dadada; background:#f8f8f8} .tablescrollp{height:400px;overflow-y:scroll;border:1px solid #dadada;padding:10px; background:#f8f8f8; text-align:justify} /* 로그인 */ .loginarea{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:220px;position:relative} .loginarea ul.inputarea{position:absolute;top:36px;left:330px} .loginarea ul.inputarea li{margin-bottom:10px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bl_ten.png") 0 11px no-repeat;padding-left:15px} .loginarea ul.inputarea li span{font-weight:300} .loginarea ul.inputarea li span{width:120px;display:inline-block;font-size:16px} .loginarea ul.inputarea li input{width:200px;display:inline-block;border:1px solid #aeaeae;height:34px; line-height:32px;font-size:14px;padding-left:10px;line-height:34px;font-weight:300} .loginarea .btn01{position:absolute;top:36px;left:700px} .loginarea .btn01 .btn_login{background:#428fe9;height:127px;line-height:127px;width:100px;display:inline-block;text-align:center} .loginarea .btn01 .btn_login a{color:#fff;font-weight:300;font-size:16px} .loginarea .btn01 .btn_next{background:#f85050;height:127px;line-height:127px;width:100px;display:inline-block;text-align:center} .loginarea .btn01 .btn_next a{color:#fff;font-weight:300;font-size:16px} .loginarea .btn01 .btn_mem{background:#3f4a5c;height:82px;line-height:82px;width:105px;display:inline-block;text-align:center;margin-left:10px} .loginarea .btn01 .btn_mem a{color:#fff;font-weight:300;font-size:16px} .loginarea .btn02{position:absolute;top:150px;left:470px} .loginarea .btn02 .btn_find{background:#eeeeee;height:35px;line-height:35px;width:170px;display:inline-block;text-align:center} .loginarea .btn02 .btn_find a{color:#434343;font-weight:300;font-size:15px} .loginareanew{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:220px;position:relative} .loginareanew .logleft{position:absolute;width:470px;left:40px;border-right:1px solid #ddd;height:220px} .loginareanew .logleft ul{position:absolute;top:36px;left:10px} .loginareanew .logleft ul li{margin-bottom:10px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bl_ten.png") 0 11px no-repeat;padding-left:15px} .loginareanew .logleft ul li span{font-weight:300} .loginareanew .logleft ul li span{width:90px;display:inline-block;font-size:16px} .loginareanew .logleft ul li input{width:130px;display:inline-block;border:1px solid #aeaeae;height:34px; line-height:32px;font-size:14px;padding-left:10px;line-height:34px;font-weight:300} .loginareanew .logleft .btn01{position:absolute;top:56px;left:270px} .loginareanew .logleft .btn01 .btn_login{background:#428fe9;height:82px;line-height:82px;width:107px;display:inline-block;text-align:center} .loginareanew .logleft .btn01 .btn_login a{color:#fff;font-weight:300;font-size:16px} .loginareanew .logleft .btn22{position:absolute;top:160px;left:10px} h3.tt2{margin-top:18px;font-size:18px;font-weight:300} .loginareanew .logcenter{position:absolute;left:500px;width:350px;border-right:1px solid #ddd;height:220px} .loginareanew .logright{position:absolute;right:0px;width:350px;} .btn_findd1{background:#eeeeee;display:inline-block;text-align:center} .btn_findd1 a{color:#434343;height:35px;line-height:35px;font-weight:300;font-size:15px;padding:0 25px} .btn_findd{background:#eeeeee;height:35px;line-height:35px;width:160px;display:inline-block;text-align:center} .btn_findd a{color:#434343;font-weight:300;font-size:15px} .nowchd{background:#ff8b00;height:35px;line-height:35px;width:160px;display:inline-block;text-align:center} .nowchd a{color:#fff;font-weight:300;font-size:15px} .passch{border-top:1px solid #ddd;border-bottom:1px solid #ddd;;position:relative;padding:30px 0} .passch .passwaku{overflow:hidden;height:100px;width:540px;position:relative;margin:0 auto} .passch .passwaku .passfl{float:left;width:75px} .passch .passwaku .passfr{float:right;} .passch .passwaku .passfr h3{font-size:18px;font-weight:300} .passch .nowch{background:#ff8b00;height:35px;line-height:35px;width:170px;display:inline-block;text-align:center} .passch .nowch a{color:#fff;font-weight:300;font-size:15px} .passch .atoch{background:#eeeeee;height:35px;line-height:35px;width:170px;display:inline-block;text-align:center} .passch .atoch a{color:#434343;font-weight:300;font-size:15px} .findarea{border-bottom:1px dashed #acacac;height:220px;position:relative} .findarea ul.findinputarea{position:relative; margin-left: 25%; } .findarea ul.findinputarea li{margin-bottom:10px} .findarea ul.findinputarea li span{font-weight:300;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bl_ten.png") 0 8px no-repeat;padding-left:15px} .findarea ul.findinputarea li span{width:90px;display:inline-block;font-size:16px} .findarea ul.findinputarea li span.idarea{margin-left:90px} .findarea ul.findinputarea li input{display:inline-block;border:1px solid #aeaeae;height:34px;font-size:14px;padding-left:10px;line-height:34px;font-weight:300} .findarea ul.findinputarea li select{border:1px solid #afaeae;width:185px;height:35px;font-size:14px;padding-left:10px;color:#000;font-weight:300} .findarea ul.findinputarea li#smsLi select {width: 172px;} .findarea ul.findinputarea div.result{margin-left:90px} .findarea ul.findinputarea div.result span.find{font-size:20px;line-height:1.9em} .findarea .findcheck{position:relative; margin-left: 34%;} .findarea .findcheck span{font-weight:300;font-size:15px} .findarea .findcheck span.w01{width:170px;display:inline-block} .findarea .findcheck span.w02{width:210px;display:inline-block} .findarea .findalert {position: relative; margin-top: 5px; margin-left: 34%;} .findareapop{border-bottom:1px dashed #acacac;height:185px;position:relative} .findareapop ul.findinputarea{position:absolute;top:20px;left:50px} .findareapop ul.findinputarea li{margin-bottom:10px} .findareapop ul.findinputarea li span{font-weight:300;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bl_ten.png") 0 8px no-repeat;padding-left:15px} .findareapop ul.findinputarea li span{width:90px;display:inline-block;font-size:16px} .findareapop ul.findinputarea li input{display:inline-block;border:1px solid #aeaeae;height:34px;font-size:14px;padding-left:10px;line-height:34px;font-weight:300} .findareapop ul.findinputarea li select{border:1px solid #afaeae;width:185px;height:35px;font-size:14px;padding-left:10px;color:#000;font-weight:300} .findareapop .findcheck{position:absolute;top:120px;left:150px} .findareapop .findcheck span{font-weight:300;font-size:15px} .findareapop .findcheck span.w01{width:140px;display:inline-block} .findareapop .findcheck span.w02{width:210px;display:inline-block} .notearea{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:170px;position:relative;padding-bottom: 20px;} .notearea ul.noteareainput{padding:20px 0 0 20px;overflow:hidden} .notearea ul.noteareainput li{float:left;margin:0 20px 10px 0} .notearea ul.noteareainput li span{font-weight:300;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bl_ten.png") 0 8px no-repeat;padding-left:15px;width:120px;display:inline-block;font-size:16px} .notearea ul.noteareainput li input{display:inline-block;border:1px solid #aeaeae;height:34px;font-size:14px;padding-left:10px;line-height:34px;font-weight:300} .notearea ul.noteareainput li select{border:1px solid #afaeae;width:185px;height:36px;font-size:14px;padding-left:10px;color:#000;font-weight:300} .notearea .btn01 {text-align:center} .notearea .btn01 .btn_mem{background:#3f4a5c;height:40px;line-height:40px;width:200px;display:inline-block;text-align:center;margin-left:10px;text-align:center} .notearea .btn01 .btn_mem a{color:#fff;font-weight:300;font-size:16px} /* 회원가입 */ .mwake{overflow:hidden} .mwake li{float:left;margin-left:90px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/dot_se.png") 0 center no-repeat;padding-left:80px} .mwake li:first-child{background:none;margin-left:0px;} .all_agree_check_box {margin-top:20px; text-align: center; padding: 10px 0; background-color: #f7f7f7;} .all_agree_check_box label {font-weight: 300; font-size: 15px;} /* 2016.03.22 회원가입 분류(sph611) 디자인 변경 S */ .mwake li div.mwon{width:227px;height:43px;background:#1091ad;color:#fff;font-size:18px;line-height:43px;text-align:center} .mwake li div.mwon1{width:227px;height:43px;background:#1e3d60;color:#fff;font-size:18px;line-height:43px;text-align:center} .mwake li div.mwon2{width:227px;height:43px;background:#797c86;color:#fff;font-size:18px;line-height:43px;text-align:center} .mwake li p{width:225px; height:43px; line-height:43px; letter-spacing:-0.8px; background:#f8f8f8; border:1px solid #dadada;margin-bottom:5px; text-align:center; font-size:15px;color:#505050;} .mwake li p.v1{margin-top:20px} .mwake li p.v2{margin-top:5px} .mwake li p a{display:block} /* 2016.03.22 회원가입 분류(sph611) 디자인 변경 E */ /* 통합검색 */ .atoch01{background:#eeeeee;height:35px;line-height:35px;width:80px;display:inline-block;text-align:center;border:1px solid #ddd} .atoch01 a{display:block; color:#434343;font-weight:300;font-size:15px} .result{padding:20px;background:#cfecf0} .result ul.resultlist {overflow:hidden} .result ul.resultlist li{float:left;margin-right:50px} .result ul.resultlist li.on{background:#000;padding:2px 6px} .result ul.resultlist li.on a{color:#fff;font-weight:300} .inwake{overflow:hidden;} .inwake li{float:left;margin-left:95px;width:266px} .inwake li > div{text-align:center;margin-top:10px;} .inwake li > div > p{color:#fff;font-size:18px;line-height:240px} .inwake li > div.inwon{width:176px;height:176px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/won04.png") 0 0 no-repeat;position:relative;margin:0 auto} .inwake li > div.inwon1{width:176px;height:176px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/won05.png") 0 0 no-repeat;position:relative;margin:0 auto} .inwake li > div.inwon2{width:176px;height:176px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/won06.png") 0 0 no-repeat;position:relative;margin:0 auto} .inwake li > div.inwon3{width:176px;height:176px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/won07.png") 0 0 no-repeat;position:relative;margin:0 auto} .inwake li > div > span.bbtn{width:150px;height:35px;border:1px solid #969798;text-align:center;display:inline-block;line-height:35px} .inwake li > di > span.bbtn a{display:block;color:#000;font-size:16px;font-weight:300} .inwake2{overflow:hidden;} .inwake2 li{float:left;margin-left:240px;width:250px} .inwake2 li div{text-align:center;margin-top:10px;} .inwake2 li div p{color:#fff;font-size:18px;line-height:240px} .inwake2 li div.inwon2{width:176px;height:176px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/won06.png") 0 0 no-repeat;position:relative;margin:0 auto} .inwake2 li div.inwon3{width:176px;height:176px;background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/won07.png") 0 0 no-repeat;position:relative;margin:0 auto} .inwake2 li div span.bbtn{width:150px;height:35px;border:1px solid #969798;text-align:center;display:inline-block;line-height:35px} .inwake2 li div span.bbtn a{color:#000;font-size:16px;font-weight:300} .kan{background:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/kan.png") 0 0 no-repeat;padding-left:26px} .tableinbtn{padding:4px 10px 4px 10px;background:#3f4a5c} .tableinbtn span{display:inline-block;color:#fff} .tableinbtn02{background:#ff8b00; display: inline-block; width: 60px;} .tableinbtn02 a{display:block; color: #fff;} .tableinbtn.btn_bookmark_remove,.tableinbtn.btn_bookmark_dup {padding: 0; width: 60px; display: inline-block;} .tableinbtn.btn_bookmark_remove a,.tableinbtn.btn_bookmark_dup a {display:block; color: #fff; } ul.tablepage{float:right;overflow:hidden} ul.tablepage li{float:left;margin-right:5px} ul.tablepage li:last-child{margin:0} .tablelist th{border-left:1px solid #e2e2e2;color:#5d5d5d;text-align:center;font-weight:300;font-size:13px;background:#f8f8f8;border-top:1px solid #47536b;border-bottom:1px solid #e2e2e2;background:#f8f8f8;padding:8px 0} .tablelist th.tt{background:#47536b;color:#fff} .tablelist tr th:first-child, .tablelist tr td:first-child {border-left:none;} .tablelist tr th:last-child, .tablelist tr td:last-child {border-right:none;} .tablelist td.tal{text-align:left;padding:4px 0 4px 10px} .tablelist td.listleft{background:#f8f8f8;} .tablelist td a{color:#767676} .tablelist td {border-bottom:1px solid #dfdfdf;text-align:center;padding:7px 0px;border-left:1px solid #dfdfdf;font-size:13px} .tablelist td.last {border-bottom:2px solid #dfdfdf;} .tablelist td.ttar{text-align:right;padding-right:5px} .tablelist td img{vertical-align:middle;} .tablelist td .btnform{display:inline-block;background:#5d5d5d;color:#fff} .tablelist td .btnform a{display:inline-block;padding:2px 12px;text-align:center;color:#fff} .tablelist tr:hover{background:#f8f8f8;cursor:pointer} .tabletab td {height:40px;font-size:16px;text-align:center;} .tabletab td.on {background:#fe6054;color:#fff;border:none;} .tabletab td {border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;border-top:1px solid #b2b2b2;} .tabletab td.l12 {border-left:1px solid #b2b2b2;} .tabletab tr:last-child td {border-top:none;} .tabletab3{border:1px solid #b2b2b2;} .tabletab3 td {font-size:15px;text-align:center; padding: 8px 0;} .tabletab3 a {display:block;} .tabletab3 td.on {background:#fe6054;color:#fff;border:1px solid #fe6053;} .tabletab3 td.on a{background:#fe6054;color:#fff;border:1px solid #fe6053; text-decoration:underline} .tabletab3 td {border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;} .tabletab3 tr:last-child td {border-bottom:none;} .tabletab3 tr td:last-child {border-right:none;} .selectTab tbody tr td a {display: block;} .tabletab4{border:1px solid #b2b2b2;} .tabletab4 td {height:33px;font-size:15px;text-align:center;} .tabletab4 a {display: block;} .tabletab4 td.on {background:#fe6054;color:#fff;border:1px solid #fe6053;} .tabletab4 td.on a{background:#fe6054;color:#fff;border:1px solid #fe6053;} .tabletab4 td {border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;} .tabletab4 tr:last-child td {border-bottom:none;} .tabletab4 tr td:last-child {border-right:none;} .tablelistT {table-layout:fixed;border:1px solid #c7c7c7} .tablelistT th{text-align:center;font-weight:300;padding:8px 0;border-right:1px solid #fff} .tablelistT .t1{background:#898788;color:#fff;font-size:13px;} .tablelistT .t2{background:#a0d8ef;color:#fff;font-size:13px;} .tablelistT .t3{background:#7dc7e2;color:#fff;font-size:13px;} .tablelistT .t4{background:#68b8db;color:#fff;font-size:13px;} .tablelistT .t5{background:#77afd0;color:#fff;font-size:13px;} .tablelistT .t6{background:#6c97b6;color:#fff;font-size:13px;} .tablelistT tr th:last-child{border-right:none;} .tablelistT tr td:first-child{border-left:none;} .tablelistT td.tal{text-align:left;padding:4px 0 4px 10px} .tablelistT td {border-bottom:1px solid #c7c7c7;text-align:center;padding:7px 0px;border-left:1px solid #c7c7c7;font-size:13px;} .tablelistT tr:last-child td {border-bottom:none;} .tablelist1 th{border-left:1px solid #e5e5e5;text-align:center;font-weight:normal;font-size:13px;font-weight:300;background:#f8f8f8;border-top:1px solid #b2b2b2;border-bottom:1px solid #e5e5e5;padding:6px 0} .tablelist1 th img{vertical-align:middle;} .tablelist1 td span.tableinbtn a{color:#fff} .tablelist1 td span.tableinbtn02 a{color:#fff} .tablelist1 td.cols {border-bottom:1px solid #b2b2b2} .tablelist1 tr th:first-child, .tablelist1 tr td:first-child {border-left:none;} .tablelist1 tr th:last-child, .tablelist1 tr td:last-child {border-right:none;} .tablelist1 tr.b_g td {background:#f8f8f8} .tablelist1 td.tal{text-align:left;padding:4px 10px} .tablelist1 td.tal span {display: block;} .tablelist1 td.tal span.tlt_1 {} .tablelist1 td.tal span.tlt_2 {color:#5c9ce7} .tablelist1 td.tac{text-align:center} .tablelist1 td span.repl{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_repl.png') 0 0 no-repeat;padding-left:40px} .tablelist1 td.title{background:#f3f6fd;font-weight:300} .tablelist1 td.title2{background:#ffffcc;font-weight:300} .tablelist1 td a{color:#3d3d3d;} .tablelist1 td {border-bottom:1px solid #e5e5e5;text-align:center;padding:6px;border-left:1px solid #dfdfdf;font-size:13px} .tablelist1 td.shin {padding:10px;} .tablelist1 td.last {border-bottom:1px solid #b2b2b2;} .tablelist1 td img{vertical-align:middle;} .tablelist1 td .detail{display:inline-block;background:#5b9ae7;font-size:11px;padding:1px 10px;color:#fff} .tablelist1 td .imfor{display:inline-block;background:#ff6054;padding:2px 12px;color:#fff} .tablelist1 td .btnform{display:inline-block;background:#5d5d5d;color:#fff} .tablelist1 td .btnform a{display:inline-block;padding:2px 12px;text-align:center;color:#fff} .tableRegister{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} .tableRegister .search_columns_contents {padding-top: 10px;} .tableRegister th{background:#f8f8f8;color:#454545;padding:6px 0 ;border-bottom:1px solid #e5e5e5;font-size:13px;font-weight:300;} .tableRegister tr th:first-child, .tableRegister tr td:first-child {border-left:none;} .tableRegister tr th:last-child, .tableRegister tr td:last-child {border-right:none;} .tableRegister td {border-bottom:1px solid #e5e5e5;text-align:left;padding:6px 4px 6px 10px;color:#585858;font-size:13px;} .tableRegister td.tit_al {padding:6px 4px;text-align:left;} .tableRegister td span.use{font-weight:300;color:#ff5c53} .tableRegister td input{border:1px solid #dddddd;padding:4px;font-size:13px; box-sizing:border-box;} .tableRegister td input.disable{border:1px solid #dddddd;padding:4px;font-size:13px;background:#f6f6f6} .tableRegister td input[type="radio"]{border:none;} .tableRegister td span.btncal{padding:4px 4px 6px 6px;background:#f5f5f5;border:1px solid #e5e5e5} .tableRegister td img{vertical-align:middle} .tableRegister td select{border:1px solid #dddddd;padding:4px;font-size:13px} .tableRegister td input[type="file"]{border:none;background:none} .tableRegister td span.radioo{width:85px;display:inline-block;} .tableRegister td span.bboo{font-weight:300;color:#428fe8;line-height:26px} .tableRegister td textarea{border:1px solid #dddddd;padding:10px;font-size:13px} .tableRegister tr:last-child td {border-bottom:none;} .tableRegister tr:last-child th {border-bottom:none;} .tableRegister p.post {float:left;margin-left:15px;font-weight:600;letter-spacing:-1px;line-height:150%} .tableRegister p.btn_01 {float:right;min-width:160px;background:#5dcdd9;text-align:center;margin:8px 30px 0 0} .tableRegister p.btn_01 a{display:block; color:#fff;font-size:15px;padding:4px 10px 4px 10px;} .tableRegister p.btn_02 {float:right;min-width:160px;background:#ff8b00;text-align:center;margin:8px 30px 0 0} .tableRegister p.btn_02 a{display:block; color:#fff;font-size:15px; padding:4px 10px 4px 10px;} .tableRegister td span.tdbnt{display:inline-block;background:#3f4b5c;} .tableRegister td span.tdbnt a{display:block; color:#fff;padding:5px 12px 5px 12px;} .tableRegister p.post {margin:0 0 5px 5px;letter-spacing:-1px;line-height:130%} .tableRegister_3th { overflow: hidden;} .tableRegister_3th>.main_col_cont {padding: 14px 25px; background:#f8f8f8; border-bottom: 1px solid #b8b8b8;} .tableRegister_3th>.sub_col_cont {padding: 14px 25px; background:#f8f8f8; border-bottom: 1px solid #b8b8b8; overflow: hidden;} .tableRegister_3th th {color: #454545; padding:6px 0 ;font-size:13px;font-weight:300; width:65px;} .tableRegister_3th td {text-align:left;padding:6px 4px 6px 10px;color:#585858;font-size:13px; box-sizing:border-box;} .tableRegister_3th td span.use{font-weight:300;color:#ff5c53} .tableRegister_3th td input{padding:4px;font-size:13px; height:25px; line-height:23px; box-sizing:border-box;border:1px solid #ccc;} .tableRegister_3th td input.disable{padding:4px;font-size:13px;background:#f6f6f6} .tableRegister_3th td input[type="radio"]{border:none;} .tableRegister_3th td span.btncal{padding:4px 4px 6px 6px;background:#f5f5f5;} .tableRegister_3th td img{vertical-align:middle} .tableRegister_3th td select{padding:4px;font-size:13px;box-sizing:border-box;} .tableRegister_3th td input[type="file"]{border:none;background:none} .tableRegister_3th td span.radioo{width:85px;display:inline-block;} .tableRegister_3th td span.bboo{font-weight:300;color:#428fe8;line-height:26px} .tableRegister_3th td textarea{padding:10px;font-size:13px} .tableRegister1{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} .tableRegister1 th{color:#fff;text-align:center;background:#f5f5f5;color:#323232;padding:6px 0;border-bottom:1px solid #e5e5e5;font-size:13px;font-weight:300} .tableRegister1 tr th:first-child, .tableRegister tr td:first-child {border-left:none;} .tableRegister1 tr th:last-child, .tableRegister tr td:last-child {border-right:none;} .tableRegister1 td {border-bottom:1px solid #e5e5e5;text-align:left;padding:6px 4px 6px 10px;color:#585858;font-size:13px} .tableRegister1 td input{border:1px solid #afaeae;padding:4px;font-size:13px} .tableRegister1 td input.read_o{background:#f6f6f6;} .tableRegister1 td input.disable{border:1px solid #dddddd;padding:4px;font-size:13px;background:#f6f6f6} .tableRegister1 td span.btncal{padding:4px;background:#f5f5f5;border:1px solid #afaeae} .tableRegister1 td input[type="radio"]{border:none;} .tableRegister1 td select{border:1px solid #afaeae;padding:3px 4px;font-size:13px} .tableRegister1 td input[type="file"]{border:none;background:none} .tableRegister1 td span.radioo{width:100px;display:inline-block;} .tableRegister1 td textarea{border:1px solid #afaeae;padding:10px;font-size:13px} .tableRegister1 td img{vertical-align:middle} .tableRegister1 td.user{padding:25px 0 30px 0} .tableRegister1 td.user div.left{float:left;} .tableRegister1 td.user div.right{float:right;text-align:right} .tableRegister1 td span.tdbnt{padding:5px 12px 5px 12px;background:#3f4b5c;} .tableRegister1 td span.tdbnt a{color:#fff} .tableRegister1 .btnform{display:inline-block;background:#5d5d5d;color:#fff} .tableRegister1 .btnform a{display:inline-block;padding:4px 20px;text-align:center;color:#fff} .tableRegister1 p.post {float:left;margin-left:15px;letter-spacing:-1px;line-height:150%;} .tableRegister1 p.btn_01 {float:right;width:160px;padding:4px 10px 4px 10px;background:#5dcdd9;text-align:center;margin:8px 30px 0 0} .tableRegister1 p.btn_01 a{color:#fff;font-size:15px} .tableRegister1 p.btn_02 {float:right;width:160px;padding:4px 10px 4px 10px;background:#ff8b00;text-align:center;margin:8px 30px 0 0} .tableRegister1 p.btn_02 a{color:#fff;font-size:15px} .tableRegister2{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} .tableRegister2 th{color:#fff;background:#f5f5f5;color:#323232;text-align:center;padding:10px 0 ;border-bottom:1px solid #e5e5e5;font-size:14px} .tableRegister2 td{border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:left;padding:10px 4px 10px 10px;color:#585858;font-size:13px} .tableRegister2 tr th:last-child, .tableRegister2 tr td:last-child {border-right:none;} .tableRegister2 .btnform{display:inline-block;background:#336091;color:#fff} .tableRegister2 .btnform a{display:inline-block;padding:4px 7px;text-align:center;color:#fff} /* 2016.03.23 sph693 ~ sph693_Z 디자인 추가 S */ .tableRegister4{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} .tableRegister4 .tit_al {padding:6px 4px;text-align:left;} .tableRegister4 thead td { padding:7px; border-bottom:1px solid #1b7fb4; font-weight:300; background:#f0f0f0; text-align:center;} .tableRegister4 th{background:#f8f8f8;color:#454545;padding:6px 0 ;border-bottom:1px solid #e5e5e5;font-size:13px;font-weight:300;} .tatableRegister4r th:first-child, .tableRegister4 tr td:first-child {border-left:none;} .tatableRegister4r th:last-child, .ttableRegister4tr td:last-child {border-right:none;} .tableRegister4 th.bd_rgt {border-right:1px solid #eaeaea;} .tableRegister4 tbody th.bd_rgt {border-right:1px solid #eaeaea;} .tableRegister4 td {border-bottom:1px solid #e5e5e5;text-align:left;padding:6px 4px 6px 10px;color:#585858;font-size:13px;} .tableRegister4 td.tit_al {padding:6px 4px;text-align:left;} .tableRegister4 td.bd_rgt {border-right:1px solid #eaeaea;} .tableRegister4 tbody td.bd_rgt {border-right:1px solid #eaeaea;} .tableRegister4 td span.use{font-weight:300;color:#ff5c53} .tableRegister4 td input{border:1px solid #dddddd;padding:4px;font-size:13px} .tableRegister4 td input.disable{border:1px solid #dddddd;padding:4px;font-size:13px;background:#f6f6f6} .tableRegister4 td input[type="radio"]{border:none;} .tableRegister4 td span.btncal{padding:4px 4px 6px 6px;background:#f5f5f5;border:1px solid #e5e5e5} .tableRegister4 td img{vertical-align:middle} .tableRegister4 td select{border:1px solid #dddddd;padding:4px;font-size:13px} .tableRegister4 td input[type="file"]{border:none;background:none} .tableRegister4 td span.radioo{width:80px;display:inline-block;} .tableRegister4 td span.bboo{font-weight:300;color:#428fe8;line-height:26px} .tableRegister4 td textarea{border:1px solid #dddddd;padding:10px;font-size:13px} .tableRegister4 tr:last-child td {border-bottom:none;} .tableRegister4 tr:last-child th {border-bottom:none;} .tableRegister4 p.post {float:left;margin-left:15px;font-weight:600;letter-spacing:-1px;line-height:150%} .tableRegister4 p.btn_01 {float:right;width:160px;padding:4px 10px 4px 10px;background:#5dcdd9;text-align:center;margin:8px 30px 0 0} .tableRegister4 p.btn_01 a{color:#fff;font-size:15px} .tableRegister4 p.btn_02 {float:right;width:160px;padding:4px 10px 4px 10px;background:#ff8b00;text-align:center;margin:8px 30px 0 0} .tableRegister4 p.btn_02 a{color:#fff;font-size:15px} .tableRegister4 td span.tdbnt{display:inline-block;padding:5px 12px 5px 12px;background:#3f4b5c;} .tableRegister4 td span.tdbnt a{color:#fff} .tableRegister4 p.post {margin:0 0 5px 5px;letter-spacing:-1px;line-height:130%} #div_popfoot { clear:both; padding:0 20px;border-top:1px solid #bababa;} #div_popwrap { margin:0; position:relative;} #div_popwrap h1 { padding:13px; font-weight:300; font-size:1.2em; color:#fff; letter-spacing:-1px; line-height:150%; background:#909090 left bottom repeat-x;} #div_popcontainer h2 {padding:0 0 0 20px; line-height:150%; font-size:1em; letter-spacing:-1px; font-weight:300; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/bul_1st.gif) 0 2px no-repeat;} #div_popcontainer h2.tit_prt { padding:20px 20px 20px 20px; text-align:center; font-size:1.6em; background:none;} #div_popcontainer h2.tit_prt02 { padding:0px 20px 20px 20px; text-align:center; font-size:1.6em; background:none;} /* 2016.03.23 sph693 ~ sph693_Z 디자인 추가 E */ table.table_calendar {border-top:2px solid #355587;border-left:1px solid #cdd4de;border-right:1px solid #cdd4de;background:#fff;} table.table_calendar th {border-right:1px solid #cdd4de;color:#536d95;text-align:center;font-weight:normal;font-size:13px;background:#ecf3fb;height:30px;border-bottom:1px solid #cdd4de;} table.table_calendar th.sun {color:#f43030} table.table_calendar th.sat {color:#1480ef} table.table_calendar td {border-right:1px solid #cdd4de;border-bottom:1px solid #cdd4de;height:110px;padding:5px;vertical-align:top;text-align:left} table.table_calendar td.on {background:#e9f0f5} table.table_calendar td span {} table.table_calendar tr th:last-child {border-right:none;} table.table_calendar tr td:last-child {border-right:none;} table.table_calendar tr td:first-child {border-left:none;} /* 통합검색 추가 부분 S*/ .tableRegister3{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} .tableRegister3 th{background:#f8f8f8;color:#454545;padding:6px 0 ;border-bottom:1px solid #e5e5e5;font-size:13px;font-weight:300;} .tableRegister3 tr th:first-child, .tableRegister3 tr td:first-child {border-left:none;} .tableRegister3 tr th:last-child, .tableRegister3 tr td:last-child {border-right:none;} .tableRegister3 td {border-bottom:1px solid #e5e5e5;text-align:left;padding:6px 4px 6px 10px;color:#585858;font-size:13px;} .tableRegister3 td input{border:1px solid #dddddd;padding:4px;font-size:13px} .tableRegister3 td input[type="radio"]{border:none;} .tableRegister3 td img{vertical-align:middle} .tableRegister3 th img{vertical-align:middle} .tableRegister3 td select{border:1px solid #dddddd;padding:4px;font-size:13px} .tableRegister3 td input[type="file"]{border:none;background:none} .tableRegister3 td textarea{border:1px solid #dddddd;padding:10px;font-size:13px} .tableRegister3 tr:last-child td {border-bottom:none;} .tableRegister3 tr:last-child th {border-bottom:none;} /* 통합검색 추가 부분 E*/ .board-tableB0 {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigright_ok0.png') no-repeat 100% 0;vertical-align:middle} .board-tableB0 span {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigleft_ok0.png') no-repeat 0 0;} .board-tableB0 span a{display:inline-block;padding-top:6px;width:140px;text-align:center;color:#fff;font-size:15px} .board-tableB0 a span {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigleft_ok0.png') no-repeat 0 0;padding-top:6px;width:140px;text-align:center;color:#fff;font-size:15px} .board-tableB1 {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigright_ok.png') no-repeat 100% 0;vertical-align:middle} .board-tableB1 span {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigleft_ok.png') no-repeat 0 0;} .board-tableB1 span a{display:inline-block;padding-top:6px;width:140px;text-align:center;color:#fff;font-size:15px} .board-tableB1 a span {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigleft_ok.png') no-repeat 0 0;padding-top:6px;width:140px;text-align:center;color:#fff;font-size:15px} .board-tableB1 {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigright.png') no-repeat 100% 0;vertical-align:middle} .board-tableB1 span {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigleft.png') no-repeat 0 0;} .board-tableB1 span a{display:inline-block;padding-top:6px;width:140px;text-align:center;color:#767676;font-size:15px} .board-tableB {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigright_ok.png') no-repeat 100% 0;vertical-align:middle} .board-tableB span {display:inline-block;height:36px;background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/bg_bigleft_ok.png') no-repeat 0 0;} .board-tableB span a{display:inline-block;padding-top:6px;width:140px;text-align:center;color:#fff;font-size:15px} ul.okitab5{overflow:hidden;margin-top:20px} ul.okitab5 li{float:left;width:16%;text-align:center} ul.okitab5 li.on{background:#5c9ce7;line-height:45px;height:46px;color:#fff;font-size:19px} ul.okitab5 li.rright{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} ul.okitab5 li.rright1{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/m_arrow.png") left center no-repeat;} ul.okitab5 li.lleft{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:44px;font-size:17px} ul.okitab5_1{overflow:hidden;margin-top:20px} ul.okitab5_1 li{float:left;width:19.9%;text-align:center} ul.okitab5_1 li.on{background:#5c9ce7;line-height:45px;height:46px;color:#fff;font-size:19px} ul.okitab5_1 li.rright{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} ul.okitab5_1 li.rright1{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px;background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/m_arrow.png") left center no-repeat;} ul.okitab5_1 li.lleft{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;line-height:44px;font-size:17px} ul.okitab5_1 li.lleft1{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;line-height:44px;font-size:17px} /* 공시송달 */ .tableBox {overflow: hidden; width: 100%;} .tableBox .ui-jqgrid-hbox {border: none !important;} /*위원회선택*/ .tableRegister td .sel_comm { height:80px; padding:2px 5px; overflow-y:scroll; overflow-x:hidden; border:1px solid #eaeaea;} .tableRegister td .sel_comm li { float:left; padding:1px 0; width:45%;} /* Search */ #div_container { position:relative; width:970px; margin:0 auto 0;} .div_search { clear:left; height:35px; padding:10px 0 0 11px; border-bottom:1px solid #d6d6d6;} .div_search > fieldset { float:left;} .schbox > img { margin:6px 6px 0 0; float:left;} .schbox input[type=text] { float:left; width:207px; height:22px; padding:0 0 0 5px; border:1px solid #c7c7c7; line-height:20px;} .div_search > .popkyeword { float:left; padding:5px 0 0 10px; color:#47758d; font-size:0.95em; } .div_search > .popkyeword h4 { display:inline; font-weight:300; font-size:1em; } .div_search > .popkyeword a { color:#1871a6;} .div_search > .popkyeword a:hover { text-decoration:underline;} .plist{margin-top:20px;overflow:hidden} .plist li{float:left;width:25%} .plist li div{text-align:center} .plist li div.tttx{line-height:130%} /* attachfile add 2014.10.27*/ .attachfile_n {float:left;clear:both;line-height:90%!important} .attachfile_n em {font:normal 11px/140% 'dotum';letter-spacing:-0.05em} .attachfile_n .InnoComWrap {} .attachfile_n .button_box {width:auto;clear:both;margin:10px 0 0 0} .attachfile_n .button_box input[class^="btn_type"] {font-family:'dotum';letter-spacing:-0.05em;margin:0 0 2px 2px!important;padding:5px 5px 4px 20px!important;overflow:visible!important;background-color:#fff;border:1px solid #97b4cc} .attachfile_n .button_box input[class^="btn_type"].add {background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/images/common/ic_addfile.gif") 3px 2px no-repeat} .attachfile_n .button_box input[class^="btn_type"].delete {background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/images/common/ic_deletefile.gif") 3px 2px no-repeat} .attachfile_n .button_box input[class^="btn_type"].open {background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/images/common/ic_openfile.gif") 3px 2px no-repeat} .attachfile_n .button_box input[class^="btn_type"].selectdown {background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/images/common/ic_selectdown.gif") 3px 2px no-repeat} .attachfile_n .button_box input[class^="btn_type"].alldown {background: url("/National_Library/oe_/https://www.simpan.go.kr/nsph/images/common/ic_alldown.gif") 3px 4px no-repeat} /* 행정심판위원회 위원장 인사말씀, 프로필 2016.03.12 S */ div.left_pro{float:left;width:15%;text-align:center} div.right_pro{float:left;width:85%} .tablelist2{margin-top:80px} .tablelist2 th{border-left:1px solid #e5e5e5;text-align:center;font-weight:normal;font-size:13px;font-weight:300;background:#f8f8f8;border-top:1px solid #b2b2b2;border-bottom:1px solid #e5e5e5;padding:6px 0} .tablelist2 th img{vertical-align:middle;} .tablelist2 td span.tableinbtn a{color:#fff} .tablelist2 td.cols {border-bottom:1px solid #b2b2b2} .tablelist2 tr th:first-child, .tablelist2 tr td:first-child {border-left:none;} .tablelist2 tr th:last-child, .tablelist2 tr td:last-child {border-right:none;} .tablelist2 tr:hover{background:#f8f8f8;cursor:pointer} .tablelist2 tr.b_g td {background:#f8f8f8} .tablelist2 td.tal{text-align:left;padding:4px 10px} .tablelist2 td.tac{text-align:center} .tablelist2 td span.repl{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_repl.png') 0 0 no-repeat;padding-left:40px} .tablelist2 td.title{background:#f3f6fd;font-weight:300} .tablelist2 td.title2{background:#ffffcc;font-weight:300} .tablelist2 td a{color:#3d3d3d;} .tablelist2 td {border-bottom:1px solid #e5e5e5;text-align:center;padding:6px 0px;border-left:1px solid #dfdfdf;font-size:13px} .tablelist2 td.shin {padding:10px;} .tablelist2 td.last {border-bottom:1px solid #b2b2b2;} .tablelist2 td img{vertical-align:middle;} .tablelist2 td .detail{display:inline-block;background:#5b9ae7;font-size:11px;padding:1px 10px;color:#fff} .tablelist2 td .imfor{display:inline-block;background:#ff6054;padding:2px 12px;color:#fff} .tablelist2 td .btnform{display:inline-block;background:#5d5d5d;color:#fff} .tablelist2 td .btnform a{display:inline-block;padding:2px 12px;text-align:center;color:#fff} .tablelist3 th{border-left:1px solid #e5e5e5;text-align:center;font-weight:normal;font-size:13px;font-weight:300;background:#f8f8f8;border-top:1px solid #b2b2b2;border-bottom:1px solid #e5e5e5;padding:6px 0} .tablelist3 th img{vertical-align:middle;} .tablelist3 td span.tableinbtn a{color:#fff} .tablelist3 td.cols {border-bottom:1px solid #b2b2b2} .tablelist3 tr th:first-child, .tablelist3 tr td:first-child {border-left:none;} .tablelist3 tr th:last-child, .tablelist3 tr td:last-child {border-right:none;} .tablelist3 tr:hover{background:#f8f8f8;cursor:pointer} .tablelist3 tr.b_g td {background:#f8f8f8} .tablelist3 td.tal{text-align:left;padding:4px 10px} .tablelist3 td.tac{text-align:center} .tablelist3 td span.repl{background:url('/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg/bg_repl.png') 0 0 no-repeat;padding-left:40px} .tablelist3 td.title{background:#f3f6fd;font-weight:300} .tablelist3 td.title2{background:#ffffcc;font-weight:300} .tablelist3 td a{color:#3d3d3d;} .tablelist3 td {border-bottom:1px solid #e5e5e5;text-align:center;padding:6px 0px;border-left:1px solid #dfdfdf;font-size:13px} .tablelist3 td.shin {padding:10px;} .tablelist3 td.last {border-bottom:1px solid #b2b2b2;} .tablelist3 td img{vertical-align:middle;} .tablelist3 td .detail{display:inline-block;background:#5b9ae7;font-size:11px;padding:1px 10px;color:#fff} .tablelist3 td .imfor{display:inline-block;background:#ff6054;padding:2px 12px;color:#fff} .tablelist3 td .btnform{display:inline-block;background:#5d5d5d;color:#fff} .tablelist3 td .btnform a{display:inline-block;padding:2px 12px;text-align:center;color:#fff} /* 행정심판위원회 위원장 인사말씀, 프로필 2016.03.12 E */ .search-form {overflow:hidden; border:none;} .search-columns {width:570px; overflow: hidden;} .search-form .main_col_cont {overflow: hidden;} .search-form .column-left {float:left;} .search-form .column-right {float:right;} .search_columns_contents main_col {overflow: hidden; margin-bottom: 15px;} .search_columns_title {background:#5f5f5f; height:40px; line-height:40px; margin:15px 0 0;} .search_columns_title a {display:block; position:relative; padding-left:15px; color:#fff; font-size:17px; font-weight:300;} .search_columns_title a:after {content:''; position:absolute; top:50%; right:15px; width:14px; height:8px; margin-top:-4px; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/arrow.png) no-repeat 0 100%;} .search_columns_title a.on:after {background-position:0 0;} .search-column-head {position:relative; margin-bottom:10px;} .search-column-head h3 {font-size:20px; font-weight:300; color:#003964;} .search-column-head .toggle-form {position:absolute; top:0; right:0;} .search-form th {text-align:left;} .search-form .scrollbox {overflow-y:scroll;} .search-form .scrollbox li {float:left; width:50%;} .search-form select {height:25px;} .search-form input[type=checkbox] {border:1px solid #ddd; background:#fff;} .search-form label {display:inline-block;} .search-form .button {padding:5px 10px; background:#222; color:#fff;} .search-form .suggest {float:right; position:relative; font-size:11px; width:90px; padding-left:22px; line-height:1.5;} .search-form .suggest input {position:absolute; top:50%; left:0; margin-top:-7px;} /* 위원회 서브페이지 */ .main_container .cmt_home {margin-top: 35px; margin-bottom: 50px;} .main_container .cmt_home .list_home {overflow:hidden} .main_container .cmt_home .list_home li {width: 30%; float: left; margin-right: 5%; } .main_container .cmt_home .list_home li:last-child {margin-right: 0;} .main_container .cmt_home .list_home li span {display: block; overflow: hidden; height:125px; border:1px solid #aaa;} .main_container .cmt_home .list_home li span img {width: 100%; height: 100%; object-fit: cover } .main_container .cmt_home .list_home li strong {display:block; margin-top:20px; font-size:20px; color:#333; line-height: 20px; } .main_container .cmt_home .list_home li strong a img {padding: 3px 2px 2px 10px;} .main_container .cmt_home .list_home li p {margin-top:10px;line-height:20px} .main_container .cmt_home .list_home li p a {display:inline-block;height:20px;padding:0 3px;vertical-align:middle;line-height:20px} /* 위원회(center) 위원장인사말 */ .center_boss_img {float: right; padding: 0 0 20px 20px; margin-top: 20px;} /* 온라인행정심판 청구 */ .sc_navi_area_wrap {overflow: hidden; margin-top: 30px; margin-bottom: 30px;} .sc_navi_area_wrap .sc_navi_area {overflow: hidden;} .sc_navi_area_wrap .sc_navi_area li {border-bottom: 3px solid #e9edf2;float: left;width:33.3333%;position: relative;color: #999;} .sc_navi_area_wrap .sc_navi_area li h3 {color:#9098a3; font-weight: 300; font-size: 20px; line-height: 20px; margin-bottom: 5px; overflow:hidden} .sc_navi_area_wrap .sc_navi_area li h3 i{font-size:22px; margin-top:-4px; vertical-align:middle} .sc_navi_area_wrap .sc_navi_area li.on {border-bottom: 3px solid #3585de;} .sc_navi_area_wrap .sc_navi_area li.on h3 {color: #3585de;} .sc_navi_area_wrap .sc_navi_area li div {padding: 10px 0 10px 50px;;} .sc_navi_area_wrap .sc_navi_area li>span {position: absolute; left: 10px; top: 10px; width: 30px; height: 40px; margin-left: 0; text-align: center; font-size: 40px; background-repeat: no-repeat; background-position: center;} .sc_navi_area_wrap .sc_navi_area li>span.tlt_big_number_1 {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_num_1.png);} .sc_navi_area_wrap .sc_navi_area li>span.tlt_big_number_2 {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_num_2.png);} .sc_navi_area_wrap .sc_navi_area li>span.tlt_big_number_3 {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_num_3.png);} .sc_navi_area_wrap .sc_navi_area li.on>span.tlt_big_number_1 {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_num_1_on.png);} .sc_navi_area_wrap .sc_navi_area li.on>span.tlt_big_number_2 {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_num_2_on.png);} .sc_navi_area_wrap .sc_navi_area li.on>span.tlt_big_number_3 {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_num_3_on.png);} .sc_word_area {margin-bottom: 10px;} .sc_word_area h3 {font-size: 20px; margin-bottom: 5px; font-weight: 300;} .sc_word_area p.sc_blue_txt {margin-top:5px; color:#3585de; } .sc_word_area p a {margin-left: 10px; color:#3585de;} .sc_word_area ul li {} .sc_word_area ul li.sc_blue_txt {color:#0070c0; font-weight:300;} .sc_search_wrap {margin-top:30px; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;} .sc_search_wrap dl {overflow: hidden; position: relative;} .sc_search_wrap dl dt {position:absolute; left:0;width: 180px;height:100%;text-align: center;font-weight: 300;background: #f8f8f8;} .sc_search_wrap dl dt span {display:inline-block; margin-top: 15px;} .sc_search_wrap dl dd {display:block; padding: 15px 15px 15px 200px; font-size: 15px; text-align: center;} .sc_search_wrap dl dd span.load_idx {float: left; margin-right: 15px; font-size: 13px; } .sc_search_wrap dl dd span.sc_blue_txt {color:#3585de; font-weight: 300; } .sc_search_wrap dl.sc_first_condition {border-bottom: 1px solid #e5e5e5;} .sc_search_wrap dl.sc_first_condition dd span {display: block;} .sc_search_wrap dl dd .sc_search_btn {overflow:hidden; } .sc_search_wrap dl dd .sc_search_btn a {display:inline-block; background: #3f4a5c; color: #fff; padding: 0 10px; font-size: 13px;} .sc_table_title {padding:10px 15px; background:#5f5f5f; color: #fff; font-size: 17px; font-weight: 300; margin-bottom: 10px; } .sc_popup_title {font-size: 25px; color: #424242; margin-bottom: 20px; font-weight: 300; } #claimListView {border: 5px solid #333; padding: 30px 15px;} .sc_info_sort {overflow:hidden; text-align:center; margin-top:25px;} .sc_info_sort ul {display:inline-block;} .sc_info_sort ul:after{content:''; display:block; clear:both} .sc_info_sort ul li{position:relative; float:left; margin:0 15px} .sc_info_sort .sort_radio{display:inline-block; position:relative; width:120px; height:120px; vertical-align:middle; border-radius:50%} .sc_info_sort .sort_radio input[type="radio"]{position:absolute; top:0; left:0; width:120px; height:120px; margin:0} .sc_info_sort .sort_radio .hero{display:block; position:absolute; top:0; left:0; width:120px; height:120px; margin:0; padding:0; cursor:pointer} .sc_info_sort .sort_radio.general .hero{background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_general.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.general input[type='radio']:checked + .hero {background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_general_on.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.corporation .hero{background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_corporation.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.corporation input[type='radio']:checked + .hero {background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_corporation_on.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.corporation_hi .hero{background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_corporation_hi.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.corporation_hi input[type='radio']:checked + .hero {background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_corporation_hi_on.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.groupy .hero{background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_groupy.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.groupy input[type='radio']:checked + .hero {background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_groupy_on.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.mlttd .hero{background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_mlttd.png) no-repeat 50% 50%} .sc_info_sort .sort_radio.mlttd input[type='radio']:checked + .hero {background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_sort_mlttd_on.png) no-repeat 50% 50%} .process_box {padding:0 50px;background:#f8f8f8;border-top:1px solid #dedede;border-bottom:1px solid #dedede; color:#666;} .process_box .process_info {padding:15px; border-bottom:1px solid #dedede;} .process_box .process_info h3 {overflow:hidden; margin-bottom:3px; font-size:13px; color:#2d2d2d; font-weight:300;} .process_box .process_info h3 a {display:none; float:right; color:#6292ce; font-size:11px; font-weight:normal; padding-right:10px; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/btn_arrow_down.png) no-repeat 100% 50%;} .process_box .process_info ol {overflow:hidden; margin:20px auto; list-style:none;} .process_box .process_info ol li {position:relative; box-sizing:border-box; margin-left:-25px; float:left; width:236px; height:70px; background-repeat:no-repeat; color:#fff; font-size:18px; font-weight:300; text-align:center; line-height:70px; background-position:100% 0; background-size:100% 100%;} .process_box .process_info ol li:nth-child(1) {background-image:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg_process_arrow01.png); z-index:5;} .process_box .process_info ol li:nth-child(2) {background-image:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg_process_arrow02.png); z-index:4;} .process_box .process_info ol li:nth-child(3) {background-image:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg_process_arrow03.png); z-index:3;} .process_box .process_info ol li:nth-child(4) {background-image:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg_process_arrow04.png); z-index:2;} .process_box .process_info ol li:nth-child(5) {background-image:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg_process_arrow05.png); z-index:1;} .process_box .process_info ol li div {display:inline-block; text-align:left;} .process_box .process_info ol li span {display:inline-block; padding:3px 10px; margin-right:5px; text-transform:uppercase; border:2px solid #fff; border-radius:10px; font-size:11px; line-height:1; vertical-align:middle;} .process_box .process_info ul li {padding-left:7px; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_dot.png) no-repeat 0 9px;} .process_box .sort_box {position:relative; padding:30px 105px 20px 15px;} .process_box .sort_box ul {overflow:hidden;} .process_box .sort_box li {position:relative; height:30px; padding-left:110px; float:left; box-sizing:border-box; padding-right:35px; margin-bottom:10px;} .process_box .sort_box input, .process_box .sort_box select {box-sizing:border-box; height:30px; line-height:28px; padding-left:5px;} .process_box .sort_box .col_left, .process_box .sort_box .col_right {box-sizing:border-box; display:block; float:left;} .process_box .sort_box .col_left {position:absolute; top:0; left:0; width:110px; padding-right:10px; padding-left:7px; font-weight:300; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/ico_dot.png) no-repeat 0 14px;;} .process_box .sort_box .col_left label {display:inline-block; padding-top:4px;} .process_box .sort_box .col_left select {width:100%;} .process_box .sort_box .col_right {width:100%;} .process_box .sort_box .col_right input, .process_box .sort_box .col_right select {width:130px;} .process_box .sort_box .gutter {display:inline-block; width:10px; text-align:center;} .process_box .sort_box .confirm_search {display:block; position:absolute; top:30px; right:15px; width:90px; height:70px; line-height:70px; background:#3e485d; font-weight:300; color:#fff; text-align:center;} .section_title {background:#5f5f5f; height:40px; line-height:40px; margin:30px 0 15px;} .section_title a {display:block; position:relative; padding-left:15px; color:#fff; font-size:17px; font-weight:300;} .section_title a:after {content:''; position:absolute; top:50%; right:15px; width:14px; height:8px; margin-top:-4px; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/arrow.png) no-repeat 0 100%;} .section_title a.on:after {background-position:0 0;} .selectTabType2 ul {border:1px solid #b2b2b2; border-bottom:3px solid #5c9ce7;} .selectTabType2 ul:after {content:''; display:table; clear:both;} .selectTabType2 li {float:left; box-sizing:border-box; width:171px; height:40px; border-right:1px solid #b2b2b2;} .selectTabType2 li:last-child {width:172px; border-right:none;} .selectTabType2 li a {display:block; width:100%; height:100%; line-height:40px; color:#424242; text-align:center; font-weight:300;} .selectTabType2 li.on a {position:relative; top:-1px; left:-1px; padding-right:2px; padding-bottom:1px; background:#5c9ce7; border-color:#5c9ce7; color:#fff;} .process_visual {overflow:hidden; border:1px solid #eaecef; border-bottom:none; font-size:13px;} .process_visual .process_head {height:50px; background:#b5b9c0;} .process_visual .process_head ol {overflow:hidden; list-style:none;} .process_visual .process_head li {position:relative; float:left; height:50px; line-height:50px; color:#fff; text-align:center; border-right:1px solid #aaafb8; font-weight:300;} .process_visual .process_head li.doing {background:#4b61aa;} .process_visual .process_head li:nth-child(1), .process_visual .process_section:nth-child(1) {width:134px;} .process_visual .process_head li:nth-child(2), .process_visual .process_section:nth-child(2) {width:134px;} .process_visual .process_head li:nth-child(3), .process_visual .process_section:nth-child(3) {width:310px;} .process_visual .process_head li:nth-child(4), .process_visual .process_section:nth-child(4) {width:375px;} .process_visual .process_head li:nth-child(5), .process_visual .process_section:nth-child(5) {width:150px;} .process_visual .process_head li:nth-child(6), .process_visual .process_section:nth-child(6) {width:90px; border-right:none;} .process_visual .process_head li:nth-child(1) {background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg_process_head.png) no-repeat;} .process_visual .process_head .subject {position:absolute; bottom:10px; left:15px; line-height:1;} .process_visual .process_head .process {position:absolute; top:10px; right:15px; line-height:1;} .process_visual .process_body {overflow:hidden; background:#fafafa;} .process_visual .process_section {position:relative; float:left; border-right:1px solid #eaecef;} .process_visual .subject_group li, .process_visual .section_segment {height:140px; border-bottom:1px solid #eaecef; text-align:center;} .process_visual .subject_group {background:#f0f0f0;} .process_visual .subject_group li img {margin-top:12px;} .process_visual .subject_group li span {display:block; color:#222; margin-top:5px; font-weight:300;} .process_visual .section_segment {position:relative; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg_process_line01_01.png) repeat-x 0 50%; color:#555; font-weight:300; line-height:1.4;} .process_visual .process_section:last-child .section_segment {background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/bg_process_line02_01.png) no-repeat 100% 50%;} .process_visual .section_segment .tag {position:absolute; top:50%; display:inline-block; box-sizing:border-box; min-width:60px; padding:10px 8px; background:#fff; border:1px solid #eaecef; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .process_visual .section_segment .tag.done {background:#9ea6b1; color:#fff;} .process_visual .section_segment .tag.doing {background:#ffa443; color:#fff;} .process_visual .process_section:nth-child(2) .section_segment:nth-child(1) .tag:nth-child(1) {left:10px;} .process_visual .process_section:nth-child(2) .section_segment:nth-child(2) .tag:nth-child(1) {left:55px;} .process_visual .process_section:nth-child(2) .section_segment:nth-child(3) .tag:nth-child(1) {left:55px;} .process_visual .process_section:nth-child(3) .section_segment:nth-child(1) .tag:nth-child(1) {left:170px;} .process_visual .process_section:nth-child(3) .section_segment:nth-child(2) .tag:nth-child(1) {left:100px;} .process_visual .process_section:nth-child(3) .section_segment:nth-child(3) .tag:nth-child(1) {left:10px;} .process_visual .process_section:nth-child(3) .section_segment:nth-child(3) .tag:nth-child(2) {left:100px;} .process_visual .process_section:nth-child(3) .section_segment:nth-child(3) .tag:nth-child(3) {left:170px;} .process_visual .process_section:nth-child(4) .section_segment:nth-child(1) .tag:nth-child(1) {left:110px;} .process_visual .process_section:nth-child(4) .section_segment:nth-child(2) .tag:nth-child(1) {left:110px;} .process_visual .process_section:nth-child(4) .section_segment:nth-child(3) .tag:nth-child(1) {left:10px;} .process_visual .process_section:nth-child(4) .section_segment:nth-child(3) .tag:nth-child(2) {left:110px;} .process_visual .process_section:nth-child(4) .section_segment:nth-child(3) .tag:nth-child(3) {left:205px;} .process_visual .process_section:nth-child(4) .section_segment:nth-child(3) .tag:nth-child(4) {left:305px;} .process_visual .process_section:nth-child(5) .section_segment:nth-child(1) .tag:nth-child(1) {left:80px;} .process_visual .process_section:nth-child(5) .section_segment:nth-child(3) .tag:nth-child(1) {left:10px;} .process_visual .process_section:nth-child(5) .section_segment:nth-child(3) .tag:nth-child(2) {left:80px;} .process_visual .process_section:nth-child(6) .section_segment:nth-child(2) .tag:nth-child(1) {left:5px;} .process_visual .section_segment .tag.unbox {background:none; border:none; padding:0;} .process_visual .section_segment .tag .aid {position:absolute; top:5px; right:-70px; padding-left:15px; color:#222; text-align:left; line-height:1.2;} .process_visual .section_segment .tag .aid i {position:absolute; top:0; left:0;} .tag_notes {margin-top:10px;} .tag_notes li {display:inline-block; margin-right:20px;} .tag_notes li:before {content:''; display:inline-block; box-sizing:border-box; width:16px; height:16px; margin-right:5px; vertical-align:middle;} .tag_notes .done:before {background:#9ea6b1;} .tag_notes .do:before {background:#fff; border:1px solid #e0e3e8;} .tag_notes .doing:before {background:#4b61aa;} /* 가상체험존 */ .exp_imagin_Zone {position: relative;} .exp_imagin_Zone h3 {font-size: 30px; font-weight: 300; margin:70px 0 20px !important; line-height: 1em; } .header_visual {background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/header_bg.png) no-repeat; background-position: center; height: 178px; text-align: center; } .header_visual .visual_inner {display: inline-block; width: 100%; color: #fff; margin-top: 54px; } .header_visual .visual_inner h2 {font-size: 24px; color: #fff; margin-bottom: 12px;} .header_visual .visual_inner p {line-height: 20px;} .header_visual .visual_inner p span {display: block;} .exp_sub_menu_wrap {text-align: center;} .exp_sub_menu {overflow: hidden; display: inline-block;} .exp_sub_menu li {float: left; width: 160px; height: auto; margin-right: 48px; } .exp_sub_menu li:last-child {margin-right: 0;} .exp_sub_menu li a{ display: block; text-align: center;} .exp_sub_menu li a span.bn_icon { display: block; height: 160px; background-repeat: no-repeat; background-position: center; background-size:100% 100%; position: relative; margin-bottom: 5px; } .exp_sub_menu li a span.bn_tlt { font-size: 16px; color:#666; font-weight: 300;} .exp_sub_menu li:first-child a span.bn_icon {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_navigation_01.png);} .exp_sub_menu li.second_bn a span.bn_icon {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_navigation_02.png);} .exp_sub_menu li:last-child a span.bn_icon {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_navigation_03.png);} .exp_sub_menu li.on:first-child a span.bn_icon {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_navigation_01_on.png);} .exp_sub_menu li.on.second_bn a span.bn_icon {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_navigation_02_on.png);} .exp_sub_menu li.on:last-child a span.bn_icon {background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_navigation_03_on.png);} .content_box .first_content {overflow: hidden; padding: 60px 0 40px 0; margin-bottom: 5px; text-align: center; } .content_box .first_content h3 {font-size: 28px; margin-bottom: 20px; font-weight: 300;} .content_box .first_content h3 span {color:#5c9ce7;} .content_box .first_content>div {display: inline-block;} .content_box .first_content p {line-height: 20px; float: left; text-align: left;} .content_box .first_content p.play_btn {display:inline-block; width: 180px; margin-top: 15px; margin-left: 10px; } .content_box .first_content p.play_btn a { color: #fff; display: block; height: 100%; text-align: center; padding: 10px 0; background: #545454;} .content_box .first_content p.play_btn a span { display: inline-block; line-height: 20px; padding-right: 25px; background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/icon_play_small.png); background-repeat:no-repeat; background-position:right center; background-size: 4px 7px;} .content_box>h3 {font-size: 20px; margin: 40px 0 20px 0;} .process_tab_wrap {overflow: hidden; background-color: #f1f3f5; text-align: center; padding: 60px 65px;} .process_tab_wrap h3 {font-size: 30px; font-weight:300; text-align: left; } .process_content {overflow: hidden; margin-top: 54px; } .process_content .process_video_wrap {display:inline-block; width:880px; height: auto; position: relative;} .process_content .process_video_wrap video {width: 100%;} .process_content .process_video_caption {display:inline-block; width: 880px; text-align: left; } .process_content .process_video_caption>div { height: 130px; padding:10px; overflow-y: scroll; background-color: #fff; } .process_content .process_video_caption>div h4 {font-weight: 300;} .process_content dl {overflow: hidden; margin-top: 40px;} .process_content dl dt {display: inline-block; width: 50%; font-size: 20px; float: left;} .process_content dl dd {display: inline-block; width: 50%; font-size: 14px; line-height:20px;} .process_content .process_link_btn {overflow:hidden; margin-top:20px; height:130px; } .process_content .process_link_btn a {display: inline-block; width:880px; height:100%; background-image:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/banner_pc_2.jpg); background-size:contain; background-repeat: no-repeat; } .process_box_wrap .process_content { border: 1px solid #c7c7c7;} .process_box_wrap .process_content .first_content h3 {margin-bottom: 10px !important;} .sc_navigation_icon {overflow: hidden; display: inline-block; } .sc_navigation_icon li {float: left; width: 120px; height: 120px; margin: 0 15px; position: relative;} .sc_navigation_icon li:after {content: ""; width: 13px; height: 20px; background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_navi_arrow.png) no-repeat center; position: absolute; right: -22px; top: 40%} .sc_navigation_icon li:last-child {overflow: hidden;} .sc_navigation_icon li a {display: block; height: 100%; overflow: hidden; position: relative; border-radius: 50%; background: #fff; letter-spacing: -1px;} .sc_navigation_icon li a span.top_area {position: absolute; top: 0; left:0px; width: 100%; line-height: 31px; background: #b8c7d6; color: #fff; } .sc_navigation_icon li a span.top_area span {display: inline-block; margin-top: 3px;} .sc_navigation_icon li a span.sc_tlt {position: absolute; top: 34px; left: 0; width: 100%; height: 86px; } .sc_navigation_icon li a span.sc_tlt span {display: inline-block; margin-top: 25%; line-height: 1.3em; color: #666; font-size: 16px;} .sc_navigation_icon li:nth-child(1) a span.sc_tlt span {margin-top: 25%;} .sc_navigation_icon li:nth-child(2) a span.sc_tlt span {margin-top: 15%;} .sc_navigation_icon li:nth-child(3) a span.sc_tlt span {margin-top: 15%;} .sc_navigation_icon li:nth-child(4) a span.sc_tlt span {margin-top: 15%;} .sc_navigation_icon li:nth-child(5) a span.sc_tlt span {margin-top: 15%;} .sc_navigation_icon li:nth-child(6) a span.sc_tlt span {margin-top: 15%;} .sc_navigation_icon li:nth-child(7) a span.sc_tlt span {margin-top: 15%;} .sc_navigation_icon li.on a {background:#599de4; color: #fff; } .sc_navigation_icon li.on a span.top_area {background:#3e7dbe; } .sc_navigation_icon li.on a span.sc_tlt span {color: #fff;} .video_pager {position: absolute; top: 40%; left: 0; width: 100%;} .video_pager ul li{width: 34px; height: 84px; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/alpha_bg_30.png) repeat;} .video_pager ul li.prev_video{float: left;} .video_pager ul li.next_video{float: right;} .video_pager ul li a{display: block; height: 100%; background-repeat: no-repeat; background-size: 50%; background-position: 50%;} .video_pager ul li.prev_video a{background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_video_arrow.png); } .video_pager ul li.next_video a{background-image: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_video_arrow_r.png);} .connection_contants { margin-top: 60px; overflow: hidden; padding-bottom: 50px;} .connection_contants ul li {width: 390px; margin-right: 10px; margin-bottom: 15px; float: left;background: #5c9ce7; } .connection_contants ul li:last-child {margin-right: 0;} .connection_contants ul li a { display: block; color: #fff; min-height: 130px; padding-left: 33%; } .connection_contants ul li a .sc_text_wrap {position: relative; display: inline-block;text-align: left; margin-top: 35px;} .connection_contants ul li:last-child a .connection_tlt {padding-top: 5px;} .connection_contants ul li a .sc_text_wrap:after {content: ""; display: inline-block; width:73px; height: 73px; } .connection_contants ul li.search_bn a .sc_text_wrap:after {position: absolute; top: -5px; left: -90px; background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_connection_banner01.png) no-repeat center;} .connection_contants ul li.word_exp_bn a .sc_text_wrap:after {position: absolute; top: -5px; left: -90px; background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_connection_banner02.png) no-repeat center;} .connection_contants ul li.chunggu_search_bn a .sc_text_wrap:after {position: absolute; top: -5px; left: -90px; background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sc_connection_banner03.png) no-repeat center;} .connection_contants ul li a .connection_tlt {font-size: 18px; font-weight: 300; display: inline-block; margin-bottom: 10px;} .connection_contants ul li a p { font-size: 12px; line-height: 1.3em; } .connection_contants ul li a p span {display: block;} /* 지식서비스 - 이용자시나리오 */ .select_wrap {padding: 0 30px 40px 30px; background: #f8f8f8; border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;} .gender_select_area {text-align: center; overflow: hidden; margin-bottom: 15px; margin: 15px;} .gender_select_area li {display: inline-block; width: 110px; height: 110px; border-radius: 50%; border: 1px solid #c9d8eb; background: #d9e6f6; text-align: center; } .gender_select_area li:first-child {margin-right: 15px;} .gender_select_area li label {position: relative; display: block; height: 100%;} .gender_select_area li label input[type="checkbox"] {width:17px; height:17px; background-color: #fff; border: 1px solid #d2d9e2;} .gender_select_area li label span {position: absolute; bottom: 10px; width: 100%; left: 0; font-size: 18px; color: #656d76;} .gender_select_area li.on {background: #5c9ce7; border: 1px solid #5c9ce7;} .gender_select_area li.on label span {color: #fff;} .gender_select_area li:first-child label {background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/gender_men.png) no-repeat center 15px;} .gender_select_area li:last-child label {background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/gender_women.png) no-repeat center 15px;} .age_select_area {overflow:hidden; margin: 15px 0;} .age_select_area li { float: left; font-size: 18px; width: 14.28%; text-align: center; } .age_select_area li label {position: relative; display: block; padding: 25px 0; overflow: hidden;} .age_select_area li.on div {background: #5c9ce7;} .age_select_area li.on div label span {color: #fff;} .age_select_area li div { margin: 0 5px; border: 1px solid #c9d8eb; background: #d9e6f6; color: #656d76; } .age_select_area li div label input[type="checkbox"] {width:17px; height:17px; background-color: #fff; border: 1px solid #d2d9e2;} .sort_select_area {overflow:hidden; margin: 15px 0;} .sort_select_area li { float: left; font-size: 18px; width: 25%; text-align: center; } .sort_select_area li div { margin: 0 5px; border: 1px solid #c9d8eb; background: #d9e6f6; color: #656d76; } .sort_select_area li label {position: relative; display: block;padding: 25px 0; } .sort_select_area li div label input[type="checkbox"] {width:17px; height:17px; background-color: #fff; border: 1px solid #d2d9e2;} .sort_select_area li.on div {background: #5c9ce7;} .sort_select_area li.on div label span {color: #fff;} .sinario_btn {display: block !important; text-align: center; margin: 30px 0 50px;} .sinario_btn span { width: 150px; text-align: center;} .sinario_btn span.sinario_btn_01 {display: inline-block; background:#3f4a5c; } .sinario_btn span.sinario_btn_02 {display: inline-block; background:#ff8b00; } .sinario_btn span a {padding: 0; margin: 0; display: block; padding: 10px 0; color: #fff;} .fail_result {display: none; border: 7px solid #f1f1f1; text-align: center; padding: 25px 0; font-size: 20px; font-weight: 300;} .fail_result span {color: #5c9ce7;} .succes_result{display: block; text-align: center; margin:50px 0 30px; font-size: 20px; font-weight: 300;} .succes_result span {color: #5c9ce7;} #sinario_succes_result {display: none; overflow: hidden; margin: 15px 0;} #sinario_succes_result ul {display: none;} #sinario_succes_result ul li {position: relative; width: 33.33%; float: left;} #sinario_succes_result ul li div {height:100px; margin: 0 10px; border: 7px solid #f1f1f1; text-align: center; padding: 50px 0; font-size: 18px;} #sinario_succes_result ul li div span {display: inline-block; width: 60%;} #sinario_succes_result ul li:after {content: "1위"; background: url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/sinario_winner.png) no-repeat center; width: 60px; height: 83px; position: absolute; top: -20px; left: 25px; color: #fff; font-size: 20px; text-align: center; padding-top: 40px;} #sinario_succes_result ul li:first-child+li:after {content: "2위"; } #sinario_succes_result ul li:first-child+li+li:after {content: "3위"; } #sinario_detail_area { border:1px solid #ddd; padding:15px; overflow: hidden; margin-top: 50px;} #detail_view_area textarea { box-sizing:border-box; width: 100%; height: 300px; overflow-x:hidden; overflow-y:scroll; } #header .header_inner {width:980px;height:158px;margin:0 auto;background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/@temp_header.png) no-repeat 0 0} #footer .footer_inner {width:980px;height:152px;margin:0 auto;background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/@temp_footer.png) no-repeat 0 0} @media all and (max-width:900px){ .select_wrap {padding: 10px 10px;} .age_select_area li {width: 33.33%; margin-bottom: 10px;} .sort_select_area li{width: 50%; margin-bottom: 10px;} #sinario_succes_result ul li {width: 100%; margin-bottom: 10px;} #sinario_succes_result ul li div {height: auto;} .sinario_btn {display: block !important; text-align: center; margin: 30px 0 30px 0;} } @media all and (max-width:700px){ .age_select_area li {font-size: 13px;} #sinario_succes_result ul li div {font-size: 15px; } .succes_result {font-size: 15px; margin: 30px 0 30px;} .fail_result {font-size: 15px;} .sort_select_area li {font-size: 15px;} .gender_select_area li label span {font-size: 15px;} } @media all and (max-width:400px){ #sinario_succes_result ul li div {padding: 90px 0 20px; } #sinario_succes_result ul li:after {width: 100%; left:0;} } /* 나의 e-book 2017.02.01 */ .my_ebook_list {overflow: hidden; margin-top: 25px;} .my_ebook_list ul li { float: left; width:25%; text-align: center; margin-bottom: 20px; } .my_ebook_list ul li>a {} .my_ebook_list ul li>a>div {position: relative; display: inline-block; } .my_ebook_list ul li>a>div>img {width: 100%;} .my_ebook_list ul li>a>div>p.ebook_tlt { position: absolute; top: 10%; left: -5px; text-align: center; font-size: 30px; color: #fff; height: auto; line-height: 1.3em; padding-top: 2%; float: left; } .my_ebook_list ul li>a>div>p.ebook_tlt span { padding: 0 30px; box-sizing:border-box; display: inline-block; letter-spacing: -1px; } .my_ebook_list ul li>a>div>p.ebook_date { position: absolute; top: 55%; left: 0; width: 100%; text-align: center; } .my_ebook_list ul li>a>div>p.ebook_date span { font-size: 14px;color: #fff;} @media all and (max-width:1025px){ .my_ebook_list ul li {width: 33.3%} .my_ebook_list ul li>a>div>p.ebook_tlt{ font-size: 24px;} } @media all and (max-width:600px){ .my_ebook_list ul li {width: 50%} .my_ebook_list ul li>a>div>p.ebook_tlt{ font-size: 5vw;} } /* 행정심판 대상 css 변경 2017.01.25 */ .content_body {margin-top: 20px;} .content_body .list_subject {overflow:hidden; text-align:center; padding-bottom:15px; line-height:1.2} .content_body .list_subject li {display:inline-block; position:relative; width:180px; margin:10px 5px 0; padding-top:185px; text-align:center; font-weight:400; letter-spacing:-0.2px; vertical-align:top; } .content_body .list_subject li:after {position:absolute; top:0; left:50%; width:180px; height:180px; margin-left:-85px; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/s0202.png) 0 0 no-repeat; content:''} .content_body .list_subject li.subject1:after {background-position:0 0} .content_body .list_subject li.subject2:after {background-position:-200px 0} .content_body .list_subject li.subject3:after {background-position:-400px 0} .content_body .list_subject li.subject4:after {background-position:-600px 0} .content_body .list_subject li.subject5:after {background-position:-800px 0} .content_body .list_subject li.subject6:after {background-position:-1000px 0} .content_body .list_con li {position:relative; margin-top:10px; padding-left:12px} .content_body .list_con li:after {position:absolute; top:10px; left:0; width:2px; height:2px; background:#555; content:''} @media screen and (max-width:640px) { .content_body .list_subject li {width:90px; padding-top:95px; margin:10px 5px 0} .content_body .list_subject li:after {width:90px; height:90px; margin-left:-42px; background:url(/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/img/s0202.png) 0 0 no-repeat; background-size:auto 90px; content:''} .content_body .list_subject li.subject1:after {background-position:0 0} .content_body .list_subject li.subject2:after {background-position:-100px 0} .content_body .list_subject li.subject3:after {background-position:-200px 0} .content_body .list_subject li.subject4:after {background-position:-300px 0} .content_body .list_subject li.subject5:after {background-position:-400px 0} .content_body .list_subject li.subject6:after {background-position:-500px 0} } .tableStyle02.traffic_table {margin-top: 15px; } /* mguide */ .mguide{display:none; position:relative; line-height:150%; color:#7f7f7f; font-size:13px; font-weight:normal; letter-spacing:-0.2px} .mguide.bul{padding-left:10px} .mguide.bul:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#909090} .mguide i{margin-top:-2px; font-size:18px; vertical-align:middle} .mguide.error, .mguide.idea{padding-left:18px} .mguide:before{position:absolute; left:0; top:0; font-family:'xeicon'; font-size:18px; vertical-align:middle} .mguide.error:before{content:"\e9ab"} .mguide.idea:before{content:"\e9bf"} /* video_caption */ .video_caption{position:relative; height:145px; padding:18px; padding-top:15px; margin-top:10px; background:#f2f2f2; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch} .video_caption .caption_tit{display:block; margin-bottom:8px; font-size:15px; letter-spacing:-0.2px; color:#303030; font-weight:300; line-height:155%} .video_caption p{font-size:12px; letter-spacing:-0.2px; color:#505050; font-weight:normal; line-height:155%} /* spstate_info */ .spstateinfo_layer{display:none; position:absolute; left:50%; top:250px; width:700px; padding:20px; border:5px solid #5d5d5d; background:#fff; z-index:1000; transform:translate(-50%, 0);} .spstateinfo_layer:before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:1} .spstateinfo_layer.active{display:block} /* ---------- tab ---------- */ /* tab_ty1 */ .tab_ty1{position:relative; margin-bottom:25px} .tab_ty1 ul{overflow:hidden} .tab_ty1 ul li{float:left; width:20%} .tab_ty1 ul li .tab_box{position:relative; text-align:center; border:1px solid #ebebeb; box-sizing:border-box; margin-left:-1px; margin-top:-1px} .tab_ty1 ul li:first-child .tab_box{margin-left:0} .tab_ty1 ul li.active .tab_box{border:1px solid #5c9ce7; border-bottom:1px solid #5c9ce7; background:#5c9ce7; z-index:1} .tab_ty1 .tab_box a{display:block; height:46px; padding-top:13px; line-height:135%; font-family:gmk; font-size:18px; font-weight:600; color:#303030; letter-spacing:-0.8px; box-sizing:border-box} .tab_ty1 .tab_box a span{display:inline-block; position:relative} .tab_ty1 ul li.active .tab_box a{color:#fff} .tab_ty1 ul li.active .tab_box a span{padding-right:25px} .tab_ty1 ul li.active .tab_box a span:after{content:"\e942"; position:absolute; right:0; top:-1px; font-family:xeicon; font-size:24px; font-weight:normal; color:#fff} .tab_ty1 ul.col2 li {width:50%} .tab_ty1 ul.col3 li{width:33.3333%} .tab_ty1 ul.col4 li{width:25%} .tab_ty1 ul.col5 li{width:20%} .tab_ty1 ul.col6 li {width:16.66666%} .tab_ty1 ul.col7 li {width:14.28571%} .tab_ty1 ul.col2 li:nth-child(3) .tab_box, .tab_ty1 ul.col2 li:nth-child(5) .tab_box{margin-left:0} .tab_ty1 ul.col2 li:nth-child(-n+2) .tab_box{margin-top:0} .tab_ty1 ul.col3 li:nth-child(4) .tab_box, .tab_ty1 ul.col3 li:nth-child(7) .tab_box{margin-left:0} .tab_ty1 ul.col3 li:nth-child(-n+3) .tab_box{margin-top:0} .tab_ty1 ul.col4 li:nth-child(5) .tab_box, .tab_ty1 ul.col4 li:nth-child(9) .tab_box{margin-left:0} .tab_ty1 ul.col4 li:nth-child(-n+4) .tab_box{margin-top:0} .tab_ty1 ul.col5 li:nth-child(6) .tab_box, .tab_ty1 ul.col5 li:nth-child(11) .tab_box{margin-left:0} .tab_ty1 ul.col5 li:nth-child(-n+5) .tab_box{margin-top:0} .tab_ty1 ul.col6 li:nth-child(7) .tab_box, .tab_ty1 ul.col6 li:nth-child(13) .tab_box{margin-left:0} .tab_ty1 ul.col6 li:nth-child(-n+6) .tab_box{margin-top:0} .tab_ty1 ul.col7 li:nth-child(8) .tab_box, .tab_ty1 ul.col7 li:nth-child(15) .tab_box{margin-left:0} .tab_ty1 ul.col7 li:nth-child(-n+7) .tab_box{margin-top:0} /* info_box */ .info_box01{padding:15px 20px; border:1px solid #bab9b9; background:#fafafa} .infobox_dashed{padding:10px; border:1px dashed #808080} /* tab_controll */ .tab_cont .tab_inner{display:none} .tab_cont .tab_inner.active{display:block} /* ---------- thumlist ---------- */ /* thumlist_ty1 */ .thumlist_ty1{position:relative; margin-top:-1px; border-top:1px solid #dadada} .thumlist_ty1 .thumlist:after{content:''; display:block; clear:both} .thumlist_ty1 .thumlist > li{padding:50px 0; border-bottom:1px solid #dadada} .thumlist_ty1 .thumlist_box{display:block; position:relative; min-height:148px; padding-right:15px; box-sizing:border-box} .thumlist_ty1 .thum_group{position:relative; padding-left:225px} .thumlist_ty1 .thum_area{position:absolute; top:0; left:0} .thumlist_ty1 .thum_area .thum{display:block; width:220px; height:148px; background:#f8f8f8; object-fit:cover; box-sizing:border-box} .thumlist_ty1 .tit_area{position:relative; padding-top:15px; padding-left:30px; box-sizing:border-box} .thumlist_ty1 .tit_area .tit, .thumlist_ty1 .tit_area .cont{display:block; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical} .thumlist_ty1 .tit_area .tit{max-height:46px; margin-bottom:10px; color:#303030; font-size:16px; line-height:145%; letter-spacing:-1px; font-weight:300} .thumlist_ty1 .tit_area .tit .num{display:inline-block; position:relative; width:auto; height:22px; margin-left:5px; margin-top:-3px; padding:0 2px; color:#018de7; font-size:13px; letter-spacing:normal; font-weight:normal; vertical-align:middle; line-height:20px; border:1px solid #018de7; border-radius:2px; box-sizing:border-box} .thumlist_ty1 .tit_area .cont{max-height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal} .thumlist_ty1 .meta_area{position:relative; padding-top:8px; padding-left:30px; box-sizing:border-box} .thumlist_ty1 .meta_area:after{content:''; display:block; clear:both} .thumlist_ty1 .meta_area dt, .thumlist_ty1 .meta_area dd{float:left; color:#707070; font-weight:normal; font-size:13px; line-height:135%} .thumlist_ty1 .meta_area dt{margin-left:10px; padding:5px; border:1px solid #dadada; text-align:center} .thumlist_ty1 .meta_area dt:first-child{margin-left:0; letter-spacing:-0.8px} .thumlist_ty1 .meta_area dd{margin-left:8px; padding:6px 0; letter-spacing:-0.2px} .thumlist_ty1 .meta_area dd a{color:#4267a0} .ui-datepicker-trigger{margin-left:2px; vertical-align:middle} .sns_wrap{text-align:right} .sns_wrap .social_list {display:inline-block} .sns_wrap .social_list li {float:left; margin-left:3px} .sns_wrap .social_list li a{display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:50% 50%; border-radius:50%} .sns_wrap .social_list li a.sns_fb{background-color:#1877f2; background-image:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/sns_fb.png"); background-size:10px 17px} .sns_wrap .social_list li a.sns_bg{background-color:#5ab033; background-image:url("/National_Library/oe_/https://www.simpan.go.kr/nsph/nsphdocs/images/common/sns_nb.png"); background-size:29px 13px}