@charset "utf-8";

.main #header{box-shadow:0 3px 4px rgba(0, 0, 0, 0.1);}

#container{position:relative; width:100%; padding:2rem 0 4.5rem;}
#container > .inner{display:flex; flex-direction:column; max-width:80rem; margin:0 auto; gap:3rem 0;}

/** MC_wrap **/
div[class^="MC_wrap"] {position:relative; width:100%;}
.MC_wrap1,
.MC_wrap2{display:flex; gap:1.2rem;}
.MC_wrap2{
    --buttonSize: 2rem;
}

/** MC_box **/
div[class^="MC_box"] {position:relative; line-height:1.5;}
.MC_box1,
.MC_box3{min-width:0; flex:1;}
.MC_box2,
.MC_box4{flex-shrink:0; width:19.1rem;}

/* 공통 */
.heading{font-size:1.4rem; color:#1D1D1D; line-height:var(--buttonSize); font-weight:700;}

/* 메인 비쥬얼 */
.MVisual{position:relative; width:100%;}
.MVisual .slider{overflow:hidden; position:relative; width:100%; border-radius:2rem;}
.MVisual .slider > div{width:100%;}
.MVisual .slider .vis_link{display:flex; align-items:center; justify-content:center; position:relative; width:100%;}
.MVisual .slider .vis_link img{width:100%; height:22rem; transform:scale(1); transition:transform 0.3s ease;}
.MVisual .control{display:flex; position:absolute; bottom:3.25rem; left:3.25rem; gap:1.2rem;}
.MVisual .control .page_wrap{display:flex; align-items:center; position:relative;}
.MVisual .control .page_wrap > span{font-size:16px; color:#202020;}
.MVisual .control .page_wrap .current{font-weight:700;}
.MVisual .control .page_wrap .total{}
.MVisual .control .prg_bar{display:block; position:relative; width:4rem; height:1px; margin:0 0.5rem; background:rgba(0, 0, 0, 0.3);}
.MVisual .control .btn_wrap{display:flex; align-items:center; position:relative; gap:0.5rem;}
.MVisual .control .btn_wrap > a{display:flex; align-items:center; justify-content:center; position:relative; width:2.3rem; height:2.3rem; border:1px solid #003668; background:rgba(0, 54, 104, 0); border-radius:50%; color:#003668; transition:backround 0.3s ease, color 0.3s ease;}
.MVisual .control .btn_wrap .prev{}
.MVisual .control .btn_wrap .next{}
.MVisual .control .btn_wrap .play,
.MVisual .control .btn_wrap .stop{font-size:1rem; line-height:1;}
.MVisual .control .btn_wrap .play{display:none;}
.MVisual .control .btn_wrap .stop{}
.MVisual .slider .vis_link:focus{outline:2px solid #000;}
.MVisual .slider .vis_link:hover img,
.MVisual .slider .vis_link:focus img{transform:scale(1.02);}
.MVisual .control .btn_wrap > a:hover,
.MVisual .control .btn_wrap > a:focus{background:rgba(0, 54, 104, 100); color:#fff;}
.MVisual .control .btn_wrap > a:focus{outline:2px solid #fff; outline-offset:-0.2rem;}

/* 로그인 */
.MLogin{position:relative; width:100%; height:22rem; padding:2.75rem 2rem; background:#F0F2F6; border-radius:2rem;}
.MLogin > h3{font-size:1.4rem; color:#000; letter-spacing:-0.01em; line-height:1.2; font-weight:700; text-align:center;}
.MLogin .loginBox{position:relative;}
.MLogin .loginBox .login{}
.MLogin .loginBox .login .txt,
.MLogin .loginBox .login .form{display:flex; flex-direction:column; justify-content:center; position:relative; width:100%; text-align:center;}
.MLogin .loginBox .login .txt{}
.MLogin .loginBox .login .txt > p{font-size:16px; color:#787B83; line-height:1.5; letter-spacing:-0.01em;}
.MLogin .loginBox .login .txt strong{font-weight:600;}
.MLogin .loginBox .login .form{display:flex; flex-direction:column; position:relative; margin-top:2rem; gap:10px;}
.MLogin .loginBox .login .form > a,
.MLogin .loginBox .login .form > input,
.MLogin .loginBox .login .form > button{display:flex; align-items:center; width:100%; height:2.75rem; border-radius:10px; letter-spacing:-0.01em; font-family:'Pretendard';}
.MLogin .loginBox .login .form input{padding-left:2.25rem; padding-right:1rem; border:none; background:#fff; background-repeat:no-repeat; font-size:15px; color:#444; letter-spacing:-0.03em; font-weight:500; box-shadow:0 0 5px rgba(0, 0, 0, 0.15);}
.MLogin .loginBox .login .form input::placeholder{color:#B1B1B1;}
.MLogin .loginBox .login .form .login_id{background-image:url(/images/web/evaluation/main/login_id.png); background-position:left 23px center;}
.MLogin .loginBox .login .form .login_pw{background-image:url(/images/web/evaluation/main/login_pw.png); background-position:left 22px center;}
.MLogin .loginBox .login .form .info_btn{justify-content:center; background:#fff; border:1px solid #D7DCE6; font-size:0.9rem; color:#444; line-height:1; transition:border-color 0.3s ease;}
.MLogin .loginBox .login .form .info_btn i{margin-right:5px; color:#C9CBCF;}
.MLogin .loginBox .login .form .login_btn{justify-content:center; background:#165998; border:2px solid #165998; font-size:0.9rem; color:#fff; line-height:1; font-weight:600; transition:background 0.3s ease, color 0.3s ease;}
.MLogin .loginBox .login .form .login_btn i{margin-right:5px; font-weight:400;}
.MLogin.before .loginBox{margin-top:0.65rem;}
.MLogin.before .loginBox .login .txt > p{letter-spacing:-0.03em;}
.MLogin.before .loginBox .login .txt > p br{display:none;}
.MLogin.before .loginBox .login .form{}
.MLogin.before .loginBox .login .form input{}
.MLogin.before .loginBox .login .form button{margin-top:10px;}
.MLogin.after{padding:4.4rem 2rem;}
.MLogin.after .loginBox{margin-top:0.8rem;}
.MLogin.after .loginBox .login .txt > p:not(.log){font-size:0.9rem; color:#444;}
.MLogin.after .loginBox .login .txt .log{margin-top:0.7rem;}
.MLogin.after .loginBox .login .txt .log i{color:#9D9EA1; margin-right:5px;}
.MLogin .loginBox .login .form .info_btn:hover,
.MLogin .loginBox .login .form .info_btn:focus{border-color:#444;}
.MLogin .loginBox .login .form .login_btn:hover,
.MLogin .loginBox .login .form .login_btn:focus{background:#fff; color:#165998;}

/* 알립니다 */
.board{position:relative; width:100%;}
.board .txtWrap{display:flex; position:relative; gap:1rem;}
.board .titTab{}
.board .titTab ul{display:flex;}
.board .titTab ul li{position:relative; padding-right:1rem; padding-left:1.35rem;}
.board .titTab ul li + li:before{display:block; position:absolute; top:calc(50% - 3.5px); left:0; width:7px; height:7px; background:#ccc; border-radius:100%; content:'';}
.board .titTab ul li a{display:flex; align-items:center; position:relative; padding-left:0; font-size:1.1rem; color:#555; line-height:var(--buttonSize); transition:padding-left 0.3s ease, color 0.3s ease;}
.board .titTab ul li a:before{display:inline-flex; position:relative; align-items:center; justify-content:center; margin-right:0px; font-size:0rem; color:#165998; font-weight:700; font-family:'remixicon'; content: "\eb80"; transition:margin-right 0.3s ease, font-size 0.3s ease;}
.board .titTab ul li a.current{}
.board .titTab ul li a.current:before{margin-right:8px; font-size:1.2rem;}
.board .titTab ul li a:hover,
.board .titTab ul li a:focus,
.board .titTab ul li a.current{color:#165998; font-weight:700;}
.board .tabWrap{width:100%; margin-top:1.1rem;}
.board .list_box{display:none;}
.board .list_box.on{display:block;}
.board .list_box ul{display:flex; flex-wrap:wrap; position:relative; gap:0.9rem 1rem;}
.board .list_box ul li{width:calc(50% - 0.5rem);}
.board .list_box ul li:nth-child(n + 5){display:none;}
.board .list_box ul li a{display:flex; flex-direction:column; justify-content:space-between; position:relative; width:100%; height:7rem; padding:1.6rem 3.95rem 1.6rem 1.95rem; border:1px solid #D9DBDF; border-radius:1rem; background:#fff;}
.board .list_box ul li a:after{display:flex; align-items:center; justify-content:center; position:absolute; top:calc(50% - 1rem); right:1.5rem; width:2rem; height:2rem; background:rgba(240, 242, 246, 0); border-radius:100%; font-size:1.2rem; color:#ACACAC; font-family:'remixicon'; content: "\ea6e"; transition:backgrond 0.3s ease, color 0.3s ease;}
.board .list_box ul li.no-data{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:14.9rem; background:#F0F2F6; border-radius:1rem; font-size:1rem; color:#202020; font-weight:700;}
.board .list_box .main-con{display:flex; align-items:center; position:relative; gap:0.75rem;}
.board .list_box .main-con .type{display:flex; align-items:center; justify-content:center; position:relative; width:3.5rem; border-radius:50rem; font-size:15px; line-height:2; font-weight:700;}
.board .list_box .main-con .type01{background:#E5EEFF; color:#1D5B96;}
.board .list_box .main-con .type02{background:#DBF2F4; color:#0D8C99;}
.board .list_box .main-con .title{display:flex; align-items:center; position:relative; flex:1; min-width:0;}
.board .list_box .main-con .title > span{display:block; overflow:hidden; text-overflow:ellipsis; position:relative; font-size:0.9rem; color:#202020; line-height:1.5; font-weight:500; white-space:nowrap;}
.board .list_box .main-con .new{display:inline-flex; flex-shrink:0; position:relative; align-items:center; justify-content:center; width:1.25rem; height:1.25rem; margin-right:7px; background:#F97073; border-radius:100%; font-size:14px; color:#fff; line-height:1.25rem; font-weight:700;}
.board .list_box .main-date{font-size:0.8rem; color:#9C9C9C; line-height:1.2;}
.board .list_box ul li a:hover:after,
.board .list_box ul li a:focus:after{background:rgba(240, 242, 246, 1); color:#515151;}
.board .list_box ul li a:hover .title > span,
.board .list_box ul li a:focus .title > span{font-weight:600;}
.board .list_box .more{display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; width:var(--buttonSize); height:var(--buttonSize); border:1px solid #D9DBDF; border-radius:100%; background:#fff; transition:border 0.3s ease, background 0.3s ease;}
.board .list_box .more > i{position:relative; font-size:1.3rem; color:#2E3640; line-height:1; transition:color 0.3s ease;}
.board .list_box .more:hover,
.board .list_box .more:focus{border:1px solid #2E3640; background:#2E3640;}
.board .list_box .more:hover > i,
.board .list_box .more:focus > i{color:#fff;}
.board .list_box .more:focus{outline:2px solid #fff; outline-offset:-0.2rem;}

/* 팝업존 */
.popUp{position:relative; width:100%;}
.popUp .slider{overflow:hidden; position:relative; width:100%; margin-top:1.1rem; border-radius:1rem;}
.popUp .slider .pop_link{display:flex; align-items:center; justify-content:center; position:relative; width:100%; background:rgba(0, 0, 0, 0.1);}
.popUp .slider .pop_link img{width:100%; height:14.9rem; object-fit:contain; transform:scale(1); transition:transform 0.3s ease;}
.popUp .slider .pop_link:hover img,
.popUp .slider .pop_link:focus img{transform:scale(1.02);}
.popUp .control{display:flex; align-items:center; justify-content:space-between; position:absolute; top:0; right:0; width:8rem;}
.popUp .control .page_wrap{display:flex; align-items:center; position:relative;}
.popUp .control .page_wrap > span{color:#777;}
.popUp .control .page_wrap .current{color:#165998; font-weight:700;}
.popUp .control .page_wrap .total{}
.popUp .control .page_wrap .prg_bar{display:block; position:relative; width:0.75rem; height:1px; margin:0 0.4rem; background:#777;}
.popUp .control .btn_wrap{display:flex; position:relative;}
.popUp .control .btn_wrap > a{display:flex; align-items:center; justify-content:center; position:relative; width:var(--buttonSize); height:var(--buttonSize); border:1px solid #D9DBDF; border-radius:100%; background:#fff; transition:border 0.3s ease, background 0.3s ease;}
.popUp .control .btn_wrap > a:hover,
.popUp .control .btn_wrap > a:focus{border:1px solid #2E3640; background:#2E3640;}
.popUp .control .btn_wrap > a i{font-size:1.2rem; color:#2E3640; line-height:1; transition:color 0.3s ease;}
.popUp .control .btn_wrap > a:hover i,
.popUp .control .btn_wrap > a:focus i{color:#fff;}
.popUp .control .btn_wrap > a:focus{outline:2px solid #fff; outline-offset:-0.2rem;}

/* 바로가기 */
.M_link1{position:relative; width:100%;}
.M_link1 ul{display:flex; position:relative; gap:1.2rem;}
.M_link1 ul li{flex:1; min-width:0;}
.M_link1 ul li:nth-child(n + 5){display:none;}
.M_link1 ul li > a{display:flex; overflow:hidden; position:relative; width:100%; height:10.75rem; padding:1.6rem 1.75rem 1.75rem; border-radius:1rem;}
.M_link1 ul li:nth-child(1) > a{background:#E3F0FF;}
.M_link1 ul li:nth-child(2) > a{background:#FFEDF7;}
.M_link1 ul li:nth-child(3) > a{background:#FFF7D8;}
.M_link1 ul li:nth-child(4) > a{background:#DEF4F3;}
.M_link1 ul li .con{display:flex; flex-direction:column; position:relative; height:100%;}
.M_link1 ul li .con > *{letter-spacing:-0.02em;}
.M_link1 ul li .con h3{font-size:1.2rem; color:#202020; font-weight:600;}
.M_link1 ul li .con > p{margin-top:0.5rem; font-size:17px; color:#88857B; transition:color 0.3s ease;}
.M_link1 ul li .more{display:flex; align-items:center; position:relative; margin-top:auto; font-size:15px; color:#535353; font-weight:500;}
.M_link1 ul li .more:after{display:flex; position:relative; margin-left:5px; font-size:0.9rem; color:#ACACAC; line-height:1; font-family:'remixicon'; content:"\ea6e"; }
.M_link1 ul li a > img{position:absolute; bottom:1.5rem; right:2rem;}
.M_link1 ul li > a:hover .con h3,
.M_link1 ul li > a:focus .con h3{font-weight:700}
.M_link1 ul li > a:hover .con > p,
.M_link1 ul li > a:focus .con > p{color:#222;}

@media screen and (max-width:1640px) {
    #container > .inner{max-width:100%; padding:0 1rem;}
    
    /* 메인 비쥬얼 */
    .MVisual .slider .vis_link img{height:27vw;}
    .MVisual .control{bottom:3.6vw; left:3.9vw;}
    
    /* 로그인 */
    .MLogin{height:27vw; padding:3.1vw 2.5vw 3.3vw;}
    .MLogin .loginBox .login .form > a,
    .MLogin .loginBox .login .form > input,
    .MLogin .loginBox .login .form > button{height:3.4vw;}
    .MLogin.after{padding:3.6vw 2.5vw 3.4vw;}
    
    /* 알립니다 */
    .board .list_box ul li a{padding-left:2vw; padding-right:4.5vw;}
    .board .list_box ul li a:after{right:1.2vw;}
    
    /* 바로가기 */
    .M_link1 ul li a > img{right:1.5rem; transform:scale(0.8); transform-origin:right bottom;}
}

@media screen and (max-width:1440px) {
    /** MC_box **/
    .MC_box2,
    .MC_box4{width:25vw;}
    
    /* 메인 비쥬얼 */
    .MVisual .slider .vis_link img{height:28vw;}
    
    /* 로그인 */
    .MLogin{height:28vw; padding:2.7vw 2.3vw 3.2vw;}
    .MLogin .loginBox .login .form > a,
    .MLogin .loginBox .login .form > input,
    .MLogin .loginBox .login .form > button{height:3.7vw;}
    .MLogin.after{padding:3.4vw 1.8vw 3vw;}
    
    /* 알립니다 */
    .board .list_box .main-con{gap:0.6rem;}
    .board .list_box ul li a{padding-left:1.5vw; padding-right:4vw;}
    .board .list_box ul li a:after{top:1rem; width:1.8rem; height:1.8rem; right:1vw;}
    .board .list_box .main-con .new{width:1.15rem; height:1.15rem; font-size:13px;}
    
    /* 바로가기 */
    .M_link1 ul li > a{padding-left:2.3vw; padding-right:2.2vw;}
    .M_link1 ul li a > img{bottom:1.3rem; right:2vw; transform:scale(0.7);}
}

@media screen and (max-width:1240px) {
    #container{padding-bottom:4rem;}
    #container > .inner{gap:2.5rem 0;}
    
    /* 메인 비쥬얼 */
    .MVisual .slider{border-radius:1.5rem;}
    
    /* 로그인 */
    .MLogin{padding:2.7vw 2vw 3vw; border-radius:1.5rem;}
    .MLogin > h3{font-size:1.2rem;}
    .MLogin .loginBox .login .form > a,
    .MLogin .loginBox .login .form > input,
    .MLogin .loginBox .login .form > button{height:4vw;}
    .MLogin.before .loginBox{margin-top:0.7vw;}
    .MLogin.before .loginBox .login .txt > p:first-child{display:none;}
    .MLogin.before .loginBox .login .form button{margin-top:0.5vw;}
    .MLogin.after{padding:3vw 2vw 2.7vw;}
    .MLogin.after .loginBox .login .txt .log > span{display:block;}
    .MLogin.after .loginBox .login .txt .log{margin-top:1vw; line-height:1.4;}
    
    /* 알립니다 */
    .board .txtWrap{gap:0;}
    .board .titTab ul li a{font-size:1rem;}
    .board .titTab ul li a.current:before{margin-right:5px; font-size:1.1rem;}
    .board .list_box ul{gap:1rem 1.5vw;}
    .board .list_box ul li{width:calc(50% - 0.75vw);}
    .board .list_box ul li a{padding:1rem 4vw 1rem 1.5vw;}
    .board .list_box .main-con{flex-direction:column; align-items:flex-start;}
    .board .list_box .main-con .title{flex:auto; min-width:unset; width:100%;}
    .board .list_box .main-con .new{width:1rem; height:1rem; margin-right:5px; font-size:12px; line-height:inherit;}
    
    /* 바로가기 */
    .M_link1 ul{gap:1rem;}
    .M_link1 ul li .con h3{font-size:1.1rem;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
    /* 로그인 */
    .MLogin.before .loginBox .login .txt > p{line-height:1.3;}
    .MLogin.before .loginBox .login .txt > p br{display:block;}
}

@media screen and (max-width:1024px) {
    #container{padding-bottom:3.5rem;}
    
    /** MC_wrap **/
    .MC_wrap1{flex-direction:column;}
    .MC_wrap2{gap:1rem;}
    
    /** MC_box **/
    .MC_box2{width:100%;}
    .MC_box4{width:15rem;}
    
    /* 공통 */
    .heading{font-size:1.3rem;}
    
    /* 메인 비쥬얼 */
    .MVisual .slider{border-radius:1rem;}
    .MVisual .slider .vis_link img{height:36vw;}
    .MVisual .control{left:5vw; bottom:4.5vw;}
    
    /* 로그인 */
    .MLogin{display:flex; align-items:center; gap:2vw; height:auto; padding:1.4rem 3vw; border-radius:1rem;}
    .MLogin > h3{display:none;}
    .MLogin > div{width:100%;}
    .MLogin .loginBox .login .txt{flex-direction:row; gap:0.5rem;}
    .MLogin .loginBox .login .form{margin-top:0.7rem;}
    .MLogin .loginBox .login .form > a,
    .MLogin .loginBox .login .form > input,
    .MLogin .loginBox .login .form > button{height:2.5rem;}
    .MLogin .loginBox .login .form .login_id{background-position:left 20px center;}
    .MLogin .loginBox .login .form .login_pw{background-position:left 19px center;}
    .MLogin.after .loginBox .login .txt > p:not(.log) span{display:none;}
    .MLogin.before .loginBox{margin-top:0;}
    .MLogin.before .loginBox .login .form button{margin-top:0;}
    .MLogin.before .loginBox .login .form .login_btn{width:15rem;}
    .MLogin.before .loginBox .login .txt > p:nth-child(2){padding-left:0.2rem;}
    .MLogin.after{padding:1.4rem 3vw;}
    .MLogin.after .loginBox{margin-top:0;}
    .MLogin.after .loginBox .login .txt .log{margin-top:0;}
    .MLogin.after .loginBox .login .txt .log > span{display:inline-block;}
    
    /* 알립니다 */
    .board .tabWrap{margin-top:1rem;}
    .board .list_box ul{gap:0.7rem 1.3vw;}
    .board .list_box ul li{calc(50% - 0.65vw)}
    .board .list_box ul li.no-data{height:14.7rem;}
    
    /* 팝업존 */
    .popUp .slider{margin-top:1rem;}
    .popUp .slider .pop_link img{height:14.7rem;}
    
    /* 바로가기 */
    .M_link1 ul{gap:2vw;}
    .M_link1 ul li .con > p{font-size:16px;}
    .M_link1 ul li a > img{transform:scale(0.6);}
}

@media screen and (max-width:1024px) and (min-width:769px) {
    /* 로그인 */
    .MLogin .loginBox .login .txt{justify-content:flex-start;}
    .MLogin.after .loginBox .login .txt{justify-content:space-between;}
}

@media screen and (max-width:1024px) and (min-width:561px) {
    /* 로그인 */
    .MLogin .loginBox .login .form{flex-direction:row;}
}

@media screen and (max-width:860px) {
    #container{padding-bottom:3rem;}
    
    /** MC_wrap **/
    .MC_wrap2{
        --buttonSize:1.8rem;
    }
    
    /* 공통 */
    .heading{font-size:1.2rem;}
    
    /* 알립니다 */
    .board .titTab ul li{padding-left:2.2vw; padding-right:1.6vw;}
    .board .titTab ul li + li:before{top:calc(50% - 2.5px); width:5px; height:5px;}
    .board .titTab ul li a{font-size:0.95rem;}
    .board .titTab ul li a.current:before{font-size:1rem;}
    .board .list_box ul{flex-direction:column;}
    .board .list_box ul li{width:100%;}
    .board .list_box ul li:nth-child(n + 3){display:none;}
    .board .list_box ul li a{padding:1rem 2rem 1rem 1rem;}
    .board .list_box ul li a:after{right:1rem;}
    .board .list_box .more > i{font-size:1.2rem; line-height:normal;}
}

@media screen and (max-width:768px) {
    /* 로그인 */
    .MLogin{flex-direction:column; gap:0.5rem;}
    .MLogin.after .loginBox .login .txt{flex-direction:column; gap:0;}
    
    /* 메인 비쥬얼 */
    .MVisual .control .btn_wrap > a{width:2.1rem; height:2.1rem;}
    
    /* 바로가기 */
    .M_link1 ul li .con h3{font-size:1.05rem;}
    .M_link1 ul li > a{height:6.5rem; padding:1.5rem 2.2vw 1.4rem 2.5vw;}
    .M_link1 ul li a > img{bottom:1rem; right:1rem; transform:scale(0.5);}
    .M_link1 ul li .con > p{display:none;}
    /*.M_link1 ul li .more{display:none;}*/
}

@media screen and (max-width:700px) {
    /** MC_box **/
    .MC_box4{width:13rem;}
    
    /* 알립니다 */
    .board .list_box .main-con{gap:0.5rem;}
    .board .list_box .main-con .type{line-height:1.9;}
    .board .list_box ul li a{height:6.5rem; padding:0.8rem 2rem 0.85rem 1rem;}
    .board .list_box ul li a:after{right:0.8rem; width:1.6rem; height:1.6rem; line-height:normal;}
    .board .list_box ul li.no-data{height:13.7rem;}
    
    /* 팝업존 */
    .popUp .slider .pop_link img{height:13.7rem;}
}

@media screen and (max-width:640px) {
    #container{padding-bottom:2.5rem;}
    #container > .inner{gap:2rem 0;}
    
    /** MC_wrap **/
    .MC_wrap2{
        --buttonSize:1.7rem;
    }
    
    /* 메인 비쥬얼 */
    .MVisual .slider .vis_link img{height:36vw;}
    .MVisual .control .prg_bar{width:3rem;}
    .MVisual .control .btn_wrap > a{width:1.8rem; height:1.8rem;}
    
    /* 로그인 */
    .MLogin .loginBox .login .form input{padding-left:2rem;}
    .MLogin .loginBox .login .form .login_id{background-position:left 16px center;}
    .MLogin .loginBox .login .form .login_pw{background-position:left 15px center;}
    .MLogin.before .loginBox .login .form .login_btn{width:12rem;}
    
    /* 알립니다 */
    .board .titTab ul li{padding-left:1.7vw; padding-right:1.1vw;}
    .board .titTab ul li + li:before{top:calc(50% - 2px); width:4px; height:4px;}
    .board .titTab ul li a.current:before{margin-right:3px; font-size:0.95rem;}
    
    /* 팝업존 */
    .popUp .control{width:7.5rem;}
    
    /* 바로가기 */
    .M_link1 ul{flex-wrap:nowrap; flex-direction:column; gap:0.7rem;}
    .M_link1 ul li{width:100%;}
    .M_link1 ul li > a{height:auto; padding:1.3rem 1.2rem; border-radius:0.75rem;}
    .M_link1 ul li a > img{right:1rem; transform:scale(0.45);}
    .M_link1 ul li:nth-child(1) a > img{}
    .M_link1 ul li:nth-child(2) a > img{right:1.2rem; bottom:1.2rem;}
    .M_link1 ul li:nth-child(3) a > img{right:1.3rem;}
    .M_link1 ul li:nth-child(4) a > img{}
    .M_link1 ul li .con h3{font-size:1rem;}
    .M_link1 ul li .more{display:none;}
}

@media screen and (max-width:600px) {
    /** MC_wrap **/
    .MC_wrap2{flex-direction:column; gap:1.5rem;}
    
    /** MC_box **/
    .MC_box4{width:100%;}
    
    /* 알립니다 */
    .board .titTab ul li{padding-left:0.8rem; padding-right:0.6rem;}
}

@media screen and (min-width:381px) and (max-width:600px) {
    /* 팝업존 */
    .popUp .slider{border-radius:0;}
    .popUp .slider .slick-list{margin-left:-3vw;}
    .popUp .slider .slick-slide{margin-left:3vw;}
    .popUp .slider .pop_link{overflow:hidden; border-radius:1rem;}
    .popUp .slider .pop_link img{height:40vw;}
}

@media screen and (max-width:560px) {
    /* 로그인 */
    .MLogin.before .loginBox .login .form .login_btn{width:100%;}
    .MLogin .loginBox .login .form > a,
    .MLogin .loginBox .login .form > input,
    .MLogin .loginBox .login .form > button{height:2.25rem;}
}

@media screen and (max-width:480px) {
    /* 메인 비쥬얼 */
    .MVisual .control{gap:0.7rem;}
    .MVisual .control .page_wrap > span{font-size:15px;}
    .MVisual .control .prg_bar{width:1.5rem;}
    .MVisual .control .btn_wrap > a{width:1.6rem; height:1.6rem; line-height:normal;}
}

@media screen and (max-width:380px) {
    #container > .inner{padding:0 0.7rem;}
    
    /* 공통 */
    .heading{font-size:1.1rem;}
    
    /* 로그인 */
    .MLogin{padding:1.2rem 1rem;}
    .MLogin .loginBox .login .txt{word-break:keep-all;}
    .MLogin .loginBox .login .txt > p{font-size:15px;}
    .MLogin.after{padding:1.2rem 1rem;}
    
    /* 알립니다 */
    .board .txtWrap{flex-direction:column;}
    .board .titTab{margin-top:0.3rem;}
    .board .titTab ul{justify-content:flex-start;}
    .board .titTab ul li:first-child{padding-left:0;}
    .board .titTab ul li a{font-size:0.9rem;}
    .board .tabWrap{margin-top:0.5rem;}
    .board .list_box ul li a{padding-right:1.5rem; padding-left:0.8rem;}
    .board .list_box ul li a:after{top:0.8rem;}
    .board .list_box .main-con .type{font-size:14px; line-height:1.8;}
    .board .list_box ul li.no-data{font-size:0.9rem;}
    
    /* 팝업존 */
    .popUp .slider .pop_link img{height:11rem;}
    
    /* 바로가기 */
    .M_link1 ul li > a{padding:1rem 1.1rem;}
    .M_link1 ul li a > img{bottom:0.8rem; transform:scale(0.35);}
    .M_link1 ul li:nth-child(2) a > img{bottom:1rem;}
    .M_link1 ul li .con h3{font-size:0.95rem;}
}