@charset "utf-8";

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


* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html {margin:0;padding:0; font-family:'Noto Sans KR','맑은 고딕', 'Malgun Gothic', AppleGothic, '돋움', Dotum, sans-serif;}
body {margin:0; padding:0;font-size:16px;line-height:1.6;color:#000;-webkit-text-size-adjust:none; overflow-x: hidden; position:relative;letter-spacing:-0.025em;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top; max-width: 100%;}
hr {display: none;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
strong,em, b {font-weight:normal;}
a {color:#000;text-decoration:none;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;padding:0;font-size:16px;line-height:1.5;color:#555;-webkit-text-size-adjust:none;}
input, select, textarea, button {font-family:'Noto Sans KR','맑은 고딕', 'Malgun Gothic', AppleGothic, '돋움', Dotum, sans-serif; font-size:16px;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-ms-clear,
::-ms-reveal {display: none;}
select, textarea, button {/* -webkit-appearance: none; */border-radius: 0;}
input[type="text"],input[type="search"] {-webkit-appearance: none;border-radius: 0;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important;}
input[type="text"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="password"] {border:1px solid #a0a0a0; background:#fff; height:40px; line-height:40px; padding:0 20px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
select {border:1px solid #dedede; background:#fff; height:45px; line-height:45px; padding:0 0 0 10px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
textarea {border:1px solid #dedede; background:#fff; padding:10px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
.screen_out {overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;font-size:1px;}
.temp_skip {width:100%; height:0; top:0; left:0}
.temp_skip a {display:block; overflow:hidden; position:absolute; top:0; text-indent:-9999px;}
.temp_skip a:focus{width:100%; z-index:9999; padding:10px 0; font-size:16px;text-indent:0; text-align:center; color:#fff; background:#444;}
* html .fclear {height:1px;}
.clearfix {display:block; min-height:1px;}
.clearfix:after {clear:both; display:block; content:""; height:0; visibility:hidden;}

/* box align */
.fl{float:left;}
.fr{float:right;}
.fc{clear:both;}

/* text align */
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

/* position align */
.poss { position: static;}
.posr { position: relative;}
.posa { position: absolute;}
.posf { position: fixed;}

/* js-dropdown */
.js-dropdown-cont {display: none;}
.js-dropdown-cont.active {display: block;}

/* slide css */
.opacity_slide ul{position: relative;}
.opacity_slide ul li{display:none; position: absolute; left: 0; top: 0; opacity: 0; z-index: 0;}
.opacity_slide ul li.op_active {z-index: 1;}
.opacity_slide .op_indicator {z-index: 10;}
.basic_slide_container {overflow: hidden; width: 100%;}
.basic_slide ul {position: relative; display: block; width: 100%;}
.basic_slide ul li {position: relative; display: inline-block; float: left;}
.basic_slide ul li:first-child {margin-left: 0;}

/* basic tab */
.js_tab_con {display: none;}
.js_tab_con.active {display: block;}

/* contents1200 */
.con_container {max-width: 1220px; padding: 0 10px; margin: 0 auto;}
.con_container:after {display: block; content: ""; clear: both;}

/* hide show */
.web_hide {display: none;}
.web_tab_hide {display: none;}
.mob_tab_hide {display: block;}
.mob_hide {display: block;}

@media all and (max-width:1023px) {
    .web_hide {display: block;}
    .mob_tab_hide {display: none;}
}
@media all and (max-width: 767px) {
    .web_tab_hide {display: block;}
    .mob_hide {display: none;}
}

/* form */
select {height: 45px; background: url(../images/board/select_arrow.png) no-repeat 85% center; padding: 0 15px; color: #555; font-size: 17px; font-weight: 300; line-height: 43px; border: 1px solid #e1e1e1; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
select::-ms-expand {display: none;}
input[type="text"],
input[type="password"] {height: 45px; padding: 0 15px; color: #555; font-size: 17px; font-weight: 300; line-height: 43px; border: 1px solid #e1e1e1;}
@media all and (max-width: 767px) {
    select {height: 40px; background-position: 96% 15px; font-size: 15px; line-height: 38px;}
    input[type="text"],
    input[type="password"] {height: 40px; font-size: 15px; line-height: 38px;}
}

/* Default.css */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* Default_Popup */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}