


.utill_menu{position: absolute;top: 25px;right: 0;display: none;}

/* 배너 시작 */     
.slider_control{}
.slider_control button{position:absolute;display:inline-block;width:62px; height:62px; background-image:url(/etc_img/etc/buttons/banner_contorl_02.png);background-repeat: no-repeat; font-size:0; text-indent:-9999px;outline: none;cursor:pointer}
.slider_control button.slick-prev{left:10px;background-position: 0 0}
.slider_control button.slick-next{right:10px;background-position: 0px -62px;}
/*.banner_control button.slick-pause{top:0;left:39px;background-position: -40px 0;}
.banner_control button.slick-play{top:0;left:39px;display: none; background-position: -80px 0;}
*/
.slider_control button.slick-prev:hover, .banner_control button.slick-prev:focus{background-image:url(/etc_img/etc/buttons/banner_contorl_02.png);background-position: -62px 0}
.slider_control button.slick-next:hover, .banner_control button.slick-next:focus{background-image:url(/etc_img/etc/buttons/banner_contorl_02.png);background-position: -62px -62px}



.slick-dots{bottom:10px}
.slick-dots li{width:10px;height:10px;margin-right:10px !important;transition: 0.3s}
.slick-dots li button{width:100%;height:100%;}
.slick-dots li button:before{content:"";width:100%;height:100%;border-radius:5px;background:#ddd;opacity: 1}
.slick-dots li.slick-active{width:25px;}
.slick-dots li.slick-active button:before{background:#ffeb3b}



.event_box{height:328px;}
.event_box a{display: block;height:164px;background:#eee;padding: 2em;}

.event_box .eb_01{color: #fff; background:#224fd2 url(/etc_img/main/imgs/eb_bg_01.png) no-repeat 100% 100%}
.event_box .eb_01 .txt_01{display: block; font-size:1.2em;line-height: 1.4;font-weight: bold}
.event_box .eb_01 .link_btn{display: inline-block; padding:1px 20px;background:#03a9f4;margin-top:17px;border-radius: 20px;font-size:13px;color:#fff}

@media screen and (max-width:683px){

    .slider_control{display: none;}
.banner_control{padding:10px;right:0;left:auto;top:0;width:58px;height:20px;margin-top:}
.banner_control button{width:20px;height:20px;background-size:cover}  
.banner_control button.slick-prev{left:0px;background-position: 0 0}
.banner_control button.slick-next{right:0px;background-position: -54px 0;}
    
    

}

.main_title_1{position:relative;overflow:hidden;padding:1em 1em 0.5em;text-align:center;letter-spacing:-1px;line-height:1;}
.main_title_1>strong{display:block;font-size:1.4em;padding:10px 0;font-weight:900}
.main_title_1>span{position:relative;display:inline-block;padding:0 20px;font-size:14px;font-weight:300;color:#3c3c3c}
.main_title_1>span:before{content:"";display:inline-block;position:absolute;width:60px;top:50%;right:100%;border-top:1px solid #808080;}
.main_title_1>span:after{content:"";display:inline-block;position:absolute;width:60px;top:50%;left:100%;border-top:1px solid #808080;}
    

/*_one_row*/

.products_list ul>li>a{}

.products_list ul>li>a>._one_row._img{position: relative;overflow: hidden;line-height: 0;margin:0 0 20px 0;}
.products_list ul>li>a>._one_row._img img{transition: 0.3s}
.products_list ul>li:hover>a>._one_row._img img{transform: scale(1.1)}

.products_list ._one_row._title{font-size: 1.1em;font-weight: 900;padding:10px 0;line-height: 1}
.products_list ._one_row._kind{font-size: 0.8em}
.products_list ._one_row._kind b{display: inline-block;margin-right:2px;font-weight: normal;padding:2px 3px;font-size: 12px}
.products_list ._one_row._contents{font-size: 0.9em;padding:0 20px 10px 0}
.products_list ._one_row._contents>._value>._value_in{display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.products_list ._one_row._only_price{padding:5px 0;border-top:1px solid #f8f8f8;font-weight: bold;color:#3f51b5}
.products_list ul>li{padding:10px}
.products_list ul>li:hover{}

   
/*event_block*/
.event_block_01{margin:2em 0}
.event_block_01 .box{padding:3em 2em;border-radius:20px;}
.event_block_01 .box .box_title{font-size: 1.5em;font-weight:bold}
.event_block_01 .box .box_content{opacity: 0.8}

.event_block_01 .box.sb_01{background:#f1f1f1 url(/etc_img/main/imgs/coupon_01.png) no-repeat 90% 100%}
.event_block_01 .box.sb_02{background:#f4f8ff url(/etc_img/main/imgs/card.png) no-repeat 110% 0%}
.event_block_01 .box.sb_03{background:#257bfd url(/etc_img/main/imgs/bus_01.png) no-repeat 90% 0%;color:#fff;padding:3em 5em;}


/* 배너 시작 */      
.block_m018{padding:4em 1em;}
.block_m018 .banner_wrap{position:relative;}
.block_m018 .banner_wrap:after{content:"";display: block;clear: both;}
.block_m018 .banner_wrap .banner_text{width:30%;float:left;font-size: 2em;line-height: 1.4;padding:1em 0}
.block_m018 .banner_wrap .banner_slider{overflow:hidden;width:70%;float: right;}
.block_m018 .banner_wrap .banner_slider .item{margin:0 10px;background:#fff}                 

.block_m018 .banner_wrap .banner_slider .item ._title{padding:15px 20px 10px 20px}
.block_m018 .banner_wrap .banner_slider .item ._contents{padding:0px 20px 10px 20px}
.block_m018 .banner_wrap .banner_slider .item ._only_price{padding:10px 20px}
                   
.block_m018 .banner_control{position:absolute;width:124px;height:40px;left:0;bottom:0;}
.block_m018 .banner_control .banner_btn{position:absolute;display:inline-block;left:0;width:40px; height:40px; background:#fff url(/m9_data/etc/button/banner_control.png) no-repeat; font-size:0; text-indent:-9999px;outline: none;border:1px solid #eee;}
.block_m018 .banner_control .banner_btn.slick-prev{left:0px;background-position: 0 0}
.block_m018 .banner_control .banner_btn.slick-next{left:78px;background-position: -120px 0;}
.block_m018 .banner_control .banner_btn.slick-pause{top:0;left:39px;background-position: -40px 0;}
.block_m018 .banner_control .banner_btn.slick-play{top:0;left:39px;display: none; background-position: -80px 0;}
    
@media screen and (max-width:683px){
    .block_m018{padding:1em}    
    .event_block_01 .box{padding:1.5em;}
    .event_block_01 .box .box_title{font-size:1.2em;}
    .event_block_01 .box.sb_03{padding:1.5em 2em;background-size: 100px;background-position: 100% 60%}
    
.block_m018 .banner_wrap{position:relative;padding-left:0}
.block_m018 .banner_wrap .banner_text{width:100%;float:none;font-size: 1.5em;padding:1em 10px}
    .block_m018 .banner_wrap .banner_text>div>b{font-weight: 900}
.block_m018 .banner_wrap .banner_slider{width:100%;float: none;}
.block_m018 .banner_control{padding:10px;right:0;left:auto;top:30px;width:58px;height:20px;margin-top:}
.block_m018 .banner_control .banner_btn{width:20px;height:20px;background-size:cover}
   
.block_m018 .banner_control .banner_btn.slick-prev{left:0px;background-position: 0 0}
.block_m018 .banner_control .banner_btn.slick-next{left:30px;background-position: -54px 0;}
.block_m018 .banner_control .banner_btn.slick-pause{top:0;left:19px;background-position: -22px 0;}
.block_m018 .banner_control .banner_btn.slick-play{top:0;left:19px;display: none; background-position: -36px 0;}
    
}

/*게시판*/
.board_box{position:relative;}
.board_box>ul{display:inline-block;}
.board_box>ul>li{display:inline-block;}
.board_box>ul>li>.tablink{display:inline-block;padding:0 7px;cursor:pointer;color:#6c6c6c;font-size:17px;font-weight:500}
.board_box>ul>li.on>.tablink{color:#000;font-size:20px}
.board_box>ul>li>.tablink:before{content:"";display:inline-block;width:1px;height:14px;margin-right:15px;background-color:#e0e0e0;-webkit-transform: rotate(45deg);}
.board_box>ul>li:first-child>.tablink:before{display:none}
.board_box>ul>li>.box>.box_content{display:none;position:absolute;top:40px;left:0;width:100%;border-top:1px solid #ddd;padding-top:20px;}
.board_box>ul>li.on>.box>.box_content{display:inline-block;}

.total-A001-4 table{width:100%}
.total-A001-4 th{font-weight:normal;text-align:right;padding:5px 0}
.total-A001-4 td{font-weight:300;text-align:right;padding:5px 0;}
.total-A001-4 tbody tr:first-child th, .board_total_style1 tbody tr:first-child td{border-top-width:0}
.total-A001-4 th.no, .board_total_style3 td.no{width:30px;text-align:center}
.total-A001-4 th.title, .board_total_style3 td.title{font-size:15px;font-weight:300;text-align:left;word-break:break-all;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.total-A001-4 th.title>a:hover, .board_total_style3 td.title>a:hover{text-decoration:underline}
.total-A001-4 th.name, .board_total_style3 td.name{width:60px}
.total-A001-4 th.num, .board_total_style3 td.num{width:50px}
.total-A001-4 th.date, .board_total_style3 td.date{width:50px;}
.total-A001-4 th.file_list, .board_total_style3 td.file_list{width:50px} 	    
.total-A001-4 th.count, .board_total_style3 td.count{width:50px} 


/*more*/
.total-A001-4{position:relative;}
.total-A001-4 .more>a{display:inline-block;position:absolute;top:-60px;right:0px;z-index:10;width:30px;height:30px;line-height:30px;font-size:0;color:#909090;cursor:pointer;transition:all 0.5s ease 0s}
.total-A001-4 .more>a>span{display:inline-block;text-indent:-9999px;overflow:hidden;}
.total-A001-4 .more>a:before{content:"\e78a";display:inline-block;width:100%;height:100%;font-family:"axicon";text-align:center;font-size:20px;}
.total-A001-4 .more>a:hover{transform:rotate(180deg)}




/*info box*/

.info_box_01{}    
.info_box_01>ul>li>.box{padding:0em 2em;}
.info_box_01>ul>li:nth-child(2)>.box{border-left:1px solid #eee;border-right:1px solid #eee;}
.info_box_01>ul>li>.box .box_title{font-size: 1.2em;padding-bottom:10px;font-weight: 500}
.info_box_01>ul>li>.box .box_tel{font-size: 1.5em;color:#3587ff;font-weight:900;} 
    
.info_box_01>ul>li>.box dl{display: table;width:100%;font-size: 0.9em}
.info_box_01>ul>li>.box dl dt{display: table-cell; width:50px;}
.info_box_01>ul>li>.box dl dd{display: table-cell;}

    .info_box_01>ul>li>.box .box_in{border:1px solid #eee;text-align: center;font-size: 0.9em;padding:5px 0;background:#fff;display: block;}
    

@media screen and (max-width:683px){
    .main_title_1 {padding:1em 1em 1.5em}
    .main_title_1>strong{font-size: 1.2em}
    .products_list ul>li{padding:0}
    
.total-A001-4-wrap{width:100%;}
.total-A001-4-wrap .text_box>a{display:none;}
.total-A001-4-wrap .text_box{width:100%;padding:20px 0}
.total-A001-4-wrap .text_box>strong{font-size:20px}
    
.board_box{float:none;width:100%;}
.board_box>ul>li>.tablink{padding:0 7px;font-size:15px;}
.board_box>ul>li.on>.tablink{font-size:16px}
.board_box .box.box1{min-height: 200px}
    
    .info_box_01>ul>li>.box{padding:1em;background:#ffff;border-radius: 10px;border:1px solid #eee}
    .info_box_01>ul>li>.box .box_in{background:#fafafa}

}


