/* base */
* {margin:0; padding:0; font-family:inherit; color:inherit; box-sizing:border-box;} /* font '나눔스퀘어' 사용*/
body {font-family:'Noto Sans KR', sans-serif; font-size:1rem;}
h1, h2, h3, h4 {font-family:'NanumSquare'; font-weight:bold; word-break:keep-all;}
li{list-style:none;}
a{text-decoration:none; letter-spacing:-0.5px;}
em {font-style: normal}
img{border:none;}
table{border-collapse:collapse; border-spacing:0px;}
address{font-style:normal;}
fieldset{border:none;}
legend{position:absolute; left:-999em;}
label.away{position:absolute; left:-999em;}
input[type=button], input[type=submit], input[type=reset], input[type=image], button {cursor:pointer; border:none;}
input[type=password] {font-family:'Noto Sans KR', sans-serif}
select{border:none;}
textarea{resize:none;}

.oh {overflow:hidden}
.cb {clear:both}
.db {display:block}
.dfc {display: flex; align-items: center; justify-content: center}
.tc {text-align: center}
.tl {text-align: left}
.tr {text-align: right}
.pr {position: relative}
.pa {position: absolute}


/* placeholder color*/
input::-webkit-input-placeholder {color:#999;}/* 크롬 4–56 */
input::-moz-placeholder {color:#999;}/* 파이어폭스 4–18 */
input::-moz-placeholder {color:#999;}/* 파이어폭스 19–50 */
input::-ms-input-placeholder {color:#999;}/* 인터넷 익스플로러 10+ */

body.pc {
    height: 100vh;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.pc ::-webkit-scrollbar {-webkit-appearance: none;}
.pc ::-webkit-scrollbar:vertical {width:10px;}
.pc ::-webkit-scrollbar:horizontal { height:10px;}
.pc ::-webkit-scrollbar-thumb {background-color: rgba(180,180,180, .5); border-radius: 5px; border: 1px solid rgba(180,180,180,0.5);}
.pc ::-webkit-scrollbar-thumb:hover {background-color: rgba(180,180,180, 1)}
.pc ::-webkit-scrollbar-track {border-radius:0;  background-color:transparent;}
.pc ::-webkit-scrollbar-corner {background-color:transparent}

.dark ::-webkit-scrollbar-thumb {background-color: rgba(180,180,180, .2); border-radius: 5px; border: 1px solid rgba(180,180,180,0.2);}
.dark ::-webkit-scrollbar-thumb:hover {background-color: rgba(180,180,180, .4)}

input:focus, button:focus, textarea:focus {outline:none;}

.pc .resize {display: block}
.pc .resize-l { position:fixed; top:0; left:0; width:10px; height:100%; background:url(../images/trans.png); z-index:10; cursor:e-resize}
.pc .resize-r { position:fixed; top:0; right:0; width:8px; height:100%; background:url(../images/trans.png); z-index:10; cursor:e-resize}
.pc .resize-t { position:fixed; top:0; left:0; width:100%; height:10px; background:url(../images/trans.png); z-index:10; cursor:s-resize}
.pc .resize-b { position:fixed; bottom:0; left:0; width:100%; height:5px; background:url(../images/trans.png); z-index:50; cursor:s-resize}
.pc .resize-se {position:fixed; bottom:0; right:0; width:16px; height:16px; background:url(../images/resize.png); z-index:200; cursor:se-resize}
.pc .resize-caption {position:fixed; top:0; left:0; height:30px; width:100%; background:url(../images/rrans.png); z-index:10; cursor:default;}
.pc .head .logo, .toggle {z-index:100;}