@charset "utf-8";
/* Mobile */
.skip-contents			{ display:none}
body,table,input,textarea,select,optgroup,button{ font-size:16px}
/* 네이티브 화살표 대체 */
select{ padding-right:50px; background-position:100% -5px}
/* Forms */
textarea,select,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="file"],input[type="number"],input[type="tel"]{ height:35px}
textarea				{ height:auto}
/* File Browser */
.file-input				{ width:75% !important}
.file-input-div .file-button{ width:25% !important}
.write-con.file-add .file-input{ width:65% !important}
.write-con.file-add .file-input-div .file-button{ margin-right:16% !important}
.write-con.file-add .button-add,.write-con.file-add .button-minus{ width:35px; height:35px}
.write-con.file-add .button-add{ right:35px}
/* Scroll To Top */
#back-top				{ right:10px; bottom:60px}
/* Button */
.buttonWrap				{ margin:20px 0 0 0}
.button a,.button button,.button input{ padding:0 30px; height:50px; line-height:50px}
.button.grey,.button.red,.button.blue,.button.black{ height:50px; font-size:16px ! important}
.button.grey a,.button.grey button,.button.grey input,.button.red a,.button.red button,.button.red input,.button.blue a,.button.blue button,.button.blue input,.button.black a,.button.black button,.button.black input{ padding:0 30px}
/* Search Form */
.searchForm				{ margin-bottom:30px; padding:20px}
.searchForm select		{ margin-bottom:5px; width:100%; border-color:#0b3190}
.searchForm input[type=text]{ width:80%; line-height:normal; border-color:#0b3190}
.searchForm input[type=submit],.searchForm input[type=button]{ padding:0; width:20%; height:35px; line-height:35px}
/* List-thumb Mixed */
.thumb-list li			{ padding:18px 0 18px 120px}
.thumb-list li.notify .title strong{ padding-left:75px}
.thumb-list div.shortening{ margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em}
.thumb-list .title strong{ font-size:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-height:1.6em; height:1.6em}
.thumb-list .notify em	{ left:120px}
.thumb-list .date		{ display:block; position:absolute; top:30%; left:0; width:100px; height:55px}
.thumb-list .date span	{ font-size:17px; line-height:16px}
.thumb-list .date strong{ margin-bottom:15px; font-size:24px; line-height:22px}
.thumb-list .link-button{ display:none; width:31px; height:39px}
.thumb-list .link-button a{ background-position:-10px 0}
.thumb-list .link-button a:hover,.thumb-list .link-button a:active,.thumb-list .link-button a:focus{ background-position:-10px -39px}
.thumb-list .list-numeral{ display:inline-block; vertical-align:middle}
.thumb-list .list-numeral.R1,.thumb-list .list-numeral.R2,.thumb-list .list-numeral.R3{ margin-right:20px}
.thumb-list .no-message	{ padding-left:0}
.thumb-list.view li		{ padding:14px 0 17px 0}
.thumb-list.view li:first-child{ padding:0 0 20px 0; border-top:0}
.thumb-list.view li:nth-child(2){ border-top-color:#0b3190}
.thumb-list.view li.viewWrap{ margin-bottom:1px; padding:23px 0; border-bottom:1px solid #0b3190}
.thumb-list.view .postedby{ display:block}
.thumb-list.view .numeral{ margin-left:20px; padding-left:20px; background:url(/images/board/vertical-dv.png) 0 60% no-repeat}
.thumb-list.view li span:nth-child(2){ margin-left:0; padding-left:0; background-image:none}
.thumb-list.view li span:nth-child(2) span,.thumb-list.view li span:nth-child(3) span,.thumb-list.view li span:nth-child(4) span{ padding-left:10px}
.thumb-list.view .s-title strong{ font-size:18px; line-height:24px}
.thumb-list.view .add-file strong{ padding-right:10px}
.thumb-list.view .add-file img{ padding-left:7px}
.thumb-list.view .thumb2{ margin-bottom:30px}
.thumb-list.purchasing li{ padding-top:35px; padding-bottom:35px}
.thumb-list.purchasing .date,.thumb-list.recruit .date{ top:23%}
.thumb-list.recruit div.shortening{ -webkit-line-clamp:1; line-height:1.4em; height:1.4em}
/* Next - Prev */
.next-prev				{ position:relative; margin-top:30px}
.next-prev li			{ line-height:50px}
.next-prev li a.prev,.next-prev li a.next{ margin:0 20px 0 0; width:50px; height:50px; line-height:55px; background-color:#fff; background-repeat:no-repeat; text-indent:-9999px}
.next-prev li a.prev	{ background-image:url(/images/board/prev.png)}
.next-prev li a.next	{ background-image:url(/images/board/next.png)}
.next-prev li a			{ width:75%}
.next-prev li span		{ right:10px}
/* Comment */
.write-reply,.write-reply .write-info,ul.reply-comment li{ padding:10px}
ul.reply-comment li:first-child{ padding:15px 10px}
ul.reply-comment li strong:last-child{ margin-right:0}
ul.reply-comment li.blue-line{ padding:15px 10px}
/* Masonry List */
.grid-box:nth-child(1)	{ border-top:0}
.grid-box:nth-child(1) .scrap-day{ padding-top:0}
.grid-box strong		{ margin-bottom:20px; padding:0; font-size:20px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em}
.grid-box .imgholder	{ height:150px}
.grid-box .imgholder.no-image{ line-height:205px}
.grid-box .block-con	{ padding:20px}
.grid-box .block-con a.view{ margin-top:25px; padding-right:40px; font-size:14px}
.grid-box .post-memo	{ margin:17px 0 0 0; font-size:16px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.6em; height:3.2em}
.grid-box .dv-line		{ margin:15px 0}
.grid-box .scrap-day	{ padding:50px 0 30px 0}
.grid-box .scrap-day span{ font-size:14px; line-height:18px}
.grid-box .scrap-name strong{ margin:0 0 0 10px; padding:0; font-size:14px; line-height:22px}
/* Kakao Map */
#map,#d-map,#d-roadview	{ height:250px}
/* 레이어팝업 */
#divpop_1				{ top:10px; left:10px}
#divpop_2				{ top:250px; left:10px}
/*.layer-pop				{ top:10px; left:10px}*/
.layer-pop .mw-close	{ top:9px; right:10px}
.layer-pop.pop-layer .layer-header h1{ padding:10px 0; font-size:18px}
.layer-pop.pop-layer .layer-body{ padding:0; line-height:0}
.layer-pop.pop-layer.wSet{ width:270px}
.layer-pop.pop-layer .layer-footer{ padding:5px}
.layer-pop.pop-layer .layer-footer label{ margin-right:10px}
/* Table */
.default				{ margin-bottom:20px}
.default thead th,.default tfoot th,.default th{ padding:12px 10px}
.default th,.default td	{ font-size:15px; line-height:22px}
.default td				{ padding:12px 10px}
.default td.align-left	{ padding-left:20px}
.default td h3			{ font-size:15px}
/* Tab Menu */
ul.tab-menu				{ margin-bottom:30px}
ul.tab-menu li			{ height:50px; line-height:46px}
ul.tab-menu.col2,ul.tab-menu.col3,ul.tab-menu.col4{ width:100%}
ul.tab-menu.col2 li		{ width:50%}
ul.tab-menu.col3 li		{ width:33%}
ul.tab-menu.col3 li:first-child{ width:34%}
ul.tab-menu.col4 li		{ width:25%}
/* Pagenation */
.pagenation				{ margin-top:30px}
.pagenation ul > li > a,
.pagenation ul > li > span{ padding:7px 15px; line-height:24px; font-size:16px}
.pagenation ul > .pg-arrow.prev > a{ padding-right:25px}
.pagenation ul > .pg-arrow.next > a{ padding-left:25px}
/* Global Navigation Bar */
.gnb					{ display:none; position:absolute; z-index:9999; float:none; top:0; left:0; margin:0; width:100%; height:100vh; background:#0b3190}
.gnb ul					{ margin-left:30%; height:100%; background:#fff}
.gnb ul li				{ margin:30px 0 0 0; padding:0; width:100%; text-align:center}
.gnb ul li:first-child	{ margin-top:200px}
.gnb ul li span,.gnb ul li strong{ font-size:20px}
.gnb button				{ position:absolute; display:block; border:0; background:#0b3190 url(/images/common/close.png) 50% 50% no-repeat; cursor:pointer; text-indent:-9999px}
.gnb button				{ right:0px; top:0; width:50px; height:50px}
/* Full Down Menu */
.full-down-menu			{ top:0}
.full-down-menu .gnb-full{ margin-left:40%}
.full-down-menu .gnb-full button{ right:0; top:0; width:50px; height:50px}
.full-down-menu .gnb-full li{ padding:10px; width:100%; border-left:1px solid #dadde2}
.full-down-menu .gnb-full li strong{ padding:5px 5px 10px 5px}
.full-down-menu .gnb-full li li:first-child{ margin-top:5px}
.full-down-menu .gnb-full li li span{ padding:6px 10px; font-size:14px}
/* RIGHTBAR */
#rightBar				{ display:none}
/* Layout */
.header-content,.footer-content,section,section article{ width:100%}
.header-content,.body.main section article{ padding:0}
.header					{ height:60px}
.header-content h1		{ margin-top:10px; width:100%; height:40px; background-position:10px 0}
.header-content .all-menu{ display:block; top:0; right:0}
.header-content .all-menu>button{ width:60px; height:60px; background-position:50% 50%}
.footer					{ font-size:14px}
.footer .footer-content h2{ margin-bottom:12px; font-size:22px}
.footer .footer-content	{ padding:20px 10px 25px 10px}
.footer .address p		{ margin-top:10px; line-height:22px}
.footer .address p:first-child{ margin-top:0}
.footer .footer-menu	{ margin-top:15px}
.footer .footer-menu li	{ margin-left:16px; font-size:16px}
/* Swiper */
section.visual .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:30px}
section.bidding .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0}
section.visual			{ background-image:none}
section.visual,section.visual .swiper-wrapper{ height:400px}
section.visual .swiper-slide{ height:100%; background-repeat:no-repeat; background-position:50% 0; background-size:cover}
section.visual .swiper-slide.slider1{ background-image:url(/images/main/slider-1.jpg)}
section.visual .swiper-slide.slider2{ background-image:url(/images/main/slider-2.jpg)}
/* Main */
section.visual,section.bidding,section.business,section.recruit,section.investor{ background-size:cover}
section.bidding,section.business,section.recruit{ padding:50px 10px 0 10px}
section.visual h1		{ padding:0 10px; width:100%}
section.visual h1 img	{ width:75%}
section.visual .swiper-slide.slider1 h1{ margin-bottom:250px}
section.visual .swiper-slide.slider2 h1{ margin-bottom:250px}
section.bidding			{ background-image:url(/images/main/back-bidding.png); background-size:contain}
.bidding-notice			{ margin-bottom:35px; padding:30px 0; width:100%}
.bidding-notice em		{ margin-bottom:10px; margin-right:0}
.bidding-notice span	{ font-size:24px}
.bidding-notice strong	{ margin-bottom:15px}
.bidding-notice p,.bidding-notice span{ line-height:24px}
.bidding-notice p		{ margin:10px 0 20px 0; padding:0 30px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.6em; height:3.2em}
.bidding-notice li		{ width:105px}
.bidding-notice li span	{ font-size:14px}
.bidding-notice a		{ margin-top:25px}
section.business .business-item #business1{ background-image:url(/images/main/business-m-1.jpg)}
section.business .business-item #business2{ background-image:url(/images/main/business-m-2.jpg)}
section.business .business-item #business3{ background-image:url(/images/main/business-m-3.jpg)}
section.business .business-item > div{ padding:20px 30px; height:300px}
section.business .business-item > div h3{ font-size:24px; line-height:20px}
section.business .business-item > div strong{ margin:15px 0 8px 0; font-size:18px; line-height:18px}
section.business .business-item > div span{ line-height:24px}
section.business .business-item > div a{ margin-top:25px}
section.business .business-item > div#business1 h3{ color:#feeac8}
section.business .business-item > div#business1 strong{ color:#feeac8}
section.business .business-item > div#business2 h3{ color:#fff}
section.business .business-item > div#business2 strong{ color:#fff}
section.business .business-item > div#business3 h3{ color:#b7e3fe}
section.business .business-item > div#business3 strong{ color:#b7e3fe}
section.business .business-item ul li{ padding:10px; width:33%; height:135px}
section.business .business-item ul li:nth-child(1){ width:34%}
section.business .business-item ul li span,
section.business .business-item ul li strong{ line-height:20px}
section.business .business-item ul li span{ margin-top:10px; font-size:14px}
section.business .business-item ul li strong{ font-size:17px}
section.recruit			{ padding-bottom:50px}
section.recruit .thumb-list li:first-child{ border:0}
section.recruit .thumb-list li:last-child{ border-bottom-color:#e3e3e3}
.body.main section.investor{ margin-bottom:0}
section.investor		{ padding:50px 0; height:200px}
section.investor h1		{ font-size:28px; line-height:30px}
section.investor ul		{ margin-top:30px}
section.investor li		{ margin:0 10px}
section.investor li:first-child{ width:170px}
section.investor li:last-child{ width:90px}
section .head-title h1 strong,section .head-title h1 strong span{ font-size:28px; line-height:30px}
section .head-title h1 strong span{ display:inline-block; vertical-align:middle}
section .head-title span{ margin-top:20px; font-size:18px; line-height:24px; text-align:center}
section.bidding .head-title,section.business .head-title{ margin-bottom:50px}
section.recruit .head-title{ margin-bottom:30px}
/* Content */
section.sub-content		{ padding:30px 0 50px 0}
section.sub-content article{ padding:0 10px}
section.sub-content .head-title{ margin-bottom:50px}
section.sub-content .head-title h1 strong,section.sub-content .head-title h1 span{ font-size:24px; font-weight:400; line-height:30px}
.container.bidding section.sub-content.fix,.container.business section.sub-content{ padding-bottom:0}
/* Hgroup */
.hgroup					{ height:100px; line-height:98px}
.hgroup h2.depth2-title strong{ font-size:30px}
/* Page Navigation */
.page-navi				{ height:45px; line-height:38px}
.page-navi > div		{ margin:0 auto; padding:0 10px}
/* 기업소개 */
.ci,.investor,.history.his3,.greetings,.summary{ margin-bottom:50px}
.history.history.his1 .inner{ padding-top:50px}
.history.history.his3 .inner{ padding-bottom:50px}
.history .inner			{ padding-top:30px}
.summary .head-title span{ margin-top:0}
.summary .image-caption	{ margin:30px 0; padding:0 20px}
.paragraph				{ line-height:28px}
.company-info ul		{ margin-top:30px}
.company-info ul li		{ margin-top:10px; padding:10px 3px; width:50%; background-color:#0b3190}
.company-info ul li:nth-child(3),.company-info ul li:nth-child(4){ height:135px}
.company-info ul li em img{ width:25px}
.company-info ul li span{ margin-top:10px; font-size:15px; line-height:20px}
.company-info ul li strong{ margin-top:10px}
.greetings .back-greetings{ margin:30px 0; height:120px; background-position:20% 0}
.greetings .sign-ceo	{ margin-top:20px}
.greetings .sign-ceo strong{ margin-right:20px}
.history				{ background-color:#fafafa}
.wrap-history .year-tab	{ margin-bottom:10px}
.wrap-history .year-tab em{ display:none}
.wrap-history .year-tab strong{ font-size:26px}
.wrap-history ul.history-list li span{ padding:5px 0; width:100%}
.wrap-history .history-l,
.wrap-history .history-r{ width:100%}
.wrap-history .his2019,
.wrap-history .his2017,
.wrap-history .his2016,
.wrap-history .his2015,
.wrap-history .his2013,
.wrap-history .his2012	{ margin-top:30px}
.investor .investor-intro ul li{ width:100%}
.investor .investor-intro ul li span{ padding:0 80px; font-size:15px; line-height:20px}
.investor .investor-intro ul li strong{ margin-top:10px; font-size:18px}
.investor .investor-intro ul li img{ height:40px}
.investor .investor-intro ul li:first-child img{ height:70px}
.investor .investor-intro ul li.back-investor{ padding:95px 0; height:250px}
.investor .investor-intro ul li:first-child{ padding-bottom:10px}
.investor .investor-intro ul li:last-child{ padding-top:20px}
.ci a					{ margin-top:20px; padding:0 50px 0 20px; width:300px; height:50px; line-height:48px; background-position:90% 50%}
ul.ci					{ margin:0}
ul.ci li				{ margin-top:30px; width:100%}
ul.ci li span			{ padding:0 20px}
ul.ci li strong			{ margin-bottom:10px}
ul.ci li.both span.pc	{ display:none}
.phi-info				{ margin-top:30px}
.phi-info em			{ margin-top:20px}
.phi-info em img		{ width:50px}
.phi-info strong		{ font-size:18px}
.phi-info ul			{ margin-top:20px}
.phi-info .help,.phi-info .public-transport{ margin-top:-1px}
.phi-info .co-info,.phi-info .help,.phi-info .public-transport{ padding-top:20px; width:100%}
.phi-info .help ul li em{ display:inline-block; vertical-align:top; margin:0; font-size:16px; text-transform:uppercase; font-weight:500}
.phi-info .co-info ul li,.phi-info .help ul li,.phi-info .public-transport ul li{ padding:15px}
.phi-info .co-info ul li strong,.phi-info .help ul li strong,.phi-info .public-transport ul li strong{ font-size:16px}
/* 사업분야 */
.business .cycle		{ margin:10px 0; padding:0 150px}
.business .image-caption{ padding:0 50px}
.business .system .head-title span,.business .platform .head-title span{ padding:0 30px}
.business.business2 .head-title h1 strong{ padding:0 50px}
.business .platform .head-title{ margin-top:50px; margin-bottom:0}
.business.business1		{ margin-bottom:50px}
.business.business2 .inner{ padding:50px 0}
.business .diagram		{ padding:0 20px}
.smart-hospital .inner,.total-service .inner,.outsoursing .inner,.infra .inner{ padding:46px 0}
.outsoursing .swiper-container-horizontal>.swiper-pagination-bullets,
.total-service .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0}
.body.it section.sub-content,.body.total section.sub-content{ padding-top:0}
.app-service			{ margin:50px 0}
ul.slide-block			{ margin-bottom:40px}
ul.slide-block li		{ padding:25px 0}
ul.slide-block li span	{ line-height:22px; padding:0 35px}
ul.slide-block li strong{ margin:25px 0 10px 0; font-size:18px}
.smart-hospital .grid-box{ padding-bottom:20px}
.smart-hospital .grid-box strong{ margin:10px 0 0 0}
.smart-hospital .grid-box strong,
.smart-hospital .grid-box .icon-image,
.smart-hospital .grid-box .imgholder{ padding:0 20px}
.smart-hospital .grid-box .imgholder{ margin-top:20px}
.smart-hospital .grid-box .icon-image{ padding-top:20px}
.smart-hospital .grid-box .icon-image img{ width:45px}
.data-flatform .inner	{ margin-bottom:50px}
ul.inline-text			{ margin-bottom:50px}
ul.inline-text li		{ margin-top:20px; width:100%}
ul.inline-text li:first-child{ margin-top:0}
ul.inline-text li span	{ line-height:22px}
ul.inline-text li strong{ margin-bottom:5px; font-size:18px}
/* 입찰 */
.thumb-list.bidding li	{ padding:18px 0}
.thumb-list.bidding .title{ display:block; margin:13px 0 5px 0}
.thumb-list.view em		{ margin-right:10px; margin-bottom:10px}
.bidding-doc			{ margin-bottom:50px}
.bidding-doc.guide1,.bidding-doc.guide2{ background-image:none}
.bidding-doc.guide2 .inner{ padding:50px 0}
ul.inline-square li		{ margin-top:10px; padding:30px 20px; width:100%}
ul.inline-square li span{ margin-top:10px; line-height:22px; padding:0 35px}
ul.inline-square li strong{ margin-top:10px}
ul.inline-square li span img{ width:50px}
.bidding-doc.guide2 ul.inline-square li span{ padding:0 15px}
.bidding-etc .inner		{ padding-top:30px}
.bidding-etc .head-title h1 strong,.bidding-etc .head-title span{ color:#fff}
.bidding-etc .head-title span{ padding:0 30px}
/* 인재채용 */
.thumb-list.recruit em	{ left:120px}
.thumb-list.recruit .title strong{ padding-left:75px}
.thumb-list.view.recruit em{ position:relative; left:auto; margin-right:0}
.thumb-list.view.recruit .numeral{ display:block; margin-left:0; padding-left:0; background-image:none}
.recruit-detail h3		{ margin-bottom:10px; font-size:18px}
.recruit-detail p		{ margin-top:15px; font-size:16px}
.recruit-detail a		{ margin-top:20px; width:150px; height:40px; line-height:36px; font-size:14px}
.talent,.procedure,.application,.welfare.welfare1{ margin-bottom:50px}
.talent .head-title span{ padding:0 30px}
ul.talent-item			{ padding:0 20px}
ul.talent-item li		{ width:33%}
ul.talent-item li:first-child{ margin-left:1%}
ul.talent-item li em	{ margin-bottom:20px}
ul.talent-item li span	{ line-height:22px; padding:0 5px}
ul.talent-item li strong{ margin-bottom:10px}
ul.inline-cercle		{ margin-bottom:-20px}
ul.inline-cercle li		{ margin-bottom:20px}
ul.inline-cercle li span{ width:110px; height:110px; line-height:100px}
ul.inline-cercle li span img{ width:45px}
ul.inline-cercle li strong{ margin-top:10px}
ul.inline-cercle li.step-arrow{ margin:0 3px; padding-top:40px; width:8px; vertical-align:top}
.application .head-title{ padding-top:30px}
.application .head-title h1 strong,.application .head-title span mark{ color:#fff}
.application .head-title span{ padding:0 30px}
.application .doc-download a{ margin:3px; padding:12px 20px}
ul.recruit-manager		{ margin-top:30px; padding-bottom:30px}
ul.recruit-manager li	{ width:100%}
ul.recruit-manager li:first-child{ margin-bottom:20px}
ul.recruit-manager li span	{ width:70%}
ul.recruit-manager li span.icon{ margin-right:20px; width:60px; height:60px}
ul.recruit-manager li span.icon img{ margin-top:12px; width:30px}
ul.recruit-manager li span span{ padding-top:7px; width:auto}
ul.recruit-manager li span strong{ padding-bottom:7px}
.welfare				{ margin-top:50px}
.welfare .head-title span{ padding:0 30px}
.welfare .benefit h3	{ margin-bottom:20px}
.welfare .benefit h3 strong{ margin-right:10px}
.welfare .benefit h3 strong,.welfare .benefit h3 span{ font-size:18px}
.welfare .benefit ul li	{ margin:2%; width:45%}
.welfare .benefit ul li span{ padding:25px 5px}
.welfare .benefit ul li span strong{ margin-top:10px; font-size:18px; line-height:20px}
.welfare .benefit ul li.benefit3,.welfare .benefit ul li.benefit4,.welfare .benefit ul li.benefit5,.welfare .benefit ul li.benefit8,.welfare .benefit ul li.benefit9,.welfare .benefit ul li.benefit10,.welfare .benefit ul li.benefit11{ height:160px}
/* 2021.02.23 추가 */
.inline-box.border .grid-box em{ position:absolute; top:0; left:0}
.inline-box.border .grid-box strong{ margin:20px 20px 0 20px; padding:0}
.inline-box.border .grid-box .imgholder{ margin:20px}
article.ict .inner		{ padding:46px 0}
article.ict .head-title span{ padding:0 50px}
ul.ict-timeline li			{ margin-top:25px}
ul.ict-timeline li span,ul.ict-timeline li strong{ display:block}
ul.ict-timeline li strong	{ margin-bottom:5px}
ul.ict-timeline li span strong{ margin-bottom:10px}

/* Mobile Landscape */
@media all and (min-width:420px) and (max-width:767px){
	/* Masonry List */
	.grid-box:nth-child(2){ border-top:0}
	.grid-box:nth-child(2) .scrap-day{ padding-top:0}
	/* Main */
	/* 기업소개 */
	.company-info ul li	{ padding:20px 5px}
	.company-info ul li:nth-child(3),.company-info ul li:nth-child(4){ height:150px}
	.investor .investor-intro ul li span{ padding:0}
	.investor .investor-intro ul li.back-investor{ padding:25% 20%; height:280px}
	/* 인재채용 */
	ul.talent-item		{ margin:0 auto; width:85%}
	ul.recruit-manager li span{ width:50%}
}
@media all and (min-width:550px){
	/* 레이어팝업 */
	#divpop_2			{ top:350px}
	.layer-pop.pop-layer.wSet{ width:480px}
	/* Main */
	section.business .business-item > div span{ padding-right:150px}
	section.business .business-item ul li{ height:90px}
	/* 사업분야 */
	.business .cycle	{ margin:0 auto; padding:0; width:100px}
	.business .image-caption{ margin:0 auto; padding:0; width:350px}
	.business .diagram	{ padding:0 50px}
	/* 인재채용 */
	.welfare .benefit ul li.benefit3,.welfare .benefit ul li.benefit4,.welfare .benefit ul li.benefit5,.welfare .benefit ul li.benefit8,.welfare .benefit ul li.benefit9,.welfare .benefit ul li.benefit10,.welfare .benefit ul li.benefit11{ height:auto}
}

/* iPad Portrait */
@media all and (min-width:768px){
	/* 네이티브 화살표 대체 */
	select{ background-position:98% 0}
	/* Forms */
	textarea,select,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="file"],input[type="number"],input[type="tel"]{ height:45px}
	/* File Browser */
	.write-con.file-add .button-add,.write-con.file-add .button-minus{ width:45px; height:45px}
	.write-con.file-add .button-add{ right:45px}
	/* Scroll To Top */
	#back-top			{ right:20px; bottom:35px}
	/* Search Form */
	.searchForm			{ margin-bottom:60px; padding:50px}
	.searchForm select	{ margin-bottom:0; width:180px}
	.searchForm input[type=text]{ width:50%; height:45px}
	.searchForm input[type=submit],.searchForm input[type=button]{ padding:0 30px; width:90px; height:45px; line-height:45px}
	/* Button */
	.buttonWrap			{ margin:30px 0 0 0}
	/* Board List-View */
	.thumb-list.view div{ margin:0}
	.board-content,.board-content div,.thumb-list.view div,.board-content p{ font-size:16px; line-height:32px}
	/* List-thumb Mixed */
	.thumb-list li		{ padding:35px 0 30px 140px}
	.thumb-list li.notify .title strong{ padding-left:85px}
	.thumb-list div.shortening{ margin-top:18px; padding-right:60px; -webkit-line-clamp:1; line-height:1.6em; height:1.6em}
	.thumb-list .notify em{ left:140px}
	.thumb-list .link-button{ display:block; position:absolute; right:5px; top:35%}
	.thumb-list .link-button a{ background-position:50% 0}
	.thumb-list .link-button a:hover,.thumb-list .link-button a:active,.thumb-list .link-button a:focus{ background-position:50% -39px}
	.thumb-list .thumb	{ margin:0 30px 0 0; width:150px; height:80px}
	.thumb-list .no		{ width:80px}
	.thumb-list .title img{ margin-top:-3px}
	.thumb-list .title strong{ padding-right:60px}
	.thumb-list .numeral,.thumb-list .list-numeral{ font-size:16px}
	.thumb-list .no-message,.thumb-list .notify .title{ font-size:18px}
	.thumb-list .reply .no{ display:inline-block}
	.thumb-list.view li	{ padding:17px 20px}
	.thumb-list.view li:first-child,.thumb-list.view li:last-child{ padding:0 0 30px 0}
	.thumb-list.view li:nth-child(2){ text-align:right}
	.thumb-list.view li.viewWrap{ padding:30px 20px 40px 20px}
	.thumb-list.view .s-title,.thumb-list.view .s-title strong{ font-size:24px; line-height:30px}
	.thumb-list.view .postedby{ display:inline-block; vertical-align:middle; margin-right:20px; padding-right:20px; background:url(/images/board/vertical-dv.png) 100% 60% no-repeat}
	.thumb-list.view .add-file{ position:static; display:block; text-align:right}
	.thumb-list.view .add-file img{ margin-left:7px}
	.thumb-list.view div.board-content{ line-height:32px}
	.thumb-list.purchasing .link-button{ top:32%}
	.thumb-list.recruit .date{ top:30%}
	/* Board Write-Edit */
	.write-con label,.write-con span,.write-tit .title label,.write-tit .title span{ height:45px; line-height:45px}
	.write-con .file-button input[type=button]{ font-size:16px}
	.write-tit .cate-select{ margin-bottom:10px}
	.write-tit .cate-select select{ width:100%}
	/* Comment */
	.write-reply		{ margin-top:1px; padding:30px; font-size:16px}
	.write-reply p		{ padding-bottom:20px}
	.write-reply .write-info{ padding:30px; font-size:16px}
	.write-reply .write-info span{ display:block}
	.write-reply .write-info span:first-child{ margin-bottom:15px}
	.write-reply .input-box{ width:90%}
	.write-reply .button-box{ width:10%}
	.write-reply .input-box textarea{ font-size:16px}
	ul.reply-comment li	{ padding:30px}
	ul.reply-comment li:first-child{ padding:18px 30px}
	ul.reply-comment li span{ line-height:30px}
	ul.reply-comment li strong{ margin-right:30px}
	ul.reply-comment li.blue-line{ padding:18px 30px}
	.edit-delete		{ top:14px; right:30px}
	.edit-delete button	{ height:25px; line-height:25px; font-size:14px}
	/* Masonry List */
	.grid-box:nth-child(2),.grid-box:nth-child(3){ border-top:0}
	.grid-box:nth-child(2) .scrap-day,.grid-box:nth-child(3) .scrap-day{ padding-top:0}
	/* Kakao Map */
	#map,#d-map,#d-roadview{ height:400px}
	/* 레이어팝업 */
	#divpop_1			{ top:50px; left:50px}
	#divpop_2			{ top:450px; left:50px}
	/*.layer-pop			{ top:50px; left:50px}*/
	.layer-pop .mw-close{ top:17px; right:25px}
	.layer-pop.pop-layer .layer-header h1{ padding:15px 0; font-size:23px}
	.layer-pop.pop-layer.wSet{ width:550px}
	.layer-pop.pop-layer .layer-footer{ padding:10px}
	/* Table */
	.default			{ margin-bottom:30px}
	.default thead th,.default tfoot th,.default th{ padding:17px 30px}
	.default th,.default td{ font-size:16px; line-height:26px}
	.default td			{ padding:17px 30px}
	.default td.align-left{ padding-left:30px}
	.default td h3		{ font-size:16px}
	/* Tab Menu */
	ul.tab-menu			{ margin-bottom:70px}
	ul.tab-menu li		{ height:60px; line-height:56px}
	ul.tab-menu.col2	{ width:400px}
	ul.tab-menu.col3	{ width:600px}
	ul.tab-menu.col4	{ width:800px}
	ul.tab-menu.col4 li,ul.tab-menu.col3 li,ul.tab-menu.col2 li{ width:200px}
	ul.tab-menu.col5 li	{ width:20%}
	ul.tab-menu.col6 li	{ width:16.5%}
	ul.tab-menu.col6 li:last-child{ width:17.5%}
	ul.tab-menu.col7 li	{ width:14%}
	ul.tab-menu.col7 li:first-child,ul.tab-menu.col7 li:last-child{ width:15%}
	ul.tab-menu.col9 li	{ width:11%}
	ul.tab-menu.col9 li:first-child{ width:12%}
	/* Full Down Menu */
	.full-down-menu		{ top:80px}
	.full-down-menu .gnb-full{ margin-left:0}
	.full-down-menu .gnb-full button{ right:0; top:auto; bottom:0}
	.full-down-menu .gnb-full li{ padding:15px; width:20%; height:310px; border-left:0}
	.full-down-menu .gnb-full li strong{ padding:10px 10px 20px 10px}
	.full-down-menu .gnb-full li li:first-child{ margin-top:10px}
	.full-down-menu .gnb-full li li span{ padding:8px 12px; font-size:14px}
	/* Layout */
	.body,.header		{ padding:0}
	.header				{ height:80px}
	.header-content h1	{ margin-top:15px; width:154px; height:49px; background-position:20px 0}
	#header-wrapper.sticky .header-content h1{ background-position:20px 0}
	.header-content .all-menu>button{ width:80px; height:80px}
	.footer .footer-content{ padding-left:20px; padding-right:20px}
	.footer .footer-menu li{ margin-left:45px}
	/* Swiper */
	section.visual,section.visual .swiper-wrapper{ height:550px}
	/* Main */
	section.bidding,section.business,section.recruit{ padding:70px 20px 0 20px}
	section.visual h1	{ padding:0 20px}
	section.visual h1 img{ width:65%}
	section.visual .swiper-slide.slider1 h1{ margin-bottom:350px}
	section.visual .swiper-slide.slider2 h1{ margin-bottom:350px}
	.bidding-notice		{ padding:50px 0}
	section.business .business-item > div{ padding:50px 60px 0 300px; height:350px}
	section.business .business-item > div h3{ font-size:34px; line-height:30px}
	section.business .business-item > div span{ padding-right:0}
	section.business .business-item > div strong{ margin:20px 0 12px 0; font-size:20px}
	section.business .business-item > div a{ margin-top:30px}
	section.business .business-item ul li{ padding:15px 0; height:85px}
	section.business .business-item ul li span{ margin-top:15px; font-size:16px}
	section.business .business-item ul li strong{ font-size:18px}
	section.recruit		{ padding-bottom:70px}
	section .head-title	{ margin-bottom:50px}
	section .head-title h1 strong,section .head-title h1 strong span{ font-size:48px; line-height:60px}
	section .head-title span{ margin-top:30px; font-size:24px; line-height:38px}
	section.bidding .head-title,section.business .head-title{ margin-bottom:70px}
	section.recruit .head-title{ margin-bottom:40px}
	/* Content */
	section.sub-content	{ padding:70px 0 70px 0}
	section.sub-content article{ padding:0 20px}
	section.sub-content .head-title{ margin-bottom:70px}
	section.sub-content .head-title h1 strong,section.sub-content .head-title h1 strong span{ font-size:36px; line-height:40px}
	h2.con-headtitle	{ margin-bottom:40px}
	h2.con-headtitle span{ margin-top:10px; font-size:23px}
	h2.con-headtitle strong{ font-size:36px}
	/* Hgroup */
	.hgroup				{ height:200px; line-height:198px}
	.hgroup h2.depth2-title strong{ font-size:48px}
	/* Page Navigation */
	.page-navi			{ height:60px; line-height:56px}
	.page-navi > div	{ padding:0 20px}
	/* 기업소개 */
	.ci,.investor,.history.his3,.greetings,.summary{ margin-bottom:70px}
	.history.history.his1 .inner{ padding-top:70px}
	.history.history.his3 .inner{ padding-bottom:70px}
	.history .inner		{ padding-top:30px}
	.summary .image-caption{ margin:40px 0; padding:0 20px}
	.company-info ul	{ margin-top:50px}
	.company-info ul li	{ margin-top:20px; padding:30px 0}
	.company-info ul li:nth-child(3),.company-info ul li:nth-child(4){ height:auto}
	.company-info ul li em img{ width:35px}
	.company-info ul li strong{ font-size:18px}
	.greetings .back-greetings{ margin:50px 0; height:230px}
	.greetings .sign-ceo{ margin-top:30px}
	.investor .investor-intro ul{ margin:0 auto; width:603px}
	.investor .investor-intro ul li{ width:100%}
	.investor .investor-intro ul li span{ padding:0 130px; font-size:18px; line-height:26px}
	.investor .investor-intro ul li strong{ margin-top:20px; font-size:28px}
	.investor .investor-intro ul li img,.investor .investor-intro ul li:first-child img{ height:auto}
	.investor .investor-intro ul li.back-investor{ padding:175px 0; height:401px}
	.investor .investor-intro ul li:first-child{ padding-bottom:20px}
	.investor .investor-intro ul li:last-child{ padding-top:30px}
	.ci a				{ margin-top:30px}
	ul.ci li			{ margin-top:50px}
	ul.ci li strong		{ margin-bottom:15px; font-size:18px}
	.phi-info			{ margin-top:40px}
	.phi-info em		{ margin-top:25px}
	.phi-info strong	{ font-size:20px}
	.phi-info ul		{ margin-top:30px}
	.phi-info .help,.phi-info .public-transport{ margin-top:0; border-left:0}
	.phi-info .co-info,.phi-info .help,.phi-info .public-transport{ padding-top:30px; width:33%}
	.phi-info .co-info	{ width:34%}
	.phi-info .help ul li em{ display:inline-block; vertical-align:top; margin:0; font-size:16px; text-transform:uppercase; font-weight:500}
	.phi-info .co-info ul li,.phi-info .help ul li,.phi-info .public-transport ul li{ padding:20px 10px; height:90px}
	.phi-info .co-info ul li strong,.phi-info .help ul li strong,.phi-info .public-transport ul li strong{ font-size:16px}
	.phi-info .help ul li span,.phi-info .public-transport ul li span{ margin-top:10px}
	/* 사업분야 */
	.business .cycle	{ position:absolute; top:40%; left:40%; margin:0; width:100px}
	.business .image-caption{ margin:0; width:auto}
	.business .system,.business .platform{ float:left; width:50%}
	.business .system	{ padding-right:20px; text-align:left}
	.business .platform	{ padding-left:20px; text-align:right}
	.business .system .head-title span,.business .platform .head-title span{ padding:0; text-align:left}
	.business.business1 .head-title h1 strong{ padding:0 100px 0 0; text-align:left}
	.business.business2 .head-title h1 strong{ padding:0}
	.business.business1	{ margin-bottom:70px}
	.business.business2 .inner{ padding:70px 0}
	.business .diagram	{ padding:0 50px}
	.total-service .inner,.smart-hospital .inner,.outsoursing .inner,.infra .inner{ padding:70px 0}
	.total-service .head-title,.outsoursing .head-title{ text-align:center}
	.total-service .head-title h1,.total-service .head-title span,.outsoursing .head-title h1,.outsoursing .head-title span{ display:inline-block; vertical-align:top; width:48%; text-align:left}
	.total-service .head-title span,.outsoursing .head-title span{ margin:0}
	.app-service		{ margin:70px 0}
	ul.slide-block		{ margin-bottom:50px}
	ul.slide-block li	{ padding:40px 0}
	ul.slide-block li span{ line-height:26px; padding:0 40px}
	ul.slide-block li strong{ margin:30px 0 15px 0; font-size:20px}
	.data-flatform .inner{ margin-bottom:70px}
	ul.inline-text		{ margin-bottom:70px}
	ul.inline-text li	{ margin-top:25px}
	ul.inline-text li span{ line-height:26px}
	ul.inline-text li strong{ margin-bottom:10px; font-size:20px}
	/* 입찰 */
	.thumb-list.bidding li{ padding:35px 0}
	.thumb-list.bidding .title strong{ padding-right:0}
	.bidding-doc		{ margin-bottom:70px}
	ul.inline-square li	{ margin-top:0; padding:40px 0; height:300px}
	.bidding-doc.guide1 ul.inline-square li{ margin-left:3.5%; width:31%}
	.bidding-doc.guide2 ul.inline-square li{ margin:6% 0 0 6%; width:47%}
	.bidding-doc.guide2 ul.inline-square li:nth-child(1),
	.bidding-doc.guide2 ul.inline-square li:nth-child(3),
	.bidding-doc.guide1 ul.inline-square li:first-child{ margin-left:0}
	.bidding-doc.guide2 ul.inline-square li:nth-child(1),
	.bidding-doc.guide2 ul.inline-square li:nth-child(2){ margin-top:0}
	ul.inline-square li span{ margin-top:15px; line-height:26px; padding:0 25px}
	ul.inline-square li strong{ margin-top:25px; font-size:20px}
	ul.inline-square li span img{ width:70px}
	.bidding-doc.guide2 ul.inline-square li span{ padding:0 15px}
	.bidding-etc .inner	{ padding-top:70px}
	.bidding-etc .head-title span{ padding:0 30px}
	/* 인재채용 */
	.thumb-list.recruit em{ left:140px}
	.thumb-list.recruit .title strong{ padding-left:85px}
	.thumb-list.view.recruit .numeral{ display:inline-block; margin-left:15px; padding-left:15px; background:url(/images/board/vertical-dv.png) 0 60% no-repeat}
	.thumb-list.view.recruit .postedby{ margin-right:15px; padding-right:15px}
	.thumb-list.view.recruit li span:nth-child(2){ margin-left:0; padding-left:0; background-image:none}
	.thumb-list.view.recruit li span:nth-child(2) span,.thumb-list.view.recruit li span:nth-child(3) span,.thumb-list.view.recruit li span:nth-child(4) span{ padding-left:10px}
	.recruit-detail h3	{ font-size:20px}
	.recruit-detail a	{ margin-top:30px; width:200px; height:50px; line-height:46px; font-size:16px}
	.talent,.procedure,.application,.welfare.welfare1{ margin-bottom:70px}
	.talent .head-title span{ padding:0 50px}
	ul.talent-item		{ margin:0 auto; padding:0; width:530px}
	ul.talent-item li em{ margin-bottom:25px}
	ul.talent-item li span{ line-height:26px; padding:0 20px}
	ul.talent-item li strong{ margin-bottom:15px; font-size:20px}
	ul.inline-cercle	{ margin-bottom:0}
	ul.inline-cercle li	{ margin-bottom:0}
	ul.inline-cercle li span{ width:115px; height:115px; line-height:105px}
	ul.inline-cercle li strong{ margin-top:15px; font-size:20px}
	ul.inline-cercle li.step-arrow{ margin:0 5px}
	.application .head-title{ padding-top:70px}
	.application .head-title span{ padding:0 50px}
	.application .doc-download a{ margin:0 25px; padding:15px 20px}
	ul.recruit-manager	{ margin-top:70px; padding-bottom:70px}
	ul.recruit-manager li:first-child{ margin-bottom:30px}
	ul.recruit-manager li span{ width:50%}
	ul.recruit-manager li span.icon{ margin-right:30px; width:70px; height:70px}
	ul.recruit-manager li span.icon img{ margin-top:17px}
	ul.recruit-manager li span span,ul.recruit-manager li span strong{ font-size:18px}
	ul.recruit-manager li span span{ padding-top:10px}
	ul.recruit-manager li span strong{ padding-bottom:10px}
	.welfare .head-title span{ padding:0 50px}
	.welfare .benefit h3 strong,.welfare .benefit h3 span{ font-size:20px}
	.welfare .benefit ul{ text-align:left}
	.welfare .benefit ul li{ margin:1.5%; width:30%; text-align:center}
	.welfare .benefit ul li span{ padding:30px 5px}
	.welfare .benefit ul li span strong{ margin-top:15px}
	.welfare .benefit ul li.benefit1,.welfare .benefit ul li.benefit2,.welfare .benefit ul li.benefit4{ height:180px}
	/* 2021.02.23 추가 */
	article.ict .inner	{ padding:70px 0}
	ul.ict-timeline li	{ margin-top:30px}
	ul.ict-timeline li span strong{ margin-bottom:15px}
}
@media all and (min-width:800px){
	/* Swiper */
	section.bidding .swiper-pagination2{ display:none}
	/* Main */
	.bidding-notice		{ margin-bottom:0}
	/* 기업소개 */
	.company-info		{ margin-top:40px; padding:40px 0; background-color:#0b3190}
	.company-info ul	{ margin-top:0}
	.company-info ul li	{ margin-top:0; padding:0; width:25%; height:130px; background-color:transparent}
	.company-info ul li:nth-child(3),.company-info ul li:nth-child(4){ height:130px}
	.company-info ul li:nth-child(3) span{ padding:0 10px}
	.history .inner,.history.his1,.history.his2,.history.his3,.history.history.his1 .inner,.history.history.his3 .inner{ padding:0}
	.history.history.his1,.history.history.his2,.history.history.his3{ padding-left:20px; padding-right:20px}
	.history.history.his1 .wrap-history{ margin-top:30px; padding-bottom:70px}
	.history.history.his2 .wrap-history,.history.history.his3 .wrap-history{ padding:70px 0}
	.history.history.his2{ background:url(/images/company/back-history.jpg) 50% 0 no-repeat; background-size:cover}
	.history.history.his1 .head-title{ margin:0; padding:70px 0 40px 0; background:#fafafa}
	.history .inner		{ background:url(/images/company/back-line.png) 50% 0 repeat-y}
	.wrap-history		{ background:url(/images/company/back-road.png) 50% 0 repeat-y}
	.wrap-history .year-tab{ margin-bottom:20px}
	.wrap-history .year-tab em{ display:inline-block; margin-bottom:7px; width:60px}
	.wrap-history .year-tab strong{ margin:0 10px; font-size:38px; line-height:30px}
	.wrap-history .history-l .year-tab,
	.wrap-history .history-l ul.history-list li{ text-align:right}
	.wrap-history .history-r ul.history-list li{ padding-left:65px; text-align:left}
	.wrap-history .history-l ul.history-list li{ padding-right:65px}
	.wrap-history ul.history-list{ margin-bottom:0}
	.wrap-history ul.history-list li em{ margin:20px 0}/*연혁사이에 이미지 삽입시 사용*/
	.wrap-history ul.history-list li span{ padding:10px 0}
	.wrap-history .history-l,
	.wrap-history .history-r{ width:50%}
	.wrap-history .history-l .year-tab em{ margin-right:-4px}
	.wrap-history .history-r .year-tab em{ margin-left:-6px}
	.wrap-history .his2018{ }
	.wrap-history .his2016{ margin-top:30px}
	.wrap-history .his2015{ margin-top:160px}
	.wrap-history .his2013,
	.wrap-history .his2012{ margin-top:50px}
	.ci a				{ margin-top:50px}
	ul.ci li			{ margin-top:0; width:50%}
	ul.ci li span		{ padding:0 8px}
	ul.ci li.both		{ margin-top:50px}
	ul.ci li.both span.m{ display:none}
	ul.ci li.both span.pc{ display:block}
}

/* iPad Landscape */
@media all and (min-width:1024px){
	.skip-contents		{ display:block}
	/* List-thumb Mixed */
	.thumb-list.view li	{ padding:17px 30px}
	.thumb-list.view li.viewWrap{ padding:40px 45px 50px 40px}
	.thumb-list .add-file,.thumb-list .list-numeral{ position:absolute; top:35%}
	.thumb-list .list-numeral.R1,.thumb-list .list-numeral.R2,.thumb-list .list-numeral.R3{ display:block; margin-right:0; text-align:center}
	.thumb-list .list-numeral.R3{ right:0}
	.thumb-list .list-numeral.R2{ right:30px; width:100px}
	.thumb-list .list-numeral.R1{ right:130px}
	.thumb-list .add-file{ right:180px}
	.thumb-list .add-file em{ font-size:14px}
	/* Next - Prev */
	.next-prev li		{ float:left; width:50%}
	.next-prev li a.next{ position:absolute; right:0; margin:0}
	.next-prev li:nth-child(2){ padding:0 70px 0 0; text-align:right}
	.next-prev .buttonWrap{ position:absolute; top:-1px; left:50%; margin:0 0 0 -50px; width:100px}
	/* Global Navigation Bar */
	.gnb				{ display:block; top:auto; left:50%; float:left; margin:25px 0 0 -305px; width:610px; height:auto; background:transparent}
	.gnb ul				{ margin-left:0; height:auto; background:transparent}
	.gnb ul li			{ margin:0; padding:0 0 0 78px; width:auto}
	.gnb ul li:first-child{ margin-top:0}
	.gnb ul li span,.gnb ul li strong{ font-size:18px}
	.gnb button			{ display:none}
	/* Full Down Menu */
	.full-down-menu .gnb-full li{ height:310px}
	/* Layout */
	.header				{ position:absolute; top:0; left:0}
	.container.company,.container.business,.container.bidding,.container.recruit,.container.community{ padding-top:80px}
	.container.main .header-content h1{ background-image:url(/images/common/logo-w.png)}
	.footer .footer-content{ padding:45px 20px}
	.footer em,.footer .address{ float:left}
	.footer .footer-menu{ float:right; margin-top:0}
	.footer .footer-menu ul{ text-align:right}
	.footer .footer-menu li{ margin-left:35px}
	.footer .address	{ width:53%}
	/* Swiper */
	section.visual .swiper-wrapper{ height:100vh}
	/* Main */
	section.visual,section.bidding,section.business,section.recruit{ height:100vh}
	section.visual h1	{ padding:0 20px}
	section.visual h1 img{ width:734px}
	section.visual .swiper-slide.slider1 h1{ margin-bottom:560px}
	section.visual .swiper-slide.slider2 h1{ margin-bottom:560px}
	section.business .business-item > div{ padding:6% 0 0 40%; width:75%; height:600px}
	section.business .business-item > div h3{ font-size:50px; line-height:54px}
	section.business .business-item > div strong{ margin:30px 0 22px 0; padding-right:50px; font-size:28px; line-height:24px}
	section.business .business-item > div span{ padding-right:50px; font-size:20px; line-height:32px}
	section.business .business-item > div a{ margin-top:40px}
	section.business .business-item #business1{ background-image:url(/images/main/business-1.jpg)}
	section.business .business-item #business2{ background-image:url(/images/main/business-2.jpg)}
	section.business .business-item #business3{ background-image:url(/images/main/business-3.jpg)}
	section.business .business-item > div#business1 h3{ color:#5f4a26}
	section.business .business-item > div#business2 strong{ color:#505050}
	section.business .business-item > div#business3 h3{ color:#13558c}
	section.business .business-item ul{ position:absolute; top:0; right:0; width:25%}
	section.business .business-item ul li,
	section.business .business-item ul li:nth-child(1){ width:100%}
	section.business .business-item ul li{ padding:45px 25px; height:200px}
	section.business .business-item ul li span,
	section.business .business-item ul li strong{ text-align:left; line-height:28px}
	section.business .business-item ul li span{ margin-top:15px; font-size:18px}
	section.business .business-item ul li strong{ font-size:24px}
	section.recruit		{ padding-bottom:0}
	section.investor	{ height:400px}
	section.investor h1	{ font-size:52px; line-height:50px}
	section.investor ul	{ margin-top:60px}
	section.investor li	{ margin:0 30px}
	section.investor li:first-child{ width:270px}
	section.investor li:last-child{ width:150px}
	/* Content */
	/* 서브콘텐츠높이-100vh */
	.bidding-etc,.bidding-doc,.talent,.procedure,.application{ height:100vh}
	/* 기업소개 */
	section.sub-content .contact-us .head-title,section.sub-content .greetings .head-title,section.sub-content .summary .head-title{ margin-bottom:50px}
	.summary .image-caption img{ height:250px}
	.paragraph			{ line-height:32px}
	.company-info ul li em img{ width:auto}
	.greetings .back-greetings{ margin:40px 0; height:200px}
	.history			{ background-color:transparent}
	.history.history.his1 .head-title{ background:#fff}
	.wrap-history .his2019,
	.wrap-history .his2016{ margin-top:100px}
	.wrap-history .his2015{ margin-top:200px}
	.wrap-history .his2013,
	.wrap-history .his2012{ margin-top:150px}
	.investor .investor-intro ul{ width:100%}
	.investor .investor-intro ul li{ width:20%}
	.investor .investor-intro ul li span{ padding:0 110px; font-size:18px; line-height:26px}
	.investor .investor-intro ul li strong{ margin-top:20px; font-size:28px}
	.investor .investor-intro ul li img,.investor .investor-intro ul li:first-child img{ height:auto}
	.investor .investor-intro ul li.back-investor{ padding:170px 0; width:560px; height:401px}
	.investor .investor-intro ul li:first-child{ padding:0 20px 0 0; text-align:right}
	.investor .investor-intro ul li:last-child{ padding:0 0 0 20px; text-align:left}
	.phi-info			{ margin-top:50px}
	.phi-info em		{ margin-top:30px}
	.phi-info em img	{ width:auto}
	.phi-info strong	{ font-size:24px}
	.phi-info ul		{ margin-top:35px}
	.phi-info .co-info ul li,.phi-info .help ul li,.phi-info .public-transport ul li{ padding:25px 10px; height:80px}
	.phi-info .help ul li span,.phi-info .public-transport ul li span{ margin-top:0}
	/* 사업분야 */
	.business .cycle	{ top:30%; left:40%; width:150px}
	.business .system	{ padding-right:70px}
	.business .platform	{ padding-left:70px}
	.business .platform .head-title{ margin-top:50px}
	.business .expansion .head-title{ float:left; width:50%}
	.business.business2 .head-title h1 strong{ padding:0 30px}
	.infra .inner .head-title span{ padding:0 100px}
	.smart-hospital .grid-box{ padding-bottom:40px}
	.smart-hospital .grid-box strong{ margin-top:20px; font-size:24px}
	.smart-hospital .grid-box strong,
	.smart-hospital .grid-box .icon-image,
	.smart-hospital .grid-box .imgholder{ padding:0 40px}
	.smart-hospital .grid-box .imgholder{ margin-top:30px}
	.smart-hospital .grid-box .icon-image{ padding-top:30px}
	.smart-hospital .grid-box .icon-image img{ width:auto}
	.data-flatform .inner,ul.inline-text{ margin-bottom:100px}
	ul.inline-text li			{ margin-top:30px; width:50%}
	ul.inline-text li:nth-child(2){ margin-top:0}
	ul.inline-text li strong	{ margin-bottom:15px}
	ul.inline-text li:nth-child(even){ padding-left:50px}
	ul.inline-text li:nth-child(odd){ padding-right:50px}
	/* 입찰 */
	.thumb-list.bidding .title{ display:inline-block; margin:0; width:50%}
	.bidding-doc		{ margin-bottom:0}
	.bidding-etc .inner	{ padding-top:0}
	ul.inline-square li	{ padding:50px 0}
	.bidding-doc.guide1	{ background-image:url(/images/bidding/back-bidding-doc1.png); background-position:0 100%}
	.bidding-doc.guide2	{ background-image:url(/images/bidding/back-bidding-doc2.png); background-position:0 0}
	.bidding-doc.guide1 ul.inline-square{ width:900px}
	.bidding-doc.guide1 ul.inline-square li{ height:315px}
	.bidding-doc.guide2 ul.inline-square li{ margin:0 0 0 2%; width:23.5%; height:380px}
	.bidding-doc.guide2 ul.inline-square li:nth-child(3){ margin-left:2%}
	ul.inline-square li span{ padding:0 40px}
	ul.inline-square li span img{ width:82px}
	.bidding-doc.guide2 ul.inline-square li span{ padding:0 15px}
	/* 인재채용 */
	.thumb-list.view.recruit .numeral{ margin-left:20px; padding-left:20px}
	.thumb-list.view.recruit .postedby{ margin-right:20px; padding-right:20px}
	.thumb-list.view div.recruit-detail{ margin:0 auto; width:100%}
	.talent .head-title span{ padding:0 80px}
	ul.talent-item		{ width:642px}
	ul.talent-item li em{ margin-bottom:35px}
	ul.talent-item li span{ padding:0 25px}
	ul.talent-item li strong{ font-size:26px}
	ul.inline-cercle li span{ width:150px; height:150px; line-height:140px}
	ul.inline-cercle li span img{ width:57px}
	ul.inline-cercle li strong{ margin-top:25px; font-size:26px}
	ul.inline-cercle li.step-arrow{ margin:0 15px; padding-top:60px; width:12px}
	.application .head-title{ padding-top:0}
	.application .doc-download a{ padding:15px 35px}
	ul.recruit-manager	{ margin-top:80px; padding-bottom:0}
	ul.recruit-manager li{ width:50%}
	ul.recruit-manager li:first-child{ margin-bottom:0}
	ul.recruit-manager li span{ width:67%}
	ul.recruit-manager li span.icon{ margin-right:40px}
	.welfare			{ margin-top:0}
	.welfare .benefit ul li{ float:left; margin:1.5% 0 0 1.5%; width:23.875%}
	.welfare .benefit ul li:nth-child(1),.welfare .benefit ul li:nth-child(5){ margin-left:0}
	.welfare .benefit ul li span{ padding:50px 5px}
	.welfare .benefit ul li span strong{ margin-top:25px}
	.welfare .benefit ul li.benefit1,.welfare .benefit ul li.benefit2,.welfare .benefit ul li.benefit4,.welfare .benefit ul li.benefit5,.welfare .benefit ul li.benefit6{ height:auto}
	/* 2021.02.23 추가 */
	.inline-box.border .grid-box strong{ margin:30px 30px 0 30px}
	.inline-box.border .grid-box .imgholder{ margin:30px}
	ul.ict-timeline li span,ul.ict-timeline li strong{ display:inline-block; vertical-align:top}
	ul.ict-timeline li span span,ul.ict-timeline li span strong{ display:block}
	ul.ict-timeline li strong{ margin-bottom:0; width:80px}
	ul.ict-timeline li span strong{ margin-bottom:15px; width:780px; font-size:18px}
}
@media all and (min-width:1024px) and (max-width:1279px){
}
@media all and (min-width:1200px){
	.skip-contents		{ display:block}
	/* 레이어팝업 */
	#divpop_2			{ top:50px; left:610px}
	/* RIGHTBAR */
	#rightBar			{ display:block; right:20px}
	/* Content */
	.body.company section.sub-content{ padding-top:0}
	section.sub-content .head-title{ margin-bottom:150px}
	section.sub-content .head-title h1 strong,section.sub-content .head-title h1 strong span{ font-size:44px; line-height:50px}
	.ci,.investor,.history.his3,.greetings,.summary,.business.business1,.bidding-doc,.talent,.procedure,.application,.welfare.welfare1{ margin-bottom:0}
	/* 서브콘텐츠높이-100vh */
	.app-service		{ margin:0}
	article.talent .inner{ padding-top:90px}
	article.procedure .inner{ padding-top:80px}
	article.application .inner{ padding-top:80px}
	article.welfare1 .inner{ padding-top:170px}
	article.welfare2 .inner{ padding-top:170px}
	.bidding-doc.guide1 .inner{ padding-top:90px}
	.bidding-doc.guide2 .inner{ padding:90px 0 0 0}
	.bidding-etc .inner	{ padding-top:80px}
	.business.business1 .inner{ padding-bottom:70px}
	.business.business2 .inner{ padding:100px 0}
	.outsoursing .inner	{ padding:180px 100px}
	.app-service .inner	{ padding:130px 100px}
	.infra .inner		{ padding:130px 100px}
	.total-service .inner{ padding:150px 100px}
	.smart-hospital .inner{ padding:130px 100px}
	.summary .inner		{ padding-top:90px}
	.greetings .inner	{ padding-top:80px}
	.history.history.his1 .wrap-history{ margin-top:30px; padding-bottom:167px}
	.history.history.his2 .wrap-history{ padding:162px 0 130px 0}
	.history.history.his3 .wrap-history{ padding:214px 0 180px 0}
	.investor .inner	{ padding-top:180px}
	.ci.grid .inner		{ padding-top:205px}
	.ci.color .inner	{ padding-top:125px}
	.contact-us .inner	{ padding-top:100px}
  	/* 기업소개 */
	.company-info ul li:nth-child(3) span{ padding:0 50px}
	.greetings .back-greetings{ background-position:50% 0}
	.history.history.his1 .head-title{ padding:170px 0 100px 0}
	/* 사업분야 */
	.total-service .inner,.outsoursing .inner{ margin:0 auto; width:1030px}
	ul.slide-block li	{ padding:45px 0}
	ul.inline-text li	{ margin-top:0; width:25%}
	ul.inline-text li:nth-child(2){ margin-top:0}
	ul.inline-text li strong{ margin-bottom:15px}
	ul.inline-text li:nth-child(even),ul.inline-text li:nth-child(odd){ padding:0 30px}
	/* 2021.02.23 추가 */
	.inline-box.border .grid-box .imgholder{ height:200px}
	article.ict .head-title span{ padding:0 200px}
	article.ict .inner	{ padding:150px 120px}
}

/* Desktop */
@media all and (min-width:1321px){
	/* Scroll To Top */
	#back-top			{ right:80px; bottom:60px}
	/* Search Form */
	.searchForm input[type=text]{ width:450px}
	/* List-thumb Mixed */
	.thumb-list div.shortening,.thumb-list .title strong{ padding-right:90px}
	.thumb-list .link-button{ right:15px}
	.thumb-list .list-numeral.R2{ right:40px; width:120px}
	.thumb-list .list-numeral.R1{ right:180px}
	/* Masonry List */
	.grid-box .imgholder{ height:205px}
	.grid-box .imgholder.no-image{ line-height:255px}
	/* Kakao Map */
	#map,#d-map,#d-roadview{ height:450px}
	/* Global Navigation Bar */
	.gnb ul li			{ padding:0 0 0 78px}
	/* Full Down Menu */
	.full-down-menu .gnb-full{ margin:0 auto; width:1200px}
	/* Layout */
	.header-content,.footer-content,section article,nav .gnb{ width:1200px}
	.header-content h1,#header-wrapper.sticky .header-content h1{ background-position:0 0}
	.footer .footer-content{ padding:45px 0}
	.footer em,.footer .address{ float:left}
	.footer .footer-menu{ float:right}
	.footer em			{ margin-right:30px}
	.footer mark		{ padding:0 5px; font-size:12px}
	.footer .copyright	{ margin-top:3px}
	.footer .copyright,.footer .footer-menu ul{ vertical-align:top}
	.footer .footer-menu li{ margin-left:45px}
	/* RIGHTBAR */
	#rightBar			{ right:80px}
	/* Main */
	section.visual h1	{ padding:0; width:1200px}
	/*section.visual .swiper-slide.slider2 h1{ margin-bottom:400px}*/
	section.visual,section.visual article,section.bidding,section.business,section.recruit,section.investor{ padding-left:0; padding-right:0}
	section.bidding article,section.recruit article,section.investor article{ margin:0}
	section.visual article,section.business article{ width:100%}
	section.business	{ margin:0 auto; width:1200px}
	section.business .business-item > div{ padding-top:100px}
	section.business .business-item ul li strong{ font-size:30px; line-height:34px}
	section.investor	{ padding:225px 0; height:700px}
	section.investor h1	{ font-size:72px; line-height:60px}
	section.investor ul	{ margin-top:100px}
	section.investor li	{ margin:0 45px}
	section.investor li:first-child{ width:345px}
	section.investor li:last-child{ width:183px}
	/* 서브콘텐츠높이-100vh */
	.summary .inner,.greetings .inner,.investor .inner{ width:100%}
	.business.business2 .inner{ margin:0; width:1200px}
	.smart-hospital .inner{ margin:0 auto; width:1200px}
	/* Content */
	section.sub-content	{ padding-bottom:100px}
	section.sub-content article{ padding:0}
	section.sub-content .head-title{ margin-bottom:150px}
	h2.con-headtitle	{ margin-bottom:40px}
	h2.con-headtitle span{ margin-top:10px; font-size:23px}
	h2.con-headtitle strong{ font-size:36px}
	/* Hgroup */
	.hgroup				{ height:260px; line-height:258px}
	/* Page Navigation */
	.page-navi > div	{ padding:0; width:1200px}
	/* 기업소개 */
	article.history		{ width:100%}
	article.greetings .head-title,article.summary .head-title,.container.company .paragraph,article.summary .company-info ul,article.history .wrap-history{ margin:0 auto; width:1200px}
	.ci.color .inner .head-title{ margin-bottom:80px}
	/* 사업분야 */
	.business .cycle	{ top:40%; left:37%; width:225px}
	.business .system	{ padding-right:100px}
	.business .platform	{ padding-left:100px}
	.business.business1 .head-title h1 strong{ padding-right:200px}
	.business.business2,.outsoursing,.app-service,.infra{ width:100%}
	ul.inline-text li:nth-child(even),ul.inline-text li:nth-child(odd){ padding:0 40px}
	/* 입찰 */
	.thumb-list.bidding .title{ width:55%}
	.thumb-list.bidding .title strong{ padding-right:0}
	article.smart-hospital,article.total-service,article.bidding-doc.guide1,article.bidding-doc.guide2,article.bidding-etc{ width:100%}
	.bidding-doc.guide2 ul.inline-square{ width:1200px}
	/* 인재채용 */
	.talent .head-title span{ padding:0 250px}
	ul.inline-cercle li span{ width:175px; height:175px; line-height:165px}
	ul.inline-cercle li.step-arrow{ margin:0 25px; padding-top:75px}
	article.application { width:100%}
	.application .doc-download a{ padding:15px 35px}
	ul.recruit-manager	{ margin:0 auto; margin-top:80px; padding-bottom:0; width:1020px}
	ul.recruit-manager li span{ width:65%}
	ul.recruit-manager li span.icon{ margin-right:42px; width:100px; height:100px}
	ul.recruit-manager li span.icon img{ margin-top:26px; width:39px}
	.welfare .benefit ul li span{ padding:65px 5px}
	.welfare .benefit ul li span strong{ font-size:20px}
	/* 2021.02.23 추가 */
	.inline-box.border .grid-box .imgholder{ height:250px}
	article.ict			{ width:100%}
	article.ict .inner	{ padding:155px 0; width:1200px}
	ul.ict-timeline		{ margin:0 auto; width:1020px}
	ul.ict-timeline li	{ margin-top:40px}
	ul.ict-timeline li strong{ width:100px}
	ul.ict-timeline li span strong{ width:auto}

}
@media all and (min-width:1400px){
	/* Main */
	section.business{ padding-left:80px; padding-right:80px; width:100%}
	/* 기업소개 */
	article.summary .company-info,article.greetings .back-greetings{ margin-left:80px; margin-right:80px}
	article.summary,article.greetings{ width:100%}
}
@media all and (min-width:1655px){
	/* Main */
	section.business .business-item > div{ padding:100px 0 0 43%; width:72.5%}
	section.business .business-item ul{ width:27.5%}
	section.business .business-item > div strong,
	section.business .business-item > div span{ padding-right:100px}
	section.business .business-item ul li{ padding:43px 100px}
	section.business .business-item ul li:nth-child(1),section.business .business-item ul li:nth-child(2){ padding-top:55px; padding-bottom:55px}
	section .head-title h1 strong,section .head-title h1 strong span{ font-size:72px; line-height:60px}
	section.bidding .head-title,section.business .head-title{ margin-bottom:130px}
	section.recruit .head-title{ margin-bottom:100px}
	/* 서브콘텐츠높이-100vh */
	article.color.grid,article.ci.grid,.investor,.history .inner,.greetings,.summary,.smart-hospital,.total-service,.infra,.app-service,.outsoursing,article.business,.welfare{ height:100vh}
	/* 서브콘텐츠높이-100vh */
	article.talent .inner{ padding-top:80px}
	article.procedure .inner{ padding-top:50px}
	article.application .inner{ padding-top:80px}
	article.welfare1 .inner{ padding-top:100px}
	article.welfare2 .inner{ padding-top:310px}
	.bidding-doc.guide1 .inner{ padding-top:90px}
	.bidding-doc.guide2 .inner{ padding-top:90px}
	.bidding-etc .inner	{ padding-top:90px}
	.business.business1 .inner{ padding:90px 0 0 0}
	.business.business2 .inner{ padding:90px 0 0 0}
	.outsoursing .inner	{ padding:210px 0 0 0}
	.app-service .inner	{ padding:80px 0 0 0}
	.infra .inner		{ padding:80px 0 0 0}
	.total-service .inner{ padding:210px 0 0 0}
	.smart-hospital .inner{ padding:180px 0 0 0}
	.summary .inner		{ padding-top:90px}
	.greetings .inner	{ padding-top:110px}
	.history.history.his1 .wrap-history{ padding-bottom:167px}
	.history.history.his2 .wrap-history{ padding:190px 0 130px 0}
	.history.history.his3 .wrap-history{ padding:250px 0 160px 0}
	.investor .inner	{ padding-top:90px}
	.ci.grid .inner		{ padding-top:90px}
	.ci.color .inner	{ padding-top:105px}
	.contact-us .inner	{ padding-top:120px}
	/* 2021.02.23 추가 */
	article.ict			{ height:100vh}
	article.ict .inner	{ padding:130px 0 0 0}
}