@charset "UTF-8";

@media screen and (max-width:1400px){
	/* 공통 버튼 */
	.cont_btn_list_area {margin: 35px 0 0;}

	/* 공통 기본 탭 */
	.com_tab_area {margin: 0 0 50px;}
	.com_tab_area .list li:after {height: 16px;}
	.com_tab_area .list li .btn {height: 60px;}
	.com_tab_area .list li .btn .text {font-size: 18px; line-height: 27px;}
}

@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 .cancell_btn { padding: 0 20px;}
	.cont_btn_list_area .list li .btn .text,
	.cont_btn_list_area .list li .cancell_btn .text { line-height: 43px;}

	.cont_btn_list_area .list li .btn.max_w { min-width: 200px;}

	.cont_btn_list_area .list li .btn.small .text,
	.cont_btn_list_area .list li .cancell_btn.small .text {line-height: 35px;}
	.cont_btn_list_area .list li .btn.big .text,
	.cont_btn_list_area .list li .cancell_btn.big .text {font-size: 16px; line-height: 46px;}

	/* 버튼 아이콘 추가 시 */
	.cont_btn_list_area .list li .btn .text.icon {padding: 0 0 0 20px;}
	.cont_btn_list_area .list li .btn .text.icon.ico1 {background-size: 15px auto;}
	.cont_btn_list_area .list li .btn .text.icon.ico2 {padding: 0 0 0 16px; background-size: 11px;}


	.cont_btn_list_area .list li .btn.recommended .text {padding: 0 0 0 20px; background-size: 15px auto;}
	.cont_btn_list_area .list li .cancell_btn.bookmark .text {padding: 0 0 0 14px; background-size: 9px auto;}
	/* 버튼 아이콘 추가 시 */

	/* 공통 기본 탭 */
	.com_tab_area {margin: 0 0 40px;}
	.com_tab_area .list li:after {height: 14px;}
	.com_tab_area .list li .btn {height: 50px;}
	.com_tab_area .list li .btn .text {font-size: 16px; line-height: 24px;}
}

@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 .cancell_btn { padding: 0 15px;}
	.cont_btn_list_area .list li .btn .text,
	.cont_btn_list_area .list li .cancell_btn .text { font-size: 14px; line-height: 38px;}

	.cont_btn_list_area .list li .btn.small .text,
	.cont_btn_list_area .list li .cancell_btn.small .text {line-height: 32px;}
	.cont_btn_list_area .list li .btn.big .text,
	.cont_btn_list_area .list li .cancell_btn.big .text {font-size: 14px; line-height: 40px;}

	.cont_btn_list_area .list li .btn.max_w { min-width: 180px;}

	.cont_btn_list_area .list li .cancell_btn.etc .text { font-size: 13px; line-height: 28px;}

	/* 버튼 아이콘 추가 시 */
	.cont_btn_list_area .list li .btn .text.icon {padding: 0 0 0 18px;}
	.cont_btn_list_area .list li .btn .text.icon.ico1 {background-size: 12.5px auto;}
	.cont_btn_list_area .list li .btn .text.icon.ico2 {padding: 0 0 0 15px; background-size: 10px;}
	.cont_btn_list_area .list li .btn .text.icon.ico3 { background-size: 12px auto;}

	.cont_btn_list_area .list li .btn.recommended .text {padding: 0 0 0 17px; background-size: 12px auto;}
	.cont_btn_list_area .list li .cancell_btn.bookmark .text {padding: 0 0 0 12px; background-size: 7px auto;}

	.cont_btn_list_area .list li .cancell_btn .text.icon2 i { font-size: 13px;}
	/* 버튼 아이콘 추가 시 */

	/* 공통 기본 탭 */
	.com_tab_area {margin: 0 0 30px;}
	/* .com_tab_area .list { display: block; font-size: 0;} */
	/* .com_tab_area .list li { display: inline-block; width: 50%; table-layout: inherit; vertical-align: top;} */
	/* .com_tab_area .list li:nth-child(2n) { border-right: 1px solid #e0e0e0;}
	.com_tab_area .list li:nth-child(2n):after {display: none;} */
	/* .com_tab_area .list li .btn {display: block; height: 45px; border-top: inherit; vertical-align: inherit;} */
	/* .com_tab_area .list li:nth-child(-n+2) .btn { border-top: 1px solid #e0e0e0;}
	.com_tab_area .list li:nth-child(2) .btn { border-top: 1px solid #e0e0e0;} */
	.com_tab_area .list li .btn .text { line-height: 1;}

	/* 공통 기본 탭2 */
	.com_tab_area2 .list li .btn { padding: 8px 5px;}
	.com_tab_area2 .list li .btn .text { font-size: 14px; line-height: 18px;}

	/* 아이콘 버튼 */
	.icon_btn .txt {padding: 0 0 0 17px; background-size: 12.5px; font-size: 12px;}
	.icon_btn.sty2 .txt {padding: 0 0 0 14px;}
	.icon_btn.sty2.add .txt {background-size: 9px;}
	.icon_btn.sty2.del .txt {background-size: 10px;}

	.cont_btn_list_area .list li .btn,
	.cont_btn_list_area .list li .cancell_btn {position: inherit; overflow: inherit; z-index: inherit;}
	.cont_btn_list_area .list li .btn .text,
	.cont_btn_list_area .list li .cancell_btn .text {z-index: inherit;}

	.cont_btn_list_area .list li .btn:before,
	.cont_btn_list_area .list li .cancell_btn:before {display: none;}

	/* 버튼효과 배경색 있을떄 */
	.custom_btn {position: inherit; overflow: inherit; z-index: inherit;}
	.custom_btn .text {z-index: inherit;}
	.custom_btn:before {display: none;}

	/* 버튼효과 배경색 없을떄 */
	.custom_btn2 {position: inherit; overflow: inherit;  z-index: inherit;}
	.custom_btn2 .text {z-index: inherit;}
	.custom_btn2:before {display: none;}

	.icon_btn {position: inherit; overflow: inherit; background-color: #ffffff; z-index: inherit;}
	.icon_btn .text {z-index: inherit;}
	.icon_btn:before {display: none;}
}

@media screen and (max-width:767px){
	/* 공통 버튼 */
	.cont_btn_list_area {margin: 20px 0 0;}
	.cont_btn_list_area .list li {display: block;  width: 100%; margin: 0 0 5px;}
	.cont_btn_list_area .list li:last-child { margin: 0;}
	.cont_btn_list_area .list li .btn .text,
	.cont_btn_list_area .list li .cancell_btn .text {line-height: 33px;}

	.cont_btn_list_area .list li .btn.small .text,
	.cont_btn_list_area .list li .cancell_btn.small .text {line-height: 28px;}
	.cont_btn_list_area .list li .btn.big .text,
	.cont_btn_list_area .list li .cancell_btn.big .text {line-height: 36px;}

	.cont_btn_list_area .list li .btn.max_w { display: inline-block; min-width: inherit; width: auto; padding: 0 25px;}

	.cont_btn_list_area .list.tr { text-align: left;}
	.cont_btn_list_area .list li.tl { float: inherit; width: 100% !important; margin: 0 0 5px 0;}

	/* 공통 기본 탭 */
	.com_tab_area {margin: 0 0 20px;}
	.com_tab_area .list li.on:before { height: 2px;}
	.com_tab_area .list li .btn {height: 40px;}
	.com_tab_area .list li .btn .text { font-size: 14px;}
	/*
	.com_tab_area:not(.sty2) .list li { display: block; width: 100%; border-right: 1px solid #e0e0e0;}
	.com_tab_area:not(.sty2) .list li:after {display: none !important;}
	.com_tab_area:not(.sty2) .list li:nth-child(2) .btn {border-top: inherit;} */

	/* 공통 기본 탭2 */
	.com_tab_area2 .list li { width: 16.666%;}
	.com_tab_area2 .list li:nth-child(8n)::before { display: block;}
	.com_tab_area2 .list li:nth-child(6n)::before { display: none;}
}

@media screen and (max-width:480px){

	/* 공통 기본 탭2 */
	.com_tab_area2 .list li { width: 25%;}
	.com_tab_area2 .list li:nth-child(6n)::before { display: block;}
	.com_tab_area2 .list li:nth-child(4n)::before { display: none;}
}