/* -------------------- PC Guide -------------------- */
@media screen and (max-width:1760px){
	.inner {padding:0 20px;}
/* header */
	.header .logo {left:20px; width:240px;}
	.header .gnb {padding-left:60px;}
	.header .gnb li > a {font-size:20px; padding:0 25px;}
	.header .abso {right:40px;}
/* footer */	
	.footer .cs_center {right:20px;}
/* main */
	.m_category .links {gap:24px;}
	.m_category .links a {width:calc((100% - 72px)/4); padding:0 15px;}
	.m_category .links i {right:10px;}
	.m_customer {padding:140px 0;}
	.m_customer .boards {width:60%;}
	.m_customer .links {width:40%; gap:10px;}
	.m_customer .links a {width:calc((100% - 20px)/3);}
	.m_customer .links i {width:100px; height:100px; background-size:60px; margin-bottom:30px;}
	.m_customer .links p {font-size:20px; line-height:1;}
/* sub */
	.container .aside {width:25%;}
	.container .aside .g dt {font-size:36px; padding-left:20px;}
	.container .aside .s dd a {padding-left:20px;}
	.container .contents {width:75%; padding:50px 20px 100px;}

	.tbl tbody td {padding:0 15px;}
	.map_text {flex-wrap:wrap; gap:20px 0;}
	.map_text li.c1 {width:100%;}

	.content .produce_list {gap:20px;}
	.content .produce_list a {width:calc((100% - 40px)/3);}
	.content .produce_list .img {padding:0 10px; }
	.produce_list p {font-size:16px; margin-top:30px;}
	.produce_view .item {padding:60px 0;}

}

/* -------------------- hover -------------------- */
@media screen and (min-width:1024px){
	.ie_wrap .link a:hover {opacity:.7;}
	.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
	.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#04427b;}
	.board_bottom .paging a:hover {background:#0e5ba2; color:#fff; border-color:#0e5ba2;}

	.header li:hover .snb {border-top:#20427a 3px solid; box-shadow:rgba(0,0,0,.18) 3px 4px 29px;}
	.header .g1:hover .snb {height:203px;}
	.header .g2:hover .snb {height:403px;}
	.header .g4:hover .snb {height:153px;}
    .container .aside:before {content:""; position:absolute; top:0; left:0; width:100%; height:140px; background-color:transparent;}
}

/* -------------------- tablet PC -------------------- */
@media screen and (max-width:1023px){
/* header */
	.header .inner {height:80px;}
	.header .logo {line-height:80px; width:200px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:80px; height:80px; z-index:11;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:30px; height:3px; background:#333; margin-left:-15px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-12px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:10px;}
	.header.on .btn_menu p {background:#fff;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
	.header .gnb,
	.header .gnb .black {position:fixed; top:0; width:100%; height:100%; opacity:0; transition:.2s linear;}
	.header .gnb {right:-100%; padding-left:30%; z-index:10;}
	.header.on .gnb {right:0; opacity:1;}
	.header .gnb .black {left:-100%; background:rgba(0,0,0,.5);}
	.header.on .gnb .black {left:0; opacity:1;}
	.header .gnb ul {position:relative; width:100%; height:100%; overflow:auto; background:#20427b; padding:80px 0; flex-direction:column; justify-content:flex-start; gap:20px;}
	.header .gnb li > a {font-size:20px; color:#fff; line-height:60px;}
	.header .gnb li .pc_vw {display:none;}
	.header .gnb li .mo_vw {display:block !important;}
	.header .snb {position:relative; top:0; left:0; width:100%; transform:translate(0,0); transition:0s; height:auto; display:none; background:none; margin-bottom:30px;}
	.header .snb a {font-size:16px; color:rgba(255,255,255,.8); text-align:left; padding:0 30px;}
	.header .abso {top:20px; right:100px; height:40px; line-height:40px;}
/* main */
	.mvisual {margin-top:80px;}
	.m_product {padding:100px 0 150px;}
	.mcon .title {margin-bottom:50px;}
	.mcon .title strong {font-size:40px;}
	.mcon .title p {font-size:16px; margin-top:15px;}
	.mproduce_slide {margin:0 -15px;}
	.mproduce_slide .slick-slide {padding:0 15px;}
	.produce_list .img {padding:0 20px;}
	.produce_list p {font-size:15px; margin-top:20px;}
	.m_category {padding:120px 0;}
	.m_category .links {gap:15px;}
	.m_category .links a {width:calc((100% - 45px)/4); padding:0 40px 0 10px;}
	.m_customer {padding:100px 0;}
	.m_customer .flex {flex-direction:column;}
	.m_customer .boards,
	.m_customer .links {width:100%;}
/* sub */
	.container {flex-direction:column;}
	.container .aside,
	.container .contents {width:100%;}
	.container .aside {position:relative; height:60px; padding-left:60px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; background:none; display:flex; z-index:9;}
	.container .aside .home,
	.container .aside .s dt {display:block;}
	.container .aside .g dd {display:none;}
	.container .aside .home {position:absolute; top:0; left:0; width:60px; height:60px; background:url('/images/icon_home.png') no-repeat 50% 50%;}
	.container .aside dl {position:relative; border-left:#ddd 1px solid; width:50%;}
	.container .aside .g dt,
	.container .aside .s dt {position:relative; font-size:20px; color:#333; font-weight:400; line-height:58px; padding:0; padding:0 25px;}
	.container .aside dt .pc_vw {display:none !important;}
	.container .aside dt .mo_vw {display:block !important; font-weight:400;}
	.container .aside dt:after {content:""; position:absolute; top:0; right:20px; width:13px; height:100%; background:url('/images/arrow_aside.png') no-repeat 50% 50% / contain; transition:.2s linear;}
	.container .aside .on dt:after {transform:rotate(180deg);}
	.container .aside dd {position:absolute; top:100%; left:-1px; width:calc(100% + 2px); background:#fff; border:#ddd 1px solid; display:flex; flex-direction:column; gap:10px; padding:20px 0; display:none; transition:0s;}
	.container .aside .g dd a,
	.container .aside .s dd a {display:block; font-size:16px; line-height:30px; margin-bottom:0; padding:0 25px;}
	.container .aside dd a.on {color:#20427b; font-weight:500;}

	.greeting .ibox {font-size:20px; line-height:30px; height:360px;}

	.history dl {margin-top:70px;}

	.root_daum_roughmap .wrap_map {height:400px !important;}

	.tbl.tbl_l th {width:160px;}

	.board_list .w1 {width:90px;}
	.board_list .w2 {width:120px;}
	.board_list .w3 {width:100px;}
}

/* -------------------- mobile -------------------- */
@media screen and (max-width:767px){
	.inner {padding:0 15px;}
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header .inner {height:50px;}
	.header .logo {left:10px; width:130px; line-height:50px;}
	.header .btn_menu {width:50px; height:50px;}
	.header .btn_menu p {width:20px; height:2px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-7px;}
	.header .btn_menu .b {margin-top:5px;}
	.header .gnb ul {padding:50px 0; gap:10px;}
	.header .gnb li > a {font-size:15px; line-height:40px; padding:0 20px;}
	.header .snb a {font-size:14px; line-height:40px; padding:0 20px;}
	.header .abso {display:none;}
/* footer */
	.footer {padding:50px 0 25px;}
	.footer .flogo {margin-bottom:35px;}
	.footer .flogo img {height:20px;}
	.footer .address {gap:3px 15px;}
	.footer .address strong {font-size:12px; line-height:20px;}
	.footer .address span {font-size:10px; line-height:1.2; letter-spacing:-.5px;}
	.footer .copy {font-size:10px;}
	.footer .cs_center {right:15px; bottom:auto; top:-25px;}
	.footer .cs_center i {height:18px;}
	.footer .cs_center p {font-size:10px; line-height:1; margin:10px 0;}
	.footer .cs_center strong {font-size:15px;}

/* main */
	.mvisual {margin-top:50px;}
	.m_product {padding:70px 0 45px;}
	.mcon .title {margin-bottom:40px;}
	.mcon .title strong {font-size:25px;}
	.mcon .title p {font-size:10px; margin-top:5px;}

	.mproduce_slide {margin:0 -5px;}
	.mproduce_slide .slick-slide {padding:0 5px;}
	.mproduce_slide .slick-arrow {top:-38px; width:28px; height:28px; background-size:16px;}
	.mproduce_slide .slick-prev {right:38px;}
	.mproduce_slide .slick-next {right:5px;}

	.m_category {padding:50px 0 40px;}
	.m_category .links {gap:10px;}
	.m_category .links a {width:calc(50% - 5px); height:42px; gap:5px; padding:0 30px 0 5px; font-size:11px;}
	.m_category .links i {width:16px; height:16px; top:calc(50% - 8px);}
	.m_category .links i:before {width:8px;}
	.m_category .links i:after {height:8px;}

	.m_customer {padding:70px 0 40px;}
	.m_customer .boards .jq_tab {gap:35px; margin-bottom:15px;}
	.m_customer .boards .jq_tab li {font-size:13px; line-height:20px;}
	.m_customer .boards .jq_tab li:before {left:-35px; width:35px;}
	.m_customer .boards .more {width:20px; height:20px; top:-35px;}
	.m_customer .boards .more:before {width:11px; margin-left:-5px;}
	.m_customer .boards .more:after {height:11px; margin-top:-5px;}
	.m_customer .boards .list a {font-size:13px; line-height:30px; padding:0 10px;}
	.m_customer .boards .list a .date {display:none;}
	.m_customer .links {gap:5px;}
	.m_customer .links a {width:calc((100% - 10px)/3); height:130px;}
	.m_customer .links i {width:66px; height:66px; background-size:40px; margin-bottom:15px;}
	.m_customer .links p {font-size:13px;}
/* sub */
	.container {margin-top:50px; font-size:12px; line-height:20px; min-height:calc(100vh - 232px);}
	.container .mtit {font-size:25px; color:#20427b; font-weight:700; line-height:90px; text-align:center; background:#f3f4f8; font-family:'Play';}
	.container .aside {height:40px; padding-left:40px;}
	.container .aside .home {width:40px; height:40px; background-size:12px;}
	.container .aside .g dt,
	.container .aside .s dt {font-size:13px; line-height:40px; padding:0 10px;}
	.container .aside dt:after {right:10px; width:10px;}
	.container .aside dd {padding:10px 0;}
	.container .aside .g dd a,
	.container .aside .s dd a {font-size:13px; padding:0 10px;}
	.container .contents {padding:30px 15px 50px;}
	.container .title {font-size:16px; line-height:24px; margin-bottom:40px;}
	.container .title .locat {display:none;}

	.greeting .ibox {font-size:12px; line-height:20px; height:230px; padding:0 30px;}
	.greeting .ibox strong {font-size:15px;}

	.history dl {margin-top:30px;}
	.history dt {font-size:16px; padding-left:25px;}
	.history dd {padding-left:25px;}
	.history ul {margin-top:15px;}
	.history li {font-size:13px; line-height:20px; padding-left:30px;}

	.over_tbl {position:relative; overflow:hidden; padding-top:24px;}
	.over_tbl:before {content:"\f0a6 \ 좌우로 스크롤해주세요."; position:absolute; top:0; right:0; font-family:"Font Awesome 5 Free"; font-weight:900;}
	.over_tbl > div {overflow:auto;}
	.over_tbl > div table {width:768px;}
	.tbl thead th {font-size:13px; height:40px;}
	.tbl tbody td {font-size:12px; padding:10px; height:auto;}
	.board_bottom .paging {margin-top:30px;}
	.board_bottom .paging a {width:28px; height:28px; line-height:26px;}
	.board_bottom .paging a img {height:14px;}

	.map_wrap .wrap_map {height:300px !important;}
	.map_text li {width:100%;}
	.map_text li .tt {font-size:14px; line-height:20px;}
	.map_text li p {font-size:13px; line-height:1.2; margin-top:3px;}

	.pdf_wrap {padding:20px; margin-bottom:30px; flex-direction:column; gap:10px;}
	.pdf_wrap .btn_pdf {font-size:13px; line-height:40px; width:100%; margin:0;}
	.pdf_wrap .btn_pdf:before {width:20px; height:40px;}
	.content .produce_list {gap:10px;}
	.content .produce_list a {width:calc(50% - 5px);}
	.produce_list a {padding:10px 0 10px;}
	.produce_list i {top:15px; right:15px; width:20px; height:20px;}
	.produce_list i:before {width:8px;}
	.produce_list i:after {height:8px;}
	.produce_list p {font-size:13px; margin-top:10px;}
	.produce_view .tit {font-size:14px; line-height:30px;}
	.produce_view .item {padding:30px 0;}
	.produce_view .spec {font-size:13px; line-height:20px; padding:30px 0;}
	.btn_list {font-size:13px; line-height:40px; height:40px; width:120px; margin-top:20px;}

	.tbl.tbl_l th,
	.tbl.tbl_l td {padding:5px 0;}
	.tbl.tbl_l th {width:80px; font-size:14px; padding-left:10px;}
	.tbl.tbl_l td input.text {height:30px; padding:0 10px;}
	.filebox {width:calc(100% - 85px); height:30px; line-height:30px; padding:0 10px; font-size:13px; margin-right:5px;}
	.filebutton {width:80px; height:30px;}
	.filebutton span {line-height:30px; font-size:13px;}
	.tbl.tbl_l td textarea.text {height:160px;}
	.tbl.tbl_l .yak {padding:20px 0; margin-bottom:30px;}
	.tbl.tbl_l .yak .tit {font-size:15px; margin-bottom:20px;}
	.tbl.tbl_l .yak p {font-size:13px; line-height:20px;}
	label.check {font-size:13px;}
	.tbl.tbl_l .btn {font-size:13px; line-height:40px; height:40px; width:200px; margin-top:20px;}

	.board_list .w2 {width:60px;}
	.board_list .w3 {width:80px;}
	.board_list th,
	.board_list td {height:40px;}
	.board_list th {font-size:13px;}
	.board_list td {font-size:12px;}
	.board_list td i.file {width:14px;}

	.board_in thead th {font-size:15px; line-height:20px; padding:10px;}
	.board_in thead td .flex {flex-direction:column;}
	.board_in thead td .file {font-size:14px; line-height:20px; width:100%;}
	.board_in thead td .file dt {width:60px;}
	.board_in thead td .date {font-size:13px; line-height:30px; width:100%; text-align:left;}
	.board_bottom .btns {margin-top:30px; gap:5px;}
	.board_bottom .btns .btn {width:80px; height:30px; line-height:30px; font-size:13px;}
}