@charset "utf-8";

@import url(/fonts/pretendard/fonts.css);
@import url(/fonts/TTTtangsbudaejjigaeB/fonts.css);

/** 기존 **/
/* ========== reset ========== */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins, input,
kbd, 
keygen,
label, legend, li, 
meter, mark,
nav, menu,
object, ol, output, option,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, sub, sup,
table, tbody, tfoot, thead, th, tr, td, video, tt,
u, ul, 
var{padding:0;margin:0;font-size:100%;font:inherit;border:0;box-sizing:border-box;}
body{line-height:1;}
ul, ol, li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, legend{position:relative; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
td, th{word-break:break-all;vertical-align:middle;}
mark, var{background:none;}
img, input, button, select, textarea{vertical-align:middle;}
img, fieldset, iframe{border:0;}

/* html5 - for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}

table caption
{position:relative; 
left:-10000px; 
top:auto; 
width:1px; 
height:0px; 
overflow:hidden;}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	src: url(/font/NanumBarunGothic.eot);
	src: url(/font/layout/NanumBarunGothic.woff) format('woff');
}

/* body */
body {
	-webkit-text-size-adjust: none;
	font-family: 'Pretendard','NanumBarunGothic', '나눔바른고딕', Malgun gothic, '맑은고딕', Dotum, '돋움', arial, sans-serif;
	color: #666;
}
/* scroll style */
html {
	overflow: auto;
}
/* anchor */
a:hover, a:focus, a:active, a:link, a:visited {
	color: #666;
	text-decoration: none;
}
button {
	cursor: pointer;
}
/* skipNavigation */
.skiptoContent {
	position: absolute;
	margin: 0 auto;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
}
.skiptoContent a {
	position: absolute;
	width: 100%;
	font-size: 0;
	top: -50px;
}
.skiptoContent a:active, .skiptoContent a:focus {
	display: block;
	font-size: 12px;
	padding: 10px;
	top: 0;
	text-align: center;
	color: #fff;
	font-weight: 600;
	background: #000;
	outline: 0;
}
/* scroll */
.noScroll, .noScroll body {
	overflow: hidden !important;
	height: 100%;
}


/* box behavior */
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.cb {
	clear: both !important;
}
.hide {
	display: none !important;
}
.hidden {
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	background: none;
}
/* sizing */
.mt0 {
	margin-top: 0 !important;
}
.mtXs {
	margin-top: 12px !important;
}
.mtS {
	margin-top: 22px !important;
}
.mtXl {
	margin-top: 50px !important;
}
/* responsible */
.forPc {
	display: block !important;
}
.forTab, .faoMbl, .hidePc {
	display: none !important;
}
@media screen and (max-width:1000px) {
.forPc {
	display: none !important;
}
.forTab,  .hidePc {
	display: block !important;
}
}
@media screen and (max-width:900px) {
.btnPrevSlide, .btnNextSlide {
	display: block;
}
}
@media screen and (max-width:480px) {
.forTab {
	display: none !important;
}
.forMbl {
	display: block !important;
}
}
/* text */
.vt {
	vertical-align: top !important;
}
.vm {
	vertical-align: middle !important;
}
.al {
	text-align: left !important;
}
.ac {
	text-align: center !important;
}
.ar {
	text-align: right !important;
}
.aj {
	text-align: justify;
}
.tl {
	text-decoration: line-through;
}
.tu {/* text-decoration:underline;*/
	border-width: 0 0 1px 0;
	border-style: solid;
}
.fn {
	font-weight: 500;
}
.fb {
	font-weight: 600 !important;
}
.ls {
	letter-spacing: -1px;
}

/** 2023 **/
/** All Style **/
html,body{width:100%;height:100vh;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,th,td,input,select,textarea,button,p{line-height:inherit;font-size:16px;color:#3d3d3d;letter-spacing:-0.03em;font-family:'Pretendard', Nanum Gothic, '나눔고딕', Malgun gothic, '맑은고딕', Dotum, '돋움','AppleSDGothicNeo', arial, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,th,td,input,select,textarea,button,p,blockquote,caption,legend,pre,figure {margin:0;padding:0;line-height:23px;word-break:keep-all;font-size:16px}

header,main,section,article,footer,aside{display:block;}

*,*::before,*::after{box-sizing:border-box;}

h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;}
hr{display:none;}
ol,ul,li{list-style:none;}
form,fieldset,img{border:0;}
img{vertical-align:middle;}
em,i,legend,address,cite,code,dfn,var{font-style:normal;}
legend,address,cite,code,dfn,var{font-weight:normal;}

caption,legend{overflow:hidden;position:relative;width:0;height:0;text-indent:-9999px;border:0;clip:rect(0, 0, 0, 0);}

a{color:#3d3d3d;text-decoration:none;}
a:link,a:visited,a:hover,a:active,a:focus{color:#3d3d3d;}

button::-moz-focus-inner{border:0;padding:0;}
button i{position:relative;}

a,button{border:0;vertical-align:middle;transition-duration:0.1s;word-break:keep-all;background:none;cursor:pointer;}

sup{line-height:1px;font-size:11px;}

/** Form Basic **/
input,select{vertical-align:middle;}
input::placeholder,textarea::placeholder{color:#424242;font-size:15px;font-weight:400;}
input:focus::placeholder,textarea:focus::placeholder{color:transparent !important;}
textarea{width:100%;padding:2px 5px;line-height:18px;font-size:14px;border:1px solid #dedede;resize:none;}
textarea,textarea:hover,textarea:active,textarea:visited{color:#555;vertical-align:middle;}

.hidden{overflow:hidden !important;visibility:hidden !important;position:absolute !important;width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;font-size:0 !important;}
.no-scroll{overflow:hidden;width:100%;height:100vh;touch-action:none;}

/** font-color **/
.cl-black{color:#000 !important;}
.cl-blue{color:#2146a5 !important;}
.cl-gray{color:#333 !important;}
.cl-gray-light{color:#7e7e7e !important;}
.cl-green{color:#149000 !important;}
.cl-orange{color:#c14c0d !important;}
.cl-red{color:#f00 !important;}
.cl-sky{color:#1f93d9 !important;}
.cl-dahong{color:#dd2c4c !important;}
.cl-black02{color:#2e2e2e !important;}

/** font-size **/
.f-size35{font-size:35px !important;}
.f-size30{font-size:30px !important;}
.f-size25{font-size:25px !important;}
.f-size18{font-size:18px !important;}
.f-size17{font-size:17px !important;}
.f-size16{font-size:16px !important;}
.f-size15{font-size:15px !important;}
.f-size14{font-size:14px !important;}
.f-size13{font-size:13px !important;}
.f-size12{font-size:12px !important;}

/** font-weight **/
.f-wb{font-weight:bold !important;}
.f-wn{font-weight:normal !important;}
.f-w400{font-weight:400 !important;}
.f-w500{font-weight:500 !important;}
.f-w600{font-weight:600 !important;}

/** area align style **/
.fl-wrap{overflow:hidden !important;}
.fl-r{float:right !important;}
.fl-l{float:left !important;}

/** text align style **/
.ta-r{text-align:right !important;}
.ta-l{text-align:left !important;}
.ta-c{text-align:center !important;}

/** flex align style **/
.fx-js{justify-content:flex-start !important;}
.fx-jc{justify-content:center !important;}
.fx-je{justify-content:flex-end !important;}
.fx-jsb{justify-content:space-between !important;}
.fx-as{align-items:flex-start !important;}
.fx-ac{align-items:center !important;}
.fx-ae{align-items:flex-end !important;}
.fx-rw{flex-wrap:wrap !important;}

/** display style **/
.dis-i{display:inline !important;}
.dis-ib{display:inline-block !important;}
.dis-b{display:block !important;}
.dis-n{display:none !important;}
.dis-f{display:flex !important;}

/** line style **/
.no-line-t{border-top-width:0 !important;}
.no-line-r{border-right-width:0 !important;}
.no-line-b{border-bottom-width:0 !important;}
.no-line-l{border-left-width:0 !important;}

.line-r{border-right-width:1px !important;}

/** margin style **/
.ma0{margin:0px !important;}
.ma5{margin:5px !important;}
.ma10{margin:10px !important;}
.ma15{margin:15px !important;}
.ma20{margin:20px !important;}
.ma25{margin:25px !important;}
.ma30{margin:30px !important;}
.ma35{margin:35px !important;}
.ma40{margin:40px !important;}
.ma45{margin:45px !important;}
.ma50{margin:50px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/** padding style **/
.pa0{padding:0px !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}
.pa40{padding:40px !important;}
.pa45{padding:45px !important;}
.pa50{padding:50px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

/** width %,px common **/
[class*='w-per'],[class*='w-px']{min-width:inherit !important;max-width:inherit !important;}

/** width % **/
.w-per100{width:100% !important;}
.w-per95{width:95% !important;}
.w-per90{width:90% !important;}
.w-per85{width:85% !important;}
.w-per80{width:80% !important;}
.w-per75{width:75% !important;}
.w-per70{width:70% !important;}
.w-per65{width:65% !important;}
.w-per60{width:60% !important;}
.w-per55{width:55% !important;}
.w-per50{width:50% !important;}
.w-per45{width:45% !important;}
.w-per40{width:40% !important;}
.w-per35{width:35% !important;}
.w-per30{width:30% !important;}
.w-per25{width:25% !important;}
.w-per20{width:20% !important;}
.w-per15{width:15% !important;}
.w-per10{width:10% !important;}
.w-per5{width:5% !important;}

/** width px **/
.w-px400{width:400px !important;}
.w-px390{width:390px !important;}
.w-px380{width:380px !important;}
.w-px370{width:370px !important;}
.w-px360{width:360px !important;}
.w-px350{width:350px !important;}
.w-px340{width:340px !important;}
.w-px330{width:330px !important;}
.w-px320{width:320px !important;}
.w-px310{width:310px !important;}
.w-px300{width:300px !important;}
.w-px290{width:290px !important;}
.w-px280{width:280px !important;}
.w-px270{width:270px !important;}
.w-px260{width:260px !important;}
.w-px250{width:250px !important;}
.w-px240{width:240px !important;}
.w-px230{width:230px !important;}
.w-px220{width:220px !important;}
.w-px210{width:210px !important;}
.w-px200{width:200px !important;}
.w-px190{width:190px !important;}
.w-px180{width:180px !important;}
.w-px170{width:170px !important;}
.w-px160{width:160px !important;}
.w-px150{width:150px !important;}
.w-px140{width:140px !important;}
.w-px130{width:130px !important;}
.w-px120{width:120px !important;}
.w-px110{width:110px !important;}
.w-px100{width:100px !important;}
.w-px90{width:90px !important;}
.w-px80{width:80px !important;}
.w-px70{width:70px !important;}
.w-px60{width:60px !important;}
.w-px50{width:50px !important;}
.w-px40{width:40px !important;}
.w-px30{width:30px !important;}
.w-px20{width:20px !important;}
.w-px10{width:10px !important;}

/** div-width % **/
[class*='div-per']{position:relative;}
.div-per100{width:100% !important;}
.div-per95{width:calc(95% - 10px) !important;}
.div-per90{width:calc(90% - 10px) !important;}
.div-per85{width:calc(85% - 10px) !important;}
.div-per80{width:calc(80% - 10px) !important;}
.div-per75{width:calc(75% - 10px) !important;}
.div-per70{width:calc(70% - 10px) !important;}
.div-per65{width:calc(65% - 10px) !important;}
.div-per60{width:calc(60% - 10px) !important;}
.div-per55{width:calc(55% - 10px) !important;}
.div-per50{width:calc(50% - 10px) !important;}
.div-per45{width:calc(45% - 10px) !important;}
.div-per40{width:calc(40% - 10px) !important;}
.div-per35{width:calc(35% - 10px) !important;}
.div-per30{width:calc(30% - 10px) !important;}
.div-per25{width:calc(25% - 10px) !important;}
.div-per20{width:calc(20% - 10px) !important;}
.div-per15{width:calc(15% - 10px) !important;}
.div-per10{width:calc(10% - 10px) !important;}
.div-per5{width:calc(5% - 10px) !important;}

/** component **/
/** tab menu **/
[class*='tab-nav']{display:flex;position:relative;margin:20px 0;}
[class*='tab-nav']:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccd0d9;}
[class*='tab-nav'] li,[class*='tab-nav'] li a{position:relative;}
[class*='tab-nav'] li:first-child a{border-top-left-radius:10px}
[class*='tab-nav'] li:last-child a{border-top-right-radius:10px}
[class*='tab-nav'] li{overflow:hidden;margin-right:-1px;}
[class*='tab-nav'] li a{display:block;height:100%;padding:10px 25px;line-height:20px;color:#5e5e5e;font-size:15px;text-align:center;border:1px solid #ddd;}
[class*='tab-nav'] li a:hover,[class*='tab-nav'] li a:focus{text-decoration:underline;}

[class*='tab-nav'] li.is-current a{color:#fff;font-weight:500;border-color:#27448a;background:#27448a;}
[class*='tab-nav'] li.is-current a:hover,[class*='tab-nav'] li.is-current a:focus{text-decoration:none;}
[class*='tab-nav'] li.is-current a:before{content:'';display:block;position:absolute;top:6px;left:8px;width:6px;height:6px;border-radius:50%;background:#fff;}

.tab-body .tab-cont{display:none;margin-bottom:80px;}
.tab-body .tab-cont:first-child{display:block;}

/** tab menu depth **/
[class*='tab-nav-depth'] li{margin-right:0;}
[class*='tab-nav-depth'] li a{font-weight:400;border:none;background:none;}
[class*='tab-nav-depth'] li.is-current a{background:none;}

.tab-nav-depth li a{padding:10px 20px;color:#606674;font-size:15px;}
.tab-nav-depth li.is-current a{color:#2b54bd;border-bottom:2px solid #2b54bd;}

/** tab menu depth02 **/
.tab-nav-depth02{background:#f7f7f7;}
.tab-nav-depth02:before{content:none;}
.tab-nav-depth02 li{position:relative;}
.tab-nav-depth02 li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#dedede;transform:translateY(-50%);}
.tab-nav-depth02 li:last-child:after{content:none;}
.tab-nav-depth02 li a{padding:12px 17px;color:#7e7e7e;font-size:14px;font-weight:400;}
.tab-nav-depth02 li.is-current a{color:#2e2e2e;}

/** box type **/
[class*='box-type']{position:relative;margin:20px 0;padding:10px;border-width:1px;border-color:#e1e1e1;background-color:#f7f7f7;}
[class*='box-type'] > *{margin:0;color:#666;font-size:14px;}
[class*='box-type'] > * + *{margin-top:5px;}

.box-type01{border-style:solid;}
.box-type02{border-style:dashed;}
.box-type03{border-style:dotted;}

[class*='box-type'].ver-01{background:#fff;}

/** box content **/
.box-con{display:flex;}
.box-con em{display:block;margin-right:10px;color:#2e2e2e;font-size:14px;font-weight:500;}

/** title type **/
[class*='tit-type']{display:flex;align-items:flex-start;position:relative;margin:28px 0 10px;}
[class*='tit-type'] > i{flex-grow:1;display:inline-block;color:#1e1e1e;font-weight:500;letter-spacing:-1px;}
[class*='tit-type'] + [class*='tit-type']{margin-top:20px;}

.tit-type01{padding-left:28px;line-height:21px;font-size:17px;}
.tit-type01:before{content:'';display:block;position:absolute;left:0;width:21px;height:21px;background:url(/images/drh/layout/bullet/bul_tit_type01.png) no-repeat 0 0;}

.tit-type02 > span{line-height:23px;}
.tit-type02 > i{line-height:23px;font-size:19px;}

.tit-type03{margin:45px 0 25px 0;padding:11px 9px;border-radius:5px;background:#333b50;}
.tit-type03 i{color:#fff;font-size:17px;}

.wrap-tit{}
.wrap-tit *{display:inline-block;}
.wrap-tit span{color:#6e6e6e;font-size:15px;}

/** bullet type **/
[class*='bul-type'],[class*='bul-type'] li{position:relative;color:#3d3d3d;}
[class*='bul-type']:before,[class*='bul-type'] li:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#3d3d3d;}
[class*='bul-type'] li + li{margin-top:5px;}

ul[class*='bul-type']{padding-left:0;}
ul[class*='bul-type']:before{display:none;}

.bul-type01,.bul-type01 li{padding-left:12px;}
.bul-type01:before,.bul-type01 li:before{left:2px;width:4px;height:4px;border-radius:50%;}
.bul-type02,.bul-type02 li{padding-left:10px;}
.bul-type02:before,.bul-type02 li:before{width:4px;height:1px;}
.bul-type03,.bul-type03 li{padding-left:8px;}
.bul-type03:before,.bul-type03 li:before{width:2px;height:2px;background:#6e6e6e;}

[class*="-table"] [class*='bul-type']{margin:5px 0;}

/** 기본table **/
[class*="-table"]{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;border-top:2px solid #2e2e2e;border-bottom:1px solid #e1e1e1;word-break:break-all}
[class*="-table"] * > tr{height:40px;}
[class*="-table"] * > tr:first-child > *{border-top-width:0}
[class*="-table"] * > tr > *{height:100%;padding:10px 5px;line-height:18px;font-size:14px;text-align:center;vertical-align:middle;border:0 solid #e1e1e1;border-width:1px 1px 0 0;}
[class*="-table"] * > tr > *[scope]{padding:10px;color:#3e3e3e;font-weight:500;background:#f7f7f7}
[class*="-table"] * > tr > *[scope] *{color:#3e3e3e;font-weight:500;}
[class*="-table"] * > tr > *:last-child{border-right-width:0;}
[class*="-table"] thead > tr > *[rowspan],[class*="-table"] thead > tr:last-child > *{border-bottom:1px solid #e1e1e1;}

[class*="-table"] thead+tbody > tr:first-child{border-top-width:1px}
[class*="-table"] tbody > tr > *[scope]{padding-right:15px;padding-left:15px;}
[class*="-table"] tbody > tr *{color:#6e6e6e;}
[class*="-table"] tbody > tr td{word-break:break-all}

[class*="-table"] .button.mini{vertical-align:middle;}
[class*="-table"] a:hover,[class*="-table"] a:focus{text-decoration:underline;}
[class*="-table"] p:first-of-type{margin-top:8px;}
[class*="-table"] p:last-of-type{margin-bottom:8px;}
[class*="-table"] p+p{margin-top:5px;}

[class*='-table'] [class*='w-per'] > *{width:100% !important;}
[class*='-table'].ta-l tr > *{text-align:left !important;}
[class*='-table'].ta-c tr > *{text-align:center !important;}
[class*='-table'].ta-c tr > .ta-l{text-align:left !important;}
[class*='-table'].vt-t tbody tr > *{vertical-align:top;}

/** button **/
.button{overflow:hidden;display:inline-block;position:relative;min-width:70px;margin:0;padding:0 20px;line-height:30px;color:#6e6e6e;font-size:15px;text-align:center;border:1px solid #d1d1d1;border-radius:3px;background:#f7f7f7;}
.button i{position:relative;color:#6e6e6e;z-index:1;}

a.button:hover,button.button:hover{text-decoration:underline;}
a.button:not([class*='bl-']):hover:before,button.button:not([class*='bl-']):hover:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background:rgba(0,0,0,.05);z-index:0;}

/** button size **/
.mini,.small{line-height:25px;font-size:12px;}
.mini{min-width:55px;padding:0 8px;}
.small{min-width:65px;padding:0 12px;}

/** button background style **/
.button[class*='bg-'],.button[class*='bg-'] i{color:#fff;}
.button[class*='bg-']:hover,.button[class*='bg-']:hover i{text-decoration:underline;}
.bg-blue{border-color:#2b54bd !important;background:#2b54bd !important;}
.bg-gray{border-color:#686d7c !important;background:#686d7c !important;}
.bg-white{border-color:#c1c1c1 !important;background:#fff !important;}
.bg-white i{color:#6e6e6e !important;}

/** button line color **/
.button[class*='bl-']{border-color:transparent;background:transparent !important;}

/** button line style **/
.bl-blue{border-color:#2b54bd !important;}
.bl-blue,.bl-blue i{color:#2b54bd !important;}
.bl-gray{border-color:#686d7c !important;}
.bl-gray,.bl-gray i{color:#686d7c !important;}
.bl-gray-light{border-color:#e1e3e7 !important;}
.bl-gray-light,.bl-gray-light i{color:#555 !important;}
.bl-gray-dark{border-color:#c1c1c1 !important;}
.bl-gray-ligdarkht,.bl-gray-dark i{color:#7e7e7e !important;}