@charset "UTF-8";

@media screen and (max-width:1400px){
	/* 공통 버튼 */
	.cont_btn_list_area {margin: 35px 0 0;}
	.cont_btn_list_area .list li .btn,
	.cont_btn_list_area .list li .cancell_btn { min-width: 155px;}

	/* 공통 기본 탭 */
	.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 { min-width: 140px; 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 .text.icon { line-height: 58px;}
	.cont_btn_list_area .list li .btn .text.icon.arrow::before { width: 14px; height: 12px;}
	.cont_btn_list_area .list li .btn:hover .text.icon,
	.cont_btn_list_area .list li .btn:focus .text.icon { padding: 0 25px 0 0;}
	/* 버튼 아이콘 추가 시 */

	/* 공통 기본 탭 */
	.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 { min-width: 125px; padding: 0 15px; border-radius: 10px;}
	.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.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,
	.cont_btn_list_area .list li .btn:hover .text.icon,
	.cont_btn_list_area .list li .btn:focus .text.icon { padding: 0 25px 0 0; line-height: 53px;}
	.cont_btn_list_area .list li .btn .text.icon::before { display: block; left: inherit; right: 0;}
	/* 버튼 아이콘 추가 시 */

	/* 공통 기본 탭 */
	.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;}

	/* 아이콘 버튼 */
	.icon_btn .txt { font-size: 12px; line-height: 25px;}

	.icon_btn.sty2 .txt { padding: 0 0 0 15px; background-size: 13px auto;}
}

@media screen and (max-width:767px){
	/* 공통 버튼 */
	.cont_btn_list_area {margin: 20px 0 0;}
	.cont_btn_list_area .list li {width: calc(50% - 2.5px); margin: 0 5px 0 0;}
	.cont_btn_list_area .list li:nth-last-child(-n+2) { margin: 0 5px 0 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.max_w { display: inline-block; min-width: inherit; width: auto; padding: 0 25px;}

	/* 버튼 아이콘 추가 시 */
	.cont_btn_list_area .list li .btn .text.icon,
	.cont_btn_list_area .list li .btn:hover .text.icon,
	.cont_btn_list_area .list li .btn:focus .text.icon { padding: 0 20px 0 0; line-height: 43px;}
	.cont_btn_list_area .list li .btn .text.icon.arrow::before { width: 12px; height: 10px;}
	/* 버튼 아이콘 추가 시 */

	.cont_btn_list_area.sty2 .list li { display: block; width: 100%;}
	.cont_btn_list_area .list.tr { text-align: left;}
	.cont_btn_list_area .list li.full { width: 100%;}
	.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: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 .list li .btn {height: 40px;}
	.com_tab_area .list li .btn .text { font-size: 14px;}
	.com_tab_area:not(.sty2) .list li:nth-child(2) .btn {border-top: inherit;}
}

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