@charset "utf-8";

@font-face {
    font-family: 'Gmarket-Sans';
    src: url('../font/gmarketsans/GmarketSansTTFBold.eot');
    src: url('../font/gmarketsans/GmarketSansTTFBold.eot?#iefix') format('embedded-opentype'),
        url('../font/gmarketsans/GmarketSansTTFBold.woff2') format('woff2'),
        url('../font/gmarketsans/GmarketSansTTFBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gmarket-Sans';
    src: url('../font/gmarketsans/GmarketSansTTFMedium.eot');
    src: url('../font/gmarketsans/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'),
        url('../font/gmarketsans/GmarketSansTTFMedium.woff2') format('woff2'),
        url('../font/gmarketsans/GmarketSansTTFMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gmarket-Sans';
    src: url('../font/gmarketsans/GmarketSansTTFLight.eot');
    src: url('../font/gmarketsans/GmarketSansTTFLight.eot?#iefix') format('embedded-opentype'),
        url('../font/gmarketsans/GmarketSansTTFLight.woff2') format('woff2'),
        url('../font/gmarketsans/GmarketSansTTFLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}
h1, h2, h3, h4, h5, h6, strong, b{
    font-weight: inherit;
}
body{
    font-family: 'Gmarket-Sans';
    font-weight: 300;
    color: #333;
}
.section .inner {
    width: 1280px;
    margin: 160px auto;
}

.section .inner h1 {
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 40px;
}

.section .inner .tab_menu {
    display: flex;
    column-gap: 16px; /* flex가 있는 선택자에게만 사용 가능 */
    margin-bottom: 20px;
}

.section .inner .tab_menu li {
    height: 40px;
    background-color: #F2F2F2;
    border-radius: 40px;
    /* line-height: 40px; */
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.section .inner .tab_menu li.active {
    background-color: #0198ED;
    color: #fff;
}

.section .inner .list {
    display: flex;
    justify-content: space-between;
}
.section .inner .list .left{ /* 넓이 값 주기 */
    width: 637px;
}

.section .inner .list .left img { 
    width: 100%; /* 부모 값 상속 */
    height: 627px;
    object-fit: cover;
}

.section .inner .list .right { /* 넓이 값 주기 */
    width: 615px;
    display: flex;
    flex-wrap: wrap;
    /* row-gap: 29px; */
    align-content: space-between; /* 수직방향으로 띄워줌 */
}

.section .inner .list .right .item {
    display: flex;
    align-items: center;
    column-gap: 28px; /* flex가 있는 경우 gap 사용가능 */
}

.section .inner .list .right .item img {
    width: 193px;
    height: 190px;
    object-fit: cover;
}
.section .inner .list .right .item .text span {
    font-size: 14px;
}

.section .inner .list .right .item .text h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 10px 0 25px; /* 상단, 오른쪽, 아래 */
}

.section .inner .list .right .item .text strong {
    font-size: 30px;
    font-weight: bold;
}