@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');

html { font-size: 16px; color: #000; }
body, h1, h2 { font-family: 'Montserrat','Noto Sans KR', sans-serif; font-weight: 300; color: #000; }
ul, li { list-style: none; padding: 0; margin: 0;}
.mo { display: none;}

.page-top { background-color: #000; padding-top: 0; padding-bottom: 20px;}
.page-top .page-title { color: #fff; font-size: 2.5rem; font-weight: 700; text-transform: uppercase; margin: 0;}

.uk-logo { width: 300px; margin: 0 auto;}
.uk-logo img { width: 100%;}

.uk-navbar-nav a {color: #fff; font-weight: 600; min-height: 60px !important;}
.uk-navbar-nav .uk-active a {color: #92ceff !important;}

.page-con .uploader .uk-container { max-width: 600px; float: right;}
.page-con .uploader .up-tit { background: #000; color: #fff; padding: 5px 20px; font-size: 2rem; font-weight: 700; text-transform: uppercase; display: inline-block;}
.page-con .uploader .up-list { padding-left: 30px; padding-top: 25px; border-left: 2px dotted #000; margin-left: 20px;}
.page-con .uploader .up-btn { margin-bottom: 25px; position: relative;}
.page-con .uploader .up-btn a { border: 1px solid #000; padding: 0 15px; display: block; overflow: hidden;}
.page-con .uploader .up-btn a:hover {text-decoration: none; border: 1px solid #92ceff;}
.page-con .uploader .up-btn a p { font-size: 2rem; font-weight: 500; color: #000; float: left; line-height: 3rem;}
.page-con .uploader .up-btn .file { margin: 15px 20px 20px 0; }
.page-con .uploader .up-btn .plus { text-align: right; float: right; font-size: 3rem;}
.page-con .uploader .up-btn .info { margin-top: 10px;}
.page-con .uploader .up-btn .line { position: absolute; border-top: 2px dotted #000; width: 20px; top: 37%; margin-left: -30px; }
.page-con .uploader .up-btn .line p { background-color: #000; border-radius: 5px; width: 10px; height: 10px; position: absolute; right: -5px; top: -6px;}
.page-con .uploader .up-btn .line-end { position: absolute; width: 20px; height: 100%; background-color: #fff; margin-left: -40px; top: 8.5%;}

.page-con .uploader .up-btn .up-style2 { border: 1px solid #000; padding: 0 15px; display: block; overflow: hidden;}
.page-con .uploader .up-btn .up-style2 p { font-size: 2rem; font-weight: 500; color: #000; float: left; line-height: 2rem;}
.page-con .uploader .up-btn .up-style2 a { border:0;}
.page-con .uploader .up-btn .up-style2 a:hover { border:0;}
.page-con .uploader .up-btn .up-style2 a p { font-size: 1.3rem;}
.page-con .uploader .up-btn .up-style2 .up-style2-top { overflow: hidden;}
.page-con .uploader .up-btn .up-style2 .up-style2-list li { border-top: 1px solid #d2d2d2;}
.page-con .uploader .up-btn .up-style2 .up-style2-list .file img { width: 35px; height: auto;}
.page-con .uploader .up-btn .up-style2 .up-style2-list .file { margin: 15px 20px 20px 0; }
.page-con .uploader .up-btn .up-style2 .up-style2-list .plus { text-align: right; float: right; font-size: 2rem;}

.page-con .guide .uk-container { max-width: 600px; float: left;}
.page-con .guide .uk-container img { border: 1px solid; width: 100%;}
.page-con .guide h1 { font-size: 2rem; font-weight: 500;}
.page-con .guide ol li { margin-bottom: 30px;}
.page-con .guide .ex { background-color: #d2d2d2; padding: 5px 10px; display: inline-block;}

@media (max-width: 960px) {
	.page-con .uploader .uk-container { float: none;}	
	.page-con .guide .uk-container { float: none;}
}

@media (max-width: 638px) {
	html { font-size: 12px;}
	.mo { display: block;}
	.uk-logo { width: 200px; height: auto; min-height: unset;}
	.page-top .page-title { font-size: 2rem;}
	
	.page-con .uploader { margin-left: 30px;}
	.page-con .uploader .uk-container { padding: 0;}
	.page-con .uploader .up-tit { font-size: 1.5rem;}
	.page-con .uploader .up-btn .file { margin: 3vw 2vw 1vw 0;}
	.page-con .uploader .up-btn .file img { width: 35px; height: auto;}
	.page-con .uploader .up-btn a p { font-size: 1.6rem; line-height: 1rem;}
	
	.page-con .uploader .up-btn .up-style2 p { font-size: 1.6rem;}
	.page-con .uploader .up-btn .up-style2 p { line-height: 1.3rem;}
	.page-con .uploader .up-btn .up-style2 .up-style2-list .file { margin: 15px 10px 10px 0; }
	.page-con .uploader .up-btn .up-style2 .up-style2-list .file img { width: 30px; height: auto;}
	
	.page-con .guide { margin-left: 30px;}
	.page-con .guide .uk-container { padding: 0; }
	.page-con .guide .uk-container ol { padding: 0 0 0 15px;}

}