::selection { background: #838077; color: #fff; } 

/* wrapper */
#contents { width:100%; height: calc(100vh - 80px); text-align:center; background:#FFFFFF; } 
.container { width:1200px; margin: 0 auto; } 
h1 { font-size: 2rem; font-weight: 900; } 
h2 { color: #1E1E1E; font-size: 40px; line-height: 1; font-weight:700; font-family:'Montserrat','Noto Sans KR', sans-serif; } 
h3 { color: #333; font-size: 28px; line-height: 1; font-weight:500; font-family:'Montserrat','Noto Sans KR', sans-serif; } 
p { font-size: 14px; line-height: 22px; word-break: keep-all; } 

.bg-white { background:#FFF; } 

/* TOP button */
#go-top { position: fixed; right:20px; bottom:20px; display: none; } 
#go-top a { width:45px; height:45px; display: block; cursor:pointer; text-align: center; font-size:10px; font-weight:600; line-height: normal; padding-top:22px; color: #FFF; background-color:rgba(0,0,0,0.6); background-image: url("../images/top-bg.png"); background-repeat:no-repeat; background-position: center 10px; border-radius:3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } 
#go-top a:hover { color: #FFF; } 



/* 카톡채널 퀵메뉴 */
.fixed-menu { position: fixed; right: 20px; /* bottom: 4.6rem;  */z-index: 5; display: flex; flex-direction: column; align-items: flex-end; gap: 1.2rem; transition: 0.3s; } 
.fixed-menu.sub-quick { right: 1rem; bottom: 1rem; } 
.fixed-menu.top { bottom: -4rem; } 
.fixed-menu.top .fixed-menu-top { visibility: hidden; } 
.fixed-menu a { display: flex; width: 3rem; height: 3rem; border-radius: 30rem; position: relative; transition: 0.3s; } 
.fixed-menu a { width: 8rem; align-items: center; justify-content: center; /* gap: 1rem; */ padding: 0 2rem; } 
.fixed-menu a .icon { position: static; transform: translate(0); /* padding-bottom: 12px; */}
.fixed-menu a .txt { position: relative; /* opacity: 1; visibility: visible; */ top: 3px; } 
.fixed-menu a .txt { /*  visibility: hidden; */ /* position: absolute; */ color: #371d1e; font-size: 18px; font-weight: 500; white-space: nowrap; transform: translateY(-5px);  } 
.fixed-menu a .icon {/*  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  */} 
.fixed-menu-top { background: #222; color: #fff; } 
.fixed-menu-top .icon { font-size: 3rem; } 
/* .fixed-menu-naver { background: #2DB400; color: #fff; } 
.fixed-menu-blog { background: #2DB400; color: #fff; }  */
.fixed-menu-blog .icon { font-size: 3rem; } 
.fixed-menu-contact { background: #FEE500; } 
.fixed-menu-contact .icon { font-size: 3rem; } 

/* 메인 퀵메뉴 위치조정 */
#main-quick{ right: 11vw; top: 16px;z-index: 9999999;}

@media screen and (max-width: 1750px){
    #main-quick{ right: 2vw; }
}
@media screen and (max-width: 1024px){
    #main-quick{ right: 10vw; top: 15px; }
    .fixed-menu a{width: 7.5rem; height: 2.2rem;}
    .fixed-menu a .txt{font-size: 15px;}
  
}

@media screen and (max-width: 500px){
    #main-quick{ right: 13vw; top: 15px; }
}
@media screen and (max-width: 375px){
    #main-quick{ right: 15vw; top: 15px; }
}


/* footer */

#footer { position: relative; display: flex; align-items: center; height: 15%; background: #fff; padding: 20px; text-align: center; font-size: 12px; line-height: 18px; } 
#footer .container { display: flex; flex-direction: row; } 
#footer .container > * { flex-basis: calc(100% / 3); } 
#footer .empty { width: 100%; } 
#footer a { color: #0c0c0c; } 
#footer .copyright_h1 { width: 100%; display: flex; flex-direction: column; } 
#footer .copyright_h1 > * { flex-basis: 50%; } 
#footer .copyright_h1 ul li { display: inline-block; padding-right: 6px; } 
#footer .copyright_h1 ul li:last-child { padding-right: 0; } 
#footer .copyright_h1 ul li a { display: block; color: #FFF; width: 42px; height: 2px; font-size: 17px; padding-top: 10px; border-radius: 30px; background-color: rgba(255, 255, 255, .1); } 
#footer .copyright_h1 ul li a:hover { background-color: rgba(255, 255, 255, .3); } 
#footer .copyright_logo { width: 100%; } 
#footer .footer_util { width: 100%; } 
#footer .footer_util li { display: inline-block; padding-right: 2px; } 
#footer .footer_util li a { display:block; color:#BBB; font-size:11px; border:1px solid #A0A0A0; padding:3px 10px; } 
#footer .footer_util li a:hover { background:#999; border:1px solid #999; color:#FFF; } 
#footer .footer_copyright { width: 100%; padding: unset; } 
#footer .footer_copyright ul { text-align: justify; } 
#footer .footer_copyright li { color: #0c0c0c; display: inline-block; padding-right: unset; font-weight: 300; /*justify-content: space-between; */ } 
#footer .footer_copyright li:last-child { padding-right:0; } 
#footer .footer_copyright li:nth-last-child(2) { padding-right:0; } 
#footer .copy_end { width: 100%; color: #ccc; } 
#footer .footer_logo { width: 100%; } 
#footer .footer_logo img { height: 70%; object-fit: contain; } 

#footer .fw-300 { /*font-weight: 300; */ } 

/* footer li custom */

#footer .footer_copyright li.size100 { width: 100%; } 
#footer .footer_copyright li.size50 { width: 49%; } 
#footer .footer_copyright li.size33 { width: 32%; } 


@media screen and (max-width: 1280px) {
/* 傍烹 */

.container { width:100%; } 

/* 辑厚胶 康开 */

#our-service { padding-bottom:50px; margin-top:0px; position:relative; } 
 }



@media screen and (max-width: 1200px) {
/* 傍烹 */

h2 { font-size:28px; line-height:34px; } 
h3 { font-size:22px; line-height:30px; } 
p { font-size:13px; line-height:18px; } 

.board_output td { font-size:13px; } 
.board_output a { font-size:14px !important; line-height:38px; } 

/* 窍窜 遣磐 康开 */

#footer { padding:30px 20px; } 
#footer .copyright { font-size:13px; line-height:20px; } 
#footer .copyright_sns ul li a { width:32px; height:32px; font-size:14px; padding-top:6px; } 
#footer .copyright_h1 ul li a { width:32px; height:32px; font-size:14px; padding-top:6px; } 
 }

@media screen and (max-width: 1100px) {
.slider-wrap { height: 83%; } 

#footer { height: 17%; } 
#footer .container { /*flex-direction: column; */ } 
#footer .container > * { flex-basis: 100%; } 

#footer .footer_copyright { width: 60%; margin: 0 auto; } 
#footer .footer_copyright li { width:100%; } 

#footer .empty { display: none; } 

#footer .footer_logo img { width: 60%; } 

}


@media screen and (max-width: 1024px) {
a.cs-btn { padding:7px; font-size:13px; } 
a.cs-btn2 { padding:7px; font-size:13px; } 
#contents { height: calc(100vh - 60px); } 


/* 傍瘤荤亲 眠免 */

.board_output a { font-size:13px !important; line-height:32px; } 
 }


@media all and (max-width: 992px) {}


@media all and (max-width: 768px) {

/* 傍烹 */

h2 { font-size:24px; line-height:30px; } 

/* footer */

#footer .container { flex-direction: column; } 
#footer .footer_logo img { width: 25%; } 
#footer ul li:first-child { display: none; } 

#footer ul li:nth-child(2), #footer ul li:nth-child(3), #footer ul li:nth-child(4), #footer ul li:nth-child(5) { width: 49% !important; } 
#footer ul li:nth-child(3) { text-align: right !important; } 
#footer ul li:nth-child(4) { text-align: left !important; } 
#footer ul li:nth-child(5) { padding-right: 0 !important; text-align: right !important; } 
#footer ul li:nth-child(6) { text-align: left !important; } 
}

@media all and (max-width: 680px) {}

@media all and (max-width: 520px) {
#footer .footer_copyright { width: 80%; } 
}

@media all and (max-width: 480px) {
}