@charset "UTF-8";

@media screen and (max-width: 1600px){
	/*===================== header =====================*/
	.header .header_inner .header_top_cont .inner_box { padding: 0 15px;}
	.header .header_inner .header_top_cont .inner_box .site_list_area { margin: 0 0 0 -15px;}
	.header .header_inner .header_top_cont .inner_box .member_list_area > .list > li.mypage_li > .menu_list_cont { left: inherit; right: 0; transform: inherit;}
	.header .header_inner .gnb_cont_area { padding: 0 15px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li { margin: 0 0 0 15px;}

	/* sitemap (10/10) */
	.sitemap_wrap { padding: 0 0 0 484px;}
	.sitemap_wrap:before { max-width: 484px;}
	.sitemap_wrap .logo_area { max-width: 484px;}
	.sitemap_wrap .logo_area .logo_cont { max-width: 288px; padding: 180px 0 0;}
	.sitemap_wrap > .container { padding: 180px 50px 50px 50px;}
	.sitemap_wrap > .container .sitemap_close { right: 50px;}
	.sitemap_wrap > .container .sitemap > li { margin: 0 0 50px 0;}
	/*===================== header =====================*/
}

@media screen and (max-width: 1400px){
	/*===================== header =====================*/
	/* sitemap (10/10) */
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li { width: calc(33.333% - 13.333px);}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(-n+4),
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(4n),
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(4) { margin: 20px 20px 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(-n+3) { margin: 0 20px 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(3n) { margin: 20px 0 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(3) { margin: 0;}

	/* pc bg */
	.header .gnb_bg { background-position: left bottom, right 150px bottom; background-size: 231px auto, 203px auto;}
	/*===================== header =====================*/
}

@media screen and (max-width: 1280px){
	/*===================== header =====================*/
	/* sitemap (10/10) */
	.sitemap_wrap { padding: 0 0 0 404px;}
	.sitemap_wrap:before { max-width: 404px;}
	.sitemap_wrap .logo_area { max-width: 404px;}
	.sitemap_wrap .logo_area .logo_cont { max-width: 240px; padding: 160px 0 0;}
	.sitemap_wrap > .container { padding: 160px 40px 40px 40px;}
	.sitemap_wrap > .container .sitemap_close { right: 40px;}
	.sitemap_wrap > .container .sitemap > li { margin: 0 0 40px 0;}
	/*===================== header =====================*/
}

@media screen and (max-width: 1080px){
	/*===================== header =====================*/
	.header .header_inner .header_top_cont .inner_box { justify-content: center; padding: 0;}
	.header .header_inner .header_top_cont .inner_box .member_list_area { display: none;}
	.header .header_inner .header_top_cont .inner_box .site_list_area { width: 100%; margin: 0;}
	.header .header_inner .header_top_cont .inner_box .site_list_area > .list > li { width: 33.333%;}
	.header .header_inner .gnb_cont_area { height: 70px;}
	.header .header_inner .gnb_cont_area .gnb_area {display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li:first-child { display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.sitemap_btn { display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.m_gnb_btn { display: block;}
	/*===================== header =====================*/
}

@media screen and (max-width: 480px){
	/*===================== header =====================*/
	.header .header_inner .header_top_cont .inner_box .site_list_area > .list > li > .box { padding: 0 15px;}
	.header .header_inner .header_top_cont .inner_box .site_list_area > .list > li > .box .txt { font-size: 13px;}

	.header .header_inner .gnb_cont_area { height: 60px;}
	.header .header_inner .gnb_cont_area .logo_area { width: 135px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.m_gnb_btn i { font-size: 28px;}

	.header .m_gnb_wrap .m_gnb_inner .m_gnb_top { height: 60px;}
	.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .m_gnb_close { width: 60px; height: 60px; background-size: 24px auto;}
	.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li > a .text { font-size: 20px; line-height: 55px;}
	.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb { padding: 15px 0;}
	.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a { font-size: 16px; line-height: 35px;}

	/* 공통 헤더 마이페이지 관련 */
	.header .member_list_area > .list > li .btn .txt { font-size: 13px;}
	.header .member_list_area > .list > li .btn .txt i { font-size: 15px;}
	.header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_info_area .txt { font-size: 13px;}
 	.header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list > li .link { font-size: 13px;}
	/* 공통 헤더 마이페이지 관련 */
	/*===================== header =====================*/
}