@charset "utf-8";
/*-----------------------------------버튼 샘플링크-------------------------------------*/
/* /index.php?gt=etc/etc01 */

/*-----------------------------------버튼--------------------------------------------------------*/
.btn {
	display:inline-block;
	margin:1px;
	padding:6px 15px;
	border:1px solid #4e6380;
	background:#4e6380;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:15px; 
	line-height:1.3em; 
	color:#fff;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	*zoom:1;
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; 
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
	color:#fff;
	
	border-color:#4d72a5;
	background:#4d72a5;
	*background-color:#4d72a5;
}
.btn:first-child {*margin-left:0;}
.btn.disabled, .btn[disabled] {
	cursor:default;
	background-image:none;
	opacity:0.65;
	box-shadow:none;
	filter:alpha(opacity = 65);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
/* size*/
.btn-large {padding:15px 45px; font-size:1.200em; line-height:1.3em; }
.btn-big {padding:10px 30px; font-size:1.067em; line-height:1.3em;}
.btn-small {padding:4px 10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; font-size:0.867em; line-height:1.3em;}
.btn-mini {padding:2px 6px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; font-size:0.733em; line-height:1.3em;}

.btn-more{position:relative; border-radius:20px; padding:13px 37px 13px 22px; background:#202028; transition:0.1s;}
.btn-more span{font-family: 'JAGothic'; color:#fff; font-weight:800; font-size:18px; transition:0.2s;}
.btn-more::before{content:''; display:block; background:url('../../../img/202401/common/btn_more.png') center no-repeat; background-size:cover; width:50px; height:50px; position:absolute; right:-28px; top:50%; transform:translateY(-50%);
border:3px solid #202028; border-radius:50%; transition:0.2s;}
.btn-more:hover::before{border-color:#ffb91a;}
.btn-more:hover span{letter-spacing:5px;}

.btn-basic{display:block; width:fit-content; padding:7px 46px 5px 8px; position:relative; font-size:1.2rem; font-weight:600; border-bottom:1px solid #a4cf49;}
.btn-basic::before{content:''; display:block; width:0%; height:100%; background:#a4cf49; position:absolute; left:0; bottom:-1px; transition:1s;}
.btn-basic img{position:absolute; z-index:2; width:25px; right:4px; transition:1s; top:50%; transform:translateY(-50%); transition:1s;}
.btn-basic span{position:relative; z-index:2;}
.btn-basic:hover::before{width:100%;}
.btn-basic:hover img{right:15px;}




@media only screen and (max-width : 1000px) {
	.btn-basic{font-size:15px; padding:7px 33px 5px 8px;}
	.btn-basic img{width:15px;}
}



.btn-block {
	display:block;
	width:100%;
	padding-right:0;
	padding-left:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.btn-block+.btn-block {margin-top:5px;}
input[type="submit"].btn-block, 
input[type="reset"].btn-block, 
input[type="button"].btn-block {width:100%;}

/* color*/
.btn-blue {background-color:#006dcc; border-color:#006dcc; color:#fff; }
.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue.active, 
.btn-blue.disabled, 
.btn-blue[disabled] {background-color:#125590; border-color:#125590;}

.btn-sky {background-color:#49afcd; border-color:#49afcd; color:#fff;}
.btn-sky:hover, 
.btn-sky:focus, 
.btn-sky:active, 
.btn-sky.active, 
.btn-sky.disabled, 
.btn-sky[disabled] {background-color:#2f96b4; border-color:#2f96b4; }

.btn-yellow {background-color:#faa732; border-color:#faa732; color:#fff; }
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.btn-yellow.disabled, 
.btn-yellow[disabled] {background-color:#f89406; border-color:#f89406;}

.btn-red {background-color:#da4f49; border-color:#bd362f; color:#fff; }
.btn-red:hover, 
.btn-red:focus, 
.btn-red:active, 
.btn-red.active, 
.btn-red.disabled, 
.btn-red[disabled] {background-color:#bd362f; border-color:#bd362f; }

.btn-green {background:#38773b; border-color:#38773b; color:#fff; }
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.btn-green.disabled, 
.btn-green[disabled] {background-color:#29582b; border-color:#29582b;}

.btn-green_02 {background:#65ad24; border-color:#65ad24; color:#fff; }
.btn-green_02:hover, 
.btn-green_02:focus, 
.btn-green_02:active, 
.btn-green_02.active, 
.btn-green_02.disabled, 
.btn-green_02[disabled] {background-color:#56981a; border-color:#56981a;}

.btn-gray {background:#a0a0a0; border-color:#a0a0a0; color:#fff;}
.btn-gray:hover, 
.btn-gray:focus, 
.btn-gray:active, 
.btn-gray.active, 
.btn-gray.disabled, 
.btn-gray[disabled] {background-color:#8a8a8a; border-color:#8a8a8a; }

.btn-white {background:#fff; border-color:#bfbfbf; color:#333 !important;}
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active, 
.btn-white.disabled, 
.btn-white[disabled] {background-color:#fff;}

.btn-black {background-color:#363636; border-color:#363636; color:#fff;}
.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.btn-black.disabled, 
.btn-black[disabled] {background-color:#222;}

button.btn, input[type="submit"].btn {
	*padding-top:3px;
	*padding-bottom:3px;
}
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
	padding:0;
	border:0;
}
button.btn.btn-large, input[type="submit"].btn.btn-large {
	*padding-top:7px;
	*padding-bottom:7px;
}
button.btn.btn-big, input[type="submit"].btn.btn-big {
	*padding-top:3px;
	*padding-bottom:3px;
}
button.btn.btn-small, input[type="submit"].btn.btn-small {
	*padding-top:3px;
	*padding-bottom:3px;
}
button.btn.btn-mini, input[type="submit"].btn.btn-mini {
	*padding-top:1px;
	*padding-bottom:1px;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color:transparent;
	background-image:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.btn-link {
	color:#0088cc;
	cursor:pointer;
	border-color:transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.btn-link:hover, .btn-link:focus {
	color:#005580;
	text-decoration:underline;
	background-color:transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus {
	color:#333333;
	text-decoration:none;
}

.btn-group {
	position:relative;
	display:inline-block;
	*display:inline;
	*margin-left:.3em;
	font-size:0;
	white-space:nowrap;
	vertical-align:middle;
	*zoom:1;
}
.btn-group:first-child {
	*margin-left:0;
}
.btn-group+.btn-group {
	margin-left:5px;
}

.btn-toolbar {
	margin-top:10px;
	margin-bottom:10px;
	font-size:0;
}
.btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group {
	margin-left:5px;
}
.btn-group>.btn {
	position:relative;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.btn-group>.btn+.btn {
	margin-left:-1px;
}
.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
	font-size:14px;
}
.btn-group>.btn-mini {
	font-size:10.5px;
}
.btn-group>.btn-small {
	font-size:11.9px;
}
.btn-group>.btn-big {
	font-size:14.5px;
}
.btn-group>.btn-large {
	font-size:17.5px;
}
.btn-group>.btn:first-child {
	margin-left:0;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topleft:4px;
}
.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
}
.btn-group>.btn.large:first-child {
	margin-left:0;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-topleft:6px;
}
.btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle {
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
}
.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active {
	z-index:2;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	outline:0;
}
.btn-group>.btn+.dropdown-toggle {
	*padding-top:5px;
	padding-right:8px;
	*padding-bottom:5px;
	padding-left:8px;
	-webkit-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group>.btn-mini+.dropdown-toggle {
	*padding-top:2px;
	padding-right:5px;
	*padding-bottom:2px;
	padding-left:5px;
}
.btn-group>.btn-small+.dropdown-toggle {
	*padding-top:5px;
	*padding-bottom:4px;
}
.btn-group>.btn-big+.dropdown-toggle {
	*padding-top:5px;
	*padding-bottom:4px;
}
.btn-group>.btn-large+.dropdown-toggle {
	*padding-top:7px;
	padding-right:12px;
	*padding-bottom:7px;
	padding-left:12px;
}
.btn-group.open .dropdown-toggle {
	background-image:none;
	-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group.open .btn.dropdown-toggle {
	background-color:#e6e6e6;
}
.btn-group.open .btn-blue.dropdown-toggle {
	background-color:#0044cc;
}
.btn-group.open .btn-yellow.dropdown-toggle {
	background-color:#f89406;
}
.btn-group.open .btn-red.dropdown-toggle {
	background-color:#bd362f;
}
.btn-group.open .btn-green.dropdown-toggle {
	background-color:#51a351;
}
.btn-group.open .btn-sky.dropdown-toggle {
	background-color:#2f96b4;
}
.btn-group.open .btn-black.dropdown-toggle {
	background-color:#222222;
}
.btn .caret {
	margin-top:8px;
	margin-left:0;
}
.btn-large .caret {
	margin-top:6px;
}
.btn-large .caret {
	border-top-width:5px;
	border-right-width:5px;
	border-left-width:5px;
}
.btn-mini .caret, .btn-small .caret {
	margin-top:8px;
}
.btn-big .caret {
	margin-top:8px;
}
.dropup .btn-large .caret {
	border-bottom-width:5px;
}
.btn-blue .caret, .btn-yellow .caret, .btn-red .caret, .btn-sky .caret, .btn-green .caret, .btn-black .caret {
	border-top-color:#ffffff;
	border-bottom-color:#ffffff;
}
.btn-group-vertical {
	display:inline-block;
	*display:inline;
	/* IE7 inline-block hack */
	*zoom:1;
}
.btn-group-vertical>.btn {
	display:block;
	float:none;
	max-width:100%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
/* 관리자 버튼 */
.btn-primary {background-color:#3070b8; color:#fff;}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {background-color:#185ca8; color:#fff;}

.btn-warning {background-color:#faa732; color:#fff;}
.btn-warning:hover, 
.btn-warning:focus, 
.btn-warning:active {background-color:#ee9b27; color:#fff;}

.btn-danger {background-color:#cf3939; color:#fff;}
.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active {background-color:#be2828; color:#fff;}

.btn-success {background-color:#56a846; color:#fff;}
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active {background-color:#488e3a; color:#fff;}






@media only screen and (max-width : 1000px) {
	.btn-more{padding:8px 37px 9px 17px;}
	.btn-more span{font-size:14px;}
	.btn-more::before{width:30px; height:30px; right:-6px;}
}