@charset "utf-8";

/* 320부터 */
@media all and (min-width: 320px) and (max-width: 480px){
	.wrap{position:relative; min-width:320px ! important;}
	#main_banner_wrap {height: 336px;}
	.header_wrap {height:60px;}
	.sub_slide_wrap{display:none ! important;}
	.header_wrap{background-color:transparent ! important;}
	.logo{display:none;}
	.m_logo{display:block ! important;}
	.m_menu{display:block;}
	.m_gnb_logo img{margin-left:-60px ! important;}
	.m_gnb > li > a {font-size:14px;}
	.gnb{display:none ! important;}
	.main_txt{width:320px; height:100%; padding-left: 20px; margin-top:130px;}
	#main_contents{width:90%; margin:0 auto;}

	.main_txt h3 {font-size:18px; margin-bottom:15px;}
	.main_txt p {font-size:12px; line-height:20px;}
/* 	.main_btn {visibility: hidden;} */

	.notice_wrap {height: 40px; margin-top: 0;}
	.notice_wrap h4 {font-size: 12px; padding: 11px 25px 0 17px; float: left;}
	.notice_txt {margin-top:10px; width:33%; font-size:12px;}
	.notice_txt a {display:none !important;}
	.notice_txt p{width:100%; margin-top:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.notice_span{display: block; width:100%; font-size:13px; margin-top:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.notice_icon {float: right; margin:9px 20px 0 0;}
	.notice_icon .arrow_btn{display:none !important;}
	.notice_icon .plus {font-size:12px;}
	.bx-viewport{height: 18px !important;}
	.bx-wrapper ul:after{content: "...";}             /* 안됨 */


	.business_area {margin-top:30px;}
	.business_area h4, .service_area h4{font-size:18px;}
	.business_area p {font-size:13px; width: 84%; margin: 0 auto;}
	.business_wrap{margin-top:20px;}
	.business{padding:10px 0; box-sizing:border-box;}
	.business dt {width: 40px; height: 40px ;margin: 0px 28px; background-size: 85px;}
	.business dd {font-size:10px; font-weight:normal;}

	.line {/* top:646px; */ top:627px !important;}

	.service_area {margin-top:60px !important;}
	.service_item_cont{width:320px; height:100px; margin-right:1.667%; transition:none;}
	.service_area div{width:100% !important;}
	.open_wrap{width:320px !important;}
	.service_item_cont .open_wrap {padding:0;}
 	.service_item_cont.item01, .service_item_cont.item01.open{background-position:-160px !important;}
	.service_item_cont.item02, .service_item_cont.item02.open{background-position:-210px !important;}
	.service_item_cont.item03, .service_item_cont.item03.open{background-position:-258px !important;}
	.service_item_cont.item05, .service_item_cont.item05.open{background-position:-255px !important;}
	.service_item_cont{transition: none;}
	.service_item_cont.item01 .open_wrap, .service_item_cont.item02 .open_wrap, .service_item_cont.item03 .open_wrap, .service_item_cont.item04 .open_wrap, .service_item_cont.item05 .open_wrap{padding:0;}
	.service_item_cont.item01 .open_wrap .tit, .service_item_cont.item02 .open_wrap .tit, .service_item_cont.item03 .open_wrap .tit, .service_item_cont.item04 .open_wrap .tit, .service_item_cont.item05 .open_wrap .tit{font-size: 16px; text-align:center; line-height:100px;}
	.service_item_cont.item01 .open_wrap .txt, .service_item_cont.item02 .open_wrap .txt, .service_item_cont.item03 .open_wrap .txt, .service_item_cont.item04 .open_wrap .txt, .service_item_cont.item05 .open_wrap .txt{display:none;}
	.service_item_cont .close_wrap{display:none;}
	.service_item_cont .open_wrap {display:inline-block;}


	#header{width:100%; height:100%; margin:0 auto; overflow:hidden; line-height:80px;}
	.logo_wrap a img {width:75%; margin-top:15px; margin-left:20px;}
	#footer{width:90%; margin:0 auto;}
    .footer_wrap {height:100px; margin-top:30px;}
    .footer_logo {margin-right:0; margin-top:15px;}
    .footer_img {width:75%; margin-bottom:0;}
    .footer_txt {width:100%; font-size:9px; margin-top:7px;}
    .footer_txt a {font-size:8px;}
    .footer_txt a.login{display:none ! important;}

	.sub_tnb > li > a{font-size:15px;}
	.sub_tnb li a{font-size:14px;}
	.open_arrow{width:12px;}
	#sub_banner_wrap, #sub_banner_solution_wrap, #sub_banner_service_wrap, #sub_banner_ito_wrap  {height:150px !important;}
	#sub_wrap{width: 90% !important;}
	.sub_txt h3 {font-size: 20px !important; margin-bottom: 15px !important; margin-top: 73px !important;}
 	.sub_tit {font-size: 18px !important; margin-top: 30px !important;}
 	.sub_tit::after {height: 21px !important; margin: 9px auto !important; margin-bottom: 15px !important;}
 	#sub_wrap h6 {font-size: 11.5px !important;}



 	/* 회사소개-OVERVIEW */
	.sub_tnb_wrap .home{display:none ! important;}
	.sub_tnb > li{width:50% ! important;}
	.sub_txt{width:100% ! important;}
	.sub_tnb_inner{width:100% ! important;}
	.sub_tnb_sub{width:100%; border-top:none; border-bottom:none;}
	.sub_tnb_sub > li{width:100% !important;}

	.sub_tnb > li:first-child .sub_tnb_sub{border:none ! important;}

 	.company_area { width: 100%; margin-top:20px; margin-bottom:20px; overflow:hidden;}
 	.company {width: 50%; height:125px; margin-right:0; border:none; border-radius:0;}
 	.company dt {font-size:14px;}
	.company dd{font-size:12px ! important;}
	.company:last-child dd{width:100%;}

 	.com_icon:before {background-size: 50%; height: 40px; margin-bottom:10px; margin-top:10px;}

 	.txt_box {padding-bottom: 20px; width:100%;}
 	.txt_box > p {font-size: 12px !important;}
 	.bg_black {width:100%; height:150px ! important;}
 	.wrap_map{height:150px ! important;}
 	.adress_area {height: 0; margin-top: 20px; margin-left: 0; width: 100%;}
 	.adress_area ul{display: inline-block;}
 	.adress_area ul li {padding: 0 0 0 40px;}
 	.adress_area ul li.icon01, .adress_area ul li.icon02{background-size: 8%;}
 	.adress_area ul li:last-child {margin-top: 25px;}
 	.adress_area ul li strong {font-size:13px;}



 	/* 회사소개-경영이념 */
	.sub02_page{width:100%;}


	/* 회사소개-회사연혁 */
 	.history_tit h4{font-size:16px;}
	.history_tit p{font-size:12px; margin-top:10px ! important; margin-bottom:20px;}
	.history_img{width:100%; height:150px;}
	.history_img ul{overflow:hidden;}
	.history_img ul li:first-child{width:50% ! important; height:150px ! important; float:left;}
	.history_img ul li:last-child{width:50% ! important; height:150px ! important; float:left;}
	.history_txt{width:100%; margin-left:20px; margin-top:20px;}
	.history_txt dl{margin-bottom:25px;}
	.history_txt dl dt{/* font-size:18px; */ font-size:16px; display:block;}
	.history_txt dl dd{/* font-size:14px; */ font-size: 9px; /* line-height:25px;*/ line-height: 20px; margin-top:10px; margin-left:15px;}
	.history_txt dl dt::before{vertical-align:top; margin-top:12px;}


	/* 회사소개-사업영역 */
	.business_area_img{width:100%;}
	.client_area ul li{width:calc(50% - 10px) ! important; height:100px; margin-right:10px;}
	.client_area ul li:nth-child(3), .client_area ul li:nth-child(4){margin-top:10px; margin-bottom:10px;}
	.client_area ul li:nth-child(5){margin-right:10px;}
	.client_area ul li:nth-child(6){margin-top:0;}


 	/* 솔루션-전자구매솔루션 */
 	.solution_img {margin-top: 40px !important; width: 100%;}


 	/* 솔루션-모바일 */
 	.mobile_img {width:100%;}
 	.mobile_wrap {margin-top: 25px; padding:0; margin-left: 0px;}
 	.mobile_wrap p {font-size:10px;}
 	.mobile_wrap p::before{width:3px; height:3px; margin-right:5px; margin-top:11px;}


 	/* 솔루션-이슈관리 */
 	.issue_img{width:100%; margin-top:25px ! important;}

	/* 서비스 - ra */
 	.sub_left_tit{/* font-size:18px; */ font-size: 12px; margin-top:50px ! important;}
 	.sub_lt{margin-top:20px !important;}
 	.sub_lt::before{width:4px; height:4px; margin-top:7px;}
	.ra_contents01{width:100%;}
	.ra_contents01 .ra_cont{width:50%; padding:20px; margin-right:0; height:160px;}
	.ra_contents02 .ra_cont{width:50%; padding:20px; margin-right:0; height:185px;}
	.ra_cont dl dt{font-size:14px;}
	.ra_cont dl dt.icon{margin-bottom:10px;}
	.ra_cont dl dd{font-size:11px; margin-top:8px;}
	.ra_contents01 .ra_cont:nth-child(1)::after, .ra_contents01 .ra_cont:nth-child(3)::after, .ra_contents01 .ra_cont:nth-child(5)::after{content: "";
    display: inline-block; width:25px; height:25px; background: url("../images/sub/ra_arrow_icon01.png") center no-repeat;
    position: absolute; background-size:cover; top: 50%; right:-12px ! important; transform: translateY(-50%);
    z-index: 2; left:auto;}
	.ra_contents01 .ra_cont:nth-child(2)::after, .ra_contents01 .ra_cont:nth-child(4)::after, .ra_contents01 .ra_cont:nth-child(6)::after{display:none;}

	.ra_contents02 .ra_cont:nth-child(1)::after, .ra_contents02 .ra_cont:nth-child(3)::after, .ra_contents02 .ra_cont:nth-child(5)::after{content: "";
    display: inline-block; width:25px; height:25px; background: url("../images/sub/ra_arrow_icon01.png") center no-repeat; position: absolute; background-size:cover; top: 50%; right:-12px ! important; transform: translateY(-50%); z-index: 2; left:auto;}
	.ra_contents02 .ra_cont:nth-child(2)::after, .ra_contents02 .ra_cont:nth-child(4)::after, .ra_contents02 .ra_cont:nth-child(6)::after{display:none;}

	.ra_cont:nth-child(3){margin-top:10px;}
	.ra_cont:nth-child(4), .ra_cont:nth-child(5), .ra_cont:nth-child(6){margin-top:10px;}
	.ra_cont dl dt.icon img{width:30px;}

    .ra_tel {font-size: 18px; color: #444; font-weight: bold; margin: 0 auto; padding: 0 0 20 0; width: 174px; text-decoration: underline; transition: 0.3s; pointer-events: auto;}
    .ra_tel:hover {color: #444 ;transform: scale(1.03);}

	/* ito - ito */
	.ito_img_wrap{margin-left:0 ! important;}
	.ito_img{width:100%;}
	.system_area{margin-top:25px;}
	.system_area dl{margin-right:0;}
	.system_area dl dt{float:left; font-size:28px;}
	.system_area dl dd{float:left; margin-top:9px; font-size:16px;}
	.system_area dl:nth-child(3) dd{white-space:normal; width:80%; text-align:left;}


	/* 인재채용 - 인재채용 */
	.employ_img{margin:25px 0;}
	.employ_img ul li{margin-right:10px; width:49px; height:49px; background-size:cover ! important;}
	.employ_txt{font-size:12px; margin-bottom:10px ! important;}
	.employ_table thead tr th{padding:10px; text-align:center; font-size:13px;}
	.employ_table tbody tr td{padding:10px; font-size:12px;}

	.employ_Inq{height:100px; background:transparent ! important; padding-left:10px; width: 100%;}
	.employ_Inq table tbody tr td{width:50%; padding-left:50px;}
	.employ_Inq table tbody tr td.icon01{display:block; background-size:35px; width:100%; line-height:60px; font-size:16px;}
	.employ_Inq table tbody tr td.icon02{display:block !important; background-size:35px; width:100%; line-height:60px; font-size:16px;}
	.employ_Inq dl{display:block !important;}
	.employ_Inq table{display:none !important;}

	.walfare_area ul li{width:calc(50% - 5px); height:150px; margin-right:10px; margin-bottom:10px; padding:5px 10px; text-align:center; background-position:50% 15px ! important; background-size:30% ! important;}
	.walfare_area ul li p:first-child{padding-top:50px; margin-bottom:5px;}
	.walfare_area ul li p strong{font-size:16px;}
	.walfare_area ul li p span{font-size:12px;}
	.walfare_area ul li.icon06 p:nth-child(2), .walfare_area ul li.icon06 p:nth-child(3){display:none;}
	.walfare_area ul li.icon06 p:last-child {display:block;}



	/* 고객지원-공지사항 */
	.notice_view_table{margin-top:30px;}
	.notice_view_table .table thead tr td, .notice_addEdit_table .table thead tr td{font-size:10px;}
	.notice_view_table .table thead tr th, .notice_addEdit_table .table thead tr th {height: 57px;}
	.notice_view_table .table thead tr th h3, .notice_addEdit_table .table thead tr th h3 {font-size: 13px; padding:10px;}
	.notice_view_table .table tbody tr:last-child td div, .notice_addEdit_table .table tbody tr:last-child td div {padding: 20px 0 20px; min-height: 250px;}
	.notice_view_table .table tbody tr:last-child td div span, .notice_view_table .table tbody tr:last-child td div span {font-size: 12px;}
	.notice_view_table .table tfoot tr td strong {font-size: 10px;}
	.notice_view_table .table tfoot tr td span {font-size: 10px;}

	.notice_addEdit_table .table thead tr th input {padding: 5px; height: 29px; width: 100%; text-align: center; font-size: 13px;}
	.notice_addEdit_table .table tbody textarea {min-height: 250px;}

	.notice_list_table{width:100%;}
	.notice_list_table .table thead tr th {padding-top: 15px !important; padding-bottom: 15px !important; font-size: 14px !important;}
	.notice_list_table .table tbody tr td{padding-top: 15px !important; padding-bottom: 15px !important; font-size: 12px !important;}
	.notice_list_table .table tbody tr td a{width:125px;}
    .notice_search_area{width:100%; margin-top:30px;}
    .notice_search_area .search input{width: 125px !important; height: 27px !important; margin-top: -1px !important; margin-right: -5px;}
    .notice_search_area .mbtn {width: 65px !important; line-height:27px !important;}
    .notice_search_area .total{padding-top: 7px !important; margin-top:0 !important; height: 0 !important; width:20%;}
    .notice_search_area .total span{font-size:14px !important;}
    .search{width:80% !important; margin-bottom:0 !important;}
    div.dataTables_wrapper div.dataTables_paginate ul.pagination{width:100% !important; margin:0 !important; justify-content:center !important;}
    #dataTable_paginate {padding: 15px 0 !important;}
	#title {font-size: 10px;}
	.mbtn{width: 54px; height: 27px !important; font-size: 11px !important; text-align: center; padding: 5px;}
	.notice_list_table .table tbody tr td:nth-child(2){width:45%;}
	.page-link{font-size:14px; line-height:22px !important;}
	.page-item:first-child .page-link, .page-item:last-child .page-link{margin-top:7px;}
}


/* 320-480 */
	@media only screen and (min-width: 320px) and (max-width: 480px) {
	.header_wrap {border-bottom: none; z-index: auto;}
	#header {border-bottom: 1px solid rgba(255,255,255,.3); z-index: 2;}

	#main_banner {height: 336px;}
	#main_banner img {height: 336px; position: relative;}

	.carousel-caption {top: 100px; left: 200px;}
	.carousel-caption h3 {font-size: 18px;}
	.carousel-caption p {font-size: 12px; line-height: 20px;}
	.main_btn {height: 40px; line-height: 40px; font-size: 9px;}

	.iot_text {font-size: 12px;}
/* 	.iot_link img {width: 120px;} */

	.business_text {font-size: 12px; margin-bottom: 44px;}
	.business_area p {font-size: 12px;}
	.business dd {font-size: 8px; line-height: 12px;}
	.business dt {margin: 0 25px;}
	.business_btn { margin-top: 40px; padding: 0 10px; line-height: 30px; height: 30px; font-size: 8px;}
	.business_line {font-size: 18px;}

	 .ito_area {font-size: 18px;}

	 .inqury img {height: 100px;}
	.inqury_text {font-size: 12px; margin-bottom: 44px;}
	 .inqury_btn { margin-top: 40px; padding: 0 30px; line-height: 30px; height: 30px; font-size: 8px;}

	 .service_area div {display: inline-block;}
	 .service_item_cont:hover {transform: scale(1);}

	 /* 회사소개 - OVERVIEW */
	 .adress_area ul li.icon01, .adress_area ul li.icon02{background-size: 6%;}
	 .root_daum_roughmap .cont .section {display: none;}

	 /* 회사소개 - 회사연혁  */
	.history_txt {width: 203%; margin-left: -180px; margin-top: 20px;}

	 .history_txt #dl_2023 dt  {margin-left: 290px;}
	 .history_txt #dl_2023 dd {margin-top: 5px ;margin-left: 175px; text-align: left;}
	 .history_txt #dl_2021 dt {margin-left: 215px;}
	 .history_txt #dl_2021 dd {margin-top: 5px; margin-right: 185px; text-align: right;}
	 .history_txt #dl_2020 dt {margin-left: 290px;}
	 .history_txt #dl_2020 dd {margin-top: 5px; margin-left: 145px; text-align: left;}
	 .history_txt #dl_2019 dt {margin-left: 215px;}
	 .history_txt #dl_2019 dd {margin-top: 5px; margin-right: 145px; text-align: right;}
	 .history_txt #dl_2018 dt {margin-left: 290px;}
	 .history_txt #dl_2018 dd {margin-top: 5px; margin-left: 175px; text-align: left;}
	 .history_txt #dl_2017 dt {margin-left: 215px;}
	 .history_txt #dl_2017 dd {margin-top: 5px; margin-right: 180px; text-align: right;}
	 .history_txt #dl_2016 dt {margin-left: 311px;}
	 .history_txt #dl_2016 dd {margin-top: 5px; margin-left: 105px; text-align: left;}

	 .history_txt .circle_box {width: 19px; height: 19px; left: 344px;}

	 .history_txt #twice_circle {top: 104px;}
	 .history_txt #third_circle {top: 189px;}
	 .history_txt #fourth_circle {top: 275px;}
	 .history_txt #fifth_circle {top: 403px;}
	 .history_txt #sixth_circle {top: 488px;}
	 .history_txt #seventh_circle {top: 596px;}

	/* 회사소개 - 사업영역 */
	.business_area_img{width:350px;}

	/* ito - ito */
	.it_platfome {font-size: 20px; margin-bottom: 0px;}

	/* ito - ito 플랫폼 */
	.paruda img {width: 150px;}
	.paruda {display: flex; flex-direction: row; justify-content: center; align-items: center;}
	.paruda_main{display: none;}

	/* 서비스 ra */
	.line_c {font-size: 11px; display: inline;}

	/* 솔루션 -  프레임워크 */
		.comp {display: none;}
		.moba {display: block;}

	/* 솔루션 - 전자구매솔루션 */
	.swiper-slide .slide-bgimg {width: 377px; height: 206px}
	.swiper-container {width: 400px; height: 206px;}
	.swiper-container.nav-slider {display: none;}
	.position {margin-top: -17px;}

	/* 인재채용 - 인재채용  */
	.walfare_area dl dd {font-size: 14px; padding: 25px 0 30px 35px;}

	/* 고객지원 - 문의하기 */
	.consent_content p {font-size: 12px;}
	.consent_check label {font-size: 11px;}
	.btn-primary {border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 4px;}


/* 481부터 */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.wrap{position:relative; min-width:580px ! important;}
	#main_banner_wrap {height: 420px;}
	.header_wrap {height:60px;}
	.sub_slide_wrap{display:none ! important;}
	.header_wrap{background-color:transparent ! important;}
	.logo{display:none;}
	.m_gnb_wrap{width: 65%;}
	.m_gnb > li > a{font-size: 20px; line-height: 70px;}
	.m_gnb > li > ul > li > a{font-size: 18px; height: 45px;}

	.m_logo{display:block ! important;}
	.m_menu{display:block;}
	.m_gnb_logo img{margin-left:-60px ! important;}
	.gnb{display:none ! important;}
	.main_txt{width:85%; height:100%; margin:0 auto; margin-top: 152px;}
	#main_contents{width:90%; margin:0 auto;}

	.main_txt h3 {font-size:28px; margin-bottom:30px;}
	.main_txt p {font-size:18px; line-height:30px;}
	.main_btn {visibility: hidden;}

	.notice_wrap {height: 50px; margin-top: 0;}
	.notice_wrap h4 {font-size: 15px; padding: 15px 75px 0 60px; float: left;}
	.notice_txt {margin-top:17px; width:50%; font-size:15px;}
	.notice_txt a {display:none !important;}
	.notice_txt p{width:100%; margin-top:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.notice_span{font-size:15px; display: block; width:100%; margin-top:-3px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.notice_icon {margin-top: 14px; margin-left: 32px;}
	.notice_icon .arrow_btn{display:none !important;}
	.notice_icon .plus {font-size:14px; margin-left: 10px;}
	.bx-viewport{height: 18px !important;}
	.bx-wrapper ul:after{content: "...";}             /* 안됨 */


	.business_area {margin-top:30px;}
	.business_area h4, .service_area h4{font-size:24px;}
	.business_area p {font-size:15px; width: 68%; margin: 0 auto;}
	.line_c {display: block;}
	.business_wrap{margin-top:20px;}
	.business{margin:0 1px; padding:10px 0; box-sizing:border-box; width: 100%;}
	.business dt {width: 85px; height: 85px ;margin: 10px 20px; background-size: 125px;}
	.business dd {font-size:13px; font-weight:normal; line-height: 15px;}
	.business_text {font-size:  16px; margin-bottom: 55px;}
	.business_line {font-size: 24px;}

	.line {display:none !important;}

	.iot_text{font-size: 15px;}
	.ito_area{font-size: 24px;}

	.service_area {margin-top:60px;}
	.service_item_cont{width:320px; height:170px; margin-right:1.667%; transition:none;}
	.service_area div{width:100% !important;}
	.open_wrap{width:320px !important;}
	.service_item_cont .open_wrap {padding:0;}
 	.service_item_cont.item01, .service_item_cont.item01.open{background-position:center !important;}
	.service_item_cont.item02, .service_item_cont.item02.open{background-position:center !important;}
	.service_item_cont.item03, .service_item_cont.item03.open{background-position:center !important;}
	.service_item_cont.item05, .service_item_cont.item05.open{background-position:center !important;}
	.service_item_cont{transition: none;}
	.service_item_cont.item01 .open_wrap, .service_item_cont.item02 .open_wrap, .service_item_cont.item03 .open_wrap, .service_item_cont.item04 .open_wrap, .service_item_cont.item05 .open_wrap{padding:0;}
	.service_item_cont.item01 .open_wrap .tit, .service_item_cont.item02 .open_wrap .tit, .service_item_cont.item03 .open_wrap .tit, .service_item_cont.item04 .open_wrap .tit, .service_item_cont.item05 .open_wrap .tit{font-size: 20px; text-align:center; padding-top: 73px;}
	.service_item_cont.item01 .open_wrap .txt, .service_item_cont.item02 .open_wrap .txt, .service_item_cont.item03 .open_wrap .txt, .service_item_cont.item04 .open_wrap .txt, .service_item_cont.item05 .open_wrap .txt{display:none;}
	.service_item_cont .close_wrap{display:none;}
	.service_item_cont .open_wrap {display:inline-block;}
	.service_menu {display: inline-block;}


	#header{width:100%; height:100%; margin:0 auto; overflow:hidden; line-height:80px;}
	.logo_wrap a img {width:75%; margin-top:15px; margin-left:20px;}
	#footer{width:90%; margin:0 auto;}
    .footer_wrap {height:100px; margin-top:30px;}
    .footer_logo {margin-right:0; margin-top:15px;}
    .footer_img {width:80%; margin-bottom:5px;}
    .footer_txt {width:97%; font-size:12px; margin-top:7px;}
    .footer_txt a {font-size:8px;}
    .footer_txt a.login{display:none ! important;}


	#sub_banner_wrap, #sub_banner_solution_wrap, #sub_banner_service_wrap, #sub_banner_ito_wrap  {height: 200px !important;}
	#sub_wrap{width: 90% !important;}
	.sub_txt h3 {font-size: 28px !important; margin-bottom: 0 !important; margin-top: 58px !important;}
 	.sub_tit {font-size: 24px !important; margin-top: 30px !important;}
 	.sub_tit::after {height: 21px !important; margin: 9px auto !important; margin-bottom: 15px !important;}
 	#sub_wrap h6 {font-size: 18px !important;}

 	.carousel-caption {top : 80px; left: 220px;}
 	.carousel-caption h3 {font-size: 25px;}
 	.carousel-caption p {font-size: 15px;}



 	/* 회사소개-OVERVIEW */
	.sub_tnb_wrap .home{display:none ! important;}
	.sub_tnb > li{width:50% ! important;}
	.sub_txt{width:100% ! important;}
	.sub_tnb_inner{width:100% ! important;}
	.adress_area ul li.icon01, .adress_area ul li.icon02{background-size: 6%;}
	.sub_tnb_sub{width:100%; border-top:none; border-right:none;}
	.sub_tnb_sub > li{width:100%;}

 	.company_area {/* width: 50%; margin-top:10px; margin-bottom:30px; */ width: 324px; margin: 10px auto 30px auto; overflow:hidden;}
 	.company {width: 66px; height:150px; margin-right:12px; border:none; border-radius:0;}
 	.company dt {font-size:12px;}
	.company dd{font-size:10px ! important;}
	.company:last-child{width:90px;}

 	.com_icon:before {background-size: 50%; height: 40px;}

 	.txt_box {padding-bottom: 20px;}
 	.txt_box > p {font-size: 15px !important;}
 	.bg_black {width:100%; height:150px ! important;}
 	.wrap_map{height:150px ! important;}
 	.adress_area {height: 0; margin-top: 20px; margin-left: 0; width: 100%;}
 	.adress_area ul{display: block;}
 	.adress_area ul li {padding: 1 0 0 76px;}
 	.adress_area ul li.icon01, .adress_area ul li.icon02{background-size: 6%;}
 	.adress_area ul li span{font-size: 16px;}
 	.adress_area ul li:last-child {margin-top: 25px;}
 	.adress_area ul li strong {font-size:18px;}
 	.root_daum_roughmap .cont .section {display: none;}



 	/* 회사소개-경영이념 */
	.sub02_page{width:100%;}


	/* 회사소개-회사연혁 */
 	.history_tit h4{font-size:20px;}
	.history_tit p{font-size:18px; margin-top:10px ! important;}
	.history_img{width:100%; height:150px;}
	.history_img ul{overflow:hidden;}
	.history_img ul li:first-child{width:50% ! important; height:150px ! important; float:left;}
	.history_img ul li:last-child{width:50% ! important; height:150px ! important; float:left;}
	.history_txt{width:100%; margin-left:20px; margin-top:20px;}
	.history_txt dl{margin-bottom:25px;}
	.history_txt dl dt{font-size:20px; display:block;}
	.history_txt dl dd{font-size: 18px; line-height: 25px; margin-top:10px; margin-left:15px;}
	.history_txt dl dt::before{vertical-align:top; margin-top:12px;}


	/* 회사소개-사업영역 */
	.business_area_img{width:100%;}
	.client_area ul li{width:calc(50% - 10px) ! important; height:100px; margin-right:10px;}
	.client_area ul li:nth-child(3), .client_area ul li:nth-child(4){margin-top:10px; margin-bottom:10px;}
	.client_area ul li:nth-child(5){margin-right:10px;}
	.client_area ul li:nth-child(6){margin-top:0;}


	/* 솔루션-프레임워크 */
	.comp {display: block;}
	.moba {display: none;}


 	/* 솔루션-전자구매솔루션 */
 	.solution_img {margin-top: 40px !important; width: 100%;}
 	.swiper-container {width: 100%; height: 400px;}
 	.swiper-container.nav-slider {display: none;}

 	/* 솔루션-모바일 */
 	.mobile_img {width:100%;}
 	.mobile_wrap {margin-top: 25px; padding:0;}
 	.mobile_wrap p {font-size:18px;}
 	.mobile_wrap p::before{width:3px; height:3px; margin-right:5px; margin-top:11px;}


 	/* 솔루션-이슈관리 */
 	.issue_img{width:100%; margin-top:25px ! important;}


	/* 서비스 - ra */
 	.sub_left_tit{/* font-size:18px; */ font-size: 20px; margin-top:50px ! important;}
 	.sub_lt::before{width:4px; height:4px; margin-top:7px;}
	.ra_contents01{width:100%;}
	.ra_contents01 .ra_cont{width:50%; height:220px; padding:20px; margin-right:0; height:210px;}
	.ra_contents02 .ra_cont{width:50%; height:250px; padding:20px; margin-right:0; height:210px;}
	.ra_cont dl dt{font-size:18px;}
	.ra_cont dl dt.icon{margin-bottom:10px;}
	.ra_cont dl dd{font-size:16px; margin-top:10px;}
	.ra_contents01 .ra_cont:nth-child(1)::after, .ra_contents01 .ra_cont:nth-child(3)::after, .ra_contents01 .ra_cont:nth-child(5)::after{content: "";
    display: inline-block; width:25px; height:25px; background: url("../images/sub/ra_arrow_icon01.png") center no-repeat;
    position: absolute; background-size:cover; top: 50%; right:-12px ! important; transform: translateY(-50%);
    z-index: 2; left:auto;}
	.ra_contents01 .ra_cont:nth-child(2)::after, .ra_contents01 .ra_cont:nth-child(4)::after, .ra_contents01 .ra_cont:nth-child(6)::after{display:none;}

	.ra_contents02 .ra_cont:nth-child(1)::after, .ra_contents02 .ra_cont:nth-child(3)::after, .ra_contents02 .ra_cont:nth-child(5)::after{content: "";
    display: inline-block; width:25px; height:25px; background: url("../images/sub/ra_arrow_icon01.png") center no-repeat; position: absolute; background-size:cover; top: 50%; right:-12px ! important; transform: translateY(-50%); z-index: 2; left:auto;}
	.ra_contents02 .ra_cont:nth-child(2)::after, .ra_contents02 .ra_cont:nth-child(4)::after, .ra_contents02 .ra_cont:nth-child(6)::after{display:none;}

	.ra_cont:nth-child(3){margin-top:10px;}
	.ra_cont:nth-child(4), .ra_cont:nth-child(5), .ra_cont:nth-child(6){margin-top:10px;}


	/* ito - ito */
	.ito_img_wrap{margin-left:0 ! important;}
	.ito_img{width:100%;}
	.system_area{margin-top:25px;}
	.system_area dl{width:100%; argin-right:25px;}
	.system_area dl dt{float:left; font-size:28px;}
	.system_area dl dd{float:left; margin-top:11px; font-size:16px;}
	.system_area dl:nth-child(3) dd{white-space:normal; width:85%; text-align:left;}
	.it_platfome {font-size: 20px; margin-bottom: 0px;}


	/* 인재채용 - 인재채용 */
	.employ_img{margin:25px 0;}
	.employ_img ul li{margin-right:30px; width:90px; height:90px; background-size:cover ! important;}
	.employ_txt{font-size:12px; margin-bottom:10px ! important;}
	.employ_table thead tr th{padding:10px; text-align:center; font-size:16px;}
	.employ_table tbody tr td{padding:10px; font-size:14px;}

	.employ_Inq{height:130px; background:transparent ! important; padding-left:10px;}
	.employ_Inq table tbody tr td{width:50%; padding-left:50px;}
	.employ_Inq table tbody tr td.icon01{display:block; background-size:35px; width:100%; line-height:60px; font-size:16px;}
	.employ_Inq table tbody tr td.icon02{display:block; background-size:35px; width:100%; line-height:60px; font-size:16px;}
	.employ_Inq dl{display:block !important;}
	.employ_Inq table{display:none !important;}

	.walfare_area ul li{width:calc(50% - 10px); height:180px; margin-right:10px; margin-bottom:10px; padding:5px 10px; text-align:center; background-position:50% 15px ! important; background-size:30% ! important;}
	.walfare_area ul li p:first-child{padding-top:80px; margin-bottom:5px;}
	.walfare_area ul li p strong{font-size:18px;}
	.walfare_area ul li p span{font-size:17px;}
	.walfare_area ul li.icon06 p:nth-child(2), .walfare_area ul li.icon06 p:nth-child(3){display:none;}
	.walfare_area ul li.icon06 p:last-child {display:block;}


	/* 고객지원-공지사항 */
	.notice_view_table{margin-top:30px;}
	.notice_view_table .table thead tr td, .notice_addEdit_table .table thead tr td{font-size:16px;}
	.notice_list_table .table tbody tr td a{width: 375px;}
	.notice_view_table .table thead tr th, .notice_addEdit_table .table thead tr th {height: 80px;}
	.notice_view_table .table thead tr th h3, .notice_addEdit_table .table thead tr th h3 {font-size: 20px; padding:10px;}
	.notice_view_table .table tbody tr:last-child td div, .notice_addEdit_table .table tbody tr:last-child td div {padding: 20px 0 20px; min-height: 350px;}
	.notice_view_table .table tbody tr:last-child td div span, .notice_view_table .table tbody tr:last-child td div span {font-size: 18px;}
	.notice_view_table .table tfoot tr td strong {font-size: 16px;}
	.notice_view_table .table tfoot tr td span {font-size: 16px;}
	.notice_addEdit_table .table thead tr th input {padding: 5px; height: 29px; width: 100%; text-align: center; font-size: 13px;}
	.notice_addEdit_table .table tbody textarea {min-height: 250px;}
	.notice_list_table{width:100%;}
	.notice_list_table .table thead tr th {padding:0;}
	.notice_list_table .table tbody tr td{padding:0;}
	.notice_search_area{margin-top:30px;}
	.notice_search_area .search input{width: 150px !important; height: 30px !important; margin-top:-14px; margin-bottom:0 !important;}
    .notice_search_area .total{padding-top: 25px !important;}
    .notice_search_area .total span{font-size:14px !important;}
    .search{width:55% !important; margin-bottom:0 !important;}
    .notice_search_area .total{margin-top:0 !important; height: 0 !important;}
    div.dataTables_wrapper div.dataTables_paginate ul.pagination{width:100% !important; margin:0 !important; justify-content:center !important;}
    #dataTable_paginate {padding: 15px 0 !important;}
	#title {font-size: 16px;}
	.mbtn{width: 75px !important; height: 30px !important; font-size: 14px !important; text-align: center; line-height:30px !important; padding: 0 !important;}
}
/* 480-767	 */







/* 768부터 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
   .wrap{position:relative; min-width:100% ! important;}
   #main_banner_wrap {height:500px;}
   #header{width:95%;}
   .sub_slide_wrap{display:none ! important;}
   .header_wrap{background-color:transparent ! important;}
   .logo{display:none;}
   .m_gnb_wrap{width:65%;}
   .m_logo{display:block ! important; margin-top:20px ! important;}
   .m_menu{display:block; top:30px;}
   .m_gnb_logo img{margin-left:0 ! important;}
   .m_gnb > li > a{font-size: 20px; line-height: 70px;}
   .m_gnb > li > ul > li > a{font-size: 18px; height: 45px;}

   .gnb{display:none ! important;}
   .main_txt{width:90%; margin-top:180px;}
   .main_txt h3{font-size:30px;}

   #main_contents{width:90%;}
   .notice_wrap{height:51px;}
   .notice_wrap h4{padding:0 50px 0 55px; line-height:50px;}
   .notice_txt{width:58%; margin-top:0; line-height:50px;}
   .notice_txt a{display:none ! important;}
   .notice_icon {margin-top: 10px; margin-left:13px;}
   .notice_icon .arrow_btn{display:none !important;}
   .notice_icon .plus{line-height:30px;}
   .business dt{width:130px; height:130px; margin:0 47px;}

   .business_area h4{font-size:30px;}
   .business_area p{font-size:17px; width:60%; margin:0 auto;}

   .line{display:none;}

  	.service_area {margin-top:60px;}
	.service_item_cont{height:200px; transition:none; width: 100% !important;}
	.service_area > div{width:100% !important;}
	.service_item_cont .open_wrap {padding:0;}
	.service_item_cont.open .open_wrap { }
 	.service_item_cont.item01, .service_item_cont.item01.open{background-position:center !important;}
	.service_item_cont.item02, .service_item_cont.item02.open{background-position:center !important;}
	.service_item_cont.item03, .service_item_cont.item03.open{background-position:center !important;}
	.service_item_cont.item05, .service_item_cont.item05.open{background-position:center !important;}
	.service_item_cont.item01 .open_wrap, .service_item_cont.item02 .open_wrap, .service_item_cont.item03 .open_wrap, .service_item_cont.item04 .open_wrap, .service_item_cont.item05 .open_wrap{padding:0;}
	.service_item_cont.item01 .open_wrap .tit, .service_item_cont.item02 .open_wrap .tit, .service_item_cont.item03 .open_wrap .tit, .service_item_cont.item04 .open_wrap .tit, .service_item_cont.item05 .open_wrap .tit{font-size: 20px; text-align:center;  padding-top: 90px;}
	.service_item_cont.item01 .open_wrap .txt, .service_item_cont.item02 .open_wrap .txt, .service_item_cont.item03 .open_wrap .txt, .service_item_cont.item04 .open_wrap .txt, .service_item_cont.item05 .open_wrap .txt{display:none;}
	.service_item_cont .close_wrap{display:none;}
	.service_item_cont .open_wrap {display:inline-block;}


	.sub_tnb_wrap .home{display:none ! important;}
	.sub_tnb > li{width:50% ! important;}
	.sub_txt{width:100% ! important;}
	.sub_tnb_inner{width:100% ! important;}
	.sub_tnb_sub{width:100%;}
	.sub_tnb_sub > li{width:100%;}


   #sub_wrap{width:90% !important;}
   .sub_tit::after{margin-bottom:15px;}
   .sub_tnb_inner{width:90%;}
   .sub_tit{font-size:28px !important; margin-top:50px !important;}

   /* 회사소개 - overview */
   .company_area{/* width:100%; margin-top:25px; margin-bottom:20px; */ width:662px; margin:25px auto;}
   .company{width:165px; height:178px; border:none; border-radius:0; margin-right:0;}
   .txt_box{width:100%; padding-top:0px ! important;}


   /* 회사소개 - 경영이념 */
   .sub02_page{width:100%;}

   /* 회사소개 - 회사연혁 */
   .history_tit h4{font-size:24px;}
   .history_tit p{font-size:16px; margin:10px 0 35px 0;}
   .history_img{width:100%; height:200px; float:none;}
   .history_img ul li{width:50%; height:100% ! important; float:left;}
   .history_txt{width:100%; margin-top:30px; margin-left:40px;}

   /* 회사소개 - 사업영역 */
   .business_area_img{width:100%;}
   .client_area ul li{width:22.78%;}
   .client_area ul li:nth-child(4){margin-right:0;}
   .client_area ul li:nth-child(5){margin-top:20px; margin-right:20px;}

	/* 솔루션 - 프레임워크 */
	.comp {display: block;}
	.noba {display: none;}

   /* 솔루션 - 전자구매솔루션 */
   .solution_img{width:100%; margin-top:40px;}

   /* 솔루션 - 모바일 */
   .mobile_img{width:100%;}
   .mobile_wrap{margin-top:30px; padding-left:0px;}
   .mobile_wrap p{font-size:15px;}

   /* 솔루션 - 이슈관리 */
   .issue_img{width:100%;}

   /* 서비스 - ra */
   .sub_left_tit{font-size:18px; margin-top:50px ! important;}
   .sub_lt::before{margin-top:8px;}
   .ra_contents01{width:100%;}
   .ra_contents01 .ra_cont{width:50%; height:220px; padding:35px 30px 30px 30px; margin-right:0;}
   .ra_contents01 .ra_cont:nth-child(1)::after, .ra_contents01 .ra_cont:nth-child(3)::after, .ra_contents01 .ra_cont:nth-child(5)::after{
      width:35px; height:35px; right:-17px; background-size:cover;
   }
   .ra_contents01 .ra_cont:nth-child(3)::after{content:""; display:inline-block; width:35px; height:35px;
   background: url("../../resources/images/sub/ra_arrow_icon01.png") center no-repeat; background-size:cover; position:absolute; top:50%; right:-17px; transform: translateY(-50%); z-index: 999;}

   .ra_contents01 .ra_cont:nth-child(2)::after, .ra_contents01 .ra_cont:nth-child(4)::after, .ra_contents01 .ra_cont:nth-child(6)::after{
      display:none;
   }
   .ra_cont:nth-child(4), .ra_cont:nth-child(5), .ra_cont:nth-child(6){margin-top:0;}

   .ra_contents02 .ra_cont{width:50%; height:220px; padding:35px 30px 30px 30px; margin-right:0;}
   .ra_contents02 .ra_cont:nth-child(1)::after, .ra_contents02 .ra_cont:nth-child(3)::after, .ra_contents02 .ra_cont:nth-child(5)::after{
      width:35px; height:35px; right:-17px; background-size:cover;
   }
   .ra_contents02 .ra_cont:nth-child(3)::after{content:""; display:inline-block; width:35px; height:35px;
   background: url("../../resources/images/sub/ra_arrow_icon01.png") center no-repeat; background-size:cover; position:absolute; top:50%; right:-17px; transform: translateY(-50%); z-index: 999;}

   .ra_contents02 .ra_cont:nth-child(2)::after, .ra_contents02 .ra_cont:nth-child(4)::after, .ra_contents02 .ra_cont:nth-child(6)::after{
      display:none;
   }

   .ra_cont dl dt{font-size:18px;}
   .ra_cont dl dd{font-size:15px;}

   /* ito - ito */
   .ito_img{width:100%;}
   .system_area{margin-top:25px;}
   .system_area dl{float:none; margin-right:0; margin-left:20px; text-align:left;}
   .system_area dl dd{margin-top:18px;}

   /* 인재채용 - 인재채용 */
   .employ_img{margin:30px 0;}
   .employ_img ul li{width:119px; height:119px; margin-right:20px; background-size:cover ! important;}
   .employ_txt{margin-bottom:10px ! important;}

   .walfare_area ul li{width:calc(50% - 10px); padding:25px 15px 0 85px;}
   .walfare_area ul li:nth-child(even){margin-right:0;}
   .walfare_area ul li.icon01{background-position:20px 50%;}
   .walfare_area ul li.icon02{background-position:20px 50%;}
   .walfare_area ul li.icon03{background-position:20px 50%;}
   .walfare_area ul li.icon04{background-position:20px 50%;}
   .walfare_area ul li.icon05{background-position:20px 50%;}
   .walfare_area ul li.icon06{background-position:20px 50%;}
   .walfare_area ul li.icon07{background-position:20px 50%;}
   .walfare_area ul li.icon08{background-position:20px 50%;}
   .walfare_area ul li.icon09{background-position:20px 50%;}

   .walfare_area ul li p:first-child{margin-bottom:5px;}

   .walfare_area ul li.icon06 p:nth-child(4), .walfare_area ul li.icon09 p:nth-child(4){display:block ! important;}
   .walfare_area ul li.icon06 p:nth-child(2), .walfare_area ul li.icon06 p:nth-child(3), .walfare_area ul li.icon09 p:nth-child(2), .walfare_area ul li.icon09 p:nth-child(3){display:none;}

   /* 고객지원 - 공지사항 */
   .notice_list_table .table thead tr th{font-size:18px;}
   .notice_list_table .table tbody tr td{font-size:16px;}
   .notice_list_table .table tbody tr td a{width: 380px;}
   .table{margin-bottom:0 ! important;}
   .notice_addEdit_table .table thead tr th input{font-size:20px;}
   .notice_view_table .table tbody tr:last-child td div, .notice_addEdit_table .table tbody tr:last-child td div{padding:10px 0 50px;}
   .notice_addEdit_table .table tbody textarea{font-size:16px;}
   .notice_view_table .table thead tr th h3{font-size:22px;}
   .notice_view_table .table tbody tr:last-child td div span{font-size:16px;}




   /* footer */
   #footer{width:90%; margin:0 auto;}
   .footer_wrap {height:100px; margin-top:30px;}
   .footer_logo {margin-right:0; margin-top:15px;}
   .footer_img {width:80%; margin-bottom:5px;}
   .footer_txt {width:97%; font-size:12px; margin-top:7px;}
   .footer_txt a {font-size:8px;}
   .footer_txt a.login{display:none ! important;}

}




/* 1024부터 */

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
   .wrap{min-width:1024px ! important;}
   .gnb_sub{width:90%;}
   .gnb_sub_left{width:25%;}
   .subArea{width:72%; padding-left:60px;}
   .subArea ul{width:100px;}
   #header{width:90%;}
   .gnb > li{width:100px;}

   #main_banner_wrap{height:500px;}
   .main_txt{width:90%; margin-top:180px;}

   #main_contents{width:90%;}
   .notice_txt{width:55%;}

   .business_area p{width: 58%; margin: 0 auto;}
   .business_wrap{margin-top: 50px;}

   .line{top:1070px !important;}

   .service_area h4{margin-bottom:30px;}
   .service_area > div{/* width:100% !important; */ width: 938px !important; margin: 0 auto;}
   .service_item_cont{width:135px; height:350px;}
   .service_item_cont.open{width:453px;}
   .service_item_cont.open .open_wrap{width:453px; height: 100%; padding: 100px 50px;}
   .service_item_cont.item01 .open_wrap .txt{margin-top: 40px; text-align: left;}
   .service_item_cont .close_wrap{width:100%;}

   #footer{width:90%;}
   .footer_logo{margin-right:60px;}

   /* 회사소개 - overview */
   .sub_tnb_inner{width:90%;}
   #sub_wrap{width:90% !important;}
   .sub_tit{font-size:30px;}
   .company_area{/* width:90%; */ width: 825px; margin: 50px auto;}
   .company{width:187px; height:187px; margin-right:25px;}
   .txt_box{width:100%; margin:0 auto;}


   /* 회사소개 - 경영이념 */
   .sub02_page{width:90%;}

   /* 회사소개 - 회사연혁 */
   .history_tit h4{font-size:24px;}
   .history_tit p{font-size:16px; margin:12px 0 50px 0;}
   .history_img{width:350px;}
   .history_img ul li:first-child{width:100% ! important;}
   .history_img ul li:last-child{width:100% ! important;}

   .history_txt dl dt{width:170px;}

   /* 회사소개 - 사업영역 */
   .business_area_img{width:90%;}
   .client_area ul li{width:18.25%;}

   /* 솔루션 - 전자구매솔루션 */
   .solution_img{width:90%; margin-top: 50px;}

   /* 솔루션 - 모바일 */
   .mobile_wrap{padding-left:20px; margin-top:30px;}

   /* 솔루션 - 이슈관리 */
   .issue_img{width:90%;}

   /* 서비스 - ra */
   .sub_left_tit{font-size:18px;}
   .ra_contents01{width:100%;}
   .ra_contents01 .ra_cont{width:33.33%; height:270px; margin-right:0; padding:40px 30px 30px 30px;}
   .ra_contents01 .ra_cont:nth-child(1)::after, .ra_contents01 .ra_cont:nth-child(2)::after, .ra_contents01 .ra_cont:nth-child(4)::after, .ra_contents01 .ra_cont:nth-child(5)::after, .ra_contents01 .ra_cont:nth-child(6)::after{
      width:35px; height:35px; right:-17px; background-size:cover;
   }

   .ra_contents02{width:100%;}
   .ra_contents02 .ra_cont{width:33.33%; height:270px; margin-right:0; padding:30px;}
   .ra_contents02 .ra_cont:nth-child(1)::after, .ra_contents02 .ra_cont:nth-child(2)::after, .ra_contents02 .ra_cont:nth-child(4)::after, .ra_contents02 .ra_cont:nth-child(5)::after, .ra_contents02 .ra_cont:nth-child(6)::after{
      width:35px; height:35px; right:-17px; background-size:cover;
   }

   /* ito -ito */
   .ito_img{width:100%;}
   .system_area dl{width:100%; margin-right:180px;}

   /* 인재채용 - 인재채용 */
   .employ_img ul li{width:143px; height:143px; margin-right:50px; background-size:cover ! important;}
   .walfare_area ul li{padding:25px 0 0 95px;}
   .walfare_area ul li.icon01{background-position:20px 50%;}
   .walfare_area ul li.icon02{background-position:20px 50%;}
   .walfare_area ul li.icon03{background-position:20px 50%;}
   .walfare_area ul li.icon04{background-position:20px 50%;}
   .walfare_area ul li.icon05{background-position:20px 50%;}
   .walfare_area ul li.icon06{background-position:20px 50%;}
   .walfare_area ul li.icon07{background-position:20px 50%;}
   .walfare_area ul li.icon08{background-position:20px 50%;}
   .walfare_area ul li.icon09{background-position:20px 50%;}




   	/* 고객지원-공지사항 */
	.notice_view_table{margin-top:30px;}
	.notice_view_table .table thead tr th, .notice_addEdit_table .table thead tr th {height: 80px;}
	.notice_view_table .table thead tr td, .notice_addEdit_table .table thead tr td{font-size:16px;}
	.notice_view_table .table thead tr th h3, .notice_addEdit_table .table thead tr th h3 {font-size: 20px; padding:10px;}
	.notice_view_table .table tbody tr:last-child td div, .notice_addEdit_table .table tbody tr:last-child td div {padding: 20px 0 20px; min-height: 350px;}
	.notice_view_table .table tbody tr:last-child td div span, .notice_view_table .table tbody tr:last-child td div span {font-size: 18px;}
	.notice_view_table .table tfoot tr td strong {font-size: 16px;}
	.notice_view_table .table tfoot tr td span {font-size: 16px;}

	.notice_addEdit_table .table thead tr th input {padding: 5px; height: 29px; width: 100%; text-align: center; font-size: 13px;}
	.notice_addEdit_table .table tbody textarea {min-height: 250px;}

	.notice_list_table{width:100%;}
	.notice_list_table .table thead tr th {padding:0; font-size:18px !important;}
	.notice_list_table .table tbody tr td{padding:0; font-size:16px !important;}
    .notice_search_area{margin-top:30px;}
    .notice_search_area .search input{width: 150px !important; height: 35px !important; margin-bottom: 10px !important;}
    .notice_search_area .total{padding-top: 25px !important;}
    .notice_search_area .total span{font-size:14px !important;}
    .search{width:55% !important; margin-bottom:0 !important;}
    .notice_search_area .total{margin-top:0 !important; height: 0 !important;}
    div.dataTables_wrapper div.dataTables_paginate ul.pagination{width:100% !important; margin:0 !important; justify-content:center !important;}
    #dataTable_paginate {padding: 15px 0 !important;}
	#title {font-size: 16px;}
	.mbtn{width: 75px !important; height: 35px !important; font-size: 16px !important; text-align: center; padding: 5px;}



}
/* 1024-1280 */