@charset "utf-8";

/*
 *
 * file : 기본 설정 및 초기화
 * date : 230524
 * writer : kyu
 *
 */
@font-face{
    font-family:'NotoSansCJK';font-style:normal;font-weight:100;
    src:url('./fonts/NotoSansKR-Thin.woff2') format('woff2'),
    url('./fonts/NotoSansKR-Thin.woff') format('woff'),
    url('./fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face{
    font-family:'NotoSansCJK';font-style:normal;font-weight:200;
    src:url('./fonts/NotoSansKR-Light.woff2') format('woff2'),
    url('./fonts/NotoSansKR-Light.woff') format('woff'),
    url('./fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face{
    font-family:'NotoSansCJK';font-style:normal;font-weight:300;
    src:url('./fonts/NotoSansKR-DemiLight.woff2') format('woff2'),
    url('./fonts/NotoSansKR-DemiLight.woff') format('woff'),
    url('./fonts/NotoSansKR-DemiLight.otf') format('opentype');
}
@font-face{
    font-family:'NotoSansCJK';font-style:normal;font-weight:400;
    src:url('./fonts/NotoSansKR-Regular.woff2') format('woff2'),
    url('./fonts/NotoSansKR-Regular.woff') format('woff'),
    url('./fonts/NotoSansKR-Regular.otf') format('opentype');
}
@font-face{
    font-family:'NotoSansCJK';font-style:normal;font-weight:500;
    src:url('./fonts/NotoSansKR-Medium.woff2') format('woff2'),
    url('./fonts/NotoSansKR-Medium.woff') format('woff'),
    url('./fonts/NotoSansKR-Medium.otf') format('opentype');
}
@font-face{
    font-family:'NotoSansCJK';font-style:normal;font-weight:bold;
    src:url('./fonts/NotoSansKR-Bold.woff2') format('woff2'),
    url('./fonts/NotoSansKR-Bold.woff') format('woff'),
    url('./fonts/NotoSansKR-Bold.otf') format('opentype');
}
@font-face{
    font-family:'NotoSansCJK';font-style:normal;font-weight:900;
    src:url('./fonts/NotoSansKR-Black.woff2') format('woff2'),
    url('./fonts/NotoSansKR-Black.woff') format('woff'),
    url('./fonts/NotoSansKR-Black.otf') format('opentype');
}

html{min-width:320px; font-size: 14px;}
body{margin:0;padding:0;font-family:'NotoSansCJK', sans-serif;color:#333}
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;font-family:'NotoSansCJK', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
address{font-style:normal}
sub{font-size:1em}
ul, ol, dl, dt, dd{margin:0;padding:0;list-style:none}
li:last-child{border:0;margin:0;padding:0}
li:last-child:before,
li:last-child:after{display:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'NotoSansCJK', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
input[type="text"]:read-only{background-color:#f5f5f5;cursor:pointer}
button{cursor:pointer;background-color:transparent;border:0}
button:focus{outline:0}
img{max-width:100%}
textarea, select{font-family:'NotoSansCJK', sans-serif;font-size:1em}
select{margin:0}
table{border-collapse:collapse;width:100%}
table caption{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0;border:0 !important;overflow:hidden !important}
table,td,th{border-spacing:0}
em, address{font-style:normal}
/*select::-ms-expand{display:none} select design 시에만 풀기 */
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none;transition:.3s}
a:hover{text-decoration:none}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select,input[type=text],input[type=password], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
    -webkit-box-shadow:  0 0 5px #9ed4ff;
    -moz-box-shadow:  0 0 5px #9ed4ff;
    box-shadow: 0 0 5px #9ed4ff;
    border: 1px solid #558ab7 !important;
}


.guide-wrap{margin: 0 auto; max-width: 1000px;}