@charset "UTF-8";

@media screen and (max-width:1400px){
	.head_logo {left: 15px;}
	.sitemap_btn {right: 15px;}
	.call_btn {right: 60px;}
	.gnb {padding-right: 100px;}
}

@media screen and (max-width:1300px){
	/* footer */
	.footer {padding: 0 50px;}
	.footer .foot_logo {left: 50px;}
	.quick_box {left: auto; right: 20px; margin-left: 0;}
}

@media screen and (max-width:1280px){
	/* common */
	.container {padding:0 5px;}
	.wrapper {background-position: right bottom 335px;}

	/* header */
	.header {position: relative; padding-top: 0; background-color: #fff;}
	.gnb_header .container {height:70px;}
	.gnb_header .clearfix {position: relative;}
	.m_gnb_btn {display:block;}
	.gnb {display: none;}
	.sitemap_btn {display: none;}
	.head_logo {left: 50%; top: 50%;}
	.head_logo a {margin-left: -165px;}
	.head_logo .m_tit {display: block; font-size: 1.4em; font-weight: 700; transform: translate(-50%, -50%);}
	.sitemap_btn {top: 50%;}
	.call_btn {display: none;}
	.quick_menu_box {display: none;}
	.m_lnb_wrap {display: block;}
	.home_btn {display: block;}
	
	/* scrolled */
	.header.scrolled {padding-top: 50px;}
	.header.scrolled .head_logo {display: block;}
	.header.scrolled .call_btn {display: block;}
	.header.scrolled .gnb_header {position: static;}
	.header.scrolled .m_lnb_wrap {position: fixed; top: 0; left: 0; width: 100%;}
	.header.scrolled .m_lnb2 {display: none;}


	/* common */
	.contents {padding-top: 0;}


	.footer .foot_list > li {width: 50%;}
	.footer .foot_list > li:last-child {width: 50%;}
	.footer .foot_list > li .clearfix > div {float: none; width: 100%; margin-right: 0;}
 

	 .content_box .con2 {float: left;width:100%;}

	 .section2 { padding-bottom:30px !important; }

	 .section3{display: none;}

	 .content_box .con1 .popup_nav {display: none;}

	 .content_box .con2 > div a {padding: 15px 5px 0px 5px !important;min-height:168px !important}

	 .content_box .con2 .left img {margin-top: 0px !important;margin-bottom: 15px !important;}
     
	 .content_box .con2 > div .tit {font-size: 0.9em !important;margin-bottom:5px !important}
	 .content_box .con2 > div .txt {font-size:12px !important;}

	 .content_box .con2 > div .more {display:none !important}


	 .section7 .container .notice_box .notice_list > li {width: 48% !important; }
	 .section7 .container .notice_box .notice_list > li:nth-child(2n) {margin-right: 0 !important;}
	 .section7 .container .notice_box .notice_list > li:nth-child(3n) {margin-right: 2% !important;}
	
}

@media screen and (max-width:991px){
	.wrapper {background-position: right bottom 263px;}


	/* footer */
	.footer {padding: 30px 0 0; text-align: center;}
	.footer .foot_logo {position: static; height: 50px;}
	.footer .foot_list {padding-left: 0; text-align: left;}
	.footer .foot_list > li {width: 100%; padding: 0 10px;}
	.footer .foot_list > li:last-child {display: none; width: 100%; height: 300px;}
	.footer .foot_list > li .foot_txt {text-align: center;font-size: 0.7em;}
	.footer .foot_list > li .link {text-align: center;}
	.footer .foot_list > li .clearfix {text-align: center;}
	.footer .foot_list > li .clearfix > div {display: inline-block; width: auto; max-width: 45%; margin-right: 4%; vertical-align: top;}
	
	.quick_box {display: block;} 
	
	
	.table_box_scroll {overflow-y: scroll; margin: 3px 0 0;}
	.table_box_scroll table {width: 991px;}
	.table_box_scroll table thead tr th {padding: 8px 5px; line-height: 21px;}
	.table_box_scroll table tbody tr td {padding: 8px 5px; font-weight: 400; line-height: 21px;}
	
	
		
}

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

	.call_btn {display: none;}


}

@media screen and (max-width:480px){
	.head_logo a {    width: 240px; margin-top: -30px; margin-left: -115px;}
	.call_btn {height: 30px; line-height: 30px; padding: 0 10px; margin-top: -15px; font-family: inherit; font-size: 1em; font-weight: 300;}
	.call_btn img {width: 14px;}
	.m_gnb_btn {margin-top: -14px;}
	.home_btn {margin-top: -14px;}

	/* common */
	body {font-size:14px;}
	.wrapper {background-position: right bottom 265px; background-size: 1400px;}
	.contents {padding-bottom: 316px;}

	.footer .foot_list > li:last-child {height: 220px;}

	.basic_tab1 > li > a {
   
    font-size: 0.86em;
	}


	

 
}

@media screen and (max-width:360px){
	.wrapper {background-position: right bottom 307px;}
}