@charset "UTF-8";
/*
default.css 홈페이지 전체 적용될 일반적인 스타일
메인 컬러 #a72429
메인 폰트 NotoSansKR
강조 폰트 컬러 #000
일반 폰트 컬러 #444
기본단위 rem, %, px
PC 모바일 기준 1200px (메인은 1310px 헤더푸터는 1720px)
*/

/*************** 모바일 기준 ***************/

/***** 폰트 *****/
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Thin.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Thin.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Thin.otf') format('truetype');
    font-weight:100;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-DemiLight.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-DemiLight.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-DemiLight.otf') format('truetype');
    font-weight:200;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Light.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Light.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Light.otf') format('truetype');
    font-weight:300;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Regular.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Regular.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Regular.otf') format('truetype');
    font-weight:400;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Medium.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Medium.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Medium.otf') format('truetype');
    font-weight:500;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Bold.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Bold.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Bold.otf') format('truetype');
    font-weight:700;
}
@font-face {
    font-family:'NotoSansKR';
    src:
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Black.woff2') format('woff2'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Black.woff') format('woff'),
        url('/fonts/NotoSansKR-WEB/NotoSansKR-Black.otf') format('truetype');
    font-weight:900;
}

/***** 기본 *****/
* {margin:0; padding:0; color:#444; caret-color:#a72429; hyphens:auto; -ms-hyphens:auto; -webkit-hyphens:auto;}
*::selection {background-color:#a72429; color:#fff;}
html {font-size:62.5%;}
body {font-family:'NotoSansKR'; overflow-y:scroll; font-size:1.6rem;}
a {text-decoration:none; color:inherit;}
font {color:inherit;}
ol,ul,li {list-style:none;}
img {vertical-align:top;}
div[onclick],li[onclick],img[onclick] {cursor:pointer;}

#wrapper {margin:0 auto;}
#wrapper > main {padding-top:6.5rem; transition-property:padding-top; transition-duration:.3s; transition-timing-function: ease-in;}
#wrapper > main.location {padding-top:11.1rem; transition:none;}

@media all and (min-width: 1310px){
    #wrapper > main {padding-top:8.6rem;}
}

/***** 버튼 *****/


/***** input *****/
input:not([type=checkbox]):focus, textarea:focus, select:focus {outline:none;}
input {font-family:'NotoSansKR'; border-radius:0;}
input[type=text],
input[type=number] {display:block; box-sizing:border-box; width:100%; height:5rem; margin-top:1rem; padding:0 7px; border:none; border-bottom:1px solid #ebebeb; line-height:2.6rem; font-size:1.6rem;}
input[type=text]:focus,
input[type=number]:focus:focus
{border-bottom:1px solid #a72429; color:#a72429;}
input[type="number"] {text-align:center;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=submit],
input[type=button] {width:180px; height:50px; background-color:#fff; border:solid 2px #a72429; font-size:1.6rem; font-weight:500; color:#a72429; cursor:pointer;}
input[type=submit] {width:100%; border:1px solid #a72429;}
input[type=submit]:hover,
input[type=button]:hover {background-color:#a72429; color:#fff;}
input[type=button]:focus, input[type=submit]:focus {text-decoration:underline; text-underline-offset:4px; color:#a72429;}
label {display:inline-flex; align-items:center;}
input[type=checkbox] {display:block; width:28px; height:28px; margin-right:8px; background-image:url('/images/default/checkbox.svg'); background-repeat:no-repeat; background-position:center center; background-size:cover; appearance:none;}
input[type=checkbox]:checked {background-image:url('/images/default/checked.svg');}
input[type=checkbox]:focus {outline-color:#a72429;}
textarea {box-sizing:border-box; width:100%; height:20rem; padding:0 7px; border:none; line-height:2.6rem; font-size:1.6rem; resize:none; font-family:'NotoSansKR';}
textarea:focus {color:#a72429;}
textarea::placeholder {line-height:2.6rem; font-size:1.6rem;}
textarea:focus::placeholder {color: #a72429;}
select {background-color:#fff; font-family:'NotoSansKR';}
button {appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-progress-appearance:none; background-color:#fff; border:none; font-family:'NotoSansKR';}

.input-file {display:flex; justify-content:space-between; margin:25px 0 0;}
.input-file > .file-box {box-sizing:border-box; width:100%; padding:17px; background-color:#f3f3f3; line-height:2.6rem; font-size:1.6rem; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.input-file > .button-u {box-sizing:border-box; width:35%; max-width:113px; margin-left:2%; padding:15px; border:solid 1px #b7b7b7; line-height:2.6rem; text-align:center; font-size:1.6rem; color:#000; cursor:pointer;}
.input-file > .button-u:hover {background-color:#b7b7b7; color:#fff;}
.input-file > .button-u:focus {border:1px solid #a72429; color:#a72429;}

@media all and (min-width: 1200px){
    input[type=text],
    input[type=number] {height:5.3rem; margin-top:2rem; line-height:2.3rem; font-size:1.6rem;}
    input[type=checkbox] {display:block; width:32px; height:32px;}
    input[type=submit],
    input[type=button] {width:260px; height:72px; border:2px solid #a72429; font-size:2.2rem;}
    textarea {height:24rem; line-height:2.4rem; font-size:1.6rem;}
    textarea::placeholder {line-height:2.4rem; font-size:1.6rem;}

    .input-file > .file-box {width:628px; font-size:1.6rem;}
    .input-file > .button-u {width:113px; margin-left:0; font-size:1.4rem;}
}
/***** 표 *****/


/***** 게시판 *****/


/***** 이미지 게시판 *****/


/***** 액티브 클래스 *****/
.color-main {color:#a72429}
.color-000 {color:#000;}
.color-777 {color:#777;}
.font-500 {font-weight:500!important;}
.font-bold {font-weight:bold!important;}
.hide, .hide-main {display:none!important;}
.header-border {border-bottom:1px solid #ebebeb;}
.rotate45 {transform:rotateZ(45deg);}
.rotate180 {transform:rotateZ(180deg);}
.rotate360 {transform:rotateZ(360deg);}
.rotate-360 {transform:rotateZ(-360deg);}
.required {margin-left:7px; line-height:1.7rem; font-size:1.4rem; font-weight:500; color:#a72429}
.line-x {width:100%; height:1px; background-color:#ebebeb;}