/* common */

:root {
    --main-color: #1F4DEA;

}

.container {width: 1280px; margin: 0 auto;}
.main_title {margin-bottom: 80px;}
.main_title span {display: block; font-size: 20px; margin-bottom: 30px; font-weight: 700; color: var(--main-color);} 
.main_title h2 {font-size: 46px; font-weight: 700; margin-bottom: 20px;}
.main_title p {font-size: 22px; line-height: 1.5; color: #252525;}


/* header */

header {transition: all 0.3s; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
header .container {transition: all 0.3s; height: 80px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
header .logo a img {height: 30px;}
header .black {display: none;}
header .gnb {display: flex; align-items: center;}
header .gnb nav ul {display: flex; align-items: center;}
header .gnb nav ul li {margin-right: 50px; position: relative;}
header .gnb nav ul li > a {font-size: 20px; font-weight: 600; transition: all 0.3s; color: #fff;} 
header .gnb nav ul li > a:hover {color: var(--main-color);}
header .gnb nav ul li .dropdown {display: none; position: absolute; background-color: #fff; top: 50px;width:fit-content;left:50%;transform:translateX(-50%);box-shadow:rgba(149,157,165,0.2) 0px 8px 24px; padding: 10px 0px;}
header .gnb nav ul li .dropdown a {transition: all 0.3s; font-size: 16px; padding: 10px 20px; display: block; white-space: nowrap;}
header .gnb nav ul li .dropdown a:hover {background: #F9F9FB; color: var(--main-color);}
header .mo_btn {display: none;}
header .mo_btn img {height: 80px;}

header .gnb .inquiry a {display: inline-block; transition: all 0.3s; padding: 10px 20px; border: 2px solid #fff; font-weight: 600; border-radius: 50px; font-size: 18px; color: #fff;}
header .gnb .inquiry a:hover {background: var(--main-color); color: #fff; border-color: var(--main-color);}
header.active {background: #fff; border-bottom: 1px solid #d0d0d0;}
header.active .black {display: block;}
header.active .white {display: none;}
header.active .gnb nav ul li > a {color: #151515;}
header.active .gnb nav ul li > a:hover {color: var(--main-color);}
header.active .gnb .inquiry a {border-color: var(--main-color); color: var(--main-color);}
header.active .gnb .inquiry a:hover {background: var(--main-color); color: #fff; border-color: var(--main-color);}

header .side_menu {transition: all 0.3s; opacity: 0.5; position: fixed; left: -100%; top: 0; width: 100%; height: 100%; background: var(--main-color);}
header .side_menu .box {padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
header .side_menu .box .logo {margin-bottom: 30px;}
header .side_menu .box .side_nav {margin-bottoM: 20px;}
header .side_menu .box .side_nav ul li {margin-bottom: 25px; text-align: center;}
header .side_menu .box .side_nav ul li > a {font-size: 22px; color: #fff; font-weight: 600;}
header .side_menu .box .side_nav ul li a:hover {color: #f5f372;}
header .side_menu .box .side_nav ul li .dropdown {padding: 20px 0px 0px;}
header .side_menu .box .side_nav ul li .dropdown a {display: block; color: #fff; margin-bottom: 15px;}
header .side_menu .box .side_nav ul li .dropdown a:last-child {margin-bottom: 0;}
header .side_menu .box .inquiry a {display: inline-block; transition: all 0.3s; padding: 10px 20px; border: 2px solid #fff; font-weight: 600; border-radius: 50px; font-size: 18px; color: #fff;}
header .side_menu .box .inquiry a:hover {color: #f5f372; border-color: #f5f372;}
header .side_menu .box #moCan {position: absolute; right: 20px; top: 20px;}
header .side_menu .box #moCan img {height: 80px;}

header .side_menu.active {left: 0; opacity: 1;}


/* main */

.main_visual .swiper .swiper-slide {width: 100%; height: 100vh; display: flex; align-items: center; background-position: center; background-size: cover; background-repeat: no-repeat; animation: mv_animation 18s infinite ease-in-out;}
@keyframes mv_animation {
    0% {background-size: 150%;}
    50% {background-size: 120%;}
    100% {background-size: 150%;}
}

.main_visual .swiper .slide_1 {background-image: url(../img/main_visual_1.jpg);}
.main_visual .swiper .slide_2 {background-image: url(../img/main_visual_2.jpg);}
.main_visual .swiper .slide_3 {background-image: url(../img/main_visual_3.jpg);}
.main_visual .swiper .swiper-slide .text_box {width: 1280px; margin: 0 auto;}
.main_visual .swiper .swiper-slide .text_box h2 {font-size: 64px; font-weight: 700; color: #fff; line-height: 1.3; margin-bottom: 80px;}
.main_visual .swiper .swiper-slide .text_box h2 b {color:rgb(21, 242, 250);}
.main_visual .swiper .swiper-slide .text_box a {font-size: 22px; font-weight: 500; color: #fff; position: relative;}
.main_visual .swiper .swiper-slide .text_box a::after {width: 0; transition: all 0.5s; display: block; position: absolute; content: ''; bottom: -10px; height: 2px; background: #fff;}
.main_visual .swiper .swiper-slide .text_box a:hover::after {width: 100%;}
.main_visual .swiper .swiper-button-next, .swiper-button-prev {color: #fff !important;}
.main_visual .swiper .swiper-button-next {right: 50px !important;}
.main_visual .swiper .swiper-button-prev {left: 50px !important;}
#scroll-down-animation {position:absolute; bottom:50px; left:50%; transform: translateX(-50%); z-index: 100;}
.mouse{margin:0 auto;display:block;border-radius:50px;border:2px solid #fff;height:50px;width:27px;position:relative;}
.move{position:absolute;background-color:#fff;height:8px;width:8px;border-radius:50%;left:50%;transform:translateX(-50%);animation:move 2s linear infinite;}
@keyframes move{0%{transform:translate(-50%,10px);opacity:0;}
50%{transform:translate(-50%,15px);opacity:1;}
100%{transform:translate(-50%,35px);opacity:0;}}


.mc_1 {padding: 150px 0px;}
.mc_1 .img_box {display: flex; justify-content: space-between;}
.mc_1 .img_box img {width: 100%;}

.mc_2 {padding: 150px 0px 110px; background: #F9F9FB;}
.mc_2 .item_box ul {display: flex; flex-wrap: wrap;}
.mc_2 .item_box ul li {width: calc(33.3% - 20px); margin: 0px 10px 40px;}
.mc_2 .item_box ul li p {font-size: 20px; font-weight: 700; line-height: 1.5; padding-left: 20px; position: relative; color: #333;}
.mc_2 .item_box ul li p::before {display: block; content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 8px; background: var(--main-color);}
.mc_2 .item_box ul li .img_box {margin-bottom: 20px;}
.mc_2 .item_box ul li .img_box img {width: 100%;}

.mc_3 {padding: 150px 0px;}
.mc_3 .title_box {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 100px;}
.mc_3 .title_box .main_title {margin-bottom: 0;}
.mc_3 .title_box .main_title h2 {margin-bottom: 0;}
.mc_3 .title_box .btn_box {display: flex; align-items: center;}
.mc_3 .title_box .btn_box .arrow_btn {cursor: pointer;}
.mc_3 .title_box .btn_box .arrow_btn img {height: 35px;}
.mc_3 .title_box .btn_box .prev_1 {margin-right: 30px;}
.mc_3 .title_box .btn_box .arrow_btn.swiper-button-disabled {opacity: 0.5;}
.mc_3 .reviewSwiper .swiper-slide .box {background: #f3f3f3; border-radius: 30px; padding: 30px;}
.mc_3 .reviewSwiper .swiper-slide .box .profile .top {display: flex; align-items: center; margin-bottom: 15px;}
.mc_3 .reviewSwiper .swiper-slide .box .profile .top .pic {width: 50px; margin-right: 15px;}
.mc_3 .reviewSwiper .swiper-slide .box .profile .top .pic img {width: 100%;}
.mc_3 .reviewSwiper .swiper-slide .box .profile .top .info p {font-size: 18px; font-weight: 500; margin-bottom: 7px;}
.mc_3 .reviewSwiper .swiper-slide .box .profile .top .info span {font-size: 16px; color: #555;}
.mc_3 .reviewSwiper .swiper-slide .box .profile .ratings {display: flex; align-items: center; margin-bottom: 20px;}
.mc_3 .reviewSwiper .swiper-slide .box .profile .ratings p {font-size: 18px; color: rgb(231, 73, 33); margin-right: 7px;}
.mc_3 .reviewSwiper .swiper-slide .box .profile .ratings span {font-size: 16px; font-weight: 600;}
.mc_3 .reviewSwiper .swiper-slide .box article {font-size: 17px; line-height: 1.5; color: #333;}


.mc_4 {padding: 150px 0px; background: #f9f9f9;}
.mc_4 .container {display: flex; justify-content: space-between; position: relative;}
.mc_4 .text_box {position: sticky; top: 130px; max-width: 440px; height: fit-content;}
.mc_4 .text_box h2 {font-size: 25px; color: var(--main-color); font-weight: 700; margin-bottom: 15px;}
.mc_4 .text_box h3 {font-size: 46px; font-weight: 800; margin-bottom: 20px; line-height: 1.3;}
.mc_4 .text_box p {font-size: 20px; line-height: 1.5; margin-bottom: 50px; color: #444; font-weight: 500;}
.mc_4 .text_box span {font-size: 16px; display: block; line-height: 1.5; margin-bottom: 10px; color: #666;}
.mc_4 .item_box {width: 55%;}
.mc_4 .item_box ul li {width: 50%; max-width: 330px; text-align: center;}
.mc_4 .item_box ul li.right {margin: -80px 0px -80px 50%;}
.mc_4 .item_box ul li:last-child {margin: -80px 0px 0px 50%;}
.mc_4 .item_box ul li .img_box {display: flex; align-items: center; justify-content: center; width: 330px; height: 330px; background: #e1e6f7; border-radius: 100%; margin-bottom: 30px;}
.mc_4 .item_box ul li .img_box img {height: 250px;}
.mc_4 .item_box ul li p {font-size: 22px; font-weight: 700; color: #333; display: flex; align-items: center; justify-content: center;}
.mc_4 .item_box ul li p span {display: flex; align-items: center; justify-content: center; font-size: 16px; background: rgb(21, 242, 250); color: #222; margin-right: 10px; border-radius: 100%; width: 30px; height: 30px;}


.mc_5 {padding: 150px 0px;}
.mc_5 .price_box ul {display: flex; margin-bottom: 20px;}
.mc_5 .price_box ul li {width: calc(50% - 20px); margin-right: 20px; padding: 35px; border-radius: 20px; position: relative;}
.mc_5 .price_box ul li:last-child {margin-right: 0;}
.mc_5 .price_box ul li .price {margin-bottom: 60px;}
.mc_5 .price_box ul li .price > span {font-size: 18px; font-weight: 700; display: block; margin-bottom: 20px; color: #333;}
.mc_5 .price_box ul li .price p {font-size: 22px; font-weight: 300; color: #999; text-decoration: line-through; margin-bottom: 10px;}
.mc_5 .price_box ul li .price b {font-size: 25px; font-weight: 800; display: flex; align-items: center;}
.mc_5 .price_box ul li .price b span {margin-left: 10px; font-size: 14px; display: block; padding: 10px 15px; border-radius: 20px; font-weight: 500; color: #000;}
.mc_5 .price_box ul li:nth-child(1) .price > span {color: #43929e;}
.mc_5 .price_box ul li:nth-child(2) .price > span {color: #405897;}
.mc_5 .price_box ul li:nth-child(3) .price > span {color: #97428a;}
.mc_5 .price_box ul li:nth-child(1) .price b span {background: #95dfeb;}
.mc_5 .price_box ul li:nth-child(2) .price b span {background: #a2b7ec;}
.mc_5 .price_box ul li:nth-child(3) .price b span {background: #ec9fe1;}
.mc_5 .price_box ul li .btn {position: absolute; right: 35px; bottom: 35px; display: flex; justify-content: flex-end;}
.mc_5 .price_box ul li .btn a {display: flex; align-items: center; transition: all 0.3s; justify-content: center; width: 80px; height: 80px; border-radius: 100%; color: #000; font-weight: 500;}
.mc_5 .price_box ul li:nth-child(1) .btn a {background: #95dfeb;}
.mc_5 .price_box ul li:nth-child(2) .btn a {background: #a2b7ec;}
.mc_5 .price_box ul li:nth-child(3) .btn a {background: #ec9fe1;}
.mc_5 .price_box ul li:nth-child(1) .btn a:hover {background: #86d1dd;}
.mc_5 .price_box ul li:nth-child(2) .btn a:hover {background: #7e93cc;}
.mc_5 .price_box ul li:nth-child(3) .btn a:hover {background: #c77abb;}
.mc_5 .mail {display: flex; align-items: center; padding: 20px 35px; background: #F9F9FB; border-radius: 20px;}
.mc_5 .mail .left {display: flex; align-items: center; margin-right: 50px;}
.mc_5 .mail .left .img_box {margin-right: 20px;}
.mc_5 .mail .left .img_box img {height: 120px;}
.mc_5 .mail .left h3 {font-size: 25px; color: #222; font-weight: 700; margin-right: 30px;}
.mc_5 .mail .left p {font-size: 25px; color: var(--main-color); font-weight: 700;}
.mc_5 .mail > span {font-size: 20px; color: #555;}


.mc_6 {padding: 150px 0px; background: #F9F9FB;}
.mc_6 .item_box {display: flex; justify-content: space-between;}
/* .mc_6 .item_box .text_box {width: 35%; height: 531px; margin-right: 50px; padding: 30px; box-sizing: border-box; background: #fff; border-radius: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} */
.mc_6 .item_box .text_box {width: 100%; height: 531px; margin-right: 50px; padding: 30px; box-sizing: border-box; background: #fff; border-radius: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.mc_6 .item_box .text_box h3 {font-size: 25px; font-weight: 800; margin-bottom: 25px;}
.mc_6 .item_box .text_box > p {font-size: 18px; line-height: 1.5; margin-bottom: 35px; color: #333;}
.mc_6 .item_box .text_box ul {margin-bottom: 30px;}
.mc_6 .item_box .text_box ul li {background: #F9F9FB; padding: 15px; border-radius: 10px; display: flex; align-items: flex-start;}
.mc_6 .item_box .text_box ul li:first-child {margin-bottom: 15px;}
.mc_6 .item_box .text_box ul li p {font-size: 14px; padding: 5px 12px; background: var(--main-color); color: #fff; border-radius: 5px; margin-bottom: 10px; display: inline-block; margin-right: 10px;}
.mc_6 .item_box .text_box ul li span {display: block; font-size: 16px; font-weight: 500; line-height: 1.3;  width: 70%;}
.mc_6 .item_box .text_box > span {font-size: 13px; color: #666; line-height: 1.5;}
.mc_6 .item_box .form_box {width: 65%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 30px; background: #fff; border-radius: 20px;}
.mc_6 .item_box .form_box .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px;}
.mc_6 .item_box .form_box .title h3 {font-size: 25px; font-weight: 800;}
.mc_6 .item_box .form_box .title span {font-size: 18px; color: #333;}
.mc_6 .item_box .form_box form .form_row {border: 1px solid #d0d0d0; padding: 15px; box-sizing: border-box; border-radius: 10px; margin-bottom: 15px;}
.mc_6 .item_box .form_box form .form_row input {width: 100%; height: 35px; line-height: 35px; padding: 0px 10px; box-sizing: border-box; background: none; border: 0; font-size: 16px; color: var(--main-color); font-weight: 500;}
.mc_6 .item_box .form_box form .form_row textarea {width: 100%; box-sizing: border-box; padding: 10px; min-height: 150px; line-height: 1.3; background: none; border: 0; font-size: 16px; color: var(--main-color); font-weight: 500;}
.mc_6 .item_box .form_box form .form_row input::placeholder {color: #000; font-weight: 500;}
.mc_6 .item_box .form_box form .form_row textarea::placeholder {color: #000; font-weight: 500;} 
.mc_6 .item_box .form_box form .btn_box {display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}
.mc_6 .item_box .form_box form .btn_box .privacy label {cursor: pointer; display: flex; align-items: center;}
.mc_6 .item_box .form_box form .btn_box .privacy label input {margin-right: 5px;}
.mc_6 .item_box .form_box form .btn_box .privacy span {font-size: 15px;}
.mc_6 .item_box .form_box form .btn_box .privacy span a {color: var(--main-color); margin-left: 5px;}
.mc_6 .item_box .form_box form .btn_box button {transition: all 0.3s; background: var(--main-color); color: #fff; padding: 13px 20px; border-radius: 10px; font-size: 16px; cursor: pointer; font-weight: 500;}
.mc_6 .item_box .form_box form .btn_box button:hover {background:#1c46d1; }


.mc_7 {padding: 150px 0px;}
.mc_7 .container {display: flex; justify-content: space-between;}
.mc_7 .text_box {margin-right: 50px; width: 35%;}
.mc_7 .text_box .left span {display: block; font-size: 20px; margin-bottom: 30px; font-weight: 700; color: var(--main-color);}
.mc_7 .text_box .left h3 {font-size: 36px; font-weight: 700; margin-bottom: 40px;}
.mc_7 .text_box .right p {margin-bottom: 20px;}
.mc_7 .text_box .right p b {display: inline-block; margin-right: 10px; color: #0095f8; background: #e9f5fc; padding: 10px 15px; border-radius: 5px; font-weight: 700; font-size: 16px;}
.mc_7 .text_box .right p span {font-size: 18px; font-weight: 700; color: #333;}
.mc_7 .text_box .right a {display: inline-block; transition: all 0.3s; margin-top: 30px; background: var(--main-color); color: #fff; padding: 13px 25px; border-radius: 10px; font-size: 16px; cursor: pointer; font-weight: 500;}
.mc_7 .text_box .right a:hover {background:#1c46d1; }
.mc_7 .map_box {width: 65%;}
.mc_7 .map_box iframe {width: 100%; min-height: 430px; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}


#footer {padding: 80px 0px; background: #F9F9FB;}
#footer .ft_content {text-align: center;}
#footer .ft_content .logo {margin-bottom: 30px;}
#footer .ft_content .logo img {height: 28px;}
#footer .ft_content .util_menu {display: flex; justify-content: center; margin-bottom: 30px;}
#footer .ft_content .util_menu li {margin: 0px 5px;}
#footer .ft_content .util_menu li a {font-size: 16px; font-weight: 500;}
#footer .ft_content .ft_info {display: flex; justify-content: center; flex-wrap: wrap; max-width: 440px; margin: 0 auto 50px;}
#footer .ft_content .ft_info li {display: flex; align-items: center; font-size: 14px; margin: 5px 8px;}
#footer .ft_content .ft_info li p {margin-right: 5px; font-weight: 600;}
#footer .ft_content .ft_info li span, #footer .ft_content .ft_info li span a {color: #666;}
#footer .ft_content > span {font-size: 14px; color: #666;}


/* sub */

.sub_banner {display: flex; width: 100%; height: 450px; margin-bottom: 150px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_banner.step_2 {background-image: url(../img/sub_banner_step_2.jpg);}
.sub_banner.step_3 {background-image: url(../img/sub_banner_step_3.jpg);}
.sub_banner .container {display: flex; align-items: center; justify-content: center;}
.sub_banner .text_box h2 {font-size: 46px; font-weight: 700; color: #fff;}

.step_cont .title {text-align: center; margin-bottom: 100px;}
.step_cont .title span {font-size: 18px; color: var(--main-color); margin-bottom: 20px; font-weight: 700; display: block;}
.step_cont .title h2 {font-size: 40px; font-weight: 700; margin-bottom: 25px;}
.step_cont .title p {font-size: 18px;}
.step_cont .form_box {width: 100%; max-width: 768px; margin: 0 auto 150px;}
.step_cont .form_box form .form_row {display: flex; align-items: center; margin-bottom: 20px;}
.step_cont .form_box form .form_row .form_col {display: flex; align-items: center; width:100%; margin-right:10px; border: 1px solid #d0d0d0; padding: 15px; border-radius: 10px; box-sizing: border-box;}
.step_cont .form_box form .form_row .form_col:last-child {margin-right: 0;}
.step_cont .form_box form .form_row .form_col p {font-size: 16px; font-weight: 600; width: auto; white-space: nowrap;}
.step_cont .form_box form .form_row .form_col p span {color: red;}
.step_cont .form_box form .form_row .form_col .input_box { padding-left: 25px; width: 100%;}
.step_cont .form_box form .form_row .form_col .input_box label {display: block; width: 100%;}
.step_cont .form_box form .form_row .form_col .input_box input[type="text"],
.step_cont .form_box form .form_row .form_col .input_box input[type="email"],
.step_cont .form_box form .form_row .form_col .input_box input[type="tel"] {width: 100%; height: 30px; padding: 0px 10px; box-sizing: border-box; color: var(--main-color);}
.step_cont .form_box form .form_row .form_col .input_box select {width: 100%; height: 30px; color: #333; font-weight: 500; box-sizing: border-box; border: 0;}
.step_cont .form_box form .form_row .form_col .input_box input:disabled {color: #555; background: #f8f8f8;}
.step_cont .form_box form .form_row button {display: inline-block; transition: all 0.3s; padding: 0px 15px; min-width: 120px; cursor: pointer; height: 62px; background: var(--main-color); color: #fff; border-radius: 10px;}
.step_cont .form_box form .form_row button:hover {background: #1c46d1;}
.step_cont .form_box form .form_row .form_col .radio {display: flex; align-items: center;}
.step_cont .form_box form .form_row .form_col .radio label {width: auto; margin-right: 15px; cursor: pointer;}
.step_cont .form_box form .form_row .form_col .radio label:last-child {margin-right: 0;}
.step_cont .form_box form .form_row .form_col .input_box .custom_file {display: flex; align-items: center;}
.step_cont .form_box form .form_row .form_col .input_box .custom_file .filename {display: block; overflow: hidden; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; width: 80%; height: 40px; font-size: 16px; padding: 0px 10px; box-sizing: border-box; margin-right: 20px; cursor: pointer; background: #f9f9f9;}
.step_cont .form_box form .form_row .form_col .input_box .custom_file .input_file {display: none;}
.step_cont .form_box form .form_row .form_col .input_box .custom_file .upload_btn {height: 40px;}
.step_cont .form_box form .form_row .form_col .use_info > span {display: block; font-size: 14px; color: #555; margin-top: 10px;}
.step_cont .form_box form .form_row .form_col .use_info > span a {color: var(--main-color);}
.step_cont .form_box form #business_cert {display: none;}
.step_cont .form_box form #corp_cert {display: none;}
.step_cont .form_box form #corp_num {display: none;}
.step_cont .form_box .btn_box {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.step_cont .form_box .btn_box .btn {display: flex; align-items: center; justify-content: center; margin: 0px 10px; width: 150px; height: 70px; border-radius: 50px; background: #333; color: #fff; cursor: pointer;}
.step_cont .form_box .btn_box .submit_btn {transition: all 0.3s; background: var(--main-color); color: #fff;}
.step_cont .form_box .btn_box .submit_btn:hover {background: #1c46d1;}


.contract_cont {margin-bottom: 150px;}
.contract_cont .title {text-align: center; margin-bottom: 100px;}
.contract_cont .title span {font-size: 18px; color: var(--main-color); margin-bottom: 20px; font-weight: 700; display: block;}
.contract_cont .title h2 {font-size: 40px; font-weight: 700; margin-bottom: 25px;}
.contract_cont .title p {font-size: 18px;}
.contract_cont .cont_box {padding: 50px; box-sizing: border-box; border: 1px solid #d0d0d0;}
.contract_cont .cont_box h2 {font-size: 20px; font-weight: 800; margin-bottom: 20px;}
.contract_cont .cont_box table {width: 100%; margin-bottom: 30px;}
.contract_cont .cont_box table th {background: #dde3f7; font-weight: 500;}
.contract_cont .cont_box table td {}
.contract_cont .cont_box table td.td_left {text-align: left;}
.contract_cont .cont_box table td.td_center {text-align: center;}
.contract_cont .cont_box table th,
.contract_cont .cont_box table td {border: 1px solid #d0d0d0; font-size: 16px; padding: 15px 20px; vertical-align: middle; line-height: 1.5;}
.contract_cont .cont_box table tfoot td {background: #CFE2F3; font-weight: 700;}
.contract_cont .cont_box dl {margin-bottom: 25px;}
.contract_cont .cont_box dl:last-child {margin-bottom: 0;}
.contract_cont .cont_box dl dt {font-size: 16px; margin-bottom: 10px; font-weight: 500; line-height: 1.3;}
.contract_cont .cont_box dl dd {display: flex; font-size: 16px; color: #555; margin-bottom: 5px; line-height: 1.3;}
.contract_cont .cont_box dl dd span {min-width: 15px; margin-right: 5px;}

.contract_cont .cont_box .form_double {display: flex; margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #d0d0d0;}
.contract_cont .cont_box .form_double .form_box {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.contract_cont .cont_box .form_box {margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #d0d0d0; width: 100%; margin-right: 20px;}
.contract_cont .cont_box .form_box:last-child {margin-right: 0;}

.contract_cont .cont_box .form_box .form_row {display: flex; align-items: center; margin-bottom: 20px;}
.contract_cont .cont_box .form_box .form_row:last-child {margin-bottom: 0;}
.contract_cont .cont_box .form_box .form_row .form_col {display: flex; align-items: center; width:100%; margin-right:10px; border: 1px solid #d0d0d0; padding: 15px; border-radius: 10px; box-sizing: border-box;}
.contract_cont .cont_box .form_box .form_row .form_col:last-child {margin-right: 0;}
.contract_cont .cont_box .form_box .form_row .form_col label {display: flex; align-items: center; width: 100%;}
.contract_cont .cont_box .form_box .form_row .form_col p {font-size: 16px; font-weight: 600; min-width: 130px; white-space: nowrap;}
.contract_cont .cont_box .form_box .form_row .form_col p span {color: red;}
.contract_cont .cont_box .form_box .form_row .form_col .input_box { padding-left: 25px; width: 100%;}
.contract_cont .cont_box .form_box .form_row .form_col .input_box label {display: block; width: 100%;}
.contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="text"],
.contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="email"],
.contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="tel"] {width: 100%; height: 30px; padding: 0px 10px; box-sizing: border-box; color: #000;}
.contract_cont .cont_box .form_box .form_row .form_col .input_box input:disabled {color: #000; background: #fff;}
.contract_cont .cont_box .form_box .form_row .form_col .sign_box {width: 100px; text-align: center; position: relative;}
.contract_cont .cont_box .form_box .form_row .form_col .sign_box img {width: 80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.contract_cont .cont_box .form_box .form_row .form_col .sign_box a {color: var(--main-color); cursor: pointer;}

.contract_cont .cont_box .owner_agree {padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #d0d0d0;}
.contract_cont .cont_box .owner_agree .row {display: flex; align-items: center;}
.contract_cont .cont_box .owner_agree .row p {margin-right: 15px; font-size: 18px;}
.contract_cont .cont_box .owner_agree .row p b {font-weight: 500;}
.contract_cont .cont_box .owner_agree .row img {height: 60px;}

.contract_cont .cont_box .privacy {margin-bottom: 50px;}
.contract_cont .cont_box .privacy label {display: flex; align-items: center; cursor: pointer;}
.contract_cont .cont_box .privacy label input {margin-right: 5px;}
.contract_cont .cont_box .privacy label span {font-size: 16px;}
.contract_cont .cont_box .privacy label span a {font-size: 16px; color: var(--main-color); margin-left: 5px;}

.contract_cont .cont_box .special {border: 1px solid #d0d0d0; border-radius: 10px; overflow: hidden; margin-bottom: 70px;}
.contract_cont .cont_box .special h3 {transition: all 0.3s; padding: 20px; font-size: 18px; font-weight: 600; background: url(../img/arrow_down.svg) #dde3f7 no-repeat center right 20px / 20px; cursor: pointer;}
.contract_cont .cont_box .special h3.active {background: url(../img/arrow_up.svg) #cbd1e7 no-repeat center right 20px / 20px;}
.contract_cont .cont_box .special .special_cont {padding: 30px; display: none;}

.contract_cont .cont_box .btn_box {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.contract_cont .cont_box .btn_box .btn {display: flex; align-items: center; justify-content: center; margin: 0px 10px; width: 150px; height: 70px; border-radius: 50px; background: #333; color: #fff; cursor: pointer;}
.contract_cont .cont_box .btn_box .submit_btn {transition: all 0.3s; background: var(--main-color); color: #fff;}
.contract_cont .cont_box .btn_box .submit_btn:hover {background: #1c46d1;}


.blocker {z-index: 100000;}
#privacy_modal {padding: 35px; max-width: 860px; z-index: 1000000;}
#privacy_modal .box {}
#privacy_modal h2 {font-size: 25px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--main-color);}
#privacy_modal .privacy_cont {}
#privacy_modal .privacy_cont dl {margin-bottom: 25px;}
#privacy_modal .privacy_cont dl:last-child {margin-bottom: 0;}
#privacy_modal .privacy_cont dl dt {font-size: 16px; margin-bottom: 10px; font-weight: 500; line-height: 1.3;}
#privacy_modal .privacy_cont dl dd {display: flex; font-size: 15px; color: #555; margin-bottom: 5px; line-height: 1.3;}
#privacy_modal .privacy_cont dl dd span {min-width: 15px; margin-right: 5px;}

#sign_modal {padding: 35px; z-index: 10000000;}
#sign_modal .box {}
#sign_modal .tab_nav {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0;}
#sign_modal .tab_nav ul {display: flex;}
#sign_modal .tab_nav ul li {margin-right: 15px;}
#sign_modal .tab_nav ul li:last-child {margin-right: 0;}
#sign_modal .tab_nav ul li.active a {color: var(--main-color);}
#sign_modal .tab_nav ul li a {font-size: 18px; font-weight: 600;}
#sign_modal .tabs_content .tab_1 {}
#sign_modal .tabs_content .tab_1 .custom_file {display: flex; align-items: center; margin-bottom: 15px;}
#sign_modal .tabs_content .tab_1 .custom_file .filename {display: block; overflow: hidden; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; width: 80%; height: 40px; font-size: 16px; padding: 0px 10px; box-sizing: border-box; margin-right: 20px; cursor: pointer; background: #f9f9f9;}
#sign_modal .tabs_content .tab_1 .custom_file .input_file {display: none;}
#sign_modal .tabs_content .tab_1 .custom_file .upload_btn {display: inline-block; transition: all 0.3s; padding: 0px 15px; min-width: 90px; cursor: pointer; height:  40px; background: var(--main-color); color: #fff; border-radius: 10px;}
#sign_modal .tabs_content .tab_1 > span {display: block; font-size: 13px; color: #555; margin-bottom: 30px;}
#sign_modal .sign_box .sign_canvas {margin-bottom: 30px;}
#sign_modal .sign_box .sign_canvas canvas {width: 100%; height: 160px; border: 1px solid #d0d0d0;}
#sign_modal .btn_box {display: flex; align-items: center; justify-content: center;}
#sign_modal .btn_box .btn {display: flex; align-items: center; justify-content: center; margin: 0px 5px; width: 130px; height: 40px; border-radius: 50px; background: #333; color: #fff; cursor: pointer;}
#sign_modal .btn_box .submit_btn {transition: all 0.3s; background: var(--main-color); color: #fff;}
#sign_modal .btn_box .submit_btn:hover {background: #1c46d1;}

#sign_modal2 .tab_nav {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0;}
#sign_modal2 .tab_nav ul {display: flex;}
#sign_modal2 .tab_nav ul li {margin-right: 15px;}
#sign_modal2 .tab_nav ul li:last-child {margin-right: 0;}
#sign_modal2 .tab_nav ul li.active a {color: var(--main-color);}
#sign_modal2 .tab_nav ul li a {font-size: 18px; font-weight: 600;}
#sign_modal2 .tabs_content .tab_1 {}
#sign_modal2 .tabs_content .tab_1 .custom_file {display: flex; align-items: center; margin-bottom: 15px;}
#sign_modal2 .tabs_content .tab_1 .custom_file .filename {display: block; overflow: hidden; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; width: 80%; height: 40px; font-size: 16px; padding: 0px 10px; box-sizing: border-box; margin-right: 20px; cursor: pointer; background: #f9f9f9;}
#sign_modal2 .tabs_content .tab_1 .custom_file .input_file {display: none;}
#sign_modal2 .tabs_content .tab_1 .custom_file .upload_btn {display: inline-block; transition: all 0.3s; padding: 0px 15px; min-width: 90px; cursor: pointer; height:  40px; background: var(--main-color); color: #fff; border-radius: 10px;}
#sign_modal2 .tabs_content .tab_1 > span {display: block; font-size: 13px; color: #555; margin-bottom: 30px;}
#sign_modal2 .sign_box .sign_canvas {margin-bottom: 30px;}
#sign_modal2 .sign_box .sign_canvas canvas {width: 100%; height: 160px; border: 1px solid #d0d0d0;}
#sign_modal2 .btn_box {display: flex; align-items: center; justify-content: center;}
#sign_modal2 .btn_box .btn {display: flex; align-items: center; justify-content: center; margin: 0px 5px; width: 130px; height: 40px; border-radius: 50px; background: #333; color: #fff; cursor: pointer;}
#sign_modal2 .btn_box .submit_btn {transition: all 0.3s; background: var(--main-color); color: #fff;}
#sign_modal2 .btn_box .submit_btn:hover {background: #1c46d1;}

.visual-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

@media (max-width: 1330px) {
    .container {width: 100%; padding: 0px 50px; box-sizing: border-box;}

    .main_visual .swiper .swiper-slide .text_box {width: 100%; padding: 0px 0 0 150px;}
    .main_visual .swiper .swiper-slide .text_box h2 {font-size: 48px;}
    .main_visual .swiper .swiper-slide .text_box a {font-size: 18px;}

    .main_title span {font-size: 16px;}
    .main_title h2 {font-size: 38px;}
    .main_title p {font-size: 18px;}

    .mc_1 .img_box .left {width: 40%; margin-right: 20px;}
    .mc_1 .img_box .right {width: 60%;}

    .mc_3 .title_box .btn_box .arrow_btn img {height: 25px;}
    
    .mc_4 .text_box h2 {font-size: 18px;}
    .mc_4 .text_box h3 {font-size: 36px;}
    .mc_4 .text_box p {font-size: 16px;}
    .mc_4 .text_box span {font-size: 16px;}
    .mc_4 .item_box ul li p {font-size: 18px;}
    .mc_4 .item_box ul li .img_box {width: 280px; height: 280px; margin: 0 auto 30px;}
    .mc_4 .item_box ul li .img_box img {height: 200px;}
    .mc_4 .item_box ul li p span {width: 25px; height: 25px; font-size: 14px;}

    .mc_5 .price_box ul li .price > span {font-size: 16px;}
    .mc_5 .price_box ul li .price p {font-size: 18px;}
    .mc_5 .price_box ul li .price b {font-size: 22px;}
    .mc_5 .price_box ul li .price b span {font-size: 12px;}
    .mc_5 .price_box ul li .btn a {width: 70px; height: 70px; font-size: 14px;}

    .mc_5 .mail .left .img_box img {height: 100px;}
    .mc_5 .mail .left h3 {font-size: 20px;}
    .mc_5 .mail .left p {font-size: 20px;}
    .mc_5 .mail > span {font-size: 16px;}

    .mc_7 .text_box .left span {font-size: 16px;}
    .mc_7 .text_box .left h3 {font-size: 32px;}
    .mc_7 .text_box .right p b {font-size: 14px;}
    .mc_7 .text_box .right p span {font-size: 16px;}

    .sub_banner .text_box h2 {font-size: 36px;}
}

@media (max-width: 1280px) {
    .container {padding: 0px 30px;}
    header .container {padding: 0px 10px 0px 30px;}
    header .logo a img {height: 25px;}

    header .mo_btn {display: block;}
    header .gnb {display: none;}

    .main_title span {font-size: 14px;}
    .main_title h2 {font-size: 32px;}
    .main_title p {font-size: 16px;}

    .main_visual .swiper .swiper-slide {animation: none;}

    .swiper-button-next:after, .swiper-button-prev:after {font-size: 30px;}
    .main_visual .swiper .swiper-slide .text_box {width: 100%; padding: 0px 0 0 70px;}
    .main_visual .swiper .swiper-button-prev {left: 20px !important;}
    .main_visual .swiper .swiper-button-next {right: 20px !important;}

    .mc_2 .item_box ul li p {font-size: 14px;}
    .mc_3 .reviewSwiper .swiper-slide .box .profile .top .info p {font-size: 16px;}
    .mc_3 .reviewSwiper .swiper-slide .box .profile .ratings p {font-size: 16px;}
    .mc_3 .reviewSwiper .swiper-slide .box article {font-size: 14px;}

    .mc_4 .container {flex-direction: column;}
    .mc_4 .text_box {position: unset; max-width: 100%; margin-bottom: 70px;}
    .mc_4 .item_box {max-width: 650px; width: 100%;}

    .mc_5 .price_box {max-width: 650px;}
    .mc_5 .price_box ul {flex-direction: column;}
    .mc_5 .price_box ul li {width: 100%; margin-bottom: 20px; box-sizing: border-box; margin-right: 0;}
    .mc_5 .price_box ul li:last-child {margin-bottom: 0;}
    .mc_5 .mail {width: 100%; max-width: 650px; box-sizing: border-box; flex-direction: column; align-items: flex-start;}

    .mc_6 .item_box {flex-direction: column;}
    .mc_6 .item_box .text_box {width: 100%; margin-right: 0; height: auto; margin-bottom: 30px;}
    .mc_6 .item_box .form_box {width: 100%; box-sizing: border-box;}
    .mc_6 .item_box .form_box .title span {font-size: 16px;}

    .mc_7 .container {flex-direction: column;}
    .mc_7 .text_box {width: 100%; margin: 0px 0px 50px 0;}
    .mc_7 .map_box {width: 100%;}

    .step_cont .title span {font-size: 16px;}
    .step_cont .title h2 {font-size: 32px;}
    .step_cont .title p {font-size: 16px;}

    .contract_cont .title span {font-size: 16px;}
    .contract_cont .title h2 {font-size: 32px;}
    .contract_cont .title p {font-size: 16px;}

    .contract_cont .cont_box {padding: 25px;}
    .contract_cont .cont_box h2 {font-size: 16px;}
    .contract_cont .cont_box table th, .contract_cont .cont_box table td {font-size: 14px;}
    .contract_cont .cont_box dl dt {font-size: 14px;}
    .contract_cont .cont_box dl dd {font-size: 14px;}

    .contract_cont .cont_box .form_box .form_row .form_col p {font-size: 14px; min-width: 100px;}

    .contract_cont .cont_box .owner_agree .row p {font-size: 14px;}
    .contract_cont .cont_box .form_box .form_row .form_col .sign_box a {font-size: 14px;}
    .contract_cont .cont_box .privacy label span {font-size: 14px;}
    .contract_cont .cont_box .privacy label span a {font-size: 14px;}
    .contract_cont .cont_box .special h3 {padding: 15px; font-size: 14px;}
    .contract_cont .cont_box .btn_box {margin-top: 30px;}

    .contract_cont .cont_box .form_box .form_row .form_col .input_box {padding-left: 0;}
    .contract_cont .cont_box .form_box .form_row .form_col label {flex-direction: column; align-items: flex-start;}
    .contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="text"], 
    .contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="email"], 
    .contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="tel"] {font-size: 14px; padding-left: 0;}
}

@media (max-width: 768px) {

    .container {padding: 0px 20px;}
    header .container {padding: 0px 10px 0px 20px;}
    header .container {height: 60px;}
    header .mo_btn img {height: 60px;}
    header .logo a img {height: 22px;}

    .main_title {margin-bottom: 60px;}
    .main_title span {font-size: 14px;}
    .main_title h2 {font-size: 22px; line-height: 1.5;}
    .main_title p {font-size: 14px;}

    .mc_4 .text_box h2 {font-size: 14px;}
    .mc_4 .text_box h3 {font-size: 28px;}
    .mc_4 .text_box p {font-size: 14px;}
    .mc_4 .text_box span {font-size: 14px;}

    .main_visual .swiper .swiper-slide .text_box {text-align: center; padding: 0;}
    .main_visual .swiper .swiper-slide .text_box h2 {font-size: 28px;}
    .main_visual .swiper .swiper-slide .text_box a {font-size: 16px;}

    .mouse {height: 40px; width: 23px;}
    .move {width: 5px; height: 5px;}

    .swiper-button-next:after, .swiper-button-prev:after {font-size: 20px;}
    .main_visual .swiper .swiper-button-prev {left: 10px !important;}
    .main_visual .swiper .swiper-button-next {right: 10px !important;}

    .mc_4 .item_box ul li .img_box {width: 160px; height: 160px;}
    .mc_4 .item_box ul li .img_box img {height: 130px;}

    .mc_1 .img_box {flex-direction: column;}
    .mc_1 .img_box .left {width: 100%; margin-right: 0; margin-bottom: 20px;}
    .mc_1 .img_box .right {width: 100%;}

    .mc_2 .item_box ul li {width: calc(50% - 10px); margin: 0px 5px 20px;}
    .mc_2 .item_box ul li p br {display: none;}

    .mc_3 .title_box {flex-direction: column; align-items: flex-start; margin-bottom: 70px;}
    .mc_3 .title_box .btn_box {margin-top: 30px;}
    .mc_3 .title_box .btn_box .arrow_btn img {height: 20px;}

    .mc_3 .reviewSwiper .swiper-slide .box .profile .top .info p {font-size: 14px;}
    .mc_3 .reviewSwiper .swiper-slide .box .profile .ratings p {font-size: 14px;}
    .mc_3 .reviewSwiper .swiper-slide .box article {font-size: 13px;}

    .mc_4 .item_box ul li p {font-size: 14px;}
    .mc_4 .item_box ul li p span {font-size: 12px; margin-right: 8px;}

    .mc_5 .price_box ul li .price {margin-bottom: 30px;}
    .mc_5 .price_box ul li .btn {position: unset; width: 100%;}
    .mc_5 .price_box ul li .btn a {width: 100%; height: 50px; border-radius: 10px;}

    .mc_5 .mail .left {margin-right: 0;}
    .mc_5 .mail .left .img_box {margin-right: 15px;}
    .mc_5 .mail .left .img_box img {height: 60px;}
    .mc_5 .mail .left h3 {font-size: 15px; line-height: 1.5; margin-right: 15px;}
    .mc_5 .mail .left p {font-size: 15px;}
    .mc_5 .mail > span {font-size: 14px; line-height: 1.5;}

    .mc_6 .item_box .text_box h3 {font-size: 20px;}
    .mc_6 .item_box .text_box > p {font-size: 16px;}
    .mc_6 .item_box .text_box ul li {flex-direction: column;}
    .mc_6 .item_box .text_box ul li p {font-size: 13px;}
    .mc_6 .item_box .text_box ul li span {font-size: 15px; line-height: 1.5; width: 100%;}
    .mc_6 .item_box .text_box > span {font-size: 14px;}

    .mc_6 .item_box .form_box .title h3 {font-size: 22px; margin-bottom: 10px;}
    .mc_6 .item_box .form_box .title {flex-direction: column; align-items: flex-start;}
    .mc_6 .item_box .form_box form .form_row {padding: 10px;}
    .mc_6 .item_box .form_box form .form_row input {font-size: 14px;}
    .mc_6 .item_box .form_box form .btn_box .privacy {margin-bottom: 30px;}
    .mc_6 .item_box .form_box form .btn_box .privacy span {font-size: 12px;}
    .mc_6 .item_box .form_box form .btn_box {flex-direction: column; align-items: flex-start;}
    .mc_6 .item_box .form_box form .btn_box button {width: 100%;}

    .mc_7 .text_box .left span {font-size: 14px;}
    .mc_7 .text_box .left h3 {font-size: 25px; margin-bottom: 30px;}
    .mc_7 .text_box .right p {margin-bottom: 15px;}
    .mc_7 .text_box .right p b {font-size: 12px;}
    .mc_7 .text_box .right p span {font-size: 12px;}
    .mc_7 .text_box .right a {margin-top: 20px; font-size: 14px;}

    #footer .ft_content .logo img {height: 22px;}
    #footer .ft_content .util_menu li a {font-size: 14px;}
    #footer .ft_content .ft_info li {font-size: 13px;}
    #footer .ft_content > span {font-size: 12px;}
    #footer .ft_content .ft_info {margin-bottom: 30px;}

    #privacy_modal {padding: 25px;}
    #privacy_modal h2 {font-size: 20px;}
    #privacy_modal .privacy_cont dl dd {font-size: 13px;}

    header .side_menu .box #moCan img {height: 60px;}

    .sub_banner .text_box h2 {text-align: center; font-size: 25px; line-height: 1.5;}

    .step_cont .title {margin-bottom: 70px;}
    .step_cont .title span {font-size: 14px;}
    .step_cont .title h2 {font-size: 26px;}
    .step_cont .title p {font-size: 14px;}

    .contract_cont .title {margin-bottom: 70px;}
    .contract_cont .title span {font-size: 14px;}
    .contract_cont .title h2 {font-size: 26px;}
    .contract_cont .title p {font-size: 14px;}

    .contract_cont .cont_box .owner_agree .row p {font-size: 12px;}

    .step_cont .form_box form .form_row {flex-direction: column;}
    .step_cont .form_box form .form_row .form_col {margin-right: 0;}
    .step_cont .form_box form .form_row .form_col p {font-size: 12px;}
    .step_cont .form_box form .form_row .form_col .input_box input[type="text"], 
    .step_cont .form_box form .form_row .form_col .input_box input[type="email"], 
    .step_cont .form_box form .form_row .form_col .input_box input[type="tel"] {font-size: 12px;}
    .step_cont .form_box form .form_row .form_col:nth-child(2) {margin-top: 20px;}
    .step_cont .form_box form .form_row.radio .form_col {flex-direction: column; align-items: flex-start;}
    .step_cont .form_box form .form_row.radio .form_col .input_box {padding-left: 0; margin-top: 10px;}
    .step_cont .form_box form .form_row.postcode {flex-direction: row;}
    .step_cont .form_box form .form_row.postcode .form_col {margin-right: 10px;}
    .step_cont .form_box form .form_row.postcode button {font-size: 12px; min-width: 100px;}
    .step_cont .form_box form .form_row .form_col .radio label {font-size: 12px; display: flex; align-items: center;}
    .step_cont .form_box form .form_row .form_col .radio label input {margin-right: 3px;}
    .step_cont .form_box form .form_row .form_col .input_box .custom_file .upload_btn {font-size: 12px; min-width: 80px;}
    .step_cont .form_box form .form_row .form_col .input_box .custom_file .filename {font-size: 12px; max-width: 80px;}
    .step_cont .form_box form .form_row .form_col .use_info > span {font-size: 12px;}
    .step_cont .form_box .btn_box .btn {font-size: 13px; height: 50px; margin: 0px 5px;}

    .contract_cont .cont_box .table_box {overflow: auto; margin-bottom: 30px;}
    .contract_cont .cont_box table {margin-bottom: 0px;}
    .contract_cont .cont_box table th, .contract_cont .cont_box table td {font-size: 12px; line-height: 1.5; vertical-align: middle;}
    .contract_cont .cont_box .form_double {flex-direction: column;}
    .contract_cont .cont_box .form_double .form_box:last-child {margin-top: 30px;}
    .contract_cont .cont_box .form_box .form_row {flex-direction: column; margin-bottom: 10px;}
    .contract_cont .cont_box dl dd {font-size: 12px;}
    .contract_cont .cont_box dl dd span {min-width: 9px;}

    .contract_cont .cont_box .form_box .form_row .form_col {margin-right: 0;}
    .contract_cont .cont_box .form_box .form_row .form_col:nth-child(2) {margin-top: 20px;}
    .contract_cont .cont_box .form_box .form_row .form_col .sign_box a {font-size: 12px;}
    .contract_cont .cont_box .form_box .form_row .form_col p {font-size: 12px; margin-bottom: 5px;}
    .contract_cont .cont_box .form_box .form_row .form_col .sign_box {width: 30%;}
    .contract_cont .cont_box .privacy label span {font-size: 12px;}
    .contract_cont .cont_box .privacy label span a {font-size: 12px;}
    .contract_cont .cont_box .special h3 {padding: 15px; font-size: 12px;}
    .contract_cont .cont_box .form_box .form_row .form_col.has_sign label {width: 70%;}
    .contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="text"], 
    .contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="email"], 
    .contract_cont .cont_box .form_box .form_row .form_col .input_box input[type="tel"] {font-size: 12px;}

    #sign_modal .tab_nav ul li a {font-size: 14px;}
    #sign_modal .tabs_content .tab_1 .custom_file .upload_btn {font-size: 12px;}
    #sign_modal .tabs_content .tab_1 .custom_file .filename {margin-right: 10px;}
    .contract_cont .cont_box dl dt {font-size: 12px;}
    .contract_cont .cont_box .special .special_cont {padding: 15px;}

    .contract_cont .cont_box .special {margin-bottom: 30px;}
    .contract_cont .cont_box .btn_box .btn {font-size: 13px; padding: 0px 5px; height: 50px;}

    #sign_modal .btn_box .btn {font-size: 13px;}
    #sign_modal .tabs_content .tab_1 > span {font-size: 12px;}
}