@charset "euc-kr";
/* CSS Document */

@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://www.megapass-skbroadband-powercomm.com/design/inter01/font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

html,body,div,span,object,p,a,ul,ol,li,dl,dt,dd,form,fieldset,input,button,textarea,select,h1,h2,h3,h4,h5,h6,section{margin:0; padding:0; border:0; list-style:none; vertical-align:top; background:transparent; font-family: 'Pretendard'; color:#262626; letter-spacing: -0.5px; font-weight: 400; font-size: 18px; display:block;}
img {border:0; vertical-align:top;}
header,footer,contents,sub{display:block;}
a, a:link, a:visited, a:active, a:hover {text-decoration:none;}
button{cursor: pointer;}
th,td{font-family: 'Pretendard';}

#wrap{width:100%;}
#myBtn {
  display: none; position: fixed; bottom: 20px; right: 20px; z-index: 99; border: none;
  outline: none; background-color: #fff; color: #262626; cursor: pointer;   
  height: 60px; width: 60px; border-radius: 50%;  box-shadow: -2px 2px 16px 0 rgba(0,0,0,.1);}
#header {width:100%; position: sticky; top:0px; z-index: 99;}
.topban{width:100%; position: relative; z-index: 100; height: 50px; background-color: #000; text-align: center; color: #fff; font-size: 20px; font-weight:600; line-height: 50px;}
.topban .material-icons{vertical-align: text-bottom; margin-left: 30px; cursor: pointer;}

.topnav{width:100%; height: 100px; position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 200; background-color: #fff;}
.topnav .navbox{width: 1300px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 100px;}
.topnav .navbox h1{display: block;}
.topnav .navbox .menu{position: relative;}
.topnav .navbox .menu .top-menu{display: flex;}
.topnav .navbox .menu .top-menu-item{display: flex; align-items: center; gap: 5px;}
.topnav .navbox .menu .top-menu-item a{display: block; margin-left: 20px; margin-right: 20px; font-size: 18px; font-weight: 700; line-height: 36px;}
.topnav .navbox .menu .top-menu-item:hover a{color: #fe223b;}
.topnav .navbox .menu .top-menu-item.active a{color: #fe223b;}
.topnav .navbox .menu .top-menu-item.current a{color: #fe223b;}
.topnav .navbox .tel{width: 160px;}
.topnav .navbox .tel p{text-align: center; font-size: 13.6px; color: #fe223b; padding-bottom: 3px;}
.topnav .navbox .tel button{width: 160px; line-height: 45px; background: #fe223b; text-align: center; color: #fff; font-size: 20px; font-weight: 700; border-radius: 10px;}
    
/* »ó´Ü¼­ºê¸Þ´º */
    .submenu-wrapper {
      display: none;
      position: absolute;
      top: 150px;
      width: 100%;
      height: 200px;
      background-color: #fff;
	  border-top: 1px solid #e4e4e4;	
      z-index: 999;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .submenu-content {
      width: 1300px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .submenu-left {display: block; width: 300px; float: left; margin-right: 100px;}

	.submenu-tit{font-size: 20px;
      font-weight: 700;	color: #fe223b;}

    .submenu-item {
      margin-top: 15px;
    }

    .submenu-item a{font-size:16px; font-weight: 500;}
    .submenu-item a:hover {
      color: #fe223b;
	  text-decoration: underline;	
    }

    .submenu-right {display: block; width: 900px;  float: right;}

    .submenu-right img {
      width: 900px;
      height:140px;
      border-radius: 12px;	
    }

    .submenu-section {
      display: none;
    }

#main-content{width:100%;}
.title60{font-size:60px; font-weight: 700; line-height: 80px;}
.title54{font-size:54px; font-weight: 600;}
.title36{font-size: 36px; color: #626262;}
.title24{font-size: 24px;}
.red{color: #fe223b;}
.txt600{font-weight: 600;}
.twin{position: relative;
    display: inline-block;
    padding: 0.4rem 1rem 0.4rem;
    background: linear-gradient(88.89deg, #fd95a1 0.48%, #fe223b 42.46%, #fd95a1 84.45%);
    background-size: 200% auto;
    border-radius: 22px;
    color:#fff;
    font-size: 22px;
    overflow: hidden;
    animation: textclip 2.5s linear infinite;
    letter-spacing: 0;
    margin-top: 2px;}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
#main-content button{width: 250px; height: 60px; margin: 0 auto; border-radius: 30px; background-color: #fe223b; font-size: 24px; font-weight: 600; text-align: center; color: #fff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); }

#main-content p{text-align: center; margin-bottom: 70px;}

.sec01{
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.sec01 .video-bgo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  z-index: -1;
}

.sec01 .onenone{background: #000;
	display: flex;
	align-items: center;
	border-radius: 30px;
	color: #fff;
	width: 200px;
	height: 60px;
	justify-content: center;
	font-size: 18px; font-weight: 400;
	position: fixed;
	z-index: 9;
	bottom: 50px;
	left: calc(50% - 100px);
	box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.39);
    transition: background 0.3s ease;}
.sec01 .onenone:hover{background: #fe223b;}

.sec02{position:relative; width: 1400px; margin: 140px auto;}

    swiper-container {
      width: 1400px;
      height: auto;
	  margin: 0 auto;
    }

    swiper-slide {
      text-align: center;
      font-size: 18px;
      background-color: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    swiper-slide a{
      display: block;
      width: 414px;
      height: auto;
      object-fit: cover;
	  border-radius: 20px;
	  overflow: hidden;
    }
	  swiper-slide a{margin-right: 29px;}
	  swiper-slide a:last-child{margin-right: 0px;}
      swiper-slide a:hover img{transform: scale(1.1);}
	  swiper-slide img{width: 414px; transition: transform 0.4s ease;}
      

.sec02 .estimate{width: 1300px; margin: 0 auto;  margin-top: 70px;}
.sec02 .estimate img{border-radius: 20px;}

.sec03{width: 100%; background-color: #f8f8f8; padding: 140px 0px; }
.sec03 ul{width: 1300px; margin: 0 auto; margin-top: 70px; display: flex;}
.sec03 li{float: left; width: 372px; margin-right: 29px; background-color: #fff; border: 1px solid #e4e4e4;
    border-radius: 20px;  padding: 20px; display: flex; justify-content: space-between;}
.sec03 li:last-child{margin-right: 0px;}
.sec03 .s03txt{line-height: 26px; color: #626262; letter-spacing: -1px;}
.sec03 .s03tit{font-size: 24px; font-weight: 600; line-height: 40px; color: #262626;}
.sec03 img{width: 90px; margin-top: 30px;}

.sec04{position:relative; width:1300px; margin:140px auto;}

#mbp{width:1300px; margin:0 auto;}
#mbp #board{float:left; width:575px;  border:1px solid #e4e4e4; border-radius: 20px;  padding:29px; margin-right:30px;}
#mbp #board .boardtit{width:575px;}
#mbp #board .boardtit h1{float:left; font-weight:600; font-size:24px;}
#mbp #board .boardtit font{color:#fe223b;}
#mbp #board .boardtit a{float:right; color:#626262; font-size:16px; padding-top:5px; font-weight:300;}
#mbp #board .boardline{width:575px; border-bottom:1px solid #e4e4e4; height:9px; clear:both;}
#mbp #board .boardbox{width:575px; height:350px; padding-top:10px; overflow:hidden; text-align:left;}
#mbp #board td {font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height: 1.5em;}
#mbp #board td.line {font-size:0px; line-height:0px;}
#mbp #board .mainboard {font-size:16px; font-weight:400; width:80px; line-height: 1.5em; text-align:right;}

#mbp #probox{float:left; width:575px;  border:1px solid #e4e4e4; border-radius: 20px;  padding:29px;}
#mbp #probox h1{float:left; font-weight:600; font-size:24px; padding-bottom:10px;}
#mbp:after { content:''; display:block; clear:both; }


.sec04 ul{width: 1300px; margin: 0 auto; margin-top: 45px; height: 620px;}
.sec04 li{float: left; width: 310px; margin-right: 20px; height: 300px;}
.sec04 img{width: 310px; border-radius: 20px;}
.sec04 .txt16{font-size:16px; color: #626262; text-align: left; margin: 10px 0px 0px 0px; line-height: 24px;}
.sec04 li:nth-child(4n){margin-right: 0px;}
.sec04 li:nth-child(n+5){margin-top: 20px;}

.sec05{width: 100%; background-color: #f8f8f8; padding: 140px 0px; }
.sec05 ul{width: 1320px; margin: 0 auto; display: flex; padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
.sec05 li{float: left; width: 414px; margin-right: 29px; background-color: #fff; border-radius: 20px; box-shadow: 0px 3px 15px rgba(0, 0, 0, .06); overflow: hidden;}
.sec05 li{border: 2px solid #fff; border-radius: 20px; }
.sec05 li:hover{border: 2px solid #fe223b; border-radius: 20px; }
.sec05 li:last-child{margin-right: 0px;}

.sec06{position:relative; width:1300px; margin:0 auto; padding:140px 0px;}
.sec06 .countbox{float: left; width: 433px; text-align: center; margin-bottom: 70px;}

.sec06 table{position:relative; width:1300px; margin:0 auto; border-collapse: collapse;  border-spacing: 0px;  border-top: 1px solid #e4e4e4; margin-bottom: 45px;}
.sec06 td{border-bottom: 1px solid #e4e4e4; text-align: center; font-size: 16px; color: #262626; line-height: 26px; padding: 15px;  vertical-align: middle;}
.sec06 a{font-size: 16px; color: #262626; font-weight: 400; line-height: 26px;}
.sec06 a:hover{text-decoration: underline;}
.sec06 img{border-radius: 7px; height: 80px; min-width: 80px; overflow: hidden; width: 80px; margin-top: 0px;}

#footer{width: 100%; background-color: #fff;}
#footer p{text-align: center; margin-bottom: 70px;}
.sec07{position:relative; width:1300px; margin:0 auto; padding:140px 0px;}
.sec07 ul{width: 1300px; margin: 0 auto; margin-top: 70px; display: flex;}
.sec07 li{float: left; width: 287px; border-top:1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; text-align: center; padding: 30px 0px; line-height: 26px; color: #626262;}

.sec07 a{color: #626262; font-weight: 300;}
.sec07 .title24{color: #262626; font-weight: 600; line-height: 44px;}

.info{width: 100%; background-color: #f2f2f2; padding-top: 40px;}
.info .footbox{width: 1300px; margin: 0 auto; }
.info .footbox ul{display: flex; flex-wrap: wrap; margin-bottom: 20px; gap: 24px;}
.info .footbox li,a{font-size: 16px; font-weight: 700;}
.info .footbox .company{font-size: 14px; color: #626262; line-height: 24px; font-weight: 300; margin-bottom: 20px;}
.info .footbox .company2{font-size: 14px; color: #262626; line-height: 24px; font-weight: 400; margin-bottom: 10px;}
.info .footbox .company2 a{font-size: 14px; color: #262626; font-weight: 400; display: inline; line-height: 24px;}
.info .footbox .company3{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.info .footbox .company3 .sns{gap: 15px;}
.info .footbox .company3 .ict {display: flex; align-items: center; gap: 10px;}
.info .footbox .company3 .ict span{font-size: 14px; color: #626262; line-height: 20px; font-weight: 300;}

#sub-content{width:100%;}
.stopesti{width:100%; background-color: #e4e6e5; height: 770px; background-image: url("../images/sub_top_estibg.jpg"); background-repeat: no-repeat; background-position: center; z-index: 10;
    position: relative;}

.submenu{display: flex; margin: 0 auto; width: 1300px; gap: 30px; margin-top: 70px;}
.submenu li{display: flex; width: 100%; height: 86px; border-radius: 20px; border: 2px solid #e4e4e4;
    background: #fff;}
.submenu a{width: 100%; cursor: pointer;}
.submenu .inner{display: flex; width: 100%; height: 100%; align-items: center; justify-content: space-between; }
.submenu .inner p{width: calc(100% - 40px); font-size: 18px; font-weight: 500; text-align: left; padding-left: 25px; color: #262626;}
.submenu .inner span{position: relative; width: 40px;  padding-right: 25px;}
.submenu .inner img{width: 40px;}

.submenu li:hover{ border: 2px solid #fe223b;}
.submenu li:hover .inner p{ color: #fe223b;}
.submenu li:hover .inner{border-radius: 20px; box-shadow: 6px 12px 15px rgba(0,0,0,.04),0 8px 32px rgba(0,0,0,.08);}

.submenu li.on{ border: 2px solid #fe223b;}
.submenu li.on .inner p{ color: #fe223b;}
.submenu li.on .inner{border-radius: 20px; box-shadow: 6px 12px 15px rgba(0,0,0,.04),0 8px 32px rgba(0,0,0,.08);}
.submenu li.on .inner .imgwrap img:first-child{display: none;}
.submenu li.on .inner .imgwrap img:last-child{display: block;}

.submenu .inner .imgwrap img:last-child{display: none;}
.submenu li:hover .inner .imgwrap img:first-child{display: none;}
.submenu li:hover .inner .imgwrap img:last-child{display: block;}

.whitebox{width: 1300px; margin: 70px auto;}
.whitebox2{width: 1300px; margin: 70px auto;}
.whitebox3{width: 1300px; margin: 140px auto 0px;}
.graybox{width:100%; padding: 70px 0px; background-color: #f6f6f6;}
.graybox2{position:relative; width:100%; padding: 70px 0px; margin: 70px 0px 0px; background-color: #f6f6f6;}
.protopbox{width: 1300px; margin: 0px auto 15px; display: flex; justify-content: space-between; align-items: center;}
.protopbox img{width: 130px; margin-right: 55px;}
.protopbox2{width: 1300px; margin: 0px auto; text-align: center;}

.title30{text-align: left; font-size: 30px; font-weight: 700; margin-bottom: 25px;}
.title30 a{float:right; color:#626262; font-size:14px; padding-top:5px; font-weight:300;}
.title30 form{float:right; padding-top:5px;}
.title30 input, label{float:left; color:#262626; font-size:24px; font-weight: 700; padding-top: 0px; margin-right: 15px;}
.title30 .stxt{display: inline-block; font-weight: 200; color:#626262; line-height: 18px; width:55%;}

input[type=checkbox] {
    display:none;
}
input[type=checkbox] + label { 
    cursor: pointer; 
    padding-left: 30px; 
    background-repeat: no-repeat;
    background-image: url('../images/check.png');
	background-size: 24px 24px; background-position-y: 2px;
}
input[type=checkbox]:checked + label {
    cursor: pointer; 
    padding-left: 30px; 
    background-repeat: no-repeat;
    background-image: url('../images/checked.png');
	background-size: 24px 24px; background-position-y: 2px;
}

.product{width: 100%; overflow: hidden; position:relative;}
.product ul{width: 100%; display: flex; justify-content: space-between;}
.product li{width: 354px; padding:29px; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 20px;}
.product li:last-child{margin-right: 0px;}
.product h1{width: 100%; overflow: hidden; position:relative;}
.product .htit{float: left; display:flex; font-size: 23px; width:calc(100% - 50px); font-weight: 700; align-items: center;}
.product .ic{float:right; display: inline-block;  width: 44px; height: 38px; border-radius: 24px; border: 2px solid #fe223b; text-align: center; color:#fe223b; font-size:14px; padding-top: 6px; line-height: 16px; font-weight: 600;}
.product .exbox{width: 100%;  overflow: hidden;}
.product .exbox .exbox2{float: left; width:40%;  text-align: center; margin-top: 55px;}
.product .exbox .exbox2 img{width: 90px;}
.product .exbox .exbox2 img.w140{width: 140px;}
.product .exbox .exbox3{float: right; width:calc(56% - 0px); padding-right: 0px; text-align: right; margin-top: 7px;}
.product .exbox .exbox3 span{font-size: 18px; color: #fe223b;}
.product .exbox .exbox3 p{ border-bottom: 1px dashed #d4d4d4; margin: 10px 0;}
.product .exbox .exbox3 .s2{width: 56%; float: left; text-align: right; font-size: 16px; color: #626262; line-height: 24px;}
.product .exbox .exbox3 .s3{width: 44%; float: left; text-align: right; font-size: 16px; color: #626262; line-height: 24px;}
.product .exbox .exbox3 .s3 font{text-decoration: line-through;}
.product p{text-align: right; font-size: 14px; color: #626262; line-height: 24px; margin-top: 15px;}

.btn{width: 100px; margin: 15px auto 0px auto; padding: 5px 0px; border-radius: 5px;  background: #fe223b; font-size: 16px; color: #fff; font-weight:600; text-align: center;}
.btn a{font-size: 16px; color: #fff; font-weight:600; position: relative; display: contents; line-height: normal;}

.btn2{width: 100px; margin: 23px auto 0px auto; padding: 5px 0px; border-radius: 5px;  background: #fe223b; font-size: 16px; color: #fff; font-weight:600; text-align: center;}
.btn2 a{font-size: 16px; color: #fff; font-weight:600; position: relative; display: contents; line-height: normal;}

.btn3{width: 100px; margin: 29px auto 0px auto; padding: 5px 0px; border-radius: 5px;  background: #fe223b; font-size: 16px; color: #fff; font-weight:600; text-align: center;}
.btn3 a{font-size: 16px; color: #fff; font-weight:600; position: relative; display: contents; line-height: normal;}

.btn4{width: 100px; margin: 25px auto 0px auto; padding: 5px 0px; border-radius: 5px;  background: #fe223b; font-size: 16px; color: #fff; font-weight:600; text-align: center;}
.btn4 a{font-size: 16px; color: #fff; font-weight:600; position: relative; display: contents; line-height: normal;}

.faq-ar2{margin-top: 20px;}
.faq-ar2 .list {
    border-top: 2px solid #000;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 0px;
    letter-spacing: 0;
}

.faq-ar2 .list li + li {
    border-top: 1px solid #d4d4d4;
}

.faq-ar2 .list .menu .answer {
    display: none;
}

.faq-ar2 .list li.menu{padding-top: 0px;  padding-bottom: 0px; background: #fff;}	

.faq-ar2 .list .menu.on .answer {
    display: block;
}

.faq-ar2 .list .menu.on .question .q-button:after {
    content: '';
    position: absolute;
    background: url(../images/faq_arrow_up.svg) no-repeat 50%;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(180deg);
    width: 40px;
    height: 21px;
    transition: all .3s;
}

.faq-ar2 .list .question {
    position: relative;
    font-size: 0;
}

.faq-ar2 .list .question .q-button {
    display: block;
    /*line-height: 38px; */
    padding: 25px 25px;
    box-sizing: border-box;
}

.faq-ar2 .list .question .q-button:hover {
    cursor: pointer;
}

.faq-ar2 .list .question .q-button:after {
    content: '';
    position: absolute;
    background: url(../images/faq_arrow_down.svg) no-repeat 50%;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(0deg);
    width: 40px;
    height: 21px;
    transition: all .3s;
}


.faq-ar2 .list .question .q-content {
    display: inline-block;
    -webkit-width: calc(100% - 40px);
    -moz-width: calc(100% - 40px);
    -o-width: calc(100% - 40px);
    width: calc(100% - 0px);
    font-size:24px;
    line-height: 32px;
    font-weight: 600;
    text-align: left;
    padding: 0 0px 0 0px;
    box-sizing: border-box;
    /*vertical-align: middle; */
}

.faq-ar2 .list .answer {
    position: relative;
    background: #fff;
    border-top: 0px solid #EEEEEE;
    font-size: 0;
}

.faq-ar2 .list .answer .a-content {
    font-size: 16px;
    line-height: 26px;
    font-weight:400;
    padding: 20px ;
	color: #626262;
    box-sizing: border-box;
}
.faq-ar2 .list .answer .a-content .overbox{width: 100%; overflow-y: auto;}
.faq-ar2 .list .answer .a-content .overbox table{width: 100%; border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; margin-bottom: 20px; border-spacing: 0px;}
.faq-ar2 .list .answer .a-content .overbox th{border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background-color: #e9e9e9; color: #000; font-size: 16px; padding: 10px; text-align: center; vertical-align: middle;}
.faq-ar2 .list .answer .a-content .overbox td{border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background-color: #fff; color: #626262; font-size: 16px; padding: 10px; text-align: center; vertical-align: middle;}
.faq-ar2 .list .answer .a-content p{color: #626262; font-size: 16px; line-height: 26px;}
.faq-ar2 .list .answer .a-content p + p {
    padding: 15px 0 0 0;
}

.faq-ar2 .list .answer .a-content a {
    display: inline-block;
    position: relative;
    padding: 0;
    color: #f26f21;
}

.faq-ar2 .list .answer .a-content a:after {
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    content: '';
    background: #f26f21;
}

.stitle60{font-size:60px; font-weight: 700; color: #262626; line-height: 80px;}
.stitle54{font-size:54px; font-weight: 600; color: #262626;}
.stitle36{font-size: 36px; color: #626262; font-weight: 400;}

.pro {width: 100%; display: flex; justify-content: space-between; margin-top: 70px; margin-bottom: 70px;}
.pro li{float: left; width: 635px;}
.pro img{border-radius: 20px; width: 635px;}

.cardbox{width: 100%; display: flex; justify-content: space-between;}
.cardbox li{display: flex; align-items: center; width: 354px;  padding:29px; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 20px;}
.cardbox img{width: 130px;}
.cardbox .combi{margin-left: 20px;}
.cardbox .combi .tit{font-size: 24px; font-weight: 600; line-height: 40px;}
.cardbox .combi .txt{font-size: 18px; font-weight: 300; color: #626262; line-height: 28px;}
.subfee{width: 100%; border: 1px solid #e4e4e4; overflow:hidden; border-radius: 20px; margin-top: 70px; margin-bottom: 70px;}

.cardbox2{width: 100%; display: flex; justify-content: space-between; margin-top: 70px;}
.cardbox2 li{width: 414px; }
.cardbox2 img{border: 1px solid #e4e4e4; border-radius: 20px;}
.cardbox2 img:hover{outline: 2px solid #fe223b; border-radius: 20px; border: 1px solid #fe223b;}

.faq-ar3{margin-top: 45px;}
.faq-ar3 .list {

    margin-bottom: 0px;
    letter-spacing: 0;
}

.faq-ar3 .list li + li {
    border-top: 1px solid #d4d4d4;
}

.faq-ar3 .list .menu .answer {
    display: none;
}

.faq-ar3 .list li.menu{padding-top: 0px;  padding-bottom: 0px; background: transparent;}	

.faq-ar3 .list .menu.on .answer {
    display: block;
}

.faq-ar3 .list .menu.on .question .q-button:after {
    content: '';
    position: absolute;
    background: url(../images/faq_arrow_up.svg) no-repeat 50%;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(180deg);
    width: 40px;
    height: 21px;
    transition: all .3s;
}

.faq-ar3 .list .question {
    position: relative;
}

.faq-ar3 .list .question .q-button {
    display: block;
    width: 100%;
    /*line-height: 38px; */
    padding: 15px 0;
    box-sizing: border-box;
	border-radius: 7px;
	border:1px solid #d4d4d4;
	background: #fff;
}

.faq-ar3 .list .question .q-button:hover {
    cursor: pointer;
}

.faq-ar3 .list .question .q-button:after {
    content: '';
    position: absolute;
    background: url(../images/faq_arrow_down.svg) no-repeat 50%;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(0deg);
    width: 40px;
    height: 21px;
    transition: all .3s;
}


.faq-ar3 .list .question .q-content {
    display: inline-block;
    -webkit-width: calc(100% - 40px);
    -moz-width: calc(100% - 40px);
    -o-width: calc(100% - 40px);
    width: calc(100% - 0px);
    font-size:16px;
    line-height: 24px;
    font-weight: 600;
    text-align: left;
    padding: 0 0px 0 15px;
    box-sizing: border-box;
    /*vertical-align: middle; */
}

.faq-ar3 .list .question .q-content span{font-size:24px; font-weight: 600;}

.faq-ar3 .list .answer {
    position: relative;
    background: transparent;
    font-size: 0;
}

.faq-ar3 .list .answer .a-content {

    font-size: 14px;
    line-height: 22px;
    font-weight:400;
    padding: 25px 0px 0px 0px ;
	color: #626262;
    box-sizing: border-box;
}

.brown{position:relative; width: 100%; padding: 70px 0px; background-color: #301111;}

.botbar{position:fixed; bottom:0; left:0; z-index:30; width:100%;  background-color: rgba(27, 27, 27, .8);}
.botbar .cont{margin:0 auto; width:1300px; padding-top: 20px; padding-bottom: 20px; display: flex; justify-content: space-between;}
.botbar .cont span{font-family: 'Pretendard'; font-size: 20px; font-weight: 400; color: #fff; line-height: 30px;}
.botbar .cont a{display: inline-block; padding: 15px 45px; color: #fff; background: #fe223b; border-radius: 30px; text-align: center; font-size: 20px; font-weight: 600; align-content: center;}


#consultation{position: fixed; top:0px; left: 0px; bottom: 0px; right: 0px; background-color: #f4f4f4;}
.adform_layer{max-width: 420px; margin: 50px auto; width: 100%; overflow: hidden; background-color: #fff; padding: 50px 30px; border-radius: 20px; box-shadow: 0px 4px 12px 2px rgba(0,0,0,0.1);}
.adform_layer .adform_title{padding-bottom:20px; font-size: 24px; font-weight: 700;}
.adform_layer .adform_title img{width: 18px;}
.adform_layer .adform_title a{float: right;}
.adform_layer .adform_txt{padding: 0px 0px 20px 0px; font-size: 18px; color: #626262; line-height: 26px;}
.adform_layer .adform_txt font{color:#fe223b; font-weight: 700;}
.adform_layer .adform_notice{position: relative; display: block; background-color: #e2e2e2; border-radius: 15px; padding:10px 0px 10px 55px; font-size: 15px; color: #626262; line-height: 23px; font-weight: 300;}
.adform_layer .adform_notice::before{content: ""; display: block; position: absolute; top: 16px; left: 15px; width: 30px;; height: 30px; background: url( "../images/ic_coin.png") no-repeat; background-size: 100%;}
.adform_layer .adform_box{padding-top: 20px;}

/* ¿À¸¥ÂÊÄü¸Þ´º */
#quick-menu {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);	
  right: 0;
  z-index: 1070;
  transition: right .4s;
}

#quick-menu.collapsed {
  right: -264px; 
}

#toggle-quick-menu {
	align-items: center;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .1);
    color: #6e757c;
    display: flex;
    height: 45px;
    justify-content: center;
    left: -24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
	border-width: 0px;
	cursor: pointer;
}

#toggle-quick-menu img {
  width: 7px;
  height: 12px;
}	
	
.quick-content {
	background-color: #fff;	
  	border-bottom-left-radius: 15px;
  	border-top-left-radius: 15px;
  	box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1);	
    padding: 20px 10px 20px 20px;
    position: relative;
    width: 210px;
}

#quick-menu-simple {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);	
  right: -89px;
  z-index: 1080;
  transition: right .4s;
}

#quick-menu-simple.collapsed {
  right: 0; 
}

#toggle-quick-menu-simple {
	align-items: center;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: 0 0 16px rgba(0, 0, 0, .1);
    color: #6e757c;
    display: flex;
    height: 45px;
    justify-content: center;
    left: -24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
	border-width: 0px;
	cursor: pointer;
}

#toggle-quick-menu-simple img {
  width: 7px;
  height: 12px;
}	

.quick-content-close {
	background-color: #fff;	
  	border-bottom-left-radius: 15px;
  	border-top-left-radius: 15px;
  	box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1);	
    padding: 15px 10px 15px 15px;
    position: relative;
    width: 40px;
}

.quick-content-close img{width: 40px;}

.quick-content ul, .quick-content-close ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.quick-content li, .quick-content-close li {
  margin-top: 10px;
}

.quick-content a {
  text-decoration: none;
  color: #333;
}

/* °Ô½ÃÆÇ»ó´Ü */
.subtop{width: 100%; height: 400px; background-color: #f2f2f2; }
.subtop .stbox{width: 1300px; height: 400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.subtop .stbox .sttxt{width: calc(100% - 500px); text-align: left; font-size: 36px;
    font-weight: 400; line-height: 46px; color: #262626; letter-spacing: -1px;}
.subtop .stbox .sttxt font{font-size:48px; font-weight:700; line-height: 78px; color: #262626;}
.subtop .stbox img{position: relative;}
.subtop .stbox .sttxt a{background-color:#000; border-radius: 24px; padding: 13px 20px; margin-top: 20px; font-size: 18px; color: #fff; font-weight: 600; display: inline-block; transition: background 0.3s ease;}
.subtop .stbox .sttxt a:hover{background-color: #fe223b;}
.board_banenr{position:relative; width: 1400px; margin: 70px auto;}
.board_banenr p{width: 1300px; margin: 0 auto 70px; text-align: center;}
.board_banenr .imgbox{width: 414px; height:259px; overflow: hidden; transition: transform 0.4s ease; border-radius: 20px;}
.board_banenr .imgbox img{width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: transform 0.4s ease;}
.board_banenr .imgbox img:hover{transform: scale(1.1);}
.board_banenr .txt{text-align: left; padding: 10px 20px 0px 20px; height: 56px;   line-height: 28px; font-size: 18px;}

/* °í°´Èıâ ÀÛ¼º¹ý */
.review {display: flex; margin: 35px auto 0px; width: 1218px; align-items: center; justify-content: space-between; padding: 40px; border-radius: 20px; background-color: #f6f6f6;}