@charset "utf-8";

/* ================================Font============================================*/
/* @font-face {
    font-family: 'Noto Sans';
    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';
    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';
    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';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
} */


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

*{-webkit-text-size-adjust:none;}
.png24{behavior: url("iepngfix.htc")} 






/* 
================================reset==============================================
===================================================================================
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}

li { list-style-type:none; }
img,fieldset,iframe{border:0;}
img,fieldset { border:none; }
fieldset {min-width: 0;}
li img, dd img { vertical-align:top; }
input { vertical-align:middle; }
hr{display:none;}


/* html5*/
html, body {font-family: 'Pretendard', sans-serif; font-weight: 400; color: #484848; letter-spacing: -1px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }
.wrapper {min-width: 320px; position: relative; overflow: hidden;word-break:keep-all;}

/* Link */
a:link,
a:visited,
a:active{text-decoration: none; color:#666;}
a:hover{text-decoration: none;}
a{color:inherit;}

/* ETC */
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

/* Table */
table {border-collapse:collapse; border-spacing:0; table-layout: fixed;}
th{vertical-align:middle;}
caption{display:none;}

/* Form */
input, select{position:relative; font-family:inherit; font-size:inherit; color:inherit; vertical-align:middle; -webkit-appearance:none; -webkit-border-radius:0; background:#fff; border:1px solid #c9c9c9; box-sizing:border-box; line-height: 42px; outline-color: #000; padding: 0 20px; height: 42px;}
select{background:url(../../images/sel-arrow.png) 85% 50% no-repeat; -webkit-border-radius:0; -webkit-appearance:none; padding: 0 40px 0 20px;}
select::-ms-expand{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; }
textarea{color:#666;background:#fff;border:1px solid #cfcfcf; resize: none;}
form{margin:0px;padding:0px;border:0;}
button{-webkit-border-radius:0; -webkit-appearance:none; border-radius: 0; appearance: none; outline: 0; background: transparent; border: none; cursor: pointer;}
.screen-out {overflow: hidden;clip: rect(0 0 0 0);margin: -1px;width: 0;height: 1px;text-indent:-9999px;font-size: 0;}
/* @clear fix */
* html .clfix { height: 1%; overflow: visible;} /* float clearing for IE6 */
*+html .clfix{ min-height: 1%;} /* float clearing for IE7 */
.clfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;} /* float clearing for everyone else */

#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
.dimm { position: fixed; left: 0; top: 0; bottom: 0; opacity: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.2); transition: all 0.3s;} 
.dimm.on { opacity: 1; height: auto; z-index: 10;}
.webhide {display: none;}
@media screen and (max-width:1023px) {
	.webhide {display: block;}
}

/*tbl*/
.tbl {width: 100%; border-top: 2px solid #000;}
.tbl th, .tbl td {padding: 20px 30px; text-align: left; border-bottom: 1px solid #e5e5e5;}
.tbl th {background: #efefef; font-weight: 600; color: #000; vertical-align: top;}

@media screen and (max-width:768px)  {
    input, select {line-height: 38px; height: 38px;}
    .tbl th, .tbl td  {padding: 10px 12px;}
}

@media screen and (max-width:500px) {
    colgroup {display: none;}
    .tbl th, .tbl td {display: block; float: left; width: 100%; box-sizing: border-box;}
    input, select {padding: 0 10px;}
    select {padding: 0 28px 0 10px;}
}