@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css');

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html{width: 100%; height: 100%; overflow-x: hidden; font-size: 10px; overflow-x: hidden; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent !important;-webkit-text-size-adjust: none;-webkit-appearance: none; /* -webkit-user-select:none; */}/* 모바일 드래그 막기 */
html,body{margin: 0; padding: 0;}
body {min-width: 320px; max-width: 100%; color: #0d0d0d; word-break: keep-all; word-wrap: break-word; font-weight: 400; font-size: 1.6rem; font-family: 'Pretendard', 'Manrope', sans-serif; line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {font-size: 16px; line-height: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p {margin: 0px; padding: 0px; -webkit-text-size-adjust: none;}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
table {width: 100%; border-collapse: collapse; border-spacing: 0px; /*table-layout: fixed;*/}
fieldset, img, abbr, acronym {border: 0px;}
img {vertical-align: top;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
ins {font-style: normal;}
del {text-decoration: none;}
address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
a {color: inherit; text-decoration: none; cursor: pointer;}
/*a:active, a:hover {color:#888; text-decoration:none}*/
a > * {color: inherit;}
a:hover, a:focus, a:visited{text-decoration: none;}
hr{display: none;}
button {padding: 0; border: 0 none; background: none; font-family: 'Pretendard', sans-serif;}
button:focus, button:active{outline: 0;}
button > span {color: inherit;}
.hidden {display: none;}
header, footer, article, section, aside, details, figure, figcaption, nav {display: block; margin: 0; padding: 0;}
small {font-size: 11px; padding-left: 10px;}
audio[controls], canvas, video {display: inline-block;}
button, input, select, textarea {margin: 0; font-size: 100%; vertical-align: middle;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; resize: none;}
textarea:focus{outline: none;}
select{-webkit-appearance: none; -moz-appearance:none; appearance:none; }
select::-ms-expand {display: none;}
label input[type="checkbox"], label input[type="radio"] {vertical-align: baseline;}
input[type="text"], input[type="email"], input[type="file"], input[type="password"], input[type="number"], input[type="search"], textarea {width: 100%; box-sizing: border-box; -webkit-appearance: none; border-radius: 0;}
input:focus{outline: none;}

/* input[placeholder]{color: #969696; opacity: 1;} */
input::-webkit-input-placeholder {color: #a0a0a0;}
input:-moz-input-placeholder {color: #a0a0a0;}
input::-moz-input-placeholder {color: #a0a0a0;}
input:-ms-input-placeholder {color: #a0a0a0;}

/* WebKit browsers */
::-webkit-input-placeholder {color: #a0a0a0; opacity: 1;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {color: #a0a0a0; opacity: 1;}
/* Mozilla Firefox 19+ */
::-moz-placeholder {color: #a0a0a0; opacity: 1;}
/* Internet Explorer 10+ */
:-ms-input-placeholder {color: #a0a0a0; opacity: 1;}


::-moz-selection {background-color: #272727; color: #fff; text-shadow: none }
::selection {background-color:#272727; color:#fff; text-shadow:none;}

/**********
* ## common
**********/

.container{max-width: 1050px; padding: 0 15px; position: relative; margin: 0 auto;}
.section{position: relative; text-align: center; padding: 10rem 0;}
.blind {position: absolute; overflow: hidden; clip: rect(0,0,0,0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; }

#header{background-color: #fff; border-bottom: 1px solid #acacac;}
#wrapper{}
.content{position: relative;}


#header .container{display: flex; align-items: center; justify-content: space-between;}
.logo{line-height: 1;}
.logo a{display: inline-block;}
.logo a img{width: 217px; height: 30px; display: inline-block;}
.tnb{padding: 1.75rem 0;}
.tnb a{border: 2px solid #026bef; display: inline-block; color: #026bef; padding: 1.2rem 1.2rem; border-radius: 6px; font-weight: 600; line-height: 1;}


#section1{padding-top: 0;}
#section2{background: linear-gradient(to bottom, #c2d2ec , #edf2fa ); }
#section4{background: linear-gradient(to top, #2f5197 , #4372d4 ); }
#section5{background-color: #f2f5fa; }

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

.fixed-button{position: sticky; bottom: 0; padding: 3rem 0; left: 0; right: 0; text-align: center;}
.fixed-button a{display: inline-block; color: #fff; background-color: #026bef; border-radius: 6px; padding: 1.9rem 9.5rem; line-height: 1; font-size: 20px; font-weight: 600;}


/* footer */
#footer {background-color: #111; padding: 40px 0; letter-spacing: 0; color: #fff; position: relative;}
#footer .foot-logo {width:178px; height:24px; background: url('../images/logo-tax-w-v2.svg') no-repeat center/contain; opacity: 0.75;} 

#footer .foot-info-wrap{display: flex; align-items: center; justify-content: space-between;  margin: 30px 0 0;}
#footer .foot-info {}
#footer .foot-info-wrap address {font-style: normal; }
#footer .foot-info-wrap address p{line-height: 1.3;}
#footer .foot-info-wrap address p + p{margin-top: 5px;} 
#footer .foot-info-wrap address p span{font-weight:300; line-height:1.4; color: #fff; display: inline-block;}
#footer .foot-info-wrap address p .label{font-weight:600; margin-right: 10px;}
#footer .foot-info-wrap .foot-company{text-align: right;}
#footer .foot-info-wrap .foot-company address p span{color: #808080;}

#footer .copy {font-size: 1.4rem; line-height: 1.846em; letter-spacing: -0.03em; color: #808080; margin-top: 30px;}

[data-aos=zoom-in]{transform: scale(.9);}

.hidden-xs{}
.visible-xs{display: none;}

@media (max-width : 640px){

    .hidden-xs{display: none;}
    .visible-xs{display: block;}

    .tnb{padding: 1.1rem 0;}
    .tnb a{font-size: 1.4rem; padding: 1rem;}

    .logo a img{width: 145px; height: 20px;}

    .section{padding: 5rem 0;}
    .fixed-button a{font-size: 1.6rem;}

    #footer{font-size: 1.4rem; padding: 40px 0;}
    #footer .foot-logo{ width: 145px; height: 20px;}
    #footer .foot-info-wrap{flex-direction: column;  align-items: flex-start;}
    #footer .foot-info-wrap .foot-company{text-align: left; margin-top: 10px;}
    #footer .foot-info-wrap .foot-company .addr span{display: block;}
    #footer .copy{margin-top: 15px; font-size: 12px;}
}