@charset "UTF-8";

@media screen and (max-width: 1760px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area { padding: 0 0 0 10px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn { width: 85px; height: 85px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { padding: 0 30px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text { line-height: 85px;}
	.header .header_inner .header_top_cont .inner_box { padding: 0 10px;}
	
	.header.scrolled .header_inner .header_top_cont .inner_box .member_list_area > .list > li.mypage_li > .menu_list_cont { left: inherit; transform: inherit; right: 0;}

	/* pc bg */
	.header .gnb_bg { background-position: left bottom, right 170px bottom;}
	/*===================== header =====================*/

	/* ==================== POPZON ==================== */
	.head_popzon {padding: 0 10px;}
	/* ==================== POPZON ==================== */

	/*===================== 관리자 메인 header 스타일 추가 =====================*/
	.header.admin_sty .header_inner .gnb_cont_area { padding-right: 10px;}
	/*===================== 관리자 메인 header 스타일 추가 =====================*/
}

@media screen and (max-width: 1600px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn { width: 80px; height: 80px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { padding: 0 25px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text { line-height: 80px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area {padding: 10px 5px 40px 25px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li { padding: 5px 0;}

	/* sitemap (10/10) */
	.sitemap_wrap { padding: 0 0 0 440px;}
	.sitemap_wrap:before { max-width: 440px;}
	.sitemap_wrap .logo_area { max-width: 440px;}
	.sitemap_wrap .logo_area .logo_cont { max-width: 285px; padding: 150px 0 0;}
	.sitemap_wrap > .container { padding: 150px 50px 50px 50px;}
	.sitemap_wrap > .container .sitemap > li { margin: 0 0 50px 0;}
	.sitemap_wrap > .container .sitemap > li > a { margin: 0 0 15px;}
	.sitemap_wrap > .container .sitemap > li > a .text { padding: 0 15px 0 0; font-size: 28px; line-height: 43px;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li { width: calc(25% - 11.25px); margin: 15px 15px 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(-n+4) { margin: 0 15px 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(4n) { margin: 15px 0 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(4) { margin: 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li > a { font-size: 18px; line-height: 60px;}
	.sitemap_wrap > .container .sitemap_close { right: 50px;}

	/* pc bg */
	.header .gnb_bg { background-position: left bottom, right 160px bottom;}
	/*===================== header =====================*/

	/*===================== 관리자 메인 header 스타일 추가 =====================*/
	.header.admin_sty .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { padding: 0 20px;}
	.header.admin_sty .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li::before { height: 12px;}
	.header.admin_sty .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li > .btn .text { padding: 0 0 0 15px; font-size: 13px;}
	.header.admin_sty .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li > .btn .text.icon01_2 { background-size: 11px auto;}
	.header.admin_sty .header_inner .gnb_cont_area .head_right_area .member_list_area > .list > li > .btn .text.icon04 { background-size: 13px auto;}
	.header.admin_sty .header_inner .gnb_cont_area .head_right_area .link_btn_area .link_btn { padding: 0 15px;}
	.header.admin_sty .header_inner .gnb_cont_area .head_right_area .link_btn_area .link_btn .txt { font-size: 13px; line-height: 37px;}
	/*===================== 관리자 메인 header 스타일 추가 =====================*/
}

@media screen and (max-width: 1400px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area .logo_area { width: 221px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { padding: 0 20px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text { line-height: 75px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area {padding: 10px 5px 30px 20px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn { width: 75px; height: 75px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.sch_btn { background-size: 22px auto;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.sitemap_btn { background-size: 21px auto;}
	.header .header_inner .gnb_cont_area .member_list_area { margin: 0 10px 0 0;}

	/* sitemap (10/10) */
	.sitemap_wrap > .container { padding: 150px 40px 40px 40px;}
	.sitemap_wrap > .container .sitemap > li { margin: 0 0 40px 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li { width: calc(33.333% - 10px);}
	.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: 15px 15px 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(-n+3) { margin: 0 15px 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(3n) { margin: 15px 0 0 0;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li:nth-child(3) { margin: 0;}
	.sitemap_wrap > .container .sitemap_close { right: 40px;}

	/* pc bg */
	.header .gnb_bg { background-position: left bottom, right 150px bottom; background-size: 231px auto, 203px auto;}
	/*===================== header =====================*/

	/*===================== 관리자 메인 header 스타일 추가 =====================*/
	.header.admin_sty .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { padding: 0 15px;}
	.header.admin_sty .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text { font-size: 17px;}
	/*===================== 관리자 메인 header 스타일 추가 =====================*/
}

@media screen and (max-width: 1280px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { padding: 0 15px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area {padding: 10px 5px 20px 15px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text { font-size: 17px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {font-size: 15px;}

	/* sitemap (10/10) */
	.sitemap_wrap { padding: 0 0 0 380px;}
	.sitemap_wrap:before { max-width: 380px;}
	.sitemap_wrap .logo_area { max-width: 380px;}
	.sitemap_wrap .logo_area .logo_cont { max-width: 275px; padding: 130px 0 0;}
	.sitemap_wrap > .container { padding: 130px 30px 30px 30px;}
	.sitemap_wrap > .container .sitemap > li { margin: 0 0 30px 0;}
	.sitemap_wrap > .container .sitemap_close { right: 30px;}
	/*===================== header =====================*/

	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box { padding: 0 125px;}
	.head_popzon .popzon_box .nav_box .num { margin: 0 0 0 15px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a { padding: 15px 0;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title { height: 27px; font-size: 18px; line-height: 27px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text { height: 21px; font-size: 14px; line-height: 21px;}
	.head_popzon .popzon_box .head_popzon_close { width: 20px; height: 20px;}
	.head_popzon .popzon_box .chk_each { bottom: 5px;}
	/* ==================== POPZON ==================== */

	/*===================== 관리자 메인 header 스타일 추가 =====================*/
	.header.admin_sty .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { padding: 0 10px;}
	.header.admin_sty .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text { font-size: 16px;}
	/*===================== 관리자 메인 header 스타일 추가 =====================*/
}

@media screen and (max-width: 1200px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit { padding: 0 7px;}
	/*===================== header =====================*/
	
	/*===================== 관리자 메인 header 스타일 추가 =====================*/
	.header.admin_sty .header_inner .gnb_cont_area .head_right_area .member_list_area { display: none;}
	/*===================== 관리자 메인 header 스타일 추가 =====================*/
}

@media screen and (max-width: 1080px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area { padding: 0 15px; height: 70px;}
	.header .header_inner .gnb_cont_area .logo_area { width: 244px;}
	.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 { background-size: 25px auto;}
	.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; width: 25px; height: 20px; background-color: transparent; background-image: url('/images/home/kor/user/header/sitemap_icon2.png'); background-size: 100%;}
	.header .header_inner .header_top_cont { display: none;}
	.header .header_inner .header_top_cont .inner_box { padding: 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 .member_list_area > .list > li.pop_li { display: none !important;}
	/* 공통 헤더 마이페이지 관련 */
	/*===================== header =====================*/

	/* ==================== POPZON ==================== */
	.head_popzon {padding: 0 15px;}
	.head_popzon .popzon_box {display: none !important; padding: 10px 0;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 15px 0;}
	.head_popzon .popzon_box .nav_box {position: inherit; top: inherit; left: inherit; transform: inherit;}
	.head_popzon .popzon_box .nav_box.pc {display: none;}
	.head_popzon .popzon_box .nav_box.m {display: inline-block; vertical-align: middle;}
	.head_popzon .popzon_box .nav_box .nav {width: 20px; height: 20px; background-size: 10px auto;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {margin: 0 0 10px 0; padding: 0;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 24px; font-size: 16px; line-height: 24px;}
	.head_popzon .popzon_box .head_popzon_close {position: inherit; top: inherit; right: inherit; transform: inherit; width: 14px; height: 14px; margin: 0 0 0 10px; vertical-align: middle;}
	.head_popzon .popzon_box .chk_each { bottom: 10px; padding: 0 0 0 17px;}
	.head_popzon .popzon_box .chk_each .chk_inp { width: 12px; height: 12px; background-size: 8px auto;}
	.head_popzon .popzon_box .chk_each label .text { font-size: 13px; line-height: 24px;}
	/* ==================== POPZON ==================== */

	/*===================== 관리자 메인 header 스타일 추가 =====================*/
	.header.admin_sty .header_inner .gnb_cont_area { justify-content: center; align-items: stretch; flex-direction: column; padding-right: 15px;}
	.header.admin_sty .header_inner .gnb_cont_area .head_right_area { display: none;}
	/*===================== 관리자 메인 header 스타일 추가 =====================*/
}

@media screen and (max-width: 768px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area { height: 60px;}
	.header .header_inner .gnb_cont_area .logo_area { width: 203px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.m_gnb_btn { width: 22px; height: 18px;}

	/* 공통 헤더 마이페이지 관련 */
	header .member_list_area > .list > li.mypage_li > .menu_list_cont { top: 40px;}
	header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_info_area .txt { line-height: 40px;}
	header .member_list_area > .list > li.mypage_li > .menu_list_cont .menu_list_area > .list > li { padding: 5px 10px;}
	/* 공통 헤더 마이페이지 관련 */

	/* m_gnb */
	.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: 22px auto;}
	.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li > a .text {font-size: 18px; line-height: 55px;}
	.header .m_gnb_wrap .m_gnb_inner .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb { padding: 10px 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 =====================*/
}