@charset "utf-8";
@import url(./ani.css);

/* container */
#container {position:relative;}
#container .conWr {max-width:1400px; min-height:300px; margin:auto; padding:40px 20px 80px;}
.Lgnb .LGtel {background:#fff;}
.Lgnb .Lquick>ul {background-image:linear-gradient(360deg, #fff 130px,transparent 0);}

.Tcen {text-align:center !important;}
.Tr {text-align:right;}
.Tl {text-align:left;}
.Taler {color:#555; margin:1em 0;}
.Taler::before {content:'';display:inline-block;width:1.15em;height:1.125em;background:url(../images/sub/i_alert.gif) no-repeat 0 bottom;}
.lager {font-size:1.125em;}
.smaller {font-size:.938em;}
span.pc_br {display:block;}

/* 서브비쥬얼 */ 
.subvis {position:relative;text-align:center;background: #3092cd;background-size: cover;height: 357px;}
.subvis.sub01 { position: relative; overflow: hidden; }

.subvis.sub01::before{
  content:"";
  position:absolute;
  inset:0;
  background: url('../images/sub/back_b.png') repeat-x 0 50%;
  background-size: auto 132%;           /* 가로 반복 */
  animation: cloudMove 60s linear infinite alternate; /* 아주 천천히 왕복 */
  z-index: 0;
  pointer-events:none;
}

/* 본문들은 앞으로 띄워주기 */
.subvis.sub01 > * { position: relative; z-index: 1; }

/* 배경 좌우 이동 */
@keyframes cloudMove{
  0%   { background-position:   0   50%; }
  100% { background-position: 1000px 50%; } /* 거리 필요 시 조절 */
}
.subvis .innerBG {padding:74px 0 0;}
.subvis h2 {font-size: 3em;padding: 6% 0;color: #004989;letter-spacing:-.03em;-webkit-animation:zoomInUp .9s ease-out 1;animation:zoomInUp .9s ease-out 1;animation-fill-mode:forwards;}
.subvis h2 span {position:relative; display:inline-block;}
.subvis h2 span::before {content:'';display:block;position:absolute;top:-1em;left:50%;transform:translateX(-50%);width: 183px;height: 39px;background: url(../images/sub/h2_dot.png) no-repeat center;background-size: cover;display: none;}
.subvis .img_obj img {position:absolute;top: 0;left:50%;transform:translateX(-50%);width:100%;max-width:1920px;}
.subvis .h2List {padding:2.6% 20px 3.3% 100px;}
.subvis .h2List ul {display:flex; justify-content:space-between; width:100%; max-width:1200px;margin:auto; height:40px;line-height:40px;overflow-x:auto;overflow-y:hidden;}
.subvis .h2List ul li {position:relative;padding:0 40px;}
.subvis .h2List ul a {display:block; font-size:20px;font-weight:700; color:#666;word-break: keep-all; white-space: nowrap;}
.subvis .h2List ul a.on {color:#000;}
.subvis .h2List ul li + li::before {content:"/";display:block;position:absolute;left:0;color:rgba(0,0,0,.25);font-weight:700;}

/* NAV */
.location {margin:0 0 1.8% 4px;}
.location li {position:relative;display:inline-block;font-size: 17px;margin-left:20px;}
.location li:first-child {margin-left:0;}
.location li.home a {display:block;padding:0 5px;height: 23px;line-height: 23px;background-color: #257fb5;color:#FFF;}
.location li:not(:last-child)::after {content:'';display:block;width: 8px;height: 8px;position:absolute;top:7px;right:-15px;border:1px solid #505050;transform: rotate(315deg);border-top:0;border-left:0;transition: 0.5s;}
.location + div .titH3:nth-of-type(1){margin-top:-1%;}

#contents .nav {border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
#contents .nav_a {max-width:1400px;margin:0 auto;position:relative;background:#fff;border-left: 1px solid #e4e4e4;}
#contents .nav p{float:left;}
#contents .nav p a{display:block; width:60px; height:54px; line-height:54px; text-align:center; vertical-align:top;}
#contents .nav p img{vertical-align:middle;}
#contents .nav > div > ul > li{position:relative;float:left;padding-right:20px;border-right:1px solid #e4e4e4;}
#contents .nav > div > ul > li:first-child{border-left:1px solid #e4e4e4;}
#contents .nav div ul#snavi > li{width:max-content;max-width:30%;min-width:25%;}
#contents .nav .th1, #contents .nav .th2, #contents .nav .th3{padding:0 20px;font-size: 18px;height:54px;line-height:59px;background:url(../images/i_sela.png) no-repeat  right center;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#contents .nav .depth_lst{position:absolute;left:-1px;right:-1px;top:54px;background:#fff;border:1px solid #e4e4e4;z-index:100; display:none;}
#snavi li:hover .depth_lst, #snavi li:focus .depth_lst,#snavi ul.depth_lst.allV{display:block;}
#contents .nav .depth_lst li{float:none;line-height:2rem;text-indent:10px}
#contents .nav .depth_lst li a{color:#555;display:block;padding:5px 10px;}
#contents .nav .depth_lst li a.on,#contents .nav .depth_lst li a:hover,#contents .nav .depth_lst li a:active {background-color: #abcd37;color:#222;}
#contents .nav:after {clear:both;content:"";display:block}

/* Title */
.titH3 {font-size:2em;margin:.5em auto 20px -1em;text-align:center;}
.titH3.jalnan::before{content:'';display:inline-block;width:1em;height:1.125em; vertical-align:middle; background:url(../images/sub/h3_dot.png) no-repeat 0 -2px/contain;}
.titH3:not(.jalnan)::after {content:'';display:block;width:1px;height:1.5em;background:#e1e1e1;margin:15px auto 1em;}
.titH4 {position:relative; font-size:1.625em; margin-bottom:12px;padding-left:1.125em;text-indent:-1.125em;}
.titH4.none {padding-top:0;}
.titH4:not(.none)::before {content:'';display:inline-block;width:1.125em;height:1em;vertical-align:middle;background:url(../images/sub/h4_dot.png) no-repeat 0 0/auto 80%;}
.titH4:not(.jalnan)::before {display:none;}
.titH5 {}

/* 글상자 */
.Tbox {display:table;width:100%;overflow:hidden; border-radius:2.5rem; border-spacing:2.5rem; background-color:#f5f5f5;}
.Tbox p {display:table-cell;vertical-align:middle;font-size:1.5em;line-height:1.875em;margin:inherit;}
.Tbox p::before {content:'';display:block; width:34px; height:28px; margin-bottom:.7em; background:url(../images/sub/Tdeco.png) no-repeat 0 0;}
.Tbox p b {background-color:#fff05e;padding:0 7px 0 8px;}
.Tbox.Tcen p::before {margin-left:auto;margin-right:auto;}

/* LIST */
.blist {margin:.8em 0 1.5em; line-height:1.6em;}
.blist a:hover {text-decoration:underline}
.blist li{margin-bottom:10px;line-height:1.4;}
.blist li strong{font-weight:800;}
.blist.row li{display:inline-block;margin-right:1.5em;}
.blist.row dd{display:inline-block;margin:0 0 10px 10px;line-height:1.4;}
.blist li:last-child, .blist dd:last-child{margin-bottom:0;}
.blist li::before,
.blist dd::before,
.listTable dt::before {content:'＊';display:inline-block; color:#ff8735; margin:4px 3px 0 5px; vertical-align:middle;}
.blist .blist li::before,
.blist .blist dd::before{height:2px;margin-top:.5em;}
.blist.dt strong {font-weight:800;margin-right:10px;}
.listTable {display:table;}
.listTable dt {display:table-cell;min-width:7%;font-weight:800; padding-right:10px;}
.listTable dd {display:table-cell;}
.listTable dd::after {content:'';display:block;}
.Tbox .blist {margin-bottom:0;}


/* TABLE */
.rw_wrap {width:100%;overflow:auto; margin-bottom:20px;}
.rw_wrap .basicTable{min-width:640px;}
.rw_wrap .basicTable.Wide{min-width:690px;}
.rw_wrap.wideT .basicTable{min-width:860px;}
.rw_wrap.minT .basicTable{min-width:500px;}
.rw_wrap.xminT .basicTable{min-width:320px;}
.rw_wrap {scroll-direction:horizontal;
	scrollbar-3dLight-Color: #e5e5e5; scrollbar-arrow-color: #ef5e00; scrollbar-base-color: #e5e5e5; scrollbar-Face-Color: #ef5e00; scrollbar-Track-Color: #e5e5e5; scrollbar-DarkShadow-Color: #e5e5e5;scrollbar-Highlight-Color: #e5e5e5; scrollbar-Shadow-Color: #e5e5e5}
	.rw_wrap::-webkit-scrollbar {width: 10px; height: 14px; border:10px solid #fff;}
	.rw_wrap::-webkit-scrollbar-button:start:decrement, .rw_wrap::-webkit-scrollbar-button:end:increment {display: none;}
	.rw_wrap::-webkit-scrollbar-track {background: #e5e5e5; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	.rw_wrap::-webkit-scrollbar-thumb {height:20px; width:20px; background: #ef5e00; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.basicTable {width:100%;margin-bottom:10px;text-align:center;border-top:2px solid #333;}
.basicTable th{padding:12px 5px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f6f8fa;color:#000;}
.basicTable th:last-child{border-right:none;}
.basicTable td{padding:12px 5px;line-height:26px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.basicTable td em{display:inline-block;margin:0 3px 0 15px;padding:0 8px;font-size:13px;color:#fff;line-height:20px;border-radius:20px;background:#f76954;}
.basicTable td:last-child{border-right:none;}
.basicTable .lineR {border-right:1px solid #e5e5e5 !important;}
.basicTable.text td {padding:15px;text-align:left;word-break:keep-all;}

.dataTable {width:100%;margin-bottom:30px;text-align:center;border-top:1px solid #333;}
.dataTable thead {border-bottom:1px solid #333;}
.dataTable th {padding:8px 5px;}
.dataTable td {padding:5px;height:2.5em;vertical-align:middle;}
.dataTable tbody tr:first-child td {padding:1.5em 5px 8px 5px;height:auto;}
.dataTable .tl {text-align:left;}

/* ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    h3.tit {padding:50px 0 15px;}
}

@media all and (max-height:690px) {
    .Lgnb .LGtel a span {display:none;}
}

@media (max-width:1580px) and (min-width:768px){
    #contents .nav {padding-left:71px;}
    #container .conWr {padding-left:90px;}
    .subvis h2 {padding-left:90px;}
}

@media all and (max-width:1340px) {
    .subvis .img_obj img{width:auto;height: 100%;}

    .Tbox.ceo {background-size:contain;}
}

@media all and (max-width:1200px) {
    .subvis {overflow:hidden;}
    .subvis h2 {font-size:2.25em;}
    .subvis h2 span::before {background-size:75% auto;}
    .titH3 {font-size:1.875em;}
    .titH4 {font-size:1.5em;}
    .subvis .innerBG {padding:60px 0 0;}

    .Tbox p {padding-right:37%;}
    .Tbox p span, span.pc_br {display:initial;}
    .Tnor.int {padding:10px 20px; background:none;height:auto;}
    .subvis .h2List {display:none;}
}

@media all and (max-width:1024px) {
    .Tbox {background-image:none !important;}
    .Tbox p {padding-right:0;}

    .con_list li{width:45%;margin:1em 0 1em 3.3%;}
}

@media all and (max-width:768px) {
    .subvis {overflow:hidden;padding:0;background-size:auto 100%;background-position:75% bottom;height: auto;height: 158px;}
    .subvis h2 {font-size:2em;}
    .subvis h2 span::before {background-size:52% auto;top:-.938em;}
    .titH3 {font-size:1.625em;}
    .titH4 {font-size:1.25em;}

    #contents .nav .home{display:none}
    #contents .nav .depth_lst{padding:0; left:0; right:0;}
    #contents .nav .depth_lst li a {padding:10px}
    #contents .nav > div > ul > li {display:none}
    #contents .nav > div > ul > li:last-child {display:block}
    #contents .nav ul{float:none;width:100%}
    #contents .nav > div > ul > li {padding-right:0;border-right:0;float:none}
    #contents .nav div ul#snavi > li {width:100%;max-width:inherit;border-right:1px solid #e4e4e4;}
    #contents .nav .th1, #contents .nav .th2, #contents .nav .th3 {width:95.5%;font-size:16px;color: #333;}

    .tit_area, .conRight {width:100% !important;float:none;}


    .Tbox {border-spacing:2.5em;}
    .Tbox p {font-size:1.25em; line-height:1.55em;}

    .conRight p.imgO::after {margin: 10px 10px -10px -10px;}
}

@media all and (max-width:767px) {
    .subvis .innerBG {padding: 72px 0 0 !important;}
    .subvis h2 {padding:30px 0 20px;}
    .Tnor h4.tit {word-break:keep-all;}
    .con_list li{width:100%;margin:1em auto;}
    .Taler.Tcen {text-align:left !important;}
    #contents .nav {display: block;}   
    #container .conWr {padding: 20px 10px !important;}
}

@media all and (max-width:600px){
	h3.tit {font-size:26px;}
}

@media all and (max-width:460px){
    .subvis h2 {font-size: 1.9em;color: #000;}
    .titH3 {font-size:1.5em;}
    .titH4 {font-size:em;}
	h3.tit {font-size:24px;}
    .dataTable th,
    .dataTable td {font-size:.938em;}

}

/* animate */
.subvis .innerBG {-webkit-animation:fadeIn 1s ease-out 1; animation:fadeIn 1s ease-out 1;}
.subvis {-webkit-animation:colr 1.5s alternate 1; animation:colr 1.5s alternate 1; overflow:hidden;}

/**/
.imgOnly img {margin:auto;max-width:100%;}

/* 인사말 */
.Greetings {margin-top:1rem;}
.tit_area {float:left;width:33.333%;margin-bottom:15px;}
.tit_area .tit_sub {font-size:18px;margin-bottom:1.5em;}
.tit_area figure img {display:block;}
.tit_area figure figcaption {margin:1.5em auto 0;}
.Greetings .tit_area .imgOnly:first-child {margin-top:5%;}
.conRight {float:right; width:64%;}
.conRight .jalnan {text-align:left;margin-bottom:10px;}
.conRight .jalnan::before {display:none !important;}
.conRight .tit_sub {font-size:1.125em;color:#666;margin-bottom:4%;}
.Tnor {line-height:1.6; padding:10px 20px;}
.Tnor p {margin-bottom:1em;}
.Tnor.int {padding:60px 20px 0 52%; background:url(../images/sub/s0102.jpg) no-repeat 0 center/contain;height:550px;}
.signr {margin-top:3%;}
.signr img {vertical-align:bottom;margin-left:14px;}
.titWr p {font-size:.938em;}
.titWr .titH3 + p {text-align:center;color:#707070;}

.Tbox.ceo {background: #f7f7f7 url(../images/sub/s0101.jpg) no-repeat right 0;padding: 1.7% 1%;}
.Greetings {max-width:1240px;margin:auto;}


.Signature>.clearfix {margin-bottom:15px;}
.Signature .colrBox {display:inline-block;width:45%;margin:0 2%;vertical-align: top;}
.Signature .colrBox::before {content:'';display:block;height:6.875rem;}
.Signature .colrBox.oran::before {background:rgba(238,120,0,1);}
.Signature .colrBox.gray::before {background:#898989;}
.Signature .colrBox>p {padding:15px 10px 10px;margin-bottom:15px;border:1px solid #e0e0e0;}
.Signature .colrBox>dl {letter-spacing:0;color:#666;font-size:.938em;margin-left:11px;}
a.button {position:relative;padding:10px 2.5em 10px 20px;border-radius:50px;background-color:#444;color:#fff;font-size:.938em;}
a.button span::after {content:''; position:absolute;;bottom:7px;right:7px;width:1.5em;height:1.5em;background:#fff url(../images/sub/i_down.png) no-repeat center;border-radius:50px;}
a.button.btnDown span::after {background-image:url(../images/sub/i_down.png);}

/* 소개 */
.intro .nTitle {text-align:center;}
.intro .nTitle h3 {font-size:1.875em;}
.intro .nTitle p {margin:1em auto 3%;font-size:1.063em;} 
.intro .nTitle p b {font-weight:700;} 
.intro .nTitle p span {color:#1a8d6d;} 
.intro>.imgOnly {text-align:center; border-radius:4rem 0; overflow: hidden;} 
.intro .sectionText {margin-top:3%;}
.intro .sectionText .item {float:left;width:calc(50% - 20px);margin-bottom:10px;}
.intro .sectionText .item:nth-of-type(even) {margin-left:40px;}
.intro .sectionText h4 {font-size:1.5em;margin-bottom:5px;}
.intro .sectionText p {margin-bottom:30px;font-size:1.063em;}
.intro .section01 {position:relative;margin:0 auto 5%;padding-bottom:3%;/*background-image:linear-gradient(180deg, transparent, #f4f6f9);*/}
.intro .section01::after {content:'';position:absolute;left:-30%;right:-30%;height:calc(100% - 20px);bottom:-3%;background:#f7f7f7;z-index:-1;}
.intro .section01 h3 {margin:1rem auto;font-size:1.875em;color:#444;}
.intro .section01 h3 span {color:#fd7702;}
.intro .section01 h3::before {content:'';display:block;margin:auto auto 1.25rem;width:3.75rem;height:3.75rem;border-radius:4rem;background:#009e64 url(../images/sub01/i_Qmark2.png) no-repeat center center/95%;}
.intro .section01 p b {color:#00935d;}
.intro .section02 h4 small {font-size:.875em;font-weight:900;}
.intro .section02 h4 .jalnan {font-size:1.625em;letter-spacing:0;}
.intro .section02 h4 + p {font-size:1.063em;margin:10px 0 1.5rem;}
/*.gallWrap {display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;}*/
.gallWrap {position:relative;margin:0 auto;max-width:960px;}
.gallWrap .item img {max-width:100%;}
.gallWrap .txt {padding:4%;max-width:960px;border:1px solid #e0e0e0}
.gallWrap .txt strong { display:block;font-size: 1.375em;margin-bottom:10px;}
.gallWrap .txt strong::before {content:'';display:block;margin:0 0 .938em;width:2.727em;height:4px;background-color:#f68b1f;}
.gallWrap button.slick-arrow {position:absolute;bottom:450px;margin:auto 0;font-size:22px;background:rgba(255,255,255,.8);width:50px;height:50px;z-index:999;}
.gallWrap button.slick-arrow.icon-Prev {left:0;border-radius:0 50px 50px 0;text-indent:-5px;}
.gallWrap button.slick-arrow.icon-Next {right:0;border-radius:50px 0 0 50px;text-indent:5px;}
.gallWrap button.slick-arrow:hover,
.gallWrap button.slick-arrow:focus {color:#e97718;background:#fff;}
.gallWrap .slick-dots {position:absolute;bottom:140px;left:50%;transform:translateX(-50%);}
.gallWrap .slick-dots li {display:inline-block;margin:0 6px;}
.gallWrap .slick-dots button {width:16px;height:16px;line-height:160px;overflow:hidden;background:#fff;border:3px solid #fff;border-radius:16px;opacity:.8;}
.gallWrap .slick-dots .slick-active button {background:none;opacity:1;}

.img1020 {border:1px solid #e0e0e0;margin-bottom:4%;}
.img1020 p.imgOnly {float:left;margin-right:3%;}
.img1020 p.txt {padding:3%;}
.img1020 p.txt strong {display:block;font-size:1.25em;font-weight:800;margin-bottom:15px;word-break:keep-all;}

@media (max-width:1083px) {
    .intro .sectionText .item {width:100%;margin-bottom:0;}
    .intro .sectionText .item:nth-of-type(even) {margin-left:0;}
}
@media (max-width:1083px) {
        .gallWrap button.slick-arrow {bottom:auto;top:30%;}
    .gallWrap .slick-dots {bottom:160px;}
}
@media all and (max-width:768px) {
    .intro .nTitle h3 {font-size:1.5em; word-break:keep-all; margin-top:20px;}
    .intro .nTitle p {margin:10px auto 15px;font-size:1em;} 
    .intro .sectionText h4 {font-size:1.125em;}
    .intro .sectionText p {font-size:1em; margin-bottom:18px;}
    .intro .section01 h3 {font-size:1.625em;}
    .intro .section01 h3::before {margin-bottom:20px; width:45px; height:45px;}
    .gallWrap .slick-dots {bottom:140px;}
}
@media all and (max-width:660px) {
    .gallWrap button.slick-arrow {top:25%;}
    .gallWrap .slick-dots {bottom:10em;}
}
@media all and (max-width:425px) {
    .gallWrap button.slick-arrow {top:18%;}
    .intro>.imgOnly {border-radius:2rem 0;} 

}
@media all and (max-width:375px) {
    .gallWrap .slick-dots {bottom:11.4em;}
}

/* 직업체험관 */
.jobEX>header {text-align:center;margin-top:1.5rem;}
.jobEX>header small {display:block;}
.jobEX>header h3 {display:inline-block;margin-bottom:3%;line-height:1.4;}
.jobEX>header p {margin-bottom:4%;}
.jobEX>header h3 small {font-size:1.25em;font-weight:700;text-align:left;}
.jobEX>header h3 span {font-size:1.875em;color:#383838}
.jobEX>header h3 .fireC {color:#d0203d;}
.jobEX>header h3 .cloverC {color:#34a552;}
.jobEX>header h3 .diamondC {color:#f78000;}
.jobEX>header h3 .spaideC {color:#0eafe1;}
.jobEX>header::before {content:'';display:inline-block;border-radius:100px;width:100px;height:100px;margin-right:15px;vertical-align:top;margin-top:-1em;background:#e60039 url(../images/sub02/symbol_F.png) no-repeat center center/contain;}
.jobEX.Clover>header::before {background-color:#5ab672;background-image:url(../images/sub02/symbol_C.png);}
.jobEX.Diamond>header::before {background-color:#f18900;background-image:url(../images/sub02/symbol_D.png);}
.jobEX.Spaide>header::before {background-color:#4bbfe1;background-image:url(../images/sub02/symbol_S.png);}
.jobEX.Fire .exList .infobox, .Fire .infobox {background:#d0203d;}
.jobEX.Clover .exList .infobox, .Clover .infobox {background:#29a061;}
.jobEX.Diamond .exList .infobox, .Diamond .infobox {background:#f78000;}
.jobEX.Spaide .exList .infobox, .Spaide .infobox {background:#1592da;}
.jobEX::after {content:'※ 일부 이미지는 이해를 돕기위한 예시 이미지로, 실제 직업체험관 사진은 순차적으로 업데이트 하겠습니다.';display:none;margin:20px 0 20px 10px; font-size:.938em; color: #E64600;text-align:center;}

.exList {-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto; gap:40px;}
.exList .item {flex-basis:50%;float:left; max-width:300px;overflow:hidden;border-radius:1.25rem;border:1px solid #e4e4e4;}
.exList .infobox {position:relative;width:calc(100% - 3.625em);margin:-50px auto 0;padding:27px 15px 15px;border-radius:1.25rem; z-index:2;}
.exList .infobox>b {color:#fff;font-family:'Malgun Gothic','맑은 고닥',sans-serif;font-size:14px;letter-spacing:0;display:none}
.exList .infobox h4 {text-align:center;font-size:1.25em;color:#fff;}
.exList .infobox ul {text-align:center;margin:12px auto;}
.exList .infobox li {display:inline-block;}
.exList .infobox li span {text-align:right;font-size:.875em;padding:5px 11px 5px 30px;background:#f8f8f8 url(../images/sub02/i_time.png) no-repeat 7px center;border-radius:30px;margin:0 5px;}
.exList .infobox li span.people {background-image:url(../images/sub02/i_people.png);padding-left:35px;}
.exList .desc {padding:1.875em;}
.exList .desc strong {display:block;margin-bottom:7px;font-size:1.188em;font-weight:800;}
.exList .desc p {font-size:.938em;color:#666;}
.exList .infobox p.ex{font-size:.875rem;color:#fff;text-align:center}

/* 직업체험관 검색 추가 */
.Reservation .jobEX>header::before {display:none !important;}
.filterBox {padding:40px; background:#eef4f1 url(../images/bbs/filter_bg.png) no-repeat right bottom;border-radius:20px; margin-bottom:4%;}
.filterBox [type=radio]         {display:inline-block; border:none; background:transparent url(../images/bbs/i_check.png) no-repeat center; vertical-align:text-bottom; appearance:none; border-radius:50%; width:1.563em; height:1.563em; margin-right:5px; transition:border 0.5s ease-in-out;}
.filterBox [type=radio]:checked  {background-image:url(../images/bbs/i_checkOn.png);}
.filterBox [type=radio]:focus-visible {outline-offset:max(2px, 0.1em); outline:max(2px, 0.1em) dotted #fff;}
.filterBox [type=radio]:hover    {box-shadow:0 0 0 max(4px, 0.2em) #128464; cursor:pointer;}
.filterBox [type=radio]:disabled {background-color:#fff; box-shadow:none; opacity:.7; cursor:not-allowed;}
.filterBox .filterList {float:left;width:49%;}
.filterBox .filterList:nth-of-type(even) {float:right;}
.filterBox .filterList dt {font-size:1.25em;margin-bottom:8px;}
.filterBox .filterList dt small {font-size:.75em;color:#E64600;}
.filterBox .filterList dd {margin-bottom:40px;}
.filterBox .filterList li {display:inline-block;margin-right:7px;}
.filterBox .filterList li>label {position:relative;display:block;width:170px;height:50px;line-height:50px; padding:0 12px; text-align:center; color:#555; background:transparent;z-index:1;}
.filterBox .filterList li>label span::after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;z-index:-1;}
.filterBox .filterList li [type=radio] {position:absolute;left:20px;top:50%;transform:translateY(-50%);}
.filterBox .filterList li [type=radio]:checked + span {color:#fff;}
.filterBox .filterList li [type=radio]:checked + span::after {background-color:#128464;}
.filterBox .btnSet                  {float:left;width:100%;margin:10px auto;text-align:center;}
.filterBox .btnSet [class^="btn_"]  {width:170px;height:50px;line-height:48px;border:2px solid #555;border-radius:50px;margin:0 5px; transition:all ease .3s;}
.filterBox .btnSet .btn_bg          {background:#555;color:#fff;}
.filterBox .btnSet [class^="btn_"]:hover {background-color:#e97718;border-color:#e97718;color:#fff;}

.Reservation .exList.flex {float:left;width:100%;margin-bottom:4%;}
.Reservation button.effect-5, .Reservation a.effect-5 {min-width:150px;height:3.15em;line-height:3.15em;}
.Reservation button.effect-5 span, .Reservation a.effect-5 span {line-height: 3.15;}

/* 윌리코키 */
.cafeEX>header {margin-bottom:3%;}
.cafeEX .exList .infobox {background:#f5793c;padding:1.875em 10px;margin:-2.625em auto 0;letter-spacing:0;text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.cafeEX .exList .item:nth-of-type(even) .infobox {background:#5e5e5e;}
/*.cafeEX::after {content:'※ 상기 이미지는 이해를 돕기위한 예시 이미지로, 실제 키즈카페 사진은 순차적으로 업데이트 하겠습니다.';display:block;margin:20px 0 20px 10px; font-size:.938em; color: #E64600;text-align:center;}
*/
/* 오시는길 */
.map>div {width:100%; margin:0 auto 20px;}
.map_info {margin-bottom:10px;}
.map_info dt, .map_info dd {display:block;line-height:28px;}
.map_info dt {float:left;width:28px; height:28px;line-height:1000px;overflow:hidden;margin:0 10px 15px 1px;}
.map_info dd::after {content:''; display:block; clear:both;}
.map_info dt::before {content:''; display:block; width:28px;height:28px; border-radius:30px; background:#ffda53 url(../images/sub/i_map.png) no-repeat 0 center;}
.map_info dt.i_tel::before {background-position:-28px center;}
.map_info dt.i_car::before {background-position:-56px center;}


/* 마이페이지 */
.myBox {margin-bottom:10px;} 
.myinfo {position:relative;float:left;width:calc(46% - 40px);border:1px solid #e0e0e0;border-radius:40px;padding:40px;min-height:294px; box-shadow: 0px 8px 0 0 #e8e8e8;}
.myinfo .iconMan {display:block;float:left;margin:-9px 34px 30px -2px;width:80px;height:80px;border-radius:80px;background:#ffda53 url(../images/bbs/i_man.png) no-repeat center;}
.myinfo dl {display:block;float:left;width:calc(100% - 115px);margin-bottom:30px;line-height:1.8;}
.myinfo dl::after {content:'';clear:both;}
.myinfo dl dt {display:block;float:left;width:5em;font-size:.875em;letter-spacing:0;padding-top:.28em;}
.myinfo dl dd {display:block;float:left;width:calc(100% - 5em);font-size:1.125em;font-weight:800;}
.myinfo ul.infolink::before {content:'';display:block;clear:both;}
.myinfo ul.infolink li {display:inline-block;margin-right:10px;font-size:.875em;}
.myinfo ul.infolink li:first-child::after {content:'|';color:#999;margin-left:10px;}
.myinfo ul.infolink li:last-child {float:right;margin-top:2px;font-size:.875em;color:#707070;}
.myinfo ul.snslog {display:flex;width:100%;gap:10px;margin-bottom:40px;}
.myinfo ul.snslog li {width:calc(50% - 5px);}
.myinfo ul.snslog li a ,
.myinfo ul.snslog li>span {display:block;border:1px solid #e8e8e8;padding:7px 10px 5px;text-indent:20px; border-radius:3px;text-align:center;}
.myinfo ul.snslog li.interlock {width:100%;max-width:320px;padding:5px 10px 0;}
.myinfo ul.snslog li a.naver {background:url(../images/bbs/icon_naver_col.png) no-repeat 10px center;}
.myinfo ul.snslog li a.kakao {background:url(../images/bbs/icon_kakao_col.png) no-repeat 10px center;}
.myinfo ul.snslog li.interlock span {background:#25b58d;color:#fff;width:100%;text-indent:0;}
.myinfo ul.snslog li.interlock span strong {font-weight:800;font-size:1.063em;}

.mymenu {float:right;width:54%;}
.mymenu .item {position:relative;display:block;float:left;width:calc(50% - 10px);margin-bottom:20px;padding:30px;text-align:right;border:1px solid #e0e0e0;border-radius:30px;}
.mymenu .item:nth-child(even) {float:right;}
.mymenu .item dt {font-size:1.188em;word-break:keep-all;margin-bottom:10px;}
.mymenu .item dt::before {content:'';position:absolute;top:0;bottom:0;left:30px;margin:auto 0;width:4em;background:url(../images/bbs/i_date.png) no-repeat 0 center;}
.mymenu .item.mToy dt::before {background-image:url(../images/bbs/i_toy.png);}
.mymenu .item.mParty dt::before {background-image:url(../images/bbs/i_gland.png);}
.mymenu .item.mPick dt::before {background-image:url(../images/bbs/i_pick.png);}
.mymenu .item dd strong {font-size:1.5em;font-weight:800;vertical-align:middle;}

.i_QR {padding-left:20px;background:url(../images/bbs/i_qr.png) no-repeat 0 1px;}
.view-group span.aList li {display:inline-block;float:none;width:auto;margin-right:10px;border:none;}

.QRlist {gap:20px;}
.QRlist .item img {display:block;}
.QRlist .item caption {display:block;}

/* 이용약관 */
.Policy h4 {font-size:1.25em;}
.Policy .terms {padding:4%;background:#f4f6f9;}
.terms hr {display:block;position:relative;width:100%;height:1px;margin:20px auto;border:none;border-top:1px dashed #e0e0e0;}

/* 정보안내 팝업 */
.alertBox .Rcon.srList {max-width:1000px;padding:80px 2rem 2rem;border-color:#222;}
.alertBox .Rcon.srList::after {content:'';display:block;clear:both;}
.alertBox .Rcon.srList .pTitle {display:block;background:#f9da75;margin:-80px -2rem 2rem -2rem;padding-left:1em; color:#4a3127;font-size:1.25em;line-height:2.6;}
.alertBox .Rcon .pSearch {margin-bottom:20px;text-align:center;}
.alertBox .Rcon .pSearch>span {display:inline-block;}
.alertBox .Rcon .pSearch select {padding:0 26px 0 10px;background-position:95% center;}
.alertBox .Rcon .pSearch label {margin-right:8px;vertical-align:text-bottom;}
.alertBox .Rcon .pSearch select,
.alertBox .Rcon .pSearch input {width:25%;margin-bottom:10px;}
.alertBox .Rcon .pSearch button {height:40px; vertical-align:top; padding:0 15px;background:#333;color:#fff;}
.alertBox .Rcon.srList .group_con ul:hover {background-color:#f4f6f9;}
.alertBox .Rcon.srList .Rclose::after {color:#4a3127;}

/* 예약스텝추가 20230223  */
.step0Wrap {text-align:center;max-width:1000px;margin:20px auto;}
.step0Wrap .step0 {float:left;width:48%;max-width:420px;margin:0 1%;}
.step0Wrap .step0.Groups {float:right;}
.step0Wrap .step0 img {display:block;width:100%;}
.step0Wrap .step0 .img {position:relative;}
.step0Wrap .step0 .txt {position:absolute;left:50%;top:50%;transform:translate(-50%,-18%);text-shadow:1px 1px rgba(0,0,0,.1);white-space:nowrap;}
.step0Wrap .step0 .txt strong {display:block; font-size:1.625em;}
.step0Wrap .step0 .txt small {display:block; font-size:1em;margin-bottom:15%;}
.step0Wrap .step0 .effect-5 {position:absolute;left:50%;bottom:12%;transform:translateX(-50%);box-shadow:1px 2px 0 1px rgba(0,0,0,.3);font-size:1.125em;font-weight:700;}
.step0Wrap .step0 .effect-5:hover {box-shadow:none;}
.step0Wrap .txt {color:#fff;}

@media (max-width:1580px) {
    .exList {gap:35px 30px;}
}

@media (max-width:1200px) {
    .myinfo,.mymenu {width:100%;}
    .myinfo {min-height:200px;margin-bottom:30px;border-radius:30px;}
    /*
    .myinfo .iconMan, .myinfo ul li:last-child {display:none;}
    .myinfo dl {width:100%;}
    */
}

@media (max-width:1024px) and (min-width:769px) {
    .exList {gap: 50px 10%;}
}

@media (max-width:1024px) {
    .tit_area {width:100%; padding:0 20px;}
    .conRight {width:100%; padding:0 10px;}
    .conRight .Tnor {padding:0 0 20px;}
    .Greetings .tit_area .imgOnly:first-child {margin-top:0;}
    .Greetings .tit_area figure img {width:90%;max-width:360px;}

    .filterBox .filterList {float:none !important;width:100%;}

    .step0Wrap .step0 .effect-5 {font-size:1em; min-width:auto; height:2.875em;}

}

@media all and (max-width:840px) {
    .step0Wrap .step0 .txt strong {font-size:1.375em;}
    .step0Wrap .step0 .txt small {font-size:.875em;}
}

@media all and (max-width:768px) {
    .jobEX>header p {font-size:.938em;padding:0 10px;word-break:keep-all;}
    .jobEX>header p br {display:none;}
    .jobEX>header::before {width:70px;height:70px; margin:-10px 8px 0 0;}
    .jobEX>header h3 small {font-size:1em;}
    .jobEX>header h3 span {font-size:1.5em;}

    .conRight .tit_sub {font-size:1.063em;font-weight:600;}

}
@media (max-width:640px) {
    .signr img {width: 52px;}

    .exList .item {flex-basis:100%;}
    
	.myinfo {min-height:auto;padding:1.5em;border-radius:1.5em;margin-bottom:20px;}
	.myinfo dl {margin-bottom:1.25em;}
	.myinfo ul {position:relative;width:100%;margin-top:20px;bottom:auto;}
    .myinfo ul.infolink li:last-child {display:none;}
    .mymenu {margin-bottom:10px;}
    .mymenu .item {width:calc(50% - 5px); margin-bottom:10px;padding:4.75em 1.25em 1em;border-radius:1.25em;text-align:center;}
    .mymenu .item dt {margin-bottom:0;}
    .mymenu .item dt::before {background-size:2.8em auto;left:0;right:0;margin:auto;background-position:center 1.125em;}
    .mymenu .item dt,
    .mymenu .item dd {font-size:1rem;}

    .map .root_daum_roughmap .wrap_map {max-height:35vh;}

    .filterBox {padding:30px;}
    .filterBox .filterList li [type=radio] {left:10px;}
    .filterBox .filterList li>label {display:inline-block; width:auto; height:42px;line-height:42px; text-align:left;text-indent:28px;padding-right:20px;font-size:.938em;margin-bottom:10px;}
    .filterBox .filterList dd {margin-bottom:20px;}
    .filterBox .btnSet [class^="btn_"] {width:48%;margin:0 .5%;}

}

@media (max-width:560px) {
    .step0Wrap .step0 {float:none !important; width:80%; margin:0 auto 40px;}
}

@media (max-width:425px) {
    .myinfo ul.snslog li a {font-size:.875em;background-position:5px center !important;}
    .myinfo ul.snslog li a em {display:none;}
    /*.myinfo ul.snslog {display:block;clear: both;margin-bottom:0;}
    .myinfo ul.snslog li {width:100%;margin-bottom:8px;}*/
    .myinfo .iconMan {display:none;}
    .myinfo dl {width:100%;}

    .filterBox {padding:15px;}
    .filterBox .filterList dt small {display:block;}
    .filterBox .btnSet {margin:10px 0;}
    .filterBox .btnSet [class^="btn_"] {height:46px;line-height:46px;}

}

/*파트너사현황*/
.partner_list {-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto; gap:40px;}
.partner_list .item {flex-basis:50%;float:left; max-width:300px;overflow:hidden;border-radius:1.25rem;border:1px solid #e4e4e4;text-align:center;}
.partner_list .info_img{width:100%;height:220px;overflow:hidden}
.partner_list .info_img img{width:100%}
.partner_list .info{display:block;font-weight:600;padding:20px}
.partner_list .info .info_logo{margin-bottom:10px;min-height:45px;height:47px;overflow:hidden}

@media (max-width:1580px) {
    .partner_list {gap:35px 30px;}
}
@media (max-width:1024px) and (min-width:769px) {
    .partner_list {gap: 50px 10%;}
}
@media (max-width:640px) {
    .partner_list .item {flex-basis:100%;}
}