@charset "UTF-8";

/* 공통  버튼 */
.cont_btn_list_area .list {margin-top:30px;font-size: 0;}
.cont_btn_list_area .list.mb {margin:0 auto 30px auto}
.cont_btn_list_area .list.tr {text-align: right;}
.cont_btn_list_area .list.tc {text-align: center;}
.cont_btn_list_area .list.tl {text-align: left;}
.cont_btn_list_area .list li {display: inline-block; margin: 0 10px 0 0;vertical-align:top}
.cont_btn_list_area .list li:last-child {margin: 0;}
.cont_btn_list_area .list li .btn {display: inline-block; min-width: 160px;font-size:0;background-color: #616161; text-align: center; border-radius: 5px;position:relative;z-index:1;overflow:hidden}
.cont_btn_list_area .list li .btn::before {display:block;width:100%;height:0;content:"";position:absolute;top:0;left:0;z-index:-1;transition:height 0.2s linear}
.cont_btn_list_area .list li .btn .text {display: block; font-size: 1rem; line-height: 54px; color: #ffffff;}
.cont_btn_list_area .list li .btn.green {background-color: #228020;}
.cont_btn_list_area .list li .btn.red {background-color: #ed1c24;}
.cont_btn_list_area .list li .btn.blue {background-color: #316ee7;}
.cont_btn_list_area .list li .btn.yellow {background-color: #edbf1c;}
.cont_btn_list_area .list li .btn.gray {background-color: #555;}
.cont_btn_list_area .list li .btn.gray2 {background-color: #848690;}
.cont_btn_list_area .list li .btn.black {background-color: #191919;}
.cont_btn_list_area .list li .btn.icon01 {padding:0 30px;text-align:left}
.cont_btn_list_area .list li .btn.icon01 .text {background-image:url(/images/home/kor/user/board/download_icon.png);background-repeat:no-repeat;background-position:right center}
.cont_btn_list_area .list li .btn.icon02 {padding:0 30px;text-align:left}
.cont_btn_list_area .list li .btn.icon02 .text {background-image:url(/images/home/kor/user/board/talk_icon.png);background-repeat:no-repeat;background-position:right center}
.cont_btn_list_area .list li .btn:hover, 
.cont_btn_list_area .list li .btn:focus {}
.cont_btn_list_area .list li .btn:hover::before, 
.cont_btn_list_area .list li .btn:focus::before {height:100%;background-color:#484848}
.cont_btn_list_area .list li .btn.green:hover::before, 
.cont_btn_list_area .list li .btn.green:focus::before {background-color:#196217}
.cont_btn_list_area .list li .btn.red:hover::before, 
.cont_btn_list_area .list li .btn.red:focus::before {background-color:#b1060c}
.cont_btn_list_area .list li .btn.blue:hover::before, 
.cont_btn_list_area .list li .btn.blue:focus::before {background-color:#2054bb}
.cont_btn_list_area .list li .btn.yellow:hover::before, 
.cont_btn_list_area .list li .btn.yellow:focus::before {background-color:#eda61c}
.cont_btn_list_area .list li .btn.gray:hover::before, 
.cont_btn_list_area .list li .btn.gray:focus::before {background-color:#333}
.cont_btn_list_area .list li .btn.gray2:hover::before, 
.cont_btn_list_area .list li .btn.gray2:focus::before {background-color:#77787e}
.cont_btn_list_area .list li .btn.black:hover::before, 
.cont_btn_list_area .list li .btn.black:focus::before {background-color:#000}

/* border btn */
.cont_btn_list_area .list li .btn2 {display:inline-block;min-width:160px;color:#767676;background-color:#fff;text-align:center; border-radius: 5px;border:1px solid #616161;position:relative;z-index:1;overflow:hidden;transition:0.2s}
.cont_btn_list_area .list li .btn2 .text {display: block; font-size: 1rem; line-height: 52px;transition:0.2s}
.cont_btn_list_area .list li .btn2.green {border-color: #228020;color: #228020}
.cont_btn_list_area .list li .btn2.red {border-color: #ed1c24;color: #ed1c24}
.cont_btn_list_area .list li .btn2.blue {border-color: #316ee7;color: #316ee7}
.cont_btn_list_area .list li .btn2.yellow {border-color: #edbf1c;color: #edbf1c}
.cont_btn_list_area .list li .btn2.gray {border-color: #555;color: #555}
.cont_btn_list_area .list li .btn2.gray2 {border-color: #b8b8bf;color: #767676}
.cont_btn_list_area .list li .btn2.black {border-color: #191919;color: #191919}
.cont_btn_list_area .list li .btn2.icon01 {padding:0 30px;text-align:left}
.cont_btn_list_area .list li .btn2.icon01 .text {background-image:url(/images/home/kor/user/board/download_icon.png);background-repeat:no-repeat;background-position:right center}
.cont_btn_list_area .list li .btn2.icon02 {padding:0 30px;text-align:left}
.cont_btn_list_area .list li .btn2.icon02 .text {background-image:url(/images/home/kor/user/board/talk_icon.png);background-repeat:no-repeat;background-position:right center}

.cont_btn_list_area .list li .btn2:hover,
.cont_btn_list_area .list li .btn2:focus {border-color:#333}
.cont_btn_list_area .list li .btn2:hover .text,
.cont_btn_list_area .list li .btn2:focus .text {color:#333}
.cont_btn_list_area .list li .btn2.green:hover,
.cont_btn_list_area .list li .btn2.green:focus {border-color:#196217}
.cont_btn_list_area .list li .btn2.green:hover .text,
.cont_btn_list_area .list li .btn2.green:focus .text {color:#196217}
.cont_btn_list_area .list li .btn2.red:hover,
.cont_btn_list_area .list li .btn2.red:focus {border-color:#000}
.cont_btn_list_area .list li .btn2.red:hover .text,
.cont_btn_list_area .list li .btn2.red:focus .text {color:#000}
.cont_btn_list_area .list li .btn2.blue:hover,
.cont_btn_list_area .list li .btn2.blue:focus {border-color:#2054bb}
.cont_btn_list_area .list li .btn2.blue:hover .text,
.cont_btn_list_area .list li .btn2.blue:focus .text {color:#2054bb}
.cont_btn_list_area .list li .btn2.yellow:hover,
.cont_btn_list_area .list li .btn2.yellow:focus {border-color:#eda61c}
.cont_btn_list_area .list li .btn2.yellow:hover .text,
.cont_btn_list_area .list li .btn2.yellow:focus .text {color:#eda61c}
.cont_btn_list_area .list li .btn2.gray:hover,
.cont_btn_list_area .list li .btn2.gray:focus {border-color:#555}
.cont_btn_list_area .list li .btn2.gray:hover .text,
.cont_btn_list_area .list li .btn2.gray:focus .text {color:#555}
.cont_btn_list_area .list li .btn2.gray2:hover,
.cont_btn_list_area .list li .btn2.gray2:focus {border-color:#77787e}
.cont_btn_list_area .list li .btn2.gray2:hover .text,
.cont_btn_list_area .list li .btn2.gray2:focus .text {color:#77787e}
.cont_btn_list_area .list li .btn2.black:hover,
.cont_btn_list_area .list li .btn2.black:focus {border-color:#000}
.cont_btn_list_area .list li .btn2.black:hover .text,
.cont_btn_list_area .list li .btn2.black:focus .text {color:#000}

.cont_btn_list_area .list li .btn.small, 
.cont_btn_list_area .list li .btn2.small {min-width:100px;padding:0 30px}
.cont_btn_list_area .list li .btn.small .text {line-height:42px}
.cont_btn_list_area .list li .btn2.small .text {line-height:40px}


.btn_default {display: inline-block; position: relative; overflow: hidden; min-width: 100px; border: 2px solid #ed1c24; background-color: #ed1c24; padding: 0 20px; border-radius: 5px; font-size: 0; text-align:center;z-index: 1;transition:all 0.3s}
.btn_default .text {display: inline-block; font-weight: 400; font-size: 1rem; line-height: 36px; color: #ffffff; z-index: 1;}
.btn_default.small {min-width:40px;padding:0 12px}
.btn_default.small .text {font-size:0.9375rem;line-height:28px}
.btn_default.big {min-width:180px}
.btn_default.big .text {font-size:1.125rem;line-height:58px}

.btn_default:hover, 
.btn_default:focus {border: 2px solid #ed1c24;}
.btn_default:hover .text, 
.btn_default:focus .text {color: #ffffff;}

.btn_default.green {background-color:#228020;border-color:#228020}
.btn_default.red {background-color:#ed1c24;border-color:#ed1c24}
.btn_default.blue {background-color:#316ee7;border-color:#316ee7}
.btn_default.yellow {background-color:#edbf1c;border-color:#edbf1c}
.btn_default.gray {background-color:#333;border-color:#333}
.btn_default.gray2 {background-color:#848690;border-color:#848690}
.btn_default.black {background-color:#000;border-color:#000}

.btn_default.green:hover, 
.btn_default.green:focus {border-color:#196217;background-color:#196217}
.btn_default.red:hover, 
.btn_default.red:focus {border-color:#b1060c;background-color:#b1060c}
.btn_default.blue:hover, 
.btn_default.blue:focus {border-color:#2054bb;background-color:#2054bb}
.btn_default.yellow:hover, 
.btn_default.yellow:focus {border-color:#eda61c;background-color:#eda61c}
.btn_default.gray:hover, 
.btn_default.gray:focus {border-color:#555;background-color:#555}
.btn_default.gray2:hover, 
.btn_default.gray2:focus {border-color:#77787e;background-color:#77787e}
.btn_default.black:hover, 
.btn_default.black:focus {border-color:#212121;background-color:#212121}


/* + (더보기) 버튼 */
.btn_more {display:inline-block;width:48px;height:48px;font-size:0;line-height:0;background-color:#ed1c24;border-radius:4px;position:relative;transition:0.3s}
.btn_more::before, .btn_more::after {display:block;content:"";background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.btn_more::before {width:16px;height:2px}
.btn_more::after {width:2px;height:16px}
.btn_more:hover, 
.btn_more:focus {background-color:#b1060c}
.btn_more:hover::before, 
.btn_more:focus::before {animation:btn_more 0.3s 1 forwards ease-in-out}
.btn_more:hover::after, 
.btn_more:focus::after {animation:btn_more2 0.3s 1 forwards ease-in-out}

.btn_more.green {background-color:#196217;border-color:#228020}
.btn_more.blue {background-color:#2054bb;border-color:#316ee7}
.btn_more.yellow {background-color:#edbf1c;border-color:#edbf1c}
.btn_more.gray {background-color:#555;border-color:#777}
.btn_more.gray2 {background-color:#77787e;border-color:#848690}
.btn_more.black {background-color:#000;border-color:#191919}

.btn_more.green:hover, 
.btn_more.green:focus {background-color:#196217}
.btn_more.blue:hover, 
.btn_more.blue:focus {background-color:#2054bb}
.btn_more.yellow:hover, 
.btn_more.yellow:focus {background-color:#eda61c}
.btn_more.gray:hover, 
.btn_more.gray:focus {background-color:#555}
.btn_more.gray2:hover, 
.btn_more.gray2:focus {background-color:#77787e}
.btn_more.black:hover, 
.btn_more.black:focus {background-color:#000}

@keyframes btn_more{
	100% {width:auto;height:auto;background-color:transparent;border:5px solid transparent;border-left:6px solid #fff;left:auto;right:1px}
}
@keyframes btn_more2{
	100% {transform:translate(-50%, -50%) rotate(90deg)}
}


.board_list_more {margin-top:20px;text-align:center;font-size:0}
.board_list_more .btn_default {min-width:200px}
.board_list_more .btn_default .text {line-height:50px}

.btn_bookmark {width:45px;height:45px;font-size:0;line-height:0;background-color:#fff;background-image:url(/images/home/kor/user/sub/icon_bookmark.png);background-position:center;background-repeat:no-repeat;border:1px solid #e1e1e1;border-radius:100%;position:absolute;top:15px;right:15px;z-index:10;transition:0.2s}
.btn_bookmark:not(.current):hover,
.btn_bookmark:not(.current):focus {background-image:url(/images/home/kor/user/sub/icon_bookmark2.png)}
.btn_bookmark.current {background-image:url(/images/home/kor/user/sub/icon_bookmark_on.png)}

.btn_add, 
.btn_remove {width:69px;color:#ed1c24;line-height:28px;font-size:0.875rem;font-weight:600;border:1px solid #ed1c24;border-radius:4px;transition:0.3s}
.btn_add:hover, .btn_remove:hover, 
.btn_add:focus, .btn_remove:focus {color:#212121;border-color:#212121}
.btn_add::before,  
.btn_remove::before {display:inline-block;margin:-5px 6px 0 0;vertical-align:middle}
.btn_add::before {content:"+"}
.btn_remove::before {content:"-"}