@charset "utf-8";
/* CSS Document */
/* 메인 컨텐츠 부분 */



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

/*비쥬얼 영역*/
.sec_visual{ position: relative;  height: 526px; padding-top: 50px; background-color: #d9e7fa;}
.sec_visual .wsize{ position: relative;  }
.sec_visual:before{ content: ""; position: absolute; left: 50%; bottom: -10px; margin-left: -1250px; /*transform:translateX(-1250px);*/ width: 632px; height: 443px; background: url(/images/main/bg_img_top1.png) no-repeat center center;}
.sec_visual:after{ content: ""; position: absolute; left: 50%; bottom: 0; margin-left: 600px; /*transform:translateX(600px);*/ width: 632px; height: 443px; background: url(/images/main/bg_img_top2.png) no-repeat center center;}

.sec_visual .slogan{ font-size: 42px; line-height: 1.6em; color:#383e4e; letter-spacing: -0.08em; text-align: center; font-weight: 300;}
.sec_visual .slogan strong{ font-size: 46px; font-weight: 500;}

/*검색영역*/
.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("/images/common/ico_sec_arrow_1.png") 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(/images/common/ico_btn_arrow_1.png) 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("/images/common/ico_x_white1.png") no-repeat center center; vertical-align: middle; margin-right: 10px;}

@media screen and ( max-width:1300px){    
    /*비쥬얼 영역*/
    .sec_visual{  height: 450px; 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-top: 15px; padding-bottom: 30px;}    
    .sec_visual .slogan{ font-size: 18px; line-height: 1.4em; }
    .sec_visual .slogan .line_group{ display: inline-block;}
    .sec_visual .slogan strong{ font-size: 20px; }
    
    /*검색영역*/
    .sec_visual .main_sch{ display: none;}        
   
}




/*----메인 분야별 카운터----*/
.sec_visual .count_num_wrap { text-align: center; }
.sec_visual .count_num { display: inline-block; margin-top: 60px; /*font-size: 0;*/ }
.sec_visual .count_num:after { content: ""; display: block; clear: both;}
.sec_visual .count_num > li{ float: left; transition: all 0.3s ease-in-out; }
.sec_visual .count_num > li+li{ margin-left: 14px;}

/*기본*/
.sec_visual .count_num > li .item_wrap{ position: relative; z-index: 2; width: 120px; height: 160px; overflow: hidden; border-radius: 50px; background: #fff; transition: all 0.3s ease-in-out 0s;  }
.sec_visual .count_num > li .item_wrap:before{ content: ""; position: absolute; top: 14px; left: 50%; width: 82px; height: 80px; background-position: center center; background-repeat: no-repeat; margin-left: -41px; transition: all 0.3s ease-in-out 0s;  }
.sec_visual .count_num > li .item_wrap .top_link{ display: block; transform: translateY(100px); text-decoration: none; transition: all 0.3s ease-in-out 0s;}
.sec_visual .count_num > li .item_wrap .top_link span{ display: block; font-size: 16px; text-align: center; }
.sec_visual .count_num > li .item_wrap .top_link strong{ display: block; margin-top: 8px; font-size: 20px;  text-align: center; color: #37578e; font-weight: 500; font-style: italic;}
.sec_visual .count_num > li .item_wrap .top_link:hover strong{ text-decoration: underline;}

/*중카테고리*/
.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 1s; }
.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;}

/*활성*/
.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 1s;*/}

/*아이콘*/
.sec_visual .count_num > li .item_wrap.item1:before{ background-image: url(/images/main/part_ico1.png);}  
.sec_visual .count_num > li .item_wrap.item2:before{ background-image: url(/images/main/part_ico2.png);}  
.sec_visual .count_num > li .item_wrap.item3:before{ background-image: url(/images/main/part_ico3.png);}  
.sec_visual .count_num > li .item_wrap.item4:before{ background-image: url(/images/main/part_ico4.png);}  
.sec_visual .count_num > li .item_wrap.item5:before{ background-image: url(/images/main/part_ico5.png);}  
.sec_visual .count_num > li .item_wrap.item6:before{ background-image: url(/images/main/part_ico6.png);}  
.sec_visual .count_num > li .item_wrap.item7:before{ background-image: url(/images/main/part_ico7.png);}  
.sec_visual .count_num > li .item_wrap.item8:before{ background-image: url(/images/main/part_ico8.png);}  
.sec_visual .count_num > li .item_wrap.item9:before{ background-image: url(/images/main/part_ico9.png);}
.sec_visual .count_num > li .item_wrap.item10:before{ background-image: url(/images/main/part_ico10.png);}
.sec_visual .count_num > li .item_wrap.item11:before{ background-image: url(/images/main/part_ico11.png);}

.sec_visual .count_num > li .item_wrap.item12:before{ background-image: url(/images/main/part_ico12.png); margin-top: 20px;}

@media screen and ( max-width:1300px){    
    /*분야별 카운터*/
    .sec_visual .count_num > li+li{ margin-left: 8px;}    
    /*기본*/
    .sec_visual .count_num > li .item_wrap{ width: 90px; height: 130px;  border-radius: 30px;  }
    .sec_visual .count_num > li .item_wrap:before{ width: 62px; height: 60px; background-size: contain;  margin-left: -31px; }
    .sec_visual .count_num > li .item_wrap .top_link{  transform: translateY(80px);}
    .sec_visual .count_num > li .item_wrap .top_link span{ font-size: 15px; letter-spacing: -0.05em;}
    .sec_visual .count_num > li .item_wrap .top_link strong{ font-size: 17px;}

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

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

@media screen and ( max-width:1070px){        
    /*분야별 카운터*/  
    .sec_visual .count_num {  margin-top: 30px; /*font-size: 0;*/ }
    .sec_visual .count_num > li{ float: none; transition: none; display: inline-block; margin: 0 4px 10px !important;}    

    /*기본*/
    .sec_visual .count_num > li .item_wrap .top_link{ position: relative; display: inline-block;  transform:none; transition:none; padding-top: 80px; width: 100%; height: 100%;}
}

@media screen and ( max-width:768px){
    
   /*기본*/
    .sec_visual .count_num { margin-top: 15px;  }
    .sec_visual .count_num > li .item_wrap{ height: 100px; }
    .sec_visual .count_num > li .item_wrap:before{  top: 8px; left: 50%; width: 48px; height: 46px; margin-left: -26px;}
    .sec_visual .count_num > li .item_wrap .top_link{ padding-top: 55px; }
    .sec_visual .count_num > li .item_wrap .top_link span{ letter-spacing: -0.08em; }
    .sec_visual .count_num > li .item_wrap .top_link strong{  margin-top: 6px; font-size: 16px;  }
    
   
}









/*처음방문객*/
.sec_fvisit{ height: 120px; background: url(/images/main/bg_img_fvisit.jpg) 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(/images/main/img_share.png) 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(/images/main/ico_btn_arrow_2.png) 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; }    
}




/*공유자원*/
.main_body .sec_share_list{ padding: 50px 0px; background-color: #f1f1f5;}
.main_body .sec_share_list .sec_ti { font-size: 25px; font-weight: 500;  line-height: 1.6em; color: #333;}

.main_body .sec_share_list .conWrap { position: relative; min-height: 400px;}
.main_body .sec_share_list .conWrap .tab_menu { position: absolute; top: -33px; left: 150px;  padding: 6px 30px; border: 1px solid #d9d9d9; border-radius: 30px; text-decoration: none;}
.main_body .sec_share_list .conWrap .tab_menu.tab2 {  left: 260px; }
.main_body .sec_share_list .conWrap .tab_menu.tab3 {  left: 340px; }
.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_menu.on:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background:  #1863b6; }*/
/*.main_body .sec_share_list .conWrap .tab_menu.on:after{ content: ""; position: absolute; top: 8px; left: 8px; width: 14px; height: 9px; background: url(/images/common/ico_tab_check.png) no-repeat center center;  }*/

.main_body .sec_share_list .conWrap .tab_body { position: absolute; top: 20px; left: 0; width: 100%; }
.main_body .sec_share_list .conWrap .tab_body .item > a{ display: block; width: 100%; height: 100%; text-decoration: none; }
.main_body .sec_share_list .conWrap .tab_body .item > a:focus:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #a6c8ff;}
.main_body .sec_share_list .conWrap .tab_body .item > a:focus .thumb,
.main_body .sec_share_list .conWrap .tab_body .item > a:hover .thumb { transform: scale(1.1); }
.main_body .sec_share_list .conWrap .tab_body .item > a:focus .ti_txt,
.main_body .sec_share_list .conWrap .tab_body .item > a:hover .ti_txt { text-decoration: underline;}

.main_body .sec_share_list .conWrap .tab_body .item > a .itemWrap { }
.main_body .sec_share_list .itemWrap { position: relative; overflow: hidden; display: block; width: 100%; height:100%; }
.main_body .sec_share_list .itemWrap .thumb { width: 100%; height: 190px; background-size: cover; background-position: center center; transition: transform 0.2s ease-in-out; }
.main_body .sec_share_list .itemWrap .thumb > img{ height: 0px; width: 0px;}
.main_body .sec_share_list .itemWrap .locate{ position: absolute; top: 0; left: 0; display: inline-block; font-size: 0px; }
.main_body .sec_share_list .itemWrap .locate span{ display: inline-block; padding: 7px 13px; min-height: 28px; color: #fff; background: #344769; font-size: 14px;}
.main_body .sec_share_list .itemWrap .locate span.ca_2{ background: #e30070; }
.main_body .sec_share_list .itemWrap .info{ position: relative; height: 160px; padding: 15px 20px 20px; background: #fff;}
.main_body .sec_share_list .itemWrap .info .ti_txt{  
    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_share_list .itemWrap .info .etc{ margin-top: 16px;}
.main_body .sec_share_list .itemWrap .info .etc > li{ position: relative; padding-left: 65px; font-size: 14px; }
.main_body .sec_share_list .itemWrap .info .etc > li+li{ margin-top: 10px;}
.main_body .sec_share_list .itemWrap .info .etc > li > strong{ position: absolute; top: 0px; left: 0;  display: inline-block; margin-right: 10px; color: #333;}
.main_body .sec_share_list .itemWrap .info .etc > li > strong > i{ display: inline-block; }
.main_body .sec_share_list .itemWrap .info .etc > li > span > .gap{ display: inline !important; width: auto; margin: 0 4px; vertical-align: baseline;}

.main_body .sec_share_list .conWrap .tab_body .control_btn{ position: absolute; top: -55px; right: 0;}
.main_body .sec_share_list .conWrap .tab_body .control_btn > a{ display: inline-block; width: 40px; height: 40px; border: 1px solid #c6c6c6; }
.main_body .sec_share_list .conWrap .tab_body .control_btn > a:hover{ border: 2px solid #000;}
.main_body .sec_share_list .conWrap .tab_body .control_btn > a.prev{ background: url(/images/common/ico_nav_left.png) no-repeat center center; background-color: #fff;}
.main_body .sec_share_list .conWrap .tab_body .control_btn > a.next{ background: url(/images/common/ico_nav_right.png) no-repeat center center; background-color: #fff; }

/*owl dots 비활성*/
.main_body .sec_share_list .conWrap .tab_body .owl-theme .owl-dots{ display: none;}

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

}

@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;}

}



/*후기,자랑,바로가기 레이아웃*/
.main_body .sec_community{ padding: 60px 0 ; background: url(/images/main/bg_img_city.jpg) 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(/images/common/ico_nav_left.png) no-repeat center center;}
.main_body .sec_community .conLeft > .story_con .control_btn > a.next{ background: url(/images/common/ico_nav_right.png) no-repeat center center;}
.main_body .sec_community .conLeft > .story_con .control_btn > a.more{ float: right; background: url(/images/common/ico_more_plus.png) 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(/images/main/banner_bg_pattern1.png) repeat 0 0; background-color: #0072bc;  transition: transform 0.2s, box-shadow 0.2s;}
.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(/images/main/banner_bg_img1.png) no-repeat 0 0;}
.main_body .sec_community .conRight > .item.link2{ /*margin-left: 20px;*/ margin-left: 3.13%; background: url(/images/main/banner_bg_pattern2.png) repeat 0 0; background-color: #0f53ab; transition: transform 0.2s, box-shadow 0.2s;}
.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(/images/main/banner_bg_img2.png) 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(/images/main/ico_arrow_long_white.png) 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(/images/main/banner_bg_img1.png) 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(/images/main/banner_bg_img2.png) 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: 70px 0 20px; background-color: #fff;}
.main_body .sec_news .conWrap{ float: left; /*width: 628px;*/ width: 49.21%;}
.main_body .sec_news .conWrap.conRight{ /* margin-left: 20px;*/ margin-left: 1.56%;}

@media screen and ( max-width:1070px){    
    /*소식*/
    .main_body .sec_news{ padding: 30px 0 20px; }
    .main_body .sec_news .conWrap{ float: none; /*width: 628px;*/ width: 100%;}        
    .main_body .sec_news .conWrap.conRight{ /* margin-left: 20px;*/ margin-left: 0; margin-top: 20px;}   
}




/*----소식*/
.main_body .sec_news .conLeft{ min-height: 322px }
.main_body .sec_news .conLeft .tab_group{ position: relative; }
.main_body .sec_news .conLeft .tab_group .tab_menu{ float: left; position: relative;  display: inline-block; height: 42px; margin-top: 15px; margin-right: 30px; font-size: 25px; color: #666; font-weight: 500; }
.main_body .sec_news .conLeft .tab_group .tab_menu.on{ color: #333; }
.main_body .sec_news .conLeft .tab_group .tab_menu.on:hover{ text-decoration: none;}
.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: 55px; left: 0; width: 100%; padding-top: 22px; border-top: 2px solid #cbcbcb; }
.main_body .sec_news .conLeft .tab_group .tab_body > .list{ /*margin-left: -20px;*/ margin-left: -3.13%;}
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li{ float: left; width: 50%; /*padding-left: 20px;*/ padding-left: 3.13%;}
.main_body .sec_news .conLeft .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;}
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap{ position: relative; height: 240px; padding: 25px; border: 1px solid #cccccc;}
.main_body .sec_news .conLeft .tab_group .tab_body > .list > li .innerWrap .ti { 
    display: block; width: 100%; line-height: 1.4em; font-size: 18px; font-weight: 500;
    height: 2.8em;  /*ie대응 line-height 의 2배 em*/
    overflow: hidden;  text-overflow: ellipsis;  white-space: normal; /*한줄 대응*/
    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 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; bottom: 25px; left: 25px;}

.main_body .sec_news .conLeft .tab_group .tab_body > a.more{ position: absolute; top: -45px; right: 0px; display: inline-block; width: 40px; height: 40px; border: 1px solid #c6c6c6; background: url(/images/common/ico_more_plus.png) no-repeat center center;}
.main_body .sec_news .conLeft .tab_group .tab_body > a.more:hover{ border: 2px solid #000;}

@media screen and ( max-width:1070px){    
    /*소식*/
    .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_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:430px){
	.main_body .sec_news .conLeft .tab_group .tab_menu {font-size:18px;}
}

@media screen and ( max-width:380px){
	.main_body .sec_news .conLeft .tab_group .tab_menu {font-size:15px;}
}






/*---- 알림존*/
.main_body .sec_news .conRight{ position: relative;}
.main_body .sec_news .conRight .listWrap{ position: relative; width: 100%; }
.main_body .sec_news .conRight .listWrap .item{ /*position: absolute; top: 0; left: 0;*/ width: 100%; height: 100%; background: #e4e4e4; }
.main_body .sec_news .conRight .listWrap .item > a{ position: relative; display: block; width: 100%; height: 100%; height: 322px;}
.main_body .sec_news .conRight .listWrap .item .thumb{ background-repeat: no-repeat; background-position: center center; background-size: contain; 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; border-left: 1px solid #858585; min-width: 40px; height: 40px; background: no-repeat center center; background-color:#333; background-color: rgba(0,0,0,0.8); color: #fff; vertical-align: middle;}
.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: 40px; padding: 0 14px; font-size: 14px; }
.main_body .sec_news .conRight .control_btn a.prev{ background-image: url(/images/common/ico_nav_left_white.png);}
.main_body .sec_news .conRight .control_btn a.next{ background-image: url(/images/common/ico_nav_right_white.png);}
.main_body .sec_news .conRight .control_btn a.stop{ background-image: url(/images/common/ico_nav_pause_white.png);}
.main_body .sec_news .conRight .control_btn a.stop.on{ background-image: url(/images/common/ico_nav_play_white.png);}

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

}

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

@media screen and ( max-width:500px){
    /*알림존*/    
    .main_body .sec_news .conRight .listWrap .item > a{ height: 180px;}
    .main_body .sec_news .conRight .control_btn{ position: static; text-align: right; background: #303030;}
}







/*하단 바로가기 버튼*/
.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(/images/main/ico_bottm_btn1.png);}
.main_body .sec_bottomLink .list li.bt2 a{ background-image: url(/images/main/ico_bottm_btn2.png);}
.main_body .sec_bottomLink .list li.bt3 a{ background-image: url(/images/main/ico_bottm_btn3.png);}
.main_body .sec_bottomLink .list li.bt4 a{ background-image: url(/images/main/ico_bottm_btn4.png);}
.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(/images/main/ico_arrow_long.png) 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{ padding-bottom: 70px;}
.main_body .sec_link_banner .link_banner_wrap{ border: 1px solid #ccc; padding: 0 180px; height: 70px; overflow: hidden;}
.main_body .sec_link_banner .link_banner_wrap .left_con{ position: absolute; top: 15px; left: 0px; width: 180px; text-align: center;/* border: 1px solid red;*/}
.main_body .sec_link_banner .link_banner_wrap .left_con .ti{ display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; font-size: 20px;}
.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: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{ position: absolute; top: 15px; right: 0px; width: 180px; text-align: center; /*border: 1px solid red;*/ }

.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;}


.main_body .sec_link_banner .link_banner_wrap .left_con a.list_btn{ background-image: url(/images/common/ico_nav_list.png); }
.main_body .sec_link_banner .link_banner_wrap .control_btn > a.prev{ background-image: url(/images/common/ico_nav_left.png); }
.main_body .sec_link_banner .link_banner_wrap .control_btn > a.next{ background-image: url(/images/common/ico_nav_right.png); }
.main_body .sec_link_banner .link_banner_wrap .control_btn > a.stop{ background-image: url(/images/common/ico_nav_pause.png); }
.main_body .sec_link_banner .link_banner_wrap .control_btn > a.on.stop{ background-image: url(/images/common/ico_nav_play.png); }

/*owl dots 비활성*/
.main_body .sec_link_banner .link_banner_wrap .owl-theme .owl-dots{ display: none;}


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

}

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

@media screen and ( max-width:768px){
.main_body .sec_link_banner{ padding-bottom: 40px;}
.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){
    
}