@charset "utf-8";
/* CSS Document */
/* 메인 컨텐츠 부분 */
a:hover {text-decoration: none;}


/*메인 컨텐츠*/
/*main_body*/
.main_body{ overflow: hidden;}
.main_body .section{ }


/*비쥬얼 영역*/
.sec_visual{ position: relative;  height: 855px; padding-top: 60px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sznva1%2Sznva_ot_01.cat) no-repeat 50%/* 50%*/; /* background-size: cover; */ background-color: #006aee; }
.sec_visual .wsize{ position: relative;  }

/* .sec_visual .slogan{ margin-bottom: 25px; font-family: KCC-eunyoung; font-size: 48px; line-height: 1.6em; color:#fff; letter-spacing: -0.025em; text-align: center; font-weight: 300;} */
.sec_visual .slogan strong{ font-size: 48px; color: #fffd76; }

/* .main_body .sec_ti { font-size: 40px; font-weight: 500; line-height: 1.2em; color: #222; letter-spacing: -0.03em; } */
.main_body .sec_ti { font-size: 20px; font-weight: 500; text-decoration: none; line-height: 1em;  letter-spacing: -0.05em; }

/*검색영역*/
.sec_visual .main_sch{ margin-top: 20px; text-align: center;}
.sec_visual .main_sch .innerWrap{ display: inline-block; width: 100%; font-size: 0px; }
.sec_visual .main_sch .innerWrap .sch_locate{ /*width: 160px;*/ width: 14%; height: 60px; border: none; color: #666; font-size: 20px; margin-right: 1px; }
/*select box 화살표변경*/
.sec_visual .main_sch .innerWrap .sch_locate {
    padding-right: 40px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_frp_neebj_1.cat") no-repeat 90% 50%;
    background-color: #fff;    
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
/*selectbox ie8,ie9 처리*/
html.ie8 .sec_visual .main_sch .innerWrap .sch_locate,
html.ie9 .sec_visual .main_sch .innerWrap .sch_locate{ padding-right: 0px; background:#fff; }


.sec_visual .main_sch .innerWrap .sch_txt{ /*width: 610px;*/ width: 46%; height: 60px; border: none; color: #666; font-size: 20px; text-align: center;}
.sec_visual .main_sch .innerWrap .sch_btn{ height: 60px; padding: 0 20px; border: none; color: #fff; background: #344769; background: rgba(52, 71, 105, 0.9); font-size: 21px; font-weight: 500; }
.sec_visual .main_sch .innerWrap .sch_btn:hover{  background: rgba(39, 57, 88, 1); }
.sec_visual .main_sch .innerWrap .map_sch_btn{ width: 120px; height: 60px;  margin-left: 10px; border: 1px solid #003669; border: 1px solid rgba(0, 54, 105, 0.4); color: #003669;  font-size: 21px; letter-spacing: -0.05em; font-weight: 500; }
.sec_visual .main_sch .innerWrap .map_sch_btn:hover{ border: 1px solid rgba(0, 0, 0, 1);}
.sec_visual .main_sch .innerWrap .map_sch_btn span{vertical-align: middle;}
.sec_visual .main_sch .innerWrap .map_sch_btn:after{ content: ""; position:relative; top: 1px; margin-left: 6px; display: inline-block; width: 0px; height: 16px; vertical-align: middle; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_oga_neebj_1.cat) no-repeat center center; transform: translateX(-10px); transition: transform 0.3s, width 0.3s; }
.sec_visual .main_sch .innerWrap .map_sch_btn:hover:after{ transform: translateX(0px); width: 10px;}
.sec_visual .main_sch .keyword{ margin-top: 20px; line-height: 1.6em;}
.sec_visual .main_sch .keyword a{ display: inline-block; margin: 0 10px; color: #003669; font-size: 20px; font-weight: 500;}
.sec_visual .main_sch .close_btn { display: inline-block; margin-top: 80px; font-size: 18px;}
.sec_visual .main_sch .close_btn .ico{ display: inline-block; width: 18px; height: 18px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_k_juvgr1.cat") no-repeat center center; vertical-align: middle; margin-right: 10px;}





/*----메인 분야별 카운터----*/
.sec_visual .sec_select {position: relative; margin: 0.5vw 18px 0;}
.sec_visual .sec_select .count_num_wrap { float: left; /*margin-top: 25px;*/ padding: 34px 43px; width: 400px; min-height: 595px; border-radius: 25px; background: #fff; }
.sec_visual .sec_select .count_num_wrap + .count_num_wrap { margin-left: 20px; }
.sec_visual .sec_select .count_num_wrap.sel_sm {min-height: 458px;}
.sec_visual .sec_select .count_num_wrap > .sec_ti { color: #222; font-size: 28px; font-weight: 500; line-height: 1em;}
.sec_visual .sec_select .count_num {margin-top: 23px;}
.sec_visual .sec_select .count_num:after { content: ""; display: block; clear: both;}
.sec_visual .sec_select .count_num > li{ float: left; width: calc(50% - 2px); width : -webkit-calc(50% - 2px); margin: 1px; text-align: center;}
.sec_visual .sec_select .count_num_wrap.sel_bx ul li a { display: block; padding: 13.5px 0; text-align: center; border: 1px solid #e5e5e5; border-radius: 3px; word-break:break-word}
.sec_visual .sec_select .count_num_wrap.sel_bx ul li.on a { border: 1px solid #006aee; color: #006aee; font-weight: 500; }
/* .sec_visual .sec_select .count_num_wrap.sel_bx ul li:hover a { border: 1px solid #006aee; color: #006aee; font-weight: 500; } */
 
/* .sec_visual .count_num > li+li{ margin-left: 14px;} */

.sec_visual .sec_select .btn_group {float: left; margin: 20px 0 0 20px;}
.sec_visual .sec_select .btn_group .sch_btn { display:block; width: 400px; height: 76px; background: #003caa;  border-radius: 25px; text-align: center; }
.sec_visual .sec_select .btn_group .sch_btn span { position:relative; padding-left: 45px; display:inline-block; color: #fff; font-size: 24px; font-weight: 500; line-height: 76px;}
.sec_visual .sec_select .btn_group .sch_btn span:before {content: "";position: absolute; top: 25px; left: 7px; display: inline-block;width: 26px;height: 26px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_oga_fepu.cat) no-repeat center center; background-size: cover; }


/*기본*/
.sec_visual .sec_select .count_num > li .item_wrap{ /* position: relative; */ z-index: 2; display: inline-block; min-height: 105px; }
.sec_visual .sec_select .count_num > li .item_wrap .top_link{ position: relative; display: block; width: 100%; padding-top: 75px; text-decoration: none; }
.sec_visual .sec_select .count_num > li .item_wrap .top_link:before{ content: ""; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; background-repeat: no-repeat; transform: translateX(-50%); cursor: pointer;}
.sec_visual .sec_select .count_num > li .item_wrap .top_link span{ display: block; font-size: 15px; text-align: center; }
.sec_visual .sec_select .count_num > li.on .item_wrap .top_link span { color: #006aee; font-weight: 500; }

/*중카테고리 - 2020-09-21 주석처리 */
/* .sec_visual .count_num > li .item_wrap .category_wrap{ display: none; opacity: 0; width: 200px; margin-top: 50px; transition: height 0.3s ease-in-out 0.3s; }
.sec_visual .count_num > li .item_wrap .category_wrap ul{ padding: 0 15px 30px;}
.sec_visual .count_num > li .item_wrap .category_wrap ul > li{ font-size: 15px; text-align: center; color: #fff;}
.sec_visual .count_num > li .item_wrap .category_wrap ul > li > a{ display: inline-block; width: 100%; padding: 5px 0px; color: #fff; letter-spacing: -0.05em;}
.sec_visual .count_num > li .item_wrap .category_wrap ul > li > a:focus,
.sec_visual .count_num > li .item_wrap .category_wrap ul > li > a:hover{ background-color: #fff60b; color: #000; text-decoration: none; border-radius: 4px;}
 */
 
/*활성 - 2020-09-21 주석처리 */
/* .sec_visual .count_num > li.on { }
.sec_visual .count_num > li.on .item_wrap{ width: 200px; height: auto; min-height: 200px; border-radius: 10px; background: #1863b6; transform: translateY(-20px); box-shadow: 8px 6px 6px rgba(25, 50, 105, 0.5);}
.sec_visual .count_num > li.on .item_wrap:before{ opacity: 0;}
.sec_visual .count_num > li.on .item_wrap .top_link{ transform: translateY(20px); }
.sec_visual .count_num > li.on .item_wrap .top_link span{ font-size: 18px; color: #fff;}
.sec_visual .count_num > li.on .item_wrap .top_link strong{ font-size: 22px; color: #fff60b;}
.sec_visual .count_num > li.on .item_wrap .category_wrap{ display: block;  opacity: 1; width: 200px;  transition: all 0.3s ease-in-out 0.3s;}
 */
 
/*아이콘*/
.sec_visual .sec_select .count_num > li .item_wrap.item1 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 0; }  
.sec_visual .sec_select .count_num > li .item_wrap.item2 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -130px;}  
.sec_visual .sec_select .count_num > li .item_wrap.item3 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -260px;}
.sec_visual .sec_select .count_num > li .item_wrap.item4 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -260px;}  
.sec_visual .sec_select .count_num > li .item_wrap.item5 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Scneg_vpb5.cat);}  
.sec_visual .sec_select .count_num > li .item_wrap.item6 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -390px;}  
.sec_visual .sec_select .count_num > li .item_wrap.item7 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -390px;}  
.sec_visual .sec_select .count_num > li .item_wrap.item8 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Scneg_vpb8.cat);}  
.sec_visual .sec_select .count_num > li .item_wrap.item9 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Scneg_vpb9.cat);}
.sec_visual .sec_select .count_num > li .item_wrap.item10 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px 0;}
.sec_visual .sec_select .count_num > li .item_wrap.item11 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -130px;}

.sec_visual .sec_select .count_num > li .item_wrap.item12 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Scneg_vpb12.cat); margin-top: 20px;}

.sec_visual .sec_select .count_num > li.on .item_wrap.item1 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -65px; }  
.sec_visual .sec_select .count_num > li.on .item_wrap.item2 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -195px;} 
.sec_visual .sec_select .count_num > li.on .item_wrap.item3 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -325px;}  
.sec_visual .sec_select .count_num > li.on .item_wrap.item4 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -325px;}  
.sec_visual .sec_select .count_num > li.on .item_wrap.item6 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -455px;}  
.sec_visual .sec_select .count_num > li.on .item_wrap.item7 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -455px;}
.sec_visual .sec_select .count_num > li.on .item_wrap.item10 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -65px;}
.sec_visual .sec_select .count_num > li.on .item_wrap.item11 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -195px;}  

.sec_visual .sec_select .count_num > li.checked_type .item_wrap.item1 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -65px; }  
.sec_visual .sec_select .count_num > li.checked_type .item_wrap.item2 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -195px;} 
.sec_visual .sec_select .count_num > li.checked_type .item_wrap.item3 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -325px;}  
.sec_visual .sec_select .count_num > li.checked_type .item_wrap.item4 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -325px;}  
.sec_visual .sec_select .count_num > li.checked_type .item_wrap.item6 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -455px;}  
.sec_visual .sec_select .count_num > li.checked_type .item_wrap.item7 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -455px;}
.sec_visual .sec_select .count_num > li.checked_type .item_wrap.item10 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: -65px -65px;}
.sec_visual .sec_select .count_num > li.checked_type .item_wrap.item11 a:before{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_qrc_fcevgr.cat); background-position: 0 -195px;}  

	
@media screen and ( max-width:1300px){    
    .sec_visual {height: 100%; background: none; background-color: #006aee; }
    .sec_visual .sec_select .count_num_wrap{width:calc(33.33% - 14px)}
    .sec_visual .sec_select .btn_group {width: 100%;margin-left: 0;}
    .sec_visual .sec_select .btn_group .sch_btn {margin: 0 auto;width: 100%;}
    .sec_visual .sec_select .count_num_wrap.sel_sm{min-height:595px;}
    #subRsrcType{font-size:14px;}
    
   /*  
    분야별 카운터
    .sec_visual .sec_select .count_num > li+li{}    
    기본
    .sec_visual .sec_select .count_num > li .item_wrap{ width: 90px; height: 130px;  border-radius: 30px;  }
    .sec_visual .sec_select .count_num > li .item_wrap:before{ width: 62px; height: 60px; background-size: contain;  margin-left: -31px; }
    .sec_visual .sec_select .count_num > li .item_wrap .top_link{  transform: translateY(80px);}
    .sec_visual .sec_select .count_num > li .item_wrap .top_link span{ font-size: 15px; letter-spacing: -0.05em;}
    .sec_visual .sec_select .count_num > li .item_wrap .top_link strong{ font-size: 17px;}

    중카테고리
    .sec_visual .sec_select .count_num > li .item_wrap .category_wrap{ width: 160px; margin-top: 40px; }
    .sec_visual .sec_select .count_num > li .item_wrap .category_wrap ul > li{ font-size: 13px; }
    .sec_visual .sec_select .count_num > li .item_wrap .category_wrap ul > li > a{  padding: 3px 0px; }

    활성
     .sec_visual .sec_select .count_num > li.on { }
    .sec_visual .sec_select .count_num > li.on .item_wrap{ width: 160px; min-height: 160px;}
    
    .sec_visual .sec_select .count_num > li.on .item_wrap .top_link span{ font-size: 16px; }
    .sec_visual .sec_select .count_num > li.on .item_wrap .top_link strong{ font-size: 20px; }
    .sec_visual .sec_select .count_num > li.on .item_wrap .category_wrap{ width: 160px;} */     
    
    
}

@media screen and ( max-width:1070px){        
    .sec_visual .sec_select .count_num_wrap{float:none;width:100%;margin:0 auto; min-height:auto;}
    .sec_visual .sec_select .count_num_wrap + .count_num_wrap{margin:20px auto;} 
    .sec_visual .sec_select .btn_group .sch_btn{width:100%}
    .tpbanner img {width:100%}
    

}

@media screen and ( max-width:768px){
    .sec_visual .sec_select {margin: 0; }
    .sec_visual .sec_select .count_num_wrap { margin-top: 35px; padding: 20px 15px; width: 100%; min-height: 266px;}
    .sec_visual .sec_select .count_num_wrap.sel_sm {min-height: 266px;}
    .sec_visual .sec_select .count_num > li {width: calc(25% - 2px); width: -webkit-calc(25% - 2px);}
    .sec_visual .sec_select .count_num_wrap.sel_bx ul li { width: calc(25% - 6px); width : -webkit-calc(25% - 6px); margin: 3px; }
    .sec_visual .sec_select .count_num_wrap.sel_bx ul li a {padding: 8px 0; height: 106px; font-size: 4.427vw; line-height: 1.3em; }
    
    .sec_visual .sec_select .count_num > li .item_wrap .top_link span {font-size: 14px; /* word-break: keep-all; */ line-height: 1.2em;}
    
/*     .sec_visual .sec_select .count_num { margin-top: 15px;  }
    .sec_visual .sec_select .count_num > li .item_wrap:before{  top: 8px; left: 50%; width: 48px; height: 46px; margin-left: -26px;}
    .sec_visual .sec_select .count_num > li .item_wrap .top_link{ padding-top: 55px; }
    .sec_visual .sec_select .count_num > li .item_wrap .top_link span{ letter-spacing: -0.08em; }
    .sec_visual .sec_select .count_num > li .item_wrap .top_link strong{  margin-top: 6px; font-size: 16px;  } */
    
    .sec_visual .sec_select .count_num_wrap.sel_bx ul li a {display: table-cell; vertical-align:middle; width: 19.688vw; height: 16.563vw;  }
    .sec_visual .sec_select .btn_group .sch_btn {width: 100%; height: 114px; border-radius: 40px; }
    .sec_visual .sec_select .btn_group .sch_btn span {font-size: 36px; line-height: 114px; }
    .sec_visual .sec_select .btn_group .sch_btn span:before {top: 50%;left: -10px; transform: translateY(-50%); width: 39px; height: 39px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_oga_fepu_zb.cat) no-repeat center center; }
       
}

@media screen and ( max-width:768px){
    .sec_visual .sec_select {margin: 0;}
    
    .sec_visual .sec_select .count_num_wrap { margin-top: 1.5vw; padding: 5.781vw 4.688vw; width: 100%; min-height: 41.563vw;}
    .sec_visual .sec_select .count_num_wrap.sel_sm {min-height: 266px;}
    .sec_visual .sec_select .count_num_wrap.sel_bx ul li { width: calc(25% - 0.938vw); width : -webkit-calc(25% - 0.938vw); margin: 0.469vw; }
    .sec_visual .sec_select .count_num_wrap.sel_bx ul li a { padding: 1.250vw 0; font-size: 4.063vw; line-height: 1.3em; }
    
    .sec_visual .sec_select .count_num_wrap > .sec_ti {font-size: 6.250vw}
    .sec_visual .sec_select .count_num > li .item_wrap {min-height:26.563vw}
    .sec_visual .sec_select .count_num > li .item_wrap .top_link {padding-top: 16.406vw;}
    .sec_visual .sec_select .count_num > li .item_wrap .top_link:before {width: 14.063vw; height: 14.063vw; background-size: 28.125vw auto;}
    .sec_visual .sec_select .count_num > li .item_wrap .top_link span {font-size: 4.375vw; /* word-break: keep-all; */ line-height: 1em;}
    .sec_visual .sec_select .count_num > li .item_wrap.item1 a:before{ background-position: 0 0; }  
    .sec_visual .sec_select .count_num > li .item_wrap.item2 a:before{ background-position: 101.8% 28%;}  
    .sec_visual .sec_select .count_num > li .item_wrap.item3 a:before{ background-position: 0 57.2%;}
    .sec_visual .sec_select .count_num > li .item_wrap.item4 a:before{ background-position: 101.8% 57.2%;}  
    .sec_visual .sec_select .count_num > li .item_wrap.item6 a:before{ background-position: 0 85.8%;}  
    .sec_visual .sec_select .count_num > li .item_wrap.item7 a:before{ background-position: 101.8% 85.8%;} 
    .sec_visual .sec_select .count_num > li .item_wrap.item10 a:before{ background-position: 101.8% 0;}
    .sec_visual .sec_select .count_num > li .item_wrap.item11 a:before{ background-position: 0 28%;}
    
    .sec_visual .sec_select .count_num > li.on .item_wrap.item1 a:before{ background-position: 0 14%; }  
    .sec_visual .sec_select .count_num > li.on .item_wrap.item2 a:before{ background-position: 101.8% 42.8%;} 
    .sec_visual .sec_select .count_num > li.on .item_wrap.item3 a:before{ background-position: 0 71.5%;}  
    .sec_visual .sec_select .count_num > li.on .item_wrap.item4 a:before{ background-position: 101.8% 71.5%;}  
    .sec_visual .sec_select .count_num > li.on .item_wrap.item6 a:before{ background-position: 0% 100.2%;}  
    .sec_visual .sec_select .count_num > li.on .item_wrap.item7 a:before{ background-position: 101.8% 100.2%;}
    .sec_visual .sec_select .count_num > li.on .item_wrap.item10 a:before{ background-position: 101.8% 14%;}
    .sec_visual .sec_select .count_num > li.on .item_wrap.item11 a:before{ background-position: 0 42.8%;}
    
    .sec_visual .sec_select .count_num > li.checked_type .item_wrap.item1 a:before{ background-position: 0 14%; }  
    .sec_visual .sec_select .count_num > li.checked_type .item_wrap.item2 a:before{ background-position: 101.8% 42.8%;} 
    .sec_visual .sec_select .count_num > li.checked_type .item_wrap.item3 a:before{ background-position: 0 71.5%;}  
    .sec_visual .sec_select .count_num > li.checked_type .item_wrap.item4 a:before{ background-position: 101.8% 71.5%;}  
    .sec_visual .sec_select .count_num > li.checked_type .item_wrap.item6 a:before{ background-position: 0% 100.2%;}  
    .sec_visual .sec_select .count_num > li.checked_type .item_wrap.item7 a:before{ background-position: 101.8% 100.2%;}
    .sec_visual .sec_select .count_num > li.checked_type .item_wrap.item10 a:before{ background-position: 101.8% 14%;}
    .sec_visual .sec_select .count_num > li.checked_type .item_wrap.item11 a:before{ background-position: 0 42.8%;}

    .sec_visual .sec_select .btn_group .sch_btn {width: 100%; height: 17.813vw; border-radius: 6.250vw; }
    .sec_visual .sec_select .btn_group .sch_btn span {padding-left: 7.031vw; font-size: 5.625vw; line-height: 18.813vw; }
    .sec_visual .sec_select .btn_group .sch_btn span:before { top: 50%;left: -1.563vw; transform: translateY(-50%); width: 6.094vw; height: 6.094vw;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_oga_fepu_zb.cat) no-repeat center center; background-size: cover;}
           
}



@media screen and ( max-width:360px){
    .sec_visual {padding: 4.167vw 0 9.167vw;}
    .sec_visual .sec_select {margin: 5px 0 0 ;}
    .sec_visual .sec_select .count_num_wrap.sel_sm {min-height: 96.111vw;}
    .sec_visual .sec_select .count_num {margin-top: 4.444vw;}

}







/*처음방문객*/
.sec_fvisit{ height: 120px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sot_vzt_sivfvg.wct) no-repeat center center; background-color: #0f4da3; text-align: center; overflow: hidden;}
.sec_fvisit .f_txt{ display: inline-block; margin-top: 50px; padding-left: 70px;  color: #fff; font-size: 18px; }
.sec_fvisit .f_txt:before{ content: ""; position: absolute; top: 16px; left: 50%; margin-left: -480px; width: 96px; height: 104px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svzt_funer.cat) no-repeat 0 0; background-size: cover;}
.sec_fvisit .f_txt strong{ display: inline-block; margin-right: 20px;  font-size: 25px; font-weight: 500; }
.sec_fvisit .f_link { display: inline-block; padding: 11px 15px; min-height: 40px; font-size: 18px; color: #fff; border-radius: 50px; border: 1px solid #fff; }
.sec_fvisit .f_link .ico{ display: inline-block;  width: 10px; height: 16px; margin-left: 10px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_oga_neebj_2.cat) no-repeat center center; vertical-align: middle;}

@media screen and ( max-width:1300px){    
    .sec_fvisit{ height: 120px; }
    .sec_fvisit .f_txt{ display: block; margin-top: 30px; padding-left: 70px; font-size: 18px; }
    .sec_fvisit .f_txt:before{  top: -10px;  margin-left: -350px; width: 96px; height: 104px;}
    .sec_fvisit .f_txt strong{  margin-right: 20px;  font-size: 25px; }
    .sec_fvisit .f_link {  margin-top: 10px; padding: 11px 15px; min-height: 40px; font-size: 18px; }
    .sec_fvisit .f_link .ico{  width: 10px; height: 16px; margin-left: 10px;}
}
@media screen and ( max-width:768px){
    .sec_fvisit{ height: 80px; }
    .sec_fvisit .f_txt{ display: inline-block; margin-top: 30px; padding-left: 70px; font-size: 14px; }
    .sec_fvisit .f_txt:before{  top: 10px;  margin-left: -200px; width: 70px; height: 104px;}
    .sec_fvisit .f_txt strong{  margin-right: 20px;  font-size: 14px; }
    .sec_fvisit .f_txt .end_txt{ display: none;}
    .sec_fvisit .f_link {  margin-top: 10px; padding: 6px 10px; min-height: 20px; font-size: 11px; }
    .sec_fvisit .f_link .ico{ margin-top: -2px; width: 10px; height: 10px; margin-left: 10px;} 
}
@media screen and ( max-width:480px){
    .sec_fvisit{ height: 65px; }
    .sec_fvisit .f_txt{ display: block; margin-top: 10px; padding-left: 0px;}
    .sec_fvisit .f_txt:before{  top: -5px;  margin-left: -114px; width: 60px; height: 104px; background-size: contain;}
    .sec_fvisit .f_txt strong{  margin-right: 0px; margin-left: 55px;}
    .sec_fvisit .f_txt .end_txt{ display: none;}
    .sec_fvisit .f_link {  margin-top: 5px; margin-left: 55px; }    
}


/* 공유자원 신규 (2020-09-22) */
.sec_share_goods {padding: 20px 0px 30px 0; min-height: 485px; background-color: #f1f2f3; }
.sec_share_goods .sec_ti { margin-bottom: 25px; position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px;}
.sec_share_goods .conWrap { position: relative; min-height: 425px;}
.sec_share_goods .conWrap .sub_tab_menu { position: absolute; top: 12px; right: 0; font-size: 0; z-index: 999;}
.sec_share_goods .conWrap .sub_tab_menu a { display: inline-block; width: 92px; height: 33px; font-size: 15px; line-height: 33px; border: 1px solid #006aee; text-align: center; text-decoration: none;  background: #fff;}
.sec_share_goods .conWrap .sub_tab_menu a.tab1 { border-radius: 3px 0 0 3px;}
.sec_share_goods .conWrap .sub_tab_menu a.tab2 { border-radius: 0 3px 3px 0; border-left: 0;}
.sec_share_goods .conWrap .sub_tab_menu a.on {background: #006aee; color: #fff;}

.sec_share_goods .control_btn{position: absolute;width: 100%;top: 250px;left: 0;}
.sec_share_goods .control_btn > a{display: inline-block;width: 60px;height: 60px;background: rgba(68,68,68,0.6) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_onaare_nee_fcevgr.cat) no-repeat;border-radius: 50%;position: relative;z-index: 1; margin-top:-30px;}
.sec_share_goods .control_btn > a.prev{ background-position: -1px 50%; float: left; margin-left: -8%;}
.sec_share_goods .control_btn > a.next{ background-position: -58px 50%;  float: right; margin-right: -8%;}
.sec_share_goods .control_btn > a:hover{ background-color: rgba(68,68,68,1);}

.main_body .sec_share_goods .tab_group { padding: 12px 315px 0 0; border-bottom: 1px solid #e5e5e5;}
.main_body .sec_share_goods .tab_group .tab_menu { text-align: center; min-width: 32%; }
.main_body .sec_share_goods .tab_group .tab_menu:not(:first-child) { margin-left: 2%; }
.main_body .sec_share_goods .tab_group .tab_menu.on:before { left: 50%; width: 45%; transform: translateX(-50%); }

.main_body .sec_share_goods .tab_group > .tab_body { height: 390px; padding: 20px 0; top: 54px; overflow: hidden; border-top: 0;}


.main_body .sec_share_goods .tab_group .item {margin:0 auto; width: 100%;/* height: 350px; */}
.main_body .sec_share_goods .tab_group .item + .item { margin-left: 20px; }
.main_body .sec_share_goods .tab_group .item > a{ display: block; width: 100%; height: 100%; text-decoration: none; margin: 4px 0px 4px 0px;}
.main_body .sec_share_goods .tab_group .item > a:focus:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #a6c8ff;}
.main_body .sec_share_goods .tab_group .item > a:focus .thumb,
.main_body .sec_share_goods .tab_group .item > a:hover .thumb { transform: scale(1.1); }
.main_body .sec_share_goods .tab_group .item > a:focus .ti_txt,
.main_body .sec_share_goods .tab_group .item > a:hover .ti_txt { text-decoration: underline;}
                                       
.main_body .sec_share_goods .tab_group .item .itemWrap { position: relative; overflow: hidden; display: block; width: 100%; height:100%; }
.main_body .sec_share_goods .tab_group .item .itemWrap .thumb { width: 100%; height: 190px; background-size: cover !important; background-position: center center !important; background-repeat:no-repeat !important; transition: transform 0.3s ease-in-out; }
.main_body .sec_share_goods .tab_group .item .itemWrap .thumb > img{ height: 0px; width: 0px;}
.main_body .sec_share_goods .tab_group .item .itemWrap .locate{ position: absolute; top: 0; left: 0; display: inline-block; font-size: 0px; }
.main_body .sec_share_goods .tab_group .item .itemWrap .locate span{ display: inline-block; padding: 0 11px; min-height: 30px; line-height: 30px; color: #fff; background: #222; font-size: 15px;}
.main_body .sec_share_goods .tab_group .item .itemWrap .locate span.ca_2{ background: #003caa; }
.main_body .sec_share_goods .tab_group .item .itemWrap .info{ position: relative; height: 160px; padding: 15px 20px 20px; background: #fff;}

.item .itemWrap .info .ti_txt{  display: block; width: 100%; font-size: 20px; color: #222; font-weight: 500;
    line-height: 1.4em;  /*멀티라인인 경우 height의 기준이 됨*/
    height: 1.4em;  /*ie대응 한줄-line-height 의 1배 1.4, 두줄-line-height 의 2배 2.8 em*/
    overflow: hidden;  text-overflow: ellipsis;  white-space:nowrap; /*한줄 대응 white-space:nowrap, 멀티라인 대응 white-space:normal */
    /*word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ /*멀티라인 대응 - ie firefox 에선 적용안됨*/ 
}

.main_body .sec_share_goods .tab_group .item .itemWrap .info .etc{ margin-top: 16px;}
.main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li{ position: relative; padding-left: 62px; font-size: 15px; color: #222; }
.main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li+li{ margin-top: 10px;}
.main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li > strong{ position: absolute; top: 0px; left: 0;  display: inline-block; margin-right: 7px; color: #003caa;}
.main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li > strong > i{ display: inline-block; }
.main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li > span > .gap{ display: inline !important; width: auto; margin: 0 3px; vertical-align: baseline;}
.main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li > span > .gap{ width: 6px; }

@media screen and (max-width:1479px){
	.sec_share_goods .control_btn > a.prev{margin-left:-3%}
	.sec_share_goods .control_btn > a.next{margin-right:-3%}
}
@media screen and ( max-width:1070px){    

    .main_body .sec_share_goods .tab_group .tab_menu.on:before {width: 72%;}
}

@media screen and ( max-width:768px){
    /* .main_body .sec_share_list{ padding: 30px 0px;}
    .main_body .sec_share_list .sec_ti { font-size: 20px; }
    
    .main_body .sec_share_list .conWrap { position: relative; min-height: 300px;}
    .main_body .sec_share_list .conWrap .tab_menu { position: absolute; top: -33px; left: auto; right: 0px;  padding: 6px 10px; }
    .main_body .sec_share_list .conWrap .tab_menu.tab1 {  right: 130px; }
    .main_body .sec_share_list .conWrap .tab_menu.tab2 {  left: auto; right: 65px; }
    .main_body .sec_share_list .conWrap .tab_menu.tab3 {  left: auto; right: 0px; }
    .main_body .sec_share_list .conWrap .tab_menu.on{ font-weight: 500; color: #fff; background-color: #053276; border: none;}
    
    .main_body .sec_share_list .conWrap .tab_body { position: absolute; top: 15px; }             
    .main_body .sec_share_list .itemWrap .thumb { width: 100%; height: 130px; }
    .main_body .sec_share_list .itemWrap .locate span{  padding: 4px 6px; min-height: 20px; font-size: 13px;}
    .main_body .sec_share_list .itemWrap .info{ padding: 5px 10px 10px; height: 110px;}
    .main_body .sec_share_list .itemWrap .info .ti_txt{ font-size: 16px; }
    .main_body .sec_share_list .itemWrap .info .etc{ margin-top: 4px;}
    .main_body .sec_share_list .itemWrap .info .etc > li{ font-size: 12px; padding-left: 30px;}
    .main_body .sec_share_list .itemWrap .info .etc > li+li{ margin-top: 4px; }
    .main_body .sec_share_list .itemWrap .info .etc > li > strong{ display: inline-block; margin-right: 10px; color: #333;}    
    .main_body .sec_share_list .itemWrap .info .etc > li > strong > i{ display: none; }

    .main_body .sec_share_list .conWrap .tab_body .control_btn{ display: none; position: static; margin-top: 10px; text-align: center; }   */  
    
    
    
    /*owl dots 활성*/
    .main_body .sec_share_list .conWrap .tab_body .owl-theme .owl-dots{ display: block;}
    .sec_share_goods .conWrap .sub_tab_menu { top:12.500vw;  width: 100%;}
    .main_body .sec_share_goods .tab_group { padding: 12px 0 0;}
    .main_body .sec_share_goods .tab_group .tab_menu.on:before {width: 67%;}
    .main_body .sec_share_goods .tab_group .item > a{height:auto;}
}

@media screen and ( max-width: 640px) {
    .sec_share_goods {}
    .sec_share_goods .conWrap {min-height: 133.906vw}
    .sec_share_goods .sec_ti {font-size: 6.250vw; }
    .main_body .sec_share_goods .tab_group {border-bottom: 2px solid #e5e5e5;}
    .main_body .sec_share_goods .tab_group .tab_menu {height: 6.719vw; font-size: 4.375vw; }
    .main_body .sec_share_goods .tab_group .tab_menu.on:before {width: 87%; height: 2px; bottom: -2px;}
    .sec_share_goods .conWrap .sub_tab_menu a { width: 50%; height: 9.375vw; font-size: 4.375vw; line-height: 9.375vw; border: 2px solid #006aee; } 
    .main_body .sec_share_goods .tab_group > .tab_body {padding: 18.750vw 0 9.375vw; height: 124.531vw;}
    .main_body .sec_share_goods .tab_group .item {width:100%; height:96.250vw; }
    .main_body .sec_share_goods .tab_group .item .itemWrap .locate span {display: inline-block;padding: 0px 11px;min-height: 7.188vw;line-height: 7.188vw;font-size:4.063vw;}
    .main_body .sec_share_goods .tab_group .item .itemWrap .info {height: 37.656vw; padding: 4.688vw 4vw; }
    .main_body .sec_share_goods .tab_group .item .itemWrap .info .ti_txt {font-size: 4.688vw;}
    .main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li {padding-left: 14.35vw; font-size: 3.5vw; line-height: 1.2em;}
    .main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li span{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    
    .sec_share_goods .control_btn {top: 240px;margin-top: -20px;}
    
    /*owl dots 활성*/
    .main_body .sec_share_list .conWrap .tab_body .owl-theme .owl-dots{ display: block;}
    
}

@media screen and ( max-width: 360px) {
    .sec_share_goods {padding:8.333vw 0px 0; min-height: 155.278vw;}
    .sec_share_goods .conWrap {min-height: 116.611vw;}
    .sec_share_goods .sec_ti {margin-bottom:5.556vw; font-size: 6.250vw; }
    .main_body .sec_share_goods .tab_group {border-bottom: 1px solid #e5e5e5;}
    .main_body .sec_share_goods .tab_group .tab_menu {font-size: 4.375vw; }
    .main_body .sec_share_goods .tab_group .tab_menu.on:before {height: 1px; bottom: -1px;}
    .main_body .sec_share_goods .tab_group > .tab_body {padding:8.889vw 0 0;top: 10.556vw;}
    .sec_share_goods .conWrap .sub_tab_menu {top:15.278vw}
    .sec_share_goods .conWrap .sub_tab_menu a {height: 9.444vw; line-height:9.444vw;border: 1px solid #006aee;font-size:4.375vw;}
    
    .main_body .sec_share_goods .tab_group > .tab_body > .tab_inner_wrap {height: 96.389vw;}
    .main_body .sec_share_goods .tab_group .item {height: auto;}
    .main_body .sec_share_goods .tab_group .item .itemWrap .locate span {min-height:7.222vw; line-height:7.222vw; }
    .main_body .sec_share_goods .tab_group .item .itemWrap .info {padding:3.333vw 4.167vw; height:37.778vw; }
    .main_body .sec_share_goods .tab_group .item .itemWrap .info .etc {margin-top:2.778vw;}
    .main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li {padding-left: 16.406vw; font-size: 3.750vw;}
    .main_body .sec_share_goods .tab_group .item .itemWrap .info .etc > li + li {margin-top:1.389vw }
    .main_body .sec_share_goods .tab_group .item .itemWrap .info .ti_txt {font-size: 4.688vw;}
    
}



/*후기,자랑,바로가기 레이아웃*/
.main_body .sec_community{ padding: 60px 0 ; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sot_vzt_pvgl.wct) no-repeat center 0; background-size: cover; background-color: #afc1de;}
.main_body .sec_community .conWrap{ float: left; /*width: 628px;*/ width: 49.21%;}
.main_body .sec_community .conWrap.conLeft{ }
.main_body .sec_community .conWrap.conRight{/* margin-left: 20px;*/ margin-left: 1.56%; }

@media screen and ( max-width:1070px){            
    .main_body .sec_community{ padding: 30px 0 ;}
    .main_body .sec_community .conWrap{  /*width: 628px;*/ width: 100%;}
    .main_body .sec_community .conWrap.conLeft{ margin-bottom: 20px; }
    .main_body .sec_community .conWrap.conRight{/* margin-left: 20px;*/ margin-left: 0; }        
}

@media screen and ( max-width:768px){    
    .main_body .sec_community .conWrap{  /*width: 628px;*/ width: 100%; }
    .main_body .sec_community .conWrap.conLeft{ margin-bottom: 20px;}
    .main_body .sec_community .conWrap.conRight{/* margin-left: 20px;*/ margin-left: 0; }
}

@media screen and ( max-width:550px){        

}



/*-----left*/
.main_body .sec_community .conLeft > .story_con{ float: left; position: relative; /*width: 304px;*/ width: 48.43%; height: 408px;  padding: 20px; background: #fff;}
.main_body .sec_community .conLeft > .story_con.story1{ }
.main_body .sec_community .conLeft > .story_con.story2{ /*margin-left: 20px;*/ margin-left: 3.13%;}
.main_body .sec_community .conLeft > .story_con .con_ti{ position: relative; margin-top: 15px; font-size: 25px; font-weight: 500; color: #333; }
.main_body .sec_community .conLeft > .story_con .con_ti:before{ content: ""; position: absolute; top: 50px; left: 0;  width:70px; height: 2px; background: #59a9f8;}

.main_body .sec_community .conLeft > .story_con .listWrap{ margin-top: 70px; min-height: 200px;}
.main_body .sec_community .conLeft > .story_con .listWrap .item > a{ text-decoration: none;}
.main_body .sec_community .conLeft > .story_con .listWrap .item a:hover .ti{ text-decoration: underline;}
.main_body .sec_community .conLeft > .story_con .listWrap .item .ti{ 
    display: block; width: 100%; font-size: 20px; color: #333; font-weight: 500;
    line-height: 1.4em;  /*멀티라인인 경우 height의 기준이 됨*/
    height: 1.4em;  /*ie대응 한줄-line-height 의 1배 1.4, 두줄-line-height 의 2배 2.8 em*/
    overflow: hidden;  text-overflow: ellipsis;  white-space:nowrap; /*한줄 대응 white-space:nowrap, 멀티라인 대응 white-space:normal */
    /*word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ /*멀티라인 대응 - ie firefox 에선 적용안됨*/ 
}
.main_body .sec_community .conLeft > .story_con .listWrap .item .txt{ 
    display: block; width: 100%;  margin-top: 20px; font-size: 15px; color: #666; 
    line-height: 1.6em;  /*멀티라인인 경우 height의 기준이 됨*/
    height: 8em;  /*ie대응 한줄-line-height 의 1배 1.4, 두줄-line-height 의 2배 2.8 em*/
    overflow: hidden;  text-overflow: ellipsis;  white-space:normal; /*한줄 대응 white-space:nowrap, 멀티라인 대응 white-space:normal */
    word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; /*멀티라인 대응 - ie firefox 에선 적용안됨*/ 
}
.main_body .sec_community .conLeft > .story_con .control_btn{ position: absolute; bottom: 20px; left: 0px; width: 100%;  padding: 0 20px; }
.main_body .sec_community .conLeft > .story_con .control_btn > a{ display: inline-block; width: 40px; height: 40px; border: 1px solid #c6c6c6;}
.main_body .sec_community .conLeft > .story_con .control_btn > a:hover{ border: 2px solid #000;}
.main_body .sec_community .conLeft > .story_con .control_btn > a.prev{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_ani_yrsg.cat) no-repeat center center;}
.main_body .sec_community .conLeft > .story_con .control_btn > a.next{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_ani_evtug.cat) no-repeat center center;}
.main_body .sec_community .conLeft > .story_con .control_btn > a.more{ float: right; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_zber_cyhf.cat) no-repeat center center;}

@media screen and ( max-width:1070px){   
    /*left*/
    .main_body .sec_community .conLeft > .story_con{ float: left; /*width: 304px;*/ /*width: 48.43%;*/ width: 49.00%; height: 370px;  padding: 20px; }
    .main_body .sec_community .conLeft > .story_con.story1{ }
    .main_body .sec_community .conLeft > .story_con.story2{ /*margin-left: 20px;*/ /*margin-left: 3.13%;*/ margin-left: 1.98%;}    
    .main_body .sec_community .conLeft > .story_con .con_ti:before{ top: 40px;}
    .main_body .sec_community .conLeft > .story_con .listWrap{ margin-top: 50px; }    
}

@media screen and ( max-width:768px){ 
    /*left*/
    .main_body .sec_community .conLeft > .story_con{ height: 290px; padding: 15px;}
    .main_body .sec_community .conLeft > .story_con .con_ti{font-size: 20px; }
    .main_body .sec_community .conLeft > .story_con .con_ti:before{ top: 35px;}
    
    .main_body .sec_community .conLeft > .story_con .listWrap{ margin-top: 35px; min-height: 140px; }    
    .main_body .sec_community .conLeft > .story_con .listWrap .item .ti{ 
        display: block; width: 100%; line-height: 1.4em; font-size: 16px;
        height: 1.4em;  /*ie대응 line-height 의 1배 em*/
        overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; /*한줄 대응*/
        word-wrap: break-word; display:block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /*2줄 대응 ie firefox 에선 적용안됨*/
    }    
    .main_body .sec_community .conLeft > .story_con .listWrap .item .txt{ 
        display: block; width: 100%;  margin-top: 10px; line-height: 1.6em; font-size: 14px; color: #666;  
        height: 6.4em;  /*ie대응 line-height 의 4배 em*/
        overflow: hidden;  text-overflow: ellipsis;  white-space: normal; /*한줄 대응*/
        word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; /*4줄 대응 ie firefox 에선 적용안됨*/
    }   
}

@media screen and ( max-width:550px){        
    /*left*/
    .main_body .sec_community .conLeft > .story_con{ float: none;  width: 100%; height: 265px; }
    .main_body .sec_community .conLeft > .story_con.story2{  margin-left: 0; margin-top: 15px;}    
    .main_body .sec_community .conLeft > .story_con .con_ti{ margin-top: 10px; }
    .main_body .sec_community .conLeft > .story_con .con_ti:before{  top: 25px; }
    
    .main_body .sec_community .conLeft > .story_con .listWrap{ margin-top: 25px; min-height: 130px;}
    
}




/*----right*/
.main_body .sec_community .conRight > .item{ float: left; position: relative; /*width: 304px;*/width: 48.43%; height: 408px; padding: 30px;}
.main_body .sec_community .conRight > .item.link1{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sonaare_ot_cnggrea1.cat) repeat 0 0; background-color: #0072bc;  transition: transform 0.3s, box-shadow 0.3s;}
.main_body .sec_community .conRight > .item.link1:hover{ transform: translate(-2px, -5px); box-shadow: 10px 8px 8px rgba(25, 50, 105, 0.5);}
.main_body .sec_community .conRight > .item.link1:before{ content: ""; position: absolute; bottom: -25px; right: -20px; width: 207px; height: 204px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sonaare_ot_vzt1.cat) no-repeat 0 0;}
.main_body .sec_community .conRight > .item.link2{ /*margin-left: 20px;*/ margin-left: 3.13%; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sonaare_ot_cnggrea2.cat) repeat 0 0; background-color: #0f53ab; transition: transform 0.3s, box-shadow 0.3s;}
.main_body .sec_community .conRight > .item.link2:hover{ transform: translate(-2px, -5px); box-shadow: 10px 8px 8px rgba(25, 50, 105, 0.5);}
.main_body .sec_community .conRight > .item.link2:before{ content: ""; position: absolute; bottom: -25px; right: -20px; width: 226px; height: 204px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sonaare_ot_vzt2.cat) no-repeat 0 0;}
.main_body .sec_community .conRight > .item > a { display: block; position: relative; width: 100%; height: 100%; color: #fff; text-decoration: none;}
.main_body .sec_community .conRight > .item > a:hover .item_inner .txt { text-decoration: underline;}
.main_body .sec_community .conRight .item_inner{ }
.main_body .sec_community .conRight .item_inner .h_txt{ display: block; width: 100%; font-size: 25px; color: #fff; font-weight: 500; line-height: 1.2em; text-decoration: none;}
.main_body .sec_community .conRight .item_inner .txt{ display: block; width: 84%; font-size: 18px; color: #fff; line-height: 1.4em; margin-top: 20px; word-break: keep-all;}
.main_body .sec_community .conRight .item_inner .go_txt{ position: relative; display: block; width: 100%; font-size: 15px; color: #fff;  margin-top: 50px; }
.main_body .sec_community .conRight .item_inner .go_txt:before{ content: "";  position: absolute; top:35px; left: 0px; width: 60px; height: 7px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_neebj_ybat_juvgr.cat) no-repeat 0 0; transform: scaleX(0); transform-origin: left; transition: transform 0.3s;}
.main_body .sec_community .conRight > .item > a:hover .item_inner .go_txt:before{ transform: scaleX(1);}

@media screen and ( max-width:1070px){       
    /*right*/
    .main_body .sec_community .conRight > .item{ float: left; /*width: 304px;*/ /*width: 48.43%;*/ width: 49.00%; height: 185px; padding: 20px;}
    .main_body .sec_community .conRight > .item.link1:before{ content: ""; position: absolute; bottom: -25px; right: -20px; width: 150px; height: 150px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sonaare_ot_vzt1.cat) no-repeat 0 0; background-size: contain;}
    .main_body .sec_community .conRight > .item.link2{ /*margin-left: 20px;*/ /*margin-left: 3.13%;*/  margin-left: 1.98%; }
    .main_body .sec_community .conRight > .item.link2:before{ content: ""; position: absolute; bottom: -25px; right: -20px; width: 150px; height: 150px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sonaare_ot_vzt2.cat) no-repeat 0 0; background-size: contain;}    
    .main_body .sec_community .conRight .item_inner .txt{  width: 70%; }
    .main_body .sec_community .conRight .item_inner .go_txt{ margin-top: 20px; }
    .main_body .sec_community .conRight .item_inner .go_txt > i{ display: none;}
    .main_body .sec_community .conRight .item_inner .go_txt:before{ content: "";  position: absolute; top:5px; left: 70px; transform: scaleX(1);}
    .main_body .sec_community .conRight > .item > a:hover .item_inner .go_txt:before{ transform: scaleX(1);}
        
}

@media screen and ( max-width:768px){   
    /*right*/
    .main_body .sec_community .conRight > .item{ height: auto;}
    .main_body .sec_community .conRight > .item.link1:before{  bottom: -25px; right: -20px; width: 120px; height: 120px;}
    .main_body .sec_community .conRight > .item.link2:before{  bottom: -25px; right: -20px; width: 120px; height: 120px;}    
    
    .main_body .sec_community .conRight .item_inner{ }
    .main_body .sec_community .conRight .item_inner .h_txt{font-size: 20px; }
    .main_body .sec_community .conRight .item_inner .txt{  width: 70%; word-break: keep-all;  font-size: 14px; margin-top: 5px; }
    .main_body .sec_community .conRight .item_inner .go_txt{ font-size: 14px; margin-top: 5px; }
}

@media screen and ( max-width:550px){   
    /*right*/
    .main_body .sec_community .conRight > .item{ float: none; width: 100%; height: auto; padding: 15px;}
    .main_body .sec_community .conRight > .item.link2{ margin-left: 0; margin-top: 15px; }
    .main_body .sec_community .conRight > .item.link1:before{  bottom: -10px; right: -10px; width: 100px; height: 100px;}
    .main_body .sec_community .conRight > .item.link2:before{  bottom: -10px; right: -10px; width: 100px; height: 100px;}  

}







/*소식,알림존 - 레이아웃*/
.main_body .sec_news{ padding: 40px 0 40px; background-color: #dcecff;}
.main_body .sec_news .sec_ti { margin-bottom: 25px;  position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px;}
.main_body .sec_news .conWrap { float: left; min-height: 341px; }
.main_body .sec_news .conLeft { width: 57.7%; background-color:#fff;}
.main_body .sec_news .conWrap.conRight{ width:40.8%; margin-left: 1.5%;}


/* tab */
/* .sec_news .conLeft{ background: #fff; } */
.tab_group{ position: relative; padding: 40px 40px 0 40px; border-bottom: 1px solid #e5e5e5; }
.tab_group .tab_menu{ float: left; position: relative; display: inline-block; height: 42px; line-height: 0.9em; font-size: 24px; color: #222; font-weight: 300; }
.tab_group .tab_menu:not(:first-child) {margin-left: 85px;}
.tab_group .tab_menu.on{ color: #006aee; font-weight: 500; }
.tab_group .tab_menu.on:hover{ text-decoration: none;}
.tab_group .tab_menu.on:before{ content: ""; display: block; position: absolute; z-index: 1; bottom: -1px; left: 0; width: 100%; height: 1px; background: #006aee; }
.tab_group > .tab_body{ position: absolute; top: 82px; left: 0; width: 100%; padding: 32px 40px ; /* background-color:#fff; */}
.tab_group > .tab_body > .list{  }
.tab_group > .tab_body > .list > li{ /* float: left; width: 50%; */}
.tab_group > .tab_body > .list > li > a{ text-decoration: none;}
/* .main_body .sec_news .conLeft .tab_group .tab_body > .list > li > a:focus .innerWrap,
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li > a:hover .innerWrap{ border:1px solid #000; outline: 1px solid #000;} 
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li > a:focus .ti,
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li > a:hover .ti{ color: #000; text-decoration: underline;}*/


.tab_group > .tab_body > .list > li .innerWrap{ position: relative; /* height: 240px; padding: 25px; border: 1px solid #cccccc; */}
.sec_news .conLeft .tab_group .tab_body > .list > li > a {display:block;}
.sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap {display:block;}
.sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti { 
    display: block; width: 75%; line-height: 1em; font-size: 18px; font-weight: 300; letter-spacing: -0.025em; color: #222;
    overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; /*한줄 대응*/
    word-wrap: break-word; /* display: -webkit-box; */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; /*2줄 대응 ie firefox 에선 적용안됨*/    
}
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti .notice {margin-right: 3px;}
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti img { vertical-align: middle; }
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti img.new_img { position: relative; margin-right: 5px; top: -2px;}
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .txt {     
    display: block; width: 100%; margin-top: 20px; line-height: 1.4em; 
    height: 5.6em;  /*ie대응 line-height 의 4배 em*/
    overflow: hidden;  text-overflow: ellipsis;  white-space: normal; /*한줄 대응*/
    word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; /*4줄 대응 ie firefox 에선 적용안됨*/      

}
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .date { position: absolute; top: 6px; right: 0;}

.main_body .sec_news .conLeft .tab_group .tab_body > a.more{ position: absolute; top: -48px; right: 40px; display: inline-block; width: 35px; height: 35px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_zber_cyhf.cat) no-repeat center center;}


@media screen and ( max-width:1240px){
	.tab_group .tab_menu:not(:first-child){margin-left:50px}
	.tab_group .tab_menu{font-size:23px}
}

@media screen and ( max-width:1100px){
	.tab_group .tab_menu{font-size:20px}
}

@media screen and ( max-width:1070px){    
    
        /*소식*/
    .main_body .sec_news{ padding: 30px 0 20px; }
    /*.main_body .sec_news .sec_ti {font-size: 6.250vw;}*/
    .main_body .sec_news .conWrap{float: none; width: 100%;}        
    .main_body .sec_news .conWrap.conLeft {min-height: 60.875vw;}
    .main_body .sec_news .conWrap.conRight{ width: 100%; margin-left: 0; margin-top: 8.594vw;min-height: 74.688vw;}   

    
    .main_body .sec_news .conWrap .tab_group {padding: 4.688vw 10.125vw 0 3.125vw;}
    /*.main_body .sec_news .conWrap .tab_group .tab_menu {font-size:4.375vw;letter-spacing:-0.04em;}*/
    .main_body .sec_news .conWrap .tab_group .tab_menu:not(:first-child) {margin-left: 4.688vw;}
    .main_body .sec_news .conLeft .tab_group > .tab_body {padding: 4.688vw 3.125vw;}
    .main_body .sec_news .conLeft .tab_group .tab_body > a.more {top: -30px;right: 24px;}
    .main_body .sec_news .conLeft .tab_group .tab_body > a.more {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_zber_cyhf_zb.cat) no-repeat center center;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li + li {margin-top: 3.125vw;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti .notice {height:5vw; line-height:5vw; padding: 0 1.563vw;font-size:18px}
/*    .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti {width:100%;min-height: 5vw;font-size:4.375vw;margin-bottom: 10px;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .date {position:inherit;top:unset;right:unset;font-size:3.750vw;}*/
    
    .tab_group {border-bottom: 2px solid #e5e5e5;}
    .tab_group .tab_menu.on:before {height: 2px;bottom: -2px;}
    .tab_group .tab_body > a.more {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_zber_cyhf_zb.cat) no-repeat center center;}
    
    
  /*   소식
    .main_body .sec_news .conLeft{ min-height: 340px; }
    .main_body .sec_news .conLeft .tab_group .tab_body > .list{ margin-left: -20px; margin-left: -1.98%;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li{ float: left; width: 50%; padding-left: 20px; padding-left: 1.98%;} */
}

@media screen and ( max-width:768px){
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti .notice {font-size:14px}
    
}

@media screen and ( max-width:640px){
    
    .main_body .sec_news .conWrap .tab_group {padding: 4.688vw 10.938vw 0 3.125vw;}
    
   /*  .main_body .sec_news .conLeft .tab_group .tab_menu{ height: 30px; margin-top: 15px; margin-right: 15px; font-size: 20px; letter-spacing: -0.05em; }   
    .main_body .sec_news .conLeft .tab_group .tab_menu.on:before{ content: ""; display: block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 4px; background: #1863b6; }
    .main_body .sec_news .conLeft .tab_group .tab_body{ position: absolute; top: 43px; left: 0; width: 100%; padding-top: 22px; border-top: 2px solid #cbcbcb; }
    .main_body .sec_news .conLeft{ min-height: 390px; }
    .main_body .sec_news .conLeft .tab_group .tab_body > .list{ margin-left: 0;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li{ float: none; width: 100%; padding-left: 0;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li+li{ margin-top: 10px}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap{  height: auto; padding: 15px;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti {      
        display: block; width: 100%; line-height: 1.4em; font-size: 16px; font-weight: 500;
        height: 1.4em;  ie대응 line-height 의 1배 em
        overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; 한줄 대응
        word-wrap: break-word; display: -webkit-box; display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; 1줄 대응 ie firefox 에선 적용안됨     
    }        
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti img { vertical-align: middle;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .txt {            
        display: block; width: 100%; margin-top: 10px; line-height: 1.4em; 
        height: 4.2em;  ie대응 line-height 의 3배 em
        overflow: hidden;  text-overflow: ellipsis;  white-space: normal; 한줄 대응
        word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 3줄 대응 ie firefox 에선 적용안됨    
    }     
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .date { position: static; display: inline-block; margin-top: 10px;}       */

}

@media screen and ( max-width:475px){
    .tab_group > .tab_body {top: 15.875vw;}
    .main_body .sec_news .conWrap.conLeft {min-height: 70.875vw;}
}

@media screen and ( max-width:375px){
    .main_body .sec_news .conWrap.conLeft {min-height: 80.875vw;}
}



/*---- 알림존*/
.main_body .sec_news .conRight{ position: relative;}
.main_body .sec_news .conRight .listWrap{ position: relative; }
.main_body .sec_news .conRight .listWrap .item{ /*position: absolute; top: 0; left: 0;*/ width: 100%; height: 100%; background: #fff; }
.main_body .sec_news .conRight .listWrap .item > a{ position: relative; display: block; width: 100%; height: 100%; height: 340px;}
.main_body .sec_news .conRight .listWrap .item > div{ position: relative; display: block; width: 100%; height: 100%; height: 340px;}
.main_body .sec_news .conRight .listWrap .item .thumb{ background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; width: 100%; height: 100%; }
.main_body .sec_news .conRight .listWrap .item .thumb img{ width: 0; height: 0;}

.main_body .sec_news .conRight .control_btn{ position: absolute; z-index: 1; bottom: 0; right: 0; font-size: 0; }
.main_body .sec_news .conRight .control_btn .count_num,
.main_body .sec_news .conRight .control_btn a{ display: inline-block; min-width: 43px; height: 43px; background-repeat: no-repeat; background-size: cover; color: #fff; vertical-align: middle;}
.main_body .sec_news .conRight .control_btn a { background-color: rgba(0,0,0,0.7); margin-left: 1px;}
.main_body .sec_news .conRight .control_btn a:hover{ background-color: rgba(0,0,0,1);}
.main_body .sec_news .conRight .control_btn .count_num{ line-height: 41px; padding: 0 14px; font-size: 18px; background-color: rgba(0,0,0,0.7);}
.main_body .sec_news .conRight .control_btn .count_num .cur_num{ color:#fffd76; }
.main_body .sec_news .conRight .control_btn a.prev{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_neebj_ju_fcevgr.cat); background-position: 0% 0%;}
.main_body .sec_news .conRight .control_btn a.next{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_neebj_ju_fcevgr.cat); background-position: -43px 0%;}
.main_body .sec_news .conRight .control_btn a.stop{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_neebj_ju_fcevgr.cat); background-position: -129px 0%;}
.main_body .sec_news .conRight .control_btn a.stop.on{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_neebj_ju_fcevgr.cat); background-position: -86px 0%;}

@media screen and ( max-width:1070px){    
    
    /*알림존*/    
    .main_body .sec_news {padding: 8.594vw 0;}
    .main_body .sec_news .conRight .control_btn{ position: inherit; text-align: right; background: #222;}
    .main_body .sec_news .conRight .control_btn .count_num {padding: 0 4.219vw;font-size: 4.688vw;line-height:13.438vw;}
    .main_body .sec_news .conRight .control_btn .count_num, .main_body .sec_news .conRight .control_btn a {margin-left: 2px;min-width:13.438vw; height: 13.438vw;}

    .main_body .sec_news .conRight .control_btn a.stop {background-position: -40.313vw 0%;}
    .main_body .sec_news .conRight .control_btn a.stop.on {background-position: -26.563vw 0%;}
    .main_body .sec_news .conRight .control_btn a.next {background-position: -12.969vw 0%;}

    /*.main_body .sec_news .conLeft .tab_group .tab_menu {height:7.031vw;font-size:4.375vw;}*/
    .main_body .sec_news .conLeft .tab_group .tab_body > a.more {top: -5vw;right: 4.531vw; width:4.063vw; height: 4.063vw; }
    /* .tab_group > .tab_body {top: 11.875vw;} *//* repositioning * khyoo 01.16.17:00 */

    
    .main_body .sec_news .conRight .listWrap .item > a{height: 392px;}
}

@media screen and ( max-width:768px){    
    
    .main_body .sec_news .conLeft .tab_group .tab_body > a.more {top: -6.5vw;}
    
}

@media screen and ( max-width:425px){    
    
    .main_body .sec_news .conLeft .tab_group .tab_body > a.more {top: -11.5vw;}
    
}

@media screen and ( max-width:375px){
    
    .main_body .sec_news {padding: 8.333vw 0 8.889vw;}
    .main_body .sec_news .sec_ti {margin-bottom: 4.167vw;}
    .main_body .sec_news .conLeft .tab_group .tab_body > a.more {top: -12vw;}
    
    .tab_group {border-bottom: 1px solid #e5e5e5;}
    .tab_group > .tab_body {top: 19.944vw;}
    .tab_group .tab_menu.on:before {height: 1px;bottom: -1px;}
    
    .main_body .sec_news .conLeft .tab_group .tab_body > a.more {/* top: -36px;right: 6px; background-size: 44%; */}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list > li + li {margin-top:4.167vw;}
    .main_body .sec_news .conLeft .tab_group .tab_body > .list .ti {margin-bottom:1.389vw;}
    .main_body .sec_news .conLeft .tab_group .tab_menu{font-size:14px !important; line-height:35px;}
    
    .main_body .sec_news .conWrap.conRight {margin-top: 9.722vw}
    .main_body .sec_news .conRight .listWrap .item > a {height: 221px;}
    
} 
    

/*하단 바로가기 버튼*/
.main_body .sec_bottomLink{ padding-bottom: 20px;}
.main_body .sec_bottomLink .list{ display: block; width: 100%;}
.main_body .sec_bottomLink .list li{ float: left; width: 25%; border: 1px solid #ccc;}
.main_body .sec_bottomLink .list li:hover{ border:1px solid #000; outline: 1px solid #000;}
.main_body .sec_bottomLink .list li+li{ border-left: none;}
.main_body .sec_bottomLink .list li a{ display: inline-block; width: 100%; height: 102px; padding-left:110px;  background:no-repeat 20px center; font-size: 20px; font-weight: 500; color: #333; text-decoration: none;}
.main_body .sec_bottomLink .list li.bt1 a{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_obggz_oga1.cat);}
.main_body .sec_bottomLink .list li.bt2 a{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_obggz_oga2.cat);}
.main_body .sec_bottomLink .list li.bt3 a{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_obggz_oga3.cat);}
.main_body .sec_bottomLink .list li.bt4 a{ background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_obggz_oga4.cat);}
.main_body .sec_bottomLink .list li a span{ position: relative; top:40px;}
.main_body .sec_bottomLink .list li a span:before{ content: "";  position: absolute; top:35px; left: 0px; width: 60px; height: 7px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_neebj_ybat.cat) no-repeat 0 0; transform: scaleX(0); transform-origin: left; transition: transform 0.3s;}
.main_body .sec_bottomLink .list li a:hover span:before{ transform: scaleX(1);}

@media screen and ( max-width:1300px){    

}

@media screen and ( max-width:1070px){    
    .main_body .sec_bottomLink{ padding-bottom: 20px;}
    .main_body .sec_bottomLink .list li{ width: 50%; margin-bottom: -1px;}
    .main_body .sec_bottomLink .list li:nth-of-type(2n){ margin-left: -1px; }
    .main_body .sec_bottomLink .list li+li{ border: 1px solid #ccc;}
    .main_body .sec_bottomLink .list li a{  height: 60px; padding-left:90px;  font-size: 20px;  background-size: 50px auto;}
    .main_body .sec_bottomLink .list li a span{ position: relative; top:18px;}
    .main_body .sec_bottomLink .list li a span:before{ display: none;}
}

@media screen and ( max-width:768px){
    .main_body .sec_bottomLink .list li a{  height:50px; padding-left:70px;  font-size: 16px; background-size: 40px auto;}
}

@media screen and ( max-width:500px){
    .main_body .sec_bottomLink .list li a{ padding-left:55px;  background-position: 6px center; font-size: 14px; letter-spacing: -0.05em;}
}



/*링크 배너 슬라이드 */
.main_body .sec_link_banner{ }
.main_body .sec_link_banner .link_banner_wrap{ padding: 20px 0; height: 100px; overflow: hidden;}
.main_body .sec_link_banner .link_banner_wrap .link_banner_list{ height: 100%; font-size: 0;}
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item{display: inline-block;text-align: center;width: 12.5%;}
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item a{display: inline-block;}
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item a:focus,
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item a:hover{ border-color: #000;}
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item a img{max-width:100%}


@media screen and ( max-width:1300px){    

}

@media screen and ( max-width:1070px){    
}

@media screen and ( max-width:768px){
.main_body .sec_link_banner{ display: none;}
/* .main_body .sec_link_banner .link_banner_wrap{ border: 1px solid #ccc; padding: 0 0 0 0px; height: 50px; overflow: hidden;}
.main_body .sec_link_banner .link_banner_wrap .left_con{ position: absolute; top: 15px; left: 0px; width: 180px; text-align: center;}
.main_body .sec_link_banner .link_banner_wrap .left_con .ti{ display: none; height: 40px; line-height: 40px; vertical-align: middle; font-size: 16px;}
.main_body .sec_link_banner .link_banner_wrap .left_con .list_btn{ margin-left: 10px;}
.main_body .sec_link_banner .link_banner_wrap .link_banner_list{ padding-left: 10px; padding-top: 5px; }
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item{ display: inline-block;}
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item a{ display: inline-block; border: 1px solid #f1f1f1;}
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item a > img{ height: 34px; width: auto;  }
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item a:focus,
.main_body .sec_link_banner .link_banner_wrap .link_banner_list .item a:hover{ border-color: #000;}
.main_body .sec_link_banner .link_banner_wrap .control_btn{ display: none; position: absolute; top: 15px; right: auto; left: 0px; width: 180px; text-align: center;}

.main_body .sec_link_banner .link_banner_wrap .c_btn{ display: inline-block; width: 40px; height: 40px; border: 1px solid #c6c6c6; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-color: #fff;}
.main_body .sec_link_banner .link_banner_wrap .c_btn:hover{ border: 2px solid #000;} */
}

@media screen and ( max-width:500px){
    
}




/* 이용문의 영역 _ 2020-09-21 */
.sec_qna { height: 400px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sot_znva_dan.wct) no-repeat center center; background-size: cover; overflow: hidden;}
.sec_qna .wsize {height: 100%; }
.sec_qna .bx_left { position: absolute; left:0; top: 50%; transform: translateY(-50%); }
.sec_qna .bx_left .bx_txt p {margin-top: 20px;}
.sec_qna .bx_left .bx_txt p span {display: block; font-size: 18px; line-height: 1.5em; letter-spacing: -0.03em; }
.sec_qna .bx_left .bx_txt .sec_ti { color: #006aee; }
.sec_qna .bx_left .btn {padding: 20px 20px; min-width: 180px; height: 60px; border-radius: 3px; }
.sec_qna .qna_list { padding-top: 30px; padding-left: 726px;}
.sec_qna .qna_list li { float: left; width: 130px; height: 130px; border-radius: 35px; text-align: center; background-repeat: no-repeat;  }
.sec_qna .qna_list li a { position: relative; display: block; height: 100%; padding-top: 88px; color: #fff; font-size: 18px; font-weight: 500; cursor: pointer; }
.sec_qna .qna_list li a:before { content:''; display: block; position: absolute; top:15px; left: 29px; width: 71px; height:63px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Svpb_dan_fcevgr.cat); background-repeat: no-repeat; background-size:cover;}
.sec_qna .qna_list li:nth-child(odd) {margin-top: 20px;}
.sec_qna .qna_list li + li {margin-left: 10px; }
.sec_qna .qna_list li.list_01 { background: #004caa ; }
.sec_qna .qna_list li.list_02 { background-color: #0059c7; }
.sec_qna .qna_list li.list_03 { background-color: #0162db; }
.sec_qna .qna_list li.list_04 { background-color: #006aee; }
.sec_qna .qna_list li.list_01 a:before { background-position: 0% 0%; }
.sec_qna .qna_list li.list_02 a:before { background-position: 0% 34%; }
.sec_qna .qna_list li.list_03 a:before { background-position: 0% 66%; }
.sec_qna .qna_list li.list_04 a:before { background-position: 0% 100%; }
.sec_qna .qna_list li a:before { }
.sec_qna .qna_call { position: absolute; right: 55px; bottom: 30px; }
.sec_qna .qna_call > div { float:left; }
.sec_qna .qna_call .tit { font-size: 24px; font-weight: 500; line-height: 1.2em;}
.sec_qna .qna_call .sub { position:relative; margin-left: 18px; padding-left: 20px; }
.sec_qna .qna_call .sub:before { content: ''; position: absolute; top: 3px; left: 0; width: 1px; height: 53px; background: #d5d5d5; }
.sec_qna .qna_call .sub .num { display: block; color: #000; font-size: 36px; font-weight: 500; line-height: 32px; letter-spacing: -0.025em; }
.sec_qna .qna_call .sub em {display: block; margin-top: 10px; letter-spacing: -0.025em; }
@media screen and ( max-width:1300px){
    .sec_qna .qna_list{padding-left: 0; float: right;}
    .sec_qna{background-size:contain;}}
@media screen and ( max-width:1070px){
    .sec_qna {padding: 8.594vw 0; height: 140vw; text-align: center; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sot_znva_dan_zb.wct) no-repeat center center;background-size: 100vw auto;}
    /* .sec_qna .bx_left {top: 0; left: 50%;transform: translate(-50%, 0);} */
    .sec_qna .bx_left {position:inherit; top: unset; left: unset; text-align:center; transform:none;}
    .sec_qna .bx_left .bx_txt .sec_ti {font-size: 5.625vw;}
    .sec_qna .bx_left .bx_txt p span {font-size: 3.750vw;}

    .sec_qna .bx_left .btn_group {margin-top: 5.469vw;}
    .sec_qna .bx_left .btn_group .btn {padding: 3.750vw 5.625vw;min-width:44.688vw;height: 12.500vw;font-size: 3.688vw; border-radius: 0.938vw;}

    .sec_qna .qna_list {padding: 9.375vw 0 0 0;float: none;}
    .sec_qna .qna_list li {width:calc(25% - 1.875vw);width:-webkit-calc(25% - 1.875vw); height:31.250vw; border-radius: 5.469vw;}
    .sec_qna .qna_list li + li {margin-left: 1.875vw;}
    .sec_qna .qna_list li:nth-child(odd) {margin-top: 0;}
    .sec_qna .qna_list li a {padding: 19.344vw 3.125vw 0; font-size: 2.906vw; line-height: 4.688vw;}
    .sec_qna .qna_list li a:before {width: 12.969vw; height: 11.875vw; top: 4.688vw; left: 50%; transform: translateX(-50%); background-size: 100% auto;}
    .sec_qna .qna_list li.list_01 a:before { background-position: 0% -1%; }
    .sec_qna .qna_list li a span {display: block;}

    .sec_qna .qna_call {display: inline-block; margin-top:8.906vw; position:inherit; right: unset; bottom: unset; text-align:center;}
    .sec_qna .qna_call .tit {font-size: 4.375vw; line-height: 5.625vw;}
    .sec_qna .qna_call .tit p {display: inline-block; }
    .sec_qna .qna_call .sub {padding-left: 2.813vw;}
    .sec_qna .qna_call .sub:before {height: 4.688vw;}
    .sec_qna .qna_call .sub .num {display: inline;font-size: 5.625vw; line-height:5.625vw; }
    .sec_qna .qna_call .sub em {font-size: 3.750vw; margin: 0 0 0 -40.219vw; }
    .sec_qna .qna_call .sub em:before {content:'';display:block; width:100%; height: 3.125vw;}
}
@media screen and ( max-width:768px){
    .sec_qna .qna_call .sub {line-height:2.6em;}
    .sec_qna .qna_call .sub em:before {height:0;}
}
@media screen and ( max-width:360px){

    .sec_qna .bx_left .bx_txt p {margin-top:2.778vw }
    .sec_qna .bx_left .btn_group .btn {min-width:46.722vw}
    .sec_qna .qna_list li {border-radius: 5.472vw;}

    .sec_qna .qna_list li a:before {width: 52px; height: 44px; top: 4.444vw; background-size: 50px auto ! important; }
    .sec_qna .qna_list li.list_02 a:before {background-position: 0% 34%;}
    .sec_qna .qna_list li.list_03 a:before {background-position: 0% 66%;}
    .sec_qna .qna_list li a span {font-size: 3.750vw;}

    .sec_qna .qna_call .sub {margin-left: 1.944vw;padding-left: 2.778vw;}
    .sec_qna .qna_call .sub .num {line-height: 1;}

}
.sec_qna .sns_list {position:relative; padding-left:800px; padding-top:20px;}
.sec_qna .sns_list li {width:74px; height:74px; float:left; border-radius:50%; margin:0 5px;}
.sec_qna .sns_list li a {display:block; width:100%; height:100%;}
.sec_qna .sns_list li img {display:block; width:100%; height:100%;}
@media screen and ( max-width:1300px){
    .sec_qna .sns_list{position:absolute; padding-left: 0; right:65px; top:170px;}
}

@media screen and ( max-width:1070px){
    .sec_qna .sns_list {position:relative; right:auto; top:0; padding:5vw 0 0 0;}
    .sec_qna .sns_list li {width:calc(20% - 1.55vw); width: -webkit-calc(20% - 1.55vw); height:16.6vw; margin:0;}
    .sec_qna .sns_list li+li {margin-left:1.875vw;}
}



/* 메인화면 슬라이더 */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0 0 15px 0;
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
/* 	justify-content: between; */
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

.swiper-slide img {

/*2022-02-25 원태영 웹접근성 관련 수정[s]*/
/*    display: block; */
/*2022-02-25 원태영 웹접근성 관련 수정[e]*/  
   
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
/* swiper-pagination */
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	width: 100%;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.tpbanner-pagination{
	position: absolute !important; 
	right:0%;
	bottom: 4% !important;
	z-index: 100 !important;
	margin : 0 auto;
	width : 85px !important;
	height :25px;
	background : rgb(0,0,0,0.5);
	border-radius: 1.5rem;
	color: #fff;
	font-size : 16px; 
	font-family : auto; 
	font-weight: 100;
	line-height: 1.6; 
	text-align: center; 
}

/*2022-03-11	BKH	메인배너 Start/stop 버튼*/ 
.tpbanner-button-start-stop{
	display: inline-block;
	color: white;
	font-size: 14px;
	vertical-align: text-bottom;
	margin-left: 13px;
}

.tpbanner .tpbanner-button-next, .tpbanner .tpbanner-button-prev{
	position: absolute;
    top: 34%;
    z-index: 9999;
    cursor: pointer;
    width: 35px;
    color: #fff;
    background: rgb(0,0,0,0.5);
    border-radius: 1em;
    font-family: cursive;
    text-align: center;
    font-size: 19px;
    font-weight: 900;
    height: 35px;
    display:inline-block;
    background: rgba(68,68,68,0.6) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Spbzzba%2Svpb_onaare_nee_fcevgr.cat) no-repeat;
}

.tpbanner .tpbanner-button-prev{left: 0; background-position: -15px 50%; margin-left: 1px;}
.tpbanner .tpbanner-button-next{right:0; background-position: -70px 50%; margin-right: 3px;}
/* Bullets */
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33); position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform: scale(0.33);}
.swiper-pagination-bullet { /*2021-08-05 수정*/
	width: 17px;
	height: 17px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
    background-clip: content-box; 
    padding: 3px;
} 
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
/*.swiper-pagination-bullet-active {opacity: 1; background: var(swiper-pagination-color); }*/
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px; }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transition: 200ms transform, 200ms right;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}

.sec_visual {
	padding-bottom: 60px;
	height: 100%;
	background: #006aee url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.rfuner.tb.xe%2Svzntrf%2Sznva%2Sarj1%2Sznva_ot_01.cat) no-repeat center bottom;
} 
.sec_visual .sec_select .rscs_type>li {
	width: calc(33.3333% - 2px);
	width: -webkit-calc(33.3333% - 2px);
	text-align: center;
}
.sec_visual .sec_select .rscs_cont>li a {
	display: block;
	padding: 13.5px 0;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	word-break: break-word;
}
.rscs_type_service {
	margin-bottom: 38px;
}
.tpbanner {
	margin: 22px 18px;
	margin-bottom: 0;
	color: #006aee;
	font-size: 36px;
	font-weight: 300;
	line-height: 1em;
	height: 143px;
}
.banner1 { width: 100%; }
.banner2 { width: 49.17%; margin-right: 1.65%;}
.banner3 { width: 49.17%; }
.banner4 { width: 32.23% ; margin-right: 1.65%; }
.banner5 { width: 32.23%; }
.banner6 { width: 23.76%; margin-right: 1.65%;}
.banner7 { width: 23.76%; }
.tpbanner .thumb{width:100%; height:100%; background-size: contain; background-repeat: no-repeat;}

@media screen and ( max-width:1070px) {
	.main_body .sec_news .conLeft .tab_group .tab_body>.list>li .innerWrap .date {
		float: right;
	}
}
@media screen and (max-width:768px) {
	.sec_visual .sec_select .rscs_cont>li a {
		font-size: 12px;
		padding: 1.250vw 0;
		line-height: 1.3em;
		display: table-cell;
		vertical-align: middle;
		width: 19.688vw;
		height: 16.563vw;
	}
	.rscs_type_service {margin-bottom: 0; }
	.tpbanner {margin:10px 10px 0 10px; font-size: 24px; height: 95px;}
	.tpbanner>li {margin-bottom: 0;}
	.tpbanner>li>div {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2.5vw;
		padding: 3.781vw 4.688vw;
	}
}

@media screen and (max-width: 375px) {
	.tpbanner{height: 110px;}
/* 	.tpbanner>li>div {margin-bottom: 3.5vw;} */
}

@media screen and ( max-width:1300px){    
    /*비쥬얼 영역*/
    .sec_visual{  padding-top: 30px; padding-bottom: 50px;}        
    .sec_visual:before{ display: none;}
    .sec_visual:after{ display: none;}
    .sec_visual .slogan{ font-size: 32px; }
    .sec_visual .slogan strong{ font-size: 38px; }
    
    /*검색영역*/
    .sec_visual .main_sch{ margin-top: 15px;}    
    .sec_visual .main_sch .innerWrap .sch_locate{ width: 15%;  }
    .sec_visual .main_sch .innerWrap .sch_txt{  width: 40%; }
    .sec_visual .main_sch .keyword{ margin-top: 15px; }
    .sec_visual .main_sch .keyword a{  margin: 0 10px; font-size: 17px; }

}
@media screen and ( max-width:1070px){    
    
    .sec_visual{  height: auto; } /*1070부터 카운터 아이콘 높이를 가변주기위해 auto 처리*/
    
    /*검색영역*/
    .sec_visual .main_sch .innerWrap .sch_locate{ width: 18%; }
}

@media screen and ( max-width:768px){
    /*비쥬얼 영역*/
    .sec_visual{ padding: 30px 0;}    
    .sec_visual .slogan{ margin-top: 0; padding: 0 15px; font-size: 48px; line-height: 1.2em; }
    .sec_visual .slogan .line_group{ display: inline-block;}
    .sec_visual .slogan strong{ font-size: 48px; }
    
    /*검색영역*/
    .sec_visual .main_sch{ display: none;}   
    
}
@media screen and (max-width: 640px) {
    .main_body .sec_ti {font-size: 6.250vw;}
    .sec_visual{ padding: 4.688vw 0 9.375vw;}  
    .sec_visual .slogan{ margin-top: 0; padding: 0 2.344vw; font-size: 7.500vw; word-break: keep-all; }
    .sec_visual .slogan strong{ font-size: 7.500vw; }
}