.content_wrap { width:90%; }
.sub_menu {
position:-webkit-sticky;
position:sticky;
top:50px;
background-color: #fff;
text-align: center;
display: flex;
justify-content: space-around;
border-bottom: 1px solid #eee;
z-index:2;
}
.sub_menu a {
font-size: 15px;
line-height: 50px;
}
.sub_menu a.on {
color:#000;
border-bottom:2px solid #000;
font-weight:800;
}
.sub_menu2 {
position:-webkit-sticky;
position:sticky;
top:;
margin: 0 auto 50px;
padding: 50px 0 0 0;
background-color: #fff;
text-align: center;
display: flex;
justify-content: space-around;
border-bottom: 1px solid #eee;
z-index:2;
}
.sub_menu2 a {
font-size: 15px;
line-height: 50px;
}
.sub_menu2 a.on {
color:#000;
border-bottom:2px solid #000;
font-weight:800;
}
.sell_area { margin:15% auto; }
.sell_area .cont1 { margin: 5% auto 10%; }
.sell_area .cont1 h3 {
font-size:20px;
color:#231f8e;
padding-bottom:3%;
}
.sell_area .cont1 h2 { font-size:32px; }
.sell_area .cont1 ul {
margin: 10% auto 25%;
padding-bottom:45%;
background-image: url(../img/money_img2.png);
background-size: 60%;
background-repeat: no-repeat;
background-position: right bottom;
}
.sell_area .cont1 ul li {
font-size: 16px;
padding-bottom:3%;
}
.sell_area .cont1 .sub_title {
margin:7% auto;
font-size: 25px;
font-weight: 800;
}
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
display: flex;
justify-content: space-between;
}
/* Style the buttons inside the tab */
.tab button {
font-size: 17px;
background-color: inherit;
 float:;
border: none;
outline: none;
cursor: pointer;
transition: 0.3s;
width:50%;
padding:10px;
}
/* Change background color of buttons on hover */
.tab button:hover { background-color: #ddd; }
/* Create an active/current tablink class */
.tab button.active {
background-color:#000;
color:#fff;
}
/* Style the tab content */
.tabcontent {
display: none;
border: 1px solid #ccc;
border-top: none;
}
.tabcontent img { width:100%; }
.tabcontent .bg1 {
background-image: url(../img/bn_img_600_1.jpg);
background-size: cover;
background-position: center;
}
.tabcontent .bg2 {
background-image: url(../img/bn_img_dg.jpg);
background-size: cover;
background-position: center;
}
.tabcontent dl { padding:20px; }
.tabcontent dt {
font-size:18px;
font-weight:bold;
padding-bottom:10px;
}
.tabcontent dd { line-height:1.5;}
.sell_area .cont2 { margin: 5% auto 10%; }
.sell_area .cont2 ul.intro { margin:0 auto 20%; }
.sell_area .cont2 ul.intro li:nth-child(1) {
font-size:17px;
color:#231f8e;
font-weight:bold;
padding-bottom:2%;
}
.sell_area .cont2 ul.intro li:nth-child(2) {
font-size:30px;
font-weight:800;
padding-bottom:5%;
}
.sell_area .cont2 ul.intro li:nth-child(3) {
}
.sell_area .cont2 dl.step {
margin:3% auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.sell_area .cont2 dl.step dt {
width:15%;
margin-bottom:8%;
position: relative;
}
.sell_area .cont2 dl.step dt p {
font-size: 16px;
color: #fff;
line-height: 40px;
width: 40px;
margin:0 auto;
text-align: center;
border-radius: 100px;
background-color:#231f8e;
font-family: 'jalnan', 'Pretendard', sans-serif !important;
}
.sell_area .cont2 dl.step dt:after {
display: inline-block;
 width:;
height:40%;
border-right: 1px solid #001942;
 border-bottom:;
position: absolute;
top:90%;
left:50%;
bottom: 0;
content: " ";
}
.sell_area .cont2 dl.step dt:nth-child(7):after {
display:none;
}
.sell_area .cont2 dl.step dd {
width:80%;
margin-bottom:8%;
}
.sell_area .cont2 dl.step dd p {
font-size:25px;
padding-bottom:5px;
font-family: 'jalnan', 'Pretendard', sans-serif !important;
}
.sell_area .cont2 dl.text {
margin: 15% auto;
padding-top: 10%;
border-top: 1px solid #eee;
}
.sell_area .cont2 dl.text dt {
font-size:25px;
font-weight:800;
margin-bottom:5%;
}
.sell_area .cont2 dl.text dt span a {
font-size:14px;
font-weight:normal;
display:inline;
float:right;
}
.sell_area .cont2 dl.text dd {
margin-bottom:2%;
line-height: 1.5;
}
.sell_area .cont2 dl ul.sub {
margin:15% auto;
display:flex;
justify-content: space-between;
}
.sell_area .cont2 dl ul.sub li { width:45%; }
.sell_area .cont2 dl ul.sub img { width:100%; }
.sell_area .cont2 dl ul.sub li figcaption { padding:5% 0; }
.sell_area .faq dl.basic2 dt { font-size:16px; }
.sell_area .faq dl.basic2 dd {
padding-bottom: 40px;
margin-bottom: 30px;
border-bottom: 1px solid #eee;
}
.sell_area .faq dl.basic2 dd:last-child { border-bottom:none; }



/* @media */
@media screen and (min-width:800px) {
 .content_wrap {
width:80%;
}
.sell_area .cont1 h3 {
font-size:24px;
}
.sell_area .cont1 h2 {
font-size:40px;
}
.sell_area .cont1 ul {
margin:5% auto 15%;
 padding: 20px 0;
 background-size:250px;
}
.sell_area .cont1 ul li {
 font-size: 18px;
 padding-bottom: 2%;
}
 .sell_area .cont2 ul.intro {
 margin: 0 auto 10%;
}
.sell_area .cont2 ul.intro li:nth-child(1) {
 font-size: 20px;
}
.sell_area .cont2 ul.intro li:nth-child(2) {
 font-size: 40px;
 padding-bottom: 2%;
}
 .sell_area .cont2 dl.step {
border: 1px solid #ccc;
 padding: 40px;
 border-radius: 20px;
}
.sell_area .cont2 dl.step dt {
 width: 15%;
}
.sell_area .cont2 dl.step dd {
 width: 80%;
}
}