@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

* { outline: none; text-decoration: none; box-sizing: border-box; } 

body { position: relative; overflow-x: hidden; margin:0 auto; font-family: 'SUIT Variable', sans-serif; } 
body.no_scroll { overflow: hidden!important; } 
ul { list-style: none; padding: 0; margin: 0; } 
a { display: inline-block; text-decoration: none; color: #000; } a:active { text-decoration:none; } a:focus { text-decoration:none; } 
h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; word-break:keep-all; } 
a:hover { text-decoration: none; } 
a:focus { outline: none; } 
span { font-size: inherit; color: inherit; } 
select::-ms-expand { display: none;}

/* common */
.img-responsive { display: block; max-width: 100%; height: auto; } 
.center-block { display: block; margin-right: auto; margin-left: auto; } 
.flex { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap;} 
.align-center { align-items: center; } 
.mont { font-family: "Montserrat", serif; } 
.container { width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } 
.svg-wrap svg { display: block; margin-left: auto; margin-right: auto; } 
.iframe-wrap { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } 
.iframe-wrap::before { display: block; content: ""; padding-top: 56.25%; } 
.iframe-wrap iframe,.iframe-wrap video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } 
.fz54{font-size: 38px;line-height: 1.27}
.fz45{font-size: 36px;}
.fz42{font-size: 28px;}
.fz24{font-size: 20px;}
.fz20{font-size: 18px;}
.fw500{font-weight: 500;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.color{color: #00a1ed;}

/* footer.php */
footer{padding:60px 0 140px;background: #121212}
footer .flex{justify-content: space-between;}
footer .scroll-top{cursor: pointer;}
footer div,footer address{font-size: 20px;color:#fff;font-style: normal;}
footer select{width: 325px;padding: 20px 35px;border-radius: 31px;border:none;font-size: 20px;font-weight: 700;color:#fff;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#00a1ed url(../images/footer/icon01.png) no-repeat center right+30px}

/* banner.php */
.banner{position: relative;height: 650px;margin-top: 106px;overflow: hidden;}
.banner:after{content:"";display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;background: #00a1ed;opacity: .45;}
.banner.active:after { animation: main01_ani 1s linear forwards; } 
.banner .bg-wrap{position: absolute;top:0;left:0;width:100%;height: 100%;background-size: cover; background-position: center; background-repeat: no-repeat; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transition: transform 5s; -webkit-transition: transform 5s; -moz-transition: transform 5s; -ms-transition: transform 5s; -o-transition: transform 5s;}
.banner.active .bg-wrap{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition: transform 5s; -webkit-transition: transform 5s; -moz-transition: transform 5s; -ms-transition: transform 5s; -o-transition: transform 5s; } 
.banner .text-wrap{position: absolute;bottom:0;z-index: 1;width:100%;padding-bottom: 100px;opacity: 0;transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }
.banner.active .text-wrap { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition-delay: 0.3s; } 
.banner .text-wrap h4{font-size: 36px;color:#fff;text-transform: uppercase;}
.banner .text-wrap h3{margin-top: 30px;font-size: 80px;font-weight: 700;color:#fff;line-height: 1;text-transform: uppercase;}
.banner .text-wrap h2{font-size: 120px;font-weight: 700;line-height: 1;color:#fff;text-transform: uppercase;}

/* about01.php */
.about01-content01 .svg-wrap{margin-top: 120px;}
.about01-content02{background-color: #f0f0f0;}
.about01-content02 .container > ul > li{display:inline-block;width: calc((100% - 100px) / 2);margin-right: 100px;vertical-align: top;border-top:4px solid #707070}
.about01-content02 .container > ul > li:last-child{margin-right: 0;}
.about01-content02 .flex li{padding:20px 0;border-bottom:1px solid #707070;line-height: 1;font-size: 20px;}
.about01-content02 .flex li:first-child{width: 140px}
.about01-content02 .flex li:first-child + li{width: calc(100% - 180px);margin-left: 40px;font-weight: 700;}
.about01-content03 ul li{display: inline-block;width: calc((100% - 90px) / 4);margin-right: 30px;vertical-align: top}
.about01-content03 ul li:nth-child(4n){margin-right: 0;}
.about01-content03 ul li:nth-child(n+5){margin-top: 50px;}
.about01-content03 ul li img{border: solid 1px #707070;}
.about01-content03 ul li h4{margin-top: 20px;font-size: 20px;font-weight: 700;line-height: 1.5;text-align: center;}

/* inquiry01.php */
.inquiry01-content02{background-color: #f0f0f0;}
.inquiry01-content02 .check-box-wrap li{display:inline-block;position: relative;margin-right: 40px;vertical-align: top}
.inquiry01-content02 .check-box-wrap li:last-child{margin-right: 0;}
.inquiry01-content02 input[type="checkbox"]{display: none;}
.inquiry01-content02 input[type="checkbox"] + label::before{content:"";display: inline-block;position: relative;width: 32px;height: 32px;margin-right: 10px;border:1px solid #707070;vertical-align: middle;background-color: #fff}
.inquiry01-content02 input + label{cursor: pointer;user-select: none;}
.inquiry01-content02 input:checked + label::before{border: solid 1px #00a1ed;}
.inquiry01-content02 input:checked + label::after{content:'';position: absolute;left: 4px;top:2px;width: 34px;height: 23px;background: url(../images/inquiry/icon01.png) no-repeat center center}
.inquiry01-content02 .input-wrap{padding-top: 20px;padding-bottom: 50px;border-top:4px solid #707070}
.inquiry01-content02 .input-wrap li{display: inline-block;position: relative;width: calc((100% - 100px) / 2);margin-right: 100px;}
.inquiry01-content02 .input-wrap li:nth-child(even){margin-right: 0;}
.inquiry01-content02 .input-wrap li:nth-child(n+3){margin-top: 30px;}
.inquiry01-content02 .input-wrap li input[type="text"]{display:block;width:100%;padding:20px 30px;border: solid 1px #707070;font-size: 20px;}
.inquiry01-content02 .input-wrap li input::placeholder{font-size: 16px;font-weight: 700;color:#a3a3a3}
.inquiry01-content02 .input-wrap li h4{position: absolute;top:0;left:0;width: 100%;height:65px;padding-left: 30px;font-size: 20px;font-weight: 800;line-height: 65px;cursor: pointer;border: solid 1px #707070;background-color: #fff}
.inquiry01-content02 .input-wrap li h4.required:after{content:" *";color:#ff0000}
.inquiry01-content02 .input-wrap h3 small{font-size: 24px;font-weight: 700;}
.inquiry01-content02 .input-wrap li h5{margin-bottom: 5px;font-weight: 700;}
.filebox .upload-name{display: inline-block;width:calc(100% - 125px);height: 65px;padding:0 0 0 30px;vertical-align: middle;border: solid 1px #707070;font-size: 16px;font-weight: 700;color:#a3a3a3}
.filebox label {display: inline-block;width:125px;height: 65px;color: #fff;vertical-align: middle;background-color: #000;cursor: pointer;font-size: 16px;font-weight: 700;color:#fff;text-align: center;line-height: 65px}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.inquiry01-content02 .text-wrap{border-top:1px solid #707070}
.inquiry01-content02 .text-wrap h4{font-size: 18px;font-weight: 800;}
.inquiry01-content02 .text-wrap textarea{display: block;width:100%;height:125px;resize:none;padding:15px 20px;border: solid 1px #707070;background-color: #fff;overflow-y: auto;}
.inquiry01-content02 .text-wrap textarea::placeholder{font-size: 16px;font-weight: 700;color:#a3a3a3}
.inquiry01-content02 .agree-wrap{padding:25px 0;border-top:1px solid #707070}
.inquiry01-content02 .agree-wrap div{display:inline-block;position: relative;}
.inquiry01-content02 .agree-wrap label:before{margin-right: 12px;}
.inquiry01-content02 .agree-wrap label{font-size: 16px;font-weight: 700;color:#a3a3a3}
.inquiry01-content02 .agree-wrap a{margin-left: 20px;font-weight: 700;border-bottom:1px solid #707070;cursor: pointer;}
.inquiry01-content02 .radio-wrap{border-top:1px solid #707070}
.inquiry01-content02 .radio-wrap h3{font-size: 18px;font-weight: 700;}
.inquiry01-content02 .radio-wrap ul li{display: inline-block;margin-right: 40px;vertical-align: top;font-size: 0;}
.inquiry01-content02 .radio-wrap ul li:last-child{margin-right: 0;}
.inquiry01-content02 .radio-wrap ul li input{width:20px;height:20px;margin:0;vertical-align: middle}
.inquiry01-content02 .radio-wrap ul li label{padding-left: 10px;vertical-align: middle;line-height: 1}
.inquiry01-content02 .btn-box{margin-top: 120px;}
.inquiry01-content02 .btn-box a{display:inline-block;width: 325px;padding: 20px;border-radius: 31px;background-color: #000;font-size: 18px;font-weight: 700;color:#fff;text-align: center;line-height: 1}
.inquiry-pop{display:none;position: fixed;top:50%;left:50%;z-index: 32;transform: translate(-50%,-50%);width:calc(100% - 30px);max-width: 1000px;background-color: #fff;}
.inquiry-pop a{position: absolute;top:-50px;right:0;cursor: pointer;}
.inquiry-pop a img{width: 35px}
.inquiry-pop p{height: 400px;padding:30px;overflow-y: auto;}
.overlay{display:none;position: fixed;top:0;left:0;z-index: 31;width: 100%;height: 100%;background: rgba(0,0,0,.5)}

/* contact.php */
.contact01-content01 h3{text-transform: uppercase;}
.contact01-content02{background-color: #f0f0f0;}
.contact01-content02 .wrap{padding-top: 50px;border-top:4px solid #707070}
.contact01-content02 .wrap .left,.contact01-content02 .wrap .right{display: inline-block;width: calc(50% - 50px);vertical-align: top}
.contact01-content02 .wrap .left{margin-right: 100px;}
.contact01-content02 .wrap ul li{position: relative;margin-bottom: 30px;}
.contact01-content02 .wrap ul li:last-child{margin-bottom: 0;}
.contact01-content02 .wrap ul li input{display:block;width: 100%;padding:20px 30px;background-color: #f5f5f5;border:1px solid #707070;font-size: 20px;}
.contact01-content02 .wrap ul li input::placeholder{font-size: 16px;font-weight: 700;color:#a3a3a3}
.contact01-content02 .wrap ul li h4{position: absolute;top:0;left:0;width: 100%;height:65px;padding-left: 30px;font-size: 20px;font-weight: 800;line-height: 65px;cursor: pointer;border: solid 1px #707070;background-color: #fff}
.contact01-content02 .wrap ul li:last-child h4{height: 220px}
.contact01-content02 .wrap ul li h4.required:after{content:" *";color:#ff0000}
.contact01-content02 .wrap textarea{display: block;width: 100%;height: 220px;resize:none;padding:20px 30px;border: solid 1px #707070;background-color: #f5f5f5;}
.contact01-content02 .wrap a{display:block;height: 62px;  border: solid 1px #707070;background-color: #00a1ed;font-size: 20px;font-weight: 800;color:#fff;text-align: center;line-height: 62px}
.contact01-content02 .wrap .right h3{font-size: 39px;font-weight: 700;line-height: 1.28}
.contact01-content02 .wrap .right div{padding:20px 0;font-size: 0;border-top:1px solid #707070}
.contact01-content02 .wrap .right div:last-child{border-bottom:1px solid #707070}
.contact01-content02 .wrap .right div span{display: inline-block;width:100px;vertical-align: middle;font-size: 20px;font-weight: 700;line-height: 1}
.contact01-content02 .wrap .right div span:last-child{width: calc(100% - 100px);font-weight: 400;}
.contact01-content03 .iframe-wrap::before{padding-top: 21.25%}

/* prd01.php */
.prd-text h3,.prd-text h4{letter-spacing: -1px}
.prd-slide{background-color: #f0f0f0;}
.prd-slide .wrap{position: relative;max-width: 1500px;margin-top: 40px;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}
.prd-slide h3{text-transform: uppercase;}
.prd-slide strong{font-size: inherit;font-weight: 700;}
.prd-slide .swiper{max-width: 1200px;margin-left: auto;margin-right: auto;}
.prd-slide .swiper-slide{padding:20px 15px 50px;background: #fff}
.prd-slide h4{margin-bottom: 50px;font-size: 40px;font-weight: 700;color:#0f0f0f;text-align: center;}
.prd-slide p{height:90px;margin-top: 40px;font-size: 20px;font-weight: 700;text-align: center;}
.prd-slide .slide-prev,.prd-slide .slide-next{position: absolute;top:50%;z-index: 1;width: 130px;height: 130px;margin-top: -65px;cursor: pointer;}
.prd-slide .slide-prev{left:0}
.prd-slide .slide-next{right:0}
.prd-slide .slide-prev svg,.prd-slide .slide-next svg{display: block;max-width: 100%}
.prd-slide .swiper-button-disabled{opacity: .5;}
.product01-content03 .img-wrap li{display: inline-block;width: calc((100% - 30px) / 2);margin-right: 30px;vertical-align: top}
.product01-content03 .img-wrap li:last-child{margin-right: 0;}
.table-wrap table{width: 100%}
.table-wrap table thead th{padding:20px 15px;font-size: 16px;font-weight: 800;color:#00a1ed;border-top:4px solid #00a1ed;border-bottom:1px solid #00a1ed;line-height: 1;vertical-align: middle}
.table-wrap table tbody td{padding:10px 15px;font-size: 16px;color:#666;border-bottom:1px solid #666;text-align: center;vertical-align: middle}
.table-wrap table tbody td:first-child{text-align: left}
.table-wrap table tbody tr:nth-child(odd) td{background-color: rgba(137,137,137,.08)}
.table-wrap table tbody td.bg01{background-color: rgba(1,167,235,.08)!important;font-weight: 800;color:#00a1ed}
.table-wrap table tbody td span{color:#ff0000}
.table-wrap table tfoot td{padding-top: 10px;color:#ff0000}
.appli-wrap li{display: inline-block;vertical-align: top;width: calc((100% - 90px) / 4);margin-right: 30px;text-align: center;}
.appli-wrap li:nth-child(4n){margin-right: 0;}
.appli-wrap li h4{margin-top: 20px;}
.prd-inquiry{position: relative;padding-top: 100px;padding-bottom: 100px;background: url(../images/prd01/bg.jpg) no-repeat center center/cover}
.prd-inquiry:after{content:"";display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;background-color:#00a1ed;opacity: .45;}
.prd-inquiry .wrap{position: relative;z-index: 1;}
.prd-inquiry h3{color:#fff;line-height: 1.3;;letter-spacing: -1px}
.prd-inquiry ul li{display: inline-block;width:calc((100% - 80px) / 3);margin-right: 40px;vertical-align: top}
.prd-inquiry ul li:nth-child(3n){margin-right: 0;}
.prd-inquiry ul li a{display:block;padding: 20px 15px;border-radius: 31px;background-color: #fff;font-size: 20px;font-weight: 800;color:#00a1ed;text-align: center;}
.prd-inquiry ul li a:hover{box-shadow: 0 0 10px 0 #00a1ed inset, 0 0 10px 4px #00a1ed;background-color: #004364;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);transition: .2s ease-in-out;}

/* prd02.php */
.product02-content03 .img-wrap li{display: inline-block;width: calc((100% - 30px) / 2);margin-right: 30px;vertical-align: top}
.product02-content03 .img-wrap li:last-child{margin-right: 0;}
.product02-content03 p{font-size: 16px;line-height: 2.7;color:#666}
sup{position: relative;top:-10px;font-size: 60%;vertical-align: baseline;}

/* prd05.php */
.product05-content03 .img-wrap li{display: inline-block;width: calc((100% - 80px) / 2);margin-right: 180px;vertical-align: top}
.product05-content03 .img-wrap li:last-child{margin-right: 0;}

/* prd06.php */
.product06-content03 .img-wrap li{display: inline-block;width: calc((100% - 90px) / 4);margin-right: 30px;}
.product06-content03 .img-wrap li:last-child{margin-right: 0;}

/* magazine.php */
.board-list{padding-bottom: 160px;}
.board-list .tab a{display:inline-block;margin-right: 20px;padding:12px 30px;font-size: 21px;font-weight: 700;line-height: 1;border-radius: 24.5px;background-color: #c7c7c7;vertical-align: middle}
.board-list .tab a:last-child{margin-right: 0;}
.board-list .tab a.on{background-color: #0084f2;color:#fff}
.board-list .list li{display: inline-block;width: calc((100% - 60px) / 3);margin-right: 30px;vertical-align: top;}
.board-list .list li:nth-child(3n){margin-right: 0;}
.board-list .list li:nth-child(n+4){margin-top: 100px;}
.board-list .list li a{display: block;width: 100%;height: 100%}
.board-list .list li .bg{height: 380px;background-repeat: no-repeat;background-position: center center;background-size: cover}
.board-list .list li h5{margin-top: 10px;font-size: 16px;font-weight: 700;color:rgba(0,0,0,.5)}
.board-list .list li h4{margin-top: 20px;font-size: 24px;font-weight: 700;line-height: 1.25}
.board-list .list li p{margin-top: 5px;font-size: 16px;font-weight: 300;color:#000}
.paging{margin-top: 120px;}
.paging li{display: inline-block;vertical-align: middle;}
.paging li a{display: block;position: relative;width:80px;padding-bottom: 10px;font-size: 24px;font-weight: 700;text-align: center;line-height: 1;}
.paging li a:after{content:"";display: block;position: absolute;bottom:0;left:0;width:100%;height: 1px;background-color: #d8d8d8}
.paging li.on a:after{bottom:-1.5px;height: 4px;background-color: #000}

/* magazine_view.php */
.board-view .board-title{font-size: 34px;font-weight: 700;line-height: 1}
.board-view .board-title + h4{margin-top: 30px;font-weight: 700;color:rgba(0,0,0,.5)}
.board-view .btn-box a {display: inline-block;width: 325px;padding: 20px;border-radius: 31px;background-color: #00a1ed ;font-size: 18px;font-weight: 700;color: #fff;text-align: center;line-height: 1;}

/* 수정사항 250228 */
.product06-content03 .wrap h4{padding:15px;background-color: #00a1ed;font-size: 30px;color:#fff;text-align: center;line-height: 1}
.product06-content03 .wrap ul{padding: 50px;font-size: 0;background-color: #f5f5f5}
.product06-content03 .wrap ul li{display: inline-block;vertical-align: middle;}
.product06-content03 .wrap ul li:first-child{width: 480px}
.product06-content03 .wrap ul li:last-child{width: calc(100% - 480px);padding-left: 60px;}
.product06-content03 .wrap ul li div:last-child{margin-top: 50px;}
.product06-content03 .wrap ul li h5{padding:12px;background-color: #243761;font-size: 20px;font-weight: 700;color:#fff;text-align: center;}
.product06-content03 .wrap ul li p{padding:20px 15px;font-size: 20px;background-color: #fff;text-align: center;}
.product06-content03 .wrap02 ul li{display: inline-block;width:calc((100% - 40px) / 3);margin-right: 20px;vertical-align: top}
.product06-content03 .wrap02 ul li:last-child{margin-right: 0;}
.product06-content03 .wrap02 ul li div{position: relative;}
.product06-content03 .wrap02 ul li svg{position: absolute;top:50%;z-index: 2;transform: translateY(-50%);width: 118px;height: 66px}
.product06-content03 .wrap02 ul li .icon01{left:-80px}
.product06-content03 .wrap02 ul li .icon02{right:-80px}
.product06-content03 .wrap02 h4{padding:15px;background-color: #00a1ed;font-size: 24px;color:#fff;text-align: center;}
.product06-content03 .wrap02 .flex{justify-content: space-between;}
.product07-content03 .wrap h4{padding:15px;background-color: #00a1ed;font-size: 30px;color:#fff;text-align: center;line-height: 1}
.product07-content03 .wrap ul{padding:60px 50px;background-color: #f5f5f5;}
.product07-content03 .wrap ul li{display: inline-block;vertical-align: middle;}
.product07-content03 .wrap ul li:first-child{width: calc(100% - 500px)}
.product07-content03 .wrap ul li:first-child + li{width: 500px}
.ham-menu .depth02-nav ul li ul{display: none;}
.depth02-nav ul li ul li a{font-size: 13px!important}
.ham-menu>ul>li .depth02-nav li a.on{color:#00a1ed}

/* 수정사항 250307 */
.cata-btn{cursor: pointer;}
.pop-overlay{display:none;position: fixed;top:0;left:0;z-index: 31;width: 100%;height: 100%;background-color: rgba(0,0,0,.51)}
.popup{display:none;position: fixed;top:50%;left:50%;z-index: 32;width: calc(100% - 30px);max-width: 645px;padding:30px 50px;border: solid 1px #707070;background-color: #fff;transform: translate(-50%,-50%);}
.popup .close-btn{position: absolute;top:0;right:0;cursor: pointer;}
.popup h3{font-size: 32px;padding-bottom: 20px;font-weight: 700;border-bottom:1px solid #707070;line-height: 1}
.popup ul li{margin-bottom: 20px;}
.popup ul li:last-child{margin-bottom: 0;padding-bottom: 20px;border-bottom:1px solid #707070}
.popup ul li h4{margin-bottom: 10px;font-size: 22px;font-weight: 700;}
.popup ul li h4.required:after{content:"*";font-size: inherit;font-weight: inherit;color:#ff0000}
.popup ul li input{display: block;width: 100%;padding:20px 30px;border: solid 1px #707070;background-color: #f5f5f5;}
.popup  input,.popup  label{vertical-align: middle}
.popup  label{font-size: 18px;font-weight: 700;color:#555}
.popup .btn-box a{display:inline-block;width: 215px;height: 60px;border-radius: 31px;background-color: #00a1ed;line-height: 60px;font-size: 21px;font-weight: 700;color:#fff;text-align: center;}

/* 수정사항 250418 */
.board-view .view-main-img img,.board-view .editor img{display:block;width: auto!important;height:auto!important;margin-left: auto!important;margin-right: auto!important;max-width:100%}
.board-view .editor *{font-size: inherit;}
.board-view .editor strong,.board-view .editor strong *{font-weight: 700;}
.board-view .editor a,.board-view .editor a span{text-decoration: underline;}
footer .sns-box li div div{display: inline-block;}
footer .sns-box li div div{display: inline-block;}
.main-section06{padding-top: 110px;padding-bottom: 100px;}
.main-section06 .container > ul > li{display: inline-block;width: 50%;vertical-align: top;}
.main-section06 h3{margin-top: 40px;font-size: 45px;font-weight: 700;line-height: 1.2;}
.main-section06 h4{font-size: 18px; color: #00a1ed;} 
.main-section06 ul li ul{width: 595px;}
.main-section06 ul li ul li{display: inline-block;margin-right: 20px;vertical-align: middle;}
.main-section06 ul li ul li:nth-child(3n){margin-right: 0;}
.main-section06 ul li ul li:nth-child(n+4){margin-top: 20px;}
.main-popup{display: none;}


/* 260202 */
.main-ytb-section { margin-bottom: 100px; } 
.main-ytb-section .container { width: 1460px; } 
.tytr-section01 .grid { display: grid; grid-template-columns: repeat(2, 1fr); } 
.tytr-section01 .grid .box { text-align: center; } 
.tytr-section01 .grid .box img { aspect-ratio: 5 / 4; object-fit: contain; } 
.tytr-section02 .bg { background: #f5f5f5; padding: 40px 50px; }
.tytr-section02 p { font-size: 18px; }
.tytr-section02 .table-wrap table tbody td { border-right: 1px solid #666; color: #111; }
.tytr-section02 .table-wrap table tbody td:last-child { border-right: none; }
.tytr-section02 .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } 
.tytr-section02 .grid p { font-size: 24px; margin-bottom: 20px; }