@charset "utf-8";
/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {font-family: 'SpoqaHanSansNeo-Bold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'SpoqaHanSansNeo-Medium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'SpoqaHanSansNeo-Regular';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'SpoqaHanSansNeo-Light';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');font-weight: normal;font-style: normal;}
/* ===================================
    Reset 초기화
====================================== */

body{letter-spacing: 0;font-family: 'Noto Sans KR', sans-serif, Apple-Gothic , Dotum ; -webkit-font-smoothing: antialiased;  -font-smoothing: antialiased;  color:#111; font-weight:300;line-height: 1.4; margin:0; padding:0; box-sizing: border-box;}
body, html {font-size:16px;height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus {text-decoration: none; }
a:hover, a:active{text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
img {max-width:100%; height:auto; }
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0;}
p {margin:0;}
b, strong { font-weight: 700;}
ul, li {list-style: none; margin: 0; padding:0;}
br{font-family: 'Noto Sans KR', sans-serif;}
span{vertical-align: middle;}

::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}
::-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

.ovflow-hidden{overflow: hidden;}

/* font family */
.point-font {font-family: 'Righteous',sans-serif, cursive;font-weight: 400;}
.main-font {font-family: 'Noto Sans KR', sans-serif}
.eng-font {font-family: 'Saira', sans-serif;}
.sec h1{font-family: 'SpoqaHanSansNeo-Bold', 'Sans-serif';}
.sec h2{font-family: 'SpoqaHanSansNeo-Medium', 'Sans-serif';}
.sec h3{font-family: 'SpoqaHanSansNeo-Regular', 'Sans-serif';}
.sec h4{font-family: 'SpoqaHanSansNeo-Light', 'Sans-serif';}


.color-point{color:#388dc8}
.color-white {color:#fff;}
.color-light-gray {color:#e5e5e5;}
.color-gray {color:#707070;}
.color-black{color:#3c3c3b;}


/* color */
.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}
.bg-point {background-color:#388dc8;}
.bg-light-gray {background-color:#f4f4f4;}
.bg-gray {background-color:#eeeeee;}
.bg-dark-gray {background-color:#404040;}


/* font size */
.font-12{font-size:0.75rem;}
.font-14{font-size:0.875rem;}
.font-15{font-size:0.9375rem;}
.font-16{font-size:1.0rem;}
.font-18 {font-size:1.125rem;}
.font-20 {font-size: 1.25rem;}
.font-22 {font-size: 1.375rem;}
.font-24 {font-size: 1.5rem;}
.font-25{font-size:1.5625rem;}
.font-26{font-size:1.625rem;}
.font-28{font-size:1.75rem;}
.font-30 {font-size: 1.875rem;}
.font-32{font-size:2.0rem;}
.font-34{font-size:2.125rem;}
.font-35 {font-size: 2.19rem}
.font-36{font-size:2.25rem;}
.font-38{font-size:2.375rem;}
.font-40 {font-size: 2.5rem;}
.font-50 {font-size: 3.125rem;}
.font-55{font-size:3.4375rem;}
.font-60 {font-size: 3.75rem;}
.font-65{font-size:4.0625rem;}
.font-70 {font-size: 4.375rem;}
.font-80 {font-size: 5rem;}
.font-85{font-size:5.3125rem;}
.font-90 {font-size: 5.625rem;}
.font-100 {font-size: 6.250rem;}
.font-120 {font-size: 7.500rem;}
.font-150{font-size:9.375rem;}
.font-200{font-size:12.5rem;}

/* font weight */
.bold100 {font-weight:100}
.bold200 {font-weight:200}
.bold300 {font-weight:300}
.bold400 {font-weight:400}
.bold500 {font-weight:500}
.bold600 {font-weight:600}
.bold700 {font-weight:700}
.bold900 {font-weight:900}



/* Margin */
.mt-10{margin-top: 0.625rem;}
.mt-15{margin-top:0.9375rem;}
.mt-20{margin-top: 1.25rem;}
.mt-25{margin-top:1.5625rem;}
.mt-30{margin-top: 1.875rem;}
.mt-35{margin-top:2.1875rem;}
.mt-40{margin-top: 2.5rem;}
.mt-45{margin-top: 2.8125rem;}
.mt-50{margin-top: 3.125rem;}
.mt-55{margin-top:3.4375rem;}
.mt-60{margin-top: 3.75rem;}
.mt-65{margin-top:4.0625rem;}
.mt-70{margin-top:4.375rem;}
.mt-80{margin-top: 5rem;}
.mt-85{margin-top:5.3125rem;}
.mt-90{margin-top:5.625rem;}
.mt-100{margin-top:6.25rem;}
.mt-150{margin-top:9.375rem;}
.mt-200{margin-top:12.5rem;}


.mr-0 {margin-right: 0 !important;}
.mr-10{margin-right: 0.625rem;}
.mr-15{margin-right:0.9375rem;}
.mr-20{margin-right: 1.25rem;}
.mr-25{margin-right:1.5625rem;}
.mr-30{margin-right: 1.875rem;}
.mr-35{margin-right:2.1875rem;}
.mr-40{margin-right: 2.5rem;}
.mr-45{margin-right: 2.8125rem;}
.mr-50{margin-right: 3.125rem;}
.mr-55{margin-right:3.4375rem;}
.mr-60{margin-right: 3.75rem;}
.mr-65{margin-right:4.0625rem;}
.mr-70{margin-right:4.375rem;}
.mr-80{margin-right: 5rem;}
.mr-85{margin-right:5.3125rem;}
.mr-90{margin-right:5.625rem;}
.mr-100{margin-right:6.25rem;}
.mr-150{margin-right:9.375rem;}
.mr-200{margin-right:12.5rem;}

.mb-0 {margin-bottom: 0 !important;}
.mb-10{margin-bottom: 0.625rem;}
.mb-15{margin-bottom:0.9375rem;}
.mb-20{margin-bottom: 1.25rem;}
.mb-25{margin-bottom:1.5625rem;}
.mb-30{margin-bottom: 1.875rem;}
.mb-35{margin-bottom:2.1875rem;}
.mb-40{margin-bottom: 2.5rem;}
.mb-45{margin-bottom: 2.8125rem;}
.mb-50{margin-bottom: 3.125rem;}
.mb-55{margin-bottom:3.4375rem;}
.mb-60{margin-bottom: 3.75rem;}
.mb-65{margin-bottom:4.0625rem;}
.mb-70{margin-bottom:4.375rem;}
.mb-80{margin-bottom: 5rem;}
.mb-85{margin-bottom:5.3125rem;}
.mb-90{margin-bottom:5.625rem;}
.mb-100{margin-bottom:6.25rem;}
.mb-150{margin-bottom:9.375rem;}
.mb-200{margin-bottom:12.5rem;}

.ml-10{margin-left: 0.625rem;}
.ml-15{margin-left:0.9375rem;}
.ml-20{margin-left: 1.25rem;}
.ml-25{margin-left:1.5625rem;}
.ml-30{margin-left: 1.875rem;}
.ml-35{margin-left:2.1875rem;}
.ml-40{margin-left: 2.5rem;}
.ml-45{margin-left: 2.8125rem;}
.ml-50{margin-left: 3.125rem;}
.ml-55{margin-left:3.4375rem;}
.ml-60{margin-left: 3.75rem;}
.ml-65{margin-left:4.0625rem;}
.ml-70{margin-left:4.375rem;}
.ml-80{margin-left: 5rem;}
.ml-85{margin-left:5.3125rem;}
.ml-90{margin-left:5.625rem;}
.ml-100{margin-left:6.25rem;}
.ml-150{margin-left:9.375rem;}
.ml-200{margin-left:12.5rem;}

.no-margin {margin:0 !important}
.m-auto {margin: 0 auto !important;}
.ml-auto {margin-left: auto;}
.mt-auto {margin-top: auto;}

/* Padding */
.pt-0 {padding-top: 0 !important;}
.pt-10 {padding-top: 0.625rem;}
.pt-20 {padding-top: 1.25rem;}
.pt-30 {padding-top: 1.875rem;}
.pt-40 {padding-top: 2.5rem;}
.pt-50 {padding-top: 3.125rem;}
.pt-60 {padding-top: 3.75rem;}
.pt-80 {padding-top: 5rem;}
.pt-100 {padding-top: 6.250rem;}

.pr-10 {padding-right: 0.625rem;}
.pr-20 {padding-right: 1.25rem;}
.pr-30 {padding-right: 1.875rem;}
.pr-40 {padding-right: 2.5rem;}
.pr-50 {padding-right: 3.125rem;}
.pr-60 {padding-right: 3.75rem;}
.pr-80 {padding-right: 5rem;}


.pb-0 {padding-bottom: 0 !important;}
.pb-10 {padding-bottom: 0.625rem;}
.pb-20 {padding-bottom: 1.25rem;}
.pb-30 {padding-bottom: 1.875rem;}
.pb-40 {padding-bottom: 2.5rem;}
.pb-50 {padding-bottom: 3.125rem;}
.pb-60 {padding-bottom: 3.75rem;}
.pb-80 {padding-bottom: 5rem;}

.pl-10 {padding-left: 0.625rem;}
.pl-20 {padding-left: 1.25rem;}
.pl-30 {padding-left: 1.875rem;}
.pl-40 {padding-left: 2.5rem;}
.pl-50 {padding-left: 3.125rem;}
.pl-60 {padding-left: 3.75rem;}
.pl-80 {padding-left: 5rem;}
.pl-100 {padding-left: 6.250rem;}

.no-padding {padding:0 !important}
.no-padding-right {padding-right:0 !important}

/* flex */
.flex {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-wrap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.flex-center {display: flex; align-items: center; justify-content: center;}

.flexin{display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}
.flexjc_c{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.flexjc_sb{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: space-between;justify-content: space-between;}
.flexjc_fs{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.flexjc_fe{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.flexai_c{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.flexai_fs{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.flexai_fe{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.flexai_st{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}

/* Text-align */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

/* position */
.relative {position: relative;}
.absolute {position: absolute;}


/* shadow */
.shadow {box-shadow: 0 0 7px rgba(0,0,0,0.1);}


/*여백없는 half*/
.half{width:50%;}

/*여백 있는 half*/
.half-1{width:49%;margin-right:2%;margin-top:2%;}
.half-1:nth-child(-n+2){margin-top:0;}
.half-1:last-child{margin-right:0;}
.half-1:nth-child(2n){margin-right:0}

/* width */
.width10 {width: 10%;}
.width30 {width: 30%;}
.width40 {width: 40%;}
.width50 {width: 50%;}
.width60 {width: 60%;}
.width100 {width: 100% !important;}

/*3개 박스*/
.box_wrap3 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap3:last-child {margin-bottom:0}
.box_wrap3 .box {width:32.3333%;margin-right:1.5%;margin-top:1.5%;}
.box_wrap3 .box:nth-child(-n+3) {margin-top:0}
.box_wrap3 .box:nth-child(3n) {margin-right:0}
.box_wrap3 .box:last-child {margin-right:0}

/*여백없는 3개 박스*/
.box_wrap3.mr-0 .box{width:33.3333%;margin-right:0;}
.box_wrap3.mr-0{margin-bottom:0}

/*4개 박스*/
.box_wrap4 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap4:last-child {margin-bottom:0}
.box_wrap4 .box {width:23.5%;margin-right:2%;margin-top:2%;box-sizing:border-box}
.box_wrap4 .box:nth-child(-n+4) {margin-top:0}
.box_wrap4 .box:nth-child(4n) {margin-right:0}
.box_wrap4 .box:last-child {margin-right:0}

/*5개 박스*/
.box_wrap5 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap5:last-child {margin-bottom:0}
.box_wrap5 .box {width:18%;margin-right:2%;margin-top:2%;box-sizing:border-box}
.box_wrap5 .box:nth-child(-n+5) {margin-top:0}
.box_wrap5 .box:nth-child(5n) {margin-right:0}
.box_wrap5 .box:last-child {margin-right:0}

/*section 레이아웃*/
.section {padding:200px 0;}
.container {max-width:1400px; margin:auto}
.cont_box {margin-top: 4.68rem;}
.tit {}


.section-left {padding-left: calc((100% - 1400px)/2);width:100%;}
.section-right {padding-right: calc((100% - 1400px)/2);width:100%;}


.visible-xs {display:none!important}
.hidden-xs {display:block!important}
.visible-md {display:none!important}
.hidden-md {display:block!important}
.pc_img {display:block!important}
.m_img {display:none!important}

.max1920{max-width: 1920px;margin: auto;}
.img-responsive {max-width: 100%;display: block;}
.clearfix {*zoom:1;}
.clearfix:after {content: '';clear: both;display: block;}

.map{width: 100% !important; height: 100% !important; margin: 0 auto !important; padding: 0 !important;border: 0 !important;}


/*게시판 스타일설정*/
div#bo_list, section#bo_w, article#bo_v, div#bo_gall {max-width:1400px;margin:80px auto 200px auto;font-size:0.85rem;}
.register{max-width:1400px;width:90%;margin:calc(5% + 100px) auto 5% !important;}
#bo_cate #bo_cate_on{color:#fff!important;background: #ff6182!important;border: 1px solid #ff6182!important;-webkit-box-shadow: none!important;-moz-box-shadow: none!important;box-shadow: none!important;}
#bo_cate a {border: 1px solid rgba(255, 97, 131,0.3)!important;color: rgba(255, 97, 131,0.8)!important;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {background: #ff6182!important;color:#fff!important}




@media (max-width: 1440px) {
body, html{font-size: 14px;}
.container{width:90%;margin:auto;}

.section-right{padding-right: 5%}
.section-left{padding-left: 5%}
.section {padding:130px 0;}

/*그누보드 팝업*/
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%}
div#bo_list, section#bo_w, article#bo_v, div#bo_gall {width:90%!important}
}

@media (max-width: 1240px) {

}

@media (max-width: 1024px) {
body, html {font-size: 11px;}
.section {padding:100px 0;}
}

@media (max-width: 990px) {
.visible-md {display:block!important}
.hidden-md {display:none!important}

/*box사이즈는 디자인에 따라 커스텀해서 쓰기*/
.half-1 {width:100%;margin-right:0}
.half {width:100%;}
.box_wrap3 .box{width:100%;margin-right:0}
.box_wrap3.mr-0 .box{width:100%;}
.box_wrap4 .box{width:100%;margin-right:0}
.box_wrap5 .box{width:100%;margin-right: 0;}
}



@media (max-width: 768px) {
.visible-xs {display:block!important}
.hidden-xs {display:none!important}
.pc_img{display:none!important}
.m_img{display:block!important}

.section {padding:80px 0;}
.cont_box {margin-top: 3.5rem;}
.mb-50 {margin-bottom: 2.2rem;}

/*그누보드 팝업*/
#hd_pop {width:100% !important;}
.hd_pops {left: 15px !important;right: 15px;}
.hd_pops img {width:100% !important;}
.hd_pops_con {width:100% !important;height:auto !important;}
}


@media (max-width: 500px) {
.tit {}
}