@charset 'utf-8';
/*
@font-face {
  font-family: 'GothamBlack';
  src: url('../font/Gotham-Black.eot');
  src: url('../font/Gotham-Black.woff2') format('woff2'),
       url('../font/Gotham-Black.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBlack';
  src: url('../font/GothamBlack.woff') format('woff'),
       url('../font/GothamBlack.ttf') format('truetype'),
       url('../font/GothamBlack.svg#GothamBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src: url('../font/Gotham-Bold.eot');
  src: url('../font/Gotham-Bold.woff2') format('woff2'),
       url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src: url('../font/GothamBold.woff') format('woff'),
       url('../font/GothamBold.ttf') format('truetype'),
       url('../font/GothamBold.svg#GothamBold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GothamMedium';
  src: url('../font/Gotham-Medium.eot');
  src: url('../font/Gotham-Medium.woff2') format('woff2'),
       url('../font/Gotham-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamMedium';
  src: url('../font/GothamMedium.woff') format('woff'),
       url('../font/GothamMedium.ttf') format('truetype'),
       url('../font/GothamMedium.svg#GothamMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamLight';
  src: url('../font/Gotham-Light.eot');
  src: url('../font/Gotham-Light.woff2') format('woff2'),
       url('../font/Gotham-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamLight';
  src: url('../font/GothamLight.woff') format('woff'),
       url('../font/GothamLight.ttf') format('truetype'),
       url('../font/GothamLight.svg#GothamLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBook';
  src: url('../Gotham-Book.eot');
  src: url('../Gotham-Book.woff2') format('woff2'),
       url('../Gotham-Book.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBook';
  src: url('../GothamBook.woff') format('woff'),
       url('../GothamBook.ttf') format('truetype'),
       url('../GothamBook.svg#GothamBook') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YGO520';
  src: url('../font/YGO520.eot');
  src: url('../font/YGO520.woff2') format('woff2'),
       url('../font/YGO520.woff') format('woff'),
       url('../font/YGO520.ttf') format('truetype'),
       url('../font/YGO520.svg#YGO520') format('svg'),
       url('../font/YGO520.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YGO530';
  src: url('../font/YGO530.eot');
  src: url('../font/YGO530.woff2') format('woff2'),
       url('../font/YGO530.woff') format('woff'),
       url('../font/YGO530.ttf') format('truetype'),
       url('../font/YGO530.svg#YGO530') format('svg'),
       url('../font/YGO530.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YGO540';
  src: url('../font/YGO540.eot');
  src: url('../font/YGO540.woff2') format('woff2'),
       url('../font/YGO540.woff') format('woff'),
       url('../font/YGO540.ttf') format('truetype'),
       url('../font/YGO540.svg#YGO540') format('svg'),
       url('../font/YGO540.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YGO550';
  src: url('../font/YGO550.eot');
  src: url('../font/YGO550.woff2') format('woff2'),
       url('../font/YGO550.woff') format('woff'),
       url('../font/YGO550.ttf') format('truetype'),
       url('../font/YGO550.svg#YGO550') format('svg'),
       url('../font/YGO550.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

*/
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

@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: 'NotoSans-Regular';
    src: url('../font/NotoSans-Regular.eot');
    src: local(※), url('../font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Regular.woff2') format('woff2'),
          url('../font/NotoSans-Regular.woff') format('woff'),
          url('../font/NotoSans-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans-Light';
    src: url('../font/NotoSans-Light.eot');
    src: local(※), url('../font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Light.woff2') format('woff2'),
          url('../font/NotoSans-Light.woff') format('woff'),
          url('../font/NotoSans-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans-Medium';
    src: url('../font/NotoSans-Medium.eot');
    src: local(※), url('../font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSans-Medium.woff2') format('woff2'),
          url('../font/NotoSans-Medium.woff') format('woff'),
          url('../font/NotoSans-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}*/

/* Reset Style */
*{margin:0;padding:0}
body{color:#555;font-size:13px;line-height:1.2;letter-spacing:normal}
ul,ol,li{list-style:none}
img,hr{border:none}
img{max-width:100%;border:0px;vertical-align:top}
table{width:100%;border-spacing:0;table-layout:fixed}
table td img{vertical-align:middle}
a{display:inline-block;color:inherit}
a:link, a:visited, a:active, a:hover{text-decoration:none}
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,button{font-family:'Noto Sans KR', sans-serif;}
strong,h1,h2,h3,h4,h5,h6,th,b,dt,li{font-size:inherit;font-weight:inherit;color:inherit}
input{vertical-align:middle;outline:none}
input::placeholder{color:#999}
input[type='text'],
input[type='password'],
input[type='tel']{display:inline-block;width:100%;height:45px;box-sizing:border-box;padding:0 20px;border:1px solid #ddd;background-color:#fff;font-size:13px;color:#555;line-height:45px;box-sizing:border-box;vertical-align:top}
input[type="password"]{}
input[type="password"]::placeholder{}
input:disabled{background:#f4f4f4;border:1px solid #f4f4f4}
select{display:inline-block;width:100%;height:35px;line-height:35px;padding:0 0 0 15px;border:1px solid #ddd;background:url(/ko/img/common/mb_arrow_down.png) no-repeat 95% 50% #fff;background-size:20px;font-size:13px;color:#555;vertical-align:top;border-radius:0;-webkit-appearance:none;-moz-appearance: none;appearance: none}
select::-ms-expand {display:none}
textarea{display:inline-block;padding:5px;border:solid 1px #dcdcdc;background-color:#fff;font-size:13px;color:#555;line-height:16px;box-sizing:border-box;vertical-align:middle;resize:none}
input[type='file'], input[type='image'], input[type='reset'], input[type='button'], input[type='submit']{cursor:pointer}
hr, caption{position:absolute;top:-9999px;left:-9999px}
legend{position:absolute;height:0;font-size:0px;line-height:0;overflow:hidden;text-indent:-9999px}
address,cite,em{font-style:normal}
fieldset{padding:0;border:0}
label{cursor:pointer}
button{border:0;background:none;cursor:pointer}
/*** PC ***/
@media screen and (min-width:768px){
    body{font-size:16px;line-height:1.3;}
    body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,button{}
    input[type='text'],
    input[type='password'],
    input[type='tel']{height:60px;padding:0 20px;font-size:16px;line-height:60px}
    input[type="password"]::placeholder{}
    select{height:60px;padding:0 0 0 9px;background:url(/ko/img/common/arrow_down.png) no-repeat 90% 50% #fff;background-size:16px;font-size:16px;line-height:60px;}
}