@charset "UTF-8";
*{font-family:'Noto Sans KR', "NanumSquare"}
#section07 .newsletter .ment {width: 460px;float:left;}
#section07 .newsletter .form{width:calc(100% - 460px)}
#section07 .newsletter .guide .text h3{line-height:1.2}
#section06 li * {font-family:"NanumSquare"}
#section07 * {font-family:"NanumSquare"}
#section06 .notice .single li .category{width:120px;}
#section06 .notice .single li .title{width:calc(100% - 220px)}
#section06 .notice .single li > a{padding-left:120px}

#nttCn .hr .area02 ul li dd{width:100%;max-width:95%}
#nttCn .hr .area02 ul li{height:auto;margin-top:50px}
#nttCn .hr .area02 ul li:nth-child(4){clear:both}
#nttCn .hr .area02 ul li:nth-child(7){clear:both}

#section07 .newsletter .form .inputs > a{margin-top:10px;display:inline-block}
@media (max-width: 610px){
#nttCn .hr .area02 ul li:nth-child(4){clear:initial}
}

@media (max-width: 1400px){
	.gnb .menu {
	    width: calc(100% - 365px);
	}
}
@media (max-width: 1080px){
#section07 .newsletter .ment {width: 100%;}
#section07 .newsletter .form {width: 100%;}
.footer .copyright .legal .link a{display:block;width:100%}
} 

.board_detail .info.h130 .meta p > span{width:170px}
.board_detail .info.h130 .meta p{padding-left:200px}
.next_table th.prev p{padding-left:10px;padding-right: 35px;}
@media (max-width: 1200px){
	.board_write > table > tbody > tr > th {width: 200px;}
}
.quick .selector a.q{font-size:12px;line-height:1}
.quick .selector .chat:before{font-size:12px;line-height:1}

#nttCn .company .com_info dd{padding-left:20px;}

.submenus .title .others:before{content:'The others'}
.quick .products .mobile-title::before {content: "All-Products"; color: #fff; padding: 30px 30px 0 30px; display: block;}

.quick .selector .product > p:before{content:'Products and Solutions'}
.quick .selector .q:before{content:'Consultation inquiry '}
.quick .selector .chat:before{content:'Chatbot '}

.footer .copyright .legal .copy span.tel:before{content:'Phone : '}
.footer .copyright .legal .copy span.fax:before{content:'Fax : '}
.footer .copyright .family .familysite .holder span:before{content:'Affiliates'}

.contents_header .left_div .cnt:before{content:'Total ';}
.contents_header .left_div .cnt:after{content:' cases';}
.contents_header .right_div .search_box:before{content:'Please enter the word to search.';}


.applyResult.contact .text:before{content:'문의해 주셔서 감사합니다.\A빠른 답변을 드리겠습니다.'; white-space: pre;}
.applyResult.contact .msg:before{content:'문의하신 내용이 정상적으로 접수되었습니다.'}
.applyResult.contact + .btn_div > a:before{content:'Go Main'}

.contents_div ul > li .notice p:before{content:'Notice'}
.contents_div ul > li.empty:before{content:'There is no registered data.'}
.contents_div ul > li.search.empty:before{content:"There is no data. please choose another search keyword."}

.apply_info_check:after{content:' application confirmation'}
.applyBtnText:before{content:'Apply'}
.applyCheckBtnText:before{content:'Check your application'}

.applyStatusText.ing:before{content:'Accepting now'}
.applyStatusText.ready:before{content:'Preparing'}
.applyStatusText.end:before{content:'Closed'}
.applyStatusText.close:before{content:'Ended'}

.listBtn:before{content:'List'}

.next_table th.prev p:before{content:'Previous article'}
.next_table th.next p:before{content:'Next article'}


#nttCn .map dl dt{width:210px}
#nttCn .map dl dd{width: calc(100% - 210px);}

.newsletter .subscribe:before{content:"Subscribe to DONGHOON Itech's newsletter."}
.newsletter .previousNews:before{content:'View previous newspapers'}
.newsletter .sendInfo01 > span{display:none;}
.newsletter .sendInfo01:before{content:"We will send you news of DONGHOON Itech's new activities and useful information to your e-mail address."}
.newsletter .sendInfo02:before{content:"If you agree to the collection and use of personal information for mailing, please enter your email address and click ‘Subscribe’."}

.newsletter .sendInfo02{margin-top:5px;line-height:1.5}
@media (max-width: 750px){
	.next_table th.prev p, .next_table th.next p{width:120px;}
	.next_table td a{padding:0px 20px;display:block}
	#section03 ul li h2{font-size:15px !important}
}
@media (max-width: 501px){
	.board_detail > table > tbody > tr > th{width:auto}
	.next_table th.next p, .next_table th.prev p{width:auto;padding-left:0px;padding-right: 25px;}
	.next_table td a{padding:0px}
	#section03 ul li{padding:0px  !important}
	
	#nttCn .map dl dd{width:100%}
	
}
@media (max-width: 350px){
	#section03 ul li h2{font-size:13px !important;word-break: break-all;}
	#section04 .ment h2{font-size:24px !important}
}