/*팝업 - 레이어*/

.close{background:#333; color:#fefefe; padding:7px 0; text-align:right; font-size:1.3rem;     margin-top: -2px;}
.close #close, .close #close1, .close #close2, .close #close3{background:#555; border-radius:3px; padding:5px;  margin:0 5px; font-size:0; display:inline-block; cursor:pointer;}
.close #close i, .close #close1 i, .close #close2 i, .close #close3 i{font-size:15px; color: #c7c7c7;}
.close #check, .close #check1, .close #check2, .close #check3{display:inline-block; vertical-align:text-top;}
.layer_close{position:absolute; top:0; left:-99999px; display:block; z-index:9;}
.layer_close:focus{display:block; left:0;}

.tab_wrap { position: absolute; top:50px; left:50px;width: 500px;  padding-top:100px; z-index:50;}
.tab_wrap .top_box{position:relative;}
.tab_wrap .tabList {position:absolute; top:13px; left:7px; overflow: hidden;}
.tab_wrap .tabList:after {display:block;content:'';clear:both }
.tab_wrap .tabList li {display:inline-block; background: #555;  border-radius:999px;  text-align:center; margin-right:5px; }
.tab_wrap .tabList li.on { background: #fff; }
.tab_wrap .tabList li a { display: block; width:13px; height:13px; vertical-align:middle; border-radius:999px; border: 1px solid #e4e4e4;color:#2f3743;text-decoration: none; font-size:1.6rem;}
.tab_wrap .tabList li.on a{ font-weight:600;}
.tab_wrap .tabGroup li { position:absolute; width: 100%; background: #a6c4e8;   display: none;}
.tab_wrap .tabGroup li:first-child { display: block;}
.tab_wrap .tabGroup li div { padding: 10px;}
.tab_wrap .tabGroup li img{max-width:100%;}
.tab_wrap .btn-ctrl { position: absolute; right: 10px; top: -30px;}


@media screen and (max-width:768px){
.tab_wrap{width:80%; padding-top:60px; top:20px; left:2%;}
.tab_wrap .tabGroup li{width:80%;}
.tab_wrap .close{width:80%;}
}

.main_tit{font-size:3rem; font-weight:600;}
.main_txt{font-size:1.7rem;  font-weight:600;}
.more_btn a{display:inline-block; padding:7px 20px 5px; color:#fff; text-align:center; font-size:1.65rem; font-weight:600;}
.more_btn a i{display:inline-block; margin-left:10px;}

#mainVisual{padding-top:100px; height:650px;}
#mainVisual .visual_item{position:relative; height:650px;}
#mainVisual .visual_item img.v_bg{ position:relative; left:50%; margin-left:-960px; }
#mainVisual .v_txt{position:absolute; top:0; left:50%; transform:translate(-50%);}
#mainVisual .slick-dots{position:absolute;left:50%; bottom:140px;  transform:translateX(-50%); }
#mainVisual .slick-dots li{display:inline-block; margin:0;}
#mainVisual .slick-dots li button{ width: 12px; height: 12px; margin: 0 0.375rem; border-radius: 50px; background-color: rgba(255,255,255, 0.85); text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#mainVisual .slick-dots li.slick-active button{ width: 36px; background-color: #ffb504;}

#quick_box{text-align:center; background:#f5f5f5;}
.quick_cont{position:relative; width:1200px; box-sizing:border-box; background:#07588f url(../../images/main/main_quick_bg.png) no-repeat; background-size:cover;  margin:0 auto; margin-top:-80px; padding:40px; box-shadow:0 0 10px 5px rgba(0,0,0,0.2);}
.quick_cont ul{font-size:0;}
.quick_cont li{display:inline-block; width:20%; vertical-align:top;}
.quick_cont li a{display:block;}
.quick_cont li .img_box{display:inline-block; width:100px; height:100px; line-height:100px; background:#004574; text-align:center; border-radius:999px; vertical-align:middle; border: 3px solid transparent; transition:all 0.2s;}
.quick_cont li .img_box img{height:53px; vertical-align:middle;}
.quick_cont li .txt_box{font-size:2rem; color:#fff; margin-top:20px;}
.quick_cont li:hover .img_box{border-color:rgba(255,255,255,0.85);}

#h_list_box{position:relative; margin-top:70px;}
#h_list_box .main_tit{text-align:center;}
#h_list_box .inner{position:relative;}
#h_list_box .more_btn{ position:absolute; top:4px; right:0; }
#h_list_box .more_btn a{background:#269da8; }
#h_list_box .h_cont{padding:0 30px; margin-top:40px; font-size:0;text-align:center; }
#h_list_box .h_cont .h_item{display:inline-block; font-size:2rem; width:calc((100% - 90px)/3); padding:0 15px; text-align:center; box-sizing:border-box;}
#h_list_box .h_cont .h_item .img_box{border:1px solid #e5e5e5; box-sizing:border-box;}
#h_list_box .h_cont .h_item .img_box img{width:100%; max-width:100%;}
#h_list_box .h_cont .h_item .txt_box{position:relative; display:inline-block; width:90%; padding:20px 20px 10px; box-sizing:border-box; font-weight:600; background:#fff; font-size:2rem;}
#h_list_box .h_cont .h_item .txt_box:after{content:""; display:block; width:35px; height:2px; background:#4dbec8; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
#h_list_box .LR_btn{width:100%;}
#h_list_box .LR_btn li{display:inline-block;  position:absolute; top:38%; font-size:50px; color:#39402f; opacity:0.9; cursor:pointer; z-index:5;}
#h_list_box .LR_btn li i{font-weight:700; font-size:4rem;}
#h_list_box .LR_btn li.prev{left:-10px;}
#h_list_box .LR_btn li.next{right:-10px;}

#h_list_box .slick-dots{position:absolute;left:50%; top:-70px;  margin-left:75px; bottom:auto; box-sizing:border-box; width:auto;}
#h_list_box .slick-dots li{display:inline-block; margin:0;}
#h_list_box .slick-dots li button{ width: 12px; height: 12px; margin: 0 0.375rem; border-radius: 50px; background-color: #d5d5d5; text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#h_list_box .slick-dots li.slick-active button{ width: 36px; background-color: #4dbec8;}

#notice_box{background:#f5f5f5; padding:70px 0; /*margin-top:70px;*/}
#notice_box .inner{position:relative;}
#notice_box .left_box{width:270px; position:absolute; top:0; left:0;}
#notice_box .left_box .more_btn{margin-top:35px;}
#notice_box .left_box .more_btn a{background-color:#1474b2;}
#notice_box .left_box .more_btn:hover i{transition:all 0.2s;}
#notice_box .left_box .more_btn:hover a i{display:inline-block; padding-left:5px;}
#notice_box .right_box{margin-left:280px;}
#notice_box .right_box .n_list{font-size:0;}
#notice_box .right_box li{position:relative; display:inline-block; width:calc((100% - 80px)/3); margin-left:40px; font-size:1.8rem; vertical-align:top; background:#fff; padding:30px; box-sizing:border-box; box-shadow: 0 0 7px 0px rgb(0 0 0 / 20%); border:1px solid #e0e0e0;}
#notice_box .right_box li:first-child{margin-left:0;}
#notice_box .right_box li .tit{font-weight:600; min-height:52px;  max-height:52px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#notice_box .right_box li .date{font-size:1.7rem; color:#7e7e7e; margin-top:25px;}
#notice_box .right_box li .plus_icon{display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; vertical-align:middle; background:#1474b2; position:absolute; bottom:0; right:0;}
#notice_box .right_box li .plus_icon i{font-size:3rem; color:#fff;line-height:40px; vertical-align:middle;}
#notice_box .right_box li:hover .tit{text-decoration:underline;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1200px) {
.inner{width:100%; box-sizing:border-box;}
.quick_cont{width:100%;}
#h_list_box .LR_btn li.prev{left:0;}
#h_list_box .LR_btn li.next{right:0;}
#h_list_box .more_btn{right:15px;}

#notice_box{padding:70px 15px;}
#notice_box .left_box{width:250px;}
#notice_box .right_box{margin-left:230px;}
#notice_box .right_box li{width:calc((100% - 60px)/3); margin-left:30px;}
}

@media (max-width:1024px) {
#mainVisual{padding-top:90px; height:590px;}
#mainVisual .visual_item{height:590px;}
#mainVisual .v_txt img{height:590px;}

.quick_cont li .txt_box{font-size:1.8rem;}

#notice_box .left_box{position:static; top:auto; left:auto; width:100%;  text-align:center;}
#notice_box .left_box .more_btn{margin-top:20px;}
#notice_box .right_box{margin-left:0; margin-top:30px;}
#notice_box .right_box li{padding:20px;}
}

@media (max-width:767px) {
html{font-size:9px;}
#mainVisual{height:350px; padding-top:70px;}
#mainVisual .visual_item{height:350px;}
#mainVisual .v_txt img{height:350px;}
#mainVisual .visual_item img.v_bg{max-width:1000px; margin-left:-500px;}
#mainVisual .slick-dots{bottom:65px; z-index:5;}

.quick_cont{padding:20px; text-align:left; margin-top:-40px;}
.quick_cont li{width:100%; box-sizing:border-box; margin-top:10px;}
.quick_cont li:first-child{margin-top:0;}
.quick_cont li .img_box{width:60px; height:60px; line-height:60px;}
.quick_cont li .img_box img{height:30px;}
.quick_cont li .txt_box{margin-top:0; display:inline-block; margin-left:20px; vertical-align: middle; }
.quick_cont li .txt_box br{display:none;}
.quick_cont li:hover .img_box{border-color:transparent;}

#h_list_box{margin-top:40px;}
#h_list_box .slick-dots{top:-30px; box-sizing:border-box; margin-left:0; transform:translateX(-50%);}
#h_list_box .more_btn{position:static; top:auto; right:auto; margin-top:20px; text-align:center;}
#h_list_box .LR_btn li{top:30%;}

#notice_box{padding:40px 15px; /*margin-top:40px;*/}
#notice_box .right_box li{width:100%; margin-left:0; margin-top:10px;}
#notice_box .right_box li:first-child{margin-top:0;}
#notice_box .right_box li .tit{min-height:auto; word-break:keep-all;}
#notice_box .right_box li .date{margin-top:15px;}

}