@charset "UTF-8";

#wrap #main {width:100%;position: relative;z-index: 2;}
#wrap #main #section1 {width:100%;}
#wrap #main #section1 .wrap {width:100%;}
#wrap #main #section1 .wrap .gap {width:100%;}
#wrap #main #section1 .wrap .gap .content {width:100%;background: url(../img/review/section1_banner2.jpg) no-repeat 50% 0%;background-size: cover;height:450px;}
#wrap #main #section1 .wrap .gap .content .title-wrap {width:100%;text-align: center;padding:150px 0;}
#wrap #main #section1 .wrap .gap .content .title-wrap > h3 {font-family: 'engn';font-size: 47px;font-weight: 400;color:#fae445;line-height: 130%;}
#wrap #main #section1 .wrap .gap .content .title-wrap > h2 {font-size: 51px;font-weight: 400;color:#fff;line-height: 100%;letter-spacing: -1px;}
#wrap #main #section1 .wrap .gap .content .title-wrap > p {font-size: 19px;font-weight: 400;color:#fff;line-height: 100%;letter-spacing: -1px;margin-top:20px;}

#wrap #main #section2 {width:100%;background-color: #fff;}
#wrap #main #section2 .wrap {width:auto;max-width:1200px;padding:0 10px;margin:0 auto;}
#wrap #main #section2 .wrap .gap {width:100%;padding:100px 0;}
#wrap #main #section2 .wrap .gap .content {width:100%;}
#wrap #main #section2 .wrap .gap .content .title-wrap {width:100%;}
#wrap #main #section2 .wrap .gap .content .title-wrap .left-content {width:100%;}
#wrap #main #section2 .wrap .gap .content .title-wrap .left-content > p {font-size: 15px;font-weight: 300;color:#31b7bc;letter-spacing: 5px;}
#wrap #main #section2 .wrap .gap .content .title-wrap > .text-wrap  {width:100%;}
#wrap #main #section2 .wrap .gap .content .title-wrap > .text-wrap > h2 {margin-top:5px;font-size: 47px;color:#303030;font-weight: 300;display: inline-block;}
#wrap #main #section2 .wrap .gap .content .title-wrap > .text-wrap > h2 > span {color:#303030;font-weight: 700;font-size: 47px;display: inline-block;line-height: 120%;transform: translateY(-1px);}
#wrap #main #section2 .wrap .gap .content form.notice-head-wrap {margin-top:30px;height:120px;background-color: #f8f8f8;}
#wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap {width:100%;text-align: center;line-height: 120px;}
#wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > select {border: 1px solid #c9c9c9;padding:8.5px 25px;outline: none;border-radius: 0;background-color: #fff;font-size: 15px;font-weight: 300;color:#303030;margin-right:10px;cursor: pointer;}
#wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > input[type=text] {border:1px solid #c9c9c9;font-size: 15px;font-weight: 300;color:#303030;border-radius: 0;background-color: #fff;padding:9.5px 35px 9.5px 15px;margin-right:10px;}
#wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > .search-box {border: 1px solid #606060;padding:8.5px 47px;outline: none;border-radius: 0;background-color: #606060;font-size: 17px;font-weight: 800;color:#fff;margin-right:10px;cursor: pointer;}
#wrap #main #section2 .wrap .gap .content .writing-wrap {width:100%;display: block;text-align: right;margin-top:20px;}
#wrap #main #section2 .wrap .gap .content .writing-wrap > a.write-box {border: 1px solid #31b7bc;padding:10px 31px;background-color: #31b7bc;font-size: 17px;font-weight: 800;color:#fff;cursor: pointer;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap {width:100%;display: block;margin-top:30px;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead {width:100%;display: block;text-align: center;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul {width:100%;display: block;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul:after {display: block;content: "";clear: both;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li {font-size: 17px;font-weight: 800;color:#303030;line-height: 60px;background-color:#f4fbfc;border-top:3px solid #31b7bc;border-bottom:1px solid #31b7bc;float:left;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(1) {width:10%;}
span.col1 {background-color: #31b7bc;color:#fff;}
span.col2 {background-color: #2e4c7e;color:#fff;}
span.col3 {background-color: #fae445;}
span.box-view {line-height: 100%;padding:3px 6px;border-radius: 5px;margin:11px 0;font-size: 14px;}
#wrap #main #section3 .wrap .gap .content .box-con .box-wrap .box-gap > ul > li.row > span.col1 {background-color: #31b7bc;color:#fff;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(2) {width:55%;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(3) {width:15%;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(4) {width:20%;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody {width:100%;display: block;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul {width:100%;display: block;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul:after {display: block;content: "";clear: both;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li {font-size: 17px;font-weight: 400;color:#303030;line-height: 60px;background-color: #fff;border-bottom:1px solid rgba(49,183,188,.2);text-align: center;float:left;position: relative;height:60px;transition: all .2s;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul.addHover > li {background-color: #eee;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(1) {width:10%;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) {width:55%;text-align: left;text-indent: 20px;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) > a {display: block;width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul.addHover > li:nth-child(2) > a {text-decoration: underline;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) .icon-wrap {width:30%;float:left;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) .icon-wrap > img {width:19px;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) .icon-wrap > p.img-num {display: inline-block;margin-left:-20px;color:#31b7bc;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(3) {width:15%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(4) {width:20%;}
/* #wrap #main #section2 .wrap .gap .content .write-box-wrap {display: block;width:100%;text-align: right;margin-top:20px;}
#wrap #main #section2 .wrap .gap .content .write-box-wrap .write-box {border: 1px solid #31b7bc;padding:7px 25px;outline: none;border-radius: 0;background-color: #31b7bc;font-size: 17px;font-weight: 300;color:#fff;cursor: pointer;} */
#wrap #main #section2 .wrap .gap .content .pageNation {width:100%;text-align: center;margin-top:20px;}
#wrap #main #section2 .wrap .gap .content .pageNation .before-arrow-box {display: inline-block;}
#wrap #main #section2 .wrap .gap .content .pageNation .before-arrow-box > i {font-size: 24px;cursor: pointer;color:#c9c9c9;}
#wrap #main #section2 .wrap .gap .content .pageNation .next-arrow-box {display: inline-block;}
#wrap #main #section2 .wrap .gap .content .pageNation .next-arrow-box > i {font-size: 24px;cursor: pointer;color:#c9c9c9;}
#wrap #main #section2 .wrap .gap .content .pageNation .page-number-box {display: inline-block;margin:2px 5px 0 5px;}
#wrap #main #section2 .wrap .gap .content .pageNation .page-number-box > ul {width:100%;}
#wrap #main #section2 .wrap .gap .content .pageNation .page-number-box > ul > li {display: inline-block;}
#wrap #main #section2 .wrap .gap .content .pageNation .page-number-box > ul > li > a {font-size: 17px;font-weight: 800;color:#31b7bc;background-color: #fff;transition: all .3s;cursor: pointer;line-height: 40px;text-align: center;display: inline-block;border-radius: 50%;width:40px;}
#wrap #main #section2 .wrap .gap .content .pageNation .page-number-box > ul > li:hover a {background-color: #31b7bc;color:#fff;}

#wrap #modal-password {width:100%;height:100%;position: fixed;z-index: 999;background-color: rgba(0,0,0,.4);top:0;left:0;display: none;} /* display:block; */
#wrap #modal-password .wrap {width:100%;}
#wrap #modal-password .wrap .gap {width:100%;}
#wrap #modal-password .wrap .gap .content {width:100%;}
#wrap #modal-password .wrap .gap .content form.password-wrap {width:350px;height:280px;background-color: #fff;margin:0 auto;text-align: center;}
#wrap #modal-password .wrap .gap .content form.password-wrap > img {margin-top:65px;}
#wrap #modal-password .wrap .gap .content form.password-wrap > input[type="password"] {width:80%;padding:10px 0;font-family: 'NanumBarunGothic';margin-top:20px;text-indent: 3px;}
#wrap #modal-password .wrap .gap .content form.password-wrap > .pass-on {width:40%;background-color: #31b7bc;color:#fff;border: 0;margin-top:15px;padding:10px 30px;font-size: 16px;font-weight: 600;cursor: pointer;}
#wrap #modal-password .wrap .gap .content form.password-wrap > .pass-off {width:40%;background-color: #31b7bc;color:#fff;border: 0;margin-top:15px;padding:10px 30px;font-size: 16px;font-weight: 600;cursor: pointer;}