/**
* Template Name: Impact - v1.1.0
* Template URL: https://bootstrapmade.com/impact-bootstrap-business-website-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
/*.body_web {
  display: block;
}

.body_mobile {
  display: none;
}*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.m_header_line {
  float: left;
  width: 100%;
  background-color: #ffffff;      
}

.m_header_container {
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
}

.m_main_logo_line {
  float: left;
  width: 100%;
}

.m_logo {
  float: left;
  width: 66px;
  height: 60px;
  content: url(../assets/logo.png);  
  margin-top: 16px;
}

.m_main_title {
  color: #1187CF;
  text-align: center;
  font-size: 17pt;  
  position: relative;
  top: 50%;
  left: -7%;
  transform: translate(0%, 80%);
}

.m_main_menu_list {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.m_main_menu_list a {
  float: left;
  width: 25%;
  height: 60px;
  text-decoration-line: none;
  text-align: center;
  background-color: #ffffff;
  color: #4c4c4c;
}

.m_main_menu_list a:hover {
  color: #ffffff;
  background-color: #1187CF;
}

.m_main_menu {  
  font-size: 13pt;  
  position: relative;
  top: 10%;
  transform: translate(0%, -50%);
}

.m_main_menu:hover {
  color: #ffffff;
  background-color: #1187CF;
}

.m_header_bar {
  float: left;
  width: 100%;
  height: 1px;
  margin-top: 6px;
  background-color: #c7c7c7;
}


/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
.m_main_container {  
  float: left;
  width: 100%;
  background-color: #ffffff;
  margin-top: 10px;
}

.m_main_contents {
  float: left;
  width: 100%  
}

.m_item_box_main {
  float: left;
  width: 100%;
  text-align: center;
}

.m_item_center_image {
  width: 304px;
  height: 307px;
  content: url(../assets/ic_main_comment_image.png);
}

.m_item_box_left_arrow_bottom {
  float: left;
  width: 50%;
  height: 72px;
  margin-top: -70px;
}

.m_img_left_arrow_bottom {
  float: right;
  width: 60px;
  height: 72px;
  content: url(../assets/ic_main_comment_arrow3.png);    
  margin-right: 50%;
}

.m_item_box_right_arrow_bottom {
  float: right;
  width: 50%;
  height: 72px;
  margin-top: -70px;
}

.m_img_right_arrow_bottom {
  float: left;
  width: 60px;
  height: 72px;
  content: url(../assets/ic_main_comment_arrow4.png);    
  margin-left: 50%;
}

.m_item_line {
  float: left;
  width: 100%;
  height: 230px;
}

.m_item_box_left {
  float: left;
  width: 80%;
  height: 230px;
}

.m_item_box_left_top_contents {
  float: left;
  width: 90%;
  height: 200px;
  margin-top: 30px;
  margin-left: 5%;
  background-color: #F2F2F2;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.m_item_box_left_bottom_contents {
  float: left;
  width: 90%;
  height: 200px;
  margin-top: 30px;
  margin-left: 5%;
  background-color: #F2F2F2;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.m_left_contents {
  float: left;
  width: 90%;
  height: 150px;
  margin-top: 25px;
  margin-left: 5%;
}

.m_left_contents div {
  float: left;
  width: 100%;
}

.m_left_contents_bar {
  width: 80%;
  height: 4px;
  content: url(../assets/ic_contents_bar.png);  
  display: block;
}

.m_item_box_contents_left_title {
  float: left;
  font-size: 16pt;
  color: #1187CF;
  margin-top: 7px;
  margin-right: 3px;
}

.m_left_contents_check_img {  
  float: left;
  width: 16px;
  height: 16px;
  content: url(../assets/ic_circle_check.png);  
}

.m_item_box_contents_left_sub {
  float: left;
  font-size: 13pt;
  color: #000000;
  margin-top: 8px;
  display: block;
}

.m_item_box_contents_left_tail {
  float: left;
  font-size: 11pt;
  color: #656464;
  margin-top: 8px;
  display: block;
}

.m_item_image_left {
  float: left;
  width: 80px;
  height: 80px;
  margin-left: 220px;
}

.m_item_left_top_image {
  width: 80px;
  height: 80px;
  content: url(../assets/ic_left_top.png);  
}

.m_item_left_bottom_image {
  width: 80px;
  height: 80px;
  content: url(../assets/ic_left_bottom.png);  
}

.m_item_box_right {
  float: right;
  width: 80%;
  height: 230px;
}

.m_item_box_right_top_contents {
  float: right;
  width: 90%;
  height: 200px;
  margin-top: 30px;
  margin-right: 5%;
  background-color: #F2F2F2;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.m_item_box_right_bottom_contents {
  float: right;
  width: 90%;
  height: 200px;
  margin-top: 30px;
  margin-right: 5%;
  background-color: #F2F2F2;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.m_right_contents {
  float: right;
  width: 90%;
  height: 150px;
  margin-top: 25px;
  margin-right: 5%;
}

.m_right_contents div {
  float: right;
  width: 100%;
}

.m_right_contents_bar {
  width: 80%;
  height: 4px;
  content: url(../assets/ic_contents_bar.png);  
  display: block;
  margin-left: 20%;
}

/*.m_item_box_right {
  float: right;
  width: 330px;
  height: 230px;
  z-index: 3;
  position: relative;
}

.m_item_box_right_top_contents {
  float: right;
  width: 290px;
  height: 200px;
  margin-top: 30px;
  background-color: #ffffff;
  z-index: 5;
  position: absolute;
  background-color: #F2F2F2;
  margin-left: 55px;
  border-bottom-right-radius: 50px;
}

.m_item_box_right_bottom_contents {
  float: right;
  width: 290px;
  height: 200px;
  margin-top: 30px;
  background-color: #ffffff;
  z-index: 5;
  position: absolute;
  background-color: #F2F2F2;
  margin-left: 55px;
  border-bottom-right-radius: 50px;
}

.m_right_contents {
  width: 250px;
  height: 150px;
  top: 50%;
  position: absolute;
  margin-top: -75px;
  margin-left: 40px;
}

.m_right_contents_bar {
  width: 240px;
  height: 4px;
  content: url(../assets/ic_contents_bar.png);  
  display: block;
}*/

.m_item_box_contents_right_title {
  float: right;
  font-size: 16pt;
  color: #1187CF;
  margin-top: 7px;
  margin-right: 3px;
}

.m_right_contents_check_img {  
  float: right;
  width: 16px;
  height: 16px;
  content: url(../assets/ic_circle_check.png);  
}

.m_item_box_contents_right_sub {
  float: right;
  font-size: 13pt;
  color: #000000;
  margin-top: 8px;
  display: block;
}

.m_item_box_contents_right_tail {
  float: right;
  font-size: 11pt;
  color: #656464;
  margin-top: 8px;
  display: block;
}

.m_item_image_right {
  width: 80px;
  height: 80px;
  z-index: 7;
  position: absolute;
  margin-right: 180px;
}

.m_item_right_top_image {
  width: 80px;
  height: 80px;
  content: url(../assets/ic_right_top.png);  
}

.m_item_right_bottom_image {
  width: 80px;
  height: 80px;
  content: url(../assets/ic_right_bottom.png);  
}


/*--------------------------------------------------------------
# Main Second
--------------------------------------------------------------*/
.m_main_second_container {  
  float: left;
  width: 100%;
  background-color: #1287CF;
  margin-top: 45px;
}

.m_main_second_top_bar {
  width: 100%;
  height: 30px;
  padding-left: 20px;
  padding-right: 20px;  
  margin-top: 10px;
  position: relative;
  content: url(../assets/ic_arrow_line.png);  
}

.m_main_second_title {
  width: 259px;
  height: 157px;
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
}

.m_main_second_title img {
  width: 259px;
  height: 157px;
  content: url(../assets/ic_second_title_circle.png);  
}

.m_main_second_title_div {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.m_main_second_title_sub1 {
  font-size: 11pt;
  color: #1187CF;
  text-align: center;
}

.m_main_second_title_sub2 {
  font-size: 22pt;
  color: #1187CF;
  text-align: center;
  margin-top: 3px;
}

.m_main_second_comment1 {
  text-align: center;
  color: #ffffff;
  font-size: 24pt;
  margin-top: 36px;
}

.m_main_second_comment2 {
  text-align: center;
  color: #E4E4E4;
  font-size: 13pt;
  margin-top: 16px;
}

.m_main_second_contents {
  width: 100%;
  height: 280px;
  margin-top: 40px;
  position: relative;
}
















.m_main_second_contents1 {
  float: left;
  width: 27%;
  position: absolute;
  top: 0%;
  left: 2%;  
}

.m_main_second_contents1_1 {
  float: left;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 98px;
  left: 0%;
  border-radius: 30px;
}

.m_second_contents1_1_title {
  float: left;
  width: 84%;
  margin-top: 25px;
  margin-left: 8%;
  margin-right: 8%;
  color: #474747;
  font-size: 13pt;
}

.m_second_contents1_1_contents_line {
  float: left;
  width: 84%;
  margin-top: 16px;
  margin-left: 8%;
  margin-right: 8%;
}

.m_second_contents1_1_contents_line_title {
  float: left;
  width: 100%;
  font-size: 11pt;
  color: #848484;
}

.m_second_contents1_1_contents_line_contents {
  float: left;
  width: 100%;
  color: #1187CF;
  font-size: 9pt;
  margin-bottom: 20px;
}

.m_main_second_contents2 {
  float: left;
  width: 40%;
  height: 100%;
  background-color: #ffffff;
  position: relative;
  top: 0%;
  left: 30%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.m_main_second_contents2_1 {
  float: left;
  width: 88%;
  height: 96%;
  background-color: #1287CF;
  position: absolute;
  top: 4%;
  left: 6%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.m_main_second_contents2_2 {
  background-color: #ffffff;
  position: absolute;
  width: 80px;
  height: 20px;
  top: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}

.m_main_second_contents2_3 {
  float: left;
  width: 90%;
  background-color: #ffffff;
  position: absolute;
  top: 70px;
  left: 5%;
  border-radius: 30px;
}

.m_second_contents2_3_title {
  float: left;
  width: 84%;
  margin-top: 25px;
  margin-left: 8%;
  margin-right: 8%;
  color: #474747;
  font-size: 15pt;
}

.m_second_contents2_3_contents_line {
  float: left;
  width: 84%;
  margin-top: 16px;
  margin-left: 8%;
  margin-right: 8%;
}

.m_second_contents2_3_contents_line_title {
  float: left;
  width: 100%;
  font-size: 13pt;
  color: #848484;
}

.m_second_contents2_3_contents_line_contents {
  float: left;
  width: 100%;
  color: #1187CF;
  font-size: 13pt;
  margin-bottom: 30px;
}

.m_main_second_contents3 {
  float: left;
  width: 27%;
  position: absolute;
  top: 0%;
  left: 71%;  
}

.m_main_second_contents3_1 {
  float: left;
  width: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 98px;
  left: 0%;
  border-radius: 30px;
}

.m_second_contents3_1_title {
  float: left;
  width: 84%;
  margin-top: 25px;
  margin-left: 8%;
  margin-right: 8%;
  color: #474747;
  font-size: 13pt;
}

.m_second_contents3_1_contents_line {
  float: left;
  width: 84%;
  margin-top: 16px;
  margin-left: 8%;
  margin-right: 8%;
}

.m_second_contents3_1_contents_line_title {
  float: left;
  width: 100%;
  font-size: 11pt;
  color: #848484;
}

.m_second_contents3_1_contents_line_contents {
  float: left;
  width: 100%;
  color: #1187CF;
  font-size: 11pt;
  margin-bottom: 20px;
}

.m_main_second_contents4 {
  float: left;
  width: 90%;
  height: 30px;
  position: absolute;
  top: 80%;
  left: 5%;
}

.m_main_second_contents4_1 {
  float: left;
  width: 15%;
  height: 100%;
  position: absolute;
  left: 0%;
  background-color: #81C2EB;
  border-radius: 20px;  
}

.m_main_second_contents4_1 span {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6pt;
}

.m_main_second_contents4_2 {
  float: left;
  width: 15%;
  height: 100%;
  position: absolute;
  left: 17%;
  background-color: #81C2EB;
  border-radius: 20px;
}

.m_main_second_contents4_2 span {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6pt;
}

.m_main_second_contents4_3 {
  float: left;
  width: 15%;
  height: 100%;
  position: absolute;
  left: 34%;
  background-color: #81C2EB;
  border-radius: 20px;
}

.m_main_second_contents4_3 span {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6pt;
}

.m_main_second_contents4_4 {
  float: left;
  width: 15%;
  height: 100%;
  position: absolute;
  left: 51%;
  background-color: #81C2EB;
  border-radius: 20px;
}

.m_main_second_contents4_4 span {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6pt;
}

.m_main_second_contents4_5 {
  float: left;
  width: 15%;
  height: 100%;
  position: absolute;
  left: 68%;
  background-color: #81C2EB;
  border-radius: 20px;
}

.m_main_second_contents4_5 span {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6pt;
}

.m_main_second_contents4_6 {
  float: left;
  width: 15%;
  height: 100%;
  position: absolute;
  left: 85%;
  background-color: #81C2EB;
  border-radius: 20px;
}

.m_main_second_contents4_6 span {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6pt;
}






/*--------------------------------------------------------------
# Main Third
--------------------------------------------------------------*/

.m_main_counsel_container {
  float: left;
  width: 100%;
  background-color: #ffffff;
}

.m_main_counsel_area {
  float: left;
  width: 100%;
}

.m_counsel_area_line1 {
  float: left;
  width: 100%;
  height: 70px;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 10px;  
}

.m_counsel_title_line1 {
  float: left;
  width: 66%;
  height: 45px;
}

.m_img_counsel {
  float: left;
  width: 33px;
  height: 36px;
  content: url(../assets/ic_counsel.png);
}

.m_counsel_title {
  float: left;
  color: #1187CF;
  font-size: 16pt;
  margin-top: 8px;
  margin-left: 6px;
}

.m_counsel_title_line_btn {
  float: right;
  width: 33%;
  height: 70px;
  position: relative;
}

.m_btn_counsel {
  width: 120px;
  height: 45px;
  background-color: #1187CF;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  border-radius: 20px;
  color: #ffffff;
  font-size: 14pt;
  border-color: #1187CF;
  border-width: 3px;
}

.m_counsel_title_line2 {
  float: left;
  width: 66%;
  height: 25px;
}

.m_counsel_contents {
  float: left;
  color: #8C8C8C;
  font-size: 11pt;
}

.m_counsel_area_line2 {
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 10px;  
}

.m_counsel_name_area {
  float: left;
  width: 85px;
  height: 40px;  
}

.m_counsel_name_area input {
  float: left;
  width: 85px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding-left: 6px;
  font-size: 13pt;
}

.m_counsel_mobile_area1 {
  float: left;
  width: 65px;
  height: 40px;
  margin-left: 6px;
}

.m_counsel_mobile_area1 input {
  float: left;
  width: 65px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding-left: 6px;
  font-size: 13pt;
}

.m_counsel_mobile_area2 {
  float: left;
  width: 65px;
  height: 40px;
  margin-left: 6px;
}

.m_counsel_mobile_area2 input {
  float: left;
  width: 65px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding-left: 6px;
  font-size: 13pt;
}

.m_counsel_mobile_area3 {
  float: left;
  width: 65px;
  height: 40px;
  margin-left: 6px;
}

.m_counsel_mobile_area3 input {
  float: left;
  width: 65px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding-left: 6px;
  font-size: 13pt;
}

.m_counsel_area_line3 {
  float: left;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 10px;  
}

.m_counsel_privacy_agree {
  float: left;
  margin-top: 15px;
}

.m_img_counsel_privacy_agree {
  float: left;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  content: url(../assets/ic_check_box_checked.png);  
}

.m_counsel_privacy_agree_title {
  float: left;
  font-size: 12pt;
  margin-left: 10px;
}

.m_counsel_privacy_agree_contents_view {
  float: left;
  font-size: 12pt;
  margin-left: 10px;
}

.m_main_counsel_division {
  float: left;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  background-color: #cbcbcb;
}

.m_main_inquiry_area {
  float: left;
  width: 100%;  
}

.m_inquiry_area_line1 {
  float: left;
  width: 100%;
  height: 70px;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 10px;  
}

.m_inquiry_title_line1 {
  float: left;
  width: 66%;
  height: 45px;
}

.m_img_inquiry {
  float: left;
  width: 33px;
  height: 36px;
  content: url(../assets/ic_inquiry.png);
}

.m_inquiry_title {
  float: left;
  color: #1187CF;
  font-size: 16pt;
  margin-top: 8px;
  margin-left: 6px;
}

.m_inquiry_title_line_btn {
  float: right;
  width: 33%;
  height: 70px;
  position: relative;
}

.m_btn_inquiry {
  width: 120px;
  height: 45px;
  background-color: #1187CF;
  position: absolute;
  top: 42%;
  transform: translate(0%, -50%);
  border-radius: 20px;
  color: #ffffff;
  font-size: 14pt;
  border-color: #1187CF;
  border-width: 3px;
}

.m_btn_inquiry_comment {
  float: left;
  font-size: 7pt;
  color: #A94646;
  position: absolute;
  top: 90%;
  transform: translate(0%, -50%);
  margin-left: 5px;
}

.m_inquiry_title_line2 {
  float: left;
  width: 66%;
  height: 25px;
}

.m_inquiry_contents {
  float: left;
  color: #8C8C8C;
  font-size: 11pt;
}

.m_inquiry_area_line2 {
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 10px;  
}

.m_inquiry_name_area {
  float: left;
  width: 85px;
  height: 40px;
}

.m_inquiry_name_area input {
  float: left;
  width: 85px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding-left: 6px;
  font-size: 13pt;
}

.m_inquiry_mobile_area1 {
  float: left;
  width: 65px;
  height: 40px;
  margin-left: 6px;
}

.m_inquiry_mobile_area1 input {
  float: left;
  width: 65px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding-left: 6px;
  font-size: 13pt;
}

.m_inquiry_mobile_area2 {
  float: left;
  width: 65px;
  height: 40px;
  margin-left: 6px;
}

.m_inquiry_mobile_area2 input {
  float: left;
  width: 65px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding-left: 6px;
  font-size: 13pt;
}

.m_inquiry_mobile_area3 {
  float: left;
  width: 65px;
  height: 40px;
  margin-left: 6px;
}

.m_inquiry_mobile_area3 input {
  float: left;
  width: 65px;
  height: 40px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding-left: 6px;
  font-size: 13pt;
}

.m_inquiry_loan_type {
  float: left;
  width: 100px;
  height: 40px;
  margin-left: 10px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
}

.m_inquiry_area_line3 {
  float: left;
  width: 100%;
  height: 30px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 10px;  
}

.m_inquiry_privacy_agree {
  float: left;
  margin-top: 15px;
/*  background-color: #f9f9f9;*/
}

.m_img_inquiry_privacy_agree {
  float: left;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  content: url(../assets/ic_check_box_checked.png);  
}

.m_inquiry_privacy_agree_title {
  float: left;
  font-size: 12pt;
  margin-left: 10px;
}

.m_inquiry_privacy_agree_contents_view {
  float: left;
  font-size: 12pt;
  margin-left: 10px;
}

/*--------------------------------------------------------------
# Main Fourth
--------------------------------------------------------------*/

.m_main_review_container {
  float: left;
  width: 100%;
  height: 700px;
  background-color: #F2F7FA;
  margin-top: 50px;
}

.m_main_review_title {
  text-align: center;
  margin-top: 10px;
  font-size: 22pt;  
}

.review_list_area {
  float: left;
  width: 100%;
  height: 300px;
  margin-top: 50px;
  padding-left: 50px;
}

.review_item {
  /*float: left;
  width: 380px;
  height: 300px;
  margin-right: 20px;
  border-radius: 30px;
  background-color: #ffffff;*/
}

.review_profile_line {
  float: left;
  width: 100%;
  height: 53px;
  margin-top: 24px;
  margin-left: 36px;
  margin-right: 24px;
}

.img_review_profile1 {
  float: left;
  width: 53px;
  height: 53px;
  content: url(../assets/ic_review_character1.png);
}

.img_review_profile2 {
  float: left;
  width: 53px;
  height: 53px;
  content: url(../assets/ic_review_character2.png);
}

.img_review_profile3 {
  float: left;
  width: 53px;
  height: 53px;
  content: url(../assets/ic_review_character3.png);
}

.img_review_profile4 {
  float: left;
  width: 53px;
  height: 53px;
  content: url(../assets/ic_review_character4.png);
}

.img_review_profile5 {
  float: left;
  width: 53px;
  height: 53px;
  content: url(../assets/ic_review_character5.png);
}

.img_review_profile6 {
  float: left;
  width: 53px;
  height: 53px;
  content: url(../assets/ic_review_character6.png);
}

.review_profile_line1 {
  float: left;
  width: 200px;
  height: 26px;
  margin-left: 8px;
  color: #8C8C8C;
  font-size: 12pt;
}

.review_profile_line2 {
  float: left;
  width: 200px;
  height: 26px;
  margin-left: 8px;
  color: #1187CF;
  font-size: 12pt
}

.review_text_line {
  float: left;
  width: 280px;
  margin-top: 26px;
  margin-left: 36px;
  margin-right: 20px;
  color: #000000;
  font-size: 11pt;
  line-height: 180%;
}

.review_keyword_line {
  float: left;
  width: 300px;
  height: 80px;
  margin-left: 16px;
  margin-right: 10px;  
  position: relative;
}

.review_keyword_line_list {
  float: left;
  width: 300px;
  top: 50%;
  transform: translate(0%, -50%);
  position: relative;
}

.review_keyword {
  float: left;
  height: 30px;
  background-color: #1187CF;
  border-radius: 15px;
  margin-top: 6px;
  margin-bottom: 4px;
  margin-left: 3px;
  margin-right: 3px;  
  position: relative;
}

.review_keyword span {
  color: #ffffff;
  top: 15%;
  font-size: 10pt;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}





.review_list_indicator_area {
  float: left;
  width: 100%;
  height: 14px;
  margin-top: 120px;
  position: relative;
}

.review_list_indicator {
  height: 14px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}

.review_indicator_selected {
  float: left;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  margin-right: 4px;
  content: url(../assets/ic_indicator_selected.png);
}

.review_indicator_unselected {
  float: left;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  margin-right: 4px;
  content: url(../assets/ic_indicator_unselected.png);
}

.review_bottom_area {
  float: left;
  width: 100%;
  height: 105px;
  background-color: #ffffff;
  margin-top: 34px;
}









/*<a style="    
  position: fixed;
  bottom: 10px;
  right: 0;
  z-index: 999;"
  href="http://pf.kakao.com/_xmdGxfxj/chat">
  <img src="/static/site3/images/katakicon.png">
</a>
<a style="    
    position: fixed;
    bottom: 80px;
    right: 0;
    left: 50;
    z-index: 999;" 
  href="tel:1800-6257">
  <img src="/static/site3/images/callicon.png">
</a>*/