/* ===== MAIN - VISUAL ===== */ .main-visual {position:relative;margin:0 auto;height:100vh;} .main-visual .visual-slider {overflow:hidden;position:absolute;left:50%;top:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); } .main-visual .visual-slider .swiper-slide {overflow:hidden;position:relative;height:100%;} .main-visual .visual-slider .swiper-slide .vs-bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;background-size:cover;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); transition-duration:3s;} .main-visual .visual-slider .swiper-slide .vs-bg1{ background-image:url(../img/main/Visual_banner1.jpg);} .main-visual .visual-slider .swiper-slide .vs-bg2{ background-image:url(../img/main/Visual_banner2.jpg);} .main-visual .visual-slider .swiper-slide .vs-bg3{ background-image:url(../img/main/Visual_banner3.jpg);} .main-visual .visual-slider .swiper-slide .vs-bg4{ background-image:url(../img/main/Visual_banner4.jpg);} .main-visual .visual-slider .swiper-slide .vs-txt {display:flex; flex-direction:column; justify-content:center; align-items: flex-start; position:relative; margin:0 auto; max-width:150em; width:74%; height:100%; z-index:1; color:#fff;} .main-visual .visual-slider .swiper-slide .vs-txt h1, .main-visual .visual-slider .swiper-slide .vs-txt h2, .main-visual .visual-slider .swiper-slide .vs-txt p {opacity:0;;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);} .main-visual .visual-slider .swiper-slide .vs-txt h1{font-size:85px;font-weight:700; color: #fff;} .main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size:60px; margin:20px 0 30px 0;} .main-visual .visual-slider .swiper-slide .vs-txt p {font-size:25px;} .main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:30px;color:#fff;} .main-visual .visual-slider .swiper-button-prev { left:330px; } .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{position:absolute; background:none; display:flex;align-items: center;justify-content: center;width:70px; height:70px; /*top:auto;*/top:70%; border-radius:50%; border:1px solid #fff; bottom:300px; z-index:10; } .main-visual .visual-slider .swiper-button-prev:after { display:none;} .main-visual .visual-slider .swiper-button-next { left:420px;} .main-visual .visual-slider .swiper-button-next:after { display:none;} .main-visual .visual-slider .swiper-pagination { position:absolute; right:auto; top:50%; margin-top:-250px; left:310px; font-size:20px;display:flex;align-items: center;justify-content: center;height:70px; z-index:10; width:100px; color:#ffffff; letter-spacing:0.333em;} .main-visual .visual-slider .swiper-pagination span { font-style:normal;} .main-visual .visual-slider .swiper-pagination span {font-style:normal;} .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1.4s;-moz-transition:transform 1.4s;-ms-transition:transform 1.4s;-o-transition:transform 1.4s;transition:transform 1.4s;} .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h1, .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;} .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;} .hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999px;} @media all and ( max-width: 1920px ){ .main-visual .visual-slider .swiper-slide .vs-txt h1{font-size:75px;} .main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size:50px;} .main-visual .visual-slider .swiper-slide .vs-txt p {font-size:20px;} .main-visual .visual-slider .swiper-pagination { margin-top:-230px; left:230px; font-size:17px;} .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{width:50px; height:50px;top: 80%;} .main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:25px;} .main-visual .visual-slider .swiper-button-prev { left:250px; } .main-visual .visual-slider .swiper-button-next { left:320px;} } @media all and ( max-width: 1440px ){ .main-visual {height:650px;} .main-visual .visual-slider .swiper-slide .vs-txt{ margin-top:-80px;} .main-visual .visual-slider .swiper-slide .vs-txt h2{ font-size:40px;} .main-visual .visual-slider .swiper-slide .vs-txt .sTit{ font-size:25px;} .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ width:57px; height:57px;} .main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ line-height:57px; font-size:25px;} .main-visual .visual-slider .swiper-pagination{ width:57px; font-size:15px;} } @media all and ( max-width: 1280px ){ .main-visual .visual-slider .swiper-slide .vs-txt{ max-width:auto; width:auto; margin-left:10%; margin-top:0;} .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ bottom:100px; width:50px; height:50px;} .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-pagination{ left:10%;} .main-visual .visual-slider .swiper-button-next{ left:calc(10% + 60px)} .main-visual .visual-slider .swiper-pagination{ margin-top:-200px;} } @media all and ( max-width: 1024px ){ .main-visual {height:550px;} .main-visual .visual-slider .swiper-slide .vs-txt h1{ font-size:50px;} .main-visual .visual-slider .swiper-slide .vs-txt h2{ font-size:25px; margin:10px 0 15px 0;} .main-visual .visual-slider .swiper-slide .vs-txt p{ font-size:17px;} .main-visual .visual-slider .swiper-pagination{ margin-top:-150px;} } @media all and ( max-width: 800px ){ } @media all and ( max-width: 640px ){ .main-visual {height:450px;} .main-visual .visual-slider .swiper-slide .vs-txt p{ display:none;} .main-visual .visual-slider .swiper-slide .vs-txt h1{ font-size:40px; line-height:40px;} .main-visual .visual-slider .swiper-slide .vs-txt h2{ font-size:20px;} .main-visual .visual-slider .swiper-pagination{ margin-top:-130px;} .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ bottom:50px; width:40px; height:40px;} .main-visual .visual-slider .swiper-button-next{ left:calc(10% + 50px)} } .dl{ display:flex;} .dl dt{flex-shrink: 0;} .dl dd{flex-grow: 1;} .df{ display:flex; flex-wrap: wrap; } .mainContents h1{ color:#ff755b; font-size:42px;letter-spacing:-1px; text-align:center; font-weight:700;} .mainContents h2{ font-size:20px; text-align:center; margin:10px 0 25px 0; font-weight:400;} /* #sec01{ position:relative; padding:170px 0;} #sec01:before{ content:''; position:absolute; top:0; left:0; width:1250px; height:889px; background:url(../img/main/sec01-03.jpg) no-repeat 50% 0; background-size:cover;} #sec01:after{ content:''; position:absolute; width:700px; height:100%; top:0; right:0; background-color:rgb(0,0,0,0.05); z-index:-2;} #sec01 p{ color:#777; font-size:20px; margin:30px 0 100px 0;} #sec01 ul{gap:0 50px; } #sec01 ul li{ width:calc((100% / 2) - 25px)} #sec01 ul li:nth-child(2){ position:relative; margin-top:-170px;} #sec01 ul li:nth-child(2):before{ content:'MOLD'; position:absolute; top:50px; right:-400px; font-size:270px; font-weight:900;transform:rotate(90deg); color:rgb(0,0,0,0.05); z-index:-1;} #sec01 ul li img{ width:100%;} #sec01 a{ position:absolute; right:35%; top:0; display:inline-block; font-size:19px; padding-bottom:15px; border-bottom:1px solid rgb(0,0,0,0.2); color:#999;} #sec01 a i{ margin-left:70px;}*/ /*#sec01{ text-align:center; margin:100px 250px;} #sec01 .s01{ margin:25px 0 100px 0; border-top:1px #ddd solid; padding-top:100px;} #sec01 .s01 ul{text-align:left} #sec01 .s01 ul li{ width:calc((100% / 3) - 20px); color:#444;} #sec01 .s01 ul li .date{ font-size:20px; color:#86a8ca;} #sec01 .s01 ul li strong{ display:inline-block; font-size:27px; margin:20px 0 30px 0; height:55px;} #sec01 .s01 ul li .bTxt{ font-size:19px; color:#777;} #sec01 .tab_list{ display:flex;} #sec01 .tab_list li{ list-style-type:none;width:16.66%; background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #535353; text-align:center; box-sizing:border-box; display: flex; align-items: center;} #sec01 .tab_list li.on{background-color:#fff; border-left:1px solid #535353; border-top:1px solid #535353; border-right:1px solid #535353; border-bottom:none;} #sec01 .tab_list li.on a{color:#333; font-weight:500;} #sec01 .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:16px; color:#aaa;} #sec01 .tab_list_con .cont{display:none;} #sec01 .tab_list_con .cont.on{display:block;} */ /* #sec02{ margin:100px 0 170px 0; text-align:center;} #sec02 h4{ font-size:25px; } #sec02 h3{ font-size:50px; font-weight:300; margin:30px 0 50px 0;} #sec02 h3 span{ display:block; font-weight:600; font-size:60px;} #sec02 .contentbox .tabcontent ul{gap:0 50px;} #sec02 .contentbox .tabcontent ul li{ text-align:center; } .contentbox .tabcontent ul li:before{ content:''; display:inline-block; width:100px; height:100px;background-size: auto 35px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid rgb(255,255,255,0.5); border-radius:50%;} .contentbox .tabcontent .tabbox.tabbox_0 ul li:nth-child(1):before{background-image:url(../img/main/sec02-02.png)} .contentbox .tabcontent .tabbox.tabbox_0 ul li:nth-child(2):before{background-image:url(../img/main/sec02-03.png)} .contentbox .tabcontent .tabbox.tabbox_0 ul li:nth-child(3):before{background-image:url(../img/main/sec02-04.png)} .contentbox .tabcontent .tabbox.tabbox_0 ul li:nth-child(4):before{background-image:url(../img/main/sec02-05.png)} .contentbox .tabcontent .tabbox.tabbox_0 ul li:nth-child(5):before{background-image:url(../img/main/sec02-06.png)} .contentbox .tabcontent .tabbox.tabbox_1 ul li:nth-child(1):before{background-image:url(../img/main/sec02-08.png)} .contentbox .tabcontent .tabbox.tabbox_1 ul li:nth-child(2):before{background-image:url(../img/main/sec02-09.png)} .contentbox .tabcontent .tabbox.tabbox_1 ul li:nth-child(3):before{background-image:url(../img/main/sec02-10.png)} .contentbox .tabcontent .tabbox.tabbox_1 ul li:nth-child(4):before{background-image:url(../img/main/sec02-11.png)} #sec02 .contentbox .tabcontent ul li p{ font-size:19px; opacity:0.6; margin-top:10px;} #sec02 .contentbox .tabcontent dt{flex-basis:55%;} #sec02 .contentbox .tabcontent dt a{ color:rgb(255,255,255,0.5); display:inline-block; font-size:19px; margin-top:100px; padding-bottom:15px; border-bottom:1px solid rgb(255,255,255,0.2)} #sec02 .contentbox .tabcontent dt a i{ margin-left:70px;} #sec02 .contentbox .tabcontent dd img { width:600px;} .tab_menu { margin-top:40px;} .tab_menu ul{justify-content: center;} .tab_menu ul li { } .tab_menu ul li a { display:inline-block; padding:20px 30px;width:250px; background:#b7b7b7; color:#fff; font-size:25px;} .tab_menu ul li:nth-child(1) a, .tab_menu ul li:nth-child(2) a, .tab_menu ul li:nth-child(3) a, .tab_menu ul li:nth-child(4) a {border-top-width: 1px;} .tab_menu ul li:first-child a, .tab_menu ul li:nth-child(4n+1) a {border-left-width: 1px;} .tab_menu ul li.on a, .tab_menu ul li.active a, .tab_menu ul li a:hover {background-color: #003471;} .contentbox { background:#1e202b url(../img/main/sec02-01.jpg) no-repeat 100% 0; background-size:cover; margin-left:250px;} .contentbox .tabcontent { padding:150px 230px 100px 230px; color:#fff; text-align:left;} .contentbox .tabcontent .tabbox {display: none;} .contentbox .tabcontent .tabbox.tabbox_0 {display: block;}*/ #sec02 {text-align: center;} #sec02 .slick-initialized{ padding:0 30px;} #sec02 .slick-initialized .slick-slide > div{ margin:0 10px;} #sec02 .more {display: inline-block; background: #082633; color: #fff; border-radius: 7px; padding: 9px 30px; margin-top: 25px;} /* #sec03{ text-align:center; margin:0 250px;} #sec03 .s01{ margin:25px 0 100px 0; border-top:1px #ddd solid; padding-top:100px;} #sec03 .s01 ul{gap:30px; text-align:left} #sec03 .s01 ul li{ width:calc((100% / 3) - 20px); color:#444;} #sec03 .s01 ul li .date{ font-size:20px; color:#86a8ca;} #sec03 .s01 ul li strong{ display:inline-block; font-size:27px; margin:20px 0 30px 0; height:55px;} #sec03 .s01 ul li .bTxt{ font-size:19px; color:#777;} #sec03 .s01 ul li:nth-child(4){ display:none;} #sec03 .s02 { margin-top:100px;} #sec03 .s02 ul{gap:1px; text-align:left} #sec03 .s02 ul li{ width:calc((100% / 2) - 1px);} #sec03 .s02 ul li a{ color:#fff;} #sec03 .s02 ul li .area{ padding:70px 70px;} #sec03 .s02 ul li:nth-child(1){background:url(../img/main/sec03-01.jpg) no-repeat 50% 0; background-size:cover;} #sec03 .s02 ul li:nth-child(2){background:url(../img/main/sec03-02.jpg) no-repeat 50% 0; background-size:cover;} #sec03 .s02 ul li p{ font-size:20px; margin-bottom:15px;} #sec03 .s02 ul li strong{font-size:37px; font-weight:500;}*/ /*#sec03 {background:#5a799c url(../img/main/.sec03-1.jpg) no-repeat 100% 0; background-size:auto 100%; padding:170px 0; margin-top:170px; color:#fff;}*/ /* sec03 form */ #sec03 {background:url(../img/main/sec03-1.jpg); margin-top:170px; color:#444; background-repeat: no-repeat; background-size: cover;} #sec03 h1{ color:#ff755b; font-size: 52px;} #sec03 ul{} #sec03 .ab_ul li{display: inline-block; font-size: 22px; line-height: 36px;} #sec03 ul li:nth-child(1){ position:relative; } #sec03 ul li:nth-child(1):after{ content:''; position:absolute; right:0; top:0;width:1px; height:100%;border-right:1px solid rgb(255,255,255,0.2)} /*#sec03 ul li:nth-child(1):before, */#sec04 ul li:nth-child(2):before{ content:''; display:block; width:70px; height:70px;background-size:cover; background-repeat:no-repeat;} #sec03 ul li strong{ display:block; font-size:27px; margin:15px 0 30px 0;} #sec03 ul li{ font-size:19px; color: #222;} #sec03 ul li a{ display:inline-block; padding:13px 25px; border-radius:10px; border:1px solid rgb(255,255,255,0.3); color:#fff; margin-top:30px;} #sec03 ul li a i{ margin-left:50px; opacity:0.6} #sec03 .s02 .areabody h2{ font-size: 26px; margin: 0; font-weight: 600;color: #ff755b;} .sec03-1 .s01 ul{gap:30px; margin-top:20px; color: #222;} .sec03-1 .s01 > ul > li{ width:calc((100% / 4) - 23px); box-sizing:border-box;} .sec03-1 .s01 > ul > li img{ width:100%;} .sec03-1 .s01 dl{ margin-top:70px;} .sec03-1 .s01 dt{flex-basis: 28%; font-size:35px; color:#222;} .sec03-1 .s01 dt span{ font-weight:700; color:#278e67; font-size:45px;} .sec03-1 .s01 dd{ margin-left:50px; font-size:23px;} .sec03-1 .s01 dd p+p{ margin-top:15px;} .sec03-1 .s01 dd h2{ font-size:27px; margin-top:30px;} .sec03-1 .s01 dd .table-board02{ margin-top:30px;} .inquiry-con-wrapper dl:nth-child(6){border-bottom:none;} .inquiry-con-wrapper dl:nth-child(7){background: rgba(0,0,0,0.2); padding: 20px 0;} .sec03-1 .s02 { display:flex;} .sec03-1 .s02 h1{ font-size:30px; color: #222;} .sec03-1 .s02 .area{padding:70px;} .sec03-1 .s02 .area .areabody{margin-bottom:70px;} .sec03-1 .s02 .area .areabody ul li{font-size: 22px;} .sec03-1 .s02 .area .areabody h3{margin-top: 26px; margin-bottom: 7px; font-size: 22px;} .sec03-1 .s02 .area .areabody p {font-size: 19px;} .s02box {display: flex; justify-content: space-between;align-items: center;border-bottom: 1px #999 solid; padding-bottom: 20px;} .s02box .more {background: #999; padding: 5px 20px; border-radius: 20px; color: #fff; font-size: 18px;} .sec03-1 .s02 .area:nth-child(1){flex-basis: 20%;flex-shrink: 0;} .sec03-1 .s02 .area:nth-child(2) h1{ color:#222;} .sec03-1 .s02 .area:nth-child(1){flex-grow: 1; color:#222;} .sec03-1 .s02 .area:nth-child(1) h1{ border-bottom:1px solid rgb(255,255,255,0.3);} .sec03-1 .s02 .area:nth-child(1) ul{} /*.sec03-1 .s02 .area:nth-child(1) li{ position:relative; padding-left:20px; line-height:27px;} .sec03-1 .s02 .area:nth-child(1) li:before{ content:'-'; position:absolute; top:0; left:0;}*/ .sec03-1 .s02 .area:nth-child(1) li+li{ margin-top:10px;} .sec03-1 .s02 .area:nth-child(1) li span{color: #222; font-weight: 600; font-size: 22px; margin-right: 30px;} .sec03-1 .s02{ margin-top:20px;} .sec03-1 .s02 .txt-info{display: flex; margin-top: 10px; justify-content: space-between; align-items: center;} .sec03-1 .s02 .txt-info p{ font-size:22px; font-weight:600; color:#222; display:flex;} .sec03-1 .s02 .txt-info p a{ font-size:19px; background:#efefef; border:1px #ddd solid; display:inline; padding:8px 25px; margin-left:20px; border-radius:7px; font-weight:400; color:#666;} .sec03-1 .s02 .send-btn{ display:inline-block; padding:13px 60px; border-radius:7px; background: #ff755b; color:#fff; font-size:22px; font-weight:600;} .sec03-1 .s03 > ul{ border-bottom:1px #278e67 solid; padding-bottom:20px; margin-bottom:30px;} .sec03-1 .s03 > ul li > a{display:block; padding-left:20px; border-bottom:1px solid #aaa; background:url(/resources/images/etc/list_arrow_b.gif) 1100px center no-repeat; line-height:60px; font-size:16px; font-weight:400;} .sec03-1 .s03 > ul li > a:before{display:inline-block; margin-right:10px; content:"Q";} .sec03-1 .s03 > ul li div.privacy-cont{display:none; position:relative; padding:40px 72px 40px 40px; margin-top:20px; color:#777; line-height:30px; background-color:#efefef; overflow:hidden;} .sec03-1 .s03 > ul li div.privacy-cont.on{display:block;} .sec03-1 .s03 > ul li div.privacy-cont.on > a{background:url(/resources/images/etc/list_arrow_t.gif) 1100px center no-repeat;} .sec03-1 .s03 > ul li div.privacy-cont ul li{ position:relative; padding-left:15px;} .sec03-1 .s03 > ul li div.privacy-cont ul li span{ display:block; color:#111; font-weight:500;} .sec03-1 .s03 > ul li div.privacy-cont ul li+li{ margin-top:10px;} .sec03-1 .s03 > ul li div.privacy-cont ul li:before{ content:'-'; position:absolute; top:0; left:0;} .sec03-1 .s02 .area .inquiry-con-wrapper+h1{ margin-top:30px;} .sec03-1 .admin-header{ display:flex; justify-content: space-between;} .sec03-1 .s04{ text-align:center; border-top:1px #222 solid; padding-top:50px; margin-top:50px;} .sec03-1 .s04 a{ background:#069; color:#fff; display:inline-block; border-radius:10px; padding:13px 30px; font-size:21px;} .sec03-1 .s04 a i{ margin-left:20px;} .sec03-1 .s02 .txt-info .checkdl {} .sec03-1 .s02 .txt-info .checkdl .checkdd {} .sec03-1 .s02 .txt-info .checkdl .checkdd p {font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 13px;} .sec03-1 .s02 .txt-info .checkdl .checkdt { font-size:19px; background:#efefef; border:1px #ddd solid; display:inline; padding:8px 25px; margin-left:-100px; border-radius:7px; font-weight:400; color:#666;} .sec03-1 .s02 .txt-info .checkdl .selected{margin-left: 0; } .inquiry-con-wrapper{} .inquiry-con-wrapper dl{ display:flex; align-items: center; margin-top:15px; border-bottom:1px #b1b1b1 solid; padding-bottom: 5px;} .inquiry-con-wrapper dl+dl{} .inquiry-con-wrapper dl dt{flex-basis: 130px; flex-shrink: 0; color:#444; font-weight:600; font-size:19px; margin-left: 10px;} .inquiry-con-wrapper dl dd{ flex-grow: 1; display:flex;align-items: center;} .inquiry-con-wrapper dl dd input, .inquiry-con-wrapper dl dd select{ width:100%; background:none;outline: none;appearance: none; padding:10px 15px; border:none; box-sizing:border-box;background-color: #fafafa; color:#777; border: 1px solid #d2d2d2;} .inquiry-con-wrapper dl dd input{color:#222;} .inquiry-con-wrapper dl dd select{ position:relative; font-size:19px;} .inquiry-con-wrapper .select-area{ position:relative; width:100%;} .inquiry-con-wrapper .select-area i{ position:absolute; right:20px; top:50%; transform: translateY(-50%); font-size:15px;} .inquiry-con-wrapper dd input::placeholder {color: #999; font-size:17px;} .inquiry-con-wrapper dl dd input[type="file"]{ font-size:17px; background:none; padding:0; width:auto; padding: 2px; border: none;} .inquiry-con-wrapper .essential-icon{ color:#146ee2; margin-left:5px;} .inquiry-con-wrapper em{ font-style:normal;} .inquiry-con-wrapper .e-mail ul{gap:0 10px;align-items: center;} .inquiry-con-wrapper .e-mail ul li{ display:flex;align-items: center;} .inquiry-con-wrapper .e-mail ul li{ width:31%;} .inquiry-con-wrapper .e-mail ul li span{ margin-right:10px;} .inquiry-con-wrapper .tel ul{gap:0 10px;align-items: center;} .inquiry-con-wrapper .tel .field{ width:20%;} .inquiry-con-wrapper .chk-multi{ align-items: center;gap:0 30px;} .inquiry-con-wrapper dl dd .down-btn{ background:#014099; color:#fff; display:inline-block; padding:10px 15px; border-radius:10px;} .inquiry-con-wrapper dl dd .down-btn i{ margin-left:15px;} .chk-wrapper {position: relative;display:flex ; align-items: center;} .chk-wrapper label {display: block;padding-left: 35px;cursor: pointer;} .chk-wrapper label span{ color:#06C} .chk-wrapper input {position: absolute;left: 0;top:0;width: 20px;height: 20px;opacity: 0;} .chk-wrapper input + label::before {content:'';position: absolute;top:50%;transform: translateY(-50%);left: 0;width: 20px;height: 20px;border: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box; border-radius: 50%;} /*.chk-wrapper input + label::after {content:"\e6e0"; font-family:xeicon; font-size:15px;position: absolute;top:50%;transform: translateY(-50%);left:3px;display: block;opacity: 0;;-webkit-box-sizing: border-box;box-sizing: border-box; color:#fff;}*/ .chk-wrapper input:checked + label::before {background:#014099; border-color:#014099;} .chk-wrapper input:checked + label::after {opacity: 1;} .chk-wrapper input[type="text"]{ position:relative; border-bottom:1px #555 solid; width:70px; opacity:1; background:none; padding:15px 10px; text-align:center;} .chk-wrapper em{ margin-left:5px;} .dlbox{display: flex;} .dlbox dl {/*width: 50%;*/ width: calc(100% / 2); box-sizing: border-box;} .r_file{background: #222;} .r_filebox{width: calc(100% / 2); box-sizing: border-box; flex-wrap: wrap; flex-grow: 0;} .r_cont{ width:100%; background-color:#222;outline: none;appearance: none; padding:10px 15px; border:none; box-sizing:border-box;background-color: #fafafa; color:#777; height: 130px; font-size: 17px; /*font-family: xeicon;*/} /* business */ .business{position:relative; z-index:10; height:742px; padding-top:65px;} .business .business_item .business_open:after, .business .shortcut_item .shortcut_anchor:before{background-image:url(../images/sprite/business_sprite.png); background-repeat:no-repeat;} .business .basic_text:before, .business .business_item .business_control button:before{background-image:url(../images/sprite/control_sprite.png); background-repeat:no-repeat;} .business .business_title{color:#c4ddff; font-size:15px; font-weight:500; font-family:'GmarketSans', sans-serif; line-height:40px;} .business .business_title span{display:block; margin-top:5px; color:#feffd6; font-size:34px; font-weight:600;} .business .business_title span img{margin-left:16px;} .business .business_list > li{ width:calc((100% / 5) - 2px);} .business .business_list > li+li{ margin-left:1px;} .business .business_item .business_open{display:inline-block; position:relative; z-index:10; width:100%; height:62px;/* border:0;*/ color:#333; font-size:18px; font-weight:400; text-align:left; line-height:61px; text-align:center;} .business .business_item.active .business_open{font-weight:600; background:#ff755b; color:#fff;} .business .business_item .business_panel{display:block; opacity:0; visibility:hidden; position:absolute; top:217px; left:0; right:0; transition-property:opacity, visibility; transition-duration:.4s; transition-timing-function:ease-in-out;} .business .business_item.active .business_panel{opacity:1; visibility:inherit;} .business .basic_list .slick-list{overflow:visible; overflow:hidden;} .business .basic_item{display:inline-block;opacity:0; visibility:hidden; vertical-align:top; transition-property:opacity, visibility, transform; transition-duration:.25s; transition-timing-function:ease-in-out;} .business .business_item.active .basic_item.slick-active{opacity:1; visibility:inherit;} .business .basic_item strong{ display:block;} .business .basic_item a img{ width:100%;} .business .basic_anchor{position:relative;} .business .basic_img{overflow:hidden; border-radius:26px 0 26px 26px; box-shadow:0 20px 30px rgba(17,50,96,0.25); transition-property:border-radius; transition-duration:.25s; transition-timing-function:ease-in-out;} .business .basic_list .basic_item:nth-child(even) .basic_img, .business .basic_list.active .basic_item:nth-child(odd) .basic_img{border-radius:26px 26px 26px 0;} .business .basic_list .basic_item:nth-child(odd) .basic_img, .business .basic_list.active .basic_item:nth-child(even) .basic_img, .business .basic_list .slick-active+.slick-active+.slick-active .basic_img{border-radius:26px 0 26px 26px;} .business .business_item .business_control{display:none; position:absolute; top:152px; right:0; z-index:1;} .business .business_item.active .business_control{display:block;} .business .business_item .business_control button{position:relative; z-index:1; width:63px; height:63px; border:0; border-radius:50%; background-color:#fff;} .business .business_item .business_control button:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:31px; height:31px; margin:auto;} .business .business_item .business_control .business_prev:before{background-position:left top; transform:rotateY(180deg);} .business .business_item .business_control .business_next{margin-left:8px;} .business .business_item .business_control .business_next:before{background-position:left top;} #sec01 {margin-top: 150px; text-align: center;} #sec01 .tabs {padding:10px 0;} #sec01 .tab { display:none;} #sec01 .tab.active { display:block;} #sec01 .buttons{ display:flex; margin:0 40px;} #sec01 .buttons button { width:calc((100% / 5) - 1px); padding:15px 0; font-size: 20px;} #sec01 .buttons button+button{ margin-left:1px;} #sec01 .buttons button.active { background-color:#ff755b; color:#fff;} #sec01 .slider { padding:0 30px;} #sec01 .item a {margin:0 5px; font-size: 18px;} #sec01 .item img { width:100%; } #sec01 .item .new_icon {display: none;} #sec01 .slick-list{} #sec01 .slick-initialized .slick-slide > div{ margin:0 10px;} #sec01 .slick-prev, #sec01 .slick-next{ z-index:1; width:auto; height:auto; } #sec01 .slick-next:before, #sec01 .slick-prev:before{font-family:xeicon;color:#ff755b; font-size:30px;} #sec01 .slick-prev:before{content:"\e93b"} #sec01 .slick-next:before{content:"\e93e"} #sec01 .slick-prev{ left:0;} #sec01 .slick-next{ right:0;} #sec01 .slick-dots{ width:calc(100% - 60px); display: none !important;} #sec01 .slick-dots li button:before{ border:1px solid #666; width:15px; height:15px; font-size:0; border-radius:50%;} #sec01 .slick-dots li.slick-active button:before{ background:#222;border:1px solid #222;} #sec02 .slick-slider .slick-track {height: 370px !important;} @media all and ( max-width: 1920px ){ #sec01 h1, #sec02 h1, #sec03 h1, #sec04 h1{ font-size:37px;} #sec02 h2, #sec03 h2{font-size:30px;} #sec01 p{font-size:17px;} #sec01{margin-top: 80px;} #sec01:before{width:930px; height:662px;} #sec01 p{ margin:30px 0 70px 0;} #sec02{margin: 80px 0;} #sec02 h4{ font-size:20px;} #sec02 h3{ font-size:45px;} #sec02 h3 span{ font-size:55px;} .tab_menu ul li a {width:200px; font-size:20px;} .contentbox { margin-left:200px;} #sec02 .contentbox .tabcontent ul{gap:37px;} #sec02 .contentbox .tabcontent ul li p{ font-size:16px;} #sec02 .contentbox .tabcontent ul li:before{ width:90px; height:90px;background-size: auto 30px;} #sec02 .contentbox .tabcontent dd img{ width:500px;} #sec02 .contentbox .tabcontent dt a{ font-size:17px;} #sec03 .ab_ul li {font-size: 18px;} #sec03 .s02 .areabody h2 {font-size: 23px;} .sec03-1 .s02 .area { padding: 70px 30px;} .sec03-1 .s02 .area .areabody { margin-bottom: 30px;} .sec03-1 .s02 .area .areabody p { font-size: 17px;} } @media all and ( max-width: 1680px ){ .mainContents{ overflow:hidden;} .contentbox{ margin-left:0;} } @media all and ( max-width: 1280px ){ #sec01{} .contentbox .tabcontent {padding:150px 100px;} #sec03{ margin:0 10px;} #sec04 {padding: 100px 10px;} .sec03-1 .s02 { display: inline-block; margin: 40px 0;} .sec03-1 .s02 .area:nth-child(1) { display: flex;} .sec03-1 .s02 .areabody { width: calc(100% / 3); padding: 0 10px;} .sec03-1 .s02 .area { padding: 30px 10px; } } @media all and ( max-width: 1152px ){ } @media all and ( max-width: 1024px ){ .sec03-1 .s02 .txt-info .checkdl .checkdt { margin-left: 0;} } @media all and ( max-width: 800px ){ } @media all and ( max-width: 640px ){ #sec01 h1, #sec02 h1, #sec03 h1, #sec04 h1 { font-size: 26px; } #sec01 {padding: 0;} #sec01 .buttons { margin: 0 20px;} #sec01 .buttons button{font-size: 14px;} #sec02 {margin: 50px 0;} .sec03-1 .s02 {display: inline-block;} .sec03-1 .s02 .area:nth-child(1) { display: inline-block; } .sec03-1 .s02 .area:nth-child(1) li span { font-size: 18px;margin-right: 0;} .sec03-1 .s02 .areabody { width: 100%;} .s02box {padding-bottom: 6px;} .sec03-1 .s02 .txt-info {display: block;} .sec03-1 .s02 .txt-info p {margin-bottom: 15px;} #sec02 .slick-slider .slick-track {height: 300px !important;} } @media all and ( max-width: 480px ){ #sec01 .buttons { margin: 0 5px;} #sec01 .buttons button { width: calc((100% / 5) - -3px); font-size: 16px;} #sec02 { margin:0 0 10px 0;} .sec03-1 .s02 .areabody {width: 80%;} .sec03-1 .s02 .txt-info p {font-size: 18px;} .sec03-1 .s02 .send-btn{font-size: 18px; padding:13px;} #sec03 h1{font-size: 22px;} #sec03 .s02box p{font-size: 15px;} .inquiry-con-wrapper dl {display: inline-block; width: 100%;} .inquiry-con-wrapper dl dd {padding-top: 5px;} .dlbox { display: inline-block;} .inquiry-con-wrapper dl dd input, .inquiry-con-wrapper dl dd select{ width:95%;} }