@charset "euc-kr";

@media screen and (max-width:1200px){
	 .wrap {width:100%; padding:0 2%; box-sizing:border-box;}
	.top_menu {margin-right:10px;}	
	.serach_list.dubble_s_list { width: 100%; position: relative; }
	.search_map {
		width: 100%;
		height: 500px;
		margin-bottom: 20px;
	}
	#main_banner li {width: 33.3%;height: 318px;background-size:cover;}
	#banner_01,#banner_02 {margin-right: 0;}
	#banner_03 {float: left !important;}
	#banner_04 {margin-right: 0; margin-top: 0;}
	#banner_05 {margin-right: 0;margin-top: 0;}
	#banner_06 {float: left !important;margin-top: 0;}
}


@media (max-width:980px){

	
	

	#header { transform: none; z-index: inherit;height:auto;}
	.header_con {
		position: relative;
		width: 100%;
		height: 70px;   
		z-index: 100;
	}
	.logo {
		top: 20px;
		width: 160px;
		left: 9px;
		z-index: 110;
	}
	.logo a img {display:block;}
    #logo a { margin: 0; position: inherit; top: 0; left: 0; display: inline-block; margin-top: 7px; }
    div#logo { text-align: center; z-index: 0; }
    div#header_inner { width: auto; height: 70px; background: url(../images/mobile/mtop_bg.jpg) -10px 0 no-repeat;}
    .wrap { width:100% }
    #menu_container {display:none;}
	#m_menu-top {
		display: block;
		position: absolute;
		right:10px;
		top: 15px;
		z-index:100;
	}

	#sub_contents h1 { font-size: 23px; line-height: 23px; margin-bottom: 20px; }
	

	   /*main*/
	.m_inner {border:none;}
	.main_part_01 {width:100%;float:left;position:relative;height:auto;top:0;left:0;}
	#main_notice {width:50%;float:left;height:200px;}
	.b_inner {padding:25px;overflow:hidden;}
	.b_inner li span {display:none;}
	.b_inner h2 a {background:none;border-bottom:#dcdcdc 1px solid;padding-bottom:10px;}
	.main_part_02 {display:none;}
	.main_part_03 {display:none;}
	.main_part_04 {display:none;}
	#main_mobile {display:block;width:100%;float:left;clear:both;}
	.mobile_part_01 {width:100%;float:left;clear:both;}
	.mobile_p_01 {
		width: 50%;
		float: left;
		height:239px;
		background: #0d75bf url(../images/mobile/mobile_p_02.jpg) right bottom no-repeat;
	}
	.mobile_p_01 a {display:block;padding:12% 8%;}
	.mobile_p_01 a h2 {font-size:25px;text-align:left;font-weight:600;color:#fff;margin-bottom:15px;line-height:28px;}
	.mobile_p_01 a p {font-size:15px;text-align:left;color:#fff;line-height:23px;}
	.mobile_p_01 a p span {display:block;margin-top:15px;}

	.mobile_p_02 a {display:block;padding:12% 8%;}
	.mobile_p_02 a h2 {font-size:25px;text-align:left;font-weight:600;color:#feb300;margin-bottom:15px;line-height:28px;}
	.mobile_p_02 a p {font-size:15px;text-align:left;color:#fff;line-height:22px;}
	.mobile_p_02 a p span {display:block;margin-top:15px;}
	.mobile_p_02 {
		width: 50%;
		float: left;
		height:239px;
		background: #981414 url(../images/mobile/mobile_p_01.jpg) right bottom no-repeat;
	}
	.mobile_quick {
		clear: both;
		width: 100%;
		float: left;
	}
	.mobile_quick li {width:50%;float:left;}
	.mobile_quick .mquick_01, .mobile_quick .mquick_04 {background:#f3f3f3;}
	.mobile_quick .mquick_02, .mobile_quick .mquick_03 {background:#fff;}
	.mobile_quick li a {
		display: block;
		color: #585858;
		font-size: 23px;
		font-weight: 600;
		font-family: "³ª´®°íµñ", "NanumGothic", Dotum, Aria, Verdana, sans-serif;
		line-height:120px;
		height:120px;
		padding-left:130px;
	}
	.mobile_quick .mquick_01 a {background:url(../images/mobile/quick_01.png) 35px 25px no-repeat;}
	.mobile_quick .mquick_02 a {background:url(../images/mobile/quick_02.png) 40px 30px no-repeat;}
	.mobile_quick .mquick_03 a {background:url(../images/mobile/quick_03.png) 35px 30px no-repeat;}
	.mobile_quick .mquick_04 a {background:url(../images/mobile/quick_04.png) 35px 30px no-repeat;}
	.mobile_part_02 {
		clear: both;
		width: 100%;
		float: left;
	}
	.mobile_part_02 li {width:50%;float:left;}
	
	.mobile_part_02 .mo_order {
		background: #4e69a2;
	}
	.mobile_part_02 .mo_gallery {
		background: #6388d7;
	}
	.mobile_part_02 li a {display:block;padding:12% 8%;text-align:center;}
	.mobile_part_02 li a h2 {font-size:28px;text-align:center;font-weight:600;color:#fff;margin-bottom:20px;line-height:30px;}
	.mobile_part_02 li a p {font-size:15px;text-align:center;color:#fff;line-height:22px;}
	.mobile_part_02 li a p span {display:block;margin-top:15px;text-align:center;}
	 #main_container {clear:both;background:none;padding:0;}
	
	/* FOOTER */
	#footer { padding: 35px 3%; box-sizing: border-box; }
	p.sns {display: inline-block; float: right; }
	#b_menu {display:none;}
	#b_menu02 {display:block;}
	.footer_menu {text-align:center;}
		#b_menu02 a {
		color:#878787;
		display: inline-block;
		margin: 0 15px;
		line-height: 55px;
		font-size:13px;
		font-family: '³ª´®°íµñ', 'NanumGothic', Dotum, Gulim,Arial, Helvetica, dotum, sans-serif;
	}
	#t_menu { width: 80%; }
	#t_menu ul {display:none;}
	div#t_menu p { margin-top: 0; }	
	#copy_in { float: left; text-align:center; }
	#copy_in img { display:block; padding-bottom:15px; margin:0 auto; }

	/* ¸ÞÀι®±¸ */
	#main_slogan h2 { width: 80%; margin: 0 auto; }
	#main_slogan h2 img { width: 50%; }
	#main_slogan p { font-size: 14px; }

	#main_search form input[type="text"] { height: 45px; line-height: 45px; font-size: 13px; }
	#main_search form input[type="button"] { width: 45px; height: 45px; background-size: 22px; }


   

	/*  sub_visual_text */

	#sub_top h2 { padding: 68px 0 5px 0; font-size: 35px; line-height: 35px;  font-weight: 600; }
	#sub_top p { font-size: 14px; padding: 0 3%; }


    /* MAIN PAGE */
    div#main_banner_container img { max-width: 100%; }
    #main_menu_img { text-align: center; padding-top: 10px; }
    div#main_media { clear: both; }
    div#main_media h2 { text-align: center; }
    #main_open h2 span { width: 100%; display: block; margin-left: 0; }
    #main_banner_container #notice li a { color: #F4DDC9; }
	
	/*#main_gallery02 {
		display:none;
	}*/
	
	#slides .slides-pagination {position: absolute;bottom: 15px;z-index: 999;width: 100%;left: 0;text-align: center;}
	#slides div div img {width:100%;height:auto !important;display:block;}
	#slides {width:100%;max-height: 770px !important; z-index: -1;}

	/* SIDEBAR */
	
	#scontents {width:100%;float:left;}
	#sub_top {display: none;}



	#container {
		min-height: 300px;
		margin-top: 0px;
	}
	#board_container {
		width: 95%;
		margin: 0 auto;
	}
	#member_contianer {
		width: 95%;
		margin: 0 auto;
		float:none;
	}
	.data_container {
		width: 95%;
		margin: 0 auto;
		overflow: hidden;
	}
	table.board th:nth-child(1), table.board th:nth-child(2), table.board th:nth-child(4), table.board th:nth-child(6) {display:none;}
	table.board td:nth-child(1), table.board td:nth-child(2), table.board td:nth-child(4), table.board td:nth-child(6) {display:none;}
	table.board_head {display:none;}
	table.board th, table.board td {padding:10px;}
	table.board th.b_date {width:20%;}
	td.btn_board {display:none;}

	table.board_data th:nth-child(1), table.board_data th:nth-child(3), table.board_data th:nth-child(9) {display:none;}
	table.board_data td:nth-child(1), table.board_data td:nth-child(3), table.board_data td:nth-child(9) {display:none;}
	table.data_head {display:none;}
	table.board_data th, table.board_data td {padding:10px;}
	#data_category li {width:25%; float:left;}

	table.board_edu th:nth-child(1) {display:none;}
	table.board_edu td:nth-child(1) {display:none;}
	table.board_edu th, table.board_edu td {padding:10px;}
	.map {
		margin-bottom: 4%;
	}
	.organ {
    margin-bottom: 35px;
	}
	.organ img {
		width: 95%;
	}
	.biz01_box {
    width: 30.8%;
	}
	.mission{margin-bottom:35px;}
	.mission img {
		width: 95%;
	}
	.process {
		margin-bottom: 3%;
	}
	.greetings {
		margin-bottom:5%;
	}
	.mission ul li {
		background: url(../images/sub/ul_bg.png) left 13px no-repeat;
	}
	.organ_bg {
		background: url('../images/sub/organ.png') center center no-repeat;
		width:750px;
		height:700px;
		margin:0 auto;

	}

	 
	/***** home search *****/

	.search_map { width: 100%; height: 500px; margin-bottom: 20px; }
	.list_information h5 { font-size: 18px; }
	.serach_list { position: relative; width: 100%; }
	.list_information { width: 50%; }
	.serach_list ul li > span { margin-right: 15px; }
	.pageing { position: relative; border-bottom: 1px solid #dbdbdb; clear: both;}
	.main_confirm {display:none;}
	#main_customer {width: 46%;float: right;}

}





@media (max-width:950px){	
	.process ul li {
    width: 45%;
	margin-left:1%;
   
}
		
}


@media (max-width:930px){	
	.jido_left {display:none;}
	.jido_list {
    float: left;
    width: 100%;
	}

	

}
@media (max-width:900px){	
	.btn_idpass {
		-webkit-appearance: none;
		border: 0;
		display: block;
		background: #fb8e11;
		position: inherit;
		right: inherit;
		top: inherit;
		font-size: 20px;
		color: #fff;
		padding: 14px 0;
		width: 100%;
	}
	.idpass_wrap li {margin: 15px 0 15px 0;}
}

@media (max-width:890px){	
		.map_txt ul li {
		width: 94%;
	}

	.open_ul li {
    width: 50%;
	float:left
	}
	.open_ul li span {
    width:100%;
}
	.open_ul li span img {
    text-align: center;
	margin: 0 auto;
}
.open_ul li b {
    width: 100%;
    text-align: center;
}
.open_ul li p {
    width: 100%;
    text-align: center;
}
.open_ul li {
    margin-bottom: 5%;
}


}

@media (max-width:800px){	
	.top_text { display: none; }
}

@media (max-width:780px){	
	.movie_dd {display:none;}
	.movie_hit {display:none;}
	.jido_left {display:none;}
	table.regist td .mm_input {width:100%;}
	.login_container {width:80%; padding: 25px 20px;}
	table.board_w td select {width:45%;height:30px;box-sizing:border-box;border:#dcdcdc 1px solid;background:#fff;display:inline-block;}
	.organ_bg {
    background: url('../images/sub/organ_m.png') 0 0 no-repeat;
    background-size: 96%;
    height: 800px;
	text-align:center;
	    width: 350px;
    margin: 0 auto;
}

}

@media (max-width:770px){	
	.biz01_txt span{ font-size:12px; margin-bottom:0; }
	#main_search form input[type="button"] {background-size: 50px;}
}


@media (max-width:720px){	
	.homesearch_list_box2 { width: 100%; }
}


@media (max-width:690px){	



	#main_banner li {width: 50%;height: 260px;}
	#main_banner li a h2 {font-size: 30px;}
	#main_banner li a p {font-size: 16px;}
	#main_search form {width:76%;}
	#main_search {margin-bottom: 46px;}
	#main_notice {width:100%;float:left;height:auto;}
	#main_customer {
		width: 100%;
		float: left;
		box-sizing: border-box;
		border: #dcdcdc 1px solid;
		padding: 20px;
		margin-top: 26px;
		clear:both;
	}
	.idpass_wrap {padding: 50px 44px;}
}


@media (max-width:640px){
	

	#main_banner li a {padding: 40px 0 30px 0;}


	#slides div div img {width:100%;height: auto !important;display:block;}
	#slides {width:100%; z-index: -1;}
	#sub_slide {display:none;}

	table.board_w td input {width:100%;height:30px;box-sizing:border-box;border:#dcdcdc 1px solid;background:#fff;}
	.photo-list li {width:50%;float:left;text-align:center;}
	.photo_head  {display:none;}
	#data_category li {width:33.3%; float:left;}
	.movie_btn {display:none;}
	#photo_category li {
		width:33.3%;
		box-sizing:border-box;
	}
	#photo_category li a{ width:100%;}
	#data_category  {display:none;}
	#data_mcategory  {	display:block;
		width: 100%;
		float: left;
		margin-bottom: 25px;
		text-align:center;
	}
	#data_mcategory select {width:48%;display:inline-block;border:#ccc 1px solid;height:40px;text-indent:5px;font-size:13px;background:#fff;}
	.biz01_box {
    width: 47%;
	float:left;
	}
	.process ul li {
    width: 95%;
	}
	.process_img img{width:100%;}
	.process_txt {
    position: static;
    width: 94%;
    padding: 3%;
	}
	.process02 {
	overflow:hidden;
	}
	.greetings_img {
    width: 100%;
    position: relative;
}
	.greetings_img img {
		display: block;
		width:100%;
	}
	.bg_box{
    bottom: -2%;
    width: 200px;
    padding: 45px 10px;
}
.greetings_txt {
	width:100%;
	margin-top:7%;
}
	.greetings_txt h3{font-size:18px;}




}

@media (max-width:600px){
	
	.login_container{width:100%;}		
}


@media (max-width:570px){
	#sub_top { display: none; }
#sub_contents h1 { margin-top: 20px; }

}

@media (max-width:550px){

	#slides { max-height: 436px !important; }

	.login_mem_con li{margin:10px 0; border-right:0; width:100%; float:none;}
	.login_mem_con li p{padding:0}
	.idpass_container {width: 92%;}
}


@media (max-width:515px){
	.biz01_box {
    width:100%;
}
	.biz01_txt {
		padding: 20px 10px 40px 10px;
	}
}


@media (max-width:500px){

table.rboard_view th { text-align: left !important; clear: both; display: inline-block; width: 100% !important; box-sizing: border-box; }
table.rboard_view td { width: 100%; clear: both; display: block; box-sizing: border-box; }
table.rboard_view td { width: 100%; }
table.rboard_view td.add_td { width: 100%; }

.login_container{padding:0;}
.login_wrap{padding:30px 30px;}
}




@media (max-width:480px){

	#main_banner li {height: 200px;}
	#main_banner li a {padding: 30px 0 30px 0;}
	#main_banner li a h2 {font-size: 24px; margin-bottom: 27px;}
	#main_banner li a p {font-size: 14px; padding: 0 20px;}
	#main_banner li a span {font-size: 14px; }
	.main_slogan p, .main_slogan p span {
    font-size: 13px;
    line-height: 18px;
}
	.photo-list li {width:100%;float:left;text-align:center;}
	#data_category li {width:50%; float:left;}
	#login_info {
    text-align: center;
    margin-bottom: 20px;
    font-family: "NanumGothic", "Malgun Gothic", Arial, Verdana, sans-serif;
    font-size: 12px;
	}
	#login_info span {
		color: #E5003D;
		margin-top: 0;
		font-family: "NanumGothic", "Malgun Gothic", Arial, Verdana, sans-serif;
		font-size: 12px;
		font-weight: 600;
    }
	#photo_category li {
		float: left;
		width:50%;
	}
	#data_mcategory select {width:100%;display:block;}
	.map_txt ul li {
		font-size: 12px !important;
		width: 91.5%;
		padding: 10px;
		 line-height: 34px;
	}
	.process_txt {
    width: 94%;
	}
	.process_txt p {
    width: 100%;
}

}



@media (max-width:460px){

table.for_board th { width: 100%; clear: both; display: block; box-sizing: border-box; text-align: center;  }
table.for_board td { clear: both; width: 100%; float: left; box-sizing: border-box; }
table.board_order .forms, table.board_order select { width: 100%; }
input.uzip_input { width: 42% !important; }
table.board_order input[type="text"] { width: 42%; }
table.board_order .Contact_text { width:100%; }
td.enq_title_input input { width: 100% !important; }
.hund470 input { width: 100% !important;  }

}

@media (max-width:440px){
	.map_txt ul li {
    line-height: 22px;
	}
	.map_txt ul li span{width:100%;display:block;}

}




@media (max-width:410px){	

#t_menu { width: 100%; }
#copy_in {
    width: 134px;
    float: none;
    display: inline-block;
    margin: 30px auto 0;
}
.copyright { text-align: center; }

.f_copyright { margin-top: 20px; }

}




@media (max-width:375px){
		.process ul li {padding:3%;	width:92%;}

}
@media (max-width:360px){
	.main_slogan {width: 70%;}
	.main_slogan h2, .main_slogan h2 span {font-size: 23px;line-height: 29px;margin-bottom:28px;}

}

@media (max-width:330px){
	td.file_qna02 input[type="file"] { width: 87%; }
	#main_notice li a {width: 74%;}
	#main_customer h2 {font-size: 33px;}
	.main_slogan p, .main_slogan p span {font-size: 14px;}

}

@media (max-width:320px){
		.process_txt {
			width: 83%;
		}


}