.sub-visual {position:relative; height:600px;} .sub-visual .img_wrap { height:100%; width:100%; background-repeat: no-repeat; background-position: center; position: relative; transition:all 0.5s; background-size:cover; } .sub-visual .visualTxt{ -ms-display: flex; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; height: 100%; position: absolute; top: 0; width: 100%; z-index: 300; opacity:1; max-width:1400px; left:50%; transform:translateX(-50%); text-align:center; } .sub-visual .visualTxt h2, .sub-visual .visualTxt p {color:#fff;} .sub-visual .visualTxt h2 {font-size:70px; font-weight:700; line-height:1;} .sub-visual .visualTxt p {font-size:18px; font-weight:600; line-height:1;padding-top:35px;} .subBg01 .img_wrap {background-image: url('/images/sub_bg/subBg01_1.jpg');} .subBg02 .img_wrap {background-image: url('/images/sub_bg/subBg02.jpg');} .subBg03 .img_wrap {background-image: url('/images/sub_bg/subBg03.jpg');} .subBg04 .img_wrap {background-image: url('/images/sub_bg/subBg04.jpg');} .subBg05 .img_wrap {background-image: url('/images/sub_bg/subBg05.jpg');} .subBg06 .img_wrap {background-image: url('/images/sub_bg/subBg06.jpg');} .inner, .board_inner {max-width:1400px; margin:0 auto; width:100%;} .board_inner_product {max-width:1400px; margin:0 auto; width:100%; padding-bottom:165px;} .board_inner {padding-bottom:100px;} .sub-visual .sub-nav {position:absolute; bottom:0; left:50%; transform:translateX(-50%);z-index:301;} .sub-visual .sub-nav ul {width:100%;display:flex;} .sub-visual .sub-nav li {width:100%; text-align:center;text-align:center; position:relative;} .sub-visual .sub-nav li:after {content:''; display:block; width:1px; height:24px; background:#89de4f; position:absolute; top:50%; transform:translateY(-50%); left:0;} .sub-visual .sub-nav li:first-child:after {display:none;} .sub-visual .sub-nav li:first-child a {border-radius:15px 0 0 0;} .sub-visual .sub-nav li:last-child a {border-radius:0 15px 0 0 ;} .sub-visual .sub-nav li a {font-size:17px; color:#fff; font-weight:600;padding:20px 0; display:block;position:relative;z-index:2; background:rgba(0 0 0 / 63%);} .sub-visual .sub-nav li.active a {color:#000;font-size:20px; margin-top:-25px; padding:30px 0;background:#89de4f; border-radius:15px 15px 0 0;} .sub01_11 {height:1255px; background:url("/images/sub/sub11_s1.png")no-repeat center bottom; padding-top:55px; position:relative;} .sub01_11 .dot_wrap {max-width:550px; margin:0 auto; width:100%;height:100%; position:relative;} .sub01_11 .dot {width:22px; height:22px; border-radius:50%; background:#89de4f;position:absolute;} .sub01_11 .dot1 {top:325px; left:50%; transform:translateX(-50%);} .sub01_11 .dot2 {top:800px; right:0;} .sub01_11 .dot3 {top:800px; left:0;} .sub01_12 {background:#f9f9f9; padding:100px 0 150px; overflow:hidden;} .sub01_12 .tit_wrap p {font-size:20px; font-weight:500;text-align:center;} .sub01_12 .tit_wrap {position:relative; padding-bottom:240px;} .sub01_12 .tit_wrap:after {content:''; display:block; width:1px; height:93px; background:#cccccc; position:absolute; top:80px; left:50%;} .sub01_12 .list_wrap {max-width:1920px;margin:0 auto;} .sub01_12 .list_wrap .flex-box { align-items:center; height:500px;} .sub01_12 .list_wrap.right .flex-box {flex-direction:row-reverse;} .sub01_12 .list_wrap .img {height:100%; width:50%; max-width:960px;} .sub01_12 .list_wrap .img1 {background:url("/images/sub/sub11_n2.jpg")no-repeat center; background-size:cover;border-radius:0 50px 50px 0;} .sub01_12 .list_wrap .img2 {background:url("/images/sub/sub11_n3.jpg")no-repeat center; background-size:cover;border-radius:50px 0 0 50px;} .sub01_12 .list_wrap .img3 {background:url("/images/sub/sub11_n5.jpg")no-repeat center; background-size:cover;border-radius:0 50px 50px 0;} .sub01_12 .list_wrap .img4 {background:url("/images/sub/sub11_n4.jpg")no-repeat center; background-size:cover;border-radius:50px 0 0 50px;} .sub01_12 .list_wrap .img5 {background:url("/images/sub/sub31_s1.jpg")no-repeat center; background-size:cover;border-radius:0 50px 50px 0;} .sub01_12 .list_wrap .img6 {background:url("/images/sub/sub11_n6.jpg")no-repeat center; background-size:cover;border-radius:0 50px 50px 0;} .sub01_12 .list_wrap .img7 {background:url("/images/sub/sub11_n7.jpg")no-repeat center; background-size:cover;border-radius:50px 0 0 50px;} .sub01_12 .txt_wrap {width:50%; max-width:700px; padding-left:90px;} .sub01_12 .list_wrap.right .txt_wrap {padding-left:0;} .sub01_12 .txt_wrap h3 {font-size:75px;font-weight:700; line-height:1.05;} .sub01_12 .txt_wrap h3 .cate {font-size:25px; color:#a1a1a1;display:inline-block; padding-left:30px; font-weight:600;} .sub01_12 .txt_wrap p {font-size:25px; line-height:1.8; font-weight:500;padding-top:60px;} .sub01_12 .txt_wrap .line {position:relative;z-index:2; padding:0 5px;} .sub01_12 .txt_wrap .line:after {content:''; display:block; width:100%; height:24px; background:#89de4f; position:absolute; bottom:7px; left:0; z-index:-1;} .sub01_12 .list_wrap + .list_wrap {padding-top:240px;} .sub01_12 .list_wrap .position {position:relative;} .sub01_12 .list_wrap .position .cate {position:absolute; top:40px; padding-left:0;} .sub01_12 .list_wrap .position .cate1 {left:210px;} .sub01_12 .list_wrap .position .cate2 {left:380px;} .sub01_12 .downloadBtn {text-align:center; padding:0 0 68px; } .sub01_12 .downloadBtn .view_file_download {padding:17px 90px; border:1px solid rgba(0 0 0 / 50%); border-radius:120px; transition:all 0.3s; display:inline-block;} .sub01_12 .downloadBtn .view_file_download span {font-size:25px; font-weight:600;letter-spacing:-0.03em; color:rgba(0 0 0 / 50%); position:relative; padding-right:38px;display:inline-block;} .sub01_12 .downloadBtn .view_file_download:hover {background:#000; transition:all 0.3s;} .sub01_12 .downloadBtn .view_file_download:hover span {color:#89de4f;} .sub01_12 .downloadBtn .view_file_download span:after {content:''; display:block; width:23px; height:23px; background:url("/images/common/download_ico.png")no-repeat center;background-size:cover; position:absolute; top:50%; transform:translateY(-50%); right:0;} .sub01_12 .downloadBtn .view_file_download:hover span:after {background-image:url("/images/common/download_ico_hover.png");} .sub01_13 {background:#f0f0f0; padding:180px 0 260px;} .sub01_13 .swiper-slide img {width:100%;} .sub01_13 .swiper-slide p {font-size:25px; font-weight:600; letter-spacing:-0.03em;padding-top:30px;} .history_wrap {padding:200px 0 150px; overflow:hidden;} .history_wrap .date_title {width:590px;} .history_wrap .date_title h3 {font-size:75px;} .history_wrap .date_title h3 span {position:relative;z-index:2; padding:0 5px;} .history_wrap .date_title h3 span:after {content:''; display:block; width:100%; height:24px;background:#89de4f; position:absolute; bottom:7px; left:0; z-index:-1;} .history_wrap .date_title p {font-size:25px; line-height:1.7; font-weight:500; padding-top:30px;} .history_wrap .history .line_txt {width:calc(100% - 590px);} .history_wrap .history .line-img {width:1080px; height:500px; border-radius:50px 0 0 50px;} .history_wrap .his2023 .line-img {background:url("/images/sub/sub12_s1.jpg")no-repeat center; background-size:cover;} .history_wrap .his2022 .line-img {background:url("/images/sub/sub12_s2.jpg")no-repeat center; background-size:cover;} .history_wrap .line_txt .line_wrap {margin-left:120px; margin-top:110px; margin-bottom:280px;} .history_wrap .line_txt .line h4 {font-size:30px; font-weight:700; line-height:1;} .history_wrap .line_txt .line p {font-size:25px; font-weight:400; line-height:1.7; color:#707070;padding-top:50px;} .history_wrap .line_txt .line + .line {padding-top:130px;} .history_wrap .line_txt .line {padding-left:50px;} .history_wrap .line_wrap {position:relative;} .history_wrap .line_wrap:after {content:''; display:block; width:1px; height:calc(100% - 20px); background:#d1d1d1; position:absolute; top:10px; left:0;} .history_wrap .line_txt .line h4 {position:relative;} .history_wrap .line_txt .line h4:before {content:''; display:block; width:20px; height:20px; border-radius:50%; background:#89de4f; position:absolute; top:10px; left:-59px; z-index:2;} .sub01 .title_wrap {text-align:center;} .sub01 .title_wrap h2 {font-size:75px; font-weight:700; line-height:1;} .sub01 .title_wrap h2 .line {position:relative; z-index:2; padding:0 5px;} .sub01 .title_wrap h2 .line:after {content:''; display:block; width:100%; height:24px;background:#89de4f; position:absolute; bottom:7px; left:0; z-index:-1;} .sub01 .title_wrap p {color:#707070;font-size:20px; font-weight:500;padding-top:30px; line-height:1;} .sub01_31 {padding:150px 100px 130px; background:#fff;position:relative;z-index:2;} .sub01_31:before {content:''; display:block; width:100%; height:450px; background:#f1f1f1; position:absolute; bottom:0; left:0; z-index:-1;} .sub01_31 .img_wrap {padding:145px 160px 135px; background:#fff;text-align:center; } .sub01_31 .img_wrap img {width:100%;max-width:1400px;} .sub01_31 .mo--view {display:none;} .sub01_32 {padding:210px 0 0px; overflow:hidden;} .sub01_32 .people_list {display:flex; flex-wrap:wrap;} .sub01_32 .people_list .list {margin-right:65px;width:calc(25% - 49px); margin-bottom:100px; border-left:1px solid #d1d1d1} .sub01_32 .people_list .list:nth-child(4n){margin-right:0;} .sub01_32 .people_list .txt {background:#fff; padding:30px;} .sub01_32 .people_list .txt strong {color:#8d8d8d; font-size:20px; font-weight:500; line-height:1;} .sub01_32 .people_list .txt h3 {font-size:36px; font-weight:600; line-height:1; padding:20px 0 40px;} .sub01_32 .people_list .txt p {font-size:22px; line-height:1;} .sub01_32 .people_top {position:relative; z-index:2; margin-top:90px;} .sub01_32 .people_top:before {content:''; display:block; width:100%; height:480px; background:#e3e3e3; position:absolute; bottom:0; left:0; z-index:-1;} .sub01_32 .people_top .txt {padding:80px 0; margin-top:55px;} .sub01_32 .people_top .txt strong {color:#8d8d8d; font-size:20px; font-weight:500; line-height:1;} .sub01_32 .people_top .txt h3 {font-size:36px; font-weight:600; line-height:1; padding:10px 0 40px;} .sub01_32 .people_top .txt p {font-size:22px; line-height:1;} .sub01_32 .people_bottom {position:relative; z-index:2; padding-bottom:100px;} .sub01_32 .people_bottom .flex-box {justify-content:flex-end; margin-top:-210px;} .sub01_32 .people_bottom .txt_wrap {width:50%;} .sub01_41 {padding:200px 0 170px;} .sub01_41 .title_wrap {padding-bottom:100px;} .sub01_41 .loca_tab {display:flex; border-top:1px solid #dedede; justify-content:center; width:100%; padding:25px 0 30px; align-items:center;} .sub01_41 .loca_tab li {color:#ababab; font-size:22px; font-weight:500; padding:0 50px; position:relative; cursor:pointer;} .sub01_41 .loca_tab li:after {content:''; display:block; width:1px; height:40px; background:#dbdbdb; position:absolute; top:50%; transform:translateY(-50%); right:0;} .sub01_41 .loca_tab li:last-child:after {display:none;} .sub01_41 .loca_tab li.on {color:#000; font-size:28px; font-weight:600;} .sub01_41 .loca_wrap .map {width:100%; height:600px; background:#eee;} .sub01_41 .loca_wrap .map .root_daum_roughmap {width:100%; height:100%;} .sub01_41 .loca_wrap .add_tit {font-size:40px; font-weight:600; padding-top:80px;} .sub01_41 {overflow:hidden;} .sub01_41 .loca_wrap {display:flex; width:200%;max-width:2800px;} .sub01_41 .loca_area {width:100%;max-width:1400px;} .product_visual {margin-bottom:50px;}/*board_visual.php*/ .board_catemenu {display:flex; width:100%; border-top:1px solid #dedede; padding:45px 0; justify-content:center; align-items:center; } .board_catemenu li {padding:0 70px;position:relative;} .board_catemenu li:after {content:''; display:block; width:1px; height:40px; background:#dbdbdb; position:absolute; top:50%; transform:translateY(-50%); right:0;} .board_catemenu li:last-child:after {display:none;} .board_catemenu li a {color:#ababab; font-size:22px; font-weight:500;} .board_catemenu li.active a{font-size:26px; font-weight:600; color:#000;} .sub03_11 {background:#fff; padding:130px 0 225px;position:relative; overflow:hidden; z-index:2;} .sub03_11:after {content:''; display:block;width:1px; height:95px; position:absolute; bottom:50px; left:50%;background:#d1d1d1;} .sub03_11:before {content:''; display:block;width:50%; height:328px; position:absolute; bottom:0; right:-5vw;background:url("/images/sub/sub31_s4.jpg")no-repeat center;background-size:cover;z-index:-1;} .sub03_12 {padding-bottom:220px;position:relative;} .sub03_12:before {content:''; display:block; width:100%; height:400px; background:#f9f9f9; position:absolute; left:0; bottom:0; z-index:-1;} .sub03_12:after {content:''; display:block;width:1px; height:95px; position:absolute; bottom:85px; left:50%;background:#cccccc;} .sub03_13 {padding-bottom:160px; background:#f9f9f9;} .sub03_13 .box {width:calc(33.3% - 35px);margin-right:70px; text-align:center; height:450px; display:flex; flex-direction:column; justify-content:center;} .sub03_13 .box:last-child {margin-right:0;} .sub03_13 .box.bg1 {background:url("/images/sub/sub31_s31.jpg")no-repeat center;background-size:cover;} .sub03_13 .box.bg2 {background:url("/images/sub/sub31_s32.jpg")no-repeat center;background-size:cover;} .sub03_13 .box.bg3 {background:url("/images/sub/sub31_s33.jpg")no-repeat center;background-size:cover;} .sub03_13 .box h2 {color:#fff;font-size:25px; font-weight:500; line-height:1;padding-bottom:80px; position:relative;} .sub03_13 .box h2:after {content:''; display:block; width:1px; height:35px; background:#fff;position:absolute; bottom:25px; left:50%;} .sub03_13 .box p {color:#89de4f; font-size:85px; font-weight:500; line-height:1;} .sub03_13 .box p span {color:rgba(255 255 255 / 60%); font-size:25px;} .contact_section1 {padding:145px 0 0; position:relative;} .contact_section1:before {content:''; display:block; width:100%; height:calc(100% - 60px); background:#f1f1f1; position:absolute; top:0; left:0; z-index:-1; border-radius:15px;} .contact_section1 .title_wrap {text-align:center;} .contact_section1 .title_wrap h3 {font-weight:500; font-size:50px; line-height:1; padding-bottom:40px;} .contact_section1 .title_wrap p {color:rgba(0 0 0 /60%); font-size:22px; font-weight:400; line-height:1; padding-bottom:100px;} .contact_section1 .check_product {display:flex; justify-content:center; margin:0 auto;} .contact_section1 .check_product.mo--view {display:none;} .contact_section1 .radio_wrap + .radio_wrap {margin-left:40px} .contact_section1 .radio_wrap input[type=radio] {display:none;} .contact_section1 .radio_wrap label {background:#fff; border-radius:10px; display:block; text-align:center; width:350px; padding: 81px 0; box-shadow:15px 0 14px rgba(0 0 0 / 9%); cursor:pointer; transition:all 0.3s;} .contact_section1 .radio_wrap label h4 {color:rgba(0 0 0 / 40%); font-size:40px; font-weight:500; line-height:1; padding:50px 0 30px;} .contact_section1 .radio_wrap label p {color:rgba(0 0 0 / 40%); font-size:22px; font-weight:400; line-height:1;} .contact_section1 .radio_wrap label .check {width:46px; height:46px; background:url("/images/common/check_st1.png")no-repeat center; background-size:cover; text-indent:-9999px; overflow:hidden; margin:0 auto;} .contact_section1 .radio_wrap label.active .check {width:46px; height:46px; background:url("/images/common/check_st1_chked.png")no-repeat center; background-size:cover;} .contact_section1 .radio_wrap label.active {background:#000; transition:all 0.3s;} .contact_section1 .radio_wrap label.active h4 {color:#89de4f;} .contact_section1 .radio_wrap label.active p {color:#89de4f;} .contact_wrap .section_wrap {max-width:1000px; margin:0 auto;} .contact_wrap .showNext {padding:140px 0 80px; text-align:center;} .contact_wrap .section_wrap .title_wrap {border-bottom:2px solid #000; margin-bottom:90px;} .contact_wrap .section_wrap .title_wrap h3 {font-size:35px; font-weight:500; line-height:1; padding-bottom:40px;} .contact_wrap .section_wrap .input_wrap h4, .contact_wrap .section_wrap .half_wrap h4 {color:#767676; font-size:18px; font-weight:600; line-height:1; padding-bottom:20px;} .contact_wrap .section_wrap .title_wrap {display:flex; align-items:center; justify-content:space-between;} .contact_wrap .section_wrap .title_wrap .mo_infoTxt {font-size:20px; color:#89de4f; font-weight:600;; padding-bottom:15px; display:inline-block;} .contact_wrap .section_wrap .input_wrap + .input_wrap {margin-top:130px;} .contact_wrap .section_wrap .input_wrap + .marginTopSm {margin-top:calc(135px - 50px);} .contact_wrap .section_wrap .half_wrap {width:calc(50% - 50px); margin-right:100px;} .contact_wrap .section_wrap .half_wrap:nth-child(2n){margin-right:0;} .contact_wrap .section_wrap .checkSty_wrap {display:flex; align-items:center;} .contact_wrap .section_wrap .checkSty_wrap div {width:170px;flex:0 0 170px;} .contact_wrap .section_wrap .checkSty_wrap label {font-size:22px; font-weight:500; padding-left:40px; position:relative;cursor:pointer;} .contact_wrap .section_wrap .checkSty_wrap label:before {content:''; display:block; width:30px; height:30px; background:url("/images/common/check_st2.png")no-repeat center; background-size:30px; position:absolute; top:50%; transform:translateY(-50%); left:0;} .contact_wrap .section_wrap .checkSty_wrap input[type=radio] {display:none;} .contact_wrap .section_wrap .checkSty_wrap input[type=radio]:checked + label:before {background-image:url("/images/common/check_st2_chked.png");} .contact_wrap .section_wrap .addr_wrap {width:100%; max-width:800px;} .contact_wrap .section_wrap .addr_line {display:flex; align-items:center;} .contact_wrap .section_wrap .addr_line .btnCli {width:200px;} .contact_wrap .section_wrap .addr_line .btnClipostN {width:30%;} .contact_wrap .checkSty_wrap.style2 {display:block;} .contact_wrap .checkSty_wrap ul {display:flex; flex-wrap:wrap;} .contact_wrap .checkSty_wrap ul + ul {padding-top:50px;} .contact_wrap .checkSty_wrap li {width:185px; padding-bottom:50px;} .contact_wrap .section_wrap input {border:0;width:100%; border-bottom:1px solid #efefef;font-size:22px; color:#000; font-weight:500; padding:20px 0;} .contact_wrap .section_wrap input::placeholder {color:rgba(0 0 0 / 30%);} .contact_wrap .select_wrap + .input_wrap {padding-top:90px;} .contact_wrap .select_wrap + .select_wrap {padding-top:90px;} .contact_wrap .btn_wrap {padding:220px 0 210px; display:flex; justify-content:center;} .contact_wrap .btn_wrap.mo_btn {display:none;} .contact_wrap .btn_wrap button {width:250px; height:70px; line-height:1; border-radius:15px; font-size:22px; font-weight:600;} .contact_wrap .btn_wrap button + button {margin-left:65px;} .contact_wrap .btn_wrap button.style1 {background:#fff; border:1px solid #000; color:#000;} .contact_wrap .btn_wrap button.style2 {background:#000; border:1px solid #000; color:#89de4f;} .contact_wrap .btn_wrap .view_file_download {width:250px; height:70px; line-height:1; border-radius:15px; font-size:22px; font-weight:600; display:flex; justify-content:center;align-items:center;} .contact_wrap .btn_wrap .view_file_download.style2 { background:#f3f3f3; border:1px solid #f3f3f3; color:rgba(0 0 0 / 30%);} .contact_wrap .btn_wrap .view_file_download.style2.active {background:#000; border:1px solid #000; color:#89de4f;} .contact_wrap .section_wrap .redirect_select {width:100% !important; flex:1 !important; display:flex; align-items:center;} .contact_wrap .section_wrap .redirect_select label {flex:0 0 auto;} .contact_wrap .section_wrap .redirect_select .datepicker {margin-left:30px;} .contact_wrap .section_wrap .redirect_select .datepicker {outline:0; color:rgba(0 0 0 /40%); border:0; padding:0;} .contact_wrap .section_wrap .redirect_select input[type=radio]:checked + label + .datepicker {color:rgba(0 0 0 /100%);} .contact_wrap .section_wrap .redirect_select img {cursor:pointer;} .contact_wrap .section_wrap .redirect_select.checked {position:relative;} .contact_wrap .section_wrap .redirect_select.checked:after {content:''; display:block; width:100%; height:1px; background:#efefef; position:absolute; bottom:-40px; left:0;} .select_cus,.select_cus1,.select_cus2 {position: relative;} .select_cus .trigger,.select_cus1 .trigger,.select_cus2 .trigger {display: flex;align-items: center;position: relative;height: 70px;padding:20px 25px;cursor: pointer; border-radius:15px;} .select_cus .trigger:after,.select_cus1 .trigger:after,.select_cus2 .trigger:after {content:'';position: absolute;top: 50%; transform:translateY(-50%); right: 20px;width: 26px;height: 14px;background:url('/images/sub/contact_select_arrow.png') center no-repeat; background-size: 18px;} .select_cus.active .trigger:after,.select_cus1.active .trigger:after,.select_cus2.active .trigger:after {background-image:url("/images/sub/contact_select_arrow_active.png");} .select_cus .trigger,.select_cus1 .trigger,.select_cus2 .trigger {background:#f3f3f3; border:1px solid #f3f3f3;} .select_cus.select .trigger,.select_cus1.select .trigger,.select_cus2.select .trigger {background:#fff; border:1px solid #a3a3a3;} .select_cus .trigger_txt,.select_cus1 .trigger_txt,.select_cus2 .trigger_txt {font-size: 20px; font-weight:500;color:rgba(0 0 0 / 30%);} .select_cus.select .trigger_txt,.select_cus1.select .trigger_txt,.select_cus2.select .trigger_txt {color:rgba(0 0 0 / 100%);} .select_cus .option,.select_cus1 .option,.select_cus2 .option {display: none;position: absolute;top: 100%;width: 100%;max-height: 380px;background: #fff;border: 1px solid #a3a3a3; padding:13px; margin-top:12px; z-index: 1;overflow-y: auto; border-radius:15px;} .select_cus .option,.select_cus1 .option,.select_cus2 .options {display: none;position: absolute;top: 100%;width: 100%;max-height: 380px;background: #fff;border: 1px solid #a3a3a3; padding:13px; margin-top:12px; z-index: 1;overflow-y: auto; border-radius:15px;} .select_cus .option > li,.select_cus1 .option > li,.select_cus2 .option > li {padding:15px;font-size: 20px;font-weight: 500; color: #000000;cursor: pointer;} .select_cus .option > li:hover,.select_cus1 .option > li:hover,.select_cus2 .option > li:hover {background: #f3f3f3; border-radius:10px;} .sub05_11 {padding:0 0 100px;} .faq--toggle {border-top:1px solid #000000; border-bottom:1px solid #e2e2e2;margin-top:60px;} .faq--toggle h4 {font-size:25px; line-height:30px;font-weight:600; padding:60px 40px; border-bottom:1px solid #e2e2e2; display:flex; cursor:pointer; position:relative;} .faq--toggle h4.active {} .faq--toggle h4 span {font-weight:400; font-size:23px; display:inline-block; padding-right:20px;} .faq--toggle .toggle-answer {display:none; color:#3d3d3d; font-size:20px; line-height:1.4; padding:40px 40px 40px 80px; position:relative; border-bottom:1px solid #e2e2e2; word-break:keep-all;} .faq--toggle .toggle-answer:before {content:''; position:absolute;top:40px; left:40px;width:30px; height:25px; background:url("/images/sub/faq_arrow.png")no-repeat center; background-size:25px;} .contact_wrap .section_wrap .redirect_select2 {width:100% !important; flex:1 !important; display:flex; align-items:center;} .contact_wrap .section_wrap .redirect_select2 label {flex:0 0 auto;} .contact_wrap .section_wrap .redirect_select2 .input_txt {margin-left:30px;} .contact_wrap .section_wrap .redirect_select2 .input_txt {outline:0; color:rgba(0 0 0 /40%); border:0; padding:0;} .contact_wrap .section_wrap .redirect_select2 input[type=radio]:checked + label + .input_txt {color:rgba(0 0 0 /100%);} .contact_wrap .section_wrap .redirect_select2 img {cursor:pointer;} .contact_wrap .section_wrap .redirect_select2.checked {position:relative;} .contact_wrap .section_wrap .redirect_select2.checked:after {content:''; display:block; width:100%; height:1px; background:#efefef; position:absolute; bottom:-40px; left:0;} .contact_wrap .section_wrap .redirect_select2 .unit {color:#000000; font-size:30px; display:inline-block; margin:0 20px;} .contact_wrap .queTit {font-size:18px; font-weight:600;color:#767676; line-height:1; padding-bottom:30px; display:flex; align-items:center;} .contact_wrap .queTit span {font-size:20px; font-weight:500; color:#000; display:inline-block; padding-left:20px; letter-spacing:-0.03em;} .contact_wrap .queTit span.size {padding-left:0;} .contact_wrap .queTit p {flex:0 0 auto;} .contact_wrap .question_wrap + .question_wrap {padding-top:150px;} .question--section .left {width:50%; padding-right:50px;} .question--section .right {width:50%; padding-left:50px;} /* .question--section .product_img {width:650px; height:700px; } */ .question--section .product_img {width:100%;} .question--section .product_img img {border:1px solid #a3a3a3; border-radius:15px; overflow:hidden;} .question--section.quetionSty1 {padding-top:150px;} .question--section.quetionSty1 .units {align-items:center; position:relative;} .question--section.quetionSty1 .left:after {content:''; display:block; width:2px; height:60px; background:#efefef; position:absolute; top:50%; transform:translateY(-50%); right:0;} .question--section.quetionSty1 .unit--1 {font-size:22px; font-weight:500;} .question--section.quetionSty1 .question_wrap {padding:0 20px; flex:1;} .question--section.quetionSty2 {padding-top:150px;} .question--section.quetionSty2 .select_cus, .question--section.quetionSty2 .select_cus1, .question--section.quetionSty2 .select_cus2 {flex:1;} .question--section.quetionSty2 .select_cus + .select_cus, .question--section.quetionSty2 .select_cus1 + .select_cus1, .question--section.quetionSty2 .select_cus2 + .select_cus2{margin-left:20px;} .question--section.quetionSty3 {padding-top:150px;} .question--section.quetionSty3 .flex-box {align-items:center; width:100%;} .question--section.quetionSty3 .select_cus,.question--section.quetionSty3 .select_cus1,.question--section.quetionSty3 .select_cus2{flex:1;} .question--section.quetionSty3 .select_cus + .select_cus, .question--section.quetionSty3 .select_cus1 + .select_cus1, .question--section.quetionSty3 .select_cus2 + .select_cus2{margin-left:25px;} .question--section.quetionSty3 .number {font-size:30px; font-weight:500; padding-right:50px; margin-right:60px; position:relative;} .question--section.quetionSty3 .number:after {content:''; display:block;width:2px; height:40px; background:#efefef; position:absolute; top:50%; transform:translateY(-50%); right:0;} .question--section.quetionSty3 .line--wrap + .line--wrap {margin-top:27px;} .contact_wrap .textarea_wrap textarea {font-size:22px; padding:30px; border:1px solid #a3a3a3; border-radius:15px;height:300px;} .contact_wrap .textarea_wrap textarea::placeholder {color:rgba(0 0 0 / 30%);} .question--section.quetionSty4 .line--wrap {display:flex; align-items:center;} .question--section.quetionSty4 .line--wrap .pc--flex {display:flex; align-items:center; width:100%;} .question--section.quetionSty4 .line--wrap + .line--wrap {padding-top:140px;} .question--section.quetionSty4 .queTit {padding:0; width:150px; flex:0 0 150px; position:relative; margin-right:40px;} .question--section.quetionSty4 .queTit:after {content:''; display:block; width:2px; height:40px; background:#efefef; position:absolute; top:50%; transform:translateY(-50%); right:0;} .question--section.quetionSty4 .select_cus, .question--section.quetionSty4 .select_cus1, .question--section.quetionSty4 .select_cus2{flex:1;} .totalPrice--wrap {padding-top:210px;} .totalPrice--wrap .flex-box {align-items:center;} .totalPrice--wrap .flex-box h3 {color:#000000; font-size:35px; font-weight:500;letter-spacing:-0.03em; flex:0 0 300px;} .totalPrice--wrap .inputWrap {display:flex; width:100%; border:2px solid #d4d4d4; border-radius:15px;overflow:hidden; height:100px; align-items:center;} .totalPrice--wrap .inputWrap strong {display:block; padding:0; padding:0px 20px; text-align:right;color:#000; font-size:35px; font-weight:500; letter-spacing:-0.03em; flex:1;} .totalPrice--wrap .inputWrap.active { border-color:#89de4f;} .totalPrice--wrap .inputWrap .unit {color:#9f9f9f;font-size:30px; font-weight:500; margin-right:30px; width:115px;} .totalPrice--wrap .inputWrap .unit .smTxt {font-size:17px; margin-left:5px; display:inline-block;} .contact_wrap .inner2 {max-width:1400px; width:100%; margin:0 auto;} .completion_wrap .img_wrap {text-align:center;} .completion_wrap .txt_wrap {text-align:center;} .completion_wrap .txt_wrap h2 {color:#000000; font-size:50px; font-weight:500;letter-spacing:-0.03em; padding:110px 0 60px;} .completion_wrap .txt_wrap p {color:rgba(0 0 0 / 60%); font-size:25px; font-weight:400; letter-spacing:-0.03em; line-height:2; padding-bottom:145px; border-bottom:2px solid #efefef; } .completion_wrap .txt_wrap p br.mo_view {display:none;} .completion_wrap .btn_wrap {text-align:center; padding:80px 0 185px;} .completion_wrap .btn_wrap button {width:350px; height:90px; color:#89de4f; font-size:28px; font-weight:600; letter-spacing:-0.03em; text-align:center;background:#000; border-radius:15px;} .popup_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1002; display:none;} .popup_wrap.open {display:block;} .popup_wrap .dimmed {background:rgba(0 0 0 /35%); position:absolute; top:0; left:0; width:100%; height:100%;} .popup_wrap .popupCont_wrap {width:100%; max-width:700px; margin:0 auto;z-index:1003; position:relative; height:100%;} .popup_wrap .popupCont_wrap .frm_file {width:0; height:0;opacity:0;} .popup_wrap .whiteBox {max-height:90%; background:#fff;position:absolute; top:50%; transform:translateY(-50%); width:100%; overflow:hidden; overflow-y:auto; padding:55px 70px;} .popup_wrap .popupHeader h2 {font-size:28px; line-height:1.3; font-weight:600; letter-spacing:-0.03em;} .popup_wrap .popupHeader {position:relative; padding-bottom:40px; border-bottom:2px solid #000;} .popup_wrap .popupHeader .popupClose {position:absolute; top:0; right:0;max-width:30px;} .popup_wrap .popupHeader .popupClose img {width:100%;} .popup_wrap .line {padding-top:50px; display:none;} .popup_wrap .line.open {display:block;} .popup_wrap .line + .line {border-top:1px solid #efefef;margin-top:50px; } .popup_wrap .contact1 + .contact3 {border-top:0; margin-top:0;} .popup_wrap .contTit {color:#000; font-size:25px; font-weight:600; padding-left:50px; position:relative;} .popup_wrap .contTit:before {content:''; display:block; width:40px; height:40px; background:url("/images/sub/contact_popupCheck.png")no-repeat center;background-size:cover; position:absolute; top:50%; transform:translateY(-50%); left:0; background-size:30px;} .popup_wrap .popupContent .contTxt {display:flex; flex-wrap:wrap;} .popup_wrap .flex--line {padding-top:30px; flex:0 0 33.3%; width:33.3%;} .popup_wrap .flex--line.full {flex:1;} .popup_wrap .flex--line.full2 {flex:1; width:100%;} .popup_wrap .flex--line.full3 {flex:0 0 100%; width:100%;} .popup_wrap .flex--line strong {color:rgba(0 0 0 / 50%); font-size:18px; letter-spacing:-0.03em; display:block;} .popup_wrap .flex--line p {font-size:22px; letter-spacing:-0.03em; padding-top:10px;} .popup_wrap .flex--line input[type=text] {font-size:22px; letter-spacing:-0.03em; padding-top:15px; outline:0; border:0;} .popup_wrap .flex--line input[type=text]:active {outline:0; border:0;} .popup_wrap .flex--line textarea {font-size:22px; letter-spacing:-0.03em; padding-top:15px; width:100%;margin-top:10px;} .popup_wrap .flex--line textarea:focus {border:1px solid #d7d7d7;} .popfeeder1All2, .popfeeder1All3, .popfeeder1All4, .popfeeder1All5, .popfeeder1All6, .popfeeder2All2, .popfeeder2All3, .popfeeder2All4, .popfeeder2All5, .popfeeder2All6 {display:none;} .popup_wrap .btn_wrap2 {display:flex; justify-content:center; align-items:center; padding-top:50px;} .popup_wrap .btn_wrap2 button {width:200px; height:60px; border-radius:10px; color:#000; font-size:20px; font-weight:600; letter-spacing:-0.03em;} .popup_wrap .btn_wrap2 button + button {margin-left:15px;} .popup_wrap .btn_wrap2 button.lineBtn {border:1px solid #000; background:#fff;} .popup_wrap .btn_wrap2 button.activeBtn {border:1px solid #000; background:#000;color:#89de4f;} .myContact_wrap {padding-bottom:150px;} .myContact_wrap .inner {max-width:1000px;} .myContact_wrap .pc--tit {font-weight:500; font-size:35px; text-align:center;padding-bottom:20px; letter-spacing:-0.03em; line-height:1;} .myContact_wrap .pc--topLine {display:flex; justify-content:space-between;} .myContact_wrap .pc--topLine .total {font-size:22px; letter-spacing:-0.03em; font-weight:300;} .myContact_wrap .pc--topLine .total strong {font-weight:500;} .myContact_wrap .btnStyle {display:flex; transition:all 0.3s; font-size:18px; font-weight:500; letter-spacing:-0.03em; width:150px; height:50px; align-items:center; justify-content:center; border-radius:90px; border:2px solid #d2d2d2;} .myContact_wrap .btnStyle:hover {color:#89de4f;background:#000000; transition:all 0.3s; border-color:#000;} .myContact_wrap .list--wrap {border-top:2px solid #000; margin-top:40px;} .myContact_wrap .list--wrap .flex-box {display:flex; align-items:center; justify-content:space-between;} .myContact_wrap .list--wrap .feedback {color:#525252;font-size:17px;letter-spacing:-0.03em; padding-left:28px; position:relative; line-height:18px;} .myContact_wrap .list--wrap .feedback:before {content:''; display:block; width:18px; height:18px; background:url("/images/sub/mypage_chk.png")no-repeat center;background-size:cover; position:absolute; top:50%; left:0; transform:translateY(-50%);} .myContact_wrap .list--wrap .feedback.complete:before {background-image:url("/images/sub/mypage_chkActive.png");} .myContact_wrap .list--wrap .left h3 {font-size:22px;font-weight:600; letter-spacing:-0.03em;line-height:1;padding-bottom:10px;} .myContact_wrap .list--wrap .list {padding:45px 0; border-bottom:2px solid #efefef;} .myContact_wrap .toggle--click {cursor:pointer;} .myContact_wrap .toggle--contents {display:none;} .myContact_wrap .contentsWrap {color:#3d3d3d; font-size:22px; word-break:keep-all; letter-spacing:-0.03em; line-height:1.6;padding-top:50px; border-top:1px solid #efefef; margin-top:45px; position:relative; padding-left:40px;} .myContact_wrap .contentsWrap:before {content:''; display:block;width:30px; height:25px; background:url("/images/sub/mypage_ans.png")no-repeat center; background-size:cover; position:absolute; top:52px; left:0;} .myContact_wrap .mo--topLine {display:none;} .myLogin_wrap {padding-bottom:145px;} .myLogin_wrap .inner {max-width:1000px;} .myLogin_wrap .center_wrap {text-align:center;} .myLogin_wrap h3 {font-size:35px; letter-spacing:-0.03em; font-weight:500; padding-top:35px;} .myLogin_wrap p {color:#767676; font-size:22px; letter-spacing:-0.03em; padding-top:105px;} .myLogin_wrap .inputWrap {padding-top:55px;} .myLogin_wrap .inputWrap input {width:700px; height:80px; border:1px solid #a3a3a3; border-radius:15px;font-size:28px; text-align:center;} .myLogin_wrap .inputWrap input::placeholder {color:rgba(0 0 0 / 30%);} .myLogin_wrap .btn_wrap {display:flex;justify-content:center; padding-top:40px;} .myLogin_wrap .btnStyle {display:flex; transition:all 0.3s; font-size:18px; font-weight:500; letter-spacing:-0.03em; width:200px; height:60px; align-items:center; justify-content:center; border-radius:90px; border:2px solid #000;} .myLogin_wrap .btnStyle:hover {color:#89de4f;background:#000000; transition:all 0.3s; border-color:#000;} .myLogin_wrap .info_wrap {padding-top:40px;border-top:2px solid #efefef;margin-top:110px;} .myLogin_wrap .info_wrap h4 {color:rgba(0 0 0 / 60%); font-size:18px; letter-spacing:-0.03em; line-height:1; font-weight:400;} .myLogin_wrap .icon {max-width:75px; margin:0 auto;} .myLogin_wrap .icon img {width:100%;} .attach--fileWrap {display:flex; align-items:center;padding-top:50px;} .attach--fileWrap .queTit {padding-bottom:0; width:150px;} .attach--fileWrap .filebox {display:flex; align-items:center;} .attach--fileWrap .filebox .upload-name { display: inline-block; height: 50px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 100%; color: rgba(0 0 0 / 30%); font-size:20px; border-radius:5px; } .attach--fileWrap .filebox label { display: inline-block; width:120px; line-height:50px; color: #91ec54; vertical-align: middle; background-color: #000; text-align:center; cursor: pointer; height: 50px; margin-left: 10px; border-radius:5px; } .attach--fileWrap .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } .flex-box--title {display:flex; justify-content:space-between; align-items:center; padding-bottom:30px;} .flex-box--title .rightSt{display:flex; align-items:center;} .flex-box--title .changeFeeder1btnQu, .flex-box--title .changeFeeder2btnQu {width:50px; height:50px; border:1px solid #ddd; border-radius:50%;font-size:22px; line-height:30px; transition:all 0.3s;} .flex-box--title .changeFeeder1btnQu:hover, .flex-box--title .changeFeeder2btnQu:hover {background:#000; color:#91ec54; transition:all 0.3s;} .flex-box--title .changeFeeder1Txt, .flex-box--title .changeFeeder2Txt {display:inline-block; width:50px; height:50px; text-align:center; font-size:22px; line-height:50px;} .flex-box--title .queTit {padding-bottom:0;} @media (max-width:1310px){ .sub01_12 .list_wrap .img {width:40%;} .sub01_12 .txt_wrap {width:55%; padding-left:5%;} .contact_wrap .inner {padding:0 5.4vw;} .contact_wrap .checkSty_wrap li {padding-bottom:15px;} .contact_section1:before {border-radius:0; height:calc(100% - 30vw);} } @media (max-width:1201px){ .sub01_11 {height:90vw; background-size:contain;} .sub01_11 .dot1 {top:19.5vw;} .sub01_11 .dot2 {top:55.5vw;right:2vw;} .sub01_11 .dot3 {top:56vw;left:2.8vw;} .sub01_11 .dot {width:2vw; height:2vw;} .sub01_12 .txt_wrap h3 {font-size:65px;} .sub01_12 .txt_wrap p {font-size:25px;} .sub01_12 .list_wrap + .list_wrap {padding-top:180px;} .sub01_12 .list_wrap .position .cate1 {top:38px; left:180px;} .sub01_12 .list_wrap .position .cate2 {top:38px; left:310px;} .inner, .board_inner {padding:0 2.7vw;} .board_inner_product {padding:0 2.7vw;} .history_wrap .date_title {width:48%; padding-right:2%;} .history_wrap .history .line_txt {width:50%;} .history_wrap .line_txt .line_wrap {margin-left:11vw; margin-top:10vw; margin-bottom:36vw;} .history_wrap .date_title h3 {font-size:8vw;} .history_wrap .date_title p {font-size:3vw;} .history_wrap .line_txt .line h4 {font-size:3.5vw;} .history_wrap .line_txt .line p {font-size:3.2vw; word-break:keep-all;} .history_wrap .line_txt .line {padding-left:5.4vw;} .history_wrap .line_txt .line h4:before {width:2vw; height:2vw; top:0.7vw; left:-6.2vw;} .sub01 .title_wrap h2 {font-size:8vw;} .sub01 .title_wrap p {font-size:2.2vw; padding-top:4vw;} .sub01_41 .loca_tab li {font-size:2.4vw;} .sub01_41 .loca_tab li.on {font-size:2.8vw;} .sub01_41 .loca_wrap .add_tit {font-size:4vw;} .sub01_41 .loca_wrap .map {height:50vw;} .sub01_31 .img_wrap {padding:8vw 10vw 7vw;} .sub01_31:before {height:28vw;} .sub01_32 {padding:190px 0 0px;} .sub01_32 .people_list .list {margin-right:30px;width:calc(25% - 23px);} .sub01_32 .people_bottom {padding-bottom:10vw;} .sub01_32 .people_top .img {width:65%;} .sub01_32 .people_top:before {height:31.2vw;} .sub01_32 .people_bottom .flex-box {margin-top:-9vw;} .sub01_32 .people_top .txt {padding:18vw 0 0;} .sub01_32 .people_top .txt h3 {padding:1vw 0 3vw;} .board_catemenu li a {font-size:2.4vw;} .board_catemenu li.active a {font-size:2.8vw;} /* .contact_section1 .radio_wrap {flex:0 0 33%; width:33%;} .contact_section1 .radio_wrap label {width:100%;} .contact_section1 .radio_wrap + .radio_wrap {margin-left:4%;} .contact_wrap .section_wrap .checkSty_wrap {flex-wrap:wrap;} .contact_wrap .section_wrap .checkSty_wrap div {padding-bottom:15px;width:33.3%;flex:0 0 33.3%;} .contact_wrap .section_wrap .redirect_select2,.contact_wrap .section_wrap .redirect_select {width:66.6% !important; flex:0 0 66.6% !important;} .contact_wrap .section_wrap .redirect_select2.checked:after {bottom:-2.4vw;} */ .sub03_12:before {height:35vw;} .sub03_11:before {background-size:contain; right:-2vw} .sub03_13 .box {margin-right:40px; width:calc(33.3% - 20px);} .question--section .product_img {width:100%; height:auto;} .question--section .product_img img {width:100%; border-radius:2.1vw;} .question--section .left {padding-right:4vw;} .question--section .right {padding-left:4vw;} .question--section.quetionSty4 .queTit {width:15vw; flex:0 0 auto;margin-right:4vw;} .contact_wrap .quetionSty4 .checkSty_wrap div {width:100%; flex:0 0 100%;} .contact_wrap .quetionSty4 .checkSty_wrap {width:40%;} .contact_wrap .quetionSty4 .full .checkSty_wrap {width:100%;} .contact_section1 .radio_wrap label {width:100%;} .contact_section1 .check_product .radio_wrap {width:29%;} .contact_section1 .radio_wrap + .radio_wrap {margin-left:4%;} .question--section.quetionSty3 .number {padding-right:2.7vw; margin-right:5vw;} .select_cus .trigger,.select_cus1 .trigger,.select_cus2 .trigger {padding:2.7vw;} .select_cus .trigger:after,.select_cus1 .trigger:after,.select_cus2 .trigger:after {right:2vw; width:2vw; height:1vw;} .select_cus .trigger_txt ,.select_cus1 .trigger_txt,.select_cus2 .trigger_txt{font-size:23px;} .select_cus .option > li,.select_cus1 .option > li,.select_cus2 .option > li {padding:15px; font-size:20px;} .question--section.quetionSty2 .select_cus + .select_cus, question--section.quetionSty2 .select_cus1 + .select_cus1, question--section.quetionSty2 .select_cus2 + .select_cus2{margin-left:3vw;} .sub01_13 li + li {margin-left:50px;} } @media (max-width:1101px){ .sub01_11 .dot1 {top:18.5vw;} .sub01_11 .dot2 {right:6vw;} .sub01_11 .dot3 {left:6.3vw;} } @media (max-width:1024px){ .sub01_11 .dot3 {left:7.3vw;} .totalPrice--wrap .flex-box h3 {flex:0 0 40vw; font-size:40px;} } @media (max-width:1020px){ .sub01_11 .dot_wrap {display:none;} .sub01_11 {background:url("/images/sub/sub11_s1_mo.png")no-repeat center;background-size:contain;} } @media (max-width:901px){ .sub01_12 .list_wrap .flex-box {flex-wrap:wrap; height:auto;} .sub01_12 .list_wrap .img {width:90%; height:60vw;} .sub01_12 .txt_wrap {width:100%; max-width:90%; padding:4vw;} .sub01_12 .list_wrap + .list_wrap {padding-top:13.5vw;} .sub01_12 .txt_wrap h3 {font-size:6.7vw;} .sub01_12 .txt_wrap h3 .cate {font-size:2.5vw;} .sub01_12 .txt_wrap h3 br {display:none;} .sub01_12 .list_wrap .position .cate1, .sub01_12 .list_wrap .position .cate2 {position:relative; top:auto; left:auto; display:inline-block; padding-left:1.4vw;} .sub01_12 .txt_wrap p {font-size:3.3vw; padding-top:4.7vw;} .sub01_12 .txt_wrap .line {padding:0 1vw;} .sub01_12 .txt_wrap .line:after {height:1.4vw; bottom:1.2vw;} .sub01_12 .list_wrap .img1, .sub01_12 .list_wrap .img3, .sub01_12 .list_wrap .img6 {border-radius:0 6.7vw 6.7vw 0;} .sub01_12 .list_wrap .img2, .sub01_12 .list_wrap .img4 {border-radius:6.7vw 0 0 6.7vw;} .sub01_32 .people_list .list {width:calc(33.3% - 14px);margin-right:20px;} .sub01_32 .people_list .list:nth-child(4n) {margin-right:20px;} .sub01_32 .people_list .list:nth-child(3n) {margin-right:0px;} .sub01_32 .people_list .list img {width:100%;} .sub01_32 .people_top .txt strong {font-size:17px;} .sub01_32 .people_top .txt h3 {font-size:30px;} .sub01_32 .people_top .txt p {font-size:18px;} .sub01_32 .people_top .txt {margin-top:25px;} .sub01_31 .img_wrap {padding:10vw 3vw 9vw;} .board_inner_product,.board_inner{padding-bottom:15vw;} .sub05_11 {padding-bottom:15vw;} .contact_wrap .btn_wrap {padding:28vw 0 26vw;} .contact_wrap .btn_wrap button {width:48%;} .contact_wrap .btn_wrap button + button {margin-left:4%;} .sub03_11:before {width:100%;height:40vw;} .sub03_11 {padding:130px 0 32vw;} .sub03_11:after {bottom:22vw;} .sub03_13 .box {height:42vw;} .question--section.quetionSty1 .flex-box.mo-block {display:block;} .question--section.quetionSty1 .left:after {display:none;} .question--section .left, .question--section .right {width:100%;} .question--section .right {padding-left:0; padding-top:4vw;} .question--section .left {padding-right:0;} .contact_section1 .radio_wrap label h4 {font-size:4vw;} .contact_section1 .radio_wrap label p {font-size:2vw;} .sub01_13 li p {font-size:3.5vw; padding-top:2vw;} .sub01_13 li + li {margin-left:5.4vw;} .sub01_13 {padding:100px 0 150px} .sub01_12 .downloadBtn {padding:0 0 6vw;} .sub01_12 .downloadBtn .view_file_download {padding:2.4vw 12.3vw;} .sub01_12 .downloadBtn .view_file_download span {font-size:3.4vw; padding-right:5vw;} .sub01_12 .downloadBtn .view_file_download span:after {background-size:cover; width:3vw; height:3vw;} } .sub-visual .sub-nav ul .moview {display:none;} .sub03_12 .img_wrap img.mo_img {display:none;} .que_mo_view,.que_mo_view2 {display:none;} .sub01_12 .tit_wrap p br.mo_view {display:none;} .contact2_img {border:1px solid #ededed; border-radius:10px; max-width:400px; overflow:hidden;} @media (max-width:751px){ .sub-visual {height:75vw;} .subBg01 .img_wrap {background-image: url('/images/sub_bg/subBg01_1_mo.jpg');} .subBg02 .img_wrap {background-image: url('/images/sub_bg/subBg02_mo.jpg');} .subBg03 .img_wrap {background-image: url('/images/sub_bg/subBg03_mo.jpg');} .subBg04 .img_wrap {background-image: url('/images/sub_bg/subBg04_mo.jpg');} .subBg05 .img_wrap {background-image: url('/images/sub_bg/subBg05_mo.jpg');} .subBg06 .img_wrap {background-image: url('/images/sub_bg/subBg06_mo.jpg');} .sub-visual .visualTxt h2 {font-size:3.4vw; font-weight:200; letter-spacing:0;} .sub-visual .visualTxt p {font-size:4.7vw; line-height:6.7vw;padding-top:4vw;} .sub-visual .sub-nav ul {padding:0 5.4vw;} .sub-visual .sub-nav ul .moview {display:block;} .sub-visual .sub-nav li a {font-size:2.5vw; line-height:1.2; padding:2.7vw 0; margin-top:0.1vw;} .sub-visual .sub-nav li:first-child a {border-radius:2.1vw 0 0 0;} .sub-visual .sub-nav li:last-child a {border-radius:0 2.1vw 0 0 ;} .sub-visual .sub-nav li.active a {font-size:2.9vw; padding:4vw 0;margin-top:-3vw; border-radius:2.1vw 2.1vw 0 0;} .sub-visual .sub-nav li.active.long a {margin-top:-4.6vw;padding:3vw 0;} .sub-visual .sub-nav li:after {height:3.4vw;} /* .sub-visual .sub-nav li.active.long-etc a {padding:6vw 0;} .sub-visual .sub-nav li.long-etc a {margin-top:1.2vw;} .sub-visual .sub-nav li.long-etc.active a {margin-top:0;padding:3.5vw 0 4.5vw;} .sub-visual .sub-nav li.long-etc.active a:after {bottom:0;} .sub-visual .sub-nav li.long.active a {margin-top:-3.8vw; padding:2.5vw 0 1.5vw;} .sub-visual .sub-nav li.long.active a:after {padding:4vw 0;height:calc(100% + 2vw); bottom:-1.3vw;} .sub-visual .sub-nav li.long.active + li.long-etc a {margin-top:0;} */ .sub01_12 {padding:25.5vw 0 20vw;} .sub01_12 .tit_wrap {padding-bottom:30vw;} .sub01_12 .tit_wrap p {font-size:3vw;} .sub01_12 .tit_wrap p br.mo_view {display:block;} .sub01_12 .tit_wrap:after {top:15.7vw; height:12vw;} .sub01_12 .txt_wrap h3 .cate {padding-left:1.4vw;} .sub01_13 {padding:20vw 0 23vw;} .sub01_13 li + li {margin-left:2vw;} .history_wrap {padding:25vw 0 10vw;} .history_wrap .inner {padding:0;} .history_wrap .date_title h3 {font-size:5.4vw; line-height:1;} .history_wrap .date_title h3 span {padding:0 1vw;} .history_wrap .date_title h3 span:after {height:1.7vw; bottom:1.2vw;} .history_wrap .date_title p {font-size:2.7vw; padding-top:4vw; line-height:1.5; word-break:keep-all;} .history_wrap .history .line-img {width:100%; height:40vw; border-radius:5.4vw 0 0 5.4vw;} .history_wrap .date_title {width:auto; padding-right:4%; padding-left:2.7vw;} .history_wrap .history .line_txt {flex:1;} .history_wrap .line_txt .line p {padding-top:4vw;} .history_wrap .line_txt .line + .line {padding-top:8vw;} .history_wrap .line_txt .line_wrap {margin-left:6vw; margin-top:12vw; margin-bottom:20vw;} .sub01 .title_wrap h2 {font-size:5.4vw;} .sub01 .title_wrap h2 .line:after {height:1.5vw; bottom:0.5vw;} .sub01 .title_wrap p {font-size:2.7vw;} .sub01_31 {padding:20vw 5vw 15vw;} .sub01_31:before {height:35vw;} .sub01_31 .mo--view {display:block;} .sub01_31 .pc--view {display:none;} .sub01_32 {padding:18vw 0 0vw;} .sub01_32 .people_top {margin-top:12vw;} .sub01_32 .people_list .list {width:calc(50% - 10px);margin-right:20px; margin-bottom:8vw;} .sub01_32 .people_list .list:nth-child(3n) {margin-right:20px;} .sub01_32 .people_list .list:nth-child(2n) {margin-right:0px;} .sub01_32 .people_list .list img {width:100%;} .sub01_32 .people_bottom .txt_wrap {width:70%;} .sub01_32 .people_list .txt strong {font-size:2.5vw;} .sub01_32 .people_list .txt h3 {font-size:4vw; padding:2vw 0 4vw;} .sub01_32 .people_list .txt p {font-size:2.8vw;} .sub01_32 .people_list .txt {padding:4vw;} .sub01_41 .title_wrap {padding-bottom:8vw;} .sub01_41 {padding:25vw 0 15vw;} .sub01_41 .loca_tab li {font-size:3vw;} .sub01_41 .loca_tab li.on {font-size:3.7vw;} .sub01_41 .loca_tab {padding:3.4vw 0;} .sub01_41 .loca_wrap .add_tit {padding-top:10vw;} .board_catemenu li a {font-size:3vw;} .board_catemenu li.active a {font-size:3.2vw;} .board_catemenu {padding:3.4vw 0;} .board_catemenu li:after {height:5.4vw;} .board_catemenu li {padding:0 8.4vw;} .product_visual {margin-bottom:8vw;} .faq--toggle h4 {font-size:4.3vw; padding:5vw 4vw;} .faq--toggle h4 span {font-size:4vw; padding-right:2.7vw;} .faq--toggle .toggle-answer {font-size:4.3vw; padding:5vw 4vw 5vw 10vw;} .faq--toggle .toggle-answer:before {width:4vw; height:4vw; left:4vw; background-size:contain;top:50%; transform:translateY(-50%); margin-top:-0.5vw;} .contact_section1 {margin-top:10.7vw;} .sub03_12 .img_wrap img.mo_img {display:block;} .sub03_12 .img_wrap img.pc_img {display:none;} .sub03_11 {padding:25.5vw 0 40vw;} .sub03_11:after {bottom:30vw; height:10vw;} .sub03_12:before {height:96vw;} .sub03_13 .flex-box {flex-direction:column;} .sub03_13 .box {width:100%; margin:0; height:33vw;} .sub03_13 .box + .box {margin-top:20px;} .sub03_13 .box h2 {padding-bottom:2vw;} .sub03_13 .box h2:after {display:none;} .sub03_13 .box h2,.sub03_13 .box p span {font-size:3.8vw;} .sub03_13 .box p {font-size:12vw;} .sub03_12:after {height:10vw;bottom:12vw;} .sub03_12 {padding-bottom:30vw;} .question--section.flex-box {display:block;} .contact_wrap .showNext {padding:17vw 0 8vw;} .contact_wrap .showNext.mo_paddingNone {padding:0 0 8vw;} .contact_wrap .section_wrap .title_wrap h3 {font-size:6vw; padding-bottom:5.4vw;} .contact_wrap .section_wrap .title_wrap {margin-bottom:8vw;} .contact_wrap .section_wrap .title_wrap {display:flex; align-items:center; justify-content:space-between;} .contact_wrap .section_wrap .title_wrap .mo_infoTxt {font-size:4vw; color:#89de4f; font-weight:600;; padding-bottom:3vw; display:inline-block;} .contact_wrap .queTit {font-size:4vw; color:#000; font-weight:600; padding-bottom:8vw;} .que_mo_view,.que_mo_view2 {display:block; padding-top:0 !important;} .que_pc_view,.que_pc_view2 {display:none;} .que--moImg {border-top:0 !important;} .que--moImg .queTit {padding-bottom:0 !important;} .que--moImg .right {padding-top:0 !important;} .que--moImg .align-center {align-items:center; padding-bottom:5.4vw;} .contact_wrap .queTit span {padding-left:0; font-size:4vw; line-height:1.4; font-weight:500; color:#818181; padding-right:2vw; word-break:keep-all;} .contact_wrap .question_wrap + .question_wrap {padding-top:8vw; margin-top:6.7vw; border-top:1px solid #efefef;} .contact_wrap .section_wrap .checkSty_wrap label {font-size:4vw;} .contact_wrap .section_wrap .checkSty_wrap {flex-wrap:wrap;} .contact_wrap .section_wrap .checkSty_wrap div {width:100%; flex:0 0 100%;} .contact_wrap .section_wrap .checkSty_wrap div + div {margin-top:6.7vw;} .mo--half--flex {display:flex; align-items:flex-start;} .mo--half--left {width:50%; padding-top:4.5vw;} .mo--half--left.style2 {width:30%;} .mo--half--right {width:50%; display:block;} .mo--half--right.style2 {width:70%;} .quetionSty2 .select_cus.full, .quetionSty2 .select_cus1.full, .quetionSty2 .select_cus2.full{width:100%;} .question--section.quetionSty2 .select_cus + .select_cus, .question--section.quetionSty2 .select_cus1 + .select_cus1, .question--section.quetionSty2 .select_cus2 + .select_cus2{margin-left:0; margin-top:3vw;} .contact_section1 {padding:15vw 0 0;} .contact_section1 .title_wrap h3 {font-size:6vw; padding-bottom:4.7vw;} .contact_section1 .title_wrap p {font-size:2.7vw; padding-bottom:13vw;} .contact_wrap .showNext img {width:4vw; display:none;} .select_cus .trigger_txt, .select_cus1 .trigger_txt, .select_cus2 .trigger_txt{font-size:4vw;} .select_cus .trigger, .select_cus1 .trigger, .select_cus2 .trigger{padding:2.7vw 6.7vw; height:14vw; border-radius:2vw;} .select_cus .trigger:after, .select_cus1 .trigger:after, .select_cus2 .trigger:after {width:3.8vw; height:2.5vw; right:6.7vw;} .select_cus .option, .select_cus1 .option, .select_cus2 .option{border-radius:2vw; padding:1vw; max-height:50vw;} .select_cus .option > li, .select_cus1 .option > li, .select_cus2 .option > li{font-size:4vw; padding:3vw 5vw;} .contact_wrap .btn_wrap button {font-size:4vw; height:15vw; border-radius:2.1vw;} .contact_wrap .btn_wrap {padding:15vw 0 14vw;} .contact_wrap .section_wrap .half_wrap {display:flex; align-items:center; width:100%;} .contact_wrap .select_wrap .flex-box {display:block;} .contact_wrap .section_wrap .input_wrap h4, .contact_wrap .section_wrap .half_wrap h4 {font-size:3.4vw;padding-bottom:4vw;} .contact_wrap .section_wrap input {font-size:4vw; padding:4vw 0;} .contact_wrap .section_wrap .checkSty_wrap label {padding-left:8vw;} .contact_wrap .section_wrap .checkSty_wrap label:before {width:6vw; height:6vw;background-size:cover;} .question--section.quetionSty1 .unit--1 {font-size:4vw;} .question--section.quetionSty1 .question_wrap {padding:0 2.7vw;} .question--section.quetionSty2, .question--section.quetionSty1, .question--section.quetionSty4 .line--wrap + .line--wrap, .question--section.quetionSty3 {padding-top:6.7vw; margin-top:6.7vw; border-top:1px solid #efefef;} .contact_wrap .section_wrap .half_wrap h4 {width:30%; padding:0;} .contact_wrap .select_wrap + .select_wrap {padding-top:3vw;} .contact_wrap .section_wrap .half_wrap + .half_wrap {padding-top:3vw;} .contact_wrap .btn_wrap {padding:23vw 0 4vw;} .contact_wrap .btn_wrap button {width:100%; border-radius:0;} .contact_wrap .btn_wrap.pc_btn {display:none;} .contact_wrap .btn_wrap.mo_btn {display:block; position:sticky; bottom:0; left:0; width:100%; padding:12vw 0 0;z-index:100;} .contact_wrap .btn_wrap.mo_btn .view_file_download {width:100%; border-radius:0; font-size:4vw;height:14vw; box-shadow:8px 10px 46px rgba(4 0 0 / 11%);} .question--section.quetionSty4 .line--wrap {display:block;} .question--section.quetionSty4 .queTit {width:auto; padding-bottom:4vw; margin:0;} .question--section.quetionSty4 .mo--half--flex {display:flex;} .question--section.quetionSty4 .mo--half--left {width:50%; padding:0;} .question--section.quetionSty3 .mo--block {display:block;} .question--section.quetionSty3 .select_cus, .question--section.quetionSty3 .select_cus1, .question--section.quetionSty3 .select_cus2{width:100%;} .question--section.quetionSty3 .mo--blockStyle .number {width:50%; padding:0; margin:0; font-size:4vw; padding-top:3vw;} .question--section.quetionSty3 .number:after {display:none;} .question--section.quetionSty3 .select_cus + .select_cus, .question--section.quetionSty3 .select_cus1 + .select_cus1, .question--section.quetionSty3 .select_cus2 + .select_cus2{margin-left:0; margin-top:3vw;} .question--section.quetionSty3 .flex-box {align-items:flex-start;} .contact_wrap .textarea_wrap textarea {height:45vw; font-size:4vw; padding:4vw; border-radius:2vw;} /* .contact_section1 .check_product.mo--view {display:block; padding:0 10%; width:auto;} .contact_section1 .check_product.pc--view {display:none;} */ .contact_section1 {overflow-x:hidden; padding-bottom:15vw;} /* .contact_wrap .check_product {overflow-x:hidden;} */ .question--section.quetionSty3 .line--wrap + .line--wrap {margin-top:7vw;} .sub01 .title_wrap h2 .line {padding:0 1vw;} .sub01 .title_wrap h2 .line:after {height:1.7vw;} .totalPrice--wrap .flex-box {display:block;} .totalPrice--wrap .flex-box h3 {font-size:6vw; padding-bottom:5.4vw;} .totalPrice--wrap .inputWrap {height:14vw; border-radius:2vw;} .totalPrice--wrap .inputWrap strong {font-size:6vw; padding:0 2vw;} .totalPrice--wrap .inputWrap .unit {font-size:5.5vw; width:23vw; margin-right:0;} .totalPrice--wrap .inputWrap .unit .smTxt {font-size:3vw;} .totalPrice--wrap {padding-top:21.5vw;} .sub01_12 .downloadBtn {display:flex; justify-content:center;} .sub01_12 .downloadBtn .view_file_download {display:flex; align-items:center;} .sub03_13 {padding-bottom:25vw;} .sub01_12 .txt_wrap {padding:4vw 5.4vw;} .sub01_13 .swiper-slide p {font-size:3.4vw; padding-top:2.5vw;} .contact_section1 .mo_scroll_wrap {overflow-x:auto;} .contact_section1 .check_product {width:240vw;} .contact_section1 .title_wrap p {font-size:3vw;} .contact_section1 .radio_wrap label {padding:10vw 0; width:68vw; box-shadow:15px 0 54px rgba(0 0 0 /9%); border-radius:2.1vw;box-shadow:initial;} .contact_section1 .radio_wrap label h4 {font-size:5.3vw; padding:8vw 0 4vw; } .contact_section1 .radio_wrap label p {font-size:3vw;} .contact_section1 .radio_wrap label .check,.contact_section1 .radio_wrap label.active .check {width:8vw; height:8vw;} .contact_section1 .radio_wrap label .check {display:none;} .contact_section1 .radio_wrap label {background:#fff url("/images/sub/label_mo_checked.png")no-repeat right bottom; background-size:12vw; padding-left:7vw;} .contact_section1 .radio_wrap label.active {background:#000 url("/images/sub/label_mo_active_checked.png")no-repeat right bottom; background-size:12vw;} .contact_section1 .radio_wrap label h4, .contact_section1 .radio_wrap label p {padding:0; text-align:left;} .contact_section1 .radio_wrap label p {padding-top:2.8vw;} .contact_section1 .radio_wrap + .radio_wrap {margin-left:5vw;} .question--section.quetionSty4 .queTit:after {display:none;} .completion_wrap {margin-top:10.7vw;} .completion_wrap .img_wrap {max-width:15vw; margin:0 auto;} .completion_wrap .txt_wrap h2 {font-size:6vw; padding:10vw 0 5vw;} .completion_wrap .txt_wrap p {font-size:4vw; line-height:1.8; padding-bottom:15vw;} .completion_wrap .txt_wrap p br.mo_view {display:block;} .completion_wrap .btn_wrap {padding:12vw 0 20vw;} .completion_wrap .btn_wrap button {height:16vw; width:100%; font-size:4vw;} .popup_wrap .popupCont_wrap {width:90%;} .popup_wrap .whiteBox {padding:12vw 8vw;} .popup_wrap .popupHeader h2 {font-size:5vw;} .popup_wrap .popupHeader .popupClose {width:5.4vw; height:5.4vw;} .popup_wrap .popupHeader .popupClose img {width:100%;} .popup_wrap .contTit {font-size:5.4vw; padding-left:9vw;} .popup_wrap .contTit:before {width:6vw; height:6vw; background-size:cover;} .popup_wrap .popupContent .contTxt {display:block;} .popup_wrap .flex--line {width:100%; padding-top:4vw} .popup_wrap .flex--line strong {font-size:3.4vw;} .popup_wrap .flex--line input[type=text],.popup_wrap .flex--line p {font-size:4vw; padding-top:2.1vw;} .popup_wrap .line {padding-top:8vw;} .popup_wrap .line + .line {margin-top:6.7vw;} .popup_wrap .btn_wrap2 button {font-size:4vw; height:14vw; border-radius:2.1vw;} .popup_wrap .btn_wrap2 {padding-top:5.4vw;} .myContact_wrap .mo--topLine {display:flex; justify-content:space-between;align-items:center;padding-top:21.5vw;} .myContact_wrap .pc--topLine, .myContact_wrap .pc--tit {display:none;} .myContact_wrap .mo--tit {font-size:6vw; letter-spacing:-0.03em; font-weight:600;} .myContact_wrap .mo--topLine .total {font-size:4vw; font-weight:300; letter-spacing:-0.03em;} .myContact_wrap .list--wrap {margin-top:5.4vw;} .myContact_wrap .list--wrap .left h3 {font-size:4.5vw; height:5.4vw; padding-bottom:0; padding-left:6.8vw;padding-top:0.5vw;} .myContact_wrap .list--wrap .mo--feedback {position:relative;} .myContact_wrap .list--wrap .mo--feedback:before {content:''; display:block; width:5.4vw; height:5.4vw; background:url("/images/sub/mypage_chk_mo.png")no-repeat center;background-size:cover; position:absolute; top:50%; left:0; transform:translateY(-50%);} .myContact_wrap .list--wrap .feedback {padding-left:6.8vw;margin-top:1.4vw;font-size:3.4vw;} .myContact_wrap .list--wrap .feedback:before {display:none;} .myContact_wrap .list--wrap .mo--feedback.complete:before {background-image:url("/images/sub/mypage_chkActive_mo.png");} .myContact_wrap .btnStyle {font-size:3.4vw; width:29.7vw; height:9.4vw;color:#89de4f;background:#000000; border-color:#000;} .myContact_wrap .list--wrap .list {padding:8vw 0;} .myContact_wrap .contentsWrap {font-size:4.4vw; padding-top:6.7vw; padding-left:7.4vw; line-height:1.4;} .myContact_wrap .contentsWrap:before {width:6vw; height:4.7vw; background-image:url("/images/sub/mypage_ans_mo.png"); top:6.6vw;} .myContact_wrap {padding-bottom:25vw;} .myLogin_wrap {padding-top:13.5vw; padding-bottom:19vw;} .myLogin_wrap .icon {max-width:13.5vw;} .myLogin_wrap h3 {font-size:6vw; padding-top:6.7vw;} .myLogin_wrap p {font-size:3.4vw; padding-top:4vw;} .myLogin_wrap .inputWrap input {width:100%; font-size:5.4vw; height:13.5vw; border-radius:2.1vw;} .myLogin_wrap .btnStyle {width:100%; height:10.7vw;font-size:4vw; background:#000; color:#89de4f;} .myLogin_wrap .info_wrap h4 {font-size:3.4vw;} .myLogin_wrap .inputWrap {padding-top:12.5vw;} .myLogin_wrap .btn_wrap {padding-top:6.7vw;} .myLogin_wrap .info_wrap {padding-top:6.7vw ; margin-top:12vw;} .sub-visual .sub-nav {padding:0;} .myLogin_wrap .inner,.myContact_wrap .inner {padding:0 5.4vw;} .flex-box--title .changeFeeder1btnQu, .flex-box--title .changeFeeder2btnQu {width:8vw; height:8vw; line-height:6vw; font-size:5vw;} .flex-box--title .changeFeeder1Txt, .flex-box--title .changeFeeder2Txt {width:8vw; height:8vw; font-size:5vw; line-height:8vw;} .attach--fileWrap .queTit {padding-bottom:0;} .attach--fileWrap .filebox .upload-name {font-size:4vw; height:12vw; } .attach--fileWrap .filebox label {height:12vw; font-size:3vw; line-height:12vw;} .contact_wrap .section_wrap .addr_wrap {flex-wrap:wrap;} .contact_wrap .section_wrap .addr_wrap h4 {padding:4vw 0;} .contact_wrap .section_wrap .addr_line {width:100%;} .contact_wrap .section_wrap .addr_line .btnCli {width:30vw;} .contact_wrap .section_wrap .addr_line .btnClipostN {width:50%;} } .contact_section1 .radio_wrap label p br.mo_view {display:none;} @media (max-width:641px){ .sub01_32 .people_bottom .flex-box {margin-top:-5vw;} .sub01_32 .people_top .txt strong {font-size:2.5vw;} .sub01_32 .people_top .txt h3 {font-size:4vw; padding:1vw 0 2.5vw;} .sub01_32 .people_top .txt p {font-size:2.8vw;} .sub01_32 .people_top .txt {margin-top:0; padding:25vw 5vw 0 0;} .sub01_32 .people_bottom .txt_wrap {width:85%;} .sub01_32 .people_top .img {width:70%;} .sub01_32 .people_top:before {height:35vw;} .board_catemenu li:after {height:4.4vw;} .sub01_12 .txt_wrap .line:after {height:1.7vw;} .history_wrap .date_title p {font-size:3vw;} .history_wrap .date_title {padding:0 2vw;} .history_wrap .line_txt .line_wrap {margin-left:4vw;} .sub01 .title_wrap p {font-size:3vw; padding-top:3vw;} .board_catemenu li {padding:0 5vw;} .faq--toggle h4 {font-size:4vw;} } #noMember {padding-bottom:145px;margin-top:120px;} #noMember .inner {max-width:1000px; padding:100px 0;} #noMember .center_wrap {text-align:center;} #noMember .center_login {max-width:500px;margin:0 auto;} #noMember h1 {font-size:2em;margin:0 0 20px;text-align:center} #noMember h2 {margin:0} #noMember h3 {font-size:35px; letter-spacing:-0.03em; font-weight:500; padding-top:35px;} #noMember p {color:#767676; font-size:22px; letter-spacing:-0.03em; padding-top:105px;} #noMember .inputWrap {padding-top:55px;} #noMember .inputWrap input {width:700px; height:80px; border:1px solid #a3a3a3; border-radius:15px;font-size:28px; text-align:center;} #noMember .inputWrap input::placeholder {color:rgba(0 0 0 / 30%);} #noMember .btn_wrap {display:flex;justify-content:center; padding-top:40px;} #noMember .btnStyle {display:flex; transition:all 0.3s; font-size:18px; font-weight:500; letter-spacing:-0.03em; width:200px; height:60px; align-items:center; justify-content:center; border-radius:90px; border:2px solid #000;} #noMember .btnStyle:hover {color:#89de4f;background:#000000; transition:all 0.3s; border-color:#000;} #noMember .info_wrap {border-top:2px solid #efefef;margin-top:20px;} #noMember .icon {max-width:75px; margin:0 auto;} #noMember .icon img {width:100%;} #noMember #noMember_frm {position:relative;} #noMember #noMember_frms {position:relative;margin-top:20px;} #noMember .no_submit {margin-top:30px;} #noMember .frm_input {width:100%;margin:5px 0;height:50px;background:#fbfbfb} #noMember .frm_inputs {width:100%;height:50px;border:1px solid #D5D5D5;border-radius:5px;} input::placeholder { padding:10px; } #noMember .btn_submit {width:100%;height:50px;margin:5px 0;font-size:1.083em;font-weight:bold;background:#000;color:#89DE4F;border:0;border-radius:5px;} @media (max-width:751px){ #noMember {padding-bottom:12vw;} #noMember .icon {max-width:13.5vw;} #noMember h3 {font-size:6vw; padding-top:6.7vw;} #noMember p {font-size:3.4vw; padding-top:4vw;} #noMember .inputWrap input {width:100%; font-size:5.4vw; height:13.5vw; border-radius:2.1vw;} #noMember .btnStyle {width:100%; height:10.7vw;font-size:4vw; background:#000; color:#89de4f;} #noMember .inputWrap {padding-top:12.5vw;} #noMember .btn_wrap {padding-top:6.7vw;} #noMember .inner,.myContact_wrap .inner {padding:0 5.4vw;} }