@charset "utf-8";
/* webfont 설정 */
@import url("/css/notosans-kr.css");
/* All */
header,footer,section,article,aside,nav,menu,figure,figcaption{ display:block}
html,body{ min-height:100vh; margin:0}
body{ overflow-y:scroll}
body,table,input,textarea,select,optgroup,button{ font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Dotum','애플고딕','AppleGothic','Arial','sans-serif'; color:#505050}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin:0; padding:0; border:0; border-collapse:separate; border-spacing:0; font-weight:inherit; font-style:inherit; text-decoration:none; list-style:none; letter-spacing:-0.01em; word-break:keep-all; font-weight:300}
img,object,embed			{ height:auto; border:0}
a							{ text-decoration:none}
/* Forms */
form,fieldset				{ margin:0; padding:0; border:0}
legend						{ position:absolute; width:0; line-height:0; height:0; font-size:0; top:0; left:-10000px; overflow:hidden}
input,textarea,select,input[type="file"]{ font-weight:300; line-height:normal}
textarea,input[type="text"],input[type="password"],input[type="email"],input[type="file"],input[type="url"],input[type="file"],input[type="number"],input[type="tel"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"]{ -webkit-appearance:none; border-radius:0}
select,textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="file"],
input[type="number"],
input[type="tel"]{
	padding:5px 15px;
	background-color:#fff;
	border:1px solid #e0e0e0;
	vertical-align:middle;
	-webkit-transition:border linear 0.2s;
	   -moz-transition:border linear 0.2s;
		 -o-transition:border linear 0.2s;
			transition:border linear 0.2s}
input:read-only{ background-color:#f5f5f5 !important; color:#808080 !important}
input:required{ border:1px solid #e0e0e0 !important}
input:required:active,input:required:focus{ border-color:#0b3190 !important}
select{
	/* 네이티브 외형 감추기 */
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	/* 네이티브 화살표 대체 */
	background:#fff url(/images/board/select.png) no-repeat;
	/* iOS 둥근모서리 제거 */
	border-radius:0;
	/* 사용자 컨트롤 */
	line-height:normal;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand{ display:none}
.select-wrap{ display:inline-block; vertical-align:middle}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus{
	color:#505050;
	border-color:rgba(118, 174, 235, 0.5);
	outline:0;
}
input[type="radio"],input[type="checkbox"]{	margin:0 8px 0 0; line-height:normal; vertical-align:middle; cursor:pointer}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="number"],input[type="checkbox"]{ width:auto; border-radius:0}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#c9c9c9} /* Webkit, Blink, Edge에 적용 */
input::-moz-placeholder,
textarea::-moz-placeholder{ color:#c9c9c9} /* Mozilla Firefox에 적용 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ color:#c9c9c9} /* Internet Explorer 10 이상에 적용 */
/* File Browser */
.file-browser{ display:inline-block; position:relative; margin:0}
.file-input,.file-input-div{ display:inline-block}
.file-input{ width:80% !important; line-height:normal}
.file-input-div{ position:absolute; left:0; overflow:hidden; width:100% !important}
.file-input-div .file-button{ float:right; margin:0 !important; padding:0 !important; width:20% !important; background:#999; border:0 !important}
.file-input-div .file-button input[type=button]{ display:block; width:100%; height:100%; color:#fff !important; background:transparent; background:linear-gradient(to right, #999, #999); border:0; vertical-align:top; cursor:pointer; border-radius:0; text-align:center}
.file-input-div input[type=file]{ width:100%; cursor:pointer}
.file-input-hidden{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0}
.write-con.file-add .button-add,.write-con.file-add .button-minus{ position:absolute; top:0; text-align:center; background:#566374}
.write-con.file-add .button-minus{ right:0}
.write-con.file-add .button-add input[type=button],
.write-con.file-add .button-minus input[type=button]{ display:block; width:100%; height:100%; border:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; text-indent:-9999px}
.write-con.file-add .button-add input[type=button]{ background-image:url(/images/board/add.png)}
.write-con.file-add .button-minus input[type=button]{ background-image:url(/images/board/minus.png)}
/* Align - Clear */
.text-align-right			{ text-align:right}
.text-align-left			{ text-align:left}
.text-align-center			{ text-align:center}
.fl-left					{ float:left !important}
.fl-right					{ float:right !important}
.fl-left.half,.fl-right.half{ width:50% !important}
.clearfix:before,.clearfix:after{ content:""; display:table}
.clearfix:after				{ clear:both}
.no-margin					{ margin:0 !important}
/*! jquery.skipNav.css © yamoo9.net, 2015 */
.skip-contents{ position:relative; display:block; background:#333}
.skip-contents>a{ position:absolute; display:block; padding:10px 21px; width:100%; height:1px; color:#fff; overflow:hidden}
.skip-nav{ position:absolute; z-index:9999; top:0; left:0}
.a11y-hidden{
	overflow: hidden;
	position: absolute;
	clip:     rect(0 0 0 0);
	width:    1px;
	height:   1px;
	margin:   -1px;
	padding:  0;
	border:   0;
}
.a11y-hidden.focusable:focus,
.a11y-hidden.focusable:active{
	overflow: visible;
	position: static;
	clip:     auto;
	width:    auto;
	height:   auto;
	margin:   0;
}
/* Box Sizing */
html{ -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none}
html{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
*, *:before, *:after{ box-sizing: inherit}
img{ box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}
/* Scroll To Top */
#back-top					{
	position:fixed;
	z-index:30000;
	width:65px;
	height:65px;
	border:1px solid #0b3190;
	text-indent:-9999px;
	background:url(/images/common/topofpage.png) no-repeat scroll 0 0 transparent;
	background-color:#fefefe;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-o-transition-duration:0s}
#back-top:hover				{ background-position:0 0}
/* Search Form */
.searchForm					{ position:relative; padding:0; background:#fbfbfb; border:1px solid #efefef}
.searchForm label			{ position:absolute; top:-9999px; color:#454545; font-weight:500; cursor:pointer}
.searchForm input			{ vertical-align:top}
.searchForm input[type=text]{ margin:0 -4px 0 0; border:1px solid #d5d5d5}
.searchForm input[type=submit],.searchForm input[type=button]{ border:0; color:#fff !important; text-align:center; background:#0b3190; background:linear-gradient(to right, #0b3190, #0b3190); cursor:pointer}
/* Button */
.buttonWrap					{ position:relative}
.button-centered			{ text-align:center}
.button-right				{ text-align:right}
/* Button Reset */
.button,.button a,.button button,.button input{ position:relative; margin:0 1px; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; overflow:visible; color:#fff !important}
.button 					{ padding:0; vertical-align:middle; background-position:left top}
.button a,.button button,.button input{ left:0; vertical-align:top; cursor:pointer; background-position:right top}
/* Button Color */
.button.blue,.button.red,.button.grey,.button.black{ text-align:center}
.button.blue a,.button.blue button,.button.blue input{ background-color:#0b3190 !important}
.button.red a,.button.red button,.button.red input{ background-color:#e00028 !important}
.button.grey a,.button.grey button,.button.grey input{ background-color:#77757e !important}
.button.black a,.button.black button,.button.black input{ background-color:#000 !important}
/* Board List-View */
.boardWrap,.boardList		{ position:relative}
.board-content h1			{ font-size:2em}
.board-content h1,.board-content h2,.board-content h3,.board-content h4{ font-weight:500; line-height:normal}
.board-content em			{ font-style:italic}
.board-content s			{ text-decoration:line-through}
.board-content strong		{ font-weight:500 !important}
.board-content a			{ display:inline-block !important; float:none !important}
.board-content img			{ max-width:100%}
.board-content table		{ width:100%; border-collapse:collapse; margin:10px 0}
.board-content caption		{ padding-bottom:8px; font-size:13px; color:#777; text-align:left}
.board-content table,.board-content tbody,.board-content tfoot,.board-content thead,.board-content tr,.board-content th,.board-content td{ padding:3px 10px; border-collapse:collapse; border-spacing:0; border:1px solid #e3e3e3}
.board-content table table,
.board-content table table thead,
.board-content table table tbody,
.board-content table table tr,
.board-content table table td,
.board-content table table table,
.board-content table table table thead,
.board-content table table table tbody,
.board-content table table table tr,
.board-content table table table td,
.board-content table table table table
.board-content table table table thead thead,
.board-content table table table thead tbody,
.board-content table table table table tr,
.board-content table table table table td{ border:0 !important}
.board-content li			{ margin:0 ! important; padding:5px 0 ! important; border:0 ! important; text-align:left ! important}
div.board-content div		{ margin:0 !important; min-height:auto}
/* List-thumb Mixed */
.thumb-list					{ padding-bottom:1px}
.thumb-list ul				{ margin:0; padding:0; list-style:none}
.thumb-list li				{ position:relative; margin:0 0 -1px 0; border:1px solid #e3e3e3; border-left:0; border-right:0; vertical-align:top}
.thumb-list li:first-child	{ border-top:2px solid #808080}
.thumb-list li:last-child	{ border-bottom-color:#808080}
.thumb-list li:after		{ display:block; clear:both; content:""}
.thumb-list .no				{ text-align:center}
.thumb-list img,.thumb-list .no,.thumb-list .title,.thumb-list .title strong,.thumb-list .notify em{ display:inline-block; vertical-align:middle}
.thumb-list a				{ color:#555; text-decoration:none; cursor:pointer}
.thumb-list strong			{ font-weight:500; vertical-align:top}
.thumb-list a:hover,.thumb-list a:active,.thumb-list a:focus,.thumb-list a:hover .title,.thumb-list a:active .title,.thumb-list a:focus .title{ color:#404040; text-decoration:underline}
.thumb-list .thumb,.thumb-list .thumb2{ display:inline-block; float:left; padding:0; border:1px solid #ddd; overflow:hidden}
.thumb-list .thumb img		{ display:block; width:100%; border:0}
.thumb-list .thumb2			{ display:block; float:none; border:0}
.thumb-list .thumb2 img		{ display:inline-block; margin-bottom:5px; max-width:100%}
.thumb-list .title strong,.thumb-list.view s-title strong{ color:#404040}
.thumb-list div,.thumb-list .title,.thumb-list .list-numeral{ color:#505050}
.thumb-list .list-numeral,.thumb-list .date span,.thumb-list .date strong,.thumb-list .link-button,.thumb-list .link-button a{ display:block; text-align:center; letter-spacing:0}
.thumb-list .date span,.thumb-list .date strong{ color:#b7b7b7}
.thumb-list .date strong	{ font-weight:400}
.thumb-list .link-button a	{ width:100%; height:100%; background:url(/images/board/go.png) no-repeat; text-indent:-9999px}
.thumb-list .numeral,.thumb-list .postedby{ display:inline-block; margin:0; width:auto; text-transform:uppercase}
.thumb-list .numeral span,.thumb-list .postedby span{ display:inline-block; vertical-align:middle; letter-spacing:0}
.thumb-list .continue		{ font-family:'Tahoma'; margin:10px 0 0 0; font-size:11px; color:#00be88; font-weight:500; font-style:italic; line-height:11px; letter-spacing:0}
.thumb-list .continue a		{ font-size:11px; line-height:11px}
.thumb-list .continue span	{ font-family:'돋움'; font-style:normal; font-size:12px}
.recruit em,
.recruit .notify em,
.thumb-list .notify em		{ position:absolute; margin-right:15px; width:65px; height:30px; font-size:14px; font-style:normal; color:#0b3190; text-align:center; line-height:28px; border:1px solid #0b3190}
.thumb-list .notify a span	{ color:#404040}
.thumb-list .add-file		{ display:block; text-align:right}
.thumb-list .add-file em	{ color:#888; font-weight:500}
.thumb-list .no-message span{ display:block; text-align:center}
.thumb-list.view			{ padding-bottom:0}
.thumb-list.view li:first-child{ border-top-color:#0b3190}
.thumb-list.view span		{ padding:0}
.thumb-list.view .s-title	{ display:block}
.thumb-list.view .s-title strong{ color:#000}
.thumb-list.view .numeral span{ color:#909090}
.thumb-list.view .numeral span,.thumb-list.view .numeral strong{ display:inline-block; vertical-align:middle}
.thumb-list.view span strong,.thumb-list.view .numeral strong{ color:#303030; font-weight:400}
.thumb-list.view .add-file	{ text-align:left}
.thumb-list.view .add-file strong,.thumb-list.view .add-file img,.thumb-list.view .add-file a{ display:inline-block; vertical-align:middle}
.thumb-list.view .add-file a{ color:#909090; letter-spacing:0}
.thumb-list.view .thumb		{ border:0; height:auto}
.thumb-list.view .thumb2 img{ margin-bottom:0}
.thumb-list.view div.board-content{ min-height:150px}
/* Next - Prev */
.next-prev ul				{ margin:0; padding:0; list-style:none}
.next-prev li				{ position:relative; margin:-1px 0; padding:0; color:#505050; border:0; vertical-align:top}
.next-prev li:after			{ display:block; clear:both; content:""}
.next-prev li:first-child	{ border-top-color:#808080}
.next-prev li a				{ display:inline-block; color:#505050; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.next-prev li a.prev,.next-prev li a.next{ color:#000; font-weight:700; text-align:center; background:#fff; border:1px solid #000}
.next-prev li span			{ position:absolute; letter-spacing:0}
/* Board Write-Edit */
.write-con textarea,.write-con input[type=email],.write-con input[type=password],.write-con input[type=text],.write-tit input[type=text]{ width:100%}
.write-con .fl-left,.write-con .fl-right{ width:49%}
.write-tit					{ margin:-1px 0; padding:10px 0; border:1px solid #eee; border-left:0; border-right:0; border-top:1px solid #808080}
.write-con label,.write-tit .title{ margin:0; font-weight:400}
.editor,.write-con			{ position:relative; margin:-1px 0; padding:10px 0; border:1px solid #eee; border-left:0; border-right:0}
.write-con.e-mail			{ margin-bottom:1px; border-bottom:1px solid #0b3190}
.editor textarea,.write-con textarea{ width:100%; border:1px solid #eee}
.write-con label,.write-con span,.write-tit .title label,.write-tit .title span{ display:inline-block; margin:0}
.write-con span,.write-tit .title span{ margin-left:-4px}
.editor div,.write-con .tarea{ padding:10px 0}
.write-con .upload			{ padding:10px 0}
.write-con .file-upload		{ padding:15px 20px; background:#fff; border:1px solid #ddd}
.write-con .file-upload div	{ margin-top:10px}
.write-con .file-upload label,.write-con .file-upload span{ padding:0; width:auto; height:auto; line-height:normal}
.write-con .file-upload label{ padding:0 15px 0 0; border:0}
.write-con .file-upload span{ width:75%}
.write-con .file-upload img	{ margin:0; vertical-align:middle}
.write-con .file-upload p	{ }
.write-con .file-upload input[type=checkbox]{ width:auto; padding:0; margin:0 2px 0 10px; vertical-align:middle; border:0; background:none}
.write-con .file-upload input[type=file]{ width:100%; padding:5px; border:1px solid #ddd; border-radius:0; background:#fff}
.write-con .file-upload .file{ font-size:13px; color:#0b3190; margin-top:3px; padding-left:12px; background:url(/images/board/icon-attach.png) 0 2px no-repeat}
.write-con .file-upload .discrip-photo{ margin:2px 0 5px 0}
.write-con .file-upload .discrip-attach{ margin:5px 0}
.write-con .file-browser	{ width:100%}
.write-con .file-input-div	{ top:0}
/* Comment */
.reply-list					{ margin:30px 0}
.reply-list p				{ position:relative; margin:0 !important; padding:12px 10px; font-size:14px; text-align:left !important}
.reply-list p strong		{ color:#ff6d60; font-weight:500}
.reply-list p span			{ position:absolute; top:12px; right:10px; font-weight:500}
ul.ul-reply					{ margin-top:1px}
ul.ul-reply li				{ position:relative; margin:-1px 0; padding:12px 10px; border:1px solid #e3e5e8; border-left:0; border-right:0}
ul.ul-reply li strong,ul.ul-reply li span{ display:block; font-size:14px; line-height:24px}
ul.ul-reply li strong		{ color:#0b3190; font-weight:500}
ul.ul-reply li span a		{ display:inline-block; margin-left:10px; width:16px; height:16px; background:url(/images/board/btn-delete.png) 0 0 no-repeat; text-indent:-9999px; vertical-align:middle}
ul.ul-reply .write-date		{ position:absolute; top:13px; right:10px; font-size:13px}
.reply-list.reply-write		{ margin:0}
.write-reply				{ border-top:1px solid #0b3190}
.write-reply p strong		{ color:#666}
.write-reply p span			{ position:absolute; top:12px; right:10px; font-size:13px; color:#9da4a7; font-weight:500}
.write-reply .write-info	{ position:relative}
.write-reply .write-info label,.write-reply .write-info input{ display:inline-block; vertical-align:middle}
.write-reply .write-info label{ width:80px}
.write-reply .input-box,.write-reply .button-box{ height:70px; overflow:hidden}
.write-reply .input-box		{ float:left; border:1px solid #e3e5e8}
.write-reply .button-box	{ float:right}
.write-reply .input-box textarea,.write-reply a,.write-reply input[type=submit],.write-reply input[type=button]{ display:inline-block; width:100%; height:70px; line-height:70px; text-align:center; border:0}
.write-reply a,.write-reply input[type=submit],.write-reply input[type=button]{ color:#fff; font-weight:500; background:#0b3190; cursor:pointer}
.write-reply .input-box textarea{ text-align:left; line-height:normal}
ul.reply-comment li			{ position:relative; border-bottom:1px solid #e3e3e3}
ul.reply-comment li.blue-line{ background:#0b3190}
ul.reply-comment li strong	{ color:#fff; font-weight:300}
.button-edit,.button-cancel	{ padding:5px 10px; font-size:14px; color:#fff; border:0; cursor:pointer}
.button-edit				{ background:#0b3190}
.button-cancel				{ background:#444}
.edit-delete				{ position:absolute}
.edit-delete button			{ color:#0b3190; border:0; background:#fff; cursor:pointer}
/* Masonry List */
.inline-box					{ position:relative; margin:-25px -50px -75px 0}
.grid-box					{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	background:#fff;
	border-top:3px solid #f4f4f4;
	-webkit-transition: top 1s ease, left 1s ease;
	   -moz-transition: top 1s ease, left 1s ease;
		 -o-transition: top 1s ease, left 1s ease;
		-ms-transition: top 1s ease, left 1s ease}
.grid-box a					{ display:block}
.grid-box a.view			{ display:inline-block; vertical-align:middle; color:#707070; background:url(/images/board/go-arrow.png) 100% 70% no-repeat}
.grid-box em				{ display:inline-block; margin-bottom:10px; width:65px; height:30px; font-size:14px; font-style:normal; color:#0b3190; text-align:center; line-height:28px; border:1px solid #0b3190}
.grid-box strong			{ display:block; color:#404040; font-weight:400}
.grid-box .imgholder		{ padding:0; font-size:0; overflow:hidden}
.grid-box .imgholder img	{ display:block; width:100%; background:#fff}
.grid-box .imgholder.no-image{ background:#fbfbfb; border:1px solid #efefef; text-align:center}
.grid-box .imgholder.no-image img{ display:inline-block; width:auto; max-width:100%}
.grid-box .dv-line			{ height:1px; background:url(/images/board/dot-line.png) repeat-x}
.grid-box .post-memo		{ margin:0; color:#666}
.grid-box .scrap-name span,.grid-box .scrap-name strong{ display:inline-block; vertical-align:middle}
.grid-box .scrap-day		{ position:relative}
.grid-box .scrap-day span	{ color:#666; line-height:normal; letter-spacing:0}
/*.grid-box .dv-line,.grid-box .scrap-name,.grid-box .scrap-day{ display:none}*/
/* Pagenation */
.pagenation{ position:relative}
.basic{ margin:0}
.pageButton{ position:absolute; top:0; right:0}
.pagenation ul{ display:inline-block; margin-bottom:0; margin-left:0}
.pagenation ul > li{ display:inline; position:relative}
.pagenation ul > li > a,.pagenation ul > li > span{ float:left; margin:0 2px; text-decoration:none; color:#333; border:1px solid #333}
.pagenation ul > .active > a,.pagenation ul > .active > span{ color:#fff; font-weight:500; cursor:default; border:1px solid #0b3190; background:#0b3190}
.pagenation ul > .disabled > span,.pagenation ul > .disabled > a,.pagenation ul > .disabled > a:hover{ cursor:default}
.pagenation ul > .pg-arrow > span,
.pagenation ul > .pg-arrow > a,
.pagenation ul > .pg-arrow > a:hover{ font-size:16px; color:#c0c0c0; border:0; font-weight:700; background-position:50% 50%; background-repeat:no-repeat; text-indent:-9999px}
.pagenation ul > .pg-arrow.prev > a{ background-image:url(/images/board/pg-arrow-prev.png)}
.pagenation ul > .pg-arrow.pprev > a{ background-image:url(/images/board/pg-arrow-pprev.png)}
.pagenation ul > .pg-arrow.next > a{ background-image:url(/images/board/pg-arrow-next.png)}
.pagenation ul > .pg-arrow.nnext > a{ background-image:url(/images/board/pg-arrow-nnext.png)}
.pagenation ul > .atfl > span,.pagenation ul > .atfl > a,.pagenation ul > .atfl > a:hover{ font-weight:700}
.pagenation-centered{ text-align:center}
.pagenation-righted	{ text-align:right}
/* Kakao Map */
#map-zoom > h3				{ margin:45px 0 15px 0; padding:0; font-size:16px; font-weight:500}
#map-zoom strong			{ font-size:14px; font-weight:500}
#map-zoom .point			{ margin-top:35px; line-height:24px}
#map-zoom > span			{ display:block; margin-bottom:4px; font-size:12px; color:#FE4940; letter-spacing:0.02em; line-height:1.5; border-bottom:1px dotted #afb2b9; padding-bottom:12px}
#map-zoom code				{ background:#f1f1f1; border:1px solid #e9e9e9; padding:1px 4px; border-radius:4px}
#d-roadview					{ display:none; margin-top:5px}
.map-wrap					{ position:relative; overflow:hidden}
.radius-border				{ border:1px solid #919191;border-radius:5px;}
.map-wrap .custom-typecontrol{position:absolute;top:10px;left:10px;overflow:hidden;width:132px;height:30px;margin:0;padding:0;z-index:200;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.map-wrap .custom-typecontrol a{display:block;width:65px;height:30px;float:left;color:#425470;text-align:center;line-height:30px;cursor:pointer;}
.map-wrap .custom-typecontrol .btn{background:#fff;background:linear-gradient(#fff, #e6e6e6);}
.map-wrap .custom-typecontrol .btn:hover{background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.map-wrap .custom-typecontrol .btn:active{background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.map-wrap .custom-typecontrol .selected-btn{color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.map-wrap .custom-typecontrol .selected-btn:hover{color:#fff;}
.map-wrap .custom-zoomcontrol{position:absolute;top:50px;left:10px;width:74px;height:40px;overflow:hidden;z-index:200;background-color:#f5f5f5;}
.map-wrap .custom-zoomcontrol a{display:block;float:left;width:36px;height:40px;text-align:center;cursor:pointer;}
.map-wrap .custom-zoomcontrol a img{width:15px;height:15px;padding:12px 0;border:none;}
.map-wrap .custom-zoomcontrol a:first-child{border-right:1px solid #bfbfbf;}
.map-wrap .custom-zoomcontrol a:focus, .map-wrap .custom-zoomcontrol a:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1)}
.map-wrap .custom-zoomcontrol a:active{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); transform:scale(0.9)}
#map,#d-map					{ width:100%;position:relative;overflow:hidden}
.infowindow					{ font-size:14px; text-align:center; padding:6px 0; width:180px; line-height:18px}
.kakao-map					{ border:1px solid #e3e3e3}
/* 모달윈도우 */
.mw							{ display:none; position:fixed; _position:absolute; z-index:10000; top:0; left:0; width:100%; height:100%}
.mw-close					{ position:absolute; cursor:pointer}
.mw .bg						{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50)}
.mw .pop-layer				{ position:absolute; top:0; left:50%; padding:0; text-align:center; background:#fff}
.pop-layer.wp .layer-header,.mw .pop-layer .layer-header{ position:relative; background:#37b0e4}
.pop-layer.wp .layer-header h1,.mw .pop-layer .layer-header h1{ color:#fff; font-weight:300; text-align:center}
.mw .pop-layer .layer-body .write-con{ padding:0 0 10px 0; border:0}
.pop-layer.wp				{ padding:0; text-align:center; background:#fff}
/* 레이어팝업 */
.layer-pop					{ position:absolute; z-index:99999; border:1px solid #0b3190}
.layer-pop .mw-close		{ position:absolute; cursor:pointer}
.layer-pop.pop-layer		{ padding:0; text-align:center; background:#fff}
.layer-pop.pop-layer .layer-header{ position:relative; background:#0b3190}
.layer-pop.pop-layer .layer-header h1{ color:#fff; font-weight:300; text-align:center}
.layer-pop.pop-layer .layer-body{ text-align:center}
.layer-pop.pop-layer .layer-body img{ display:inline-block; max-width:100%}
.layer-pop.pop-layer .layer-footer{ color:#000; font-size:14px; background:#fff; text-align:right; border-top:1px solid #0b3190}
.layer-pop.pop-layer .layer-footer input[type=checkbox],.layer-pop.pop-layer .layer-footer label{ display:inline-block; vertical-align:middle; margin:0; cursor:pointer}
/* Table */
.default table				{ width:100%; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-collapse:collapse}
.default caption			{ display:none; position:absolute; top:-9999px; padding-bottom:10px; text-align:left}
.default thead th,.default tfoot th,.default th{ color:#202020; font-weight:400; background:#f5f5f5; text-align:left}
.default th,.default td		{ color:#505050; vertical-align:middle; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3}
.default th,.default td h3,.default td strong{ color:#202020; font-weight:400}
/*.default th:first-child,.default td:first-child{ border-left:0}*/
.default a					{ color:#505050}
.default img,.default button{ display:inline-block; vertical-align:middle}
.default button				{ padding:0 10px; height:25px; line-height:25px; font-size:13px; color:#fff; border:0; cursor:pointer; background:#cecece}
.default button.blue		{ background-color:#0b3190}
.default button.grey		{ background-color:#77757e}
.default button.red			{ background-color:#0b3190}
.default button.black		{ background-color:#202020}
.default button.orange		{ background-color:#ff9c00}
.default td.align-left,.default.center td.align-left{ text-align:left}
.default td.align-right,.default.center td.align-right{ text-align:right}
.default.center th,.default.center td{ text-align:center; padding-left:0; padding-right:0}
.default.cap table			{ border-top:1px solid #e3e3e3}
.default.line table			{ border-color:#e0e0e0}
.default.line thead th,.default.line tbody th{ background-color:#fafafa}
.default.line tfoot th{ color:#000; font-weight:300; background-color:#fafafa}
.default.line th,.default.line td{ border:1px solid #e0e0e0}
/* Popover */
.popover{
	position:absolute;
	top:0;
	left:0;
	z-index:1010;
	display:none;
	max-width:276px;
	padding:1px;
	text-align:left;
	white-space:normal;
	background-color:#ffffff;
	border:1px solid #ccc;
	border:1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}
.popover-content			{ padding:9px 20px; font-size:14px; line-height:20px}
.popover.right				{ margin-left:10px}
.popover.right .arrow{
	top:50%;
	left:-6px;
	margin-top:-6px;
	border-right-color:#999;
	border-right-color:rgba(0, 0, 0, 0.25);
	border-left-width:0;
}
.popover.left { margin-left:-10px}
.popover.left .arrow {
	top: 50%;
	right:-6px;
	margin-top:-6px;
	border-left-color:#999;
	border-left-color:rgba(0, 0, 0, 0.25);
	border-right-width:0;
}
.popover.left .arrow:after {
	right:1px;
	bottom:-6px;
	border-left-color:#fff;
	border-right-width:0;
}
.popover .arrow				{ border-width:6px}
.popover .arrow, .popover .arrow:after{
	position:absolute;
	display:block;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
}
.fade{
	opacity:0;
	-webkit-transition:opacity 0.15s linear;
	-moz-transition:opacity 0.15s linear;
	-o-transition:opacity 0.15s linear;
	transition:opacity 0.15s linear;
}
.fade.in					{ opacity:1}
/* Tab Menu */
ul.tab-menu					{ margin:0 auto}
ul.tab-menu li				{ float:left; border:1px solid #e0e0e0; border-left:0}
ul.tab-menu li:first-child	{ border-left:1px solid #e0e0e0}
ul.tab-menu li a,ul.tab-menu li span{ display:block; width:100%; height:100%; text-align:center}
ul.tab-menu li span			{ color:#505050}
ul.tab-menu li.active		{ border-color:#0b3190}
ul.tab-menu li.active span	{ color:#fff; background:#0b3190}
ul.tab-menu.blue li.active	{ border-color:#0b3190}
ul.tab-menu.blue li.active span{ background:#0b3190}
/* Layout */
.container,.body			{ position:relative}
.content,section			{ outline:0; margin:0}
.body:after,section:after,article:after{ content:""; display:block; clear:both}
.header,.header-content,.footer,.footer-content,section article{ position:relative; margin:0 auto}
#header-wrapper				{ z-index:9999; width:100%; margin:0 auto; padding:0; background-color:transparent; transition-duration:0.35s}
#header-wrapper.sticky		{ position:fixed; left:0; right:0; top:0; padding:0; background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.09)}
#header-wrapper.alternate	{ width:100%; box-shadow:0 0 5px rgba(0, 0, 0, 0.09)}
#header-wrapper.sticky.alternate{ box-shadow:0 0 5px rgba(0, 0, 0, 0.09)}
#header-wrapper.sticky .header-content h1{ background:url(/images/common/logo.png) no-repeat}
.header-content h1			{ float:left; background:url(/images/common/logo.png) no-repeat; background-size:contain}
.header-content h1 a		{ display:block; width:100%; height:100%; text-indent:-9999px}
.header-content .all-menu	{ display:none; position:absolute; right:0}
.header-content .all-menu>button{ display:block; background:#fff url(/images/common/all-menu.png) no-repeat; border:0; cursor:pointer; text-indent:-9999px}
.footer						{ border-top:1px solid #ddd}
.footer,.footer a,.footer a:hover,.footer a:active,.footer a:focus{ color:#707070; text-decoration:none}
.footer em					{ font-size:0; line-height:0}
.footer mark,.footer small	{ display:inline-block; vertical-align:middle}
.footer mark				{ color:#707070; font-weight:700; background:#fff}
.footer .footer-content strong{ color:#202020; font-weight:400}
.footer .copyright			{ letter-spacing:0}
.footer .copyright strong	{ text-transform:uppercase}
.footer .footer-menu li		{ display:inline-block; vertical-align:middle}
.footer .footer-menu li:first-child{ margin-left:0}
.footer .footer-menu li a	{ color:#808080; font-weight:400; text-transform:uppercase}
.footer .footer-menu li.active a{ color:#0b3190}
/*.footer .footer-menu li:nth-child(3) a{ color:#0b3190}*/
/* Global Navigation Bar */
.gnb						{ position:relative; float:left}
.gnb ul li					{ position:relative; float:left}
.gnb ul li:first-child		{ padding-left:0; background-image:none}
.gnb ul li:last-child		{ padding-right:0}
.gnb ul li span,.gnb ul li strong{ text-transform:uppercase; font-weight:400}
.gnb ul li span				{ color:#202020}
.gnb ul li.active strong	{ color:#0b3190}
.container.main .gnb ul li span{ color:#fff}
#header-wrapper.sticky .gnb ul li span{ color:#202020}
#header-wrapper.sticky .gnb ul li:hover span,#header-wrapper.sticky .gnb ul li:active span,#header-wrapper.sticky .gnb ul li:focus span,
.gnb ul li:hover span,.gnb ul li:active span,.gnb ul li:focus span{ color:#0b3190; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.gnb button					{ display:none}
/* Full Down Menu */
.full-down-menu				{ display:none; position:absolute; z-index:100; left:0; width:100%; border-top:1px solid #0b3190; border-bottom:1px solid #0b3190; background:#fbfbfb url(/images/common/back-fullmenu.png) 50% 50% no-repeat; background-size:contain}
.full-down-menu .gnb-full	{ position:relative; margin:0 auto}
.full-down-menu .gnb-full button{ position:absolute; display:block; border:0; background:#0b3190 url(/images/common/close.png) 50% 50% no-repeat; cursor:pointer; text-indent:-9999px}
.full-down-menu .gnb-full li{ float:left; border-right:1px solid #dadde2}
.full-down-menu .gnb-full li:first-child{ border-left:1px solid #dadde2}
.full-down-menu .gnb-full li a,.full-down-menu .gnb-full li span,.full-down-menu .gnb-full li strong{ display:block; text-transform:uppercase}
.full-down-menu .gnb-full li a{ width:100%; height:auto}
.full-down-menu .gnb-full li span,.full-down-menu .gnb-full li strong{ color:#303030}
.full-down-menu .gnb-full li strong{ font-weight:500; border-bottom:1px solid #dadde2}
.full-down-menu .gnb-full li li{ float:none; width:100%; height:auto; clear:both; padding:0; border:0}
.full-down-menu .gnb-full li li:first-child{ border:0}
.full-down-menu .gnb-full li li:last-child{ position:static; right:auto; top:auto}
.full-down-menu .gnb-full li li:hover span,
.full-down-menu .gnb-full li li:active span,
.full-down-menu .gnb-full li li:focus span{ color:#fff; background:#0b3190 url(/images/common/dot-white.png) 93% 50% no-repeat; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s}
/* Swiper */
.swiper-container			{ width:100%}
.swiper-slide				{
	text-align:center;
	/* Center slide text vertically */
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	overflow:hidden;
}
.swiper-slide img{ display:inline-block; max-width:100%}
.swiper-button-next,.swiper-button-prev{ background-image:url(/images/common/sprite-arrow.png) !important; background-size:auto !important; -moz-background-size:auto !important; -webkit-background-size:auto !important}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:0 !important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:0 !important}
.swiper-pagination-bullet{ margin:0 3px !important; width:15px !important; height:15px !important; background-color:#d7d7d7 !important; opacity:1 !important}
.swiper-pagination-bullet-active{ background-color:#0b3190 !important; opacity:1 !important}
.swiper-button-prev1,.swiper-button-next1{ width:41px !important; height:82px !important}
.swiper-button-prev1{ background-position:0 -120px !important}
.swiper-button-next1{ background-position:-59px -120px !important}
.swiper-button-prev2,.swiper-button-next2{ width:20px !important; height:36px !important}
.swiper-button-prev2{ background-position:0 -410px !important}
.swiper-button-next2{ background-position:-80px -410px !important}
/* Main */
section						{ background-repeat:no-repeat; background-position:50% 0}
section.visual img			{ display:inline-block; vertical-align:middle; max-width:100%}
.bidding-notice				{ text-align:center; border:1px solid #e3e3e3; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.bidding-notice em			{ margin:0; width:auto; height:16px ! important; font-size:0 ! important; line-height:0 ! important; background-position:50% 0; background-repeat:no-repeat}
.bidding-notice em.start	{ background-image:url(/images/main/mic.png)}
.bidding-notice em.end		{ background-image:url(/images/main/time.png)}
.bidding-notice em,.bidding-notice span,.bidding-notice strong{ display:block; color:#404040}
.bidding-notice em img		{ display:inline-block}
.bidding-notice strong		{ font-weight:500}
.bidding-notice li			{ display:inline-block; vertical-align:middle}
.bidding-notice a			{ display:inline-block; width:135px; height:50px; line-height:48px; color:#0b3190; text-align:center; border:1px solid #0b3190}
.bidding-notice:hover,
.bidding-notice:active,
.bidding-notice:focus		{ background-color:#0b3190; border-color:#0b3190; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.bidding-notice:hover p,.bidding-notice:active p,.bidding-notice:focus p,.bidding-notice:hover span,.bidding-notice:active span,.bidding-notice:focus span,.bidding-notice:hover strong,.bidding-notice:active strong,.bidding-notice:focus strong{ color:#fff}
.bidding-notice:hover a,
.bidding-notice:active a,
.bidding-notice:focus a,
.bidding-notice a:hover,
.bidding-notice a:active,
.bidding-notice a:focus		{ background-color:#fff; border-color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.bidding-notice:hover em,
.bidding-notice:active em,
.bidding-notice:focus em	{ background-position:50% -18px}
section.business .business-item{ position:relative}
section.business .business-item > div{ background-repeat:no-repeat; background-position:50% 0; background-size:cover}
section.business .business-item > div h3{ font-weight:700}
section.business .business-item > div span,
section.business .business-item > div strong{ display:block}
section.business .business-item > div span{ color:#fff}
section.business .business-item > div strong{ font-weight:400}
section.business .business-item > div a{ display:inline-block; width:135px; height:50px; line-height:48px; color:#fff; text-align:center; border:1px solid #fff}
section.business .business-item > div a:hover,
section.business .business-item > div a:active,
section.business .business-item > div a:focus{ color:#202020; background-color:#fff; border-color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
section.business .business-item ul li{ float:left; vertical-align:top; cursor:pointer}
section.business .business-item ul li:nth-child(1){ background-color:#a28f6f}
section.business .business-item ul li:nth-child(2){ background-color:#fff}
section.business .business-item ul li:nth-child(3){ background-color:#005faf}
section.business .business-item ul li:nth-child(1) strong{ color:#fff}
section.business .business-item ul li:nth-child(1) span{ color:#feeac8}
section.business .business-item ul li:nth-child(2) strong{ color:#303030}
section.business .business-item ul li:nth-child(2) span{ color:#666}
section.business .business-item ul li:nth-child(3) strong{ color:#fff}
section.business .business-item ul li:nth-child(3) span{ color:#b7e3fe}
section.business .business-item ul li span,
section.business .business-item ul li strong{ display:block; text-align:center}
section.business .business-item ul li strong{ font-weight:400}
section.business .business-item #business2,section.business .business-item #business3{ display:none}
section.investor			{ text-align:center; background-image:url(/images/main/investor.jpg)}
section.investor h1			{ color:#fff; font-weight:700}
section.investor li,
section.investor li img		{ display:inline-block; vertical-align:middle}
section.investor li img		{ max-width:100%}
section .head-title h1		{ text-align:center}
section .head-title h1 strong{ color:#303030}
section .head-title h1 strong span{ margin:0; color:#303030}
section .head-title span,section .head-title strong{ display:block; font-weight:500}
section .head-title span	{ color:#808080; font-weight:300}
section .head-title mark	{ color:#333333; font-style:normal; font-weight:300; background:transparent}
/* Content */
section.sub-content			{ overflow:hidden}
/* Hgroup */
.hgroup						{ display:block; position:relative; margin:0 auto; text-align:center; overflow:hidden}
.hgroup:after				{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; -webkit-background-size:cover; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transform:scale(1.2);transition:all 2s ease-in-out}
.hgroup.gogo:after			{ transform:scale(1);opacity:1}
.hgroup h2					{ position:absolute; z-index:99; left:0; top:0; width:100%}
.hgroup h2.depth2-title strong{ display:block; color:#fff; font-weight:200; text-transform:uppercase}
.hgroup.company:after		{ background-image:url(/images/common/back-company.jpg)}
.hgroup.business:after		{ background-image:url(/images/common/back-business.jpg)}
.hgroup.bidding:after		{ background-image:url(/images/common/back-bidding.jpg)}
.hgroup.recruit:after		{ background-image:url(/images/common/back-recruit.jpg)}
.hgroup.community:after		{ background-image:url(/images/common/back-community.jpg)}
/* Page Navigation */
.page-navi					{ border-bottom:1px solid #ddd}
.page-navi span,.page-navi strong{ display:inline-block; vertical-align:middle; color:#666; font-size:14px; font-weight:400; text-transform:uppercase}
.page-navi span:first-child	{ margin-right:8px}
.page-navi .navi-arrow		{ width:25px; font-size:0; background:url(/images/common/navi-arrow.png) 50% 50% no-repeat}
/* Individual Classes */
.diagram					{ text-align:center; font-size:0; line-height:0}
.diagram img				{ max-width:100%}
/* Center slide text vertically */
.center-vertically			{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	overflow:hidden}
/* 백그라운드 애니메이션 */
.aniBox						{ position: relative}
.aniBox.delay01				{ transition-delay:.1s;-webkit-transition-delay:.1s}
.aniBox.delay02				{ transition-delay:.2s;-webkit-transition-delay:.2s}
.aniBox.delay03				{ transition-delay:.3s;-webkit-transition-delay:.3s}
.aniBox.delay04				{ transition-delay:.4s;-webkit-transition-delay:.4s}
.aniBox.delay05				{ transition-delay:.5s;-webkit-transition-delay:.5s}
.aniBox.delay06				{ transition-delay:.6s;-webkit-transition-delay:.6s}
.aniBox.delay07				{ transition-delay:.7s;-webkit-transition-delay:.7s}
.aniBox.delay08				{ transition-delay:.8s;-webkit-transition-delay:.8s}
.aniBox.delay09				{ transition-delay:.9s;-webkit-transition-delay:.9s}
.aniBox.delay1				{ transition-delay:1s;-webkit-transition-delay:1s}
.aniBox.gogo				{ }
.aniBox.type_fade			{ opacity:0}
.aniBox.type_fade.gogo		{ opacity:1;transition:opacity 1s ease-in-out, transform 1s ease-in-out ;-webkit-transition:opacity 1s ease-in-out, transform 1s ease-in-out}
.aniBox.type_right			{ opacity:0;transform:translate(40px);-webkit-transform:translate(40px)}
.aniBox.type_right.gogo		{ opacity:1;transform:translate(0);-webkit-transform:translate(0);transition:opacity 1s ease-in-out, transform 1s ease-in-out ;-webkit-transition:opacity 1s ease-in-out, transform 1s ease-in-out}
.aniBox.type_left			{ opacity:0;transform:translateX(-40px);-webkit-transform:translateX(-40px)}
.aniBox.type_left.gogo		{ opacity:1;transform:translateX(0);-webkit-transform:translateX(0);transition:opacity 1s ease-in-out, transform 1s ease-in-out ;-webkit-transition:opacity 1s ease-in-out, transform 1s ease-in-out}
.aniBox.type_bot			{ opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px)}
.aniBox.type_bot.gogo		{ opacity:1;transform:translateY(0);-webkit-transform:translateY(0);transition:opacity 1s ease-in-out, transform 1s ease-in-out ;-webkit-transition:opacity 1s ease-in-out, transform 1s ease-in-out}
.aniBox.type_top			{ opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px)}
.aniBox.type_top.gogo		{ opacity:1;transform:translateY(0);-webkit-transform:translateY(0);transition:opacity 1s ease-in-out, transform 1s ease-in-out ;-webkit-transition:opacity 1s ease-in-out, transform 1s ease-in-out}
.aniBox.type_width			{ opacity:0;width:0}
.aniBox.type_width.gogo		{ opacity:1;width:0}
.aniBox.type_width_before:before{ position:absolute;opacity:0;width:0;
-webkit-transition:all 1s cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition:all 1s cubic-bezier(0.680, -0.550, 0.265, 1.550);
-moz-transition:all 1s cubic-bezier(0.680, -0.550, 0.265, 1.550);
-o-transition:all 1s cubic-bezier(0.680, -0.550, 0.265, 1.550);
transition:all 1s cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */ transition-delay:.2s;-webkit-transition-delay:.2s}
.aniBox.type_width_before.gogo:before{ opacity:1;width:100%}
.aniBox.type_img_scale		{ overflow:hidden}
.aniBox.type_img_scale.reverse img{ transform:scale(0.8);-webkit-transform:scale(0.8)}
.aniBox.type_img_scale img	{ opacity:0;transform:scale(1.2);-webkit-transform:scale(1.2);transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
.aniBox.type_img_scale.gogo img{ opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.aniBox.type_img_scale2		{ overflow:hidden}
.aniBox.type_img_scale2 img { opacity:0;transform:scale(0.5);-webkit-transform:scale(0.5);transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
.aniBox.type_img_scale2.gogo img{ opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.aniBox.type_cv.bottop:after{ bottom:auto;top:0}
.aniBox.type_cv.leftright:after{ }
.aniBox.type_cv.rightleft:after{ right:0;left:auto}
.aniBox.type_cv.rightleft.gogo:after , .aniBox.type_cv.leftright.gogo:after{ width:0;height:101%}
.aniBox.type_cv:after		{ content:'';position:absolute;left:0;bottom:-1px;width:100%;height:101%;background-color:#fff;transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
.aniBox.type_cv.ty_yellow:after{ background-color:#ffbc27}
.aniBox.type_cv.gogo:after	{ height:0}
.aniBox.type_cv.delay01:after{ transition-delay:.1s;-webkit-transition-delay:.1s}
.aniBox.type_cv.delay02:after{ transition-delay:.2s;-webkit-transition-delay:.2s}
.aniBox.type_cv.delay03:after{ transition-delay:.3s;-webkit-transition-delay:.3s}
.aniBox.type_cv.delay04:after{ transition-delay:.4s;-webkit-transition-delay:.4s}
.aniBox.type_cv.delay05:after{ transition-delay:.5s;-webkit-transition-delay:.5s}
.aniBox.type_cv.delay06:after{ transition-delay:.6s;-webkit-transition-delay:.6s}
.aniBox.type_cv.delay07:after{ transition-delay:.7s;-webkit-transition-delay:.7s}
.aniBox.type_cv.delay08:after{ transition-delay:.8s;-webkit-transition-delay:.8s}
.aniBox.type_cv.delay09:after{ transition-delay:.9s;-webkit-transition-delay:.9s}
.aniBox.type_cv.delay1:after { transition-delay:1s;-webkit-transition-delay:1s}
.aniBox2					{ position:relative;transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
.aniBox2.delay01			{ transition-delay:.5s;-webkit-transition-delay:.1s}
.aniBox2.delay02			{ transition-delay:.5s;-webkit-transition-delay:.2s}
.aniBox2.delay03			{ transition-delay:.5s;-webkit-transition-delay:.3s}
.aniBox2.delay04			{ transition-delay:.5s;-webkit-transition-delay:.4s}
.aniBox2.delay05			{ transition-delay:.5s;-webkit-transition-delay:.5s}
.aniBox2.delay06			{ transition-delay:.6s;-webkit-transition-delay:.6s}
.aniBox2.delay07			{ transition-delay:.7s;-webkit-transition-delay:.7s}
.aniBox2.delay08			{ transition-delay:.8s;-webkit-transition-delay:.8s}
.aniBox2.delay09			{ transition-delay:.9s;-webkit-transition-delay:.9s}
.aniBox2.delay1				{ transition-delay:1s;-webkit-transition-delay:1s}
.aniBox2.type_fade			{ opacity:0}
.aniBox2.type_fade.gogo		{ opacity:1}
.aniBox2.type_right			{ opacity:0;transform:translate(40px, -50%);-webkit-transform:translate(40px, -50%)}
.aniBox2.type_right.gogo	{ opacity:1;transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}
.aniBox2.type_left			{ opacity:0;transform:translateX(-40px);-webkit-transform:translateX(-40px)}
.aniBox2.type_left.gogo		{ opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}
.aniBox2.type_bot			{ opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px)}
.aniBox2.type_bot.gogo		{ opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.aniBox2.type_top			{ opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px)}
.aniBox2.type_top.gogo		{ opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.aniBox2.type_img_scale		{ overflow:hidden}
.aniBox2.type_img_scale img { opacity:0;transform:scale(1.2);-webkit-transform:scale(1.2);transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
.aniBox2.type_img_scale.gogo img{ opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.aniBox2.type_cv.bottop:after{ bottom:auto;top:0}
.aniBox2.type_cv:after		{ content:'';position:absolute;left:0;bottom:-1px;width:100%;height:101%;background-color:#f7f7f7;transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out}
.aniBox2.type_cv.gogo:after { height:0}
.aniBox2.type_cv.delay01:after{ transition-delay:.1s;-webkit-transition-delay:.1s}
.aniBox2.type_cv.delay02:after{ transition-delay:.2s;-webkit-transition-delay:.2s}
.aniBox2.type_cv.delay03:after{ transition-delay:.3s;-webkit-transition-delay:.3s}
.aniBox2.type_cv.delay04:after{ transition-delay:.4s;-webkit-transition-delay:.4s}
.aniBox2.type_cv.delay05:after{ transition-delay:.5s;-webkit-transition-delay:.5s}
.aniBox2.type_cv.delay06:after{ transition-delay:.6s;-webkit-transition-delay:.6s}
.aniBox2.type_cv.delay07:after{ transition-delay:.7s;-webkit-transition-delay:.7s}
.aniBox2.type_cv.delay08:after{ transition-delay:.8s;-webkit-transition-delay:.8s}
.aniBox2.type_cv.delay09:after{ transition-delay:.9s;-webkit-transition-delay:.9s}
.aniBox2.type_cv.delay1:after{ transition-delay:1s;-webkit-transition-delay:1s}
/* RIGHTBAR */
#rightBar					{ position:fixed; top:50%; z-index:99999; width:40px}
#rightBar > ul				{ width:100%}
#rightBar > ul li			{ position:relative; width:40px; height:30px; line-height:30px; text-align:center}
#rightBar > ul li.on		{ margin:3px 0; height:40px; line-height:40px}
#rightBar > ul li .bullet	{ display:inline-block; width:15px; height:15px; border:2px solid #999; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s}
#rightBar > ul li .bullet i	{ display:none}
#rightBar > ul li .rightbar-bullet-txt{ display:inline-block; position:absolute; right:15px; top:2px; padding:0 0 0 10px; background-color:#0b3190; font-size:14px; line-height:40px; color:#fff; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s}
#rightBar > ul li .rightbar-bullet-txt em{ display:block; margin-top:-2px; position:static; margin:0; width:auto; height:auto; color:#fff; font-size:14px; line-height:40px; border:0}
#rightBar > ul li.on .bullet{ width:40px; height:40px; border-color:#0b3190; line-height:40px}
/*#rightBar > ul li.on .bullet-03{ border:2px solid #fff}*/
#rightBar > ul li.on .bullet i{ display:block; font-size:20px; line-height:36px; color:#0b3190}
#rightBar > ul li.on .rightbar-bullet-txt{ right:50px; opacity:1.0; filter:Alpha(opacity=100); padding:0 20px}
.container.business #rightBar > ul li.on .rightbar-bullet-txt{ width:170px}
.container.business .body.it #rightBar > ul li:nth-child(2).on .rightbar-bullet-txt{ width:200px}
.container.business .body.it #rightBar > ul li:nth-child(3).on .rightbar-bullet-txt{ width:150px}
.container.business .body.total #rightBar > ul li:first-child.on .rightbar-bullet-txt{ width:210px}
.container.company .body.company #rightBar > ul li:nth-child(7).on .rightbar-bullet-txt,
.container.company .body.company #rightBar > ul li:nth-child(3).on .rightbar-bullet-txt,
.container.company .body.company #rightBar > ul li:nth-child(4).on .rightbar-bullet-txt,
.container.company .body.company #rightBar > ul li:nth-child(5).on .rightbar-bullet-txt{ width:160px}
.container.company .body.company #rightBar > ul li:nth-child(8).on .rightbar-bullet-txt{ width:140px}
.container.main #rightBar	{ top:45%}
.container.company #rightBar{ top:38%}
/* 기업소개 */
.company .head-title span,.company .head-title span mark{ font-weight:400; text-align:left}
.company img				{ display:inline-block; max-width:100%}
.summary .image-caption		{ font-size:0; line-height:0; text-align:center}
.paragraph mark,.paragraph strong{ color:#000000}
.paragraph mark				{ font-style:normal; background:transparent}
.paragraph strong			{ font-weight:400}
.company .summary .head-title span mark,.summary .paragraph strong{ color:#333333}
.company-info ul li			{ float:left; background-image:url(/images/company/dv-line.png); background-position:0 0; background-repeat:repeat-y}
.company-info ul li:first-child{ background-image:none}
.company-info ul li em,.company-info ul li span,.company-info ul li strong{ display:block; text-align:center; color:#fff}
.company-info ul li strong	{ font-weight:400}
.greetings .back-greetings	{ background:url(/images/company/back-greetings.jpg) no-repeat; background-size:cover; text-indent:-9999px}
.greetings .sign-ceo span,.greetings sign-ceo strong{ display:inline-block; vertical-align:top}
.greetings .sign-ceo strong	{ color:#202020; font-weight:500}
.wrap-history .year-tab em,
.wrap-history .year-tab strong{ display:inline-block; vertical-align:bottom}
.wrap-history .year-tab em	{ font-size:0}
.wrap-history .year-tab strong{ color:#0b3190; font-weight:500}
.wrap-history ul.history-list li:after{ content:""; display:block; clear:both}
.wrap-history ul.history-list li:first-child{ margin-top:0}
.wrap-history ul.history-list li em{ display:block; border:1px solid #dbd9dc; font-size:0; line-height:0}
.wrap-history ul.history-list li em img{ max-width:100%}
.wrap-history ul.history-list li span,
.wrap-history ul.history-list li strong{ display:inline-block; vertical-align:top}
.wrap-history ul.history-list li strong{ font-weight:500; letter-spacing:0}
.investor .investor-intro ul{ text-align:center}
.investor .investor-intro ul li{ display:inline-block; vertical-align:middle}
.investor .investor-intro ul li span,.investor .investor-intro ul li strong{ display:block; color:#202020}
.investor .investor-intro ul li span{ font-weight:400}
.investor .investor-intro ul li strong{ font-weight:700}
.investor .investor-intro ul li.back-investor{ background:url(/images/company/back-investor.png) 50% 50% no-repeat; background-size:contain}
.ci							{ text-align:center}
.ci a						{ display:inline-block; color:#fff; background:#0b3190 url(/images/common/down.png) no-repeat}
ul.ci li					{ float:left}
ul.ci li:first-child		{ margin-top:0}
ul.ci li span,ul.ci li strong{ display:block; text-align:center}
ul.ci li strong				{ color:#202020; font-weight:400}
ul.ci li.both				{ clear:both; width:100% !important}
.phi-info					{ text-align:center}
.phi-info em,.phi-info strong{ display:block}
.phi-info em				{ font-size:0}
.phi-info strong			{ color:#222; font-weight:300}
.phi-info ul li				{ border-top:1px solid #e0e0e0}
.phi-info ul li span,.phi-info ul li strong{ display:block}
.phi-info ul li span span	{ margin:0 ! important}
.phi-info ul li strong		{ font-weight:400}
.phi-info .co-info,.phi-info .help,.phi-info .public-transport{ border:1px solid #e0e0e0}
.phi-info .public-transport ul li span span,
.phi-info .public-transport ul li span strong{ display:inline-block; vertical-align:middle}
/* 사업분야 */
.business					{ position:relative}
.business img				{ display:inline-block; max-width:100%}
.business .cycle,.business .image-caption{ font-size:0; line-height:0; text-align:center}
.business.business2			{ background:#fafafa}
.outsoursing,.total-service	{ background-position:0 0; background-repeat:no-repeat}
.outsoursing				{ background-image:url(/images/business/back-outsoursing.jpg)}
.infra						{ background:url(/images/business/back-infra.jpg) 50% 0 no-repeat; background-size:cover}
.total-service				{ background-image:url(/images/business/back-system.jpg)}
.smart-hospital				{ background-color:#f9fafb}
ul.slide-block				{ width:100%}
ul.slide-block li			{ background:#fff; border:1px solid #ddd}
ul.slide-block li em,ul.slide-block li span,ul.slide-block li strong{ display:block}
ul.slide-block li em img	{ max-width:100%}
ul.slide-block li span		{ color:#505050}
ul.slide-block li strong	{ color:#202020; font-weight:500}
.smart-hospital .inline-box{ position:relative; margin:-10px -20px -30px 0}
.smart-hospital .grid-box:nth-child(1),
.smart-hospital .grid-box:nth-child(2),
.smart-hospital .grid-box:nth-child(3),
.smart-hospital .grid-box	{ border:1px solid #ddd}
.smart-hospital .grid-box strong{ color:#202020}
.smart-hospital .grid-box .icon-image{ line-height:0; font-size:0}
.smart-hospital .grid-box .imgholder{ height:auto}
ul.inline-text				{}
ul.inline-text li			{ float:left}
ul.inline-text li span,ul.inline-text li strong{ display:block}
ul.inline-text li strong	{ color:#202020; font-weight:500}
/* 입찰 */
.bidding em					{ display:inline-block; vertical-align:middle}
.bidding em					{ margin-right:15px; width:80px; height:30px; font-size:14px; font-style:normal; text-align:center; line-height:28px}
.bidding em.new				{ color:#0b3190; border:1px solid #0b3190}
.bidding em.ing				{ color:#fff; background-color:#0b3190; border:1px solid #0b3190}
.bidding em.deadline		{ color:#a4a4a4; background-color:#f2f2f2; border:1px solid #ddd}
.bidding em.hold			{ color:#fff; background-color:#8e7a5c; border:1px solid #8e7a5c}
ul.inline-square			{ margin:0 auto; text-align:center}
ul.inline-square li			{ float:left; background:#fff; border:1px solid #ddd}
ul.inline-square li:first-child{ margin-top:0}
ul.inline-square li span,ul.inline-square li strong{ display:block}
ul.inline-square li span img{ display:inline-block}
ul.inline-square li span	{ color:#505050}
ul.inline-square li strong	{ color:#202020; font-weight:500}
ul.inline-square li span.img-holder{ margin:0; font-size:0; line-height:0}
.bidding-doc.guide1,.bidding-doc.guide2,.bidding-etc{ background-repeat:no-repeat}
.bidding-etc				{ background-image:url(/images/bidding/back-bidding-etc.jpg); background-position:50% 0; background-size:cover}
.bidding-doc.guide2			{ background-color:#fafafa}
/* 인재채용 */
.recruit em					{ display:inline-block; vertical-align:middle}
.recruit em.type			{ margin-left:10px; color:#fff; border:1px solid #0b3190; background:#0b3190}
.recruit em.hospital		{ margin-left:10px; color:#fff; border:1px solid #8e7a5c; background:#8e7a5c}
.recruit em.receipt			{ color:#0b3190; border:1px solid #0b3190}
.recruit em.deadline		{ color:#a4a4a4; background-color:#f2f2f2; border:1px solid #ddd}
.recruit-detail h3			{ font-weight:400; color:#202020}
.recruit-detail a			{ display:inline-block; vertical-align:middle; color:#fff; text-align:center; background:#0b3190}
.recruit-detail a:hover,.recruit-detail a:active,.recruit-detail a:focus{ color:#fff; text-decoration:none}
ul.talent-item				{ text-align:center}
ul.talent-item li			{ float:left}
ul.talent-item li em,ul.talent-item li span,ul.talent-item li strong{ display:block}
ul.talent-item li em		{ position:static; margin:0; width:auto; height:auto; font-size:0; line-height:0; border:0}
ul.talent-item li em img	{ display:inline-block; max-width:100%}
ul.talent-item li span		{ color:#707070}
ul.talent-item li strong	{ font-weight:500}
ul.talent-item li.talent1 strong{ color:#877254}
ul.talent-item li.talent2 strong{ color:#2d8995}
ul.talent-item li.talent3 strong{ color:#0b3190}
ul.inline-cercle			{ text-align:center}
ul.inline-cercle li,ul.inline-cercle li span,ul.inline-cercle li span img{ display:inline-block; vertical-align:middle}
ul.inline-cercle li span	{ border:1px solid #ddd; border-radius:50%}
ul.inline-cercle li strong	{ display:block; color:#202020; font-weight:400}
ul.inline-cercle li:last-child span{ border-color:#0b3190; background-color:#0b3190}
ul.inline-cercle li.step-arrow img{ max-width:100%}
.application				{ background:url(/images/recruit/back-application.jpg) 50% 0 no-repeat; background-size:cover}
.application .doc-download	{ text-align:center}
.application .doc-download a{ display:inline-block; vertical-align:middle; color:#fff; border:1px solid #fff; background:transparent}
.application .doc-download a:hover,.application .doc-download a:active,.application .doc-download a:focus{ color:#0b3190; background:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
ul.recruit-manager			{ text-align:center}
ul.recruit-manager li		{ float:left}
ul.recruit-manager li span	{ display:inline-block; vertical-align:middle}
ul.recruit-manager li span.icon{ border:1px solid #fff; border-radius:50%}
ul.recruit-manager li span span,ul.recruit-manager li span strong{ display:block; color:#fff; font-weight:300; text-align:left}
ul.recruit-manager li span strong{ border-bottom:1px solid #fff}
.welfare					{ text-align:center}
.welfare .benefit h3 strong	{ color:#909090; font-weight:400}
.welfare .benefit h3 span	{ color:#202020; font-weight:300}
.welfare .benefit ul li		{ display:inline-block; vertical-align:middle; border:1px solid #ebebeb; background:#fff}
.welfare .benefit ul li span,.welfare .benefit ul li strong{ display:block; width:100%}
.welfare .benefit ul li span span{ display:inline-block; padding:0; width:65px; height:59px; background-position:50% 0; background-repeat:no-repeat}
.welfare .benefit ul li span strong{ color:#202020; font-weight:400}
.welfare .benefit ul li.benefit1 span span{ background:url(/images/recruit/benefit-1.png)}
.welfare .benefit ul li.benefit2 span span{ background:url(/images/recruit/benefit-2.png)}
.welfare .benefit ul li.benefit3 span span{ background:url(/images/recruit/benefit-3.png)}
.welfare .benefit ul li.benefit4 span span{ background:url(/images/recruit/benefit-4.png)}
.welfare .benefit ul li.benefit5 span span{ background:url(/images/recruit/benefit-5.png)}
.welfare .benefit ul li.benefit6 span span{ background:url(/images/recruit/benefit-6.png)}
.welfare .benefit ul li.benefit7 span span{ background:url(/images/recruit/benefit-7.png)}
.welfare .benefit ul li.benefit8 span span{ background:url(/images/recruit/benefit-8.png)}
.welfare .benefit ul li.benefit9 span span{ background:url(/images/recruit/benefit-9.png)}
.welfare .benefit ul li.benefit10 span span{ background:url(/images/recruit/benefit-10.png)}
.welfare .benefit ul li.benefit11 span span{ background:url(/images/recruit/benefit-11.png)}
.welfare .benefit ul li.benefit12 span span{ background:url(/images/recruit/benefit-12.png)}
.welfare .benefit ul li.benefit13 span span{ background:url(/images/recruit/benefit-13.png)}
.welfare .benefit ul li:hover,
.welfare .benefit ul li:active,
.welfare .benefit ul li:focus{ color:#fff; background-color:#0b3190; border-color:#0b3190; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.welfare .benefit ul li:hover span span,
.welfare .benefit ul li:active span span,
.welfare .benefit ul li:focus span span{ background-position:50% -59px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s}
.welfare .benefit ul li:hover span strong,
.welfare .benefit ul li:active span strong,
.welfare .benefit ul li:focus span strong{ color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.5s; transition:.3s}
.welfare .benefit ul li.blank{ border:0}
.welfare .benefit ul li.blank:hover,.welfare .benefit ul li.blank:active,.welfare .benefit ul li.blank:focus{ border:0; background:none}
/* 2021.02.23 추가 */
.inline-box.border .grid-box{ border:1px solid #e6e6e6}
.inline-box.border .grid-box strong{ font-weight:300}
article.ict					{ background:url(/images/business/back-ict.jpg) 50% 0 no-repeat; background-size:cover}
article.ict .head-title h1 strong,article.ict .head-title span{ color:#fff}
ul.ict-timeline li:first-child{ margin-top:0}
ul.ict-timeline li span,ul.ict-timeline li strong{ color:#fff}
ul.ict-timeline li strong	{ font-weight:400}