@charset "UTF-8";

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 {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_banner.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 .view-box {width:100%;margin-top:20px;}
#wrap #main #section2 .wrap .gap .content .view-box .head-box {width:100%;padding:30px 0;background-color:#f4fbfc;border-top:3px solid #31b7bc;}
#wrap #main #section2 .wrap .gap .content .view-box .head-box .title-box {width:100%;text-align: center;}
#wrap #main #section2 .wrap .gap .content .view-box .head-box .title-box > h2 {font-size: 25px;font-weight: 800;color:#303030;}
#wrap #main #section2 .wrap .gap .content .view-box .head-box .date-box {width:100%;text-align: center;margin-top:10px;}
#wrap #main #section2 .wrap .gap .content .view-box .head-box .date-box > p.user-name {font-size: 16px;font-weight: 400;color:#606060;display: inline-block;}
#wrap #main #section2 .wrap .gap .content .view-box .head-box .date-box > p.writing-date {font-size: 16px;font-weight: 400;color:#606060;display: inline-block;}
#wrap #main #section2 .wrap .gap .content .view-box .body-box {width:100%;padding: 30px 0;border-bottom:3px solid #31b7bc;}
#wrap #main #section2 .wrap .gap .content .view-box .body-box .right-content {width:100%;}
#wrap #main #section2 .wrap .gap .content .view-box .body-box .right-content p.text-wrap {margin-right:50px;width:auto;font-size: 16px;font-weight: 400;color: #303030;line-height: 160%;}
#wrap #main #section2 .wrap .gap .content .view-box .btn-box {width:100%;margin-top:20px;}
#wrap #main #section2 .wrap .gap .content .view-box .btn-box .left-content {float:left;width:50%}
#wrap #main #section2 .wrap .gap .content .view-box .btn-box .left-content > a {font-size: 17px;border: 0;border-radius: 0;background-color: #606060;color:#fff;padding: 14px 58px;font-weight: 400;cursor: pointer;display: inline-block;}
#wrap #main #section2 .wrap .gap .content .view-box .btn-box .right-content {float:left;text-align: right;width:50%;}
#wrap #main #section2 .wrap .gap .content .view-box .btn-box .right-content > input[type="button"]:nth-child(1) {font-size: 17px;border: 0;border-radius: 0;background-color: #fae445;color:#303030;padding: 13px 41px;font-weight: 800;margin-right:10px;cursor: pointer;}
#wrap #main #section2 .wrap .gap .content .view-box .btn-box .right-content > input[type="button"]:nth-child(2) {font-size: 17px;border: 0;border-radius: 0;background-color: #31b7bc;color:#fff;padding: 13px 41px;font-weight: 800;cursor: pointer;}