@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Sen:400,700&display=swap&subset=korean,latin-ext');
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

 /* Element Reset */
*{-webkit-text-size-adjust:none ; outline:none; color:inherit; letter-spacing: -0.6px;
box-sizing: border-box;}
html, body {min-height:100%;}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select {margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-weight: normal; font-size: 20px;}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x:hidden;}
a{text-decoration:none; letter-spacing: -0.6px;}
a[href^="tel"]{ font-style:normal}
address, caption, em, var {font-style:normal;font-weight:normal}
p {line-height: 1.6; letter-spacing: -0.72px;}
strong {letter-spacing: -0.72px;}
i {display: inline-block;}
video, audio, object{ width:100%; height:auto}
ol, ul, dl, li{list-style:none}
fieldset, img{border:0}
legend, caption, hr{display:none}
table{border-collapse:collapse;border-spacing:0}
input {box-sizing: border-box; padding: 0 10px; border: 1px solid #dbdbdb; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input::-webkit-input-placeholder {color: #bbb;}
input:-ms-input-placeholder {color: #bbb;}
input::placeholder {color: #bbb; opacity: 1;}
button {box-sizing: border-box; border: 0; background-color: transparent; cursor: pointer;}
textarea {box-sizing: border-box; width: 100%; padding:10px; border: 1px solid #dbdbdb; resize: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select {box-sizing: border-box; border: 1px solid #dbdbdb; cursor: pointer; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
select::-ms-expand {display: none;}

/* 전체 */
html.fix {position: fixed; left: 0; right: 0; margin: 0 auto;}
#A_Wrap {position: relative; overflow: hidden; width: 100%; max-width: 640px; min-width: 640px; margin:0 auto;}
#A_Container {box-sizing: border-box; position: relative; width: 100%; min-height: 100vh; padding: 96px 0 0 0;}
#A_Container_Wrap {position: relative;}
#A_Container_Wrap:after {display: block; clear: both; *zoom: 1; content: '';}
.inner {box-sizing: border-box; width: 100%; padding: 0 24px; margin: 0 auto;}


/* Header */
#A_Header {position: fixed; top: 0; left: 0; right: 0; box-sizing: border-box; width: 100%; max-width: 640px; margin: 0 auto; background: url('../images/common/logo.png?t=1') 30px 23px #282d39 no-repeat; z-index: 80; transition: background-color 0.2s ease-in-out;}
#A_Header > .inner {position: relative; height: 96px;}
#A_Header .profile_header .inner{padding: 0;}
#A_Header .logo {position: relative; float: left; padding: 20px 0 0 0;}
#A_Header .logo a {display: block; width: 178px; height: 56px;}
#A_Header.on {background:url('../images/common/logo_black.png?t=1') 30px 23px #fff no-repeat; background-size: 27%;}
#A_Header.on .menubar li {background:#333;}

.menubar {position: absolute; top: 50%; transform: translateY(-50%); right: 32px; width: 36px; height: 30px; cursor: pointer; z-index: 2;}
.menubar li {position: absolute; right: 0; margin: 0 auto; width: 28px; height: 2px; background-color: #fff;}
.menubar li:nth-child(1) {top: 0;}
.menubar li:nth-child(2) {top: 14px;}
.menubar li:nth-child(3) {top: 28px;}

.menu_layer {display: none; position: fixed; top: 0; right: 0; bottom: 0; overflow-y: scroll; margin: 0 auto; width: 100%; max-width: 640px; height: 100vh; z-index: 1; }
.menu_layer .layer_wrap {position: fixed;  top: 0; bottom: 0; width: 100%; max-width: 640px; height: 100%; background-color: #fff; transition: all 0.3s ease-in-out; z-index: 1; overflow: scroll;}
.menu_layer .layer_bg {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: -1;}
.profile_header {box-sizing: border-box; width: 100%; background-color: #282d39; height:96px; padding:20px; box-sizing: border-box;}
.profile_header .inner {height: 100%;}
.profile_header .inner ul li:first-child {padding-right:30px; }
.profile_header ul {margin-top:30px;}
.profile_header ul li {float: left; color:#fff; font-size: 24px; font-weight: 400;}
.notice {display: block; margin:80px 0 40px 0;}
.notice li {height:auto; border-radius: 10px; color:#14dca1; font-size: 26px; line-height: 0; box-sizing: border-box;}

.menu_layer .gnb .gnb_tit {display: block; box-sizing: border-box; width: 100%; height: 100px; line-height: 100px; font-size: 35px; font-weight: 500; color: #333; background:  url('../images/common/menu_arrow_down.png?t=1') no-repeat 95% center; background-size: 25px;}
.menu_layer .gnb .lnb { display: none; background:#f6f9fd;padding: 20px 0; }
.menu_layer .gnb .lnb li {padding:0 20px; height:90px; color:#333; font-size:31px; box-sizing: border-box; line-height:90px;}
/* .menu_layer .gnb .gnb_tit .open{background:  url('../images/common/menu_arrow_up.png?t=1') no-repeat 95% center; background-size: 25px;} */
.menu_layer .gnb .gnb_tit.open{background:  url('../images/common/menu_arrow_up.png?t=1') no-repeat 95% center; background-size: 25px;}
.topm select { margin-top: 50px;border-radius: 6px; width: 100%;  padding: 20px; color: #14dca1;  background: #323848 url('../images/common/select_down01.png?t=1') no-repeat 95% center;  background-size: 25px; font-size: 32px;}

/* Footer */
#A_Footer {position: relative; width: 100%; overflow: hidden; padding: 36px 0 0px; background: #333;}
#A_Footer .ft_links {margin: 0 0 20px;}
#A_Footer .ft_links .inner:after {display: block; clear: both; *zoom: 1; content: '';}
#A_Footer .ft_links .inner li {float: left;}
#A_Footer .ft_links .inner li + li {margin: 0 0 0 15px;}
#A_Footer .ft_links .inner li a {display: block; font-size: 25px; color: #999999;}
#A_Footer .ft_info_txt .inner p {color:#666;font-size: 26px;}
#A_Footer .ft_cs_txt {color:#666;}
#A_Footer .ft_cs_txt table {margin-top:35px; display: block;}
#A_Footer .ft_cs_txt table th {font-size:24px; /*vertical-align: top; width: 100px; text-align: left; line-height: 2.3; color: #666;*/ display: none;}
#A_Footer .ft_cs_txt table td {font-size:24px; }
#A_Footer .ft_cs_txt table .tel {font-size:28px; font-weight: 600;}

#A_Footer .ft_links .sns_links {
    margin-top:15px;
  }
  #A_Footer .ft_links .sns_links li {
    overflow: hidden;
    border-radius: 50%;
  }
  #A_Footer .ft_links .sns_links li + li{margin-left:10px;}
  #A_Footer .ft_links .sns_links li a {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-image: url(../images/common/sns_icons.png);
    background-color: #444;
  }
  #A_Footer .ft_links .sns_links li a:hover {
    background-image: url(../images/common/sns_icons_on.png);
  }
  #A_Footer .ft_links .sns_links li:nth-child(1) a {
    background-position: 0 0;
  }
  #A_Footer .ft_links .sns_links li:nth-child(2) a {
    background-position: -50px 0;
  }
  #A_Footer .ft_links .sns_links li:nth-child(3) a {
    background-position: -100px 0;
  }
  #A_Footer .ft_links .sns_links li:nth-child(4) a {
    background-position: -150px 0;
  }
  #A_Footer .ft_links .sns_links li:nth-child(5) a {
    background-position: -200px 0;
  }