@charset "euc-kr";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
 */

body { position: relative; }
.mobile { display: none !important; }
.pc { display: block !important; }
* { box-sizing: border-box; }
* a, a:hover, a:visited { color:inherit; text-decoration: none; cursor: pointer; }
.link { cursor: pointer; }
.link:hover { text-decoration: underline !important; }
.main_color { color: #0156ae !important; }
.keepall tr td { word-break:keep-all !important; }

/* header */
header {position:absolute;top:0;left:0;right:0;z-index:999;transition:0.3s; background: rgba(255,255,255,0.4);}
header:hover { background: #fff; }

header h1 { position: absolute; top: 35px; left: 50%; margin-left: -600px; }
header .global { width: 1200px; margin: 10px auto 0; text-align: right; }
header .global a { font-size: 14px; display: inline-block; color: #fff; text-align: center; margin-left: -4px; padding: 0 10px; background: url('/images/common/globalLine.png') right center no-repeat; }
header:hover .global a { color: #666; background: url('/images/common/globalLine_ov.jpg') right center no-repeat; }

header .global a:last-child { background: 0; padding-right: 0; }
header .global a:hover { color: #111 ;}
header .gnb { width: 1200px; margin: 0 auto; }
header .gnb > ul { padding: 0px 0 30px;margin: 15px auto 0; float: right;}
header .gnb > ul > li { float:left; position:relative; display:flex; align-items:center; justify-content:center; align-content:center; }
header .gnb > ul > li > a { color: #252525; line-height: 30px; font-size: 22px; font-weight: 600; letter-spacing: -0.5px; padding: 0 40px; overflow: hidden;}
header .gnb > ul > li:last-child > a { padding-right: 0; }

header .gnb > ul > li > a > span { position: relative; display: inline-block; transition: 0.3s; }
header .gnb > ul > li a span::before { color: #f36d40; position: absolute;top: 100%; content: attr(data-hover); transform: translate3d(0, 0, 0);}
header .gnb > ul > li a:hover span, header .gnb > ul > li.on a span { transform: translateY(-100%); }

header .gnb > ul > li > ul { display:none; width: 200px; z-index:1000; position:absolute; top: 60px; left: -20px; margin: 0 auto;}
header .gnb > ul > li > ul li { display:block; font-size:16px; border-bottom:1px solid rgba(255,255,255,0.8); }
header .gnb > ul > li > ul li:last-child { border-bottom: 0; }
header .gnb > ul > li > ul li a { display:block; width:100%; height: 100%; color: #252525; line-height: 20px; background: #fff; padding: 11px 20px; text-align: center; box-sizing: border-box ;}
header .gnb > ul > li > ul li a:hover { color: #0156ae;}


/**** visual ****/
.visual { width: 100%; height: 579px; position:relative; overflow:hidden; }
.visual .swiper-container { height: 579px; }
.visual .swiper-slide { width: 100%; height: 100%;}

.swiper-slide.visual_01 { background:url("/images/main/visu_01.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_02 { background:url("/images/main/visu_02.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }

.visuTxt_wrap { width: 1200px; height: 100%; position: absolute; left: 0; right: 0; top: 0; z-index: 99; display: flex; flex-direction:column; justify-content: center; align-items: flex-start; margin: 0 auto;  }
.visuTxt01 { color: #fff; font-size: 33px; font-weight: 500; }
.visuTxt02 { color: #fff; font-size: 46px; font-weight: 600; line-height: 125%; text-shadow: 5px 0px 10px rgba(0,0,0,0.4); }


/* mQuick_wrap */
.mQuick_wrap { width: 1320px; margin: -85px auto 0; padding: 50px 60px; box-sizing: border-box; background: #fff; position: relative; z-index: 999; border-radius: 20px 20px 0 0; overflow: hidden; }
.mTitle { margin-bottom: 30px; position: relative; z-index: 9; }
.mTitle span { font-size: 27px; font-weight: 500; color: #000; padding: 0 10px 10px; position: relative; display: inline-block; }
.mTitle span:before { content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 25px; background: #cfe3f7; z-index: -1; display: block;}
.mQuick_inner { width: 545px; position: relative; float: left; box-sizing: initial; }
.mService_inner { border-right: 1px solid #d4d4d4; margin-right: 50px; padding-right: 50px; }
.mQuick { width: 485px; position: relative; margin-left: 30px !important; 	 }
.mQuick_wrap .swiper-slide { text-align: center; font-size: 18px; cursor: pointer; transition:0.3s; }
.mQuick_wrap .swiper-slide img { margin-bottom: 10px; }
.mQuick_wrap .swiper-slide:hover { color: #f26d40; }

.mQuick_inner .swiper-button-prev { width: 15px; height: 24px; top: 0; bottom: 0; left: 0px; margin: auto 0; background: url('/images/main/quick_prev.png') left center no-repeat; z-index: 999;}
.mQuick_inner .swiper-button-next { width: 15px; height: 24px; top: 0; bottom: 0; right: 50px; margin: auto 0; background: url('/images/main/quick_next.png') right center no-repeat; z-index: 999;}

.mProject_inner .swiper-button-prev { top: 25px; }
.mProject_inner .swiper-button-next { top: 25px; right: 0;}


/* mContents_wrap */
.mContents_wrap { padding: 50px 0;overflow: hidden; background: #f0f7fd; position: relative; background-image:url('/images/main/mContents_bg01.png'), url('/images/main/mContents_bg02.png');
background-position:0px bottom ,87% 10px;
background-repeat:no-repeat; }
.mContents_inner { width: 1200px; margin: 0 auto; overflow: hidden;}
.mContents { width: 545px; float: left; box-sizing: border-box; position: relative; }
.mBoard_inner_wrap01 { border-right: 1px solid #d1d1d1;	margin-right: 50px; padding-right: 50px; box-sizing: initial;  }

.mBoardTab { overflow: hidden; }
.mBoardTab li { color: #fff; width: 142px; height: 44px; background: #c2c2c2; text-align: center; font-size: 27px; font-weight: 500; cursor: pointer; border-radius: 30px; float: left; transition:0.3s; margin-right: 10px; }
.mBoardTab li.on, .mBoardTab li:hover { background: #f36d40; }

.more_list { position: absolute; right: 50px; top: 8px; }
.more_list div { display: none; }
.more_list div img { transition:0.3s; cursor: pointer; }
.more_list div img:hover { transform:rotate(180deg) }
.more_list div:nth-child(1) { display: block; }

.mBoard_list ul { display: none; }
.mBoard_list ul:nth-child(1) { display: block; }

.mBoard { width: 100%; margin-top: 30px; float: left;}
.mBoard li { border-bottom: 1px solid #d4d4d4; padding-left:20px; overflow: hidden; box-sizing: border-box; padding-bottom: 11px; position: relative; }
.mBoard li + li { margin-top: 20px; }
.mBoard_inner:before { content:''; width: 3px; height: 3px; background: #7c7c7c; position: absolute; left: 1px; top: 0; }
.mNotice_txt { float: left; width: calc(100% - 130px); font-size: 18px; position: relative; overflow: hidden;cursor: pointer; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.mNotice_txt:hover { color: #000; }
.mNotice_date { width: 100px; text-align: right; float: right; font-size: 18px; }

.mAdver { display: flex; flex-wrap: wrap; justify-content: space-between; }   
.mAdver li { width: 170px; height: 230px; overflow: hidden; position: relative; cursor: pointer; border-radius: 10px;}
.mAdver_bg { transition:0.3s; }
.mAdver li:hover .mAdver_bg { transform:scale(1.1) }
.mAdver_inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff;  text-align: center; display: flex; flex-direction:column; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; }
.mAdver_inner img { transition:0.3s; display: block; margin-top: 10px;}
.mAdver li:hover .mAdver_inner img { transform:rotateY(180deg) }


/* Banner */
.mSpon_wrap { width: 100%; border-top: 1px solid #ddd; }
.mSpon { width: 1200px; margin: 0 auto; padding: 12px 0; position: relative; }
.mSpon_list { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; }
.mSpon_list .swiper-slide { width: auto; display:flex; align-items:center; height: 100px; }
.mSpon_list .swiper-slide img { margin-right: 40px; }

.mSpon .swiper-button-prev { width: 30px; height: 100%; top: 22px; left: -60px; background:  url('/images/main/banner_prev.jpg') center no-repeat; z-index: 999;}
.mSpon .swiper-button-next { width: 30px; height: 100%; top: 22px; right: -60px; background: url('/images/main/banner_next.jpg') center no-repeat; z-index: 999;}


/* Footer */
footer { width: 100%; background: #ebebeb; padding: 30px 0;}
.footer_wrap { width: 1200px; margin: 0 auto; position: relative; color: #888888; display: flex; flex-direction:row; justify-content: space-between; align-items: center; }
.footer_wrap .footer_txt { color: #888888; font-size: 15px; }
.footer_wrap .footer_terms a { display: inline-block; line-height: 35px; text-align: center; width: 140px; color: #777; border: 1px solid #acacac; margin-left: -5px; transition:0.3s; font-size: 14px;}
.footer_wrap .footer_terms a:hover { color: #fff; background: #acacac; position: relative; z-index: 1; }


/**** sVisual ****/
.sVisual { width:100%; height: 390px; background: url('/images/sub/sVisu.jpg') 0 0 no-repeat; background-size:cover; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; position: relative; font-size: 37px; font-weight: 700;text-shadow: 1px 1px 5px rgba(0,0,0,0.8); line-height: 130%; color: #fff; position: relative; padding-top: 124px;}

.sContainer { width: 1200px; margin: 0px auto 150px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start;  }
.lnb_box { width: 230px; margin-top: -67.5px; position: relative; }
.lnb_titile { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; line-height: 130%; height: 135px; background: url('/images/sub/lnb_bg.jpg') 0 no-repeat; background-size: cover; text-align: center; color: #fff; font-size: 32px; font-weight: 500; letter-spacing: -2px; border-radius: 20px 20px 0 0; }
.lnb > li + li { margin-top: -1px; }
.lnb > li > a { width: 100%; height: 50px; color: #666; font-size: 16px; position: relative; padding-left: 20px; box-sizing: border-box; border-bottom: 1px solid #dddddd; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 120%; background: #fff url('/images/sub/lnb_nov.png') 200px center no-repeat; transition:0.2s; }
.lnb > li:hover > a, .lnb > li.on > a { color: #0c3971; position: relative; z-index: 1; background: #eef7ff url('/images/sub/lnb_ov.png') 200px center no-repeat;}

.lnb > li > ul > li > a { display: block; width: 100%; font-weight: 400; font-size: 16px; padding: 10px 0 10px 20px; border-bottom: 1px solid #fff; box-sizing: border-box; background: #f2f2f2;}
.lnb > li > ul > li > a:hover { background: #616870; }
.lnb > li > ul > li.on > a, .lnb > li > ul > li > a:hover { color: #fff; background: url('/images/sub/lnb_level02_ov.jpg') no-repeat center; background-size: cover; }


/* sub contents */
.right { width: 915px; min-height:700px; }

.title { margin: 0 auto; display:block;  margin-bottom: 40px; }
.title h2 { margin-top: 50px; font-size:28px; color:#111; font-weight:500; letter-spacing:-0.5px; line-height:100%; display:block; text-align:left;}
.title .location { border-top: 1px solid #eee; border-bottom: 1px solid #ddd; margin-top: 30px; padding: 5px 0 10px;}
.title .location > li { height:12px; line-height:12px; font-size: 15px; letter-spacing: -0.5px; padding:0 10px 0 20px; display: inline-block; color:#888; background:url('/images/common/locationDot.png') no-repeat left 1px; box-sizing: border-box;  }
.title .location > li:first-child { background:url('/images/common/home.jpg') no-repeat left 0px; padding-right: 5px; }
.title .location > li:last-child { padding-right: 0; }


/**** sContents ****/
.sContents { width: 100%; margin: 50px auto; min-height:400px; box-sizing: border-box; position: relative; text-align: justify; word-break:keep-all;}
.sContents h4 {font-size:24px; color:#252525; font-weight:600; line-height:120%; margin: 50px 0 20px; background:url('/images/common/conTitle.jpg') no-repeat left 3px; padding-left: 33px; text-align: left;}
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h4 span { display: block; font-size: 17px; font-weight: 400; color: #666; }
.sContents h5 { font-size: 20px; font-weight: 500; color: #0156ae; background:url('/images/common/sConTitle.jpg') no-repeat left 7px; padding-left: 30px; margin:40px 0 18px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + h5 { margin-top: 20px; }
.sContents .imgBox { margin-bottom: 20px; }
.lineBox { border: 1px solid #dedede; background: #fafafa; padding: 30px; box-sizing: border-box;}
.txtBox { text-align: justify; }
.txtBox + .lineBox { margin-top: 10px; }
.dotList02 { overflow: hidden; }
.dotList02 li { width: 50%; float: left; }
.keepall td, .keepall th { word-break:keep-all; }

.sub_tab { width: 100%; height: auto; text-align: center; margin: 50px auto 50px; overflow: hidden;  display: flex; flex-wrap: wrap; flex-direction: row;  align-items: stretch; padding-top: 1px; padding-left: 1px;}
.sub_tab > li { margin-left: -1px; margin-top: -1px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center;width: 100%; padding: 5px; min-height: 53px; text-align: center; font-size: 17px; color: #666; box-sizing: border-box; border: 1px solid #d0d0d0; font-weight: 400; position: relative; line-height: 130%; cursor: pointer; word-break:break-all;}
.sub_tab > li.on { color: #fff; background: #898989; }
.sub_tab > li:after {content:''; z-index:-1; position:absolute; left:0; top:0; display:block; width:100%; height:0%; background:#f9f9f9; transition: all 0.3s ease 0s; }
.sub_tab > li:hover:after,.sub_tab > li:focus:after {height:51px; transition: all 0.3s ease 0s;} 

.sub_tab.s2 > li {width:calc(50% + 1px);}
.sub_tab.s3 > li {width:calc(33.3333% + 1px);}
.sub_tab.s4 > li {width:calc(25% + 1px);}
.sub_tab.s5 > li {width:calc(20% + 1px);}
.sub_tab.s6 > li {width:calc(16.666% + 1px);}
.sub_tab.s7 > li {width:calc(14.285% + 1px);}
.sub_tab.s8 > li {width:calc(12.5% + 1px);}

.organ { text-align: left; }
.organ img { margin-right: 40px; height: 40px; text-align: left;}


/* Âü°í¹®Çå */
.dotList_pdf li { margin-bottom: 30px; }
.dotList_pdf a { color: #111; }
.dotList_pdf img { margin-left: 3px; margin-top: -5px;}

.flux_img { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; }


/* ÀüÀÚ±âÈĵµ */
.latitude { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;align-items: stretch; }
.latitude li { width: 440px; margin-bottom: 50px;}
.latitude_inner { height: calc(100% - 50px); border: 1px solid #dedede; padding: 40px 35px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; 
box-sizing: border-box;}
.latitude_left { width: 200px;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-content:space-between;   }
.latitue_txt { width: 100%; color: #111111; font-weight: 300; text-align: left; margin-bottom: 15px;} 
.latitude_right { width: 150px; }
.latitude_left .btn_over { width: 130px; display: block; }

/* iLEAPS-Korea > member */
.mem_list { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;align-items: stretch; }
.mem_list > li { width: 440px; padding: 45px 0px 45px 30px; box-sizing: border-box; border-top: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box; margin-bottom: 35px; overflow: hidden; position: relative;}
.mem_list > li:nth-child(2n) { margin-right: 0; }
.mem_list > li > div { float: left; }
.mem_list > li .member_img { margin-right: 35px; width: 125px; overflow: hidden;}
.mem_list > li .member_img img { width: 100%; }

.member_txt { width: calc(100% - 160px); }
.member_name { font-size: 20px; color: #218a3d; font-weight: 600; }
.member_position { color: #111111; margin: 10px 0 5px !important; }
.member_homepage { min-height:14px; margin-top: 10px; background: url('/images/sub/homepage.jpg') left 7px no-repeat; padding-left: 28px; word-break:break-all;}
.member_homepage a:hover { text-decoration: underline; }


/* video */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ±â°ü¼Ò°³ > ¼Ò°³ */
.intor_title { color: #0156ae; font-size: 27px; font-weight: 600; margin-bottom: 45px; }


/* ±â°ü¼Ò°³ > ¹Ì¼Ç */
.mission {  }
.mission > li { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch; margin-bottom: 30px; }
.mission_title { width: 125px; height: 120px; color: #fff; font-size: 22px; font-weight: 300; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;align-items: center; }
.mission_txt { width: calc(100% - 135px); border: 1px solid #dedede; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding: 15px 35px; box-sizing: border-box; text-align: left; }
.mission_txt li { margin-bottom: 0; }
.mission li:nth-child(1) .mission_title { background: url('/images/sub/mission_title_01.jpg') 0 0 no-repeat; background-size: cover; }
.mission li:nth-child(2) .mission_title { background: url('/images/sub/mission_title_02.jpg') 0 0 no-repeat; background-size: cover; }
.mission li:nth-child(3) .mission_title { background: url('/images/sub/mission_title_03.jpg') 0 0 no-repeat; background-size: cover; }


/* ±â°ü¼Ò°³ > agenda */
.agenda li { margin-bottom: 10px; border: 1px solid #dedede; padding: 35px 50px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; }
.agenda_num { width: 44px; height: 51px; font-size: 20px; font-weight: 500; color: #fff; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center;  }
.agenda_txt { width: calc(100% - 85px); font-size: 19px; color: #111; text-align: left; }
.agenda_txt span { font-size: 17px; color: #666; display: block; }
.agenda_num_green {  background: url('/images/sub/agenda_green.jpg') 0 0 no-repeat; }
.agenda_num_blue { background: url('/images/sub/agenda_blue.jpg') 0 0 no-repeat; }
.agenda_num_oragne { background: url('/images/sub/agenda_orange.jpg') 0 0 no-repeat; }


/* greeting_txt */
.greeting_title { font-size: 26px; color: #0156ae; font-weight: 500; margin-bottom: 30px; line-height: 140%; }
.greeitng_img { text-align: right; } 
.greeting_position { letter-spacing: -1px; margin-top: 25px;}
.greeting_name { font-size: 26px; font-weight: 500; color: #111; margin-bottom: 15px; }
.greeting_name span { color: #111; font-size: 33px; font-weight: 500; }

.flex_img_wrap { display:flex; flex-wrap: nowrap; flex-direction:row; justify-content:space-between; align-items: flex-start; }
.flex_img { width: 180px; }
.flex_img img { border: 1px solid #dfdfdf; }
.flex_txt { width: calc(100% - 230px); }


/* Locaion */
.location_wrap { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.venue_map { width: 100% !important; height: 450px !important; margin-bottom: 30px !important;}
.root_daum_roughmap .wrap_map  { height: 418px !important; }

/* sitemap */
.sitemap_wrap {  display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stetch;  }
.sitemap { width: 32%;  margin-bottom: 45px; }
.sitemap > dt { background-color: #0156ae; color: #fff; font-weight: bold; padding: 15px 0;border-radius: 10px; text-align: center;}
.sitemap > dd:hover > a { color: #0156ae; }
.sitemap > dd { color: #111; font-weight: 500; font-size: 18px; border-bottom: 1px solid #d5d5d5; cursor: pointer; padding: 15px 20px; text-align: left;}
.sitemap > dd:hover, .sitemap .sitemap-ssnb dd:hover { color: #111;}
.sitemap > dl:nth-child(4) { clear: both; }
.sitemap .sitemap_sub { padding-left: 20px; }
.sitemap .sitemap_sub li { color: #666; padding-left: 12px; position: relative; margin-top: 5px;}
.sitemap .sitemap_sub li:hover { text-decoration: underline; } 
.sitemap .sitemap_sub li:before { content:'-'; position: absolute; left: 0; top: 0; } 



/* rule */
.rule > dt { color:#252525; font-weight:500; margin-top: 50px; margin-bottom: 5px}
.rule > dd > ul { margin-left: 20px; }
.rule > dd > ul > li { margin-top: 3px; }
.rule > dd > ul > li > ul { margin-left: 20px; }
.rule .numList > li { list-style-type: decimal !important; margin-left: 20px; margin-top: 3px;}
.noticeList { margin-left: 40px; text-indent:-20px; }
.noticeList02 { margin-left: 60px !important; text-indent:-40px; }


.policyTxt {word-break:keep-all; padding:30px;}
.policyTxt p.policyTitle {font-size:22px; color:#333; font-weight:600; margin-bottom:20px; padding:0 0 10px 30px; border-bottom:1px solid #ddd; background:url('../images/common/policyDot.gif') no-repeat left 10px;}
.policyClose > a {width:50px; height:30px; line-height:30px; text-align:center; background:#bbb; font-size:10px; font-weight:bold; color:#fff; position:absolute; top:35px; right:30px;}
.policyClose > a:hover {background:#999; text-decoration:none;}

.memberEdit_education { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: center; }
.memberEdit_education li { width: 32%; }

.mem_guide .dotList li { background: none; position: relative; }
.mem_guide .dotList li:before { content:'-'; position: absolute; left: 0; top: 0; }


.btn_over:before { display: block; content:''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; -webkit-transform-origin: right top; -ms-transform:translateX(-101%) skewX(-17.620001deg); transform: translateX(-101%) skewX(-17.620001deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1); }
.btn_over { display: inline-block; border: 2px solid #0156ae; cursor: pointer; position: relative; overflow: hidden; transition: color .55s; text-align: center; background: #0156ae; }
.btn_over a { color: #fff; background: url('/images/sub/more_arr.png') 105px center no-repeat !important; transition:0.3s;  padding: 5px 55px 5px 15px; box-sizing: border-box; } 
.btn_over:hover a { color: #0156ae; background: url('/images/sub/more_arr_ov.png') 105px center no-repeat !important; }
.btn_over:hover::before { background: #fff; -webkit-transform:translateX(0) skewX(-17.62deg); -ms-transform:translateX(0px) skewX(-17.620001deg); transform: translateX(0px) skewX(-17.620001deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.btn_over a { display: block; width: 100%; height: 100%; position: relative; z-index: 100; transition: color .55s;}

.back_btn.btn_over { float: right; background: #aaa; border: 2px solid #aaa;}
.back_btn.btn_over a { background-position: 90px center !important; padding: 2px 55px 2px 15px; }
.back_btn.btn_over:hover a { color: #aaa; background: url('/images/sub/more_arr_gray.png') 90px center no-repeat !important; }