@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; }

input[type=submit] {-webkit-appearance:none;}




/*---------- 메인 ----------*/
ul.pagination { left:415px!important; bottom:215px!important;} /*비주얼롤링버튼 위치 강제조절*/


/*비주얼텍스트*/
#mainvisualtext_box { width:100%; }
#mainvisualtext_box h3 { font-family: 'Poppins', sans-serif; font-size:70px; color:#fff; letter-spacing:-2px; text-shadow:3px 3px 11px rgba(0,0,0,0.5); }
#mainvisualtext_box h3 span { color:#33a6f5; }
#mainvisualtext_box p { font-size:30px; color:#fff; }

/*사업영역*/
#main_business_box { width:100%; position:relative; }
.business_introbg { width:100%; height:300px; background:#f1f1f1; position:relative; }
.business_introbg .dybntlogo_text { position:absolute; right:30px; top:70px; }
.dybntlogo_img { position:absolute; left:175px; bottom:-480px; }

.busines_section { width:1200px; position:absolute; top:0; left:360px; }
.busines_section .main_text_title span { color:#2578b6; }
.busines_section .main_text_title::before { background:#2578b6; }

.main_text_title { font-family: 'Poppins', sans-serif; font-size:45px; position:relative; padding:83px 0 0 25px; margin-bottom:60px; }
.main_text_title::before { content:""; width:4px; height:125px; border-radius:0 0 5px 5px; position:absolute; top:0px; left:0; }

.busines_section ul { display:flex; }
.busines_section ul li { flex:1; margin-right:20px; text-align:center; background:#333; height:530px; position:relative; overflow:hidden; }
.busines_section ul li:last-child { margin:0; }

/*.busines_section ul li:nth-child(1) { background:url(/USER_DATA/dybnt/content/editor/img/business_bg1.jpg)no-repeat; }
.busines_section ul li:nth-child(2) { background:url(/USER_DATA/dybnt/content/editor/img/business_bg2.jpg)no-repeat; }
.busines_section ul li:nth-child(3) { background:url(/USER_DATA/dybnt/content/editor/img/business_bg3.jpg)no-repeat; }*/


.busines_section ul li img { transform: scale(1.1); transition: all 1s; }
.busines_section ul li:hover img { transform: scale(1.2); transition: all 1s;	}

.busines_section ul li .litext_box { width:100%; position:absolute; bottom:50px; z-index:10; cursor:default; } 
.busines_section ul li .litext_box h1 { font-size:40px; color:#fff; font-weight:normal; margin:20px 0;}
.busines_section ul li .litext_box p { font-family: 'Poppins', sans-serif; font-size:22px; color:#fff; font-weight:200; margin-bottom:55px; }
.button_b { 
	font-family: 'Poppins', sans-serif; 
	font-size:17px; 
	color:#fff; 
	font-weight:200; 
	display:inline-block; 
	width:245px; 
	height:60px; 
	line-height:60px; 
	background:#2578b6; 
	border-radius:50px; 
	text-align:center;
	transition: all 0.3s; 
}
.button_b:hover { transform:translateY(-15px); transition: all 0.3s; }
.button_b img { padding-left:10px; }
.busines_section ul li:hover .button_b { box-shadow:3px 3px 10px rgba(0,0,0,0.3); transition: all 1s; }


/*회사소개*/

#main_company_box { width:100%; height:970px; position:relative; }
#main_company_box::before {
    content: '';
    width: 1920px;
    height: 970px;
    background-image: url(/USER_DATA/dybnt/content/editor/img/main_company_bg.png);
    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;
}

.company_section { width:1200px; position:absolute; top:0; left:360px; }
.company_section .main_text_title { color:#f6f6f6; }
.company_section .main_text_title span { color:#0d91f3; }
.company_section .main_text_title::before { background:#0d91f3; }

.company_section table { display:inline-block; border:1px solid #87878a; }

.company_left_box { width:600px; }
.company_right_box { width:596px; margin-left:-4px; }

.company_section table tr td { border-bottom:1px solid #87878a; height:235px; }
.company_section table tr:last-child td { border-bottom:none; }
.company_left_box tr td { border-right:1px solid #87878a; width:300px; }
.company_left_box tr td:last-child { border-right:none; }
.company_right_box { border-left:none!important; }

.company_left_box tr td a { text-align:center; width:100%; height:100%; display:inline-block; background:rgba(0,0,0,0.3); cursor:pointer; }
.company_left_box tr td a:hover { background:#1f69a0; }
.company_left_box tr td a span { width:62px; height:62px; display:inline-block; margin-top:70px;  }
.company_left_box tr td a p { font-family: 'Poppins', sans-serif; color:#fff; padding-top:15px; }

.kort { display:none; }
.company_left_box tr td a:hover .kort { display:block; }
.company_left_box tr td a:hover .engt { display:none; }

.iconposition1 { background:url(/USER_DATA/dybnt/content/editor/img/main_companyicon1.png)no-repeat; }
.iconposition2 { background:url(/USER_DATA/dybnt/content/editor/img/main_companyicon2.png)no-repeat; }
.iconposition3 { background:url(/USER_DATA/dybnt/content/editor/img/main_companyicon3.png)no-repeat; }
.iconposition4 { background:url(/USER_DATA/dybnt/content/editor/img/main_companyicon4.png)no-repeat; }

.company_decoimg { position:absolute; bottom:0; left:0; }

.company_right_box tr td { padding:0 6%; width:600px; background:rgba(0,0,0,0.3); }
.company_right_box tr td h1 { color:#fff; font-weight:normal; font-size:40px; margin-bottom: 25px; }
.company_right_box tr td p { color:#fff; font-weight:200; display: inline-block; line-height: 26px; }
.company_right_box tr td .button_b { display: inline-block; float: right; }

.font_poppins { font-family: 'Poppins', sans-serif; font-weight:bold!important; letter-spacing: 0; font-size: 45px!important; }
.company_right_box tr td ul li,.company_right_box tr td ul li a { font-family: 'Poppins', sans-serif; color:#fff; }
.company_right_box tr td ul li { padding-left:40px; line-height: 26px; }
.company_right_box tr td ul li:first-child { background:url(/user_data/dybnt/content/editor/img/faxicon.png)no-repeat; padding-bottom: 8px;}
.company_right_box tr td ul li:last-child { background:url(/user_data/dybnt/content/editor/img/mailicon.png) left 5px no-repeat; }



/*푸터*/
#footer_wrap { width:100%; height:160px; background:#fff; font-size:14px; position:relative; border-top:1px solid #f1f1f1; line-height: 21px; }
.footer { width:1200px; margin:0 auto; padding-top:35px; }
.footer ul { width:100%; display: inline-block; margin:0; padding:0; }
.footer ul li { float:left; padding: 0 10px; border-right:1px solid #c9c9c9; color:#707070; }
.footer ul li:first-child { padding-left:0; }
.footer ul li:last-child { padding-right:0; border-right:none; }  
.footer .copy_right { display:inline-block; font-size:13px; color:#919191; margin:0; }

.footer_bottom_wrap { width:100%; height:40px; background:#f1f1f1; line-height:40px; position:absolute; bottom:0;  }
.footer_bottom { width:1200px; margin:0 auto; }
.footer_bottom ul { width:100%; margin:0; padding:0; }
.footer_bottom ul li { float:left; padding: 0 10px; color:#707070; position:relative; }
.footer_bottom ul li::before { content:''; width:1px; height:10px; background:#d3d3d3; position:absolute; top:16px; left:0;  }
.footer_bottom ul li:first-child::before { background:none; }
.footer_bottom ul li:first-child { padding-left:0; }
.footer_bottom ul li:last-child { padding-right:0; }  
.footer_bottom ul li a { font-size:13px; color:#919191; font-weight:200; }

#quickmenu_box { position:fixed; right:10%; bottom:140px; }
#quickmenu_box ul { position:relative; }
#quickmenu_box ul li { position:absolute; }
.estimate_btn { top:-80px; }
.estimate_btn:hover { left:-130px; }
.estimate_btn:hover a { width:155px; padding-left:35px; }/*width값이랑padding값 합이 190px 되도록만들기!*/
.estimate_btn:hover img { left:130px; }

.btn_up_layer { width:60px; height:60px; border-radius:50px; background:#2578b6; border:none; box-shadow:2px 3px 5px rgba(0,0,0,0.2); cursor:pointer; } /*탑버튼*/
.estimate { 
	display:inline-block;
	width:60px; 
	height:60px; 
	border-radius:50px; 
	background:#0e3858; 
	box-shadow:2px 3px 5px rgba(0,0,0,0.2); 
	cursor:pointer; 
}
.estimate span { display:none; color:#fff; line-height:60px; }
.estimate img { position:absolute; top:15px; left:19px; }

.estimate:hover span { display:block; }


/*서브페이지*/
#submenu_bg { width:100%; height:50px; background:#f1f1f1; }
#subpage_box { margin-bottom:100px; width:100%; }
.visual_engtext { font-family: 'Poppins', sans-serif; font-size:40px; color:#fff; margin-top: -15px; }

.m_pagetitle { display:none; }

/*인사말*/
.greeting_topimg { width:100%; height:250px; }
.greeting_topimg::before {
    content: '';
    width: 1200px;
    height: 250px;
    background-image: url(/USER_DATA/dybnt/content/editor/img/greeting_topimg.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;
}
.greeting_topimg h1 { font-family: 'Poppins', sans-serif; font-size:40px; color:#fff; padding: 90px 0 0 30px; }
.greeting_topimg h1 span { color:#33a6f5; }
#subpage_box p { line-height:27px; }
.greeting_end { float:right; }
.greeting p { padding-top:40px; }

/*연혁*/
.historyline:before { width:1px!important; background: #e5e5e5!important; }
.historyline-centerbox > .center-icon { background: url(/USER_DATA/movexnew/content/editor/img/history_icon.png) no-repeat!important; }
.historyline .historyline-body .history td.content { word-break:keep-all; }
.historyline .historyline-body .history { margin-bottom:30px!important; }
.historyline-body { padding-top:40px!important; }


/*오시는길*/
.hide { display:none; }
.wrap_map { border-bottom: 1px solid #d7d7d1; }
.location_info { width:100%; border:1px solid #ddd; margin-top: 40px; }
.location_info tr td { width:25%; border-right:1px solid #ddd; text-align:center; padding:50px 0; }
.location_info tr td:last-child { border-right:none; }
.location_info tr td:hover { background:#fbfbfb; }
.location_info tr td p { padding-top:0!important; } 

.location_info tr td:nth-child(1) p { background:url(/USER_DATA/dybnt/content/editor/img/s_addressicon.png) 2xp no-repeat; }
.location_info tr td:nth-child(2) p { background:url(/USER_DATA/dybnt/content/editor/img/s_telicon.png) 38px no-repeat; }
.location_info tr td:nth-child(3) p { background:url(/USER_DATA/dybnt/content/editor/img/s_faxicon.png) 35px no-repeat; }
.location_info tr td:nth-child(4) p { background:url(/USER_DATA/dybnt/content/editor/img/s_mailicon.png) 15px no-repeat; }


/*개인정보처리방침*/

/*개인정보보호정책, 이메일무단수집거부*/
#private { 
	background:#ffffff; 
	width:100%; 
	overflow:hidden; 
	position:relative; 
	color:#555555; 
	font-size:14px; 
	margin-bottom:70px;
}
.privateContent { clear:both; padding:0 20px; }
.privateContent .lineH22 { line-height:25px; }
.privateContent .justify { 
	text-align: center;
    font-size: 1.25em;
    line-height: 1.7em;	
}
.privateContent .justify > span { font-weight: bold;}
.privateContent p { padding:25px 0 30px; }
.privateContent dl { width:100%; float:left; padding:7px 0 16px; }
.privateContent .dlModify { padding:7px 0 16px; }
.privateContent dt { float:left; padding-left:10px; }
.privateContent dd { float:left; padding-left:4px; margin:10px 0 30px 20px; }
.privateContent .point { padding:0; margin:0; color:#000000; font-weight:normal; }
.privateDetail { clear:both; width:100%; }
.privateDetail .scrollBar { 
    padding: 40px 30px;
    height: 400px;
    overflow: auto;
    border: 1px solid #eaeaea;
    font-family: Dotum;
    font-size: 12px;
}
.privateDetail .scrollBar_2 { height:285px!important; }/*이메일무단수집거부 높이*/
.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;
}
.privateDetail .scrollBar a { 
    color: #2578b6;
    font-size: 1.1em!important;
    text-decoration: none;
}
.privateDetail .leftIndent { padding-left:16px; }
#private .copyright { 
	width: 100%;
    padding: 15px 0;
    margin-top:30px;
    background: #f2f2f2;
    font-size: 14px;
    text-align: center;
}
#private .btn_close { 
	position:absolute; 
	bottom:0; 
	right:0; 
	margin:13px 20px; 
}

/*수입 및 유통*/
#income_box { width:100%; height:600px; }
#income_box::before {
    content: '';
    width: 1920px;
    height: 700px;
    background-image: url(/USER_DATA/dybnt/content/editor/img/incombg.png);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -360px;
    z-index: -1;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 16px inset;
}
.income_item { width: 100%; }
.income_item ul { display:flex; margin-top:100px; }
.income_item ul li { flex:1; text-align:center; border:1px solid #ddd; padding:40px 0; margin-right:20px; transition:all 0.5s; background:rgba(0,0,0,0.3); }
.income_item ul li:last-child { margin-right:0; }
.income_item ul li h1 { font-family: 'Poppins', sans-serif; font-size:20px; color:#fff; font-weight:normal; padding: 25px 0 15px 0; }
.income_item ul li p { font-size:17px; color:#fff; }

.income_item ul li:hover { transform:translateY(-20px); transition:all 0.5s; }
.income_item ul li:hover img { transform: rotateY(360deg); transition:all 1s; }
.income_item ul li:hover h1 { color:#59a9e5; }

.income_item > p { text-align:center; color:#fff; padding:20px 0 30px 0; }
.income_item > a { display:inline-block; width:350px; margin-left: 425px; border:1px solid #1f72b1; background:#2578b6; border-radius:50px;  text-align:center; padding:20px 0 17px 0; margin-top:70px;transition: all 0.3s  }
.income_item > a:hover { box-shadow:3px 3px 10px rgba(0,0,0,0.3); transform:translateY(-15px); transition: all 0.3s }

/*견적문의*/
.send_btn:hover input { background: #2578b6!important; border: 1px solid #2073b1!important; }

.onlineform_text { position:relative; padding-bottom:20px; padding-left:15px; padding-top:0!important; font-size: 16px; }
.onlineform_text span { color:#2578b6; position:absolute; top:3px; left:0;}
.onlineform_box { width:100%; padding:70px 0 30px 0; border:1px solid #ddd; }

.compolayer612Path,.compolayer621Path { font-size:14px!important; color:#fff!important; }
.onlineform_text br { display:none; }