@charset "utf-8";

/*layerpopup*/
	.layerbg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:999;}
	.layerpopup{display:none;position:absolute;left:0;top:0;z-index:1000;}
	.layerpopup img {vertical-align:top;}
	.layerpopup#layerpopup4 { margin-left:-420px; }
	.layerpopup#layerpopup3 { margin-left:-5px; }
	.layerpopup#layerpopup5 { margin-left:-405px; margin-top:-50px; }

    .layerclose{ height:35px; padding:9px 15px 0; background-color:#07071E;overflow:hidden; }
    .layerclose label{float:left;}
    .layerclose label span {display:block; padding-left:24px; font-size:12px;  color:#fff; line-height:16px; background:url(/images/popup/checkbox.png) no-repeat 0 0;}
    .layerclose label input:checked + span {background-image:url(/images/popup/checkbox_on.png)}
    .layerclose input[type=checkbox]{display:none;}
    .layerclose a{float:right; padding-right:24px;font-size:12px;  color:#fff; line-height:16px; background:url(/images/popup/btn_close.png) no-repeat 100% 0;}

	.holiday .layerclose{width: 410px;}

	/*#layerpopup2 {border:10px solid #0286ca;width:480px;height:665px;background-color:#fff;}*/
	/*#layerpopup2 .inner {position:relative;border:10px solid #0286ca;width:480px;height:665px;background-color:#fff;}*/
	/*#layerpopup2 .btn_close {position:absolute;right:25px;top:25px;}*/
	/*#layerpopup2 {text-align:center;padding-top:42px;}*/
	/*#layerpopup2 .tbl_wrap {margin-top:30px;}*/
	/*#layerpopup2 .tbl_wrap table {margin:0 auto;width:426px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}*/
	/*#layerpopup2 .tbl_wrap th {background-color:#f7f7f7;color:#56585d;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}*/
	/*#layerpopup2 .tbl_wrap td {color:#777;font:12px/39px Gulim;height:39px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding-left:10px;}*/
	/*#layerpopup2 .tbl_wrap td input {border:1px solid #e5e5e5;height:27px;font:12px/27px Gulim;color:#777;text-align:center;}*/
	/*#layerpopup2 .tbl_wrap td span {color:#c6c6c6;font:15px/16px Gulim;padding:0 5px;}*/
	/*#layerpopup2 .tbl_wrap td .ipt_name {width:85px;}*/
	/*#layerpopup2 .tbl_wrap td .ipt_age {width:85px;}*/
	/*#layerpopup2 .tbl_wrap td .ipt_job {width:85px;}*/
	/*#layerpopup2 .tbl_wrap td .ipt_company {width:288px;padding-left:10px;text-align:left;}*/
	/*#layerpopup2 .tbl_wrap td .ipt_position {width:140px;}*/
	/*#layerpopup2 .tbl_wrap td .ipt_phone {width:85px;}*/
	/*#layerpopup2 .tbl_wrap td .ipt_eamil {width:135px;}*/
	/*#layerpopup2 .info_wrap {margin-top:13px;}*/
	/*#layerpopup2 .info_wrap ul {margin:0 auto;width:426px;}*/
	/*#layerpopup2 .info_wrap li {font:11px/18px Dotum;color:#9a9a9a;padding-left:10px;text-indent:-10px;}*/
	/*#layerpopup2 .info_wrap li {color:#0286ca;}*/
	/*#layerpopup2 .btn_wrap {text-align:center;width:100%;margin-top:30px;}*/

    #layerpopup10 .inner {position:relative;border:10px solid #0286ca;width:500px;height:700px;background-color:#fff;}
    #layerpopup10 .btn_close{position:absolute;right:25px;top:25px;}
    #layerpopup10 h2{text-align:center;padding-top:42px; font-size: 18px; font-weight: 900; color: #535353; font-family: auto;line-height: 1;}
    #layerpopup10 h2 b {font-size: 38px; color: #0286c7; font-weight: 900; letter-spacing: -3px; display: block; margin-top: 15px;}
    #layerpopup10 .tbl_wrap{margin-top:30px;}
    #layerpopup10 .tbl_wrap table{margin:0 auto;width:426px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
    #layerpopup10 .tbl_wrap th{background-color:#f7f7f7;color:#56585d;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding-top: 10px;}
    #layerpopup10 .tbl_wrap td{color:#777;font:12px/39px Gulim;height:39px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding-left:10px;text-align: left;}
    #layerpopup10 .tbl_wrap td input {border:1px solid #e5e5e5;height:27px;font:12px/27px Gulim;color:#777;text-align:center; -webkit-appearance: auto; margin: 0;}
    #layerpopup10 .tbl_wrap td span {color:#c6c6c6;font:15px/16px Gulim;padding:0 5px;}
    #layerpopup10 .tbl_wrap td .ipt_name {width:85px;}
    #layerpopup10 .tbl_wrap td .ipt_age {width:85px;}
    #layerpopup10 .tbl_wrap td .ipt_job {width:85px;}
    #layerpopup10 .tbl_wrap td .ipt_company {width:288px;padding-left:10px;text-align:left;}
    #layerpopup10 .tbl_wrap td .ipt_department {width:85px;}
    #layerpopup10 .tbl_wrap td .ipt_position {width:85px;}
    #layerpopup10 .tbl_wrap td .ipt_phone {width:85px;}
    #layerpopup10 .tbl_wrap td .ipt_eamil {width:135px;}
    #layerpopup10 .info_wrap {margin-top:13px;}
    #layerpopup10 .info_wrap ul {margin:0 auto;width:426px;}
    #layerpopup10 .info_wrap li {font:11px/18px Dotum;color:#9a9a9a;padding-left:10px;text-indent:-10px;}
    #layerpopup10 .info_wrap li span {color:#0286ca;}
    #layerpopup10 .info_wrap li i {color:#ff5c5c; font-style: normal;}
    #layerpopup10 .btn_wrap {text-align:center;width:100%;margin-top:30px;justify-content: center;}


/* main */

.m_sec_tit { font-size: 2.6875rem; line-height: 1; letter-spacing: -2px; }

.m_sec1 { width: 100%; height: 55rem; min-height: 800px; transition: .3s; overflow: hidden; padding-top: 5rem; }
.m_sec1.fill { height: 100vh; }

.m_sec1 .main_visual { width: 100%; height: 100%; }
.m_sec1 .main_visual .swiper-slide { height: inherit; background-color: #000; }
.m_sec1 .main_visual .img_box { width: 100%; height: 100%; position: absolute;
	opacity: 0;
	transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.m_sec1 .main_visual .swiper-slide-active .img_box {
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.m_sec1 .main_visual .inner { height: inherit; }
.m_sec1 .main_visual .main_title { color: #fff; /* text-shadow: 0 0 5px rgba(0, 0, 0, .5); */ position: relative; }
.m_sec1 .main_visual .main_title h2 { font-size: 5rem; line-height: 1.3; }
.m_sec1 .main_visual .lines_vertical { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; }
.m_sec1 .main_visual .lines_vertical i { width: 1px; height: 0; opacity: .3; margin-right: -1px; border-right: 1px solid #fff; transition: 1.8s; }
.m_sec1 .main_visual .lines_vertical i:nth-child(2) { transition-delay: .3s; }
.m_sec1 .main_visual .lines_vertical i:nth-child(3) { transition-delay: .6s; }
.m_sec1 .main_visual .lines_vertical i:nth-child(4) { transition-delay: .9s; }
.m_sec1 .main_visual .lines_vertical i:nth-child(5) { transition-delay: 1.2s; }
.m_sec1 .main_visual .lines_vertical i:nth-child(6) { transition-delay: 1.5s; }
.m_sec1 .main_visual .swiper-slide-active .lines_vertical i { height: inherit; }
.m_sec1 .main_visual .lines_horizontal { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 50%; }
.m_sec1 .main_visual .lines_horizontal i { position: absolute; width: 0; height: 1px; background: #fff; opacity: .3; transition: 3s; transition-delay: .6s; }
.m_sec1 .main_visual .lines_horizontal i:nth-child(1) { top: 0; left: 0; }
.m_sec1 .main_visual .lines_horizontal i:nth-child(2) { bottom: 0; right: 0; }
.m_sec1 .main_visual .swiper-slide-active .lines_horizontal i { width: 100%; }
.m_sec1 .pagination { display:inline-block; width: fit-content; position:absolute; left: 50%; bottom: 10%; z-index: 100; }
.m_sec1 .pagination  .swiper-pagination-bullet{width: 3px; height: 20px; margin: 0 6px; opacity: 1;background-color: #fff; border-radius: 0;transition: 0.3s;}
.m_sec1 .pagination  .swiper-pagination-bullet-active{background: #FBC400; transform: scaleY(1.5); }
.m_sec1 .pagination  .pagination_cout{position:absolute; color:#fff;}
.m_sec1 .ctrl { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; z-index: 9; }
.m_sec1 .ctrl > .flex_box { position: absolute; top: 50%; transform: translateY(-11.25rem); gap: 1rem; }
.m_sec1 .ctrl .toggle { margin-left: 0; z-index: 11; }
.m_sec1 .ctrl .toggle button { display: none; position: relative; z-index: 0; }
.m_sec1 .ctrl .toggle .stop{ width: 0.875rem; height: 1.125rem; border-left: #fff 4px solid; border-right: #fff 4px solid; }
.m_sec1 .ctrl .toggle .play{ width: 0.875rem; height: 1.125rem; border-left: #fff 15px solid; border-top: transparent 11px solid; border-bottom: transparent 11px solid; }
.m_sec1 .ctrl .toggle .stop.on,
.m_sec1 .ctrl .toggle .play.on{ display: inline-block; z-index: 5;}
.m_sec1 .ctrl .count { width: auto; font-size: 1.4rem; /* font-family: font-weight: 200; */ color: #fff; z-index: 5; }
.m_sec1 .ctrl .count .swiper-pagination-current { color: #1cacff; }
.m_sec1 .ctrl .arrows { position: relative; z-index: 9; }
.m_sec1 .ctrl .arrows::after { content: ""; display: block; width: .875rem; height: .875rem; border-top: 3px solid #fff; border-right: 3px solid #fff; }
.m_sec1 .ctrl .prev{ transform: rotate(-135deg); }
.m_sec1 .ctrl .next{ transform: rotate(45deg); }


.right_box { min-width: calc((calc((2 * var(--inner)) / 5)) + (calc((100% - var(--inner)) / 2))); padding: 3.5625rem 4.625rem; position: absolute; z-index: 10; right: /*calc(-0.5 * (100% - var(--inner)))*/0; bottom: 10vh; background: rgba(0, 0, 0, .5); }
.right_box, .right_box * { transition: all .3s; }
.right_box .btn_wrap4 .btn_style4 { display: flex; gap: .625rem; align-items: center; font-weight: 500; }
.right_box .btn_wrap4 .btn_style4:hover { opacity: 1; background: #0291c5; border-color: #0291c5; }
.right_box .btn_wrap4 .btn_style4:hover em { color: #fff; }
.right_box .btn_wrap4 .btn_style4:hover img { filter: brightness(0) invert(1); }

.right_box:hover { background: rgba(255, 255, 255, .9); }
.right_box:hover p { color: #000 !important; }
.right_box:hover p.fs36 { font-weight: 500; }
.right_box:hover p.fw200 { font-weight: 300; }
.right_box:hover .btn_style4 { background: #999; border-color: #999; }
.right_box:hover .btn_style4 em { color: #fff; }
.right_box:hover .btn_style4 img { filter: brightness(0) invert(1); }

.m_sec2 { color: #fff; }
.m_sec2 .title { font-size: 2.6875rem; line-height: .9; letter-spacing: -2px; }
.m_sec2 .article { margin-top: 4px; margin-bottom: 1.5rem; opacity: .4; font-weight: 200; }
.m_sec2 .left, .m_sec2 .right { width: 50%; }
.m_sec2 .left, .m_sec2 .right { width: 50%; }
/*
.m_sec2 .left { display: flex; flex-wrap: wrap; }
.m_sec2 .left li { position: relative; height: 50%; }
.m_sec2 .left li::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 0; height: 100%; background: rgba(27, 189, 231, .9); transition: .6s; }
.m_sec2 .left li:hover::after { width: 100%; }
.m_sec2 .left li .click_box { z-index: 5; }
.m_sec2 .left li:hover .arrow { background-color: #fff; background-position: 50% 45%; background-image: url('/asset/images/simple_arrow2.png'); }
*/
.m_sec2 .arrow { width: 3.125rem; height: 3.125rem; border-radius: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('/asset/images/simple_arrow.png'); transition: background-color .3s; }
.m_sec2 .inside { position: relative; z-index: 2; padding: 4rem 5.875rem; }
.m_sec2 .left .inside { height: 100%; display: flex; flex-wrap: wrap; align-content: center; }
.m_sec2 .left table.table_data { min-width: 0; }
.m_sec2 .white_fill.btn_arrow:hover { background: #0291c5; color: #fff; border-color: #0291c5; opacity: 1; }
.m_sec2 .white_fill.btn_arrow:hover::before { border-color: #fff; }
.m_sec2 .left .tel { width: 100%; }
.m_sec2 .left .tel .fs20 { width: 6.25rem; }
.m_sec2 .left .tel .info { width: calc(100% - 6.25rem); }
.m_sec2 .left .tel .info strong { font-size: 2.5rem; }
.m_sec2 .left .table_line { border-color: #fff; }
.m_sec2 .left table.table_data tr { border-color: rgba(255, 255, 255, .3); }
.m_sec2 .left table.table_data th { padding: 1rem; background: rgba(0, 0, 0, .2); border-color: rgba(255, 255, 255, .3); font-size: 1.125rem; font-weight: 400; }
.m_sec2 .left table.table_data td { padding: 1rem; font-size: 1.125rem; font-weight: 200; }

.m_sec2 .right ul * { color: #fff; }
.m_sec2 .right ul li { position: relative; width: 48.7%; height: 4rem; }
.m_sec2 .right ul li:nth-child(n+3) { margin-top: 1.25rem; }
.m_sec2 .right ul li .btn_arrow::before { right: 1.875rem; }
.m_sec2 .right ul li a { display: flex; align-items: center; border: 1px solid #fff; font-size: .94rem; line-height: 1; }
.m_sec2 .right ul li a::before { width: .55rem; height: .55rem; border-color: #fff; }
.m_sec2 .right ul li:hover a { background: rgba(255, 255, 255, .4); border-radius: 0 1.5625rem 0 0; }


.m_sec3 { padding: 5.625rem 0; overflow: hidden; }
.deco_circle { position: absolute; width: 45vw; height: 45vw; border: 12vw solid #e8f4f9; border-radius: 50%; }
.m_sec3 .deco_circle { left: -6.25rem; top: 0; transform: translateY(-50%); }

.m_sec3 ul li { position: relative; overflow: hidden; width: 18.2857%; height: 16rem; gap: 1.25rem; padding: 0 2%; background: #fff; border: 1px solid #dedede; text-align: center; transition: .3s; }
.m_sec3 ul li .fs21 { line-height: 1.2; }
.m_sec3 ul li * { z-index: 2; }
.m_sec3 ul li::after { opacity: 0; content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-45deg, #3f64d0, #0291c5); transition: .3s; }
.m_sec3 ul li img { transition: .3s; }
.m_sec3 ul li:first-child { border-radius: 1.5rem 0 0 0; }
.m_sec3 ul li:hover { border: 0; color: #fff; }
.m_sec3 ul li:hover::after { opacity: 1; }
.m_sec3 ul li:hover img { filter: brightness(0) invert(1); }
.m_sec3 ul li:last-child { border-radius: 0 0 1.5rem 0; }




.m_sec4 { padding: 5.625rem 0; background: #f4f5f6; }
.m_sec4 .logo_circle { position: absolute; right: -5rem; top: -1rem; }
.m_sec4 .spin { animation: spin 10s linear infinite; }
.m_sec4 .tab_btn_wrap { position: absolute; top: 0; left: 18.75rem; }
.m_sec4 .tab_btn_wrap li { position: relative; min-width: 9.125rem; min-height: 2.5rem; padding: .5rem 1rem; border-width: 1px; border-style: solid; border-color: #ccc; border-radius: 500px; font-weight: 500; text-align: center; letter-spacing: 0; background: #fff; }
.m_sec4 .tab_btn_wrap li a { color: #999; line-height: 1; }
.m_sec4 .tab_btn_wrap li.active { background: #2f2f2f; border-color: #2f2f2f; }
.m_sec4 .tab_btn_wrap li.active a { color: #fff; }
.m_sec4 .tab_box_wrap { margin-top: 3.125rem; }
.m_sec4 .half { background: #fff; box-shadow: 0 5px 1.25rem rgba(51, 51, 51, .2); border-radius: 1.25rem 1.25rem 0 0; }
.m_sec4 .half .top { margin: 0 2.8125rem; padding: 1.5rem 0 .75rem; border-bottom: 1px solid #ddd; }
.m_sec4 .half .btm { width: 100%; min-height: 20.5rem; }
.m_sec4 .half .btm > .long { padding: 1.25rem 0; }
.m_sec4 .daily { width: 100%; padding: 3vw; justify-content: space-evenly; }
.m_sec4 .daily li { flex: 1; }
.m_sec4 .daily li .icon { height: 4rem; margin-bottom: 2.25rem; }
.m_sec4 .daily li .design_border { width: 2rem; height: 2px; margin-top: .5rem; margin-bottom: .25rem; background: #ccc; }
.m_sec4 .daily li strong { font-size: 3.4375rem; font-weight: 600; }
.m_sec4 .apexcharts-toolbar { display: none; }
.m_sec4 .apexcharts-tooltip-text-y-value { font-weight: 500 !important; }
.m_sec4 .apexcharts-xaxis-texts-g { transform: translateY(5px); }
.m_sec4 button.next { width: 4.625rem; position: absolute; left: calc(100% + 2.8rem); top: 50%; }
.m_sec4 button.next:hover { animation: headShake 3s infinite; }



.m_sec5 { padding-top: 5.625rem; }
.m_sec5 * { transition: .3s; }
.m_sec5 .left .content_wrap { width: 100%; padding: 0.625rem 3.125rem; height: 33.75rem; background: #eff8ff; border-radius: 0 3.75rem; }
.m_sec5 .left ul li { position: relative; height: 5.625rem; }
.m_sec5 .left ul li::after { opacity: 0; content: ""; width: 3.125rem; height: 3.125rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url('/asset/images/simple_arrow4.png') no-repeat 50% 50%; background-size: 100%; }
.m_sec5 .left ul li + li { border-top: 1px solid #dcdcdc; }
.m_sec5 .left ul li a { align-items: center; align-content: center; overflow: hidden; }
.m_sec5 .left ul li a p { max-width: 86%; }
.m_sec5 .left ul li .title { display: flex; align-items: center; }
.m_sec5 .left ul li .title b { font-size: 1.125rem; font-weight: 600; }
.m_sec5 .left ul li .title em { margin-right: .875rem; padding: .4rem .625rem .3rem; background: #47a957; font-size: .94rem; font-weight: 400; color: #fff; line-height: 1; }
.m_sec5 .left ul li .ellip2 { opacity: 0; position: absolute; left: 0; top: 50%; }
.m_sec5 .left ul li .date { color: #969696; }
.m_sec5 .left ul li.active { height: 10rem; }
.m_sec5 .left ul li.active::after { opacity: 1; }
.m_sec5 .left ul li.active .title {  transform: translateY(-1.875rem); }
.m_sec5 .left ul li.active .title b { font-size: 1.5rem; }
.m_sec5 .left ul li.active .ellip2 { opacity: 1;  }
.m_sec5 .left ul li.active .date { opacity: 0; }

.m_sec5 .right ul li { width: 47.337%; }
.m_sec5 .right ul li:nth-child(n+3) { margin-top: 1.5rem; }
.m_sec5 .right ul li .img_box { overflow: hidden;height: 11.25rem; }
.m_sec5 .right ul li:hover .img_box img { transform: scale(1.05); }
.m_sec5 .right ul li .title { margin-top: .875rem; font-size: 1.125rem; font-weight: 600; line-height: 1.4; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.m_sec5 .right ul li .date { margin-top: .875rem; font-size: .875rem; font-weight: 200; color: #666; }





.m_sec6 { padding-bottom: 7.5rem; overflow: hidden; }
.m_sec6 .deco_circle { width: 32vw; height: 32vw; border: 10vw solid #daeef6; right: 0; bottom: 0; transform: translate(58%, 45%); }

.m_sec6 .m_sec6_slide { overflow: hidden; }
.m_sec6 .m_sec6_slide li { position: relative; height: 5rem; background: #fff; border: 1px solid #ddd; }
.m_sec6 .m_sec6_slide li img { max-width: 80%; max-height: 80%; }
.m_sec6 .ctrl { float: right; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.m_sec6 .ctrl li { position: relative; width: 1.75rem; height: 1.75rem; background: #fff; }
.m_sec6 .ctrl li + li { border-left: 1px solid #ddd; }
.m_sec6 .ctrl li:hover { background: linear-gradient(140deg, #3f64d0, #0291c5); }
.m_sec6 .ctrl li:hover button::after { border-color: #fff !important; }
.m_sec6 .ctrl li button { position: relative; display: block; width: 100%; height: 100%; }
.m_sec6 .ctrl li button::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.m_sec6 .ctrl li button.arrows::after { width: .5rem; height: .5rem; border-top: 2px solid #b8b8b8; border-right: 2px solid #b8b8b8; }
.m_sec6 .ctrl li button.next::after { transform: translate(-60%, -50%) rotate(45deg); }
.m_sec6 .ctrl li button.prev::after { transform: translate(-40%, -50%) rotate(-135deg); }

.m_sec6 .ctrl .toggle button { display: none; z-index: 0; }
.m_sec6 .ctrl .toggle .stop::after { width: 0.5rem; height: 0.6875rem; border-left: #b8b8b8 2px solid; border-right: #b8b8b8 2px solid; }
.m_sec6 .ctrl .toggle .play::after { width: 0; height: 0; border-left: #b8b8b8 .5rem solid; border-top: transparent .3125rem solid; border-bottom: transparent .3125rem solid; }
.m_sec6 .ctrl .toggle:hover .play::after { border-top: transparent .3125rem solid !important; border-bottom: transparent .3125rem solid !important; }
.m_sec6 .ctrl .toggle .stop.on,
.m_sec6 .ctrl .toggle .play.on{ display: block; z-index: 5; }


@media screen and (max-width: 1600px) {
	.m_sec4 button.next { left: auto; right: 0; top: 0; }
	
}


@media screen and (max-width: 1400px) {
	.m_sec1 .main_visual .main_title, .m_sec1 .ctrl > .flex_box { margin-top: -50px; }
	.m_sec1 .main_visual .main_title h2 { font-size: 5vw; }
	.m_sec1 .main_visual .lines_vertical, .m_sec1 .main_visual .lines_horizontal, .m_sec1 .pagination { display: none; }

	.m_sec2 .inside { padding: 4rem 8%; }
	
	
}


@media screen and (max-width: 1024px) {
	.m_sec_tit, .m_sec2 .title, .m_sec2 .left .tel .info strong { font-size: 25px; }
	.m_sec2 .left, .m_sec2 .right { width: 100%; }
	.m_sec2 .right ul li:nth-child(n+3) { margin-top: 10px; }
	.m_sec2 .right ul li a { font-size: 13px; }


	.m_sec3 ul { justify-content: center; gap: 10px; }
	.m_sec3 ul li { width: calc(33.333% - 7.5px); }
	
	.m_sec4 .tab_btn_wrap { position: static; margin-top: 2.5rem; }
	.m_sec4 .tab_box_wrap { margin-top: 0; }
	.m_sec4 .half { width: 100%; margin-top: 1.25rem; border-radius: 1.25rem; }
	.m_sec4 .half .btm { min-height: 0; height: auto; padding: 1.25rem 0; }
	.m_sec4 .half.right .btm { padding-right: 1.25rem; }
	.m_sec4 .daily li .icon { margin-bottom: 10px; }
	
}


@media screen and (max-width: 767px) {
	.m_sec1 { min-height: 800px; }
    .m_sec1 .main_visual {height: calc(100% - 14rem);}
	/* .m_sec1 .main_visual .main_title { margin-top: -120px; text-align: center; } */
    .m_sec1 .main_visual .main_title,
    .m_sec1 .ctrl > .flex_box {margin-top: 30px;}
	.m_sec1 .main_visual .main_title h2 { font-size: 35px; }
	/* .m_sec1 .main_visual .main_title h2 br { display: none; } */
	.m_sec1 .ctrl > .flex_box { justify-content: center;  margin-top: 0;}

	.m_sec1, .m_sec1.fill {/*  height: 100vh;  */ min-height: auto;  height: 540px;}
	.right_box { bottom: 0; min-width: 0px; width: 100%; padding: 5vw; text-align: center;  background: #0291c5;}
    .right_box .l_gray { color: #fff !important;}
	.right_box .btn_wrap4 { justify-content: center; }
	.right_box .btn_wrap4 .btn_style4{width: calc((100% - 1.875rem) / 4);}

    .m_sec4 .tab_btn_wrap li {width: calc(50% - 0.3125rem);}

	.m_sec5 .half.right { margin-top: 40px; }
}


@media screen and (max-width: 480px) {
    .m_sec1 .main_visual {height: calc(100% - 17.5rem);}

	.right_box .btn_wrap4 .btn_style4{width: calc((100% - .625rem) / 2);}

	.m_sec3 ul {  }
	.m_sec3 ul li { width: 100%; height: fit-content; gap:5px; align-items: flex-start; text-align: left; padding: 25px 25px 25px 80px; }
	.m_sec3 ul li img { max-width: 30px; max-height: 30px; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); }
	
	.m_sec4 .half .top .total { width: 100%; text-align: right; }
	.m_sec4 .daily li .icon { height: 35px; }
	.m_sec4 .daily li strong { font-size: 25px; }
	
	.m_sec5 .left .content_wrap { padding: 5% 10%; height: auto; }
	.m_sec5 .left ul li { height: 4.5rem; }
	.m_sec5 .left ul li::after { width: 25px; height: 25px; }
	.m_sec5 .left ul li.active { height: 10rem; }
	.m_sec5 .left ul li .ellip2 { top: 50%; }
}


@media screen and (max-width: 400px) {
    .m_sec1, .m_sec1.fill {height: 480px;}
	.m_sec1 .main_visual .main_title h2 { font-size: 28px; }

	.m_sec2 .left .btn_wrap4 { width: 100%; margin-top: 10px; }
	.m_sec2 .right ul li { width: 100%; height: 40px; }
	.m_sec2 .right ul li:nth-child(n+2) { margin-top: 10px; }

	.m_sec6 .m_sec6_slide li img { max-height: 70%; }
}