@charset "utf-8"; /*SubLayout*/ #snbbgbox { background:#007608;width:100%; margin-top: 110px;overflow: hidden;} #snbbgbox.subTop { margin-top: 110px;} #snb-wrap.container{ height:50px; width: 1200px;margin: 0 auto; } #snb.snb{position:absolute;top:0; color:#fff;z-index:110; overflow: hidden; } .snb-home{display:inline-block;float:left;height:50px;width:50px;text-align:center;} .snb-home > i{background:#007608;display:block;width:100%;height:100%;line-height:50px;font-size:20px;border-right:1px solid #6f9b27;border-left:1px solid #6f9b27;} .snb-menu{position:relative;float:left;min-width:300px;border-right:1px solid #6f9b27;background:#007608;transition:height .3s;-webkit-transition:height .3s;} .snb-menu dt{position:relative; } .snb-menu dt:before{position:absolute;top:18px;right:15px;font-family:'xeicon';content:'\e942';} .snb-menu dt.fold:before{content:'\e945'} .snb-menu dt > a{border-top:0;} .snb-menu dt > a:hover, .snb-menu dt > a:focus {background-color: #016608} .snb-menu dt a{display:block;padding-left:15px;line-height:50px;font-size:15px;font-weight:400; } .snb-menu dd {background-color: #f5f7f4;border-left:1px solid #6f9b27;} .snb-menu dd a{display:block;padding-left:15px;line-height:45px;font-size:15px;border-bottom:1px solid #b1b1b1;color: #333} .snb-menu3 {width:430px;} /*Tabmenu*/ .subMenu .dep4 {overflow:hidden; position:relative; z-index:20;margin-top: 30px} .subMenu .dep4 .selected {display:none;} .subMenu .dep4 .selected span {display:inline-block;color: #fff; padding-right:18px;width: 100%; background:url(../images/common/arr_dep4_m.png) no-repeat 95% 50%; -webkit-background-size:17px auto; background-size:17px auto; font-weight:300; font-size:16px; line-height:45px;} .subMenu .dep4 ul {overflow:hidden; padding:1px 0 0 1px;width: 100%} .subMenu .dep4:before, .subMenu .dep4:after, .subMenu .dep4 ul:before, .subMenu .dep4 ul:after {position:absolute; z-index:5; background-color:#d7d7d7; content:'';} .subMenu .dep4:before {top:0; right:0; left:0; height:1px;} /* TOP */ .subMenu .dep4:after {top:0; bottom:0; right:0; width:1px;} /* RIGHT */ .subMenu .dep4 ul:before {right:0; bottom:0; left:0; height:1px;} /* BOTTOM */ .subMenu .dep4 ul:after {top:0; bottom:0; left:0; width:1px;} /* LEFT */ .subMenu .dep4 ul li {float:left; position:relative; z-index:2; width:25%; height:42px; margin-top:-1px; } .subMenu .dep4 ul li:before, .subMenu .dep4 ul li:after, .subMenu .dep4 ul li a:before, .subMenu .dep4 ul li a:after {position:absolute; z-index:2; background-color:#e5e5e5; content:'';} .subMenu .dep4 ul li:before {top:0px; right:0; left:-1px; height:1px;} /* TOP */ .subMenu .dep4 ul li:after {top:0; right:0; bottom:0; width:1px;} /* RIGHT */ .subMenu .dep4 ul li a:before {right:0; bottom:0; left:-1px; height:1px;} /* BOTTOM */ .subMenu .dep4 ul li a:after {top:0; bottom:0; left:-1px; width:1px;} /* LEFT */ .subMenu .dep4 ul li a {display:block; position:relative; z-index:2; height:42px; padding:0 0px; color:#666; font-size:14px; line-height:38px;text-align: center} .subMenu .dep4 ul li a span { height:42px; vertical-align:middle;} .subMenu .dep4 ul li a:hover {color: #64950f} .subMenu .dep4 ul li.on {z-index:6;} .subMenu .dep4 ul li.on:before, .subMenu .dep4 ul li.on:after, .subMenu .dep4 ul li.on a:before, .subMenu .dep4 ul li.on a:after {background-color: #003964;} .subMenu .dep4 ul li.on:before {top:0px; right:0; left:-1px; height:2px;} /* TOP */ .subMenu .dep4 ul li.on:after {top:0; right:0; bottom:0; width:2px;} /* RIGHT */ .subMenu .dep4 ul li.on a:before {right:0; bottom:0; left:-1px; height:2px;} /* BOTTOM */ .subMenu .dep4 ul li.on a:after {top:0; bottom:0; left:-1px; width:2px;} /* LEFT */ .subMenu .dep4 ul li.on a {padding-right:0px; z-index:4; color:#fff; font-weight: 400;background:#0c2b5a; } .subMenu .dep4 ul li.width09 {float:left; width:9.09%; } .subMenu .dep4 ul li.width02 {float:left; width:20%; } /*SubTitle*/ .titArea{ position:relative;display:block;width:100%;padding:8px 0;border-bottom:2px solid #666666;z-index:1;} .snav-util{display:block;position:absolute;top:50%;right:8px;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:inline-block;float:right;} .snav-util > li{position:relative;float:left;} .snav-util > li > a{position:relative;display:block;width:56px;height:24px; } .snav-util > li > a::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;height:100%;content:'';background:url(../images/common/snb-icon.png)no-repeat 0 0 /cover;} .snav-util > li.print > a::before{background-position:0px 0;} .snav-util > li.active > a::before, .snav-util > li> a:hover:before, .snav-util > li> a:focus:before{background-image:url(../images/common/snb-icon_active.png);} .heading1 {padding:20px 0; font-size:20px;font-weight: 500;color: #000} .heading2 { text-align:left;color:#517E03;font-weight: 500;font-size:18px;padding:20px 0 10px 0px;} .tit_1depth {background: url(../images/common/bull_tit1dep.gif) no-repeat 0 8px;color:#000; font-size:16px;padding:0px 0 0 15px;} .tit_1depth span {color: #646464;font-size: 13px; } .tit_2depth {background: url(../images/common/bull_arrow.gif) no-repeat 0 10px; padding:5px 0 5px 20px;font-weight: 500; } .txtasc {font-size: 9px;color:#965123;} .divsect {width:100%;overflow:hidden; } .fltleft {float:left;} .fltright {float:right;} .ctext {padding:10px 0 0 0; } .txtblue {color:#009589; } .txtred {color: #ff0000;} .txtblack {color: #000;} .bullrou > li {position: relative; padding-left:12px; text-align: left; } .bullrou > li::before {position: absolute;top: 8px;left: 0;content: "";width: 6px;height: 6px;background-color: #a6a6a6;border-radius: 50%;} .bulldot > li {position: relative; padding-left:12px; text-align: left; } .bulldot > li::before {position: absolute; left: 0; top:9px; width: 4px; height: 4px; background-color: #a6a6a6; content: '';} .bulldash > li {position: relative; padding-left:12px; text-align: left; } .bulldash > li::before {position: absolute; left: 0; top: 10px; width: 5px; height: 1px; background-color: #a6a6a6; content: '';} .numlist {overflow: hidden;} .numlist li {position:relative;margin-top: 5px; margin-bottom:5px; padding-left:22px; background-image:none;line-height: 25px;} .numlist span {position:absolute; top:0; left:0;} .numlist li ol {margin: 10px 0;} .numlist li ol li {padding:0;line-height:20px;} .bullrou2 > li {position: relative; padding-left:18px; text-align: left; line-height: 22px;padding-top: 10px; } .bullrou2 > li::before {position: absolute;top: 18px;left: 0;content: "";width: 6px;height: 6px;background-color: #a6a6a6;border-radius: 50%;} .img-respond {text-align: center;} .img-respond img {max-width: 100%;} .divsect2 {width:100%;overflow:hidden; } .fltleft2 {float:left;} .fltright2 {float:right;} /*BUTTON*/ .btn-b {display: inline-block; padding:5px 10px; line-height: 24px; vertical-align: middle; } .btn-b i {display:inline-block;margin-right:6px;line-height: 24px; } .btn-m {display: inline-block; border-radius:3px; padding:5px 8px; line-height: 19px; vertical-align: middle;} .btn-m i {display:inline-block;margin-right:3px; line-height: 19px;} .btn-s {display: inline-block; border-radius:3px; padding:5px 8px; line-height: 12px; font-size: 12px; vertical-align: middle;} .btn-s i {display:inline-block;margin-right:3px;line-height: 12px;} .btn-t {display: inline-block; padding:5px 11px; line-height: 15px; font-size: 12px; vertical-align: middle;} .btn1 {border: 1px solid #796b4d; background-color: #fdff6a; color: #212121;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s; } .btn2 {border: 1px solid #9986ce; background-color: #f3f2ff; color: #212121;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s; } .btn3 {border: 1px solid #5c85af; background-color: #eef6ff; color: #333333;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s; } .btn4 {border: 1px solid #91ad5b; background-color: #eff6dd; color: #212121;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .btn5 {border: 1px solid #8a8a8a; background-color: #f1f1f1; color: #212121;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .btn6 {border: 1px solid #507e1b; background-color: #95c21b; color: #fff;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .btn7 {border: 1px solid #636363; background-color: #fffeb2; color: #212121;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .btn8 {border: 1px solid #9d9d9d; background-color: #fff; color: #313131;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .btn10 {border: 1px solid #7197b1; background-color: #f2f9ff; color: #212121;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .btn1:hover, .btn1:focus{border: 1px solid #000000;background:#ffe400;color: #000;} .btn2:hover, .btn2:focus{border: 1px solid #000000;background:#efddff;color: #000; } .btn3:hover, .btn3:focus{border: 1px solid #000000;background:#d7eaff;color: #000; } .btn4:hover, .btn4:focus{border: 1px solid #000000;background:#edffbd;color: #000; } .btn5:hover, .btn5:focus{border: 1px solid #000000;background:#dbdbdb;color: #000; } .btn6:hover, .btn6:focus{border: 1px solid #507e1b;background:#6a8f08;color: #fff; } .btn7:hover, .btn7:focus{border: 1px solid #000000;background:#ffe400;color: #000; } .btn8:hover, .btn8:focus{border: 1px solid #9d9d9d;background:#9d9d9d;color: #fff; } .btn10:hover, .btn10:focus{border: 1px solid #000000;background:#d7eaff;color: #000; } /*Table*/ .table-wrap {margin-top:10px} .table-wrap table {border-top: 1px solid #464646;border-bottom: 1px solid #d5d5d5; } .table-wrap thead th {border: 1px solid #d5d5d5;border-top: 1px solid #464646;} .table-wrap tbody th {border: 1px solid #d5d5d5;} .table-wrap td {border: 1px solid #d5d5d5;} .table-wrap th:first-child, .table-wrap td:first-child {border-left: none;} .table-wrap th:last-child, .table-wrap td:last-child {border-right: none;} /*BBS-List */ .bbs_list thead th {padding:10px 0px;border-bottom: 1px solid #d5d5d5;background:#f4faed;text-align: center;} .bbs_list tbody th {padding: 13px 10px;} .bbs_list td {padding:10px 10px;text-align: center;} .bbs_list thead th span a {font-size: 9px;color:#965123; } .bbs_list td.bglist { padding:7px 0px; color:#fff;background:#113a63;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5; } .bbs_list th.bglist { padding:7px 0px; color:#fff;background:#113a63;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5; } .bbs_list .fdf1d2 {background:#fdf1d2;} .bbs_list tr.total {background:#f8f8f8;} .bbs_list td.nodata {padding:55px 0;text-align: center} table.bbs_jong {width: 100% } table.bbs_jong th {padding:10px 0px;border-bottom: 1px solid #d5d5d5;background:#f4faed;text-align: center;} table.bbs_jong td {padding:10px 10px;text-align: center;} /*BBS-view */ .bbs_view {width: 100%; border-top: 1px solid #464646; table-layout: fixed;} .bbs_view tr th {background-color: #f4faed; border-bottom: 1px solid #d5d5d5; padding: 10px; text-align: center; } .bbs_view tr th.docu {padding: 5px; } .bbs_view tr td {border-bottom: 1px solid #d5d5d5; padding:10px 10px 10px 10px; transition: 0.3s all; } .bbs_view .viewBox {color:#717171; overflow:auto;} .bbs_view .viewBox p {line-height:2} .bbs_view tr th.linebox {background-color: #f4faed; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; padding: 10px; text-align: center; } /*Page*/ .pagination {position:relative; margin-top:60px; text-align:center; } .pagination * {vertical-align:middle;} .pagination span {display:inline-block; margin:0 15px; line-height:0;} .pagination span a {display:inline-block;min-width:35px; height:35px; margin-left:5px; border: 1px solid #cccccc; color:#999; font-size:16px; line-height:30px;} .pagination span a:first-child {margin-left:0;} .pagination span a:hover {background-color:#4e4e4e; border:1px solid #000;color: #fff;} .pagination span a.on {color:#fff;} .pagination span a.on {background-color:#4e4e4e; border:1px solid #000;} .pagination .btnFirst, .pagination .btnLast, .pagination .btnPrev, .pagination .btnNext {display:inline-block; width:35px; height:35px; border:1px solid #d4d4d4; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px;} .pagination .btnFirst {margin-left:6px; background-image:url(../images/common/btn_first.png);} .pagination .btnLast {margin-right:6px; background-image:url(../images/common/btn_last.png);} .pagination .btnPrev {background-image:url(../images/common/btn_prev.png);} .pagination .btnNext {background-image:url(../images/common/btn_next.png);} .pagination .counter strong { vertical-align: top; font-weight: 400;} .jongcont {width:100%; margin-top:20px; padding:0px 0px; } .jongcont dl {overflow:hidden;} .jongcont dl dt {float:right;padding-left: 10%;} .jongcont dl dd { margin-bottom: 40px;font-size: 14px; } .jongcont2 {width:100%; margin-top:20px; padding:0px 0px; } .jongcont2 dl {overflow:hidden;} .jongcont2 dl dt {width:100%;margin-bottom: 20px;} .jongcont2 dl dd { margin-bottom: 20px;font-size: 14px; } .jongcont3 {width:100%; margin-top:20px; padding:0px 0px; } .jongcont3 dl {overflow:hidden;} .jongcont3 dl dt {width:100%;margin-bottom: 0px;} .jongcont3 dl dd { margin-bottom:10px;font-size: 14px; } .jongcont4 {width:100%; overflow:hidden; } .jongcont4 dl dt {float:left;padding-right: 10%;} .jongcont4 dl dd { margin-bottom: 40px;font-size: 14px; padding-top:70px;} .boxanimal {width:100%;border:1px solid #adadad;overflow:hidden;padding:20px 0;margin-top: 20px} .boxanimal ul li {float:left;width:20%;text-align:center;border-right:1px solid #eeeeee;} .boxanimal ul li dl dt {color:#000;font-size:16px;font-weight:500;padding:10px 0;} .listgoyou {margin-top:25px; position: relative; } .listgoyou ul { width: 100%; } .listgoyou li { padding:20px 0; } .listgoyou li dl dt {float: left;} .listgoyou li dl dd {margin-left:65px; } .listgoyou li dl dd p {position: relative; border:1px solid #c0c6c6;padding:15px 15px;text-align: left } .listgoyou li dl dd p::after {position: absolute; right: 100%; top:15px; z-index: -1; width: 45px; height: 1px; background-color: #ddd; content: '';} .icon1 {display: block; width:38px; height:38px; border-radius: 100%; background-color: #8fc910; color: #000; text-align: center; line-height:35px;} .icon2 {display: block; width:38px; height:38px; border-radius: 100%; background-color: #003964; color: #fff; text-align: center; line-height:35px;} .icon3 {display: block; width:38px; height:38px; border-radius: 100%; background-color: #d2e1a2; color: #000; text-align: center; line-height:35px;} .icon4 {display: block; width:38px; height:38px; border-radius: 100%; background-color: #568d5a; color: #fff; text-align: center; line-height:35px;} .listgoyou2 {width:100%;overflow:hidden;margin-top:35px; } .listgoyou2 .fltlt {float:left; width:70% } .listgoyou2 .fltrg {float:right;min-width: 30%; } .uselevel{overflow:hidden;padding-top:35px;margin-left: -15px;} .uselevel > li{padding:0 0 0 15px;} .uselevel > li > div{position:relative;padding:20px 15px;border:1px solid #d0d0d0;min-height:85px;background-color: #fafafa; } .uselevel > li > div > em{position:absolute;top:-10px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); padding:0 15px;background:#fff;font-style: normal;} .uselevel > li > div > span{display:block; } .jawonbook {margin-bottom: 50px;overflow: hidden;} .jawonbook ul li {float:left;margin-right:10px;padding-bottom: 10px;} .jawonbook ul li:last-child { margin-right:0px;padding-bottom: 10px;} /*SearchBox*/ .boardSch {margin-bottom:30px;padding: 10px 10px; border:2px solid #bbcfa3; background:#fff; text-align:center; } .boardSch fieldset {background:#f3f8ea;padding:10px 10px;line-height: 30px;margin-bottom:0px;} .boardSch * {vertical-align:middle; } .boardSch select {display:inline-block; width:115px; margin-left:10px;} .boardSch select:first-child {margin-left:0;} .boardSch select.ctg {width:150px;} .boardSch select.ctg2 {width:200px;} .boardSch select.ctg3 {width:150px;} .boardSch input.txt3 {display:inline-block; width:300px; margin-left:10px;} .boardSch .inner {display:inline-block; position:relative; margin:5px;} .boardSch .inner span {font-size: 14px;display:inline-block;position:relative;} .boardSch .schBox {display:inline-block; margin-left:10px;} .boardSch .schBox:first-child {margin-left:0;} .boardSch .schBox .txt {width:350px;} .boardSch .schBox .txt2 {width:350px;margin-left:10px;} .boardSch .schBox {display:inline-block; margin:5px;} .boardSch .schBox button {margin-left:10px;font-size: 13px;font-weight: 600} .boardSch .schBox button:first-child {margin-left:0;} .boardSch input[type=text] {border:2px solid #dddddd;height:34px;padding:0 5px; } .boardSch .inner span {font-size: 14px; font-weight:500; } .boardSch .inner .txtword {width:350px;margin-left:10px;} i.icsch {display: inline-block;width: 18px;height: 18px;background :url(../images/sub/icon_search.png) no-repeat;margin-right: 0} i.icschdt {display: inline-block;width: 18px;height: 18px;background :url(../images/sub/icon_searchdt.png) no-repeat;margin-right: 0} i.iclist {display: inline-block;width: 18px;height: 18px;background :url(../images/sub/icon_listall.png) no-repeat;margin-right: 0} ul.listprot {width:100%; overflow:hidden; margin-top: 20px} ul.listprot li {float:left; width:149px;height: 66px; border:1px solid #bcc2c2;margin-right: 5px} ul.listprot li:hover {border: 2px solid #0c426a;width:151px;height: 68px; } ul.listprot li:last-child {margin-right: 0} .boxgray {padding:20px 10px; border:1px solid #d8d8d8;background:#f9f9f9;text-align:center;margin-bottom: 25px;} .boxgray * {vertical-align:middle; } .boxgray select {display:inline-block; width:230px; margin-left:10px;} .boxgray button {margin-left:5px;font-size: 13px;font-weight: 600} .boxgray button:first-child {margin-left:0;} .boxgray input[type=text] {border:2px solid #dddddd;height:34px;padding:0 5px; } .boxgray .inner .txt {width:550px;} .boxgray .inner .txt2 {width:550px;} .boxgray .inner {display:inline-block; position:relative; margin:5px;} .protect01 {width: 100%;margin:20px 0} .protect01 dl dt {float: left; color: #000;font-weight: 500; padding: 5px 0; } .protect01 dl dd {margin-left: 90px;padding: 5px 0;} .protect02 {width: 100%;margin:20px 0;overflow: hidden;} .protect02 ul li {float: left;width: 24%;margin-right: 1%;padding: 15px 0; background-color: #f6faff;border: 1px solid #bebebe;text-align: center } .protect02 ul li dl dt {color:#003964;font-size: 20px; font-weight: 600;line-height: 40px;padding-bottom: 20px} .protect02 ul li dl dd {line-height:25px} .protect02 ul li dl dd strong {color:#494949;font-size: 16px; font-weight: 500;} .protect02 ul li dl dd p {margin:10px auto; width: 50%; background-color: #fff;border: 1px solid #c7c7c7;line-height:30px;} .protect02 ul li:hover {background-color: #003964;border: 1px solid #c8c8c8;text-align: center } .protect02 ul li:hover dl dt, .protect02 ul li:hover dl dd, .protect02 ul li:hover dl dd strong {color:#fff; } .protect02 ul li:hover dl dd p {color: #323232} .icon_lawlist {background: url(../images/sub/icon_lawlist.gif) no-repeat 0px 15px; padding:0px 0 0px 80px;} .lawboxwrap {font-size:14px;line-height:24px;padding:25px 25px;border:1px solid #dbdbdb;background:#fdfff9;} .managewrap2 { margin:30px 0;overflow:hidden; } .managewrap2 ul li {width:100%;display:inline-block;padding:20px 0;border-bottom: 1px solid #dadada; } .managewrap2 ul li dl {padding:0 0 0 160px;} .managewrap2 ul li dl dt {font-weight:bold;color:#000;font-size:17px;padding:0 0 5px 0;line-height:30px;} .managewrap2 ul li dl dd {line-height:17px;} .managewrap2 ul li dl dd p {padding:25px 0 0 0px;} .managewrap2 ul li dl.iconm01 {background:url(../images/sub/icon_manage01.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm21 {background:url(../images/sub/icon_manage21.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm09 {background:url(../images/sub/icon_manage09.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm10 {background:url(../images/sub/icon_manage10.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm08 {background:url(../images/sub/icon_manage08.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm11 {background:url(../images/sub/icon_manage11.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm05 {background:url(../images/sub/icon_manage05.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm02 {background:url(../images/sub/icon_manage02.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm03 {background:url(../images/sub/icon_manage03.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm04 {background:url(../images/sub/icon_manage04.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm06 {background:url(../images/sub/icon_manage06.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm07 {background:url(../images/sub/icon_manage07.gif) no-repeat 0 0;height:125px;} .managewrap2 ul li dl.iconm12 {background:url(../images/sub/icon_manage12.gif) no-repeat 0 0;height:125px;} .redwrap {padding:20px 20px;border:1px solid #d0d0d0;background-color: #fafafa;word-break: keep-all;margin-bottom: 20px; line-height: 25px} .listdl dt {color: #000;line-height: 35px;font-weight: 500} /* Thumnail */ .photo-wrap {display: inline-block; overflow: hidden; width:100%;} .photo-list {overflow: hidden; width: calc(100% + 30px); padding-top: 30px; border-top: 1px solid #000; border-bottom: 1px solid #ddd;} .photo-list li {float: left; width: calc(25% - 30px); margin: 0 30px 30px 0;} .photo-list li:nth-child(4n + 1) {clear: both;} .photo-list a {display: block;} .photo-list .thumb {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 70%; background-color: #f9f9f9;border: 1px solid #d9d9d9;} .photo-list .thumb img {position: absolute; left: 0; top:0; width: 100%; /*transform: translateY(-50%);top: 50%;*/ } .photo-list .tit {display: block; overflow: hidden; margin:10px 0; text-align: center; font-size: 14px; color:#222; text-overflow: ellipsis; white-space: nowrap;} .photo-list .txtinfo {margin-left:0px; font-weight: 300; color: #666;text-align: center} .photo-list .txtinfo2 {margin-left:0px; font-weight: 300; text-align: center; margin-top:10px;} .photo-list .txtinfo2::after {clear:both; } .photo-list .txtinfo2 .location {display:inline-block; float:left; width:80%; text-align:left;} .photo-list .txtinfo2 .txt {display:inline-block; float:right; width:20%; text-align:right;} .photo-list .btnmov {overflow: hidden;width:150px; margin:10px auto 15px auto;text-align: center;} .photo-list .btnmov a {float: left; width:67px; margin-left:3px;text-align: center} .photo-list .btnmov a:first-child {margin-left: 0;} .photo-list .btnsound {overflow: hidden;width:100px; margin:10px auto 0 auto;text-align: center;} .photo-list .btnsound a {float: left; width:100%; text-align: center} .protect03 {width: 100%;margin:20px 0;overflow: hidden;} .protect03 ul li {float: left;width: 24%;min-height: 170px;margin-right: 1%;padding:0px 0; background-color: #fff;border: 1px solid #bebebe;text-align: center } .protect03 ul li dl dt {font-size: 16px; line-height: 40px; } .protect03 ul li dl dd {line-height:25px;padding:20px 20px;text-align: left} .bgcol01 {background-color: #003964;color: #fff} .bgcol02 {background-color: #d2e1a2;color: #4c721c} .bgcol03 {background-color: #568d5a;color: #fff} .bgcol04 {background-color: #8fc910;color: #fff} .icon_ctext {background: url(../images/sub/icon_ctext.gif) no-repeat 0px 20px;min-height:90px;padding:20px 0 0 90px;} .icon_ctext ul li {line-height: 22px;} .box_service01 {background: url(../images/sub/box_service01.png) no-repeat 30px 30px; padding: 20px 20px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service02 {background: url(../images/sub/box_service02.png) no-repeat 30px 30px; padding: 20px 20px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service03 {background: url(../images/sub/box_service03.png) no-repeat 30px 30px; padding: 20px 20px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service04 {background: url(../images/sub/box_service04.png) no-repeat 30px 30px; padding: 20px 20px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service05 {background: url(../images/sub/box_service05.png) no-repeat 30px 30px; padding: 20px 20px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service06 {background: url(../images/sub/box_service06.png) no-repeat 30px 30px; padding: 20px 20px; border: 1px solid #cdcdcd;margin-top: 20px} dl.service {padding:10px 0px 0 130px;} dl.service dt {color:#000;font-size:18px;font-weight:500;} dl.service dd {padding:10px 0;} .subimg0403 {background: url(../images/sub/subimg0403.png) no-repeat 0 10px;min-height: 140px; } .subimg04032 {background: url(../images/sub/subimg04032.png) no-repeat 0 10px;min-height: 140px; } .subimg04033 {background: url(../images/sub/subimg04033.png) no-repeat 0 10px;min-height: 140px; } .subimg04034 {background: url(../images/sub/subimg04034.png) no-repeat 0 10px;min-height: 140px; } dl.sublist {padding:20px 0 0 150px;} dl.sublist dt {color:#000;font-weight:bold;font-size:16px;padding-top:20px;} dl.sublist dd {padding:15px 0;} .contact {width:100%; overflow:hidden;} .contact ul li {display:inline-block;border-right:1px solid #dfdfdf;width:24%;min-height:150px;padding:0 1%;margin-bottom:10px;} .contact ul li:last-child {border-right: none;} .contact2 {width:100%; overflow:hidden;} .contact2 ul li {float: left; border-right:1px solid #dfdfdf;width:47%;margin-right: 3%; margin-bottom: 20px} .contact2 ul li:nth-child(2n) {border-right: none;} .contact2 ul li dl dt {text-indent: 120px;color:#000;font-weight:600;font-size:16px;line-height: 35px} .contact2 ul li dl dd {text-indent: 120px;line-height: 25px} .icon_cantact01 {background: url(../images/sub/icon_cantact01.png) no-repeat 0 20px;min-height:80px;} .icon_cantact02 {background: url(../images/sub/icon_cantact02.png) no-repeat 0 20px;min-height:80px;} .icon_cantact03 {background: url(../images/sub/icon_cantact03.png) no-repeat 0 20px;min-height:80px;} .icon_cantact04 {background: url(../images/sub/icon_cantact04.png) no-repeat 0 20px;min-height:80px;} .icon_use01 {background: url(../images/sub/icon_use01.png) no-repeat 0 10px;min-height: 140px; } .icon_use02 {background: url(../images/sub/icon_use02.png) no-repeat 0 10px;min-height: 140px; } .icon_use03 {background: url(../images/sub/icon_use03.png) no-repeat 0 10px;min-height: 140px; } .icon_use04 {background: url(../images/sub/icon_use04.png) no-repeat 0 10px;min-height: 140px; } dl.sublist2 {padding:20px 0 0 150px;} dl.sublist2 dt {margin-bottom: 10px; } dl.sublist2 dd {background-color: #f9f9f9;border: 1px solid #e0e0e0; padding:15px 15px;} .usewrap {width:100%; overflow:hidden;margin-bottom:30px;} .usewrap ul li {float: left;width:48%;margin-right:2%; margin-bottom:10px;} .usewrap ul li:nth-child(2n) {margin-right:0;margin-left:2%; margin-bottom:10px;} .ablewrap {width:100%; overflow:hidden;margin-top:15px;border: 1px solid #dadada;padding: 20px;} .ablewrap ul li {float: left;width:24%;margin-right: 1%;} .ablewrap ul li dl dt {text-indent: 120px;color:#000;font-weight:600;font-size:16px;line-height: 35px;} .ablewrap ul li dl dd {text-indent: 120px;line-height: 25px} .icon_able01 {background: url(../images/sub/icon_able01.png) no-repeat 0 0px;min-height:100px;} .icon_able02 {background: url(../images/sub/icon_able02.png) no-repeat 0 0px;min-height:100px;} .icon_able03 {background: url(../images/sub/icon_able03.png) no-repeat 0 0px;min-height:100px;} .icon_able04 {background: url(../images/sub/icon_able04.png) no-repeat 0 0px;min-height:100px} .schdtbox {margin-top:15px; border-top:1px dotted #ddd;padding-top:15px;} .schdtbox table {width: 100%;} .schdtbox table th {font-size:14px;font-weight: 400; text-align: left;padding:5px 0; } .schdtbox table th > span {position: relative; padding-left:10px; } .schdtbox table th > span::before {position: absolute; left: 0; top:9px; width: 4px; height: 4px; background-color: #a6a6a6; content: '';} .schdtbox table td {font-size:14px; text-align: left;padding:5px 0; } .schdtbox table td > .input {height:28px; padding:0 5px; border:1px solid #d0d0d0; background-color:#fff; width:90%; } .schdtbox table td > .dateint {height:28px; padding:0 5px; border:1px solid #d0d0d0; background-color:#fff; width:40%; } .schdtbox table td > img {margin-left: 4px} .schdtbox .formsel {height:28px; line-height:27px; padding:0 0px 0 5px; border:1px solid #d0d0d0; cursor:pointer; border-radius:0; box-sizing:border-box;} .schdtbox select {width:45%;} .schdtbox .ctg {width: 130px;} .box_gawon {border: 1px solid #dadada;padding: 15px 15px;margin: 10px 0; } ul.listgrade {width: 100%; overflow:hidden;} ul.listgrade li a {float:left;width:12%; background:#f6fafd;border:1px solid #788fa0; border-radius: 3px; padding:5px 0px;line-height: 20px; text-align:center; margin-right:5px; margin-bottom: 6px; color:#333333;} ul.listgrade li a:hover {float:left;width:12%; background:#113a63;border:1px solid #113a63; border-radius: 3px; padding:5px 0px;line-height: 20px; text-align:center; margin-right: 5px; margin-bottom: 6px; color:#fff;} ul.listword {width: 100%; overflow:hidden;} ul.listword li a {float:left;width:6.2%; background:#f6fafd;border:1px solid #788fa0; border-radius: 3px; padding:5px 0px;line-height: 20px; text-align:center; margin-right:5px; margin-bottom: 6px; color:#333333;} ul.listword li a:hover {float:left;width:6.2%; background:#113a63;border:1px solid #113a63; border-radius: 3px; padding:5px 0px;line-height: 20px; text-align:center; margin-right: 5px; margin-bottom: 6px; color:#fff;} .bookwrap {overflow: hidden; border: 1px solid #dadada;padding: 15px 15px;margin: 10px 0; } .bookwrap ul li {float: left; text-align: center;margin-right: 6px;margin-bottom: 10px;} .bookwrap ul li:last-of-type {margin-right:0;margin-bottom: 10px;} .subtit_img01 {background: url(../images/sub/subtit_img01.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img01:hover {background: url(../images/sub/subtit_img01r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img02 {background: url(../images/sub/subtit_img02.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img02:hover {background: url(../images/sub/subtit_img02r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img03 {background: url(../images/sub/subtit_img03.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img03:hover {background: url(../images/sub/subtit_img03r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img04 {background: url(../images/sub/subtit_img04.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img04:hover {background: url(../images/sub/subtit_img04r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img05 {background: url(../images/sub/subtit_img05.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img05:hover {background: url(../images/sub/subtit_img05r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img06 {background: url(../images/sub/subtit_img06.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img06:hover {background: url(../images/sub/subtit_img06r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img07 {background: url(../images/sub/subtit_img07.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img07:hover {background: url(../images/sub/subtit_img07r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img08 {background: url(../images/sub/subtit_img08.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img08:hover {background: url(../images/sub/subtit_img08r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img09 {background: url(../images/sub/subtit_img09.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img09:hover {background: url(../images/sub/subtit_img09r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img10 {background: url(../images/sub/subtit_img10.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img10:hover {background: url(../images/sub/subtit_img10r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img11 {background: url(../images/sub/subtit_img11.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img11:hover {background: url(../images/sub/subtit_img10r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img12 {background: url(../images/sub/subtit_img12.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img12:hover {background: url(../images/sub/subtit_img12r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img13 {background: url(../images/sub/subtit_img13.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img13:hover {background: url(../images/sub/subtit_img13r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img14 {background: url(../images/sub/subtit_img14.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img14:hover {background: url(../images/sub/subtit_img14r.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img15 {background: url(../images/sub/subtit_img15.png) no-repeat 50% 50%;width:70px;height: 70px; } .subtit_img15:hover {background: url(../images/sub/subtit_img15r.png) no-repeat 50% 50%;width:70px;height: 70px; } .listbook {margin:20px 0;overflow: hidden;} .listbook ul {border-top: 1px solid #464646; } .listbook ul li {float:left;width:20%;border-left: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5; padding:8px 0px 8px 5px;} .listbook ul li:first-of-type {border-left: none;} .listbook ul li:nth-child(5n+1) {border-left: none;} .listbook table {border-top: 1px solid #464646; } .listbook table tr td { width:20%; padding: 8px 0 8px 5px; border-left: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5; } .listbook table tr td:first-of-type {border-left: none;} /*SearchBox*/ .boardbook {margin-bottom:30px;padding: 10px 10px; border:2px solid #bbcfa3; background:#fff; text-align:center; font-size:0; } .boardbook fieldset {background:#f3f8ea;padding:10px 10px;line-height: 30px;margin-bottom:0px;} .boardbook * {vertical-align:middle; } .boardbook select {display:inline-block; width:115px; margin-left:10px;} .boardbook select:first-child {margin-left:0;} .boardbook select.ctg {width:150px;} .boardbook .inner {display:inline-block; position:relative; margin:5px;} .boardbook .inner span {font-size: 14px; font-weight:500; } .boardbook .inner .txtword {width:350px;margin-left:10px;} .boardbook .schBox {display:inline-block; margin-left:10px;} .boardbook .schBox:first-child {margin-left:0;} .boardbook .schBox {display:inline-block; margin:5px;} .boardbook .schBox button {margin-left:10px;} .boardbook .schBox button:first-child {margin-left:0;} .boardbook input[type=text] {border:2px solid #dddddd;height:34px;padding:0 5px; } .txtimg_3d {background: url(../images/sub/txtimg_3d.gif) no-repeat top left; min-height:70px;padding-left:120px;line-height:25px;} .formtxt {max-width: 100%; height:28px; padding: 0 6px; border: 1px solid #ddd; vertical-align: middle;} .formselect {height:27px; border: 1px solid #ddd; vertical-align: middle;} .bbs_view select {display:inline-block; width:115px; margin-left:0px;} .formtxt[size='30'] {width: 30%;} .formtxt[size='85'] {width: 85%;} .formtxt[size='95'] {width: 95%;} .formtxt[size='98'] {width: 98%;} .formtxt[size='50'] {width: 50%;} .loginwrap {margin:30px auto;width: 800px;height: 200px; border:1px solid #cdcdcd; background: url(../images/sub/bg_login.png) no-repeat 15% 50%;} .loginwrap fieldset {padding:50px 0 0px 30%; } .loginwrap .inputxt {border:3px solid #d6d6d6;background:#fefff7;margin-bottom:15px;width:300px;padding-left:10px;height:44px;font-size:16px;color:#000;} .loginwrap .btn {padding-left:340px;margin-top:-100px;} .loginwrap2 {margin:30px auto;width: 800px;min-height: 200px; border:1px solid #cdcdcd; background: url(../images/sub/bg_login.png) no-repeat 15% 50%;} .loginwrap2 div {padding:50px 0 0px 30%; } .ageement {border:1px solid #dddddd;width:100%;padding:10px 0px 10px 10px;margin-top:20px;} .findidwrap {margin:30px auto;width: 800px;border:1px solid #cdcdcd; height:120px;background: url(../images/sub/bg_loginfind.png) no-repeat 15% 50%;} .findidwrap fieldset {padding: 30px 0 0px 25%; } .findidwrap .inputxt {border:3px solid #d6d6d6;background:#fefff7; width:300px;padding-left:10px;height:44px;font-size:16px;color:#000;margin-right: 10px; } .findidwrap2 {margin:30px auto;width: 800px;border:1px solid #cdcdcd; height:120px;background: url(../images/sub/bg_login.png) no-repeat 15% 50%;} .findidwrap2 fieldset {padding: 30px 0 0px 25%; } .findidwrap2 .inputxt {border:3px solid #d6d6d6;background:#fefff7; width:300px;padding-left:10px;height:44px;font-size:16px;color:#000;margin-right: 10px; } ul.listprivacy li {background: url(../images/sub/bull_arrow.gif) no-repeat 0px 8px;padding:3px 0 3px 15px;} ul.listprivacy li ul li {background: none;padding:0px 0 0 15px;position:relative;margin-bottom:5px;} ul.listprivacy li ul li span {position:absolute; top:0; left:0;} .helpdesk02 {width: 100%;margin:20px 0;overflow: hidden;} .helpdesk02 ul li {float: left;width: 32.3%;min-height:250px;margin-right: 1%;padding:0px 0; background-color: #fff;border: 1px solid #bebebe;text-align: center } .helpdesk02 ul li dl dt {font-size: 16px; line-height: 40px; } .helpdesk02 ul li dl dd {font-size: 16px;line-height:25px;padding:110px 0 50px 0;text-align: center} .icon_sosok {background: url(../images/sub/icon_sosok.png) no-repeat 50% 20%;} .icon_telep {background: url(../images/sub/icon_telep.png) no-repeat 50% 20%;} .icon_fax {background: url(../images/sub/icon_fax.png) no-repeat 50% 20%;} /*Bird*/ table.bbs_birdlist {width: 100% } table.bbs_birdlist th {padding:10px 0px;border-bottom: 1px solid #d5d5d5;background:#f4faed;text-align: center;} table.bbs_birdlist td {padding:10px 10px;text-align: center;} table.bbs_birdlist tr:hover {background-color: #f9f9f9;} #attfile {overflow:hidden;} #attfile a {color: #60a120;display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .bbs_birdview {width: 100%; border-top: 1px solid #464646; table-layout: fixed;} .bbs_birdview tr th {background-color: #f4faed; border-bottom: 1px solid #d5d5d5; padding: 10px; text-align: center; } .bbs_birdview tr td {border-bottom: 1px solid #d5d5d5; padding:10px 10px 10px 10px; transition: 0.3s all; } .bbs_birdview .viewBox {margin: 20px} .bbs_birdview .viewBox p {line-height:1.8} #visualAreabird {width:100%;position: relative; } #visualAreabird img {max-width: 100%;display: block; width: 100%;} #visualAreabird .bx-viewport {} #visualAreabird .bx-controls-auto{display:none} #visualAreabird .bx-wrapper .bx-pager { position: absolute; z-index:1000;left:20px; right: 0; bottom:10px; text-align: left;} #visualAreabird .bx-wrapper .bx-pager .bx-pager-item, #visualAreabird .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} #visualAreabird .bx-wrapper .bx-pager.bx-default-pager a {display: block;width:11px;margin:0 8px 0 0; height:0; padding-top:11px; background: url("../images/sub/main_visual_navi.png") no-repeat; float: left;overflow: hidden;} #visualAreabird .bx-wrapper .bx-pager.bx-default-pager a:hover, #visualAreabird .bx-wrapper .bx-pager.bx-default-pager a.active {background-position: 0 -11px} #visualAreabird .bx-wrapper .bx-controls-direction {display: none} .w_view{display:block} .m_view{display:none} #birdintro {width:100%;margin:40px 0;min-height:300px;} #birdintro ul li {float:left;width:32%;height:auto;min-height:300px;margin-left:2%;background:#fff;border:1px solid #dadada;cursor: pointer} #birdintro ul li:first-child {margin-left:0px; } #birdintro ul li:hover {background-color: #fbfff7;border: 1px solid #666666; } #birdintro ul li dl {padding:30px 15px 0px 15px;} #birdintro ul li dl dt { padding-bottom:10px;color:#000;line-height:25px;font-size:24px;font-weight:500; } #birdintro ul li dl dd { font-size:14px;color:#686868; height:50px;} #birdintro ul li dl dd.btn {margin-bottom:21px;text-align:right;height:30px;} #birdintro ul li p img { width: 100%;} #birdintro a:link { color:#000; text-decoration:none; } #birdintro a:visited { color:#000; text-decoration:none; } #birdintro a:hover { color:#60a120; text-decoration:none; } #birdintro a:active { color:#60a120; text-decoration:none; } #birdquick { width:100%; overflow:hidden; } #birdquick ul li {float:left; width:32%;background:#f4f5f0; margin-left:2%; border:1px solid #e3e3e2;} #birdquick ul li:first-child {margin-left: 0;} #birdquick ul li div {padding: 20px 20px;min-height: 120px} #birdquick ul li:hover {background-color: #ffffff;border: 1px solid #c2c2c2; } #birdquick ul li div p {padding-left: 110px;padding-top: 7%; font-size:24px;color:#000;font-weight:500; } /*#birdquick { width:100%; overflow:hidden; } #birdquick ul li {float:left; width:24.25%;background:#f4f5f0; margin-left:1%; border:1px solid #e3e3e2;} #birdquick ul li:first-child {margin-left: 0;} #birdquick ul li div {padding: 20px 20px;min-height: 120px} #birdquick ul li:hover {background-color: #ffffff;border: 1px solid #c2c2c2; } #birdquick ul li div p {padding-left: 100px;padding-top: 10%; font-size:18px;color:#000;font-weight:500; }*/ .birdintro01 {background: url(../images/sub/icon_birdintro01.png) no-repeat 10% 50%; } .birdintro01:hover {background: url(../images/sub/icon_birdintro01on.png) no-repeat 10% 50%; } .birdintro02 {background: url(../images/sub/icon_birdintro02.png) no-repeat 10% 50%; } .birdintro02:hover {background: url(../images/sub/icon_birdintro02on.png) no-repeat 10% 50%; } .birdintro03 {background: url(../images/sub/icon_birdintro03.png) no-repeat 10% 50%; } .birdintro03:hover {background: url(../images/sub/icon_birdintro03on.png) no-repeat 10% 50%; } .birdintro04 {background: url(../images/sub/icon_birdintro04.png) no-repeat 10% 50%;} .birdintro04:hover {background: url(../images/sub/icon_birdintro04on.png) no-repeat 10% 50%;} .containbird2 {overflow:hidden;width:100%; } .containbird2 {padding:20px 0; } .containbird2 li{float:left; width:30.5%; padding:20px 0; margin-left:50px;} .containbird2 li:nth-child(3n+1) {margin-left:0;} .thum_korbird div {position:relative;width:100%;max-width:366px; height:222px;} .thum_korbird div p.img {position:absolute;top:0;left:0; } .thum_korbird div p.img img {max-width: 100%} .thum_korbird div p.boxtxt {position:absolute;top:193px;left:0;width:100%;background:#000;height:29px;opacity: 0.5; } .thum_korbird div p.boxtxt span {width:100%;display:inline-block;color:#fff;text-align:right;line-height:25px; padding-right: 60px;} .thum_korbird div p.btnicon {position:absolute;top:178px;right: 10px; } .thum_korbirdcont {width:100%;height:auto;padding:20px 0;background:#ededed;max-width:366px;} .thum_korbirdcont dl {padding:0px 20px;} .thum_korbirdcont dl dt {color:#000;font-size:20px;font-weight:bold;padding-bottom:15px;} .thum_korbirdcont dl dt span {font-size:16px;} .thum_korbirdcont dl dd {color:#686868;font-size:14px; padding-bottom:15px;} .thum_korbirdcont dl dd.jongtit {color:#686868;font-size:14px;padding-top:10px; padding-bottom:0px;border-top:1px solid #d4d4d4;} .thum_korbirdcont dl dd.jongtit span {color:#000;} .boxbird_icon01 {clear:both;background: url(../images/sub/icon_birdlist01.png) no-repeat 30px 40px;border:1px solid #b0b0b0;} .boxbird_icon01 dl {padding:30px 30px 30px 130px;} .boxbird_icon01 dl dt {color:#000;font-size:18px;font-weight:bold; } .boxbird_icon01 dl dd {color:#686868;font-size:14px;padding-top:15px; } .boxbird_icon02 {background: url(../images/sub/icon_birdlist02.png) no-repeat 30px 40px;border:1px solid #b0b0b0;} .boxbird_icon02 dl {padding:30px 30px 30px 130px;} .boxbird_icon02 dl dt {color:#000;font-size:18px;font-weight:bold; } .boxbird_icon02 dl dd {color:#686868;font-size:14px;padding-top:15px; } .boxbird_icon02 dl dd ul li {background: url(../images/sub/bull_dot.gif) no-repeat 5px 11px;padding:3px 0 0 15px;} .boxbird_icon03 {clear:both;background: url(../images/sub/icon_birdlist03.png) no-repeat 30px 40px;border:1px solid #b0b0b0;} .boxbird_icon03 dl {padding:30px 30px 30px 130px;} .boxbird_icon03 dl dt {color:#000;font-size:18px;font-weight:bold; } .boxbird_icon03 dl dd {color:#686868;font-size:14px;padding-top:15px; } .boxbird_icon04 {clear:both;background: url(../images/sub/icon_birdlist04.png) no-repeat 30px 40px;border:1px solid #b0b0b0;} .boxbird_icon04 dl {padding:30px 30px 30px 130px;} .boxbird_icon04 dl dt {color:#000;font-size:18px;font-weight:bold; } .boxbird_icon04 dl dd {color:#686868;font-size:14px;padding-top:15px; } .boxbird_icon04 dl dd.bgbox {background:#f7f7eb;color:#000;font-size:14px;padding:15px 0;text-align:center; margin-top:10px; } .thum_sitebird {width:100%;overflow:hidden;} .thum_sitebird ul li {width:50%;float: left; padding:25px 0 25px 0;min-height: 250px;border-bottom:1px solid #e0e0e0;} .thum_sitebird div.photobird {float:left; } .thum_sitebird div.infobird { padding:0 20px 0 310px;} .thum_sitebird div.infobird dl dt {color:#000;font-size:18px;font-weight:bold;word-break: keep-all} .thum_sitebird div.infobird dl dd {padding:15px 0;font-size:14px;} .searchsound2 {padding:10px 15px 10px 17px; border:1px solid #cccccc;overflow:hidden;} .searchsound2 div {min-height: 50px;} .searchsound2 fieldset {background:#fff;padding:15px 0px;height:30px;} .searchsound2 .searchtext {border:2px solid #007608;background:#fcffec;width:50%;height:42px;padding:0 5px; } .searchsound2 span {font-size:14px;color:#000;font-weight:bold;} .searchsound2 input[placeholder] {font-size:16px;color:#000;font-weight:600;} ul.listbird {overflow:hidden;margin:10px 0;} ul.listbird li a { float:left; line-height:28px;background-color:#fcfdf4;border:1px solid #c0c0c0; text-align:center;min-width:98px; width:14%;margin:2px 2px 2px 0;padding:0 0px;font-weight:500;color:#333333;} ul.listbird li a:hover {float:left;line-height:28px;text-decoration:none;background:#113a63;border:1px solid #fcfdf4; text-align:center;margin:2px 2px 2px 0;padding:0 0px; color:#ffffff;font-weight:500;} ul.listbird li a.on {text-decoration:none;line-height:28px;background:#414141; border:1px solid #c0c0c0;float:left; text-align:center; margin:2px 2px 2px 0;padding:0 0px;color:#ffffff;font-weight:500;} ul.listbird li.list2 a { float:left; line-height:28px;background-color:#eef5ff;border:1px solid #c0c0c0; text-align:center;min-width: 98px; width:14%; margin:2px 2px 2px 0;padding:0 0px;font-weight:500;color:#333333;} ul.listbird li.list2 a:hover {float:left;line-height:28px;text-decoration:none;background:#414141;border:1px solid #c0c0c0; text-align:center;margin:2px 2px 2px 0;padding:0 0px; color:#ffffff;font-weight:500;} ul.listbird li.list2 a.on {text-decoration:none;line-height:28px;background:#414141; border:1px solid #c0c0c0;float:left; text-align:center; margin:2px 2px 2px 0;padding:0 0px;color:#ffffff;font-weight:500;} /*MapKorea*/ .mapcontain {width:100%;min-height:520px;background:#fafbf7;border:1px solid #dddddd; } .mapcontain .mapkorea {float:left;width:35%; margin-left:50px; margin-top: 30px; } .mapcontain .maplist {float:right;width:50%; margin-right:50px; margin-top: 30px; } .mapcontain .maplist .bg_box {width:100%;min-height:450px;background:#fff;border: 1px solid #b0b0b0; padding:20px 20px; } .mapcontain .maplist .bg_box p.map_tit {margin:0;padding:0;line-height:30px;height:40px;font-size:20px;color:#000;} .mapcontain .maplist .bg_box p.map_tit strong {color:#609003;font-weight:bold;} .mapcontain .maplist .bg_box .maptable {width: 100%; height: 370px; overflow-y: auto; border-top:2px solid #000; } .mapcontain .maplist .bg_box .maptable ul {padding:20px 0;} .mapcontain .maplist .bg_box .maptable ul li {background:url(../images/sub/bull_map.gif) no-repeat 0 12px;padding:2px 0 2px 10px;float: left;width:49%;} .mapcontain .map {display: inline-block; margin-bottom: 0px; } .mapcontain .map_respond {display: none;} .mapcontain .map .mapImg{position:relative; width:369px; height:100%; background:url(../images/sub/map_korea.png) center center no-repeat;} .mapcontain .map .mapArea {position:absolute; cursor:pointer} .mapcontain .map .mapArea p{padding: 14px; width: 100px; height: 57px;} .mapcontain .map .mapArea a{position: absolute;} .mapcontain .map .mapArea p {position:relative; color: #4c4c4c; font-size: 11pt;} .mapcontain .map .mapArea:hover, .contents .map .mapArea:hover a{overflow:hidden; background-position:center center !important; background-repeat:no-repeat !important;} .mapcontain .map .mapImg .map01{top:5px; left:123px; width:171px; height:134px;} .mapcontain .map .mapImg .map01 p{top:40px; left:0px;} .mapcontain .map .mapImg .map01:hover{background: url(../images/sub/bird_map01.png);} .mapcontain .map .mapImg .map01:hover a{position:absolute; top:60px; left: 70px;width:171px; height:134px; color: #fff;text-decoration:none; } .mapcontain .map .mapImg .map02{top:25px; left:0px; width:101px; height:112px;} .mapcontain .map .mapImg .map02 p{top:55px; left:45px;} .mapcontain .map .mapImg .map02:hover{background: url(../images/sub/bird_map02.png);} .mapcontain .map .mapImg .map02:hover a{position:absolute; top:0px; left:20px; width:101px; height:112px; } .mapcontain .map .mapImg .map03{top:25px; left:100px; width:114px; height:107px;} .mapcontain .map .mapImg .map03 p{top:55px; left:45px;} .mapcontain .map .mapImg .map03:hover{background: url(../images/sub/bird_map03.png);} .mapcontain .map .mapImg .map03:hover a{position:absolute; top:0px; left:20px; width:114px; height:107px; } .mapcontain .map .mapImg .map04{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map04 p{top:55px; left:45px;} .mapcontain .map .mapImg .map04:hover{background: url(../images/sub/bird_map04.png);} .mapcontain .map .mapImg .map04:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map05{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map05 p{top:55px; left:45px;} .mapcontain .map .mapImg .map05:hover{background: url(../images/sub/bird_map05.png);} .mapcontain .map .mapImg .map05:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map06{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map06 p{top:55px; left:45px;} .mapcontain .map .mapImg .map06:hover{background: url(../images/sub/bird_map06.png);} .mapcontain .map .mapImg .map06:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map07{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map07 p{top:55px; left:45px;} .mapcontain .map .mapImg .map07:hover{background: url(../images/sub/bird_map07.png);} .mapcontain .map .mapImg .map07:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map08{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map08 p{top:55px; left:45px;} .mapcontain .map .mapImg .map08:hover{background: url(../images/sub/bird_map08.png);} .mapcontain .map .mapImg .map08:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map09{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map09 p{top:55px; left:45px;} .mapcontain .map .mapImg .map09:hover{background: url(../images/sub/bird_map09.png);} .mapcontain .map .mapImg .map09:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map10{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map10 p{top:55px; left:45px;} .mapcontain .map .mapImg .map10:hover{background: url(../images/sub/bird_map10.png);} .mapcontain .map .mapImg .map10:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map11{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map11 p{top:55px; left:45px;} .mapcontain .map .mapImg .map11:hover{background: url(../images/sub/bird_map11.png);} .mapcontain .map .mapImg .map11:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map12{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map12 p{top:55px; left:45px;} .mapcontain .map .mapImg .map12:hover{background: url(../images/sub/bird_map12.png);} .mapcontain .map .mapImg .map12:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map13{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map13 p{top:55px; left:45px;} .mapcontain .map .mapImg .map13:hover{background: url(../images/sub/bird_map13.png);} .mapcontain .map .mapImg .map13:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map14{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map14 p{top:55px; left:45px;} .mapcontain .map .mapImg .map14:hover{background: url(../images/sub/bird_map14.png);} .mapcontain .map .mapImg .map14:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map15{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map15 p{top:55px; left:45px;} .mapcontain .map .mapImg .map15:hover{background: url(../images/sub/bird_map15.png);} .mapcontain .map .mapImg .map15:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map16{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map16 p{top:55px; left:45px;} .mapcontain .map .mapImg .map16:hover{background: url(../images/sub/bird_map16.png);} .mapcontain .map .mapImg .map16:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map17{top:25px; left:100px; width:127px; height:129px;} .mapcontain .map .mapImg .map17 p{top:55px; left:45px;} .mapcontain .map .mapImg .map17:hover{background: url(../images/sub/bird_map17.png);} .mapcontain .map .mapImg .map17:hover a{position:absolute; top:0px; left:20px; width:127px; height:129px; } .mapcontain .map .mapImg .map01 a {display: none;} .mapcontain .map .mapImg .map01:hover a {display: block;} .mapcontain .map .mapImg .map01:hover a span {position: absolute; top:13px; right: 15px; color: #000; font-size: 16px; } .mapcontain .map .mapImg .map02 a {display: none;} .mapcontain .map .mapImg .map02:hover a {display: block;} .mapcontain .map .mapImg .map02:hover a span {position: absolute; top:13px; right: 15px; color: #000; font-size: 16px; } .mapcontain .map .mapImg .map03 a {display: none;} .mapcontain .map .mapImg .map03:hover a {display: block;} .mapcontain .map .mapImg .map03:hover a span {position: absolute; top:13px; right: 18px; color: #000; font-size: 16px; } .mapcontain .map .mapImg .map04 a {display: none;} .mapcontain .map .mapImg .map04:hover a {display: block;} .mapcontain .map .mapImg .map04:hover a span {position: absolute; top:13px; right: 15px; color: #000; font-size: 16px; } .mapcontain .map .mapImg .map05 a {display: none;} .mapcontain .map .mapImg .map05:hover a {display: block;} .mapcontain .map .mapImg .map05:hover a span {position: absolute; top:13px; right: 15px; color: #000; font-size: 16px; } .mapcontain .map .mapImg .map06 a {display: none;} .mapcontain .map .mapImg .map06:hover a {display: block;} .mapcontain .map .mapImg .map06:hover a span {position: absolute; top:13px; right: 15px; color: #000; font-size: 16px; } .mapcontain .map .mapImg .map07 a {display: none;} .mapcontain .map .mapImg .map07:hover a {display: block;} .mapcontain .map .mapImg .map07:hover a span {position: absolute; top:13px; right: 15px; color: #000; font-size: 16px; } .mapcontain .map .mapImg .map08 a {display: none;} .mapcontain .map .mapImg .map08:hover a {display: block;} .mapcontain .map .mapImg .map08:hover a span {position: absolute; top:13px; right: 15px; color: #000; font-size: 16px; } .mapcontain .map .mapImg .map09 a {display: none;} .mapcontain .map .mapImg .map09:hover a {display: block;} .mapcontain .map .mapImg .map09:hover a span {position: absolute; top:13px; right: 18px; color: #000; font-size: 16px; } .maplist_help {margin-top:100px;height:80px; background: url(../images/sub/maplist_help.gif) no-repeat top left; } .maplist_help p {padding:55px 0 0 40px;font-size:18px;} #pop_ringlayer {width:auto;height:auto;position:absolute;display:none;border:1px solid #000000;background-color:#ffffff;} #pop_ringlayer .top_layertit {background-color:#00a388;height:45px;} #pop_ringlayer .top_layertit p.titleft {float:left;color:#fff;font-size:17px;padding:8px 0 0 10px;} #pop_ringlayer .top_layertit p.btnright {float:right;padding:5px 5px 0 0px;} #pop_ringlayer img {max-width:100%;} #pop_ringlayer .cont_scroll {height:470px;overflow-y:scroll;padding:10px 10px;} .birdstatic {width:auto;border:1px solid #cccccc;padding:15px 15px;} .birdstatic table {width:100%;} .birdstatic table th {background:#9eaab5;color:#fff;text-align:center;padding:10px 0 10px 10px; font-size:14px;border-left:1px solid #dddddd;} .birdstatic table td {background:#f6f8f7;text-align:left;padding:10px 0 10px 15px; border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;} .birdstatic table td:last-child {border-right:1px solid #dddddd;} .birdstatic table td select {width:95%;height:29px; border:1px solid #d6d6d6;} .birdstatic table td.txtrgt {background:#f6f8f7;text-align:right;padding:10px 10px; border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;} .birdstatic table td br {display: none;} .birdstatic2 {border:1px solid #cccccc;padding:15px 15px;} .birdstatic2 table {background:#f6f8f7;} .birdstatic2 table th {background: url(../images/sub/bull_dot.gif) no-repeat 15px 20px;color:#000;text-align:left;padding:10px 0px 10px 25px;font-size:14px;} .birdstatic2 table td {text-align:left;padding:10px 15px; } .birdstatic2 table td select {width:120px;height:29px; vertical-align:middle;border:1px solid #d6d6d6;} table.static_list {border-collapse: collapse; width: 100%;border-top:1px solid #464646} table.static_list th { padding:10px 0px; background:#f4faed;border-bottom:1px solid #dadada;border-left:1px solid #d5d5d5;} table.static_list th:first-child, table.static_list td:first-child {border-left:none;} table.static_list td {padding:10px 10px;text-align:center;border-top: 1px solid #e9e9e9;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;} table.static_list td.subject {padding:10px 10px 10px 10px;text-align:left;border-top: 1px solid #e9e9e9;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;} table.static_list tr.bgcol01 {background:#e5eeff; color: #000;} table.static_list tr.bgcol02 {background:#ffffe0; color: #000;} #layerbird{width:750px;height:440px;position:absolute;left:50%; display:none ; z-index: 999; border:2px solid #3c3c3c;padding:20px 15px;background-color: #fff} #layerbird .txt_toparea {border-bottom: 1px solid #5c5c5c;padding-bottom: 15px;font-size:16px; color: #000;font-weight:500;} #layerbird .txt_toparea2 {margin-top:20px;background-color:#f6f6f6;padding:10px 10px;font-size:14px; color: #000;font-weight:500;} #layerbird .txt_toparea2 span {font-size:14px; color: #4c99df; } #layerbird .layer_cont {margin-top: 20px} #layerbird .close{position:absolute;top:15px;right:15px;} .divcharttypestyle{width:724px;background:#fff; position:absolute;display:none;z-index:10000} @media (max-width: 820px) { .layer_cont {overflow-x: auto; min-width: 320px; width:100%; max-wdith:100%;} #chartHolder {height: 285px; max-width:750px; min-width: 320px; width:100%; overflow-x: scroll; white-space: nowrap; } .divcharttypestyle{width:100%;} } .icon_type_step {width:100%;} .icon_type_step ol{display:inline-block;width:100%;} .icon_type_step ol li{float:left;width:25%;padding:0 0 0 35px;text-align:center;background:url(../images/sub/cont_arrow.gif) no-repeat 12px 50%;} .icon_type_step ol.col_5 li{float:left;width:20%;padding:0 0 0 35px;text-align:center;background:url(../images/sub/cont_arrow.gif) no-repeat 12px 50%;} .icon_type_step ol li:first-child{padding-left:0;background:none;} .icon_type_step dl{height: 120px; border-radius: 10px; padding: 0 10px; } .icon_type_step dl dt{padding-top: 15px; } .icon_type_step dl dt span {display:inline-block;line-height: 30px;font-size: 16px;font-weight: 500; width: 35px;height: 35px; background-color: #fff;border-radius: 50%;margin: 0 auto} .icon_type_step dl dd{padding-top:20px; font-size:16px;color:#fff;font-weight: 500; line-height:23px; word-break:keep-all;} .icon_type_step dl dd em {color: #f6ff00;font-style: normal} .icon_type_step .step01 { background: #78a808; background-image: -webkit-linear-gradient(to bottom, #78a808, #709d07 50%, #78a808);background-image: linear-gradient(to bottom, #78a808, #709d07 50%, #78a808); } .icon_type_step .step02 { background: #003065; background-image: -webkit-linear-gradient(to bottom, #003065, #002857 50%, #003065);background-image: linear-gradient(to bottom, #003065, #002857 50%, #003065); } .int_bird {width: 100%; height:28px; padding: 0 6px; border: 1px solid #ddd; vertical-align: middle;} .int_bird30 {width: 30%; height:28px; padding: 0 6px; border: 1px solid #ddd; vertical-align: middle;} .birdlatbox {margin-left: 15px;} .tit_1depthbird {clear:both;text-align:left;background: url(../images/common/bull_tit1dep.gif) no-repeat 0 8px;color:#000;font-weight:500;font-size:17px;padding:0px 0 0 15px;} .tit_1depthbird span {color:#d14f01;font-weight:500;font-size:17px;} .nodisp { display: none;} #divChartType ul li {float:left;width:9%;padding-bottom:5px;} #divChartType ul li img {width:63px;} /*TotalSch*/ .tschwrap {overflow: hidden;margin: 25px 0 0 0} .tschwrap ul li a {width:8%;float: left; color: #000; background-color: #f7f7f7;border:1px solid #dcdcdc;margin-left:0.333%;margin-bottom: 1%; height: 50px;vertical-align: middle; letter-spacing:-1px; line-height:48px;} /*.tschwrap ul li a {width:8.5%;float: left; color: #000; background-color: #f7f7f7;border:1px solid #dcdcdc;margin-left:0.5%;margin-bottom: 1%; height: 50px;vertical-align: middle; letter-spacing:-1px; line-height:48px;}*/ .tschwrap ul li a:hover {color: #000; background-color: #ffffff;border:2px solid #6fb111;} .tschwrap ul li a.on {color: #000; background-color: #ffffff;border:2px solid #6fb111;} .tschwrap ul li:first-child a {margin-left: 0} .icon_tsch01 {display: inline-block; height: 50px; line-height:50px; width:100%; text-align:center;} .icon_tsch01 .ico{vertical-align:-2px; margin-right:3px;} .icon_tsch02 {display: inline-block; height: 50px; line-height:50px; width:100%; text-align:center;} .icon_tsch02 .ico{vertical-align:-2px; margin-right:3px;} .icon_tsch03 {display: inline-block; height: 50px;line-height:50px; width:100%; text-align:center; } .icon_tsch03 .ico{vertical-align:-2px; margin-right:3px;} .icon_tsch04 {display: inline-block; height: 50px; line-height:50px; width:100%; text-align:center;} .icon_tsch04 .ico{vertical-align:-3px; margin-right:3px;} .icon_tsch05 {display: inline-block; height: 50px;line-height:50px; width:100%; text-align:center;} .icon_tsch05 .ico{vertical-align:-5px; margin-right:3px;} .icon_tsch06 {display: inline-block; height: 50px;line-height:50px; width:100%; text-align:center;} .icon_tsch06 .ico{vertical-align:-4px; margin-right:3px;} .icon_tsch07 {display: inline-block; height: 50px;line-height:50px; width:100%; text-align:center; } .icon_tsch07 .ico{vertical-align:-4px; margin-right:3px;} .icon_tsch08 {display: inline-block; height: 50px; line-height:50px; width:100%; text-align:center;} .icon_tsch08 .ico{vertical-align:-4px; margin-right:3px;} .icon_tsch09 {display: inline-block; height: 50px; width:100%; text-align:center;} .icon_tsch09 .ico{vertical-align:-3px; margin-right:3px;} .icon_tsch10 {display: inline-block; background: none;height: 50px;/*padding-left: 15px;*/height: 50px; width:100%; text-align:center;} .icon_tsch10 .ico{vertical-align:-2px; margin-right:3px;} .icon_tsch12 {display: inline-block; height: 50px; line-height:50px; width:100%; text-align:center; } .icon_tsch12 .ico{vertical-align:-4px; margin-right:3px;} .icon_tsch13 {display: inline-block; height: 50px;line-height:48px; width:100%; text-align:center;} .icon_tsch13 .ico{vertical-align:-3px; margin-right:3px;} .tschwrap ul li a span{display: inline-block;padding:15px 0 0 28px; letter-spacing:-1px;} .tsch_tit {overflow: hidden; width: 100%;border-bottom:1px solid #d5d5d5;padding-bottom: 10px} .tschjong{position:relative; padding:10px 0 20px 240px; min-height:200px; border-bottom: 1px solid #d5d5d5; } .tschjong .photozone{position:absolute; left:0; top:15px; width:200px;height: 130px; padding:0px 0; border: 1px solid #b6b6b6; text-align:center;} .tschjong .photozone img { /*width:198px; */ max-height:100%;} .tschjong .summary_jong .info_cont{position:relative; padding:0; padding-left:80px; } .tschjong .summary_jong .info_cont > dt{position:absolute; left:0; width:80px; line-height:150%; font-size:14px; padding-top:7px; color:#000;} .tschjong .summary_jong .info_cont > dd{position:relative; line-height:150%; font-size:14px; padding:7px 10px; border-bottom:1px dashed #ddd; color:#515050;} .tschjong .summary_jong .info_cont > dd:before{content:''; position:absolute; top:16px; left:0; width:2px; height:2px; background:#7f8187;} .tschjong .summary_jong .info_cont > dd:last-child{border-bottom:none;} .tschjong .summary_jong .btn_area {position:absolute; bottom:10px; right:19px;} .list_spec {width:100%;overflow: hidden;} .list_spec ul li { padding:20px 0; min-height: 170px; border-bottom: 1px solid #d5d5d5;} .list_spec ul li .photospec {float: left; min-width:200px; } .list_spec ul li .photospec p {width:200px;height: 130px; border: 1px solid #b6b6b6; } .list_spec ul li .photospec p img {width: 100%;height: auto;} .list_spec ul li .summary_spec {padding-left:240px; } .list_spec ul li .summary_spec p {position:relative; padding:4px 0 4px 10px;border-bottom: 0} .list_spec ul li .summary_spec p:before{content:''; position:absolute; top:11px; left:0; width:3px; height:3px; background:#7f8187;} .list_sojae li { padding:15px 0;border-bottom:1px dashed #ddd;line-height: 27px} .layer_disc {width:400px;min-height:150px;position:absolute;display:none;border:1px solid #000000;background-color:#ffffff;} #layerPop1 .top_layertit {background-color:#00a388;height:45px;} #layerPop1 .top_layertit p.titleft {float:left;color:#fff;font-size:17px;padding:8px 0 0 10px;} #layerPop1 .top_layertit p.btnright {float:right;padding:5px 5px 0 0px;} #layerPop1 .cont_layer {padding:20px 20px;} #layerPop1 .cont_layer ul li {background: url(../images/sub/bull_layer2.gif) no-repeat 0 15px;padding:8px 0 7px 15px;border-bottom:1px solid #d6d6d6; } #layerPop1 .cont_layer ul li strong {display:inline-block;width:75px;color:#000;font-size:14px;background: url(../images/sub/bull_stick2.gif) no-repeat 70px 5px} /*JONG INFO*/ .aside_jongwrap {width: 100%;overflow: hidden;} .aside_jongwrap .flt_imgbox {float:left;width:483px} .aside_jongwrap .flt_infobox {padding-left:550px;} .tit_infotop {padding:10px 0;border-top:1px solid #e1e1e1;border-bottom: 2px solid #007608; font-size:27px;color: #007608;font-weight: bold;position: relative;} .tit_infotop > span.btn {position:absolute; right: 0;} .tit_infotop > span.btn > a {display: inline-block; border-radius:3px; padding:5px 8px; line-height: 12px; font-size: 12px; vertical-align: middle;border: 1px solid #91ad5b; background-color: #eff6dd; color: #212121;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .aside_jongwrap .flt_infobox table {border-collapse: collapse;width: 100%; } .aside_jongwrap .flt_infobox table th {vertical-align: top; padding:10px 0;color: #000;font-size: 17px; text-align: left;border-bottom: 1px solid #e1e1e1;} .aside_jongwrap .flt_infobox table th.qr {border-bottom:none;} .aside_jongwrap .flt_infobox table td {padding:10px 0;text-align: left;border-bottom: 1px solid #e1e1e1;font-size: 14px; } .aside_jongwrap .flt_infobox table td.qr {text-align:right; border-bottom:none; padding-right:20px;} .bslider_imgbox {position: relative;width: 100%;text-align: center} .bslider_imgbox img.thumb{max-width:483px;max-height:382px; } .bslider_imgbox p.btnleft {position: absolute; /*top:175px;*/ top:50%; margin-top: -20px; left:0px;} .bslider_imgbox p.btnright {position: absolute;/*top:175px;*/top:50%; margin-top: -20px; right:0px;} .sect_species {width: 100%;overflow: hidden;} .sect_species .infobox_left {float: left;width:48%;} .sect_species .infobox_right {float: right;width:48%;} ul.spec_list li:not(:last-child) {border-bottom: 1px dashed #aeaeae;padding:10px 0;} ul.spec_list li {padding:10px 0;} .txtblk {color:#000;font-size:10px;vertical-align:super;} a.btnsrch01 {display:inline-block;background:#e2732c;height:20px;line-height:8px;border:1px solid #c96f36; font-size:11px; color:#ffffff; padding:5px 5px; vertical-align:middle; margin-left: 5px; } a.btnsrch02 {display:inline-block;background:#00b6d1;height:20px;line-height:8px;border:1px solid #339baa; font-size:11px; color:#ffffff; padding:5px 5px; vertical-align:middle; margin-left: 5px; } a.btnsrch03 {display:inline-block;background:#78953d;height:20px;line-height:8px;border:1px solid #768755;font-size:11px; color:#ffffff; padding:5px 5px; vertical-align:middle;margin-left: 5px; } a.btnsrch04 {display:inline-block;background:#fff; /*height:20px;*/line-height:14px; border-radius:2px;border:1px solid #816dcb;font-size:11px; color:#000; padding:5px 5px; vertical-align:middle; margin-left: 5px; } ul.tbllist_jong li {float:left;width:48%; padding:5px 5px 5px 12px;background: url(../images/sub/bull_tbllist.gif) no-repeat 0 12px} ul.tbllist_jong li dl dt {float:left; letter-spacing:-1px; padding:0;} ul.tbllist_jong li dl dt strong {color: #000;font-weight: bold;font-size: 15px} ul.tbllist_jong li dl dd {float:right; } .jong_tabmenu {overflow: hidden;background: url(../images/sub/tabjong_bg.gif) repeat-x left bottom;height:42px;} .jong_tabmenu ul li {float: left;width:111px;height:42px;background: url(../images/sub/tabjong_off.gif) no-repeat;text-align: center; } .jong_tabmenu ul li a {text-decoration:none;display: inline-block;line-height:40px; text-align: center;color: #686868;font-size: 15px} .jong_tabmenu ul li a:hover, .jong_tabmenu ul li a.on {width:111px;height:42px;background: url(../images/sub/tabjong_on.gif) no-repeat;text-align: center;font-weight:bold;text-decoration:none;color: #000;font-size: 15px;line-height:41px;} .sect_jongbox {width: 100%;overflow: hidden;} .sect_jongbox .list_left {float: left;width:65%;} .sect_jongbox .list_right {float: right;width:32%;} .flex_boxline { border:1px solid #d0d0d0;padding:20px 25px;} .tit_jongline { border-bottom: 1px solid #e1e1e1;font-size: 19px;color: #000;font-weight: 500;padding-bottom: 10px} .tit_jongline span{color:#4e4e4e;font-size: 14px;} .jongtit_wrap {overflow: hidden; width: 100%;border-bottom: 1px solid #e1e1e1;padding-bottom: 10px} .jongtit2 {font-size: 19px;color: #000;font-weight: 500;} .jongtit2 span{color:#4e4e4e;font-size: 14px;} .jongmov_box {position: relative;} .jongmov_box p {position: absolute;top:100px;left:150px;} .layerpop_photo{width:500px;height:auto;position: absolute;display:block; z-index: 999; border:1px solid #000; background-color: #f7f7f7} .layerpop_photo .top_aside {background-color: #f7f7f7;padding:10px 10px;overflow: hidden;} .layerpop_photo .top_aside .sect01 {float: left; } .layerpop_photo .top_aside .sect01 img {margin-top:10px;margin-right: 10px;vertical-align: middle} .layerpop_photo .top_aside .sect02 {float: left;line-height:40px} .layerpop_photo .top_aside .sect03 {float: right} .layerpop_photo .top_aside .sect02 span {display: inline-block;margin-left:8px; padding-left: 10px; background: url(../images/sub/bull_poplayer.gif) no-repeat 0 15px;} .layerpop_photo .layer_cont {position: relative;width:100%;height: 100%;} .layerpop_photo .layer_cont .moveleft {position: absolute;/*top:147px;*/ top:50%; margin-top:-20px; left: 13px} .layerpop_photo .layer_cont .moveright {position: absolute;/*top:147px;*/ top:50%; margin-top:-20px; right: 13px} #layerpop_movie{width:400px;height:300px;position: absolute;display:none; z-index: 999; border:1px solid #000; background-color: #f7f7f7} #layerpop_movie .top_aside {background-color: #f7f7f7;padding:10px 10px;overflow: hidden;} #layerpop_movie .top_aside .sect01 {float: left; } #layerpop_movie .top_aside .sect01 img {margin-top:10px;margin-right: 10px;vertical-align: middle} #layerpop_movie .top_aside .sect02 {float: left;line-height:40px} #layerpop_movie .top_aside .sect03 {float: right} #layerpop_movie .top_aside .sect02 span {display: inline-block;margin-left:5px; padding-left: 5px; background: url(../images/sub/bull_poplayer.gif) no-repeat 0 15px;} #layerpop_movie .layer_cont {position: relative;} #layerpop_movie .layer_cont .playbtn {position: absolute;top:100px;left: 177px} #layerpop_sound{width:493px;height:135px;position: absolute;display:none; z-index: 999; border:1px solid #000; background-color: #f7f7f7} #layerpop_sound .top_aside {background-color: #f7f7f7;padding:10px 10px;overflow: hidden;} #layerpop_sound .top_aside .sect01 {float: left; } #layerpop_sound .top_aside .sect01 img {margin-top:10px;margin-right: 10px;vertical-align: middle} #layerpop_sound .top_aside .sect02 {float: left;line-height:40px} #layerpop_sound .top_aside .sect03 {float: right} #layerpop_sound .top_aside .sect02 span {display: inline-block;margin-left:5px; padding-left: 5px; background: url(../images/sub/bull_poplayer.gif) no-repeat 0 15px;} #layerpop_sound .layer_cont {position: relative;} #layerpop_sound .layer_cont div {margin:0 auto;width:483px;border:1px solid #e2e2e2;} #layerpop_sound .layer_cont .playbtn {position: absolute;top:100px;left: 177px} .m_icon{overflow:hidden;text-align: center;} .m_icon li{float:left;margin-left:3%;margin-bottom:3%;} .m_icon li:first-child {margin-left:0;} .m_icon li a {text-decoration: none;} .m_icon .img{ background: url(../images/sub/iconutil_off.png) no-repeat 0 0;width:96px;height: 107px; position: relative;margin:0 auto; } .m_icon .img img{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto; } .m_icon .img:hover{background: url(../images/sub/iconutil_on.png) no-repeat 0 0;} .m_icon .txt dl dt {font-weight:bold;color:#000;letter-spacing:-1px;text-align:center;padding:10px 0 10px 0;} .m_icon .txt dl dd {text-align:center;} .m_icon .active {background: url(../images/sub/iconutil_on.png) no-repeat 0 0;} .managewrap2 {clear:both;margin:30px 0;overflow:hidden;zoom:1;} .managewrap2 ul {clear:both;} .managewrap2 ul li {width:100%;display:inline-block;padding:15px 0 20px 0;height:140px;} .managewrap2 ul li dl {padding:0 0 0 140px;} .managewrap2 ul li dl dt {font-weight:bold;color:#000;font-size:17px;padding:0 0 5px 0;line-height:22px;} .managewrap2 ul li dl dd {line-height:17px;} .managewrap2 ul li dl dd.dotlist {height:20px;background:url(../images/sub/bull_dot.gif) no-repeat 0 10px;padding:3px 0 0 9px;} .managewrap2 ul li dl dd.imgicon {float:left;margin:-50px 0 0 -120px;} .managewrap2 ul li dl dd.imgicon2 {float:left;margin:-97px 0 0 -120px;} .managewrap2 ul li p {padding:15px 0 0 140px;} .law_title {font-size:17px;border-bottom:1px solid #bbbbbb;color:#000;font-weight:bold;padding-bottom:15px;} .icon_lawlist {background: url(../images/sub/icon_lawlist.gif) no-repeat 0px 15px; padding:0px 0 0px 80px;} .icon_lawlist ul li { padding:3px 0 3px 15px;font-size:15px;} .lawboxwrap {font-size:14px;line-height:24px;padding:25px 25px;border:1px solid #dbdbdb;background:#fdfff9;} .layerpop_name {border:1px solid #000; background-color: #f7f7f7;padding:5px 5px;line-height:19px;color:#000;} .txt_ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left:5px !important; padding-right:5px !important; } button.btnblue2 {display:inline-block;background: url(../images/sub/bg_btnblue.gif) repeat-x bottom left; border-radius:2px; height:24px; line-height:24px;border:1px solid #7197b1;font-weight:bold;color:#333333; padding:0 10px; vertical-align:middle;} table.bbs_view th.txtcnt {text-align:center;} .tabmenu p.btn {width:750px;text-align:right; } ul.txtinfo li {padding-left:15px;} .layerpop_name2 {position:relative;border:1px solid #007608; background-color: #fcfff0;padding:5px 10px;line-height:19px;color:#000;} ul.listdash2 {margin-left:15px;} ul.listdash2 li {background: url(../images/sub/bull_dash.gif) no-repeat 0px 11px;padding:2px 0 2px 10px;} .layerpop_name2 .btnclose {position:absolute;top:10px;right:10px;} .tab3dmenu {clear:both; background:#fafafa;height:31px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} .tab3dmenu ul li a {float:left; padding:5px 25px 0px 25px;height:31px;font-size:14px;text-align:center; font-weight:bold;margin-right:1px;color:#4a4a4a;} .tab3dmenu ul li a.on {float:left; padding:5px 25px 0px 25px;height:25px;border-bottom:2px solid #517e03;font-size:14px;text-align:center;font-weight:bold;margin-right:1px;color:#517e03;} .txt3dbox {background: url(../images/sub/img3d_03.gif) no-repeat top right; min-height:80px;} .txt3dbox p {padding-right:165px;} .txtimg_3d {background: url(../images/sub/txtimg_3d.gif) no-repeat top left; min-height:70px;padding-left:120px;line-height:25px;} .classtree {clear:both;width:100%;height:560px; overflow-y:scroll;overflow-x:hidden; } ul.class_list {margin:0;width:690px;} ul.class_list li {padding:0px 0 0 0;line-height:18px;margin:0px 0 0 0;} .photo-tsch {overflow: hidden; width: calc(100% + 30px); padding-top: 10px; border-bottom: 1px solid #ddd;} .photo-tsch li {float: left; width: calc(25% - 30px); margin: 0 30px 30px 0;} .photo-tsch li:nth-child(4n + 1) {clear: both;} .photo-tsch a {display: block;position: relative;} .photo-tsch .thumb {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 70%; background-color: #f9f9f9;border: 1px solid #d9d9d9;} .photo-tsch .thumb img {position: absolute; left: 0; top:0; width: 100%; max-height:100%; } .photo-tsch .tit {display: block; overflow: hidden; margin:10px 0; text-align: center; font-size: 14px; color:#222; text-overflow: ellipsis; white-space: nowrap;} .photo-tsch .txtinfo {margin-left:0px; font-weight: 300; color: #666;text-align: center} .jongmov_box2 {position: relative;} .jongmov_box2 p {position: absolute;bottom:0px;left:0px;} .jongmov_time {color:#ffffff;position:absolute;right:10px;bottom:10px;width:70px;height:20px;background-color:rgba(190,190,190,0.8);text-align:center;} .photo-wrap2 {display: inline-block; overflow: hidden; width:100%;} .photo-list2 {overflow: hidden; width: calc(100% + 10px); padding-top: 10px; border-top: 0px solid #000; border-bottom: 1px solid #ddd;} .photo-list2 li {float: left; width: calc(25% - 10px); margin: 0 10px 10px 0;} .photo-list2 li:nth-child(4n + 1) {clear: both;} .photo-list2 a {display: block;} .photo-list2 .thumb {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 70%; background-color: #f9f9f9;border: 1px solid #d9d9d9;} .photo-list2 .thumb img {position: absolute; left: 0; top:0; width: 100%; transition:transform 2000ms ease-in-out 0s; } .photo-list2 li a:hover span.thumb img{transition:transform 2000ms ease-in-out 0s;} .photo-list2 li a span.thumb:before{position:absolute; top:0; left:0; display:block; width:100%; height:100%; content:''; opacity: 0.3; filter: alpha(opacity=30); z-index:1;} .photo-list2 li a:hover span.thumb:before{background-color: #fff;opacity: 0.3;filter: alpha(opacity=30);} .photo-list3 {overflow: hidden; width: calc(100% + 10px); padding-top: 10px; border-top: 0px solid #000; border-bottom: 1px solid #ddd;} .photo-list3 li {float: left; width: calc(20% - 10px); margin: 0 10px 10px 0;} .photo-list3 li:nth-child(5n + 1) {clear: both;} .photo-list3 a {display: block;} .photo-list3 .thumb {display: block; overflow: hidden; position: relative; width: 100%; height: 150px; /*padding-top: 70%;*/ background-color: #f9f9f9;border: 1px solid #d9d9d9;} .photo-list3 .thumb img {position: absolute; left: 0; top:0; width: 100%; } .photo-list3 strong {position: absolute;top:0%;left:50%;} .photo-list3 li .img{/*border:solid 1px #e0e0e0; background-color:#f8f8f8;*/ border:1px solid #e0e0e0; display:block; /*margin-bottom:14px; width:280px; height:180px; margin: 20px auto;*/ } .photo-list3 li .img .img_area .imgin{ /*width:280px;*/height:150px;border:none; } .photo-list3 li .img .img_area .imgin img{margin:0 auto;} .photo-list3 li .img .img_area img{max-width:100%;max-height:150px; } .img_area{text-align:center;display:table;width:100%;background:#fff;} .img_area .imgin {display:table-cell;text-align:center;vertical-align:middle;border:solid 1px #e0e0e0;} .img_area .imgin img{margin:0 auto;} .photo-list4 {overflow: hidden; width: calc(100% + 10px); padding-top: 10px; } .photo-list4 li {float: left; width: calc(20% - 10px); margin: 0 10px 10px 0; } .photo-list4 li:nth-child(5n + 1) {clear: both;} .photo-list4 a {display: block;} .photo-list4 .thumb {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 70%; background-color:#374f76;border: 1px solid #374f76;} .photo-list4 strong {position: absolute;top:35%;left:35%; } .photo-list5 {overflow: hidden; width: calc(100% + 10px); padding-top: 10px; border-top: 0px solid #000; border-bottom: 1px solid #ddd;} .photo-list5 li {float: left; width: calc(25% - 10px); margin: 0 10px 10px 0;} .photo-list5 li:nth-child(4n + 1) {clear: both;} .photo-list5 a {display: block;} .photo-list5 .thumb {display: block; overflow: hidden; position: relative; width: 100%; height: 150px; /*padding-top: 70%;*/ background-color: #f9f9f9;border: 1px solid #d9d9d9;} .photo-list5 .thumb img {position: absolute; left: 0; top:0; width: 100%; } .photo-list5 strong {position: absolute;top:0%;left:50%;} .photo-list5 li .img{/*border:solid 1px #e0e0e0; background-color:#f8f8f8;*/ border:1px solid #e0e0e0; display:block; /*margin-bottom:14px; width:280px; height:180px; margin: 20px auto;*/ } .photo-list5 li .img .img_area .imgin{ /*width:280px;*/height:128px;border:none; } .photo-list5 li .img .img_area .imgin img{margin:0 auto;} .photo-list5 li .img .img_area img{max-width:100%;max-height:128px; } /*Popup*/ .popupwrap {margin:0;padding:20px 20px;border:2px solid #8bb61f; background:url(../images/sub/bg_poptop.png) no-repeat;background-position:-10px -15px; } .popupwrap .poptit {padding-bottom:10px; height:50px;width:100%;border-bottom: 2px solid #000;} .popupwrap .poptit h1 {font-size:24px;font-weight: 500; color: #000;line-height: 45px; } .popupwrap .poptit .btn {text-align:right; } .popupwrap .popconts {overflow:hidden;padding:20px 0px; } .popupwrap .popconts .popscroll {width:100%;height:300px;overflow-x:scroll;overflow-y:scroll;} .popupwrap .popconts .popscroll2 {width:100%;height:200px;overflow-y:scroll;} .popupwrap .popconts .search {margin:10px auto;padding:15px 0px;width:100%;text-align:center;background:#f9f9f9;border:1px solid #9cc423;} .popupwrap .popconts .search input {height:25px;border: 1px solid #ddd; vertical-align: middle;} .popupwrap .table_spec img {max-width:100%;height:auto;} /* Layerpopup */ .layerpop {position: absolute;z-index: 51;left: 21.5%;top: 15%;width: 53%;margin: auto;border:1px solid #000;background-color: #fff;} .layerpop_docu {position: absolute;z-index: 51;left: 21.5%;top: 15%;width: 53%;margin: auto;border:1px solid #000;background-color: #fff;} .layer_sect {position: fixed;z-index: 50;top: 0;left: 0;display: none;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);} .layerpop .exitbtn {padding:5px 5px 0 0px;text-align: right; } a.layerexit { display: inline-block; background-color: #fff;} .layerpop .layer_contain {padding:0px 0px; } .layerpop .top_layertit {background-color:#00a388;height:45px;} .layerpop .top_layertit p.titleft {float:left;color:#fff;font-size:17px;padding:8px 0 0 10px;} .layerpop img {/*width: 100%;*/ } .layer_scroll20 {height:470px;overflow-y:scroll;padding:10px 10px;} .layer_scroll202 {height:130px;overflow-y:scroll;padding:10px 10px;} .layer_scroll203 {height:330px;overflow-y:scroll;padding:10px 10px;} .layer_scroll203_m {height:630px;overflow-y:scroll;padding:10px 10px;} #pop_ringlayer2 .cont_form {padding:10px 10px;} #pop_ringlayer2 .cont_map {height:470px; } .layerpop .layer_jong {padding:20px 20px; } .layerpop_docu .layer_jong {padding:20px 20px; } .bbs_layer {width: 100%; border-top: 1px solid #464646; table-layout: fixed;} .bbs_layer tr th {background-color: #f4faed; border-bottom: 1px solid #d5d5d5;padding:8px 0; text-align: center; font-size: 12px; } .bbs_layer tr td {border-bottom: 1px solid #d5d5d5; padding:8px 8px 8px 8px;font-size: 12px; } /*tabmenu*/ .tab-button-outer { display:block; } .tabmenu{display:table;overflow:hidden;width:100%;margin-bottom:40px; height:40px;} .tabmenu > li{display:table-cell;width:1%;vertical-align:middle;text-align:center;border-top:1px solid #cecece; border-left:1px solid #cecece;background-color: #f8f8f8 } .tabmenu > li:last-child { border-right:1px solid #cecece;} .tabmenu > li > a{display:table;width:100%;height:100%;border-bottom: 2px solid #82b111;cursor: pointer;} .tabmenu > li > a > span{position:relative;display:table-cell;vertical-align:middle;} .tabmenu > li > a > span:before{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:0;height:5px;background:#fff;content:'';transition:width .3s;-webkit-transition:width .3s;} .tabmenu > li > a:hover, .tabmenu > li > a:focus, .tabmenu > li.active > a{font-weight:400;background-color: #fff; } .tabmenu > li.active > a > span:before{width:100%;} .tabmenu > li.active {background-color: #fff;border-top:2px solid #82b111;border-left:2px solid #82b111;border-right:2px solid #82b111;border-bottom: 2px solid #fff;} .tab-select-outer { display:none; } .tab-contents {margin: 20px 0;} .redbbs_sch {width: 100%; } .redbbs_sch tr th { color: #000; padding:10px; text-align: left;font-weight: 400; } .redbbs_sch tr td { padding:10px; text-align: left; font-weight:300; } .redbbs_sch tr td select {width:32%;height:29px; border:1px solid #d6d6d6;padding-left: 0px;} .redbbs_sch tr td ul li {display: inline-block;margin-left: 10px;} .mapendspc {width:100%;min-height:520px;background:#fafbf7;border:1px solid #dddddd; margin:20px 0 50px 0} .mapendspc .mapkorea {float:left;width:35%; margin-left:50px; margin-top: 30px; } .mapendspc .maplist {float:right;width:50%; margin-right:50px; margin-top: 30px; } .mapendspc .maplist .bg_box {width:100%;min-height:450px;background:#fff;border: 1px solid #b0b0b0; padding:20px 20px; } .mapendspc .maplist .bg_box p.map_tit {margin:0;padding:0;line-height:30px;height:40px;font-size:20px;color:#000;text-align: center} .mapendspc .map {display: inline-block; margin-bottom: 0px; } .mapendspc .map_respond {display: none;} .mapendspc .map .mapImg{position:relative; width:369px; min-height:450px; } .mapendspc .map .mapArea {position:absolute; cursor:pointer} .mapendspc .map .mapArea p{padding: 14px; width: 100px; height: 57px;} .mapendspc .map .mapArea a{position: absolute;} .mapendspc .map .mapArea p {position:relative; color: #4c4c4c; font-size: 11pt;} .bird_movbox {position: relative;} .bird_movbox .btn {position: absolute;bottom: 80px;right:10px;} .bird_movbox .btn a {display: inline-block;} .list_useble {width:100%;overflow: hidden;border-top:1px solid #000;} .list_useble ul li { padding:20px 0; min-height: 170px; border-bottom: 1px solid #d5d5d5;} .list_useble ul li .photospec {float: left; min-width:240px; width: 20%;} .list_useble ul li .photospec p {width:200px;height: 135px; border: 1px solid #b6b6b6; } .list_useble ul li .photospec p img {width: 100%;height: 100%;} .list_useble ul li .summary_spec {float: left; width: 55%; } .list_useble ul li .summary_spec p {padding-bottom: 10px;font-weight: 300;} .list_useble ul li .summary_spec p.tit {color:#517E03;font-weight: 500;font-size:17px;} .list_useble ul li .iconlist {width: 21%;float: right } .list_useble ul li .iconlist ol li {float:left;width:25%;text-align:center;border:none;} .list_useble ul li .iconlist ol li strong {font-weight: 500;color: #000;} .box_usewrap {width:100%;overflow: hidden;border:1px solid #6a6a6a;margin:30px 0;background: #fffff5;} .box_usewrap ul li { padding:20px 20px; min-height: 170px; } .box_usewrap ul li .photospec {float: left; min-width:240px; width: 20%;} .box_usewrap ul li .photospec p {width:200px;height: 135px; border: 1px solid #b6b6b6; } .box_usewrap ul li .photospec p img {width: 100%;height: 100%;} .box_usewrap ul li .summary_spec { padding-left: 240px; } .box_usewrap ul li .summary_spec p {padding-bottom: 10px;font-weight: 300;} .box_usewrap ul li .summary_spec p.tit {color:#517E03;font-weight: 500;font-size:17px;} .list_ident { margin: 0 -9px; padding-top:80px; overflow: hidden; } .list_ident > li {float: left;width: 50%; } .list_ident > li .box {margin: 0 9px; height: 400px;text-align: center;padding: 40px;background-color: #f9fbfd; border:2px solid #e2e2e2;} .list_ident > li .box .tag {width: 400px;height:150px;background: #10448b;position: relative;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto;top: -120px;line-height: 1.4;border-radius:85px;font-size: 20px;font-weight: 600; } .list_ident > li .box .txt {margin-top: -80px; line-height:20px; min-height: 170px;} .list_ident > li .box {text-align: left;min-height: 280px; } .list_ident > li .box strong {font-weight: 700; color: #222;display: block;margin-bottom: 10px;text-align: center; } .list_ident > li:nth-child(2) .box .tag {background-color: #589b10; } .list_ident > li:nth-child(2) .box .tag::before {border-bottom-color: #589b10; } .list_ident > li:nth-child(2) .box .tag::after {border-top-color: #589b10; } .list_ident::after {display: block;content: "";clear: both; } .list_ident2 { padding-top: 80px; overflow: hidden; } .list_ident2 > li { width: 100%; } .list_ident2 > li .box {height:100px;text-align: center;padding: 40px;background-color: #f9fbfd; border:2px solid #e2e2e2;} .list_ident2 > li .box .tag {width: 400px;height:150px;background: #0daabd;position: relative;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto;top: -120px;line-height: 1.4;border-radius:85px;font-size: 20px;font-weight: 600; } .list_ident2 > li .box .txt {margin-top: -80px; line-height:20px; min-height: 170px;} .list_ident2 > li .box {text-align: left;min-height: 200px; } .list_ident2 > li .box strong {font-weight: 700; color: #222;display: block;margin-bottom: 10px;text-align: center; } .list_ident2::after {display: block;content: "";clear: both; } i.icon_ident1 {display: inline-block; background :url(../images/sub/icon_ident1.png) no-repeat;margin-right: 0;min-width: 123px;min-height: 93px;} i.icon_ident2 {display: inline-block; background :url(../images/sub/icon_ident2.png) no-repeat;margin-right: 0;min-width: 110px;min-height: 95px;} i.icon_ident3 {display: inline-block; background :url(../images/sub/icon_ident3.png) no-repeat;margin-right: 0;min-width: 117px;min-height: 84px;} i.icon_ident4 {display: inline-block; background :url(../images/sub/icon_ident4.png) no-repeat;margin-right: 0;min-width: 16px;min-height: 17px; vertical-align: middle} i.icon_ident5 {display: inline-block; background :url(../images/sub/icon_ident5.png) no-repeat;margin-right: 0;min-width: 23px;min-height: 22px; vertical-align: middle } i.icon_ident6 {display: inline-block; background :url(../images/sub/icon_ident6.png) no-repeat;margin-right: 0;min-width: 18px;min-height: 18px; vertical-align: middle } .btn_ident {display: inline-block; border: 2px solid #959595;border-radius: 35px; height: 45px;line-height:40px;font-size: 15px; text-align: center; background-color: #fff; color: #000000;padding: 0 20px; } .list_bird {width:100%;overflow: hidden; border-top: 1px solid #000;} .list_bird ul li { padding:20px 0; min-height: 180px; border-bottom: 1px solid #d5d5d5;} .list_bird ul li .photospec {float: left; min-width:215px; } .list_bird ul li .photospec p {width:215px;height: 140px; border: 1px solid #b6b6b6; } .list_bird ul li .photospec p img {width: 100%; max-height:100%;height:auto;} .list_bird ul li .summary_spec {padding-left:240px; } .list_bird ul li .summary_spec p { padding:4px 0 4px 10px;border-bottom: 0} .list_bird ul li .summary_spec p span {display: inline-block;width:55px;} .list_bird ul li .summary_spec .tit {font-size:17px;font-weight: 500;} .list_bird ul li .photospec .bird_movbox2 {position: relative;} .list_bird ul li .photospec .bird_movbox2 .btn {position: absolute;bottom: 5px;right:5px;} .list_bird ul li .photospec .bird_movbox2 .btn a {display: inline-block;} .soundlayler2 {background: #003964;padding:10px 10px;width:550px;} .soundlayler2 .tit {color:#bbed44;font-size:18px;font-weight:bold;} .mar_t10 {margin-top:10px;} .m_iconwv{overflow:hidden;text-align: center;} .m_iconwv li{float:left;margin-left:3%;margin-bottom:3%;} .m_iconwv li:first-child {margin-left:0;} .m_iconwv li a {text-decoration: none;} .m_iconwv .img{ background: url(../images/sub/iconutil_off.png) no-repeat 0 0;width:96px;height: 107px; position: relative;margin:0 auto; } .m_iconwv .img img{position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto; } .m_iconwv .img:hover{background: url(../images/sub/iconutil_on.png) no-repeat 0 0;} .m_iconwv .txt dl dt {font-weight:bold;color:#000;letter-spacing:-1px;text-align:center;padding:10px 0 10px 0;} .m_iconwv .txt dl dd {text-align:center;} .m_iconwv .active {background: url(../images/sub/iconutil_on.png) no-repeat 0 0;} #genelistwrap {clear:both;width:100%;height:480px;overflow-y:scroll;margin-top:20px;} #geneviewwrap { height:150px;overflow-y:scroll;border:1px solid #6a6a6a;padding:10px 10px;margin-top:10px;} a.selt_order {border:1px solid #cacaca;width:121px;height:34px;color:#6f6f6f;font-size:14px;display:inline-block;line-height:32px;padding-left:10px;vertical-align:middle;} a.selt_order:link, a.selt_order:hover {color:#6f6f6f;text-decoration:none;} .selectlist {background:#fff;border:1px solid #cacaca;border-bottom:none; width:131px;z-index:1;position:absolute;top:217px;right:122px;} .selectlist ol li {width:131px;height:32px;line-height:32px;border-bottom:1px solid #cacaca; } .selectlist ol li a:link, .selectlist ol li a:visited {width:131px;color:#6f6f6f;font-size:14px;text-decoration:none;display:inline-block;height:32px;line-height:32px;text-indent:10px;} .selectlist ol li a:hover, .selectlist ol li a:active {width:131px;color:#000;font-size:14px;background-color:#ffffda;} .selectlist a {color:#6f6f6f;font-size:14px;} .moviewrap {background:#003964;width:780px;height:320px;} .moviewrap .fltmov {/*float:left;*/width:760px;padding:10px 10px;} .moviewrap .fltmov .divmovie {width:760px;height:450px;} .moviewrap .fltmov .divmovie .playbtn {position:absolute;top:150px;left:220px;z-index:99;} .moviewrap .fltmov .control {float:left;width:80px;padding:5px 0 0 5px;margin-right:30px;} .moviewrap .fltmov .runtime {float:left;width:280px;color:#fefaf7;font-size:12px;height:21px;line-height:10px;} .moviewrap .fltmov .runtime .boxgraph {background: url(/html/home/images/common/bg_movgraph.png) repeat-x 0 5px;display:inline-block;height:16px;width:205px;padding-top:5px;} .moviewrap .fltmov .volumdiv {float:right;padding-top:10px;} .moviewrap .fltcon {/*float:right;*/position:relative; width:780px; background-color:#001b2f;} .moviewrap .fltcon p.tit, .moviewrap .fltcon p.tit em {padding-top:5px; padding-bottom:5px; padding-left:10px; color:#fff;font-size:14px;font-weight:bold;} .moviewrap .fltcon p.tit strong {color:#bbed44;font-size:18px;font-weight:bold;} .moviewrap .fltcon p.tit1, .moviewrap .fltcon p.tit1 em {padding-top:5px; padding-bottom:0px; padding-left:10px; color:#fff;font-size:14px;font-weight:bold;} .moviewrap .fltcon p.tit1 strong {color:#bbed44;font-size:18px;font-weight:bold;} .moviewrap .fltcon .divbtn {position:absolute;top:10px;right:10px;} .stroyhead {padding:15px 10px;height:auto;overflow:hidden; background:#003964;font-weight:500;color:#fff;} .stroyhead ul li {float:left;width:60%;} .stroyhead ul li strong {font-weight:bold;color:#fff;font-size:17px;line-height:17px;} .stroyhead ul li.last {float:left;text-align:right;width:38%;} .stroyhead ul li.last span {background:url(/html/home/images/common/bull_linestory.gif) no-repeat top left;padding:0 0 0 10px;margin-left:10px;} .stroytext {padding:15px 10px;text-align:right;} .stroytext p {padding:5px 0px;} .stroycontents {padding:15px 10px;border-bottom:2px solid #e5e5e5;} .stroycontents img { max-width:95%; height:auto } .sr-only {position: absolute;margin: -1px 0 0 -1px;padding: 0;display: block;width: 1px;height: 1px;font-size: 1px;line-height: 1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;outline: 0;} .soundbox {position: relative;} .soundbox p {position: absolute;top:50%;left:50%;margin-left: -30px;margin-top: -30px;} .layer_sect .topsect {overflow: hidden;border-bottom: 2px solid #000;line-height: 34px;padding-bottom: 10px;} .layer_sect .topsect .title {float: left;color: #5c5c5c;font-size: 16px;} .layer_sect .topsect .title strong {color: #000;font-size: 22px;} .layer_sect .topsect .exitbtn {float: right;} .layer_sect .soundwrap {margin-top:10px; } .layer_sect .soundwrap ul li {/*border-bottom: 1px solid #d9d9d9;*/padding:10px 0px;overflow: hidden; } .sound_list {float: left; } .sound_list p.dotlist {position: relative; text-align: left;overflow: hidden;padding-left: 12px; } .sound_list p.dotlist::before {position: absolute; left: 0; top:9px; width: 3px; height: 3px; background-color: #000; content: '';} .sound_list p {padding-left: 12px;padding-bottom: 5px } .sound_list p span {display: inline-block;} .audiosect {float: right; width:60%;} .audiosect audio {width: 100%;} .soundnew {width:100%;overflow:hidden;border-top: 1px solid #000;} .soundnew ul li {width:50%;float: left; padding:25px 0 25px 0;min-height: 250px;border-bottom:1px solid #e0e0e0;} .soundnew div.photobird {float:left; } .soundnew div.photobird img {width: 270px;height: 197px;border: 1px solid #d9d9d9;} .soundnew div.infobird { padding:0 20px 0 310px;} .soundnew div.infobird p.title {color:#000;font-size:18px;font-weight:500;word-break: keep-all} .soundnew div.infobird p.txtname {padding:0px 0;font-size:14px;color: #7d7d7d;font-weight:300;} .soundnew div.infobird dl {overflow: hidden;} .soundnew div.infobird dl dt {float: left;width: 30%;position: relative;padding-left: 10px; line-height: 25px} .soundnew div.infobird dl dt::before {position: absolute; left: 0; top:11px; width: 3px; height: 3px; background-color: #000; content: '';} .soundnew div.infobird dl dd {float: right;width: 70%;line-height: 25px} .btnblue {display: inline-block; padding:5px 20px; line-height: 20px; vertical-align: middle; border-radius: 5px; background-color: #097ea9; color: #fff;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .btnblue:hover, .btnblue:focus{background:#1a4d86;color: #fff;} i.icsou {display: inline-block;width: 15px;height: 15px;background :url(../images/sub/icon_sound.png) no-repeat;margin-right: 5px} .soundbook {width: 100%;overflow: hidden;margin-top: 50px;} .soundbook .infotxt { float: left;width: 390px; font-size: 16px; font-weight: 300;color: #616161;} .soundbook .infotxt_wide {font-size: 16px; font-weight: 300;color: #616161;} .soundbook .ebooklist {float: right;padding-left:30px; width: 780px} .soundbook .ebooklist ul li {position: relative; float: left;margin-left:25px;margin-bottom: 25px; } .soundbook .ebooklist ul li:first-child {margin-left: 0} .soundbook .ebooklist ul li span {position: absolute;bottom: 10px;right: 10px;} .btnebook {display: inline-block; padding:10px 20px; line-height: 25px; vertical-align: middle; border-radius:30px; background-color: #ca9800; color: #fff;transition:color .3s, background .3s;-webkit-transition:color .3s, background .3s;} .btnebook:hover, .btnebook:focus{background:#642a00;color: #fff;} i.icbook {display: inline-block;width: 23px;height:21px;background :url(../images/sub/icon_ebook.png) no-repeat;vertical-align: middle; margin-right: 5px} .imgopen {width:51px;height: 19px; margin-top: 10px; } .sound_left {float:left; width:30%; } .sound_right {float:right; width:70%; } .btn_wave_playpause {display:inline-block; width:32px; height:32px; border-radius:16px; border:1px solid #000; background:url(../images/sub/btn_playpause.png) no-repeat 50% 50%;} .btn_wave_playstop{display:inline-block; width:32px; height:32px; border-radius:16px; border:1px solid #000; background:url(../images/sub/btn_playstop.png) no-repeat 50% 50%;} .txt_wave_notice {display:inline-block; vertical-align:middle;height:40px; margin-left:10px;} .opendata {width: 100%;overflow: hidden;margin-top: 30px;} .opendata .infotxt_wide {font-size: 16px; font-weight: 300;color: #616161;} /* 오픈데이타 - 데이터 목록 */ .data-set-list {margin-top:40px;} .data-set-list .result-list {border:1px solid #e0e0e0; } .data-set-list .result-list ul li {position:relative; border-top:1px solid #e0e0e0; padding:19px;} .data-set-list .result-list ul li.on {background-color:#fafafa; } .data-set-list .result-list ul li:first-child {border-top:0} .data-set-list .result-list ul li .btn-preview {float:right; color:#666; text-decoration:underline;} .data-set-list .result-list ul li .bottom-area {position:absolute; bottom:10px; right:19px;} .data-set-list .result-list ul li .tag-bottom-area {position:absolute; bottom:19px; right:19px;} .data-set-list .result-list ul li .tag-area {margin:0 0 10px 0;} .data-set-list .result-list ul li dl {margin:0 0 5px 0;} .data-set-list .result-list ul li dl dt {margin-bottom:10px;} .data-set-list .result-list ul li dl dt a { position:relative; text-decoration:none; overflow:hidden; max-width:100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow:ellipsis; } .data-set-list .result-list ul li dl dt .tagset {display:inline-block; vertical-align: middle;} .data-set-list .result-list ul li dl dt .title {vertical-align: middle;color:#333; font-weight:700; font-size:1.286em; line-height:24px;} .data-set-list .result-list ul li dl dt .title:hover {color:#2775c4; text-decoration:underline;} .data-set-list .result-list ul li dl dt .pre {padding:0 7px; display:inline-block; height:24px; line-height:24px; text-align:center; color:#fff; font-size:0.78571em; background-color:#f7912e; vertical-align:top; margin-left:5px;} .data-set-list .result-list ul li dl dd {margin:0; color:#666;} .data-set-list .result-list ul li .info-data p {display:inline-block; vertical-align: top; margin:0 20px 0 0; padding:0;} .data-set-list .result-list ul li .info-data p .tit {color:#333; display:inline-block; vertical-align: top; margin-right:10px; font-weight:700;} .data-set-list .result-list ul li .info-data p .data {color:#666; display:inline-block; vertical-align: top;} .data-set-list .result-list ul li .search-word-area {margin-top:15px;} .data-set-list .result-list ul li .search-word-area strong {color:#18a7f2;} .data-set-list .no-list {margin:30px 0;} .data-set-list .result-list .ellipsis {height: 22px;} .file-data .result-list { /*border-top:3px solid #4a63a6;*/} .open-api .result-list {/*border-top:3px solid #655bc2; */} .common-data .result-list {border-top:3px solid #238d5b; } .ellipsis_opendata {overflow:hidden; display:inline-block; max-width:100%; white-space:nowrap; text-overflow:ellipsis;} /* labelset */ .labelset {overflow:hidden; display:inline-block; min-width:68px; height:24px; padding:0 5px; color:#333; font-size:0.786em; line-height:23px; text-align:center; border:1px solid #000; font-family:'돋움', dotum; vertical-align:middle; background-color:#fff;} .labelset.blue {color:#4a63a6; border-color:#9bacd9;} .labelset.brown {color:#835d22; border-color:#d1b783;} .labelset.red {color:#bc535f; border-color:#e6aab1;} .labelset.purple {color:#655bc2; border-color:#a9a3dd;} .labelset.green {color:#1a7b4d; border-color:#95d5b7;} .labelset.bg-gray {color:#333; border-color:#eee; background:#eee;} /* tag */ .tagset {display:inline-block; min-width:44px; height:24px; padding:0 5px; color:#fff; font-size:0.8571em; font-weight:700; line-height:23px; text-align:center; vertical-align:middle; background-color:#888;} .tagset.csv {color:#fff; background-color:#1076a1;} .tagset.hwp {color:#fff; background-color:#925513;} .tagset.xls {color:#fff; background-color:#098053;} .tagset.xlsx {color:#fff; background-color:#087c6f;} .tagset.pdf {color:#fff; background-color:#b43d4f;} .tagset.shp {color:#fff; background-color:#566ccf;} .tagset.txt {color:#fff; background-color:#7959bb;} .tagset.docx {color:#fff; background-color:#666;} .tagset.nt {color:#fff; background-color:#a44baf;} .tagset.rdf {color:#fff; background-color:#c0553d;} .tagset.json {color:#fff; background-color:#0a7e88;} .tagset.zip {color:#fff; background-color:#3e5576;} .tagset.xml {color:#fff; background-color:#5f63b2;} .tagset.jpg {color:#fff; background-color:#c23f7a;} .tagset.link {color:#fff; background-color:#2c7a31;} .tagset.ppt {color:#fff; background-color:#2d71a5;} .tagset.mp4 {color:#fff; background-color:#655d00;} .tagset.skyblue {color:#fff; background-color:#1076a1;} .tagset.api {color:#fff; background-color:#1076a1;} .tagset.img {color:#fff; background-color:#1076a1;} .button.white, a.button.white {color:#333; border:1px solid #999; background-color:#fff;} .button.white:hover, a.button.white:hover {color:#fff; border-color:#666; background-color:#666;} .button.white:disabled, .button.white:disabled:hover, a.button.white.disabled, a.button.white.disabled:hover {color:#ccc; border-color:#e0e0e0; background-color:#fff; cursor:default; opacity:1;} .button.blue, a.button.blue {color:#333; border:1px solid #5c85af; background-color:#eef6ff; font-size:13px; padding:3px 8px; border-radius:3px;} .button.blue:hover, a.button.blue:hover {color:#333; border-color:#5c85af; background-color:#d7eaff;} .button.blue:disabled, .button.blue:disabled:hover, a.button.blue.disabled, a.button.blue.disabled:hover {color:#ccc; border-color:#e0e0e0; background-color:#fff; cursor:default; opacity:1;} .button.blue, a.button.gray {color:#333; border:1px solid #555; background-color:#eee; font-size:13px; padding:2px 8px 3px; border-radius:3px;} .button.blue:hover, a.button.blue:hover {color:#333; border-color:#555; background-color:#ddd;} .iconset {overflow:hidden; display:inline-block; margin:-4px 0 0 0; padding:0; font-size:0; line-height:0; vertical-align:middle; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; text-indent:-9999px;} /* download */ .ico-down {width:14px; height:14px; background-image:url('../images/sub/download_16.png');} .ico-down.black {background-image:url('../images/sub/download_16.png');} .button:hover .ico-down.black {background-image:url('../images/sub/download_16.png');} /* 활용신청 */ .ico-use {width:14px; height:14px; background-image:url('../images/sub/write_16.png');} .ico-use.black {background-image:url('../images/sub/write_16.png');} .ico-use:hover .ico-down.black {background-image:url('../images/sub/write_16.png');} /* 데이타카트 */ .ico-cart {width:14px; height:14px; background-image:url('../images/sub/cart_16.png');} .ico-cart.black {background-image:url('../images/sub/cart_16.png');} .ico-cart:hover .ico-down.black {background-image:url('../images/sub/cart_16.png');} /* button height */ .button.h32 {height:32px; min-width:80px; line-height:30px; padding:0 5px;} .button.h36 {height:36px; min-width:80px; line-height:34px; padding:0 10px;} /* 데이타 상세보기 */ .data-set-title {position:relative; padding:19px 270px 16px 19px; border:1px solid #e0e0e0; border-top:3px solid #4a63a6; min-height: 170px;} .data-set-title.open-api {border-top:3px solid #655bc2;} .data-set-title.common-data {padding:19px 140px 16px 19px; border-top:3px solid #238d5b;} .data-set-title.normal {padding:19px 19px 16px 19px; margin-bottom:20px;} .data-set-title p {margin:0; padding:0;} .data-set-title .tit-area {position:relative; padding:0;} .data-set-title .tit-area .tagset {display:inline-block; margin-top:5px;} .data-set-title .tit-area .tit {display:inline-block; margin-top:5px; line-height:1.2; font-weight:700; font-size:1.286em; letter-spacing:-0.05em; vertical-align:middle;} .data-set-title .cont {padding:15px 0;} .data-set-title .btn-like {min-width:0; height:32px; margin:0 0 0 4px; padding:0 10px; line-height:29px;} .data-set-title .like-done {display:inline-block; vertical-align:middle; color:#1b9ac4;} .data-set-title .score-form {margin-left:14px;} .data-set-title .btn-util {position:absolute; right:19px; top:17px;} .desc-wrap {padding: 16px; margin-bottom: 16px; border: 1px solid #ddd; vertical-align: middle; background-color: #fafafa; } .data-detail-wrap {padding: 16px; margin-bottom: 16px; border: 1px solid #ddd; line-height: 30px; vertical-align: middle; } .data-detail-wrap .title {display: inline-block; font-size: 16px; } .data-detail-wrap .option-btns {display: inline-block; float: right; } .data-detail-wrap-subtitle {margin-bottom: 10px; } .data-detail-wrap-subtitle .title {display: inline-block; font-size: 16px; font-weight:normal; } .data-detail-wrap-subtitle .desc {font-size: 12px; margin-left:10px; } .data-detail-preview {overflow:auto; border:1px solid #d5d5d5; } .data-detail-wrap-api {border-bottom:1px solid #333; } .data-detail-wrap-api .title {display: inline-block; font-size: 16px; margin-bottom:8px;} .data-detail-wrap .txt_models { border-bottom: 1px solid #d5d5d5; } .data-detail-wrap ul li { background-color:#eee; margin:4px 0px; padding-left:10px;} .data-detail-wrap ul li:first-child {margin-top:8px;} .data-detail-wrap-subtitle-line {border-bottom:2px solid #333;} .bbsOpen_view {width: 100%; border-top: 1px solid #d5d5d5; table-layout: fixed;} table.bbsOpen_view {border-collapse: collapse; width: 100%;} table.bbsOpen_view th {font-size:13px;padding:8px 0px;border-top: 1px solid #d5d5d5;background:#fefeeb;border:1px solid #d5d5d5;border-left:1px solid #d5d5d5;font-weight:bold;} table.bbsOpen_view th.first {font-size:13px;padding:8px 0px;border-top:1px solid #d5d5d5;background:#fefeeb;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;font-weight:bold;} table.bbsOpen_view th.info {background-color:#f8f6f1;} table.bbsOpen_view th.info2 {background-color:#f1f7f8;} table.bbsOpen_view th.info3 {background-color:#f1f8f1;} table.bbsOpen_view th.info4 {background-color:#ffffff;} table.bbsOpen_view td {padding:8px 10px;text-align:left;border-top: 1px solid #d5d5d5;border-bottom :1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;} table.bbsOpen_view td.first {padding:8px 10px;text-align:left;border-top: 1px solid #d5d5d5;border-bottom :1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;} table.bbsOpen_view td.txtcnt {padding:8px 0px;text-align:center;border-top: 1px solid #d5d5d5;border-bottom :1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;} table.bbsOpen_view th.left {text-align:left; padding-left:10px;} table.bbsOpen_view td.center {text-align:center;} .opendataInput {padding:3px; letter-spacing:-0.5px;} .opendataSelect {height:30px; letter-spacing:-0.5px; border:1px solid #a9a9a9;} .bbsOpen_list {width: 100%; border-top: 1px solid #d5d5d5; table-layout: fixed;} table.bbsOpen_list {border-collapse: collapse; width: 100%;} table.bbsOpen_list th {font-size:13px;padding:8px 0px;background:#fefeeb;border:1px solid #d5d5d5;font-weight:bold;} table.bbsOpen_list td {padding:8px 10px;text-align:left;border-top: 1px solid #d5d5d5;border-bottom :1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;} table.bbsOpen_list td.cnt {text-align:center;} .tit_count {clear:both;text-align:left;background: url(/html/home/images/common/bull_arrow.gif) no-repeat 0 13px;font-size:14px;padding:5px 0 5px 15px;} .tit_count strong {color:#c85c31;font-weight:bold;} ul.txtinfo li {padding-left:15px;} .tit_docuRecord {background: url(/html/home/images/common/bull_dotrod.gif) no-repeat 0 50%; padding:5px 0 5px 10px;} .schmovwrap {border:1px solid #003964; position:absolute; top:180px; left:140px; width:700px; height:auto; background-color:#fff; z-index:1200;} .schmovwrap .toptitle {position:relative; height:60px; background-color:#efefef;} .schmovwrap .toptitle .left_title {margin-left:10px; height:60px; line-height:60px;} .schmovwrap .toptitle .left_title .bar{margin-left:4px; margin-right:4px; } .schmovwrap .toptitle .left_title .writer{margin-left:8px; } .schmovwrap .toptitle .btn_area_right {position:absolute; right:10px; top:12px;} .moviewrap2 {width:100%;overflow:hidden;} .moviewrap2 .fltmov2 {float:left;width:400px;padding:10px 10px;} .moviewrap2 .fltmov2 .divmovie {width:400px;height:300px; } .moviewrap2 .fltcon2 {float:right;width:280px;padding:10px 10px;} .moviewrap2 .fltcon2 table tr td {padding:5px 0;vertical-align:top;} @media all and (max-width:1200px){ .containbird2 {overflow:hidden;width:100%; } .containbird2 {padding:20px 0; } .containbird2 li{float:left; width:32.6%; padding:20px 0; margin-left: 1%;} .containbird2 li:nth-child(3n+1) {margin-left:0;} .thum_korbird div {position:relative;width:100%;height:222px;} .thum_korbird div p.img {position:absolute;top:0;left:0; } .layerpop {position: absolute;z-index: 51;left: 20%;top: 15%;width:60%;margin: auto;border:1px solid #000;background-color: #fff;} .layerpop_docu {position: absolute;z-index: 51;left: 15%;top: 15%;width:70%;margin: auto;border:1px solid #000;background-color: #fff;} } @media all and (max-width:1024px){ #snbbgbox {margin-top: 63px; } #snbbgbox.subTop { margin-top: 63px;} .snb-menu3 {display:none;} .photo-list {width: calc(100% + 15px); padding-top: 20px;} .photo-list li {width: calc(25% - 15px); margin: 0 15px 20px 0;} .photo-list2 {width: calc(100% + 10px); padding-top: 10px;} .photo-list2 li {width: calc(25% - 10px); margin: 0 10px 10px 0;} .photo-tsch {width: calc(100% + 15px); padding-top: 20px;} .photo-tsch li {width: calc(25% - 15px); margin: 0 15px 20px 0;} .thum_sitebird ul li {width:100%;float: left; padding:25px 0 25px 0;min-height: 250px;border-bottom:1px solid #e0e0e0;} .thum_sitebird div.photobird {float:left; } .thum_sitebird div.infobird {padding-left:330px; } .containbird2 {overflow:hidden;width:100%; } .containbird2 {padding:20px 0; } .containbird2 li{float:left; width:32.6%; padding:20px 0; margin-left: 1%;} .containbird2 li:nth-child(3n+1) {margin-left:0;} .thum_korbird div {position:relative;width:100%;height:222px;} .thum_korbird div p.img {position:absolute;top:0;left:0; } .thum_korbird div p.img img {max-width: 100%} .thum_korbird div p.boxtxt {position:absolute;top:194px;left:0;width:100%;background:#000;height:29px;opacity: 0.5; } .thum_korbird div p.boxtxt span {width:100%;display:inline-block;color:#fff;text-align:right;line-height:25px; padding-right: 60px;} .thum_korbird div p.btnicon {position:absolute;top:178px;right: 10px; } .mapcontain {width:100%;min-height:470px;background:#fafbf7;border:1px solid #dddddd; } .mapcontain .mapkorea {float:left;width:40%; margin-left:20px; margin-top: 20px; } .mapcontain .maplist {float:right;width:50%; margin-right:20px; margin-top: 20px; } .mapcontain .maplist .bg_box {width:100%;min-height:420px;background:#fff;border: 1px solid #b0b0b0; padding:20px 20px; } .mapcontain .maplist .bg_box p.map_tit {margin:0;padding:0;line-height:30px;height:40px;font-size:20px;color:#000;} .mapcontain .maplist .bg_box p.map_tit strong {color:#609003;font-weight:bold;} .mapcontain .map {display: none; margin-bottom: 0px; } .mapcontain .map_respond {width: 100%;overflow: hidden; display: block; } .mapcontain .map_respond ul li a {float: left; width: 44%; line-height: 40px;background-color: #e8eae4;color: #000;border: 1px solid #b6bcb1;text-align: center;margin: 0 1% 5px} .mapcontain .maplist .bg_box .maptable {width: 100%; height: 340px; overflow-y: auto; border-top:2px solid #000; } .mapcontain .map_respond ul li a:hover {background-color: #070707;color: #fff;border: 1px solid #070707;} .tschwrap ul li a {width:19.2%;float: left; margin-left:1%;margin-bottom: 1%; text-align:center;} .tschwrap ul li:nth-of-type(5n+1) a {margin-left:0;} .layerpop {position: absolute;z-index: 51;left: 1%;top: 15%;width: 98%;margin: auto;border:1px solid #000;background-color: #fff;} .redbbs_sch tr th {width: 15%;} .redbbs_sch tr td {width: 85%; } .mapendspc {width:100%;min-height:470px;background:#fafbf7;border:1px solid #dddddd; } .mapendspc .mapkorea {float:left;width:40%; margin-left:2%; margin-top: 20px; } .mapendspc .maplist {float:right;width:55%; margin-right:2%; margin-top: 20px; } .mapendspc .maplist .bg_box {width:100%;min-height:420px;background:#fff;border: 1px solid #b0b0b0; padding:10px 10px; } .mapendspc .map {display: none; margin-bottom: 0px; } .mapendspc .map_respond {width: 100%;overflow: hidden; display: block; } .mapendspc .map_respond ul li a {float: left; width: 44%; line-height: 40px;background-color: #e8eae4;color: #000;border: 1px solid #b6bcb1;font-size: 13px; text-align: center;margin: 0 1% 5px} .mapendspc .map_respond ul li a:hover {background-color: #070707;color: #fff;border: 1px solid #070707;} .list_useble ul li .photospec {float: left; min-width:220px; width: 20%;} .list_useble ul li .summary_spec {float: left; width: 40%; } .list_useble ul li .iconlist {width: 21%;float: right; min-width:240px; } .soundnew ul li {width:100%;float: left; padding:25px 0 25px 0;min-height: 250px;border-bottom:1px solid #e0e0e0;} .soundnew div.photobird {float:left; } .soundnew div.infobird {padding-left:330px; } .soundbook .infotxt { float: none;width: 100%; font-size: 16px; font-weight: 300;color: #616161;} .soundbook .ebooklist {float: none;width: 100%; padding-left: 0px;margin-top: 30px; } .soundbook .ebooklist ul li {position: relative; float: left;margin-left:25px;margin-bottom: 25px; } } @media all and (max-width:900px){ .snb-menu2 {display:none;} .contact ul li {float:none; width:48%; border:1px solid #dfdfdf;padding:2% 2%} .ablewrap { padding: 15px;} .ablewrap ul li dl dt {text-indent: 110px; } .ablewrap ul li dl dd {text-indent: 110px; } .schdtbox table td .dateint {width:35%; } .boxgray .mob_hide {display: none;} .boxgray .inner .txt2 {width:400px;} .boardSch .schBox .mob_hide {display: none;} .loginwrap {margin:30px auto;width: 100%;height: 200px; } .loginwrap fieldset {padding:50px 0 0px 30%; } .loginwrap .btn {padding-left:340px;margin-top:-100px;} .loginwrap2 {margin:30px auto;width: 100%;height: auto; } .loginwrap2 div {padding:30px 0 20px 30%; } .findidwrap {margin:30px auto;width: 100%;background: url(../images/sub/bg_loginfind.png) no-repeat 10% 50%;} .findidwrap fieldset {padding: 30px 0 0px 25%; } .findidwrap .inputxt { width:250px; } .findidwrap2 {margin:30px auto;width: 100%;background: url(../images/sub/bg_login.png) no-repeat 10% 50%;} .findidwrap2 fieldset {padding: 30px 0 0px 25%; } .findidwrap2 .inputxt { width:250px; } .containbird2 {overflow:hidden;width:100%; } .containbird2 {padding:20px 0; } .containbird2 li{float:left; width:32.6%; padding:20px 0; margin-left: 1%;} .containbird2 li:nth-child(3n+1) {margin-left:0;} .thum_korbird div {position:relative;width:100%;height:222px;} .thum_korbird div p.img {position:absolute;top:0;left:0; } .thum_korbird div p.img img {max-width: 100%;height: 222px;} .birdstatic2 table th { display:inline-block;float: left; width:20%;background: url(../images/sub/bull_dot.gif) no-repeat 10px 15px;color:#000;text-align:left;padding:10px 0px 10px 20px;font-size:12px;} .birdstatic2 table td { display:inline-block;float: left; width:80%;text-align:left;padding:10px 5px; font-size:12px;} .birdstatic2 table td select {width:100px;height:29px; vertical-align:middle;border:1px solid #d6d6d6;} .birdstatic2 table td .select2 {width:120px;height:29px; vertical-align:middle;border:1px solid #d6d6d6;} .icon_type_step ol li{width:100%;padding:25px 0 0 0;background:url(../images/sub/m_cont_arrow.gif) no-repeat center 7px;} .icon_type_step dl{height:auto;padding:20px 0;} .icon_type_step dl dt {padding-top: 0;} .icon_type_step dl dd {padding-top: 10px; text-align:left; background-position:0 0 !Important;} .birdlatbox {margin-left: 0; } .aside_jongwrap .flt_imgbox {float:none;width:100%} .aside_jongwrap .flt_infobox {padding-left:0;width:100%;} .sect_jongbox .list_left {float: none;width:auto} .sect_jongbox .list_right {float: none;width:auto;} .sect_species .infobox_left {float: none;width:auto;} .sect_species .infobox_right {float: none;width:auto;} .layerpop {position: absolute;z-index: 51;left: 1%;top: 15%;width: 98%;margin: auto;border:1px solid #000;background-color: #fff;} .list_ident { padding-top:20px; overflow: hidden; } .list_ident > li {float: none;width: 100%; margin-top: 60px;} .list_ident > li .box { height: 370px;text-align: center;padding:20px;text-align: left; } .list_ident > li .box .tag {width: 400px;height:150px;background: #10448b;position: relative;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto;top: -100px;line-height: 1.4;border-radius:85px;font-size: 20px;font-weight: 600; } .list_ident > li .box .txt {margin-top: -70px; line-height:20px; min-height: 150px;} .list_ident > li:last-child {float: none;width: 100%; margin-top:100px;} .list_ident2 { padding-top:20px; overflow: hidden; } .list_ident2 > li {float: none;width: 100%; margin-top: 60px;} .list_ident2 > li .box { height: 220px;text-align: center;padding:20px;text-align: left; } .list_ident2 > li .box .tag {width: 400px;height:150px;background: #0daabd;position: relative;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto;top: -100px;line-height: 1.4;border-radius:85px;font-size: 20px;font-weight: 600; } .list_ident2 > li .box .txt {margin-top: -70px; line-height:20px; min-height: 150px;} .btn_ident {display: inline-block; border: 2px solid #959595;border-radius: 30px; height: 45px;line-height:40px;font-size: 14px; text-align: center; background-color: #fff; color: #000000;padding: 0 20px; } .soundbox p {margin-left: -25px;margin-top: -25px;} .soundbox p img { width: 50px;height: 50px; } .audiosect {float: none; width: 100%;} .audiosect audio {width: 100%;} .moviewrap .fltcon {float:none;width:100%;padding:10px 10px;} .moHead .subHead { padding:2% 4% 1% 4%;background:#0a998d;color:#fff;} .moHead .subHead span.left {float:left; margin-left:20px; font-size:18px;} .moHead .subHead span.right {position:absolute; top:0px; right:10px; font-size:12px; } .moHead .subHead span.right a {color:#666; text-decoration:underline;} .moHead .subHead h2 {font-size:18px; color:#fff; font-weight: bold; } .moHead .subHead h2 span.bgcolor1 {background:#ec4d07;font-size:13px;color:#fff;display: inline-block;height:25px;line-height: 23px;border-radius: 11px;padding:0 12px; } .moHead .subHead h2 span.bgcolor2 {background:#8dde23;font-size:13px;color:#000;display: inline-block;height:25px;line-height: 23px;border-radius: 11px;padding:0 12px; } .moHead .subHead p {margin-top: 0px;} .moHead .subHead p span{color:#c4f5f1; font-weight:normal;} .moHead .subHead p em{ font-style:italic;font-family:arial;} .moHead .subHead h3 {font-weight:normal; font-size:3vw; margin-top:4px;} .moHead .classification {padding:0 4% 1% 4%; background-color:#0a998d; color:#c4f5f1;} .moHead .classification span.title {margin : 0px; font-size:12px;color:#c4f5f1;line-height: 3vw;} .titArea{ display:none;} .aside_jongwrap .flt_infobox table thead.mospecial { display:none; } .aside_jongwrap .flt_infobox table .mo_blind {display:none;} .tit_infotop.mospecial { display:none;} } @media all and (max-width:768px){ #snb-wrap.container{display:none;} .heading1 {padding:20px 0; font-size:20px;font-weight: 500;color: #000} .heading2 { text-align:left;color:#517E03;font-weight: 400;font-size:18px;padding:20px 0px;} .tit_1depth {background: url(../images/common/bull_tit1dep.gif) no-repeat 0 8px;color:#000; font-size:14px;padding:0px 0 0 12px;} .tit_1depth span {color: #646464;font-size: 12px; } .jongcont {margin-top:0px; padding: 0px 0 0 0;} .jongcont dl dt {float: none; padding-left: 0%; margin-bottom:20px;} .jongcont dl dd { margin-bottom:20px; padding:10px 0px 0 0px; } .jongcont2 {width:100%; margin-top: 0px; padding:0px 0px; } .jongcont2 dl {overflow:hidden;} .jongcont2 dl dt {width:100%;margin-bottom: 20px;} .jongcont2 dl dd { margin-bottom: 20px;font-size: 14px; line-height: 1.4;} .jongcont3 dl {overflow:hidden;} .jongcont3 dl dt {width:100%;margin-bottom: 0px;} .jongcont3 dl dd { margin-bottom: 0px;font-size: 14px; line-height: 1.4;} .jongcont4 dl dt {float: none; padding-left: 0%; margin-bottom:20px;} .jongcont4 dl dd { margin-bottom:20px; padding:10px 0px 0 0px; } .boxanimal ul li img { width:60%;height: 60%; } .boxanimal ul li dl dt {font-size:14px;font-weight:500; } .bbs_list thead th {padding:10px 0px; font-size:12px } .bbs_list tbody th {padding: 10px 10px; font-size:12px } .bbs_list td {padding:10px 10px;text-align: center; font-size:12px } table.bbs_jong colgroup, table.bbs_jong thead {display: none; } table.bbs_jong tbody tr {border-bottom: 1px solid #dcdbdb;padding: 15px;display: block;overflow: hidden; } table.bbs_jong tbody tr td {display: none;padding: 0;border: 0;} table.bbs_jong tbody tr td.subject, table.bbs_jong tbody tr td.subject2, table.bbs_jong tbody tr td.rank, table.bbs_jong tbody tr td.rank2 {display: block;float: left; text-align: left;margin-right: 20px; font-size: 13px; margin-bottom: 5px;} table.bbs_jong tbody tr td.haknm, table.bbs_jong tbody tr td.kornm {display: block;float: left;text-align: left;margin-right: 20px; font-size: 13px; margin-bottom: 5px;} table.bbs_jong tbody tr td.subject::before {content: "관리분류군 : "; color: #000} table.bbs_jong tbody tr td.rank::before {content: "분류계급 : "; color: #000} table.bbs_jong tbody tr td.rank2::before {content: "분류계급 : "; color: #000} table.bbs_jong tbody tr td.haknm::before {content: "학명 : "; color: #000} table.bbs_jong tbody tr td.kornm::before {content: "국명 : "; color: #000} table.bbs_jong tbody tr td.subject2::before {content: "관리분류군 : "; color: #000} table.bbs_jong tbody tr td.paper {display: block;float: left; text-align: left;margin-right: 20px; font-size: 14px;font-weight: 500; margin-bottom: 10px;color: #000;} table.bbs_jong tbody tr td.source, table.bbs_jong tbody tr td.filedown {display: block;float: left; text-align: left;margin-right: 20px; font-size: 13px; margin-bottom: 5px;} table.bbs_jong tbody tr td.proces {display: block;float:right;text-align: left;margin-right:0px; font-size: 13px; margin-bottom: 5px;} table.bbs_jong tbody tr td.source::before {content: "출처 : "; color: #000} .bbs_view tr th {padding:13px 0; font-size:12px} .bbs_view tr td {padding:13px 15px; color: #717171; font-size:12px} .bbs_view .viewBox {color:#717171} .bbs_view .viewBox img {max-width:100%;} .bbs_view .viewBox p {line-height:2} .listgoyou {margin-top:20px; } .listgoyou li { padding:10px 0; } .listgoyou2 {width:100%;overflow:hidden;margin-top:35px; } .listgoyou2 .fltlt {float:none;width: 100%; } .listgoyou2 .fltrg {float:none;width: 100%; margin-top:20px;} .uselevel > li{width:100%;} .uselevel > li > div{min-height:inherit;border-bottom: 1px dotted #d0d0d0; border-top: 0} .uselevel > li:first-child > div {min-height:inherit;border-bottom: 1px dotted #d0d0d0; border-top: 1px solid #d0d0d0; } .uselevel > li:last-child > div {min-height:inherit; border-bottom: 1px solid #d0d0d0; } .protect02 ul li {float: left;width: 49%;min-height: 210px; margin-right: 1%;margin-bottom: 1%; padding: 15px 0; background-color: #f6faff;border: 1px solid #bebebe;text-align: center } .protect02 ul li dl dt {color:#003964;font-size: 20px; font-weight: 600;line-height:30px;padding-bottom: 10px} .protect02 ul li dl dd {line-height:25px;padding:0 10px;} .protect02 ul li dl dd strong {color:#494949;font-size: 16px; font-weight: 500;} .protect02 ul li dl dd p {margin:10px auto; width: 50%; background-color: #fff;border: 1px solid #c7c7c7;line-height:30px;} .protect02 ul li:hover {background-color: #003964;border: 1px solid #c8c8c8;text-align: center } .protect02 ul li:hover dl dt, .protect02 ul li:hover dl dd, .protect02 ul li:hover dl dd strong {color:#fff; } .protect02 ul li:hover dl dd p {color: #323232} .managewrap2 ul li {border-bottom: 1px solid #dadada;} .managewrap2 ul li dl {padding:0 0 0 0px;} .managewrap2 ul li dl dd p {line-height: 34px;} .managewrap2 ul li dl.iconm01,.managewrap2 ul li dl.iconm21, .managewrap2 ul li dl.iconm09,.managewrap2 ul li dl.iconm10, .managewrap2 ul li dl.iconm08,.managewrap2 ul li dl.iconm11, .managewrap2 ul li dl.iconm05,.managewrap2 ul li dl.iconm02, .managewrap2 ul li dl.iconm03,.managewrap2 ul li dl.iconm04, .managewrap2 ul li dl.iconm06,.managewrap2 ul li dl.iconm07, .managewrap2 ul li dl.iconm12 {background:none;height:auto;} .photo-list {padding-bottom: 15px;} .photo-list li {width: calc(33.333% - 15px); margin-bottom: 15px;} .photo-list li:nth-child(4n + 1) {clear: none;} .photo-list li:nth-child(3n + 1) {clear: both;} .photo-list .tit { font-size: 13px; font-weight: 500 } .photo-list .txtinfo, .photo-list .txtinfo > em { font-size: 12px; font-weight: 300; } .protect03 ul li {float: left;width: 49%;min-height: 210px; margin-right: 1%;margin-bottom: 1%; padding: 0px 0; background-color: #fff;border: 1px solid #bebebe;} .protect03 ul li dl dt {text-align: center;line-height:45px; } .protect03 ul li dl dd {line-height:25px;padding:10px 20px;} .contact ul li {float:none; width:100%; border:1px solid #dfdfdf;padding:10px 20px} .contact2 ul li {float: none;width:100%; border:1px solid #dfdfdf; margin-bottom: 20px} .contact2 ul li dl {padding:10px 0 10px} .contact2 ul li dl dt {text-indent: 90px; } .contact2 ul li dl dd {text-indent: 90px; } .contact2 ul li:nth-child(2n) {border-right: 1px solid #dfdfdf;} .icon_cantact01 {background: url(../images/sub/icon_cantact01.png) no-repeat 10px 20px;min-height:80px;} .icon_cantact02 {background: url(../images/sub/icon_cantact02.png) no-repeat 10px 20px;min-height:80px;} .icon_cantact03 {background: url(../images/sub/icon_cantact03.png) no-repeat 10px 20px;min-height:80px;} .icon_cantact04 {background: url(../images/sub/icon_cantact04.png) no-repeat 10px 20px;min-height:80px;} .usewrap ul li {float: none;width:100%;margin-right:0; margin-bottom:10px;} .usewrap ul li:nth-child(2n) {margin-right:0;margin-left:0; margin-bottom:10px;} .ablewrap {width:100%; overflow:hidden;margin-top:15px;border: 0;padding:0px;} .ablewrap ul li {float: left;width:49%;margin-right: 1%;margin-bottom: 1%; border: 1px solid #dadada; padding:10px;} .ablewrap ul li dl dt {text-indent: 110px;color:#000;font-weight:600;font-size:16px;line-height: 35px} .ablewrap ul li dl dd {text-indent: 110px;line-height: 25px} /*Page*/ .pagination {position:relative; margin-top:40px; text-align:center; } .pagination * {vertical-align:middle;} .pagination span {display:inline-block; margin:0 5px; line-height:0;} .pagination span a {display:inline-block;min-width:30px; height:30px; margin-left:2px; border: 1px solid #cccccc; color:#999; font-size:14px; line-height:27px;} .pagination span a:first-child {margin-left:0;} .pagination span a:hover {background-color:#4e4e4e; border:1px solid #000;color: #fff;} .pagination span a.on {color:#fff;} .pagination span a.on {background-color:#4e4e4e; border:1px solid #000;} .pagination .btnFirst, .pagination .btnLast, .pagination .btnPrev, .pagination .btnNext {display:inline-block; width:30px; height:30px; border:1px solid #d4d4d4; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; text-indent:-99999px;} .pagination .btnFirst {margin-left:2px; background-image:url(../images/common/btn_first.png);} .pagination .btnLast {margin-right:2px; background-image:url(../images/common/btn_last.png);} .pagination .btnPrev {background-image:url(../images/common/btn_prev.png);} .pagination .btnNext {background-image:url(../images/common/btn_next.png);} .pagination .counter strong { vertical-align: bottom; font-weight: 400;} .schdtbox table th {display: block;float: left; width: 20%; text-align: left;padding:5px 0; line-height: 25px;} .schdtbox table td {display: block;float: left; width: 80%; text-align: left;padding:5px 0; } .schdtbox .input {height:28px; padding:0 5px; border:1px solid #d0d0d0; background-color:#fff; width:100%; margin-left:0; } .schdtbox .dateint {height:28px; padding:0 5px; border:1px solid #d0d0d0; background-color:#fff; width:40%; margin-left:0; } .schdtbox .formsel {width:44%;} ul.listgrade li a { min-width:102px;margin-right:3px; margin-bottom: 3px; } ul.listgrade li a:hover {margin-right:3px; margin-bottom: 3px;} ul.listword li a { min-width:48px;margin-right:3px; margin-bottom: 3px; } ul.listword li a:hover {margin-right:3px; margin-bottom: 3px;} .box_gawon {border: 1px solid #dadada;padding: 15px 10px;} .bookwrap ul li { width:18.5%; text-align: center;margin-right:5px;margin-bottom: 10px; } .bookwrap ul li:last-of-type {margin-right:0;margin-bottom: 10px;} .bookwrap ul li dl dd {font-size: 12px;text-align: center} .loginwrap {margin:30px auto;width: 100%;height: 200px; background: url(../images/sub/bg_login.png) no-repeat 5% 50%;} .loginwrap fieldset {padding:50px 0 0px 25%; } .loginwrap .inputxt {border:3px solid #d6d6d6;background:#fefff7;margin-bottom:15px;width:200px;padding-left:10px;height:44px;font-size:16px;color:#000;} .loginwrap .btn {padding-left:220px;margin-top:-100px;} .loginwrap2 {margin:30px auto;width: 100%;height: auto; background: url(../images/sub/bg_login.png) no-repeat 5% 50%;} .loginwrap2 div {padding:20px 0 20px 30%; } .findidwrap {margin:30px auto;width: 100%;background: url(../images/sub/bg_loginfind.png) no-repeat 5% 50%;} .findidwrap fieldset {padding: 30px 0 0px 20%; } .findidwrap .inputxt { width:190px; } .findidwrap2 {margin:30px auto;width: 100%;background: url(../images/sub/bg_login.png) no-repeat 5% 50%;} .findidwrap2 fieldset {padding: 30px 0 0px 20%; } .findidwrap2 .inputxt { width:190px; } table.bbs_birdlist colgroup, table.bbs_birdlist thead {display: none; } table.bbs_birdlist tbody tr {border-bottom: 1px solid #dcdbdb;padding: 15px;display: block;overflow: hidden; } table.bbs_birdlist tbody tr td {display: none;padding: 0;border: 0;} table.bbs_birdlist tbody tr td.subject {display: block;width: 100%; text-align: left; color: #000;font-size: 15px; font-weight: 500; margin-bottom: 10px;} table.bbs_birdlist tbody tr td.date::before {content: "작성일 "; } table.bbs_birdlist tbody tr td.counter::before {content: "조회수 "; } table.bbs_birdlist tbody tr td.date {display: block;float: left; text-align: left;margin-right: 20px; font-size: 14px; margin-bottom: 5px;} table.bbs_birdlist tbody tr td.counter {display: block;float:right;text-align: left;margin-right:0px; font-size: 14px; margin-bottom: 5px;} table.bbs_birdview colgroup, table.bbs_birdview th {display: none; } table.bbs_birdview tbody tr {border-bottom: 1px solid #dcdbdb;padding:10px 5px;display: block;overflow: hidden; } table.bbs_birdview tbody tr td {padding: 0;border: 0;} table.bbs_birdview tbody tr td.subject {display: block;width: 100%; text-align: left; color: #000;font-size: 15px; font-weight: 500; } table.bbs_birdview tbody tr td.date::before {content: "작성일 : "; } table.bbs_birdview tbody tr td.counter::before {content: "조회수 : "; } table.bbs_birdview tbody tr td.date {display: block;float: left; text-align: left;margin-right: 20px; font-size: 14px; } table.bbs_birdview tbody tr td.counter {display: block;float:right;text-align: left;margin-right:0px; font-size: 14px; } #visualAreabird img {max-width: 100%; width: 100%; height: 150px;} #visualAreabird .bx-pager {left:25px;bottom:0px} #visualAreabird .bx-wrapper .bx-controls-direction {display: none} #birdintro ul li {float:none;width:100%;overflow: hidden; min-height: auto;margin-left:0;margin-bottom: 2%; background:#fff;border:1px solid #dadada;} #birdintro ul li dl {float: right;width:60%;padding:20px 20px; } #birdintro ul li p {float:left;width:40%;} #birdintro ul li dl dt { padding-bottom:10px;color:#000;line-height:25px;font-size:24px;font-weight:500; } #birdintro ul li dl dd { font-size:14px;color:#686868;height:auto;} #birdintro ul li dl dd.btn {display: none} #birdintro ul li p img {height:170px; width: 100%;} #birdquick ul li {float:left; width:49.25%;background:#f4f5f0; margin-left:1%;margin-bottom: 1%; border:1px solid #e3e3e2;} #birdquick ul li:nth-child(2n+1) {margin-left: 0;} #birdquick ul li div p {word-break: keep-all;} .thum_sitebird div.photobird {float:none;width: 100%;margin-bottom: 10px; } .thum_sitebird div.infobird {float:none;width: 100%;padding-left: 0; } .thum_sitebird div.infobird dl dt {color:#000;font-size:18px;font-weight:500;} .thum_sitebird div.infobird dl dd {padding:5px 0;font-size:14px;} .containbird2 {overflow:hidden;width:100%; } .containbird2 {padding:20px 0; } .containbird2 li{float:left; width:49%; padding:20px 0; margin-left:1%;} .containbird2 li:nth-child(3n+1) {margin-left:1%;} .thum_korbird div {position:relative;width:100%;height:222px;} .thum_korbird div p.boxtxt {position:absolute;top:194px;left:0;width:100%;background:#000;height:29px;opacity: 0.5; font-size: 12px;} .thum_korbird div p.boxtxt span { text-align:right; padding-right: 40px;font-size: 12px;} .thum_korbird div p.btnicon {position:absolute;top:178px;right:5px; } ul.listbird li a {font-size: 12px; } ul.listbird li a.on {font-size: 12px; } ul.listbird li.list2 a {font-size: 12px; } .mapcontain .maplist .bg_box .maptable ul li {background:url(../images/sub/bull_map.gif) no-repeat 0 12px;padding:2px 0 2px 10px;float: none;width:100%;} .birdstatic table td br {display: block;} .birdstatic table th {background:#9eaab5;color:#fff;text-align:center;padding:7px 0 7px 7px; font-size:12px;border-left:1px solid #dddddd;} .birdstatic table td {background:#f6f8f7;text-align:left;padding:7px 0 7px 7px; border-bottom:1px solid #dddddd; font-size:12px;border-left:1px solid #dddddd;} table.static_list th { padding:10px 0px; background:#f4faed;border-bottom:1px solid #dadada;border-left:1px solid #d5d5d5;font-size:12px;} table.static_list td {padding:10px 5px;text-align:center;border-top: 1px solid #e9e9e9;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;font-size:12px;} .fltleft2 {float:none;width: 100%;} .fltright2 {float:none;width: 100%;text-align: right;padding-top: 10px} .icon_type_step dl dd{min-height:auto; width:100%;text-align:center; background-position:50% 0 !Important;} .tschwrap ul li a { height: 60px;vertical-align: middle; line-height:58px;} /*.icon_tsch01 {display: block; background: url(../images/sub/icon_tsch01.png) no-repeat 50% 10px;height: auto; } .icon_tsch02 {display:block; background: url(../images/sub/icon_tsch02.png) no-repeat 50% 10px;height: auto;} .icon_tsch03 {display:block; background: url(../images/sub/icon_tsch03.png) no-repeat 50% 10px;height: auto; } .icon_tsch04 {display:block; background: url(../images/sub/icon_tsch04.png) no-repeat 50% 10px;height: auto; } .icon_tsch05 {display:block; background: url(../images/sub/icon_tsch05.png) no-repeat 50% 10px;height: auto;} .icon_tsch06 {display:block; background: url(../images/sub/icon_tsch06.png) no-repeat 50% 10px;height: auto;} .icon_tsch07 {display:block; background: url(../images/sub/icon_tsch07.png) no-repeat 50% 10px;height: auto; } .icon_tsch08 {display:block; background: url(../images/sub/icon_tsch08.png) no-repeat 50% 10px;height: auto; } .icon_tsch09 {display:block; background: url(../images/sub/icon_tsch09.png) no-repeat 50% 10px;height: auto;} .icon_tsch10 {display:block; background: none;height: auto;text-align: center;padding-top:20px;padding-left: 0px;} .icon_tsch11 {display:block; background: url(../images/sub/icon_tsch11.png) no-repeat 50% 10px;height: auto;} .icon_tsch12 {display:block; background: url(../images/sub/icon_tsch12.png) no-repeat 50% 10px;height: auto;}*/ .tschwrap ul li a span{display: block;padding:35px 0 0 0; text-align: center} .photo-list2 {padding-bottom: 10px;} .photo-list2 li {width: calc(33.333% - 10px); margin-bottom: 10px;} .photo-list2 li:nth-child(4n + 1) {clear: none;} .photo-list2 li:nth-child(3n + 1) {clear: both;} .photo-list3 {padding-bottom: 10px;} .photo-list3 li {width: calc(33.333% - 10px); margin-bottom: 10px;} .photo-list3 li:nth-child(5n + 1) {clear: none;} .photo-list3 li:nth-child(3n + 1) {clear: both;} .photo-list4 {padding-bottom: 10px;} .photo-list4 li {width: calc(33.333% - 10px); margin-bottom: 10px;} .photo-list4 li:nth-child(5n + 1) {clear: none;} .photo-list4 li:nth-child(3n + 1) {clear: both;} .photo-list4 strong {position: absolute;top:25%;left:25%; } .photo-tsch {padding-bottom: 10px;} .photo-tsch li {width: calc(33.333% - 15px); margin-bottom: 15px;} .photo-tsch li:nth-child(4n + 1) {clear: none;} .photo-tsch li:nth-child(3n + 1) {clear: both;} .photo-tsch .tit { font-size: 13px; font-weight: 500 } .photo-tsch .txtinfo, .photo-list .txtinfo > em { font-size: 12px; font-weight: 300; } .jongmov_box img {width: 100%; max-width: 100%;} .jongmov_box p {position: absolute;top:50%;left:50%;margin-left:-16px;} .tab-select-outer { display:block; } .tab-button-outer { display:none; } .redbbs_sch tr th {width: 20%;} .redbbs_sch tr td {width: 80%; } .redbbs_sch tr td br {display: block; } .mapendspc {width:100%;min-height:470px;background:#fafbf7;border:1px solid #dddddd; } .mapendspc .mapkorea {float: none;width:96%; margin:2%; } .mapendspc .maplist {float:none;width:96%; margin:2%; } .mapendspc .maplist .bg_box {width:100%;min-height:300px;background:#fff;border: 1px solid #b0b0b0; padding:10px 0px; } .mapendspc .map_respond ul li a {float: left; width: 19%; line-height: 40px;background-color: #e8eae4;color: #000;border: 1px solid #b6bcb1;font-size: 12px; text-align: center;margin:2px 1px} .list_useble ul li { padding: 20px 0; min-height: 400px; border-bottom: 1px solid #d5d5d5;} .list_useble ul li .photospec {float: none; width:100%; } .list_useble ul li .summary_spec {float: none; width:100%; margin-top: 10px; } .list_useble ul li .iconlist {float: left; margin-top: 0px; width: 70%; } .list_useble ul li .iconlist ol li { min-height:60px; } .ablewrap ul li dl dt {text-indent: 70px;color:#000;font-weight:600;font-size:16px;line-height: 35px;} .ablewrap ul li dl dd {text-indent: 70px;line-height: 25px} .icon_able01 {background: url(../images/sub/icon_able01.png) no-repeat 0 0px;background-size:60px 60px;} .icon_able02 {background: url(../images/sub/icon_able02.png) no-repeat 0 0px;background-size:60px 60px;} .icon_able03 {background: url(../images/sub/icon_able03.png) no-repeat 0 0px;background-size:60px 60px;} .icon_able04 {background: url(../images/sub/icon_able04.png) no-repeat 0 0px;background-size:60px 60px;} .listbook ul li {float:left;width:33.3%;padding:5px 0 5px 5px;border-left: 1px solid #d5d5d5;} .listbook ul li:nth-child(5n+1) {border-left: 1px solid #d5d5d5;} .soundbox p {margin-left: -20px;margin-top: -20px;} .soundbox p img { width: 40px;height: 40px; } .sound_left {width:100%;} .sound_right {width:100%; margin-top:30px;} } @media all and (max-width:720px){ .subMenu {margin-top:15px;} .subMenu .dep4 {overflow:visible; text-align:left;background-color: #003964;color: #fff} .subMenu .dep4 .selected {display:block; border:1px solid #003964;padding-left:10px;} .subMenu .dep4 .listWrap {display:none; position:absolute; top:100%; right:0; left:0; border:1px solid #ccc; background:#fff;} .subMenu .dep4.on .listWrap {display:block;} .subMenu .dep4 ul {overflow-y:auto; max-height:189px;} .subMenu .dep4:before, .subMenu .dep4:after, .subMenu .dep4 ul:before, .subMenu .dep4 ul:after {display:none;} .subMenu .dep4 ul li {z-index:1; float:none; width:100% !important; height:auto; margin-top:0;} .subMenu .dep4 ul li:before, .subMenu .dep4 ul li:after, .subMenu .dep4 ul li a:before, .subMenu .dep4 ul li a:after {display:none;} .subMenu .dep4 ul li a {height:auto; padding-left:10px; border-top:1px solid #eee; font-size:13px; line-height:37px;} .subMenu .dep4 ul li a span {display:block; height:37px; line-height:37px;color: #666} .subMenu .dep4 ul li:first-child a {border-top:0;} .subMenu .dep4 ul li.on a {padding-left:10px; background:#f8f8f8;} .tit { font-size:16px; font-weight: 300} .snav-util > li.print{display:none;} .heading1 {padding:10px 0; font-size:19px;font-weight: 400;color: #000} .heading2 {clear:both;text-align:left;color:#517E03;font-weight: 400;font-size:18px;padding:20px 0px;} .boardSch { padding:9px 10px;} .boardSch select {display:inline-block; width:31%; margin-left:1%;} .boardSch select.ctg {width:33%;} .boardSch select.ctg2 {width:49%;} .boardSch select.ctg3 {width:49%;} .boardSch input.txt3 {width:63%;margin-left:1%} .boardSch .inner {display:block;text-align: left} .boardSch .inner.sch {padding-right:0;} .boardSch .schBox {display:block; margin-left:1%;} .boardSch .schBox:first-child {margin-left:0;} .boardSch .schBox .txt {width:98%;} .boardSch .schBox {display:block;} .boardSch .schBox button {margin-left:1%; } .boardSch .schBox button:first-child {margin-left:0; } .boardSch .schBox .txt2 {width:49%;margin-left:1%;} .boardSch .schBox .txt2:first-child {margin-left:0; } .boardSch .inner .sel2 {width:100%; } .boardSch .sel2 .txt {width:98%;} .boardSch .inner span {width:30%;display:inline-block; } .boardSch .inner .txtword {width:66%;} .boardSch .schBox button {margin-left:5px;font-size: 13px;font-weight: 600} .boxgray { padding: 10px 5px; margin-bottom: 20px;} .boxgray select {display:inline-block; margin:0 0px;} .boxgray input[type=text] {border:2px solid #dddddd;width:40%; height:34px;padding:0 3px; } .boxgray .inner {display:block; text-align:left; } .boxgray .inner .txt {width:60%;margin-left: 0;} .boxgray select.ctg {width:38%;} .boxgray .inner .txt2 {width:55%;margin-left: 0;} .birdlatbox {margin-left: 0;margin-top: 10px; display: block; } .moviewrap {background:#003964;width:100%;height:auto;} .moviewrap .fltmov {float:none;width:100%;padding:10px 10px;} .moviewrap .fltmov .divmovie {width:100%; height:auto;} .moviewrap .fltmov .divmovie .playbtn {position:absolute;top:150px;left:220px;z-index:99;} .moviewrap .fltcon p.tit, .moviewrap .fltcon p.tit em {padding-top:0px;color:#fff;font-size:12px;font-weight:bold;} .moviewrap .fltcon p.tit strong {color:#bbed44;font-size:14px;font-weight:bold;} .moviewrap .fltcon .divbtn {position:relative;top:0px;right:0px;margin-bottom:10px; text-align:right; } .moviewrap .fltcon .movhide {display:none;} .soundnew div.photobird {float:none;width: 100%;margin-bottom: 10px; } .soundnew div.infobird {float:none;width: 100%;padding-left: 0; } .moviewrap2 {width:100%;overflow:hidden;} .moviewrap2 .fltmov2 {float:none;width:100%;padding:10px 10px;} .moviewrap2 .fltmov2 .divmovie {width:100%;height:auto; } .moviewrap2 .fltcon2 {float:none;width:100%;padding:10px 10px;} } @media (max-width:640px) { .tschjong{padding: 20px 0; min-height:0;} .tschjong .photozone{position:relative; left:auto; top:auto; width:auto;text-align: center; padding:0; margin-bottom:20px; border:none;} .tschjong .summary_jong .info_cont{padding:9px 0; padding-left:0;} .tschjong .summary_jong .info_cont > dt{position:relative; left:auto; width:auto; padding:9px 0;} .tschjong .summary_jong .info_cont > dd{padding:0 0 9px 5px;} .tschjong .summary_jong .info_cont > dd:before{top:9px;} .m_icon {margin: 0 auto;text-align: center} .m_icon li{ margin-left:10%;margin-bottom:5%;} .m_icon li:nth-child(3n + 1) {margin-left:10%;} .box_usewrap ul li .photospec {float: none; width: 100%;} .box_usewrap ul li .summary_spec {float: none; width: 100%;padding-left: 0;margin-top:10px; } .list_spec ul li { padding:20px 0; min-height: 170px; border-bottom: 1px solid #d5d5d5;} .list_spec ul li .photospec {float: none; min-width:200px; } .list_spec ul li .photospec p {width:200px;height: 130px; border: 1px solid #b6b6b6;margin: 0 auto; } .list_spec ul li .photospec p img {width: 100%;height: auto;} .list_spec ul li .summary_spec {padding-left:0px; margin-top: 10px; } .list_bird ul li .photospec {float: none; min-width:215px; } .list_bird ul li .photospec p {width:215px;height: 140px; border: 1px solid #b6b6b6;margin: 0 auto; } .list_bird ul li .photospec p img {width: 100%;height: auto;} .list_bird ul li .summary_spec {float: none;width:100%;padding-left: 0px; margin-top: 10px; } .list_bird ul li .summary_spec p { padding:4px 0 4px 10px;border-bottom: 0} .list_bird ul li .photospec .bird_movbox2 {position: relative;} .list_bird ul li .photospec .bird_movbox2 .btn {position: absolute;bottom: 5px;left:60%;} .list_bird ul li .photospec .bird_movbox2 .btn a {display: inline-block;} .boxbird_icon01 {clear:both;background: url(../images/sub/icon_birdlist01.png) no-repeat 15px 15px;border:1px solid #b0b0b0;} .boxbird_icon01 dl {padding:20px 20px 20px 100px;} .boxbird_icon01 dl dt {color:#000;font-size:18px;font-weight:bold; } .boxbird_icon01 dl dd {color:#686868;font-size:14px;padding-top:15px; } .boxbird_icon02 {background: url(../images/sub/icon_birdlist02.png) no-repeat 15px 15px;border:1px solid #b0b0b0;} .boxbird_icon02 dl {padding:20px 20px 20px 100px;} .boxbird_icon02 dl dt {color:#000;font-size:18px;font-weight:bold; } .boxbird_icon02 dl dd {color:#686868;font-size:14px;padding-top:15px; } .boxbird_icon02 dl dd ul li {background: url(../images/sub/bull_dot.gif) no-repeat 5px 11px;padding:3px 0 0 15px;} .boxbird_icon03 {clear:both;background: url(../images/sub/icon_birdlist03.png) no-repeat 15px 15px;border:1px solid #b0b0b0;} .boxbird_icon03 dl {padding:20px 20px 20px 100px;} .boxbird_icon03 dl dt {color:#000;font-size:18px;font-weight:bold; } .boxbird_icon03 dl dd {color:#686868;font-size:14px;padding-top:15px; } .boxbird_icon04 {clear:both;background: url(../images/sub/icon_birdlist04.png) no-repeat 15px 15px;border:1px solid #b0b0b0;} .boxbird_icon04 dl {padding:20px 20px 20px 100px;} .boxbird_icon04 dl dt {color:#000;font-size:18px;font-weight:bold; } .boxbird_icon04 dl dd {color:#686868;font-size:14px;padding-top:15px; } .boxbird_icon04 dl dd.bgbox {background:#f7f7eb;color:#000;font-size:14px;padding:15px 0;text-align:center; margin-top:10px; } .m_iconwv li{ margin-left:10%;margin-bottom:5%;} .m_iconwv li:nth-child(4n + 1) {margin-left:10%;} .soundbox p {margin-left: -15px;margin-top: -15px;} .soundbox p img { width: 50%;height: 50%; } .soundbook .infotxt { font-size: 15px; } .soundbook .ebooklist ul li {position: relative; float: left;margin-left:0px;margin-bottom: 15px; } .soundbook .ebooklist ul li img {width: 100%;height: 100%;} .flex_boxline { border:1px solid #d0d0d0;padding:10px 10px;} } @media (max-width:568px) { .stroyhead ul li {float:none;width:100%;} .stroyhead ul li.last {float:none;text-align:right;width:100%;padding-top:10px;} } @media (max-width:440px) { .titArea{ display: none;} .aside_jongwrap {margin-top:0px !important; } .txt_ellipsis { text-overflow: clip; overflow: hidden; white-space: normal; padding-left:5px !important; padding-right:5px !important; } /*.sect_species {margin-top:0px !important;}*/ .tschwrap {margin:5px 0px 10px 0px;} .tschwrap ul li a {padding-left:2px;} .icon_tsch10 {letter-spacing:-1px; font-size:13px;} .boxgray {display:none;} .bslider_imgbox img.thumb{max-width:100%;max-height:280px; } .icon_box {margin:0%;border-bottom:solid 1px #ddd; background-color:#fff;padding: 20px 0; overflow:hidden;position:relative; } .icon_box .imgcont { width:100%;height:100%;text-align:center;margin-bottom:20px;} .icon_box .imgcont .imgbox {position:relative; } .icon_box .imgcont .imgbox img {width:95%;height:95%;} .icon_box .imgcont .contbtn {width:100%; position:absolute;top: 30%; } .icon_box .imgcont .contbtn img {width:55%;height:55%;} .icon_box .imgcont .contbtn .prevbtn {position:absolute; left:1%; } .icon_box .imgcont .contbtn .nextbtn {position:absolute; right:1%; } .icon_box .list_icon {clear:both;} .icon_box .list_icon ul li {float:left;width:20%;text-align:center; } .icon_box .list_icon ul li img { width: 77%; height:77%;} .icon_box .list_icon ul li dl dt {position: relative; top:-4.5vw; color: #fff;font-size: 3vw; font-weight: bold;} .icon_box .list_icon ul li a:hover dl dt {color: #000;font-size: 3vw; font-weight: bold;} .icon_box .list_icon ul li a dl dd {margin-top: 0px; color: #000; font-weight: bold; font-size:13px;} .pagination .counter { display: none;} .photo-list {width: calc(100% + 10px); padding: 15px 0 0;} .photo-list li {width: calc(50% - 10px); margin-right:10px} .photo-list li:nth-child(3n + 1) {clear: none;} .photo-list li:nth-child(2n + 1) {clear: both;} .photo-list2 {width: calc(100% + 5px); padding: 10px 0 0;} .photo-list2 li {width: calc(50% - 5px); margin-right:5px} .photo-list2 li:nth-child(3n + 1) {clear: none;} .photo-list2 li:nth-child(2n + 1) {clear: both;} .loginwrap {margin:30px auto;width: 100%;height:auto; background: url(../images/sub/bg_login.png) no-repeat 5% 50%;} .loginwrap fieldset {padding: 20px 0 20px 30%; } .loginwrap .inputxt {border:3px solid #d6d6d6;background:#fefff7;margin-bottom:10px;width:220px;padding-left:10px;height:44px;font-size:16px;color:#000;} .loginwrap .btn {padding-left:0px;margin-top:0px;} .loginwrap2 {margin:30px auto;width: 100%;height:auto; background: url(../images/sub/bg_login.png) no-repeat 5% 50%;} .loginwrap2 div {padding:20px 0 20px 30%; } .findidwrap {margin:30px auto;width: 100%; height: auto; background: url(../images/sub/bg_loginfind.png) no-repeat 5% 50%;} .findidwrap fieldset {padding: 30px 0 20px 30%; } .findidwrap .inputxt { width:190px; margin-bottom:10px;} .findidwrap2 {margin:30px auto;width: 100%; height: auto; background: url(../images/sub/bg_login.png) no-repeat 5% 50%;} .findidwrap2 fieldset {padding: 30px 0 20px 30%; } .findidwrap2 .inputxt { width:190px; margin-bottom:10px;} .list_useble ul li { padding:10px 0; min-height: 370px; border-bottom: 1px solid #d5d5d5;} .list_useble ul li .photospec {float: none; width: 100%;} .list_useble ul li .photospec p img {width: 100%;height: 100%;text-align: center;} .list_useble ul li .summary_spec {float: none; width: 100%; } .list_useble ul li .summary_spec p {padding-bottom: 5px;font-weight: 300;font-size:13px;} .list_useble ul li .summary_spec p.tit {color:#517E03;font-weight: 500;font-size:14px;} .list_useble ul li .iconlist { float: none; margin-top: 0; width: 100%} .list_useble ul li .iconlist ol li { min-height:60px;} .list_useble ul li .iconlist ol li strong {font-weight: 400;color: #000;font-size: 12px;} .list_ident { padding-top:20px; overflow: hidden; } .list_ident > li {float: none;width: 100%; margin-top: 60px;} .list_ident > li .box { height: 450px;text-align: center;padding:20px;text-align: left; } .list_ident > li .box .tag {width: 99%;height:150px;background: #10448b;position: relative;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto;top: -100px;line-height: 1.4;border-radius:85px;font-size: 18px;font-weight: 600; } .list_ident > li .box .txt {margin-top: -70px; line-height:20px; min-height: 150px;} .list_ident > li:last-child {float: none;width: 100%; margin-top:100px;} .list_ident2 { padding-top:20px; overflow: hidden; } .list_ident2 > li {float: none;width: 100%; margin-top: 60px;} .list_ident2 > li .box { height: 220px;text-align: center;padding:20px;text-align: left; } .list_ident2 > li .box .tag {width: 99%;height:150px;background: #0daabd;position: relative;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto;top: -100px;line-height: 1.4;border-radius:85px;font-size: 18px;font-weight: 600; } .list_ident2 > li .box .txt {margin-top: -70px; line-height:20px; min-height: 150px;} .btn_ident {display: inline-block; border: 2px solid #959595;border-radius: 30px; height: 45px;line-height:40px;font-size: 13px; text-align: center; background-color: #fff; color: #000000;padding: 0 10px; } .boxgray .inner .txt2 {width:45%;margin-left: 0;} .boxgray .inner input[placeholder] {font-size:12px; } .box_service01 {background: url(../images/sub/box_service01.png) no-repeat 10px 10px; padding:5px 5px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service02 {background: url(../images/sub/box_service02.png) no-repeat 10px 10px; padding:5px 5px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service03 {background: url(../images/sub/box_service03.png) no-repeat 10px 10px; padding:5px 5px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service04 {background: url(../images/sub/box_service04.png) no-repeat 10px 10px; padding:5px 5px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service05 {background: url(../images/sub/box_service05.png) no-repeat 10px 10px; padding:5px 5px; border: 1px solid #cdcdcd;margin-top: 20px} .box_service06 {background: url(../images/sub/box_service06.png) no-repeat 10px 10px; padding:5px 5px; border: 1px solid #cdcdcd;margin-top: 20px} dl.service {padding:10px 0px 0 90px;} dl.service dt {color:#000;font-size:16px;font-weight:500;} dl.service dd {padding:10px 0;font-size:14px;} .boardSch .inner span {display: none;} .mapcontain {width:100%;min-height:470px;background:#fafbf7;border:1px solid #dddddd; } .mapcontain .mapkorea {float:left;width:40%; margin-left:10px; margin-top: 10px; } .mapcontain .maplist {float:right;width:52%; margin-right:10px; margin-top: 10px; } .mapcontain .maplist .bg_box {width:100%;min-height:420px;background:#fff;border: 1px solid #b0b0b0; padding:10px 10px; } .mapcontain .maplist .bg_box p.map_tit {margin:0;padding:0;line-height:30px;height:40px;font-size:17px;color:#000;} .mapcontain .maplist .bg_box p.map_tit strong {color:#609003;font-weight:bold;} .mapcontain .map {display: none; margin-bottom: 0px; } .mapcontain .map_respond {width: 100%;overflow: hidden; display: block; } .mapcontain .map_respond ul li a {float: left; width: 44%; letter-spacing: -1px;font-size: 12px; line-height: 40px;background-color: #e8eae4;color: #000;border: 1px solid #b6bcb1;text-align: center;margin: 0 1% 5px} .mapcontain .maplist .bg_box .maptable {width: 100%; height: 340px; overflow-y: auto; border-top:2px solid #000; } .mapcontain .map_respond ul li a:hover {background-color: #070707;color: #fff;border: 1px solid #070707;} .tschwrap ul li a span{display: block;padding:5px 0px 5px 22px; text-align: left ;font-size:11px;letter-spacing:-1px;} .tschwrap ul li a span.long{padding:5px 5px 5px 28px;} .tschwrap ul li a {width:24.0%;float: left; margin-left:1%;margin-bottom: 1%; } .tschwrap ul li:nth-of-type(4n+1) a {margin-left:0 !important;} .tschwrap ul li:nth-of-type(5n+1) a {margin-left:1%;} .tschwrap ul li:first-child a {margin-left:0 !important;} .tschwrap ul li a { height: 30px;vertical-align: middle} .icon_tsch01 {display: block; /*background: url(../images/sub/icon_tsch01.png) no-repeat 0px 6px;*/ height: 30px; line-height:28px; text-align:center; font-size:11px; } .icon_tsch02 {display:block; /*background: url(../images/sub/icon_tsch02.png) no-repeat 1px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px;} .icon_tsch02 .ico{vertical-align:-3px;} .icon_tsch03 {display:block; /*background: url(../images/sub/icon_tsch03.png) no-repeat 0px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px; } .icon_tsch03 .ico{vertical-align:-4px;} .icon_tsch04 {display:block; /*background: url(../images/sub/icon_tsch04.png) no-repeat 4px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px; } .icon_tsch04 .ico{vertical-align:-4px;} .icon_tsch05 {display:block; /*background: url(../images/sub/icon_tsch05.png) no-repeat 4px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px;} .icon_tsch05 .ico{vertical-align:-7px;} .icon_tsch06 {display:block; /*background: url(../images/sub/icon_tsch06.png) no-repeat 0px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px;;} .icon_tsch06 .ico{vertical-align:-6px;} .icon_tsch07 {display:block; /*background: url(../images/sub/icon_tsch07.png) no-repeat 4px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px; } .icon_tsch07 .ico{vertical-align:-6px;} .icon_tsch08 {display:block; /*background: url(../images/sub/icon_tsch08.png) no-repeat 4px 4px; */height: 30px; line-height:28px; text-align:center; font-size:11px; } .icon_tsch08 .ico{vertical-align:-6px;} .icon_tsch09 {display:block; /*background: url(../images/sub/icon_tsch09.png) no-repeat 0px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px;} .icon_tsch09 .ico{vertical-align:-5px;} .icon_tsch10 {display:block; /*background: none;*/height: 30px; line-height:27px; text-align:center; font-size:11px;} .icon_tsch11 {display:block; /*background: url(../images/sub/icon_tsch11.png) no-repeat 4px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px;} .icon_tsch11 .ico{margin-right:3px;} .icon_tsch12 {display:block; /*background: url(../images/sub/icon_tsch12.png) no-repeat 4px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px;} .icon_tsch12 .ico{vertical-align:-6px; margin-right:3px;} .icon_tsch13 {display:block; /*background: url(../images/sub/icon_tsch12.png) no-repeat 4px 4px;*/height: 30px; line-height:28px; text-align:center; font-size:11px;} .icon_tsch13 .ico{ margin-right:3px;} .photo-list3 .thumb {display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 70%; background-color: #f9f9f9;border: 1px solid #d9d9d9;} /*.tit_infotop { font-size:22px; font-weight: bold;}*/ .tit_infotop { display:none;} .aside_jongwrap .flt_infobox table th { padding:15px 0; font-size: 13px; } .aside_jongwrap .flt_infobox table td {padding:10px 0; font-size: 12px; } .tschwrap .mo_blind {display:none;} ul.tbllist_jong li dl dt {float:none;width:100%; letter-spacing:-1px; padding:0;} ul.tbllist_jong li dl dt strong {color: #000;font-weight: bold;font-size: 13px} ul.tbllist_jong li dl dd {float:none; width:100%;margin-top:5px; } .bookwrap ul li { width:24%; text-align: center;margin-right:1%;margin-bottom: 10px; } .bookwrap ul li:last-of-type {margin-right:0;margin-bottom: 10px;} .m_iconwv li{ margin-left:3%;margin-bottom:5%;} .m_iconwv li:nth-child(4n + 1) {margin-left:3%;} .protect02 ul li dl dd p {margin:10px auto; width: 80%; } ul.listprot li {margin-bottom:5px;} #birdquick ul li {float:none; width:100%;background:#f4f5f0; margin-left:0%;margin-bottom: 2%; border:1px solid #e3e3e2;} #birdquick ul li div p {padding-left: 110px;padding-top: 7%; font-size:22px;color:#000;font-weight:500; } .photo-tsch {width: calc(100% + 10px); padding: 15px 0 0;} .photo-tsch li {width: calc(50% - 10px); margin-right:10px} .photo-tsch li:nth-child(3n + 1) {clear: none;} .photo-tsch li:nth-child(2n + 1) {clear: both;} .photo-list3 li .img .img_area .imgin{ /*width:280px;*/height:78px;border:none; } .photo-list3 li .img .img_area .imgin img{margin:0 auto;} .photo-list3 li .img .img_area img{max-width:100%;max-height:78px; } .photo-list4 strong {position: absolute;top:25%;left:25%; margin-top:-6px; margin-left:-6px; } .layerpop_docu {width:90%; left:5%;} } @media (max-width:361px) { .m_iconwv li{ margin-left:2%;margin-bottom:5%;} .m_iconwv li:nth-child(3n + 1) {margin-left:0%;} } .bgbox_orange {background-color: #ff6000;color: #fff;font-size: 12px;font-weight: 400; height: 17px;border-radius: 10px;padding: 0 10px;} /* 저작권정책 button */ .buttonBox {padding:20px 0 40px 0} .buttonBox ul li {margin:0 0 0 5px} .buttonBox ul li:first-child {margin:0} /* 저작권정책 button */ .buttonBox {clear: both; padding: 10px 0px 40px 0; display:inline-block; width:100%;} .buttonBoxL {float: left;} .buttonBoxR {float: right;} .buttonBox ul li {float:left} .bu_linkIcon { background-color: #fff; color: #00589a; border:1px solid #00589a; text-align: center; min-height: 32px; line-height: 32px; min-width: 178px; transition: 0.3s all; display: inline-block; padding:0 16px; } .bu_linkIcon:hover { background:#00589a; color:#fff; } .bu_linkIcon span.ico { display:inline-block; width:16px; height:15px; background:url(/html/aw_img/common/ico/link_icon02_off.png) no-repeat; margin:0 10px 0 0; position:relative; top:2px; } .bu_linkIcon:hover span.ico { background:url(/html/aw_img/common/ico/link_icon02_on.png) no-repeat; } /*20220816 개인정보*/ ul.listprivacy a:not(.btn-s) {color: #009589;} .bbs_list.privacy td { vertical-align: top;} .bbs_list.privacy p.tit {color: #000;font-size: 16px;margin-bottom:10px;} .bbs_list.privacy td img {width: auto;height: 100px;} @media (max-width:768px) { .bbs_list.privacy td img {width: auto;height: 90px;} } /*20220921 OPEN Type4*/ .box_kogl {margin: 50px 0;padding: 25px 60px 25px 250px; border: 1px solid #e0e0e0;position: relative;} .box_kogl::before {content: '';background-image: url(/html/home/images/sub/icon_kogl.png);background-size: 100% auto;background-repeat: no-repeat;position: absolute;top: 25px;left: 90px;width: 106px;height: 74px;} .box_kogl p {color: #494949;font-size: 14px;} .box_kogl p img {display: block;margin-bottom: 12px;} .box_kogl p span {color: #144cdc;} @media all and (max-width:768px){ .box_kogl {padding: 25px 20px 25px 155px;} .box_kogl::before {left: 20px;} } /*Mypage20221110*/ .favmenu {overflow: hidden;margin: 30px 0;} .favmenu>div {float: left;width:calc(25% - 40px);margin-left: 40px;} .favmenu>div:first-child {margin-left: 0px;} .favmenu .listbox .menutit {background: #fafafa;border: 1px solid #575757;font-size: 21px;color: #000;text-align: center;padding: 10px 0;margin-bottom: 20px;} .favmenu .listbox ul li {padding: 10px 0; font-size: 18px;color: #525252;border-bottom: 1px solid #e1e1e1;} .favmenu .listbox ul li ul {margin-top: 5px;padding-left: 20px;} .favmenu .listbox ul li ul li {font-size: 16px;color: #242424;border-bottom: none;padding: 3px 0;} .favmenu .listbox ul li ul li ol {margin-top: 5px;padding-left: 20px;} .favmenu .listbox ul li ul li ol li {font-size: 15px;color: #6f6f6f;border-bottom: none;padding: 3px 0;} .favmenu input[type=checkbox] {vertical-align: middle;margin-top: -2px;margin-right: 3px;} .info_fav{position:relative; padding:0; padding-left:80px; } .info_fav > dt{position:absolute; left:0; width:80px; font-size:14px; padding:5px 0 0 10px; color:#000000;} .info_fav > dt:before{content:''; position:absolute; top:12px; left:0; width:3px; height:3px; background:#a9a9a9;} .info_fav > dd{position:relative; font-size:14px; padding:5px 10px; color: #444444; } .fav_jongtit {color: #000;font-size: 18px;margin-bottom: 10px;} .fav_btn {position: relative;text-align: right; top: -30px; } .favjonglist {border-top:1px solid #464646; margin: 30px 0;} .favjonglist ul li {padding:20px 0; position:relative;border-bottom:1px solid #d5d5d5; overflow: hidden;transition: .3s;} .favjonglist ul li .photo {float: left; width: 220px;height:145px;position:relative;border: 1px solid #b6b6b6; overflow: hidden;} .favjonglist ul li .photo>img {max-width: 100%;width: 100%;} .favjonglist .desc .tit {font-size: 18px;color: #444444;margin-bottom: 10px;} .favjonglist .desc{float: right;width: calc(100% - 270px);} .favjonglist .desc dt {display: inline-block; width: 80px; color: #000;position: relative; padding:5px 0 5px 10px; font-size: 15px; } .favjonglist .desc dt:before {content: '';width: 3px;height: 3px;background: #a9a9a9;position: absolute;top: 14px;left: 0;} .favjonglist .desc dd {width: calc(100% - 90px); display: inline-block; color: #444444;font-size: 15px; } .mybtn {display:inline-block;height:26px;line-height:26px; border-radius:2px;font-size:13px;color:#212121; padding:0 15px;transition: .3s;} .mybtn.golink {background:#eeecff;border:1px solid #816dcb; } .mybtn.delete {background:#f2f9ff;border:1px solid #7197b1; } .mybtn.golink:hover {background:#efddff;border:1px solid #000; color: #000000;} .mybtn.delete:hover {background:#d7eaff;border:1px solid #000; color: #000000;} .icon_ctext.favbox {min-height: 100px;} .favjonglist2 {border-top:1px solid #464646; margin:20px 0;overflow: hidden;} .favjonglist2 .desc2{float: left;width: calc(50% - 25px);margin-right:25px; } .favjonglist2 .desc2 dt {display: inline-block; width: 80px; color: #000;position: relative; padding:5px 0 5px 10px; font-size: 15px; } .favjonglist2 .desc2 dt:before {content: '';width: 3px;height: 3px;background: #a9a9a9;position: absolute;top: 14px;left: 0;} .favjonglist2 .desc2 dd {width: calc(100% - 90px); display: inline-block; color: #444444;font-size: 15px; } .favjonglist2 ul.list2 li {overflow: hidden; padding:10px 0px; border-bottom:1px solid #d5d5d5;} .favjonglist2 ul.list2 li ol li {float: none;width: 100%;border-bottom: 0;padding:3px 0 3px 10px;position: relative;} .favjonglist2 ul.list2 li ol li:before {content: '';width: 3px;height: 3px;background: #a9a9a9;position: absolute;top: 10px;left: 0;} .noti {padding: 10px 0 0 0; word-break:keep-all;} .layermypage {border: 2px solid #394052;padding: 20px 20px;} .layermypage .heading {position: relative; color:#000;font-size:17px;padding:8px 0 0 10px;} .layermypage .heading .btn {position: absolute;right: 0;top: 0;width: 50p;} .layermypage .heading.ttshc {font-size: 23px; } .layermypage .heading.ttshc > img {vertical-align: middle;} ul.txtinfo li {padding:1px 0 1px 25px;position: relative;} ul.txtinfo li::after {content: '';width: 4px;height: 1px;background: #000;position: absolute;top: 8px;left: 15px;} a.btnsrch05, a.btnsrch06 {display:inline-block;height:28px;line-height:18px; font-size:14px; color:#ffffff; padding:5px 10px; vertical-align:middle;margin-left: 5px;box-sizing: border-box;border-radius: 2px; } a.btnsrch05 { background:#358a10; } a.btnsrch06 { background:#0c2b5a; } .treemenu {padding:20px 20px;margin: 10px 0;height: 350px;overflow-y: auto;} .treemenu .treelist li {padding:0 0;} .treemenu .treelist li ol li {padding-left:20px;} .treemenu .treelist li ol li strong {color: #000;} .treemenu .treelist span {display: inline-block;width: 40px;height: 22px;position: relative;vertical-align: middle;} .treemenu .treelist span.tree_folder {width: 16px;height: 12px;} .treemenu .treelist span:before {content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center left;transform: translateY(-50%);} .treemenu .treelist span.tree_folder:before {background-image: url(../images/sub/tree_folder.png); } .treemenu .treelist span.tree_minus:before {background-image: url(../images/sub/tree_minus.png);width: 40px;} .treemenu .treelist span.tree_plus:before {background-image: url(../images/sub/tree_plus.png);width: 40px;} .treemenu .treelist span.tree_list:before {background-image: url(../images/sub/tree_list.png);width: 40px;} .treemenu .treelist .tree_line {background: url(../images/sub/tree_line2.png) no-repeat top left; } /*20230102*/ .photozone span.redicon {position: absolute;top: 100%;right: 2px;width: 45px;height: 45px;transform: translateY(-100%);} .tschwrap ul li.rsch a {text-align: center; position: relative; } .tschwrap ul li.rsch a strong {font-weight: normal;display: inline-block;position: absolute;left: 0; top: 50%; transform: translateY(-50%);height: auto;width: 100%;line-height: 18px;} /*20230509*/ .joinwrap {overflow: hidden;margin: 50px 0;} .joinwrap div {float:left;width: calc(50% - 20px);border: 1px solid #cdcdcd;border-radius: 18px;padding: 50px 0px;box-sizing: border-box;text-align: center;padding-left: 160px; } .joinwrap div.icon01 {position: relative;margin-right: 20px;} .joinwrap div.icon02 {position: relative; margin-left: 20px; } .joinwrap div.icon01::before, .joinwrap div.icon02::before {content: '';width: 157px;height: 128px; position: absolute;top: 55%;left: 80px;transform: translateY(-50%);} .joinwrap div.icon01::before {background: url(../images/sub/icon_join01.png) no-repeat center left;} .joinwrap div.icon02::before {background: url(../images/sub/icon_join02.png) no-repeat center left;} .joinwrap div dt {font-size: 24px;color: #000;margin-bottom: 10px;} .joinwrap div dd {font-size: 16px;color: #4e4e4e;} .joinwrap div a {min-width: 180px;margin-top: 15px;} .joinchk {margin: 50px 0; position: relative;padding-left: 380px;min-height: 300px;} .joinchk::before {content: '';width: 311px;height: 257px; position: absolute;top: 0;left: 20px; background: url(../images/sub/icon_join03.png) no-repeat 0 0;} .joinchk dt {font-size: 24px;color: #000;padding-top: 50px;} .joinchk dd {font-size: 24px;color: #4e4e4e;margin: 20px 0;} @media all and (max-width:1024px){ .joinwrap div {padding-left: 100px;} .joinwrap div.icon01::before, .joinwrap div.icon02::before {left: 20px;} } @media all and (max-width:860px){ .joinwrap div {padding-left: 0px;} .joinwrap div.icon01::before, .joinwrap div.icon02::before {display: none;left: 0;} .joinchk {padding-left: 0;min-height: auto;margin: 0px 0;} .joinchk::before {display: none;} .joinchk dt {padding-top: 20px} } @media all and (max-width:480px){ .joinwrap div {float:none;width:100%; padding:20px 0px; } .joinwrap div.icon01 {margin-right: 0px;margin-bottom: 20px;} .joinwrap div.icon02 {margin-left: 0px; } } /*20230713*/ .tit_privacy {color:#000; font-size:16px;padding:0px 0 0 0px;margin-bottom: 10px;} .tit_privacy img {width: 35px;height: 35px;margin-right: 5px;} .list_index {background: #fff;margin: 20px 20px; overflow: hidden;text-align: left;padding: 20px 20px;box-sizing: border-box;} .list_index li{float: left;width: 50%;padding: 5px 0;} .list_index li img {width: 35px;height: 35px;margin-right: 5px;} ul.listprivacy2 li {padding:3px 0 3px 0px;} ul.listprivacy2 li ul li {background: none;padding:0px 0 0 15px;position:relative;margin-bottom:5px;} ul.listprivacy2 li ul li span {position:absolute; top:0; left:0;} [id^="privacy_article"] {margin-top: -120px;padding-top: 120px;} .boxgray2 {padding: 20px 10px;border: 1px solid #d8d8d8;background: #f9f9f9;text-align: center;margin-bottom: 25px;} @media (max-width:1024px) { [id^="privacy_article"] {margin-top: -65px;padding-top: 65px;} } @media (max-width:768px) { .list_index li {float:none; width: 100%;} }