@charset "utf-8";

/*
프로젝트 : 개인정보보호 포털
작성자 : 강정민
최종 업데이트일자 : 2020.08.10
*/


/* 메인 퀵메뉴 */
.quick_menu{display: block; position: fixed;top:250px;right:130px; z-index: 2;}
.quick_menu .title{padding:20px 0 0 0;width:80px;height:80px;background: #1845a0; border-radius: 50%;text-align: center;font-weight: 500;color:#fff;box-shadow: 0 0 10px #555;box-sizing: border-box;}
.quick_menu .list{margin-top:10px;width:80px;height:auto;background: #1845a0; /* Old browsers */
background: -moz-linear-gradient(top,  #3493eb 0%, #17459f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3493eb 0%,#17459f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3493eb 0%,#17459f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 40px;box-shadow: 0 0 10px #555; box-sizing: border-box;overflow: hidden;}
.quick_menu .list ul{padding:0 10px;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3493eb', endColorstr='#17459f',GradientType=0 )\;}
.quick_menu .list li{border-bottom:1px solid rgba(255,255,255,0.3);}
.quick_menu .list li:last-child{border:none;}
.quick_menu .list li a{display: block; padding-top:65px;height:100px;line-height: 1em; color:#fff;font-size:13px;text-align: center;box-sizing: border-box;}
.quick_menu .list li a.quick2{padding-top:55px;height:80px;}
.quick_menu .list li a:hover,.quick_menu .list li a:focus{ color:#ffe920;}
.quick_menu .list li a:focus{border:1px solid #ffe920;}
.quick_menu .list li:nth-of-type(1){background: url('/images/main/quick_menu.png')no-repeat center 25px; }
.quick_menu .list li:nth-of-type(2){background: url('/images/main/quick_menu.png')no-repeat center -85px; }
.quick_menu .list li a.goTop{padding-top:30px;height: 65px;background: url('/images/main/quick_menu.png')no-repeat center -180px;}

/* 메인비주얼 */
.main_visu .visual .gallery_wrap {width:100%;position:relative; overflow:hidden;}
.main_visu .visual .panel {padding-bottom:22%;width:100%;/*  height:422px; */}
.main_visu .visual .panel>li {position:absolute; top:0px; left:0; width:100%; height:100%; opacity: 0;}
.main_visu .visual .panel>li.on{opacity: 1;}
.main_visu .visual .nav_area{position: absolute;left:50%;bottom:12px;transform: translateX(476px);background: rgba(0,0,0,0.8);padding:10px 15px;border-radius: 40px;}
.main_visu .visual .panel>li img{width:100%;}

.main_visu .visual .nav_area>a{display: inline-block;text-indent:-9999px;}
.main_visu .visual .nav_area>a:hover,.main_visu .visual .nav_area>a:focus{border:1px solid #ffe920;box-sizing: border-box;}
.main_visu .visual .nav_area>a,.visual .nav_area>div{float:left;}
.main_visu .visual .nav_area .prev {display:block; width:22px;height:22px; background:url('/images/main/visual_playbtn.png')no-repeat 0 4px;}
.main_visu .visual .nav_area .next {display:block; width:22px;height:22px;background:url('/images/main/visual_playbtn.png')no-repeat -66px 4px;}
.main_visu .visual .nav_area .cnt{margin:0 10px;color:#fff;font-size:14px;}
.main_visu .visual .nav_area .nav_btns a{display: inline-block; margin:0 5px;width:22px;height:22px;background:url('/images/main/visual_playbtn.png')no-repeat -21px 4px;text-indent: -9999px;}
.main_visu .visual .nav_area .nav_btns a:hover,.main_visu .visual .nav_area .nav_btns a:focus{border:1px solid #ffe920;box-sizing: border-box;}
.main_visu .visual .nav_area .nav_btns>a.stop {display:inline-block;width:22px;height:22px;background-position:-44px 4px;text-indent: -9999px;}


/* 온라인교육 ,현장교육 */
.edu_wrap{background: #406fce;}
.edu_wrap .edu_tab{margin:0 auto;width:1253px;}
.edu_wrap .edu_tab>ul>li>a{display: inline-block;position: relative; width:298px;height:71px;padding-left:60px;border-right:3px solid #1647aa;line-height:65px;font-size:18px;font-weight:500;color:#66667b;box-sizing: border-box;transition: background-color 0.5s;z-index: 1;}
.edu_wrap .edu_tab>ul>li>a:before{display: block;content:"";position: absolute;left:50%;top:27px;transform: translateX(10px); width:75px;height:22px;background:url('/images/main/edu_tab_arr.png')no-repeat 0 -22px;transition: all 0.3s;}
.edu_wrap .edu_tab>ul>li.on>a:before{background:url('/images/main/edu_tab_arr.png')no-repeat 0 0;}
.edu_wrap .edu_tab>ul>li>a:hover,.edu_wrap .edu_tab>ul>li>a:focus{border:1px solid #ffe920;font-weight: 700;box-sizing: border-box;}
.edu_wrap .edu_tab>ul>li>a:hover:before,.edu_wrap .edu_tab>ul>li>a:focus:before{transform: translateX(20px);}
.edu_wrap .edu_tab>ul>li.onlinetab>a{background:url('/images/main/edu_tab.png')no-repeat 15px -117px #eae4e4; }
.edu_wrap .edu_tab>ul>li.offlinetab>a{background:url('/images/main/edu_tab.png')no-repeat 15px -190px #eae4e4;}
.edu_wrap .edu_tab>ul>li.offlinetab .nowReceipt{display: inline-block;position: absolute;top:10px;right:10px;width:50px;height:24px;line-height: 24px; background: #df3131;border-radius: 20px;color:#fff;font-size:12px;text-align: center;animation:moveUpDown 1s 1s infinite;}
.edu_wrap .edu_tab>ul>li.on>a{position: relative; color:#fff;border:3px solid #1647aa;border-right:0;}
.edu_wrap .edu_tab>ul>li.on>a:after{display:block;content:"";position: absolute;top:50%;right:0px;border-right:20px solid transparent;border-bottom:20px solid #1647aa;transform:rotate(225deg) translateY(12px);}
.edu_wrap .edu_tab>ul>li.onlinetab.on>a{background:url('/images/main/edu_tab.png')no-repeat 15px 20px #1647aa; }
.edu_wrap .edu_tab>ul>li.offlinetab.on>a{background:url('/images/main/edu_tab.png')no-repeat 15px -54px #1647aa; }

.edu_wrap .edu_tab>ul>li.on .edu_info{display: block;border:3px solid #1647aa;border-left:0;}
.edu_wrap .edu_info{display: none; float:right;width:calc(100% - 298px);box-sizing: border-box;}

.edu_wrap .edu_info.online li{float:left;width:25%;background-color:#4072d5 ;}
.edu_wrap .edu_info.online li a{display: block;padding:20px 40px;height:136px;box-sizing: border-box;color:#fff;font-size:17px;}
.edu_wrap .edu_info.online li a:hover,.edu_wrap .edu_info.online li a:focus{font-weight: 700;}
.edu_wrap .edu_info.online li:nth-child(2n){background-color:#3761b6 ;}
.edu_wrap .edu_info.online li:nth-of-type(1) a{background: url('/images/main/edu_icon.png')no-repeat right -83px;}
.edu_wrap .edu_info.online li:nth-of-type(2) a{background: url('/images/main/edu_icon.png')no-repeat right -220px;}
.edu_wrap .edu_info.online li:nth-of-type(3) a{background: url('/images/main/edu_icon.png')no-repeat right -475px;}
.edu_wrap .edu_info.online li:nth-of-type(4) a{background: url('/images/main/edu_icon.png')no-repeat right -354px;}

.edu_wrap .edu_tab>ul>li .edu_info.offline{position: relative; margin-top:-72px;padding:5px 50px;width:calc(100% - 298px);height:143px;background: #3163c7;overflow: hidden;box-sizing: border-box;}
.edu_wrap .edu_tab>ul>li .edu_info.offline:before{display: block;content:"";position: absolute;left:0;top:0;width:100%;height:30px;z-index: 1;
background: -moz-linear-gradient(top,  #3163c7 70%,  rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3163c7 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3163c7 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3163c7', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
.edu_wrap .edu_tab>ul>li .edu_info.offline:after{display: block;content:"";position: absolute;left:0;bottom:0;width:100%;height:30px;z-index: 1;
    background: -moz-linear-gradient(bottom,  #3163c7 70%,  rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom,  #3163c7 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top,  #3163c7 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#3163c7',GradientType=0 ); /* IE6-9 */}
.edu_wrap .edu_tab>ul>li .edu_info.offline>div{width:calc(100% - 30px);height:100% !important;color:#fff;overflow: hidden;}
.edu_wrap .edu_tab>ul>li .edu_info.offline>div .slick-slide{border-bottom:1px solid rgba(255,255,255,0.3);box-sizing: border-box;}
.edu_wrap .edu_tab>ul>li .edu_info.offline>div p,
.edu_wrap .edu_tab>ul>li .edu_info.offline>div span{display: block;float:left;width:calc(100% - 90px);line-height: 24px;}
.edu_wrap .edu_tab>ul>li .edu_info.offline>div p{margin:10px 0 4px 0; }
.edu_wrap .edu_tab>ul>li .edu_info.offline>div span{margin:0 0 10px 0;}
.edu_wrap .edu_tab>ul>li .edu_info.offline.noneClass>div .slick-slide {border-bottom: 0;}
.edu_wrap .edu_tab>ul>li .edu_info.offline.noneClass>div p { padding: 20px 0; font-size: 17px; text-align: center;}
.edu_wrap .edu_tab>ul>li .edu_info.offline .apply{float:right;margin-top:20px;width:80px;height:30px;line-height: 30px;background: #fff;border:1px solid #fff;border-radius: 20px;color:#111;text-align: center;box-shadow: 0 0 5px #2a55ab;}
.edu_wrap .edu_tab>ul>li .edu_info.offline .apply:hover,
.edu_wrap .edu_tab>ul>li .edu_info.offline .apply:focus{border:1px solid red;}
.edu_wrap .edu_tab>ul>li .edu_info.offline .slick-arrow{display: block;width:32px;height: 17px; position: absolute;background: url('/images/main/edu_arr.png')no-repeat;border:0;text-indent:-9999px;}
.edu_wrap .edu_tab>ul>li .edu_info.offline .slick-arrow:hover,.edu_wrap .edu_tab>ul>li .edu_info.offline .slick-arrow:focus{border:1px solid #ffe920;}
.edu_wrap .edu_tab>ul>li .edu_info.offline .slick-prev{top:30px;right:30px;background-position: 0 0;}
.edu_wrap .edu_tab>ul>li .edu_info.offline .slick-next {bottom:30px;right:30px;background-position: 0 -30px;}


/* 자주찾는 서비스 */
.main_service.quick_service {background:url('/images/main/quick_serv_bg.png')no-repeat center -350px #e3effe;background-attachment: fixed;}
.main_service.new_notice {background:#e9e9e9;}
.main_service .main_con{margin:0 auto;padding:45px 0;width:1253px;}
.main_service .main_con>h2{margin-bottom:15px;text-align: center; font-size:30px;font-weight: 500;}

.main_service.quick_service .main_con > div{transition:all 0.2s;}
.main_service.quick_service .main_con .left:hover{background:#244fa6;}
.main_service.quick_service .main_con .left:hover + .right{background:#fff;}
.main_service.quick_service .main_con .left:hover + .right>h3{color:#000;}
.main_service.quick_service .main_con .left:hover>h3{color:#fff;}

.quick_service .main_con .left,.quick_service .main_con .right{float:left;padding:25px;box-sizing: border-box;background: #fff;}
.quick_service .main_con .left>h3,.quick_service .main_con .right>h3{margin-bottom:10px;font-size:25px;font-weight:300;}
.quick_service .main_con .left{width:740px;}
.quick_service .main_con .right{width:calc(100% - 740px);background:#244fa6;}
.quick_service .main_con .right>h3{color:#fff;}
.quick_service .main_con li{float: left;background: #fff;box-sizing: border-box;}
.quick_service .main_con .left li{width:33.33%;}
.quick_service .main_con .right li{width:50%;}
.quick_service .main_con li a:hover p,
.quick_service .main_con li a:focus p,
.quick_service .main_con li a:hover span,
.quick_service .main_con li a:focus span{color:#3163c7}
.quick_service .main_con li a{display: block;padding:15px 28px;height:150px;border:1px solid #e3e3e3;box-sizing: border-box;transition: background 0.5s;}
.quick_service .main_con li a p{line-height: 22px; font-size:18px;font-weight: 500;}
.quick_service .main_con li a span{display: inline-block; margin-top:20px;font-size:12px;text-decoration: underline;}
.quick_service .main_con li a:hover,.quick_service .main_con li a:focus{animation: moveUpDownBg 1s infinite;}
.quick_service .main_con li.qs1 a{background: url('/images/main/q_s1.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs2 a{background: url('/images/main/q_s2.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs3 a{background: url('/images/main/q_s3.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs4 a{background: url('/images/main/q_s4.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs5 a{background: url('/images/main/q_s5.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs6 a{background: url('/images/main/q_s6.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs7 a{background: url('/images/main/q_s7.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs8 a{background: url('/images/main/q_s8.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs9 a{background: url('/images/main/q_s9.png')no-repeat 95% 90%;}
.quick_service .main_con li.qs10 a{background: url('/images/main/q_s10.png')no-repeat 95% 90%;}


/* 새소식 */
/* 20200909(s) */
.new_notice {text-align: center;}
.new_notice .slideNews>div{overflow: hidden;}
.new_notice .slideNews li{float:left;padding:10px 0;width:25%;overflow: hidden;box-sizing: border-box;text-align: left;}
.new_notice .m_con{display: block; margin:0 10px;padding:20px 20px;background: #fff;box-sizing: border-box;}
.new_notice .m_con.notice{border:2px solid #4072d5;}
.new_notice .m_con.edu{border:2px solid #228f71;}
.new_notice .m_con.info{border:2px solid #4d24e4;}
.new_notice .m_con.etc{border:2px solid #d2290e;}
.new_notice .m_con:hover,.new_notice .m_con:focus{box-shadow: 0 0 10px #aaa;}
.new_notice .m_con .label{display: inline-block;padding:4px;min-width:52px;border:1px solid #4072d5;border-radius: 20px;text-align: center;color:#fff;}
.new_notice .m_con .label.notice{background:#4072d5;border-color:#4072d5;color:#fff;}/* 공지 */
.new_notice .m_con .label.edu{background:#228f71;border-color:#228f71;color:#fff;}/* 교육 */
.new_notice .m_con .label.info{background: #4d24e4;border-color:#4d24e4;color: #fff;}/* 참고 */
.new_notice .m_con .label.etc{background: #d2290e;border-color:#d2290e;color: #fff;}/* 기타 */

.new_notice .m_con .title{margin-top:8px;height:50px;line-height: 24px;font-size: 19px;font-weight:500;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word;overflow: hidden;}
.new_notice .m_con p{margin-top:10px;height:58px;line-height: 19px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient:vertical;  word-wrap:break-word;overflow: hidden;font-size:14px;color:#777;}
.new_notice .m_con .date{display: block; margin-top:12px;font-size:13px;color:#888;}
.new_notice .slick-arrow{display: block;position: absolute;top:50%;transform:translate(0,-50%); width:27px;height:48px;;border:1px solid #ccc; text-indent: -9999px;z-index: 1;}
.new_notice .slick-arrow:hover,.new_notice .slick-arrow:focus{border:1px solid #111; box-sizing: border-box;}
.new_notice .slick-arrow.slick-prev{left:-40px;background: url('/images/main/slider_arr.png')no-repeat 7px 14px #fff}
.new_notice .slick-arrow.slick-next{right:-40px;background: url('/images/main/slider_arr.png')no-repeat -37px 14px #fff}
/*20200909(e)*/

/* 이용자,사업자,카드뉴스,알림마당 */
.etc_contents{margin:30px auto;width:1253px;}
.etc_contents>div{float:left;padding:0 10px 0 10px;width:25%;box-sizing: border-box;}
.etc_contents>div>h2{display: inline-block; margin-bottom:12px;font-size:17px;}

/* 개인정보보호 보호수칙 */
.etc_contents .user_con li{margin-bottom:10px;}
.etc_contents .user_con li:last-child{margin-bottom: 0;}
.etc_contents .user_con li a{display: block;border:1px solid #eee;box-sizing: border-box;}
.etc_contents .user_con li a{height:92px;;}
.etc_contents .user_con li a>h3{font-size:15px;font-weight: 500;}
.etc_contents .user_con li a:hover>h3,.etc_contents .user_con li a:focus>h3{color:#3163c7;}
.etc_contents .user_con li a>h3,.etc_contents .user_con li a>span{margin-left:122px;}
.etc_contents .user_con li a>h3{padding-top:15px;}
.etc_contents .user_con li a>span{display: inline-block; margin-top:10px;padding:4px 10px;background: #daeaff;border-radius: 20px; font-size:12px;font-weight: 100;transition: all 0.5s;}
.etc_contents .user_con li a:hover>span,.etc_contents .user_con li a:focus>span{margin-left:142px;}
.etc_contents .user_con li:nth-of-type(1) a{background: url('/images/main/user_rule.png')no-repeat 30px 15px;}
.etc_contents .user_con li:nth-of-type(2) a{background: url('/images/main/user_rule.png')no-repeat 30px -90px;}
.etc_contents .user_con li:nth-of-type(3) a{background: url('/images/main/user_rule.png')no-repeat 30px -196px;}

/* 국제협력센터,카드뉴스 20200810(s)*/
.etc_contents .cardnews_con .more,.etc_contents .global_wrap .more{display: block; float: right;width:27px;height:27px;background: url('/images/common/more.png')no-repeat center;background-size: 100%;text-indent: -9999px;}
.etc_contents .cardnews_con .more:hover,.etc_contents .cardnews_con .more:focus,.etc_contents .global_wrap .more:hover,.etc_contents .global_wrap .more:focus{border:1px solid #111;box-sizing: border-box;}
.etc_contents .global_wrap .img{height:300px;border:1px solid #eee;box-sizing: border-box;overflow: hidden;}
.etc_contents .cardnews_con .img a,.etc_contents .global_wrap .img a{display: block;}
.etc_contents .cardnews_con .img a:focus,.etc_contents .global_wrap .img a:focus{border:1px solid red;box-sizing: border-box;}
.etc_contents .global_wrap .img img{width:100%;}
.etc_contents .cardnews_con .img{height:300px;}
.etc_contents .cardnews_con .img img{width:100%;}
.etc_contents .cardNews_gallery{position: relative;width:100%;}

/* 20201103(s) */
.etc_contents .cardnews_con{position: relative;}
/* .etc_contents .cardnews_con .slick-arrow{display: inline-block;position: absolute; top:-37px;right:0;width:27px;height:27px;border:1px solid #ccc;box-sizing: border-box;text-indent:-9999px;}
.etc_contents .cardnews_con .slick-prev{right:60px;background: url('/images/main/slider_arr.png')no-repeat 8px 6px;background-size: 160%; }
.etc_contents .cardnews_con .slick-next{background: url('/images/main/slider_arr.png')no-repeat -24px 6px;background-size: 160%; }
.etc_contents .cardnews_con .nav a{display: inline-block;position: absolute; top:0px;right:40px;width:27px;height:27px;border:1px solid #ccc;box-sizing: border-box;text-indent:-9999px;} */
.etc_contents .cardnews_con .nav { float: right; }
.etc_contents .cardnews_con .nav a { display: inline-block; width: 27px; height: 27px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; text-indent: -9999px; vertical-align: middle; }
.etc_contents .cardnews_con .nav a:hover, .etc_contents .cardnews_con .nav a:focus { border: 1px solid rgb(17, 17, 17); box-sizing: border-box; }
.etc_contents .cardnews_con .nav a.prev{background: url('/images/main/slider_arr.png')no-repeat 8px 6px;background-size: 160%; }
.etc_contents .cardnews_con .nav a.next{background: url('/images/main/slider_arr.png')no-repeat -24px 6px;background-size: 160%; }
.etc_contents .cardnews_con .nav a.news_start{background:url('/images/main/slilder_play_btn.png')no-repeat -28px 0;}
.etc_contents .cardnews_con .nav a.news_stop{background:url('/images/main/slilder_play_btn.png')no-repeat 0 0;}
/* .etc_contents .cardnews_con .slick-arrow:hover,.etc_contents .cardnews_con .slick-arrow:focus,.etc_contents .cardnews_con .nav a:hover,.etc_contents .cardnews_con .nav a:focus{border-color:#000;}
 */
/*.etc_contents .cardnews_con .cardNews_gallery .cnt{position: absolute;top:0;left:0;padding:8px 20px;background: rgba(0,0,0,0.7);text-align: center;color:#fff;z-index: 1;}
.etc_contents .cardnews_con .nav {float:right;}
.etc_contents .cardnews_con .nav a{display: inline-block;width:27px;height:27px;border:1px solid #ccc;box-sizing: border-box;}
.etc_contents .cardnews_con .nav a:hover,
.etc_contents .cardnews_con .nav a:focus{border:1px solid #111;box-sizing: border-box;}
.etc_contents .cardnews_con .nav a.prev{background: url('/images/main/slider_arr.png')no-repeat 8px 6px;background-size: 160%; }
.etc_contents .cardnews_con .nav a.next{background: url('/images/main/slider_arr.png')no-repeat -24px 6px;background-size: 160%; } */
/* 20201103(e) */

/* 20200810(e) */


/* 알림마당 */
.etc_contents .notice_con .notice_gallery {position:relative;width:100%;}
.etc_contents .notice_con .notice_gallery .panel {position:relative; overflow:hidden;width:100%; height:300px;}
.etc_contents .notice_con .notice_gallery .panel>li {position:absolute; top:0px; left:0; width:100%; height:100%; opacity: 0;}
.etc_contents .notice_con .notice_gallery .panel>li a{display: block;}
.etc_contents .notice_con .notice_gallery .panel>li a:focus{border:1px solid red;box-sizing: border-box;}
.etc_contents .notice_con .notice_gallery .panel>li.on{opacity: 1;z-index: 1;}
.etc_contents .notice_con .notice_gallery .panel {width:100%;}
.etc_contents .notice_con .notice_gallery .panel li>a>img, .etc_contents .notice_con .notice_gallery .notice_btns>img{width:100%;}
.etc_contents .notice_con .notice_gallery .cnt{position: absolute;top:0;left:0;padding:8px 20px;background: rgba(0,0,0,0.7);text-align: center;color:#fff;z-index: 1;}
.etc_contents .notice_con .nav {float:right;}
.etc_contents .notice_con .nav a{display: inline-block;width:27px;height:27px;border:1px solid #ccc;box-sizing: border-box;text-indent:-9999px;vertical-align: middle;}
.etc_contents .notice_con .nav a:hover,.etc_contents .notice_con .nav a:focus{border:1px solid #111;box-sizing: border-box;}
.etc_contents .notice_con .nav a.prev{background: url('/images/main/slider_arr.png')no-repeat 8px 6px;background-size: 160%; }
.etc_contents .notice_con .nav a.next{background: url('/images/main/slider_arr.png')no-repeat -24px 6px;background-size: 160%; }
/* 20201029(s) */
.etc_contents .notice_con .nav a.notice_start{background:url('/images/main/slilder_play_btn.png')no-repeat -28px 0;}
.etc_contents .notice_con .nav a.notice_stop{background:url('/images/main/slilder_play_btn.png')no-repeat 0 0;}
/* 20201029(e)*/
.etc_contents .notice_con .notice_btns{position: relative;}
.etc_contents .notice_con .btns_wrp{display: flex; flex-direction:row;position: absolute;bottom:30px;left:50%;transform: translateX(-50%);}
:-ms-fullscreen, :root .etc_contents .notice_con .btns_wrp{/* ie11 */display:inline-table;}
_:-ms-lang(x), .etc_contents .notice_con .btns_wrp{/* ie10 */display:inline-table;}
.etc_contents .notice_con .btns_wrp{/* ie9 */display:table\9;}

.etc_contents .notice_con .btns_wrp a{float:left; margin:0 2px;}

/* 고객센터 */
.service_center{margin:30px auto;width:1253px;}
.service_center>div{padding:0 10px 0 10px;box-sizing: border-box;}
.service_center>div>h2{display: block; margin-bottom:12px;padding-bottom:5px;border-bottom:2px solid #707070;font-size:17px;}
.center_number ul{padding-bottom:10px;border-bottom:1px solid #eee;}
.center_number ul li{float:left;position: relative;padding:0 10px; width:25%;box-sizing: border-box;}
.center_number ul li:after{content:"";position: absolute;top:0;right:0;width:1px;height:60px;background:#ebebeb;}
.center_number ul li:last-child:after{display:none;}
.center_number ul li p{display: block; margin-bottom:4px;font-size:13px;color:#777;}
.center_number .callnum{font-size:26px;font-weight:500;}