@charset "UTF-8";


@media screen and (max-width: 1280px){
	/* 헤더 */
	.header .header_inner .header_top_cont .container { padding: 10px 5px;}
	.header .header_inner .header_top_cont .container .logo_area { width: 145px;}
	.header .header_inner .gnb_cont_area .container .gnb_area { width: calc(100% - 71px);}
	.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sitemap_tit .text { font-size: 18px; line-height: 60px;}
	.header .header_inner .gnb_cont_area .container .head_btn_area { width: 71px;}
	.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li { margin: 0 15px 0 0;}

	/* sitemap (10/10) */
	.sitemap_wrap .container .con_top_area { margin: 0 0 60px 0;}
	.sitemap_wrap .container .con_top_area > .inner_box .logo_area { width: 204px; margin: 0 15px 0 0;}
	.sitemap_wrap .container .con_top_area > .inner_box .title { font-size: 46px; line-height:69px;}
	.sitemap_wrap .container .sitemap_close { top: 95px; width: 30px; height: 30px;}
	.sitemap_wrap .container .sitemap > li { width: calc(20% - 16px); margin: 0 20px 0 0;}
	.sitemap_wrap .container .sitemap > li > a { border-radius: 25px;}
	.sitemap_wrap .container .sitemap > li > a .text { font-size: 18px; line-height: 50px;}
	.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb { padding: 0 0 0 30px;}
	/* 헤더 end */
	
	/* 날씨 */
	.weather_area {margin: 0 10px 0 0;}
	.weather_area .box {padding: 0 10px; font-size: 0; border-radius: 16px;}
	.weather_area .box .tit {margin: 0 5px 0 0; padding: 0 7px 0 20px; background-size: 19px; font-size: 14px; line-height: 30px;}
	.weather_area .box .tit::before {height: 10px;}
	.weather_area .box .weather_inner {margin: 0 5px 0 0; font-size: 14px; line-height: 30px;}
	.weather_area .box .info {padding: 0 0 0 13px; background-size: 10px auto; font-size: 14px; line-height: 30px;}

	/* 버튼, 멤버 */
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area { margin: 0 15px 0 0;}
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li { margin: 0 10px 0 0;}
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area { margin: 0 6px 0 0;}
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li { margin: 0 5px 0 0;}
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn {width: 20px; height: 20px;}
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.screen_size_area > .list > li > .btn { background-size: 7px;}
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn .txt {font-size: 14px; line-height: 20px;}
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.high_contrast_area > .list > li > .btn.dark .txt { color: #ffffff;}
	.header .header_inner .header_top_cont .container .nav_list_cont .btn_list_area > .list > li > .inner_box .text {font-size: 14px;}
	
	.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area { margin: 0 15px 0 0;}
	.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li {margin: 0 5px 0 0; padding: 0 5px 0 0;}
	.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li::before {height: 10px;}
	.header .header_inner .header_top_cont .container .nav_list_cont .member_list_area > .list > li .btn .text {font-size: 14px;}
}

@media screen and (max-width: 1080px){
	/* 헤더 */
	.header .header_inner .header_top_cont {display: none;}
	.header .header_inner .gnb_cont_area {height: 70px;}
	.header .header_inner .gnb_cont_area .container .m_cont_area { display: block;}
	.header .header_inner .gnb_cont_area .container .m_cont_area .inner_box { display: flex; justify-content: flex-start; align-items: center;}
	.header .header_inner .gnb_cont_area .container .m_cont_area .inner_box .logo_area { display: block; width: 102px; margin: 0 20px 0 0;}
	.header .header_inner .gnb_cont_area .container .m_cont_area .inner_box .weather_area { display: block; margin: 0;}
	.header .header_inner .gnb_cont_area .container .head_btn_area {display: flex; width: auto; align-items: center;}
	.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li { margin: 0 10px 0 0;}
	.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li.m {display: inline-block;}
	.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .sitemap_btn { display: none;}
	.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .m_gnb_btn { display: block;}
	.header .header_inner .gnb_cont_area .container .gnb_area {display: none;}
	/* 헤더 end */
	.weather_area.mo {display: block; margin: 0 5px 0 0; font-size: 0;}
	.weather_area.mo.w767 {display: none;}
	.weather_area.mo .box {display: inline-block; padding: 0 7px; text-align: center;}

	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 0 150px 0;}
	.head_popzon .popzon_box .nav_box {margin: -13px 0 0;}
	.head_popzon .popzon_box .nav_box .nav {width: 17px; height: 17px;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px; font-size: 14px; line-height: 21px;}
	.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 {top: 5px; width: 12px; height: 12px;}
	.head_popzon .popzon_box .chk_each {bottom: 5px;}
	.head_popzon .popzon_box .chk_each label .text {font-size: 12px;}
	/* ==================== POPZON ==================== */

}

@media screen and (max-width:767px){
	/* 헤더 */
	.header .m_gnb_wrap .member_list_area { margin: 30px 0 0 0;}
	.header .m_gnb_wrap .member_list_area > .list > li { margin: 0 10px 0 0;}
	.header .m_gnb_wrap .member_list_area > .list > li > .btn { min-width: 100px; border-radius: 25px;}
	.header .m_gnb_wrap .member_list_area > .list > li > .btn .text { font-size: 14px; line-height: 45px;}
	/* 헤더 end */
	.header .header_inner .gnb_cont_area .container .head_btn_area {display: block;}
	.header .header_inner .gnb_cont_area {height: inherit; padding: 0 0 5px;}
	.header .header_inner .gnb_cont_area .container {height: 50px;}

	.weather_area.mo {display: none;}
	.weather_area.mo.w767 {display: block; margin: 0 10px 0 0; text-align: right;}

	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 8px 5px;}
	.head_popzon .popzon_box .nav_box {position: inherit; top: inherit; left: inherit; margin: 0;}
	.head_popzon .popzon_box .nav_box.pc {display: none;}
	.head_popzon .popzon_box .nav_box.m {display: inline-block; }
	.head_popzon .popzon_box .nav_box .nav {width: 17px; height: 17px;}
	.head_popzon .popzon_box .nav_box .nav:last-child {margin:	0;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px; font-size: 12px; line-height: 18px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 0 0 8px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 24px; font-size: 16px; line-height: 24px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 18px; font-size: 12px; line-height: 18px;}
	.head_popzon .popzon_box .chk_each {display: inline-block; position: inherit; bottom: inherit; right: inherit; margin: 0 0 0 10px; vertical-align: middle;}
	.head_popzon .popzon_box .chk_each .chk_inp {}
	.head_popzon .popzon_box .chk_each label .text {font-size: 12px;}
	.head_popzon .popzon_box .head_popzon_close {position: inherit; top: inherit; right: inherit; margin: 0 0 0 10px; vertical-align: middle;}
	/* ==================== POPZON ==================== */
}

@media screen and (max-width:480px){
	/* 헤더 */
	.header .header_inner .gnb_cont_area .container .m_cont_area .inner_box .logo_area { margin: 0 10px 0 0;}
	.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li { margin: 0 5px 0 0;}
	.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .search_btn {width: 23px;}
	.header .header_inner .gnb_cont_area .container .head_btn_area > .list > li .m_gnb_btn {width: 25px;}

	.header .m_gnb_wrap .m_gnb_top { height: 50px;}
	.header .m_gnb_wrap .m_gnb_top .logo_area { width: 85px;}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {width: 20px; height: 20px;}
	.header .m_gnb_wrap .m_gnb { padding: 10px 0 0 0;}
	.header .m_gnb_wrap .m_gnb .item_list { padding: 0 10px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a {padding: 0 20px 0 0;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a.no_menu {padding: 0;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a:after {right: 5px; width: 12px; height: 12px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a.no_menu:after {display:none;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a .text {font-size: 16px; line-height: 40px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb {padding: 10px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a {padding: 0 0 0 10px; font-size: 14px; line-height: 24px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a:before {width: 4px; height: 4px;}

	.header .m_gnb_wrap .member_list_area { margin: 20px 0 0 0; padding: 0 10px;}
	.header .m_gnb_wrap .member_list_area > .list { flex-direction: column; align-items: center;}
	.header .m_gnb_wrap .member_list_area > .list > li { width: 100%; margin: 0 0 10px 0;}
	.header .m_gnb_wrap .member_list_area > .list > li > .btn { width: 100%; border-radius: 20px;}
	/* 헤더 end */

	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 21px; font-size: 14px; line-height: 21px;}
	/* ==================== POPZON ==================== */
}

@media screen and (max-width:360px){
	/* 헤더 */
	.header .m_gnb_wrap .member_list_area > .list { align-items: center; flex-direction: column;}
	.header .m_gnb_wrap .member_list_area > .list > li { margin: 0 0 10px 0;}
	/* 헤더 end */
}