@charset "utf-8";


@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('../font/Pretendard-Light.eot'), 
		 url('../font/Pretendard-Light.woff2') format('woff2'),
         url('../font/Pretendard-Light.woff') format('woff'),
         url('../font/Pretendard-Light.ttf') format("truetype"),
		 url('../font/Pretendard-Light.otf') format("opentype");
}


@font-face {
    font-family: 'Pretendard';
    font-weight: normal;
    font-style: normal;
    src: url('../font/Pretendard-Regular.eot'), 
		 url('../font/Pretendard-Regular.woff2') format('woff2'),
         url('../font/Pretendard-Regular.woff') format('woff'),
         url('../font/Pretendard-Regular.ttf') format("truetype"),
		 url('../font/Pretendard-Regular.otf') format("opentype");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('../font/Pretendard-Medium.eot'), 
		 url('../font/Pretendard-Medium.woff2') format('woff2'),
         url('../font/Pretendard-Medium.woff') format('woff'),
         url('../font/Pretendard-Medium.ttf') format("truetype"),
		 url('../font/Pretendard-Medium.otf') format("opentype");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: bold;
    font-style: normal;
    src: url('../font/Pretendard-Bold.eot'), 
		 url('../font/Pretendard-Bold.woff2') format('woff2'),
         url('../font/Pretendard-Bold.woff') format('woff'),
         url('../font/Pretendard-Bold.ttf') format("truetype"),
		 url('../font/Pretendard-Bold.otf') format("opentype");
}

@font-face {
    font-family: 'SBAggro';
    font-weight: 300;
    font-style: normal;
    src: url('../font/SBAggro_Light.ttf') format("truetype"),
         url('../font/SBAggro_Light.otf') format("opentype");
}

@font-face {
    font-family: 'SBAggro';
    font-weight: 500;
    font-style: normal;
    src: url('../font/SBAggro_Medium.ttf') format("truetype"),
         url('../font/SBAggro_Medium.otf') format("opentype");
}

@font-face {
    font-family: 'SBAggro';
    font-weight: bold;
    font-style: normal;
    src: url('../font/SBAggro_Bold.ttf') format("truetype"),
         url('../font/SBAggro_Bold.otf') format("opentype");
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%;font-size:10px;overflow:hidden;}
body{height:100%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;}
body,th,td,input,select,textarea,button{font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:26px;color:#333;line-height:normal;}
fieldset,img{border:0 none}
img{max-width:100%;vertical-align:top;}
dl,ul,ol,menu,li{list-style:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;border:none;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{-webkit-appearance:none;}
input:checked[type='checkbox']{background-color:#333;-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
button{background-color:transparent;cursor:pointer;}
table{border-collapse:collapse;border-spacing:0}
address,caption{font-style:normal;font-weight:normal}
a{text-decoration:none}
a:active,a:hover{text-decoration:none}
.ico_comm{overflow:hidden;display:inline-block;background-size: contain !important;background-repeat:no-repeat;vertical-align:top;text-indent:-9999px;}
.screen_out{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:normal;word-wrap:break-word;word-break:break-all;clip:rect(0,0,0,0)}

input[type=radio] + label,input[type=checkbox] + label {display:inline-block;vertical-align:middle;}
input[type=radio],input[type=checkbox] {position:absolute;border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;}
input[type=text]::-ms-clear {display:none;}

select {width:100%;height:55px;padding: 8px 15px;border: 0;-webkit-appearance: none;/* for chrome */-moz-appearance: none;/*for firefox*/appearance: none;border:1px solid #d9d9d9;box-sizing:border-box;background: transparent!important;color:#333;outline: none;}
select::-ms-expand {display: none;/*for IE10,11*/}

/* placeholder 컬러 변경 */
input::-webkit-input-placeholder{color:#333;}/* chrome, Edge */
input:-moz-placeholder{color:#333;}/* firefox 4 t0 18 */
input::-moz-placeholder{color:#333;}/* firefox 19+ */
input:-ms-input-placeholder{color:#333 !important;}/* IE 10, 11 */
input::-ms-input-placeholder{color:#333;}/* Edge */
input::placeholder{color:#333;opacity:1}/* opacity - 파이어폭스에서 뿌옇게 나오는 현상 방지*/

/* 포커스 시 placeholder 숨기기 - 필요에 따라 사용 */
input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
input:focus::-ms-input-placeholder{color:transparent}
input:focus::placeholder{color:transparent}