div{
	display: block;
	unicode-bidi: isolate;	
}

#skip a {
	background: rgb(51, 51, 51); 
	top: -9999px; 
	width: 100%; 
	text-align: center; 
	color: rgb(255, 255, 255); 
	font-size: 16px; 
	font-weight: 600; 
	display: block; 
	position: absolute; 
	z-index: 9999;
}

#skip a:hover {
	padding: 15px 0px; 
	top: 0px;
}

#skip a:focus {
	padding: 15px 0px; 
	top: 0px;
}

#wrap {
	margin: 0px auto; 
	overflow: hidden; 
	 
	min-width: 1100px; 
	max-width: 1920px;
}

#wrap .inner {
	margin: 0px auto; 
	width: 1100px; 
	position: relative;
}

#tnb {
	background: rgb(255, 255, 255);
}

#tnb .inner {
	text-align: right; 
	font-size: 0px;
}

#tnb ul {
	vertical-align: middle;
	display: inline-block;
}

#tnb ul li {
	padding-left: 15px;
	 margin-left: 14px; 
	 vertical-align: top; 
	 display: inline-block; 
	 position: relative;
}

#tnb ul li::before {
	background: rgb(80, 105, 137); 
	left: 0px; 
	top: 50%; 
	width: 1px; 
	height: 10px; 
	margin-top: -5px; 
	display: block; 
	position: absolute; 
	content: "";
}

#tnb ul li:first-child {
	padding-left: 0px; 
	margin-left: 0px;
}

#tnb ul li:first-child::before {
	display: none;
}

#tnb ul li a {
	height: 40px; 
	color: rgb(175, 190, 209); 
	line-height: 40px; 
	display: block;
}

#tnb li:first-child {
	background: none; 
	padding-left: 0px; 
	margin-left: 0px;
}

#tnb li a {
	transition:0.2s; 
	color: rgb(145, 145, 145); 
	font-size: 13px;
}

#tnb li:hover a {
	transition:0.2s; 
	color: rgb(255, 255, 255);
}

#header {
	 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	position: fixed;
	z-index: 100;
	
}

#header.active{
	background: transparent;
	  background-color: #FFFFFF;
	  color: rgb(51, 51, 51);	
}

#gnb > li > a span.active {
	padding: 10px 5px; 
	color: rgb(51, 51, 51); 
	letter-spacing: -0.07em; 
	font-size: 19px; 
	vertical-align: middle; 
	display: inline-block; 
	position: relative;
}

#header .gnbBG {
	background: rgb(255, 255, 255); 
	left: 0px; 
	top: 90px; 
	width: 100%; 
	height: 250px; 
	border-top-color: rgb(225, 225, 225); 
	border-top-width: 1px; 
	border-top-style: solid; 
	display: none; 
	position: absolute; 
	z-index: 1; 
	box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}

#header h1.logo {
	left: 0px; 
	top: 50%; 
	height: 40px; 
	margin-top: -20px; 
	position: absolute; 
	z-index: 80;
}

#header h1.logo a {
	display: block;
}

#gnb {
	text-align: right; 
	font-size: 0px;
	margin-right: -42px;
}

#gnb > li {
	padding: 0px 30px; 
	vertical-align: top; 
	display: inline-block; 
	position: relative; 
	box-sizing: border-box;
}

#gnb > li > a {
	padding: 0px 12px; 
	height: 90px; 
	font-size: 0px; 
	display: block; 
	position: relative;
}

#gnb > li > a::before {
	width: 0px; 
	height: 100%; 
	vertical-align: middle; 
	display: inline-block; 
	content: "";
}

#gnb > li > a span {
	padding: 10px 5px; 
	color: rgb(255, 255, 255); 
	letter-spacing: -0.07em; 
	font-size: 19px; 
	vertical-align: middle; 
	display: inline-block; 
	position: relative;
}

#gnb > li > a span::after {
	background: rgb(9, 80, 159); 
	transition:0.2s; 
	left: 50%; 
	width: 0px; 
	height: 2px; 
	bottom: 0px; 
	display: block;
	position: absolute; 
	content: ""; 
	-webkit-transition: all 0.2s; 
	-moz-transition: all 0.2s; 
	-o-transition: all 0.2s;
}

#gnb > li.active > a span::after {
	transition:0.3s; 
	left: 0px; 
	width: 100%; 
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	-o-transition: all 0.3s;
}

#gnb > li:hover > a span::after {
	transition:0.3s; 
	left: 0px; 
	width: 100%; 
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	-o-transition: all 0.3s;
}

#gnb > li > ul {
	border-width: 0px 1px; 
	border-style: none solid; 
	border-color: currentColor rgba(255, 255, 255, 0.2); padding: 30px 0px; border-image: none; left: 0px; top: 91px; width: 100%; height: 190px; text-align: center; font-size: 0px; display: none; position: absolute; z-index: 100;
}

#gnb > li > ul li {
	margin-top: 15px;
}

#gnb > li > ul li:first-child {
	margin-top: 0px;
}

#gnb > li > ul li a {
	transition:0.2s; 
	color: rgb(87, 87, 87); 
	line-height: 15px; 
	letter-spacing: -0.05em; 
	font-size: 15px; 
	display: block;
}

#gnb > li > ul li.active a {
	transition:0.2s; 
	color: rgb(9, 80, 159);
}

#gnb > li > ul li:hover a {
	transition:0.2s; 
	color: rgb(9, 80, 159);
}

.gnb1Drop {
	background: rgb(255, 255, 255); 
	left: 0px; 
	top: 130px; 
	width: 100%; 
	border-top-color: rgb(225, 225, 225); 
	border-top-width: 1px; 
	border-top-style: solid; 
	display: none; 
	position: absolute; 
	box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}

.gnb1Drop ul {
	margin: 0px auto; 
	padding: 30px 0px; 
	width: 940px;
}

.gnb1Drop ul::after {
	clear: both; 
	display: block; 
	content: "";
}

.gnb1Drop ul li {
	width: 140px; 
	margin-left: 20px; 
	float: left;
}

.gnb1Drop ul li:first-child {
	margin-left: 0px;
}

.gnb1Drop ul li strong {
	margin: 15px 0px; 
	text-align: center; 
	color: rgb(85, 85, 85); 
	line-height: 20px; 
	letter-spacing: -0.05em;
	font-family: noto-mid; 
	font-size: 16px; 
	display: block;
}

.gnb1Drop ul li dd a {
	transition:0.2s; 
	text-align: center; 
	color: rgb(136, 136, 136); 
	line-height: 1.1em; 
	letter-spacing: -0.05em; 
	font-size: 14px;
	margin-top: 8px; 
	display: block;
}

.gnb1Drop ul li dd a:hover {
	transition:0.2s; 
	color: rgb(9, 80, 159);
}

.gnb1Drop ul li dd a.active {
	color: rgb(9, 80, 159); 
	font-family: noto-mid;
}

.gnb1Drop ul li dd a:first-child {
	margin-top: 0px;
}

#subVisual {
	background: url("../img/visual05.png") no-repeat 50% 50%; height: 500px; text-align: center; font-size: 0px;
}

.sub2#subVisual {
	background: url("../img/visual04.png") no-repeat 50% 50%;
}

.sub3#subVisual {
	background: url("../img/visual06.png") no-repeat 50% 50%;
}

.sub4#subVisual {
	background: url("../img/visual07.png") no-repeat 50% 50%;
}

.sub5#subVisual {
	background: url("../img/visual11.png") no-repeat 50% 50%;
}

.sub6#subVisual {
	background: url("../img/visual12.png") no-repeat 50% 50%;
}

#subVisual::before {
	width: 0px; 
	height: 100%; 
	vertical-align: middle; 
	display: inline-block; 
	content: "";
}

#subVisual dl {
	width: 1060px; 
	text-align: left; 
	padding-left: 40px; 
	vertical-align: middle; 
	display: inline-block;
}

#subVisual dt {
	color: rgb(255, 255, 255); 
	line-height: 1.1em; 
	font-family: noto-mid; 
	font-size: 40px;
}

#subVisual dd {
	color: rgb(255, 255, 255); 
	line-height: 26px; 
	font-size: 18px; 
	margin-top: 18px; 
	opacity: 0.75;
}

#sub {
	margin: 65px auto 90px; 
	width: 1100px;
}

#sub::after {
	clear: both; 
	display: block; 
	content: "";
}

#lnb {
	width: 200px; 
	color: rgb(51, 51, 51); 
	font-family: noto-mid; 
	margin-right: 55px; 
	float: left;
}

#lnb h2 {
	line-height: 1.1em; 
	font-size: 30px;
    margin-bottom: 20px;
}

#lnb ul > li {
	border: 1px solid rgb(221, 221, 221); 
	border-image: none; 
	margin-top: -1px;
}

#lnb ul > li:first-child {
	margin-top: 0px;
}

#lnb ul > li > a {
	background: rgb(255, 255, 255); 
	padding: 0px 25px; 
	transition:0.2s; 
	height: 43px; 
	color: rgb(102, 102, 102); 
	line-height: 43px; 
	font-size: 15px; 
	display: block; 
	position: relative;
}

#lnb ul > li:hover > a {
	background: rgb(235, 235, 235); 
	transition:0.2s;
}

#lnb ul > li.active > a {
	background: rgb(9, 80, 159); 
	border-color: rgb(9, 80, 159); 
	color: rgb(255, 255, 255); 
	z-index: 1;
}

#lnb ul li .lnbDown {
	background: rgb(246, 246, 246); 
	padding: 20px 24px; 
	border-top-color: rgb(221, 221, 221); 
	border-top-width: 1px; 
	border-top-style: solid; 
	display: none;
}

#lnb ul li .lnbDown a {
	color: rgb(136, 136, 136); 
	padding-left: 10px; 
	font-size: 14px; 
	margin-top: 8px; 
	display: block;
	position: relative;
}

#lnb ul li .lnbDown a::before {
	background: rgb(170, 170, 170); 
	left: 0px; 
	top: 50%; 
	width: 3px; 
	height: 3px; 
	margin-top: -1.5px; 
	display: block;
	position: absolute; 
	content: "";
}

#lnb ul li .lnbDown a:first-child {
	margin-top: 0px;
}

#lnb ul li .lnbDown a:hover {
	color: rgb(9, 80, 159);
}

#lnb ul li .lnbDown a.active {
	color: rgb(9, 80, 159);
}

#lnb ul > li.active .lnbDown {
	display: block;
}

#location {
	top: 15px; 
	right: 0px; 
	font-size: 0px; 
	position: absolute;
}

#location li {
	background: url("../img/loc-arrow.gif") no-repeat 0px 50%; color: rgb(136, 136, 136); line-height: 1.1em; padding-left: 13px; font-size: 13px; margin-left: 9px; vertical-align: middle; display: inline-block;
}

#location li:first-child {
	background: none; 
	padding-left: 0px; 
	margin-left: 0px;
}

#location li:first-child img {
	display: block;
}

#content {
	width: 100%; 
	float: left; 
	position: relative;
}

#content .conTit {
	height: 55px; 
	color: rgb(68, 68, 68); 
	line-height: 1em; 
	font-family: noto-mid; 
	font-size: 35px; 
	margin-bottom: 30px;
	border-bottom-color: rgb(221, 221, 221); 
	border-bottom-width: 1px; 
	border-bottom-style: solid;
}

#quick {
	left: 50%; 
	bottom: 62px;
	margin-left: 600px; 
	position: fixed; 
	z-index: 99;
}


#quick a {
	display: block;
}

#visual {
	position: relative;
}

#visual .roll li {
	left: 50%;
	margin-left: -960px; 
	position: relative;
}

#visual .bx-pager {
	left: 0px; 
	width: 100%; 
	text-align: center; 
	bottom: 60px; 
	font-size: 0px; 
	position: absolute; 
	z-index: 80;
}

#visual .bx-pager div {
	margin: 0px 3px; 
	vertical-align: top; 
	display: inline-block;
}

#visual .bx-pager a {
	background: url("../img/vis-pager.png") no-repeat; 
	transition:0.2s; 
	width: 22px; 
	height: 22px; 
	text-indent: -9999px; 
	display: block;
}

#visual .bx-pager a.active {
	background: url("../img/vis-pager-active.png") no-repeat; transition:0.2s;
}

#businessField {
	background: url("../img/main-business-field-bg.jpg") no-repeat 50% 50%; padding: 120px 0px;
}

#businessField .tit {
	text-align: center;
}

#businessField .tit dt {
	color: rgb(51, 51, 51); 
	line-height: 1.1em; 
	font-family: noto-bold; 
	font-size: 35px;
}

#businessField .tit dt strong {
	color: #09509F;
}

#businessField .tit dd {
	color: rgb(119, 119, 119); 
	line-height: 1.1em; 
	font-size: 17px; 
	margin-top: 20px;
}

.mbfRoll {
	margin: 40px auto 0px; 
	width: 1100px; 
	position: relative;
}

.mbfRoll::after {
	clear: both; 
	display: block; 
	content: "";
}

.mbfRoll li {
	width: 340px; 
	position: relative; 
	box-shadow: 1px 2px 0px rgba(0,0,0,0.09);
}

.mbfRoll li .over {
	background: rgba(9, 80, 159, 0.95); 
	width: 100%; height: 100%; 
	text-align: center; 
	font-size: 0px; 
	display: block; 
	z-index: 10;
}

.mbfRoll li .over::before {
	width: 0px; 
	height: 100%; 
	vertical-align: middle; 
	display: inline-block; 
	content: "";
}

.mbfRoll li .over dl {
	vertical-align: middle; 
	display: inline-block;
}

.mbfRoll li .over dt {
	color: rgb(255, 255, 255); 
	line-height: 1.1em; 
	font-size: 22px; 
	margin-bottom: 18px;
}

.mbfRoll li .over dd p {
	color: rgb(195, 219, 245); 
	line-height: 23px; 
	letter-spacing: -0.02em; 
	font-size: 15px;
}

.mbfRoll li .over dd .btn {
	margin: 15px auto 0px; 
	border: 1px solid rgb(229, 235, 243);
	border-image: none; 
	width: 108px; 
	height: 33px; 
	color: rgb(200, 216, 233); 
	line-height: 33px; 
	letter-spacing: -0.02em; 
	font-size: 13px; 
	display: block;
}

.mbfRoll li .img {
	height: 250px;
}

.mbfRoll li .text {
	background: rgb(255, 255, 255); 
	height: 70px; 
	text-align: center; 
	line-height: 70px; 
	font-size: 18px; 
	position: relative;
}

.mbfRoll li .text::before {
	background: url("../img/business-field-arrow.png") no-repeat; left: 50%; top: -10px; width: 19px; height: 10px; margin-left: -9.5px; display: block; position: absolute; content: "";
}

.mbfRoll .bx-controls-direction a {
	top: 50%; 
	width: 46px; 
	height: 89px; 
	text-indent: -9999px; 
	margin-top: -48px; 
	display: block; 
	position: absolute; 
	z-index: 90;
}

.mbfRoll .bx-controls-direction a.bx-prev {
	background: url("../img/mbf-prev.png") no-repeat; 
	left: -100px;
}

.mbfRoll .bx-controls-direction a.bx-next {
	background: url("../img/mbf-next.png") no-repeat; 
	right: -100px;
}

#mainBottom {
	padding: 65px 0px;
}

#mainBottom .inner::after {
	clear: both; 
	display: block; 
	content: "";
}

#mainBottom h4 {
	height: 38px; 
	color: rgb(51, 51, 51); 
	line-height: 1.1em; 
	letter-spacing: -0.02em; 
	font-size: 20px; 
	margin-bottom: 16px; 
	border-bottom-color: rgb(170, 170, 170); 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	position: relative;
}

#mainBottom h4 .more {
	top: 0px; 
	right: 0px; 
	position: absolute;
}

#mainBottom .box {
	width: 340px; 
	margin-left: 40px; 
	float: left;
}

#mainBottom :first-child.box {
	margin-left: 0px;
}

#mainBottom .notice li {
	padding-left: 15px;
	 margin-top: 10px; 
	 position: relative;
}

#mainBottom .notice li:first-child {
	margin-top: 0px;
}

#mainBottom .notice li::before {
	background: rgb(170, 170, 170); 
	left: 3px; 
	top: 50%; 
	width: 3px; 
	height: 3px; 
	margin-top: -1.5px; 
	display: block; 
	position: absolute; 
	content: "";
}

#mainBottom .notice li a {
	transition:0.2s; 
	width: 260px; 
	color: rgb(136, 136, 136); 
	line-height: 15px; 
	overflow: hidden; 
	font-size: 14px; 
	display: block; 
	white-space: nowrap; 
	-ms-text-overflow: ellipsis;
}

#mainBottom .notice li a:hover {
	transition:0.2s; 
	color: rgb(51, 51, 51);
}

#mainBottom .notice li span {
	top: 0px; 
	right: 0px; 
	color: rgb(170, 170, 170); 
	line-height: 15px; 
	font-size: 13px; 
	display: block; 
	position: absolute;
}

#mainBottom .top {
	height: 150px;
}

#mainBottom .btm {
	border: 1px solid rgb(221, 221, 221); 
	transition:0.2s; 
	border-image: none; 
	height: 73px; 
	font-size: 0px; 
	margin-top: 30px; 
	display: block;
}

#mainBottom .btm::before {
	width: 0px; 
	height: 100%; 
	vertical-align: middle; 
	display: inline-block; 
	content: "";
}

#mainBottom .btm dl {
	margin-left: 25px; 
	vertical-align: middle; 
	display: inline-block;
}

#mainBottom .btm dt {
	transition:0.2s; 
	color: rgb(51, 51, 51); 
	line-height: 1.1em; 
	font-size: 17px; 
	margin-bottom: 7px;
}

#mainBottom .btm dd {
	transition:0.2s; 
	color: rgb(136, 136, 136); 
	font-size: 13px;
}

#mainBottom .btm:hover dt {
	transition:0.2s; 
	color: rgb(255, 255, 255);
}

#mainBottom .btm:hover dd {
	transition:0.2s; 
	color: rgb(255, 255, 255); 
	opacity: 0.65;
}

#mainBottom .eCatalog.btm:hover {
	background: rgb(11, 55, 112); 
	transition:0.2s;
}

#mainBottom .as.btm:hover {
	background: rgb(9, 80, 159); 
	transition:0.2s;
}

#mainBottom .biz.btm:hover {
	background: rgb(13, 128, 237); 
	transition:0.2s;
}

#mainBottom .mainCert {
	background: url("../img/main-cert.jpg") no-repeat 50% 50%; height: 95px; display: block; position: relative;
}

#mainBottom .mainCert p {
	right: 30px; 
	bottom: 25px; 
	color: rgb(85, 85, 85); 
	line-height: 20px; 
	font-size: 15px; 
	position: absolute;
}

#mainBottom .mainConsult {
	background: url("../img/main-consult.jpg") no-repeat 50% 50%; height: 150px; text-align: center; font-size: 0px; display: block;
}

#mainBottom .mainConsult::before {
	width: 0px; 
	height: 100%; 
	vertical-align: middle; 
	display: inline-block; 
	content: "";
}

#mainBottom .mainConsult dl {
	text-align: center; 
	vertical-align: middle; 
	display: inline-block;
}

#mainBottom .mainConsult dt span {
	margin: 0px auto; 
	border-radius: 25px; 
	border: 1px solid rgb(255, 255, 255); 
	border-image: none; 
	width: 98px; 
	height: 23px; 
	text-align: center; 
	color: rgb(255, 255, 255); 
	line-height: 23px; 
	font-size: 12px; 
	display: block; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
}

#mainBottom .mainConsult dt strong {
	margin: 12px 0px 14px; 
	color: rgb(255, 255, 255); 
	line-height: 1.1em; 
	font-size: 16px; 
	display: block;
}

#mainBottom .mainConsult dd {
	color: rgb(56, 72, 117); 
	letter-spacing: 0px; 
	font-size: 13px; 
	text-decoration: underline;
}

.title2{
	padding-top: 100px; 
	width: 140px; 
	height: 40px; 
	margin-top: 20px;
	
}

.titType1 {
	color: rgb(9, 80, 159); 
	line-height: 1.1em;
	 padding-bottom: 20px; 
	 font-family: noto-mid; 
	 font-size: 28px; 
	 margin-bottom: 30px; 
	 border-bottom-color: rgb(225, 225, 225); 
	 border-bottom-width: 1px; 
	 border-bottom-style: solid;
}

.titType2 {
	color: #333; 
	line-height: 1.1em; 
	letter-spacing: -0.05em; 
	font-family: noto-mid; 
	font-size: 28px; 
	margin-bottom: 20px;
}

.map :first-child.group {
	margin-bottom: 70px;
}

.map .imgText {
	margin-top: 20px; 
	display: block;
}

.root_daum_roughmap .wrap_controllers {
	display: none;
}

.notice{
	padding-bottom: 100px;
}

.box1{
	
}

.box2{
	
	
}
.box3{
	position:relative;
	top: -20px;
}

/* ÇÏ´Ü °øÅë »ç¿ë */
#wrapFoot {
	background:#393e46; 
	margin: 0px; 
	padding: 0px;
}

#footer {
	margin: 0px auto; 
	width: 1000px; 
	height: 140px; 
	position: relative;
}

.botMenu {
	width: 1000px; 
	height: 25px; 
	overflow: hidden; 
	padding-top: 6px;
}

.botMenu li {
	text-align: middle; 
	padding-left: 15px; 
	float: right;
	font-size: 12px;
}

.botMenu li a{
	color: #fff;
}

.footLogo {
	width: 162px; 
	margin-top: 40px; 
	float: left;
	
}

.copyright {
	width: 370px; 
	margin-top: 40px; 
	margin-left: 60px; 
	float: left;
	font-size: 11px;
	
}

.copyright span{
	color: #fff;
}

/* ÇÏ´Ü °øÅë »ç¿ë */


#popup_div {
	background: url("../img/popup_bg.gif") repeat-x rgb(255, 255, 255); width: 600px; height: 600px;
}

#pop_top {
	width: 600px; 
	height: 61px;
}

#pop_top .pop_tt {
	padding: 23px 0px 0px 15px;
}

#pop_top .pop_btn {
	padding: 18px 15px 0px 0px;
}

#pop_conMail {
	margin: 0px auto; 
	width: 500px; 
	height: 510px; 
	overflow: auto; 
	padding-top: 90px;
}

#pop_con {
	margin: 15px 0px 0px 15px; 
	padding: 0px 10px 10px 0px; 
	width: 570px; 
	-ms-hyphenate-limit-chars: 510px; 
	overflow: auto;
}

div.clear {
	clear: both;
}
.right {
	float: right;
}