@charset "utf-8";
/* CSS Document */

/*web*/
@media only screen and (max-width: 1500px) {
	/*main_visual*/
	.main_visual .swiper-button-prev{position:absolute;top:52px;left:150px;}
	.main_visual .swiper-button-next{position:absolute;top:52px;right:150px;}
}
@media only screen and (max-width: 1100px) {
	/*topArea*/
	.header_wrap{width:98%;}
	.header_wrap .topmenu_area .mini_btn{margin:32px 5% 0 0;}
	.header_wrap .searchArea{width:240px !important;}
	.header_wrap .searchArea input{width:82% !important;}
	/*gnb*/
	#gnb .gnb{width:99% !important;}
	#gnb .gnb li{margin-left:2%;}
	#gnb .gnb a.menu{margin-right:2% !important;}
	/*main_icon*/
	#main_icon .main_icon_warp{width:inherit;}
	#main_icon  .main_icon_warp ul{padding-left:7%; margin:0;}
	#main_icon  .main_icon_warp ul li{padding:0 30px;}
	/*main_list*/
	#main_list .main_list_warp{width:96%; margin:0 auto;}
	#main_list .main_list_warp .list_01{margin:0 1% 0 0;}
	/*main_service*/
	#main_service .main_service_warp{width:95%;}
	#main_service .main_service_warp .Portlet_tab_main{width:100%; margin:0 0 30px 0 !important;}
	#main_service .main_service_warp .Portlet_tab_main ul{width:100%;}
	/*popupzone*/
	#main_service .popupzone{width:48%; margin-right:2%; }
	#main_service .popupzone .popup_img{width:100%; height:200px;  }
	#main_service .popupzone .popup_img img{width:100%; height:200px; }
	#main_service .popupzone .popup_img .popup_01{background:url(../images/main/popup_object.gif) no-repeat right bottom #ede9cb; background-size: 70%;width:100%;height: 100%;  display:inline-block;}
	#main_service .popupzone .popup_img .popup_01 h5{color:#345216; font-size:20px; font-weight:500; width:90%; text-align:justify; padding-top:5%;margin:0 auto;}
	#main_service .popupzone .popup_img .popup_01 p{color:#595656; font-size:14px; font-weight:200; width:90%; text-align:justify; margin:0 auto;padding-top:2%; letter-spacing:-1px;}
	/*worksupport*/
	#main_service .worksupport{width:50%; display:inline-block; }
	#main_service .worksupport:after{clear:both; display:block; content:"";}
	#main_service .worksupport ul{width:100%; height:200px;  }
	#main_service .worksupport ul li a{width:100%; margin-top:12px; font-size:16px;}
	#main_service .worksupport ul li.support_01{margin-top:20px;}
	/*quickmenu
	#main_service .quickmenu{width:100%;}
	#main_service .quickmenu ul{  overflow-y:hidden; height:50px;}
	#main_service .quickmenu ul li{ margin-right:2%;}
	#main_service .quickmenu .quick_menu_prev{position:absolute; top:10px; left:0;}
	#main_service .quickmenu .quick_menu_next{position:absolute; top:10px; right:0;}*/
	/*footer*/
	#footer .footer_wrap{width:95%;}
	/* allmenu 
	.allmenu{display:none; position:absolute; top:146px; left:0; width:100%; padding:25px 0; border-top:1px solid #c3c4c6; border-bottom:1px solid #c3c4c6; background:#fff; z-index:9999; box-shadow:0 1px #c3c4c6;}
	.allmenu:after{clear:both; display:block; content:"";}
	.allmenu .warp{position:relative;width:95%; margin:0 auto;}
	.allmenu .warp ul>li{float:left; margin-right:19px;}
	.allmenu .warp ul li.wm{width:440px;}
	.allmenu .warp ul.1depth_02{margin-top:20px;}
	.allmenu .warp>ul:after{clear:both; display:block; content:"";}*/
	/*popupzone*/
	.popup{width:47%;display:inline-block; position:relative; overflow:hidden; float:left; margin-right:20px;}
	.popup_slider{width:100%; height:210px; }
	.popup_slider img{width:99%; height:196px; margin-top:12px;  border:1px solid #d1d2d3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  }
	/*allmenu*/
	.allmenu .wrap{width:95%;}
	.allmenu .wrap .allmenu_title{width:20%;}
	.allmenu .wrap>ul{width:75%; background-image:none !important;}
	.allmenu .wrap ul li.depth_01{ margin-right:5%; width:120px;}
	/*gnbmenu*/
	#gnb .depth_2 .wrap{width:100%;}
	#gnb .depth_2 .wrap div{width:30%;}
	#gnb .depth_2 .wrap>ul{width:65%;margin-left:2%;}
	#gnb .depth_2>li{margin-left:4%;}
	/*footer*/
	.add_footer_wrap{width:95%;}	
	/*main_visual*/
	.main_visual .swiper-button-prev{position:absolute;top:52px;left:100px;}
	.main_visual .swiper-button-next{position:absolute;top:52px;right:100px;}
	


}

@media only screen and (max-width: 1025px) {
	.allmenu .warp ul li.wm{width:400px;}
	.allmenu .warp .wm .wm_cl{clear:inherit !important;}
}

@media only screen and (max-width: 1005px) {
	#main_list .main_list_warp{width:99%; margin:0 auto;}
	#main_list .main_list_warp .list_01{margin:0 1% 0 0;}
	#main_service .quickmenu ul li{ margin-right:1%;}
	/* Section 04 */
	.sec04{width:785px;padding:20px 0;margin:10px auto 0 auto;}
	.quickmenu_wrap{width:715px;position:relative;padding:0 25px;}
	/*allmenu
	.allmenu .warp li.wm li{width:114px;}
	.allmenu .warp .wm .wm_cl{clear:both !important;}*/
	/*main_icon*/
	#main_icon  .main_icon_warp ul{padding-left:3%;}
}


@media only screen and (max-width: 980px) {
	/*topArea*/
	.header_wrap{width:98%;}
	.header_wrap h1{ width:38% !important;}
	.header_wrap h1 img{ width:100%; height:100%;}
	.header_wrap .topmenu_area .mini_btn{margin:32px 2% 0 0;}
	.header_wrap .searchArea{width:200px !important;}
	.header_wrap .searchArea input{width:80% !important;}	
	/*main_icon*/
	
	#main_icon  .main_icon_warp{width:inherit; box-sizing:border-box;}
	#main_icon  .main_icon_warp ul li{padding:0 10%;margin-bottom:20px; float:inherit;}
	#main_icon  .main_icon_warp ul{width:100%; box-sizing:border-box;}
	.Portlet_tab_normal>ul, .Portlet_tab_normal_02>ul{float:left; margin-left:110px !important;}
	.Portlet_tab_normal, .Portlet_tab_normal_02, .Portlet_tab_normal li li, .Portlet_tab_normal_02 li li{width:100%;}
	#main_icon  .main_icon_warp ul li.icon_03{background-image:none;}
	.Portlet_tab_normal li li .title, .Portlet_tab_normal_02 li li .title{width:100%;}
	/*main_list*/
	#main_list .main_list_warp{width:95%;}
	#main_list .main_list_warp .list_01{width:100%; margin:0; background-color:#fff;}
	#main_list .main_list_warp .list_02{width:100%; margin-top:20px; background-color:#fff;}
	#main_list .main_list_warp .Portlet_tab_normal{margin:0 auto; display:inline-block;}
	#main_list .main_list_warp .Portlet_tab_normal>ul{margin-right:0; position:static;}
	#main_list .main_list_warp .Portlet_tab_normal_02>ul{margin-right:0; position:static;}
	#main_list .main_list_warp .Portlet_tab_normal li ul, #main_list .main_list_warp .Portlet_tab_normal_02 li ul{ width:100% !important; box-sizing:border-box;}
	
	.Portlet_tab_normal  li div, .Portlet_tab_normal_02 li div{left:0;}
	/*main_service*/
	#main_service .main_service_warp{width:95%;}
	#main_service .main_service_warp .Portlet_tab_main{width:100%; margin:0 0 30px 0 !important;}
	#main_service .main_service_warp .Portlet_tab_main ul{width:100%;}
	/*quickmenu
	#main_service .quickmenu ul{}
	#main_service .quickmenu ul li{ margin-right:1%;}
	#main_service .quickmenu ul li a{width:204px;}*/
	/* Section 04 */
	.sec04{width:775px;padding:20px 0;margin:10px auto 0 auto;}
	.quickmenu_wrap{width:705px;position:relative;padding:0 25px;}
	/* allmenu 
	.allmenu{display:none; position:absolute; top:146px; left:0; width:100%; padding:25px 0; border-top:1px solid #c3c4c6; border-bottom:1px solid #c3c4c6; background:#fff; z-index:9999; box-shadow:0 1px #c3c4c6;}
	.allmenu:after{clear:both; display:block; content:"";}
	.allmenu .warp{position:relative;width:95%; margin:0 auto;}
	.allmenu .warp ul li.menu01{float:left; margin-bottom:20px;}
	.allmenu .warp ul li.menu01 li{margin-right:35px;}
	.allmenu .warp ul li.menu01 li li{margin-right:15px !important;}
	.allmenu .warp ul li.wm{display:block; clear:both; width:100%;}
	.allmenu .warp ul li.wm li{width:130px; display:inline-block;}
	.allmenu .warp ul li li{clear:inherit; }
	.allmenu .warp li.wm_mn li{ margin-right:25px !important; }*/
	/*gnbmenu*/
	#gnb .depth_2 .wrap{width:100%;}
	#gnb .depth_2 .wrap div{width:30%;}
	#gnb .depth_2 .wrap>ul{width:65%;margin-left:3%;}
	#gnb .depth_2>li{margin-left:2%;}
	#gnb .depth_2 .wrap ul li.depth_01{float:left;  width:125px;}
	/*main_visual*/
	.main_visual .swiper-button-prev{position:absolute;top:52px;left:50px;}
	.main_visual .swiper-button-next{position:absolute;top:52px;right:50px;}
	
}
@media only screen and (max-width:890px){
	.add_footer_wrap .inputbox{clear:both; float:inherit; margin-top:15px; display:inline-block;}
}
@media only screen and (max-width:860px){
	/*allmenu*/
	.allmenu .wrap{width:100%;}
	.allmenu .wrap .allmenu_title{width:23%;}
	.allmenu .wrap>ul{width:65%; background-image:none !important; margin:30px 0 0 30px;}
	.allmenu .wrap ul li.depth_01{ margin-right:2%; width:120px;}
	.allmenu .wrap a.btn_close{position:absolute; top:20px; right:20px;}
	/*gnbmenu*/
	#gnb .depth_2 .wrap{width:100%;}
	#gnb .depth_2 .wrap .title_01, #gnb .depth_2 .wrap .title_02, #gnb .depth_2 .wrap .title_03, #gnb .depth_2 .wrap .title_04, #gnb .depth_2 .wrap .title_05, #gnb .depth_2 .wrap .title_06, #gnb .depth_2 .wrap .title_07, #gnb .depth_2 .wrap .title_08{width:25%;}
	#gnb .depth_2 .wrap>ul{width:72%;margin-left:2%;}
	#gnb .depth_2>li{margin-left:2%;}
	#gnb .depth_2 .wrap ul li.depth_01{float:left;  width:125px;}

}
	
@media only screen and (max-width:850px) {
	/*topArea*/
	.header_wrap{width:98%;}
	.header_wrap .topmenu_area .mini_btn{margin:32px 2% 0 0;}
	.header_wrap .searchArea{width:170px !important;}
	.header_wrap .searchArea input{width:80% !important; padding-left:5px !important;}
	/*quickmenu
	#main_service .quickmenu ul{margin-left:8%;}
	#main_service .quickmenu ul li{ margin-right:1%;}*/
	/* Section 04 */
	.sec04{width:655px;padding:20px 0;margin:10px auto 0 auto;}
	.quickmenu_wrap{width:595px;position:relative;padding:0 25px;}
	
}

@media only screen and (max-width:820px) {
	/*allmenu*/
	.allmenu .wrap{width:100%;}
	.allmenu .wrap .allmenu_title{width:20%; padding: 0 10px;}
	.allmenu .wrap>ul{width:65%; background-image:none !important; margin:30px 0 0 30px;}
	.allmenu .wrap ul li.depth_01{ margin-right:2%; width:115px;}
	.allmenu .wrap ul li.depth_01>a{font-size:20px;}
	.allmenu .wrap ul li.depth_01>a:hover{font-size:20px;}
	.allmenu .wrap ul li.depth_01 ul li a{font-size:13px;}
	.allmenu .wrap a.btn_close{position:absolute; top:20px; right:20px;}
}

/*Tablet*/
@media only screen and (max-width:800px) {
	/*header*/
	#header{display:none;}
	#mb_header{display:inline-block;min-width:100%; border-bottom:2px solid #f4f5f7; z-index:999 !important;}
	#mb_header:after{clear:both; display:block; content:"";}
	#mb_header .mb_header_warp{position:relative;width:92%; margin:0 auto; padding:25px 0; }
	#mb_header .mb_header_warp:after{clear:both; display:block; content:"";}
	#mb_header .mb_header_warp h1{ width:321px; margin:0 auto; }
	#mb_header .mb_header_warp .search{position:absolute; top:25px; left:0;}
	#mb_header .mb_header_warp .info{position:absolute; top:25px; right:35px;}
	#mb_header .mb_header_warp .menu{position:absolute; top:25px; right:0;}
	/*gnb*/
	#gnb{display:none;}
	/*main_icon*/
	#main_icon  .main_icon_warp{width:100%;}
	#main_icon  .main_icon_warp ul li{padding:0 7%;}
	#main_icon  .main_icon_warp ul li:before{padding:0 7%;}
	#main_icon  .main_icon_warp ul{padding-left:3%; width:100%; }
	/*popupzone*/
	#main_service .popupzone{width:100%;}
	#main_service .popupzone .popup_img{heigth:180px;}
	#main_service .popupzone .popup_img .popup_01{background:url(../images/main/popup_object.gif) no-repeat right bottom #ede9cb; background-size: 50%;width:100%;height: 100%;  display:inline-block;}
	#main_service .popupzone .popup_img .popup_01 h5{color:#345216; font-size:20px; font-weight:500; width:90%; text-align:justify; padding-top:4%;margin:0 auto;}
	#main_service .popupzone .popup_img .popup_01 p{color:#595656; font-size:14px; font-weight:200; width:90%; text-align:justify; margin:0 auto;padding-top:1%; letter-spacing:-1px;}
	/*worksupport*/
	#main_service .worksupport{ width:100%;margin-top:20px;}
	#main_service .worksupport ul{ height:180px; }
	#main_service .worksupport ul li.support_01{margin-top:12px;}
	/*quickmenu
	#main_service .quickmenu ul li a{width:170px; }
	#main_service .quickmenu ul li a img{ width:100%; }*/
	/* Section 04 */
	.sec04{width:575px;padding:20px 0;margin:10px auto 0 auto;}
	.quickmenu_wrap{width:515px;position:relative;padding:0 25px;}
	/*allmenu
	.allmenu{display:none; position:absolute; top:73px; left:0; width:100%; padding:25px 0; border-top:1px solid #c3c4c6; border-bottom:1px solid #c3c4c6; background:#fff; z-index:9999; box-shadow:0 1px #c3c4c6;}
	.allmenu .warp ul li.menu01 span.title{font-size:20px;}*/
	/*mobile_search*/
	.mb_search{display:none; position:absolute; top:73px; left:0; width:100%; height:73px; background-color:#01479d;  z-index:9999;}
	.mb_search .warp{position:relative;}
	.mb_search input{width:75%; display:inline-block; background-color:#01479d; margin:5px 0 0 5px; padding:20px; border:none;  color:#fff; font-size:15px; float:left;}
	.mb_search fieldset a{position:absolute; top:18px; right:60px;}
	.mb_search a.btn_close{ position:absolute; top:18px; right:20px;}
	.mb_search input{color::#fff;}
	/*popupzone*/
	.popup{width:100%;display:inline-block; position:relative; overflow:hidden; float:left; margin-right:20px;}
	.popup_slider{width:100%; height:300px; }
	.popup_slider img{width:100%; height:286px; margin-top:12px;  border:1px solid #d1d2d3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  }
	/*main_visual*/
	.main_visual .swiper-button-prev{display:none;}
	.main_visual .swiper-button-next{display:none;}

}
@media only screen and (max-width:760px) {
	#footer .footer_wrap .inputbox{width: 165px;}
	#footer .footer_wrap .inputbox select{display:block; margin-bottom:4px;}
}

@media only screen and (max-width:640px) {
	/*quickmenu*/
	#main_service .quickmenu ul{margin-left:15%;}
	#main_service .quickmenu ul li{margin-right:2%;}
	#main_service .quickmenu ul li a{width:200px; }
	#main_service .quickmenu ul li a img{ width:100%; }
	/* Section 04 */
	.sec04{width:505px;padding:20px 0;margin:10px auto 0 auto;}
	.quickmenu_wrap{width:445px;position:relative;padding:0 25px;}
	/*footwe*/
	#footer .footer_wrap .inputbox{width: 100%; margin-top:85px;}
	#footer .footer_wrap .inputbox select{width:100%; height:50px; lin-height:50px; margin-bottom:4px;}
	.add_footer_wrap .inputbox select{width:150px !important;}	
}

/*mobile*/
@media only screen and (max-width:560px) {
	/*header*/
	#mb_header .mb_header_warp h1{ display:inline-block; margin-left:15%;}
	#main_icon  .main_icon_warp ul{padding-left:4%;}
	#main_icon  .main_icon_warp ul li{padding:0 4%;}
	/*main_list*/
	#main_list .main_list_warp .Portlet_tab_normal li li .title, #main_list .main_list_warp .Portlet_tab_normal_02 li li .title{width:80% !important;}
	.Portlet_tab_normal li ul.main_notice, .Portlet_tab_normal li ul.list_notice, .Portlet_tab_normal_02 li ul.main_notice, .Portlet_tab_normal_02 li ul.list_notice{background-color:inherit;}
	/*quickmenu
	#main_service .quickmenu ul{margin-left:10%;}*/
	/*footer*/
	#footer .footer_wrap{ text-align:center;}
	#footer .footer_wrap .footer_menu{display:inline-block; margin:0 auto;}
	#footer .footer_wrap .footer_copy li{height:inherit;}

	/* Section 04 */
	.sec04{width:435px;padding:20px 0;margin:10px auto 0 auto;}
	.quickmenu_wrap{width:385px;position:relative;padding:0 25px;}
	
}

@media only screen and (max-width:530px) {
	/*header*/
	#mb_header .mb_header_warp{position:relative;width:95%; margin:0 auto; padding:25px 0; }
	#mb_header .mb_header_warp h1{ display:inline-block; margin-left:12%; }
	/*quickmenu*/
	#main_service .quickmenu ul{margin-left:5%;}
	/* Section 04 */
	.sec04{width:385px;padding:20px 0;margin:10px auto 0 auto;}
	.quickmenu_wrap{width:325px;position:relative;padding:0 25px;}


}
	
@media only screen and (max-width:500px) {
	/*Portlet_tab_normal*/
	#main_list .main_list_warp .list_01{background-color:#fff;}
	.Portlet_tab_normal{width:100% !important;position:absolute; top:-2px; left:0;display:inline-block;  height:238px;}
	.Portlet_tab_normal ul{  margin:0 200px 0 20px;}
	.Portlet_tab_normal>ul, .Portlet_tab_normal_02>ul{float:left; margin-left:110px !important;}
	.Portlet_tab_normal li a.more_tap, .Portlet_tab_normal_02 li a.more_tap{top:-32px !important;}
	.Portlet_tab_normal li li a{width:120%;}
	.Portlet_tab_normal li li{float:left;}
	.Portlet_tab_normal li div{position:absolute; left:0; top:45px; }
	.Portlet_tab_normal li ul.main_notice{padding:20px 0 0 20px !important;}
	.Portlet_tab_normal .main_notice li{width:100%;}
	.Portlet_tab_normal li li{width:80%; }
	.Portlet_tab_normal .list_notice{width:90%;padding:10px 0 14px 20px !important;}
	.Portlet_tab_normal .main_notice p.main_title span{width:inherit;}
	.Portlet_tab_normal li li span.date, .Portlet_tab_normal_02 li li span.date, .Portlet_tab_main li li span.date{display:none;}
	/*Portlet_tab_normal_02*/
	#main_list .main_list_warp .list_02{ background-color:#fff; }
	.Portlet_tab_normal_02{width:100% !important;position:absolute; top:-2px; left:0;display:inline-block;  height:238px;}
	.Portlet_tab_normal_02 ul{ margin:0 200px 0 20px;}
	.Portlet_tab_normal_02 li li{float:left;}
	.Portlet_tab_normal_02 li div{position:absolute; left:0; top:45px; }
	.Portlet_tab_normal_02 li ul.main_notice{padding:20px 0 0 20px !important;}
	.Portlet_tab_normal_02 .main_notice li{width:100%;}
	.Portlet_tab_normal_02 li li{width:80%; }
	.Portlet_tab_normal_02 .list_notice{width:90%;padding:18px 0 14px 20px !important;}
	.Portlet_tab_normal_02 .main_notice p.main_title span{width:inherit;}
	.sec04{width:240px;}
	.quickmenu_wrap{width:200px;}
}


@media only screen and (max-width:490px) {
	/*header*/
	#mb_header .mb_header_warp h1{ display:inline-block; margin-left:15%; width:auto !important; }
	#mb_header .mb_header_warp .search{position:absolute; top:25px; left:0;}
	#mb_header .mb_header_warp .mb_menu{float:right;}
	#mb_header .mb_header_warp .mb_menu .menu{margin-left:10%;}
	/*quickmenu
	#main_service .quickmenu ul li a{width:180px; }
	#main_service .quickmenu ul{margin-left:8%;}*/
	.Portlet_tab_normal li li{width:90%; }
	.Portlet_tab_normal_02 li li{width:90%; }
	#mb_header .mb_header_warp h1 img{width:80%; height:80%;}
	/*footer*/
	.footer_copy{margin-top:20px !important;}
	.add_footer_wrap:after{clear:both; display:block; content:"";}
	.add_footer_wrap .footer_menu{padding-bottom:20px;}
	.add_footer_wrap .inputbox{display:block; background-image:none;  border-top:1px solid #d1d2d3; padding:10px 0 0 0;}
	.add_footer_wrap .inputbox li{float:inherit !important;width:100% !important; }
	.add_footer_wrap .inputbox select{float:inherit;width:100% !important; background-image:none; padding-left:0;margin:0 0 5px 0;}	
	
}
@media only screen and (max-width:450px) {
	#main_icon  .main_icon_warp ul li{padding: 0 4%;}
}
@media only screen and (max-width:420px) {
	/*header*/
	#mb_header .mb_header_warp h1{ display:inline-block; margin-left:14%; }
	#mb_header .mb_header_warp h1 img{width:75%; height:75%;}
	#main_icon  .main_icon_warp ul li{padding: 0 2%;}
	.Portlet_tab_main li li a.title{max-width:65%;}
	#footer .footer_wrap .footer_menu{display:none;}
	#footer .footer_wrap .footer_copy{margin-top:-20px;}

}

@media only screen and (max-width:340px) {
	.sec04{width:220px;}
	.quickmenu_wrap{width:160px;}
	#main_icon  .main_icon_warp ul li{padding: 0 1%;}
}
	

@media only screen and (max-width:330px) {
	.Portlet_tab_normal .main_notice p.main_title span{width:70%;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }
	.Portlet_tab_normal_02 .main_notice p.main_title span{width:70%;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; }

}
	
	
@media only screen and (max-width:320px) {
	#main_icon  .main_icon_warp ul li{padding: 0;}
}