@charset "UTF-8";

@media screen and (max-width:1400px){
	/* 공통  버튼 */
	.cont_btn_list_area {margin: 35px 0 0;}
	.cont_btn_list_area .list li {margin: 0 5px 0 0;}
	.cont_btn_list_area .list li .btn, 
	.cont_btn_list_area .list li .btn2 {min-width: 150px;}
	.cont_btn_list_area .list li .btn .text, 
	.cont_btn_list_area .list li .btn2 .text {line-height: 50px;}
	.cont_btn_list_area .list li .btn.icon01, 
	.cont_btn_list_area .list li .btn.icon02, 
	.cont_btn_list_area .list li .btn2.icon01, 
	.cont_btn_list_area .list li .btn2.icon02 {padding:0 23px}
	
	.custom_btn {min-width: 150px; padding: 0 15px;}
	.custom_btn .text {line-height: 50px;}
	.custom_btn2 {min-width: 150px; padding: 0 15px;}
	.custom_btn2 .text {line-height: 50px;}

	.btn_more {width:42px;height:42px}
	.btn_more.big {width:62px;height:62px}
}

@media screen and (max-width:1280px){
	/* 공통  버튼 */
	.cont_btn_list_area {margin: 30px 0 0;}
	.cont_btn_list_area .list li .btn, 
	.cont_btn_list_area .list li .btn2 {min-width: 140px;}
	.cont_btn_list_area .list li .btn .text, 
	.cont_btn_list_area .list li .btn2 .text {line-height: 40px;}
	.cont_btn_list_area .list li .btn.icon01, 
	.cont_btn_list_area .list li .btn.icon02, 
	.cont_btn_list_area .list li .btn2.icon01, 
	.cont_btn_list_area .list li .btn2.icon02 {padding:0 20px}
	.cont_btn_list_area .list li .btn.small, 
	.cont_btn_list_area .list li .btn2.small {min-width:95px;padding:0 22px}
	.cont_btn_list_area .list li .btn.small .text {line-height:34px}
	.cont_btn_list_area .list li .btn2.small .text {line-height:32px}

	.custom_btn {min-width: 140px; padding: 0 10px;}
	.custom_btn .text {line-height: 36px;}
	.custom_btn2 {min-width: 140px; padding: 0 10px;}
	.custom_btn2 .text {line-height: 36px;}

	.btn_default .text {font-size:0.9375rem;line-height: 36px}
	
	.board_list_more .btn_default .text {line-height:43px}
	
	.btn_more.big {width:54px;height:54px}
	.btn_more.big::before {width:20px;height:4px}
	.btn_more.big::after {width:4px;height:20px}
}

@media screen and (max-width:1080px){
	/* 공통  버튼 */
	.cont_btn_list_area {margin: 25px 0 0;}
	.cont_btn_list_area .list li .btn, 
	.cont_btn_list_area .list li .btn2 {min-width: 130px; padding: 0 10px;}
	.cont_btn_list_area .list li .btn.icon01, 
	.cont_btn_list_area .list li .btn.icon02, 
	.cont_btn_list_area .list li .btn2.icon01, 
	.cont_btn_list_area .list li .btn2.icon02 {padding:0 15px}
	.cont_btn_list_area .btn_default {min-width:90px}
	
	.custom_btn {min-width: 130px;}
	.custom_btn2 {min-width: 130px;}

	.btn_default {min-width:50px;padding:0 12px}

	.btn_more {width:40px;height:40px}
	.btn_more.big {width:48px;height:48px}
}

@media screen and (max-width:767px){
	/* 공통  버튼 */
	.cont_btn_list_area {margin: 20px 0 0;}
	.cont_btn_list_area .list li .btn, 
	.cont_btn_list_area .list li .btn2 {min-width: 100%;}
	.cont_btn_list_area .list li .btn .text, 
	.cont_btn_list_area .list li .btn2 .text {line-height: 34px;font-size:0.875rem}
	.cont_btn_list_area .list li .btn.icon01, 
	.cont_btn_list_area .list li .btn.icon02, 
	.cont_btn_list_area .list li .btn2.icon01, 
	.cont_btn_list_area .list li .btn2.icon02 {padding:0 12px}
	.cont_btn_list_area .list li .btn.small, 
	.cont_btn_list_area .list li .btn2.small {min-width:90px;padding:0 18px}
	.cont_btn_list_area .list li .btn.small .text {line-height:32px}
	.cont_btn_list_area .list li .btn2.small .text {line-height:30px}
	.cont_btn_list_area .list li.nth_last {margin-right:0}
	.cont_btn_list_area .list li.nth_last .btn {}
	.cont_btn_list_area .list li.last {display:block;margin-top:5px}
	.cont_btn_list_area .list li.last .btn {}

	.custom_btn {min-width: 130px;}
	.custom_btn .text {line-height: 34px;;font-size:0.875rem}
	.custom_btn2 {min-width: 130px;}
	.custom_btn2 .text {line-height: 32px;;font-size:0.875rem}
	
	.btn_default .text {font-size:0.875rem;line-height: 32px}

	.btn_add, .btn_remove {width:60px;line-height:24px;font-size:0.8125rem}
	.btn_add::before, .btn_remove::before {margin-top:-2px}
	
	.btn_more {border-radius:5px}
	.btn_more.big {width:36px;height:36px}
	.btn_more.big::before {width:18px}
	.btn_more.big::after {height:18px}
}

@media screen and (max-width:540px){
	.btn_more.big {width:30px;height:30px}
	.btn_more.big::before {width:14px}
	.btn_more.big::after {height:14px}
}

@media screen and (max-width:480px){
	.cont_btn_list_area .list {display:flex;justify-content:center}
	
	.cont_btn_list_area .list li .btn, 
	.cont_btn_list_area .list li .btn2,   
	.cont_btn_list_area .list li .btn.small, 
	.cont_btn_list_area .list li .btn2.small, 
	.btn_default, .btn_default.small, 
	.btn_default.sty2, .btn_default.small.sty2 {min-width:60px !important;padding:8px 10px}

	.cont_btn_list_area .list li .btn .text, 
	.cont_btn_list_area .list li .btn2 .text, 
	.cont_btn_list_area .list li .btn.small .text, 
	.cont_btn_list_area .list li .btn2.small .text, 
	.btn_default .text, .btn_default.small .text, 
	.btn_default.sty2 .text, .btn_default.small.sty2 .text {line-height:1.4}
		
	.btn_more {width:30px;height:30px}

	@keyframes btn_more{
		100% {width:auto;height:auto;background-color:transparent;border: 4px solid transparent;border-left: 4px solid #fff;left:auto;right:-1px}
	}
}