@charset "UTF-8";
/* 마이스 기존 common.css */

.mice-list-wrap{
  width: 100%;
}
.mice-list-wrap.fixed{
  position:fixed
}


/* 카테고리 */
.location-lst{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 0;
}
.location-lst span{
  font-size: 16px;
  font-weight: 300;
  color: #555;
  vertical-align: middle;
  position: relative;
  margin-right: 23px;
  line-height: 1;
}
.location-lst span.last{
  color: #333;
  font-weight: 900;
  margin-right: 0;
}
.location-lst span:not(:last-child):after{
  content: "";
  background-image: url("/resources/mice/img/arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 5px;
  right: -16px;
}
.location-lst span img{
  width: 10px;
  height: 12px;
  margin: -2px 6px 0 0;
}

/* 탑버튼 */
a.top {
  /* position: fixed; */
  position: absolute;
  right: 8.3%;
  /* bottom: 496px; */
  bottom: 426px;
  display: none;
  background-image: url("../images/top-btn.png");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: 50% 50%;
  width: 64px;
  height: 64px;
  z-index: 50;
}

@media screen and (max-width: 1119px) {
  .location-lst{max-width: none; padding: 12px 40px; box-sizing: border-box;}
}
@media screen and (max-width: 480px) {
  a.top{display:inline-block !important; position: relative; left: 50%; transform: translateX(-50%); bottom: 0; margin-top: 40px;}

}

/* cookie element */
#cookie-element{padding:13px 0;position:fixed;bottom:0;left:0;right:0px;background:rgba(47,47,47,0.95);z-index:10002;}
#cookie-element .cookie-inner{width:100%;max-width:1200px;margin:0 auto;}
#cookie-element .cookie-inner span{display:block;padding-bottom:10px;color:#fff;word-break:keep-all}
#cookie-element .cookie-inner a{display:inline-block;width:60px;height:30px;line-height:28px;border-radius:4px;background-color:#fff;text-align:center;font-size:14px;color:#000;margin-right:4px}
@media all and (max-width:1119px){
    #cookie-element .cookie-inner{padding:0px 20px;box-sizing: border-box;}
}


.sv-wrap.default {width:100%;height:412px;margin-top:171px;background-repeat : no-repeat;background-position: center;background-size: cover;}
.sv-wrap.default.type01 {background-image: url(../img/sub/subbg_01.jpg);}
.sv-wrap.default.type02 {background-image: url(../img/sub/subbg_02.jpg);}
.sv-wrap.default.type03 {background-image: url(../img/sub/subbg_03.jpg);}
.sv-wrap.default.type04 {background-image: url(../img/sub/subbg_04.jpg);}
.sv-wrap.default.type05 {background-image: url(../img/sub/subbg_05.jpg);}
.sv-wrap.default.type06 {background-image: url(../img/sub/subbg_06.jpg);}

@media all and (max-width:768px){
	.sv-wrap.default {height:29.2vw;padding-top:88px;}
}

.sv-wrap {
    width: 100%;
    height: auto;
    position: relative;
}

.sv-wrap img {
    width: 100%;
    height: 100%;
}

.sv-wrap span {
  font-size: calc(12px + 2.5vw);
  color: #fff;
  font-weight: 700;
  position: absolute;
  left: 50%;
  width: 1200px;
  margin-left: -600px;
  top: 50%;
  line-height: 1;
}

.sv-wrap span span {
  display:block;
}
@media all and (max-width:1300px) {
	.sv-wrap.default{
		margin-top: 171px;
	}
}
@media all and (max-width:1200px) {
  .sv-wrap span {
      left: 20px;
      right: 20px;
      width: auto;
      margin-left: 0px;
      top: 50%;
      text-align: center;
      transform: translateY(-50%);
  }
}
@media all and (max-width:1024px) {
	.sv-wrap.default{
		margin-top: 123px;
	}
}
@media all and (max-width:768px) {
	.sv-wrap.default{
		margin-top: 113px;
	}
}

.text-left{text-align: left !important;

}

/*폰트*/

@font-face {
  font-family: 'NotoSansKR';
  font-weight: 300;
  src:url(../font/NotoSansKR-Light.woff);
  src:url(../font/NotoSansKR-Light.woff) format('woff');
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 400;
  src:url(../font/NotoSansKR-Regular.woff);
  src:url(../font/NotoSansKR-Regular.woff) format('woff');
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 500;
  src:url(../font/NotoSansKR-Medium.woff);
  src:url(../font/NotoSansKR-Medium.woff) format('woff');
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 700;
  src:url(../font/NotoSans-Bold.woff);
  src:url(../font/NotoSans-Bold.woff) format('woff');
}

@font-face {
  font-family: 'RiaSans';
  src: url('../font/RiaSans-ExtraBold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('../font/GmarketSansLight.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('../font/GmarketSansMedium.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('../font/GmarketSansBold.woff') format('woff');
  font-weight: 700;
}

/* 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:'NotoSansKR',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;appearance:none;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{-webkit-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']{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;}
.ir_txt { 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;}
.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.modal{overflow:hidden;display:block;}
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: 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; appearance: none;}
select::-ms-expand {display: none;}
textarea {width:100%; min-height:60px;resize:none;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;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 ============================== */

/* 본문바로가기 */
#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}


th.th-no {
    width: 8%;
}