@charset "UTF-8";

@media screen and (max-width: 1600px){
	/*===================== header =====================*/
	/* sitemap (10/10) */
	.sitemap_wrap { padding: 0 0 0 532px;}
	.sitemap_wrap:before { max-width: 532px;}
	.sitemap_wrap .logo_area { max-width: 532px;}
	.sitemap_wrap .logo_area .logo_cont { max-width: 312px; padding: 170px 0 0;}
	.sitemap_wrap > .container { padding: 185px 50px 50px 50px;}
	.sitemap_wrap > .container .sitemap > li { margin: 0 0 50px 0;}
	.sitemap_wrap > .container .sitemap_close { right: 50px;}
	/*===================== header =====================*/
}

@media screen and (max-width: 1400px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area { padding: 0 15px;}
	.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 { height: 110px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li { margin: 0 0 0 20px;}

	/* 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: 284px; padding: 155px 0 0;}
	.sitemap_wrap > .container { padding: 170px 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;}

	/* ==================== POPZON ==================== */
	.head_popzon { padding: 0 15px;}
	.head_popzon .popzon_box {padding: 0 140px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title { height: 33px; font-size: 22px; line-height: 33px;}
	.head_popzon .popzon_box .head_popzon_close { width: 20px; height: 20px;}
	.head_popzon .popzon_box .chk_each { bottom: 8px;}
	/* ==================== POPZON ==================== */
	/*===================== header =====================*/
}

@media screen and (max-width: 1280px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area .logo_area { width: 185px; padding: 0 0 20px;}
	.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 { height: 95px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li { margin: 0 0 0 15px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn i { font-size: 28px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.sitemap_btn,
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.m_gnb_btn { width: 45px; height: 45px; background-size: 22px auto;}

	/* 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: 260px; padding: 140px 0 0;}
	.sitemap_wrap > .container { padding: 155px 30px 30px 30px;}
	.sitemap_wrap > .container .sitemap > li { margin: 0 0 30px 0;}
	.sitemap_wrap > .container .sitemap > li > a .text { padding: 0 15px 0 0; font-size: 26px; line-height: 39px;}
	.sitemap_wrap > .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li > a { height: 58px; font-size: 17px; line-height: 27px;}
	.sitemap_wrap > .container .sitemap_close { right: 30px;}

	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 0 130px;}
	.head_popzon .popzon_box .nav_box .num { margin: 0 0 0 15px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 30px 0;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title { height: 30px; font-size: 20px; line-height: 30px;}
	/* ==================== POPZON ==================== */
	/*===================== header =====================*/
	
	/* 메인팝업 */
	.header .head_popzon_cont .head_popzon_area {max-width: 575px;}
	.header .head_popzon_cont .head_popzon_area .title_area .title {font-size: 36px; line-height: 54px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide {padding: 0 50px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow {width: 19px; height: 30px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box {max-width: 475px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each {padding: 0 0 0 25px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each .chk_inp {width: 16px; height: 16px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each label .text {font-size: 14px; line-height: 21px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .slide_num {font-size: 16px; line-height: 21px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .btn_area .colse_btn {padding: 0 20px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .btn_area .colse_btn .text {padding: 0 23px 0 0; font-size: 14px; line-height: 36px;}
	/* 메인팝업 */
}

@media screen and (max-width: 1080px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area { height: 75px;}
	.header .header_inner .gnb_cont_area .logo_area { padding: 0;}
	.header .header_inner .gnb_cont_area .gnb_area {display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li { margin: 0;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li:not(:last-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;}

	/* ==================== POPZON ==================== */
	.head_popzon { display: none !important;}
	/* ==================== POPZON ==================== */
	/*===================== header =====================*/
}

@media screen and (max-width: 768px){
	/*===================== header =====================*/
	.header .header_inner .gnb_cont_area { height: 65px;}
	.header .header_inner .gnb_cont_area .logo_area { width: 155px;}
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.sitemap_btn,
	.header .header_inner .gnb_cont_area .head_btn_area > .list > li > .btn.m_gnb_btn { width: 40px; height: 40px; background-size: 20px auto;}

	/* m_gnb */
	.header .m_gnb_wrap .m_gnb_inner .m_gnb_top {height: 65px;}
	.header .m_gnb_wrap .m_gnb_inner .m_gnb_top .container .m_gnb_close { width: 40px; height: 40px; background-size: 20px 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: 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 =====================*/
	
	/* 메인팝업 */
	.header .head_popzon_cont .head_popzon_area {width: 90%; max-width: 500px;}
	.header .head_popzon_cont .head_popzon_area .title_area .title {font-size: 32px; line-height: 48px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box {max-width: 100%;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide {padding: 0;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow.slick-prev { left: 15px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow.slick-next { right: 15px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow {width: 40px; height: 40px; background-color: var(--com-main-color); background-size: 15px auto; background-position: center; border-radius: 8px; z-index: 1;}
	/* 메인팝업 */
}

@media screen and (max-width: 480px){
	/* 메인팝업 */
	.header .head_popzon_cont .head_popzon_area .title_area .title {font-size: 28px; line-height: 42px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow.slick-prev { left: 10px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow.slick-next { right: 10px;}
	/* 메인팝업 */
}