html {min-width: initial;} /*m*/
body {background-color: #f0f0f0;}/*m 폰에서 글자 크기가 갑자기 커지는거 방지*/

.ct_w {width:1080px;margin-left:auto; margin-right:auto;} /*가로 고정 및 센터 고정*/
.ct_w {width:auto;} /*m*/

img {width:  100%;height:initial;}


.mg_l {margin-left: -420px !important;}
.mg_l {margin-left: 0 !important;} /*m*/
.pdlr_35 {padding-left: 35px !important;padding-right: 35px !important;}
.pdlr_40 {padding-left: 40px !important;padding-right: 40px !important;}

.icon {display: inline-block;background-image:url("../imgs/com/icon.png");background-repeat: no-repeat;}
.dot {display: inline-block;width: 3px;height: 3px;background-color: #777;vertical-align: middle;}
.dot {width: 4px;height: 4px;} /*m*/
.ft_1 {font-family:"thefaceshop" !important;}
.ft_2 {font-family:"proximanova" !important;}
.nbdt {border-top: 0 !important;}
.nbdr {border-right: 0 !important;}
.nbdb {border-bottom: 0 !important;}
.nbdl {border-left: 0 !important;}



table {width: 100%;border-collapse: collapse;}
.tb_1 td {border: #e2e2e2 solid 1px;vertical-align: middle;font-size: 14px;line-height: 25px;padding: 40px 0;background-color: #fff ;}
.tb_1 td {font-size: 18px;line-height: 29px;padding: 40px;word-break: keep-all;} /*m*/

.tb_2 {text-align: left;margin-top: 50px;}
.tb_2 caption {font-size: 21px;font-weight: 600;text-decoration: underline;margin-bottom: 29px;}
.tb_2 caption {font-size: 24px;} /*m*/
.tb_2 td {font-size: 15px;border: #eee solid 1px;padding: 15px 0 15px 40px;}
.tb_2 td {font-size: 18px;padding: 15px;} /*m*/
.tb_2 thead td {background-color: #f7f7f7;font-weight: 600;color: #343434;}
.tb_2 tbody td {color: #727171;}

.tb_3 {position: absolute;left: 0;bottom:0;}
.tb_3 {position: relative;left: initial;bottom:initial;width: 100%;} /*m*/
.tb_3 th {font-size: 15px;font-weight: 600;color: #343434;border-top: #eee solid 1px;border-bottom: #eee solid 1px;padding: 15px 19px 15px;text-align: left;}
.tb_3 td {font-size: 14px;line-height: 25px;color: #727171;border-top: #eee solid 1px;border-bottom: #eee solid 1px;padding: 15px 0;word-break:keep-all;}

.tb_3 th{font-size: 18px;} /*m*/
.tb_3 td {font-size: 18px;} /*m*/
.tb_4 {text-align: left;margin-bottom: 70px;}
.tb_4 {--margin-bottom: 0;--padding-bottom: 70px;} /*m*/
.tb_4 caption {font-size: 26px;line-height: 84px;text-align: left;padding-left: 15px;}
.tb_4 caption {text-align: center;line-height: normal;padding:28px 15px;} /*m*/
.tb_4 caption .facility {position: relative;width: 41px;height: 19px;background-position: -220px -220px;text-align: center;vertical-align: text-bottom;margin:0 8px;}
.tb_4 caption .facility {width: auto;height: 25px;background-image: none;background-color: #0089de;padding: 0 12px;border-radius: 12.5px;} /*m*/
.tb_4 caption .facility i {position: absolute;left: 0;top:0;right: 0;line-height: 19px;color: #fff;font-size: 12px;font-style: normal;}
.tb_4 caption .facility i {position: relative;line-height: 25px;display: block; } /*m*/
.tb_4 caption .explain {font-size:14px;color: #010101;}
.tb_4 caption .explain {font-size:18px;display: block;margin-top: 20px;} /*m*/
.tb_4 colgroup col:first-child {width: 10%;}
.tb_4 th {font-weight: 600;color: #343434;font-size: 15px;padding: 15px 19px 15px;border-top: #eee solid 1px;border-bottom: #eee solid 1px;text-align: left;}
.tb_4 td {color: #727171;font-size: 14px;border-top: #eee solid 1px;border-bottom: #eee solid 1px;padding: 15px 0;}

.tb_4 th {font-size: 18px;}/*m*/
.tb_4 td {font-size: 18px;line-height: 28px;} /*m*/





/* 메인 프로그램 더보기 버튼 */
.btns {text-align: center;color: #fff;font-size: 14px;font-weight:600;background-color: #28abfc;line-height: 55px;padding: 0 25px;cursor: pointer;}
.btns .imt {position: relative;width: 19px;height: 19px;display: inline-block;vertical-align: middle;margin-left: 11px;}
.btns .imt i {position: absolute;background-color: #fff;}
.btns .imt .line_1 {left: 0;right: 0;height:1px;top: 49%;}
.btns .imt .line_2 {top:0;bottom: 0;width:1px;left: 49%;transform:rotate(90deg);opacity: 0;transition:.3s;transition-delay:.4s;filter:alpha(opacity=0);}
.btns.on .imt .line_2 {transform:rotate(0deg);opacity: 1;filter:alpha(opacity=100);}

.container.btn_top {position: fixed;left: 50%;bottom:250px;background-color: #fff;margin:0 0 0 540px;width: 0;display: none;}
.container.btn_top button {position: relative;width:50px;height: 50px;background-color:#4c4c4c;cursor: pointer;}
.container.btn_top button .icon {position: absolute;left:50%;top:50%;width:11px;height: 20px;background-position: -420px -220px;margin:-10px 0 0 -5.5px;}
.container.btn_top.on {display: block;}

/*m 시작*/
.container.btn_top {position: relative;left: initial;bottom:initial;margin:-1px 0 0;width: auto;display: inherit;
    overflow:hidden;background-color: #fff;}
.container.btn_top button {float: right;}
.container.btn_top button .icon {width:15px;height: 22px;background-position: -320px -520px;margin:-11px 0 0 -7.5px;}
/*m 끝*/


/* 모바일 레프트 */
#lt_gnb {position: fixed;left: 0;top:0;width: 720px;height: 100%;z-index: -1;background-color: rgba(0,0,0,0);transition-duration:.4s;}/*m*/
#lt_gnb.on {background-color: rgba(0,0,0,.6);}/*m*/
#lt_gnb #icontent {position: relative;width: 500px;height: inherit;background-color: #fff;transform:translateX(-720px);transition-duration:.4s;}/*m*/
#lt_gnb.on #icontent {transform:translateX(0%);transition-delay:.4s;}/*m*/
#icontent .iscroll {width: 100%;--height: 100%;--overflow-y:auto;}  /*m*/
#lt_gnb.on #icontent .iscroll {}

.btn_close {position: absolute;right: -100px;top:0;width:100px;height: 100px;background-color:#0089de;}
.btn_close .icon {position: absolute;width:33px;height: 32px;background-position: -220px -520px;left: 50%;top:50%;transform:translate(-50%,-50%);}


#wrap {width: 720px;--width: 100vw;}
#wrap.on{overflow-y: hidden;height: inherit;} /*m*/
#header { position:relative; z-index: 90;background-color: #fff;}
#header {z-index: initial;} /*m*/
#header_2 {border-bottom: #e5e5e5 solid 1px;} /*m*/
.logo { text-align:center; padding:30px 0; }
.logo { padding:19px 0; } /*m*/
.logo a {display: inline-block;}
.logo a img {display: block;}

#header .btn_show {position: absolute; left: 40px; top: 35px; width: 40px; height: 30px; background: #fff;--transition: .4s ease;}
#header .btn_show span {position: absolute; display: inline-block;width: 100%;height: 2px; background:#000; left: 0; }
#header .btn_show .p_1 {top: 0px; }
#header .btn_show .p_2 {top: 14px; }
#header .btn_show .p_3 {top: 28px; }



#mnav > ul { overflow:hidden; }
#mnav ul li {cursor: pointer;}
#mnav > ul > li { float:left;margin-right: 76px;}
#mnav > ul > li { float:none;margin-right: initial;text-align: center;border-bottom: #e5e5e5 solid 1px;} /*m*/
#mnav > ul > li:last-child {margin-right: 0;}
#mnav > ul > li > h2 {position: relative;font-size:15px;}
#mnav > ul > li > h2 {font-size:26px;line-height: 99px;} /*m*/

#mnav > ul > li:hover > h2 , #mnav > ul > li.on > h2 {font-weight: 600;}
#mnav > ul > li:hover > h2 , #mnav > ul > li.on > h2 {background-color:#0089de;} /*m*/
#mnav > ul > li > h2:after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 0px;background-color:#2693e0;z-index: 10; transition-duration:.4s;}
#mnav > ul > li > h2:after {left: initial;right: 50px;bottom: 50%;width:23px;height: 23px;background-color:transparent;transform:translateY(50%);transition-duration:initial;} /*m*/
#mnav > ul > li.micon h2:after {background: url("../imgs/com/icon.png") -20px -520px no-repeat;} /*m*/
#mnav > ul > li:hover > h2:after , #mnav > ul > li.on > h2:after {height: 2px;}
#mnav > ul > li:hover > h2:after , #mnav > ul > li.on > h2:after {height: 23px;background-position: -120px -520px;} /*m*/
#mnav > ul > li > h2 a {color:#535353;padding-bottom: 27px;display: block;}
#mnav > ul > li > h2 a {padding-bottom: initial;} /*m*/
#mnav > ul > li:hover > h2 a , #mnav > ul > li.on > h2 a {color: #2693e0;}
#mnav > ul > li:hover > h2 a , #mnav > ul > li.on > h2 a {color: #fff;} /*m*/
#mnav > ul > li .depth2 {position:absolute; left:0; right:0; top:171px;background-color:rgba(255,255,255,.9);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6ffffff", endColorstr="#e6ffffff",GradientType=0 );
height:0;overflow:hidden;transition-duration:.4s;--display: none;}

#mnav > ul > li .depth2 {position:relative; left:initial; right:initial; top:initial;background-color:transparent;} /*m*/

#mnav > ul > li:hover .depth2, #mnav > ul > li.on .depth2  {--height:50px;border-top:solid #e5e5e5 1px;}
#mnav > ul > li:hover .depth2, #mnav > ul > li.on .depth2  {--height:100%;border-top:solid #e5e5e5 0px;--display: block ;} /*m*/
#mnav > ul > li .snav {position: relative;height: inherit;}
#mnav > ul > li .snav > ul {position:absolute; top:0;}
#mnav > ul > li .snav > ul {position:relative; top:initial;} /*m*/
#mnav > ul > li:nth-child(8) .snav > ul {right: 0%;}
#mnav > ul > li .snav > ul li {float:left;font-size: 13px;}
#mnav > ul > li .snav > ul li {float:none;font-size: 26px;margin-top: 1px;background-color: #f0f0f0;} /*m*/
#mnav > ul > li .snav > ul li a {display:block;padding:0 15px;line-height:50px;height: inherit;background-image:url("../imgs/com/transparent.png");}
#mnav > ul > li .snav > ul li a {padding:0;line-height:94px;} /*m*/
#mnav > ul > li .snav > ul li:last-child a {padding-right: 0;}
#mnav > ul > li .snav > ul li:hover a , #mnav > ul > li .snav > ul > li.on a {color: #2693e0;}


.container {position: relative;}
.container .bg {position: relative;}
.container .bg img {display: block;}

//#m_visual .slogan {color: #f00 !important;}
#m_visual .slogan {position: absolute;left: 0;right: 0;color: #fff;text-align:center;}
#m_visual .slogan_1 {top:114px;}
#m_visual .slogan_1 {top:72px;} /*m*/
#m_visual .slogan_2 {top:606px;}
#m_visual .slogan_2 {top:811px;} /*m*/
#m_visual .slogan_3 {top:805px;}
#m_visual .slogan_3 {top:1020px;} /*m*/
#m_visual .slogan_1 .htxt {font-size: 47px;font-weight: 600;}
#m_visual .slogan_1 .stxt {font-size: 32px;margin-top: 10px;}
#m_visual .slogan_2 .htxt {font-size: 24px;font-weight: 600;}
#m_visual .slogan_2 .htxt {font-size: 26px;line-height: 36px;} /*m*/
#m_visual .slogan_2 .stxt {font-size: 14px;line-height: 24px;margin-top: 50px;}
#m_visual .slogan_2 .stxt {font-size: 18px;line-height: 28px;} /*m*/
#m_visual .slogan_3 .htxt {width: 350px;margin: 0 auto;height:42px;border-top: solid #fff 1px;border-bottom: solid #fff 1px;}
#m_visual .slogan_3 .htxt .s_1{font-size: 20px;line-height: 42px;font-weight: 600;vertical-align: middle;margin-right: 16px;}
// #m_visual .slogan_3 .htxt .s_1{font-size: 26px;line-height: 42px;} /*m*/
#m_visual .slogan_3 .htxt .s_2{font-size: 20px;line-height: 42px;font-weight: 600;vertical-align: middle;color: #fcff1f;}
#m_visual .slogan_3 .htxt .s_3{font-size: 40px;line-height: 40px;vertical-align: middle;color: #fcff1f;}

#m_visual .motion {position: absolute;left: 0;top:415px;right:0;height: 15px;background: url("../imgs/main/motion_line.png") center 0 no-repeat;}
#m_visual .motion {background: none;top: 280px;height:auto;} /*m*/
#m_visual .motion ul {padding: 0 150px;font-size: 0;} /*m*/
#m_visual .motion ul li {position: absolute;width:140px;height: 140px;background: url("../imgs/com/icon.png") -620px -20px no-repeat;text-align: center;/*transform-style: preserve-3d;perspective: 1080px;*/}
#m_visual .motion ul li {position: relative;width:170px;height: 170px;background: rgba(0,0,0,.3);display: inline-block;margin: 0 20px 25px;border-radius:50%;border: #fff solid 1px;box-sizing: border-box;} /*m*/

#m_visual .motion ul li.on {background-position: -820px -20px;}
#m_visual .motion ul li.on {background: rgba(0,137,222,.7);}/*m*/
#m_visual .motion ul li:nth-child(odd).on {animation:moveDN .4s;}
#m_visual .motion ul li:nth-child(even).on {animation:moveUP .4s;}
#m_visual .motion ul li .cont {position: absolute;left: 0;right: 0;top:50%;transition-duration:.2s;transform-origin: center bottom;--transform: scale(.95);--backface-visibility: hidden;}
#m_visual .motion ul li:nth-child(odd).on .cont {animation:moveUP .4s;animation-delay:.44s;}
#m_visual .motion ul li:nth-child(even).on .cont {animation:moveDN .4s;animation-delay:.44s;}

@keyframes moveDN
{
    0% {transform:translateY(0%);}
    50% {transform:translateY(5%);}
    100% {transform:translateY(0%);}
}

@keyframes moveUP
{
    0% {transform:translateY(0%);}
    50% {transform:translateY(-5%);}
    100% {transform:translateY(0%);}
}

#m_visual .motion ul li .cont {margin-top: -48px;}
#m_visual .motion ul li .cont {/* margin-top: -58px; */} /*m*/
#m_visual .motion ul li:nth-child(2) .cont {margin-top: -38px;}
#m_visual .motion ul li:nth-child(3) .cont {margin-top: -38px;}
#m_visual .motion ul li:nth-child(2) .cont {margin-top: -46px;}/*m*/
#m_visual .motion ul li:nth-child(3) .cont {margin-top: -46px;}/*m*/

#m_visual .motion ul li:nth-child(1) .cont .icon {width: 69px;height: 49px;background-position: -20px -20px;}
#m_visual .motion ul li:nth-child(2) .cont .icon {width: 39px;height: 49px;background-position: -120px -20px;}
#m_visual .motion ul li:nth-child(3) .cont .icon {width: 49px;height: 49px;background-position: -220px -20px;}
#m_visual .motion ul li:nth-child(4) .cont .icon {width: 34px;height: 49px;background-position: -320px -20px;}
#m_visual .motion ul li:nth-child(5) .cont .icon {width: 49px;height: 50px;background-position: -420px -20px;}
#m_visual .motion ul li:nth-child(6) .cont .icon {width: 49px;height: 49px;background-position: -520px -20px;}
#m_visual .motion ul li:nth-child(1) {left: 119px;top: -104px;}
#m_visual .motion ul li:nth-child(2) {left: 259px;top: -24px;}
#m_visual .motion ul li:nth-child(3) {left: 399px;top: -104px;}
#m_visual .motion ul li:nth-child(4) {left: 539px;top: -24px;}
#m_visual .motion ul li:nth-child(5) {left: 679px;top: -104px;}
#m_visual .motion ul li:nth-child(6) {left: 819px;top: -24px;}

#m_visual .motion ul li {left: auto !important;top:auto !important;} /*m*/

#m_visual .motion ul li .cont .txt {color: #fff;font-size: 18px;font-weight: 600;margin-top: 3px;}
#m_visual .motion ul li .cont .txt {font-size: 25px;margin-top: 35px;} /*m*/
#m_content.on {--height: auto;}
#m_content .m_slide {position: absolute;left: 0;right:0;margin-top:-55px;overflow: hidden;height: 55px;transition:.4s;}
#m_content .m_slide.on {margin-top:-355px;height: 355px;}
// #m_content .m_slide .slide_top {position: absolute;left: 0;right:0;bottom:55px;bottom:39px;overflow:hidden;height:55px;background-color: rgba(0,137,222,.8); }
#m_content .m_slide .slide_top {position: relative;overflow:hidden;height:55px;background-color: rgba(0,137,222,.8);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cc0089de", endColorstr="#cc0089de",GradientType=0 ); /* IE6-9 */}
.experience {--overflow:hidden;float: left;padding-right: 36px;}
.experience .dt {position:relative;display: inline-block;font-size: 14px;line-height: 55px;font-weight: 600;padding-right: 15px;}
.experience .dt:after {content: "";position: absolute;top:21px;right: 0;width: 1px;height: 13px;background-color: rgba(255,255,255,.5);}
.experience .dt a {color: #fff;display: block;}
.experience .dt .icon {margin-right: 24px;width: 12px;height: 16px;background-position: -20px -120px;vertical-align: middle;}
.experience .dd {display: inline-block;font-size: 13px;line-height: 55px;margin: 0 13px;}
.experience .dd a {display: block;color: #c3e8ff;}
.experience .dd:hover a {text-decoration: underline;color: #fff;}

.experience.tell {border-left: solid #1f6793 1px;padding-left: 34px;}
.experience.tell .dt .icon {margin-right: 20px;width: 16px;height: 16px;background-position: -120px -120px;}
.experience .btns {float: right;}

/*m 시작*/
.experience {float: none;background-color: #fff;padding-top: 40px;padding-bottom: 30px;margin-top: 15px;}
.experience .dt {display: block;font-size: 28px;line-height: normal;padding-right: initial;color: #393939;margin-bottom: 40px;}
.experience .dt:after {display: none;}
.experience .dt a {color: #fff;display: block;}
.experience .dt .icon {margin-right: 15px;width: 19px;height: 26px;background-position: -20px -320px;}
.experience .dd {position: relative;display: block;font-size: 24px;line-height: 120px;margin: 0 0 20px;}
.experience .dd a {--position: absolute;--left: 0px;--top:0;--right: 0;padding-left: 40px;color: #fff;--line-height: 120px}
.experience .dd a:after {position: absolute;content: "";right: 40px;top:50%;width: 35px;height: 35px;background: url("../imgs/com/icon.png") -320px -420px no-repeat;transform:translateY(-50%);}
.experience .dd:hover a {text-decoration: underline;color: #fff;}

.experience.tell {border-left: 0;background: #0089de;padding-top: 0;padding-bottom: 0;margin-top: 15px;}
.experience.tell .dt {display: inline-block;margin-bottom: 0;}
.experience.tell .dt .icon {margin-right: 20px;width: 26px;height: 26px;background-position: -120px -320px;}
.experience.tell .dd {display: inline-block;line-height: 106px;margin:0;font-size: 28px;color: #c3e8ff;font-weight: 600;}
.experience.tell .dd a {padding-left: 26px;}
.experience.tell .dd a:after {display: none;}
.experience .btns {float: right;}
/*m 끝*/




#m_content .m_slide .slide_cont {background-color: #fff;height: 300px;overflow: hidden;}



/*pc 시작*/

.program {margin-top: 20px;float: left;}
.program ul {overflow: hidden;width:722px; }
.program ul li {position: relative;float: left;margin: 0 2px 2px 0;}
.program ul li .name {position: absolute;left: 0;top:0;right: 0;bottom:0;}
.program ul li .name span {position: absolute;left: 0;bottom:0;right: 0;font-size: 15px;color: #fff;line-height: 35px;height: 35px;padding-left: 14px;background-color: rgba(0,0,0,.6);}
.program ul li:hover .name span {background-color: rgba(0,124,203,.7);}


.notice {position: relative;float: right;margin-top: 20px;width: 317px;}
.notice .top {position: relative;padding:25px 0 13px;}
.notice .top:after {content: "";position: absolute;left: 0;bottom: 0;width:20px;height:1px;background-color:#000;}
.notice .top h1 {font-size:14px;font-weight:600;text-transform: uppercase;letter-spacing: 3px;}
.notice .nt_list {margin-top: 27px;}
.notice .nt_list ul {}
.notice .nt_list ul li {margin-bottom: 10px;}
.notice .nt_list ul li a {display: block;font-size: 12px;color: #777;}
.notice .nt_list ul li a .dot {margin-right: 8px;}
.notice .nt_list ul li:hover a {color: #000;}
.notice .nt_list ul li:hover a .dot {background-color: #000;}
.notice .btn_more {position: absolute;right: 0;top:25px;font-size: 12px;text-transform: uppercase;color: #777;}
.notice .btn_more .icon {width: 13px;height: 13px;background-position: -220px -120px;vertical-align: middle;}
/*pc 끝 */

/*m 시작 */
.program {margin-top: 0px;float: none;background-color: #fff;}
.program h2 {font-weight: 600;font-size: 28px;color: #393939;padding: 37px 0;}
.program ul {overflow: hidden;width:auto; }
.program ul li {position: relative;float: left;margin: 0 5px 10px;}
.program ul li .name {position: absolute;left: 0;top:0;right: 0;bottom:0;}
.program ul li .name span {position: absolute;left: 0;bottom:0;right: 0;font-size: 15px;color: #fff;line-height: 35px;height: 35px;padding-left: 14px;background-color: rgba(0,0,0,.6);}
.program ul li:hover .name span {background-color: rgba(0,124,203,.7);}

.notice {position: relative;float: none;margin-top: 10px;width: auto;background-color: #fff;padding-top:37px;}
.notice .top {position: relative;padding:0;}
.notice .top:after {display: none;}
.notice .top h1 {font-size:37px;font-weight:600;text-transform: uppercase;letter-spacing: 3px;color: #393939;}
.notice .nt_list {padding: 27px 0 17px;}
.notice .nt_list ul {}
.notice .nt_list ul li {--padding: 20px 0;margin-bottom: 37px;}
.notice .nt_list ul li a {display: block;font-size: 20px;color: #777;}
.notice .nt_list ul li a .dot {margin-right: 8px;}
.notice .nt_list ul li:hover a {color: #000;}
.notice .nt_list ul li:hover a .dot {background-color: #000;}
.notice .btn_more {position: absolute;right: 40px;top:37px;font-size: 24px;text-transform: uppercase;color: #777;}
.notice .btn_more .icon {width: 22px;height: 21px;background-position: -220px -320px;vertical-align: middle;margin-top: -5px;}
/*--m 끝*/



#m_content .m_banner {position: relative;border-top: #e5e5e5 solid 1px;overflow: hidden;}
#m_content .m_banner .ct_w {position: relative;overflow: hidden;}

.btn_company {position: absolute;left: 0;top:50%;margin-top: -12.5px;font-size: 14px;font-weight: 600;color: #777;}
.btn_company {position: relative;left: inherit;top:inherit;margin-top: auto;font-size: 28px;} /*m*/

.btn_company .icon {width: 25px;height: 25px;background-position: -320px -120px;vertical-align: middle;margin-left: 13px;}
.btn_company .icon {width: 35px;height: 35px;background-position: -320px -320px;vertical-align: middle;margin-left: 13px;} /*m*/
/*
#m_content .m_banner .company {position: relative;width:915px;height: 109px;float: right;}
#m_content .m_banner .company .mask {padding: 0 21px;}
#m_content .m_banner .company .owl-carousel .cont {background-color: #fff;}
#m_content .m_banner .company .btns2 {position: absolute;top:50%;margin-top: -13.5px;z-index: 1;cursor: pointer;}
#m_content .m_banner .company .btn_left {left: 0;}
#m_content .m_banner .company .btn_right {right:0;}
#m_content .m_banner .company .btns2 .icon {width: 14px; height: 27px;}
#m_content .m_banner .company .btn_left .icon {background-position:-420px -120px;}
#m_content .m_banner .company .btn_right .icon {background-position:-520px -120px;}
*/
.m_banner .jsl_slide {position: relative;width:915px;height: 109px;float: right;padding: 0 20px;box-sizing: border-box;}
.m_banner .jsl_slide .jsl_mask {overflow: hidden;}
.m_banner .jsl_slide .jsl_mask .jsl_list {position: relative;width: 2000%;overflow: hidden;}
.m_banner .jsl_slide .jsl_mask .jsl_list li {float: left;}

.m_banner .jsl_slide .btns2 {position: absolute;top:50%;margin-top: -13.5px;z-index: 1;cursor: pointer;}
.m_banner .jsl_slide .btn_left {left: 0;}
.m_banner .jsl_slide .btn_right {right:0;}
.m_banner .jsl_slide .btns2 .icon {width: 14px; height: 27px;}
.m_banner .jsl_slide .btn_left .icon {background-position:-420px -120px;}
.m_banner .jsl_slide .btn_right .icon {background-position:-520px -120px;}

/*m 시작*/
.m_banner {background-color: #fff;padding-top: 35px;padding-bottom:35px;margin-top:15px; }
.m_banner .jsl_slide {position: relative;width:auto;height: auto;float: none;padding:inherit;box-sizing: border-box;border: #e5e5e5 solid 1px;margin-top: 35px;}
.m_banner .jsl_slide .jsl_mask {overflow: hidden;}
.m_banner .jsl_slide .jsl_mask .jsl_list {position: relative;width: auto;overflow: hidden;}
.m_banner .jsl_slide .jsl_mask .jsl_list li {float: left;width: 212px;height: 139px;border-right:#e5e5e5 solid 1px;border-bottom:#e5e5e5 solid 1px; }

.m_banner .jsl_slide .btns2 {display: none;}
.m_banner .jsl_slide .btn_left {left: 0;}
.m_banner .jsl_slide .btn_right {right:0;}
.m_banner .jsl_slide .btns2 .icon {width: 14px; height: 27px;}
.m_banner .jsl_slide .btn_left .icon {background-position:-420px -120px;}
.m_banner .jsl_slide .btn_right .icon {background-position:-520px -120px;}
/*m 끝*/

#s_visual .slogan {position: absolute;left:0;right: 0;top:42%;font-size: 46px;color: #fff;text-align: center;font-weight:600;}



#s_planing {text-align: center;background-color: #f0f0f0;padding: 70px 0;}
#s_planing {padding: 60px 0;} /*m*/
#s_planing .ct_w {padding:0 40px;box-sizing: border-box;}
#s_planing h3 {font-size: 32px;font-weight: 800;color: #3b3b3b;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 50px;}
#s_planing h3 .bar {display: inline-block;width: 40px;height: 1px;background-color:#3b3b3b;vertical-align: middle; margin: -5px 19px 0;}
#s_planing .plan .explain {font-size: 17px;line-height: 27px;margin: 50px 0 80px;}
#s_planing .plan .explain {font-size: 22px;line-height: 34px;margin: 0px 0 50px;} /*m*/
#s_planing .plan .explain strong {font-weight: 600;color:#0089de;}

#s_program {padding:65px 40px 0;text-align: center;box-sizing: border-box;}
#s_program {background-color: #fff;} /*m*/
#s_program h3 {font-size: 32px;font-weight: 800;color: #3b3b3b;text-transform: uppercase;letter-spacing: 3px;}
#s_program h3 .bar {display: inline-block;width: 40px;height: 1px;background-color:#3b3b3b;vertical-align: middle; margin: -5px 19px 0;}
#s_program .name {margin: 65px 0 40px;}
#s_program .name h4 {position: relative;}
#s_program .name h4 .module {width: 170px;height: 35px;background-position: -20px -220px;}
#s_program .name h4 .module {width: 240px;height: 55px;background-image: initial;background-color:#0089de;border-radius: 27.5px; } /*m*/
#s_program .name h4 .txt {position: absolute;left: 0;top:0;right: 0;line-height: 35px;color: #fff;font-size: 15px;text-transform: uppercase;font-weight: 600;}
#s_program .name h4 .txt {line-height: 55px;font-size: 18px;} /*m*/
#s_program .name h5 {font-size: 20px;margin-top: 20px; }
#s_program .name h5 {font-size: 24px;} /*m*/
#s_program .name h6 {font-size: 20px;margin-top: 20px; line-height:30px;}
#s_program .thumb {padding-bottom:70px;border-bottom: #e5e5e5 solid 1px;}

#s_schedule {padding:65px 40px 100px; text-align: center;box-sizing: border-box;}
#s_schedule {background-color: #fff;} /*m*/
#s_schedule h3 {font-size: 32px;font-weight: 800;color: #3b3b3b;text-transform: uppercase;letter-spacing: 3px;}
#s_schedule h3 .bar {display: inline-block;width: 40px;height: 1px;background-color:#3b3b3b;vertical-align: middle; margin: -5px 19px 0;}
#s_schedule .explain {font-size: 14px;color: #acacac;}

.tab_nav {overflow: hidden;margin-top: 58px;}
.tab_nav dd {float: left;width: 50%;font-size: 15px;font-weight: 600;color: #646661;line-height:50px;border: #eee solid 1px;box-sizing: border-box;cursor: pointer;}
.tab_nav dd {font-size: 20px;} /*m*/
.tab_nav dd.on {background-color: #0089de;color: #fff;border-top:0;border-bottom:0;}
.tab_nav dd:nth-of-type(1) {border-right:0;}
.tab_nav dd:nth-of-type(2) {border-left:0;}
.tab_nav dd:nth-of-type(1).on {border-left:0;}
.tab_nav dd:nth-of-type(2).on {border-right:0;}


.tab_nav_2 {overflow: hidden;margin-top: 58px;display: table;width: 100%;--border-collapse: collapse;border-left: #eee solid 1px;}
.tab_nav_2 {border-left:#eee solid 1px;border-top:#eee solid 1px;} /*m*/
.tab_nav_2 dd {display: table-cell;--float: left;width: 16.66666666666667%;font-size: 15px;font-weight: 600;color: #646661;line-height:50px;border: #eee solid 1px;border-left: 0px;box-sizing: border-box;cursor: pointer;}
.tab_nav_2 dd {position: relative;display: inline-block;float: left;width: 33.33333333333333%;font-size: 20px;line-height:58px;border-left: 0;border-bottom: 0;border-top: 0;} /*m*/
.tab_nav_2 dd:after {position: absolute;content: "";left: 0;right: 0;bottom: 0;height: 1px;background-color:#eee;}

.tab_nav_2 dd:nth-of-type(4) {border-top: 0;}/*m*/
.tab_nav_2 dd:nth-of-type(5) {border-top: 0;}/*m*/
.tab_nav_2 dd:nth-of-type(6) {border-top: 0;}/*m*/

.tab_nav_2 dd:after.on {display: none;}
.tab_nav_2 dd.on {background-color: #0089de;color: #fff;border:0;}

.tab_nav_3 {overflow: hidden; --display: table;width: 100%;--border-collapse: collapse;border-left: #eee solid 1px; margin-bottom:30px;}
.tab_nav_3 a {--display: table-cell;float: left;width: 16.66666666666667%;width: 33.33%;font-size: 20px;font-weight: 600;color: #646661;line-height:50px;border: #eee solid 1px;border-left: 0px;box-sizing: border-box;cursor: pointer;}
.tab_nav_3 a:nth-of-type(1n+4) {border-top: 0;}
.tab_nav_3 a.on {background-color: #0089de;color: #fff;--border:0;}

#s_program .name h4.gray {margin-bottom:20px;}
#s_program .name h4.gray p {position:relative; left:inherit; right:inherit; line-height:35px; background-color:#717171; border-radius:17.5px; display:inline-block; padding:0 25px;}
#s_program .name .explain {font-size:20px; line-height:30px; color:#727171;}

#s_schedule .tab_cont {}
.tab_cont li {display: none;}
.tab_cont li.on {display: block;}

.outside_facility {padding:65px 40px 0; text-align: center;box-sizing: border-box;}
.outside_facility {background-color: #fff;} /*m*/
.outside_facility h3 {font-size: 30px;font-weight: 600;color: #3b3b3b;text-transform: uppercase;}
.outside_facility h3 .bar {display: inline-block;width: 40px;height: 1px;background-color:#3b3b3b;vertical-align: middle; margin: -5px 19px 0;}
.outside_facility .facility_list {border-bottom: #e5e5e5 solid 1px;margin-top: 50px;}
.outside_facility .facility_list {border-bottom: 0;} /*m*/
.outside_facility .facility_list li {overflow: hidden;margin-bottom: 70px;}
.outside_facility .facility_list li {margin-bottom: 0px;padding-bottom: 70px;} /*m*/
.outside_facility .facility_list li h3 {font-size: 26px;font-weight: 400;}
.outside_facility .facility_list li h3 {text-align: center;line-height: 82px;} /*m*/
.outside_facility .facility_list li .info {position: relative;width: 300px;height: 400px;text-align: left;}
.outside_facility .facility_list li .info {width: auto;height: auto;} /*m*/
.outside_facility .facility_list li .lt {float: left;}
.outside_facility .facility_list li .rt {float: right;}

.outside_facility .facility_list li .lt {float: none;} /*m*/
.outside_facility .facility_list li .rt {float: none;} /*m*/

#s_stay {padding:65px 40px 100px; text-align: center;box-sizing: border-box;}
#s_stay {background-color: #fff;} /*m*/
#s_stay h3 {font-size: 30px;font-weight: 600;color: #3b3b3b;text-transform: uppercase;}
#s_stay h3 .bar {display: inline-block;width: 40px;height: 1px;background-color:#3b3b3b;vertical-align: middle; margin: -5px 19px 0;}
#s_stay .tab_cont {margin-top:60px;}

#s_greeting {text-align: center;}
#s_greeting .padd {height: 280px;}
#s_greeting .padd {height: 284px;background-color: #fff;} /*m*/
#s_greeting .content {background-color:#f0f0f0;}
#s_greeting .ct_w {position: relative;padding: 280px 40px 0;box-sizing: border-box;--height: 946px;}
#s_greeting .ct_w {padding: 326px 40px 0} /*m*/
#s_greeting .photo {position: absolute;top: -210px;}
#s_greeting .photo {top: -224px;}
#s_greeting .education {}
#s_greeting .education h3 {font-weight: 600;font-size: 30px;}
#s_greeting .education h4 {font-weight: 400;font-size: 30px;}
#s_greeting .education ul {padding-bottom: 70px;}
#s_greeting .education ul li {display: inline-block;text-align: center;width: 33%;margin: 30px 0;}
#s_greeting .education ul li {width: 47%;}
#s_greeting .education ul li .circle {position: relative;display:inline-block;width:140px;height: 140px;background: url("../imgs/com/icon.png") -1020px -20px no-repeat;}
#s_greeting .education ul li .circle {width:170px;height: 170px;background-color:#0089de;background-image: transparent;border-radius: 50%; }
#s_greeting .education ul li .explain {font-size: 15px;color: #646661;line-height:25px;}
#s_greeting .education ul li .explain {font-size: 18px;line-height: 28px;margin-top:25px;} /*m*/
#s_greeting .education ul li .cont {position: absolute;left: 0;right: 0;top:50%;margin-top: -48px;}
#s_greeting .education ul li:nth-child(2) .cont {margin-top: -38px;}
#s_greeting .education ul li:nth-child(3) .cont {margin-top: -38px;}

#s_greeting .education ul li .cont {margin-top: -58px;} /*m*/
#s_greeting .education ul li:nth-child(2) .cont {margin-top: -46px;}/*m*/
#s_greeting .education ul li:nth-child(3) .cont {margin-top: -46px;}/*m*/

#s_greeting .education ul li:nth-child(1) .cont .icon {width: 49px;height: 40px;background-position: -20px -20px;}
#s_greeting .education ul li:nth-child(2) .cont .icon {width: 32px;height: 40px;background-position: -120px -20px;}
#s_greeting .education ul li:nth-child(3) .cont .icon {width: 40px;height: 40px;background-position: -220px -20px;}
#s_greeting .education ul li:nth-child(4) .cont .icon {width: 28px;height: 40px;background-position: -320px -20px;}
#s_greeting .education ul li:nth-child(5) .cont .icon {width: 40px;height: 41px;background-position: -420px -20px;}
#s_greeting .education ul li:nth-child(6) .cont .icon {width: 40px;height: 40px;background-position: -520px -20px;}

/*m 시작 */
#s_greeting .education ul li:nth-child(1) .cont .icon {width: 60px;height: 49px;background-position: -20px -20px;}
#s_greeting .education ul li:nth-child(2) .cont .icon {width: 39px;height: 49px;background-position: -120px -20px;}
#s_greeting .education ul li:nth-child(3) .cont .icon {width: 49px;height: 49px;background-position: -220px -20px;}
#s_greeting .education ul li:nth-child(4) .cont .icon {width: 34px;height: 49px;background-position: -320px -20px;}
#s_greeting .education ul li:nth-child(5) .cont .icon {width: 49px;height: 50px;background-position: -420px -20px;}
#s_greeting .education ul li:nth-child(6) .cont .icon {width: 49px;height: 49px;background-position: -520px -20px;}
/*m 끝*/

#s_greeting .education ul li .cont .txt {color: #fff;font-size: 18px;font-weight: 600;margin-top: 3px;}
#s_greeting .education ul li .cont .txt {font-size: 22px;} /*m*/
#s_greeting .additional {padding: 60px 40px 100px;font-size:15px;line-height: 25px;}
#s_greeting .additional {padding: 60px 40px;font-size:20px;line-height: 30px;} /*m*/
#s_greeting .additional {background-color: #fff;} /*m*/
#s_greeting .additional .htxt {margin-top: 40px;}
#s_greeting .additional .htxt .s_1{font-size: 20px;line-height: 42px;font-weight: 600;vertical-align: middle;margin-right: 16px;}
#s_greeting .additional .htxt .s_2{font-size: 20px;line-height: 42px;font-weight: 600;vertical-align: middle;color: #000;}
#s_greeting .additional .htxt .s_3 {font-size: 45px;line-height: 42px;vertical-align: middle;color: #0089de;}

#s_greeting .additional .htxt .s_1 {font-size: 26px;} /*m*/
#s_greeting .additional .htxt .s_2 {font-size: 26px;} /*m*/
#s_greeting .additional .htxt .s_3 {font-size: 60px;} /*m*/


#s_teacher {padding: 60px 40px 0;font-size:15px;line-height: 25px;background-color: #fff;}
#s_teacher h3 {font-size: 30px; font-weight: 600; color: #3b3b3b; text-transform: uppercase; border-top: #e5e5e5 solid 1px;padding: 60px 0px;}
#s_teacher h3 .bar {display: inline-block; width: 40px; height: 1px; background-color: #3b3b3b; vertical-align: middle; margin: -5px 19px 0; }
#s_teacher > ol {overflow: hidden;}
#s_teacher > ol > li:first-child {}
#s_teacher > ol > li .thumb {float: left;}
#s_teacher > ol > li {margin-bottom: 50px;overflow: hidden;}
#s_teacher > ol > li:first-child .info {float: none;text-align:left;width: 100%;clear:  both;}
#s_teacher > ol > li .info {float: right;text-align:left;width: 315px;}

#s_teacher > ol > li .rt {margin-top:  70px;}
#s_teacher > ol > li .rt h4 {font-size:26px;color: #0089de ;border-bottom: #0089de solid 2px;padding:  0 0 18px 30px;}
#s_teacher > ol > li .rt ol {padding: 28px 0px 0 40px;overflow: hidden;}
#s_teacher > ol > li .rt h4:nth-of-type(2) {margin-top: 30px;}
#s_teacher > ol > li .rt ol li {position: relative;float: left;font-size:18px;line-height: 38px;color: #727171;width: 50%; padding-left: 18px;box-sizing: border-box;--background-color: #ff0;}
#s_teacher > ol > li .rt ol li:after {position: absolute;content: "";left: 0;top:50%;margin-top:-1.5px;width: 3px;height: 3px;background-color: #727171;}


#s_teacher .tb_4 {margin: 0;}
#s_teacher .tb_4 caption {font-weight: 600;padding: 9px 0 28px;text-align:  left; }

#s_teacher ol li:first-child .tb_4 caption {text-align:  center;padding: 19px 0 28px; }
#s_teacher .tb_4 th {padding: 8px 19px 15px;}
#s_teacher .tb_4 td {padding: 8px 0;;}

#s_trademark {padding: 60px 40px 0px;font-size:15px;line-height: 25px;background-color: #fff;}
#s_trademark h3 {font-size: 30px; font-weight: 600; color: #3b3b3b; text-transform: uppercase; border-top: #e5e5e5 solid 1px;padding: 60px 0px;}
#s_trademark h3 .bar {display: inline-block; width: 40px; height: 1px; background-color: #3b3b3b; vertical-align: middle; margin: -5px 19px 0; }
#s_trademark ol li {padding-bottom:50px;}







#s_client {text-align: center;padding: 70px 40px;box-sizing: border-box;}
#s_client {background-color: #fff;} /*m*/
#s_client h3 {font-size: 32px;font-weight: 800;color: #3b3b3b;text-transform: uppercase;letter-spacing: 3px;}
#s_client h3 .bar {display: inline-block;width: 40px;height: 1px;background-color:#3b3b3b;vertical-align: middle; margin: -5px 19px 0;}
#s_client .explain {font-size: 14px;color: #acacac;}
#s_client .explain {font-size: 18px;} /*m*/
#s_client .tab_cont {margin-top: 60px;}

#s_location {text-align: center;padding: 70px 40px;box-sizing: border-box;}
#s_location {background-color: #fff;} /*m*/
#s_location .tab_nav {margin: 0;}
#s_location .tab_nav dd {width: 33.33%; }
#s_location .tab_cont {margin-top:60px;}
#s_location .tab_cont li table td {line-height: 25px;}
#s_location .tab_cont li table td .arrow {width: 4px;height: 7px;background-position: -320px -220px;vertical-align: middle;margin: 0 10px;}
#s_location .tab_cont li table td .arrow {width: 6px;height: 11px;background-position: -420px -420px;} /*m*/

#s_map {text-align: center;padding: 70px 40px;box-sizing: border-box;}
#s_map {background-color: #fff;}
#s_map .tab_nav {margin: 0;}
#s_map .tab_nav dd {width: 33.33%; }
#s_map .tab_cont {margin-top:60px;}
#s_map .tab_cont h3 {font-size: 21px;font-weight: 600;text-decoration: underline;margin:70px 0 28px;}
#s_map .tab_cont .thumb_2 {margin-bottom:50px;}


.container iframe {width:100%; height:370px; margin-top:20px;}


#footer {text-align: center;background-color: #f7f7f7;padding:40px 0;border-top: #e5e5e5 solid 1px;}
#footer .bar {display: inline-block;width: 1px;height: 12px;background-color: #e2e2e2;vertical-align: middle;margin: 0 15px;}
#footer .top .txt {font-size: 13px;font-weight: 600;color: #888;}
#footer .top .txt {font-size: 18px;line-height:28px;} /*m*/
#footer .txt strong {color:#4f90b8;}
#footer .top .txt strong {font-weight: 600;margin-right: 5px;}
#footer .mid {padding: 20px 0 10px;}
#footer .mid {margin: 20px 0 10px;border-top:#e5e5e5 solid 1px;} /*m*/
#footer .mid .txt {font-size: 12px;color: #a5a5a5;}
#footer .mid .txt {font-size: 18px;line-height:28px;} /*m*/
#footer .copyright {font-size: 13px;color: #a5a5a5;}
#footer .copyright {font-size: 18px;} /*m*/


.tb_5 {margin-bottom:55px;}
.tb_5 th {background-color:#f7f7f7; font-weight:600; color:#343434; border:#e2e2e2 solid 1px; vertical-align:middle; font-size:20px; line-height:25px;}
.tb_5 td {border:#e2e2e2 solid 1px; vertical-align:middle; font-size:20px; line-height:30px; padding:12px 30px; background-color:#fff; text-align:left; color:#727171;}
.tb_5 td strong {font-weight:600; color:#343434; margin-right:20px; color:#000;}
.tb_5 td strong.blue {color:#0089de;}

.schedule td {padding: 12px;}


.tb_6 {margin-bottom:55px; margin-top:65px;}
.tb_6 th {background-color:#0089de; font-weight:600; color:#fff; border:#e2e2e2 solid 1px; vertical-align:middle; font-size:20px; line-height:30px; padding:12px 30px;}
.tb_6 td {border:#e2e2e2 solid 1px; vertical-align:middle; font-size:20px; line-height:30px; padding:12px 30px; background-color:#fff; text-align:left; color:#727171;}
.tb_6 td strong {color:#0089de;}

.tb_6.gray th {background-color:#717171;}

.tg-wrap {width:100%;overflow-x: scroll;vertical-align:middle}
.program_sort .name h5{background-color:#0089de; font-weight:600; color:#fff; border:#e2e2e2 solid 1px; vertical-align:middle; font-size:20px; line-height:30px; padding:12px 30px;}
.program_sort .name2 {text-align:left;font-size:20px;padding-bottom:10px;font-weight:bold;color:#444;}
.program_sort .title2{background:#eee;padding:10px 0px;margin-bottom:30px;font-size:20px;}

.program_ski .name h5{background-color:#1bbf8a; font-weight:600; color:#fff; border:#e2e2e2 solid 1px; vertical-align:middle; font-size:20px; line-height:30px; padding:12px 30px;}
.program_ski .name2{text-align: left;font-size: 20px;padding-bottom: 10px;font-weight: bold;color: #444;}
.program_ski .name3{text-align: left;font-size: 20px;padding:20px 0 10px;font-weight: bold;color:#1bbf8a;}

.program_ski2 .name h5{background-color:#e79419; font-weight:600; color:#fff; border:#e2e2e2 solid 1px; vertical-align:middle; font-size:20px; line-height:30px; padding:12px 30px;}
.program_ski2 .name2{text-align: left;font-size: 20px;padding-bottom: 10px;font-weight: bold;color: #444;}
.program_ski2 .name3{text-align: left;font-size: 20px;padding:20px 0 10px;font-weight: bold;color:#e79419;}

.program_ski thead {background:#404040;color:#fff;border:1px solid #ddd;}
.program_ski .tg  {width:100%;border-collapse:collapse;border-spacing:0;text-align:center;color:#727171;line-height:25px;}
.program_ski .tg td{border:1px solid #ddd;font-size:20px;overflow:hidden;padding:10px 5px;word-break:normal;vertical-align:middle;}
.program_ski .tg th{border:1px solid #ddd;font-size:20px;font-weight:normal;overflow:hidden;vertical-align:middle;padding:10px 5px;word-break:normal;}
.program_ski .tg .tg-lboi{border-color:inherit;text-align:center;vertical-align:middle}
.program_ski .tg .tg-0pky{border-color:inherit;text-align:center;vertical-align:middle;border: 1px solid #ddd;}

.program_ski2 thead {background:#404040;color:#fff;border:1px solid #ddd;}
.program_ski2 .tg  {width:100%;border-collapse:collapse;border-spacing:0;text-align:center;color:#727171;line-height:25px;}
.program_ski2 .tg td{border:1px solid #ddd;font-size:20px;overflow:hidden;padding:10px 5px;word-break:normal;vertical-align:middle;}
.program_ski2 .tg th{border:1px solid #ddd;font-size:20px;font-weight:normal;overflow:hidden;vertical-align:middle;padding:10px 5px;word-break:normal;}
.program_ski2 .tg .tg-lboi{border-color:inherit;text-align:center;vertical-align:middle}
.program_ski2 .tg .tg-0pky{border-color:inherit;text-align:center;vertical-align:middle;border: 1px solid #ddd;}

.program_ski2 .ski_box{border:1px solid #ddd;padding:30px 10px;margin-bottom:20px; text-align:left;line-height:25px;}
.program_ski2 .ski_box h4{font-size:20px;font-weight:bold;color:#404040}
.program_ski2 .ski_box h2{font-size:20px;font-weight:bold;color:#e79419}
.program_ski2 .ski_box p{color:#727171;font-size:20px;}


.workshop{background:#fff;}
.workshop .ct_w .title01{padding:35px 0;font-size: 32px;font-weight:bold;text-align:left;color:#393939;}
.workshop .workshop-wrap{display:flex;flex-wrap: wrap;gap: 30px;}
.workshop .w_content ul{display:flex;flex-wrap:wrap;gap:8px;}
.workshop .w_content ul li .thumb{position:relative;margin-bottom:8px;}
.workshop .w_content ul li .thumb:before{content:'';display:block;position:absolute;background:#00000060;width:100%;height:100%;top:0;left:0;}
.workshop .w_content ul li .thumb img{width: 316px;height: 190px;object-fit:cover;}
.workshop .w_content ul li .thumb span{position:absolute;width: 100%;bottom:20px;left: 50%;transform:translateX(-50%);font-weight:bold;font-size: 24px;text-align: center;color:#fff;z-index:1;}
.workshop .w_content ul li span{display:flex;justify-content:center;align-items:center;}

.workshop .w_notice{position:relative;width: 640px;height: 470px;background: url("../imgs/main/w_notice.jpg") 60% no-repeat;text-align:center;margin-bottom: 40px;}
/* .workshop .w_notice:before{content:'';display:block;position:absolute;background:#00000020;width:100%;height:100%;top:0;left:0;} */
.workshop .w_notice p{margin-top:20px;font-size: 24px;}
.workshop .w_notice h1{margin-top:10px;font-size: 40px;font-weight:bold;}
.workshop .w_notice ul{margin-top:10px;}
.workshop .w_notice ul li a{margin-bottom: 6px;width: 500px;height: 60px;background: #fff;font-weight:600;align-content: center;text-align: center;font-size: 22px;display: inline-block;border-radius:6px;}
.workshop .w_notice ul li:last-child a{background: #77d133;margin: 9px 0 0;}
.workshop .w_notice ul li:nth-child(3) a{background: #fae100;}
.workshop .w_notice ul li:nth-child(4) a{background: #72dfff;}
.workshop .w_notice ul li a span img{width:26px; margin-right:5px;}

.gallery{padding-bottom:80px; background:#fff;margin-top: 15px;}
.gallery .ct_w .title01{padding:35px 0;font-size: 32px;font-weight:bold;text-align:left;color:#393939;}
.gallery .gallery-wrap{position:relative;display: inline-block;width: 100%;height: 100%;}
.gallery .gallery-wrap:before{content:'';display:block;position:absolute;background: rgb(0 0 0 / 38%);width:100%;height:100%;top:0;left:0;}
.gallery .gallery-wrap span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;align-content:center;font-size: 65px;font-weight: bold;color: #fff;}
.gallery .ct_w ul{width:100%;max-width:1080px;display:flex;}
.gallery .ct_w ul{width:100%;max-width:1080px;display:flex;flex-wrap: wrap;}
.gallery .ct_w ul li img{width: 320px;height: 200px;object-fit:cover;}