/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* ===================================
    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 {color:#000;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; word-break: keep-all;}
b, strong { font-weight: 600;}
ul, li {list-style: none; margin: 0; padding:0;}
br {font-family: 'Noto Sans KR', sans-serif;}
th {font-weight: normal;}
/* 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: 'Saira', sans-serif;font-weight: 400;}
.main-font {font-family: 'NotoSans', sans-serif;}


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


/* color */
.bg-point {background-color:#388dc8 !important;}
.bg-sky {background-color:#dfe9ef;}
.bg-gray {background-color:#f4f4f4 !important;}
.bg-dark {background-color:#3c3c3b;}
.bg-white {background-color:#fff;}


/* font size */
.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-26 {font-size: 1.625rem;}
.font-30 {font-size: 1.875rem;}
.font-34 {font-size: 2.125rem}
.font-35 {font-size: 2.19rem}
.font-40 {font-size: 2.5rem;}
.font-50 {font-size: 3.125rem;}
.font-60 {font-size: 3.75rem;}
.font-70 {font-size: 4.375rem;}
.font-80 {font-size: 5rem;}
.font-90 {font-size: 5.625rem;}
.font-100 {font-size: 6.250rem;}
.font-120 {font-size: 7.500rem;}
.font-130 {font-size: 8.125rem;}

.letter-sp {letter-spacing: -1px;}

.lh-17 {line-height: 1.7;}

/* 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-20 {margin-top: 1.25rem;}
.mt-30 {margin-top: 1.875rem;}
.mt-40 {margin-top: 2.5rem;}
.mt-50 {margin-top: 3.125rem;}
.mt-60 {margin-top: 3.75rem;}
.mt-80 {margin-top: 5rem;}
.mt-100 {margin-top: 6.250rem;}


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

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

.ml-10 {margin-left: 0.625rem;}
.ml-20 {margin-left: 1.25rem;}
.ml-30 {margin-left: 1.875rem;}
.ml-40 {margin-left: 2.5rem;}
.ml-50 {margin-left: 3.125rem;}
.ml-60 {margin-left: 3.75rem;}
.ml-80 {margin-left: 5rem;}

.no-margin {margin:0 !important}
.m-auto {margin: 0 auto !important;}
.mr-auto {margin-right: auto;}
.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;}
.j-center {justify-content: center;}
.a-center {align-items: center;}

/* 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:47.5%;margin-right:5%;}
.half-1:last-child{margin-right:0;}
.half-1:nth-child(2n){margin-right:0}

/* width */
.width10 {width: 10%;}
.width15 {width: 15%;}
.width20 {width: 20%;}
.width30 {width: 30%;}
.width40 {width: 40%;}
.width50 {width: 50%;}
.width60 {width: 60%;}
.width70 {width: 70%;}
.width80 {width: 80%;}
.width100 {width: 100% !important;}

/*3개 박스*/
.box_wrap3 {margin-bottom:2.5rem;display:flex;flex-wrap: wrap;}
.box_wrap3:last-child {margin-bottom:0}
.box_wrap3 .box {width:30%;margin-right:5%;margin-top:2.5rem}
.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_wrap.mr-0 .box{width:33.3333%;margin-right:0;}
.box_wrap.mr-0{margin-bottom:0}

/*4개 박스*/
.box_wrap4 {margin-bottom:2.5rem;display:flex;flex-wrap: wrap;}
.box_wrap4:last-child {margin-bottom:0}
.box_wrap4 .box {width:calc(88% / 4);margin-right:4%;margin-top:2.5rem;;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:2.5rem;display:flex;flex-wrap: wrap;}
.box_wrap5:last-child {margin-bottom:0}
.box_wrap5 .box {width:calc(88% / 5);margin-right:3%;margin-top:2.5rem;;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;text-align: center;}
.container {max-width:1400px; margin:auto}
.container2 {max-width:1140px; margin:auto}
.cont_box {margin-top: 4.68rem;}
.en_tit{font-family: 'Saira', sans-serif;font-size: 1.5rem;font-weight: 600;color:#388dc8; text-transform: uppercase;}
.tit {font-size: 2.19rem;font-weight: 600;color: #3c3c3b;}

.tit .sub_top_tit{align-self: center;}

.max1920{max-width: 1920px;margin: auto;}

.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}
.visible-lg {display:none!important}
.hidden-lg {display:block!important}

.border{padding:30px;border: 6px solid #f4f4f4;}

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



div#bo_list, section#bo_w, article#bo_v, div#bo_gall {max-width:1400px;margin:80px auto 200px auto;font-size:0.85rem;}

#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;}
.max1920{width:90%;margin:auto;}
.container{width:90%;margin:auto;}

.visible-lg {display:block!important}
.hidden-lg {display:none!important}

.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: 1180px) {
.container2{max-width: 90%;margin: auto;}
}

@media (max-width: 1024px) {

}

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

body, html {font-size: 11px;}
.section {padding:100px 0;}


.half-1 {width:100%;margin-right:0}
.half {width:100%;}

.box_wrap5 .box{width:100%;margin-right: 0;}


}

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

.font-130 {font-size: 7.273rem;}

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

.box_wrap4 .box{width:47.5%;margin-right:5%}
.box_wrap4 .box:nth-child(4n){margin-right: 5%;}
.box_wrap4 .box:nth-child(2n){margin-right: 0;}
.sub .box_wrap4 .box:nth-child(n+3):nth-child(-n+4){margin-top:2.5rem;}

.box_wrap3 .box{width:47.5%;}
.box_wrap3 .box:nth-child(3n){margin-right: 5%;}
.box_wrap3 .box:nth-child(2n){margin-right: 0;}
.sub .box_wrap3 .box:nth-child(3){margin-top:2.5rem;}

.border{padding: 15px}

/*그누보드 팝업*/
#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;}


/*그누보드 게시판 레이아웃*/
#bo_gall .gall_li{width:50%;}
.gall_row .box_clear{clear: none!important;}
#bo_gall .gall_li:nth-child(2n+1){clear:both!important}
#bo_gall .gall_box{margin-bottom:30px;}

}

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

#bo_gall .gall_li{width: 100%;}
.gall_row .box_clear{clear: none!important;}
}