﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {font-family: 'NotoSans';font-display: swap;src: local('Noto Sans CJK KR'), local('NotoSansCJKkr-Regular'), url('/m/2022/common/fonts/NotoSans-Regular.woff') format('woff');font-weight: 400;font-style: normal;}
@font-face {font-family: 'NotoSans';font-display: swap;src: url('/m/2022/common/fonts/NotoSans-Medium.woff') format('woff');font-weight: 500;font-style: normal;}
@font-face {font-family: 'NotoSans';font-display: swap;src: local('Noto Sans CJK KR'), local('NotoSansCJKkr-Bold'), url('/m/2022/common/fonts/NotoSans-Bold.woff') format('woff');font-weight: 700;font-style: normal;}
@font-face {font-family:"icomoon"; src:url('/m/2022/common/fonts/icomoon.eot'); src:url('/m/2022/common/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('/m/2022/common/fonts/icomoon.woff') format('woff'), url('/m/2022/common/fonts/icomoon.ttf') format('truetype'), url('/m/2022/common/fonts/icomoon.svg#icomoon') format('svg'); font-weight:normal; font-style:normal;}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 100;src: local('☺'),url('/web/common/font/Freesentation-1Thin.ttf') format('truetype');}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 200;src: local('☺'),url('/web/common/font/Freesentation-2ExtraLight.ttf') format('truetype');}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 300;src: local('☺'),url('/web/common/font/Freesentation-3Light.ttf') format('truetype');}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 400;src: local('☺'),url('/web/common/font/Freesentation-4Regular.ttf') format('truetype');}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 500;src: local('☺'),url('/web/common/font/Freesentation-5Medium.ttf') format('truetype');}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 600;src: local('☺'),url('/web/common/font/Freesentation-6SemiBold.ttf') format('truetype');}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 700;src: local('☺'),url('/web/common/font/Freesentation-7Bold.ttf') format('truetype');}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 800;src: local('☺'),url('/web/common/font/Freesentation-8ExtraBold.ttf') format('truetype');}
@font-face{font-family: 'Freesentation';font-style: normal;font-weight: 900;src: local('☺'),url('/web/common/font/Freesentation-9Black.ttf') format('truetype');}

@font-face{font-family: 'GmarketSans';font-style: normal;font-weight: 300;src: local('☺'),url('/web/common/font/GmarketSansLight.otf') format('opentype');}
@font-face{font-family: 'GmarketSans';font-style: normal;font-weight: 500;src: local('☺'),url('/web/common/font/GmarketSansMedium.otf') format('opentype');}
@font-face{font-family: 'GmarketSans';font-style: normal;font-weight: 700;src: local('☺'),url('/web/common/font/GmarketSansBold.otf') format('opentype');}

/* @font-face{font-family: 'GmarketSans';font-style: normal;font-weight: 300;src: local('☺'),url('/web/common/font/GmarketSansTTFLight.ttf') format('truetype');}
@font-face{font-family: 'GmarketSans';font-style: normal;font-weight: 500;src: local('☺'),url('/web/common/font/GmarketSansTTFMedium.ttf') format('truetype');}
@font-face{font-family: 'GmarketSans';font-style: normal;font-weight: 700;src: local('☺'),url('/web/common/font/GmarketSansTTFBold.ttf') format('truetype');} */


html {scroll-behavior: smooth; background-color: white;font-size: 16px;font-weight: 400;font-family: 'NotoSans';}
a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {margin:0; padding:0; border:0 none transparent; box-sizing:border-box;word-break: keep-all;}
:before, :after {box-sizing:border-box;}
html, body, pre {font-family:"NotoSans", sans-serif;  font-weight:400; letter-spacing:-0.03em; /*-webkit-text-size-adjust:100%;*/}
body{background-color:#fff;}
form, fieldset, p, figure {word-break:normal; word-wrap:break-word;}
legend, caption, figcaption {display:none;}
img, fieldset {/*'transparent' for Opera7*/}
img {border: 0; max-width:100%; vertical-align: middle;}
menu, ol, ul, li, dl, dt, dd {list-style:none;}
menu, ol, ul, dl, dt {display:block;}
table {width:100%; border-collapse:collapse;}
table th, table td { vertical-align:top; word-break:normal; word-wrap:break-word;}
input, select, textarea, button {font-family:"NotoSans", sans-serif;  font-weight:400; vertical-align:middle;}
textarea {resize:none;}
button, label {cursor:pointer;}
button::-moz-focus-inner {padding:0; border:0;}
a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
a:link, a:visited {}
a:hover, a:active {color:#333;}
h1, h2, h3, h4, h5, h6 {line-height:1; word-break:normal; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:700;}
address, em, i {font-style:normal;}
hr {border-top:1px solid #e5e9ec;}
figure > span {line-height:0; display:block;}
figure.caption figcaption {display:block;}
*:focus {outline:none;}
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clr {clear:both;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}
.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.vm, .btns {vertical-align:middle;}
.ml10{margin-left:10px;}
.w100{width:100%;}
.nobg {background:none !important;}
.nobd {border:0 none !important;}
.nobl {border-left:0 none !important;}
.nobt {border-top:0 none !important;}
.nomg {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.noml {margin-left:0 !important;}
.nopdt {padding-top:0 !important;}
.nopd {padding:0 !important;}
.nopb {padding-bottom:0 !important;}
.nopl {padding-left:0 !important;}
.nodp {display:none;}
.blind, .hide {position:absolute !important; width:0 !important; height:0 !important; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
.btnL {margin-top:20px; text-align:left;}
.btnL .btn:not(:last-child), .btnL a:not(:last-child) {margin-right:3px;}
.btnR {margin-top:20px; text-align:right;}
.btnR .btn:not(:first-child), .btnR a:not(:first-child) {margin-left:3px;}
.btnR.pgNext {float:right; margin-top:-30px;}
.btnR.fr:first-child {margin-top:0;}
.btnC {margin-top:40px; text-align:center;}
.btnC .btn, .btnC a {margin:0 1.5px;}
.btnC .btn:first-child, .btnC a:first-child {margin-left:0;}
.btnC .btn:last-child, .btnC a:last-child {margin-right:0;}
.btnC .fr {margin-right:0;}
.btnTop {margin-bottom:8px;}
.btnMid {margin-top:20px; margin-bottom:60px;}
.btnBtm {margin-top:30px !important;}
.tblTop {margin-bottom:20px;}
.tblMid {margin-bottom:40px;}
.tblBtm {margin-top:10px;}
.tabBtm {margin-top:40px;}
.pgMid {margin-top:30px; margin-bottom:30px;}
.pgBtm {margin-top:50px;}
.autoImg {overflow:hidden;}
.lock {overflow: hidden;}
::-webkit-input-placeholder {color:#aaa;} 
:-moz-placeholder {color:#aaa; opacity:1;}
::-moz-placeholder {color:#aaa; opacity:1;}
:-ms-input-placeholder {color:#aaa !important;}
::-ms-input-placeholder {color:#aaa;}
.placeholder {color:#aaa !important;}
.mb70{margin-bottom:70px !important;}
.mt20{margin-top:20px !important;}
.mt40{margin-top:40px !important;}
.pb80{padding-bottom:80px !important;}
.pb0{padding-bottom:0px !important;}
.pt180{padding-top:180px !important;}
.prl40{padding:0 40px !important}
.pb100{padding-bottom:100px !important}
.mb0{margin-bottom:0px !important}
.pt0{padding-top:0px !important;}
.mtm20{margin-top:-40px !important;}
a {color: inherit;}
a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none;}
/* input
------------------------------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] {width:100%; height:42px; padding:0 10px; border:1px solid #e5e9ec; background-color:#fff; outline:0; transition:background 0.2s linear 0s,box-shadow 0.2s linear 0s;-webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0px;}
.uneditable-input.focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, .m-uneditable-input:focus { /* background-color:#f4f5f7; font-weight:500;*/}
input[type=image] {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none;-webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0px;}
/*input[type="radio"], input[type="checkbox"] {width:auto !important; height:auto !important; margin:0; padding:0 !important; border:0 none !important; background:none; vertical-align:-3px;}*/
input[disabled], select[disabled] {background:#e5e9ec;}
input[disabled] + label {color:#dbdbdb; cursor:default;}
input[disabled] + label:before {border-color:#dbdbdb;}
input[readonly], select[readonly] {/*font-weight:500;*/ color:#333; background:#f7f7f7;}
select {height:42px;  border:1px solid #e5e9ec; padding:0 10px}
/* SelectBox Style */
select {height:42px; width:100%; font-size:inherit; margin:0; color:#353535; padding-left:8px; padding-right:34px; vertical-align: middle;min-width:40px; box-sizing:border-box;background: #fff url("/m/2022/img/icon/icon_select_arrow.png") no-repeat right center;background-size:auto 100%;border:1px solid #c6c6c6;font-family: inherit;border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
textarea {width:100%; padding:17px 16px 17px 20px; border:1px solid #e8e8e8; background:#fff;}
input.error, select.error {border-color:#e07b46;}
[class*="box-section"] {padding-bottom:110px}
[class*="box-section"]:last-child {padding-bottom:160px}
[class*="box-section"] > .box-section {padding-bottom:0}
.movie-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.movie-wrap iframe, .movie-wrap object, .movie-wrap embed, .movie-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hasDatepicker {padding-bottom:10px;}
.ui-datepicker .ui-datepicker-header {padding:5px; background:#008294; color:#fff; position:relative; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {display:block; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev {left:10px; background:url("/web/2022/img/customer/visit_calendar_arrow_prev.png")no-repeat center center;}
.ui-datepicker .ui-datepicker-next {right:10px; background:url("/web/2022/img/customer/visit_calendar_arrow_next.png")no-repeat center center;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display:none;}
.ui-datepicker .ui-datepicker-title {line-height: 1.8em; margin: 0 2.3em; text-align: center; font-size:16px;}
.ui-datepicker table {font-size:12px; width:100%; background:#fdfdfd;}
.ui-datepicker th {border: 0; padding: 8px; color: #adadad; text-align: center; font-weight:300; text-align:center !important;}
.ui-datepicker td {border: 0; padding:10px; border-bottom: solid 1px #f3f3f3;  text-align:center;}
.ui-datepicker td a {display:inline-block; width:20px; height:20px; line-height:20px; text-align: center;text-decoration: none; color: #333; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.ui-datepicker td span,
.ui-datepicker td a {display:inline-block; text-align: center;text-decoration: none; color: #333; border-radius:20%; -moz-border-radius:20%; -webkit-border-radius:20%;}
.ui-state-disabled span {color:#ccc !important;}
.date-sunday a,
.date-holiday a {color:#ed2024 !important;}
.date-saturday a {color:#008294 !important;}
.ui-datepicker-today a {background:#ccc !important; color:#fff !important;}
.ui-datepicker-current-day a {background:#008294 !important; color:#fff !important;}
.pcShow{display: none;}
