/*
Theme Name: Fourteen - Responsive Landing Page Template
Theme URI: http://webdesignpro09.info/?theme=fourteen
Author: Bogdan
Author URI: http://themeforest.net/user/bogdan_09
Version: 1.0
*/

/* =======================================================
   Reset
   ======================================================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -o-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'NanumSquare', sans-serif; font-weight: normal; }

a:visited { color: #000; }
a:hover { color: #DD4A38; }
a:hover, a:active, a:focus { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
ins { background: #ffff99; color: #000000; text-decoration: none; }
mark { background: #ffff00; color: #000000; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
.text_color{ color:#f3b90b;}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical;}
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* =======================================================
   Primary Styles
   ======================================================= */

img,object,video,embed { max-width: 100%; }
img { height: auto; vertical-align: middle;}
.bold {	font-weight: bold; }
.italic { font-style: italic; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin-left: auto; margin-right: auto; }
.clearBoth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 100%; vertical-align: super; }
th, thead td { font-weight: bold; }
em, dfn, cite { font-style: italic; }
del { color: #cccccc; text-decoration: line-through; }
dfn, ins { border-bottom: 1px solid #E8E8E8; }
abbr, acronym { text-transform: uppercase; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { border-bottom: 1px dotted #E8E8E8; cursor: help; }
a { text-decoration: none; }
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
ol, ul { list-style: none; }

body { position: inherit;  }
body, html, #wrapper, #containerWrapper.containerMap { height:100%; }
#containerWrapper.containerMap { overflow: hidden; }

::-moz-selection { background: #b3d4fc; text-shadow: none;}
::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

code, kbd, samp, pre, tt, var, input[type=text], input[type=password], input[type=email], textarea {
    font-family: 'NanumSquare', sans-serif;
    font-size: 16px;
}

code, pre, input[type=text], input[type=password], input[type=email], textarea {
    line-height: normal;
}

p, ul, ol, dl, table, fieldset, blockquote {
    margin-bottom: 30px;
    font-size:13px;
    line-height:20px;
}

.row {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#header .row {
    overflow: inherit;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol,
.customcol_37, .customcol_160, .customcol_375, .customcol_400, .customcol_412, .customcol_450, .customcol_550, .customcol_580,
.customcol_560, .customcol_620, .customcol_640, .customcol_650, .customcol_720, .customcol_750, .customcol_800, .customcol_1040,
.customcol_zo {
    margin-right: 3.8%;
    float: left;
    min-height: 1px;
}

.row .onecol {
    width: 4.85%;
}

.row .twocol {
    width: 13.45%;
}

.row .threecol {
    width: 22.05%;
}

.row .threecol.boder1 {
    width: 222px;
    padding-right: 28px;
    margin-right: 0px;
}

.row .threecol.boder2 {
    width: 221px;
    padding: 0px 58px;
    margin-right: 0px;
    border-left: 1px solid #b4b4b4;
}

.row .threecol.boder3 {
    width: 221px;
    padding: 0px 16px;
    margin-right: 0px;
    border-left: 1px solid #b4b4b4;
}

.row .threecol.boder4 {
    width: 221px;
    padding-left: 5px;
    margin-right: 0px;
    border-left: 1px solid #b4b4b4;
}

.row .threecol.img {
    width: 280px;
    margin-right: 26.5px;
}

.row .fourcol {
    width: 30.75%;
}

.row .fivecol {
    width: 39.45%;
}

.row .sixcol {
    width: 48%;
}

.row .sixcol.zero {
    width: 50%;
    margin-right: 0px;
}

.row .sevencol {
    width: 56.75%;
}

.row .eightcol {
    width: 65.4%;
}

.row .ninecol {
    width: 74.05%;
}

.row .tencol {
    width: 82.7%;
}

.row .elevencol {
    width: 91.35%;
}

.row .twelvecol {
    width: 100%;
    float: left;
}

.row .twelvecol.justifyCenter {
    width: 1400px;
    height: 512px;
    display: flex;
    justify-content: center;
}

.row .twelvecol.justifyCenter2 {
    height: 400px;
    display: flex;
    justify-content: center;
}

.row .twelvecol.justifyCenter3 {
    display: flex;
    justify-content: center;
    margin-top: 140px;
}

.row .twelvecol.justifyCenter4 {
    display: flex;
    justify-content: center;
    margin-top: 140px;
}

.row .twelvecol.flexDirection_reverse {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.row .twelvecol.flexDirection_column {
    display: flex;
}

.row .twelvecol.justifyContent_between_01 {
    display: flex;
    justify-content: space-between;
    margin-top: 65px;
}

.row .twelvecol.justifyContent_between_02 {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
}

.row .twelvecol.hompage_history_wrapper {
    background-color: #fff;
    border-radius: 25px;
    margin-top: 95px;
}

.row .twelvecol.mTop_52 {
    margin-top: 52px;
}

.row .twelvecol.mTop_75 {
    margin-top: 75px;
}

.row .customcol_37 {
    width: 37.5px;
    margin-right: 0px;
}

.row .customcol_160 {
    width: 160px;
    margin-right: 0px;
}

.row .customcol_375 {
    width: 375px;
    margin-right: 0px;
}

.row .customcol_400 {
    width: 400px;
    margin-right: 0px;
}

.row .customcol_400.flexDirection {
    display: flex;
    flex-direction: column;
}

.row .customcol_412 {
    width: 412.5px;
    margin-right: 0px;
}

.row .customcol_450 {
    width: 450px;
    margin-right: 0px;
}

.row .customcol_550 {
    width: 550px;
    margin-right: 0px;
}

.row .customcol_550.mLeft_10 {
    margin-left: 10px;
}

.row .customcol_550.posRelative {
    position: relative;
}

.row .customcol_560 {
    width: 560px;
    margin-right: 0px;
}

.row .customcol_580 {
    width: 580px;
    margin-right: 0px;
}

.row .customcol_580.mLeft {
    width: 480px;
    margin-left: 100px;
}

.row .customcol_585 {
    width: 585px;
    height: 250px;
    margin-right: 0px;
}

.row .customcol_585.backgroundColor_f8f8f8 {
    background-color: #f8f8f8;
    border-radius: 20px;
}

.row .customcol_620 {
    width: 620px;
    margin-right: 0px;
}

.row .customcol_620.hostCol {
    overflow: hidden;
}

.row .customcol_640 {
    width: 640px;
    margin-right: 0px;
}

.row .customcol_650 {
    width: 650px;
    margin-right: 0px;
}

.row .customcol_720 {
    width: 720px;
    margin-right: 0px;
}

/*.row .customcol_720.mLeft_minus70 {*/
/*    margin-left: -70px;*/
/*}*/

.row .customcol_750 {
    width: 750px;
    margin-right: 0px;
}

.row .customcol_800 {
    width: 720px;
    margin-left: 80px;
    margin-right: 0px;
}

.row .customcol_800.flexDirection {
    display: flex;
    flex-direction: column;
}

.row .customcol_1040 {
    width: 1040px;
    margin-right: 0px;
}

.row .customcol_zo {
    margin-right: 0px;
}

.last {
    margin-right: 0px !important;
}

/* =======================================================
   General Layout
   ======================================================= */

body {
    font-family: 'NanumSquare', sans-serif;
    font-size: 16px;
    font-weight: normal;
    background-color: #fff;
}

.header_wrapper {
    position: fixed;
    z-index: 9;
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: transparent;
}

.header_wrapper.change {
    background-color: #fff;
    border-bottom: 1px solid #b4b4b4;
}

#container {
    position: relative;
    overflow: hidden;
}

.section_wrapper {
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
}

.section_wrapper.color_7b59a2 {
    height: 180px;
    background-color: #7b59a2;
}

.section_wrapper.geustReview {
    background-image: url("/fourteen/images/guest_review_pc.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.section_homepage_02 {
    background: linear-gradient(to bottom, #FCFBFE, #F9F6FE, #F2F8FD, #FFFFFF);
}

.section_content1 {
    width: 1200px;
    padding-top: 220px;
    padding-bottom: 220px;
}

.section_content2 {
    width: 1400px;
    padding-top: 220px;
    padding-bottom: 220px;
}

.section_content3 {
    width: 1200px;
    padding: 70px 0px 78px 0px;
    display: flex;
    justify-content: center;
}

.section_content4 {
    width: 1200px;
}

.section_content5 {
    width: 100%;
    padding-top: 115px;
    padding-bottom: 115px;
}

.section_content6 {
    width: 100%;
}

.section_content7 {
    width: 1340px;
    padding-top: 235px;
    padding-bottom: 150px;
}

.section_content7 .row {
    margin-left: 70px;
    overflow: visible;
}

.section_content8 {
    width: 1200px;
    padding-top: 150px;
    padding-bottom: 150px;
}

.section_content8 .row {
    overflow: visible;
}

.section_content9 {
    width: 1350px;
    padding-top: 110px;
    padding-bottom: 110px;
}

.section_content9 .row {
    overflow: visible;
}

.section_content10 {
    width: 1200px;
}

.section_content1.padding1 {
    padding-bottom: 160px;
}

.section_content1.padding2 {
    padding-top: 150px;
    padding-bottom: 140px;
}

.section_content1.padding3 {
    padding-top: 160px;
    padding-bottom: 160px;
}

.section_content1.gPadding1 {
    padding-top: 45px;
    padding-bottom: 70px;
}

.section_content1.gPadding2 {
    padding-top: 70px;
    padding-bottom: 150px;
}

.section_content1.gPadding3 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.section_content1.gPadding4 {
    padding-top: 110px;
    padding-bottom: 150px;
}

.section_content1.gPadding5 {
    padding-top: 150px;
    padding-bottom: 120px;
}

.info_panel_leftTop {
    margin-top: 32px;
    display: flex;
    gap: 30px;
}

.info_panel_leftBottom {
    display: flex;
    flex-direction: column;
}

.info_panel_box1 {
    margin-top: 36px;
}

.info_panel_box2 {
    width: 640px;
    margin-top: 9px;
    display: flex;
    justify-content: space-between;
}

.info_panel_box3 {
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
}

.info_panel_rightTop {
    margin-top: 25px;
    display: flex;
    justify-content: center;
}

.info_panel_rightBottom {
    margin-top: 20px;
    padding: 10px 0px;
    border: 1px solid #bdacd1;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.icon_info_blog {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.icon_info_cafe {
    width: 32px;
    height: 32px;
    margin-left: 10px;
    cursor: pointer;
}

.info_left_text1 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 16px;
    transform: skew(-0.1deg);
    letter-spacing: -1px;
    color: #fff;
    cursor: pointer;
}

.info_left_text2 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 16px;
    transform: skew(-0.1deg);
    letter-spacing: -1px;
    color: #ffe900;
    cursor: pointer;
}

.info_left_text3 {
    font-size: 14px;
    color: #fff;
    transform: skew(-0.1deg);
}

.info_left_text4 {
    font-family: 'NanumSquareLight', sans-serif;
}

.info_left_text5 {
    font-family: 'NanumSquareLight', sans-serif;
    font-size: 12px;
    color: #fff;
    transform: skew(-0.1deg);
    padding-top: 2px;
}

.info_left_text6 {
    font-family: 'NanumSquareLight', sans-serif;
    font-size: 10px;
    color: #fff;
    transform: skew(-0.1deg);
}

.info_right_text1 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 16px;
    transform: skew(-0.1deg);
    color: #fff;
    text-align: center;
}

.info_right_text2 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 22px;
    color: #fff;
    margin-top: 1px;
    text-align: center;
}

.info_right_text3 {
    font-family: 'NanumSquareLight', sans-serif;
    font-size: 13px;
    transform: skew(-0.1deg);
    color: #fff;
    margin-top: 1px;
    letter-spacing: -0.5px;
    text-align: center;
}

.img_app_download {
    cursor: pointer;
}

.section_title1 {
    padding-bottom: 80px;
}

.section_title2 {
    padding-bottom: 30px;
}

.section_title3 {
    padding-bottom: 50px;
}

.section_title4 {
    padding-bottom: 62px;
}

.section_title5 {
    height: 149px;
    margin-bottom: 110px;
    position: relative;
}

.section_title6 {
    padding-bottom: 88px;
}

.section_title7 {
    padding-bottom: 71px;
}

.section_title8 {
    padding-bottom: 68px;
}

.section_title8 .content_box {
    display: flex;
}

.section_title9 {
    padding-bottom: 43px;
}

.section_title9 .content_box {
    display: flex;
    margin-top: 10px;
}

.section_title10 {
    padding-bottom: 97px;
}

.section_posRelative {
    position: relative;
    overflow: hidden;
}

.section_map {
    width: 360px;
    height: 404px;
    overflow: auto;
    /* touch-action: pan-x; */
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.section_map::-webkit-scrollbar {
    display: none;
}

.section_radius {
    width: 1070px !important;
    padding: 100px 80px 100px 50px;
    background-color: #fff;
    border-radius: 30px;
}

.section_lavel {
    position: absolute;
    width: 60px;
    height: 120px;
    right: 32px;
}

.section_title_text1 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 46px;
    letter-spacing: -2px;
    color: #000;
    line-height: 55px;
    display: block;
}

.section_title_text1.mTop_3 {
    margin-top: 3px !important;
}

.section_title_text1.mTop_5 {
    margin-top: 5px !important;
}

.section_title_text1.mTop_62 {
    margin-top: 62px !important;
}

.section_title_text1.mBottom_22 {
    margin-bottom: 22px !important;
}

.section_title_text2 {
    font-family: 'NanumSquareNeoBold', sans-serif;
    font-size: 46px;
    letter-spacing: -2px;
    color: #000;
    line-height: 55px;
    display: block;
}

.section_title_text3 {
    font-size: 24px;
    letter-spacing: -0.5px;
    color: #969696;
    line-height: normal;
    display: block;
    margin-bottom: 9px;
}

.section_title_text3.letterSpace_07 {
    letter-spacing: -0.7px;
}

.section_title_text4 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #7b59a2;
}

.section_title_text5 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 50px;
    letter-spacing: -1px;
    color: #000;
    line-height: 55px;
    display: block;
}

.section_title_text5.mTop {
    margin-top: 10px;
}

.section_title_text6 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 135px;
    line-height: 125px;
    letter-spacing: -1px;
    color: #fff;
    text-shadow: -1px 0 #e9e9f6, 0 1px #e9e9f6, 1px 0 #e9e9f6, 0 -1px #e9e9f6;
    position: absolute;
}

.section_title_text7 {
    font-family: 'NanumSquareNeoBold', sans-serif;
    font-size: 46px;
    letter-spacing: -2px;
    color: #000;
    display: block;
    position: absolute;
    margin-top: 38px;
    margin-left: 4px;
}

.section_title_text8 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
}

.section_title_text9 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 25px;
    letter-spacing: -0.5px;
    color: #7b59a2;
    line-height: normal;
    display: block;
    margin-bottom: 9px;
}

.section_title_text10,
.section_title_text11 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 21px;
    letter-spacing: -0.5px;
    color: #787878;
    line-height: normal;
    display: block;
    margin-bottom: 42px;
}

.section_title_text12 {
    font-size: 18px;
    letter-spacing: -0.4px;
    color: #969696;
    line-height: normal;
    display: block;
}

.section_guest_box1 {
    margin-top: 130px;
    display: flex;
}

.section_guest_titleText1 {
    font-family: 'NanumSquareNeoBold', sans-serif;
    font-size: 42px;
    letter-spacing: -0.7px;
    color: #969696;
    display: block;
}

.section_guest_titleText2 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 46px;
    letter-spacing: -1.3px;
    color: #000;
    display: block;
}

.section_guest_titleText2.mTop_11 {
    margin-top: 11px;
}

.section_guest_box2 {
    margin-bottom: 9px;
    display: flex;
}

.section_guest_titleText3 {
    font-size: 24px;
    letter-spacing: -0.5px;
    color: #969696;
    line-height: normal;
    display: block;
    margin-bottom: 9px;
}

.section_guest_titleText3.mTop_15 {
    margin-top: 15px;
}

.section_guest_titleText3.mBottom_0 {
    margin-bottom: 0px;
}

.section_guest_titleText4 {
    font-family: 'NanumSquareNeoBold', sans-serif;
    font-size: 46px;
    letter-spacing: -1.7px;
    color: #969696;
    display: block;
    margin-top: 8px;
}

.section_guest_titleText5 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 46px;
    letter-spacing: -1.3px;
    color: #000;
    display: block;
}

.section_guest_titleText5.mTop_4 {
    margin-top: 4px;
}

.section_guest_titleText6 {
    font-family: 'NanumSquare', sans-serif;
    font-size: 24px;
    letter-spacing: -0.5px;
    color: #969696;
    display: block;
}

.section_guest_titleText6.mTop_9 {
    margin-top: 9px;
}

.section_guest_titleText7 {
    font-family: 'NanumSquare', sans-serif;
    font-size: 30px;
    color: #ffe900;
    display: block;
}

.section_guest_titleText8 {
    font-family: 'NanumSquareNeoBold', sans-serif;
    font-size: 41px;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 24px;
    display: block;
}

.section_guest_titleText9 {
    font-family: 'NanumSquareNeoBold', sans-serif;
    font-size: 41px;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 13px;
    display: block;
}

.section_guest_titleText10 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    color: #ffe900;
}

.section_guest_titleText11 {
    font-size: 24px;
    letter-spacing: -0.5px;
    color: #969696;
    line-height: normal;
    display: block;
    margin-top: 15px;
}

.guest_address_box {
    display: none;
    border: 1px solid;
    width: 400px !important;
    height: 485px;
    position: absolute;
    z-index: 100;
}

.section_guest_contentText1 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 26px;
    letter-spacing: -0.5px;
    margin-top: 49px;
}

.section_guest_contentText1.colorType_1 {
    color: #f26d54;
}

.section_guest_contentText1.colorType_2 {
    color: #7b59a2;
}

.section_guest_contentText1.colorType_3 {
    color: #4d81cd;
}

.section_guest_contentText2 {
    font-size: 21px;
    color: #646464;
    letter-spacing: -0.4px;
    margin-top: 21px;
}

.section_guest_contentText3 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 20px;
    color: #000;
    letter-spacing: -0.4px;
}

.section_guest_contentText3.mTop_28 {
    margin-top: 28px;
}

.section_guest_contentText3.mTop_36 {
    margin-top: 36px;
}

.section_guest_contentText4 {
    font-size: 13px;
    text-align: right;
    color: #646464;
    margin-top: 10px;
    letter-spacing: -0.3px;
    transform: skew(-0.1deg);
}

.section_guest_contentText5 {
    color: #3182f7;
}

.guest_checkbox_button1 {
    font-family: 'NanumSquare', sans-serif;
    font-size: 15px;
    color: #555555;
    transform: skew(-0.1deg);
    background-color: #fff;
    padding: 0px;
    border: none;
}

.guest_checkbox_button2 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 18px;
    color: #fff;
    transform: skew(-0.1deg);
    background-color: #555555;
    padding: 15px 0px;
    border: none;
    border-radius: 5px;
    margin-top: 24px;
}

.guest_checkbox_button2:disabled {
    background-color: #b4b4b4;
}

.section_request_button_box {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 21px;
    padding-bottom: 24px;
    box-shadow: 0 0.5px #b4b4b4;
}

.guest_request_button1,
.guest_request_button2 {
    width: 195px;
    height: 50px;
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 18px;
    color: #b4b4b4;
    background-color: #fff;
    padding: 15px 0px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
}

.guest_request_button1.active {
    color: #000;
    background-color: #ffe900;
    border: 1px solid #ffe900;
    border-radius: 5px;
}

.guest_request_button2.active {
    color: #fff;
    background-color: #7b59a2;
    border: 1px solid #7b59a2;
    border-radius: 5px;
}

.guest_checkbox_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.guest_checkbox {
    display:none;
}

.guest_checkbox + label {
    height: 20px;
    cursor: pointer;
    padding-left: 27px;
    background-image: url("/fourteen/images/icon_check_white.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    display: flex;
    align-items: center;
}

.guest_checkbox:checked + label {
    background-image: url("/fourteen/images/icon_check_blue.svg");
}

.guest_checkbox_label {
    font-size: 15px;
    color: #555555;
    letter-spacing: -1px;
    display: inline-block;
    transform: skew(-0.1deg);
}

.request_content_wrapper {
    width: 100%;
    background-color: transparent;
    margin-top: 11px;
    box-sizing: border-box;
    border: 2px solid #7b59a2;
    border-radius: 7px;
}

.request_content_title {
    display: flex;
    padding-top: 14px;
    padding-bottom: 13px;
    background-color: #7b59a2;
}

.request_content_body {
    box-sizing: border-box;
    overflow: hidden;
}

.request_content_titleText {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 17.5px;
    color: #fff;
    text-align: center;
}

.request_content_titleText.width_139 {
    width: 139px;
}

.request_content_titleText.width_145 {
    width: 145px;
}

.request_content_titleText.width_199 {
    width: 199px;
}

.request_content_titleText.width_233 {
    width: 233px;
}

.request_item {
    display: flex;
    align-items: center;
    height: 52px;
}

.request_item_empty {
    display: flex;
    align-items: center;
    height: 18px;
}

.request_item_bg {
    display: flex;
    align-items: center;
    height: 52px;
    background-color: #faf4ff;
    position: relative;
    top: 156px;
}

.request_list {
    position: relative;
    top: -52px;
}

.request_item_text {
    font-family: 'NanumSquare', sans-serif;
    font-size: 17.5px;
    color: #969696;
    letter-spacing: -0.8px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.request_item_text.width_138 {
    width: 138px;
    border-left: 1px solid #969696;
}

.request_item_text.width_144 {
    width: 144px;
    border-left: 1px solid #969696;
}

.request_item_text.width_199 {
    width: 199px;
    border-left: 1px solid #969696;
}

.request_item_text.width_232 {
    width: 232px;
}

.request_item.active > .request_item_text  {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 19px;
    color: #323232;
    -webkit-transition: color 2s ease-in;
    -moz-transition: color 2s ease-in;
    -o-transition: color 2s ease-in;
    transition: color 2s ease-in;
}

.icon_complete_grey {
    margin-right: 10px;
}

.circle_violet1 {
    width: 15px;
    height: 15px;
    background: #7b59a2;
    border-radius: 50%;
    margin: 37px 0px 16px 3px;
}

.circle_violet2 {
    width: 15px;
    height: 15px;
    background: #7b59a2;
    border-radius: 50%;
    margin: 50px 0px 18px 3px;
}

.circle_violet3 {
    width: 15px;
    height: 15px;
    background: #7b59a2;
    border-radius: 50%;
    margin: 43px 0px 17px 3px;
}

.circle_violet4 {
    width: 14px;
    height: 14px;
    background: #7b59a2;
    border-radius: 50%;
    margin: 35px 0px 15px 3px;
}

.icon_won {
    width: 45px;
    height: 45px;
    margin-left: 10px;
    margin-top: 25px;
}

.app_down_wrapper {
    margin-top: 49px;
    display: flex;
    flex-direction: row;
}

.app_googleplay_box {
    width: 146px;
    height: 28px;
    padding: 19px 25px 22px 39px;
    border: 1px solid #2d2d2d;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
}

.app_appstore_box {
    width: 146px;
    height: 28px;
    padding: 19px 15px 22px 49px;
    border: 1px solid #2d2d2d;
    margin-left: 15px;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
}

.icon_googleplay,
.icon_appstore {
    width: 27px;
    height: 27px;
}

.app_googleplay_text1 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 21px;
    letter-spacing: -0.5px;
    margin-left: 11px;
}

.app_googleplay_text2 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 21px;
    letter-spacing: -0.5px;
    margin-left: 11px;
}

.section_twoColor {
    background-image: linear-gradient(to bottom, #f7f7fc 77%, #7b59a2 23%);
}

.section_bgColor_f2 {
    background-color: #f2f2f2;
}

.section_tab {
    width: 430px;
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.section_tab_line {
    margin: 0px 0px 20px 0px;
    border-top: 1px solid #000;
}

.section_content_text1 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 25px;
    letter-spacing: -1px;
    color: #969696;
    line-height: normal;
    padding: 0px 0px 5px 0px;
    background-color: transparent !important;
    border: 0px none;
}

.section_content_text1.swiper-pagination-bullet {
    width: auto;
    height: auto;
    margin: 0px;
    display: block;
}

.section_content_text1.swiper-pagination-bullet-active {
    color: #7b59a2;
    border-bottom: 3px solid #7b59a2;
    border-radius: 0px;
    padding-bottom: 2px;
}

.section_content_text2 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 20px;
    letter-spacing: -0.5px;
    color: #000;
    line-height: normal;
    display: none;
}

.section_content_text2.active {
    display: block;
}

.section_content_text3 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 198px;
    color: #f7f7fc;
}

.section_content_text4 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 27px;
    letter-spacing: -2px;
    color: #7b59a2;
    line-height: normal;
    display: block;
    padding-top: 56px;
    text-align: center;
}

.section_content_text5 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 22px;
    letter-spacing: -2px;
    color: #969696;
    line-height: 32px;
    display: block;
    padding-top: 19px;
    text-align: center;
}

.section_content_text6 {
    font-family: 'NanumSquare', sans-serif;
    font-size: 11px;
    line-height: 23.6px;
    transform: skew(-0.1deg);
    color: #fff;
}

.section_city_box1 {
    width: 300px;
    height: 327px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 3px 3px 15px -1px #b4b4b4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section_city_box1.mTop_50 {
    margin-top: 50px;
}

.section_city_box1.mTop_98 {
    margin-top: 98px;
}

.section_city_box2 {
    width: 430px;
    padding-bottom: 34px;
    border-bottom: 1px solid #b4b4b4;
    display: flex;
    flex-direction: row;
}

.section_city_box2.mTop_23 {
    margin-top: 23px;
}

.section_city_box2.mTop_25 {
    margin-top: 25px;
}

.section_city_box2.mTop_34 {
    margin-top: 34px;
}

.section_city_box2.pBottom_30 {
    padding-bottom: 30px;
}

.section_city_box2.noBorder {
    border: none;
}

.section_city_box2.display_mobile {
    display: none;
}

.section_city_box3 {
    width: 300px;
    height: 155px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 3px 3px 15px -1px #b4b4b4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section_city_box3.mTop_17 {
    margin-top: 17px;
}

.img_guest_choice {
    width: 575px;
    height: 490px;
}

.img_certification_parking {
    width: 155px;
    height: 155px;
    margin-top: 52px;
}

.img_certification_hiseoul {
    width: 100px;
    height: 100px;
    margin-top: 0px;
    margin-left: 20px;
}

.img_certification_share {
    width: 115px;
    height: 90px;
    margin-top: 0px;
    margin-left: 20px;
}

.img_city_logo {
    width: 96px;
    height: 85px;
}

.img_city_logo.mLeft_16 {
    margin-left: 16px;
}

.img_city_logo.mLeft_19 {
    margin-left: 19px;
}

.img_city_logo.mLeft_28 {
    margin-left: 28px;
}

.img_city_logo.mLeft_37 {
    margin-left: 37px;
}

.img_city_logo.mLeft_40 {
    margin-left: 40px;
}

.section_city_text1 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 23px;
    letter-spacing: -1.3px;
    color: #545c67;
    margin-top: 27px;
    line-height: 30px;
    text-align: center;
}

.section_city_text2 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 23px;
    letter-spacing: -1.3px;
    color: #545c67;
    line-height: 30px;
    margin-right: 20px;
}

.section_city_text3 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 23px;
    letter-spacing: -1.1px;
    color: #545c67;
    margin-top: 33px;
    margin-bottom: 40px;
}

.section_city_wrapper1 {
    display: flex;
    justify-content: space-between;
    margin-top: 98px;
}

.section_city_wrapper2 {
    width: 520px;
    margin-left: 38px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 3px 3px 15px -1px #b4b4b4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.img_host_tel {
    width: 620px;
}

.img_guest_phone {
    width: 411px;
    height: 711px;
    float: right;
}

.img_guest_phone_temp {
    position: absolute;
    width: 271px;
    height: 577px;
    margin-left: 226px;
    margin-top: 50px;
}

.section_two_line1 {
    width: 95px;
    border-top: 1px solid #b4b4b4;
    margin: 0px 15px 0px 30px;
}

.section_two_line2 {
    width: 95px;
    border-top: 1px solid #b4b4b4;
    margin: 0px 10px 0px 15px;
}

.guest_request_input {
    font-size: 17px !important;
    height: 47px;
    margin-top: 12px;
    padding-left: 18px;
    padding-top: 2px;
    background-color: #f2f2f2;
    border: none;
    border-radius: 5px;
    -moz-appearance: textfield;
}

.guest_request_input::-webkit-outer-spin-button,
.guest_request_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.guest_request_input:focus {
    color: #000;
    outline: none;
    border: none;
}

.guest_request_input::placeholder {
    color: #999999;
    opacity: 1;
}

.guest_request_input:-ms-input-placeholder {
    color: #999999;
}

.guest_request_input::-ms-input-placeholder {
    color: #999999;
}

.shareParking_menu_pc {
    width: 230px;
    height: 700px;
    background: url("/fourteen/images/guest_shareParking_menu.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: -200px;
    top: 0px;
    transition: right 0.75s;
    display: flex;
}

.shareParking_menu_pc.menuOpen {
    right: 0px;
}

.shareParking_button_box {
    width: 30px;
    height: 700px;
    display: flex;
    align-items: center;
}

.shareParking_button {
    width: 20px;
    height: 50px;
    margin-left: 10px;
    background-color: transparent;
    background-image: url("/fourteen/images/icon_sp_open_gray.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 9px 13px;
    border: none;
}

.shareParking_button:hover {
    background-image: url("/fourteen/images/icon_sp_open_purple.svg");
}

.shareParking_menu_pc.menuOpen .shareParking_button {
    background-image: url("/fourteen/images/icon_sp_close_gray.svg");
}

.shareParking_menu_pc.menuOpen .shareParking_button:hover {
    background-image: url("/fourteen/images/icon_sp_close_purple.svg");
}

.shareParking_text_box {
    width: 200px;
    height: 700px;
    padding-left: 23px;
    display: flex;
    flex-direction: column;
}

.shareParking_text_type1 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 22px;
    margin-top: 16px;
}

.shareParking_line {
    margin-top: 14px;
    border-bottom: 1px solid #969696;
}

.shareParking_city_box_pc {
    height: 51px;
    padding-left: 5px;
    border-bottom: 1px solid #b4b4b4;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.icon_parking_mark_pc {
    width: 22px;
    height: 26px;
}

.shareParking_city_text_pc {
    color: #b4b4b4;
    font-size: 20px;
    margin-top: 3px;
    margin-left: 8px;
    display: flex;
    align-items: center;
}

.shareParking_city_box_pc.active .shareParking_city_text_pc {
    color: #000;
}

.guest_shareParking_map_pc {
    width: 1200px;
    height: 700px;
    pointer-events: none;
}

.guest_shareParking_map_mo {
    width: 560px;
    height: 404px;
    max-width: none;
}

.section_homepage_01 {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

.section_homepage_04 {
    background: linear-gradient(#7b59a21a, #ffffff);
}


/* Headings
========================================================== */

h1, h2, h3, h4, h5, h6 {
    margin:0 0 25px 0;
    line-height:110%;
    color:#222;
    font-family: 'NanumSquare', sans-serif;
    font-weight:400;
}

h1{
    font-size:28px;
    line-height:46px;
}

h2{
    font-size:22px;
    line-height:32px;
}

h3{
    font-size:18px;
    line-height:28px;
}

h4{
    font-size:16px;
    line-height:24px;
}

h5{
    font-size:14px;
    line-height:22px;
    text-transform:uppercase;
}

h6{
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;
}

.uppercase{
    text-transform:uppercase;
}

.italic{
    font-style:italic;
}

.small_margins{
    margin-bottom:15px;
}

.padding_right{
    padding-right:25px;
}

.padding_top{
    padding-top:25px;
}

.padding_top_large{
    padding-top:40px;
}

.padding_bottom{
    padding-bottom:30px;
}

.white{
    color:#fff;
}

.grey{
    color:#28323c;
}

/* ========================================================== */
/* 						       INTRO                          */
/* ========================================================== */

#intro {
    width: 100%;
    z-index: 1;
    background: transparent;
    background-color: #fff;
    padding: 0;
}

/* ========================================================== */
/* 						       HEADER                         */
/* ========================================================== */

#header {
    height: 85px;
    border-bottom: 1px solid #b4b4b4;
    display: flex;
    align-items: center;
}

#header .twelvecol {
    display: flex;
    justify-content: center;
}

#header .header_content {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header.borderBottom {
    border-bottom: none;
}


.logo img {
    width: 190px;
    height: 26px;
}

#nav {
    width: 380px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#nav li {
    display: inline-block;
    position: relative;
    margin-left: 0px;
}

#nav li.last {
    margin-right: 0;
}

#nav a {
    color: #000;
    font-size: 17px;
    font-family: 'NanumSquare', sans-serif;
    font-weight: bold;
}

#nav a.colorWhite {
    color: #fff;
}

/* ========================================================== */
/* 						   FOOTER                             */
/* ========================================================== */

#footer {
    width:100%;
    height:110px;
    background-color:#2d2d2d;
    position: fixed;
    z-index:100;
    bottom: 0px;
    display: flex;
    align-items: center;
}

#footer .twelvecol {
    display: flex;
    justify-content: center;
}

#footer .footer_content {
    width: 1200px;
    display: flex;
    align-items: center;
}

#footer .footer_content.justifyCenter {
    justify-content: center;
}

#footer .footer_half {
    display: flex;
    justify-content: center;
}

#footer a{
    color:#b1b2b3;
}

p.copyright{
    font-size:13px;
    margin:0;
    color:#b1b1b1;
}

ul.social{
    display: inline-block;
    margin: 0 auto 20px auto;
    max-width: 960px;
    line-height:100%;
    text-align:center;
}

ul.social li{
    display:inline-block;
    margin:0 ;
    line-height:100%!important;
}

.contact-icon-circle {
    display: inline-block;
    margin:0 5px;
    padding:12px 12px;
    width: 14px!important;
    height: 14px!important;
    line-height: 14px!important;
    font-size:14px!important;
    color: #b1b1b1;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 19px 19px;
    -moz-border-radius: 19px 19px;
    border-radius: 19px 19px;
    transition: all .5s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.contact-icon-circle:hover {
    transition: all .5s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    background-color:#b1b1b1;
    color:#222;
}

.footer_line{
    margin:0 auto;
    padding: 5px 0 25px 0;
    text-align:center;
    display:block;
    width:40px;
    height:3px;
}

.footer_line span{
    display:block;
    width:50px;
    border-bottom:3px solid #656565;
}

span.footer_logo{
    display:block;
    margin:0 0 30px 0;
    z-index:900;
    font-family: 'NanumSquare', sans-serif;
    font-size:28px;
    line-height:28px;
    color:#dcdcdc;
}

.footer_text1 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 33px;
    color: #fff;
    display: block;
}

.footer_text2 {
    font-size: 21px;
    color: #fff;
    display: block;
    margin-top: 6px;
}

.footer_text3 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
}

.footer_text4 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 24px;
    color: #fff;
    display: inline-block;
}

.footer_text5 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 32px;
    letter-spacing: -0.7px;
    color: #fff;
    display: block;
}

.icon_tel {
    width: 17px;
    height: 17px;
    margin-top: -1px;
}

.footer_empty {
    height: 110px;
}

.footer_popup1 {
    width: 260px;
    cursor: pointer;
}

.footer_popup2 {
    width: 295px;
    margin-left: 25px;
    cursor: pointer;
}

/* ========================================================== */
/* 				  		      Home                         */
/* ========================================================== */

#home {
    z-index: 10;
    padding: 230px 0px 170px;
    display: flex;
    justify-content: center;
    background-color: #f7f7fc;
}

.home_box {
    width: 940px;
    padding-left: 360px;
}

.slider_text1 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 50px;
    color: #000;
    display: block;
}

.slider_text2 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 30px;
    color: #7b59a2;
    margin: 50px 0px 10px;
    display: block;
}

.slider_text3 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 65px;
    color: #7b59a2;
    padding: 15px 0px;
    display: block;
    text-align: center;
}

.slider_text4 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 40px;
    color: #6e6e7e;
    display: block;
    margin-bottom: 9px;
    letter-spacing: -0.5px;
}

.slider_shadow {
    width: 490px;
    height: 105px;
    box-shadow: inset 0px 0px 10px 0px #b4b4b4;
    background-color: #fff;
    border-radius: 14px;
    margin-bottom: 40px;
}

.slider_comma {
    width: 10px;
    height: 10px;
    padding-top: 55px;
}

/* ========================================================== */
/* 				  		    Services                          */
/* ========================================================== */

.section_item {
    margin: 0 0 70px 0;
}

.section_item h2{
    clear:both;
    font-size:16px;
    line-height:100%;
    vertical-align:middle;
    margin:30px 0 20px 0;
    font-weight:400;
    color:#222;
}

.section_item p{
    clear:both;
    color:#454545;
    margin-bottom:30px;
}

.icon_wrapper{
    margin-bottom: 40px;
    width:100%;
    text-align:center;
}

.icon_wrapper .icon_box {
    position: relative;
}

.icon_box .icon-8x{
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    color:#fff;
    background-color:#28323c;
    border:1px solid #28323c;
    -webkit-border-radius: 51px 51px;
    -moz-border-radius: 51px 51px;
    border-radius: 51px 51px;
    font-size:40px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}

.section_item:hover .icon_box .icon-8x{
    color:#28323c;
    border:1px solid #28323c;
    background-color:#fff;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}

a.services_button{
    font-size:12px;
    padding:8px 18px;
    margin:10px 0 20px 0;
    background-color:#28323c;
    border:1px solid #28323c;
    color:#fff;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
}

a.services_button:hover{
    background-color:#f0f0f0;
    border:1px solid #28323c;
    color:#28323c;
}

.img_wrapper1 {
    margin-bottom: 25px;
    width: 100%;
}

.img_wrapper2 {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}

.img_wrapper2 .img_box {
    position: relative;
    width: 222px;
    height: 150px;
}

.img_wrapper3 {
    margin-bottom: 35px;
    width: 100%;
}

.content_wrapper1 {
    position: relative;
    text-align: center;
    height: 200px;
}

.content_wrapper1 .content_box1 {
    position: absolute;
    width: 375px;
}

.content_wrapper1 .content_box2 {
    float: right;
    margin-top: 82px;
}

.content_wrapper2 {
    display: flex;
    flex-direction: column;
}

.content_wrapper2 .content_box1 {
    display: flex;
    flex-direction: column;
}

.content_wrapper2 .content_box2 {
    display: flex;
}

.content_wrapper2.floatRight {
    float: right;
}

.content_wrapper2.mTop_292 {
    margin-top: 292px;
}

.content_wrapper2.mTop_158 {
    margin-top: -158px;
}

.content_brackets {
    width: 25px;
    height: 46px;
    margin-right: 4px;
}

.img_host_step {
    width: 375px;
    height: 230px;
}

.img_icon_cctv {
    width: 150px;
    height: 150px;
}

.img_icon_barrier {
    width: 150px;
    height: 150px;
}

.img_icon_subsidy {
    width: 150px;
    height: 150px;
    margin-left: 24px;
}

/* ========================================================== */
/* 				  		      Features                        */
/* ========================================================== */

.features_box{
    width:90%;
    max-width:1170px;
    margin:0 auto;
    padding-top:110px;
    padding-bottom:100px;
    padding-left:5%;
    padding-right:5%;
}

.features_item{
    margin-bottom:45px;
}

.features_box h2, .features_box h3, .features_box h4, .features_box p, .features_box ul li{
    color:#fff;
}

.text_align_right {
    text-align:right;
}

.text_align_left {
    text-align:left;
}

.text_align_center {
    text-align:center;
}


/* 추가 */

.display_mobile, .display_mobile2 {
    display: none;
}

.footerH3 {
    color: #fff;
    margin: 0px;
}

.white_button {
    background-color: white;
    color: black;
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    float: left;
}

.question_panel {
    display: flex;
    justify-content: space-between;
}

.question_panel.mTop {
    margin-top: 12px;
}

.question_accordion {
    display: flex;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    padding: 15px 26px 11px 22px;
    width: 1025px;
    border: none;
    color: #000;
    text-align: left;
    outline: none;
    transition: 0.3s;
    border-radius: 10px;
    order: 2;
}

.question_mark {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 18px;
    color: #969696;
}

.question_text {
    width: 100%;
    margin-left: 8px;
}

.question_type {
    padding: 15px 0px 11px 3px;
    width: 70px;
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 18px;
    color: #969696;
    letter-spacing: -1px;
    order: 1;
}

.question_content {
    font-size : 18px;
    letter-spacing: -0.5px;
    display: flex;
    justify-content: space-between;
}

.question_accordion:after {
    content: "";
    background: url("/fourteen/images/qa_open.svg") no-repeat;
    width: 18px;
    height: 10px;
    margin-top: -4px;
    margin-left: auto;
}

.question_accordion.active:after {
    background: url("/fourteen/images/qa_close.svg") no-repeat;
}

.question_accordion:hover {
    background-color: #f7f7fc;
}

.question_accordion.active ~ .question_type,
.question_accordion:hover ~ .question_type {
    color: #7b59a2;
}

.question_accordion.active > .question_content > .question_mark,
.question_accordion:hover > .question_content > .question_mark {
    color: #7b59a2;
}

.question_line {
    border-top: 1px solid #e0e0e0;
}

.answer_panel {
    margin-left: 175px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.answer_content {
    font-size: 18px;
    letter-spacing: -0.5px;
    background-color: #f7f7fc;
    padding: 15px 26px 11px 22px;
    margin-top: 12px;
    border: none;
    outline: none;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}

.answer_mark {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 18px;
    color: #ffe900;
}

.answer_text {
    width: 100%;
    margin-left: 8px;
}

.modal {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: auto;
    background-color: #00000066;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
}

.modal_content {
    width: 625px;
    height: 435px;
    background-color: #fefefe;
}

.modal_title_panel {
    height: 148px;
    background-color: #2d2d2d;
    display: flex;
    justify-content: space-between;
}

.modal_title_box {
    margin-top: 37px;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
}

.modal_title_text1 {
    font-family: 'NanumSquareNeo', sans-serif;
    font-size: 34px;
    color: #fff;
    letter-spacing: -0.5px;
}

.modal_title_text2 {
    font-family: 'NanumSquareNeoExtraBold', sans-serif;
    font-size: 34px;
    margin-top: 8px;
    color: #fff;
    letter-spacing: -0.5px;
}

.modal_title_close {
    width: 26px;
    height: 26px;
    margin-top: 24px;
    margin-right: 29px;
    cursor: pointer;
}

.modal_body_panel {
    padding: 25px 30px 0px 30px;
    display: flex;
    flex-direction: column;
}

.modal_body_text1 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 19px;
    color: #505050;
    letter-spacing: -1.3px;
}

.modal_body_text2 {
    font-size: 13px;
    text-align: right;
    color: #969696;
    margin-top: 7px;
    letter-spacing: -0.3px;
    transform: skew(-0.1deg);
}

.modal_body_text3 {
    color: #3182f6;
}

.modal_body_phone {
    font-size: 17px !important;
    height: 52px;
    margin-top: 7px;
    padding-left: 18px;
    padding-top: 2px;
    border: 1px solid #d1d6db;
    border-radius: 5px;
    -moz-appearance: textfield;
}

.modal_body_phone::-webkit-outer-spin-button,
.modal_body_phone::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.modal_body_phone:focus {
    color: #505050;
    outline: none;
    border: 1px solid #505050;
}

.modal_body_phone::placeholder {
    color: #d1d6db;
    opacity: 1;
}

.modal_body_phone:-ms-input-placeholder {
    color: #d1d6db;
}

.modal_body_phone::-ms-input-placeholder {
    color: #d1d6db;
}

.modal_checkbox_box {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#agree_check {
    display:none;
}

#agree_check + label {
    height: 20px;
    cursor: pointer;
    padding-left: 31px;
    background-image: url("/fourteen/images/icon_check_white.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    display: flex;
    align-items: center;
}

#agree_check:checked + label {
    background-image: url("/fourteen/images/icon_check_blue.svg");
}

.modal_checkbox_label {
    font-size: 16px;
    color: #000;
    letter-spacing: -0.3px;
    display: inline-block;
    transform: skew(-0.1deg);
}

.no_drag {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    user-select:none;
}

.modal_checkbox_button1 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #fff;
    background-color: #3182f7;
    padding: 4px 16px;
    border: 1px solid #3182f7;
    border-radius: 4px;
}

.modal_checkbox_button2 {
    font-size: 18px;
    background-color: #ffe900;
    color: #000;
    padding: 15px 0px;
    margin-top: 10px;
    border: 0px;
    border-radius: 5px;
}

.modal_checkbox_button3 {
    font-size: 18px;
    background-color: #f8f7fd;
    color: #000;
    padding: 15px 0px;
    border: 0px;
    border-radius: 5px;
}

.modal_checkbox_button2:hover {
    font-family: 'NanumSquareBold', sans-serif;
}

.modal_checkbox_button3:hover {
    font-family: 'NanumSquareBold', sans-serif;
    background-color: #ffe900;
}

.modal_checkbox_button3:hover + .modal_checkbox_button2 {
    background-color: #f8f7fd;
}

.swal2-title {
    font-size: 1.3em;
}

.swal2-actions {
    display: block;
    text-align: justify;
    -moz-text-align-last: right;
    text-align-last: right;
    padding: 0 1.25em;
}

.swal2-styled.swal2-confirm {
    background-color: #d3d3d3;
    margin: 0;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: none;
}

.swiper {
    width: 1200px;
    height: 470px;
    background-color: transparent;
}

.swiper.host {
    width: 620px;
    height: 470px;
    background-color: transparent;
}

.swiper.geustReview {
    height: 400px;
}

.swiper_homepage {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
}

.swiper_homepage .swiper-slide {
    height: 100vh !important;
    height: calc(var(--vh, 1vh) * 100) !important;
}

.swiper-button-prev, .swiper-button-next {
    position: static;
    width: 100px;
    height: 470px;
    left: 0px;
    right: 0px;
    background-image: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    top: 0px;
    margin: 0px;
}

.swiper-pagination {
    left: 0px;
    margin-top: 496px;
    margin-left: 634px;
    display: flex;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0px 7px;
    background: #cfcfd1;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
    background: #7b59a2;
}

.swiper_brackets_prev {
    width: 30px;
    height: 48px;
    margin-left: 20px;
}

.swiper_brackets_next {
    width: 30px;
    height: 48px;
    margin-left: 55px;
}

.swiper_box {
    background-color: #f7f7fc;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.swiper_box.swiper-slide-active {
    background-color: #fffce1;
}

.swiper_box2 {
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    opacity: 0.65;
}

.swiper_box2.swiper-slide-prev,
.swiper_box2.swiper-slide-active,
.swiper_box2.swiper-slide-next {
    opacity: 1;
}

.swiper_star {
    width: 132px;
    height: 24px;
    margin-top: 111px;
    opacity: 0.5;
    flex-grow: 0;
}

.swiper_box.swiper-slide-active .swiper_star {
    opacity: 1;
}

.swiper_content {
    color: #a0a0a0;
    font-size: 18px;
    line-height: 31px;
    letter-spacing: -0.6px;
    text-align: center;
    margin-top: 35px;
    flex-grow: 1;
}

.swiper_content2 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 23px;
    color: #7b59a2;
    letter-spacing: -1.1px;
    margin-top: 48px;
    margin-left: 42px;
    flex-grow: 0;
}

.swiper_content3 {
    font-size: 18px;
    color: #646464;
    line-height: 30px;
    letter-spacing: -0.4px;
    margin-top: 34px;
    margin-left: 42px;
    margin-right: 40px;
    flex-grow: 1;
}

.swiper_content4 {
    font-size: 18px;
    color: #646464;
    letter-spacing: -0.6px;
    margin-bottom: 36px;
    margin-left: 42px;
    flex-grow: 0;
}

.icon_swiper_mark {
    width: 26px;
    height: 26px;
    margin-top: -1px;
    margin-right: 9px;
    opacity: 0.5;
}


.swiper_box2.swiper-slide-prev .swiper_content3,
.swiper_box2.swiper-slide-active .swiper_content3,
.swiper_box2.swiper-slide-next .swiper_content3 {
    color: #000;
}


.swiper_box2.swiper-slide-prev .icon_swiper_mark,
.swiper_box2.swiper-slide-active .icon_swiper_mark,
.swiper_box2.swiper-slide-next .icon_swiper_mark {
    opacity: 1;
}

.swiper_box.swiper-slide-active .swiper_content {
    color: #000;
}

.swiper_blog_box {
    margin-bottom: 30px;
    flex-grow: 0;
}

.swiper_blog {
    width: 25px;
    height: 25px;
    opacity: 0.5;
}

.swiper_box.swiper-slide-active .swiper_blog {
    opacity: 1;
}

.swiper_blog_text {
    color: #a0a0a0;
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-left: 8px;
}

.swiper_box.swiper-slide-active .swiper_blog_text {
    color: #000;
}

.swiper_row {
    position: relative;
    height: 100vh;
}

.top_button {

    width: 65px;
    height: 65px;
    position: fixed;
    right: 40px;
    bottom: 130px;
    cursor: pointer;
    z-index: 100;
}

.top_button_call {

    width: auto;
    height: 75px;
    position: fixed;
    left: 40px;
    bottom: 130px;
    cursor: pointer;
    z-index: 100;
}

.icon_scroll_box {
    display: flex;
    justify-content: center;
}

.icon_scroll {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 34px;
    height: 62px;
    border: 2px solid rgba(255,255,255,0.8);
    border-radius: 25px;
    position: absolute;
    bottom: 32px;
}

.icon_scroll span {
    width: 4px;
    height: 4px;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 50%;
}

@-webkit-keyframes icon_scroll  {
    0% { opacity:.1 }
    to { opacity:.6 }
}

.icon_scroll span:nth-of-type(1) {
    animation: icon_scroll .9s -2.3s infinite reverse;
}
.icon_scroll span:nth-of-type(2) {
    margin: 4px auto;
    animation: icon_scroll .9s -1.3s infinite reverse;
}
.icon_scroll span:nth-of-type(3) {
    animation: icon_scroll .9s -.3s infinite reverse;
}

.homepage_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.swiper_homepage,
.swiper-wrapper {
    touch-action: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
}

.homepage_first_wrapper {
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 0px;
}

.homepage_first_box {
    width: 1200px;
    display: flex;
    justify-content: space-between;
}

.homepage_swiper_contentText1 {
    font-family: 'NanumSquareNeoHeavy', sans-serif;
    color: white;
    font-size: 80px;
    letter-spacing: -0.6px;
}

.homepage_swiper_contentText2 {
    font-family: 'NanumSquareBold', sans-serif;
    color: white;
    font-size: 45px;
    letter-spacing: -1.0px;
    margin-top: 22px;
    display: block;
}

.homepage_swiper_contentText3 {
    font-family: 'NanumSquareBold', sans-serif;
    color: white;
    font-size: 45px;
    letter-spacing: -1.0px;
    margin-top: 8px;
    display: block;
}

.homepage_swiper_contentText4 {
    font-family: 'NanumSquareBold', sans-serif;
    color: white;
    font-size: 45px;
    letter-spacing: -1.0px;
    margin-top: 10px;
    display: block;
}

.homepage_swiper_contentText5 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: white;
    font-size: 70px;
    letter-spacing: -1.5px;
    text-shadow: 0px 0px 15px #0000004d;
}

.homepage_swiper_contentText6 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: white;
    font-size: 70px;
    letter-spacing: -2.1px;
    text-shadow: 0px 0px 15px #0000004d;
}

.homepage_swiper_contentText7 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: #ffe900;
    font-size: 70px;
    letter-spacing: -2.1px;
    text-shadow: 0px 0px 15px #0000004d;
    /* display: inline-block; */
}

.homepage_swiper_contentText8 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: white;
    font-size: 70px;
    letter-spacing: -2.1px;
    text-shadow: 0px 0px 15px #0000004d;
    /* display: inline-block; */
}

.homepage_swiper_contentText9 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: white;
    font-size: 70px;
    letter-spacing: -2.1px;
    display: block;
    text-shadow: 0px 0px 15px #0000004d;
}

.homepage_swiper_contentText10 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: #7b59a2;
    font-size: 70px;
    letter-spacing: -2.1px;
    display: block;
    margin-top: 10px;
    text-shadow: 0px 0px 15px #0000004d;
}

.homepage_swiper_contentText11 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: white;
    font-size: 70px;
    letter-spacing: -2.1px;
    display: block;
    margin-top: 10px;
    text-shadow: 0px 0px 15px #0000004d;
}

.homepage_people_img_01 {
    background-image: url("/fourteen/images/homepage_people_01_pc.png?ver=20230327");
    filter: brightness(90%);
}

.homepage_people_img_02 {
    background-image: url("/fourteen/images/homepage_people_02_pc.png?ver=20230327");
    filter: brightness(90%);
}

.homepage_people_img_03 {
    background-image: url("/fourteen/images/homepage_people_03_pc.png?ver=20230327");
    filter: brightness(90%);
}

.homepage_logo_symbol {
    width: 62px;
    height: 62px;
    margin-right: 25px;
}

.homepage_second_wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homepage_second_textbox {
    display: flex;
}

.homepage_third_textbox {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.homepage_fourth_textbox {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.homepage_second_textbox_div_pc,
.homepage_third_textbox_div_pc {
    display: flex;
}

.homepage_second_textbox_div_mobile,
.homepage_third_textbox_div_mobile,
.homepage_fourth_textbox_div_mobile {
    display: none;
}

.homepage_history_line {
    background-color: #bfbfbf;
    background-size: 1px 100%;
    width: 1px;
    height: 660px;
    position: absolute;
    margin-top: 90px;
    margin-left: 172px;
}

.homepage_history_box {
    margin-top: 37px;
    margin-left: 75px;
    display: flex;
}

.homepage_history_box.mTop_86 {
    margin-top: 86px;
}

.homepage_history_click {
    width: 520px;
    height: 60px;
    display: flex;
    margin-bottom: 67px;
    cursor: pointer;
}

.homepage_history_year {
    font-family: 'NanumSquareBold', sans-serif;
    color: #d8e0ec;
    font-size: 24px;
    letter-spacing: -1.3px;
}

.homepage_history_click.active .homepage_history_year {
    color: #7b59a2;
}

.homepage_history_circle {
    width: 14px;
    height: 14px;
    background-color: #d8e0ec;
    border-radius: 50%;
    display: inline-block;
    margin-top: 4px;
    margin-left: 90px;
    position: absolute;
}

.homepage_history_click.active .homepage_history_circle {
    background-color: #7b59a2;
}

.homepage_history_content_box {
    display: flex;
    flex-direction: column;
    margin-left: 137px;
}

.homepage_history_content_text1 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #d8e0ec;
    font-size: 24px;
    letter-spacing: -1.3px;
}

.homepage_history_content_text2 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #d8e0ec;
    font-size: 24px;
    letter-spacing: -1.3px;
    margin-top: 6px;
}

.homepage_history_content_text3 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #686868;
    font-size: 19px;
    letter-spacing: -0.4px;
    margin-top: 14px;
    display: none;
}

.homepage_history_content_text4 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #686868;
    font-size: 19px;
    letter-spacing: -0.4px;
    margin-top: 9px;
    display: none;
}

.homepage_history_click.active .homepage_history_content_text1,
.homepage_history_click.active .homepage_history_content_text2 {
    color: #000;
}

.homepage_history_click.active .homepage_history_content_text3,
.homepage_history_click.active .homepage_history_content_text4 {
    display: block;
}

.homepage_history_img {
    width: 520px;
    height: 380px;
    position: absolute;
    margin-left: 560px;
    display: none;
}

.homepage_history_click.active ~ .homepage_history_img {
    display: block;
}

.history_blank.type1 {
    height: 165px;
}

.history_blank.type2 {
    height: 325px;
}

.homepage_section_text01 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: #7b59a2;
    font-size: 32px;
    letter-spacing: -1.5px;
    display: block;
}

.homepage_section_text02 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 50px;
    letter-spacing: -1.5px;
    display: block;
    margin-top: 37px;
}

.homepage_section_text03 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 50px;
    letter-spacing: -1.5px;
    display: block;
    margin-top: 12px;
}

.homepage_section_text04 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 50px;
    letter-spacing: -1.5px;
    display: block;
    margin-top: 12px;
}

.homepage_section_text05 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #514263;
    font-size: 40px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 3px;
    margin-top: 150px;
}

.homepage_section_text06 {
    font-family: 'NanumSquare', sans-serif;
    color: #666666;
    font-size: 29px;
    display: block;
    margin-top: 30px;
    line-height: 19px;
    margin-bottom: 20px;
}

.homepage_section_text06 .highlight-text4 {
    font-family: 'NanumSquareBold', sans-serif;
}

.homepage_section_text07 {
    font-family: 'NanumSquare', sans-serif;
    color: #666666;
    font-size: 29px;
    letter-spacing: 0px;
    display: block;
    line-height: 19px;
    margin-bottom: 20px;
}

.homepage_section_text07 .highlight-text4 {
    font-family: 'NanumSquareBold', sans-serif;
}

.homepage_section_text08 {
    font-family: 'NanumSquare', sans-serif;
    color: #666666;
    font-size: 29px;
    letter-spacing: 0px;
    display: block;
    line-height: 19px;
    margin-bottom: 20px;
}

.homepage_section_text08 .highlight-text4 {
    font-family: 'NanumSquareBold', sans-serif;
}

.homepage_section_text09 {
    font-family: 'NanumSquare', sans-serif;
    font-size: 19px;
    letter-spacing: -1.5px;
}

.homepage_section_text10 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #514263;
    font-size: 40px;
    letter-spacing: -1.0px;
    display: block;
    margin-top: 250px;
    margin-bottom: 40px;
    margin-right: 20px;
}

.homepage_section_text11 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 40px;
    letter-spacing: -1.0px;
    display: block;
    margin-top: 10px;
}

.homepage_section_text12 {
    font-family: 'NanumSquare', sans-serif;
    color: #666666;
    font-size: 29px;
    letter-spacing: 0px;
    display: block;
    line-height: 19px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.homepage_section_text13 {
    font-family: 'NanumSquare', sans-serif;
    color: #666666;
    font-size: 29px;
    letter-spacing: 0px;
    display: block;
    line-height: 19px;
    margin-bottom: 20px;
}

.homepage_section_text14 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #514263;
    font-size: 40px;
    letter-spacing: -1.0px;
    display: block;
    margin-top: 30px;
    margin-right: 20px;
}

.homepage_section_text15 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #514263;
    font-size: 40px;
    letter-spacing: -1.0px;
    display: block;
    margin-bottom: 40px;
    margin-right: 20px;
}

.homepage_section_text16 {
    font-family: 'NanumSquare', sans-serif;
    color: #666666;
    font-size: 29px;
    letter-spacing: -1.0px;
    display: block;
    line-height: 19px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.homepage_section_text17 {
    font-family: 'NanumSquare', sans-serif;
    color: #666666;
    font-size: 29px;
    letter-spacing: -1.0px;
    display: block;
    margin-bottom: 20px;
}

.homepage_section_text18 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 50px;
    letter-spacing: -1.0px;
    display: block;
}

.homepage_section_text18.mTop_12 {
    margin-top: 12px;
}

.homepage_section_text20 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 25px;
    letter-spacing: -0.5px;
    display: block;
}

.homepage_section_text21 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #7b59a2;
    font-size: 65px;
    letter-spacing: -4.0px;
    display: block;
    margin-top: 5px;
}

.homepage_section_text22 {
    font-family: 'NanumSquare', sans-serif;
    color: #686868;
    font-size: 20px;
    letter-spacing: -0.2px;
}

.homepage_section_text23 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 50px;
    letter-spacing: -1.0px;
    display: block;
}

.homepage_section_text24 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 51px;
    letter-spacing: -1.0px;
    display: block;
}

.homepage_section_text25 {
    width: 340px;
    height: 43px;
    border: 1px solid #b4b4b4;
    border-radius: 7px;
    padding-left: 20px;
    font-family: 'NanumSquare', sans-serif;
    font-size: 15px;
    transform: skew(-0.1deg);
    color: #b4b4b4;
}

.homepage_section_text26 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 28px;
    letter-spacing: -1.0px;
    display: block;
    margin-top: 24px;
}

.hompapge_phone_calling {
    margin-top: 124px;
}

.homepage_arrow_box:hover {
    color: #8B63BB;
}

.homepage_arrow_box {
    display: inline-block;
    cursor: pointer;
    margin-top: 49px;
    color: #333333;
}

.homepage_right_arrow {
    margin-left: 8px;
    margin-bottom: 5px;
}

.homepage_parking_sale {
    margin-top: -32px;
}

.homepage_parking_money {
    margin-top: -49px;
    margin-bottom: 5px;
}

.homepage_accumulate_wrapper {
    padding: 38px 43px 38px 42px;
}

.homepage_accumulate_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
}

.homepage_search_icon {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    right: 14px;
    cursor: pointer;
}

.homepage_search_line {
    border-bottom: 1px solid #b4b4b4;
}

.homepage_search_content_box_01 {
    display: flex;
    justify-content: space-between;
    margin-top: 78px;
}

.homepage_search_content_box_02 {
    display: flex;
    justify-content: space-between;
    margin-top: 105px;
}

.homepage_search_content_img_box {
    width: 580px;
    height: 340px;
    background-color: #f5f5f5;
    border-radius: 20px;
}

.homepage_search_content_img {
    width: 580px;
    height: 340px;
    border-radius: 20px;
}

.homepage_search_text_01 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #c8c8c8;
    font-size: 20px;
    display: block;
    margin-top: 44px;
}

.homepage_search_text_02 {
    font-family: 'NanumSquareBold', sans-serif;
    color: #000;
    font-size: 24px;
    display: block;
    display: -webkit-box;
    margin-top: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.homepage_search_text_03 {
    font-family: 'NanumSquare', sans-serif;
    color: #000;
    font-size: 21px;
    letter-spacing: -0.3px;
    display: block;
    display: -webkit-box;
    margin-top: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.homepage_idea_text01 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 70px;
    letter-spacing: -2.0px;
    display: block;
}

.homepage_idea_text01.mTop_9 {
    margin-top: 9px;
}

.homepage_idea_text01.mBottom_9 {
    margin-bottom: 9px;
}

.homepage_idea_text02 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 70px;
    letter-spacing: -2.0px;
}

.homepage_idea_text03 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    color: #7b59a2;
    font-size: 70px;
    letter-spacing: -2.0px;
    margin-left: 10px;
}

.homepage_idea_text04 {
    font-family: 'NanumSquareExtraBold', sans-serif;
    font-size: 70px;
    letter-spacing: -2.0px;
}

.homepage_idea_text05 {
    font-family: 'NanumSquareBold', sans-serif;
    font-size: 25px;
    letter-spacing: -1.0px;
    display: block;
}

.homepage_idea_text05.mTop_40 {
    margin-top: 40px;
}

.homepage_idea_text06 {
    font-family: 'NanumSquare', sans-serif;
    font-size: 21px;
    letter-spacing: -1.0px;
    display: block;
}

.homepage_idea_text06.mTop_6 {
    margin-top: 6px;
}

.homepage_idea_text06.mTop_10 {
    margin-top: 10px;
}

.homepage_idea_text07 {
    font-family: 'NanumSquareLight', sans-serif;
    font-size: 16px;
    letter-spacing: -1.0px;
    transform: skew(-0.1deg);
    display: block;
    margin-top: 113px;
}

.homepage_kakao_map {
    height: 425px;
}



/* Responsive Navigation
================================================== */
#wt_responsive_nav_wrap {
    width: 100%;
    right: -100%;
    position: absolute;
    z-index: 9999;
    top: 0;
    background-color: #2d2d2d;
    height: 100%;
    padding: 60px 0px;
    overflow: hidden;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform: 	scale(1);
    -moz-transform: 	scale(1);
    -ms-transform: 		scale(1);
    -o-transform: 		scale(1);
    transform: 			scale(1);
    -webkit-transition: all 0.6s ease;
    -moz-transition: 	all 0.6s ease;
    -o-transition: 		all 0.6s ease;
    -ms-transition: 	all 0.6s ease;
    transition: 		all 0.6s ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%; }

#wt-responsive-nav {
    margin-left: 0;
    width: 100%; }

.show_responsive_nav {
    overflow: hidden; }

.csstransforms3d #wt_responsive_nav_wrap {
    -webkit-transform: 	scale3d(0.5);
    -moz-transform: 	scale3d(0.5);
    -ms-transform: 		scale3d(0.5);
    -o-transform: 		scale3d(0.5);
    transform: 			scale3d(0.5); }

.show_responsive_nav #wt_responsive_nav_wrap {
    -webkit-transform: 	scale(1);
    -moz-transform: 	scale(1);
    -ms-transform: 		scale(1);
    -o-transform: 		scale(1);
    transform: 			scale(1);
    -webkit-transform: 	translate(-100%, 0);
    -moz-transform: 	translate(-100%, 0);
    -ms-transform: 		translate(-100%, 0);
    -o-transform: 		translate(-100%, 0);
    transform: 			translate(-100%, 0); }

.csstransforms3d .show_responsive_nav #wt_responsive_nav_wrap {
    -webkit-transform: 	scale3d(1);
    -moz-transform: 	scale3d(1);
    -ms-transform: 		scale3d(1);
    -o-transform: 		scale3d(1);
    transform: 			scale3d(1);
    -webkit-transform: 	translate3d(-100%, 0, 0);
    -moz-transform: 	translate3d(-100%, 0, 0);
    -ms-transform: 		translate3d(-100%, 0, 0);
    -o-transform: 		translate3d(-100%, 0, 0);
    transform: 			translate3d(-100%, 0, 0); }

#wt-responsive-nav>li:first-child>a:first-child { border-top-style: solid; border-top-width: 1px; }
#wt-responsive-nav li { margin: 0; padding: 0; position: relative; float: none; clear: both; }
#wt-responsive-nav li > a:before {
    content: "\f0da";
    position: absolute;
    top: 13px;
    margin-left: -10px;
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #222; }
#wt-responsive-nav li > a i {
    position: absolute;
    top: 15px;
    display: inline-block;
    right: 24px;
    font-size: 14px;
    color: #222; }
#wt-responsive-nav .sub-menu {
    /*display: none;*/ }
#wt-responsive-nav,
#wt-responsive-nav li > a {
    height: 100%;
    background-color: #fff;
    border-color: #b4b4b4;
    color: #666666;
    font-size: 15px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
#wt-responsive-nav .current_page_item > a,
#wt-responsive-nav li > a:hover,
#wt-responsive-nav li > a.active {
    color: #FFFFFF;
    background-color: #222; }
#wt-responsive-nav .current_page_item  > a:before,
#wt-responsive-nav li > a:hover:before,
#wt-responsive-nav li > a.active:before,
#wt-responsive-nav .current_page_item  > a i,
#wt-responsive-nav li > a:hover i,
#wt-responsive-nav li > a.active i {
    color: #FFFFFF; }
#responsive_nav_open:hover,
#responsive_nav_hide:hover {
    background-color: transparent; }
#responsive_nav_open:hover i:before,
#responsive_nav_hide:hover i:before {
    color: #FFFFFF; }

.current_page_item > a:before,
.current-menu-item > a:before {
    font-weight: normal; }

#wt-responsive-nav ul { margin: 0; padding: 0; display: block; width: 100%; left: 0; position: relative; }

#wt-responsive-nav a {
    display: block;
    padding: 13px 0px 13px 10px;
    border-bottom: 1px solid #b4b4b4;
    margin: 0px 20px;
    font-size: 15px;
    transform: skew(-0.1deg);
    text-decoration: none;
    position: relative;
    color: #000;
}

#responsive_nav_open {
    width: 36px;
    height: 36px;
    z-index: 9999;
    border: none;
    display: none;
    background-color: transparent;
}

#responsive_nav_hide {
    position: absolute;
    right: 5%;
    top: 50%;
    text-decoration: none;
    text-align: center;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    z-index: 9999;
    border: none;
    display: none;
    background-color: transparent;
}

#responsive_nav_open i:before,
#responsive_nav_hide i:before {
    color: #000;
    font-size: 24px;
    margin: 0;
    display: block;
    line-height: 36px; }
#responsive_nav_hide i:before {
    font-size: 30px; }
.small_device_active #responsive_nav_open { display: block; }
.small_device_active #nav { display: none; }
#responsive_nav_hide {
    display: block;
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    top: 40px; }
.show_responsive_nav #responsive_nav_hide {
    opacity: 1;
    visibility: visible; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
    * {background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}


@media only screen and (max-width: 1024px) {

    div, button, a, label, img {
        -webkit-tap-highlight-color: transparent;
    }

    #intro, .newsletter_wrapper {
        background-attachment: scroll;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/* ========================================================== */
/* 						     768px                            */
/* ========================================================== */

@media (min-width: 768px) {

    div, button, a, label, img {
        -webkit-tap-highlight-color: transparent;
    }


}

/* ========================================================== */
/* 						     992px                            */
/* ========================================================== */

@media (min-width: 992px) {

    div, button, a, label, img {
        -webkit-tap-highlight-color: transparent;
    }


}

/* ========================================================== */
/* 						     1200px                           */
/* ========================================================== */

@media (min-width: 1200px) {

    div, button, a, label, img {
        -webkit-tap-highlight-color: transparent;
    }


}

.parking-banner-wrapper1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 264px auto;
    position: relative;
    min-width: 1400px;
    flex-direction: column;
}

.parking-banner-wrapper-sub1 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.parking-banner-wrapper-sub2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.parking-banner-icon {
    width: 42px;
    height: 42px;
}

.parking-banner-wrapper2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 264px auto;
    position: relative;
    min-width: 1400px;
}

.parking-banner-text1 {
    color: #333;
    font-family: NanumSquareOTF;
    font-size: 47px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 58px;
}

.parking-banner-text1 h2 {
    color: #555;
    font-family: 'NanumSquare', sans-serif;
    font-size: 29px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.parking-banner-text2 {
    flex: 1;
    text-align: left;
    font-family: 'NanumSquare', sans-serif;
    padding-right: 40px;
    font-size: 29px !important;
}

.parking-banner-small-text2 {
    text-align: left;
    font-family: 'NanumSquare', sans-serif;
    padding-right: 40px;
    font-size: 29px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}


.parking-banner-text2 h2 {
    color: #333;
    font-family: NanumSquareOTF;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: 1px;
}

.highlight-text1 {
    background: linear-gradient(to top, #E6E6FA, transparent 50%);
    display: inline;
}

.landing-subtitle1{
    margin-bottom: 40px;
}

.landing-subtitle2 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.highlight-text2 {
    background: linear-gradient(to top, #8B63BB2E 40%, transparent 50%);
    font-family: 'NanumSquareBold';
    display: inline;
    font-size: 48px;
    letter-spacing: 1px;
    line-height: 56px;
    margin-bottom: 40px;
}


.highlight-text3 {
    background: linear-gradient(to top, #20AEE52E, transparent 50%);
    font-family: 'NanumSquareBold';
    display: inline;
    font-size: 48px;
    letter-spacing: 1px;
    line-height: 56px;
    margin-bottom: 40px;
}

.parking-banner-text p {
    color:  #666;
    font-family: NanumSquareOTF;
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    margin-top: 20px;
}

.parking-banner-image {
    width: 980px;
}

.parking-banner-image img {
    max-width: 100%;
    height: auto;
}

/* ✅ 우측 하단 플로팅 버튼 */
.floating-button-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: stretch;
    z-index: 1000;
    box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3);
}

.triangle-corner {

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 100px 50px;
    border-color: transparent transparent #8B63BB transparent;
    position: absolute;
    left: -50px;
}

.floating-button-real {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #8B63BB;
    color: #fff !important;
    height: 100px;
    text-decoration: none;
    width: 430px;
    font-family: Pretendard;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.floating-button-logo-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px;
    margin-right: 20px;
}

.floating-button-logo {
    width: 42px;
    height: 42px;
}

.footer-bottom {
    height: 100px;
}
/* ========================================================== */
/* 						   MOBILE                             */
/* ========================================================== */
@media handheld, only screen and (max-width: 767px) {

    .twelvecol-row {
        padding-left: 40px;
        padding-right: 40px;
    }

    .parking-banner-wrapper1 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 80px auto 40px auto;
        position: relative;
        min-width: 360px;
        flex-direction: column;
    }

    .parking-banner-wrapper-sub1 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .parking-banner-wrapper-sub2 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .parking-banner-icon {
        width: 21px;
        height: 21px;
    }

    .parking-banner-wrapper2 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 80px auto 40px auto;
        position: relative;
        min-width: 360px;
        flex-direction: column;
    }

    .parking-banner-text1 {
        color: #333;
        font-family: NanumSquareOTF;
        font-size: 24px !important;
        font-style: normal;
        font-weight: 800;
        line-height: 29px;
    }

    .parking-banner-text1 h2 {
        color: #555;
        font-family: 'NanumSquare', sans-serif;
        font-size: 15px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .parking-banner-text2 {
        flex: 1;
        text-align: left;
        font-family: 'NanumSquare', sans-serif;
        font-size: 24px !important;
        font-style: normal;
        font-weight: 800;
        line-height: 29px;
    }

    .parking-banner-small-text2 {
        text-align: left;
        font-family: 'NanumSquare', sans-serif;
        font-size: 15px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 20px;
    }


    .parking-banner-text2 h2 {
        color: #333;
        font-size: 24px !important;
        font-style: normal;
        font-weight: 800;
        line-height: 29px;
    }

    .highlight-text1 {
        background: linear-gradient(to top, #E6E6FA, transparent 50%);
        display: inline;
    }

    .landing-subtitle1{
        margin-bottom: 32px;
    }

    .landing-subtitle2 {
        margin-top: 32px;
        margin-bottom: 32px;
    }



    .highlight-text2 {
        background: linear-gradient(to top, #8B63BB2E 40%, transparent 50%);
        font-family: 'NanumSquareBold';
        display: inline;
        font-size: 24px;
        letter-spacing: 1px;
        margin-left: 40px;
        line-height: 28px;
        margin-bottom: 3px;
        letter-spacing: 1px;
    }


    .highlight-text3 {
        background: linear-gradient(to top, #D0F0FD, transparent 50%);
        font-family: 'NanumSquareBold';
        display: inline;
        font-size: 24px;
        letter-spacing: 1px;
        margin-left: 40px;
        line-height: 28px;
        margin-bottom: 3px;
    }

    .parking-banner-text p {
        color:  #666;
        font-family: NanumSquareOTF;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .parking-banner-image {
        width: 304px;
    }

    .parking-banner-image img {
        max-width: 100%;
        height: auto;
    }

    /* ✅ 우측 하단 플로팅 버튼 */
    .floating-button-wrapper {
        position: fixed;
        bottom: 0;
        right: 0;
        display: flex;
        align-items: stretch;
        z-index: 1000;
        box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3);
    }

    .triangle-corner {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 26px 52px 26px;
        border-color: transparent transparent #8B63BB transparent;
        position: absolute;
        left: -26px;
    }

    .floating-button-real {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #8B63BB;
        color: #fff !important;
        height: 52px;
        text-decoration: none;
        width: 220px;
        font-family: Pretendard;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        z-index: 1;
    }

    .floating-button-logo-box {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 4px;
        margin-right: 10px;
    }

    .floating-button-logo {
        width: 21px;
        height: 21px;
    }

    .button-arrow-icon {
        width: 16px;
        height: 16px;
    }


    div, button, a, label, img {
        -webkit-tap-highlight-color: transparent;
    }


    #main {
        width:100%;
        margin:0 auto;
        padding: 0;
        position:relative;
        overflow:hidden;
    }

    .height_mobile {
        height: 100%;
    }

    .row {
        min-width: 0;
        padding-left: 40px;
        padding-right: 40px;
    }

    .row.no_padding {
        padding: 0px;
    }

    .swiper_row {
        padding: 0px;
        height: 100%;
    }

    .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol,
    .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, .row .sixcol.zero,
    .row .customcol_375, .row .customcol_400, .row .customcol_412, .row .customcol_450, .row .customcol_550, .row .customcol_560, .row .customcol_580,
    .row .customcol_585, .row .customcol_620, .row .customcol_640, .row .customcol_650, .row .customcol_720, .row .customcol_750, .row .customcol_800 {
        width: auto;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        clear:both;
    }

    .customcol_160 {
        width: 100% !important;
        position: relative;
    }

    .customcol_400 {
        width: 100% !important;
    }

    .row .customcol_450 {
        margin-left: 40px;
    }

    .customcol_550 {
        width: 100% !important;
    }

    .row .customcol_550.mLeft_10 {
        margin-left: 0px;
    }

    .customcol_560 {
        width: 100% !important;
    }

    .customcol_580 {
        width: auto !important;
        margin-left: 0px !important;
        float: none !important;
    }

    .row .customcol_580.mTop_45 {
        margin-top: 45px;
    }

    .row .customcol_585 {
        width: 100% !important;
        height: auto;
    }

    .row .customcol_585.mTop_12 {
        margin-top: 12px;
    }

    .customcol_620 {
        margin-top: 45px;
    }

    .customcol_650 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .customcol_640 {
        width: 100% !important;
    }

    .customcol_720 {
        width: 100% !important;
    }

    .row .customcol_720.mLeft_minus70 {
        margin-left: 0px;
    }

    .customcol_750 {
        width: 100% !important;
        margin-top: 40px;
    }

    .customcol_800 {
        width: 100% !important;
    }

    .customcol_1040 {
        width: 100% !important;
    }

    .customcol_zo {
        width: 100% !important;
        margin-top: 8px;
    }

    .header_wrapper {
        position: fixed !important;
        display: block;
        padding-top: 0px;
    }

    #header_wrapper {
        position: relative;
        padding-top:0px;
    }

    #header_wrapper #header {
        height: 60px;
    }

    #header .row {
        padding-left: 18px;
        padding-right: 18px;
    }

    .logo img {
        width: 140px;
        height: 19px;
    }

    #nav {
        display: none;
    }

    #responsive_nav_open,
    #responsive_nav_hide {
        width: 21px;
        height: 19px;
    }

    #responsive_nav_open i:before,
    #responsive_nav_hide i:before {
        line-height: 18px;
    }

    img.responsive_top_padding {
        padding-top:40px;
    }

    img.responsive_bottom_padding {
        padding-bottom:40px;
    }

    .nodisplay {
        display:none;
    }

    .nine_section {
        padding: 50px 0 40px 0;
    }

    #home {
        margin: 0px;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 156px;
        padding-bottom: 200px;
    }

    .home_box {
        width: auto;
        padding-left: 14px;
    }

    .slider_text1 {
        font-size: 26px;
        letter-spacing: -0.5px;
    }

    .slider_text2 {
        font-size: 17px;
        line-height: 18px;
        margin: 21px 0px 7px;
    }

    .slider_text3 {
        font-size: 30px;
        padding: 7px 0px;
    }

    .slider_text4 {
        font-size: 18px;
        letter-spacing: -1.5px;
        margin-bottom: 5px;
    }

    .slider_shadow {
        width: 248px;
        height: 48px;
        box-shadow: inset 0px 0px 5px 0px #b4b4b4;
        border-radius: 8px;
        margin-bottom: 18px;
    }

    .slider_comma {
        width: 5px;
        height: 5px;
        padding-top: 26px;
    }

    .icon_won {
        width: 22px;
        height: 22px;
        margin-left: 6px;
        margin-top: 10px;
    }

    .section_wrapper {
        display: block;
    }

    .section_wrapper.color_7b59a2 {
        /* height: 195px; */
        height: auto;
        background-color: #7b59a2;
    }

    .section_content1 {
        width: 100%;
    }

    .section_content1 .row.justifyCenter {
        padding: 0px;
        display: flex;
        justify-content: center;
    }

    .section_content1 .row.flexDirection {
        flex-direction: column;
        align-items: center;
    }

    .section_content1.padding1 {
        padding-top: 30px;
        padding-bottom: 80px;
    }

    .section_content1.padding2 {
        padding-top: 0px;
        padding-bottom: 80px;
    }

    .section_content1.padding3 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section_content1.padding4 {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .section_content1.padding5 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section_content2.padding6 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section_content1.gPadding1 {
        padding-top: 66px;
        padding-bottom: 50px;
    }

    .section_content1.gPadding2 {
        padding-top: 56px;
        padding-bottom: 60px;
    }

    .section_content1.gPadding3 {
        padding-top: 63px;
        padding-bottom: 60px;
    }

    .section_content1.gPadding4 {
        padding-top: 63px;
        padding-bottom: 50px;
    }

    .section_content1.gPadding5 {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .section_title_text1 {
        font-size: 26px;
        line-height: normal;
        letter-spacing: -0.5px;
        margin-top: 0px !important;
    }

    .section_title_text2 {
        font-size: 26px;
        line-height: normal;
        letter-spacing: -0.5px;
        margin-top: 5px;
    }

    .section_title_text3 {
        font-size: 17px;
        margin-bottom: 4.5px;
    }

    .circle_violet1 {
        width: 8px;
        height: 8px;
        margin: 19px 0px 9px 3px;
    }

    .img_host_tel {
        width: 280px;
    }

    .host {
        width: 280px !important;
        height: 217px !important;
    }

    .section_tab {
        width: 245px;
        margin-top: 33px;
    }

    .section_content_text1 {
        font-size: 14px;
        letter-spacing: -0.5px;
        transform: skew(-0.1deg);
    }

    .section_tab_line {
        width: 274px;
        margin: 0px 0px 12px 0px;
    }

    .section_content_text2 {
        font-size: 14px;
        letter-spacing: -0.5px;
        transform: skew(-0.1deg);
    }

    .section_title2 {
        padding: 0px 0px 40px 0px;
    }

    .circle_violet2 {
        width: 8px;
        height: 8px;
        margin: 23px 0px 9px 3px;
    }

    .section_radius {
        width: 280px !important;
        padding: 52px 0px 0px;
        float: left;
        display: flex;
        flex-wrap: wrap;
        border-radius: 15px;
    }

    .section_lavel {
        width: 30px;
        height: 50px;
        right: auto;
        margin-left: 238px;
    }

    .row .threecol.boder1 {
        float: left;
        width: 125px;
        height: 112px;
        margin-left: 15px;
        padding: 0px;
    }

    .row .threecol.boder2 {
        float: left;
        width: 140px;
        height: 112px;
        padding: 0px;
        border-left: none;
    }

    .row .threecol.boder3 {
        float: left;
        width: 125px;
        margin: 22px 0px 43px 15px;
        padding: 0px;
        border-left: none;
    }

    .row .threecol.boder4 {
        float: left;
        width: 140px;
        margin: 22px 0px 43px 0px;
        padding: 0px;
        border-left: none;
    }

    .img_wrapper2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .img_wrapper2 .img_box {
        width: 125px;
        height: 85px;
    }

    .section_title3 {
        padding: 0px 0px 38px 0px;
    }

    .section_step {
        display: flex;
        flex-direction: column;
    }

    .img_host_step {
        width: 280px;
        height: 175px;
    }

    .content_wrapper1 {
        height: 186px;
    }

    .content_wrapper1.last {
        height: 134px;
    }

    .content_wrapper1 .content_box1 {
        width: 280px;
    }

    .img_wrapper1 {
        margin-bottom: 0px;
    }

    .section_content_text3 {
        font-size: 124px;
    }

    .section_content_text4 {
        font-size: 18px;
        letter-spacing: -1px;
        padding-top: 35px;
    }

    .section_content_text5 {
        font-size: 15px;
        letter-spacing: -1.7px;
        transform: skew(-0.1deg);
        line-height: 20px;
        padding-top: 10px;
    }

    .content_wrapper1 .content_box2 {
        position: absolute;
        float: none;
        margin-top: 136px;
        margin-left: 132px;
    }

    .content_brackets {
        width: 15px;
        height: 32px;
        margin-right: 0px;
        transform: rotate(90deg);
    }

    .section_title6 {
        padding: 0px 0px 40px 0px;
    }

    .img_wrapper3 {
        margin-bottom: 16px;
    }

    .section_title_text9 {
        font-size: 17px;
        letter-spacing: -0.4px;
        margin-bottom: 4px;
    }

    .section_title_text10 {
        font-size: 14px;
        margin-bottom: 30px;
        transform: skew(-0.1deg);
    }

    .img_icon_cctv,
    .img_icon_barrier,
    .img_icon_subsidy {
        width: 86px;
        height: 86px;
    }

    .img_icon_subsidy {
        margin-left: 7px;
    }

    .section_title_text11 {
        font-size: 14px;
        margin-bottom: 17px;
        transform: skew(-0.1deg);
    }

    .section_title_text12 {
        font-size: 13px;
        letter-spacing: -0.7px;
        transform: skew(-0.1deg);
    }

    .section_content2 {
        width: 100%;
    }

    .section_title4 {
        padding-bottom: 48px;
    }

    .section_title_text2.fontSize_25 {
        font-size: 25px;
    }

    .section_title_text5.fontSize_25 {
        font-size: 25px;
        line-height: normal;
        margin-top: 5px;
    }

    .row .twelvecol.width_280 {
        width: 280px;
    }

    .row .twelvecol.justifyCenter {
        width: 100%;
        height: 311px;
        position: relative;
    }

    .row .twelvecol.justifyCenter2 {
        height: 316px;
    }

    .row .twelvecol.justifyCenter3 {
        justify-content: flex-start;
        margin-top: 36px;
    }

    .row .twelvecol.justifyCenter4 {
        margin-top: 36px;
    }

    .row .twelvecol.alignCenter {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .row .twelvecol.hompage_history_wrapper {
        margin-top: 31px;
        background-color: transparent;
    }

    .hompage_history_wrapper.height_300 {
        height: 1260px;
    }


    .row .twelvecol.pLeftRight_40 {
        padding: 0px 40px;
    }

    .row .twelvecol.mTop_52 {
        margin-top: 16px;
    }

    .row .twelvecol.mTop_75 {
        margin-top: 55px;
    }

    .section_content3 {
        width: auto;
        padding: 70px 0px 42px 0px;
    }

    .img_app_download {
        width: 228px;
    }

    .section_content4 {
        width: auto;
        height: auto;
        /* padding: 20px;
		padding: 20px 20px calc(constant(safe-area-inset-bottom) + 20px) 20px;
    	padding: 20px 20px calc(env(safe-area-inset-bottom) + 20px) 20px; */
        padding: 20px 20px 15px 20px;
    }

    .footer-bottom {
        height: 52px;
    }

    .row .twelvecol.justifyCenter {
        width: 360px;
        height: 512px;
        display: flex;
        justify-content: center;
    }

    .row .twelvecol.justifyCenter2 {
        height: 360px;
        display: flex;
        justify-content: center;
    }

    .info_panel_leftTop {
        width: 260px;
        margin-top: 0px;
    }

    .info_panel_rightTop {
        position: absolute;
        bottom: 75px;
        right: 0px;
        margin-top: 0px;
    }

    .info_panel_rightBottom {
        margin-top: 6px;
        padding: 0px 16px 0px 10px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .info_left_text1,
    .info_left_text2 {
        font-size: 13px;
    }

    .info_left_text3 {
        font-size: 11px;
        margin-top: 5px;
    }

    .info_right_text1 {
        font-size: 11px;
        letter-spacing: 1.2px;
        border-right: 1px solid #bdacd1;
        height: 19px;
        padding: 7px 11px 0px 2px;
        text-align: start;
    }

    .info_right_text2 {
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-top: 0px;
        text-align: start;
    }

    .info_right_text3 {
        font-size: 13px;
        margin-top: 0px;
        text-align: start;
    }

    .info_panel_box1 {
        margin-top: 16px;
        position: relative;
    }

    .info_panel_box2 {
        width: 226px;
        margin-top: 2px;
    }

    .info_panel_box3 {
        margin-top: 0px;
        justify-content: flex-start;
        flex-direction: column-reverse;
    }

    .icon_info_blog {
        width: 27px;
        height: 27px;
    }

    .icon_info_cafe {
        width: 27px;
        height: 27px;
        margin-left: 8px;
    }

    .swiper {
        width: 734px;
        height: 280px;
    }

    .swiper-button-prev {
        width: calc((100% - 220px) / 2);
        height: 280px;
        left: 0px;
        right: auto;
        background-color: transparent;
        position: absolute;
    }

    .swiper-button-next {
        width: calc((100% - 220px) / 2);
        height: 280px;
        left: auto;
        right: 0px;
        background-color: transparent;
        position: absolute;
    }

    .swiper-button-prev {
        flex-direction: row-reverse;
    }

    .swiper_brackets_prev {
        width: 27px;
        height: 27px;
        margin-left: 0px;
        margin-right: 5px;
    }

    .swiper_brackets_next {
        width: 27px;
        height: 27px;
        margin-left: 5px;
    }

    .swiper_star {
        width: 75px;
        height: 14px;
        margin-top: 46px;
    }

    .swiper_content {
        font-size: 12px;
        line-height: 19px;
        letter-spacing: -1.3px;
        margin-top: 19px;
        transform: skew(-0.1deg);
    }

    .swiper_blog_box {
        margin-bottom: 18px;
    }

    .swiper_blog {
        width: 14px;
        height: 14px;
    }

    .swiper_blog_text {
        font-size: 11px;
        letter-spacing: -0.8px;
        margin-left: 4px;
        transform: skew(-0.1deg);
    }

    .swiper-pagination {
        margin-top: 302px;
        margin-left: 0px;
        width: 100%;
        justify-content: center;
    }

    .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        margin: 0px 3.5px;
    }

    .swiper-pagination-bullet-active {
        width: 8.5px;
        height: 8.5px;
    }

    .section_title5 {
        padding: 0px 40px;
        margin-bottom: 0px;
    }

    .section_title_text6 {
        font-size: 82px;
        margin-top: 5px;
        margin-left: 90px;
        line-height: 75px;
    }

    .section_title_text7 {
        font-size: 26px;
        line-height: 32px;
        margin-top: 12px;
        margin-left: 0px;
    }

    .question_type {
        width: 62px;
        font-size: 13px;
        letter-spacing: -0.5px;
        padding: 15px 0px 11px 0px;
        transform: skew(-0.1deg);
    }

    .qa_wrapper {
        padding: 0px 40px;
    }

    .question_accordion {
        width: 100%;
        padding: 15px 10px 11px 10px;
        margin-left: 8px;
    }

    .question_accordion:hover {
        background-color: transparent;
    }

    .question_accordion:hover ~ .question_type {
        color: #969696;
    }

    .question_accordion.active ~ .question_type {
        color: #7b59a2;
    }

    .question_accordion:hover > .question_content > .question_mark {
        color: #969696;
    }

    .question_accordion.active > .question_content > .question_mark {
        color: #7b59a2;
    }

    .question_panel.mTop {
        margin-top: 0px;
    }

    .question_content {
        width: 100%;
        font-size: 13px;
        letter-spacing: -0.5px;
        transform: skew(-0.1deg);
    }

    .question_mark {
        font-size: 13px;
        letter-spacing: -0.5px;
        transform: skew(-0.1deg);
    }

    .question_accordion:after {
        width: 14px;
        height: 6px;
    }

    .question_text {
        line-height: 17px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .answer_panel {
        margin-left: 57px;
    }

    .answer_content {
        font-size: 13px;
        letter-spacing: -0.5px;
        transform: skew(-0.1deg);
        padding: 15px 10px 11px 10px;
        margin-top: 0px;
    }

    .answer_mark {
        font-size: 13px;
        letter-spacing: -0.5px;
        transform: skew(-0.1deg);
    }

    .answer_text {
        margin-left: 5px;
        line-height: 17px;
    }

    #services{
        padding-bottom:0;
        padding-top:5px;
    }

    .services_box{
        padding-top:20px;
    }

    a.purchase{
        display:none;
    }

    .features_title_wrapper{
        margin-bottom:30px;
        display:block;
    }

    span.features_number{
        float:left;
        padding-right:5px;
        color:#28323c;
        font-family: 'NanumSquare', sans-serif;
        font-weight:700;
        font-size:50px;
        line-height:50px;
    }

    span.features_separator{
        float:left;
        padding:0 5px 0 0;
        font-size:50px;
        line-height:50px;
    }

    span.features_title{
        margin:0 0 25px 0;
        font-size:21px;
        line-height:25px;
    }

    .section_item h2{
        font-size:18px;
        line-height:normal;
    }

    .section_item p{
        font-size:16px;
        line-height:normal;
    }

    .section_item.last {
        margin: 0 0 40px 0;
    }

    .features_box{
        padding:70px 0 30px 0;
    }

    .padding_top_large{
        padding-top:0;
    }

    .contact-icon-circle {
        display: inline-block;
        margin:0 8px 8px 0;
        padding:10px 10px;
        width: 12px!important;
        height: 12px!important;
        line-height: 12px!important;
        font-size:14px!important;
        -webkit-border-radius: 16px 16px;
        -moz-border-radius: 16px 16px;
        border-radius: 16px 16px;
    }

    p.features_content {
        font-size: 18px;
        line-height: normal;
    }

    #footer {
        height: 135px;
        /* height: 94px;
		padding: 17px 0px calc(constant(safe-area-inset-bottom) + 17px);
    	padding: 17px 0px calc(env(safe-area-inset-bottom) + 17px); */
        align-items: stretch;
    }

    #footer.height_107 {
        height: 107px;
    }

    #footer .row {
        min-width: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #footer .twelvecol {
        margin-top: 17px;
        justify-content: flex-start;
        flex-direction: column;
        align-items: center;
    }

    .footer_content {
        display: block !important;
        width: auto !important;
    }

    .footer_half {
        display: block !important;
    }

    .footer_empty {
        height: 135px;
        /* height: calc(constant(safe-area-inset-bottom) + 128px);
    	height: calc(env(safe-area-inset-bottom) + 128px); */
    }

    .footer_text1 {
        font-size: 21px;
    }

    .footer_text2 {
        font-size: 14px;
        letter-spacing: 0.5px;
        transform: skew(-0.1deg);
    }

    .footer_text4 {
        font-size: 15px;
        margin-top: 15px;
        transform: skew(-0.1deg);
    }

    .icon_tel {
        width: 13px;
        height: 12px;
    }

    .footer_popup1 {
        width: 160px;
        cursor: pointer;
    }


    .top_button {

        width: 54px;
        height: 54px;
        position: fixed;
        right: 14px;
        bottom: 141px;
        cursor: pointer;
    }

    .top_button_call {

        width: auto;
        height: 64px;
        position: fixed;
        left: 0px;
        bottom: 141px;
        cursor: pointer;
    }

    /* 추가 */

    .modal {
        align-items: flex-end;
    }

    .modal_content {
        width: 100%;
        height: 285px;
        margin-bottom: 135px;
    }

    .modal_title_panel {
        height: 85px;
    }

    .modal_title_box {
        margin-top: 20px;
        margin-left: 16px;
    }

    .modal_title_text1 {
        font-size: 21px;
        letter-spacing: -0.3px;
    }

    .modal_title_text2 {
        font-size: 21px;
        letter-spacing: -0.3px;
        margin-top: 3px;
    }

    .modal_title_close {
        width: 15px;
        height: 15px;
        margin-top: 12px;
        margin-right: 13px;
    }

    .modal_body_panel {
        padding: 15px 17px 0px 17px;
    }

    .modal_body_text1 {
        font-size: 14px;
        letter-spacing: -0.3px;
        transform: skew(-0.1deg);
    }

    .modal_body_phone {
        font-size: 14px !important;
        line-height: 34px;
        transform: skew(-0.1deg);
        height: 34px;
        margin-top: 5px;
        padding: 0px 0px 0px 10px;
    }

    .modal_body_text2 {
        font-size: 11px;
        letter-spacing: -0.9px;
    }

    .modal_checkbox_box {
        margin-top: 17px;
    }

    #agree_check + label {
        height: 16px;
        background-size: 16px;
        padding-left: 20px;
        font-size: 12px;
        letter-spacing: -0.2px;
    }

    .modal_checkbox_button1 {
        font-size: 12px;
        transform: skew(-0.1deg);
        padding: 5px 8px;
    }

    .modal_checkbox_button2,
    .modal_checkbox_button3 {
        font-size: 15px;
        transform: skew(-0.1deg);
        padding: 11px 0px;
    }

    .display_pc {
        display: none;
    }

    .display_mobile {
        display: inline !important;
    }

    .display_mobile2 {
        display: flex;
    }

    .icon_info_box {
        width: 62px;
        position: absolute;
        right: 0px;
        margin-top: -18px;
        display: flex;
        justify-content: center;
    }

    .section_title7 {
        padding-bottom: 32px;
    }

    .section_guest_titleText2 {
        font-size: 26px;
        letter-spacing: -1px;
    }

    .section_guest_titleText4 {
        font-size: 26px;
        margin-top: 6px;
        letter-spacing: -1px;
    }

    .content_wrapper2.floatRight {
        float: none;
    }

    .content_wrapper2.mTop_158,
    .content_wrapper2.mTop_292 {
        margin-top: 37px;
    }

    .img_guest_choice {
        width: 280px;
        height: 235px;
    }

    .content_wrapper2 .content_box1 {
        width: 280px;
        flex-direction: row;
        justify-content: space-between;
    }

    .content_wrapper2 .content_box2 {
        flex-direction: column;
        margin-top: 19px;
        width: 190px;
    }

    .section_guest_contentText1 {
        font-size: 15px;
        transform: skew(-0.1deg);
        margin-top: 21px;
    }

    .section_guest_contentText2 {
        font-size: 13px;
        transform: skew(-0.1deg);
        letter-spacing: -0.2px;
        line-height: 19px;
        margin-top: 0px;
    }

    .section_guest_contentText3.fontSize_15 {
        font-size: 15px;
        transform: skew(-0.1deg);
    }

    .section_guest_contentText3.mTop_36 {
        margin-top: 31px;
    }

    .section_guest_contentText3.mTop_55 {
        margin-top: 55px;
    }

    .section_guest_titleText5 {
        font-size: 27px;
    }

    .section_guest_titleText5.mTop_4 {
        margin-top: 5px;
    }

    .circle_violet4 {
        width: 8px;
        height: 8px;
        margin: 23px 0px 9px 3px;
    }

    .section_guest_titleText6 {
        font-size: 14px;
        transform: skew(-0.1deg);
    }

    .section_guest_titleText6.mTop_4 {
        margin-top: 4px;
    }

    .section_city_box1 {
        width: 132px;
        height: 154px;
        border-radius: 12px;
    }

    .img_certification_parking {
        width: 74px;
        height: 74px;
        margin-top: 20px;
    }

    .img_certification_hiseoul {
        width: 50px;
        height: 50px;
        margin-left: 10px;
    }

    .img_certification_share {
        width: 55px;
        height: 40px;
        margin-left: 10px;
    }

    .section_city_text1 {
        font-size: 12px;
        letter-spacing: -0.3px;
        margin-top: 11px;
        line-height: 17px;
        transform: skew(-0.1deg);
    }

    .section_city_wrapper1 {
        margin-top: 33px;
    }

    .section_city_text2 {
        font-size: 10.5px;
        transform: skew(-0.1deg);
        line-height: 15px;
        margin-right: 10px;
    }

    .section_city_wrapper2 {
        width: 280px;
        margin-top: 16px;
        margin-left: 0px;
        border-radius: 12px;
    }

    .section_city_box2.display_pc {
        display: none;
    }

    .section_city_box2.display_mobile {
        width: 239px;
        padding-bottom: 17px;
        display: flex;
        justify-content: center;
        margin-top: 23px;
    }

    .section_city_box2.mTop_11 {
        margin-top: 11px;
    }

    .section_city_box3 {
        width: 132px;
        height: 72px;
        border-radius: 12px;
    }

    .section_city_box3.mTop_17 {
        margin-top: 11px;
    }

    .img_city_logo {
        width: 239px;
        height: 42px;
    }

    .section_city_text3 {
        font-size: 13px;
        letter-spacing: -0.3px;
        transform: skew(-0.1deg);
        margin-top: 9px;
        margin-bottom: 20px;
    }

    .section_wrapper.geustReview {
        background-image: url("/fourteen/images/guest_review_mobile.png");
    }

    .section_content5 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section_content5 .row.justifyCenter {
        padding: 0px;
        display: flex;
        justify-content: center;
    }

    .section_title10 {
        padding-bottom: 55px;
    }

    .section_guest_box1,
    .section_guest_box2 {
        margin-top: 0px;
        margin-bottom: 0px;
        flex-direction: column;
        text-align: center;
    }

    .section_guest_titleText1 {
        font-size: 24px;
        letter-spacing: 0.5px;
    }

    .section_guest_titleText1.mTop_6 {
        margin-top: 4px;
    }

    .section_guest_titleText2.mTop_6 {
        margin-top: 6px;
    }

    .section_guest_titleText2.mTop_11 {
        margin-top: 6px;
    }

    .section_guest_titleText2.textCenter {
        text-align: center;
    }

    .section_guest_titleText3 {
        font-size: 15px;
        transform: skew(-0.1deg);
        margin-bottom: 4px;
    }

    .section_guest_titleText3.mBottom_0 {
        margin-bottom: 4px;
    }

    .section_guest_titleText7 {
        font-size: 20px;
        letter-spacing: 0.5px;
    }

    .section_guest_titleText8 {
        margin-top: 14px;
        font-size: 24px;
        letter-spacing: -0.2px;
    }

    .section_guest_titleText9 {
        font-size: 24px;
        margin-top: 8px;
    }

    .img_guest_phone.display_mobile {
        width: 280px;
        height: 485px;
        float: none;
        margin-right: 20px;
        display: block;
    }

    .img_guest_phone_temp.display_mobile {
        position: absolute;
        width: 185px;
        height: 394px;
        margin-left: 59px;
        margin-top: -451px;
    }

    .circle_violet3 {
        width: 9px;
        height: 9px;
        margin-top: -5px;
        margin-bottom: 18px;
    }

    .app_down_wrapper {
        margin-top: 37px;
    }

    .app_googleplay_box,
    .app_appstore_box {
        display: none;
    }

    .guest_app_download {
        width: 227px;
    }

    .section_title8 {
        width: 280px;
        padding-bottom: 37px;
    }

    .section_title8 .content_box {
        flex-direction: column;
    }

    .section_title9 {
        width: 280px;
        padding-bottom: 23px;
    }

    .section_title9 .content_box {
        margin-top: 8px;
        flex-direction: column;
    }

    .shareParking_menu_mo {
        width: 280px;
        display: flex;
        justify-content: space-between;
    }

    .shareParking_city_box_mo {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .icon_parking_mark_mo {
        width: 18px;
        height: 25px;
        margin-top: 11px;
    }

    .shareParking_city_text_mo {
        font-size: 11px;
        transform: skew(-0.1deg);
        margin-top: 6px;
    }

    .shareParking_city_line_seoul,
    .shareParking_city_line_incheon,
    .shareParking_city_line_gyeonggi,
    .shareParking_city_line_busan {
        width: 100%;
        border-bottom: 2px solid #fff;
    }

    .shareParking_city_box_mo.active .shareParking_city_line_seoul {
        border-bottom: 2px solid #7b59a2;
    }

    .shareParking_city_box_mo.active .shareParking_city_line_incheon {
        border-bottom: 2px solid #ffe900;
    }

    .shareParking_city_box_mo.active .shareParking_city_line_gyeonggi {
        border-bottom: 2px solid #1dace4;
    }

    .shareParking_city_box_mo.active .shareParking_city_line_busan {
        border-bottom: 2px solid #1c9e00;
    }

    .section_guest_titleText11 {
        font-size: 14px;
        transform: skew(-0.1deg);
        margin-top: 0px;
    }

    .swiper.geustReview {
        width: 800px;
        height: 316px;
    }

    .swiper_box2.swiper-slide-prev,
    .swiper_box2.swiper-slide-next {
        opacity: 0.65;
    }

    .swiper_content2 {
        font-size: 15px;
        letter-spacing: -1.0px;
        transform: skew(-0.1deg);
        margin-top: 27px;
        margin-left: 31px;
    }

    .swiper_content3 {
        font-size: 12px;
        line-height: 22px;
        transform: skew(-0.1deg);
        margin: 25px 25px 0px 31px;
    }

    .swiper_content4 {
        font-size: 12px;
        letter-spacing: -0.2px;
        transform: skew(-0.1deg);
        margin-left: 31px;
        margin-bottom: 25px;
    }

    .icon_swiper_mark {
        width: 24px;
        height: 24px;
    }

    .guest_request_input {
        font-size: 12px !important;
        transform: skew(-0.1deg);
        height: 32px;
        margin-top: 9px;
        padding-left: 14px;
    }

    .section_guest_contentText4 {
        font-size: 10px;
        letter-spacing: -0.1px;
        margin-top: 9px;
    }

    .guest_request_button1,
    .guest_request_button2 {
        font-size: 13px;
        transform: skew(-0.1deg);
        width: 137px;
        height: 35px;
        padding: 8px 0px;
    }

    .section_request_button_box {
        padding-bottom: 16px;
        margin-top: 9px;
        margin-bottom: 13px;
    }

    .guest_checkbox_label {
        font-size: 10px;
        letter-spacing: -0.5px;
    }

    .guest_checkbox + label {
        height: 16px;
        background-size: 16px;
        padding-left: 23px;
    }

    .guest_checkbox_button1 {
        font-size: 10px;
    }

    .guest_checkbox_button2 {
        font-size: 13px;
        margin-top: 17px;
        padding: 10px 0px;
    }

    .guest_address_box {
        width: 300px !important;
        height: 466px !important;
    }

    .request_content_wrapper {
        margin-top: 9px;
        border: 1px solid #7b59a2;
    }

    .request_content_title {
        padding-top: 9px;
        padding-bottom: 10px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .request_content_titleText {
        font-size: 12px;
        transform: skew(-0.1deg);
    }

    .request_content_titleText.width_233 {
        width: 101.4px;
    }

    .request_content_titleText.width_139 {
        width: 50px;
    }

    .request_content_titleText.width_145 {
        width: 50px;
    }

    .request_content_titleText.width_199 {
        width: 77px;
    }

    .request_item_empty {
        display: none;
    }

    .request_item_bg {
        height: 33px;
        top: 99px;
    }

    .request_list {
        top: -33px;
    }

    .request_item {
        height: 33px;
    }

    .request_item_text.width_232 {
        width: 101.4px;
    }

    .request_item_text.width_138 {
        width: 48px;
    }

    .request_item_text.width_144 {
        width: 49.5px;
    }

    .request_item_text.width_199 {
        width: 75.9px;
    }

    .request_item_text {
        font-size: 10px;
        letter-spacing: -0.3px;
        transform: skew(-0.1deg);
    }

    .request_item.active > .request_item_text {
        font-size: 11px;
    }

    .icon_complete_grey {
        margin-right: 4px;
        width: 9px;
        height: 8px;
    }

    .footer_empty.guest {
        height: 107px;
    }

    .footer_text5 {
        font-size: 20px;
        letter-spacing: -0.3px;
        text-align: center;
    }

    .footer_popup2 {
        width: 183px;
        margin-top: 9px;
        margin-left: 0px;
    }

    .top_button.guest {
        bottom: 113px;
    }

    .top_button.homepage {
        bottom: 62px;
    }

    .homepage_first_box {
        justify-content: flex-start;
        flex-direction: column;
    }

    .homepage_first_textbox {
        margin-left: 39px;
    }

    .homepage_first_textbox.mTop_13 {
        margin-top: 13px;
    }

    .homepage_swiper_contentText1 {
        display: block;
        font-size: 48px;
        letter-spacing: -0.2px;
    }

    .homepage_swiper_contentText2 {
        font-size: 26px;
        letter-spacing: -0.4px;
    }

    .homepage_swiper_contentText3 {
        font-size: 26px;
        letter-spacing: -0.4px;
        margin-top: 4px;
    }

    .homepage_swiper_contentText4 {
        font-size: 26px;
        letter-spacing: -0.4px;
        margin-top: 4px;
    }

    .homepage_swiper_contentText5, .homepage_swiper_contentText6,
    .homepage_swiper_contentText7, .homepage_swiper_contentText8,
    .homepage_swiper_contentText9, .homepage_swiper_contentText10,
    .homepage_swiper_contentText11 {
        font-size: 43px;
    }

    .homepage_swiper_contentText5.mTop_3 {
        margin-top: 3px;
    }

    .icon_scroll {
        width: 17px;
        height: 31px;
        border: 1px solid rgba(255,255,255,0.8);
    }

    .icon_scroll span {
        width: 2px;
        height: 2px;
    }

    .icon_scroll span:nth-of-type(2) {
        margin: 3px auto;
    }

    .homepage_people_img_01 {
        background-image: url("/fourteen/images/homepage_people_01_mobile.png?ver=20230327");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .homepage_people_img_02 {
        background-image: url("/fourteen/images/homepage_people_02_mobile.png?ver=20230327");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .homepage_people_img_03 {
        background-image: url("/fourteen/images/homepage_people_03_mobile.png?ver=20230327");
        background-size: cover;
        background-repeat: no-repeat;
    }

    .homepage_logo_symbol {
        width: 50px;
        height: 50px;
        margin-top: 50px;
        margin-left: 46px;
    }

    .homepage_second_wrapper {
        height: 100%;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
    }

    .homepage_second_textbox {
        height: 100%;
    }

    .homepage_third_textbox {
        height: 100%;
        justify-content: flex-start;
    }

    .homepage_fourth_textbox {
        height: 100%;
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: row;
    }

    .homepage_second_textbox_div_pc,
    .homepage_third_textbox_div_pc,
    .homepage_fourth_textbox_div_pc {
        display: none;
    }

    .homepage_second_textbox_div_mobile {
        display: flex;
        flex-direction: column;
        margin-top: 16px;
        margin-left: 46px;
    }

    .homepage_third_textbox_div_mobile {
        display: flex;
        flex-direction: column;
        margin-left: 46px;
    }

    .homepage_fourth_textbox_div_mobile {
        display: flex;
        flex-direction: column;
        margin-top: 50px;
        margin-left: 46px;
    }

    .section_content7 {
        width: 100%;
        padding-top: 73px;
        padding-bottom: 73px;
    }

    .section_content7 .row {
        padding: 0px;
        margin-left: 0px;
    }

    .section_content8 {
        width: 100%;
        padding-top: 71px;
        padding-bottom: 71px;
    }

    .section_content8.pBottom_110 {
        padding-bottom: 110px;
    }

    .section_content8 .row {
        padding: 0px;
    }

    .section_content9 {
        width: 100%;
        padding-top: 73px;
        padding-bottom: 73px;
    }

    .section_content10 {
        width: 100%;
    }

    .section_content10 .row {
        padding: 0px;
    }

    .homepage_section_text01 {
        font-size: 20px;
        letter-spacing: -0.3px;
        margin-left: 42px;
    }

    .homepage_section_text02 {
        font-size: 30px;
        letter-spacing: -0.7px;
        margin-top: 17px;
        margin-left: 40px;
    }

    .homepage_section_text03 {
        font-size: 30px;
        letter-spacing: -0.7px;
        margin-top: 5px;
        margin-left: 40px;
    }

    .homepage_section_text04 {
        font-size: 30px;
        letter-spacing: -0.7px;
        margin-top: 5px;
        margin-left: 40px;
    }



    .homepage_section_text05 {
        font-family: 'NanumSquareBold', sans-serif;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 6px;
        margin-left: 40px;
        line-height: 28px;
        margin-bottom: 3px;
    }

    .homepage_section_text06 {
        font-size: 14px;
        color: #666666;
        letter-spacing: -0.3px;
        margin-top: 15px;
        margin-left: 40px;
        margin-bottom: 3px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text06 .highlight-text4 {
        font-family: 'NanumSquareBold', sans-serif;
    }

    .homepage_section_text07 {
        font-size: 14px;
        color: #666666;
        letter-spacing: -0.3px;
        margin-left: 40px;
        margin-bottom: 3px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text07 .highlight-text4 {
        font-family: 'NanumSquareBold', sans-serif;
    }

    .homepage_section_text08 {
        font-size: 14px;
        color: #666666;
        letter-spacing: -0.3px;
        margin-left: 40px;
        margin-bottom: 0px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text08 .highlight-text4 {
        font-family: 'NanumSquareBold', sans-serif;
    }

    .homepage_section_text09 {
        font-size: 14px;
        letter-spacing: -1.2px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text10 {
        font-family: 'NanumSquareBold', sans-serif;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 6px;
        margin-left: 40px;
        line-height: 28px;
        margin-bottom: 3px;
    }

    .homepage_section_text11 {
        font-size: 24px;
        letter-spacing: -0.5px;
        margin-top: 5px;
        margin-left: 40px;
    }

    .homepage_section_text12 {
        font-size: 14px;
        color: #666666;
        letter-spacing: -0.3px;
        margin-top: 15px;
        margin-bottom: 3px;
        margin-left: 40px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text13 {
        font-size: 14px;
        color: #666666;
        letter-spacing: -0.3px;
        margin-left: 40px;
        margin-bottom: 0px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text14 {
        font-family: 'NanumSquareBold', sans-serif;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 6px;
        margin-left: 40px;
        line-height: 28px;
        margin-bottom: 3px;
    }

    .homepage_section_text15 {
        font-family: 'NanumSquareBold', sans-serif;
        font-size: 20px;
        letter-spacing: 1px;
        margin-top: 6px;
        margin-left: 40px;
        line-height: 28px;
        margin-bottom: 3px;
    }

    .homepage_section_text16 {
        font-size: 14px;
        color: #666666;
        letter-spacing: -0.3px;
        margin-left: 40px;
        margin-bottom: 3px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text17 {
        font-size: 14px;
        letter-spacing: -0.3px;
        color: #666666;
        margin-left: 40px;
        margin-bottom: 0px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text19 {
        font-family: 'NanumSquareBold', sans-serif;
        color: #000;
        display: block;
        font-size: 30px;
        letter-spacing: -0.7px;
        margin-left: 40px;
    }

    .homepage_section_text19.mTop_5 {
        margin-top: 5px;
    }

    .homepage_section_text20 {
        font-size: 14px;
        letter-spacing: -0.2px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text21 {
        font-size: 36px;
        letter-spacing: -1.2px;
        margin-top: 1px;
    }

    .homepage_section_text22 {
        font-size: 13px;
        transform: skew(-0.1deg);
    }

    .homepage_section_text23 {
        font-size: 30px;
        letter-spacing: -0.5px;
    }

    .homepage_section_text23.mTop_5 {
        margin-top: 5px;
    }

    .homepage_section_text24 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .homepage_section_text25 {
        width: 135px;
        height: 32px;
        border: none;
        padding: 0px 0px 0px 10px;
        font-family: 'NanumSquare', sans-serif;
        font-size: 15px;
        transform: skew(-0.1deg);
        outline: none;
    }

    .row .twelvecol.flexDirection_reverse {
        flex-direction: column;
        justify-content: flex-start;
    }

    .row .twelvecol.flexDirection_column {
        flex-direction: column;
    }

    .row .twelvecol.justifyContent_between_01 {
        margin-top: 32px;
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 40px;
        padding-right: 40px;
    }

    .row .twelvecol.justifyContent_between_02 {
        margin-top: 12px;
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 40px;
        padding-right: 40px;
    }

    .hompapge_phone_calling {
        margin-top: 14px;
    }

    .homepage_landing_img1 {
        margin-top: 14px;
        margin-bottom: 32px;
    }

    .homepage_landing_img2 {
        margin-top: 14px;
        margin-bottom: 32px;
    }

    .homepage_landing_img3 {
        margin-top: 14px;
        margin-bottom: 32px;
    }

    .homepage_arrow_box {
        cursor: pointer;
        margin-top: 31px;
        margin-left: 40px;
        color: #333333;
    }

    .homepage_arrow_box:hover {
        color: #8B63BB;
    }

    .homepage_right_arrow {
        margin-left: 3px;
        margin-bottom: 0px;
        filter: invert(33%) sepia(45%) saturate(600%) hue-rotate(240deg);
    }

    .homepage_parking_sale {
        margin-top: 30px;
    }

    .homepage_parking_money {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .homepage_accumulate_wrapper {
        padding: 14px 17px 14px 17px;
    }

    .homepage_accumulate_box {
        margin-top: 10px;
    }

    .homepage_search_icon {
        position: static;
        width: 32px;
        height: 32px;
    }

    .homepage_history_line {
        height: 1060px;
        margin-top: 12px;
        margin-left: 7px;
    }

    .homepage_history_line.height_780{
        height: 780px;
    }

    .homepage_history_box,
    .homepage_history_box.mTop_86 {
        margin-top: 31px;
        margin-left: 0px;
    }

    .homepage_history_box.mTop_240 {
        margin-top: 240px;
    }

    .homepage_history_box.mTop_300 {
        margin-top: 300px;
    }

    .homepage_history_year {
        margin-left: 40px;
        letter-spacing: -0.5px;
        font-size: 25px;
    }

    .homepage_history_circle {
        margin-top: 6px;
        margin-left: 0px;
    }

    .homepage_history_content_box {
        position: absolute;
        margin-top: 39px;
        margin-left: 39px;
    }

    .homepage_history_content_text1 {
        font-size: 20px;
        letter-spacing: -1.1px;
    }

    .homepage_history_content_text2 {
        font-size: 20px;
        letter-spacing: -1.1px;
        margin-top: 4px;
    }

    .homepage_history_content_text3 {
        font-size: 15px;
        letter-spacing: -0.2px;
        transform: skew(-0.1deg);
        margin-top: 8px;
    }

    .homepage_history_content_text4 {
        font-size: 15px;
        letter-spacing: -0.2px;
        transform: skew(-0.1deg);
        margin-top: 6px;
    }

    .homepage_history_img {
        margin-left: 40px;
        margin-top: 156px;
        width: calc(100% - 120px);
        height: auto;
    }

    .homepage_search_content_box_01 {
        margin-top: 36px;
        justify-content: flex-start;
        flex-direction: column;
    }

    .homepage_search_content_box_02 {
        margin-top: 45px;
        justify-content: flex-start;
        flex-direction: column;
    }

    .homepage_search_content_img_box,
    .homepage_search_content_img {
        width: 100%;
        height: 165px;
        border-radius: 10px;
    }

    .homepage_search_text_01 {
        margin-top: 23px;
        font-size: 18px;
        letter-spacing: -0.4px;
    }

    .homepage_search_text_02 {
        margin-top: 14px;
        font-size: 22px;
        letter-spacing: -0.5px;
    }

    .homepage_search_text_03 {
        margin-top: 8px;
        font-size: 16px;
        transform: skew(-0.1deg);
        line-height: 23px;
        letter-spacing: -0.6px;
    }

    .homepage_idea_text01 {
        font-size: 34px;
        letter-spacing: -1.2px;
        margin-left: 40px;
    }

    .homepage_idea_text02 {
        font-size: 34px;
        letter-spacing: -1.2px;
        display: block;
        margin-bottom: 9px;
        margin-left: 40px;
    }

    .homepage_idea_text03 {
        font-size: 34px;
        letter-spacing: -1.2px;
        margin-left: 40px;
    }

    .homepage_idea_text04 {
        font-size: 34px;
        letter-spacing: -1.2px;
        margin-left: -3px;
    }

    .homepage_idea_text05 {
        font-size: 21px;
        letter-spacing: -0.7px;
    }

    .homepage_idea_text06 {
        font-size: 16px;
        letter-spacing: -0.5px;
        transform: skew(-0.1deg);
    }

    .homepage_idea_text08 {
        font-family: 'NanumSquareLight', sans-serif;
        font-size: 13px;
        letter-spacing: -0.8px;
        transform: skew(-0.1deg);
        margin-top: 25px;
        margin-left: 40px;
    }

    .homepage_kakao_map {
        height: 360px;
    }

    #mediaCenterBox {
        padding: 0px 40px;
    }
}

