@charset "utf-8";

.wrap{position:relative;  max-width:1200px; margin:0 auto;}
@media screen and (max-width:1200px) {
	.main_box_wrap{margin:0 2% !important; max-width:100%; padding:6rem 0 !important;}
}
@media screen and (max-width: 1160px){
	.main_box_wrap{padding:3rem 0 !important;}
}
@media screen and (max-width:640px) {
	.wrap{margin:0 4% !important; }
}

.bg{background:url(../../images/web/main/visual1_s.jpg)no-repeat; background-size:cover; background-position:center;}

/*Main Visual */
.main_visual{position: relative;}
.main_visual .bx-wrapper { margin:0 auto; padding: 0px; position: relative; width:100%; overflow:hidden ; position:relative; }

.main_visual .bx-wrapper .bx-viewport { border: 0px solid #000;    } /*영역*/
.main_visual .bx-wrapper .bx-loading { background: url("../images/bx_loader.gif") no-repeat center rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100; min-height: 50px; }/*로딩*/
.main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }

.bx-controls{
    display: none;
    position: absolute;width: 1200px;left: 50%; top: 0; bottom: 0;margin-left: -600px;
}
.main_visual .bx-controls-auto{position: absolute; bottom: 0; right: 90px;}
.main_visual .bx-controls-auto a{display: block; width: 39px; height: 39px; text-indent: -9999px;}
.main_visual .bx-controls-direction::after{content: ''; display: block; clear: both;}
.main_visual .bx-controls-direction a {display:block; width:44px; height:94px;     text-indent: -9999px;}
.main_visual .bx-wrapper .bx-prev {
    background: url("../img/main/arrow_prv.png") no-repeat;
    position: absolute;
    left: -10%;
    top: 50%;
    margin-top: -47px;
}
.main_visual .bx-wrapper .bx-next {
    background: url("../img/main/arrow_nxt.png") no-repeat;
    position: absolute;
    right: -10%;
    top: 50%;
    margin-top: -47px;
}

.main_visual .bx-pager{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 60;
}
.main_visual .bx-pager-item{
    display: inline-block;
    vertical-align: bottom;
    width: 65px;
    text-align: center;
}
.main_visual .bx-pager-link{
    color: rgba(255, 255, 255, 0.6);
}
.main_visual .bx-pager-link.active{
    color: #fff;
}
.main_visual .bx-pager-link::after{
    content: '';
    display: block;
    width: 2px;
    height: 20px;
    margin: 3px auto 0;
    background: rgba(255, 255, 255, 0.5);
    transition: 0.4s;
}
.main_visual .bx-pager-item:hover .bx-pager-link::after{
    height: 45px;
}
.main_visual .bx-pager-link.active::after{
    height: 45px;
    background: #fff;
}

.slide-number{  position: absolute;   bottom: 9%;   right: 0;   width: 100%;}
.slide-number .wrap{   text-align: right;}
#currentNum::before{   content: '';   display: block;   position: absolute;   left: -30px;   top: 11px;   background: rgba(255, 255, 255, 0.9);   width: 20px;   height: 2px;}
#currentNum{   position: relative;   display: inline-block;   font-size: 19px;   color: #fff;   letter-spacing: 2px;}
.slide-number .slash{   font-size: 24px;   font-weight: 100;   margin: 0 7px;   color: rgba(255, 255, 255, 0.35);}
#allNum{   font-size: 13px;   color: rgba(255, 255, 255, 0.6);   letter-spacing: 2px;}

.main_visual ul.main_img li { position: relative !important; width: 100%; overflow:hidden;  }
/*.main_visual ul.main_img li.v_01 { background: #111 url("../img/main/visual1.jpg") no-repeat center center;}
.main_visual ul.main_img li.v_02 { background: #111 url("../img/main/visual2.jpg") no-repeat center center;}
.main_visual ul.main_img li.v_03 { background: #111 url("../img/main/visual3.jpg") no-repeat center center;}
.main_visual ul.main_img li.v_04 { background: #111 url("../img/main/visual4.jpg") no-repeat center center;}
.main_visual ul.main_img li.v_05 { background: #111 url("../img/main/visual5.jpg") no-repeat center center;}*/

.main_visual ul.main_img li .visual_inner {position:relative; width:1200px; margin:0 auto; height:500px;}
.main_visual ul.main_img li .typo {position:absolute; width:100%; z-index:55; top:55%; transform:translate(0,-50%); color:#fff;}
/*.main_visual ul.main_img li.v_01 .typo{
    top: 29%;
}*/
.main_visual ul.main_img li .typo.center{text-align: center;}
.main_visual ul.main_img li .typo.white{color: #fff;}
.main_visual ul.main_img li .typo .line_eng {color:#1ab66f; font-size:13px; font-weight:600; letter-spacing:3px; margin:0 0 10px 0;}
.main_visual ul.main_img li .typo .line_eng:before {content:'';display:inline-block; background:#1ab66f; width:52px; height:2px; vertical-align:middle; margin:0 10px 0 0;}
.main_visual ul.main_img li .typo .typo_lar {font-size:48px; font-weight:100; line-height:1;    letter-spacing: -2px;}
.main_visual ul.main_img li .typo .typo_lar strong{
    font-weight: 400 !important;
}
.main_visual ul.main_img li .typo .typo_lar span {font-size:64px; font-weight:600;}
.main_visual ul.main_img li .typo .detail_text {
    margin: 23px 0 0;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 300;
    letter-spacing: 0;
}
.main_visual ul.main_img li .typo .detail_text span {display:block; margin-bottom:8px; font-size:20px; line-height:1.45em; font-weight:500; color:#1ab66f;}
.main_visual ul.main_img li .typo a.more {font-size:12.5px; font-weight:600; letter-spacing:3px; display:block; width:150px; line-height:48px; text-align:center; border:1px solid rgba(255,255,255,.3);}
.main_visual ul.main_img li .typo a.more:hover {border:1px solid #fff;}
.main_visual ul.main_img li .typo .badge {position:absolute; top:120px; left:540px; display:block; width:180px; height:180px; line-height:180px; background:#1ab66f; border-radius:50%; text-align:center; font-size:18px; box-shadow: -8px -8px 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: -8px -8px 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: -8px -8px 8px 0 rgba(0, 0, 0, 0.1);-webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); animation:ani_opacity 3s ease-in-out;}
@keyframes ani_opacity{
  0%{opacity:0;}
  100%{opacity:1;}
}
.main_visual ul.main_img li .typo .badge p {margin:40px 0 0 0;}
.main_visual ul.main_img li .typo .badge span {display:block; font-size:24px;  line-height:40px;}
.main_visual ul.main_img li .typo .badge span.num {font-weight:600; font-size:38px;}
.main_visual ul.main_img li .img {position:relative; z-index:50;}
.main_visual ul.main_img li .img .mobile{display: none;}



@media screen and (max-width:1200px) {
.bx-controls{width: 100%; left: 0; margin-left: 0;}
.main_visual .bx-wrapper .bx-prev{left: 1%}
.main_visual .bx-wrapper .bx-next{right: 1%;}

.slide-number{bottom: 5%;}

.main_visual ul.main_img li.v_01 { background: none;}
.main_visual ul.main_img li.v_02 { background: none;}
.main_visual ul.main_img li.v_03 { background: none;}
.main_visual ul.main_img li.v_04 { background: none;}
.main_visual ul.main_img li .visual_inner {width:100%; margin:0 auto;}
.main_visual ul.main_img li .typo {width:96%; margin:0 2%;}
.main_visual ul.main_img li .typo .typo_lar {font-size:40px;}
.main_visual ul.main_img li .typo .typo_lar span {font-size:56px;}
.main_visual ul.main_img li .typo .detail_text {font-size:20px;}
.main_visual ul.main_img li .typo a.more {font-size:12px; width:150px; line-height:40px;}
.main_visual ul.main_img li .typo a.more:hover {border:1px solid rgba(255,255,255,.3);}
}
@media screen and (max-width:1160px) {
.slide-number{bottom: 4%;}
#currentNum{font-size: 16px; letter-spacing: 1px;}
.slide-number .slash{font-size: 20px; margin: 0 5px; }
#allNum {font-size: 12px; letter-spacing: 1px;}

.main_visual{padding:50px 0 0 0;}
.main_visual ul.main_img li .typo {text-align:center;}
.main_visual ul.main_img li .typo .line_eng {margin:0 0 8px 0;}
.main_visual ul.main_img li .typo .line_eng:before {display:none;}
.main_visual ul.main_img li .typo .typo_lar {font-size:40px;}
.main_visual ul.main_img li .typo .typo_lar span {font-size:40px;}
.main_visual ul.main_img li .typo .detail_text span {margin-bottom:8px; font-size:18px;}
.main_visual ul.main_img li .typo a.more {margin:0 auto;}
.main_visual ul.main_img li .typo .badge {display:none;}
}
@media screen and (max-width:800px) {
.main_visual ul.main_img li .typo { top:50%; transform:translate(0,-50%); }
.main_visual ul.main_img li .typo .line_eng {font-size:12px; letter-spacing:2px; margin:0 0 6px 0;}
.main_visual ul.main_img li .typo .typo_lar {font-size:28px;}
.main_visual ul.main_img li .typo .typo_lar span {font-size:28px;}
.main_visual ul.main_img li .typo .detail_text {font-size: 14px; margin-top: 10px;}
.main_visual ul.main_img li .typo a.more {margin-top:20px; letter-spacing:1px; width:90px; line-height:20px; border:0px; border-bottom:1px solid rgba(255,255,255,.3);}
.main_visual ul.main_img li .typo a.more:hover {border:0px; border-bottom:1px solid rgba(255,255,255,.3);}

.main_visual ul.main_img li.v_05 .typo .typo_lar {font-size:20px;}
.main_visual ul.main_img li.v_05 .typo .typo_lar span {display:block; padding:6px 0 0 0;}

.main_visual .bx-controls-direction a{width: 22px; height: 47px; background-size: 22px 47px !important;margin-top: -23.5px !important;}
.main_visual .bx-pager-link{font-size: 13px;}
.main_visual .bx-pager-link::after{height: 15px;}
.main_visual .bx-pager-link.active::after{height: 30px;}
}
@media screen and (max-width:540px){
    .main_visual ul.main_img li.v_01 .img .mobile{display: block;}
    .main_visual ul.main_img li.v_01 .img .pc{display: none;}
    .main_visual ul.main_img li.v_01 .typo{color: #fff; text-align: center; top: 50%;}

}
@media screen and (max-width:425px){
    .main_visual ul.main_img li .typo .typo_lar{font-size: 24px;}
    .main_visual ul.main_img li .typo .detail_text{    font-size: 12px;  margin-top: 7px;}
    .main_visual .bx-pager-item{width: 50px;}
    .main_visual .bx-pager-link{font-size: 11px;}
    .main_visual .bx-pager-link::after{height: 10px;}
    .main_visual .bx-pager-link.active::after{height: 20px;}
}
@media screen and (max-width:375px){
    .main_visual ul.main_img li .typo .typo_lar{font-size: 22px;}
}

.main_container {position:relative; overflow:hidden;}

/* 메인페이지 */
.tab-contents > div{
    display: none;
    height: 100%;
    overflow: hidden;
}

.main_box_wrap{
	padding: 3rem 0;
}
.main_box_wrap::after{
    content: '';
    display: block;
    clear: both;
}
.main_box_wrap article{
    background: #fff;
    float: left;
    height: 294px;
    box-sizing: border-box;
	width:35%;
	margin-right:1%;
    /* box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.12); 
    border: 1px solid #e0e0e0;*/
}
.main_box_wrap article.login{width:35%; margin-right:1%; padding:2rem; border-top: 4px solid #b82126;}
.main_box_wrap article.login span.logout{float:right; width:25%; height:36px; line-height:36px; margin-top:0; background:#eee; display:inline-block; text-align:center; cursor:pointer;}
.main_box_wrap article.login input{width:100%; height:45px; line-height:45px; padding:0 5px; margin-top:1.5rem; box-sizing:border-box;}
.main_box_wrap article.login span.login_btn{width:100%; height:45px; line-height:45px; margin-top:2rem; background:#eee; display:inline-block; text-align:center; cursor:pointer;}
.main_box_wrap article.login .login_btn_wrap{width:100%; height:45px; line-height:45px; margin-top:1.5rem; text-align:center;}
.main_box_wrap article.login span.cer_btn{float:right; width:48%; border:1px solid #eee; cursor:pointer; margin-left:4%; box-sizing:border-box;background:#eee; }
.main_box_wrap article.login span.cer_btn input{margin-top:0;}
.main_box_wrap article.login input.cer_ipt{width:48%; padding:0;margin-top:0;}
.main_box_wrap article.login .login_btn_wrap_cer{width:100%; height:45px; line-height:45px; margin-top:0.5rem; text-align:center;}
.main_box_wrap article.login p.txt_2 {font-size:14px;}
.main_box_wrap article.login span.auth_btn{float:left; width:100%; background:#eee; margin-top:1.0rem; border:1px solid #eee; cursor:pointer; box-sizing:border-box;}

.main_box_wrap article.box{width:28%; margin-right:0;}
.main_box_wrap article.box ul{background:#940822; overflow:hidden; display:none;}
.main_box_wrap article.box ul li{float:left; width:33.33%; position:relative; background:#940822; border-right:1px solid #b82126; box-sizing:border-box;}
.main_box_wrap article.box ul li:last-child{border-right:0;}
.main_box_wrap article.box ul li a{display:block; text-align:center; padding:0.5rem 0 2rem;}
.main_box_wrap article.box ul li a h3{font-size:16px; color:#fff; padding:0;}
.main_box_wrap article.box ul li .go{color:#fff; font-size:16px; position:absolute; bottom:50%; left:50%; transform:translateX(-50%); transition:0.3s; margin-left:-10px;}
.main_box_wrap article.box ul li .go p{display:none;}
.main_box_wrap article.box ul li .arrow{display:block; width:33px; height:1px; background:#fff; position:absolute; left:-7px; bottom:-10px; transition:0.3s;}
.main_box_wrap article.box ul li a:hover .arrow{left:-18px; width:56px;}
.main_box_wrap article.box ul li .arrow::after{content:''; display:block; width:4px; height:7px; background:url("../../images/web/main/arr.png") no-repeat; position:absolute; right:-2px; top:-3px;}
.main_box_wrap article.box .img_wrap{padding:0 2rem; background:#fff;}

.main_box_wrap article.board .tab-btn{
    height: 18%;
}
.main_box_wrap article.board .tab-btn::after{
    content: '';
    display: block;
    clear: both;
}
.main_box_wrap article.board .tab-btn li{
    float: left;
    width: 100%;
    height: 100%;
    font-size: 19px;
    font-weight: 600;
    cursor: pointer;
    background: #f4f4f4;
    padding: 3.5% 0 3.5% 7.5%;
    box-sizing: border-box;
    letter-spacing: -1px;
    border-bottom: 2px solid #f1f1f1;
}
.main_box_wrap article.board .tab-btn li:hover{
    background: #f1f1f1;
}
.main_box_wrap article.board .tab-btn li.on{
    background: #fff;
    /*border-bottom: 0;*/
}
.main_box_wrap article.board .tab-btn li:nth-child(2){
    border-left: 2px solid #ededed;
    border-right: 2px solid #ededed;
}
/*.main_box_wrap article.board .tab-btn li:last-child{
    letter-spacing: -1px;
    padding-left: 3%;
    font-size: 18px;
}*/
.main_box_wrap article.board .tab-btn li a{
    float: right;
    margin-right: 20px;
}
.main_box_wrap article.board .tab-contents{
    height: 82%;
    padding: 1.5rem 3rem;
    box-sizing: border-box;
}
.main_box_wrap article.board .tab-contents .list{
    margin: 12px 0;
}
.main_box_wrap article.board .tab-contents .list::after{
    content: '';
    display: block;
    clear: both;
}
.main_box_wrap article.board .tab-contents .list > div{
    float: left;
}
.main_box_wrap article.board .tab-contents .list .date{
    width: 15%;
    text-align: center;
    font-family: 'roboto';
}
.main_box_wrap article.board .tab-contents .list .date span{
    display: block;
    color: #ed1c24;
    font-size: 26px;
    line-height: 1.2;
}
.main_box_wrap article.board .tab-contents .list .date small{
    display: block;
    color: #999;
    font-size: 12px;
    line-height: 1.4;
}
.main_box_wrap article.board .tab-contents .list .text{
    width: 80%;
    margin-right: 5%;
}
.main_box_wrap article.board .tab-contents .list .text a{
    display: block;
}
.main_box_wrap article.board .tab-contents .list .text:hover a{
    text-decoration: underline;
}
.main_box_wrap article.board .tab-contents .list .text h5{
    font-weight: 500;
    color: #555;
    font-size: 16px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px;
}
.main_box_wrap article.board .tab-contents .list .text p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 14px;
    color: #666;
    font-weight: 300;
}

/* 유관기관 */
.organization_wrap{
    padding-bottom: 3rem;
}
.organization_slide li a{
    display: block;
    border: 1px solid #e0e0e0;
    height: 50px;
    overflow: hidden;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    position: relative;
}
.owl-theme .owl-nav button span{
    font-size: 50px;
    color: #ddd;
}
.organization_slide .owl-prev{
    position: absolute;
    left: -3%;
    top: 50%;
    margin-top: -18px !important;
}
.organization_slide .owl-next{
    position: absolute;
    right: -3%;
    top: 50%;
    margin-top: -18px !important;
}
.organization_slide.owl-carousel .owl-item img{
    width: auto;
    max-width: 90%;
    max-height: 85%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media screen and (max-width:1200px){
    .main_box_wrap article{
        height: 280px;
    }
	.main_box_wrap article.login{
        padding: 2rem;
    }
	.main_box_wrap article.login p{
        letter-spacing:-1px;
    }
    .main_box_wrap article.box{
        /*padding: 2rem;*/
    }
	.main_box_wrap article.box .img_wrap{
		padding:0 1.5rem;
	}
	.main_box_wrap article.box ul li{
    }
    .main_box_wrap article.box p br{
        display: none;
    }
    .main_box_wrap article.board .tab-btn li{
        padding: 3.5% 0 3.5% 5.5%;
    }
    .main_box_wrap article.board .tab-btn li a{
        margin-right: 15px;
    }
    .main_box_wrap article.board .tab-contents{
        padding: 1rem 2rem;
    }
    .main_box_wrap article.box h3{
        font-size: 20px;
    }
	.main_box_wrap article.box .go{
	}
    .main_box_wrap article.board .tab-btn li{
        font-size: 18px;
    }
    /*.main_box_wrap article.board .tab-btn li:last-child{
        letter-spacing: -1.5px;
        padding-left: 2%;
        font-size: 17px;
    }*/
}
@media screen and (max-width:1080px){
	.main_box_wrap article.login p{
        font-size:14px;
    }
}
@media screen and (max-width:1030px){
    .main_box_wrap article{
        height: 230px;
    }
	.main_box_wrap article.board .tab-contents{
        padding: 1rem 2rem;
    }
	.main_box_wrap article.login{
        padding:1rem;
    }
	.main_box_wrap article.login p{
        font-size:13px;
    }
	.main_box_wrap article.login input{
		margin-top:.5rem;
	}
	.main_box_wrap article.login .login_btn_wrap{
		margin-top:.5rem;
	}
	.main_box_wrap article.box ul li{
    }
    .main_box_wrap article.box .go{
        font-size: 14px;
    }
    .main_box_wrap article.box .icon{
        width: 80px;
        height: 80px;
        padding: 16px 0;
    }
    .main_box_wrap article.box .icon img{
        width: 45px;
    }
    .main_box_wrap article.box h3{
        font-size: 18px;
    }
    .main_box_wrap article.box p{
        font-size: 13px;
    }
	.main_box_wrap article.box ul li a{
		padding:0 0 1rem;
	}
	.main_box_wrap article.box .img_wrap{
		padding:0 1rem 1rem;
	}
	.hover_effect_box{
		height:132px !important;
	}
	.hover_effect_box .caption{
		height:132px !important;
	}
	.hover_effect_box .content_bg p{
		line-height:132px !important;
	}
    .main_box_wrap article.board .tab-btn li{
        font-size: 16px;
        padding: 2.5% 0 2.5% 5.5%;
    }
	.hover_effect_box .caption_title{
		margin-top:40px !important;
	}
    /*.main_box_wrap article.board .tab-btn li:last-child{
        font-size: 15px;
    }
    .main_box_wrap article.board .tab-btn li:last-child a{
        margin-right: 5px;
    }*/
    .main_box_wrap article.board .tab-contents .list{
        margin: 10px 0;
    }
    .main_box_wrap article.board .tab-contents .list .text h5{
        font-size: 14px;
        margin-bottom: 0;
    }
    .main_box_wrap article.board .tab-contents .list .text p{
        font-size: 13px;
    }
    .main_box_wrap article.board .tab-contents .list .date span{
        font-size: 22px;
        line-height: 1.1;
    }
    .main_box_wrap article.board .tab-contents .list .date small{
        line-height: 1.2;
    }
}
@media screen and (max-width:860px){
	.main_visual ul.main_img li .visual_inner{
		height:200px;
	}
    .main_box_wrap article{
        height: auto;
    }
    .main_box_wrap article.box{
        width: 100%;
		margin-top:2%;
    }
    .main_box_wrap article.box:nth-child(2){
        margin: 0 0 0 1%;
    }
	.main_box_wrap article.login{width:100%; margin-right:0; margin-top:2%;}
    .main_box_wrap article.board{
        width: 100%;
        margin-top: 2%;
		margin-right:0;
    }
    .organization_slide li a{
        height: 50px;
    }
}
@media screen and (max-width:768px){
    .main_box_wrap{
        padding: 1rem 0;
    }
    .organization_wrap{
        padding-bottom: 1rem;
    }
}
@media screen and (max-width:480px){
    .main_box_wrap article.box{
        /*padding: 1.5rem;*/
    }
    .main_box_wrap article.box h3{
        /*margin-top: 30px;*/
        font-size: 16px;
    }
    .main_box_wrap article.box p{
        font-size: 12px;
    }
    .main_box_wrap article.box .icon{
        width: 60px;
        height: 60px;
        padding: 12px 0;
        right: 1rem;
        top: 1rem;
    }
    .main_box_wrap article.box .icon img{
        width: 35px;
    }
    .main_box_wrap article.box .go{
        font-size: 12px;
        letter-spacing: 0;
    }
    .main_box_wrap article.box .arrow{
        width: 30px;
    }
    .main_box_wrap article.board .tab-btn li{
        padding: 1.8% 0;
        text-align: center;
        font-weight: 500;
        font-size: 15px;
    }
    .main_box_wrap article.board .tab-btn li a{
        display: none;
    }
    .main_box_wrap article.board .tab-contents{
        padding: 1rem 1.5rem;
    }
	.main_box_wrap article.login{
        padding: 1.5rem;
    }
}
@media screen and (max-width:425px){
    .main_box_wrap article.board .tab-contents .list .date{
        width: 11%;
    }
    .main_box_wrap article.board .tab-contents .list .date span{
        font-size: 20px;
        line-height: 1.2;
    }
    .main_box_wrap article.board .tab-contents .list .text{
        width: 85%;
    }
}
@media screen and (max-width:375px){
    .main_box_wrap article.box{
        width: 100%;
        margin: 0;
        padding: 0;
		margin-top:2%;
    }
    .main_box_wrap article.box:nth-child(2){
        margin: 2% 0 0 0;
    }
    .main_box_wrap article.box h3{
        /*margin-top: 25px;
        margin-bottom: 5px;*/
        font-weight: 500;
    }
    .main_box_wrap article.box .icon{
        right: 2rem;
        top: 1.5rem;
    }
    .main_box_wrap article.board .tab-btn li{
        font-size: 14px;
    }
    .main_box_wrap article.board .tab-btn li:last-child{
        font-size: 13px;
    }
    .main_box_wrap article.board .tab-contents .list .date{
        width: 15%;
    }
    .main_box_wrap article.board .tab-contents .list .text{
        width: 80%;
    }
    .organization_slide li a{
        height: 40px;
    }
}

/* 로그인 추가 */
.main_login_wrap .main_visual ul.main_img li .visual_inner{height:100px;}
.main_login_wrap .main_visual ul.main_img li .typo.center{display:none;}
.main_login_wrap .main_box_wrap article{height:420px;}
.main_login_wrap .main_box_wrap article.login{margin-top:1%;}
.main_login_wrap .main_box_wrap article.login p.name{float:left; line-height:36px;}
.main_login_wrap .main_box_wrap article.login .login_list{float:left; width:100%;}
.main_login_wrap .main_box_wrap article.login .login_list ul{overflow-y:scroll; padding:1.5rem 2rem; background:#fafafa; border:5px solid #f4f4f4; box-sizing:border-box; margin-top:15px; height:269px;}
.main_login_wrap .main_box_wrap article.login .login_list ul li{float:left; margin:5px 0; width:100%;}
.main_login_wrap .main_box_wrap article.login .login_list ul li a{}
.main_login_wrap .main_box_wrap article.board{margin:1% 0 0; width:64%;}
.main_login_wrap .main_box_wrap article.board .tab-btn{height:14%;}
.main_login_wrap .main_box_wrap article.board .tab-btn li{width:50%; padding:2.1% 0 2.1% 7.5%;}
.main_login_wrap .main_box_wrap article.board .tab-contents{height:86%;}
.main_login_wrap .main_box_wrap article.box{height:294px;}
.main_login_wrap .main_box_wrap article.calendar{width:71%; margin-right:1%; padding:2rem; height:440px;}
.main_login_wrap .main_box_wrap article.calendar #scheCalendar{float:left; position:relative;}
.main_login_wrap .main_box_wrap article.calendar #scheCalendar ul{position:absolute; top:2px; left:90px;}
.main_login_wrap .main_box_wrap article.calendar #scheCalendar ul li{float:left; font-size:14px; margin-right:10px;}
.main_login_wrap .main_box_wrap article.calendar #scheCalendar ul li span.circle{display:inline-block; width:8px; height:8px; background:#ddd; border-radius:4px; margin-right:6px;}
.main_login_wrap .main_box_wrap article.calendar #scheCalendar ul li span.circle.orange{background:#b84421;}
.main_login_wrap .main_box_wrap article.calendar #scheCalendar ul li span.circle.green{background:#025361;}
.main_login_wrap .main_box_wrap article.box{width:28%; margin-right:0;}
.main_login_wrap .main_box_wrap article.box ul{background:#940822; overflow:hidden;}
.main_login_wrap .main_box_wrap article.box ul li{float:left; width:100%; background:#940822; border-bottom:1px solid #b82126; border-right:0; height:69px; box-sizing:border-box;}
.main_login_wrap .main_box_wrap article.box ul li:last-child{border-bottom:0;}
.main_login_wrap .main_box_wrap article.box ul li a{display:inline-block; text-align:center; padding:0 3rem; width:100%; box-sizing:border-box;}
.main_login_wrap .main_box_wrap article.box ul li a h3{font-size:22px; font-weight:400; float:right; line-height:69px; color:#fff; padding:0;}
.main_login_wrap .main_box_wrap article.box ul li .go{color:#fff; font-size:16px; left:22%; bottom:45%;}
.main_login_wrap .main_box_wrap article.box ul li .go p{display:block;}
.main_login_wrap .main_box_wrap article.box ul li .arrow{display:block; width:35px; height:1px; background:#fff; position:relative; left:0; margin-top:4px; transition:0.3s;}
.main_login_wrap .main_box_wrap article.box ul li a:hover .arrow{left:5px; width:45px;}
.main_login_wrap .main_box_wrap article.box ul li .arrow::after{content:''; display:block; width:4px; height:7px; background:url("../../images/web/main/arr.png") no-repeat; position:absolute; right:-2px; top:-3px;}
.main_login_wrap .main_box_wrap article.box .img_wrap{padding:2rem; background:#fff;}

.main_login_wrap .calendar_list{float:left; margin-left:2%; width:376px; height:380px; box-sizing:border-box; box-shadow:0 5px 20px 1px rgba(0, 0, 0, 0.12); position:relative; padding:2rem;}
.main_login_wrap .calendar_list .tit{display:block; padding:8px 0; width:180px; font-size:16px; border-radius:50px; background:#e4e4e4; font-weight:500; text-align:center; margin:0 auto 15px;}

.main_login_wrap .calendar_list ul{height:268px; overflow-y:scroll;}
.main_login_wrap .calendar_list ul li{float:left; width:100%; font-size:15px; font-weight:300; color:#8c8c8c; letter-spacing:-1px; margin:5px 0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_login_wrap .calendar_list ul li span.circle{display:inline-block; width:8px; height:8px; background:#ddd; border-radius:4px; margin-right:12px;}
.main_login_wrap .calendar_list ul li span.circle.orange{background:#b84421;}
.main_login_wrap .calendar_list ul li span.circle.green{background:#025361;}
.main_login_wrap .calendar_list ul li strong{margin-right:15px; font-weight:400; letter-spacing:-1px; font-family: 'roboto'; color:#666;}

.main_login_wrap .main_box_wrap article.class_list{width:49.5%; margin-top:1%; padding:2rem; height:294px;}
.main_login_wrap .main_box_wrap article.message_list{width:49.5%; margin:1% 0 0; padding:2rem; height:294px;}
.main_login_wrap .main_box_wrap article .left_area{float:left; width:30%;}
.main_login_wrap .main_box_wrap article .right_area{float:left; width:70%;}
.main_login_wrap .main_box_wrap article .left_area p{padding:0; font-size:19px; font-weight:500; line-height:normal;}
.main_login_wrap .main_box_wrap article .left_area .icon{width:79px; height:79px; background:#f7f7f7; border-radius:50%; text-align:center; padding:20px 0; box-sizing:border-box; display:inline-block; margin-top:15px;}
.main_login_wrap .main_box_wrap article .right_area ul{overflow-y:scroll; height:234px;}
.main_login_wrap .main_box_wrap article .right_area ul li{float:left; width:100%; border-bottom: 1px dashed #ccc; padding:8px 0;}
.main_login_wrap .main_box_wrap article .right_area ul li:last-child{border-bottom:0;}
.main_login_wrap .main_box_wrap article .right_area p{font-size:14px; color:#888; font-weight:300;}
.main_login_wrap .main_box_wrap article .right_area p strong.tit{color:#555; font-size:16px; letter-spacing:0; display:inline-block; font-weight:500; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_login_wrap .main_box_wrap article .right_area p strong.tit em{color:#fff; background:#483458; padding:0px 8px; border-radius:50px; font-size:0.8em; font-weight:400;}
.main_login_wrap .main_box_wrap article .right_area p strong.day{color:#666; width:auto; margin-right:15px; font-weight:500; letter-spacing:-1px;}
.main_login_wrap .main_box_wrap article.message_list .right_area p strong.tit{margin-bottom:1px;}

@media screen and (max-width: 1200px){
	.main_login_wrap .main_box_wrap article.calendar #scheCalendar{width:50%;}
	.main_login_wrap .main_box_wrap article.calendar .calendar_list{width:48%;}
	.main_login_wrap .main_box_wrap article.login .login_list ul{height:269px;}
	.main_login_wrap .main_visual ul.main_img li .visual_inner{height:35px;}
}

@media screen and (max-width: 1030px){
	.main_login_wrap .main_box_wrap article.box ul li .go{left:25%;}
	.main_box_wrap article.login span.logout{font-size:13px;}
	.main_login_wrap .main_box_wrap article{height:355px;}
	.main_login_wrap .main_box_wrap article.login .login_list ul{height:234px;}
	.main_login_wrap .main_box_wrap article.login .login_list ul li a{font-size:14px;}
	.new{margin:1px 5px 0;}
	.main_login_wrap .main_box_wrap article.box .img_wrap{padding:1rem;}
	.main_login_wrap .main_box_wrap article.box .img_wrap .hover_effect_box{height:156px !important;}
	.main_login_wrap .main_box_wrap article.box .img_wrap .hover_effect_box .content_bg p{line-height:156px !important;}
	.main_login_wrap .main_box_wrap article.box .img_wrap .hover_effect_box .caption{height:156px !important;}
	.main_login_wrap .main_box_wrap article.box .img_wrap .hover_effect_box .caption_title{margin-top:40px;}
	.main_login_wrap.pro .main_box_wrap article.three{height:355px;}
}

@media screen and (max-width: 860px){
	.main_login_wrap .main_box_wrap article.calendar{height:auto;}
	.main_login_wrap .main_box_wrap article.calendar #scheCalendar{width:100%;}
	.main_login_wrap .main_box_wrap article.calendar .calendar_list{margin-left:0; width:100%;}
	.main_login_wrap .main_box_wrap article.calendar .calendar_list ul{}
	.calendar_list ul li{font-size:14px;}
	.main_login_wrap .main_box_wrap article.board{width:100%; height:340px;}
	.main_login_wrap .main_box_wrap article.board .tab-btn li{padding: 1.5% 0 1.5% 7.5%;}
	.main_box_wrap article.box h3{font-size:16px;}
	.main_login_wrap .main_box_wrap article.calendar{width:100%; margin-right:0;}
	.main_login_wrap .main_box_wrap article.box{margin:2% 0 0; width:100%;}
	.main_login_wrap .main_box_wrap article.box ul li{height:58px; width:33.33%; border-right:1px solid #b82126; border-bottom:0;}
	.main_login_wrap .main_box_wrap article.box ul li:last-child{border-right:0;}
	.main_login_wrap .main_box_wrap article.box ul li a h3{line-height:58px; font-size:18px;}
	.main_login_wrap .main_box_wrap article.box .go{}
	.main_login_wrap .main_box_wrap article.login, .main_login_wrap .main_box_wrap article.board{margin-top:2%;}
	.main_login_wrap .main_box_wrap article.class_list, .main_login_wrap .main_box_wrap article.message_list{width:100%; margin:2% 0 0; padding:1.5rem 2.5rem;}
	.main_login_wrap .main_box_wrap article .left_area p{font-size:20px;}
	.main_login_wrap .main_box_wrap article .right_area ul{height:250px;}
	.main_login_wrap .main_box_wrap article .right_area p strong.tit{font-size:15px;}
	.main_login_wrap .main_box_wrap article .right_area p{font-size:14px;}
}

@media screen and (max-width: 640px){
	.main_login_wrap .main_box_wrap article.box ul li a{padding:0 1.5rem;}
	.main_login_wrap .main_box_wrap article.box ul li a h3{font-size:16px;}
	.main_login_wrap .main_box_wrap article.board .tab-btn li{padding: 2.5% 0 2.5% 7.5%;}
	.main_box_wrap article.box h3{font-size:14px;}
	.main_login_wrap .main_box_wrap article.calendar .calendar_list{padding:2rem 2rem;}
	.main_login_wrap .main_box_wrap article.box h3{font-size:16px;}
	.main_login_wrap .main_box_wrap article .left_area .icon{display:none;}
	.main_login_wrap .main_box_wrap article .left_area p{width:100%; margin-bottom:10px;}
	.main_login_wrap .main_box_wrap article .right_area{width:100%;}
	.main_login_wrap .main_box_wrap article .right_area ul{height:215px;}
}

@media screen and (max-width:480px){
	.main_login_wrap .main_box_wrap article.calendar .calendar_list ul{height:230px;}
	.main_login_wrap .main_box_wrap article.box ul li .go{}
	.main_login_wrap .main_box_wrap article.login .login_list ul{height:222px;}
	.main_login_wrap .main_box_wrap article.board .tab-btn li{padding:3.8% 0; text-align:center;}
	.main_login_wrap .main_box_wrap article.calendar .calendar_list{padding:2rem 1.5rem;}
	.main_login_wrap .main_box_wrap article .right_area p strong.tit{font-size:14px;}
	.main_login_wrap .main_box_wrap article .right_area p{font-size:13px;}
}

.main_login_wrap .main_box_wrap article .left_area p i{color:#940822; margin-right:6px;}

.main_box_wrap article.box .img_wrap span.more{background:#940822; text-align:center; color:#fff; margin-top:10px; height:36px; line-height:36px; display:block;}
.main_box_wrap article.box .img_wrap span.more a{display:block;}

.hover_effect_box {width:100%; height:168px; overflow:hidden; position:relative; text-align:center; background:#ebebeb; box-sizing:initial;}
.hover_effect_box .caption {
   width: 100%;
   height: 168px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
  }
.hover_effect_box .content_bg {
   display: block;
   position: relative;
}
.hover_effect_box .content_bg p{line-height:168px;}

.hover_effect_box .caption_title {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(72, 52, 88, 1);
   margin-top: 60px;
}
.hover_effect_box .caption_desc {
    font-size: 0.9em;
    line-height: 1.5;
    position: relative;
    color: #fff;
    padding-top: 20px;
    text-align: center;
 }
.hover_effect_box .caption_link {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.hover_effect_box .caption_link:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.hover_effect_1 .content_bg {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.hover_effect_1 .caption {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0, 0, 0, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.hover_effect_1 .caption_title {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.hover_effect_1 .caption_desc {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.hover_effect_1:hover .content_bg {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.hover_effect_1 .caption_link {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.hover_effect_1:hover .caption {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.hover_effect_1:hover .caption_title,
.hover_effect_1:hover .caption_desc,
.hover_effect_1:hover .caption_link {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.hover_effect_1:hover .caption_desc {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.hover_effect_1:hover .caption_link {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/*#header.logout{background:none;}
#header.logout .gnb, #header.logout .lnb, #header.logout .mobile_lnb{display:none;}*/

.main_login_wrap .main_box_wrap article.box ul{display:block;}
.main_login_wrap .hover_effect_box, .main_login_wrap .hover_effect_box .caption{height:127px;}
.main_login_wrap .hover_effect_box .content_bg p{line-height:127px;}
.main_login_wrap .hover_effect_box .caption_title{margin-top:20px;}

.main_login_wrap{}
.main_login_wrap .main_box_wrap article.class_list:last-child{margin-right:0;}
.main_login_wrap .main_box_wrap article.three{width:31.5%; height:420px;}
.main_login_wrap .main_box_wrap article.login p.name{font-weight:500; font-size:19px;}
.main_login_wrap .main_box_wrap article.three .right_area ul{height:328px;}

.log_box{padding-bottom:1rem;}
.log_box p{display:inline-block; color:#fff; line-height:32px;}
.log_box .logout_btn{background:#940822; margin-left:20px;}
.log_box .logout_btn a{padding:18px;}

.main_login_wrap .main_box_wrap article.three{width:32.66%; height:286px;}

@media screen and (max-width: 1030px){
	.main_login_wrap.pro .main_box_wrap article.three{height:355px;}
}

/* 210517 */
.main_box_wrap article.board .tab-contents .list .date{width:25%; margin-top:3px;}
.main_box_wrap article.board .tab-contents .list .date small{font-size:15px; text-align:right;}
.main_box_wrap article.board .tab-contents .list .text{width:70%;}
@media screen and (max-width:1030px){
	.main_box_wrap article.board .tab-contents .list .date small{font-size:13px;}
}
.main_login_wrap .main_box_wrap article.login p.name i{color:#940822; margin-right:6px;}
.box .tit2{}
.box .tit2{
  font-size: 20px;
  font-weight: 500;
  margin: 1rem 0;
  color: #940822;
  text-align: center;
}
.box .tit2:before{
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  background: #940822;
  margin-right: 0.7rem;
}
.box .tit2:after{
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  background: #940822;
  margin-left: 0.7rem;
}

.main_login_wrap .main_box_wrap article.pro, .main_login_wrap.pro .main_box_wrap article.three{height:286px;}
.main_login_wrap .main_box_wrap article.login.pro .login_list ul{height:171px;}
.main_login_wrap.pro article.board .tab-contents .list .date{width:11%;}
.main_login_wrap.pro article.board .tab-contents .list .text{width:83%}

@media screen and (max-width: 540px){
	.main_login_wrap.pro article.board .tab-contents .list .text{width:80%}
}
@media screen and (max-width: 480px){
	.main_login_wrap.pro article.board .tab-contents .list .text{width:75%}
}
.main_login_wrap.pro .main_box_wrap article.three{width:31.5%;}
.user_info{}
.user_info .user{display:inline-block; line-height:36px;}

@media screen and (max-width: 1030px){
	.main_box_wrap article.box p.tit2{font-size:16px; margin:0.6rem 0;}
}