@charset "UTF-8";
/*폰트*/
@font-face {
  font-family: 'GmarketSans';
  font-style: Thin;
  font-weight: 100;
  src: url('../font/GmarketSansLight.woff') format('woff'), /* Super Modern Browsers */
       url('../font/GmarketSansLight.woff') format('woff'), /* Modern Browsers */
      url('../font/GmarketSansLight.woff') format('woff');  /*EN*/
}

@font-face {
  font-family: 'GmarketSans';
  font-style: Light;
  font-weight: 300;
  src: url('../font/GmarketSansLight.woff') format('woff'), /* Super Modern Browsers */
       url('../font/GmarketSansLight.woff') format('woff'), /* Modern Browsers */
      url('../font/GmarketSansLight.woff') format('woff');  /*EN*/
}

@font-face {
  font-family: 'GmarketSans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/GmarketSansMedium.woff') format('woff'), /* Super Modern Browsers */
       url('../font/GmarketSansMedium.woff') format('woff'), /* Modern Browsers */
      url('../font/GmarketSansMedium.woff') format('woff');  /*EN*/
}

@font-face {
  font-family: 'GmarketSans';
  font-style: Bold;
  font-weight: 700;
  src: url('../font/GmarketSansBold.woff') format('woff'), /* Super Modern Browsers */
       url('../font/GmarketSansBold.woff') format('woff'), /* Modern Browsers */
      url('../font/GmarketSansBold.woff') format('woff');  /*EN*/
}


/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;box-sizing: border-box; word-break: keep-all;}
body,button,input,select,table,textarea{font-family:'GmarketSans',Arial,sans-serif;font-size:1em;font-weight:400;color:#000;line-height:1.3;letter-spacing: -0.04em}
html{height:100%; }
body{height:100%;
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */}
button,fieldset,img{border:0 none}
fieldset,img{border:0}
img,li{vertical-align:top}
ol, ul, dl, menu ,li{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;cursor: pointer;}
a:active,a:focus,a:hover{text-decoration:none; }
button{border:0;background:0 0;cursor:pointer}
table{margin:0;padding:0;border:0;border-spacing:0;border-collapse: collapse;}
input,select,textarea{border:0;background:0;border-radius:0;box-shadow:none}


embed,iframe,img,object,video{max-width:100%}
input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}
input[type=search]::-webkit-search-cancel-button{appearance:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{appearance:none;border-radius:0;background-color:transparent}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0}
*,*:before,*:after{box-sizing: border-box;}
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
caption,legend { position: static; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); word-break: initial; word-wrap: initial;}
.blind { position: absolute!important; margin: 0 !important; padding: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); word-break: normal; word-wrap: normal;}
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
body.modal2{overflow:hidden;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
button { border: 0 none; background-color: transparent; cursor: pointer; }
a { text-decoration: none; }
a:active, a:focus, a:hover { text-decoration: none; }
embed, iframe, img, object, video { max-width: 100%; }
figure {margin:0;}
img {image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit  */
  image-rendering: crisp-edges;}
/* 입력서식 */
input, button, label, textarea, select {vertical-align:middle; }
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=text][disabled], input[type=password][disabled], input[type=number][disabled], input[type=tel][disabled], input[type=email][disabled], textarea[disabled] {background: transparent;}
input[type=text][readonly=readonly], input[type=password][readonly=readonly], input[type=number][readonly=readonly], input[type=tel][readonly=readonly], input[type=email][readonly=readonly] { background: transparent;}
select {box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
textarea {width:100%; min-height:60px;resize:none;box-shadow:none;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;}
select[style], input[style], input[size] {width:auto; min-width:0;}
button, input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type=file] {margin: auto;}
input::-webkit-input-placeholder { font-size: 1em;}
input:-moz-placeholder { font-size:1em;}/* Firefox 4-18 */
input::-moz-placeholder { font-size:1em;}/* Firefox 19+ */
input:-ms-input-placeholder { font-size:1em;}/* IE10+ */
input[type=text]::-ms-clear { display:none;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
.bf::before, .af::after { display: block; content: "";}

/* ============================== //reset.css ============================== */
:root {
  --gold:#b4985a;
  --popgold:#b69c55;
  --gray:#7e8080;
  --popgray:#dddddd;
}
/* 본문바로가기 */
#accessibility a {  overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #000; color: #fff; text-align: center; z-index: 1100;}
#accessibility a:focus, #accessibility a:active { width: 100%; height: 45px; padding: 10px}


/* 버튼 */
.btn_bn-gd{
  background: #0A8F3B;
  border: 1px solid var(--gold);
  color: #fff;
  transition: all 0.3s;
}
.btn_bn-gd:hover{
  background: #fff;
  color: var(--gold);;
}
.btn_by-gd{
  background: #fff;
  border: 1px solid var(--gold);
  color: var(--gold);;
  transition: all 0.3s;
}
.btn_by-gd:hover{
  background: var(--gold);
  border-color: var(--gold);
  color: #fff;
}
.btn_by-gr{
  color: #000;
  border: 1px solid var(--gray);
  transition: all 0.3s;
}
.btn_by-gr:hover{
  color: #fff;
  background-color: var(--gray);
}
.btn_bn-gr{
  color: #000;
  border: 1px solid var(--popgray);
  background-color: var(--popgray);
  transition: all 0.3s;
}
.btn_bn-gr:hover{
  background-color: #fff;
}
.btn_more::after{
  content: '';
  display: inline-block;
  background: url(../img/sub/ico_more.png) no-repeat center right;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  margin-left: 9px;
  margin-bottom: -2px;
}
.btn_more:hover:after{
  background-position: 0 100%;
}
@media screen and (max-width: 768px){
  .btn_more::after{
    width: 12px;
    height: 12px;
    background-size: cover;
  }
}
/* 텍스트 */
.txt_gd{
  color: #0A8F3B;
}
/*커스텀 셀렉트*/
.sub-top__select{
  display: block;
  position: relative;
  width: 100%;
  max-width: 500px;
  border: 1px solid var(--gold);
  background: url(../img/sub/ico_select.png) calc(100% - 15px) 50% no-repeat #fff;
}
.sub-top__select.on{
  background-image: url(../img/sub/ico_select_on.png);
}
.sub-top__select.type02{
  margin: 10px auto 0;
}
.sub-top__select .open-select{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: left;
  font-size: 17px;
  line-height: 38px;
  padding: 0 18px;
  width: 100%;
}
.sub-top__select .options a{
  padding: 0 18px;
  font-size: 17px;
  line-height: 38px;
  border: 1px solid var(--gold);
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sub-top__select .options{
  position: absolute;
  width: calc(100% + 2px);
  left: -1px;
  display: none;
  z-index: 99;
}
.sub-top__select.on .options{
  display: block;
}
.sub-top__select .options li:not(:first-of-type) a{
  border-top: none;
}
@media screen and (max-width:768px) {
  .sub-top__select{
    max-width: calc(100% - 40px);
  }
  .sub-top__select .options a{
    padding: 0 10px;
    font-size: 11px;
    line-height: 32px;
  }
  .sub-top__select .open-select{
    font-size: 11px;
    line-height: 32px;
    padding: 0 30px 0 10px;
  }
}