@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.813em;height:100%;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
button, input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select,button {font-size:1em;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}
img{vertical-align:top;max-width:100%;height:auto}

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

body {padding-top:30px;background-image:url('/img/circle-blues.webp');color:#fff;}
a:link, a:visited {color:#fff;}
a:hover {color:#ffff00;}
#ori_url {height:30px;}
#make_url {height:30px;padding:0 5px;}
#hd_login_msg   {width:100%;float:left;}
section     {display:flex;flex-direction:column;padding:20px;line-height:2.0rem;}
h1          {width:100%;text-align:center;font-size:2.5rem;}
#make_box   {width:100%;display:flex;justify-content:center;margin-top:30px;flex-wrap:wrap;}
section h2  {width:100%;text-align:center;font-size:1.2rem;margin:10px 0px;}
section ul {width:230px;margin:0px auto;}
.copyright {width:100%;text-align:center;}
 
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #ori_url {width:200px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    #ori_url {width:400px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    #ori_url {width:600px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #ori_url {width:800px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    #ori_url {width:900px;}
}
/* Extra large devices (desktops, 1600px and up) */
@media (min-width: 1600px) {
    #ori_url {width:900px;}
}