@charset "UTF-8";

/* browser reset */
* {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}
*, :after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {word-wrap: break-word; word-break: keep-all; -webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul,li,ol,dl,dt,dd {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table {border-collapse: collapse; border-spacing: 0;}
img, video {vertical-align: top; border:0;}
button {background: none; outline: none; border: none; cursor: pointer; background-color: transparent; border-radius: 0px;}
label {cursor: pointer; vertical-align: middle;}
input, select, textarea, button {font: inherit; color: inherit; vertical-align: middle; -webkit-border-radius:0;} /* -webkit-appearance:none; */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #f6f8f9 inset !important;} /*크롬에서 자동완성된 input의 노란색을 삭제*/
textarea {resize: none;}
div, article { box-sizing:border-box; }
a, a:hover, a:focus {color: inherit; text-decoration: none;}
p { letter-spacing:-1px; }
section { display:block; clear:both; }
i, em, address {font-style: normal; font-weight: normal;}
label img {pointer-events: none;} /* label 클릭불가 해결*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}/*number ui 삭제*/

* { font-family: 'Spoqa Han Sans', 'sans-serif'; }

/* 공통 css 시작 */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
	overflow-x:hidden;
}

#wrap { width:1920px; height:auto; overflow:hidden; padding:0; margin:0 auto; }

.visual_center { position:absolute; left:50%; top:42%; transform:translate(-50%, -42%); width:500px; height:500px; background:rgba(255, 255, 255, 0.94); border-radius:100%; text-align:center; padding:80px; overflow:hidden; }
.visual_center p { letter-spacing:-2px; }
.visual_center .main_txt { font-size:45px; color:#ff2c2c; line-height:56px; font-weight:600; margin-top:20px; }
.visual_center .sub_txt { font-size:32px; color:#343434; line-height:40px; font-weight:300; margin-top:40px; }

.app_down { position:absolute; width:366px; height:154px; right:0; bottom:60px; background:#fff; border-radius:100px 0 0 100px; z-index:300;
-webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.06); 
box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.06);
}

.downpage { position:absolute; width:280px; height:284px; right:0; bottom:100px; background:#fff; border-radius:40px 0 0 40px; z-index:300;
-webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.06); 
box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.06);
}
.downpage ul.link_group { padding:18px 0 0 32px; }
.downpage ul.link_group li { width:200px; font-size:26px; line-height:32px; padding:20px 0; border-bottom:1px solid #dddddd; letter-spacing:-1px; }
.downpage ul.link_group li:last-child { border-bottom:none !important; }
.downpage ul.link_group li .impact { color:#14d3c6; }

.header { position:fixed; left:0; top:0; width:100%; min-width:1600px; height:84px; z-index:200; 
-webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, ,0.1); 
box-shadow: 0px 0px 20px 4px rgba(0 ,0, 0, 0.1);
background:rgba(255, 255, 255,0.9);
}
.header .header_inner { width:1600px; margin:0 auto; }
.header .header_inner .logo_area { float:left; padding:22px 0; }

.header .gnb_menu { float:right;  }
.header .gnb_menu li { color:#ababab; display:block; float:left; padding:27px 0; font-weight:700; margin-right:60px; }
.header .gnb_menu li.on { color:#31d8cd; border-bottom:3px solid #31d8cd; }
.header .gnb_menu li a { padding:34px 0; font-size:18px; }

.header_height { display:block; width:100%; height:84px; clear:both; }

#visual-wrap { position:relative; width:100%; height:100vh; overflow:hidden; background-size:cover; background:url('../../img/main_visual02.png') 0 0 no-repeat; }
#visual-wrap .arrow-down { position: absolute; left:50%; bottom:40px; display:block; width:30px; z-index:200; 
animation:animatedarrow 2s infinite; }
@keyframes animatedarrow {
0%{transform:translateY(4px);}
50%{transform:translateY(-14px);}
100%{transform:translateY(4px);}
}


.section_title { display:block; text-align:center; padding-top:120px; font-size:64px; color:#000; font-weight:500; letter-spacing:-2px; }
#service_intro { width:100%; height:auto; min-height:1120px; background:#e0edff; }
#service_intro .intro_img { margin:60px auto 0 auto; }

#letsgo { width:100%; height:auto; min-height:1380px; background:#f3f3f3; }
#letsgo .seller_group {width:980px; margin:20px auto 0 auto; }
#letsgo .seller_group li { float:left; margin:30px}

#cost { width:100%; height:auto; min-height:1300px; background:#fff; }
#cost .cost_img { width:1280px; margin:60px auto 0 auto; }

#app_downpage { width:100%; height:780px; text-align:center; padding:160px 0; background:#f3f3f3; }
#app_downpage .app_icon { width:219px; height:219px; margin:0 auto; }
#app_downpage p.down_txt { font-size:34px; font-weight:600; color:#000; margin:50px auto; }
#app_downpage ul.download_group { width:100%; text-align:center; }
#app_downpage ul.download_group li { display:inline-block; margin:0 30px; }

#downpage  { width:100%; height:780px; text-align:center; padding:160px 0; background:#f3f3f3; }

#side_link { width:100%; height:auto; min-height:80px; background:#2d2d2d; }
#side_link .link_group { width:1040px; margin:0 auto; padding:28px 0; }
#side_link .link_group li { font-size:24px; height:26px; line-height:24px; float:left; padding:0 30px; margin:0; border-right:1px solid #1e1e1e}
#side_link .link_group li:last-child { border-right:0 !important; margin-right:0 !important; }
#side_link .link_group li a { color:#fff; letter-spacing:-1px; }

#footer { width:100%; height:auto; min-height:200px; background:#424242; }
#footer .footer_inner { width:980px; height:auto; min-height:200px; padding:40px 0; margin:0 auto; overflow:hidden; }

#footer .logo_area { float:left; width:310px; height:126px; padding-top:20px; border-right:1px solid #202020; }
#footer .logo_area p.logo_txt { font-size:20px; color:#fff; margin-top:24px; font-weight:300; }

#footer .text_area { float:left; height:126px; padding-left:80px; color:#fff; border-left:1px solid #5d5d5d; }
#footer .text_area p.intro {font-size:20px; }
#footer .text_area p.company_info { font-size:18px; font-weight:300; line-height:26px; padding-top:20px; }
#footer .text_area p.company_info a.email { display:inline-block; text-decoration:underline; }

#qr_down { width:900px; height:488px; border-radius:30px; background:#fff;
-webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.06); 
box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.06);
z-index:90; }
#qr_down .title_area { width:100%; font-weight:700; font-size:34px; padding:30px 0; text-align:center; }
#qr_down .cont_area { width:100%; padding:0 46px 40px 46px; } 

/* 레이어 팝업 */
.modal {}
.modal .pop_inner { min-width:1280px; max-width:1600px; height:760px; }
.modal .popup_title { font-size:22px; font-weight:600; padding-bottom:10px; text-align:center; }
.modal .rule { width:100%; height:720px; overflow-y:auto; overflow-x:hidden; }
.modal p.bold { font-weight:bold; }