@charset "utf-8";
@import "animate.css";
@import "font.css";


/* reset css */

body.No_bg{font-family: 'NotoKR-Regular', sans-serif; }
#header.No_bg {position: relative;width: 100%;height: auto;padding: 0;}

/* main layout -s*/

.container {} 
.contents { 
position: relative;
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#057ac9+0,0344a8+99 */
background: #057ac9; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #057ac9 0%, #0344a8 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #057ac9 0%,#0344a8 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(125deg,  #057ac9 30%,#0344a8 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057ac9', endColorstr='#0344a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.contents:before {content: '';width: 100%;height: 100%;display: block;position: absolute;bottom: 0;left: 0;background: url(../../images/home/new_main/bg_full.png) no-repeat bottom center;}
.inner{width: 1200px; margin: 0 auto;position: relative;}
.mainTlt{font: 1.25rem NotoKR-Bold;margin-bottom: 15px;}
/* header area */
/*body {background:none;}*/

.header_top {height: 32px;width: 100%;position: relative;z-index: 50;}
.header_top ul {text-align: right;}
.header_top ul li{display: inline-block;padding: 5px 15px;position: relative;}



.header_top.on ul li:last-child:before{content:"";position:absolute;top:10px;left:15px;display:inline-block;width:18px;height:18px;background:url(../../images/home/common/ico_earth_b.png) no-repeat 0 0;}

/* .header_top ul li:last-child{padding-right: 0;} */
.header_top ul li:after {content: '';background-color: #fff;width: 1px;height: 12px;display: inline-block;position: absolute;bottom: 11px;right: 0;}
.header_top ul li:last-child:after,
.header_top.on ul li:last-child:after
{display: none;}
.header_top ul li a {color: #fff;font: 0.875rem NotoKR-Regular;}
.header_top.on ul li a {color: #333;font:0.875rem NotoKR-Regular;}
.header_top.on ul li:after {content: '';background-color: #333;width: 1px;height: 12px;display: inline-block;position: absolute;bottom: 11px;right: 0;}
.header_top ul li.global{position:relative;padding-left:40px;background:none;}
.header_top ul li.global:before{content:"";position:absolute;top:10px;left:15px;display:inline-block;width:18px;height:18px;background:url(../../images/home/common/ico_earth.png) no-repeat 0 0;}

.header_bottom {height: 68px;position: relative;z-index: 50;}
.header_bottom:after {content: '';display: inline-block;clear: both;}
.header_bottom h1 {width: 250px;height: 60px;background: url(../../images/home/new_main/logo_w.png) no-repeat bottom left;position: absolute;top:5px;left: 20px;z-index: 1;}
.header_bottom h1.on {width: 250px;height: 60px;background: url(../../images/home/common/top_logo.png) no-repeat bottom left;position: absolute;top:5px;left: 20px;z-index: 1;}
.header_bottom h1 a {display: block;height: 100%;font-size: 0;text-indent: -999px;}


/* 기본 Top_Menu */



#gnb{display:block;float:left;margin:0 0 0 260px;padding:30px 0 0 0;width:68%;}
#gnbwrap  {position : relative; width : 100%;} 
#animate  {position : relative; height:240px; left : 0; width : 100%; overflow : hidden; z-index :2; }  

#tm:after{content: "";clear:both;display:block;} 


#tm li.th1:last-child:after{display:none;}

#tm.new_main li.th1 a:link{color:#fff;}
#tm.new_main li.th1 a:visited{color:#fff;}
#tm.new_main li.th1 a:hover{color:#ffcc00;}
#tm.new_main li.th1 a:focus{color:#ffcc00;}
#tm.new_main li.th1 a.th1_lnk{display:block;height:40px;padding:10px 0 0 0;margin:0 28px;text-align:center;text-align:center;letter-spacing:-1px;text-decoration:none;font: 1.25rem NotoKR-Medium;} 
#tm.new_main.on li.th1 a:link{color:#333;}
#tm.new_main.on li.th1 a:visited{color:#333;}

/*#tm.new_main li.th1 a.th1_lnk{border-bottom:4px solid #fff;}*/
#tm li.th1.last {float: left;width: 14%;margin-top: -2px;}
#tm.new_main li.th1 ul.th2 a:link{color:#fff;}
#tm.new_main li.th1 ul.th2 a:visited{color:#fff;}
#tm.new_main li.th1 ul.th2 a:hover{color:#fff;}
#tm.new_main li.th1 ul.th2 a:focus{color:#fff;}
#tm.new_main  li.th1 ul.th2{background:rgba(1, 39, 93, 0.9);max-width:inherit;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);z-index:111;padding: 10px 0;box-sizing: border-box;border-radius: 10px;}
#summery1{position:absolute;left:0px;top:50px;width:150px;}
#summery2{position:absolute;left:0px;top:50px;width:150px;}
.new_main #summery3{position:absolute;left:0px;top:50px;width:180px;}
.new_main #summery4{position:absolute;left:0px;top:50px;width:190px;}
#summery5{position:absolute;left:0px;top:50px;width:170px;}
#summery6{position:absolute;left:0px;top:50px;width:170px;}
.new_main #summery7{position:absolute;right:0px;top:50px;width:230px;}
#tm li.th1 ul.th2 li  { width : auto;text-align : left; position : relative; background : url(../images/home/sub/dot.gif) left 8px no-repeat; } 
#tm li.th1 ul.th2 li:after  { content : ""; display : block; clear : both; } 
#tm li.th1 ul.th2 li a  {display: block;font: 0.875rem NotoKR-Regular;height: auto;padding: 7px 20px;text-align: left;line-height: normal;background: none;} 
#tm li.th1 ul.th2 li a[target="_blank"]  {/*padding : 2px 7px 2px 7px;*/ } 
#tm li.th1 ul.th2 li a:hover, #tm li.th1 ul.th2 li a:active, #tm li.th1 ul.th2 li a:focus  {color:#fff;background-color:#009bdf;} 
#tm.new_main li.th1 > a {
    display: block;
    height: 40px;
    padding: 10px 0 0 0;
    margin: 0 23px;
    text-align: center;
    font: 1.25rem NotoKR-Medium;
    text-decoration: none;
}


/* section 01 */
section.section01 {position: relative;height: 700px;}

/* section01    Tablet ========================== */
@media (min-width:768px) and (max-width:1150px) {
    
}
/* section01    Mobile ========================== */
@media all and (max-width:767px){

}

    
    

/* main_cont area */
.main_cont{position: relative;}
.main_tlt {color: #fff;text-align: center;height: 278px;padding-top: 100px;box-sizing: border-box;}
.main_tlt p {color: #ffcc00;font: 2rem NotoKR-Light;}
.main_tlt h1 {font:2.5rem NotoKR-Medium;color: #fff; }

.main_QRimg {
    height: 150px;
    width: auto; /* Allow the image to resize freely */
}

.main_titlecontainer {
    position: relative;
    display: inline-block; /* Allow the text to be centered */
    text-align: center; /* Center the text inside this container */
}

.main_fixedtext {
     display: inline-block;
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflowing text */
    text-overflow: ellipsis; /* Show ellipsis if the text overflows */
}

.main_imagewithtext {
    position: absolute;
    left: -250px; /* Position this container to the left of the title-container */
    top: 50%; /* Center vertically relative to the title-container */
    transform: translateY(-50%); /* Correct for vertical centering */
}

.main_imagecaption {
    margin-top: 5px; /* Space between the image and caption */
}


/* infoBox_inner */
.infoBoxs {width: 100%;margin: 0 auto;padding: 15px 0;}
.infoBoxs:after {content: '';display: block;clear: both;}
.infoBox {float: left;box-sizing: border-box;width: 24%;margin-right: 15px;height: 350px;}
.infoBox:last-child{margin-right: 0;}
.infoBox > div {border-radius:10px;}
.infoBox .info_top,
.infoBox .info_bottom
{box-shadow: 5px 5px 5px #034e8c;}


.infoBox .info_top,
.infoBox .info_job,
.infoBox .info_bottom {display:table;padding: 0 0 0 5px;background-color: #fff;width: 100%;box-sizing: border-box;}
.infoBox .info_top {margin-bottom: 10px;}
/*.infoBox span{display:block;}*/
/*
.infoBox .info_top a em,
.infoBox .info_bottom a em {display: block;}
*/

.infoBox01 > div {background-color: #f9f9f9;height: 170px;position: relative;}
.infoBox02 > div {background-color: #ffffff;height: 170px;position: relative;}
.infoBox03 > div {height: 100%;position: relative;}
.infoBox04 > div {height: 100%;position: relative;}


.infoBox01 .info_top div,
.infoBox01 .info_bottom div {display: table-cell;vertical-align: middle;padding: 0 100px 0 20px; word-break: keep-all;}
.infoBox01 .info_bottom div {padding-right: 130px;}
.infoBox01 .info_top{background: #fff url(../../images/home/new_main/koami_icon01.png) no-repeat 90% 75%;}
.infoBox01 .info_bottom{background: #fff url(../../images/home/new_main/koami-money.png) no-repeat 90% 75%; }

.infoBox01 dd.Go a {position: relative;display: block;width: 80px;padding: 5px 20px;margin-top: 10px;border-radius: 15px;background-color: #05337e;color: #fff;}
.infoBox01 dd.Go a:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../../images/home/new_main/arrowRight_w.png) no-repeat 90% 50%;}
/*
.infoBox02 .info_top,
.infoBox02 .info_bottom {background-color: #fff;}
*/
.infoBox02 .info_top div,
.infoBox02 .info_bottom div {display: table-cell;vertical-align: middle;padding: 0 20px;}
.infoBox01 h3,
.infoBox02 h3 {font: 1.25rem NotoKR-Bold;margin-bottom: 10px;}
.infoBox02 h3 strong {display:block;font: 1rem Oswald-Medium;line-height:20px;}
/*.infoBox02 dl{margin-top:5px;}*/
.infoBox02 dl dd {font: 1rem NotoKR-Regular;color: #666666;}
.infoBox01 dd,
.infoBox03 dd,
.infoBox04 dd {font: 0.875rem NotoKR-Regular;color: #666666;}

.infoBox02 .info_top p {margin: 0 auto;}
.infoBox02 .info_top button {width: 32%;height: 80px;margin-top: 5px;padding-top: 35px;background: #fff url(../../images/home/new_main/play_btn.png) no-repeat 50% 0;}
.infoBox .tel h3 {font: 1.25rem NotoKR-Bold; margin-bottom: 10px;}
.infoBox .tel dt {font: 1.625rem NotoKR-Regular;margin-top: 0; margin-bottom: 10px;}
.infoBox .tel dt span {font: 1.625rem NotoKR-Medium;}
.infoBox .tel dt span em {color: #009bdf;}
.infoBox .tel .detail dt {font-size:1.01em;}
.infoBox .tel .detail dt em {color:#009bdf;} 

.infoBox02 .info_bottom dl dd a {display: block;padding: 0px 20px;margin-top: 7px;border-radius: 15px;box-sizing: border-box;background: #f1f1f1 url(../../images/home/new_main/Download_icon.png) no-repeat 93% 50%;}

.infoBox03,
.infoBox04 {box-shadow: 5px 5px 5px #034e8c;}
.infoBox03 a,
.infoBox04 a {display: block;padding: 200px 0 30px 0;}

.infoBox03 {position: relative;background: #f7f7e0 url(../../images/home/new_main/koami_icon03.png) no-repeat center 40px;box-sizing: border-box; border-radius: 10px;}
.infoBox03:before {content: url(../../images/home/new_main/more_o.png);position: absolute;top: 20px;right: 20px;}
.infoBox03 dl {text-align: center;}
.infoBox03 dt {font: 1.25rem NotoKR-Bold;margin-bottom: 15px;}


.infoBox04 {position: relative;background: #fff url(../../images/home/new_main/koami_icon04.png) no-repeat center 40px;box-sizing: border-box; border-radius: 10px;}
.infoBox04:before {content: url(../../images/home/new_main/more_g.png);position: absolute;top: 20px;right: 20px;}
.infoBox04 dl {text-align: center;}
.infoBox04 dt {font: 1.25rem NotoKR-Bold;margin-bottom: 15px;}

.infoBox02 .info_job {margin-bottom: 10px;padding:30px 0 30px 25px;}
.infoBox02 > .info_job a h3 .info_tit {display: block;font-size: 15px;font-weight: 600;}
.infoBox02 > .info_job a h3 .info_tit .ico_mark {display: inline-block;color: #fff;font-size: 13px; margin-left: 6px;padding: 2px 4px;border-radius: 4px;background-color: #ff3300;}
.infoBox02 > .info_job a h3 .big_tit {display:block;width:248px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.infoBox02 > .info_job dl{margin-top:15px;font:14px NotoKR-Regular;}

/* main_cont area, infoBox_inner    Tablet ========================== */
@media (min-width:768px) and (max-width:1150px)  {
    
    #container.container {width: 100%; padding: 0 0; box-sizing: border-box;}
    .contents {width: 100%;}
    section.section01 {height:auto;}
    .inner {width: 100%;padding: 0 2%;box-sizing: border-box;}
    
    /* 테블릿에서 안보일 영역 */
    .third_row {display: none;}
    .header_top,
    .header_bottom {display: none;}
    
    .infoBox {width: 49%;margin-right:1%;margin-bottom:10px;}
    .infoBox:nth-child(2){margin-right:0;}
/*    .infoBox:last-child {float:none;width:100%;height: auto;clear: both}*/
/*    .infoBox:nth-child(2n+2){margin-right:0;}*/
    .infoBox01 .info_top div {padding-right: 30px;}
    
}   
 

/* main_cont area, infoBox_inner    Mobile ========================== */
@media all and (max-width:767px) {   
    #container.container {width: 100%; padding: 0 0; box-sizing: border-box;}
    .contents {width: 100%;}
    .inner {width: 100%;padding: 0 2%;box-sizing: border-box;}
    .main_tlt h1 {font:1.875rem NotoKR-Medium;padding:0 35px;line-height:130%;}
    .main_tlt p {font: 1.875rem NotoKR-Light;}
    
    /* 모바일에서 안보일 영역 */
    .third_row {display: none;}
    .header_top,
    .header_bottom {display: none;}
    
    /* infoBox */    
    .infoBox {width: 100%;margin-right: 0;height: auto;float: none;margin-bottom: 10px;}
    .infoBox > div {border-radius:10px;box-shadow: none;height: auto;}
    .infoBox .info_top,
    .infoBox .info_bottom {margin-bottom: 10px;min-height: 80px;padding: 15px 0;}
    .infoBox01 .info_top{background: #fff url(../../images/home/new_main/koami_icon01.png) no-repeat 90% 50%;}
    .infoBox01 .info_bottom{background: #fff url(../../images/home/new_main/koami_icon02.png) no-repeat 90% 50%;}
    
    .infoBox01 .info_top a,
    .infoBox01 .info_bottom a {position:relative;padding-left: 100px;}
    .infoBox .info_top a em,
    .infoBox .info_bottom a em {display:inline-block;}
    .infoBox01 .info_top a span,
    .infoBox01 .info_bottom a span {position:absolute;display:inline-block;top:50%;left:20px;margin-top: -30px;}
    .infoBox02 .info_top div,
    .infoBox02 .info_bottom div {padding:15px 20px;}
    .infoBox03 .info_top a,
    .infoBox03 .info_bottom a {position:relative;padding-left: 125px;}
    .infoBox03 .info_top a span,
    .infoBox03 .info_bottom a span {position:absolute;display:inline-block;top:50%;left:20px;margin-top: -30px;}
    .infoBox03 .info_top a em,
    .infoBox03 .info_bottom a em {display:block;}
    
}

/* section02 전체 레이아웃*/
section.section02 {padding: 60px 0 0 0;}
.second_row {height: 230px;margin-bottom: 20px;}
.third_row {height: 100px;margin-bottom: 20px;background-color: #fff;border-radius: 10px;border: 1px solid #d4d7db;box-sizing: border-box;padding: 20px 25px;}

.second_row > div {width: 49%;height: 100%;background-color: #fff;float: left;padding: 20px 25px;border-radius:10px;border: 1px solid #d4d7db;box-sizing: border-box;}
.second_row:after {content: '';display: block;clear: both;}
.notice_list {margin-right: 20px;}


/* section02 전체 레이아웃    Tablet ========================== */
@media (min-width:768px) and (max-width:1150px)  {
    
    /* section */
    section.section01 {height: 100%;}
    section.section02 {padding: 30px 0 0 0;} 
    
    
    /* first row */ 
    .first_row {height:100%;}
    .ma_new{width: 100%;height: 300px;float: none;border-radius:10px;display:inline-block;margin-bottom: 10px;}
    /* second row */
    .eventBox {width: 100%;height: 100%;float: none;border-radius:10px;}
    .second_row {height: 100%;}
    .second_row > div {float: none;width: 100%;margin-bottom: 20px;}
    .diffusion {width: 49%;}
    .eventBanner {width: 49%;}
}   
 

/* section02 전체 레이아웃    Mobile ========================== */
@media all and (max-width:767px) {   
    
    /* section */
    section.section01 {height: 100%;}
    section.section02 {padding: 30px 0 0 0;} 
    
    
    /* first row */    
    .first_row {height: 100%;margin-bottom: 10px;}
    .first_row > div {width: 100%;height: 100%;float: none;border-radius:10px;}
    .ma_new{display: none;}
    .ma_new.mobile{display: block;}

    .eventBox > div {width: 100%; height: 100%;float: none;border-radius:10px;margin-bottom: 10px;}
    .eventBanner{background-color: transparent;}
    
    /* second row */
    .second_row {height: auto;}
    .second_row > div {width: 100%;height: 100%;background-color: #fff;float: none;border-radius:10px;border: 1px solid #d4d7db;margin-bottom: 10px;}
    
}







/* .ma_new 탭메뉴*/ 
.tab_btn {background-color: #f8f8fa;position: relative;z-index: 1;}
.tab_btn:before {content: '';width: 100%;height: 50px;border-bottom: 1px solid lightgray;position: absolute;top: 0;left: 0;z-index: -1;}
.tab_btn:after {content: '';display: block;clear: both;}
.tab_btn > li {float: left;width: 16.6%;height: 50px;padding:12px 0;border-bottom: 1px solid #d8dde5;border-right:1px solid #d8dde5;text-align: center;box-sizing: border-box;}
.tab_btn > li > a {font: 1rem NotoKR-Medium;}
.tab_btn > li.on {background-color: #fff;border-bottom: 1px solid #fff;}
.tab_btn > li.on > a {font: 1rem NotoKR-bold;}
.tabCont {display: none; width: 100%;position: absolute;top: 50px;left: 0;padding: 30px 30px;box-sizing: border-box;}
.tabCont.on{display: block;}
.tabCont:after {content: '';display: block;clear: both;}
.tabCont p{margin-right:23px;width:150px;height:150px;display:block;float:left;}
.tabCont dl{float: left; width:calc(100% - 180px);text-align: left;box-sizing: border-box;}
.tabCont dt{line-height: 23px;letter-spacing: -0.05em;margin-bottom: 15px;color: #000;font: 1.125rem NotoKR-Medium;}
.tabCont04 #txt4 dt {font: 1rem NotoKR-Regular;margin-bottom: 10px;}
.tabCont dd{font-size: 0.875rem;letter-spacing: -0.5px;}
.tabCont dd.file{margin-top:15px;color:#777;background:url('../images/sub/ico_download02.png') no-repeat left center;padding-left:22px;}
.tabCont > a {display: inline-block;font-size: 0.875rem;width: 80px;text-align: right;padding-right: 40px;position: absolute;top: -37px;right: 0;background: url(../../images/home/new_main/more_small.png) no-repeat right 20px center;}


/* ma_new 탭메뉴    Tablet ========================== */
@media (min-width:768px) and (max-width:1150px)  {
    
    /* section */
    section.section01 {height: 100%;}
    section.section02 {padding: 30px 0 0 0;} 
    
}   


/* 공지사항 */
.notice_list {position:relative;margin-right: 20px;padding: 20px;box-sizing:border-box;}
.notice_list p{position: relative;font:1.25rem NotoKR-Bold;cursor: pointer;}
.notice_list p:before {content: url(../../images/home/new_main/more_g.png);position: absolute;top: 0;right: 0;}
.notice_list dd a {display: inline-block; float: left;width:80%;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.notice_list dd {position: relative;padding-left: 10px;margin: 3px 0;}
.notice_list dd:before {content: '·';position: absolute;top: 0;left: 0;}
.notice_list dd span {float: right;font: 0.875rem NotoKR-Regular;}
.notice_list dd:after {content: '';display: block;clear:both;}


/* 공지사항    Tablet ========================== */
@media (min-width:768px) and (max-width:1150px)  {
}   

/* 공지사항   Mobile ========================== */
@media all and (max-width:767px) {   
	.notice_list dd a {width:90%;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
    .notice_list dd span {display: none;}
}



/* 주요서비스*/
.recomserviceMune { width:49%; margin:0;padding:0;position:relative; float: left;}
.recomserviceMune:after { content:""; display:block; clear:both; }
.recomserviceMune p {margin-left:20px;font-weight:bold;/*margin-top:17px;*/line-height:32px;}
.recomserviceMune .mainService {position:relative; width:95%;height:150px; margin:0 auto;padding:0; overflow:hidden;}
.recomserviceMune .mainService:after {content:''; display:block; clear:both;}
.recomserviceMune .mainService ul {position: relative;clear:both;overflow:hidden; margin:10px 0 0 0;padding:0; list-style:none;}
.recomserviceMune .mainService li {display:block; float: left;position:relative;width:25%; height:160px; text-align:center; }
.recomserviceMune .mainService li a {height: 120px;display: block;position: relative;padding-top: 90px;box-sizing: border-box;}
.recomserviceMune .mainService li a:after {content: '';display: block;width: 80px;height: 80px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);border-radius: 50%;background-color: #009dde;}

/* 주요서비스    Tablet ========================== */
@media (min-width:768px) and (max-width:1150px)  {
}   

/* 주요서비스   Mobile ========================== */
@media all and (max-width:767px) {
  /*  .recomserviceMune .mainService {height: 100%;}
    .recomserviceMune .mainService li {width: 50%;} */
    
}



/* 추천서비스 swipe 추가css */
.recomserviceMune .rollDiv {width: 90%;margin: auto;}
.recomserviceMune .rollDiv .recom {width: 100px;}
.recomserviceMune .rollDiv .recom a {display: block;height: 150px;padding-top: 90px;box-sizing: border-box;line-height: 1.2;text-align: center;position: relative;}
.recomserviceMune .rollDiv .recom a span {display: block;width: 90%;margin:0 auto;}
.recomserviceMune .rollDiv .recom a:after {content: '';display: block;width: 80px;height: 80px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);border-radius: 50%;background-color: #009dde;} 
.recomserviceMune button.slick-arrow {position:absolute;display: block !important;width: 30px;height: 55px;border:none;font-size: 0;text-indent:-999px;}
.recomserviceMune button.slick-prev.slick-arrow {top: 25%;left: -30px;background: #fff url('../../images/home/new_main/recom_left_arrow.png') no-repeat; }
.recomserviceMune button.slick-next.slick-arrow {top: 25%;right: -35px;background:#fff url('../../images/home/new_main/recom_right_arrow.png') no-repeat;}



.recomserviceMune .co_L a span, .recomserviceMune .co_R a span {position:absolute;text-indent:-9999px; }
.recomserviceMune .co_L {position:absolute; display:inline-block;}
.recomserviceMune .co_L a {left: 0;position:absolute;width:28px; height:55px; background:url('../../images/home/new_main/recom_left_arrow.png') no-repeat;}
.recomserviceMune .co_L a:hover {background:url('../../images/home/new_main/recom_left_arrow.png') no-repeat;}
.recomserviceMune .co_R {position:absolute; display:inline-block;}
.recomserviceMune .co_R a {right:0; position:absolute;width:28px; height:55px; right: 0;background:url('../../images/home/new_main/recom_right_arrow.png') no-repeat;}




/*주요서비스 아이콘 백그라운드 포지션 위치로 조절*/
.recomserviceMune .icon01 a:after{background: url(../../images/home/new_main/service_icon.png) no-repeat 25px center;}
.recomserviceMune .icon02 a:after{background: url(../../images/home/new_main/service_icon.png) no-repeat -100px center;}
.recomserviceMune .icon03 a:after{background: url(../../images/home/new_main/service_icon.png) no-repeat -223px center;}
.recomserviceMune .icon04 a:after{background: url(../../images/home/new_main/service_icon.png) no-repeat -347px center;}
.recomserviceMune .icon05 a:after{background: url(../../images/home/new_main/service_icon.png) no-repeat -487px center;}


/* 푸터 재생 정지 컨트롤 버튼 */

#mySlideshow {width: 980px !important;}

.play_control {float: left;display: inline-block;background-color: #fff;padding:3px;margin-top: 10px;}
.play_control button {width:30px; height:30px;margin:0;font-size: 0;text-indent: -999px;background-color: #fff;border: 1px solid #ddd;}
.play_control button:nth-of-type(2),
.play_control button:nth-of-type(3)
{border-right: none;border-left: none;}
.play_control .bx-pause{background:url(../../images/home/sub/lnb_pause.gif) no-repeat 50% 50%;}
.play_control .bx-start{background:url(../../images/home/sub/lnb_play.gif) no-repeat 50% 50%;}
.play_control .bx-prev{background:url(../../images/home/sub/common_prev.gif) no-repeat 50% 50%;}
.play_control .bx-next{background:url(../../images/home/sub/common_next.gif) no-repeat 50% 50%;}









/* new_css 작성자 윤가영 e */
