/* header /////////////////// */
body{font-family: 'pretendard', "Microsoft YaHei", '微软雅黑', STXihei, '华文细黑', '宋體', 'simsun', Verdana, Tahoma, AppleGothic, sans-serif;}

.main .box1{ width: 90em;}
.main .box2{ width: 1100px; padding-left: 0;}
.sub .box2{width: 80em; padding-left: 0;}

#header .top_bannerSlider{display: none;}
#header .top_bannerSlider.new{display: block;}
#header .top_bannerSlider .bannerSlider .el, 
#header .top_bannerSlider .bannerSlider .el .bg{height: 7em;}
#header .headerWrap .menuWrap .logo img{width: 12em;}

#quick{display: none;}

body.main #header .headerWrap { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; background: #fff;}
#header .headerWrap .menuWrap .gnb_wrap{padding: 0 /* 1.7vw */0;}
body.main #header .headerWrap .topWrap{height: 2.5em;}
body.main #header .headerWrap .topWrap > *{height: 100%;}
body.main #header .headerWrap .topWrap,
body.main #header .headerWrap .menuWrap,
#header .headerWrap .menuWrap .gnb_wrap .gnb > li .dp2,
body.main #header .headerWrap .menuWrap .side_wrap{position: relative;}
#header .headerWrap .menuWrap .flexH,
#header .headerWrap .menuWrap .gnb_wrap .gnb > li,
#header .headerWrap .menuWrap .gnb_wrap .gnb > li .dp1{ height: 3em;}
body.main #header .headerWrap .topWrap .menu > li .in, 
body.main #header .headerWrap .menuWrap .flexH{height: 2.5em;}
#header .headerWrap .menuWrap .logo{ transform: translateY(-0.775em);}
#header .headerWrap .menuWrap{padding-top: 1.3em;}
body.main #header .headerWrap .menuWrap .logo,
body.main #header .headerWrap .menuWrap .gnb_wrap,
body.main #header .headerWrap .menuWrap .side_wrap .link_btn{display: block;}
#header .headerWrap .menuWrap:before{top:calc(4em - -0.3em);}
/* #header .headerWrap .menuWrap .gnb_wrap .gnb > li .dp2:before, #header .headerWrap .menuWrap .gnb_wrap .gnb > li .dp2:after{ top: 1em;} */
#header .headerWrap .menuWrap .gnb_wrap .gnb > li .dp1 .tt{font-size: 1em;}
#header .headerWrap .menuWrap .gnb_wrap .gnb > li .dp2{height: 100%;}

/* body.main #header .headerWrap .topWrap{border-bottom: 1px solid #e3e3e3;} */
body.main #header .headerWrap .topWrap .layR{padding-right: 0; }
#header .headerWrap .topWrap .layR{ gap: 1em;}

.header_con{position: relative;}

#header .headerWrap .topWrap .menu{margin-right: 1em;}
#header .headerWrap .topWrap{background: #634b3a  !important; border-top: 1px solid #ddd;}
#header .headerWrap .topWrap .menu > li .in{height: 2.75em; }
#header .headerWrap .topWrap .menu > li .in .tt{color: #fff;}
.main_search_form .inpTxt::placeholder{color: #eee;}
.main_search_form .inpTxt:focus{color: #fff !important;}
#header .headerWrap .topWrap .menu > li{position: relative;}
#header .headerWrap .topWrap .menu > li::before{position: absolute; content: ''; right: -.3em; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 100px; background: #fff;}
#header .headerWrap .topWrap .menu > li:nth-child(2):before{right: -0.2em;}
#header .headerWrap .topWrap .menu > li:last-child:before{display: none;}

.search_wrap{display: flex; align-items: center;}
.main_search_form{height: auto; display: flex ; align-items: center;}
.main_search_form .inpBtn{height: 100%; position: static; width: 2.5em;}
.main_search_form .inpTxt{ border-bottom: 2px solid #fff; border-radius: 0; padding-right: 0; padding: 0 .5em; width: 9em; background: none;}

/* 언어메뉴 */
#header .headerWrap .lang_wrap{ position:relative; z-index: 99;}
#header .headerWrap .lang_wrap .wrapBtn{  border:1px solid transparent; padding:0 2vmin; height:100%;display: flex; align-items: center; border-right: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box;}
#header .headerWrap .lang_wrap .wrapBtn .va{ font-size:.875em; color: #fff; font-weight:500; display: flex; align-items: center; gap: 0.3em;}
#header .headerWrap .lang_wrap.on .wrapBtn .va{color: #111;}
#header .headerWrap .lang_wrap .wrapBtn .arrow{ margin-left:1vmin}
#header .headerWrap .lang_wrap .wrapBtn .arrow:before{content:"\e936"; transition:.5s; display:block}
#header .headerWrap .lang_wrap.on .wrapBtn .arrow:before{ transform:rotate(180deg)}
#header .headerWrap .lang_wrap .langList{ position:absolute; left:0; top:100%; width:100%; background:var(--siteBg1); visibility:hidden; opacity:0; transition:.3s}
#header .headerWrap .lang_wrap .langList > li > a{ display:flex; align-items:center; gap:1vmin; box-sizing:border-box; padding:0 2vmin; height:2.7em; font-size:.938em; color: #fff;}
#header .headerWrap .lang_wrap .langList > li > a:after{ content:"\e907"; font-family:xeicon; margin-left:auto; display:block}
#header .headerWrap .lang_wrap .langList > li.on > a:after{ content:"\e928"}
#header .headerWrap .lang_wrap .langList > li:not(.on) > a:after{ transform:translateX(100%); opacity:0; transition:.3s}
#header .headerWrap .lang_wrap .langList > li:not(.on):hover > a{ background:rgba(0,0,0,.1)}
#header .headerWrap .lang_wrap .langList > li:not(.on):hover > a:after{ transform:translateX(0); opacity:1}
#header .headerWrap .lang_wrap .langList > li > a img{ height:1em; display:block;}
#header .headerWrap .lang_wrap.on .wrapBtn{ background: #f7f7f7;}
#header .headerWrap .lang_wrap.on .langList{ visibility: visible; opacity:1; background: #634b3a;}

.snsQuick{ position: fixed; z-index: 999; top: 50%; transform: translateY(-50%); right: -.4em;transform: translate(-50%, -50%);}
.snsQuick .sns_btn{ position:relative; width:3.5em; height:3.5em; border-radius:100%; background: #f9e000; margin-bottom: .5em;}
.snsQuick .sns_btn .xi {color: #333;}
.snsQuick .goTop{ width:3.5em; height:3.5em; background:#00b0f0; border-radius:100%; text-align:center; color:#fff; }
.snsQuick .sns_btn.c1 {background: #03C75A;}
.snsQuick .sns_btn.c1 .xi {color: #fff;}
.snsQuick .sns_btn.c2 {background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);}
.snsQuick .sns_btn.c2 .xi {color: #fff;}
.snsQuick .sns_btn.c3 {background: #2167be;}
.snsQuick .sns_btn.c3 .xi {color: #fff;}
.snsQuick .sns_btn.c4 {background: #ed3023;}
.snsQuick .sns_btn.c4 .xi {color: #fff;}

.snsQuick .goTop .tt{ display:block; font-size:.688em; font-weight:800;}
.snsQuick .goTop:hover{ background:#000;}




/* common */
.main .con_idx > .idx{ padding: 0 1.5em; box-sizing: border-box; border: 1px solid #e5e5e5; border-top: none;}

/* main */
.main_center .main_txt > .tit{margin-bottom: 0;}
.main_center .main_txt{margin-bottom: 1em;}
.main_center .main_txt.sub_tit{margin-bottom: 0;}
.main_txt .t7{font-size: 1.5em;}
.main_con.pd5{padding: 5em 0;}
.main_con.pd4{padding: 3em 0;}

/* 비주얼이미지 */
.main_visual{ padding-top: 7.8em;}
.visualSlider .swiper-wrapper{border-radius: 0;}
.visualSlider_wrap{padding: 20em 0 0;}
.main_bnList2 > .list{margin: 0; border-radius: 1em 1em 0 0; overflow: hidden;}
.main_bnList2 > .list > li .wrap_in{margin: 0; padding: 1.3em 1em; background: #ed1c24; position: relative;}
.main_bnList2 > .list > li .wrap_in::before{content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 45%; background: #f95c62; transform: translateY(-50%);}
.main_bnList2 > .list > li:last-child .wrap_in::before{display: none;}

/* 즐겨찾는 메뉴 */
.mainFav {position: relative; z-index:222;}
.mainFav > .box1{gap: 3.5em;}
.mainFav .box {position: relative; flex: 1 1 20%; max-width: 50%; padding: 1.8em; display: flex; flex-direction: column; box-sizing: border-box; color: #fff; }
.mainFav .box.bg3,
.mainFav .box.bg4{color: #fff;}
.mainFav .box.space{justify-content: space-between;}
.mainFav .box h2 {font-size:23px; font-weight:700; }
.mainFav .box p {font-size:0.94em; margin-top:1em; min-height: 5em;}
.mainFav .box .btn {}
.mainFav .box .btn a { display: block; text-align:center; width: 100%; padding: .8em; font-size: 0.94em; color:#fff; text-decoration: none; color: #111;/*  border: 1px solid rgba(255, 255, 255, 0.5); */background: #fff; margin-top: .6em; box-sizing: border-box; border-radius: 4em;}
.mainFav .box .btn a.c1 {background:#d40f17;}
.mainFav .box .btn a.c2 {background:#aa1402;}
.mainFav .box .btn a:hover { background:#fff; color:#e30c10;}


.mainFav .bg1 {background:#feb00e;  transition: border-color 0.3s;}
.mainFav .bg2 {background:#ff8b00;  transition: border-color 0.3s;}
.mainFav .bg3 {background:#ed1c24;   transition: border-color 0.3s;}
.mainFav .bg4 {background:#7b6256;   transition: border-color 0.3s;}

/* .mainFav .bg1 {background:#ffce42;  transition: border-color 0.3s;}
.mainFav .bg2 {background:#feb00e;  transition: border-color 0.3s;}
.mainFav .bg3 {background:#5f483c;   transition: border-color 0.3s;}
.mainFav .bg4 {background:#3b2920;   transition: border-color 0.3s;} */
.mainFav .bg5 {background:#634b3a;   transition: border-color 0.3s;}
.mainFav .bg6 {background:#eee;   transition: border-color 0.3s;}

.mainFav .top{width: 100%;}
.mainFav .top .mainFavmenu{width: 100%; overflow: hidden;}
.mainFav .bottom{width: 100%;}

.main_bnList1{width:100%; }
.main_bnList1.st1 > .list{ margin: 0; height: 100%;}
.main_bnList1.st1 > .list > li{ }
/* .main_bnList1.st1 > .list > li.searchCon .wrap_in{padding: 0 2em; background: none;} */
.main_bnList1.st1 > .list > li.timeCon{flex: 1;}
.main_bnList1.st1 > .list > li .wrap_in{margin: 0; background: #ff8b00; padding: 2em; text-align: left; display: flex ; flex-direction: column; justify-content: center;}
.main_bnList1.st1 > .list > li .time_wrap{padding: 2.5em 2em;  box-sizing: border-box; border-radius: 1em; background: #fff;}
.main_bnList1.st1 > .list > li .time_wrap > .line{height: 3em; width: 1px; background: #ccc;}
.main_bnList1.st1 > .list > li .time_wrap > .time{color: #111; margin-top: 0; padding-left: 0; width: 50%;}
.main_bnList1.st1 > .list > li .time_wrap > .time > li.flex .txt{ flex:none;}
.main_bnList1.st1 > .list > li .time_wrap > .times_box{ font-size: 1.06em; }
.main_bnList1.st1 > .list > li .time_wrap > .time .t2{font-size: 1.38em;}
.main_bnList1.st1 > .list > li .time_wrap > .time .t6{ font-size:1.25em;}
.main_bnList1.st1 > .list > li .time_wrap > .time.st2 > li.flex .icon{position: static; transform: translateY(0);}
.mainFavmenu .searchCon .more_btn .btn{ font-size: 0.94em; border-radius: 100px; font-weight: 500; box-sizing: border-box; display: flex ; align-items: center; gap: .5em; }
.mainFavmenu .searchCon{margin-bottom: 0.7em;}

.main_more > .more{padding: 0.8em 1.8em;}
.main_more > .more.c4{ background: #111; color: #fff;}
.main_more > .more.c4:hover{ background: #fff; color: #ff8b00;}
.main_more.p2{padding-top: 1.3em;}

.swiper_control .btn,
.swiper_control .paging > span{opacity:unset;}
.swiper_control .paging{display: flex;}
.swiper_control .paging > span{width: .5em; height: .5em; border-radius: 100px; border: 1px solid #fff; background: none;}
.swiper_control .paging > span.swiper-pagination-bullet-active{background: #fff;}
.mainMark_pos.pos1{ right: -10.5em; bottom: -6.75em;}
.mainMark_pos.pos1 > img{filter: invert(66%) sepia(79%) saturate(3133%) hue-rotate(344deg) brightness(104%) contrast(95%); width: 17em;}

.main_quick {border: 2px solid #e87f40; margin-top: 1em; border-radius: 1em; padding: 1em;}
.main_quick li {border-bottom: 1px dashed #ddd;}
.main_quick li:last-child {border-bottom: unset;}
.main_quick li > a {display: block; padding: 0.6em; text-align: center;}
.main_quick li:hover > a {background: #e87f40; font-weight: 600; color: #fff; border-radius: .5em;}

.main_visual .right_visual {width: 80%; }

.banner_wrap {height: 100%; width: 100%; overflow: hidden;} 
.banner_wrap .banner_top { padding: 1em 1.5em; } 
.banner_wrap .banner_top > .tit { font-size: 1.125em; font-weight: 600; color: #111; } 
.bannerSlide_wrap { height: 100%; position: relative;} 
.bannerSlide_wrap .bannerSlide { height: 100%;} 
.bannerSlide_wrap .bannerSlide .swiper-wrapper{}
.bannerSlide_wrap .bannerSlide .swiper-slide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide.el { } 
.bannerSlide_wrap .bannerSlide .banner_img { display: block; width: 100%; height: 100%; } 
.bannerSlide_wrap .bannerSlide .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 
.bannerSlide_wrap .banner_control { padding: .2em 1em; box-sizing: border-box; display: flex; align-items: center; } 
.bannerSlide_wrap .banner_control .current_con { font-size: 1.05em; color: #111; font-weight: 600; } 


/* new */
.visualSlider_wrap2 {position: relative; padding-top: 108px;}
.vod_wrap { position:relative } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100% } 
.visualSlider2 .el { position: relative; overflow:hidden; height:44vh; background:#fff } 
.visualSlider2 .el .bg { position:absolute; left:0; top:0; width:100%; height:100%;} 
.visualSlider2 .el .vod_wrap { position:relative; height:100% } 
.visualSlider_wrap2 .visualCon {position: absolute; bottom: 0; z-index: 10; left: 50%; transform: translate(-50%, -50%);}

/* 가로 배너 */
.banner_wrap .swiperControl{ display:flex; align-items:center; z-index:10; position: absolute; bottom: .5em; left: 50%; transform: translateX(-50%); width: 100%; color: #fff;}
.banner_wrap .swiperControl.hc{ justify-content:center;}
.banner_wrap .swiperControl .paging{ position:relative; width:auto; display:flex; align-items:center; gap:.5em; bottom:unset;}
.banner_wrap .swiperControl .paging.grow{ flex:1 1 0%; min-width:0}
.banner_wrap .swiperControl .paging:first-child{ margin-right:1em}
.banner_wrap .swiperControl .paging.swiper-pagination-progressbar{ height:2px;}
.banner_wrap .swiperControl .paging.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#111}
.banner_wrap .swiperControl .paging.swiper-pagination-fraction{ line-height:1}
.banner_wrap .swiperControl .paging.swiper-pagination-fraction > span.swiper-pagination-current{ color:var(--siteC); font-size:1.25em; font-weight:700}
.banner_wrap .swiperControl .paging.swiper-pagination-fraction > span.swiper-pagination-total{ color:#333; position:relative}
.banner_wrap .swiperControl .paging .swiper-pagination-bullet{ position:relative; border:1px solid #fff; background:none; opacity:1; border-radius:0; width:.5em; height:.5em; margin:0 .125em; transition:.5s}
.banner_wrap .swiperControl .paging .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; transform:rotate(45deg)}
.banner_wrap .swiperControl .paging.white.swiper-pagination-progressbar{ filter:brightness(0) invert(1)}

.banner_wrap .swiperBtn{ width:2.5em; height: 2.5em; position: static; display:flex; align-items:center; justify-content:center; z-index:100; cursor:pointer; font-size:1.125em; opacity:1; transition:.3s}
.banner_wrap .swiperBtn.prev,
.banner_wrap .swiperBtn.next{ margin: 0 0.4em;}
.banner_wrap .swiperBtn:before{font-family:xeicon}
.banner_wrap .swiperBtn.prev:before{content:"\e93d"}
.banner_wrap .swiperBtn.next:before{content:"\e940"}
.banner_wrap .swiperBtn.pause:before{content:"\ea3b"}
.banner_wrap .swiperBtn.play:before{content:"\ea3e"}
.banner_wrap .swiperBtn.ab{ position:absolute; top:50%;}
.banner_wrap .swiperBtn.ab.prev{ left:0; transform:translate(-50%, -50%)}
.banner_wrap .swiperBtn.ab.next{ right:0; transform:translate(50%, -50%)}
.banner_wrap .swiperBtn.ab.in.prev{ transform:translate(.5em, -50%)}
.banner_wrap .swiperBtn.ab.in.next{ transform:translate(-.5em, -50%)}
.banner_wrap .swiperBtn.line{ border:1px solid #ddd}
.banner_wrap .swiperBtn.round{ border-radius:50%}
.banner_wrap .swiperBtn.s1{ font-size:2em}
.banner_wrap .swiperBtn.ico1.prev:before{ content:"\e908"}
.banner_wrap .swiperBtn.ico1.next:before{ content:"\e90b"}
.banner_wrap .swiperBtn:hover{ background:#111; border-radius: 100px; color:#fff}
.banner_wrap .swiperBtn.white{ color:#fff; border-color:rgba(255,255,255,.5)}
.banner_wrap .swiperBtn.c1{ background:#ddd; color:#666;}
.banner_wrap .swiperBtn.line.white:hover,
.banner_wrap .swiperBtn.line.white.play{ background:#1f5aa7; border-color:rgba(255,255,255,.2)}


/* 전문/의료센터 */
.main_center {margin-top: 3em;padding: 3em 0 5em;}
.main_center .inner{flex-direction: column; }
.main_center.st1 .main_centerList .list{margin: 0;}
.main_center.st1 .main_centerList .list > li .in{min-height: auto; margin: -1px -1px; padding: 1em; border-radius: 0; display: flex ; align-items: center; box-sizing: border-box; gap: 0 0.6em;}
.main_center.st1 .main_centerList .list > li .in:hover{ border-color: #e5e5e5;  background: #f7f7f7; }
.main_center.st1 .inner > .wrap_in{padding: 0; border: none;}
.main_center.st1 .main_centerList .list > li .in .icon{position: static; background: #ff8b00; border-radius: 100px; flex-shrink: 0;}
/* .main_center.st1 .main_centerList .list > li:nth-child(2n) .in .icon{background: #ff8b00;} */
/* .main_center.st1 .main_centerList .list > li:nth-child(3n) .in .icon{background: #ba1010;} */
.main_centerList .list > li .in .icon img{ padding: 0.6em; box-sizing: border-box;}
.main_bnList4 > .list > li .link_wrap .link_list > li .in:hover .in_icon img{ transform:rotateY(180deg); }
.main_centerList .list > li .in .tit > .tt{font-size: 1em;}

.notice_menu{ margin-top: 2em;}
.notice_menu .wrap_in {padding: 2em;}
.notice_menu .wrap_in .link_list li{flex: 1; border-right: 1px solid rgba(0,0,0,.3);}
.notice_menu .wrap_in .link_list li:last-child{border: none;}
.notice_menu .wrap_in .link_list > li .in .in_icon{ margin-bottom:.75em;}
.notice_menu .wrap_in .link_list > li .in .main_txt .tt{color: #fff;}

.main_bnWrap{margin-top: 1em;}
.main_bnWrap .list{gap: 1.5em;}
.main_bnList4 > .list > li{ flex: 1 1 calc((100% - 1.5em) / 2);}
.main_bnList4 > .list > li .wrap_in{ padding: 3em 2.25em 3em 2.25em;}
.main_bnList4 > .list > li .wrap_in.mainBg.bg4{padding: 4em 2.25em 4em 2.25em;}

.main_bnList4 > .list > li .wrap_in.QrImg .icon{right: 3em; bottom: 3em;}
.main_bnList4 > .list > li .wrap_in.QrImg .icon img{width: 6em;}

/* footer ////////////////// */
/* .quick_layer #quickW .quick_link .list.Quick_Sns{flex-direction: row;} */
.q_sns{}
.q_sns > .in{width: 100%;}
.q_sns > .in .xi{ font-size:1.125em; }
.q_sns > .in.kakao .xi{ font-size:1.375em;}
.q_sns > .in.blog .xi    { color:#07bb58 !important;}
.q_sns > .in.youtube .xi  { color:#ed3023 !important;}
.q_sns > .in.facebook .xi  { color:#2167be !important;}
.q_sns > .in.instagram .xi { color:#e82155 !important;}
.q_sns > .in.kakao .xi    { color:#391b1b !important; }
.q_sns > .in.blog .xi:before     { content:"\ebf9";}
.q_sns > .in.youtube .xi:before  { content:"\ec32";}
.q_sns > .in.facebook .xi:before { content:"\ebd3";}
.q_sns > .in.instagram .xi:before{ content:"\ebe9";}
.q_sns > .in.kakao .xi:before    { content:"\ebee";}

#quickW .quick_wrap .q_sns .in.st1{padding: 0.9em .5em;}


#footer{ background: #3b2920;}
#footer .menuWrap .menu_wrap > li .in{color: #ddd; padding: .5em 1em; }
#footer .menuWrap .menu_wrap > li .in:before{background: #75594c;}
#footer .copyWrap .info_wrap .info > li .tt{color: #fff;}
#footer .copyWrap .info_wrap .copy .tt{color: #fff;}


/* 퀵메뉴 */
/*quick*/
.quick_layerM{ display:none;}
#quickW{ position:fixed; z-index:1000; transition:.2s;}
/* .main #quickW {opacity:0; visibility:hidden;} */
.allOn .quick_layer #quickW{display: none;}
.main.scroll #quickW { opacity:1; visibility:visible;}
.quick_layer #quickW{top: 50%; transform: translateY(-50%); left: 0; width:6em; }
.quick_layer #quickW .quick_btn{ position:absolute; top:50%; left:99%; padding: 0 .3em; text-align:center; background:#3b2920; cursor:pointer; transition:.2s; border: 1px solid #d8dae4;box-shadow: 0 0.25em 0.75em rgba(27,60,111,.15); border-radius: 0 1em 1em 0; flex-direction: row-reverse; padding: 1.1em 1em; align-items: center; gap: .5em; transform: translateY(-50%);}
.quick_layer #quickW .quick_btn.flexAc{ flex-direction:column;}
.quick_layer #quickW .quick_btn > *{ display:block; color:#fff;}
.quick_layer #quickW .quick_btn .xi{ font-size:1.375em;}
.quick_layer #quickW .quick_btn .tt{ font-size:.875em; font-weight:500; writing-mode: vertical-rl;}
.quick_layer #quickW .quick_wrap{ position:relative; height:100%; }

.quick_layer #quickW .quick_top{ position:relative; background:#108ad3; color:#fff;}
.quick_layer #quickW .quick_top > *{ position:relative; z-index:2;}
.quick_layer #quickW .quick_top .welcome{ display:block; padding:.5em 0; text-align:center;}
.quick_layer #quickW .quick_top .welcome img{ width:6em;}
.quick_layer #quickW .quick_top .welcome .tt{ display:block; font-size:1.063em; color:#fff; line-height:1.3;}
.quick_layer #quickW .quick_top .welcome .t1{ font-weight:700;}
.quick_layer #quickW .quick_top .welcome .t2{ font-weight:300;}
.quick_layer #quickW .quick_top .today{ border:1px solid rgba(255,255,255,.6); border-radius:.4em;}
.quick_layer #quickW .quick_top .today .tit{ padding:.5em .5em; border-bottom:1px solid rgba(255,255,255,.6); text-align:center;}
.quick_layer #quickW .quick_top .today .tit .xi{ font-size:1.250em;}
.quick_layer #quickW .quick_top .today .tit .tt{ font-size:.938em;}
.quick_layer #quickW .quick_top .today .con{ padding:.938em;}
.quick_layer #quickW .quick_top .today .con > li{ position:relative; margin-top:.313em; padding-left:3.5em; text-transform:uppercase;}
.quick_layer #quickW .quick_top .today .con > li:first-child{ margin-top:0;}
.quick_layer #quickW .quick_top .today .con > li > *{ display:block;}
.quick_layer #quickW .quick_top .today .con > li .tt{ position:absolute; top:.125em; left:0; font-size:.688em;}
.quick_layer #quickW .quick_top .today .con > li .num{ font-size:.813em; font-weight:700;}

.quick_layer #quickW .quick_menu{}
.quick_layer #quickW .quick_menu .list > li{ margin-top:.313em;}
.quick_layer #quickW .quick_menu .list > li .in{ display:block; color:#333;}
.quick_layer #quickW .quick_menu .list > li .in .icon{ margin-right:.5em; width:2.75em; height:2.75em; border:1px solid #d4d5d8; border-radius:100%;}
.quick_layer #quickW .quick_menu .list > li .in .icon img{ max-height:1.5em; transition:.4s;}
.quick_layer #quickW .quick_menu .list > li .in .tt{ display:inline-block; font-size:.938em;}
.quick_layer #quickW .quick_menu .list > li:hover .in .icon img{ transform:rotateY(360deg);}
.quick_layer #quickW .quick_menu .list > li:hover .in .tt{ color:#d82744;}

#quickW .quick_link { background-color:#fff; border-radius: 0 1em 1em 0; overflow: hidden; box-shadow: 2px 0 20px rgba(0, 0, 0, .2);}
#quickW .quick_link .list{ align-items:stretch;}
#quickW .quick_link .list > li{ display:flex;}
#quickW .quick_wrap .in.st1{ flex:1; flex-direction:column; justify-content:center; text-align:center; padding:.5em .5em .9em;}
#quickW .quick_wrap .in.st1 > *{ display:block;}
#quickW .quick_wrap .in.st1 .xi{ font-size:1.500em; line-height:1; margin-bottom:.125em; color: #000;}
#quickW .quick_wrap .in.st1 .tt{ font-size:.750em; color: #111; line-height: 1.4;}

.quick_layer #quickW .quick_link .list{ flex-wrap:wrap; align-items:stretch; flex-direction: column;}
.quick_layer #quickW .quick_link .list > li{ flex:1 0 50%;}
.quick_layer #quickW .quick_link .list > li .logo_icon{padding: .3em 0 0;}
.quick_layer #quickW .quick_link .list > li .logo_icon img{height: 36px; object-fit: contain;}
.quick_layer #quickW .quick_link .list > li .in{ transition:.2s; border-bottom: 1px solid #ddd;}
.quick_layer #quickW .quick_link .list > li:not(.quick_tit):hover .in{ background:#ddd; border-color:#ddd; color:#fff;}
.quick_layer #quickW .quick_link .list > li.quick_tit{background: #5f483c; padding: 1.5em 0; justify-content: center; line-height: 1.5; letter-spacing: 0.8px;}
.quick_layer #quickW .quick_link .list > li.quick_tit .in{border-bottom: none; color: #fff;}


#quickW .quick_cs{}
#quickW .quick_cs .btn{ display:none;}
#quickW .quick_cs .cs{ padding:1em;background: #f8f8f8; border-bottom: 1px solid #ddd; }
#quickW .quick_cs .cs .tt,
#quickW .quick_cs .cs .tt2,
#quickW .quick_cs .cs .num{ color:#333;}
#quickW .quick_cs .cs > dt{ margin-bottom:.75em;}
#quickW .quick_cs .cs > dt .tt{ font-size:.938em; font-weight:600; color: #0060ae;}
#quickW .quick_cs .cs > dd{ position:relative; margin-top:.313em; padding-left:2.75em;}
#quickW .quick_cs .cs > dd *{ display:block;}
#quickW .quick_cs .cs > dd .tt{ position:absolute; top:.125em; left:0; font-size:.688em;}
#quickW .quick_cs .cs > dd .tt2{ font-size:.750em;}
#quickW .quick_cs .cs > dd .num{ font-size:.813em; font-weight:700;}
#quickW .quick_cs .cs > dd .c1{ color:#da3558;}

.quick_layer #quickW .go_top_wrap { background-color:#fff; padding: 0 0 1em; text-align: center;}
.quick_layer #quickW .goTop{ width:3.5em; height:3.5em; background:#313851; border-radius:100%; text-align:center; color:#fff; transition:.2s;}
.quick_layer #quickW .goTop .xi{ font-size:1.500em; line-height:1;}
.quick_layer #quickW .goTop .tt{ display:block; font-size:.688em;}
.quick_layer #quickW .goTop:hover{ background:#108ad3;}

#footer.quick_close .quick_layer #quickW{ left: -6em;}
#footer.quick_close .quick_layer #quickW .quick_btn{ width:auto; background:#ff8b00; left: 100%;}
#footer.quick_close .quick_layer #quickW .quick_btn .xi:before{ content:"\e93b";}
#footer.quick_close .quick_layer #quickW .quick_btn .tt{ display:block !important;}

#footer.quick_open .quick_layer #quickW{ right:-13em;}
#footer.quick_open .quick_layer #quickW .quick_btn{ width:2em; background:#313851;}
#footer.quick_open .quick_layer #quickW .quick_btn .xi:before{ content:"\e93b";}
/* #footer.quick_open .quick_layer #quickW .quick_btn .tt{ display:none;} */
#footer .copyWrap .logo{opacity: 1;}
#footer .copyWrap .logo img{filter: brightness(0) invert(1);}

#quickW .mShow{ display:none !important;}

/* 푸터 언어/패밀리사이트 메뉴 */
#footer .Rmenu_wrap .lang_wrap{ position:relative; z-index: 99;}
#footer .Rmenu_wrap .lang_wrap .wrapBtn{  border: 2px solid #75594c; padding:0 2vmin; height: 3em;display: flex; align-items: center; box-sizing: border-box;}
#footer .Rmenu_wrap .lang_wrap .wrapBtn .va{ font-size:.875em; opacity:.8; font-weight:500; display: flex; align-items: center; gap: 0.3em; color: #fff;}
#footer .Rmenu_wrap .lang_wrap.on .wrapBtn .va{color: #111;}
#footer .Rmenu_wrap .lang_wrap .wrapBtn .arrow{ margin-left:1vmin}
#footer .Rmenu_wrap .lang_wrap .wrapBtn .arrow:before{content:"\e936"; transition:.5s; display:block}
#footer .Rmenu_wrap .lang_wrap.on .wrapBtn .arrow:before{ transform:rotate(180deg); }
#footer .Rmenu_wrap .lang_wrap .langList{ position:absolute; left:0; top: -5em; width:100%; background:var(--siteBg1); visibility:hidden; opacity:0; transition:.3s}
#footer .Rmenu_wrap .lang_wrap .langList > li > a{ display:flex; align-items:center; gap:1vmin; box-sizing:border-box; padding:0 2vmin; height:2.7em; font-size:.938em; color: #fff;}
#footer .Rmenu_wrap .lang_wrap .langList > li > a:after{ content:"\e907"; font-family:xeicon; margin-left:auto; display:block}
#footer .Rmenu_wrap .lang_wrap .langList > li.on > a:after{ content:"\e928"}
#footer .Rmenu_wrap .lang_wrap .langList > li:not(.on) > a:after{ transform:translateX(100%); opacity:0; transition:.3s}
#footer .Rmenu_wrap .lang_wrap .langList > li:not(.on):hover > a{ background:rgba(0,0,0,.1)}
#footer .Rmenu_wrap .lang_wrap .langList > li:not(.on):hover > a:after{ transform:translateX(0); opacity:1}
#footer .Rmenu_wrap .lang_wrap .langList > li > a img{ height:1em; display:block;}
#footer .Rmenu_wrap .lang_wrap.on .wrapBtn{ background: #f7f7f7; border: 2px solid #fff;}
#footer .Rmenu_wrap .lang_wrap.on .langList{ visibility: visible; opacity:1; background: #5f483c;}

/* 검색 */
.page_total_search .search_top .search .inp{border: 3px solid #634b3a;}
.page_total_search .search_top .search .btn{background: #634b3a;}

.other_menu{display: flex; align-items: center;}
.other_menu .link_btn{display: block; padding: .375em 1.125em; background: #fff; border: 1px solid #e5e5e5; border-radius: 6em; color: #666; transition: .2s;}
.search_list_wrap .search_list > .wrap_in .link .con .tit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%;}