@charset "utf-8";
/* CSS Document */

/*font*/
/*노토산스
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*reset css*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,table,tr,td,th,form,fieldset,input,label,button { margin:0; padding:0; -webkit-text-size-adjust: none; }
body{font-family:'Noto Sans KR', sans-serif, Arial; font-size:17px; color:#333; font-weight:normal; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333}
img{border:none;}
strong,em {font-weight:normal; font-style:normal;}
table { border-collapse: collapse; }

#maintablewrap {
    min-width: 1240px!important;
	height:auto!important;

    overflow: hidden;
}

.main_text {
    animation: slide 1.5s;
}
.main_text {
    height: 500px;
    position: absolute;
    top: 250px;
    left: 18%;
    color: #fff;
}


/*---- 메인 ----*/
#sitemap { width:80px; height:82px; background:#014099; display: inline-block; overflow:hidden; }
#sitemap a { width:70%; height:63%; padding-top:40%; padding-left:30%; display:inline-block; } 
#sitemap span { position:relative; }
#sitemap span::before { 
	content:"";
	width:30px; 
	height:1px; 
	background:#fff; 
	position:absolute;
	transform: translateX(0px);
	transition:all 0.3s;
}
#sitemap span:nth-child(1)::before { top:0; }
#sitemap span:nth-child(2)::before { top:10px; }
#sitemap span:nth-child(3)::before { top:20px; }
#sitemap:hover span:nth-child(2)::before { transform: translateX(10px); transition:all 0.3s; }

#mainmenu_bg { width:100%; height:100px; background:#fff; box-shadow: rgb(0 0 0 / 20%) 0px 7px 22px; }

.main_contenttitle { font-family: 'Poppins','Noto Sans KR','Nanum Square','Noto Sans CJK KR', sans-serif; font-size:45px; color:#333; text-align:center; margin-top:70px;}

/*서브페이지디렉토리*/
.compolayer550Path { font-size:14px; color:#5c5c5c; font-weight:300; }


/*메인비주얼 텍스트*/
#mainvisual_text { color:#fff; display:none; }
#mainvisual_text h1 { font-family: 'Poppins', sans-serif; font-size:75px; text-shadow: rgb(15 70 147 / 20%) 0px 7px 22px; }
#mainvisual_text p { font-size:27px; text-shadow: rgb(15 70 147 / 20%) 0px 7px 22px; margin-top:-10px; }

/* PRODUCT INFORMATION */
#main_productinformation { width:1920px; height:750px; background:#f4f4f4; border-top:5px solid #014099; }
.information_content { width:1200px; margin:0 auto; }

.information_content ul { width:100%; display:flex; margin-top:45px; }
.information_content ul li { flex:1; margin-right:25px; background:#fff; border:1px solid #d6d6d6; text-align:center; position:relative; width:100%; height:470px; cursor:pointer; overflow:hidden; }
.information_content ul li:last-child { margin-right:0; }
.information_content ul li p { display:inline-block; width:100%; height:70px; line-height:70px; background:#014099; color:#fff; position:absolute; bottom:0; left:0; }

.information_content ul li:nth-child(1) > img { padding-top:15px; }
.information_content ul li:nth-child(2) > img { padding-top:15px; }
.information_content ul li:nth-child(3) > img { margin-right: -75px; }

.information_content ul li a { 
	display:inline-block; 
	width:80px; 
	height:80px; 
	background:#014099; 
	box-shadow: rgb(15 70 147 / 20%) 0px 7px 22px;
	text-align:center; 
	line-height:105px; 
	position:absolute; 
	top:155px; 
	left:155px; 
	opacity:0; 
	transition:all 0.5s; 
	transform: scale3d(0.6, 0.6, 0.6);
}

.information_content ul li:hover a { opacity:1; transform: scale3d(1.0, 1.0, 1.0); transition:all 0.5s; }
.information_content ul li > img { transform: scale3d(0.9, 0.9, 0.9); transition:all 0.8s;  }
.information_content ul li:hover > img { opacity:30%; transform: scale3d(1.0, 1.0, 1.0); transition:all 0.8s;  }




/* BUSINESS FIELD */
#main_businessfield { width:1930px; height:525px; }
#main_businessfield:after {
    content: '';
    width: 1920px;
    height: 525px;
    background-image: url(/USER_DATA/msk/content/editor/img/businessfield_bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 16px inset;
}
#main_businessfield .main_contenttitle { color:#fff; }
.businessfield_content { width:1200px; margin:0 auto; }

.businessfield_content ul { display:flex; margin-top: 45px; }
.businessfield_content ul li { flex:1; text-align:center; }
.businessfield_content ul li a { display:inline-block; width:100%; height:260px; position:relative; background-position:30px 0; }
.businessfield_content ul li a span {  display:block; color:#fff; padding-top:230px; }
.eng_text { font-size:19px; font-family: 'Poppins', sans-serif; }
.kor_text { font-size:18px; opacity:0; transition:all 0.3s;  }
.kor_text span { font-family: 'Poppins', sans-serif; }

.businessfield_content ul li a:hover .kor_text { opacity:1; transition:all 0.3s;  }
.businessfield_content ul li a:hover .eng_text { display:none; }

.businessfield_content ul li:nth-child(1) { margin-left:-65px; }
.businessfield_content ul li:nth-child(4) { margin-right:-40px }

.businessfield_content ul li:nth-child(1) a { background:url(/user_data/msk/content/editor/img/businessicon_1.png) 48px 0 no-repeat; }
.businessfield_content ul li:nth-child(2) a { background:url(/user_data/msk/content/editor/img/businessicon_2.png) 50px 0 no-repeat; }
.businessfield_content ul li:nth-child(3) a { background:url(/user_data/msk/content/editor/img/businessicon_3.png) 48px 0 no-repeat; }
.businessfield_content ul li:nth-child(4) a { background:url(/user_data/msk/content/editor/img/businessicon_4.png) 60px 0 no-repeat; }



/* ONLIN INQUIRY */
#main_inquiry { width:1920px; height:460px; position:relative;  }
#main_inquiry > div { position:absolute; top:0; }
.online_inquiry { left:0; width:940px; height:400px; background:#f4f4f4; z-index:10; box-shadow: rgb(0 0 0 / 30%) 0px 7px 22px; }
.tel_inquiry { right:0; width:1560px; height:460px; background:#014099; z-index:9; }

.online_inquiry section { padding-left:360px; padding-top: 70px; }
.main_contenttitle_left { font-family: 'Poppins','Noto Sans KR','Nanum Square','Noto Sans CJK KR', sans-serif; font-size:45px; color:#333; text-align:left; padding-bottom: 5px; }
.online_inquiry section a { display:inline-block; width:260px; height:60px; line-height:60px; border:1px solid #b9b9b9; background:#fff; text-align:center; margin-top:60px; transition:all 0.5s; font-size:16px;}
.online_inquiry section a img { margin-left:10px; }
.online_inquiry section a:hover { box-shadow: rgb(0 0 0 / 10%) 0px 5px 10px; transition:all 0.5s; }

.tel_inquiry section { padding-left:640px; padding-top: 80px; color:#fff; }
.tel_inquiry section p { background:url(/user_data/msk/content/editor/img/tel_miniicon.png) left 3px no-repeat; padding-left:27px;  }
.tel_inquiry section h3 { font-family: 'Poppins', sans-serif; font-size:66px; padding: 15px 0 40px 0;} 

.tel_inquiry section ul li { padding-left:40px; padding-bottom: 10px; }
.tel_inquiry section ul li:first-child { background:url(/user_data/msk/content/editor/img/faxicon.png)no-repeat; } 
.tel_inquiry section ul li:last-child { background:url(/user_data/msk/content/editor/img/emailicon.png)no-repeat; } 
.tel_inquiry section ul li span { padding-right:10px; }
.tel_inquiry section ul li a { color:#fff; }


/*게시판추출*/  /*추출리스트 위·아래 검정선*/
.box tr:nth-child(2) td { border-top:1px solid #333; }
.box tr:last-child td { border-bottom:1px solid #333; }
.box tr td table tr td { border-top:none!important; border-bottom:none!important; }


/*푸터*/
#footer_wrap { width:1920px; height:230px; position:relative; background:#f4f4f4; font-size:15px!important; font-weight:400!important; }
#footer_wrap .footer { width:1200px; margin-left:350px; }
#footer_wrap .footer img { padding:35px 0 15px 0; }

#footer_wrap .footer table tr td { color:#676767; padding:2px 10px; position:relative; }
#footer_wrap .footer table tr td:last-child { padding-right:0; }
#footer_wrap .footer table tr td::before {
	content:"";
	width:1px;
	height:13px;
	background:#c7c7c7;
	position:absolute;
	top:7px;
	right:-2px;	
} 
#footer_wrap .footer table tr td:last-child::before { content:unset!important; }
#footer_wrap .footer table tr td:first-child { padding-left:0; }

.footer_bottom { width:100%; }
.footer_bottom tr td::before { content:unset!important; }
.footer_bottom ul { float:right; }
.footer_bottom ul li { float:left; font-size:14px; position:relative; padding:0 10px; }
.footer_bottom ul li:first-child { padding-left:0; }
.footer_bottom ul li:last-child { padding-right:0; }
.footer_bottom ul li:first-child::before {
	content:"";
	width:1px;
	height:14px;
	background:#cbcbcb;
	position:absolute;
	top:4px;
	right:-2px;	
}
.footer_bottom ul li a { color:#676767; }

.copyright { font-size:13px; line-height:45px; color:#b0b0b0; }
.copyright a { color:#a0a0a0; }
.copyright a:hover { color:#5f5f5f; }

.btn_up_layer { position:absolute; right:10%; top:-65px; width:60px; height:65px; background:#014099; border:none; cursor:pointer; }
.btn_up_layer p { color:#fff; position:relative; margin-top:15px; text-align: center; }
.btn_up_layer p::before {
    content: "";
    width: 32px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 14px;
    bottom: -10px;
}


/*-- 서브 --*/
#subvisual_text { color:#fff; }
#subvisual_text h1 { font-family: 'Poppins', sans-serif; font-size:40px; text-shadow:rgb(15 70 147 / 30%) 0px 7px 22px; animation: aniup_compo1 2s ease; }
#subvisual_text p { font-size:17px; text-shadow: rgb(15 70 147 / 40%) 0px 7px 22px; animation: aniup_compo2 2s ease; }

#left_director { width:230px; height:345px; background:#014099; position:relative; box-shadow:rgb(15 70 147 / 30%) 6px -5px 50px; }
#left_director p {  font-family: 'Poppins', sans-serif; font-size:21px; color:#fff; position:absolute; bottom:50px; left:20px; }
#left_director p::before {
	content:"";
	width:35px;
	height:1px;
	background:#fff;
	position:absolute;
	top:-25px;	
}

#subpage_box { width:100%; height:auto; margin-bottom:100px; }
#subpage_box p { font-weight:300; line-height:28px; word-break: keep-all; }

#board_margin-bottom { width:100%; height:100px; }

@keyframes aniup_compo1 {
    0% {transform:translateX(50px); opacity:0;} 
	50% {transform:translateY(0); opacity:1;}
    100% {transform:translateY(0); opacity:1;}
}
@keyframes aniup_compo2 {
    0% {transform:translateX(50px); opacity:0;} 
	50% {transform:translateY(0); opacity:0;}
    100% {transform:translateY(0); opacity:1;}
}

/*회사소개*/
.companyinfo_topimg { width:920px; height:200px; margin-bottom: 50px; z-index: -1; background: url(/USER_DATA/msk/content/editor/img/info_topimg.jpg) no-repeat; box-shadow: rgb(0 0 0 / 30%) 0px 0px 16px inset; }

.companyinfo_topimg h1 { font-family: 'Poppins', sans-serif; font-size:35px; color:#fff; text-shadow:rgb(0 0 0 / 30%) 0px 7px 22px; text-align:center; padding-top:80px; }
.subpage_title { font-size:30px; color:#014099; font-weight:500; padding-bottom: 40px; position:relative; padding-left:30px; } 
.subpage_title::before {
    content: "";
    width: 12px;
    height: 26px;
    background: #ffc000;
    position: absolute;
    top: 11px;
    left: 0;
    box-shadow: 4px 3px 4px #a0a6b6;
}
/*.subpage_title::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 6px solid #014099;
    border-radius: 50px;
    position: absolute;
    top: 12px;
    left: 0;
}*/

.infobox p .fontweigh_tbold { font-size:21px; font-weight:normal; } 
.infologo { text-align:right; padding-top:40px; }

/*회사연혁*/
.company_history { width:100%; }
.company_history table { width:100%; border-top:2px solid #014099;  }
.company_history table .year { 
	text-align:center; 
	width:20%; 
	border-right:1px solid #dfdfdf; 
	font-family: 'Poppins', sans-serif; 
	font-size:20px; 
	color:#014099; 
	font-weight:normal; 
	background:#fafafa;
}
.company_history table td { padding:15px; border-bottom:1px solid #dfdfdf; font-weight:300; }
.bg_maincolor { font-size:16px; background:#014099; color:#fff; padding: 1px 15px 3px 15px; border-radius: 50px; margin-right: 10px; }

.spanbr br { display:none; }

/*인증서_스킨*/
.txt2 { background-color:#f6f9fa!important; }

/*찾아오시는길*/
.location .hide { display:none; }
.os_mac { border-bottom:1px solid #d6d6d1; }

.location_info .adderssinfo { display:inline-block; width:48%; height:188px; padding:0 4%; background:#014099; }
.location_info .adderssinfo p { color:#fff; }
.location_info table { width:41%; float:right; }
.location_info table td { border-bottom:1px solid #dfdfdf; padding:18px 0; }
.infotitle { width:30%; font-family: 'Poppins', sans-serif; font-weight:500; }

.addersstitle { margin:35px 0 15px 0; padding-top:25px; position:relative; font-family: 'Poppins', sans-serif; font-weight:500!important;  }
.addersstitle::before {
    content: "";
    width: 35px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0px;
}
.addersstext { font-size:16px; }


/*사업분야*/
.businessfield_box { width:100%; margin-top:30px; }
.businessfield_box img { width:100%; height:auto; border:1px solid #dfdfdf; }
.border_none { border:none!important; }

.businessfield_box h1 { /*제품소개 게시판과 동일한 style*/
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 500;
    border-bottom: 2px solid #014099;
    padding-bottom: 20px;
    margin-bottom: 50px;	
}
.business_textbox {
    border: 1px solid #dfdfdf;
    background: #fdfdfd;
    padding: 3%;
    word-break: keep-all;
	margin-bottom:30px;	
}
.business_textbox ul li {  
	font-weight:300;
	position:relative;
	padding-left:12px;
	padding-bottom:10px;
}
.business_textbox ul li:last-child { padding-bottom:0; }
.business_textbox ul li::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #6e6e6e;
    position: absolute;
    top: 11px;
    left: 0px;
}


/*온라인문의*/
.title_input { width:100%!important; }

/*개인정보처리방침, 이메일무단수집거부*/
#private {
    background: #ffffff;
    width: 100%;
    overflow: hidden;
    position: relative;
    color: #555555;
    font-size: 14px;
    margin-bottom: 70px;
}
.privateContent { clear: both; }
.privateDetail { clear: both; width: 100%; }
.privateDetail .scrollBar {
    padding: 40px 20px;
    height: 440px;
    overflow: auto;
    border: 1px solid #eaeaea;
    font-family: Dotum;
    font-size: 12px;
}
.privateDetail .scrollBar_2 { height:265px; }
.privateDetail .scrollBar dt {
    padding-bottom: 5px;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 1.25em;
}
.privateDetail .scrollBar dd {
    padding: 0 0 25px;
    text-align: justify;
    color: #888888;
    line-height: 1.8em;
    font-size: 1.15em;
}
#private .privateDetail_copyright {
    width: 100%;
    padding: 15px 0;
    margin-top: 30px;
    background: #fafafa;
    font-size: 14px;
    text-align: center;
}
.lineH22 { font-size:16px; margin-bottom:30px; }