@charset "UTF-8";

@media screen and (max-width: 1400px){
	.header .header_inner .header_top_cont .container .head_sch_cont_area .head_inp::placeholder { font-size: 16px;}
	.header .header_inner .gnb_cont_area .container .head_btn_area { width: 25px;}
	.header .header_inner .gnb_cont_area .container .gnb_area {width: calc(100% - 25px);}
	.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sitemap_tit .text { font-size: 18px; line-height: 65px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container { padding: 0 0 0 300px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .title_area { right: calc(100% - 300px); padding: 35px 0 0 10px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .title_area .title_cont { width: 300px; padding: 0 0 0 5px; background-position: bottom -20px left 5px; background-size: 150px auto;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .title_area .title_cont .title { font-size: 30px; line-height: 45px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb { min-height: 200px; padding: 35px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li { width: calc(33.333% - 20px); margin: 30px 30px 0 0;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li:nth-child(-n+3) { margin: 0 30px 0 0;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li:nth-child(3n) { margin: 0;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li:nth-child(6) { margin: 30px 0 0 0;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li > a { font-size: 18px; line-height: 50px;}
	/* sitemap */
	.sitemap_wrap { padding: 0 0 0 400px;}
	.sitemap_wrap:before {max-width: 400px; background-size: 360px auto;}
	.sitemap_wrap .logo_area { max-width: 400px; }
	.sitemap_wrap .logo_area .logo_cont { max-width: 300px; padding: 100px 0 0;}
	.sitemap_wrap .container .sitemap { padding: 100px 10px 0 40px;}
	.sitemap_wrap .container .sitemap > li { padding: 35px 0;}
	.sitemap_wrap .container .sitemap > li:first-child {padding: 0 0 35px;}
	.sitemap_wrap .container .sitemap > li > a { display: block; padding: 0;}
	.sitemap_wrap .container .sitemap > li > a .text { font-size: 32px; line-height: 48px;}
	.sitemap_wrap .sitemap_close { top: 60px; right: 10px;}
}

@media screen and (max-width: 1280px){
	.header .header_inner .header_top_cont .container { padding: 15px 0;}
	.header .header_inner .header_top_cont .container .logo_area { width: 126px;}
	.header .header_inner .header_top_cont .container .head_sch_cont_area .head_inp { height: 40px;}
	.header .header_inner .header_top_cont .container .head_sch_cont_area .head_inp::placeholder { font-size: 14px;}
	.header .header_inner .header_top_cont .container .head_sch_cont_area .sch_btn { width: 20px;}
	.header .header_inner .header_top_cont .container .member_list_area .list li .btn .text { padding: 23px 0 0 0; font-size: 12px; line-height: 21px;}
	.header .header_inner .header_top_cont .container .member_list_area .list li.icon01 .btn .text { background-size: 20px auto;}
	.header .header_inner .header_top_cont .container .member_list_area .list li.icon02 .btn .text { background-size: 16px auto;}
	.header .header_inner .header_top_cont .container .member_list_area .list li.icon03 .btn .text { background-size: 20px auto;}
	.header .header_inner .gnb_cont_area .container .head_btn_area { width: 20px;}
	.header .header_inner .gnb_cont_area .container .gnb_area { width: calc(100% - 20px);}
	.header .header_inner .gnb_cont_area .container .gnb_area #gnb > li .sitemap_tit .text { font-size: 16px; line-height: 60px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container { padding: 0 0 0 260px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .title_area { right: calc(100% - 260px); padding: 30px 0 0 10px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .title_area .title_cont { width: 260px; background-size: 130px auto;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .title_area .title_cont .title { font-size: 28px; line-height: 42px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb { min-height: 170px; padding: 30px;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li { width: calc(33.333% - 13.333px); margin: 20px 20px 0 0;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li:nth-child(-n+3) { margin: 0 20px 0 0;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li:nth-child(3n) { margin: 0;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li:nth-child(6) { margin: 20px 0 0 0;}
	.header .header_inner .com_head_gnb .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li > a { font-size: 16px; line-height: 45px;}
	/* sitemap */
	.sitemap_wrap { padding: 0 0 0 380px;}
	.sitemap_wrap:before {max-width: 380px; background-size: 340px auto;}
	.sitemap_wrap .logo_area { max-width: 380px; }
	.sitemap_wrap .logo_area .logo_cont { max-width: 280px; padding: 80px 0 0;}
	.sitemap_wrap .container .sitemap { padding: 80px 10px 0 20px;}
	.sitemap_wrap .container .sitemap > li > a .text { font-size: 28px; line-height: 42px;}
	.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li { margin: 0 10px 0 0; padding: 0 16px 0 0;}
	.sitemap_wrap .sitemap_close { top: 40px; width: 20px; height: 20px;}
}

@media screen and (max-width: 1080px){
	.header .header_inner .header_top_cont { display: none;}
	.header .header_inner .gnb_cont_area { border-bottom: 1px solid #eeeeee; padding: 20px 0;}
	.header .header_inner .gnb_cont_area .container .logo_area.m { display: block; width: 100px;}
	.header .header_inner .gnb_cont_area .gnb_area {display: none;}
	.header .header_inner .gnb_cont_area .container .head_btn_area.pc { display: none;}
	.header .header_inner .gnb_cont_area .container .head_btn_area.m { display: block;}
	/* ==================== 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){
	/* ==================== 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){
	/* m_gnb */
	.header .header_inner .gnb_cont_area {padding: 10px 5px;}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {width: 20px;}
	.header .m_gnb_wrap .m_gnb_top {padding: 10px;}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {width: 12px; height: 12px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a:after {right: 10px;}
	.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;}
	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 21px; font-size: 14px; line-height: 21px;}
	/* ==================== POPZON ==================== */
}