@charset "utf-8";

/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @File Name: Common.css
* @Version: 1.0
* @Create Date: 2020-09-15
* @Update Date: N/A
* @History: N/A
* ================================================================================= */

/* ====================== */
/* TT UI library */
/* ====================== */
/* ===== Default ===== */
hr, caption {display:none;}
dl,ul,ol,menu,li {list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;box-sizing:border-box;}
body, * {font-family:'NanumSquare';font-size:14px;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;word-break:keep-all;-webkit-appearance:none;-webkit-border-radius:0;}
html, body {height:100%;-webkit-margin-start:0;-webkit-padding-start:0px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
a {text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.0);}
a img {border:none;}
address, caption, cite, code, dfn, em, th, var, i {font-style:normal;font-weight:normal;}
a, button, input, textarea, select {-webkit-tap-highlight-color:transparent;}
a, button, input:focus, select:focus, textarea:focus {outline:0 none;}
button {cursor:pointer;outline:0 none;}
caption {display:none;}
fieldset {display:block;border:0;}
fieldset legend {display:none;}
input, button {-webkit-appearance:none;}
.skip-navigation a {display:block;height:0;width:0;padding:0;font-size:0;line-height:0;overflow:hidden;}
.skip-navigation a:hover,.skip-navigation a:active,.skip-navigation a:focus {position:fixed;top:0;left:0;width:100%;height:auto;padding:8px 0 12px;font-weight:bold;font-size:14px;color:#fff;line-height:1;text-align:center;background:black;}
/* ===== Interval ===== */
/* align */
.clear {clear:left;display:inline-block;width:100%;}
.clear:after {content:"";display:block;clear:both;}
.left {float:left;}
.right {float:right !important;}
.tL {text-align:left !important;}
.tR {text-align:right !important;}
.tC {text-align:center !important;}
/* space */
.pd1 {padding:1rem;}
.ptb1 {padding:1rem 0;}
.pb1 {padding:0 0 1rem;}
.mt1 {margin-top:1rem;}
.mb1 {margin-bottom:1rem;}
/* width */
/* height */
/* font */
/* ===== components ===== */
/* radio */
.radioSet {position:relative;display:inline-block;text-align:left;margin-right:4px;}
.radioSet input {position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border:none;background:transparent;}
.radioSet label {vertical-align:middle;}
.radioSet label i {display:inline-block;position:relative;margin:-3px 3px 0 0;width:22px;height:22px;vertical-align:middle;border:1px solid #ddd;border-radius:100px;box-sizing:border-box;background:#fff;}
.radioSet label i:after {content:'';position:absolute;display:block;top:50%;left:50%;margin:-5px 0 0 -5px;width:10px;height:10px;border-radius:100px;background:#ddd;}
.radioSet input:checked + label i {background:#fff;}
.radioSet input:checked + label i:after {content:'';background:#2f68d1;}
.radioSet input:disabled + label i {background:#ddd;}
/* checkBox */
.checkSet {display:inline-block;position:relative;text-align:left;margin-right:4px;line-height:0.8;}
.checkSet input {position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border:none;background:transparent;}
.checkSet label {vertical-align:middle;line-height:1.4;}
.checkSet label i {position:relative;display:inline-block;margin:-5px 3px 0 0;width:22px;height:22px;vertical-align:middle;border:1px solid #cfcfcf;box-sizing:border-box;background:#fff;border-radius:2px;}
.checkSet input:checked + label i {border-color:#1490f0;background:#1b9cff;}
.checkSet input:checked + label i:before {content:'';position:absolute;left:50%;left:5px;top:5px;display:inline-block;width:10px;height:7px;box-sizing:border-box;border-radius:2px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg);}
/* input */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"] {padding:0 0.6667rem;width:100%;height:1.667rem;vertical-align:middle;border:none;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:0 none;background:none;}
::-webkit-input-placeholder {color:#adadad;} /* WebKit browsers */
:-moz-placeholder {color:#adadad;opacity:1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#adadad;opacity:1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#adadad;}/* Internet Explorer 10+ */
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
.selectSet select:focus {background:#f8f7f5;}
input.fsBig {font-size:1.444rem;font-weight:bold;}
/**/
.selectSet {position:relative;display:block;padding:0;width:100%;overflow:hidden;background:#fff;}
.selectSet select {display:inline-block;padding:0 1.6667rem 0 0.6667rem;height:1.667rem;width:100%;font-size:100%;vertical-align: top;line-height:30px;color:#646464;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;border:none;outline:0 none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;}
.selectSet select:disabled {border-radius:0;background: rgba(204, 204, 204, 0.5);}
.selectSet:after {content:"";position:absolute;left:auto;right:0.6667rem;top:50%;display:block;margin-top:-6px;height:6px;width:6px;background:0;border-bottom:2px solid #2c8aba;border-right:2px solid #2c8aba;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events:none;}
input[type="date"] {width:145px !important;padding-right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea {display:block;padding:0.6667rem;width:100%;line-height:1.6;border:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;resize:none;border-radius:0;outline:0 none;background:none;}
textarea:focus {background:#f8f7f5;}
textarea.autoSize {box-sizing:border-box;resize:none;}
textarea.autoSize::-webkit-scrollbar {width:3px;}
textarea.autoSize::-webkit-scrollbar-thumb {background:#a9a9a9;}
/**/
sup {margin:2px 0 0 5px;display:inline-block;width:6px;height:6px;font-size:0;text-indent:-9999px;vertical-align:top;overflow:hidden;}
sup:after {content:'';display:block;width:100%;height:100%;background:#2f68d1;border-radius:100%;}
/* calendar */
.calSet {position:relative;display:inline-block;width:10.5rem;}
.calSet input {width:100%;padding-right:2.1rem;}
.calSet button {position:absolute;right:5px;top:2px;width:2.1rem;height:2.5rem;font-size:0;border:none;background:url('../images/btn_calendar.svg') no-repeat center;background-size:auto 50%;}
.calDupSet {clear:left;display:inline-block;vertical-align:middle;}
.calDupSet .calSet {float:left;}
.calDupSet em {float:left;padding:0 0.5rem;line-height:2.5;}
/* ===== Btn ===== */
/* ===== Text ===== */
/* ===== Icon ===== */
/* ===== Grid ===== */
.gridSet {display:table;width:100%;box-sizing:border-box;}
.gridItem {display:table-cell;width:100%;vertical-align:middle;box-sizing:border-box;}
.gridSet.grid2 .gridItem {width:50%;}
.gridSet.grid3 .gridItem {width:33.3%;}
.gridSet.grid3 .gridItem:nth-child(2) {width:33.4%;}
.gridSet.grid4 .gridItem {width:25%;}
.gridSet.grid5 .gridItem {width:20%;}
/* ====================== */
/* Common Layout */
/* ====================== */
#wrap {position:relative;height:auto;overflow-x:hidden;}
/* sub header */
#header {position:fixed;position:device-fixed;z-index:50;top:0;left:0;padding:0 1rem;width:100%;height:5rem;text-align:center;box-shadow:0 0 6px #c6c6c6;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;background:#fff;}
#header > header {margin:0 auto;height:100%;position:relative;max-width:1600px;}
#header h1 {height:100%;font-size:2.143rem;color:#000;font-weight:800;line-height:2.4;vertical-align:middle;}
#header h1:before {content:'';display:inline-block;margin-top:-4px;margin-right:8px;width:3.4rem;height:4rem;background:url('../images/img_logoMSPA.png') no-repeat center;background-size:auto 70%;vertical-align:middle;}
/*#header h1:before {content:'';display:inline-block;margin-top:-4px;margin-right:8px;width:3.4rem;height:4rem;background:url('../images/img_logoTMS.png') no-repeat center;background-size:auto 70%;vertical-align:middle;}*/
#header h1 span {font-size:1.571rem;font-weight:100;color:#000;}
#header h1 a {font-size:inherit;color:#000;font-style:inherit;cursor:pointer;}
#header .left {position:absolute;left:0;z-index:5;}
#header .right {position:absolute;right:0;z-index:5;}
#header .menuList ul {height:5rem;}
#header .menuList li {display:block;position:relative;float:left;margin:0 0 0 3rem;height:100%;font-size:1.286rem;font-weight:bold;line-height:4;}
#header .menuList li.on:after {content:'';display:block;position:absolute;bottom:16px;border-bottom:2px solid #2f68d1;width:100%;height:2px;box-sizing:border-box;}
#header .menuList li button,
#header .menuList li a {font-size:inherit;color:inherit;background:none;border:none;font-weight:normal;}
/* ===== Main ===== */
#container {padding-top:5rem;}
#container .mainLayout {position:relative;}
#container .mainLayout:after {content:'';display:block;position:absolute;bottom:0;left:0;right:0;width:100%;height:calc(70vh);background:#f8f8f8;z-index:-1;}
#container .mainTop {position:relative;margin:0 auto;padding:7% 2rem 0;max-width:1600px;height:calc(100vh - 5rem);overflow:hidden;box-sizing:border-box;}
#container .mainTop strong {font-size:5.286rem;font-weight:800;}
#container .mainTop span {display:block;padding:4rem 0 2rem;font-size:2.5rem;line-height:1.4;}
#container .mainTop .topTit {position:relative;z-index:1;padding:0 0 0 5rem;}
#container .mainTop .imgArea {width:46%;position:absolute;right:5%;bottom:18%;}
#container .mainTop p {font-size:2rem;padding:4rem 0 0 0;line-height:1.6;}
#container .mainTop p em {display:block;font-size:2rem;font-weight:bold;padding:0 0 1rem;}
#container .intro {background:#2f68d1;padding:10% 2rem;}
#container .intro p {text-align:center;color:#fff;font-size:1.571rem;line-height:2;font-weight:100;}
#container .intro p strong {display:block;padding-bottom:2rem;color:#fff;font-size:3rem;font-weight:800;}
#footer {padding:5px 0;background:rgba(0, 0, 0, 0.44);}
#footer footer {margin:0 auto;padding:1rem 3rem 1rem 6rem;box-sizing:border-box;position:relative;max-width:1600px;background:url('../images/') no-repeat 1.5rem center;background-size:auto 3rem;}
#footer footer::after {content:"";display:block;clear:both;}
#footer * {color:#fff;font-size:0.9286rem;font-weight:100;}
#footer p {display:inline-block;line-height:1.4;}
#footer .rule {margin-top:5px;float:right;}
#footer .rule a {font-weight:bold;}
#footer .rule a:after {content:"";display:inline-block;margin:0 5px;width:1px;height:10px;vertical-align:middle;background:#fff;}
#footer .rule a:last-child:after {content:none;}
#footer .btnLine {display:inline-block;padding:2px 6px;font-weight:600;margin:0 5px;border:1px solid #fff;}
#footer .btnLine em {font-weight:bold}
.floating {position:fixed;bottom:6rem;right:3rem;z-index:10;}
.floating button {width:3.2rem;height:3.2rem;border:0;background:rgb(83,83,83, 52%) url('../images/btn_top.svg') no-repeat center;background-size:2rem auto;color:#fff;border-radius:100%;font-weight:bold;letter-spacing:1px;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
/* download */
.ctsHead {position:relative;padding:6rem 0 0;height:20rem;text-align:center;background:#00563F;background-position:right top;background-size:100% auto;}
/* .ctsHead:before {content:"";display:block;z-index:1;position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background:url("../images/floor-tile.png");opacity:0.3;} */
.ctsHead h2 {font-size:2.143rem;font-weight:800;color:#fff;}
.ctsHead p {padding-top:2rem;line-height:1.5;font-size:1.143rem;color:#fff;font-weight:500;}
.download {margin:0 auto;padding:5rem 0;max-width:1300px;}
.download .gridSet:after {content:"";display:block;clear:both;}
.download .gridItem {display:block;float:right;text-align:center;vertical-align:top;}
.download .gridItem strong {display:inline-block;width:100%;padding-bottom:3rem;font-size:1.571rem;font-weight:800;}
.download .gridItem img {display:block;margin:0 auto;max-height:360px;max-width:100%;}
.download .gridItem .btnSet {padding-top:2rem;}
.download .gridItem .btnDl {border:0;margin:0 5px;padding:8px 1.143rem;line-height:1.5;font-size:1.143rem;border:1px solid #ccc;border-radius:6px;background:#fff;}
.download .gridItem .btnDl.android:before {content:"";display:inline-block;margin-right:5px;width:2.5rem;height:2.5rem;vertical-align:middle;background:url("../images/btn_android.svg") no-repeat center;background-size:80% auto;}
.download .gridItem .btnDl.ios:before {content:"";display:inline-block;width:2.5rem;height:2.5rem;vertical-align:middle;background:url("../images/btn_iOS.svg") no-repeat left center;background-size:80% auto;}
.download p {padding:1rem 0 1rem;line-height:2;color:#7f868e;}
.privacyback {padding:5rem;text-align:center;}
/* 개인정보취급방침 & 이용약관 */
.privacy {margin:0 auto;width:74%;text-align:left;line-height:2}
.privacy .topP {padding:0 0 1.5rem;font-size:1.214rem;line-height:1.6}
.privacy ul>li:not(:first-child) {padding:1.5rem 0;border-top:1px solid #dbdbdb;}
.privacy ul li strong {font-size:1.214rem;}
.privacy ol {margin:0 0 0 1rem}
.privacy ol li {list-style:decimal;}
.privacy ol li ol {counter-reset:chapter;}
.privacy ol li ol li {text-indent:-1rem;list-style:none;}
.privacy ol li ol li::before {counter-increment:chapter;content:counter(chapter) ") ";}
.privacy ol li ol li span {display:block;padding-left:1rem;text-indent:0;}
.privacy .bottomP {padding:1.5rem 0 0;border-top:1px solid #dbdbdb;}
.privacy table {padding:10px;border-spacing:0;}
.privacy table tr:last-child th,
.privacy table tr:last-child td {border-bottom:1px solid #a7a7a7;}
.privacy table th,
.privacy table td {padding:5px;border:1px solid #a7a7a7;border-bottom:0;}
.privacy table th {text-align:left;background:#dae3f3;}
.privacy table td {border-left:0;}