iframe{width:100%} .notext{text-indent:-9999px} .hide{display:block !important;position:absolute;width:1px;height:1px;overflow:hidden;left:-1000%;top:-1000%} caption{display:block;position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .clearfix{clear:both} .clearfix:after,.clearfix:before{content:" ";display:table;clear:both} .categoryBox{padding:20px 0;margin:4vw auto 2vw;width:100%;display:table;border-top:solid 1px #dedede;border-bottom:solid 1px #dedede} @media (min-width:0) and (max-width:768px){.categoryBox{padding:13px 0} } .categoryBox ul{display:table-row} .categoryBox ul.item2 li{width:calc(100% / 2)} .categoryBox ul.item3 li{width:calc(100% / 3)} .categoryBox ul.item4 li{width:calc(100% / 4)} .categoryBox ul.item5 li{width:calc(100% / 5)} .categoryBox ul.item6 li{width:calc(100% / 6)} .categoryBox ul.item7 li{width:calc(100% / 7)} .categoryBox ul.item8 li{width:calc(100% / 8)} .categoryBox ul li{display:table-cell} .categoryBox ul li a{display:block;height:17px;line-height:17px;text-align:center;border-right:solid 1px #dedede;border-left:1px solid #e3e3e3;background-color:#fff;font-size:16px} @media (min-width:0) and (max-width:768px){.categoryBox ul li a{font-size:13px} } .categoryBox ul li:first-of-type a{border-left:none} .categoryBox ul li:last-of-type a{border-right:none} .categoryBox ul li.on a{color:#3d3d3d;font-weight:bold} .categoryBox:after{content:"";display:block;clear:both} .categoryList {display: flex;background: #f3f3f3;border-radius: 15px;/* margin-bottom: 70px; */} .categoryList li { flex-grow: 1; position: relative; } .categoryList li a {display: block;width: 100%;text-align: center;color: #6f6f6f;/* font-size: 22px; */padding: 20px 0 15px 0;font-family: "GMarket";font-weight: 500;} .categoryList li.on a { color: #fff; background: #0075c1; border-radius: 15px; } .categoryList li.on::after { display: none; } .categoryList li::after {/* content: ''; */width: 1px;height: 60%;background: #d0d2d5;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .categoryList li:last-child::after { display: none; } .commentPost{position:relative} .commentPost .commentInfo{margin-bottom:5px} .commentPost .commentInfo span{display:inline-block;margin-right:3px} .commentPost .commentBtn{position:absolute;bottom:5px;right:5px} .commentPost .commentContents{font-size:14px;color:#222} .commentReport{font-size:12px} .report{font-size:12px} .commentBody h4{background-color:#f3f3f3;height:40px;line-height:40px;padding-left:20px} .commentBody h4 span{color:#fd7f3a} .boardHead{margin:4vw auto 0} .boardHead span.boardTotal{font-size:14px} .boardHead .boardSearchWrap{border-top: 1px solid #d0d2d5;margin-top:5px} @media (min-width:0) and (max-width:768px){.boardHead .boardSearchWrap{border-top:none} } .boardHead .boardSearchWrap form{position: relative; top: -35px;width:440px;height:70px;position:relative;margin:0 auto;} @media (min-width:0) and (max-width:768px){.boardHead .boardSearchWrap form{width:100%;height:40px;top:0;} } .boardHead .boardSearchWrap form input{display: block; width: 100%; height: 100%; border: 1px solid #d0d2d5; border-radius: 20px; padding: 0 20px; padding-right: 100px;font-size: 18px;font-family: "GMarket";font-weight: 500;} @media (min-width:0) and (max-width:768px){.boardHead .boardSearchWrap form input{width:100%;height:38px;font-size:14px} } .boardHead .boardSearchWrap form button{display: inline-block; position: absolute; right: 0; top: 0; width: 80px; border-left: 1px solid #d0d2d5; height: 100%; color: transparent; background: url(/braille/images/sub/icon_search.png) no-repeat center center; } @media (min-width:0) and (max-width:768px){.boardHead .boardSearchWrap form button{height:38px;font-size:18px} } #boardVO{width:100%;margin:1vw auto} @media (min-width:0) and (max-width:490px){.boardHead{width:100%;margin-top: 28vw;} .categoryBox+.boardHead{margin-top:0} #boardVO{width:95vw} } @media (min-width:491px) and (max-width:980px){.boardHead{width:100%;margin-top:18vw} .categoryBox+.boardHead{margin-top:0} #boardVO{width:95vw} } .board{margin:0 auto 2vw;} .board small{color:#d33;display:inline-block;font-weight:400} .board table{width:100%;margin-bottom:20px;border-top:2px solid #3d3d3d;border-bottom:1px solid #aaaaaa} .board table thead td,.board table thead th{padding:18px 10px;font-size:16px;font-weight:600;color:#fff} .board table thead td.checkbox,.board table thead th.checkbox,.board table thead td.date,.board table thead th.date,.board table thead td.hit,.board table thead th.hit,.board table thead td.no,.board table thead th.no,.board table thead td.status,.board table thead th.status{text-align:center} .board table thead td.category,.board table thead th.category{text-align:center} .board table thead td i,.board table thead th i{font-size:16px;cursor:pointer} .board table tbody tr.foldQ{cursor:pointer} .board table tbody tr.foldQ td.title>div{position:relative} .board table tbody tr.foldQ td.title>div:after{font-family:'Font Awesome 5 Free';font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;display:block;content:"\f067";width:21px;height:21px;right:0;top:0;color:#b5b3b4} .board table tbody tr.foldQ.open td.title>div:after{content:"\f068"} .board table tbody tr.foldA span.foldA,.board table tbody tr.foldQ span.foldQ{display:inline-block;width:26px;height:26px;border-radius:13px;line-height:26px;font-size:13px;font-weight:700;background-color:#0b66bf;color:#fff} .board table tbody tr.foldA span.foldA{background-color:#e3345b} .board table tbody tr.foldA{background-color:#f8f8f8;display:none;border-bottom:2px solid #dedede} .board table tbody tr{border-top:1px solid #dedede} .board table tbody td,.board table tbody th{padding:11px 10px;font-size:16px;vertical-align:middle;text-align:center;} .board table tbody td.checkbox,.board table tbody th.checkbox,.board table tbody td.date,.board table tbody th.date,.board table tbody td.hit,.board table tbody th.hit,.board table tbody td.no,.board table tbody th.no{text-align:center;font-family:'Roboto',sans-serif;font-size:14.4px} .board table tbody td.category,.board table tbody th.category{text-align:center} .board table tbody td.status,.board table tbody th.status{text-align:center;font-size:.9em} .board table tbody td.title,.board table tbody th.title{text-align:left;font-size:16px} .board table tbody td.program,.board table tbody th.program{position:relative;height:70px} .board table tbody td.program .title,.board table tbody th.program .title{font-size:16px;font-weight:600} .board table tbody td.program .desc,.board table tbody th.program .desc{font-size:14px;font-weight:400} .board table tbody td.webZine,.board table tbody th.webZine{position:relative;padding-left:160px;height:120px} .board table tbody td.webZine img,.board table tbody th.webZine img{position:absolute;left:0;top:13px;width:140px;height:93px} .board table tbody td.webZine .title,.board table tbody th.webZine .title{font-size:16px;font-weight:600} .board table tbody td.webZine .desc,.board table tbody th.webZine .desc{font-size:14px;font-weight:400} .board table tbody td.webzine_vertical,.board table tbody th.webzine_vertical{position:relative;padding-left:97px;height:120px} .board table tbody td.webzine_vertical img,.board table tbody th.webzine_vertical img{position:absolute;left:0;top:13px;width:77px;height:93px} .board table tbody td.webzine_vertical .title,.board table tbody th.webzine_vertical .title{font-size:16px;font-weight:600} .board table tbody td.webzine_vertical .desc,.board table tbody th.webzine_vertical .desc{font-size:14px;font-weight:400} .board table tbody td.hiksWebZine,.board table tbody th.hiksWebZine{position:relative;padding-left:120px;height:146px} .board table tbody td.hiksWebZine img,.board table tbody th.hiksWebZine img{position:absolute;left:0;top:10px;width:90px;height:126px} .board table tbody td.hiksWebZine .title,.board table tbody th.hiksWebZine .title{font-size:16px;font-weight:600} .board table tbody td.hiksWebZine .desc,.board table tbody th.hiksWebZine .desc{font-size:14px;font-weight:400} .board table tbody td.title-link,.board table tbody th.title-link{text-align:left;font-size:17.6px} .board table tbody td a.link,.board table tbody th a.link{border-bottom:2px dotted #575757} .board table tbody td a.notice,.board table tbody th a.notice{font-weight:bold} .board table tbody td span.notice,.board table tbody th span.notice{ /*background-color:#3d3d3d;display:inline-block;border-radius:13px;height:22px;line-height:22px;width:45px;color:#fff;font-weight:700*/ display:inline-block;height:22px;line-height:22px;width:45px;color:#3d3d3d;font-weight:700 } .board table tbody td.category span{background-color: #e5e5e5;color: #fff;display: inline-flex;justify-content: center;align-items: center;width: 6.375rem;height: inherit;border-radius: 0.9375rem;font-size: .875rem;word-break: keep-all;font-weight: bold;padding: 5px 0;} .board table tbody td.category .cat1, .board table tbody td.category .cat4, .board table tbody td.category .cat10, .board table tbody td.category .cat15{background-color:#ff8400;} .board table tbody td.category .cat2, .board table tbody td.category .cat5, .board table tbody td.category .cat11, .board table tbody td.category .cat16{background-color:#14a73d;} .board table tbody td.category .cat3, .board table tbody td.category .cat6, .board table tbody td.category .cat12, .board table tbody td.category .cat17{background-color:#2f8ecc;} .board table tbody td.category .cat7, .board table tbody td.category .cat8, .board table tbody td.category .cat9, .board table tbody td.category .cat13{background-color:#004c66;} .board table tbody td.category .cat14, .board table tbody td.category .cat18{background-color:#666;} span.label {display: inline-block;border-radius: 3px;font-size: .9em;line-height: 25px;padding:2px 8px;height: 34px;color: #fff;} .board table tbody td .label-wait{background-color:#0075c1;} .board table tbody td .label-complete{background-color:#ff430d;} /*.boardFooter{display:flex;justify-content: space-between;margin-top:30px;}*/ .boardFooter{justify-content: space-between;margin-top:30px;} .boardFooter.justify-center{justify-content:center;} .boardFooter .btn, /*.readTop .btn{display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;touch-action: manipulation;cursor: pointer;border: 1px solid transparent;white-space: nowrap;padding: 8px 20px;font-size: 18px;line-height: 1.42857143;-ms-user-select: none;user-select: none;background: #0075c1;border-radius: 3px;color:#fff;vertical-align:top;}*/ .readTop .btn{display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;touch-action: manipulation;cursor: pointer;border: 1px solid transparent;white-space: nowrap;padding: 8px 10px;font-size: 16px;line-height: 16px;-ms-user-select: none;user-select: none;border-radius: 3px;color: #fff;vertical-align: top;height: 36px;} .btxBox .btn:focus, .btxBox .btn:focus-visible { outline: 3px solid red !important; outline-offset: 2px; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000 !important; } .readTop .btn.btn-red, .boardFooter .btn.btn-red{background:#e74c3c;} .boardFooter.justify-center .btn{margin:0 5px;} .board footer{clear:both;overflow:hidden} .pageOfMax{margin-top:15px;} @media (min-width:0) and (max-width:768px){ .board table{ display:inline-block; } .board table tbody { display:block; width:100%;} .board thead{display:none} .board tbody tr{display:block;padding:10px 5px;line-height:26px} .board tbody tr td{display:inline;padding:0} .board tbody tr td.no{display:none} .board tbody tr td.notice{font-size:14px} .board tbody tr td.category{font-size:14px;color:#3d3d3d} /*.board tbody tr td.category:before{content:"["} .board tbody tr td.category:after{content:"]"}*/ .board tbody tr td.category span{display: inline-block;width: auto;font-weight: normal;border-radius: 10px;padding: 0 10px;} .board tbody tr td.title{font-size:14px;width:100%} .board tbody tr td.title:after{content:"\A";white-space:pre} .board tbody tr td.webZine{display:block;position:relative;padding-left:135px;height:auto;min-height:75px} .board tbody tr td.webZine img{position:absolute;left:0;top:30px;width:120px;height:80px} .board tbody tr td.webZine .title{display:block;font-size:14px;font-weight:600;margin-left:-135px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .board tbody tr td.webZine .desc{font-size:12px;padding-left:133px;font-weight:400;height:60px;line-height:20px;white-space:normal;overflow:hidden} .board tbody tr td.webZine+td{margin-left:133px} .board tbody tr td.webzine_vertical{display:block;position:relative;padding-left:135px;height:auto;min-height:125px} .board tbody tr td.webzine_vertical img{position:absolute;left:20px;top:0px;width:80px;height:auto} .board tbody tr td.webzine_vertical .title{display:block;font-size:14px;font-weight:600;margin-left:-135px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:133px} .board tbody tr td.webzine_vertical .desc{font-size:12px;padding-left:0;font-weight:400;height:60px;line-height:20px;white-space:normal;overflow:hidden} .board tbody tr td.webzine_vertical+td{margin-left:133px} .board tbody tr td.name{font-size:12px;color:#999;margin-right:10px} .board tbody tr td.name:before{content:"작성자 : "} .board tbody tr td.date{font-size:12px;color:#999;margin-right:10px} .board tbody tr td.date:before{content:"등록일 : "} .board tbody tr td.hit{font-size:12px;color:#999;margin-right:10px} .board tbody tr td.hit:before{content:"조회수 : "} } .boardPhoto{margin-top:0} .boardPhoto .selectAll{font-size:18px;margin-bottom: 10px;display: inline-block;} .boardPhoto .boardPhotoArea{padding:35px 0 0;border-top:2px solid #1b3a54;border-bottom:1px solid #aaaaaa;margin-bottom:20px} .boardPhoto .boardPhotoArea:after{content:"";display:block;clear:both} /*.boardPhoto .boardPhotoArea .photoEmpty{height:180px;line-height:180px;text-align:center} .boardPhoto .boardPhotoArea>.board{margin:0} .boardPhoto .boardPhotoArea>.board table{margin:0;border-top:none} .boardPhoto .boardPhotoArea>.board table>tbody>tr:nth-of-type(1){border-top:none} .boardPhoto .photoItemWrap{margin-bottom:20px} .boardPhoto .photoItemWrap:after{display:block;content:"";clear:both} .boardPhoto.photo .photoItem,.boardPhoto.photo3 .photoItem{width:calc(33.333% - 13.333px)} .boardPhoto.photo .photoItem:nth-of-type(3n),.boardPhoto.photo3 .photoItem:nth-of-type(3n){margin-right:0} .boardPhoto.photo .photoItem:nth-of-type(3n):after,.boardPhoto.photo3 .photoItem:nth-of-type(3n):after{content:"";display:block;clear:both} */ .boardPhotoArea .gallery-list ul { margin: 0; display: flex; flex-wrap: wrap; } .boardPhotoArea .gallery-list ul li { width: 32%; height: 300px; margin-right: 2%; border-radius: 20px; overflow: hidden; margin-bottom: 35px; position: relative; background: url(/braille/images/sub/no_img.jpg) no-repeat center center; } .boardPhotoArea .gallery-list.photo ul li:nth-child(3n+0) { margin-right: 0; } .boardPhotoArea .gallery-list.photo4 ul li{width:23.5%;height:250px;} .boardPhotoArea .gallery-list.photo4 ul li:nth-child(4n+0) { margin-right: 0; } .boardPhotoArea .gallery-list.photo5 ul li{width:18.4%;height:210px;} .boardPhotoArea .gallery-list.photo5 ul li:nth-child(5n+0) { margin-right: 0; } .boardPhotoArea .gallery-list ul li::before { display: none; } .boardPhotoArea .gallery-list ul li .img { width: 100%; height: 100%; } .boardPhotoArea .gallery-list ul li .img img { height: 100%; } .boardPhotoArea .gallery-list ul li .boardPost{position:absolute;top:15px;left:15px} .boardPhotoArea .gallery-list ul li .txt { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); padding: 13px 20px; font-size: 18px; display: flex; justify-content: space-between; color: #fff; font-family: "GMarket"; } .boardPhotoArea .gallery-list ul li .txt strong { font-weight: 500; } @media (min-width:0) and (max-width:768px){.boardPhoto.photo .photoItem:nth-of-type(3n),.boardPhoto.photo3 .photoItem:nth-of-type(3n){margin-right:20px} .boardPhoto.photo .photoItem:nth-of-type(6n),.boardPhoto.photo3 .photoItem:nth-of-type(6n){margin-right:0} } /*.boardPhoto.photo4 .photoItem{width:calc(25% - 15px)} .boardPhoto.photo4 .photoItem:nth-of-type(4n){margin-right:0} .boardPhoto.photo4 .photoItem:nth-of-type(4n):after{content:"";display:block;clear:both} .boardPhoto.photo5 .photoItem{width:calc(20% - 16px)} .boardPhoto.photo5 .photoItem:nth-of-type(5n){margin-right:0} .boardPhoto.photo5 .photoItem:nth-of-type(5n):after{content:"";display:block;clear:both} .boardPhoto .photoItem{position:relative;float:left;margin:20px 20px 0 0} .boardPhoto .photoItem input{position:absolute;top:5px;left:8px} .boardPhoto .photoItem:after{content:"";display:block;clear:both} .boardPhoto .photoItem a .photoItemImage{width:100%;padding-top:66.66%;overflow:hidden} .boardPhoto .photoItem a .photoItemImage img{position:absolute;top:0;left:0;width:100%;height: 100%;} .boardPhoto .photoItem p.title{font-size:17px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .boardPhoto .photoItem .photoItemInfo{position:absolute;width:100%;height:30px;margin-top:-30px;background-color:rgba(0,0,0,0.5)} .boardPhoto .photoItem .photoItemInfo span.name{position:absolute;left:10px;height:30px;line-height:30px;font-size:14px;color:#bbb} .boardPhoto .photoItem .photoItemInfo span.date{position:absolute;right:10px;height:30px;line-height:30px;font-size:14px;color:#bbb} @media (min-width:0) and (max-width:768px){.boardPhoto .photoItem{width:calc(50% - 10px) !important;margin-right:20px} .boardPhoto .photoItem:nth-of-type(2n){margin-right:0} .boardPhoto .photoItem:nth-of-type(2n):after{content:"";display:block;clear:both} } .boardPhoto div.boardFooter{clear:both;text-align:right}*/ .boardNewsLetter{margin-top:20px} .boardNewsLetter .selectAll{font-size:14px} .boardNewsLetter .boardNewsLetterArea{border-top:2px solid #1b3a54;border-bottom:1px solid #aaaaaa;margin-bottom:20px} .boardNewsLetter .boardNewsLetterArea:after{content:"";display:block;clear:both} .boardNewsLetter .boardNewsLetterArea .newsLetterEmpty{height:180px;line-height:180px;text-align:center} .boardNewsLetter .boardNewsLetterArea>.board{margin:0} .boardNewsLetter .boardNewsLetterArea>.board table{margin:0;border-top:none} .boardNewsLetter .boardNewsLetterArea>.board table>tbody>tr:nth-of-type(1){border-top:none} .boardNewsLetter .newsLetterItemWrap{margin-bottom:0px} .boardNewsLetter .newsLetterItemWrap:after{display:block;content:"";clear:both} .boardNewsLetter .newsLetterItemWrap hr{margin-bottom:0} .boardNewsLetter .newsLetterItem{width:calc((100% - 170px) / 4);float:left;margin:30px 20px 20px 20px;position:relative} .boardNewsLetter .newsLetterItem:nth-of-type(4n - 3){margin-left:25px} .boardNewsLetter .newsLetterItem:nth-of-type(4n - 3):after{content:"";display:block;clear:both} .boardNewsLetter .newsLetterItem:nth-of-type(4n){margin-right:0} .boardNewsLetter .newsLetterItem:nth-of-type(4n):after{content:"";display:block;clear:both} .boardNewsLetter .newsLetterItem input{position:absolute;top:5px;left:8px} .boardNewsLetter .newsLetterItem:after{content:"";display:block;clear:both} .boardNewsLetter .newsLetterItem a .newsLetterItemImage{position:relative;width:100%;padding-top:128.6%} .boardNewsLetter .newsLetterItem a .newsLetterItemImage img{border:1px solid #dedede;position:absolute;top:0;left:0;width:100%} .boardNewsLetter .newsLetterItem a .newsLetterItemImage:after{position:absolute;display:block;content:"";width:0px;height:0px;border-right:12px solid transparent;border-bottom:300px solid #eee;bottom:1px;right:-12px} .boardNewsLetter .newsLetterItem p.title{height:35px;line-height:35px;font-size:17px;text-align:center} .boardNewsLetter .newsLetterItem .newsLetterItemInfo span.name{display:block;text-align:center;height:20px;line-height:20px;font-size:14px;color:#777} .boardNewsLetter .newsLetterItem .newsLetterItemInfo span.date{display:block;text-align:center;height:20px;line-height:20px;font-size:14px;color:#999} @media (min-width:0) and (max-width:768px){.boardNewsLetter .newsLetterItem{width:calc(50% - 10px) !important;margin-right:20px} .boardNewsLetter .newsLetterItem:nth-of-type(2n){margin-right:0} .boardNewsLetter .newsLetterItem:nth-of-type(2n):after{content:"";display:block;clear:both} } .boardNewsLetter div.boardFooter{clear:both;text-align:right} .boardPage{text-align:center;margin:25px 0;clear: both;} .boardPage a{ display: inline-block; font-weight: 400; text-align: center; touch-action: manipulation; cursor: pointer; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; -ms-user-select: none; user-select: none; border:1px solid #e7eaec; } .boardPage a.active{background-color: #333; color: #fff; font-weight: 700; /*border-radius: 50%;*/text-decoration: underline;text-underline-offset: 4px;} .boardRead{position:relative;width:100%;margin:2vw auto 5vw} .boardRead>h1{background-color:#f8f9fc;border-top:2px solid #3d3d3d;padding:14px 10px;font-size:16px !important;font-weight:600 !important;color:#3d3d3d;border-bottom:1px solid #dedede;margin:0 0 10px 0 !important;text-align:left !important;} .boardRead>h1 small{color:#6f6f6f} .boardRead .reply h1{display:flex;justify-content: space-between;align-items: center;} .boardRead section{padding:0 10px 10px !important;margin:0 0 10px;border-bottom:1px solid #dedede;line-height: 1.7;} .boardRead section.flex{display:flex;align-items: flex-start;} .boardRead section.flex span{display:inline-block;position: relative;padding:5px 15px;} .boardRead section.flex span:before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background-color:#dedede;} .boardRead section.flex span:first-child:before{display:none;} .boardRead section.flex span.label{margin-right:15px;} .boardRead section.flex span.label:after{content:'';position:absolute;top:50%;right:0;width:1px;height:16px;margin-top:-8px;background-color:#dedede;} .boardRead section .category{display:inline-block;margin-left:15px;font-size:14px} .boardRead section .major{display:inline-block;font-size:14px} .boardRead section.fileList li{display:flex;align-items: flex-end;margin:3px 0px} .boardRead section.fileList li .label{display:inline-block;position: relative;padding:5px 15px;margin-right:15px;} .boardRead section.fileList li .label:after{content:'';position:absolute;top:50%;right:0;width:1px;height:16px;margin-top:-8px;background-color:#dedede;} .boardRead section.fileList li a{display:inline-block;padding: 5px 0;} .boardRead section.fileList li small{display:inline-block;padding:5px 15px;} .boardRead section.fileList li .btn-down{display:inline-block;padding:5px 10px;border-radius:5px;background-color:#0075c1;color:#fff;} .boardRead .contentImage{display:block;margin-bottom:15px;} .boardRead section.contentBox{padding:25px 15px !important;line-height: 1.75;} .boardRead section.articleBody img{max-width:100%} .boardRead section.articleBody html{font-size:10px} .boardRead section.articleBody .depth1margin{margin-left:0} .boardRead section.articleBody .depth2margin{margin-left:2rem} .boardRead section.articleBody .depth3margin{margin-left:3rem} .boardRead section.articleBody .depth4margin{margin-left:4rem} .boardRead section.articleBody .depth5margin{margin-left:5rem} .boardRead section.articleBody .depth6margin{margin-left:6rem} .boardRead section.articleBody blockquote+h1,.boardRead section.articleBody blockquote+h2,.boardRead section.articleBody blockquote+h3,.boardRead section.articleBody blockquote+h4,.boardRead section.articleBody blockquote+h5,.boardRead section.articleBody blockquote+h6,.boardRead section.articleBody ol+h1,.boardRead section.articleBody ol+h2,.boardRead section.articleBody ol+h3,.boardRead section.articleBody ol+h4,.boardRead section.articleBody ol+h5,.boardRead section.articleBody ol+h6,.boardRead section.articleBody p+h1,.boardRead section.articleBody p+h2,.boardRead section.articleBody p+h3,.boardRead section.articleBody p+h4,.boardRead section.articleBody p+h5,.boardRead section.articleBody p+h6,.boardRead section.articleBody table+h1,.boardRead section.articleBody table+h2,.boardRead section.articleBody table+h3,.boardRead section.articleBody table+h4,.boardRead section.articleBody table+h5,.boardRead section.articleBody table+h6,.boardRead section.articleBody div+h1,.boardRead section.articleBody div+h2,.boardRead section.articleBody div+h3,.boardRead section.articleBody div+h4,.boardRead section.articleBody div+h5,.boardRead section.articleBody div+h6,.boardRead section.articleBody ul+h1,.boardRead section.articleBody ul+h2,.boardRead section.articleBody ul+h3,.boardRead section.articleBody ul+h4,.boardRead section.articleBody ul+h5,.boardRead section.articleBody ul+h6{margin-top:2rem} .boardRead section.articleBody h1,.boardRead section.articleBody h2,.boardRead section.articleBody h3,.boardRead section.articleBody h4,.boardRead section.articleBody h5,.boardRead section.articleBody h6{margin:2rem 0 1rem} .boardRead section.articleBody hr{display:block;border-top:1px solid #dedede;margin:3rem 0} .boardRead section.articleBody blockquote{position:relative;background:url('/img/styleguide/G/bg_1new.png') 0 0 no-repeat;font-family:'Nanum Square';padding:3rem 5rem;margin:0 0 1rem;font-size:1.7rem} .boardRead section.articleBody blockquote:before{display:block;content:"";position:absolute;width:100%;height:100%;right:0;bottom:0;background:url('/img/styleguide/G/bg_2new.png') right bottom no-repeat;z-index:-1} .boardRead section.articleBody blockquote strong{font-weight:700;color:#0091ea} .boardRead section.articleBody blockquote h1{width:auto;height:auto;margin:0;padding:0;float:none;display:block;position:static;text-align:left;background:none;border-width:0;left:auto;right:auto;top:auto;bottom:auto;font-size:2.2rem;font-weight:600;margin:1rem 0} .boardRead section.articleBody blockquote h1:before,.boardRead section.articleBody blockquote h1:after{content:"";display:none;background:none;width:auto;height:auto;margin:0;padding:0;float:none;display:block;position:static;text-align:left;border-width:0;left:auto;right:auto;top:auto;bottom:auto} .boardRead section.articleBody blockquote p{font-size:1.7rem;line-height:3rem} .boardRead section.articleBody blockquote .btn{background-color:#3d3d3d;border:1px solid #303030;color:#fff;border-radius:.4rem} .boardRead section.articleBody blockquote footer{margin:1rem 0;font-size:1.4rem;color:#6f6f6f} .boardRead section.articleBody p{font-size:1.8rem;line-height:3.15rem;margin:1rem 0;text-align:justify;word-break:keep-all} .boardRead section.articleBody li{font-size:1.8rem;line-height:3.15rem;text-align:justify;word-break:keep-all} .boardRead section.articleBody h1,.boardRead section.articleBody h2,.boardRead section.articleBody h3,.boardRead section.articleBody h4,.boardRead section.articleBody h5,.boardRead section.articleBody h6{position:relative;padding:0;word-break:keep-all} .boardRead section.articleBody h1{margin-left:0;font-size:2.4rem;line-height:4.2rem;font-weight:600;font-family:'Nanum Square'} .boardRead section.articleBody h1:after{position:absolute;content:"";display:block;width:2.1rem;height:.3rem;top:-0.3rem;left:0;background-color:#3d3d3d} .boardRead section.articleBody h1+blockquote,.boardRead section.articleBody h1+div{margin-left:0;margin-bottom:1.5rem} .boardRead section.articleBody h2{font-size:2.4rem;line-height:4.2rem;margin-left:2rem;font-weight:600;font-family:'Nanum Square';color:#3d3d3d} .boardRead section.articleBody h2:after{position:absolute;content:"";display:block;width:1.4rem;height:1.4rem;top:1.2rem;left:-2rem;background:url(/img/styleguide/gjwfcr/h2_bul.jpg) center no-repeat} .boardRead section.articleBody h2+blockquote,.boardRead section.articleBody h2+div{margin-left:2rem;margin-bottom:1.5rem} .boardRead section.articleBody h3{font-size:2.3rem;line-height:4.025rem;margin-left:3rem} .boardRead section.articleBody h3:after{position:absolute;content:"";display:block;width:.4rem;height:2rem;top:.9rem;left:-1rem;background:url(/img/styleguide/gjwfcr/h3_bul.jpg) center no-repeat} .boardRead section.articleBody h3+blockquote,.boardRead section.articleBody h3+div{margin-left:3rem;margin-bottom:1.5rem} .boardRead section.articleBody h4{font-size:2.2rem;line-height:3.85rem;margin-left:4rem} .boardRead section.articleBody h4:after{position:absolute;content:"";display:block;width:.3rem;height:.3rem;top:1.4rem;left:-1rem;background:url(/img/styleguide/gjwfcr/h4_bul.jpg) center no-repeat} .boardRead section.articleBody h4+blockquote,.boardRead section.articleBody h4+div{margin-left:4rem;margin-bottom:1.5rem} .boardRead section.articleBody h5{font-size:2.1rem;line-height:3.675rem;margin-left:5rem} .boardRead section.articleBody h5:after{position:absolute;content:"";display:block;width:.3rem;height:.4rem;top:1.6rem;left:-1rem;background-color:#3d3d3d} .boardRead section.articleBody h5+blockquote,.boardRead section.articleBody h5+div{margin-left:5rem;margin-bottom:1.5rem} .boardRead section.articleBody h6{font-size:2rem;line-height:3.5rem;margin-left:6rem} .boardRead section.articleBody h6+blockquote,.boardRead section.articleBody h6+div{margin-left:6rem;margin-bottom:1.5rem} .boardRead section.articleBody ol,.boardRead section.articleBody ul{margin:.7rem 0} .boardRead section.articleBody ol ol,.boardRead section.articleBody ul ol,.boardRead section.articleBody ol ul,.boardRead section.articleBody ul ul{margin:0} .boardRead section.articleBody ol li,.boardRead section.articleBody ul li{padding-left:0;margin:.2rem 0} .boardRead section.articleBody ul>li{position:relative;padding-left:1.5rem} .boardRead section.articleBody ul>li:after{position:absolute;display:block;content:" ";height:.2rem;width:.7rem;background-color:#999;top:1.1rem;left:0} .boardRead section.articleBody li li{font-size:.92em;line-height:2em} .boardRead section.articleBody li li:after{height:.2rem;width:.5rem;left:.1rem} .boardRead section.articleBody li li li:after{width:.4rem;left:.3rem} .boardRead section.articleBody li li li li:after{width:.3rem;left:.5rem} .boardRead section.articleBody .olliStyle{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li{position:relative;padding-left:2rem} .boardRead section.articleBody ol>li:after{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li:nth-of-type(1):after{content:"1. "} .boardRead section.articleBody ol>li:nth-of-type(2):after{content:"2. "} .boardRead section.articleBody ol>li:nth-of-type(3):after{content:"3. "} .boardRead section.articleBody ol>li:nth-of-type(4):after{content:"4. "} .boardRead section.articleBody ol>li:nth-of-type(5):after{content:"5. "} .boardRead section.articleBody ol>li:nth-of-type(6):after{content:"6. "} .boardRead section.articleBody ol>li:nth-of-type(7):after{content:"7. "} .boardRead section.articleBody ol>li:nth-of-type(8):after{content:"8. "} .boardRead section.articleBody ol>li:nth-of-type(9):after{content:"9. "} .boardRead section.articleBody ol>li:nth-of-type(10):after{content:"10. "} .boardRead section.articleBody ol>li:nth-of-type(11):after{content:"11. "} .boardRead section.articleBody ol>li:nth-of-type(12):after{content:"12. "} .boardRead section.articleBody ol>li:nth-of-type(13):after{content:"13. "} .boardRead section.articleBody ol>li:nth-of-type(14):after{content:"14. "} .boardRead section.articleBody ol>li:nth-of-type(15):after{content:"15. "} .boardRead section.articleBody ol>li:nth-of-type(16):after{content:"16. "} .boardRead section.articleBody ol>li:nth-of-type(17):after{content:"17. "} .boardRead section.articleBody ol>li:nth-of-type(18):after{content:"18. "} .boardRead section.articleBody ol>li:nth-of-type(19):after{content:"19. "} .boardRead section.articleBody ol>li:nth-of-type(20):after{content:"20. "} .boardRead section.articleBody ol>li ol>li:after{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li ol>li:nth-of-type(1):after{content:"① "} .boardRead section.articleBody ol>li ol>li:nth-of-type(2):after{content:"② "} .boardRead section.articleBody ol>li ol>li:nth-of-type(3):after{content:"③ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(4):after{content:"④ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(5):after{content:"⑤ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(6):after{content:"⑥ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(7):after{content:"⑦ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(8):after{content:"⑧ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(9):after{content:"⑨ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(10):after{content:"⑩ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(11):after{content:"⑪ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(12):after{content:"⑫ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(13):after{content:"⑬ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(14):after{content:"⑭ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(15):after{content:"⑮ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(16):after{content:"⑯ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(17):after{content:"⑰ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(18):after{content:"⑱ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(19):after{content:"⑲ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(20):after{content:"⑳ "} .boardRead section.articleBody table{position:relative;box-sizing:border-box;width:100%;border-top:2px solid #3d3d3d;border-left:1px solid #dedede;margin:.5rem 0} .boardRead section.articleBody table thead{border-bottom:1px #dedede} .boardRead section.articleBody table thead td,.boardRead section.articleBody table thead th{background-color:#f6f6f6;font-weight:500;font-size:1.98rem;line-height:3.465rem} .boardRead section.articleBody table td,.boardRead section.articleBody table th{border-right:1px solid #dedede;border-bottom:1px solid #dedede;vertical-align:middle;padding:.6rem .8rem;font-size:1.8rem;line-height:3.15rem;word-break:keep-all} .boardRead section.articleBody table td p:first-of-type,.boardRead section.articleBody table th p:first-of-type{margin-top:0} .boardRead section.articleBody table td p:last-of-type,.boardRead section.articleBody table th p:last-of-type{margin-bottom:0} .boardRead section.articleBody table th{font-weight:500;font-size:1.8rem;line-height:3.15rem;background-color:#f6f6f6;text-align:center;color:#3d3d3d} .boardRead section.articleBody table tfoot{border-top:3px double #dedede} .boardRead section.articleBody table tfoot th,.boardRead section.articleBody table tfoot td{background-color:#fbfbfb} .boardRead footer { padding-bottom:10px; } @media screen and (min-width:0) and (max-width:490px){.boardRead section.articleBody html{font-size:2vw} .boardRead section.articleBody .depth1margin{margin-left:0} .boardRead section.articleBody .depth2margin{margin-left:2rem} .boardRead section.articleBody .depth3margin{margin-left:3rem} .boardRead section.articleBody .depth4margin{margin-left:4rem} .boardRead section.articleBody .depth5margin{margin-left:5rem} .boardRead section.articleBody .depth6margin{margin-left:6rem} .boardRead section.articleBody blockquote+h1,.boardRead section.articleBody blockquote+h2,.boardRead section.articleBody blockquote+h3,.boardRead section.articleBody blockquote+h4,.boardRead section.articleBody blockquote+h5,.boardRead section.articleBody blockquote+h6,.boardRead section.articleBody ol+h1,.boardRead section.articleBody ol+h2,.boardRead section.articleBody ol+h3,.boardRead section.articleBody ol+h4,.boardRead section.articleBody ol+h5,.boardRead section.articleBody ol+h6,.boardRead section.articleBody p+h1,.boardRead section.articleBody p+h2,.boardRead section.articleBody p+h3,.boardRead section.articleBody p+h4,.boardRead section.articleBody p+h5,.boardRead section.articleBody p+h6,.boardRead section.articleBody table+h1,.boardRead section.articleBody table+h2,.boardRead section.articleBody table+h3,.boardRead section.articleBody table+h4,.boardRead section.articleBody table+h5,.boardRead section.articleBody table+h6,.boardRead section.articleBody div+h1,.boardRead section.articleBody div+h2,.boardRead section.articleBody div+h3,.boardRead section.articleBody div+h4,.boardRead section.articleBody div+h5,.boardRead section.articleBody div+h6,.boardRead section.articleBody ul+h1,.boardRead section.articleBody ul+h2,.boardRead section.articleBody ul+h3,.boardRead section.articleBody ul+h4,.boardRead section.articleBody ul+h5,.boardRead section.articleBody ul+h6{margin-top:2rem} .boardRead section.articleBody h1,.boardRead section.articleBody h2,.boardRead section.articleBody h3,.boardRead section.articleBody h4,.boardRead section.articleBody h5,.boardRead section.articleBody h6{margin:2rem 0 1rem} .boardRead section.articleBody hr{display:block;border-top:1px solid #dedede;margin:3rem 0} .boardRead section.articleBody blockquote{position:relative;background:url('/img/styleguide/G/bg_1new.png') 0 0 no-repeat;font-family:'Nanum Square';padding:3rem 5rem;margin:0 0 1rem;font-size:1.7rem} .boardRead section.articleBody blockquote:before{display:block;content:"";position:absolute;width:100%;height:100%;right:0;bottom:0;background:url('/img/styleguide/G/bg_2new.png') right bottom no-repeat;z-index:-1} .boardRead section.articleBody blockquote strong{font-weight:700;color:#0091ea} .boardRead section.articleBody blockquote h1{width:auto;height:auto;margin:0;padding:0;float:none;display:block;position:static;text-align:left;background:none;border-width:0;left:auto;right:auto;top:auto;bottom:auto;font-size:2.2rem;font-weight:600;margin:1rem 0} .boardRead section.articleBody blockquote h1:before,.boardRead section.articleBody blockquote h1:after{content:"";display:none;background:none;width:auto;height:auto;margin:0;padding:0;float:none;display:block;position:static;text-align:left;border-width:0;left:auto;right:auto;top:auto;bottom:auto} .boardRead section.articleBody blockquote p{font-size:1.7rem;line-height:3rem} .boardRead section.articleBody blockquote .btn{background-color:#3d3d3d;border:1px solid #303030;color:#fff;border-radius:.4rem} .boardRead section.articleBody blockquote footer{margin:1rem 0;font-size:1.4rem;color:#6f6f6f} .boardRead section.articleBody p{font-size:1.8rem;line-height:3.15rem;margin:1rem 0;text-align:justify;word-break:keep-all} .boardRead section.articleBody li{font-size:1.8rem;line-height:3.15rem;text-align:justify;word-break:keep-all} .boardRead section.articleBody h1,.boardRead section.articleBody h2,.boardRead section.articleBody h3,.boardRead section.articleBody h4,.boardRead section.articleBody h5,.boardRead section.articleBody h6{position:relative;padding:0;word-break:keep-all} .boardRead section.articleBody h1{margin-left:0;font-size:2.4rem;line-height:4.2rem;font-weight:600;font-family:'Nanum Square'} .boardRead section.articleBody h1:after{position:absolute;content:"";display:block;width:2.1rem;height:.3rem;top:-0.3rem;left:0;background-color:#3d3d3d} .boardRead section.articleBody h1+blockquote,.boardRead section.articleBody h1+div{margin-left:0;margin-bottom:1.5rem} .boardRead section.articleBody h2{font-size:2.4rem;line-height:4.2rem;margin-left:2rem;font-weight:600;font-family:'Nanum Square';color:#3d3d3d} .boardRead section.articleBody h2:after{position:absolute;content:"";display:block;width:1.4rem;height:1.4rem;top:1.2rem;left:-2rem;background:url(/img/styleguide/gjwfcr/h2_bul.jpg) center no-repeat} .boardRead section.articleBody h2+blockquote,.boardRead section.articleBody h2+div{margin-left:2rem;margin-bottom:1.5rem} .boardRead section.articleBody h3{font-size:2.3rem;line-height:4.025rem;margin-left:3rem} .boardRead section.articleBody h3:after{position:absolute;content:"";display:block;width:.4rem;height:2rem;top:.9rem;left:-1rem;background:url(/img/styleguide/gjwfcr/h3_bul.jpg) center no-repeat} .boardRead section.articleBody h3+blockquote,.boardRead section.articleBody h3+div{margin-left:3rem;margin-bottom:1.5rem} .boardRead section.articleBody h4{font-size:2.2rem;line-height:3.85rem;margin-left:4rem} .boardRead section.articleBody h4:after{position:absolute;content:"";display:block;width:.3rem;height:.3rem;top:1.4rem;left:-1rem;background:url(/img/styleguide/gjwfcr/h4_bul.jpg) center no-repeat} .boardRead section.articleBody h4+blockquote,.boardRead section.articleBody h4+div{margin-left:4rem;margin-bottom:1.5rem} .boardRead section.articleBody h5{font-size:2.1rem;line-height:3.675rem;margin-left:5rem} .boardRead section.articleBody h5:after{position:absolute;content:"";display:block;width:.3rem;height:.4rem;top:1.6rem;left:-1rem;background-color:#3d3d3d} .boardRead section.articleBody h5+blockquote,.boardRead section.articleBody h5+div{margin-left:5rem;margin-bottom:1.5rem} .boardRead section.articleBody h6{font-size:2rem;line-height:3.5rem;margin-left:6rem} .boardRead section.articleBody h6+blockquote,.boardRead section.articleBody h6+div{margin-left:6rem;margin-bottom:1.5rem} .boardRead section.articleBody ol,.boardRead section.articleBody ul{margin:.7rem 0} .boardRead section.articleBody ol ol,.boardRead section.articleBody ul ol,.boardRead section.articleBody ol ul,.boardRead section.articleBody ul ul{margin:0} .boardRead section.articleBody ol li,.boardRead section.articleBody ul li{padding-left:0;margin:.2rem 0} .boardRead section.articleBody ul>li{position:relative;padding-left:1.5rem} .boardRead section.articleBody ul>li:after{position:absolute;display:block;content:" ";height:.2rem;width:.7rem;background-color:#999;top:1.1rem;left:0} .boardRead section.articleBody li li{font-size:.92em;line-height:2em} .boardRead section.articleBody li li:after{height:.2rem;width:.5rem;left:.1rem} .boardRead section.articleBody li li li:after{width:.4rem;left:.3rem} .boardRead section.articleBody li li li li:after{width:.3rem;left:.5rem} .boardRead section.articleBody .olliStyle{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li{position:relative;padding-left:2rem} .boardRead section.articleBody ol>li:after{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li:nth-of-type(1):after{content:"1. "} .boardRead section.articleBody ol>li:nth-of-type(2):after{content:"2. "} .boardRead section.articleBody ol>li:nth-of-type(3):after{content:"3. "} .boardRead section.articleBody ol>li:nth-of-type(4):after{content:"4. "} .boardRead section.articleBody ol>li:nth-of-type(5):after{content:"5. "} .boardRead section.articleBody ol>li:nth-of-type(6):after{content:"6. "} .boardRead section.articleBody ol>li:nth-of-type(7):after{content:"7. "} .boardRead section.articleBody ol>li:nth-of-type(8):after{content:"8. "} .boardRead section.articleBody ol>li:nth-of-type(9):after{content:"9. "} .boardRead section.articleBody ol>li:nth-of-type(10):after{content:"10. "} .boardRead section.articleBody ol>li:nth-of-type(11):after{content:"11. "} .boardRead section.articleBody ol>li:nth-of-type(12):after{content:"12. "} .boardRead section.articleBody ol>li:nth-of-type(13):after{content:"13. "} .boardRead section.articleBody ol>li:nth-of-type(14):after{content:"14. "} .boardRead section.articleBody ol>li:nth-of-type(15):after{content:"15. "} .boardRead section.articleBody ol>li:nth-of-type(16):after{content:"16. "} .boardRead section.articleBody ol>li:nth-of-type(17):after{content:"17. "} .boardRead section.articleBody ol>li:nth-of-type(18):after{content:"18. "} .boardRead section.articleBody ol>li:nth-of-type(19):after{content:"19. "} .boardRead section.articleBody ol>li:nth-of-type(20):after{content:"20. "} .boardRead section.articleBody ol>li ol>li:after{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li ol>li:nth-of-type(1):after{content:"① "} .boardRead section.articleBody ol>li ol>li:nth-of-type(2):after{content:"② "} .boardRead section.articleBody ol>li ol>li:nth-of-type(3):after{content:"③ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(4):after{content:"④ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(5):after{content:"⑤ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(6):after{content:"⑥ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(7):after{content:"⑦ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(8):after{content:"⑧ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(9):after{content:"⑨ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(10):after{content:"⑩ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(11):after{content:"⑪ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(12):after{content:"⑫ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(13):after{content:"⑬ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(14):after{content:"⑭ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(15):after{content:"⑮ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(16):after{content:"⑯ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(17):after{content:"⑰ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(18):after{content:"⑱ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(19):after{content:"⑲ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(20):after{content:"⑳ "} .boardRead section.articleBody table{position:relative;box-sizing:border-box;width:100%;border-top:2px solid #3d3d3d;border-left:1px solid #dedede;margin:.5rem 0} .boardRead section.articleBody table thead{border-bottom:1px #dedede} .boardRead section.articleBody table thead td,.boardRead section.articleBody table thead th{background-color:#f6f6f6;font-weight:500;font-size:1.98rem;line-height:3.465rem} .boardRead section.articleBody table td,.boardRead section.articleBody table th{border-right:1px solid #dedede;border-bottom:1px solid #dedede;vertical-align:middle;padding:.6rem .8rem;font-size:1.8rem;line-height:3.15rem;word-break:keep-all} .boardRead section.articleBody table td p:first-of-type,.boardRead section.articleBody table th p:first-of-type{margin-top:0} .boardRead section.articleBody table td p:last-of-type,.boardRead section.articleBody table th p:last-of-type{margin-bottom:0} .boardRead section.articleBody table th{font-weight:500;font-size:1.8rem;line-height:3.15rem;background-color:#f6f6f6;text-align:center;color:#3d3d3d} .boardRead section.articleBody table tfoot{border-top:3px double #dedede} .boardRead section.articleBody table tfoot th,.boardRead section.articleBody table tfoot td{background-color:#fbfbfb} } @media screen and (min-width:491px) and (max-width:980px){.boardRead section.articleBody html{font-size:1vw} .boardRead section.articleBody .depth1margin{margin-left:0} .boardRead section.articleBody .depth2margin{margin-left:2rem} .boardRead section.articleBody .depth3margin{margin-left:3rem} .boardRead section.articleBody .depth4margin{margin-left:4rem} .boardRead section.articleBody .depth5margin{margin-left:5rem} .boardRead section.articleBody .depth6margin{margin-left:6rem} .boardRead section.articleBody blockquote+h1,.boardRead section.articleBody blockquote+h2,.boardRead section.articleBody blockquote+h3,.boardRead section.articleBody blockquote+h4,.boardRead section.articleBody blockquote+h5,.boardRead section.articleBody blockquote+h6,.boardRead section.articleBody ol+h1,.boardRead section.articleBody ol+h2,.boardRead section.articleBody ol+h3,.boardRead section.articleBody ol+h4,.boardRead section.articleBody ol+h5,.boardRead section.articleBody ol+h6,.boardRead section.articleBody p+h1,.boardRead section.articleBody p+h2,.boardRead section.articleBody p+h3,.boardRead section.articleBody p+h4,.boardRead section.articleBody p+h5,.boardRead section.articleBody p+h6,.boardRead section.articleBody table+h1,.boardRead section.articleBody table+h2,.boardRead section.articleBody table+h3,.boardRead section.articleBody table+h4,.boardRead section.articleBody table+h5,.boardRead section.articleBody table+h6,.boardRead section.articleBody div+h1,.boardRead section.articleBody div+h2,.boardRead section.articleBody div+h3,.boardRead section.articleBody div+h4,.boardRead section.articleBody div+h5,.boardRead section.articleBody div+h6,.boardRead section.articleBody ul+h1,.boardRead section.articleBody ul+h2,.boardRead section.articleBody ul+h3,.boardRead section.articleBody ul+h4,.boardRead section.articleBody ul+h5,.boardRead section.articleBody ul+h6{margin-top:2rem} .boardRead section.articleBody h1,.boardRead section.articleBody h2,.boardRead section.articleBody h3,.boardRead section.articleBody h4,.boardRead section.articleBody h5,.boardRead section.articleBody h6{margin:2rem 0 1rem} .boardRead section.articleBody hr{display:block;border-top:1px solid #dedede;margin:3rem 0} .boardRead section.articleBody blockquote{position:relative;background:url('/img/styleguide/G/bg_1new.png') 0 0 no-repeat;font-family:'Nanum Square';padding:3rem 5rem;margin:0 0 1rem;font-size:1.7rem} .boardRead section.articleBody blockquote:before{display:block;content:"";position:absolute;width:100%;height:100%;right:0;bottom:0;background:url('/img/styleguide/G/bg_2new.png') right bottom no-repeat;z-index:-1} .boardRead section.articleBody blockquote strong{font-weight:700;color:#0091ea} .boardRead section.articleBody blockquote h1{width:auto;height:auto;margin:0;padding:0;float:none;display:block;position:static;text-align:left;background:none;border-width:0;left:auto;right:auto;top:auto;bottom:auto;font-size:2.2rem;font-weight:600;margin:1rem 0} .boardRead section.articleBody blockquote h1:before,.boardRead section.articleBody blockquote h1:after{content:"";display:none;background:none;width:auto;height:auto;margin:0;padding:0;float:none;display:block;position:static;text-align:left;border-width:0;left:auto;right:auto;top:auto;bottom:auto} .boardRead section.articleBody blockquote p{font-size:1.7rem;line-height:3rem} .boardRead section.articleBody blockquote .btn{background-color:#3d3d3d;border:1px solid #303030;color:#fff;border-radius:.4rem} .boardRead section.articleBody blockquote footer{margin:1rem 0;font-size:1.4rem;color:#6f6f6f} .boardRead section.articleBody p{font-size:1.8rem;line-height:3.15rem;margin:1rem 0;text-align:justify;word-break:keep-all} .boardRead section.articleBody li{font-size:1.8rem;line-height:3.15rem;text-align:justify;word-break:keep-all} .boardRead section.articleBody h1,.boardRead section.articleBody h2,.boardRead section.articleBody h3,.boardRead section.articleBody h4,.boardRead section.articleBody h5,.boardRead section.articleBody h6{position:relative;padding:0;word-break:keep-all} .boardRead section.articleBody h1{margin-left:0;font-size:2.4rem;line-height:4.2rem;font-weight:600;font-family:'Nanum Square'} .boardRead section.articleBody h1:after{position:absolute;content:"";display:block;width:2.1rem;height:.3rem;top:-0.3rem;left:0;background-color:#3d3d3d} .boardRead section.articleBody h1+blockquote,.boardRead section.articleBody h1+div{margin-left:0;margin-bottom:1.5rem} .boardRead section.articleBody h2{font-size:2.4rem;line-height:4.2rem;margin-left:2rem;font-weight:600;font-family:'Nanum Square';color:#3d3d3d} .boardRead section.articleBody h2:after{position:absolute;content:"";display:block;width:1.4rem;height:1.4rem;top:1.2rem;left:-2rem;background:url(/img/styleguide/gjwfcr/h2_bul.jpg) center no-repeat} .boardRead section.articleBody h2+blockquote,.boardRead section.articleBody h2+div{margin-left:2rem;margin-bottom:1.5rem} .boardRead section.articleBody h3{font-size:2.3rem;line-height:4.025rem;margin-left:3rem} .boardRead section.articleBody h3:after{position:absolute;content:"";display:block;width:.4rem;height:2rem;top:.9rem;left:-1rem;background:url(/img/styleguide/gjwfcr/h3_bul.jpg) center no-repeat} .boardRead section.articleBody h3+blockquote,.boardRead section.articleBody h3+div{margin-left:3rem;margin-bottom:1.5rem} .boardRead section.articleBody h4{font-size:2.2rem;line-height:3.85rem;margin-left:4rem} .boardRead section.articleBody h4:after{position:absolute;content:"";display:block;width:.3rem;height:.3rem;top:1.4rem;left:-1rem;background:url(/img/styleguide/gjwfcr/h4_bul.jpg) center no-repeat} .boardRead section.articleBody h4+blockquote,.boardRead section.articleBody h4+div{margin-left:4rem;margin-bottom:1.5rem} .boardRead section.articleBody h5{font-size:2.1rem;line-height:3.675rem;margin-left:5rem} .boardRead section.articleBody h5:after{position:absolute;content:"";display:block;width:.3rem;height:.4rem;top:1.6rem;left:-1rem;background-color:#3d3d3d} .boardRead section.articleBody h5+blockquote,.boardRead section.articleBody h5+div{margin-left:5rem;margin-bottom:1.5rem} .boardRead section.articleBody h6{font-size:2rem;line-height:3.5rem;margin-left:6rem} .boardRead section.articleBody h6+blockquote,.boardRead section.articleBody h6+div{margin-left:6rem;margin-bottom:1.5rem} .boardRead section.articleBody ol,.boardRead section.articleBody ul{margin:.7rem 0} .boardRead section.articleBody ol ol,.boardRead section.articleBody ul ol,.boardRead section.articleBody ol ul,.boardRead section.articleBody ul ul{margin:0} .boardRead section.articleBody ol li,.boardRead section.articleBody ul li{padding-left:0;margin:.2rem 0} .boardRead section.articleBody ul>li{position:relative;padding-left:1.5rem} .boardRead section.articleBody ul>li:after{position:absolute;display:block;content:" ";height:.2rem;width:.7rem;background-color:#999;top:1.1rem;left:0} .boardRead section.articleBody li li{font-size:.92em;line-height:2em} .boardRead section.articleBody li li:after{height:.2rem;width:.5rem;left:.1rem} .boardRead section.articleBody li li li:after{width:.4rem;left:.3rem} .boardRead section.articleBody li li li li:after{width:.3rem;left:.5rem} .boardRead section.articleBody .olliStyle{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li{position:relative;padding-left:2rem} .boardRead section.articleBody ol>li:after{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li:nth-of-type(1):after{content:"1. "} .boardRead section.articleBody ol>li:nth-of-type(2):after{content:"2. "} .boardRead section.articleBody ol>li:nth-of-type(3):after{content:"3. "} .boardRead section.articleBody ol>li:nth-of-type(4):after{content:"4. "} .boardRead section.articleBody ol>li:nth-of-type(5):after{content:"5. "} .boardRead section.articleBody ol>li:nth-of-type(6):after{content:"6. "} .boardRead section.articleBody ol>li:nth-of-type(7):after{content:"7. "} .boardRead section.articleBody ol>li:nth-of-type(8):after{content:"8. "} .boardRead section.articleBody ol>li:nth-of-type(9):after{content:"9. "} .boardRead section.articleBody ol>li:nth-of-type(10):after{content:"10. "} .boardRead section.articleBody ol>li:nth-of-type(11):after{content:"11. "} .boardRead section.articleBody ol>li:nth-of-type(12):after{content:"12. "} .boardRead section.articleBody ol>li:nth-of-type(13):after{content:"13. "} .boardRead section.articleBody ol>li:nth-of-type(14):after{content:"14. "} .boardRead section.articleBody ol>li:nth-of-type(15):after{content:"15. "} .boardRead section.articleBody ol>li:nth-of-type(16):after{content:"16. "} .boardRead section.articleBody ol>li:nth-of-type(17):after{content:"17. "} .boardRead section.articleBody ol>li:nth-of-type(18):after{content:"18. "} .boardRead section.articleBody ol>li:nth-of-type(19):after{content:"19. "} .boardRead section.articleBody ol>li:nth-of-type(20):after{content:"20. "} .boardRead section.articleBody ol>li ol>li:after{position:absolute;display:block;color:#222;font-family:'Roboto',sans-serif;top:0;left:-0.5rem;width:2rem;text-align:right} .boardRead section.articleBody ol>li ol>li:nth-of-type(1):after{content:"① "} .boardRead section.articleBody ol>li ol>li:nth-of-type(2):after{content:"② "} .boardRead section.articleBody ol>li ol>li:nth-of-type(3):after{content:"③ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(4):after{content:"④ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(5):after{content:"⑤ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(6):after{content:"⑥ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(7):after{content:"⑦ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(8):after{content:"⑧ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(9):after{content:"⑨ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(10):after{content:"⑩ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(11):after{content:"⑪ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(12):after{content:"⑫ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(13):after{content:"⑬ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(14):after{content:"⑭ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(15):after{content:"⑮ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(16):after{content:"⑯ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(17):after{content:"⑰ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(18):after{content:"⑱ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(19):after{content:"⑲ "} .boardRead section.articleBody ol>li ol>li:nth-of-type(20):after{content:"⑳ "} .boardRead section.articleBody table{position:relative;box-sizing:border-box;width:100%;border-top:2px solid #3d3d3d;border-left:1px solid #dedede;margin:.5rem 0} .boardRead section.articleBody table thead{border-bottom:1px #dedede} .boardRead section.articleBody table thead td,.boardRead section.articleBody table thead th{background-color:#f6f6f6;font-weight:500;font-size:1.98rem;line-height:3.465rem} .boardRead section.articleBody table td,.boardRead section.articleBody table th{border-right:1px solid #dedede;border-bottom:1px solid #dedede;vertical-align:middle;padding:.6rem .8rem;font-size:1.8rem;line-height:3.15rem;word-break:keep-all} .boardRead section.articleBody table td p:first-of-type,.boardRead section.articleBody table th p:first-of-type{margin-top:0} .boardRead section.articleBody table td p:last-of-type,.boardRead section.articleBody table th p:last-of-type{margin-bottom:0} .boardRead section.articleBody table th{font-weight:500;font-size:1.8rem;line-height:3.15rem;background-color:#f6f6f6;text-align:center;color:#3d3d3d} .boardRead section.articleBody table tfoot{border-top:3px double #dedede} .boardRead section.articleBody table tfoot th,.boardRead section.articleBody table tfoot td{background-color:#fbfbfb} } .boardRead section:after{display:block;content:"";clear:both} .boardRead section .command{display:inline-block} .boardRead section img{max-width:100%} .boardRead div.boardFooter{text-align:right;margin:10px 0} @media (min-width:0) and (max-width:768px){.boardRead h1 small{display:none} .boardRead div.contentImage img{width:100%} .boardRead section.fileList li{display:block;} .boardRead section.fileList li .label{margin-right:0;} .boardRead section.fileList li .label:after{display:none;} .boardRead section.fileList li a{display:block;word-break: break-word;} } @media (min-width:0) and (max-width:490px){.boardRead{width:95vw} } @media (min-width:491px) and (max-width:980px){ } .wd100px{ width:100px !important; } .wd150px{ width:150px !important; } .wd200px{ width:200px !important; } .txtright { text-align: right; } .txtcenter { text-align: center; } .inputMainArea{margin-top:10px;} .inputMainArea form{display:flex;position:relative;width:100%;padding:5px 0;} .inputMainArea .inputWrap{width:calc(100% - 160px);margin-right:10px;} .inputMainArea .inputWrap .form-control{width:100%;height:80px;border: 1px solid #d0d2d5;border-radius: 10px;padding:15px;font-family: "nexonLv2";font-size:16px;} .inputMainArea .commtBtnArea{width:150px;} .inputMainArea .commtBtnArea .btn{width:100%;height:80px;display: inline-block;text-align: center;touch-action: manipulation;cursor: pointer;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 20px;line-height: 1.42857143;background: #0075c1;border-radius: 3px;color: #fff;} .readTop{display:flex;justify-content:space-between;align-items: center;font-size:15px;} @media (min-width:0) and (max-width:980px){ .readTop{display:none;} } .privacyContent{height:230px;margin-top:10px;margin-bottom:0 !important;border: 1px solid #d0d2d5;border-radius: 20px 20px 0 0;padding:10px 20px;overflow-y:auto;} .privacyCheck{border: 1px solid #d0d2d5;border-top:0;border-radius:0 0 20px 20px;padding:20px 30px;} .privacyCheck p{display: flex;align-items: center;justify-content: flex-end;flex-wrap:wrap;} .privacyCheck input[type="checkbox"]{width:20px;border: 1px solid #d0d2d5;border-radius: 15px;height: 35px;} .privacyCheck input[type="checkbox"] + label {width: auto;margin: 0 0 0 5px;cursor: pointer;} .qna .notice-box2 p.bottom { background-image: url(/braille/images/sub/icon_notice_gallery.png); } .qna ul.depth-4 { margin-left: 0; } .qna ul.depth-4 li::before { display: none; } .qna .search { display: flex; align-items: center; justify-content: space-between; } .qna .search p { display: flex; align-items: center; font-size: 26px; font-family: "GMarket"; color: #6f6f6f; font-weight: 500; } .qna .search p::before { content: '?'; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #59a4d6; color: #fff; border-radius: 50%; font-size: 16px; margin-right: 10px; margin-top: -4px; padding-top: 3px; } .qna .search form { width: 600px; height: 70px; position: relative; } .qna .search form input { width: 100%; height: 100%; padding:15px 95px 15px 20px;border: 1px solid #d0d2d5; border-radius: 20px;font-size: 20px;font-family: "GMarket";font-weight: 500; } .qna .search form button { display: inline-block; position: absolute; right: 0; top: 0; width: 80px; height: 100%; color: transparent; background: url(/braille/images/sub/icon_search.png) no-repeat center center; border-left: 1px solid #d0d2d5; } .qna .list-wrap { border-top: 2px solid #0075c1; margin-top: 40px; } .qna .list-wrap .list { font-size: 22px; color: #575757; border-bottom: 1px solid #d0d2d5; } .qna .list-wrap .list .q { padding: 30px; cursor: pointer; } .qna .list-wrap .list .q span { color: #0075c1; font-weight: 500; margin-right: 20px; } .qna .list-wrap .list .a { display: none; background: #f3f3f3; padding: 30px; line-height: 1.5;align-items: flex-start;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start; } .qna .list-wrap .list .a span.answer { color: #ff7575; font-weight: 500; margin-right: 20px; } .qna .list-wrap .list .a .content{width:100%;} .write-form{margin-top: 50px;} .write-form .write-title h2{font-size: 24px; display: inline-block;font-weight:500;} .write-form .write-title h2 small{font-weight:normal;} .write-form .write-content { margin-top:25px; border: 1px solid #d0d2d5; border-radius: 20px; padding: 30px; } .write-form .write-content * { font-family: "GMarket"; font-weight: 500; font-size: 18px; } .write-form .write-content .form-control{ position:relative;border: 1px solid #d0d2d5; border-radius: 10px; height: 50px; padding: 14px 15px; } .write-form .write-content .form-control::placeholder { color: #8796A1; } .write-form .write-content ul{margin:0;} .write-form .write-content ul li { display: flex; flex-wrap: wrap; align-items: center; margin:0 0 15px 0; } .write-form .write-content ul li:before{display:none;} .write-form .write-content ul li:last-child{margin-bottom:0;} .write-form .write-content ul li input::placeholder { color: #acacac; } .write-form .write-content ul li label { display: inline-block; width: 15%;padding-right:15px; } .write-form .write-content ul li textarea{width: 85%;border: 1px solid #d0d2d5; border-radius: 15px; padding:20px; } .write-form .write-content ul li .required{color:#ff6161;} /*.write-form .write-content ul li .calender{width:20%;padding:0 50px 0 20px;background: url(/braille/images/common/ico_cal.png) 94% 50% no-repeat;}*/ .write-form .write-content ul li .btn-add{display: inline-flex; align-items: center; justify-content: center; font-family: "GMarket"; background: #0075c1; color: #fff; font-size: 18px; font-weight: 500; border-radius: 10px; padding: 11px 20px;} .write-form .write-content ul li .btn-add span {color:#fff} .write-form .write-content ul li .btn-delete{background: #ff6161;} .write-form .write-content ul li .w-85{ width: 85%; } .write-form .write-content ul li input[type="radio"], .write-form .write-content ul li input[type="checkbox"]{ width: 20px;height:50px } .write-form .write-content ul li .sel-wrap label + input[type="radio"], .write-form .write-content ul li .sel-wrap label + input[type="checkbox"],.write-form .write-content ul li .sel-wrap span + span{margin-left:30px;} .write-form .write-content ul li label + .sel-wrap span, .write-form .write-content ul li .sel-wrap span + span, .write-form .write-content ul li .sel-wrap{display:flex; flex-wrap: wrap;align-items: center;} .write-form .write-content ul li input[type="radio"] + label, .write-form .write-content ul li input[type="checkbox"] + label { cursor: pointer; width:auto;margin: 4px 0 0 5px;} .write-form .write-content ul li .add-txt{width:100%; margin:10px 0 0 15%; font-size:16px;color: #8796A1;} .write-form .write-content ul li .add-txt .trumbowyg-box{margin-top:0;} .write-form .write-content ul li .fileinput{width:85%;} .write-form .write-content ul li .fileinput + .fileinput{margin:0 0 9px 15%;} .write-form .write-content ul li .fileinput:focus-within { outline: 3px solid red; outline-offset: 2px; } .write-form .write-content ul li .w-file{width:99%;} .write-form .write-content .has-error, .write-form .write-content .has-error .help-txt{color:#a94442;} .write-form .write-content ul li.has-error .form-control{border:solid 1px #a94442;color:#a94442;} @media screen and (max-width: 768px) { .categoryList { flex-wrap: wrap; margin-bottom: 0; } .categoryList li { width: 33.3333%; } .categoryList li a { font-size: 18px; } .boardHead { margin:30px 0 20px; } .write-form .write-content ul li strong, .write-form .write-content ul li label { width: 100%; margin-bottom: 10px; } .write-form .write-content ul li select, .write-form .write-content ul li input.w-85, .write-form .write-content ul li textarea { width: 100%; font-size: 16px; } .write-form .write-content ul li .add-txt{margin-left:0;} } /* 자주하는 질문 */ @media screen and (max-width: 768px) { .qna .search { flex-wrap: wrap; } .qna .notice-box2 p.bottom { background-image: none; padding-left: 0; font-size: 18px; padding-bottom: 0; } .qna .search p { font-size: 18px; margin-bottom: 20px; } .qna .search form { width: 100%; height: 60px; } .qna .search form input::placeholder { font-size: 16px; } .qna .search form button { width: 60px; } .qna .list-wrap .list .q, .qna .list-wrap .list .a { font-size: 18px; } } /* 도서관 갤러리 */ @media screen and (max-width: 768px) { .boardPhotoArea .gallery-list.photo4 ul { justify-content: space-between; } .boardPhotoArea .gallery-list.photo4 ul li { width: 48%; margin-right: 0; } } @media screen and (max-width: 460px) { .boardPhotoArea .gallery-list.photo4 ul li { width: 100% } }