/* font family */
@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 900;
    src: url('/html/css/fonts/NotoSansCJKkr-Black_0.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 700;
    src: url('/html/css/fonts/NotoSansCJKkr-Bold_0.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 600;
    src: url('/html/css/fonts/NotoSansCJKkr-DemiLight.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 300;
    src: url('/html/css/fonts/NotoSansCJKkr-Light_0.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 400;
    src: url('/html/css/fonts/NotoSansCJKkr-Regular_0.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 500;
    src: url('/html/css/fonts/NotoSansCJKkr-Medium_0.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 100;
    src: url('/html/css/fonts/NotoSansCJKkr-Thin_0.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url('/html/css/fonts/Pretendard-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url('/html/css/fonts/Pretendard-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url('/html/css/fonts/Pretendard-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url('/html/css/fonts/Pretendard-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url('/html/css/fonts/Pretendard-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: url('/html/css/fonts/Pretendard-ExtraBold.otf') format('opentype');
}

@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/html/css/fonts/Roboto-Bold.ttf') format('truetype');
}
/***** font family *****/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td label{margin:0px; padding:0px; color: #333;}

ul li {list-style-type:none;}

td{ font-size:12px; font-family:µ¸¿ò,sans-serit; color:#777777;}

img {border:none;}

a:link {color:#777777; text-decoration:none;}
a:visited {color:#777777; text-decoration:none;}
a:active {color:#777777;}
a:hover {color:#333333; text-decoration:underline;}

.mgt10 {margin-top: 10px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt30 {margin-top: 30px !important;}
.mgt40 {margin-top: 40px !important;}
.mgt50 {margin-top: 50px !important;}
.mgt60 {margin-top: 60px !important;}
.mgt70 {margin-top: 70px !important;}
.mgt80 {margin-top: 80px !important;}

.d-flex-center {display: flex; align-items: center;}
.d-flex-start {display: flex; align-items: flex-start;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}

/* »ó´Ü ¸Þ´º */
#TopMenu {width:1024px; height:80px; position:relative;}
#TopMenuSub { position:absolute; top:37px; left:320px;}

#TopMenuSub ul {margin:0px; padding:0px; list-style:none; }
#TopMenuSub ul li {list-style:none; float:left;}
#TopMenuSub ul li div {position:absolute; left:0px; top:43px;}
#TopMenuSub ul .menu1 {padding-left:0px;}
#TopMenuSub ul .menu2 {padding-left:52px;}
#TopMenuSub ul .menu3 {padding-left:52px;}
#TopMenuSub ul .menu4 {padding-left:52px;}
#TopMenuSub ul .menu5 {padding-left:52px;}
#TopMenuSub ul .menu6 {padding-left:52px;}
#TopMenuSub ul .menu7 {padding-left:52px;}
#TopMenuSub ul .menu8 {padding-left:52px;}
#TopMenuSub ul .menu9 {padding-left:52px;}
#TopMenuSub ul li.menu1 div {left:-200px;}
#TopMenuSub ul li.menu2 div {left:0px;}
#TopMenuSub ul li.menu3 div {left:-150px;}
#TopMenuSub ul li.menu4 div {left:0px;}
#TopMenuSub ul li.menu5 div {left:280px;}
#TopMenuSub ul li.menu6 div {left:0px;}
#TopMenuSub ul li.menu7 div {left:440px;}
#TopMenuSub ul li.menu8 div {left:0px;}
#TopMenuSub ul li.menu9 div {left:490px;}
#TopMenuSub ul li div ul {float:left; list-style:none;}
#TopMenuSub ul li div ul li {width:auto; height:auto; padding-top:0px; padding-left:0px;}


#visual {
	position:relative;
	width:100%;
	height:400px;
	background:url(/images/main/fl_bg.jpg) no-repeat;
	background-position: center 0;
}

#visual2 {
	position:relative;
	width:100%;
	height:190px;
	background:url(/images/sub_bg.jpg) no-repeat;
	background-position: center 0;
}

/********** header **********/
.top_navi {
	position:relative;
	float:right;
	height:19px;
}
.top_navi ul li {
	float:left;
	padding:0px 8px 0 0;
}
.top_navi ul li.last {
	padding:0px 8px 0 0;
}

#contents {
	width:762px;
	min-height:0px;
	margin-left:0px;
	position:relative;
	font-family: 'Noto Sans CJK KR';
}
#contents h2 {
	float:left;
}

/*ÄÜÅÙÃ÷ ÆäÀÌÁö¿¡ Ä«Å×°í¸® Á¦¸ñ*/
#contents h3 {
	padding-left: 12px;
	font-size: 18px;
	font-family: 'Pretendard';
	position: relative;
}
#contents h3:after {
	content: "";
	display: block;
	position: absolute;
	width: 4px;
	height: 16px;
	background: #007dfe;
	top: calc(50% - 8px);
	left: 0;
}

#contents p.navi {
	position:absolute;
	top:15px;
	right:0px;
	font-size:12px;
	line-height:13px;
	color:#777;
}
#contents p.navi span {
	font-weight:bold;
	color:#063ebb;
}

#contents .content {
	padding-top:85px;
}

.current_navi {
	position:relative;
	width:762px; height:35px; margin-top:30px;
	border-bottom:1px solid #ddd;
}
#contents p.subtit {
	float:left;
	margin:15px 0 0 10px;
}

/* CEOÀλ縻 */
.ceo_content {
	padding-left: 30px;
}
.ceo_content p {
	margin-bottom: 20px;
	font-size: 18px;
	letter-spacing: -0.5px;
	line-height: 1.6;
}
.ceo_content p.ceo_1 {
	font-size: 32px;
	font-weight: 700;
	font-family: 'Pretendard';
	letter-spacing: -0.5px;
	line-height: 1.4;
}
.ceo_content p.last {
	color: #666;
	margin-top: 40px;
}
.ceo_content img {
	display: block;
	margin-left: 14px;
}

/* °æ¿µÀ̳ä,¿¬Çõ */
.history_wrap {}
.history_wrap .top-text {}
.history_wrap .top-text p {
	font-size: 24px;
	text-align: center;
	font-family: 'Pretendard';
}
.history_wrap .top-text p.txt2 {
	font-size: 16px;
	color: #666;
	margin-top: 8px;
}
.history_wrap .top-text p span {
	font-weight: 700;
	color: #063ec8;
}
.history_wrap .bot-text {
	width: 100%;
	border-bottom: 1px dashed #e3e3e3;
	padding-bottom: 30px;
}
.history_wrap .bot-text p {
	text-align: center;
	font-size: 16px;
	color: #666;
	letter-spacing: -0.75px;
}

.history_wrap .history-table {
	width: 100%;
	margin-top: 40px;
}
.history_wrap .history-table > ul {
	
}
.history_wrap .history-table > ul > li {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.history_wrap .history-table > ul > li h4.year {
	font-size: 36px;
	font-family: 'roboto';
	letter-spacing: -0.75px;
    padding: 0 0 10px 30px;
    width: 20%;
    box-sizing: border-box;
    color: #05004d;
}
.history_wrap .history-table > ul > li ul {
	position: relative;
	width: 80%;
	padding-bottom: 20px;
}
.history_wrap .history-table > ul > li ul:after {
	content: "";
	height: 100%;
	width: 1px;
	background: #74b9ff;
	position: absolute;
	left: 0;
	top: 0;
}
.history_wrap .history-table > ul > li ul li {
	padding: 10px 0 5px 30px;
	position: relative;
}
.history_wrap .history-table > ul > li ul li:after {
    content: "";
    width: 10px;
    display: block;
    height: 10px;
    background: #74b9ff;
    border-radius: 50%;
    left: -4px;
    position: absolute;
    bottom: 10px;
}
.history_wrap .history-table > ul > li ul li p {
	font-size: 16px;
}
.history_wrap .history-table > ul > li ul li img {
	display: block;
	margin-bottom: 10px;
}
.history_wrap .history-table > ul > li ul li img.right {
	position: absolute;
	top: -28px;
	right: 30px;
} 
.history_wrap .history-table > ul > li ul li img.sm01 {
	right: 160px;
	top: -10px;
}
.history_wrap .history-table > ul > li ul li img.sm02 {
	right: 270px;
    width: 76px;
    top: -14px;
}
.history_wrap .history-table > ul > li ul li img.sm03 {
	right: 82px;
    top: -36px;
    width: 90px;
}

/* Ç°ÁúÀÎÁõÇöȲ */
.certificate_wrap:not(:last-child) {
	padding-bottom: 30px;
	border-bottom: 1px dashed #e3e3e3;
}
.certificate_wrap img {
	display: block;
}
.certificate_wrap .txt {
	box-sizing: border-box;
}
.certificate_wrap .txt .txt_1 {
	font-size: 26px;
	font-family: 'Pretendard';
	color: #222;
	line-height: 1.5;
}
.certificate_wrap .txt .txt_1 span {
	display: inline-block;
	font-weight: 700;
}
.certificate_wrap .txt .txt_2 {
	font-size: 16px;
	word-break: keep-all;
	color: #333;
	line-height: 1.8;
}
.certificate_wrap .txt .txt_2 span {
	display: inline-block;
	color: #17A700;
	font-weight: 500;
}
.certificate_wrap ol {
	list-style: none;
}
.certificate_wrap ol li {
	padding: 5px;
}
.certificate_wrap ol li p {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	word-break: keep-all;
}
.certificate_wrap ol li p:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	border-left: 5px solid #999;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
}

/* ȸ»çÁ¶Á÷µµ,º¹Áö */
.organization_wrap:not(:last-child) {
	padding-bottom: 30px;
	border-bottom: 1px dashed #e3e3e3;
}
.organization_wrap .top-text p {
	font-size: 24px;
	text-align: center;
	font-family: 'Pretendard';
}
.organization_wrap .top-text p.txt2 {
	font-size: 16px;
	color: #666;
	margin-top: 8px;
}
.organization_wrap .top-text p span {
	font-weight: 700;
	color: #063ec8;
}
.organization_wrap .bot-text > p {
	font-size: 16px;
	text-align: center;
	font-family: 'Pretendard';
	line-height: 1.6;
}
.organization_wrap img {
	display: block;
	margin: 0 auto;
}

.organization_wrap .list {
	margin-left: 30px;
}

.organization_wrap .list li {
	padding: 10px 0;
}
.organization_wrap .list li p {
	font-size: 18px;
	letter-spacing: -0.75px;
	word-break: keep-all;
	font-weight: 500;
}
.organization_wrap .list li p i {
	margin-right: 4px;
	color: #1b81c1;
}
.organization_wrap .list li p span {
	color: #666;
	display: block;
	font-size: 16px;
	margin-top: 10px;
	padding-left: 20px;
	font-weight: 300;
	height: 48px;
}


/* ³³Ç°ÇöȲ,Çù·Â»ç */
.partners_wrap .top-text p {
	font-size: 24px;
	text-align: center;
	font-family: 'Pretendard';
}
.partners_wrap .top-text p span {
	font-weight: 700;
	color: #063ec8;
}
.partners_wrap .top-text .txt2 {
	font-size: 18px;
	color: #666;
	margin-top: 8px;
}
.partners_wrap img {
	display: block;
	border-radius: 10px;
}
.partners_wrap .list {
	margin-left: 50px;
}
.partners_wrap .list > p {
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
	font-family: 'Pretendard';
	font-weight: 700;
}
.partners_wrap .list > p span {
	color: #999;
}
.partners_wrap .list ul {
	margin-top: 15px;
}
.partners_wrap .list ul li {
	padding: 10px 0;
}
.partners_wrap .list ul li p {
	font-size: 16px;
}
.partners_wrap .list ul li p i {
	margin-right: 4px;
	color: #1b81c1;
	transform: rotate(90deg);
}

/* ¿À½Ã´Â ±æ */
.location_wrap .tit{
	font-size: 26px;
	font-weight: 500;
}
.location_wrap ul {}
.location_wrap ul li {
	padding: 5px;
}
.location_wrap ul li p {
	font-size: 16px;
}
.location_wrap ul li p span {
	display: inline-block;
	color: #1b81c1;
	font-weight: 700;
	margin-right: 10px;
}

/* Á¦Ç°¼Ò°³ */
.product_wrap {}
.product_wrap .top-text p {
	font-size: 24px;
	text-align: center;
	font-family: 'Pretendard';
}
.product_wrap .top-text p span {
	font-weight: 700;
	color: #063ec8;
}
.product_wrap .top-text .txt2 {
	font-size: 18px;
	color: #666;
	margin-top: 8px;
}

.product_wrap .list > p {
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
	font-family: 'Pretendard';
	font-weight: 700;
    white-space: nowrap;
}
.product_wrap .list > p span {
	color: #999;
    font-weight: 300;
    font-size: 14px;
    margin-left: 8px;
}
.product_wrap .list ul {
	margin-top: 20px;
}
.product_wrap .list ul li:not(:last-child) {
	padding-bottom: 14px;
}
.product_wrap .list ul li p {
	font-size: 15px;
	line-height: 1.8;
	position: relative;
	padding-left: 22px;
    letter-spacing: -0.75px;
    word-break: keep-all;
}
.product_wrap .list ul li p i {
	margin-right: 4px;
	color: #1b81c1;
	transform: rotate(90deg);
    position: absolute;
    top: 6px;
    left: 0;
}
.product_wrap .table-bot {
	margin-top: 6px;
}
.product_wrap .table-bot p:not(:last-child) {
	margin-bottom: 2px;
}
.product_wrap .table-bot p span:not(:last-child){
	margin-right: 20px;
}

/* Á¦Ç°°øÁ¤ */
.manufacure_wrap .top-text p {
	font-size: 24px;
	text-align: center;
	font-family: 'Pretendard';
}
.manufacure_wrap .top-text p span {
	font-weight: 700;
	color: #063ec8;
}
.manufacure_wrap .top-text .txt2 {
	font-size: 18px;
	color: #666;
	margin-top: 8px;
}
.manufacure_wrap img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.manufacure_wrap .bot-text {}
.manufacure_wrap .bot-text p {
	font-size: 24px;
	text-align: center;
	font-family: 'Pretendard';
	font-weight: 700;
	color: #063ec8;
}
.manufacure_wrap ul li {
	position: relative;
	width: 22.5%
}
.manufacure_wrap ul li span{
	display: block;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}

.manufacure_wrap ul li:not(:last-child):after {
	content: "\e92f";
	font-family: 'xeicon';
    position: absolute;
    top: calc(50% - 16px);
    right: -18px;
    transform: rotate(90deg);
    color: #6eafff;
}


/* ÀåºñÇöȲ */
.equipment_wrap .top-text p {
	font-size: 24px;
	text-align: center;
	font-family: 'Pretendard';
}
.equipment_wrap .top-text p span {
	font-weight: 700;
	color: #063ec8;
}
.equipment_wrap .top-text .txt2 {
	font-size: 18px;
	color: #666;
	margin-top: 8px;
}
.equipment_wrap img {
	display: block;
}
.equipment_wrap ul li img {
	border: 1px solid #e3e3e3;
}

/* °ßÀû¹®ÀÇ */
.estimate_wrap > p {
	font-size: 18px;
	text-align: center;
}
.estimate_wrap > p a {
	display: inline-block;
	font-weight: 700;
	color: #007dfe;
}
.estimate_wrap ul {
    width: 200px;
    margin: 0 auto;
    padding-top: 10px;
    border-top: 1px solid #e3e3e3;
}
.estimate_wrap ul li {
	padding: 5px;
}
.estimate_wrap ul li p {
	font-size: 16px;
}
.estimate_wrap ul li p span {
	display: inline-block;
    color: #1b81c1;
    font-weight: 700;
    margin-right: 10px;
}

/* ÃÖ»ó´Ü ¸Þ´º */
.tnb {
	float:right;
	margin-top:0px;
	height:19px;
}
.tnb ul li {
	float:left;
	padding:0 5px 0 5px;
	background-color:#a7daf7;
	font-size:11px;
	height:19px;
}
.tnb ul li.first {
	padding:0;
	font-size:0;
}
.tnb ul li.last {
	padding-left:10px;
	font-size:0;
}


.visual_wrap {
	z-index: 1;
	width: 100%;
	height: 650px;
	position: relative;
	overflow: hidden
}

.visual_wrap .visual01 {
	width: 100% !important;
	height: 650px;
	background: #f8f8f8 url(/images/main/visual_01.png) no-repeat center left;
	background-size: cover;
}

.visual_wrap .visual02 {
	width: 100% !important;
	height: 650px;
	background: #f8f8f8 url(/images/main/visual_02.png) no-repeat center left;
	background-size: cover;
}

.visual_wrap .visual03 {
	width: 100% !important;
	height: 650px;
	background: #f8f8f8 url(/images/main/visual_03.png) no-repeat center left;
	background-size: cover;
}


.visual_wrap .slide {
	text-indent: -9999px
}