@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

caption, legend, .hide { overflow: hidden; display: block; position: absolute; left: -9999px; top: 0; width: 0; height: 0; font-size: 1px;}
a{text-decoration:none;}

#container .img_silde img.mobile_main{
	display:none;
}

body{
	width:100%;
	height: 100%;
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-size:inherit;
	font-weight:normal;
	max-width: 100vw;
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	
}

html{height:100%;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;}
.cf:after {content: "";display: block;clear: both}

/* 페이징 */
.paging{
	max-width:289px;
	margin:30px auto;
	text-align:center;
}
.paging span{
	display:inline;
}
.paging:after{
	clear:both;
	display:block;
	content:"";
}
.page_num{
	text-align:center;
}
.page_num a{
	display:inline-block;
	height: 39px;
	width:31px;
	line-height:38px;
	font-size:14px;
	border-top:1px solid #eceef2;
	border-bottom:1px solid #eceef2;
	border-right:1px solid #eceef2;
}
.page_num a.on{
	color:#fff;
	background-color:#005b98;
}
.page_num a:focus, .page_num a:hover{
	color:#fff;
	background-color:#005b98;
}
.mt42{
	margin-top:42px;
}
.mr5{
	margin-right:5px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
#wrap #container .content .aside span.re{
	color:#005b98;
	font-weight:bold;
	margin-left:15px;
}
#wrap #container .content .aside span.re_re{
	margin-left:30px;
}
#wrap #container .content .aside .btn_wrap:after{
	display:block;
	content:"";
	clear:both;	
}
#wrap #container .content .aside .btn_wrap a{
	display:block;
	width: 150px;
	text-align: center;
	line-height: 38px;
	background-color: #ffffff;
	color: #004d82;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	float:right;
	margin-top: 30px;
	border:1px solid #004d82;
}
#wrap #container .content .aside .btn_wrap a:focus, 
#wrap #container .content .aside .btn_wrap a:hover{
	background-color:#004d82;
	color:#ffffff;
	border:1px solid #004d82;
}

#wrap #contatner .location{
	width:80%; margin:20px 0 20px;
}



/*sub페이지*/

/*about*/
#wrap #container .content .aside .management_wrap{
	background: url(/homepage/1/images/management_back.jpg) right bottom no-repeat;
}

#wrap #container .content .aside .extinguishing_wrap .left_side:after{
	content:"";clear:both;display:block;
}

#wrap #container .content .aside .resultstatus_wrap{
	width:100%;
}

#wrap #container .content .aside .notice_wrap{
	width:100%;
}

#wrap #container .content .aside .inquiry_wrap{
	width:100%;
}

#wrap #container .content .aside .human_wrap{
	width: 100%;
}


.editor_title{
	border:1px solid #cdcdcd;
	border-bottom:none;
	border-radius:3px 3px 0 0;
	font-size:18px;
}

.editor_title label{
	padding:5px 5px 5px 10px;
	width:95px;
	display:inline-block;
	border-right:1px solid #cdcdcd;
	margin-bottom:0 !important;
}

.editor_title .branch_tit_i{
	width:calc(100% - 130px) !important;
	height:20px !important;
	font-size:16px !important;
	color:#4e4e4e !important;
	border:none;
}

.branch_search_i{
	border:1px solid #cdcdcd;
	border-bottom:none;
	font-size:18px;
	position:relative;
}

.branch_search_i label{
	padding:5px 5px 5px 10px;
	width:95px;
	display:inline-block;
	border-right:1px solid #cdcdcd;
}

.branch_search_i .code_b{
	width:95px;
	padding:10px 5px 7px 5px;
	height:20px;
	font-size:16px;
	color:#4e4e4e;
	border-right:1px solid #cdcdcd;
}

.branch_search_i .b_search_i{
	width:200px;
	padding:10px 5px 7px 5px;
	height:20px;
	font-size:16px;
	color:#4e4e4e;
	border-right:1px solid #cdcdcd;
}

.branch_search_i .branch_s_btn{
	color:#fff;
	display:inline-block;
	position:absolute;
	right:0;
	width:122px;
	text-align:center;
	line-height:37px;
	height:37px;
	background-color:#e54c7d;
}

/* 파일 업로드 내용 */
.care_cont2 .file_up{
	border:1px solid #cdcdcd;
	border-top:none;
	border-radius:0 0 3px 3px;
}

.care_cont2 .file_up label{
	padding:10px 10px 10px 10px;
	width:90px;
	display:inline-block;
	border-right:1px solid #cdcdcd;
}

.care_cont2 .file_up input{
	padding:9px 10px 10px 10px;
	border:none;
	background-color:none;
}

.constructioninview_wrap .view_top:after{
	clear:both;content:"";display:block;
}

.constructioninview_wrap .view_top h4{
	float:left;
	font-size:20px;
	font-weight: bold;
	color: #005b98;
}

.constructioninview_wrap .view_top span{
	color:#4e4e4e;
	font-size:14px;
}

.constructioninview_wrap .view_count{
	color:#4e4e4e !important;
	font-weight:normal !important;
}

.constructioninview_wrap .view_count span{
	color:#4e4e4e !important;
	font-weight:normal !important;
}

.constructioninview_wrap .view_top ul{
	float:right;
}

.constructioninview_wrap .view_top ul li{
	display:inline-block;
	font-size:14px;
	color:#4e4e4e;
}

.constructioninview_wrap .view_top .view_date{
	margin-left:30px;
}

.constructioninview_wrap .view_top{
	border-bottom:1px solid #bbbcc0;
	padding-bottom:6px;
}

.constructioninview_wrap .view_middle{
	font-size:14px;
	color:#4e4e4e;
	min-height:500px;
	padding:20px 0 50px 0;
}

.view_bottom{
	color:#181818;
	border-bottom:1px solid #bbbcc0;
	padding-bottom:6px;
}

.view_bottom p{
	font-size:14px;
}

.view_bottom a{
	font-size:14px;
}

.view_button_wrap{
	margin:35px 0 32px 0;
}

.view_button_wrap:after{
	clear:both;
	display:block;
	content:"";
}

.view_button_wrap .view_left_btn{
	float:left;
}

.view_button_wrap .view_right_btn{
	float:right;
}

.view_button_wrap .view_left_btn a{
	margin-right:11px;
}

.view_button_wrap .view_left_btn a:last-child{
	margin-right:0;
}

.view_button_wrap .view_right_btn a{
	margin-right:11px;
}

.view_button_wrap .view_right_btn a:last-child{
	margin-right:0;
}

.view_button_wrap a{
	display:inline-block;
	width:100px;
	height:38px;
	text-align:center;
	line-height:38px;
	background-color:#929497;
	color:#fff;
	border-radius:3px;
	font-size: 16px;
	font-weight: bold;
}

.view_button_wrap a:focus, .view_button_wrap a:hover{
	background-color:#005b98;
}

.inquiryview_wrap .view_top:after{
	clear:both;content:"";display:block;
}

.inquiryview_wrap .view_top h4{
	float:left;
	font-size:20px;
	font-weight: bold;
	color: #005b98;
}

.inquiryview_wrap .view_top span{
	color:#4e4e4e;
	font-size:14px;
}

.inquiryview_wrap .view_count{
	color:#4e4e4e !important;
	font-weight:normal !important;
}

.inquiryview_wrap .view_count span{
	color:#4e4e4e !important;
	font-weight:normal !important;
}

.inquiryview_wrap .view_top ul{
	float:right;
}

.inquiryview_wrap .view_top ul li{
	display:inline-block;
	font-size:14px;
	color:#4e4e4e;
}

.inquiryview_wrap .view_top .view_date{
	margin-left:30px;
}

.inquiryview_wrap .view_top{
	border-bottom:1px solid #bbbcc0;
	padding-bottom:6px;
}

.inquiryview_wrap .view_middle{
	font-size:14px;
	color:#4e4e4e;
	min-height:500px;
	padding:20px 0 50px 0;
}

.inquiryview_wrap .view_bottom{
	color:#181818;
	border-bottom:1px solid #bbbcc0;
	padding-bottom:6px;
}

.inquiryview_wrap .view_bottom p{
	font-size:14px;
}

.inquiryview_wrap .view_bottom a{
	font-size:14px;
}

.noticeview_wrap .view_top:after{
	clear:both;content:"";display:block;
}

.noticeview_wrap .view_top h4{
	float:left;
	font-size:20px;
	font-weight: bold;
	color: #005b98;
}

.noticeview_wrap .view_top span{
	color:#4e4e4e;
	font-size:14px;
}

.noticeview_wrap .view_count{
	color:#4e4e4e !important;
	font-weight:normal !important;
}

.noticeview_wrap .view_count span{
	color:#4e4e4e !important;
	font-weight:normal !important;
}

.noticeview_wrap .view_top ul{
	float:right;
}

.noticeview_wrap .view_top ul li{
	display:inline-block;
	font-size:14px;
	color:#4e4e4e;
}

.noticeview_wrap .view_top .view_date{
	margin-left:30px;
}

.noticeview_wrap .view_top{
	border-bottom:1px solid #bbbcc0;
	padding-bottom:6px;
}

.noticeview_wrap .view_middle{
	font-size:14px;
	color:#4e4e4e;
	min-height:500px;
	padding:20px 0 50px 0;
}
.noticeview_wrap .view_middle table{
	width:100% !important;
}

.noticeview_wrap .view_bottom{
	color:#181818;
	border-bottom:1px solid #bbbcc0;
	padding-bottom:6px;
}

.noticeview_wrap .view_bottom p{
	font-size:14px;
}

.noticeview_wrap .view_bottom a{
	font-size:14px;
}

.noticeview_wrap .view_button_wrap{
	margin:35px 0 32px 0;
}

.noticeview_wrap .view_button_wrap:after{
	clear:both;
	display:block;
	content:"";
}

.noticeview_wrap .view_button_wrap .view_left_btn{
	float:left;
}

.noticeview_wrap .view_button_wrap .view_right_btn{
	float:right;
}

.noticeview_wrap .view_button_wrap .view_left_btn a{
	margin-right:11px;
}

.noticeview_wrap .view_button_wrap .view_left_btn a:last-child{
	margin-right:0;
}

.noticeview_wrap .view_button_wrap .view_right_btn a{
	margin-right:11px;
}

.noticeview_wrap .view_button_wrap .view_right_btn a:last-child{
	margin-right:0;
}

#wrap #container .content .aside .constructionin_wrap .search_form:after{
	clear:both;content:"";display:block;
}

#wrap #container .content .aside .constructionin_wrap .care_count{
	float:left;
}

#wrap #container .content .aside .constructionin_wrap .customer_out:after{
	display:inline-block;clear:both;content:"";
}

#wrap #container .content .aside .constructionin_wrap .customer_out{
	float:right;
}

#wrap #container .content .aside .constructionin_wrap .customer_out .customer_sel{
	float:left;
}

#wrap #container .content .aside .constructionin_wrap .customer_out .customer_sel select{
	height: 35px;
	border: none;
	width: 80px;
	border-radius: 3px 0 0 3px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #dfdfdf;
}

#wrap #container .content .aside .constructionin_wrap .customer_out input{
	float:left;
	border: 1px solid #dfdfdf;
	border-left: none;
	border-right: none;
	height: 35px;
	padding:0 5px 0 5px;
	font-size:14px;
}

#wrap #container .content .aside .constructionin_wrap .customer_out a{
	float:left;
	display: block;
	height: 35px;
	line-height: 35px;
	background-color: #05a1dc;
	width: 50px;
	text-align: center;
	border-radius: 0 3px 3px 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

#wrap #container .content .aside .constructionin_wrap table{
	width:100%;
	margin-top:10px;
}

#wrap #container .content .aside .constructionin_wrap table thead th{
	background-color:#004d82;
	color:#ffffff;
	padding-left:10px;
	height:40px;
	font-size:16px;
	font-weight:normal;
}
#wrap #container .content .aside .constructionin_wrap table tbody td{
	padding-left:10px;
	height:40px;
	border-bottom:1px solid #dfdfdf;
	font-size:14px;
}

#wrap #container .content .aside .constructionin_wrap table .table01{
	width:7%;
}

#wrap #container .content .aside .constructionin_wrap table .table02{
	width:53%;
}

#wrap #container .content .aside .constructionin_wrap table .table03{
	width:15%;
}

#wrap #container .content .aside .constructionin_wrap table .table04{
	width:15%;
}

#wrap #container .content .aside .constructionin_wrap table .table05{
	width:10%;
}


#wrap #container .content .aside .inquiry_wrap .search_form:after{
	clear:both;content:"";display:block;
}

#wrap #container .content .aside .inquiry_wrap .care_count{
	float:left;
}

#wrap #container .content .aside .inquiry_wrap .customer_out:after{
	display:inline-block;clear:both;content:"";
}

#wrap #container .content .aside .inquiry_wrap .customer_out{
	float:right;
}

#wrap #container .content .aside .inquiry_wrap .customer_out .customer_sel{
	float:left;
}

#wrap #container .content .aside .inquiry_wrap .customer_out .customer_sel select{
	height: 35px;
	border: none;
	width: 80px;
	border-radius: 3px 0 0 3px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #dfdfdf;
}

#wrap #container .content .aside .inquiry_wrap .customer_out input{
	float:left;
	border: 1px solid #dfdfdf;
	border-left: none;
	border-right: none;
	height: 35px;
	padding:0 5px 0 5px;
	font-size:14px;
}

#wrap #container .content .aside .inquiry_wrap .customer_out a{
	float:left;
	display: block;
	height: 35px;
	line-height: 35px;
	background-color: #004d82;
	width: 50px;
	text-align: center;
	border-radius: 0 3px 3px 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

#wrap #container .content .aside .inquiry_wrap table{
	width:100%;
	margin-top:10px;
}

#wrap #container .content .aside .inquiry_wrap table thead th{
	background-color:#004d82;
	color:#fff;
	padding-left:10px;
	height:40px;
	font-size:16px;
	font-weight:normal;
}

#wrap #container .content .aside .inquiry_wrap table tbody td{
	padding-left:10px;
	height:40px;
	border-bottom:1px solid #dfdfdf;
	font-size:14px;
	text-align:center;
}

#wrap #container .content .aside .inquiry_wrap table .table01{
	width:7%;
}

#wrap #container .content .aside .inquiry_wrap table .table02{
	width:53%;
}

#wrap #container .content .aside .inquiry_wrap table .table03{
	width:15%;
}

#wrap #container .content .aside .inquiry_wrap table .table04{
	width:15%;
}

#wrap #container .content .aside .inquiry_wrap table .table05{
	width:10%;
}

#wrap #container .content .aside .notice_wrap .search_form:after{
	clear:both;content:"";display:block;
}

#wrap #container .content .aside .notice_wrap .care_count{
	float:left;
}

#wrap #container .content .aside .notice_wrap .customer_out:after{
	display:inline-block;clear:both;content:"";
}

#wrap #container .content .aside .notice_wrap .customer_out{
	float:right;
}

#wrap #container .content .aside .notice_wrap .customer_out .customer_sel{
	float:left;
}

#wrap #container .content .aside .notice_wrap .customer_out .customer_sel select{
	height: 35px;
	border: none;
	width: 80px;
	border-radius: 3px 0 0 3px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #dfdfdf;
}

#wrap #container .content .aside .notice_wrap .customer_out input{
	float:left;
	border: 1px solid #dfdfdf;
	border-left: none;
	border-right: none;
	height: 35px;
	padding:0 5px 0 5px;
	font-size:14px;
}

#wrap #container .content .aside .notice_wrap .customer_out a{
	float:left;
	display: block;
	height: 35px;
	line-height: 35px;
	background-color: #004d82;
	width: 50px;
	text-align: center;
	border-radius: 0 3px 3px 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

#wrap #container .content .aside .notice_wrap table{
	width:100%;
	margin-top:10px;
}

#wrap #container .content .aside .notice_wrap table thead th{
	background-color:#004d82;
	color:#fff;
	padding-left:10px;
	height:40px;
	font-size:16px;
	font-weight:normal;
}

#wrap #container .content .aside .notice_wrap table tbody td{
	padding-left:10px;
	height:40px;
	border-bottom:1px solid #dfdfdf;
	font-size:14px;
}

#wrap #container .content .aside .notice_wrap table .table01{
	width:15%;
}

#wrap #container .content .aside .notice_wrap table .table02{
	width:50%;
}

#wrap #container .content .aside .notice_wrap table .table03{
	width:20%;
}

#wrap #container .content .aside .notice_wrap table .table04{
	width:15%;
}

#wrap #container .content .aside .resultstatus_wrap .r_tab_menu:after{
	content:"";display:block;clear:both;
}

#wrap #container .content .aside .resultstatus_wrap .r_tab_menu{
	margin-bottom:10px;
}

#wrap #container .content .aside .resultstatus_wrap .r_tab_menu li{
	float:left;
}

#wrap #container .content .aside .resultstatus_wrap .r_tab_menu li a{
	display:inline-block;
	width:60px;
	height:30px;
	color:#fff;
	background-color:#dfdfdf;
	border-radius:3px;
	margin-right:5px;
	line-height:30px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}

#wrap #container .content .aside .resultstatus_wrap .r_tab_menu li a.on{
	background-color:#05a1dc;
}

#wrap #container .content .aside .resultstatus_wrap .r_tab_menu li a:hover, #wrap #container .content .aside .resultstatus_wrap .r_tab_menu li a:focus{
	background-color:#05a1dc;
}

#wrap #container .content .aside .resultstatus_wrap .result_cont table{
	width:100%;
}

#wrap #container .content .aside .resultstatus_wrap .result_cont table thead th{
	background-color:#005b98;
	color:#fff;
	padding-left:10px;
	height:40px;
	font-size:16px;
	font-weight:normal;
}

#wrap #container .content .aside .resultstatus_wrap .result_cont table tbody td{
	padding-left:10px;
	height:40px;
	border-bottom:1px solid #dfdfdf;
	font-size:14px;
}

#wrap #container .content .aside .resultstatus_wrap .result_cont table .table01{
	width:7%;
}

#wrap #container .content .aside .resultstatus_wrap .result_cont table .table02{
	width:15%;
}

#wrap #container .content .aside .resultstatus_wrap .result_cont table .table03{
	width:25%;
}

#wrap #container .content .aside .resultstatus_wrap .result_cont table .table04{
	width:46%;
}

#wrap #container .content .aside .resultstatus_wrap .result_cont table .table05{
	width:7%;
}

#wrap #container .content .aside .resultstatus_wrap .result_tab01{
	display:block;
}

#wrap #container .content .aside .resultstatus_wrap .result_tab02{
	display:none;
}

#wrap #container .content .aside .resultstatus_wrap .result_tab03{
	display:none;
}

#wrap #container .content .aside .resultstatus_wrap .result_tab04{
	display:none;
}

#wrap #container .content .aside .resultstatus_wrap .result_tab05{
	display:none;
}

#wrap #container .content .aside .exampleofcon_wrap .left_side{
	width:calc(50% - 10px);
	float:left;
	margin-right:20px;
}

#wrap #container .content .aside .exampleofcon_wrap .left_side .photo_list{
	width: 100%;
	height: 35px;
	background-color: rgba(0,0,0,0);
	position: relative;
	color: #6a6b6b;
	opacity: 0;
	font-size: 14px;
	filter: alpha(opacity=0);
}

#wrap #container .content .aside .exampleofcon_wrap .left_side .photo_list option{
	background-color:#fff;
}

#wrap #container .content .aside .exampleofcon_wrap .left_side .p_label{
	font-size: 14px;
	display: inline-block;
	width: 100%;
	text-align: center;
	color:#fff;
	line-height:35px;
}

#wrap #container .content .aside .exampleofcon_wrap .left_side .exth_select{
	background: #004d82 url(/homepage/9/images/more_arrow.png) 98% center no-repeat;
	background-size:8px;
	width: 100%;
	height: 35px;
	display: block;
	float: left;
	border-radius: 3px;
	margin-left: -5px;
	position: relative;
}



#wrap #container .content .aside .exampleofcon_wrap .right_side{
	width:calc(50% - 10px);
	float:left;
}

#wrap #container .content .aside .exampleofcon_wrap .right_side table{
	width:100%;
}

#wrap #container .content .aside .exampleofcon_wrap .right_side table th{
	width:30%;
	background-color:#004d82;
	color:#ffffff;
	padding-left:10px;
	height:40px;
	border-bottom:1px solid #dfdfdf;
	font-size: 14px;
}

#wrap #container .content .aside .exampleofcon_wrap .right_side table td{
	width:70%;
	border-bottom:1px solid #dfdfdf;
	height:40px;
	padding-left:10px;
	font-size: 14px;
}

#wrap #container .content .aside .exampleofcon_wrap .right_side .example_first{
	border-top:1px solid #dfdfdf;
}

#wrap #container .content .aside .exampleofcon_wrap .left_side .img_view{
	margin-top:45px;
}

#wrap #container .content .aside .photovideo_wrap .left_side{
	width:calc(50% - 10px);
	float:left;
	margin-right:20px;
}

#wrap #container .content .aside .photovideo_wrap .left_side .photo_list{
	width: 100%;
	height: 35px;
	background-color: rgba(0,0,0,0);
	position: relative;
	color: #6a6b6b;
	opacity: 0;
	font-size: 14px;
	filter: alpha(opacity=0);
}

#wrap #container .content .aside .photovideo_wrap .left_side .photo_list option{
	background-color:#fff;
}

#wrap #container .content .aside .photovideo_wrap .left_side .p_label{
	position: absolute;
	font-size: 14px;
	top: 6px;
	left: 8px;
	display: inline-block;
	width: 100%;
	text-align: center;
	color:#fff;
}

#wrap #container .content .aside .photovideo_wrap .left_side .exth_select{
	background: #fff url(/lodge/images/web/common/more_arrow.png) 62px center no-repeat;
	width: 100%;
	height: 35px;
	display: block;
	float: left;
	background-color:#05a1dc;
	border-radius: 3px;
	margin-left: -5px;
	position: relative;
}

#wrap #container .content .aside .photovideo_wrap .right_side{
	width:calc(50% - 10px);
	float:left;
	margin-top: 45px;
}

#wrap #container .content .aside .photovideo_wrap .left_side .img_view{
	margin-top:45px;
}

/* 이야 솔루션 */
#wrap #container .content .aside .machine_wrap:after{
	clear:both;display:block;content:"";
}
#wrap #container .content .aside .machine_wrap p{
	font-size:16px;
}
#wrap #container .content .aside .machine_wrap .solution_img{
	text-align:right;
	width:100%;
	margin-top:-50px;
}
#wrap #container .content .aside .machine_wrap .m_left_tit{
	float:left;
	width:100%;
}

#wrap #container .content .aside .machine_wrap .m_left{
	float:left;
	width:calc(50% - 30px);
}

#wrap #container .content .aside .machine_wrap dt{
	width: 100%;
	color: #005b98;
	font-size: 18px;
	font-weight: bold;
}

#wrap #container .content .aside .machine_wrap dd{
	font-size: 16px;
	line-height:28px;
}


#wrap #container .content .aside .machine_wrap .m_right{
	float:right;
	width:50%;
	text-align:right;
}

#wrap #container .content .aside .machine_wrap .m_img_wrap:after{
	clear:both;content:"";display:block;
}

#wrap #container .content .aside .machine_wrap .m_img_wrap li{
	float:left;
	width:260px;
}








#wrap #container .content .aside span.br{
	display:block;
}

#wrap #container .content .aside dl:after{
	content:"";display:block;clear:both;
}
#wrap #container .overview_cont .overview_wrap{
	margin:30px 0 70px 0;
}
#wrap #container .content .aside dl.overview dt{
	width:170px;
	float:left;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	margin-top:42px;
}

#wrap #container .content .aside .management_wrap dt{
	width:100%;
	color:#005b98;
	font-size:18px;
	font-weight:bold;
	margin-top:42px;
}

#wrap #container .content .aside .management_wrap dd{
	width:70%;
	font-size:16px;
	margin-top:15px;
}

#wrap #container .content .aside dl.history{
	margin-top:63px;
}

#wrap #container .content .aside dl .history_tit{
	width:80px;
	float:left;
	color:#005b98;
	font-size:22px;
	font-weight:bold;
	margin-top:17px;
}

#wrap #container .content .aside dl.overview dd{
	width:calc(100% - 170px);
	float:right;
	font-size:18px;
	margin-top:42px;
	color:#696969;
}

#wrap #container .content .aside .history_wrap{
	background: url(/homepage/9/images/history_line.gif), url(/homepage/1/images/history_back.jpg);
	background-repeat:repeat-y, no-repeat ;
	background-position: 87px 0, bottom right;
	padding-bottom: 50px;
}

#wrap #container .content .aside dl .history_txt, #wrap #container .content .aside dl .history_txt01{
	width:calc(100% - 80px);
	float:right;
	font-size:18px;
	margin-top:21px;
}

#wrap #container .content .aside dl .history_txt01 span{
	padding-left:45px;
	font-size:18px;
	color:#666666;
	background:url(/homepage/9/images/history_bul02.png) 3px 8px no-repeat;
	display:inline-block;
	margin-right:70px;
}

#wrap #container .content .aside dl .history_txt span{
	padding-left:45px;
	font-size:18px;
	color:#666666;
	background:url(/homepage/9/images/history_bul01.png) 0 5px no-repeat;
	display:inline-block;
	margin-right:70px;
}

#wrap #container .content .aside .organization_wrap{
	position:relative;
	text-align:center;
}
#wrap #container .content .aside .organization_wrap .m_organization{
	display:none;
}
#wrap #container .content .aside .organization_wrap .organi_01{
	border:2px solid #005b98;
	border-radius:100px;
	width:120px;
	height:120px;
	text-align:center;
	position:relative;
	margin-left:325px;
}

#wrap #container .content .aside .organization_wrap .organi_02, #wrap #container .content .aside .organization_wrap .organi_03, #wrap #container .content .aside .organization_wrap .organi_04{
		background-color:#05a1dc;
		border-radius:100px;
		width:120px;
		height:120px;
		text-align:center;
		line-height:120px;
		font-size:20px;
		color:#fff;
		font-weight:bold;
}

#wrap #container .content .aside .organization_wrap .organi_02{
	float:left;
	margin:40px 40px 0px 164px;
}

#wrap #container .content .aside .organization_wrap .organi_03{
	float:left;
	margin:40px 40px 0 0;
}

#wrap #container .content .aside .organization_wrap .organi_04{
	float:left;
	margin-top:40px;
}

#wrap #container .content .aside .organization_wrap .orgain_tit01:after, #wrap #container .content .aside .organization_wrap .orgain_tit02:after{
	clear:both;display:block;content:"";
}

#wrap #container .content .aside .organization_wrap .orgain_tit02{
	margin-top:40px;
}

#wrap #container .content .aside .organization_wrap .organi_05, #wrap #container .content .aside .organization_wrap .organi_06,
#wrap #container .content .aside .organization_wrap .organi_07, #wrap #container .content .aside .organization_wrap .organi_08,
#wrap #container .content .aside .organization_wrap .organi_09, #wrap #container .content .aside .organization_wrap .organi_10{
	float:left;
}

#wrap #container .content .aside .organization_wrap .organi_05 dl, #wrap #container .content .aside .organization_wrap .organi_06 dl,
#wrap #container .content .aside .organization_wrap .organi_07 dl, #wrap #container .content .aside .organization_wrap .organi_08 dl,
#wrap #container .content .aside .organization_wrap .organi_09 dl, #wrap #container .content .aside .organization_wrap .organi_10 dl{
	width:120px;
	border:1px solid #666;
	min-height:200px;
	border-radius:10px;
	margin-right:10px;
}

#wrap #container .content .aside .organization_wrap .organi_05 dt, #wrap #container .content .aside .organization_wrap .organi_06 dt,
#wrap #container .content .aside .organization_wrap .organi_07 dt, #wrap #container .content .aside .organization_wrap .organi_08 dt,
#wrap #container .content .aside .organization_wrap .organi_09 dt, #wrap #container .content .aside .organization_wrap .organi_10 dt{
	height:40px;
	font-weight:bold;
	font-size:16px;
	/* border-bottom:1px solid #666; */
	line-height:38px;
	text-align:center;
}

#wrap #container .content .aside .organization_wrap .organi_05 dd, #wrap #container .content .aside .organization_wrap .organi_06 dd,
#wrap #container .content .aside .organization_wrap .organi_07 dd, #wrap #container .content .aside .organization_wrap .organi_08 dd,
#wrap #container .content .aside .organization_wrap .organi_09 dd, #wrap #container .content .aside .organization_wrap .organi_10 dd{
	font-size:16px;
	margin:10px;
	padding-left:10px;
	background:url(/homepage/9/images/blue_bul.gif) 0 11px no-repeat;
}

#wrap #container .content .aside .organization_wrap .organi_01 span{
	background-color:#005b98;
	color:#fff;
	display:inline-block;
	width:110px;
	height:110px;
	border-radius:100px;
	line-height:110px;
	font-size:20px;
}
/* 상단 간격 조절한거 */
#wrap #container .content .aside .overview .overview_first,
#wrap #container .content .aside .history_wrap .overview_first,
#wrap #container .content .aside .management_wrap dt.overview_first,
#wrap #container .content .aside .directions_wrap .left_side dt.overview_first{
	margin-top:0;
}

#wrap #container .content .aside .about>img{
	width: 90%;
	margin-left: -50px;
	margin-top:20px;
	margin-bottom: 100px
}

/*
#wrap #container .content .aside .history{
	width: 80%;
}
*/

#wrap #container .content .aside .history>img{
	width: 100%;
	margin-left: 85px;
	margin-top:50px;
	margin-bottom: 100px;
}

/* #wrap #container .content .aside .confirm{
	width: 80%;
}

#wrap #container .content .aside .confirm>img{
	margin-left: 150px;
	margin-top:50px;
	margin-bottom: 50px;
} */

.certificate h1{
	font-size: 35px;
    margin-bottom: 40px;
    color: #696969;
    text-align:left;
}
.certificate img{
	border:1px solid #000;
	margin:0 auto;
}
/* #wrap #container .content .aside .organization{} */

#wrap #container .content .aside .organization>img{
	width: 60%;
	margin-left: -150px;
	margin-top:50px;
	margin-bottom: 100px
}

#wrap #container .content .aside .ci{
	width: 80%;
}

#wrap #container .content .aside .ci>img{
	width: 100%;
	margin-left: 50px;
	margin-top:50px;
	margin-bottom: 60px;
}

/* #wrap #container .content .aside .introduction{} */

#wrap #container .content .aside .introduction>img{
	width: 50%;
	margin-top: 150px;
	margin-bottom: 250px;
}



#wrap #container .content .aside .map>table{
	margin-left: 200px;
}

#wrap #container .content .aside .map .map_text{
	margin-left:150px;
	margin-top:25px;
	margin-bottom:50px;
	color:#6f6a6c;
}

/*business*/
#wrap #container .content .aside .business1>img,
#wrap #container .content .aside .business2>img,
#wrap #container .content .aside .business3>img,
#wrap #container .content .aside .business4>img,
#wrap #container .content .aside .business5>img{
	width: 100%;
	margin-left: 20px;
}

#wrap #container .content .aside .business6>img{
	width: 70%;
	margin-top: 150px;
	margin-left: -60px;
}

#wrap #container .content .aside .business1>img{
	margin-bottom: 20px;
}

#wrap #container .content .aside .business2>img{
	margin-bottom: 30px;
}

#wrap #container .content .aside .business3>img{
	margin-bottom: 30px;
}

#wrap #container .content .aside .business4>img{
	margin-bottom: 40px;
}

#wrap #container .content .aside .business5>img{
	margin-bottom: 40px;
}

#wrap #container .content .aside .business6>img{
	margin-bottom: 250px;
}

/*pr*/
.process_cont{
		width:100%;
	}
	.process_cont::after{
		clear:both;
		content:"";
		display:block;
	}
	.process_cont li{
		width:25%;
		float:left;
		text-align:center;
	}
	.process_cont li:last-child{
		margin-right:0;
	}
	.process_cont li a{
		display:block;
		width:100%;
		float:left;
		font-size:16px;
		font-weight:bold;
		color:#004d82;
	}
	.process_cont li a.process_txt{
		margin-top:40px;
	}
/* #wrap #container .content .aside .careers_seek>img{
	width: 85%;
	margin-bottom: 50px;
}

#wrap #container .content .aside .careers_process>img{
	width: 85%;
	margin-bottom: 20px;
} */
#wrap #container .content .aside .careers_text{
	margin-top:80px;
}
#wrap #container .content .aside .careers_text dt,
#wrap #container .content .aside .careers_text dd{
	font-size:16px;
	margin-bottom:10px;
	text-align:left;
}

#wrap #container .content .aside .organization_wrap h4{
	display:none;
}

#wrap #container .content .aside .machine_wrap .m_img_wrap li{
	float:left;
	width:205px;
}

#wrap #container .content .aside .machine_wrap .m_img_wrap li img{
	width:205px;
}

#wrap #container .content .aside .extinguishing_wrap .m_img_wrap li{
	float:left;
	width:205px;
}

#wrap #container .content .aside .extinguishing_wrap .m_img_wrap li img{
	width:205px;
}



#wrap #container .content .aside .resultstatus_wrap .result_cont table.table02{
	display:none;
}

#wrap #container .content .aside .constructionin_wrap table.table02 {
	display:none;
}

#wrap #container .content .aside .inquiry_wrap table.table02 {
	display:none;
}
/* 인재상 */


.mt15{
	margin-top: 5px;
}

.mn{
	margin-right:0 !important;
}
@media screen and (max-width: 1700px){
	.solution_cont .solution_txt2{
		width:100%;
	}
	.solution_cont .solution_txt2 li{
		height:230px
	}	
}
@media screen and (max-width: 1450px){
	.solution_cont .solution_txt2{
		width:100%;
	}
	.solution_cont .solution_txt2 li a.txt_box{
		margin-top:33%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1350px){
	
	#wrap #container .content .aside .machine_wrap .m_left {
	    float: left;
	    width: calc(45% - 30px);
	}	
	
	#wrap #container .content .aside .machine_wrap .m_right {
	    float: right;
	    width: 55%;
	    text-align: right;
	}	

	#wrap #container .content .aside .extinguishing_wrap .m_left {
	    float: left;
	    width: calc(45% - 30px);
	}	
	
	#wrap #container .content .aside .extinguishing_wrap .m_right {
	    float: right;
	    width: 55%;
	    text-align: right;
	}

	#wrap #header .drop_menu1{
		width: 100%;
	}
	#wrap #container .img_silde{
		height:100vh;
	}
/* 	#wrap #footer h1{
		margin-left: 5%;
	} */

	#wrap #footer .company{
		width: 55%;
	}

	#wrap #footer .company .text-left{
		width:80%;
		display:block;
		margin:0 auto;
	}

	#wrap #footer .family_site{
		width:100%;
		margin: 0 auto;
		margin-top: 20px;
	}

	/*sub페이지*/
	#wrap #container{
		width:100%;
	}

	#wrap #container .content{
		width:100%;
	}
	#wrap #container .content .aside .about>img,
	#wrap #container .content .aside .history>img,
	#wrap #container .content .aside .confirm>img,
	#wrap #container .content .aside .organization>img,
	#wrap #container .content .aside .ci>img,
	#wrap #container .content .aside .introduction>img{
		width:100%;
		margin:0 auto;
	}

	#wrap #container .content .aside .map>table{
		margin:0;
	}

	#wrap #container .content .aside .map .map_text{
		margin-top:25px;
		margin-bottom:50px;
		color:#6f6a6c;
	}

	#wrap #container .content .aside .business1>img,
	#wrap #container .content .aside .business2>img,
	#wrap #container .content .aside .business3>img,
	#wrap #container .content .aside .business4>img,
	#wrap #container .content .aside .business5>img,
	#wrap #container .content .aside .business6>img{
		margin-bottom: 40px;
	}

	#wrap #container .content .aside .business6>img{
		margin-top:40px;
	}

	/*pr*/
	#wrap #container .content .aside .careers_text{
		margin-left: 80px;
		margin-bottom: 80px;
	}
	.vision_txt p{
		font-size:16px;
	}
	.vision_img .vision1 li a{
		font-size:25px;
	}
	.solution_cont .solution_txt2 li{
		height:250px;
	}
	.solution_cont .solution_txt2 li a.txt_box{
		margin-top:40%;
		word-break:keep-all;
	}
	
}

@media screen and (min-width: 987px) and (max-width: 992px){
	#wrap #footer .company{
		width:100%;
	}
	
	#wrap #container {
	    margin-top: 0px;
	}
	#wrap #container .content .aside .machine_wrap .m_left {
	    float: left;
	    width: calc(45% - 30px);
	}	
	
	#wrap #container .content .aside .machine_wrap .m_right {
	    float: right;
	    width: 55%;
	    text-align: right;
	}

	#wrap #container .content .aside .extinguishing_wrap .m_left {
	    float: left;
	    width: calc(45% - 30px);
	}	
	
	#wrap #container .content .aside .extinguishing_wrap .m_right {
	    float: right;
	    width: 55%;
	    text-align: right;
	}
	
}
@media screen and (min-width: 987px) and (max-width: 1023px){
	
	#wrap #container .content .aside .machine_wrap .m_left {
	    float: left;
	    width: calc(40% - 30px);
	}	
	
	#wrap #container .content .aside .machine_wrap .m_right {
	    float: right;
	    width: 60%;
	    text-align: right;
	}
	
	#wrap #container .content .aside .extinguishing_wrap .m_left {
	    float: left;
	    width: calc(40% - 30px);
	}	
	
	#wrap #container .content .aside .extinguishing_wrap .m_right {
	    float: right;
	    width: 60%;
	    text-align: right;
	}

	#wrap #container {
	    margin-top: 0px;
	}
	
	#wrap #header{
		width: 100%;
	    background-color: #ffffff;
/* 	    height: 50px; */
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 5;
	}
	#wrap #header .header_in{
		width:100%;
	}
	#wrap #header>h1{
		width: 100%;
		height:90px;
		float: left;
	}
	
	#wrap #header .icon_btn{
		width: 100%;
		height:70px;
	}
	
	#wrap #header .icon_btn img{
		width: 340px;
	}
	
	/* #wrap #header .top_btn{
		display: block;
		position: absolute;
		top:30%;
		right: 2%;
		display: block;
		cursor: pointer;
	} */

	#wrap #header .menu_btn img{
		width: 24px;
		height: 24px;
	}

	#wrap #header .drop_menu1{
		display: none;
	}

	#wrap .drop_menu2{
		display: none;
		z-index: 900;
		position:absolute;
		top:0;
		right:0px;
		width:100%;
		background-color:rgba(0,0,0,0.65);
	}

	#wrap .drop_menu2 .menu_btn_close{
		position:absolute;
		top:2%
	}

	#wrap .drop_menu2 .menu_btn_close{
		position:absolute;
		top:2%
	}

	#wrap .drop_menu2 .menu_area2{
		background-color: #ffffff;
		width:35%;
		margin-left:65%;
		text-align: right;
		box-shadow: -2px 0 15px rgba(0,0,0,.5);
		padding:65px 10px 0 0;
	}
	#wrap .drop_menu2 .menu_area2 ul::after{
		clear:both;
		display:block;
		content:"";
	}
	#wrap .drop_menu2 .menu_area2 ul li{
		width:100%;
		float:left;
	}
	#wrap .drop_menu2 .menu_area2 ul li > a{
		color:#001b36;
		height:35px;
		line-height:35px;
		padding:0 30px 0 20px;
		float:left;
		
	}
	#wrap .drop_menu2 .menu_area2 ul li ul li{
		height:35px;
		line-height:35px;
		border-bottom:1px solid #eeeeee;
	}
	/* #wrap .drop_menu2 .menu_area2 a:hover{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	} */

	#wrap .drop_menu2 .menu_area2 .m1:first-child{
		margin-top: 15px;
	}

/* 	#wrap .drop_menu2 .menu_area2 .m1:last-child{
		margin-bottom: 50px;
	} */

	#wrap .drop_menu2 .menu_area2 .m1 {
		margin-bottom: 12px;
	}

	#wrap .drop_menu2 .menu_area2 .m1>a{
		font-size: 16px;
		font-weight: bold;
		width:100%;
		text-align:left;
		
		
	}

	#wrap .drop_menu2 .menu_area2 .m2{
		line-height: 22px;
	}

	#wrap .drop_menu2 .menu_area2 .m2 a{
		display:block;
		text-align:left;
		font-size: 13px;
		color:#8b9496;
		font-weight: bold;
	}

	#wrap .drop_menu2 .menu_area2 .menu_btn_close{
		position: absolute;
		top: 0;
		right: 0;
		background-color: #001b36;
		width: 35%;
		margin-left:65%;
		padding: 20px 0 20px 20px;
	}
	
	#wrap .drop_menu2 .menu_area2 .menu_btn_close img{
		width: 25px;
		height: 25px;
		margin-right:15px;
	}

	#wrap #footer h1{
		width:100%;
	}

	#wrap #footer h1 img{
		width:180px;
	}

/* 	#wrap #footer .company{
		width: 55%;
	} */

	#wrap #footer .company .text-left{
		width:100%;
		text-align:center;
		display:block;
		margin:0 auto;
	}

	#wrap #footer .family_site{
		width:100%;
	}

	/*sub페이지*/
	#wrap #container .location {
	    position: absolute;
	    text-align: left;
	    width: 100%;
	    background-color: rgba(255,255,255,0.6);
	    top: 50px;
	    z-index: 5;
	}
	#wrap #container .content{
 		width:100%;
	}

	#wrap #container .content .sidebar{
		display: none;
	}

	#wrap #container .content .aside{
		width: 100%;
		border-left:none;
		margin:20px 0;
	}

	#wrap #container .content .aside .about>img,  
	#wrap #container .content .aside .history>img,
	#wrap #container .content .aside .confirm>img,
	#wrap #container .content .aside .organization>img,
	#wrap #container .content .aside .ci>img,
	#wrap #container .content .aside .introduction>img{
		width:100%;
		margin:0;
	}

	#wrap #container .content .aside .map>table{
		margin:0;
	}

	#wrap #container .content .aside .map .map_text{
		margin-top:25px;
		margin-bottom:50px;
		color:#6f6a6c;
	}

	/*business*/
	#wrap #container .content .aside .business1>img,
	#wrap #container .content .aside .business2>img,
	#wrap #container .content .aside .business3>img,
	#wrap #container .content .aside .business4>img,
	#wrap #container .content .aside .business5>img,
	#wrap #container .content .aside .business6>img{
		width: 95%;
		margin:0 auto;
	}

	#wrap #container .content .aside .business1>img,
	#wrap #container .content .aside .business2>img,
	#wrap #container .content .aside .business3>img,
	#wrap #container .content .aside .business4>img,
	#wrap #container .content .aside .business5>img,
	#wrap #container .content .aside .business6>img{
		margin-bottom: 40px;
	}

	#wrap #container .content .aside .business6>img{
		margin-top:40px;
	}

	/*pr*/
	#wrap #container .content .aside .careers_seek>img,
	#wrap #container .content .aside .careers_process>img{
		width: 95%;
		margin:0 auto;
	}
	#wrap #container .content .aside .careers_text{
		margin-left: 10px;
		margin-bottom: 80px;
	}

	#wrap #footer .company, #wrap #footer .family_site {
		margin-top: 0px;
		line-height: 15px;
		width: 100%;
	}
	
	#wrap #container .content .aside .greeting_wrap, 
	#wrap #container .content .aside .overview_wrap, 
	#wrap #container .content .aside .history_wrap,
	#wrap #container .content .aside .management_wrap{
	    padding-bottom:200px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_01 {
	    border:none;
	    border-radius:none;
	    width: 100%;
	    height: 50px;
	    text-align: center;
	    position: relative;
	    margin-left:0;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_01 span {
		width: 100%;
	    background-color: #005b98;
	    color: #fff;
	    display: inline-block;
	    height: 50px;
	    border-radius:none;
	    line-height: 50px;
	    position:relative;
	    font-size: 20px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_02, 
	#wrap #container .content .aside .organization_wrap .organi_03, 
	#wrap #container .content .aside .organization_wrap .organi_04 {
	    float: left;
	    margin: 40px 40px 0px 164px;
	    display:none;
	}	
	
	#wrap #container .content .aside .organization_wrap {
	    background:none;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_05, #wrap #container .content .aside .organization_wrap .organi_06,
	#wrap #container .content .aside .organization_wrap .organi_07, #wrap #container .content .aside .organization_wrap .organi_08,
	#wrap #container .content .aside .organization_wrap .organi_09, #wrap #container .content .aside .organization_wrap .organi_10 {
	    float:none;
	    width: 100%;
	}
	
	#wrap #container .content .aside .organization_wrap h4{
		display:block;
		background-color: #0073cf;
		width: 100%;
		color: #fff;
		display: block;
		height: 40px;
		text-align: center;
		border-radius: none;
		line-height: 40px;
		position: relative;
		font-size: 16px;
		border-radius:50px;
		margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .orgain_tit02 {
		margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_05 dl, #wrap #container .content .aside .organization_wrap .organi_06 dl, #wrap #container .content .aside .organization_wrap .organi_07 dl, #wrap #container .content .aside .organization_wrap .organi_08 dl, #wrap #container .content .aside .organization_wrap .organi_09 dl, #wrap #container .content .aside .organization_wrap .organi_10 dl {
	    width: 100%;
	    border: 1px solid #666;
	    min-height: auto;
	    border-radius: 10px;
	    margin-right: 0px;
	    margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_05 dt, #wrap #container .content .aside .organization_wrap .organi_06 dt, #wrap #container .content .aside .organization_wrap .organi_07 dt, #wrap #container .content .aside .organization_wrap .organi_08 dt, #wrap #container .content .aside .organization_wrap .organi_09 dt, #wrap #container .content .aside .organization_wrap .organi_10 dt {
	    height: 40px;
	    font-weight: bold;
	    font-size: 16px;
	    /* border-bottom: 1px solid #666; */
	    line-height: 38px;
	    text-align: center;
	}

	#wrap #container .content .aside .organization_wrap .organi_05 dd, #wrap #container .content .aside .organization_wrap .organi_06 dd, #wrap #container .content .aside .organization_wrap .organi_07 dd, #wrap #container .content .aside .organization_wrap .organi_08 dd, #wrap #container .content .aside .organization_wrap .organi_09 dd, #wrap #container .content .aside .organization_wrap .organi_10 dd {
	    font-size: 16px;
	    margin: 10px;
	    padding-left: 10px;
	    background:none;
	    text-align: center;
	}
	
	#wrap #container .content .aside .human_word{
		width: 100%;
		height: auto;
		margin-top: 50px;
	}
	#wrap #container .content .aside .directions_wrap .right_side ul.contact_map li{
		width:100%;
		height:350px;
		margin-bottom:10px;
	}
	#wrap #container .greeting_cont{
		background: url(/homepage/9/images/greeting_bak2.jpg) 0 0 no-repeat;
		width: 100%;
	    min-height: 100vh;
	    background-size: cover;
	    margin-top: 50px;
	    z-index: 1;
	}
	#wrap #container .content .aside .about{
		width:100%;
		font-size:23px;
	}
	#wrap #container .vision_cont .vision_txt,
	#wrap #container .vision_cont .vision_img{
		width:100%;
	}
	#wrap #container .vision_cont .vision_img{
		margin:50px 0 80px 0;
	}
	#wrap #container .vision_cont .vision_txt,
	#wrap #container .vision_cont .vision_img{
		width:100%;
	}
	#wrap #container .vision_cont .vision_img{
		margin:50px 0 80px 0;
	}
	.vision_img .vision2{
		height:111px;
	}
	.vision_txt p{
		font-size:16px;
	}
	#wrap #container .solution_cont{
		margin-top:0;
	}
	#wrap #container .iiyya_cont{
		margin-top:0;
	}
	.iiyya_cont ul.iiyya_txt2 li a{
		font-size:17px;
	}
}
@media screen and (max-width: 992px){
	.solution_cont .solution_txt2 li{
		height:210px;
	}
}
@media screen and (max-width: 827px){
	.solution_cont .solution_txt2 li{
		width:calc(25% - 15px);
		height:180px;
		margin-right:20px;
	}
	.solution_cont .solution_txt2 li a{
		font-size:16px;
	}
	.solution_cont .solution_txt2 li a.txt_box{
		margin-top:40%;
	}
}
@media screen and (min-width: 481px) and (max-width: 986px) { 
	#wrap #container .content .aside .human_word li span {
	    height: 70px;
	    line-height: 70px;
	}
	.breadcrumb{
		width:100%;
	}
	#wrap #container .content .aside .human_word{
		width: 100%;
		height: auto;
		margin-top: 50px;
	}

	#wrap #container .content .aside .machine_wrap .m_left {
	    float: left;
	    width: 100%;
	}	
	
	#wrap #container .content .aside .machine_wrap .m_right {
	    float: left;
	    width: 100%;
	    text-align: right;
	}
	
	#wrap #container .content .aside .extinguishing_wrap .m_left {
	    float: left;
	    width: 100%;
	}	
	
	#wrap #container .content .aside .extinguishing_wrap .m_right {
	    float: left;
	    width: 100%;
	    text-align: right;
	}	
	
	#wrap #container .content .aside .machine_wrap .m_img_wrap li{
		float:left;
		width:calc(25% - 5px);
		margin-right: 5px;
		margin-top: 0;
	}

	#wrap #container .content .aside .machine_wrap .m_img_wrap li img{
		width:100%;
	}
	
	#wrap #container .content .aside .extinguishing_wrap .m_img_wrap li{
		float:left;
		width:calc(25% - 5px);
		margin-right: 5px;
		margin-top: 0;
	}

	#wrap #container .content .aside .extinguishing_wrap .m_img_wrap li img{
		width:100%;
	}

	#wrap #container {
	    margin-top: 0px;
	}
	
	body{
		width: 100%;
	}
	/* 헤더 */
	#wrap #header .header_in{
		width:100%;
	}
	
	#wrap #header .drop_menu1{
		display: none;
	}
	#wrap #header>h1{
		width: 100%;
		float: left;
	}
	
	/* 슬라이드 메뉴 */
	#wrap #header .icon_btn{
		width: 100%;
		height:70px;
	}
	#wrap #header .icon_btn img{
		width: 340px;
	}
	#wrap #header .menu_btn img{
		width: 24px;
		height: 24px;
	}
	#wrap .drop_menu2{
		display: none;
		z-index: 900;
		position:absolute;
		top:0;
		right:0px;
		width:100%;
		background-color:rgba(0,0,0,0.65);
	}
	#wrap .drop_menu2 .menu_btn_close{
		position:absolute;
		top:2%
	}
	#wrap .drop_menu2 .menu_btn_close{
		position:absolute;
		top:2%
	}
	#wrap .drop_menu2 .menu_area2{
		background-color: #ffffff;
		width:55%;
		margin-left:45%;
		text-align: right;
		box-shadow: -2px 0 15px rgba(0,0,0,.5);
		padding:65px 10px 0 0;
	}
	#wrap .drop_menu2 .menu_area2 ul li{
		width:100%;
		float:left;
	}
	#wrap .drop_menu2 .menu_area2 ul li > a{
		color:#001b36;
		height:35px;
		line-height:35px;
		padding:0 10px 0 20px;
	}
	#wrap .drop_menu2 .menu_area2 ul li ul li{
		height:35px;
		line-height:35px;
		border-bottom:1px solid #eeeeee;
	}
	/* #wrap .drop_menu2 .menu_area2 a:hover{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	} */

	#wrap .drop_menu2 .menu_area2 .m1:first-child{
		margin-top: 15px;
	}

	#wrap .drop_menu2 .menu_area2 .m1:last-child{
		margin-bottom: 50px;
	}

	#wrap .drop_menu2 .menu_area2 .m1 {
		margin-bottom: 12px;
	}

	#wrap .drop_menu2 .menu_area2 .m1>a{
		font-size: 16px;
		font-weight: bold;
	}

	#wrap .drop_menu2 .menu_area2 .m2{
		line-height: 22px;
	}

	#wrap .drop_menu2 .menu_area2 .m2 a{
		display:block;
		text-align:left;
		font-size: 13px;
		color:#8b9496;
		font-weight: bold;
	}
	#wrap .drop_menu2 .menu_area2 .menu_btn_close{
		position: absolute;
		top: 0;
		right: 0;
		background-color: #004d82;
		width: 55%;
		margin-left:45%;
		padding: 20px 0 20px 20px;
	}
	#wrap .drop_menu2 .menu_area2 .menu_btn_close img{
		width: 25px;
		height: 25px;
		margin-right:15px;
	}
	#wrap #container{
		border-top:1px solid #6f6a6c;
		margin-top:none;
	}
	/* 푸터 */
	#wrap #footer h1 img{
		width:180px;
	}
	#wrap #footer .company, 
	#wrap #footer .family_site {
		margin-top:10px;
		line-height: 15px;
	}
	#wrap #footer .company{
		width:100%;
	}
	#wrap #footer .company .text-left{
		width:100%;
		text-align:center;
		display:block;
		margin:0 auto;
	}
	#wrap #footer .family_site{
		width:100%;
	}
	#wrap #footer .footer_logo{
		width:100%;
		margin-top:20px;
	}
	#wrap #footer .footer_logo img{
		margin-top:0;
	}
	#wrap #footer .copyright{
		margin-bottom:0;
	}

	/*sub페이지*/
	#wrap #container .content .sidebar{
		display: none;
	}
	#wrap #container .content{
		width:100%;
	}
	#wrap #container .content .aside{
		width: 100%;
		border-left:none;
	}
	#wrap #container .extinguishing_wrap{
		margin-top:140px;
	}
	.iiyya_cont ul.iiyya_txt2{
		margin:50px auto 0 auto;
	}
	#wrap #container .content .aside .about>img,  
	#wrap #container .content .aside .history>img,
	#wrap #container .content .aside .confirm>img,
	#wrap #container .content .aside .organization>img,
	#wrap #container .content .aside .ci>img,
	#wrap #container .content .aside .introduction>img{
		width:100%;
		margin-bottom:30px;
		margin-top:30px;
	}
	#wrap #container .content .aside .organization_wrap img{
		width:90%;
	}
	#wrap #container .content .aside .map>table{
		margin:0;
	}
	#wrap #container .content .aside .map .map_text{
		margin-top:25px;
		margin-bottom:50px;
		color:#6f6a6c;
	}
	#wrap #container .content .aside .human_word li{
		width:50%;
	}
	#wrap #container .content .aside .human_word li:nth-child(1),
	#wrap #container .content .aside .human_word li:nth-child(2){
		border-bottom:none;
	}
	#wrap #container .content .aside .human_word li:nth-child(2){
		border-right:1px solid #eeeeee;
	}
	
	/*business*/
	#wrap #container .content .aside .business1>img,
	#wrap #container .content .aside .business2>img,
	#wrap #container .content .aside .business3>img,
	#wrap #container .content .aside .business4>img,
	#wrap #container .content .aside .business5>img,
	#wrap #container .content .aside .business6>img{
		width: 95%;
		margin:0 auto;
	}
	#wrap #container .content .aside .business1>img,
	#wrap #container .content .aside .business2>img,
	#wrap #container .content .aside .business3>img,
	#wrap #container .content .aside .business4>img,
	#wrap #container .content .aside .business5>img,
	#wrap #container .content .aside .business6>img{margin-bottom: 40px;}
	#wrap #container .content .aside .business6>img{margin-top:40px;}
	
	/*pr*/
	#wrap #container .content .aside .careers_seek>img,
	#wrap #container .content .aside .careers_process>img{
		width: 95%;
		margin:0 auto;
	}
	#wrap #container .content .aside .careers_text{
		margin-left: 0px;
		margin-bottom: 80px;
		padding:0 20px;
	}
	
	/* 축소 시 간격 증가 */
	#wrap #container .content .aside .greeting_wrap, 
	#wrap #container .content .aside .overview_wrap, 
	#wrap #container .content .aside .history_wrap,
	#wrap #container .content .aside .management_wrap{
	    padding-bottom:200px;
	}
	/* #wrap #container .content .aside span.br{
		display:inline-block;
	} */
	#wrap #container .content .aside dl.overview dt {
	    font-size: 14px;
	}
	#wrap #container .content .aside dl.overview dd {
	    font-size: 14px;
	}
	#wrap #container .content .aside .organization_wrap .organi_01 {
	    border:none;
	    border-radius:none;
	    width: 100%;
	    height: 50px;
	    text-align: center;
	    position: relative;
	    margin-left:0;
	}
	#wrap #container .content .aside .organization_wrap .organi_01 span {
		width: 100%;
	    background-color: #005b98;
	    color: #fff;
	    display: inline-block;
	    height: 50px;
	    border-radius:none;
	    line-height: 50px;
	    position:relative;
	    font-size: 20px;
	}
	#wrap #container .content .aside .organization_wrap .organi_02, 
	#wrap #container .content .aside .organization_wrap .organi_03, 
	#wrap #container .content .aside .organization_wrap .organi_04 {
	    float: left;
	    margin: 40px 40px 0px 164px;
	    display:none;
	}	
	#wrap #container .content .aside .organization_wrap {
	    background:none;
	}
	#wrap #container .content .aside .organization_wrap .organi_05, 
	#wrap #container .content .aside .organization_wrap .organi_06,
	#wrap #container .content .aside .organization_wrap .organi_07, 
	#wrap #container .content .aside .organization_wrap .organi_08,
	#wrap #container .content .aside .organization_wrap .organi_09, 
	#wrap #container .content .aside .organization_wrap .organi_10 {
	    float:none;
	    width: 100%;
	}
	
	#wrap #container .content .aside .organization_wrap h4{
		display:block;
		background-color: #0073cf;
		width: 100%;
		color: #fff;
		display: block;
		height: 40px;
		text-align: center;
		border-radius: none;
		line-height: 40px;
		position: relative;
		font-size: 16px;
		border-radius:50px;
		margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .orgain_tit02 {
		margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_05 dl, 
	#wrap #container .content .aside .organization_wrap .organi_06 dl, 
	#wrap #container .content .aside .organization_wrap .organi_07 dl, 
	#wrap #container .content .aside .organization_wrap .organi_08 dl, 
	#wrap #container .content .aside .organization_wrap .organi_09 dl, 
	#wrap #container .content .aside .organization_wrap .organi_10 dl {
	    width: 100%;
	    border: 1px solid #666;
	    min-height: auto;
	    border-radius: 10px;
	    margin-right: 0px;
	    margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_05 dt, 
	#wrap #container .content .aside .organization_wrap .organi_06 dt, 
	#wrap #container .content .aside .organization_wrap .organi_07 dt, 
	#wrap #container .content .aside .organization_wrap .organi_08 dt, 
	#wrap #container .content .aside .organization_wrap .organi_09 dt, 
	#wrap #container .content .aside .organization_wrap .organi_10 dt {
	    height: 40px;
	    font-weight: bold;
	    font-size: 16px;
	    border-bottom: 1px solid #666;
	    line-height: 38px;
	    text-align: center;
	}

	#wrap #container .content .aside .organization_wrap .organi_05 dd, 
	#wrap #container .content .aside .organization_wrap .organi_06 dd, 
	#wrap #container .content .aside .organization_wrap .organi_07 dd, 
	#wrap #container .content .aside .organization_wrap .organi_08 dd, 
	#wrap #container .content .aside .organization_wrap .organi_09 dd, 
	#wrap #container .content .aside .organization_wrap .organi_10 dd {
	    font-size: 16px;
	    margin: 10px;
	    padding-left: 10px;
	    background:none;
	    text-align: center;
	}
	
	#wrap #container .content .aside .resultstatus_wrap .r_tab_menu li a {
	    font-size: 14px;
	}
	
	#wrap #container .content .aside .resultstatus_wrap .result_cont table thead th {
	    padding-left: 10px;
	    height: 35px;
	    font-size: 12px;
	    font-weight: normal;
	}

	#wrap #container .content .aside .resultstatus_wrap .result_cont table tbody td {
	    height: 35px;
	    border-bottom: 1px solid #dfdfdf;
	    font-size: 12px;
	}
		
	#wrap #container .content .aside .resultstatus_wrap .result_cont table .table01 {
	    width: 10%;
	}
	
	#wrap #container .content .aside .resultstatus_wrap .result_cont table .table02 {
	    width: 14%;
	}
	
	#wrap #container .content .aside .resultstatus_wrap .result_cont table .table03 {
	    width: 23%;
	}
	
	#wrap #container .content .aside .resultstatus_wrap .result_cont table .table04 {
	    width: 43%;
	}
	
	#wrap #container .content .aside .resultstatus_wrap .result_cont table .table05 {
	    width: 10%;
	}
	.noticeview_wrap .view_top h4 {
	    float: none;
	    font-size: 20px;
	    font-weight: bold;
	    color: #005b98;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.noticeview_wrap .view_top ul {
	    float: none;
	    margin-top: 20px;
	}
	
	.view_button_wrap a {
	    display: inline-block;
	    width: 60px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	    background-color: #929497;
	    color: #fff;
	    border-radius: 3px;
	    font-size: 14px;
	    font-weight: bold;
	}
	#wrap #container .content .aside .directions_wrap .right_side ul.contact_map li{
		width:100%;
		height:350px;
		margin-bottom:10px;
	}
	#wrap #container .greeting_cont{
		background: url(/homepage/9/images/greeting_bak2.jpg) 0 0 no-repeat;
		background-size:cover;
		width:100%;
		height:100vh;
		margin-top:0;
	}
	#wrap #container .content .aside .about{
		width:100%;
	}
	#wrap #container .content .aside .machine_wrap .solution_img{
		text-align:center;
		margin-top:30px;
	}
	#wrap #container .content .aside .machine_wrap .solution_img img{
		width:80%;
	}
	.process_cont li{
		width:50%;
		margin-bottom:50px;
	}
	.process_cont li a.process_txt{
		margin-top:20px;
	}
	#wrap #container .vision_cont .vision_txt,
	#wrap #container .vision_cont .vision_img{
		width:100%;
	}
	#wrap #container .vision_cont .vision_img{
		margin:50px 0 80px 0;
	}
	.vision_img .vision2{
		height:111px;
	}
	.history_txt .history_in1, .history_txt .history_in2{
		width:100%;
	}
	.history_txt .history_in1{
		margin-bottom:50px;
	}
	.vision_txt p{
		font-size:16px;
	}
	.vision_img .vision1{
		margin:50px 0 0 0;
	}
	.vision_img .vision1 li a{
		font-size:20px;
	}
	.ci_wrap ul.ci_img, .ci_wrap ul.ci_txt{
		width:100%;
	}
	.ci_wrap ul.ci_img li.black,
	.ci_wrap ul.ci_img li.white{
		width:50%;
	}
	.ci_wrap ul.ci_txt li a{
		font-size:16px;
	}
	.ci_wrap ul.ci_txt{
		min-height:auto;
		border:1px solid #eeeeee;
	}
	#wrap #container .solution_wrap{
		margin-top:50px;
	}
	#wrap #container .solution_cont{
		margin-top:0;
	}
	#wrap #container .iiyya_cont{
		margin-top:0;
	}
	.iiyya_cont ul.iiyya_txt li a{
		font-size:24px;
	}
	.iiyya_cont ul.iiyya_txt2 li a{
		font-size:15px;
	}
	.iiyya_cont ul.iiyya_txt2 li{
		height:135px;
	}
	.iiyya_cont ul.iiyya_txt2 li.center_box{
		width:120px;
		height:120px;
		margin-left:-60px;
		margin-top:-60px;
	}
	.iiyya_cont ul.iiyya_txt2 li a.txt_box{
		margin-top:15px;
	}
	.iiyya_cont ul.iiyya_txt2 li.center_box img{
		margin-top:35px;
	}
/* 	#wrap #container .content .aside span.br{
		display:inline;
	} */
	.iiyya_cont2 .iiyya_food ul.big{
		width:calc(50% - 8px);
	}
	.iiyya_cont2 .iiyya_food ul:nth-child(2){
		margin-right:0;
	}
	.iiyya_cont2 .iiyya_food ul:nth-child(1),
	.iiyya_cont2 .iiyya_food ul:nth-child(2){
		margin-bottom:10px;
	}
	#wrap #container .human_cont{
		margin-top:0;
	}
	#wrap #container .content .aside .human_tit1{
		font-size:40px;
	}
}
/* 헤더 모바일 사이즈 오류로 분리 */
@media screen and (max-width: 660px){
	#wrap #header{
	display:none;
}
#wrap .m_header{
	display:block;
	height:50px;
}
#wrap .m_header{
	display:block;
	height:50px;
	position:relative;
}
#wrap .m_header .logo{
	position: fixed;
	top:0px;
	left: 0px;
	display: flex;
	justify-content: center;
    align-items: center;
	cursor: pointer;
	z-index:10;
	width:100%;
	height:50px;
	background:#fff;
	box-shadow:1px 1px 5px #ddd;
}

#wrap .m_header .logo img{
	display:block;
	margin:8px;
	width:70px;
	height:auto;
}

#wrap .m_header .logo .new-header-logo {
	display:block;
	margin:8px;
	width:70px;
	height:auto;
}
#wrap .m_header .language{
	position: fixed;
	top:0px;
	right:0px;
	display: block;
	cursor: pointer;
	z-index:10;
}
#wrap .m_header .language .lang{
	width:76px;
	position:absolute;
	top:0px;
	right:40px;
}
#wrap .m_header .language .lang:before{
	display:block;
	content:"";
	position:absolute;
	top:calc(50% - 4px);
	left:50%;
	width:1px;
	height:9px;
	background:#222;
}
#wrap .m_header .language .lang>a:nth-child(1){
	display:inline-block;
	width:35px;
	height:50px;
	text-align:center;
	font-weight:bold;
	color:#222;
	line-height:50px;
}
#wrap .m_header .language .lang>a:nth-child(2){
	display:inline-block;
	width:35px;
	height:50px;
	text-align:center;
	font-weight:bold;
	color:#222;
	line-height:50px;
}
#wrap .m_header .top_btn{
	position: fixed;
	top:11px;
	right: 2px;
	display: block;
	cursor: pointer;
	z-index:10;
}
#wrap .drop_menu2{
	display: none;
	z-index: 900;
	position:absolute;
	top:0;
	right:0px;
	width:100%;
	background-color:rgba(0,0,0,0.65);
	min-height:100vh;
	height:auto;
	overflow-y:auto;
}
#wrap .drop_menu2 .menu_area2{
	background-color: #ffffff;
	width:100%;
/* 	margin-left:25%; */
	text-align: right;
/* 	box-shadow: -2px 0 15px rgba(0,0,0,.5); */
/* 	padding:35px 0px 0 0; */
	min-height:100vh;
	height:auto;
	overflow-y:auto;
}
#wrap .drop_menu2 .menu_area2 ul::after{
	display:block;
	content:"";
	clear:both;
}
#wrap .drop_menu2 .menu_area2 ul li{
	width:100%;
	float:left;
	box-sizing:border-box;
	position:relative;
}
#wrap .drop_menu2 .menu_area2 .m1>a{
	color:#001b36;
	height:35px;
	line-height:35px;
	float:left;
}
#wrap .drop_menu2 .menu_area2 li.m1 ul{
	display:none;
}
#wrap .drop_menu2 .menu_area2 ul li a span.slider_arrow{
	display:block;
	background: url(/homepage/9/images/slide_arrow.png) center center no-repeat;
	width:35px;
	height:35px;
	position:absolute;
	top:0;
	right:0;
	background-size:10px;
}
#wrap .drop_menu2 .menu_area2 ul li a span.slider_arrow1{
	background: url(/homepage/9/images/slide_arrow1.png) center center no-repeat;
	width:35px;
	height:35px;
	position:absolute;
	top:0;
	right:0;
	background-size:6px;
}
#wrap .drop_menu2 .menu_area2 ul li ul li{
	height:35px;
	line-height:35px;
	background-color:#eeeeee;
	border-bottom:1px solid #ffffff;
	padding-left:20px;
}
#wrap .drop_menu2 .menu_area2 .m1:first-child{
	margin-top: 100px;
}

/* #wrap .drop_menu2 .menu_area2 .m1:last-child{
	margin-bottom: 50px;
} */
#wrap .drop_menu2 .menu_area2 .m1 {
	margin-bottom: 12px;
}

#wrap .drop_menu2 .menu_area2 .m1>a{
	font-size: 16px;
	font-weight: bold;
	display:block;
	width:100%;
	text-align:left;
	padding-left:20px;
}

#wrap .drop_menu2 .menu_area2 .m2{
	line-height: 22px;
}

#wrap .drop_menu2 .menu_area2 .m2 a{
	display:block;
	text-align:left;
	font-size: 13px;
	color:#8b9496;
	font-weight: bold;
}
#wrap .drop_menu2 .menu_area2 .iiyya_select{
	width: 100%;
	float:none;
	margin-top:50px;
}
#wrap .drop_menu2 .menu_area2 .iiyya_select li:last-child img{
	display: block;
	width:30px;
}
#wrap .drop_menu2 .menu_area2 .iiyya_select li{
	float:left;
	width:33.333%;
	text-align:center;
	/* background:url(/images/intro/service_bak.gif) right center no-repeat; */
}
#wrap .drop_menu2 .menu_area2 .iiyya_select li:last-child{
	background:none;
}
#wrap .drop_menu2 .menu_area2 .iiyya_select li a{
	display:block;
	width:100%;
	height:auto;
	
}
#wrap .drop_menu2 .menu_area2 .iiyya_select li img{
	display:block;
	width:30px;
	margin:0 auto;
}
#wrap .drop_menu2 .menu_area2 .s_carecenter{
    width: 100%;
    padding:40px 0 10px 0;
    box-sizing: border-box;
    background: #ffffff;
}
#wrap .drop_menu2 .menu_area2 .s_carecenter li{
		text-align:center;
	}
#wrap .drop_menu2 .menu_area2 .s_carecenter li.s_care_tit,
#wrap .drop_menu2 .menu_area2 .s_carecenter li.s_care_phone{
		margin-bottom:5px;
		font-size:18px;
	}
#wrap .drop_menu2 .menu_area2 .s_carecenter li.s_care_phone p{
		font-size:20px;
		font-weight:600;
	}
#wrap .drop_menu2 .menu_area2 .s_carecenter li.s_care_p p{
		font-size:14px;
		margin-bottom:2px;
		word-break: keep-all;
	}
#wrap .drop_menu2 .menu_area2 .contact-btn-mobile { 
	margin-top:30px;
	padding:0 15px;
	text-align:center;
	top:50%;
	left:50%;
	width:100%;
	font-size: 15px;
}

#wrap .drop_menu2 .menu_area2 .contact-btn-mobile a{
	display:block;
    line-height: 50px;
}

#wrap .drop_menu2 .menu_area2 .contact-btn-mobile a .contact-btn-mobile-img {
	width: 50%;
}

#wrap .drop_menu2 .menu_area2 .menu_btn_top{
	position: absolute;
	top: 0;
	right: 0;
	width:100%;
	height:50px;
	padding: 10px 0 10px 10px;
}
#wrap .drop_menu2 .menu_area2 .menu_btn_close{
	position:absolute;
	right:0;
	top:0;
}

#wrap .drop_menu2 .menu_area2 .menu_btn_top .menu_btn_close img{
	display:block;
	width: 50px;
	height: 50px;
	padding:18px;
}
#wrap .drop_menu2 .menu_area2 .menu_btn_top .slider_logo {
	position: absolute;
    top: 15px;
    left:20px;
}
#wrap .drop_menu2 .menu_area2 .menu_btn_top .slider_logo img{
	display :block;
	width:110px;
}
#wrap .drop_menu2 .menu_area2 .menu_btn_top .lang{
	position:absolute;
	top:0px;
	right:50px;
}
#wrap .drop_menu2 .menu_area2 .menu_btn_top .lang:before{
	display:block;
	content:"";
	position:absolute;
	top:calc(50% - 4px);
	left:50%;
	width:1px;
	height:9px;
	background:#fff5;
}
#wrap .drop_menu2 .menu_area2 .menu_btn_top .lang>a{
	display:inline-block;
	width:30px;
	height:50px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	line-height:50px;
}
/* 헤더 끝 */
}

/* 모바일 */
@media screen and (max-width: 540px) {

/* container main */
#wrap #container{
	width:100%;
	z-index:3;
	height:auto;
}

#wrap #container .mainVi{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
#wrap #container .mainVi .bg{
	height:210px;
	position:relative;
	top:0;
	left:0px;
	right:0;
	bottom:0;
}
#wrap #container .mainVi .bg video{
	position:absolute;
	top:52%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:100%;
	height:auto;
	transform:translateX(-50%) translateY(-50%);
}
/* container1 */
#container1{
	background-image:url("/homepage/9/images/mob_con1_bg.png");
	background-position: center;
	background-size: cover;
	height: 100%;
	color: #fff;
}
#container1>.c01{
	width:100%;
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
}

#container1 .con1_text{
	position:none;
	top:0px;
	left:0px;
	width:100%;
}
#container1 .con1_text .con1_iiyya{
	width:80%;
	margin:0 auto;
	padding:0 15px;
}
#container1 .con1_text .con1_iiyya img{
	display:block;
	width:100%;
	padding:65px 0 0 0;
}
#container1 .con1_text .text>p{
	color:#222;
}
#container1 .con1_text .text>p:nth-of-type(1){
	margin-top:22px;
	font-weight:bold;
	letter-spacing:1px;
	font-size:13px;
	text-align:center;
}
#container1 .con1_text .text>p:nth-of-type(2){
	margin-top:10px;
	letter-spacing:-1px;
	font-size:14px;	
	margin-bottom:35px;
	padding:0 90px;
	text-align:center;
}
/* c1 앱버튼 */
#container1 .con1_text .text>.app_btn:after{
	content:"";
	display:block;
	clear:both;
}
#container1 .con1_text .app_btn>div{
	float:left;
	width:50%;	
}
#container1 .con1_text .app_btn>div:nth-of-type(1){
	padding-left:15px;
	padding-right:15px;
}
#container1 .con1_text .app_btn>div:nth-of-type(2){
	padding-right:15px;
	padding-left:15px;
}
#container1 .con1_text .app_btn>div>a{
	display:block;
	line-height:50px;
	border:1px solid #2226;
	color:#222;
	cursor:pointer;
}
#container1 .con1_text .app_btn>div>a:hover{
	background:#222;
	color:#fff;
}
/* container2  */
#container2{
	width:100%;
	height: auto;
	background-image:url("/homepage/9/images/con2_bg.png");
 	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	color: #fff;
}
#container2>.c02{
	width:100%;
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
}
#container2>.c02>.con2_title{
	padding-top:50px;
}
#container2>.c02>.con2_title>h2{
	font-size:14px;
	margin-bottom:8px;
}
#container2>.c02>.con2_title>h3{
	font-size:30px;
	font-weight:bold;
	margin-bottom:20px;
}
#container2>.c02>.con2_inner:after{
	content:"";
	display:block;
	clear:both;
}
#container2>.c02>.con2_inner>div{
	float:none;
	width:100%;
	padding:45px;
	position:relative;
	top:0;
	left:0;
	border-radius:10%;
}
#container2>.c02>.con2_inner img{
	display:block;
	width:100%;
	filter: brightness(0.30) drop-shadow(2px 4px 6px #ddd);
	border-radius:10%;
	cursor:pointer;
	transition:all 0.3s linear;
	margin:auto;
}
#container2>.c02>.con2_inner img:hover{
	transform:none;
	overflow:none;
}
#container2>.c02>.con2_inner>div>p:nth-of-type(1){
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
}
#container2>.c02>.con2_inner>div>p:nth-of-type(2){
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:28px;
	font-weight:bold;
	color:#fff;
}
/* container3  */
#container3{
	width:100%;
	height:auto;
	background-image:url("/homepage/9/images/mob_con3.png");
	background-position: center bottom;
	background-size: cover;
}
#container3>.c03{
	width:100%;
	height:auto;
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
}
#container3>.c03 .con3_inner{
	padding:0;
}
#container3>.c03:after{
	content:"";
	display:block;
	clear:both;
}
#container3>.c03 .con3_inner>div{
	float:none;
	width:100%;
	height:100%;
}
#container3>.c03 .con3Vi{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
#container3>.c03 .con3Vi .bg{
	position:relative;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:none;
	width:100%;
	height:100%;
	margin:auto 0;
	border-radius:0;
}
#container3>.c03 .con3Vi .bg video{
	display:none;
	position:relative;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	width:100%;
	height:100%;
	transform:none;
	overflow:none;
	padding:0;
	filter:brightness(0.3);
	
}
#container3>.c03 .con3_text{
	text-align:right;
	height:100%;
}
#container3>.c03 .con3_text>div{
	margin-top:0;
	padding:102px 15px;
	text-align:center;
	position:relative;
	top:0;
	left:0;
	color:#fff;
	transform:none;
	width:100%;
}
#container3>.c03 .con3_text>div>p:nth-of-type(1){
	font-size:14px;
	letter-spacing:-1px;
	font-weight:none;
	margin-bottom:20px;	
}
#container3>.c03 .con3_text>div>h2{
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	margin-bottom:25px;
	color:#fff;
}
#container3>.c03 .con3_text>div>h3{
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:10px;
	color:#fff;
}
#container3>.c03 .con3_text>div>p:nth-of-type(2){
	font-size:15px;
	letter-spacing:-1px;
	margin-bottom:25px;
	padding-left:0px;
}
#container3>.c03 .con3_text>div>div a:hover{
	background:#222;
	color:#fff;
	
}
#container3>.c03 .con3_text>div>div a{
	display:block;
	width:200px;
	text-align:center;
	border:1px solid #fff5;
	line-height:50px;
	margin-left:none;
	cursor:pointer;
	margin:0 auto;
}
	/* 푸터 */
	#wrap #footer h1 img{
		width:180px;
	}
	#wrap #footer .company, 
	#wrap #footer .family_site {
		margin-top:10px;
		line-height: 15px;
	}
	#wrap #footer .company{
		width:100%;
	}
	#wrap #footer .company .text-left{
		width:100%;
		text-align:center;
		display:block;
		margin:0 auto;
	}
	#wrap #footer .family_site{
		width:100%;
	}
	#wrap #footer .footer_logo{
		width:100%;
		margin-top:-4px;
	}
	#wrap #footer .footer_logo img{
		margin-top:0;
	}
	#wrap #footer .copyright{
		margin-bottom:0;
		padding-bottom:20px;
	}
	#wrap #footer .company, #wrap #footer .family_site {
		margin-top: 15px;
	}

	/*sub페이지*/
.history_p::after{
	clear:both;
	display:block;
	content:"";
}
.history_p h1{
	font-size:35px;
	font-weight:bold;
    color: #444;
    text-align:center;
    letter-spacing:2px;
    padding-top: 100px;
}
.history_p h3{
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 8px;
    position: relative;
    margin-bottom: 45px;
    text-align:center;
}
.history_p .history_year{
	width:100%;
}
.history_p .history_year:after{
	content:"";
	display:block;
	clear:both;
}	

.history_p>.history_year>div{
	float:none;
	width:100%;
	padding:0 15px;
}
.history_txt .history_in1,
.history_txt .history_in2{
	width:100%;
	float:none;
}
.history_p .history_year::after{
	display:block;
	content:"";
	clear:both;
}
.history_p ul{
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
}
/* .history_p ul li{
	width:100%;
} */
.history_p ul li.year{
	text-align:left;
	margin-bottom:40px;
	padding-bottom:10px;
	border-bottom:2px solid #004d82;
	width:100%;
}
.history_p ul li.year a{
	font-size:30px;
	font-weight:500;
	width:100%;
}
.history_p ul li::after{
	clear:both;
	display:block;
	content:"";
}
.history_p ul li{
	margin-bottom:10px;
}
.history_p ul li span{
	font-weight:bold;
	color:#004d82;
	font-size:20px;
	width:100%;

}
.history_p ul li a{
	display:block;
	font-size:13px;
	width:100%;
	letter-spacing:-1px;
} 
/* 연혁 끝 */
/* 기술 및 인증 자료  */
.data{
	width:100%;
}
.data>div{
	width:100%;
	margin:0 auto;
}
.data h2{
	font-size:18px;
	margin-top:50px;
	letter-spacing:-1px;
}
.data h3{
	font-size:35px;
	letter-spacing:-1px;
	font-weight:bold;
	line-height:55px;
}
.data>div:after{
	content:"";
	display:block;
	clear:both;
}
.data>div>div{
	float:none;
	width:100%;
	padding:0 15px;
}
.data>div>div>img{
	display:block;
	width:100%;
	filter:drop-shadow(2px 4px 6px #ddd);
	padding:50px 50px 25px 50px;
	
}

/* CI */
#wrap #container .ci_cont{
	width:100%;
	background-color:#ffffff;
	/* margin-bottom:130px; */
	padding-top:100px;
}
.ci_wrap h1{
	font-size: 25px;
    margin-bottom: 80px;
    color: #696969;
    text-align:center;
}
.ci_wrap{
	width:100%;
}
.ci_wrap::after{
	display:block;
	content:"";
	clear:both;
}
.ci_wrap ul.ci_img{
	width:40%;
	float:left;
}
.ci_wrap ul.ci_txt{
	width:60%;
	float:left;
}
.ci_wrap ul.ci_txt{
	padding:30px 0 30px 30px;
	min-height:400px;
	height:auto;
}
.ci_wrap ul.ci_img::after{
	display:block;
	content:"";
	clear:both;
}
.ci_wrap ul.ci_img li.black{
	background-color:#eeeeee;
	width:100%;
	height:200px;
	float:left;
	text-align:center;
}
.ci_wrap ul.ci_img li.white{
	background-color:#ffffff;
	width:100%;
	height:200px;
	float:left;
	text-align:center;
}
.ci_wrap ul.ci_img li img{
	margin-top:80px;
}
.ci_wrap ul.ci_txt li{
	margin-bottom:20px;
}
.ci_wrap ul.ci_txt li:last-child{
	margin-bottom:0;
}
.ci_wrap ul.ci_txt li.color_tit a{
	font-weight:bold;
	font-size:16px;
	margin-top:10px;
}
.ci_wrap ul.ci_txt li a{
	font-size:20px;
	line-height:30px;
	word-break:keep-all;
	text-align:center;
	display:block;
}
.ci_wrap ul.ci_txt li a span{
	font-weight:bold;
	color:#004d82;
}
/* CI 끝 */

/* 오시는 길 */
.map_google{
	width:100%;
}
.directions_cont{
	background-color:#f8f8f8;
	padding:80px 0;
}
.directions_wrap h1{
	font-size: 25px;
    margin-bottom: 80px;
    color: #696969;
    text-align:center;
}
#wrap #container .content .aside .directions_wrap .right_side{
	width:100%;
}
#wrap #container .content .aside .directions_wrap .right_side ul.contact_map::after{
	clear:both;content:"";display:block;
}
.directions_wrap .right_side ul.contact_map iframe{
	width:100%;
	text-align:center;
}
/* .directions_wrap .right_side ul.contact_map li{
	width:calc(50% - 5px);
	float:left;
	height:350px;
	background-color:gray;
} */
.directions_wrap .right_side ul.contact_map li:first-child{
	margin-right:10px;
}
.directions_wrap .right_side .contact_info{
	width:100%;
	margin-top:50px;
}
.directions_wrap .right_side .contact_info ul{
	margin-bottom:20px;
}
.directions_wrap .right_side .contact_info ul::after{
	clear:both;content:"";display:block;
}
.directions_wrap .right_side .contact_info ul li.contact_tit{
	width:20%;
	float:left;
}
.directions_wrap .right_side .contact_info ul li.contact_tit a{
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.directions_wrap .right_side .contact_info ul li.contact_cont{
	width:80%;
	float:left;
}
.directions_wrap .right_side .contact_info ul li.contact_cont a{
	font-size:16px;
	display:block;
	color:#696969;
}
/* 오시는 길 끝 */
	#wrap #container .location{
		display: none;
	}

	#wrap #container .content{
		width:100%;
		min-height:500px;
	}

	#wrap #container .content .sidebar{
		display: none;
	}

	#wrap #container .content .aside{
		width: 100%;
		border-left:none;
	}
	#wrap #container .content .aside .about>img,
	#wrap #container .content .aside .history>img,
	#wrap #container .content .aside .confirm>img,
	#wrap #container .content .aside .organization>img,
	#wrap #container .content .aside .ci>img,
	#wrap #container .content .aside .introduction>img{
		width:100%;
		margin:0;
	}

	#wrap #container .content .aside .map>table{
		margin:0;
	}

	#wrap #container .content .aside .map .map_text{
		margin-top:25px;
		margin-bottom:50px;
		color:#6f6a6c;
	}

	/*business*/
	#wrap #container .content .aside .business1>img,
	#wrap #container .content .aside .business2>img,
	#wrap #container .content .aside .business3>img,
	#wrap #container .content .aside .business4>img,
	#wrap #container .content .aside .business5>img,
	#wrap #container .content .aside .business6>img{
		width: 95%;
		margin:0 auto;
	}

	#wrap #container .content .aside .business1>img,
	#wrap #container .content .aside .business2>img,
	#wrap #container .content .aside .business3>img,
	#wrap #container .content .aside .business4>img,
	#wrap #container .content .aside .business5>img,
	#wrap #container .content .aside .business6>img{
		margin-bottom: 40px;
	}

	#wrap #container .content .aside .business6>img{
		margin-top:40px;
	}

	/*pr*/
	#wrap #container .content .aside .careers_seek>img,
	#wrap #container .content .aside .careers_process>img{
		width: 95%;
		margin:0 auto;
	}

	#wrap #container .content .aside .careers_text{
		margin-left:0px;
		margin-bottom: 80px;
		margin-top:0px;
	}
	#wrap #container .content .aside .careers_text dd{
		font-size:14px;
		margin-bottom:20px;
		word-break:keep-all;
	}
	.copy_txt01{
		display:block;
	}
	#wrap #footer h1 img {
		width: 180px;
	}
	#wrap #footer a.cs{
		display:none;
	}
	#wrap #container .content .aside .history_wrap,
	#wrap #container .content .aside .management_wrap{
	    padding-bottom:200px;
	}	
	#wrap #container .content .aside span.br{
		display:inline;
	}
	
	#wrap #container .content .aside dl.overview dt {
	    font-size: 13px;
	    width: 75px;
	}
	
	#wrap #container .content .aside dl.overview dd {
	    font-size: 13px;
	    width: calc(100% - 75px);
	}	
	
	#wrap #container .content .aside dl .history_tit {
	    width: 60px;
	    font-size: 16px;
	}
	
	#wrap #container .content .aside dl .history_txt, #wrap #container .content .aside dl .history_txt01 {
	    width: calc(100% - 60px);
	    font-size: 16px;
	}
	
	#wrap #container .content .aside dl .history_txt span {
	    padding-left: 20px;
	    font-size: 16px;
	    background: url(/homepage/1/images/history_bul01.png) 0 5px no-repeat;
	    margin-right:30px;
	}
	
	#wrap #container .content .aside dl .history_txt01 span {
	    padding-left: 20px;
	    font-size: 16px;
	    background: url(/homepage/1/images/history_bul02.png) 3px 8px no-repeat;
	    margin-right: 30px;
	}
	
	#wrap #container .content .aside .history_wrap {
	    background: url(/homepage/1/images/history_line.gif), url(/homepage/1/images/history_back.jpg);
	    background-repeat: repeat-y, no-repeat;
	    background-position: 67px 0, bottom right;
	}
	#wrap #container .content .aside .organization_wrap img{
		display:none;
	}
	#wrap #container .content .aside .organization_wrap .m_organization{
		display:block;
	}
	#wrap #container .content .aside .organization_wrap .organi_01 {
	    border:none;
	    border-radius:none;
	    width: 100%;
	    height: 50px;
	    text-align: center;
	    position: relative;
	    margin-left:0;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_01 span {
		width: 100%;
	    background-color: #005b98;
	    color: #fff;
	    display: inline-block;
	    height: 40px;
	    border-radius:none;
	    line-height: 40px;
	    position:relative;
	    font-size: 16px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_02,
	#wrap #container .content .aside .organization_wrap .organi_03, 
	#wrap #container .content .aside .organization_wrap .organi_04 {
	    float: left;
	    margin: 40px 40px 0px 164px;
	    display:none;
	}	
	
	#wrap #container .content .aside .organization_wrap {
	    background:none;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_05, #wrap #container .content .aside .organization_wrap .organi_06,
	#wrap #container .content .aside .organization_wrap .organi_07, #wrap #container .content .aside .organization_wrap .organi_08,
	#wrap #container .content .aside .organization_wrap .organi_09, #wrap #container .content .aside .organization_wrap .organi_10 {
	    float:none;
	    width: 100%;
	}
	
	#wrap #container .content .aside .organization_wrap h4{
		display:block;
		background-color: #0073cf;
		width: 100%;
		color: #fff;
		display: block;
		height: 40px;
		text-align: center;
		border-radius: none;
		line-height: 40px;
		position: relative;
		font-size: 14px;
		border-radius:50px;
		margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .orgain_tit02 {
		margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_05 dl, 
	#wrap #container .content .aside .organization_wrap .organi_06 dl, 
	#wrap #container .content .aside .organization_wrap .organi_07 dl, 
	#wrap #container .content .aside .organization_wrap .organi_08 dl, 
	#wrap #container .content .aside .organization_wrap .organi_09 dl, 
	#wrap #container .content .aside .organization_wrap .organi_10 dl {
	    width: 100%;
	    border: 1px solid #666;
	    min-height: auto;
	    border-radius: 10px;
	    margin-right: 0px;
	    margin-top: 10px;
	}
	
	#wrap #container .content .aside .organization_wrap .organi_05 dt, 
	#wrap #container .content .aside .organization_wrap .organi_06 dt, 
	#wrap #container .content .aside .organization_wrap .organi_07 dt, 
	#wrap #container .content .aside .organization_wrap .organi_08 dt, 
	#wrap #container .content .aside .organization_wrap .organi_09 dt, 
	#wrap #container .content .aside .organization_wrap .organi_10 dt {
	    height: 40px;
	    font-weight: bold;
	    font-size: 14px;
	    /* border-bottom: 1px solid #666; */
	    line-height: 38px;
	    text-align: center;
	}

	#wrap #container .content .aside .organization_wrap .organi_05 dd, 
	#wrap #container .content .aside .organization_wrap .organi_06 dd, 
	#wrap #container .content .aside .organization_wrap .organi_07 dd, 
	#wrap #container .content .aside .organization_wrap .organi_08 dd, 
	#wrap #container .content .aside .organization_wrap .organi_09 dd, 
	#wrap #container .content .aside .organization_wrap .organi_10 dd {
	    font-size: 14px;
	    margin: 10px;
	    padding-left: 10px;
	    background:none;
	    text-align: center;
	}
	
	#wrap #container .content .aside .management_wrap dt {
	    width: 100%;
	    color: #005b98;
	    font-size: 16px;
	    font-weight: bold;
	    margin-top: 30px;
	}
	
	#wrap #container .content .aside .management_wrap dd {
	    width: 70%;
	    font-size: 14px;
	    margin-top: 10px;
	}
	
	#wrap #container .content .aside .directions_wrap .left_side {
	    float: none;
	    width: 100%;
	    margin-right:0;
	}

	#wrap #container .content .aside .directions_wrap .right_side {
	    float: none;
	    width: 100%;
	    margin-top: 30px;
	}
	
	#wrap #container .content .aside .directions_wrap .left_side dt {
	    font-size: 16px;
	    margin-top:20px 
	}

	#wrap #container .content .aside .directions_wrap .left_side dd {
	    font-size: 14px;
	}
#wrap #container .content .aside .exampleofcon_wrap .left_side {
    width: 100%;
    float: none;
    margin-right: 0px;
}
#wrap #container .content .aside .exampleofcon_wrap .right_side {
    width: 100%;
    float: none;
    margin-top: 45px;
}
#wrap #container .content .aside .notice_wrap .customer_out .customer_sel select {
    width: 60px;
}
#wrap #container .content .aside .notice_wrap .customer_out input {
    width: 105px;
}
#wrap #container .content .aside .notice_wrap table thead th {
    font-size: 12px;
}
#wrap #container .content .aside .notice_wrap table tbody td {
    font-size: 12px;
}
#wrap #container .content .aside .constructionin_wrap table.table01 {
	display:none;	
}
#wrap #container .content .aside .constructionin_wrap table.table02 {
	display:block;
}
#wrap #container .content .aside .inquiry_wrap table.table01 {
    display:none;
}
#wrap #container .content .aside .inquiry_wrap table.table02 {
    display:block;
}
#wrap #container .content .aside .constructionin_wrap .customer_out .customer_sel select {
    width: 60px;
}
#wrap #container .content .aside .constructionin_wrap .customer_out input {
	width: 105px;
}
#wrap #container .content .aside .constructionin_wrap table thead th {
    font-size: 12px;
}
#wrap #container .content .aside .constructionin_wrap table tbody td {
    font-size: 12px;
}
#wrap #container .content .aside .btn_wrap a {
    display: block;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #ffffff;
    color: #004d82;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    margin-top: 30px;
    border:1px solid #004d82;
}
.constructioninview_wrap .view_top h4 {
    float: none;
    font-size: 20px;
    font-weight: bold;
    color: #005b98;
    width: 100%;
    margin-bottom: 20px;
}
.constructioninview_wrap .view_top ul {
    float: none;
    margin-top: 20px;
}
#tx_toolbar_basic, #tx_sidebar, .file_up{
	display:none;	
}
.editor_title label {
    width: 60px;
    font-size: 14px;
}
#wrap #container .content .aside .inquiry_wrap .customer_out .customer_sel select {
    width: 60px;
}
#wrap #container .content .aside .inquiry_wrap .customer_out input {
    width: 105px
}
#wrap #container .content .aside .inquiry_wrap table thead th {
    font-size: 12px;
}
#wrap #container .content .aside .inquiry_wrap table tbody td {
    font-size: 12px;
}
.inquiryview_wrap .view_top h4 {
	float: none;
	font-size: 20px;
	font-weight: bold;
	color: #005b98;
	width: 100%;
	margin-bottom: 20px;
}
.inquiryview_wrap .view_top ul {
    float: none;
    margin-top: 20px;
}
#wrap #container .content .aside .directions_wrap .right_side ul.contact_map li{
	width:100%;
	height:300px;
	margin-bottom:10px;
}
.directions_wrap .right_side .contact_info{
	margin-top:20px;
	margin-bottom:30px;
}
#wrap #container .greeting_cont{
	background: url(/homepage/1/images/m_greeting.jpg) 0 0 no-repeat;
	margin-top:0;
	background-size:cover;
	position:relative;
}
#wrap #container .greeting_cont .greeting_wrap{
	margin-top:50px;
}

/* 오시는 길 */
#wrap #container .content .aside .directions_wrap .right_side .contact_info ul li.contact_tit a{
	font-size:14px;
}
#wrap #container .content .aside .directions_wrap .right_side .contact_info ul li.contact_cont a{
	font-size:14px;
}
.certificate img{
	width:100%;
}

/* 사업분야 */
.extinguishing_wrap .iiyya_food,
.extinguishing_wrap .iiyya_lodge{
	height:500px;
}
.extinguishing_wrap .iiyya_food_bak,
.extinguishing_wrap .iiyya_lodge_bak{
	height:400px;
}
.extinguishing_wrap .iiyya_food_bak ul,
.extinguishing_wrap .iiyya_lodge_bak ul{
	padding-left:10px;
	padding-right:10px;
}
.extinguishing_wrap .iiyya_food_bak ul li,
.extinguishing_wrap .iiyya_lodge_bak ul li{
	font-size:13px;
}
.process_cont li{
		width:50%;
		margin-bottom:50px;
	}
	.process_cont li a.process_txt{
		margin-top:20px;
	}
	.process_cont li img{
		width:85%;
	}
	/* 비전 */
	#wrap #container .vision_cont{
		padding-top:50px;
		margin-bottom:50px;
	}
	#wrap #container .vision_cont .vision_txt,
	#wrap #container .vision_cont .vision_img{
		width:100%;
	}
	#wrap #container .vision_cont .vision_txt p{
		font-size:13px;
	}
	#wrap #container .vision_cont .vision_img{
		margin:30px 0 50px 0;
	}
	#wrap #container .vision_cont .vision_img img{
		width:100%;
	}
	#wrap #container .content .aside .about {
	    font-size: 15px;
	    line-height:23px;
	    font-weight: bold;
	    width:100%;
	    color: #ffffff;
	    word-break:keep-all;
	    margin-bottom:20px;
	}
	#wrap #container .content .aside .about_txt {
	   	font-size: 13px;
		margin-top: 20px;
		color: #ffffff;
		font-weight:300;
	}
	.ci_wrap ul.ci_img, .ci_wrap ul.ci_txt{
		width:100%;
	}
	.ci_wrap ul.ci_img li.black,
	.ci_wrap ul.ci_img li.white{
		width:50%;
	}
	.ci_wrap ul.ci_txt li a{
		font-size:16px;
	}
	.ci_wrap ul.ci_txt{
		min-height:auto;
		border:1px solid #eeeeee;
		padding:20px;
	}
	.vision_img .vision1{
		margin:20px 0 0 0;
	}
	.vision_img .vision1 li{
		padding:20px 10px;
	}
	.vision_img .vision1 li a{
		font-size:16px;
		word-break:keep-all;
	}
	.vision_img .vision2{
		height:42px;
	}
	.vision_img .vision3 li a{
		font-size:14px;
	}
	.history_txt ul{
		width:100%;
	}
	.history_txt .history_in1, .history_txt .history_in2{
		width:100%;
	}
	.history_txt .history_in2{
		margin-top:30px;
	} 
	#wrap #container .ci_cont{
		margin-bottom:50px;
		padding-top:50px;
	}
	#wrap #container .ci_cont{
		padding-bottom:0;
	}
	.ci_wrap ul.ci_img li.black, .ci_wrap ul.ci_img li.white{
		width:100%;
		height:130px;
	}
	.ci_wrap ul.ci_txt li a{
		font-size:14px;
		line-height:20px;
	}
	.ci_wrap ul.ci_txt li.color_tit a{
		font-size:14px;
	}
	.ci_wrap ul.ci_img li img{
		width:70%;
		margin-top:50px;
	}
	#wrap #container .history_cont{
		width:100%;
		margin:0;
		padding:50px 0;
		background-color:#f8f8f8;
	}
	.ci_wrap h1,
	.directions_wrap h1,
	.history_txt h1{
		margin-bottom:20px;
	}
	.history_txt ul li.year{
		margin-bottom:20px;
	}
	.history_txt ul li.year a{
		font-size:28px;
	}
	.history_txt ul li a{
		font-size:14px;
	}
	.directions_cont{
		padding:50px 0;
	}
	#wrap #container .solution_cont{
		margin-top:0;
	}
	#wrap #container .solution_wrap{
		margin-top:50px;
	}
	.solution_cont ul.solution_txt li a{
		font-size:18px;
		word-break:keep-all;
	}
	.solution_cont .solution_txt2{
		margin:50px auto 0 auto;
	}
	.solution_cont .solution_txt2 li{
		width:calc(50% - 11px);
		height:auto;
		padding:20px 0;
		margin-bottom:20px;
	}
	.solution_cont .solution_txt2 ul.txt2_1{
		margin-bottom:0;
	}
	.solution_cont .solution_txt2 li:nth-child(2){
		margin-right:0;
	}
	.solution_cont .solution_txt2 li a{
		font-size:14px;
	}
	.solution_cont .solution_txt2 li a.box{
		border-radius:10px;
	}
	.solution_cont .solution_txt2 li a.txt_box{
		margin-top:0;
	}
	#wrap #container .iiyya_cont{
		margin-top:0;
		position:relative;
	}
	#wrap #container .extinguishing_wrap{
		margin-top:50px;
	}
	.iiyya_cont ul.iiyya_txt li a{
		font-size:20px;
		word-break:keep-all;
	}
	.iiyya_cont ul.iiyya_txt2{
		margin-top:30px;
	}
	.iiyya_cont ul.iiyya_txt2 li{
		width:100%;
		height:auto;
		padding:15px 10px;
	}
	.iiyya_cont ul.iiyya_txt2 li a.box{
		border-right:1px solid #ffffff;
	}
	.iiyya_cont ul.iiyya_txt2 li a{
		font-size:14px;
	}
	.iiyya_cont ul.iiyya_txt2 li a.txt_box{
		margin-top:0;
		word-break:keep-all;
	}
	.iiyya_cont ul.iiyya_txt2 li a.box3{
		border-bottom:none;
	}
	.iiyya_cont ul.iiyya_txt2 li.center_box{
		display:none;
	}
	.iiyya_cont2 .iiyya_food,
	.iiyya_cont2 .iiyya_lodge{
		width:90%;
		margin:0 auto;
	}
	.iiyya_cont2 .iiyya_food ul.big,
	.iiyya_cont2 .iiyya_lodge ul.big{
		width:100%;
	}
	.iiyya_cont2 .iiyya_food ul,
	.iiyya_cont2 .iiyya_lodge ul{
		margin-right:0;
		margin-bottom:10px;
	}
	.iiyya_cont2 .iiyya_food ul.big{
		min-height:auto;
	}
	.iiyya_cont2 .iiyya_food ul li.food_txt2{
		padding:0 20px 10px 20px;
	}
	.iiyya_cont2 .link li img{
		width:20px;
	}
	.iiyya_cont2 .link li{
		margin-right:10px;
	}
	.iiyya_cont2 .iiyya_tab ul li{
		width:35px;
		margin-right:10px;
		padding:0;
	}
	.iiyya_cont2 .iiyya_food ul li.food_txt a{
		color:#004d82;
		word-break: keep-all;
	}
	.iiyya_cont2 .iiyya_tab ul li.lodge_tab,
	.iiyya_cont2 .iiyya_tab ul li.lodge_tab.on,
	.iiyya_cont2 .iiyya_tab ul li.food_tab,
	.iiyya_cont2 .iiyya_tab ul li.food_tab.on{
		background-size:100%;
	}
	.iiyya_cont2 .iiyya_food ul li.food_txt,
	.iiyya_cont2 .iiyya_lodge ul li.lodge_txt{
		text-align:center;
	}
	.iiyya_cont2 .iiyya_food ul,
	.iiyya_cont2 .iiyya_lodge ul{
		background-color:#f8f8f8;
	}
	.iiyya_cont2 .iiyya_food ul li.food_img{
		height:inherit;
	}
	#wrap #container .content .aside .human_tit1{
		font-size:25px;
		word-break:keep-all;
	}
	#wrap #container .human_cont,
	#wrap #container .publiclist_cont,
	#wrap #container .notice_cont,	
	#wrap #container .inquiry_cont,
	#wrap #container .news_cont,
	.process_cont{
		margin-top:0;
	}
	#wrap #container .human_cont{
		background: url(/homepage/9/images/m_human.jpg) 0 0 no-repeat;
		background-size: cover;
		position:relative;
	}
	#wrap #container .content .aside .notice_wrap,
	#wrap #container .notice_cont .noticeview_wrap,
	#wrap #container .publiclist_cont .notice_wrap,
	#wrap #container .publiclist_cont .noticeview_wrap,
	#wrap #container .content .aside .inquiry_wrap,
	#wrap #container .inquiry_cont .writefrom_wrap,
	#wrap #container .news_cont .news_wrap,
	#wrap #container .human_cont2{
		margin-top:50px;
	}
	.iiyya_cont .more_btn,
	.greeting_cont .more_btn{
		bottom:15px;
	}
	#wrap #container .news_cont .news_wrap .img_wrap{
		margin:50px 0;
	}
	#wrap #container .news_cont .news_wrap .img_wrap img{
		width:50%;
		margin:10px 0;
	}
	#wrap #container .news_cont .news_wrap .img_wrap a{
		display:block;
	}
	#wrap #container .process_cont{
		padding:50px 0;
		height:100%;
	}
	#wrap #container .human_cont .human_wrap{
		margin-top:40%;
	}
/* 이야 */
 #wrap #container .iiyya_cont{
	width:100%;
	height:100%;
	overflow:hidden;
} 
.iiyya_service{
	width:100%;
	margin:0 auto;
	padding:50px 15px 0 15px;
}
.iiyya_service:after{
	content:"";
	display:block;
	clear:both;
}
.iiyya_service>div{
	float:left;
	width:100%;
}
.iiyya_service .service_Lt{
	width:100%;
}
.iiyya_service .service_Rt{
	padding-left:0;
}
.iiyya_service .service_Rt:after{
	content:"";
	display:block;
	clear:both;
}
.iiyya_service .service_Rt>div{
	float:left;
	width:100%;
}
.service_img{
	display:block;
	width:100%;
}
.service_Rt h1{
	width:100%;
	font-size:23px;
	margin-bottom:45px;
	text-align:center;
	padding-top:50px;
	font-weight:bold;
	line-height:30px;
}
.service_text{
	float:none;
	margin-bottom:0px;
	border-right:none;
}
.service_text h2{
	font-size:20px;
	font-weight:bold;
	float:none;
	margin:30px 0 10px 0;
}
.service_text h2:after{
	content:"";
	display:block;
	width:35px;
	height:3px;
	background:#666;
	margin:8px auto;
	
}
.service_text p{
	font-size:14px;
	float:none;
	margin: 1px 16px 70px;
	/* padding:14px; */
	text-align:center;
	letter-spacing:-1.4px;
}
.service_Rt>div:nth-of-type(2){
	border-right: none;
}
.service_Rt>div:nth-of-type(4){
	border-right: none;
}
.service_wrap{
	width:100%;
 	margin:0 auto;
}
.service_wrap:after{
	content:"";
	display:block;
	clear:both;
}
.service_wrap>div{
	float:none;
	width:100%;
	margin-top:none;
	padding:0 15px;
 	margin:30px 0;
}
.service_wrap .service_Dbtn a{
	display:block;
	width:200px;
	line-height:50px;
	border:1px solid #2225;
}
.service_wrap>div:nth-of-type(1)>a{
	margin-left:none;
 	margin:0 auto;	
}
.service_wrap>div:nth-of-type(2)>a{
	margin-right:none;
 	margin:0 auto;	
}
.service_wrap .service_Dbtn a:hover{
	background:none;
	color:none;
}

/* 이야 끝 */	
/* IR */
#wrap #container .IR_cont{
	width:100%;
	min-height:100%; 
}
#wrap #container .IR_cont .ir_wrap{
	width:100%;
	margin:0 auto;
	height:100%;
}
#wrap #container .IR_cont .ir_wrap>div{
	width:100%;
	margin:0 auto;
}
#wrap #container .IR_cont .ir_wrap h2{
	font-size:46px;
	font-weight:bold;
	padding-top:0px;
}
#wrap #container .IR_cont .ir_wrap h3{
	font-size:16px;
	margin-bottom:30px;
	line-height:28px;
	letter-spacing:-1.5px;
	position:relative;
}
/* #wrap #container .IR_cont .ir_wrap h3:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:200px;
	height:3px;
	margin:0 auto;
	background:#000;
} */
#wrap #container .IR_cont .ir_wrap h4{
	font-size:36px;
	line-height:40px;
	letter-spacing:2px;
	position:relative;
	top:-30px;
	left:0px;
	text-align:center;
	font-weight:bold;
	color:#1187cf;
}
#wrap #container .IR_cont .ir_wrap h5{
	font-size:15px;
	line-height:23px;
	letter-spacing:-1px;
	position:relative;
	top:0px;
	left:0;
	text-align:center;
	font-weight:bold;
	padding:0 35px;
}
#wrap #container .IR_cont .ir_wrap h6{
	font-size:18px;
	letter-spacing:-2px;
	position:absolute;
	top:565px;
	left:0;
	text-align:left;
	color:#000;
}
#wrap #container .IR_cont .ir_wrap>div:after{
	content:"";
	display:block;
	clear:both;
}
#wrap #container .IR_cont .ir_wrap .ir_Lt{
	float:none;
	width:100%;
	padding:0 30px;
}
#wrap #container .IR_cont .ir_wrap .ir_Lt img{
	display:block;
	width:100%;
	border-radius:300px 300px 0 0;
	filter:drop-shadow(-14px 8px 0px #b3d9f3);
}
#wrap #container .IR_cont .ir_wrap .ir_Rt{
	float:none;
	width:100%;
	position:relative;
}
#wrap #container .IR_cont .ir_wrap .ir_Dbtn:after{
	content:"";
	display:block;
	clear:both;
}
#wrap #container .IR_cont .ir_wrap .ir_Dbtn>div{
	float:none;
	width:100%;
}
#wrap #container .IR_cont .ir_wrap .ir_Dbtn>div:nth-of-type(1)>a{
	margin-left:auto;
	margin-top:50px;
	margin:30px auto 10px auto;
}
#wrap #container .IR_cont .ir_wrap .ir_Dbtn>div:nth-of-type(2)>a{
	margin:10px auto;
}
#wrap #container .IR_cont .ir_wrap .ir_Dbtn>div:nth-of-type(3)>a{
	margin-right:auto;
	margin-top:50px;
	margin:0px auto 50px auto;
}
#wrap #container .IR_cont .ir_wrap .ir_Dbtn a{
	display:block;
	width:200px;
	line-height:50px;
	border:1px solid #2225;
}
#wrap #container .IR_cont .ir_wrap .ir_Dbtn a:hover{
	background:#222;
	color:#fff;
}

/* IR끝 */
/* 채용절차 */
#wrap #container .process_cont{
	width: 100%;
    padding: 0;
    height:100%;
}
#wrap #container .process_wrap h1{
	font-size: 25px;
	margin-top:50px;
    margin-bottom: 80px;
    text-align: center;
    font-weight:bold;
}
.process_in::after{
	clear:both;
	content:"";
	display:block;
}
.process_in li{
	width:25%;
	float:left;
	text-align:center;
}
.process_in li:last-child{
	margin-right:0;
}
.process_in li a{
	display:block;
	width:100%;
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#444444;
}
.process_in li a.process_txt{
	margin-top:40px;
	color:#444444;
}
.process_in .process_arrow{
	width:50px;
	margin:0;
}
#wrap #container .process_cont .careers_text{
	margin-top:80px;
}
#wrap #container .process_cont .careers_text dt,
#wrap #container .process_cont .careers_text dd{
	font-size:16px;
	margin-bottom:10px;
	text-align:center;
}
/* 채용절차 끝 */
	/*모바일  footer */
#wrap #footer{
	background-color:#ddd;
	width:100%;
	height:auto;
}
#wrap .footer_area{
	width:100%;
	margin:0 auto;
	
}
#wrap #footer li,
#wrap #footer a{
	color:#222;
}
#wrap #footer>.footer_area:after{
	display:block;
	content:"";
	clear:both;
}
#wrap #footer .footer_logo{
	width:100%;	
	float:none;
}
#wrap #footer .footer_logo img{
	margin-top:20%;
}
#wrap #footer .company{
	width:100%;
	float:left;
}
#wrap #footer .company small{
	color:#999999;
}
#wrap #footer .family_site{
	width:100%;
	float:left;
}
#wrap #footer .company, 
#wrap #footer .family_site{
	margin-top: 30px;
	line-height: 15px;
}
#wrap #footer .footer_select{
	height:25px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	cursor:pointer;
}
#wrap #footer .family_site a{
	padding:3px 5px;
	border:1px solid #cccccc;
	margin-right:10px;
	vertical-align:middle;
	font-weight:500;
}
#wrap #footer .family_site a:hover{
	font-weight:bold;
}
#wrap #footer .company p > small{
	color: #ddd;
}
#wrap #footer .company a:hover{
	text-decoration: none;
	font-weight: bold;
}
#wrap #footer .copyright{
	margin-top: 20px;
	color: #6f6a6c;

}
}

/* list.jsp media 추가 */
  /* Chrome, Safari, Edge, Opera */
        input[type="number"]::-webkit-outer-spin-button,
        input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        input[type="number"] {
            -moz-appearance: textfield;
        }
        
@media screen and (max-width: 599px) {
  #iiya_mainImg_web {
    display: none;
  }
  .iiya_mainImg_mobile {
  	display: block;
  }
  
}

@media screen and (min-width: 600px) {
  #iiya_mainImg_web {
    display: block;
  }
  .iiya_mainImg_mobile {
  	display: none;
  }
  
}

@media screen and (max-width: 540px) {
    .text_btn {
        display: inline-block;
        width: fit-content;
        margin: 1rem 10px;
        height: 40px;
        background-color: #6F58A3;
        font-size: 26px;
        border-radius: 33.5px;
        color: white;
    }
    .text {
    	width: 80%;
    }
    .sub_phrase, .sub_emphasis, .sub_line_color, .sub_line{
        font-size: 26px;
    }
    .faq-question {
        font-size: 23px;
    }
    .main_phrase, .main_line {
        font-size: 30px;
    }
     .main_phrase{
       margin-top: 10%;
    }

    .main_title_color, .main_title_color_bg, .main_title_color_line {
        font-size: 5dvh;
    }

    .sub_title_line, .sub_title, .sub_title_color {
        font-size: 40px;
    }
    .inquiry-ment {
     font-size: 12px;
    }
    #main_content_benefit1{
    padding:0 !important;
    }
   .inquiry-ment-sub{
    font-size: 12px;
   }
/*    #modal_body{
      width:
   } */
   #about,#benefit1,#benefit2,#price,#howto,#agreepay,#product-info,#pos,#customer-advertisement,#intro-video,.inquiry{
    padding: 50px 0 !important;
   }
   .inquiry-main{
    width: 100% !important;
    }
    .youtube_content {
    width: -webkit-fill-available !important;
	}
	img {
		margin: 0px 10px;
		width: 80%;
	}
	.combination-img {
  	  width: 94% !important;
    }
    #combination-section > div {
        gap: 10vh;
    }
	.bottom_btn>#move_button>picture>img{
		width: 80px;
	}
	#iiyyaorder-price{
	   width: 80% !important;
	}
	#process1 > img, #process2 > img, #process3 > img, #process4 > img, #process4 > img,#process2-waiting > img, #process3-waiting > img, #process4-waiting > img,  .menu_btn {
		width: auto;
		margin: 0px;
	}
	#NFC-content > img{
	    margin: 0px -50px;
        width: 139%;
	}
	#NFC-content >.text {
	 width:200px;
	}
	#NFC-content >.text >.main_phrase{
	 font-size: 40px;
	 margin-top: 23%;
	}
	#NFC-content >.text >.main_phrase >.main_line{
	font-size: 40px;
	}
	.waiting-process-list{
	  padding:0;
	}
	/* .waiting-container{
	background-color:lightgray !important;
	} */
	.waiting-img{
	 margin:20px 0;
	}
	.sns_logo_img {
		width: auto;
		margin: 2dvh;
	}
	.menu_btn > img {
		width: 60%;
	}
	.iiya_mainImg_mobile {
		margin: 0px;
		width: 100vw;
	}
	.bottom_arrow {
		width: 15px;
	}
	.youtube_title {
		font-size: 20px;
	}
	.title-ment, label {
		font-size: 25px !important;
	}
	.con0_iiyya {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.faq-container {
		margin: 0px 25px;
	}
	#kakao  {
		display: none;
	}
	.waiting-img{
	width: 100%;
    display: flex;
    justify-content: center;
     }
	.waiting-use{
	width: 805px !important;
	max-width: 45%;
	}
}

@media screen and (max-width: 1160px){
	#process4 {
		padding-top: 0px;
	}
}

@media screen and (max-width: 805px){
	#process3 {
		padding-top: 0px;
	}
	.process_list {
		padding-top: 0px;
		flex-direction: column;
		row-gap: 0px;
	}
}
@media screen and (max-width: 500px){
	.main-slide-video {
    width: 94% !important;
    height: 88% !important;
    object-fit: cover;
    padding: 0px 3%;
    border-radius: 40px;
  }
}