@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,600,700,900&display=swap&subset=korean');

/* 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,
menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
table{border:0;border-spacing:0;border-collapse:collapse;}
ul,ol,li,dl,dd,dt{list-style:none}
img,fieldset,iframe{border:0 none}
img{vertical-align:top;max-width:100%;}
textarea{resize:none}
input,select,textarea,button{font-size:100%;vertical-align:top;outline:none;-webkit-appearance:none;-webkit-border-radius:0px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
address,strong,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}

/* box-sizing */
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;}

/* base - input */
input{color:#000}
input:checked[type="checkbox"]{background-color:#666;}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type="password"]::-webkit-input-placeholder{font-family:'Noto Sans KR';}
button{border:0;background-color:transparent;padding:0;cursor:pointer}
input:disabled{background:#f6f6f6;}
input[type=file], input[type=file]::-webkit-file-upload-button{cursor:pointer;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}/* Chrome, Safari, Edge, Opera */
input[type=number]{-moz-appearance:textfield;}/* Firefox */

/* placeholder */
::-webkit-input-placeholder{color:#b2b2b2;font-size:14px;font-weight:300;}
::-moz-placeholder{color:#b2b2b2;font-size:14px;font-weight:300;}
:-ms-input-placeholder{color:#b2b2b2;font-size:14px;font-weight:300;}
:-moz-placeholder{color:#b2b2b2;font-size:14px;font-weight:300;}

/* base - a */
a{color:#000}
a,a:link{text-decoration:none;}
a:visited{text-decoration:none}
a:hover,a:focus{ text-decoration:none;}
a:active{text-decoration:none}

/* base - body */
body{-webkit-font-smoothing:antialiased;}
body,input,select,textarea,button{font:14px/1 "Noto Sans KR", "Malgun Gothic", "¸¼Àº °íµñ", "µ¸¿ò", sans-serif;color:#000;letter-spacing:-.5px;font-weight:400;}

/* common */
.hide{position:absolute;left:-9999px;font-size:0;width:0;height:0;text-indent:-9999px;overflow:hidden;}
.mt10{margin-top:10px !important;}

strong {font-weight: bold;}
.mt10 {margin-top: 10px}
.mb0 {margin-bottom: 0px !important}
.mb30 {margin-bottom: 30px}

/* responsive */
/* [class*="show-"] { display: none !important; }  */
.show-1200,.show-1024, .show-992,.show-768, .show-640,.show-576, .show-460 { display: none !important; } 


@media all and (max-width: 1200px) {	

    /* responsive */
    .hide-1200,br.hide-1200 { display: none !important; } 
    .show-1200 { display: inherit !important; } 
    .show-1200.block,br.show-1200 { display: block !important; } 
    .show-1200.flex { display: flex !important; } 	

}


@media screen and (max-width:1024px) { 

    /* responsive */
    .show-1024 { display: inherit !important; } 
    .show-1024.block,br.show-1024 { display: block !important; } 
    .show-1024.flex { display: flex !important; } 
    .hide-1024,br.hide-1024 { display: none !important; } 

}


@media screen and (max-width:992px) { 

    /* responsive */
    .show-992 { display: inherit !important; } 
    .show-992.block,br.show-992 { display: block !important; } 
    .show-992.flex { display: flex !important; } 
    .hide-992,br.hide-992 { display: none !important; } 	

}


@media screen and (max-width:768px) { 

    /* responsive */
    .show-768 { display: inherit !important; } 
    .show-768.block,br.show-768 { display: block !important; } 
    .show-768.flex { display: flex !important; } 
    .hide-768,br.hide-768 { display: none !important; } 

}


@media screen and (max-width:640px) {   

     /* responsive */
    .show-640 { display: inherit !important; } 
    .show-640.block,br.show-640 { display: block !important; } 
    .show-640.flex { display: flex !important; } 
    .hide-640,br.hide-640 { display: none !important; } 

}


@media all and (max-width: 576px) {	
	
    /* responsive */
    .show-576 { display: inherit !important; } 
    .show-576.block,br.show-576 { display: block !important; } 
    .show-576.flex { display: flex !important; } 
    .hide-576,br.hide-576 { display: none !important; } 	

}



@media all and (max-width: 460px) {	

    /* responsive */
    .show-460 { display: inherit !important; } 
    .show-460.block,br.show-460 { display: block !important; } 
    .show-460.flex { display: flex !important; } 
    .hide-460,br.hide-460 { display: none !important; } 
    	
}