@charset "UTF-8";

@media screen and (max-width:1300px){
	
}

@media screen and (max-width:1280px){ 
	/* common */
	.container {padding:0 5px;}

    /* header */
    .header .gnb_header .container .gnb > li > a .text {font-size: 18px; line-height:80px;}
    .header .gnb_header > .container .gnb > li > .sub_gnb li a {font-size: 15px; line-height: 26px;}
    /* header */

	/* footer */
	.footer .ft_btm {display: block;}
	.footer .ft_btm .box {display: block;}
	.footer .ft_btm .box:last-child {margin: 10px 0 0; padding: 0;}
	/* footer */

    /* 221006 추가 */
    .gnb_bg {top: 80px; height: 231px;}
    .header .gnb_header > .container .gnb > li > .sub_gnb {top: 80px; height: 231px;}
    /* 221006 추가 */
}

@media screen and (max-width:1200px){
	

	/* head_logo */
	.head_logo {left: 15px;}
}


@media screen and (max-width:1080px){
	/* footer */
	.footer {padding: 0 0 20px; text-align: center;}
	.footer .ft_top .box {padding: 10px 0;}
	.footer .ft_top .box .ft_list > .list > li {margin: 0 0 0 10px; padding: 0 0 0 10px;}
	.footer .ft_top .box .ft_list > .list > li > a {font-size: 14px; line-height: 50px;}


	.footer .ft_top .box .site_box {position: relative; top: auto; right: auto;}
	.footer .ft_top .box .site_box .baro_box .site_btn {height: 40px; border: 1px solid #e8e8e8; font-size: 14px; line-height: 40px; border-radius: 8px;}	
	.footer .ft_top .box .site_box .baro_box .site_link {bottom: 41px;}
	.footer .ft_top .box .site_box .baro_box .site_link > li > a {padding: 8px;}
	
	.footer .ft_btm .box {margin: 0;}
	.footer .ft_btm .container > .box {margin: 15px 0 0;}
	.footer .ft_btm .box .top_area {padding: 0;}
	.footer .ft_btm .box .txt_box {}
	.footer .ft_btm .box .txt_box > .list > li {margin: 3px 0 0;}
	.footer .ft_btm .box .txt_box > .list > li .list_inner li {margin: 0 0 0 8px; padding: 0 0 0 8px;}
	.footer .ft_btm {padding: 5px 0 0; border-top: 0;}
	.footer .ft_btm .box .top_area .site_box {position: inherit; top: inherit; right: inherit; margin: 15px auto 0;}
	.footer .ft_btm .box .txt_box > .list > li {margin: 3px 0 0;}
	.footer .ft_btm .inq_area {position: relative; width: 100%; text-align: center;}
	
	.footer .ft_btm .box .copy_box .text {font-size: 14px; line-height: 28px;}
	.quick_menu_inner {display: none;}
    .footer .ft_top .box .site_box .sns_list {padding: 0; width: 100%; margin: 0 0 15px 0;}
	/* footer */

	/* header */
	.gnb {display: none !important;}
	.gnb_header .container {height:40px;}
	
	.header .header_top_box {display: none;}
	
	.header .gnb_header .header_top_box .inner {overflow: hidden; padding: 8px 0;}

	.header .gnb_header {padding: 10px 0;}
	.header .gnb_header .container .logo {display: block; width: 150px;}
	.header .gnb_header > .container .inner_area {display: none;}
	.header .gnb_header > .container .inner_area.m_cont {display:block;}
	.header .gnb_header > .container .inner_area.m_cont .m_gnb_btn {display: inline-block; vertical-align: middle;}
	.header .gnb_header > .container .inner_area.m_cont .head_btn_com {display: inline-block; vertical-align: middle;}
	.header .gnb_header > .container .inner_area .head_btn_com {display: none;}
    
    .header .gnb_header .header_top_box .inner .inner_list {float: right; position: inherit; top: inherit; right: inherit; margin: 0 5px 0 0;}
	/* scrolled */
	.header.scrolled {padding-top:110px;}


	/* common */
	.contents {padding-bottom: 321px;}
	.quick_box {right: 10px; bottom: 50px;}
	.quick_box .top_btn {width: 43px; height: 43px; background-size: 13px 16px;}


	
	
}

@media screen and (max-width:767px){
	/* footer */
	.footer {padding: 0 0 15px;}
	.footer .ft_top .box {padding: 8px 0;}
	.footer .ft_top .box .site_box .baro_box .site_link > li > a {padding: 5px; font-size: 13px; line-height: 18px;}
	.footer .ft_top .box .ft_list > .list > li {margin: 0 0 0 8px; padding: 0 0 0 8px;}
	.footer .ft_top .box .ft_list > .list > li > a {font-size: 13px; line-height: 40px;}
	.footer .ft_btm {}
	.footer .ft_btm .box .txt_box > .list > li {font-size: 13px; line-height: 20px;}
	.footer .ft_btm .box .txt_box > .list > li > br {display: block;}
	.footer .ft_btm .box .txt_box > .list > li > .dash {display: none;}
	.footer .ft_btm .box .top_area .footer_logo a img {width: 130px;}
	.footer .ft_btm .box .top_area .site_box {margin: 10px 0 0;}
	.footer .ft_btm .box .top_area .site_box .baro_box .site_btn {height: 35px; padding: 0 35px 0 10px; font-size: 14px; line-height: 35px;}
	.footer .ft_btm .box .top_area .site_box .baro_box .site_btn .arr_btn {width: 35px; height: 35px;}
	.footer .ft_btm .box .top_area .site_box .baro_box .site_btn .arr_btn .arr {font-size: 16px;}
	.footer .ft_btm .box .top_area .site_box .baro_box .site_link {bottom: 35px;}
	.footer .ft_btm .box .top_area .site_box .baro_box .site_link > li > a {padding: 5px 5px 5px 10px; text-align: left;}
	.footer .ft_btm .box .txt_box > .list > li .list_inner li {font-size: 13px; line-height: 30px;}
	
	.footer .ft_btm .box .copy_box .text  {font-size: 13px; line-height: 20px;}
	
	/* footer */

	.m_gnb .m_menu_list_area .menu_cont > .list > li a {font-size: 14px; line-height: 21px;}

}

@media screen and (max-width:480px){
	/* common */
	body {font-size:14px;}
	.contents {padding-bottom: 316px;}

	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon {right: 5px; width: 8px; height: 8px; margin: -4px 0 0;}
	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon:before {height: 8px;}
	.m_gnb .m_menu_list_area .menu_cont > .list > li.gnb_04 a .icon:after {width: 8px;}

    .footer .ft_btm .inq_area .box .logo01 {margin: 0 12px 0 0;}
    .footer .ft_btm .inq_area .box .logo01 img {width: 80px;}
    .footer .ft_btm .inq_area .box .logo02 img {width: 150px;}
}