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

#contents {}
h2.tit01{font-family: 'Tenada';font-size: 1.8em;text-align:center;line-height:1.4em;color:#301212;margin-bottom:1.5em;}

.section0 {position:relative;}
.section0 .visWr {position:relative;padding: 140px 0 0;display:none;}
.section0 .visWr.active {display:block;}
.section0 .visWr .maxW {display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
.section0 .vis_txt,
.section0 .vis_m {position:relative;}
.section0 .vis_txt {color:#252525;padding-left:10px;width: 35%;top: -39px;}
.section0 .Stit {display:inline-block;padding:6px 4px;font-weight:800;color: #ffffff;border: 1px solid #ffffff;border-left:none;border-right:none;opacity:0;}
.section0 [class^="tit"] {font-family: 'Tenada';font-size: 52px;line-height:1em;margin:18px 0;letter-spacing:-1px;}
.section0 .tit01 {margin-top:34px;}
.section0 .subtxt {margin: 22px 0 0 3px;font-size:1.125em;line-height:1.8em;opacity:0;}
.section0 a.btn {position:relative; display:inline-block; margin-top:55PX; padding:0 65px 0 38px; line-height:50px; font-size:18px; font-weight:700; border:1px solid #301212;}
.section0 a.btn:hover,
.section0 a.btn:focus {background-color:#018def; border-color:#018def; color:#FFF; box-shadow:4px 0 10px rgb(102 102 102 / 30%);}
.section0 a.btn.more::before,
.section0 a.btn.more::after {content:''; display:block; position:absolute; right:20%; top:1em; width:2px; height:.8em; background:#301212;}
.section0 a.btn.more::after {transform:rotate(90deg);}
.section0 a.btn.more:hover::after, .section0 a.btn.more:focus::after,
.section0 a.btn.more:hover::before ,.section0 a.btn.more:focus::before {background:#FFF;}

.section0 .ctrl {position:absolute; left:50%; transform:translateX(-50%); bottom:40px;}
.section0 .ctrl .p_list {text-align:center;}
.section0 .ctrl .p_list a {display:block;}
.section0 .ctrl .p_list .p_item {display:inline-block;width:30px;height:15px; line-height:150px;overflow:hidden;border-radius:15px;border:1px solid rgba(95,59,28,.5);transition:.3s ease-out;}
.section0 .ctrl .p_list .p_item + .p_item {margin-left:10px;}
.section0 .ctrl .p_list .p_item.on,
.section0 .ctrl .p_list .p_item:hover {width:80px; background-color:#fe7e00;border-color:#fe7e00;}

.section0 .vis_m img {max-width:100%;margin-bottom: -28px;}
.section0 .vis_m img.absl {position:absolute;}

.section0 .main01 {background: #0797da url(/img/main_bg01.png) no-repeat center top / 100% auto;}
.section0 .main01 .tit01 {color:#fff166;text-shadow:1px 1px 2px #222;letter-spacing:-2px;opacity:0;}
.section0 .main01 .tit02 {opacity:0;}
.section0 .main01 .vis_m img.absl {left:0;top:0;}
.section0 .main02 {background:#68cefe url(../images/main_bg02.jpg) no-repeat center 0/cover;}
.section0 .main02 .Stit {background:#0b91ee; color:#FFF;border:none; border-radius:50px; padding:5px 12px;}
.section0 .main02 [class^="tit"] {color:#333;}
.section0 .main02 .tit01 span {color:#763ea1;}
.section0 .main02 .vis_m img.absl {right:0;bottom:-60px;}
.section0 .main03 {background:#68cefe url(../images/main_bg03.png) no-repeat center 0/cover;}
.section0 .main03 .vis_m img.absl {width:25%; right:-3rem;bottom:0;}
.section0 .main03 .tit01 {color:#fc7c13;}
.section0 .main03 .vis_m {padding-top:40px;}

/* section1 */
.section1 {position:relative; overflow:hidden;}
.section1 .swiper-container {overflow:visible;}
.tabWrap {position:relative;padding-top:70px;}
/* .tabWrap::before {content:'';position:absolute;display:block;width:50%;left:-25%;top:0;bottom:0;background:#f5f5f5 url(../images/s01_bg.jpg) no-repeat right bottom; z-index:-1} */
.tabWrap>.g_List {display:none;}
.tabWrap>.g_List.active {display:block;}
.m01tab {float:left;width:300px;position:relative;z-index:100;background:#fff;height:470px;box-shadow:15px 0 0 #fff, -272px 0 0 #fff;}
.m01tab .tab_list {display:block;}
.m01tab .tab_list li {padding:10px 0; border-bottom:1px dashed #e0e0e0;line-height:3.462em;}
.m01tab .tab_list a {display:block;padding:5px 50px 5px 40px;margin-right:-20px;font-family: 'Tenada';font-size:1.625em;color:#666;word-break:keep-all;}
.m01tab .tab_list a.on {position:relative;color: #ffffff;background: #0797da;border-radius:90px;box-shadow:8px 0 10px rgba(102,102,102,.3);}
.m01tab .tab_list a.on::before {content:''; display:none; width:80px; height:80px; position:absolute; left:5px; bottom:0; background:url(../images/m_tab.png) no-repeat 0 0;}
.m01tab .tab_list .tm02 a.on::before {background-position:0 -80px;}
.m01tab .tab_list .tm03 a.on::before {background-position:0 -160px;}
.m01tab .tab_list a.on::after {content:'';display:inline-block;width:40px;height:40px;border-radius:40px;position:absolute;right:8px;top:12px;background: #fff166 url(../images/icon_arrR.png) no-repeat center;box-shadow:inset 4px 0 10px rgb(102 102 102 / 30%);}
.m01con {float:left; width:calc(100% - 300px); padding-left:40px;}
.m01con .job_search {display:flex; width:100%; margin-bottom:40px;}
.m01con .job_search .inner {display:flex; width:calc(100% - 50px);}
.m01con .job_search .inner select.basic {appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; width:33%; margin-right:20px; cursor:pointer; border:none; border-bottom:1px solid #e0e0e0; background:#FFF url(../images/i_sela.png) no-repeat 92% center;}
.m01con .job_search input {width:50px; height:50px; border:none;background:#fe7e00 url(../images/icon_search.png) no-repeat center; text-indent:100px;}
.m01con .scrollbar {position:relative;margin:40px 0 67px 0; padding:2px ; height:16px; background:#ededed;border:1px solid #dbdbdb;border-radius:8px;}
.m01con .scrollbar .handle {position:relative;height:10px;border-radius:5px;background:#999;}
.m01con .scrollbar .handle .mousearea,
.m01con .scrollbar .swiper-scrollbar-drag {position:absolute;top:-16px;right:-20px;width:40px;height:40px;border-radius:40px;background: #188ec6 url(../images/icon_star.png) no-repeat right bottom;box-shadow:0 8px 15px 1px rgb(15 15 15 / 30%);cursor:pointer;}
.m01con .scrollbar .swiper-scrollbar-drag::after {/*content:'';*/position:relative;border-radius:0 5px 5px 0 0;display:block;height:12px;width:2410%;left:100%;background:#e0e0e0;z-index:-10000;border-radius:0 5px 5px 0;top:15px;}
.snsLink {}
.snsLink img {
    height: 43px;
}
.gallWrap {display:flex; /* overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; */}
.gall_item {margin-right:40px; text-align:center; border:1px solid #e4e4e4;scroll-snap-align:start;border-radius:15px;}
.gall_item .item_box {display:block;position:relative;}
.gall_item .item_box h3 {margin: 23px 0 24px;font-size: 20px;}
.swiper-slider-1 .gall_item .item_box h3 {margin:40px 0 0 0;}
.gall_item .item_box .item_img img {width:100%;height: 239px;object-fit: cover;object-position: top;}
.gall_item .item_box h3 span {display:block; font-size:18px; color:#666;}
.gall_item .item_box .ellipsis2 {margin:15px auto 20px; width:260px; line-height:28px; height:60px; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} 
.gall_item .item_box .inner {margin-bottom:32px; font-size:14px;}
.gall_item .item_box .inner .htag {display:inline-block; height:25px; line-height:28px; padding:0 10px 0 30px; border-radius:25px; background:#f2f5f7 url(../images/i_jobinfo.gif) no-repeat 6px 0 ;}
.gall_item .item_box .inner .htag.time {background-position:6px -24px;}
.gall_item .item_box .inner .htag.pay {background-position:6px -49px;}
.gall_item .item_box .inner .htag.go {padding:4px 15px 2px 18px; height:auto; font-weight:700; background-image:none;}
.gall_item .item_box .inner span:not(:last-child) {margin-right:10px;}
.gall_item a.item_box:hover .item_img img,
.gall_item a.item_box:focus .item_img img {transform:scale(1.1)}
.gall_item .item_img {position:relative;overflow:hidden;border-bottom:1px solid #e4e4e4;border-radius:15px 15px 0 0;}
.gall_item .item_img.gray {filter:grayscale(80%); -webkit-filter:grayscale(80%); -moz-filter:grayscale(80%);}
.gall_item .item_img img {display:block; transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;width:100%;}

/*
.m01con .scrollbar {position:relative;margin:40px 0 67px 0; }
.m01con .scrollbar .handle {-webkit-appearance:none; appearance:none; outline:none; position:relative; width:100%; padding:2px ; height:16px; background:#ededed;border:1px solid #dbdbdb;border-radius:8px;}
.m01con .scrollbar .handle::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:80px;height:10px;background:#ff8200;border-radius:5px;cursor:pointer;}
  .m01con .scrollbar .handle::-moz-range-thumb {width:80px;height:10px;;background:#ff8200;border-radius:5px;}
  .m01con .scrollbar .handle::-moz-range-thumb::after {content:url(../images/icon_star.png);}
.m01con .scrollbar .handle::-webkit-slider-thumb::after {content:'';  position:absolute; top:-16px;right:-20px;width:40px;height:40px;border-radius:40px;background:#ff8200 url(../images/icon_star.png) no-repeat right bottom;box-shadow:0 8px 15px 1px rgb(15 15 15 / 30%);cursor:pointer;}
*/

/* section2 */
.section2 {background:#f5f5f5;padding:60px 0;}
.section2 .info01 {width:50%; padding-right:10px;opacity:0;}
.section2 .info02 {width:50%; padding-left:10px;opacity:0;}
.section2 h2 {text-align:left;display:inline-block;margin-bottom:20px;}
.section2 .ctrl {float:right;}
.section2 a.btn_all::after{content:'';display:block;clear:both;}
.ctrl>a {display:block; float:left; width:40px;height:40px;background:url(../images/ctrl_pop.png) no-repeat -1px 0;}
.ctrl>a.next {background-position:-37px 0;}
.ctrl>a.stop {background-position:-120px 0;}
.ctrl>a.play {background-position:-79px 0;}
.ctrl>a:hover,.ctrl>a:focus {background-color:#fff166;border-radius:50px;}

.section2 .iconBox a {display:block;float:left;width:calc(50% - 20px);padding:30px;background:#fbfbfb;border:1px dashed #9e9e9e;border-radius:25px;}
.section2 .iconBox a:hover,
.section2 .iconBox a:focus {box-shadow:5px 5px 12px rgba(0,0,0,.25); background:#ffe153; border-color:#eda028;}
.section2 .iconBox a strong {display:block;font-size:1.188em;line-height:1.5;padding:15px 0 0 0;color:#222;}
.section2 .iconBox a strong::before {content:'';display:block;float:left;margin:-15px 4.5% 20px 0; width:79px;height:79px;background:#ffda53 url(../images/i_c01.png) no-repeat 0 center/contain;border-radius:100px;}
.section2 .iconBox a strong::after {content:'';display:block;clear:both;}
.section2 .iconBox a.itemBox2 strong::before {background-color:#00b58c;background-image:url(../images/i_c02.png);}
.section2 .iconBox a.itemBox1 {margin-right:20px;margin-bottom: 20px;}
.section2 .iconBox a p {font-size:.938em;color:#505050;}
.section2 .iconBox2 a {display:block;float:left;width:calc(50% - 20px);padding:30px;background:#fbfbfb;border:1px dashed #9e9e9e;border-radius:25px;}
.section2 .iconBox2 a:hover,
.section2 .iconBox2 a:focus {box-shadow:5px 5px 12px rgba(0,0,0,.25); background:#ffe153; border-color:#eda028;}
.section2 .iconBox2 a strong {display:block;font-size:1.188em;line-height:1.5;padding:15px 0 0 0;color:#222;}
.section2 .iconBox2 a strong::before {content:'';display:block;float:left;margin:-15px 4.5% 20px 0;width:79px;height:79px;background: #98DEFF url(../images/i_c03.png) no-repeat 0 center/contain;border-radius:100px;}
.section2 .iconBox2 a strong::after {content:'';display:block;clear:both;}
.section2 .iconBox2 a.itemBox2 strong::before {background-color: #FCB045;background-image:url(../images/i_c04.png);}
.section2 .iconBox2 a.itemBox1 {margin-right:20px;margin-bottom: 20px;}
.section2 .iconBox2 a p {font-size:.938em;color:#505050;}
.section2 .icon_set {display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:10px;}
.section2 .icon_set li {display:block; width:25%; margin:10px 0 30px;text-align:center; font-weight:700;}
.section2 .icon_set li a,.section2 {display:block;}
.section2 .icon_set li img {display:block;margin:0 auto 5px;}

.section2 .info02 .pop_set li {display:none;position:relative;}
.section2 .info02 .pop_set li.on, 
.section2 .info02 .pop_set li a {display:block;}
.section2 .info02 .pop_set li a img {margin:auto;width:100%;max-width:680px;height:auto;}
.section2 .info02 .ctrl_pop {position:relative; margin:-50px auto auto; text-align:center; z-index:10;}
.section2 .info02 .ctrl_pop ul {display:inline-block; padding:5px 15px;background:#FFF; border-radius:30px;}
.section2 .info02 .ctrl_pop ul li {display:inline-block; font-size:14px;}
.section2 .info02 .ctrl_pop ul li:not(:last-child) {margin-right:10px;}
.section2 .info02 .ctrl_pop ul li a {padding:2px 3px;}
.section2 .info02 .ctrl_pop ul li.on a {font-weight:700; background-color:#fff05e; border-radius:20px;}

.section2 .board {position:relative; padding:20px 40px; margin-top:40px; background:#FFF;opacity:0;}
.section2 .board h3 {float:left; display:block; width:82px; font-size:18px;line-height:34px;}
.section2 .board ul {float:left; display:block;width:calc(100% - 130px);}
.section2 .board li {display:none;}
.section2 .board li.on {display:block;}
.section2 .board li a {display:block;height:36px;line-height:36px !important;}
.section2 .board li a span {position:relative; display:inline-block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section2 .board li a i {padding:4px 20px; margin-right:10px; border-radius:30px; color:#FFF; background:#fe7e00;}
.section2 .board li a i.num {padding:2px 8px; margin-right:10px; border-radius:30px; color:#FFF; background:#fe7e00;}
.section2 .board li a u {float:right; text-align:right;}
.section2 .board li a span::after {position:absolute;content:'';bottom:.1em;left:-100%;transition:.2s ease-out; width:100%;height:.4em;background-color:rgba(255,225,83,.8);}
.section2 .board li a:hover span::after,
.section2 .board li a:focus span::after{left:0;}
.section2 .board .ctrl_board {position:absolute; right:40px; top:15px; bottom:0; margin:auto 0; width:25px;}
.section2 .board .ctrl_board a {display:block; width:25px; height:25px; overflow:hidden; line-height:300px; background:url(../images/icon_arr.png) no-repeat center -1px;}
.section2 .board .ctrl_board a.next {background-position:center -22px;}

.section3 .con3Wr::before {content:'';position:absolute;display:block;width:calc(50% + 80px);left:-25%;top:0;bottom:0;background: #0996d8 url(../images/s03_bg.png) no-repeat 45% bottom;z-index:-1}
.section3 .con3L {float:left; width:25%;padding-top:100px;min-height:407px;opacity:0;}
.section3 .con3L .snsLink li {display:inline-block;margin-right:15px;}
.section3 .con3L h2 {text-align:left;margin: 20px 0 1em;color:#fff;font-size: 1.8em;}
.section3 .con3L .title > p {color:#e4e4e4;}
.section3 .ctrl {margin-top:5%}
.section3 .ctrl>a {background-image:url(../images/ctrl_pop2.png);}
.section3 .ctrl>a:hover,
.section3 .ctrl>a:focus {background-color:#104a38;}

.section3 .con3R {float:left; width:75%;opacity:0;}
.section3 .con3R a img {display:block;max-width:100%; transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;}
.section3 .con3R a:hover img,
.section3 .con3R a:focus img {transform:scale(1.1);border-radius:0;}
.section3 .galleryWr {overflow:hidden;padding: 51px 0 23px 10px;}
.section3 .galleryWr .clearfix {width:1000%;}
.section3 .galleryWr .item {float:left; width:320px;margin-right:40px; overflow:hidden; transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;}
.section3 .galleryWr .item.active {border-radius:25px;box-shadow:2px 2px 15px rgba(0,0,0,.25);}
.section3 .galleryWr .item.active img {border-radius:0;}
.section3 .galleryWr .item a,
.section3 .galleryWr .item span,
.section3 .galleryWr .txtBox em,
.section3 .galleryWr .txtBox strong {display:block;}
.section3 .item .imgBox {overflow:hidden;max-height:250px;}
.section3 .item.insta .imgBox {position:relative;height:250px;}
.section3 .item.insta .imgBox img {position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%);}
.section3 .item .imgBox img {border-radius:25px;}
.section3 .item .txtBox {padding:30px;background:#fff;}
.section3 .item .txtBox em {font-size:.938em;color:#505050;}
.section3 .item .txtBox em::before {content:'b';display:inline-block;width:20px;height:18px;line-height:18px;border-radius:20px;vertical-align:middle;margin:-2px 5px 0 0;padding-top:2px;font-size:11pt;background:#33a936;color:#fff;text-align:center;font-weight:900;}
.section3 .item.insta .txtBox em::before {content:'i';background:#833ab4; background:-webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); background:linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);}
.section3 .item:nth-of-type(3) .txtBox em::before,
.section3 .item:nth-of-type(3n) .txtBox em::before {content:'u';background:#ed1f24;padding:1px 0;}
.section3 .item .txtBox strong {font-size:1.25em;color:#222;margin:.33em 0 .875em;line-height:1.4;height:2.7em;overflow:hidden;text-overflow:ellipsis;overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.section3 .slick-list {padding-bottom:20px;}
.quickMenu {position:absolute;top:160px;right:60px;z-index:101;}
.quickMenu a img,
.quickMenu a span {display:block;text-align:center;line-height:1;padding:4px 7px 3px}
.quickMenu a span {position:relative; margin:-15px 0 0;background:#fff;border-radius:40px;font-size:14px;font-weight:700;box-shadow:0 0 0 3px #1eb4fa;}
.quickMenu li:first-child a span {margin-bottom:20px;box-shadow:0 0 0 3px #ddd;}/*#ffda53*/


/* ie */
@media screen and (-ms-high-contrast:none) {
	.m01tab .tab_list a {height:2em; line-height:2.35em;}
}

@media(max-width:1600px){
  .section0 .vis_txt {z-index:2;}
  .section0 .vis_m {position:absolute;right:0;top:50%; transform:translateY(-50%);}
  .section0 .ctrl {bottom:30px;}
  .section0 .visWr.main02 {overflow:hidden; padding:160px 0;}
  .tabWrap::before,
  .section3 .con3Wr::before {left:calc(-25% + 80px) !important;}
  .section3 .con3L .video a img {width:110%;}
}

@media(max-width:1320px){
  .section0 [class^="tit"] {font-size:50px;}
  .section0 .subtxt {margin:36px 0 0 3px;}
  .section0 a.btn {margin-top:36px;padding:0 50px 0 28px;line-height:42px;font-size:16px}
  .section0 a.btn.more::before, .section0 a.btn.more::after {top:.9em;}
  .section0 .vis_m {width:60%;}
  .section0 .main02 .vis_m {top:60%;}
}

@media(max-width:1279px){
  .tabWrap::before {display:none;}
  .tabWrap {display:block; padding-top:40px;}
  .tabWrap .m01con {width:100%; padding-top:10px; padding-left:0;}
  .m01tab {width:100%;text-align:center; height:auto;}
  .m01tab .tab_list {display:flex;justify-content:space-around;}
  .m01tab .tab_list li {border:none;}
  .m01tab .tab_list a {margin-right:0;padding:0 20px; font-size:20px;line-height:40px;}
  .m01tab .tab_list a.on {border-radius:0;background:none;box-shadow:inset 0 -8px #ffda53;}
  .m01tab .tab_list a.on::before {left:-40px; width:60px; height:60px; background-size:60px;}
  .m01tab .tab_list .tm02 a.on::before {background-position:0 -60px;}
  .m01tab .tab_list .tm03 a.on::before {background-position:0 -120px;}
  .m01tab .tab_list a.on::after{display:none;}
  .m01con .job_search {margin-bottom:30px;}
  
  .section1 .gall_item {margin-right:20px;}

  .section2 .flex {display:block;}
  .section2 a.btn_all {margin-right:0;}
  .section2 .info01, .section2 .info02 {padding:0; width:100%;}
  .section2 .info02 .pop_set {display:flex; overflow:auto;}
  .section2 .info02 .pop_set li {display:inline-block; margin-right:30px;}
  .section2 .info02 .pop_set li a img {width:inherit;}
  .section2 .info02 .ctrl_pop {margin:20px;}

  .section3 .con3L {width:30%;}
  .section3 .con3R {width:73%;margin-left:-3%;}
}

@media(max-width:1200px){
  .section0 [class^="tit"] {font-size:40px; margin:14px 0;}
  .section0 .tit01 {margin-top:34px;}
  .quickMenu {top:50px;}
}

@media(max-width:1080px){
  .section3 .con3Wr::before {width:auto;height:350px;right:0;bottom:auto; }
  .section3 .con3L {float:none; width:100%; left:0; min-height:auto; padding-top:60px;}
  .section3 .con3L .title > p {display:none;}
  .section3 .con3L h2 {float:left;}
  .section3 .ctrl {float:right;margin-top:20px;}
  .section3 .con3R {float:none; width:100%;padding:0 0 60px 20px;}
}

@media(max-width:960px){
  .section0 .visWr.main01 {background-size:cover;}
}
@media(max-width:840px){
  .section0 .active {overflow:hidden;}
  .section0 .vis_m {margin-right:-70px;}
}

@media(max-width:768px){
  .section0 .visWr,
  .section0 .visWr.main02 {padding:40px 0;}
  .section0 .visWr .maxW {display:block;padding-top:75px;}
  .section0 [class^="tit"] {font-size:34px;margin:14px 0;}
  .section0 .vis_m {position:relative; transform:none; width:100%; max-width:840px; margin:-70px auto 0;}
  .section0 .main02 .vis_m {margin:0 auto;}
  .section0 .tit01 {letter-spacing:-0.03em;}
  .section0 .subtxt {display:none;}
  .section0 a.btn {margin-top:10px;}
  .section0 .ctrl {bottom:20px;}
  .section1 .item_img img {width:300px;height:auto;}
  .section2 .board li a i {padding:4px 10px;}

  /*
  .section2 .iconBox a {text-align:center;}
  .section2 .iconBox a strong::before {float:none;}
  .section2 .iconBox a p {display:none;}
  */

  .section2 .iconBox a {padding:20px;width:calc(50% - 10px);}
  .section2 .iconBox a strong::before {margin:-10px 15px 15px 0;width:72px;height:72px;}
  .section2 .iconBox a strong {letter-spacing:-1px;}

  .section3 .galleryWr .item {width:calc(50vw - 90px);}
  .section3 .galleryWr .item img {width:100%;}
}


@media(max-width:767px){
  h2.tit01 {margin-top:0;}
  .section0 .visWr {padding: 20px 0 0px 0 !important;}
  .section0 .vis_txt .Stit {font-size:14px;font-weight:800;}
  .section0 .vis_m {width: 120% !important;margin: -22px 0 0 -25px;}
  .section0 .main02 .vis_m img.absl {bottom:-40px;}
  .section0 .main03 .vis_m {width:100%;margin:auto;padding-top:0;}
  .section0 .main03 .vis_m img.rela {width:120%; margin:0 -5%;}
  .section0 .main03 .vis_m img.absl {width:50%;right:-60px;bottom:25%;}
  .m01tab .tab_list {padding:0;align-items: center;}
  .m01tab .tab_list a {line-height:1.5em;}
  .m01con {padding-left:0;}
  .m01tab .tab_list li {line-height:2em;padding-left:0;}
  .m01tab .tab_list li a {padding:5px 10px; font-size:16px;}
  .m01tab .tab_list a.on::before {display:none;}
  .m01con .job_search .inner select.basic {margin-right:10px;}
  .m01con .job_search .inner {width:calc(100% - 30px); font-size:14px;}
  .m01con .job_search input {width:30px; height:30px; background-size:100%;}
  .gall_item .item_box h3 {margin:20px 0 18px;font-size:18px;}
  .gall_item .item_box h3 span {font-size:14px;}
  .gall_item .item_box .inner {margin-bottom:24px;}
  .m01con .scrollbar {margin:30px 0 0;}
  .m01con .scrollbar .handle .mousearea {width:30px;height:30px;background-size:100%;top:-10px;}

  .tabWrap {padding-top:10px;}

  .section2 {padding:0;}
  .section2 .flex.maxW { padding-bottom:1rem;}
  .section2 .maxW + .maxW {padding-top:10px;}
  .section2 .icon_set li {font-size:14px; font-weight:800;}
  .section2 .icon_set li img {width:90%; max-width:90px; height:auto;}
  .section2 .info02 .pop_set {display:block;}
  .section2 .info02 .pop_set li {width:100%;margin-right:1px;display:none;}
  .section2 .info02 .pop_set li a img {width:100%;}
  .section2 .info02 .ctrl_pop {margin:-50px auto auto;}
  .section2 .board {margin-top:0;padding:10px 20px;font-size:14px;}
  .section2 .board h3 {width:100%; float:none;}  
  .section2 .board ul {width:100%;}
  .section2 .board ul li {display:block;}
  .section2 .board li a span {float:left;width:calc(100% - 75px);}
  .section2 .board .ctrl_board {display:none;}

  .section3 {padding:0;}
  .section3 .con3R {margin-left:5px;padding:0 0 20px 0;}
  .section3 .con3R a.item1, .section3 .con3R a.item5 {width:100%;}
  .section3 .con3R a img {width:100%;}
  .section3 .galleryWr .item {width:calc(50vw - 40px);margin-right:30px;}

  .quickMenu {position:relative;top:-125px;right:0;text-align:right;margin-bottom:-90px;}
  .quickMenu li {display:inline-block;margin:0 10px;vertical-align:top}
  .quickMenu li img {width:90px;height:auto;margin:0 auto}
  .quickMenu a span {margin-left:0;margin-right:0;font-size:13px}

}
@media(max-width:570px){
  .section2 .iconBox a strong::before {margin:-10px 10px 15px 0;width:60px;height:60px;}
  .section2 .iconBox a strong {line-height:1.3;}
  .section3 .item .txtBox strong {font-size:1.25em;}
  .section2 .iconBox a {width:100%;margin-right:0;margin-bottom: 20px;}
  .section2 .iconBox a:first-of-type {margin-bottom:20px;}
  .section2 .iconBox a strong::before {margin-right:5%;}
}
@media(max-width:425px){
  .section0 .vis_txt .tit01 {font-size:30px;}
  .section3 .galleryWr .item {width:calc(100vw - 50px);margin-right:30px;}
  .section3 .con3L {padding-top:4%;}
  .section3 .con3L h2 {margin-bottom:0;float:none;}
  .section3 .ctrl {float:none;margin:15px auto 10px;}

}
/* animate */
.section0 .vis_txt i,
.section0 .vis_txt p {-webkit-animation:fInLeft .5s .8s ease-out 1; animation:fInLeft .5s .8s ease-out 1;animation-fill-mode:forwards;}
.section0 .vis_txt a {-webkit-animation:fadeIn 1.3s ease-out 1; animation:fadeIn 1.3s ease-out 1;animation-fill-mode:forwards;}
.section0 .vis_txt .tit01 {-webkit-animation:lInLeft .6s .8s ease-out 1; animation:lInLeft .6s .8s ease-out 1; animation-fill-mode:forwards;}
.section0 .vis_txt .tit02 {-webkit-animation:lInLeft .9s .8s ease-out 1; animation:lInLeft .9s .8s ease-out 1; animation-fill-mode:forwards;}
.section0 .main01 .vis_m {-webkit-animation:zoomInDown .8s ease-out 1;animation:zoomInDown .8s ease-out 1;width: calc(100% - 35%);}
.section0 .main02 .vis_m .rela,
.section0 .main03 .vis_m .rela {-webkit-animation:zoomInDown .8s ease-out 1; animation:zoomInDown .8s ease-out 1;}
.section0 .main02 .vis_m .absl,
.section0 .main03 .vis_m .absl {-webkit-animation:zoomInDown 1s ease-out 1; animation:zoomInDown 1s ease-out 1;}

.section1 .m01tab .tab_list {-webkit-animation:fInLeft .5s ease-out 1; animation:fInLeft .5s ease-out 1;}
.section1 .m01con .gallWrap {-webkit-animation:fInRight .5s ease-out 1; animation:fInRight .5s ease-out 1;}

.section2 .icon_set li a:focus img,
.section2 .icon_set li a:hover img {-webkit-animation:flipInY .8s ease-out 1; animation:flipInY .8s ease-out 1;}
.section2 .info01.aMotion.GOact {-webkit-animation:fInLeft .5s ease-out 1; animation:fInLeft .5s ease-out 1; animation-fill-mode:forwards}
.section2 .info02.aMotion.GOact {-webkit-animation:fInRight .5s ease-out 1; animation:fInRight .5s ease-out 1; animation-fill-mode:forwards;}
.section2 .board.aMotion.GOact {-webkit-animation:fInUp .8s ease-out 1; animation:fInUp .8s ease-out 1; animation-fill-mode:forwards}

.section3 .con3L.aMotion.GOact {-webkit-animation:fInLeft .8s ease-out 1; animation:fInLeft .8s ease-out 1; animation-fill-mode:forwards;}
.section3 .con3R.aMotion.GOact {-webkit-animation:fInRight .5s ease-out 1; animation:fInRight .5s ease-out 1; animation-fill-mode:forwards;}



:root{
      /* White & Blue Theme */
      --page-bg:#ffffff;         /* 전체 배경(완전 흰색) */
      --card-bg:#ffffff;         /* 카드/영역 배경 */
      --ink:#0b1b3a;             /* 본문 텍스트 */
      --muted:#6b7a90;           /* 보조 텍스트 */
      --stroke:#e6eef7;          /* 경계선 */
      --accent:#2563eb;          /* 포인트 블루 */
      --accent-600:#1d4ed8;
      --accent-50:#f0f6ff;       /* 칩/하이라이트 연한 블루 */
      --accent-100:#e6f0ff;      /* 칩 보더용 연블루 */
      --today-bg:#dbeafe;        /* 오늘 강조 배경(연블루) */
      --sun:#ef4444;             /* 일요일 포인트(붉은계열) */
      --sat:#2563eb;             /* 토요일 포인트(블루) */
    }

    *{box-sizing:border-box}
   /* 캘린더 래퍼 (기준 1200×1400, 반응형) */
    .calendar-wrap{
      width:min(100%, 100%);
      height:clamp(760px, 85vh, 1400px);
      background:var(--card-bg);
      border:1px solid var(--stroke);
      border-radius:24px;
      padding:20px;
      box-shadow:0 18px 50px rgba(17,24,39, .06);
      display:grid; grid-template-rows:auto auto 1fr auto; gap:16px;
	  font-family:Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic", Arial, sans-serif;
    }

    /* 헤더 */
    .cal-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 5px 16px;
      background:var(--card-bg);
      border:1px solid var(--stroke);
      border-radius:14px;
    }
    .cal-title{display:flex; align-items:baseline; gap:10px}
    .cal-title .brand{font-weight:800; font-size:13px; color:var(--muted); letter-spacing:.3px}
    .cal-title .month{font-size:28px; font-weight:800; letter-spacing:-0.3px}
    .cal-title .year{font-size:16px; color:var(--muted); font-weight:600}

    .cal-actions{display:flex; gap:8px}
    .btn{
      background:#fff; color:var(--ink);
      border:1px solid var(--stroke);
      padding:10px 14px; border-radius:10px; font-weight:700; font-size:14px; cursor:pointer;
      transition:background .15s ease, border-color .15s ease, color .15s ease, transform .08s ease;
    }
    .btn:hover{border-color:#d6e2f0; transform:translateY(-1px)}
    .btn.primary{background:var(--accent); color:#fff; border-color:var(--accent)}
    .btn.primary:hover{background:var(--accent-600); border-color:var(--accent-600)}

    /* 요일 바 */
    .weekday-bar{
      display:grid;
      grid-template-columns:repeat(7, minmax(0, 1fr)); /* 동일 폭 */
      gap:6px;
      padding: 0px 6px;
      background:var(--card-bg);
      border:1px solid var(--stroke);
      border-radius:14px;
    }
    .weekday{ text-align:center; font-weight:700; font-size:13px; padding:10px 0; color:var(--muted) }
    .weekday.sun{color:var(--sun)} .weekday.sat{color:var(--sat)}

    /* 그리드 (== 핵심: 칸 너비 동일 + 내용 폭 제한) */
    .cal-grid{
      display:grid;
      grid-template-columns:repeat(7, minmax(0, 1fr)); /* 7칸 동일 너비 */
      grid-auto-rows:1fr;
      gap:10px; padding:10px;
      background:var(--card-bg); border:1px solid var(--stroke); border-radius:16px;
      overflow:hidden;
    }
    .cal-grid > *{min-width:0;} /* 셀 내용이 폭을 밀지 않도록 */

    .cell{
      position:relative;
      border:1px solid var(--stroke);
      border-radius:14px;
      padding: 6px 6px;
      display:flex;
      flex-direction:column;
      gap:8px;
      background:#fff;
      transition:border-color .15s ease, box-shadow .15s ease;
      min-width:0;
      min-height:0; /* 내용 폭/높이 제약 */
    }
    .cell:hover{border-color:#d6e2f0; box-shadow:0 6px 16px rgba(17,24,39,.06)}
    .cell.out{opacity:.55}

    .date-head{display:flex; align-items:center; justify-content:space-between}
    .dnum{font-weight:800;font-size: 12px;line-height:1;letter-spacing:-0.2px}
    .sun .dnum{color:var(--sun)} .sat .dnum{color:var(--sat)}

    /* 오늘(선택 불가) */
    .today .dnum{position:relative; z-index:2; color:#1e3a8a}
    .today .dnum::before{
      content:""; position:absolute; inset:-6px -8px; z-index:-1; background:var(--today-bg);
      border-radius:999px; box-shadow:0 3px 10px rgba(37,99,235,.15);
    }

    /* 일정 칩(클릭=링크) — 말줄임 보강 */
    .event-list{display:flex;flex-direction:column;gap:6px;min-height: 0px;min-width:0;}
    .event-chip{
      display:flex;
      align-items:center;
      gap:6px;
      width:100%;
      min-width:0;  /* 폭 고정 */
      font-size: 10px;
      line-height:1.1;
      font-weight:700;
      text-decoration:none;
      color:var(--accent);
      background:var(--accent-50);
      border:1px solid var(--accent-100);
      border-radius:10px;
      padding: 3px 5px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      transition:background .12s ease, border-color .12s ease, color .12s ease, transform .08s ease;
    }
    .event-chip:hover{background:var(--accent); border-color:var(--accent); color:#fff; transform:translateY(-1px)}
    .chip-dot{
      flex:0 0 auto; width:8px; height:8px; border-radius:2px; background:var(--accent);
      box-shadow:0 0 0 1px rgba(0,0,0,.08)
    }
    .chip-title{display:block; min-width:0; width:100%;
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    /* 하단 인디케이터 */
    .event-bar{margin-top:auto; display:flex; gap:4px; flex-wrap:wrap; min-height:12px; display:none;}
    .event-dot{width:8px; height:8px; border-radius:2px; background:var(--accent)}
    .more{margin-left:4px; color:var(--muted); font-size:12px; font-weight:700}

    /* 모달 — 말줄임 보강 */
    .modal{position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.45); z-index:999}
    .modal[aria-hidden="false"]{display:flex}
    .modal-card{
      width:min(560px, 92vw); max-height:80vh; overflow:auto;
      background:#fff; border:1px solid var(--stroke); border-radius:14px; padding:16px;
      box-shadow:0 24px 70px rgba(17,24,39,.18);
    }
    .modal-head{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px}
    .modal-title{font-size:18px; font-weight:800; color:var(--ink)}
    .modal-close{appearance:none; background:transparent; border:0; color:var(--ink); font-size:18px; cursor:pointer}
    .modal-list{display:flex; flex-direction:column; gap:8px}
    .modal-item{display:flex; align-items:flex-start; gap:10px; background:#fff; border:1px solid var(--stroke); border-radius:12px; padding:10px}
    .modal-item > div{min-width:0;}
    .modal-item a{display:block; max-width:100%; color:var(--accent); font-weight:700; text-decoration:none;
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .modal-item a:hover{color:var(--accent-600); text-decoration:underline}
    .modal-item .url{color:var(--muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    /* 반응형 */
    @media (max-width: 1200px){ .calendar-wrap{border-radius:20px} .cal-title .month{font-size:24px} }
    @media (max-width: 920px){ .calendar-wrap{height:80vh} .weekday{font-size:12px} .dnum{font-size:16px} }
    @media (max-width: 640px){
      .calendar-wrap{height:calc(100vh - 24px); padding:12px}
      .cal-header{padding:10px 12px} .btn{padding:8px 10px; font-size:13px}
      .weekday-bar{gap:4px} .cal-grid{gap:6px; padding:6px}
      .cell{border-radius:12px; padding:8px}
      .event-chip{font-size:11px; padding:5px 7px}
    }

    /* 인쇄 */
    @media print{
      body{background:#fff}
      .calendar-wrap{width:100%; height:auto; box-shadow:none; background:#fff; color:#000}
      .cal-header, .weekday-bar, .cal-grid{background:#fff; box-shadow:none}
      .cell{border-color:#ddd}
      .today .dnum::before{background:var(--today-bg)}
    }


	/* ===== 모바일/태블릿 전용: 달력을 리스트형으로 전환 ===== */
@media (max-width: 768px) {
  /* 전체 래퍼 세로 스크롤 구조 */
  .calendar-wrap {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 12px;
  }
.section0 .vis_txt {
    color: #252525;
    padding-left: 10px;
    width: 100%;
    top: 0;
}
.m01tab .tab_list a.on {
    position: relative;
    color: #ffffff;
    background: #0797da;
    min-height: 57px;
    border-radius: 10px;
    box-shadow: 8px 0 10px rgba(102, 102, 102, .3);
    display: flex;
    align-items: center;
}
  /* 요일 헤더 감춤 */
  .weekday-bar {
    display: none;
  }

  /* 그리드 -> 세로 리스트 */
  .cal-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    border: none;
    background: none;
  }

  /* 각 날짜 셀 */
  .cal-grid .cell {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--stroke);
    border-radius: 6px;
    padding: 6px;
    background: #fff;
  }

  /* 날짜 헤더 (숫자 크게) */
  .cal-grid .cell .date-head {
    margin-bottom: 0;
  }
  .cal-grid .cell .dnum {
    font-size: 13px;
    font-weight: 700;
  }

  /* 이벤트 리스트: 가로 대신 세로 */
  .cal-grid .cell .event-list {
    flex-direction: column;
    gap: 4px;
  }
  .cal-grid .cell .event-chip {
    font-size: 13px;
    padding: 6px 10px;
    white-space: normal;
  }

  /* 하단 점(dot) 숨김 */
  .cal-grid .cell .event-bar {
    display: none !important;
  }
}
.banner_n {width: 100%;}
.banner_n img {width: calc(100% - 22px);border-radius: 30px;height: 235px;object-fit: cover;}

@media (max-width: 768px) {
	.banner_n {width: 100%;margin-bottom: 38px;}
.banner_n img {width: 100%;border-radius: 30px;height: 235px;object-fit: cover;}
}

/* ===== Modal Base ===== */
.eda_modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease, visibility .2s ease;}
.eda_modal.is-open{opacity:1;visibility:visible;}
.eda_modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:saturate(140%) blur(2px);}
.eda_modal__dialog{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);width:min(900px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}
.eda_modal__title{margin:0;padding:18px 56px 12px 20px;font-size:20px;line-height:1.3;border-bottom:1px solid #eee}
.eda_modal__content{padding:18px 20px 22px;overflow:auto}
.eda_modal__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;background:#f5f5f5;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.eda_modal__close:hover{background:#eee}

/* 모바일 최적화 */
@media (max-width: 600px){
  .eda_modal__dialog{width:93vw;max-height:85vh;border-radius:10px}
  .eda_modal__title{font-size:18px}
}
body.modal-open{overflow:hidden;}

.box_imp {
    padding: 10px;
    background: #F6F6F6;
    border: 1px solid #DDDDDD;
    margin-bottom: 5rem;
    height: 23rem;
    overflow-y: auto;
}

.box_imp .tit {
    font-size: 2rem;
    color: #333333;
    display: block;
    margin-bottom: 2rem;
    margin-top: 50px;
}

.box_imp .sm_tit {
    display: block;
    font-size: 1.7rem;
    color: #333;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.btn_area {
    text-align: left;
    margin-top: 4rem;
}

.center {
    text-align: center !important;
}