@charset "UTF-8"; /* 기본 설정들 */
html { overflow-x: hidden; } 
html * { word-break: keep-all; } 
html, body { font-family: "Noto Sans KR", sans-serif; } 
img, p, span, h1, h2, h3, h4, h5, h6 { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; } 
.p { display: block; } 
.m { display: none; } 
.fb { font-family: "Noto Sans KR"; font-weight: 600; font-style: bold; } 
html::-webkit-scrollbar { width: 8px; } 
html::-webkit-scrollbar-thumb { background-color: #2f3542; border-radius: 10px; } 

@media screen and (max-width: 1025px){
 .p { display: none; } 
 .m { display: block; } 
 }
/* 기본 설정들 */

/* 헤더 시작 */
header {background: #fff; transition: .3s; z-index: 9999; width: 100vw; height: 150px; position: fixed; top: 0;} 
header.on{box-shadow: 0px 3px 6px #00000021; height: 80px;}
header .cont {padding: 0 20px; align-items: center; position: relative; height: 100%; max-width: 1550px; display: flex; margin: 0 auto; justify-content: space-between; color: #fff;} 
header .cont .header-list { display: flex; align-items: center; } 
header .cont .m_gnb {display: none; width: 30px; margin-left: 30px; transition: .5s;align-items: center; justify-content: center; cursor: pointer; } 
/* header .cont .m_gnb:hover { transform: rotate(-90deg); }  */
/* header .cont .m_gnb span{width: 100%; height: 2px; display: flex;flex-direction: column; justify-content: space-between;} */




header .header-list-ham-bx { display: flex; } 
header .header-logo { cursor: pointer; position: relative;} 
header .header-logo img { width: fit-content; height: 100%;} 
header .cont .header-list-cont .header-list-tit { transition: .3s; padding: 25px 0 25px 55px; cursor: pointer; font-size: 18px; line-height: 27px; font-weight: bold;} 
header .cont .header-list-cont .header-list-tit:hover { color: #aaa; } 
header .cont .header-list-cont .header-list-tit:hover .header-smenu-bx { color: #161616; } 
header .header-2-bx { width: 350px; position: relative; } 
header .header-smenu-bx { height: 0; top: 0; position: absolute; width: 200px; left: 50%; transform: translateX(-50%); } 
header .header-smenu-bx.sub { display: flex; flex-direction: column; height: 100%; transition: .7s; } 
header .header-smenu-bx li { transition: color .3s; font-size: 18px; line-height: 27px; color: #161616; } 
header .header-smenu-bx li:hover { color: #aaa; } 

@media screen and (max-width: 1210px) { 
header { height: 80px; } 
header.on{height: 50px;}
header.on .cont .m_gnb .header-gnb{background: #000;}
 header .header-logo { } 
 header .sub-menu-bbx { display: none; } 
 header .cont .header-list { display: none; } 
 header .cont { justify-content: space-between; width: calc(100% - 14%); } 

 header .header-logo img { height: 100%;} 
 }
/* 헤더 끝 */

/* gnb-bx 시작 */
body { position: relative; } 
html.ham { overflow: hidden !important; } 
.gnb-bx {box-shadow: 0px 3px 6px #00000033; position: fixed; background: #000000c2; top: -100%; left: 0; width: 100vw; height: 100vh; z-index: 99999999999999; transition: top 0.4s ease-in; } 
html.ham .gnb-bx {box-shadow: 0px 3px 6px #00000033; top: 0; transition: top 0.4s ease-out; background: #000000c2; } 
.x-btn {z-index: 99; cursor: pointer; position: absolute; top: 5%; right: 5%; transition: transform 0.6s; font-size: 45px; color: #fff; } 
.x-btn:hover { transform: rotate(90deg); } 
/* gnb-bx 끝 */
/* gnb-bx 미디어 시작 */

@media screen and (max-width: 1210px){
 .gnb-bx { top: 0 !important; width: 70vw; height: 100vh; left: auto; bottom: auto; right: -100%; transition: right 0.4s ease-in; } 
 html.ham .gnb-bx { right: 0%; transition: right 0.4s ease-out; } 
 .m_bx { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 99999999999998; transform: translateX(100%); transition: background-color 0.4s; } 
 html.ham .m_bx { transform: translateX(0); transition: background-color 0.4s; } 
 .x-btn { top: 2%; } 
 }
/* gnb-bx 미디어 끝 */

@media screen and (max-width: 1210px){
 .side-gnb .side-gnb1.on { height: 313px; width: 58px; } 
 .side-gnb .side-gnb1.on .gnb-cont-txt { font-size: 10px; padding-top: 10px; } 
 .side-gnb .side-gnb1.on .gnb-cont.gnb-x { padding-bottom: 15px; } 
 .side-gnb .side-gnb1.on .gnb-cont.gnb-cont1 { padding-top: 20px; } 
 .side-gnb .side-gnb1.on .gnb-cont { padding-top: 11px; padding-bottom: 11px; } 
 .side-gnb .side-gnb1.on .gnb-cont.m { display: flex; } 
 .side-gnb .side-gnb1.on .gnb-cont.p { display: none; } 
 }

/* 헤더 꾸미기 시작 */
.back { padding: 50px 0 150px 0; } 
.color-5 { background: #353535; } 
/* 헤더 꾸미기 끝 */

/* 햄버거 메뉴 시작 */
.all-menu .wrap {box-shadow: 0px 3px 6px #0000004d; display: flex; color: #fff; height: 100%; align-items: center; } 
.wrap[max="1600"] { max-width: 1600px; } 
.wrap { width: 95%; margin: 0 auto; max-width: 1920px; } 
.all-menu .wrap .lay { display: flex; } 
.all-menu .wrap .lay h2.tit { font-size: 2.6041666667vw; letter-spacing: 0.07em; font-family: "REVONZA"; text-transform: uppercase; white-space: nowrap; margin-right: 45px; } 
.all-menu .wrap .lay .dep { display: flex; flex-wrap: wrap; margin-top: -85px; position: relative; } 
.all-menu .wrap .lay .dep::before { position: absolute; left: 0; top: 85px; height: calc(100% - 85px); width: 1px; content: ""; background: #fff; } 
.all-menu .wrap .lay .dep > li { padding: 0 60px 0 35px; margin-top: 85px; letter-spacing: -0.02em; border-left: 1px solid #fff; width: calc(25% - 96px); } 
.all-menu .wrap .lay .dep > li h3 { font-size: 1.25vw; font-weight: bold; white-space: nowrap; position: relative;} 
.all-menu .wrap .lay .dep > li h3::after{bottom: 0; left: 50%; transform: translateX(-50%); content: ''; display: block; position: absolute; width: 150px; height: 2px; background: #fff;}
.all-menu .wrap .lay .dep > li > .dep2 { font-size: 1.0416666667vw; font-weight: 400; margin-top: 25px; } 
.all-menu .wrap .lay .dep > li > .dep2 > li { cursor: pointer; } 
.all-menu .wrap .lay .dep > li > .dep2 > li span { padding-bottom: 2px; position: relative; } 

.all-menu .wrap .lay .dep > li:nth-of-type(1),
.all-menu .wrap .lay .dep > li:nth-of-type(5) { border-left: 0; } 
.all-menu .wrap .lay .dep > li > .dep2 > li + li { margin-top: 30px; } 
.all-menu .wrap .lay .dep > li > .dep2 > li span::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; transition: 0.4s; } 
.all-menu .wrap .lay .dep > li > .dep2 > li:hover span::after { width: 100%; } 

@media screen and (max-width: 1210px){
 .all-menu { left: auto; right: -100%; top: 0; width: 70%; transition: 0.4s right; background-size: 70% auto; background-position: bottom right; } 
 .all-menu .wrap { height: 100%; padding-top: 0; width: 100%; display: block; overflow-y: auto; } 
 .all-menu .wrap .lay { display: flex; box-sizing: border-box; padding: 85px 5% 85px; } 
 .all-menu .wrap .lay h2.tit { display: none; } 
 .all-menu .wrap .lay h2.tit { font-size: 25px; margin-right: 25px; } 
 .all-menu .wrap .lay .dep { display: block; margin-top: 0; flex: 1; } 
 .all-menu .wrap .lay .dep > li { transition: .4s; width: auto; padding: 0; border-left: 0; margin-top: 10px; overflow: hidden; height: 75px; line-height: 75px; text-align: center;} 
 /* 모바일 gnb 높이 여기서 설정 시작 */
 /* .all-menu .wrap .lay .dep > li:nth-child(1).hauto { height: 160px; } */
 /* 모바일 gnb 높이 여기서 설정 끝 */
 .all-menu .wrap .lay .dep > li h3 { font-size: 24px; position: relative; cursor: pointer; } 
 /* .all-menu .wrap .lay .dep > li h3::before { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); content: "▼"; font-family: remixicon; }  */
 .all-menu .wrap .lay .dep > li .dep2 { font-size: 16px; transition: 0.3s; height: auto; margin: 15px; list-style-type: disclosure-closed; } 
 .all-menu .wrap .lay .dep > li .dep2 > li { word-break: keep-all; } 
 .all-menu .wrap .lay .dep > li .dep2 > li + li { margin-top: 15px; } 
 .all-menu .wrap .lay .dep::before { display: none; } 
 .all-menu.active { right: 0; top: 0; } 
 .para br { display: none; } 
 .cir-3-media div:nth-child(3) { margin: -33px !important; } 

 header .header-list-ham-bx{display: none;}
 header .cont .m_gnb{position: relative; height: 23px; display: flex;flex-direction: column; justify-content: space-between;}
 header .cont .m_gnb .header-gnb{width: 100%; height: 3px; background: #000;}


 
 }
/* 햄버거 메뉴 끝 */

/* footer 시작 */
footer{text-align: center; color: #000; position: absolute; bottom: 30px;z-index: 99; width: 100vw; font-size: 14px;}
/* footer 끝 */

/* sub-footer 시작 */
.sub-footer { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; color: #fff; text-align: center; width: 100%; height: 350px; background: url(../img/sub-footer-b.png) center/cover no-repeat; } 
.sub-footer p:nth-child(1) { font-size: 36px; line-height: 48px; } 
.sub-footer p:nth-child(2) { font-size: 16px; line-height: 26px; margin-top: 20px; } 

@media screen and (max-width: 1210px){
 .sub-footer { padding-bottom: 0; } 
 .sub-footer p:nth-child(1) { font-size: 20px; line-height: 27px; } 
 }
/* sub-footer 끝 */

/* 스무스 스크롤 시작 */
#smooth-content { overflow: visible; width: 100%; } 
/* 스무스 스크롤 끝 */

/* 빠른 예약 시작 */
#quick_area { opacity: 0; visibility: hidden; transition: .3s; position: fixed; overflow: hidden; width: 100%; height: 60px; top: calc(100% - 60px); left: 50%; transform: translateX(-50%); pointer-events: none; } 
#quick_area.on { opacity: 1; visibility: visible; } 
.quick_put_btn.act { top: calc(100% - 60px); } 
body.on #quick_area { height: 360px; top: calc(100% - 360px); } 
body.on #quick_area .inside.act { height: 360px; pointer-events: visible; } 
#quick_area .inside.act { display: block; overflow: hidden; } 
#quick_area .inside .inner { transition: .3s; width: 100%; height: 300px; background-color: #aaa; position: relative; display: flex; justify-content: center; align-items: center; } 
body.on #quick_area .inside .inner { height: 300px; } 
#quick_area .cont { height: 100%; justify-content: space-evenly; align-items: center; display: flex; flex-direction: column; position: relative; } 
#quick_area .item_left fieldset { width: 690px; padding: 0; } 
#quick_area .item_left fieldset:first-child { display: flex; justify-content: space-between; } 
button,
fieldset,
select,
textarea { border: none; width: 100%; font-size: 16px; padding: 5px; } 
#quick_area .item_right { align-items: center; display: flex; flex-direction: column; justify-content: flex-end; position: relative; } 
#quick_area .item_right .ag_box { display: flex; align-items: flex-end; } 
#quick_area .item_right .ag_box input { position: absolute; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; } 
#quick_area .item_right .ag_box input::after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; transform: scale(0.6); border-radius: 50%; } 
#quick_area .item_right .ag_box input:checked::after { background-color: aqua; } 
#quick_area .item_right .ag_box input[id="chk"] + label { display: inline-block; width: 16px; height: 16px; border: 1px solid #bcbcbc; cursor: pointer; box-sizing: border-box; margin-right: 8px; } 
#quick_area label { color: #fff; white-space: no-wrap; display: flex; align-items: center; } 
#quick_area label .txt { cursor: pointer; transform: translateY(-1px); margin-left: 10px; } 
#quick_area .item_right .ag_box .ag_text { color: #fff; font-size: 14px; font-weight: 350; display: inline-block; } 
#quick_area .item_right .submit_box input { width: 200px; height: 50px; color: #fff; font-size: 20px; background: #7c2421; margin-top: 15px; cursor: pointer; border-radius: 10px; border: none; } 
#quick_area .item_right .submit_box input:active { box-shadow: inset -10px -1px -3px rgb(0, 0, 0, 0.5); position: relative; /* top: -2px; */ } 
#i_name,
#i_tel,
#qwr_4 { border: none; font-size: 16px; font-family: "Noto Sans KR", sans-serif; box-sizing: border-box; width: 225px; padding: 0 10px; } 
.item_left input::placeholder { font-family: "Noto Sans KR", sans-serif; } 
#i_subject,
#i_time { width: 340px; } 
#i_name,
#i_tel,
#qwr_4,
#i_subject,
#i_time { height: 50px; } 
.dn { display: none; } 

@media screen and (max-width: 1210px) {
    .sub-head .sub-head-fbx{width: 90%; height: 90%;}
    .sub-head{padding-top: 50px; height: 60vh;}
    .sub-head::after{padding-top: 50px; height: 60vh;}
    .sub-head .sub-head-fbx p:nth-child(1){font-size: 20px;}
    .sub-head .sub-head-fbx p:nth-child(2){margin-top: 15px; font-size: 50px; line-height: 60px;}
    .sub-head .sub-head-fbx .sub-head-line{margin-top: 30px;}
    .sub-head .sub-head-fbx p:nth-child(4){margin-top: 30px; font-size: 25px; line-height: 30px;}
    .sub-head .sub-head-fbx p:nth-child(5){font-size: 16px; line-height: 20px;}
}
/* 서브 헤드 메뉴 끝 */

/* 공통 제목과 소제목 시작 */
.cont-tit-txt{font-size: 35px;font-weight: bold;line-height: 45px; color: #aaa; text-align: center;}
.cont-sub-txt{font-size: 20px; line-height: 32px; color: #272727; text-align: center; margin-top: 25px; margin-bottom: 100px;}
/* 공통 제목과 소제목 끝 */

/* 기타 공유 설정들 시작 */
.fwb { font-weight: bold; } 
.p { display: block; } 
.m { display: none; } 
.curp { cursor: pointer; } 
.cont-b { width: 100%; min-height: calc(100vh - 200px); position: relative; } 
.cont-b.first{padding: 150px 0 50px;}
.cont-inner { max-width: 1550px; margin: 0 auto; min-height: calc(100vh - 300px); padding: 50px 20px; position: relative; } 
.bwhite { background: #fff; } 
.bgray { background: #f2f2f27e; } 
.cr { color: red; } 
.cont-inner-logo{position: absolute; left: -70px; top: 50%;transform: translateY(-50%);}
.cy{color: #EDC47C;}
.fw500{font-weight: 500;}
.fw300{font-weight: 300;}
@media screen and (max-width: 1210px){
 .p { display: none; } 
 .m { display: block; } 
 .cont-inner { width: 90%; padding: 0 0 50px; } 
 .cont-tit-txt{text-align: left; font-size: 25px; line-height: 30px;}
 .cont-sub-txt{text-align: left; font-size: 20px; line-height: 25px; margin-top: 15px; margin-bottom: 50px;}
}
/* 기타 공유 설정들 끝 */