@charset "UTF-8";

/* **************************************** *
* response max 1700px
* **************************************** */
@media all and (max-width:1700px)
{
}

/* **************************************** *
* response max 1600px
* **************************************** */
@media all and (max-width:1600px)
{

}

/* **************************************** *
* response max 1400px
* **************************************** */
@media all and (max-width:1400px)
{
      #gt-header .header-inner{width:100%; margin:0; padding:0 2.5rem}
      .allgnb-handle{position:absolute; right:20px; margin-right:0}

      #gt-footer .footer-inner{width:100%; min-height:auto; margin:0; padding:0 2.5rem 15rem}

      .msec-visual .visual-object{width:100%; margin-left:-50%}
      .msec-visual .visual-object .scroll-down{left:2rem}

      .msec-intro .msec-inner{width:100%; margin:0; padding:12rem 2.5rem}

      .msec-event .msec-inner{width:100%; margin:0; padding:12rem 2.5rem}

      .msec-market .msec-inner{width:100%; margin:0; padding:12rem 2.5rem}

      .msec-intro .intro-token .event-message-01 .message-02{display:block}
      .msec-intro .intro-token .event-message-01 .message-02 strong{display:inline}

      .svisual .svisual-inner{width:100%; margin:0}

      #gt-scontainer .page-content{width:100%; margin:0; padding:8rem 2.5rem 8rem}

      .login-manage .login-form{width:100%;}

      .page-top{right:4rem; bottom:4rem}
      .page-top.active{bottom:4rem}
}

/* **************************************** *
* response max 1200px / tablet
* **************************************** */
@media all and (max-width:1200px)
{
      html{font-size:9px}

      #gnb{display:none}

      #gt-footer .footer-inner{flex-direction:column; align-items:center}
      #gt-footer .footer-l,
      #gt-footer .footer-r{align-items:center}
      #gt-footer .footer-r{padding-top:2rem}
      #gt-footer .footer-fnb{align-items:center}
      #gt-footer .footer-fnb a span{text-align:center}
      #gt-footer .footer-info{align-items:center}
      #gt-footer .footer-info p{text-align:center}
      #gt-footer .copyright{margin-top:2rem}

      .allgnb-handle{display:block}

      .msec-visual .visual-swiper .swiper-slide .slide-box{position:relative; top:-40px; width:100%; height:80rem; margin:0; padding:0 3.5rem}
      .msec-visual .visual-swiper .swiper-slide .slide-box .slogan-m{display:block; text-align:center}
      .msec-visual .visual-swiper .swiper-slide .slide-box .slogan-m strong{display:inline; line-height:6rem; font-size:5rem}
      .msec-visual .visual-swiper .swiper-slide .slide-box .slogan-s{text-align:center}
      .msec-visual .visual-object .object-l{display:none}
      .msec-visual .visual-object .object-r{right:auto; bottom:-15rem; left:50%; width:59.6rem; height:45.4rem; margin-left:-29.8rem; background-size:59.6rem 45.4rem}

      .msec-intro .msec-inner{padding:18rem 2.5rem 12rem}
      .msec-intro .intro-token{flex-direction:column; align-items:center; margin-left:0}
      .msec-intro .intro-token:before{margin-left:0; min-height:50rem; max-height:50rem}
      .msec-intro .intro-token .event-message-01{padding-left:0; padding-top:4rem}
      .msec-intro .intro-token .event-message-01 .message-01{text-align:center}
      .msec-intro .intro-token .event-message-01 .message-01 p{line-height:3.6rem; font-size:2.6rem}
      .msec-intro .intro-token .event-message-01 .message-02{text-align:center}
      .msec-intro .intro-token .event-message-01 .message-02 strong{line-height:4.9rem; font-size:3.9rem}
      .msec-intro .intro-token .event-message-01 .message-03{margin-top:3rem}
      .msec-intro .intro-token .event-message-01 .message-03 p{text-align:center}

      .msec-intro .intro-vision{margin-top:10rem}
      .msec-intro .intro-vision .vision-message-01 .message-01 strong{line-height: 4.9rem; font-size:3.9rem; text-align:center}
      .msec-intro .intro-vision .vision-message-01 .message-02{display:block; text-align:center}
      .msec-intro .intro-vision .vision-message-01 .message-02 p{display:inline; line-height:3.6rem; font-size: 2.6rem}

      .msec-market .msec-tit .tit span{line-height:4.2rem; font-size:4.2rem}

      .msec-market .market-message-01 .message-01{display:block; text-align:center}
      .msec-market .market-message-01 .message-01 strong{display:inline; line-height:5rem; font-size:4rem}

      .msec-market .market-message-01 .message-02{display:block; text-align:center}
      .msec-market .market-message-01 .message-02 p{display:inline; line-height:3.6rem; font-size:2.6rem}

      .msec-market .market-message-02 .message-0201,
      .msec-market .market-message-02 .message-0202{display:block; text-align:center}
      .msec-market .market-message-02 .message-0201 p{display:inline; text-align:center}


      .msec-event .msec-tit{justify-content:center}
      .msec-event .msec-tit .tit span{line-height:4.2rem; font-size:4.2rem}
      .msec-event .event-message-01{align-items:center}
      .msec-event .event-message-01 .message-01 p{line-height: 3.6rem; font-size:2.6rem; text-align:center}
      .msec-event .event-message-01 .message-02{display:block; text-align:center}
      .msec-event .event-message-01 .message-02 p{display:inline; line-height:3.6rem; font-size: 2.6rem}
      .msec-event .event-step{flex-direction:column; gap:3rem}
      .msec-event .event-step .step-tit{text-align:center}
      .msec-event .event-step .step-detail{align-items:center}
      .msec-event .event-step .step-num .num-box{flex-direction:column; gap:10px; padding:2rem; border:1px solid rgba(255,255,255,.2); border-radius:1.2rem}
      .msec-event .event-step .step-num .num-box .num{min-width: 7.2rem; max-width:7.2rem; min-height:7.2rem; max-height:7.2rem;}
      .msec-event .event-step .step-num .num-box .info{border:0}
      .msec-event .event-step .step-link{margin-left:0}

      .login-manage{flex-direction:column; align-items:center;}
      .login-manage:before{min-width:30rem; max-width:30rem; min-height:40rem; max-height:40rem; margin-left:0; background-size:cover}
      .login-manage .login-inner{padding-left:0; padding-top:6rem}
      .login-manage .login-message{align-items:center; text-align:center}
      .login-manage .login-message .message-tit{line-height:4.9rem; font-size:3.9rem}
      .login-manage .login-message .message-info{line-height:3.4rem; font-size:2.4rem}
      .login-manage .login-form{margin-top:4rem}

      .terms-wrap{width:100%; margin:0}

      .svisual .page-tit .current-tit{line-height:5.5rem; font-size:5.5rem}

      .svisual{background:url(../img/layout/svisual-bg01.jpg) no-repeat -65rem 50%}
      .svisual .svisual-inner{height:30rem}


      .board-search{flex-direction:column; align-items:flex-start}
      .board-search .category + .total-num{margin-top:1.5rem}
      .board-search .key-search{width:100%; margin-top:1rem}
      .board-search .key-search form .txtinput-cmm{width:100% !important}

      .board-basic-list{margin:0 -2rem}
      .board-basic-list .list-head{display:none}
      .board-basic-list .list-body li:first-child{border-top:0.3rem solid #041834}
      .board-basic-list .list-body li{flex-direction:column; padding:1.5rem 2rem}
      .board-basic-list .list-body li > div{justify-content:flex-start; width:100% !important; min-height:auto; padding:0.5rem 0; text-align:left}
  
      .board-basic-list .list-body li .basic-tit{display:block}
      .board-basic-list .list-body li .basic-cont{display:flex; align-items:center}
      .board-basic-list .list-body li .basic-cont .cont-link,
      .board-basic-list .list-body li .basic-cont .cont-txt{white-space:normal; text-overflow:clip}
      .board-basic-list .list-body li .basic-cont .cont-link{font-size:2.3rem}


      .board-basic-list .list-body li.even{background-color:#f8f8f8}
      .board-basic-list .list-body .icon-file{background-color:#ebebeb}

      .board-basic-list.nr-notice div.col3{display:none}
      .board-basic-list.nr-tender div.col3{display:none}
      .board-basic-list.nr-press div.col3{display:none}
      .board-basic-list.nr-culture div.col3{display:none}
      .board-basic-list.nr-recruit div.col3{display:none}
      .board-basic-list.cs-archive div.col3{display:none}

      .board-basic-list.cs-delay .body li .col-tit{min-width:100px; max-width:100px}
      .board-basic-list.cs-talk .body li .col-tit{min-width:80px; max-width:80px}

      .board-basic-list.nr-notice .body li .col1 .col-tit,
      .board-basic-list.nr-tender .body li .col1 .col-tit,
      .board-basic-list.nr-press .body li .col1 .col-tit,
      .board-basic-list.nr-culture .body li .col1 .col-tit,
      .board-basic-list.nr-recruit .body li .col1 .col-tit,
      .board-basic-list.cs-voice .body li .col1 .col-tit,
      .board-basic-list.cs-archive .body li .col1 .col-tit,
      .board-basic-list.cs-delay .body li .col1 .col-tit,
      .board-basic-list.cs-talk .body li .col1 .col-tit{min-width:auto}

      .board-link .link-box{width:100%}

      .board-file .file-box{width:100%}

      .fileupload-cmm .fileupload-container{width:100% !important}
}


/* **************************************** *
* response max 1000px
* **************************************** */
@media all and (max-width:1000px)
{
      .svisual{background:url(../img/layout/svisual-bg01.jpg) no-repeat -85rem 50%}

      .lay-hr{flex-direction:column}
      .lay-hr .lay-box.col5{flex:1}
}

/* **************************************** *
* response max 800px / mobile
* **************************************** */
@media all and (max-width:800px)
{
      html{font-size:8px}

      #gt-footer .footer-inner{padding:0 2.5rem 8rem}

      .msec-visual .visual-swiper .swiper-slide .slide-box .slogan-m strong{line-height:5.5rem; font-size:4.5rem}

      .msec-intro .intro-token:before{min-width:30rem; max-width:30rem; min-height:40rem; max-height:40rem; background-size:cover}

      .terms-wrap .terms-inner{padding:3.5rem}

      .svisual .page-tit .current-tit{line-height:4.9rem; font-size:4.9rem}

      .info-list > li{letter-spacing:normal}

      .svisual{background:url(../img/layout/svisual-bg01.jpg) no-repeat -120rem 50%}

      .board-basic-list.gt-event div.col1 .basic-tit,
      .board-basic-list.gt-event div.col2 .basic-tit{display:none}
      .board-basic-list.gt-event div.col1 .basic-cont .check-cmm{margin-left:0 !important}

      .wform-cmm .txtinput-cmm{flex:1}
      .wform-cmm .wform-list{gap:3rem}
      .wform-cmm .wform-list > li{flex-direction:column; gap:1rem}

      .wform-cmm.comment-form .wform-tit{padding:1.4rem 1.5rem; background-color:#eef2f7; border-radius:0.4rem}
      .wform-cmm.comment-form .wform-tit.mwid140{min-width:10rem !important}
      .wform-cmm.comment-form .wform-list > li.multiple{gap:1rem}
      .wform-cmm.comment-form .wform-list > li.multiple .col-box{gap:1rem}

      .wform-cmm.comment-form .txtinput-cmm.wid200{width:100% !important}
}

/* **************************************** *
* response max 600px
* **************************************** */
@media all and (max-width:600px)
{
      .msec-visual .visual-swiper .swiper-slide .slide-box .slogan-m strong{line-height:4rem; font-size:3rem}

      .svisual{background:url(../img/layout/svisual-bg01.jpg) no-repeat -140rem 50%}
}

/* **************************************** *
* response max 400px
* **************************************** */
@media all and (max-width:400px)
{
    html{font-size:7px}

    #gt-footer .footer-inner{width:100%; margin:0}

    .msec-event .event-step .step-link{width:100%}

    .svisual{background:url(../img/layout/svisual-bg01.jpg) no-repeat -180rem 50%}
}