.main_pc_br {display: block;}

.terminal_q_area {width:100%;}

.main_pc {display: block;}
.main_m {display: none !important;}
.main_block {display: flex !important;}
.main_none {display: none !important;}

.main_pc_txt {display: block;}
.main_m_txt {display: none !important;}


.main_img_area {width:100%; background: linear-gradient(to  right, #ff8d5b , #ff645e);}
.cable_main {heighT:505px;}
.wireless_main {height:466px;}

.main_img_area figure {height:100%; display: flex; justify-content: center;
align-items: center; margin: auto;}
.cable_main > figure {max-width: 1220px; align-items: flex-end; position: relative;}
.cable_main > figure > img.main_txt_a {position: absolute;}
.a1 {right:20%; top:32%;}
.a2 {right:35%; top:47%;}


@media (max-width:1250px){
    .main_img_area figure {width:90%;}
    .main_img_area figure > img.main_pc,
    .main_img_area figure > img.main_m {width:100%;}

    .cable_main {height:420px;}
}
@media (max-width:1000px){
    .a1 {right:8%; top:32%;}
    .a2 {right:29%; top:52%;}
}
@media (max-width:800px){
    .cable_main {height: 320px;}
    .wireless_main {height:300px;}

    .a1 {width:150px; top:44%; right:15%;}
    .a2 {width:130px; top:54%; right:35%;}
}
@media (max-width:700px){
    .a1 {top:50%; right:7%;}
    .a2 {top:64%; right:26%;}
}
@media (max-width:600px){
    .main_pc {display: none !important;}
    .main_m {display: block !important;}

    /* .cable_main {height: 215px;}
    .wireless_main {height:215px;} */

    .cable_main {height: 593px;}
    .wireless_main {heighT:593px;}

    /* .a1 {top:34%; right:7%;}
    .a2 {top:52%; right:26%;} */

    .cable_main > figure {align-items: center; left:5%;}

    .a1 {top:23%; right: 18%;}
    .a2 {top:30%; right: 45%;}
}
@media (max-width:450px){


    .main_pc_txt {display: none !important;}
    .main_m_txt {display: block !important;}




}
@media (max-width:400px){
    .main_img_area {heighT:450px;}

    .a1 {top:20%; right: 18%;}
    .a2 {top:30%; right: 45%;}
}

.q1_pc_img {display: block;}
.q1_m_img {display: none !important;}

.q1_top_line {max-width:1135px; margin:auto; border-bottom: 1px solid #959595;}
.q1_top_line > ul { display: flex; flex-flow: wrap; justify-content: center; align-items: center; margin:55px 0 15px; }
.q1_top_line > ul > li {font-family: 'SpoqaHanSansNeo-Light'; font-size:20px; letter-spacing: -1px; font-weight: 200; cursor: pointer;}
.q1_top_line > ul > li:first-child {margin-right: 165px;}
.q1_top_line > ul > li.top_on {font-weight: bold; position: relative;}
.q1_top_line > ul > li.top_on::after {content: ''; display: block; position: absolute; width:100%; height:3px; bottom:-17px; background-color: #ff4c45;}

.q1 {max-width: 1200px; padding:0 0 165px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; margin:auto; overflow: hidden;}

.area_block {display: block !important;}
.area_none {display: none !important;}

.swiper-button {
    width: 1200px;
    height: auto;
    margin: 29px auto 0;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
.cable_area .swiper-button {justify-content:center;}
.wireless_area .swiper-button {justify-content:flex-start;}

.swiper-button > li {
    display: flex; flex-flow: column; justify-content: center;
    align-items: center;
    margin-right: 2%;
    margin-bottom: 35px;
    cursor: pointer;
}
.swiper-button > li > div {width:171px; heighT:171px; border-radius: 30px; border: 1px solid #e0e0e0; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.swiper-button > li > p {font-size: 18px; letter-spacing: -1px; margin-top: 10px;}

.terminal_slide {overflow:hidden;}
.terminal_slide_mobile {display: none !important;}
.terminal_slide .swiper {
width: 100%;
height: 100%;
}

.terminal_slide .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.terminal_slide .swiper-slide img {
display: block;
object-fit: cover;
}


.terminal_slide .swiper {
width: 1200px;
height: 300px;
margin-left: auto;
margin-right: auto;
}

.terminal_slide .swiper-slide {
background-size: cover;
background-position: center;
}

.terminal_slide .mySwiper {
height: 20%;
box-sizing: border-box;
padding: 0;
overflow: hidden;
position: relative;
}

.terminal_slide .mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 1;
}

.q1_br_pc {display: block;}
.q1_pc_slide {display: block;}
.q1_m_slide {display: none !important;}

.slide_area {max-width: 1200px; height:500px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding:140px 0 0;}
.slide_area > div {display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; margin-left: 120px;}
.slide_area > div > section > h3 {font-family: 'paybooc-ExtraBold'; font-size:35px; color:#ff4c45; letter-spacing: -0.5px; margin-bottom: 50px;}
.slide_area > div > ul {display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start;}
.slide_area > div > ul > li {display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start;}
.slide_area > div > ul > li:nth-of-type(1) {margin-right:90px; }
.slide_area > div > ul > li > div {display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start;}
.slide_area > div > ul > li > div:nth-of-type(1) {margin-bottom: 35px;}
.slide_area > div > ul > li > div:nth-of-type(1).bottom_more {margin-bottom: 65px;}
.slide_area > div > ul > li h6 {font-size:22px; font-weight: bold; letter-spacing: -1px; color:#ff4c45;}
.slide_area > div > ul > li p {font-size:18px; letter-spacing: -1px; color:#000; text-align: left; margin-top: 15px; line-height: 31px;}

.terminal_slide .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url('../img/terminal/arrow_next.png'); width:14px !important; height:25px !important; background-size: 14px 25px !important; right:0% !important;}
.terminal_slide .top_slide_area .swiper-button-next, .swiper-button-prev {background-image: url('../img/terminal/arrow_prev.png') !important; width:14px !important; height:25px !important; background-size: 14px 25px !important; top:50% !important; left:0% !important;
}
@media (max-width:1250px){
    .q1 {max-width: 90%;}
    .terminal_slide .swiper {width:100%;}

    .q1_top_line {width:90%;}
    .swiper-button {width:100%;}

    .slide_area > div {margin-left: 60px;}
    .slide_area > div > ul > li:nth-of-type(1) {margin-right:50px;}

    .wireless_area .swiper-button {justify-content: center;}
    .wireless_area .swiper-button > li {width:25%; margin-right: 0;}
}
@media (max-width:1150px){
    .slide_area {height: auto; flex-flow: column; padding: 100px 0 40px;}
    .slide_area > div {margin-top:50px; margin-left: 0; justify-content: center; align-items: center;}
    .slide_area > div > ul {flex-flow: column; align-items: flex-start; justify-content: center;}
    .slide_area > div > ul > li:nth-of-type(1) {margin-bottom: 35px;}
}
@media (max-width:900px){
    .wireless_area .swiper-button {justify-content: flex-start;;}
    .wireless_area .swiper-button > li {width:33%;}
    .cable_area .swiper-button {justify-content: flex-start;}
    .cable_area .swiper-button > li {width:33%; margin-right: 0;}
}
@media (max-width:650px){
    .q1 {padding:0 0 110px;}
    .q1_pc_slide {display: none !important;}
    .q1_m_slide {display: block !important;}

    .show_content {display: flex;}
    .hide_content {display: none;}

    .q1_top_line > ul > li:first-child {margin-right:85px;}

    .swiper-button > li > div {width:121px; height:121px;}
    .swiper-button > li > p {font-size: 14px;}

    .slide_area > div {width:75%; align-items: flex-start;}
    .slide_area > div > ul > li:nth-of-type(1) {margin-bottom: 45px;}

    .swiper-button > li {margin-bottom: 20px;}

    .show_content {padding:0;}
    .slide_area > div > ul > li:nth-of-type(1) {margin-right: 0;}
    .slide_area > div > ul > li p {letter-spacing: -1.5px;}
}
@media (max-width:448px){
    .swiper-button > li > div {width:100px; height:100px;}
    .swiper-button > li > div > img {width:80%;}

    .wireless_area .swiper-button > li:nth-of-type(1) > div > img {width:50%;}
    .wireless_area .swiper-button > li:nth-of-type(5) > div > img {width:59%;}

    .show_content > img {width:80%;}

    .slide_area > div > section > h3 {font-size: 30px;}
    .slide_area > div > ul > li h6 {font-size: 19px;}
    .slide_area > div > ul > li p {font-size: 15px; line-height: 21px;}
}
@media (max-width:400px){
    .swiper-button > li > div {width:80px; height:80px;}
    .swiper-button > li > div > img {width:80%;}

    .wireless_area .swiper-button > li:nth-of-type(1) > div > img {width:50%;}
    .wireless_area .swiper-button > li:nth-of-type(5) > div > img {width:59%;}

    .q1_top_line > ul > li:first-child {margin-right: 40px;}
}

.q2_br_pc {display: block;}
.q2_area {background-color: #f8f8f8;}
.q2 {padding:235px 0 180px; max-width:1200px; margin:auto;}
.q2 > ul {width:1173px; margin:auto; display: flex; flex-flow: column; justify-content: center; align-items: center;}
.q2 > ul > li {width:100%; height:240px; background-color: #fff; display: flex; flex-flow: wrap; justify-content: center; align-items: center; border-radius: 30px; margin-bottom: 60px; }
.q2 > ul > li:last-child {margin-bottom: 0;}
.q2 > ul > li > section {width:44%; display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start;}
.q2 > ul > li > section > div {width:138px; height:42px; border-radius:50px; background-color: #ff4c45; display: flex; justify-content: center; align-items: center; margin-bottom: 33px;}
.q2 > ul > li > section > div > p {font-family: 'GmarketSansBold'; font-size: 19px; letter-spacing: -1px; color:#fff;}
.q2 > ul > li > section > h3 {font-family: 'paybooc-ExtraBold'; font-size: 35px; letter-spacing: -0.5px; color:#ff4c45;}
.q2 > ul > li > p {width:45%; font-size:20px; letter-spacing: -1px; line-height: 30px;}
.c_r {color:#ff4c45; font-weight: 500;}
@media (max-width:1250px){
    .q2 {max-width: 90%;}
    .q2 > ul {width:100%;}

    .q2 > ul > li {height:300px;}
}
@media (max-width:1000px){
    .q2 > ul > li > section > h3 {font-size: 30px; line-height: 41px;}
    .q2 > ul > li {height:350px; padding:20px 0;}
}
@media (max-width:860px){
    /* .q2_br_pc {display: none;}
    .q2_br_m {display: block;} */

    .q2 > ul > li {flex-flow: column; }
    .q2 > ul > li > section {width:100%; justify-content: center;
    align-items: center;}
    .q2 > ul > li > section > div {width:111px; height:32px; margin-bottom: 20px;}
    .q2 > ul > li > section > div > p {font-family: 'GmarketSansMedium'; font-size: 15px;}
    .q2 > ul > li > section > h3 {text-align: center;}
    .q2 > ul > li > p {width:calc(100% - 40px); text-align: center; margin-top: 35px; padding:0 20px;}
}
@media (max-width:600px){
    .q2 {padding:85px 0 132px;}

    .q2_br_pc {display: none;}
    .q2_br_m {display: block;}

    .q2 > ul > li {height:504px; margin-bottom: 30px;}
    .q2 > ul > li > p {width:100%; padding:0;}
}
@media (max-width:420px){
    .q2_br_m {display: none;}

    .q2 > ul > li {height:385px;}

    .q2 > ul > li > section > div > p {font-size: 13px;}
    .q2 > ul > li > section > h3 {font-size: 20px; line-height: 34px;}
    .q2 > ul > li > p {font-size: 15px; line-height: 22px;width:calc(100% - 40px); padding:0 20px;}
}