@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.studio .title{text-align:center; margin:40px 0 100px;}
.studio .title img{display:block; margin:0 auto;}
.studio .title h3{font-size:36px; font-family: 'GmarketSansBold'; margin:0 0 60px;}
.studio ul{overflow:hidden;}

.studio ul li dl{overflow:hidden; margin:0 0 55px;}
.studio ul li dl dt{float:left; width:47%;}
.studio ul li dl dt img{width:100%; max-width:560px;}
.studio ul li dl dd{float:right; width:48%; padding:60px 0 0;}
.studio ul li dl dd img{float:left; margin:0 15px 0 0;}
.studio ul li dl dd .txt{}
.studio ul li dl dd .txt h4{font-size:28px; font-weight:normal; font-family: 'GmarketSansMedium'; margin:0 0 20px;}
.studio ul li dl dd .txt p{font-size:18px; font-weight:100; letter-spacing:-0.6px; line-height:1.7;}

.studio ul li:nth-child(even) dl dt{float:right;}
.studio ul li:nth-child(even) dl dd{float:left;}

.bottom{text-align:center; margin:80px 0 0;}
.bottom h3{font-size:36px; font-family: 'GmarketSansBold'; margin:60px 0 0;}


@media screen and (min-width:992px) and (max-width:1199px){   
    .studio ul li dl dt{ width:45%;}
    .studio ul li dl dd{width:53%; padding:45px 0 0;}
    .studio ul li dl dd .txt h4{font-size:24px;}
    .studio ul li dl dd .txt p{font-size:16px;}
}
/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .studio ul li dl dt{ width:40%;}
    .studio ul li dl dd{width:57%; padding:20px 0 0;}
    .studio ul li dl dd img{margin:0 10px 0 0;}
    .studio ul li dl dd .txt h4{font-size:24px; margin:0 0 10px;}
    .studio ul li dl dd .txt p{font-size:14px;}
    .studio ul li dl dd .txt p br{display:none;}
}

/* mobile */
@media screen and (max-width:767px){
    .studio .title{text-align:center; margin:30px 0 70px;}
    .studio .title h3, .bottom h3{font-size:26px;}
    
    .studio ul li dl{margin:0 0 45px;}
    .studio ul li dl dt{float:none; width:100%;}
    .studio ul li dl dt img{margin:0 auto; max-width:560px; display:block;}
    .studio ul li dl dd{float:none; width:100%; padding:30px 0 0;}
    .studio ul li dl dd img{max-width:80px; margin:0 auto 15px; float:none; display:block;}
    .studio ul li dl dd .txt{text-align:center;}
    .studio ul li dl dd .txt h4{font-size:22px; margin:0 0 10px;}
    .studio ul li dl dd .txt p{font-size:14px; font-weight:100; letter-spacing:-0.6px; line-height:1.7;}

    .studio ul li:nth-child(even) dl dt{float:right;}
    .studio ul li:nth-child(even) dl dd{float:left;}
}