@charset "utf-8";

@media screen and (max-width: 1280px)
{
    /* s: ainpc 상단 */
    #header{width:100vw;max-width:1280px}
    #header .anchor.anchor-logo{left:60px}
    #header .anchor.anchor-contact{right:60px}
    /* e: ainpc 상단 */

    /* s: ainpc 중단 */
    #mainWrapper .mainText{padding:80px;text-align:center}
    #mainWrapper .mainText h1{display:block;font-size:60px}
    #mainWrapper .mainText .aniWrap{margin-left:0}
    #mainWrapper .mainText .aniWrap span{font-size:60px}

    #mainWrapper .mainVisual .roll .item a img{margin-left:0}
    #mainWrapper .mainVisual .roll .item .txtWrap strong{font-size:30px}

    #mainWrapper .mainCompany{padding:0 60px;margin-top:100px;text-align:center}
    #mainWrapper .mainCompany h2{font-size:60px}
    #mainWrapper .mainCompany strong{line-height:40px;margin-top:40px;font-size:30px}
    #mainWrapper .mainCompany .anchor-more{margin-top:60px}

    #mainWrapper .mainBusiness .inner{padding:100px 0}
    #mainWrapper .mainBusiness .inner .txtWrap,
    #mainWrapper .mainBusiness .inner .slideWrap{width:100%}
    #mainWrapper .mainBusiness .inner .txtWrap{padding:0 60px}
    #mainWrapper .mainBusiness .inner .txtWrap .title strong{font-size:60px}
    #mainWrapper .mainBusiness .inner .txtWrap #controlWrap{display:none;visibility:hidden}
    #mainWrapper .mainBusiness .inner .slideWrap{margin-top:60px}
    #mainWrapper .mainBusiness .inner .slideWrap .roll .slick-list{padding:0 !important}
    #mainWrapper .mainBusiness .inner .slideWrap .roll .item{margin:0 60px}
    #mainWrapper .mainBusiness .inner .slideWrap .roll .item a img{width:100%}

    #mainWrapper .mainContact{margin:0}
    #mainWrapper .mainContact .inner{padding:60px;margin:100px 60px}
    /* e: ainpc 중단 */

    /* s: ainpc 하단 */
    #footer .inner{padding:40px 60px}
    #footer .inner .middleWrap p{margin:4px 40px 4px 0 !important}
    /* e: ainpc 하단 */

    /* s: 회사소개 */
    .companyWrap{padding:60px 0}
    .companyWrap .section01 .txtWrap{top:50%;left:60px;transform:translateY(-50%)}
    .companyWrap .section01 .txtWrap .typingWrap #typing{line-height:30px;font-size:20px}
    .companyWrap .section01 .txtWrap strong{line-height:40px;font-size:40px}
    .companyWrap .section02{margin-top:60px}
    .companyWrap .section02 b{line-height:30px;font-size:20px}
    .companyWrap .section02 p{line-height:40px;font-size:40px}
    .companyWrap .section03{margin-top:60px}
    .companyWrap .section03 .txtWrap{width:100%;text-align:center}
    .companyWrap .section03 .txtWrap p{line-height:30px;font-size:20px}
    .companyWrap .section04{margin-top:60px}
    .companyWrap .section04 b,
    .companyWrap .section04 p{line-height:30px;font-size:20px}
    .companyWrap .section04 p{margin-top:40px}
    /* e: 회사소개 */

    /* s: CONTACT */
    .contactWrap{padding:60px}
    .contactWrap h3{line-height:60px;font-size:40px}
    .contactWrap dl{margin-top:60px}
    .contactWrap dl dt .txtWrap b{line-height:56px;font-size:40px}
    .contactWrap dl dt .txtWrap p{line-height:20px;margin-top:30px;font-size:18px}
    .contactWrap dl dd{padding:30px}
    .contactWrap dl dd ul li > p{line-height:20px;font-size:12px}
    .contactWrap dl dd ul li .inp{height:40px;line-height:20px;padding:10px;font-size:14px}
    .contactWrap dl dd ul li .txt{height:140px;line-height:20px;padding:10px;font-size:14px}
    .contactWrap dl dd ul li .content{height:140px;padding:10px}
    /* e: CONTACT */
}

@media screen and (max-width: 1000px)
{
    /* s: CONTACT */
    .contactWrap dl{flex-direction:column;border-radius:20px}
    .contactWrap dl dt,
    .contactWrap dl dd{width:100%}
    .contactWrap dl dt img{border-radius:20px 20px 0 0}
    .contactWrap dl dt .txtWrap{top:unset;bottom:96px;left:60px}
    /* e: CONTACT */
}

@media screen and (max-width: 768px)
{
    /* s: ainpc 상단 */
    #header{height:50px}
    #header #header-menu,
    #header .anchor-contact{display:none;visibility:hidden}
    #header .anchor.anchor-logo{left:20px}
    #header .anchor.anchor-logo img{width:60px}

    #slide-btn{display:block;visibility:visible}
    #slide-btn button{position:absolute;width:100%;height:100%;top:0;left:0;border:none;background:none;cursor:pointer;outline:none}
    #slide-btn button span,
    #slide-btn button::before,
    #slide-btn button::after{position:absolute;display:blcok;width:100%;height:2px;left:0;background:#282828;border-radius:2px;overflow:hidden}
    #slide-btn button::before{content:'';top:0}
    #slide-btn button span{top:50%;margin-top:-1px;}
    #slide-btn button::after{content:'';bottom:0}
    /* e: ainpc 상단 */

    /* s: ainpc 중단 */
    #mainWrapper{padding-top:50px}
    #mainWrapper .mainText{padding:20px}
    #mainWrapper .mainText h1{font-size:30px}
    #mainWrapper .mainText .aniWrap span{line-height:30px;font-size:24px}
    #mainWrapper .mainVisual .roll .item{margin:0 20px}
    #mainWrapper .mainVisual .roll .item .txtWrap{top:50%;left:20px;transform:translateY(-50%)}
    #mainWrapper .mainVisual .roll .item .txtWrap strong{font-size:20px}
    #mainWrapper .mainVisual .roll .item .txtWrap p{font-size:14px}
    #mainWrapper .mainCompany{padding:0 20px;margin-top:60px}
    #mainWrapper .mainCompany h2{font-size:30px}
    #mainWrapper .mainCompany strong,
    #mainWrapper .mainCompany p{line-height:30px;margin-top:20px;font-size:16px}
    #mainWrapper .mainCompany .anchor-more{margin-top:40px}
    #mainWrapper .mainBusiness .inner{padding:40px 0}
    #mainWrapper .mainBusiness .inner .txtWrap{padding:0 20px}
    #mainWrapper .mainBusiness .inner .txtWrap .title strong{line-height:40px;font-size:30px}
    #mainWrapper .mainBusiness .inner .txtWrap .title p{margin-top:20px;font-size:16px}
    #mainWrapper .mainBusiness .inner .slideWrap .roll .item{margin:0 20px}
    #mainWrapper .mainContact .inner{padding:40px;margin:40px 20px}
    #mainWrapper .mainContact .inner .txtWrap p{line-height:24px;font-size:20px}
    /* e: ainpc 중단 */

    /* s: ainpc 하단 */
    #footer .inner{padding:20px}
    #footer .inner .topWrap{text-align:center}
    #footer .inner .middleWrap{margin-top:10px;text-align:center}
    #footer .inner .middleWrap p{display:block;margin:4px !important}
    #footer .inner .middleWrap p span{margin-left:10px !important}
    #footer .inner .bottomWrap{margin-top:10px;text-align:center}
    /* e: ainpc 하단 */
    
    /* s: 회사소개 */
    .companyWrap .section01{margin:0 20px}
    .companyWrap .section02 p{line-height:30px;margin-top:20px;font-size:24px}
    .companyWrap .section03 .txtWrap p{letter-spacing:10px;font-size:16px}
    /* e: 회사소개 */

    /* s: CONTACT */
    .contactWrap{padding:20px}
    .contactWrap dl dt .txtWrap{left:20px}
    .contactWrap dl dt .txtWrap b{line-height:24px;font-size:20px}
    .contactWrap dl dt .txtWrap p{line-height:20px;font-size:12px}
    /* e: CONTACT */
}

@media screen and (max-width: 320px)
{
    /* s: ainpc 상단 */
    #header .anchor.anchor-logo{left:10px}
    #slide-btn{right:10px}
    /* e: ainpc 상단 */

    /* s: ainpc 중단 */
    #mainWrapper .mainText h1{font-size:20px}
    #mainWrapper .mainText .aniWrap span{line-height:18px;font-size:12px}
    #mainWrapper .mainVisual .roll .item{margin:0}
    #mainWrapper .mainVisual .roll .item .txtWrap p{line-height:16px;margin-top:10px;font-size:12px}
    #mainWrapper .mainCompany{margin-top:20px}
    #mainWrapper .mainCompany h2{line-height:30px;font-size:20px}
    #mainWrapper .mainCompany strong,
    #mainWrapper .mainCompany p{line-height:20px;font-size:12px}
    #mainWrapper .mainBusiness .inner .txtWrap .title strong{line-height:30px;font-size:20px}
    #mainWrapper .mainBusiness .inner .txtWrap .title p{line-height:20px;font-size:12px}
    #mainWrapper .mainBusiness .inner .slideWrap{margin-top:20px}
    #mainWrapper .mainBusiness .inner .slideWrap .roll .item{margin:0}
    #mainWrapper .mainContact .inner{padding:20px;margin:0 0 20px 0;border-radius:0;align-content:center;justify-content:center}
    #mainWrapper .mainContact .inner .txtWrap p{text-align:center}
    #mainWrapper .mainContact .inner .txtWrap .anchor{margin-top:14px}
    #mainWrapper .mainContact .inner > a.anchor{display:none;visibility:hidden}
    /* e: ainpc 중단 */

    /* s: ainpc 하단 */
    #footer *{line-height:14px !important;font-size:10px !important}
    /* e: ainpc 하단 */

    /* s: 회사소개 */
    .companyWrap{padding:20px 0}
    .companyWrap .section01{margin:0}
    .companyWrap .section01 .txtWrap{left:20px}
    .companyWrap .section01 .txtWrap .typingWrap #typing{line-height:20px;font-size:12px}
    .companyWrap .section01 .txtWrap .typingWrap #cursor{display:none}
    .companyWrap .section01 .txtWrap strong{line-height:24px;margin-top:10px;font-size:18px}
    .companyWrap .section02{margin-top:20px}
    .companyWrap .section02 p{line-height:24px;font-size:20px}
    .companyWrap .section03{margin-top:20px}
    .companyWrap .section03 .txtWrap p{letter-spacing:6px;font-size:12px}
    .companyWrap .section04{margin:20px}
    .companyWrap .section04 b,
    .companyWrap .section04 p{line-height:20px;font-size:12px}
    .companyWrap .section04 p{margin-top:20px}
    /* e: 회사소개 */

    /* s: CONTACT */
    .contactWrap dl dd{padding:20px}
    .contactWrap dl dd ul li{margin:10px 0}
    .contactWrap .labelWrap label{padding-left:26px;font-size:12px}
    .contactWrap .labelWrap label::before{width:22px;height:22px}
    .contactWrap .labelWrap input[type=checkbox]:checked + label::after{width:16px;height:16px;top:5px;left:3px}
    /* e: CONTACT */
}