@charset "UTF-8";

.footer * {font-family: 'Noto Sans KR', sans-serif;}
.location * {font-family: 'Noto Sans KR', sans-serif;}
.contents * {font-family: 'Noto Sans KR', sans-serif;}
.visual h2{font-family: "NanumSquare";}
.sub .visual .ment h1{font-family: 'NanumSquare', sans-serif;}

#nttCn h1 {font-size: 46px;font-family: "NanumSquare";}
#nttCn .title {font-size: 46px;line-height:60px;font-family:"NanumSquare";font-weight:lighter}
#nttCn strong{font-weight:500}
#nttCn .strong{font-weight:500}
#nttCn h2 {font-size: 22px; font-weight: normal; margin-top: 20px; margin-bottom: 40px;font-family: "Titillium Web", "NanumSquare";}

.highlighter{background: linear-gradient(to top, #e5e6ed 30%, transparent 30%);}
.highlighter02{background: linear-gradient(to top, #9a999f 30%, transparent 30%);}
.placeholder.on{background:#fff !important}

.fs24{font-size:24px;line-height:36px}
.fs20{font-size:20px;line-height:26px}

#nttCn .in{margin-top:60px;}
#nttCn h1 + p{margin-top:20px}
#nttCn .in dl{padding-left:320px;position:relative;}
#nttCn .in dl:first-child{padding-top:170px;}
/* #nttCn .in dl > dt{font-family: "NanumSquare";line-height:44px;position:absolute;top:0px;left:0px;padding-top:40px;font-size:30px;color:#010101;width:320px}
#nttCn .in dl > dd{background:#fff;padding:40px;padding-right:0px;font-size:16px;color:#555;line-height:30px} */
#nttCn .in dl{clear:both;padding-left:0px}
#nttCn .in dl:after{content:'';display:block;clear:both}
#nttCn .in dl > dt{font-family: "NanumSquare";line-height:44px;float:left;;top:0px;left:0px;padding-top:40px;font-size:30px;color:#010101;width:320px}
#nttCn .in dl > dd{background:#fff;padding:40px;padding-right:0px;font-size:16px;color:#555;line-height:30px;float:left;width:1080px}




#nttCn .in dl > dd p + p{margin-top:15px}
#nttCn .in dl + dl{margin-top:30px}
#nttCn .in dl ul{margin-top:30px}
#nttCn .in dl ul li:first-child{width:360px;}
#nttCn .in dl ul li{float:left;width:calc(100% - 360px)}
#nttCn .in dl ul:after{content:'';display:block;clear:both}
#nttCn .in .img_div{margin-top:30px}

#nttCn .history{margin-top:-5px;padding-bottom:30px}
#nttCn .history ul{width:calc(100% + 40px);margin-bottom:100px;}
#nttCn .history ul li{float:left;width:calc(33.3% - 40px);height:180px;margin-right:40px;position:relative}
#nttCn .history ul li a{display:inline-block;font-family: "NanumSquare";color:#fff;font-size:46px;line-height:50px;position:absolute;top:0px;left:0px;width:100%;height:100%;padding:25px 40px}

#nttCn .history ul:after{content:'';display:block;clear:both}
#nttCn .history ul li:nth-child(1){background:url(/images/sub/history/history01.png) no-repeat center center;}
#nttCn .history ul li:nth-child(2){background:url(/images/sub/history/history02.png) no-repeat center center}
#nttCn .history ul li:nth-child(3){background:url(/images/sub/history/history03.png) no-repeat center center}
#nttCn .history dl{margin-left:360px;padding-left:240px;position:relative;min-height:40px;}
#nttCn .history dl + dl{margin-top:40px}
#nttCn .history dl dt{line-height:1;position:absolute;left:0px;font-size:60px;font-family:"NanumSquare";color:#aaa;font-weight:bold;transition: all 0.3s ease;line-height: 50px;}
#nttCn .history dl.on dt{color:#393f77}
#nttCn .history dl dd{position:relative;}
#nttCn .history dl dd p{min-height:42px;line-height:1.3;font-size:18px;color:#222222;padding-left:70px;position:relative;word-break: break-all;}
#nttCn .history dl dd p .mon{color:#393f77;font-weight:bold;position:absolute;left:0px;top:50%;transform: translateY(-50%);width:60px;text-align:center}
#nttCn .history dl dd p{ display:flex;padding-left:20px; align-items:center; min-height:50px;border-left:solid 1px #e0e0e0; margin-top:10px; padding-left:70px;line-height:28px;}
#nttCn .history dl dd p:first-child{margin-top:0px}




#nttCn h1.normal{font-weight:normal;line-height:1.3}
#nttCn h1 span{position:relative;font-weight:bold}
#nttCn h3{margin-top:40px;font-size:36px;}
#nttCn .partner ul{width:calc(100% + 40px);margin-left:-40px;margin-top:20px}
#nttCn .partner ul li{float:left;display:block;width:calc(25% - 40px);margin-left:40px;border-top:1px solid #e2e2e2}
#nttCn .partner ul:after{content:'';display:block;clear:both}

/** 계열사 */
#nttCn .affiliate{margin-top:50px}
#nttCn .affiliate ul{width:calc(100% + 40px);margin-left:-40px;margin-top:20px}
#nttCn .affiliate ul li{float:left;width:calc(33% - 40px);margin-left:40px}
#nttCn .affiliate ul li{display:block;margin-bottom:50px;}
#nttCn .affiliate ul li:nth-child(4){clear:both;display:block}
#nttCn .affiliate ul li .img{border:1px solid #ddd;height:225px;position:relative;overflow:hidden}
#nttCn .affiliate ul li .img a{display:block;width:100%;height:100%}
#nttCn .affiliate ul li .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#nttCn .affiliate ul li .info_text{margin-top:30px;}
#nttCn .affiliate ul li .info_text .title{font-size:24px;color:#000;font-weight:500;padding-top:10px;position:relative;line-height:40px}
#nttCn .affiliate ul li .info_text .title:before{content:'';display:block;width:16px;height:2px;background:#666;position:absolute;top:0px;left:0px}
#nttCn .affiliate ul li .info_text .text span{display:block;font-size:16px;color:#555;line-height:26px;padding-left:10px;position:relative;margin-bottom:10px;}
#nttCn .affiliate ul li .info_text .text span:before{content:'';display:block;width:4px;height:1px;background:#555555;position:absolute;top:14px;left:0px}
#nttCn .affiliate ul:after{content:'';display:block;clear:both}

/**  푸터 공통 */
#nttCn .common > p{font-size:16px;line-height:1.5;color:#666;font-weight:400}
#nttCn .common table{width:100%;border-top:1px solid #e2e2e2;margin-top:10px}
#nttCn .common table th{background:#fafafa;padding:10px 20px;width:30%;text-align:left;font-size:16px;color:#666666;border-bottom:1px solid #e2e2e2;font-weight:400}
#nttCn .common table td{padding:10px 20px;width:70%;border-bottom:1px solid #e2e2e2;font-weight:400}
#nttCn .common .orange{color:#ff5a00;margin-top:10px;display:block}
#nttCn .common .fs20{color:#000;font-size:20px;font-weight:400}
#nttCn .common .fs24{color:#222;font-size:24px;font-weight:400}
#nttCn .common ul.m20{margin:20px 0px}
#nttCn .common ul{margin-top:5px}
#nttCn .common ul li{position:relative;color:#666;line-height:1.5;font-size:16px;font-weight:400}
#nttCn .common ul li + li{margin-top:5px}
#nttCn .common ul.dot li{position:relative;padding-left:20px;}
#nttCn .common ul.dot li:before{content:'';width:3px;height:3px;display:block;border-radius:100%;position:absolute;left:10px;top:11px;background:#666}
#nttCn .common .black{color:#000;font-weight:300}
#nttCn .common .tit{margin-bottom:20px;color:#000;margin-top:40px;font-weight:300}
#nttCn .common .stit{margin-top:20px;margin-bottom:10px;color:#000;font-weight:300}



/**  이메일무단수집거부 */
#nttCn .common.email{padding-top:210px;background:url(/images/sub/icon_mail.png) center 0px no-repeat}

/** 회사소개 */
#nttCn .company{position:relative;min-height: 460px;}
#nttCn .company .title{font-size:30px;width:670px;height:460px;line-height:1.5;color:#fff;position:relative;width: 50%;margin-right: 50%;width: calc(50% + 20px);background: #3c3e66;}
#nttCn .company .title p{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:86%}
#nttCn .company .title span{font-size:42px;}
#nttCn .company .title .highlighter{background: linear-gradient(to top, #393f77 30%, transparent 30%);}
#nttCn .company .company_bg{background:url(/images/sub/com/bg_com_new.png) center center no-repeat;position: absolute;z-index:-1; top: -10px;left: 0px;width: 100%;height:510px;color:#fff}
#nttCn .company .com_info{margin-top:85px}
#nttCn .company .com_info >div{width:50%;float:left}
#nttCn .company .com_info:after{content:'';display:block;clear:both}
#nttCn .company .com_info dt{font-size:18px;color:#555;float:left;width:107px;padding-top:8px;padding-bottom:26px;position:relative;clear:both}
#nttCn .company .com_info dt:before{content:'';display:block;width:12px;height:1px;background:#666666;position:absolute;top:0px;left:0px}
#nttCn .company .com_info dd{font-size:18px;color:#010101;float:left;width:calc(100% - 107px);padding-top:8px;padding-bottom:26px}
#nttCn .company .com_info dd > div{display:inline-block;margin-right:30px;}
#nttCn .company .com_info dd > div + div{margin-right:0px;}
#nttCn .company .com_info dd > div > p{font-size: 56px;color: #666;line-height: 60px;font-weight: bold;}
#nttCn .company .com_info dd > p{font-size:16px;color:#666;margin-top:20px}
#nttCn .company .com_info dd > a{margin-top:37px;display:inline-block;border:1px solid #cbcbcb;border-radius:5px;padding:12px 18px;color:#000;line-height:28px}


#nttCn .company .com_info .right{padding-left:20px;font-size:18px;color:#555;line-height:32px}
#nttCn .company .com_info .right .big{margin-top:-8px;color:#000;font-size: 36px;display: block;line-height: 48px;margin-bottom:7px;}

/** 비전 */
#nttCn .vision .title{font-size:60px;font-weight:bold;text-align:center;}
#nttCn .vision .title + p{font-size:24px;;color:#222;text-align:center;line-height:34px;margin:0 auto;margin-top:45px;margin-bottom:75px;}
#nttCn .vision .title > span{color:#393f77}
#nttCn .vision ul{margin-bottom:140px;}
#nttCn .vision ul li{width:calc(33.3% - 40px);margin-left:40px;height:270px;float:left;position:relative}
#nttCn .vision ul li >span{font-size:24px;color:#fff;width: 100%;text-align: center;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);padding-top:115px;}
#nttCn .vision ul li >span:before{content:'';display:block;position:absolute;top:0px;width:100%;height:102px}
#nttCn .vision ul li.bg01 >span:before{background:url(/images/sub/vision/img_vision01.png) center 0px no-repeat}
#nttCn .vision ul li.bg02 >span:before{background:url(/images/sub/vision/img_vision02.png) center 0px no-repeat}
#nttCn .vision ul li.bg03 >span:before{background:url(/images/sub/vision/img_vision03.png) center 0px no-repeat}
#nttCn .vision ul:after{content:'';clear:both;display:block}
#nttCn .vision ul li:first-child{margin-left:0px}
#nttCn .vision .bg01{background:url(/images/sub/vision/bg_vision01.png) center center no-repeat;}
#nttCn .vision .bg02{background:url(/images/sub/vision/bg_vision02.png) center center no-repeat;}
#nttCn .vision .bg03{background:url(/images/sub/vision/bg_vision03.png) center center no-repeat;}
#nttCn .vision dl{width:50%;float:left;padding-left:200px;position:relative;}
#nttCn .vision dl:nth-child(1), #nttCn .vision dl:nth-child(2){margin-bottom:95px}
#nttCn .vision dl dt{font-size:30px;font-weight:bold;margin-bottom:20px;margin-top:-14px}
#nttCn .vision dl dd{font-size:18px;color:#333;line-height:30px}
#nttCn .vision dl:nth-child(1){background:url(/images/sub/vision/icon_vision01.png) 80px 0px no-repeat;padding-right:40px;}
#nttCn .vision dl:nth-child(2){background:url(/images/sub/vision/icon_vision02.png) 80px 0px no-repeat}
#nttCn .vision dl:nth-child(3){background:url(/images/sub/vision/icon_vision03.png) 80px 0px no-repeat;padding-right:40px;content:'';display:block;clear:both}
#nttCn .vision dl:nth-child(4){background:url(/images/sub/vision/icon_vision04.png) 80px 0px no-repeat}
#nttCn .vision dl dt > .no{position:absolute;left:0px;top:0px;font-size:26px;color:#000;padding-top:10px;font-weight: normal;font-family: "Titillium Web", "NanumSquare";}
#nttCn .vision dl dt > .no:before{content:'';display:block;position:absolute;top:0px;left:0px;background:#666;height:2px;width:26px;}
#nttCn .vision:after{content:'';clear:both;display:block}
#nttCn .org{margin-top:120px}
#nttCn .org .title{font-family: "NanumSquare";font-size:46px;font-weight:bold}
#nttCn .org p{font-size:18px;margin-top:10px;font-weight:100;}
#nttCn .org p:after{content:'';display:block;clear:both}
#nttCn .org p span{position:relative;float: left;}
#nttCn .org p span + span{padding-left:20px}
#nttCn .org p span + span:before{content: '';display: block;position: absolute;left: 10px;top: 6px;height: 16px;width: 1px;background: #222;}
#nttCn .org img{margin-top:40px}
#nttCn .org img.pc{display:block}
#nttCn .org img.mo{display:none}

#nttCn .map iframe{width:100%;height:495px;margin-bottom:50px}
#nttCn .map dl{margin-bottom:35px}
#nttCn .map dl:last-child{margin-bottom:0px}
#nttCn .map dl dt{width:160px;float:left;color:#000;font-size:16px;font-weight:bold;height: 25px;padding-left: 40px;}
#nttCn .map dl dt.address{background:url(/images/sub/map/icon_address.png) 0px center no-repeat}
#nttCn .map dl dt.tel{background:url(/images/sub/map/icon_tel.png) 0px center no-repeat}
#nttCn .map dl dt.fax{background:url(/images/sub/map/icon_fax.png) 0px center no-repeat}
#nttCn .map dl dt.email{background:url(/images/sub/map/icon_email.png) 0px center no-repeat}
#nttCn .map dl:after{content:'';display:block;clear:both;}
#nttCn .map dl dd{width:calc(100% - 160px);float:left;color:#333;font-size:16px;}

#nttCn .hr .area + .area{margin-top:70px}

#nttCn .hr .area .category{color:#393f77;font-size:24px}
#nttCn .hr .area .title{font-size:48px;line-height:68px;font-weight:bold;word-break: inherit;}
#nttCn .hr .area .title span{color:#0a4184}
#nttCn .hr .area .title + p{margin-top:5px}
#nttCn .hr .area01 ul{margin-left:360px;margin-top:50px;}
#nttCn .hr .area01 ul li{width:calc(33.3% - 40px);margin-left:40px;float:left}
#nttCn .hr .area01 ul:after{content:'';clear:both;display:block}
#nttCn .hr .area01 ul li:first-child{margin-left:0px}
#nttCn .hr .area01 ul li .tit{padding:30px;color:#fff;height:136px;width:100%;display:block;font-size:24px;}
#nttCn .hr .area01 ul li .text{display:block;padding-top:25px;font-size:16px;line-height:24px;color:#333}
#nttCn .hr .area01 .info{position:relative}
#nttCn .hr .area01 .info a{background:#393f77;width:155px;height:60px;line-height:60px;color:#fff;text-align:center;display:block;border-radius:5px;position:absolute;top:0px;left:0px}

#nttCn .hr .area01 ul li:nth-child(1) .tit{background:url(/images/sub/hr/bg_hr01.png) center center no-repeat;background-size:cover}
#nttCn .hr .area01 ul li:nth-child(2) .tit{background:url(/images/sub/hr/bg_hr02.png) center center no-repeat;background-size:cover}
#nttCn .hr .area01 ul li:nth-child(3) .tit{background:url(/images/sub/hr/bg_hr03.png) center center no-repeat;background-size:cover}

#nttCn .hr .area02:after{content:'';display:block;clear:both}
#nttCn .hr .area02 ul{margin-top:60px;width:1080px;float:right}
#nttCn .hr .area02 ul li{width:320px;height:310px;margin-left:40px;float:left;font-size:24px;text-align:center}
#nttCn .hr .area02 ul li dt{font-size:24px;color:#000;padding-bottom:10px}
#nttCn .hr .area02 ul li dd{font-size:16px;color:#555;text-align:left;position:relative;padding-left:20px;max-width:200px;width:100%;margin:0 auto;margin-top:5px;}
#nttCn .hr .area02 ul li dd:before{content:'-';position:absolute;left:0px}
#nttCn .hr .area02 ul li dt:before{content:'';display:block;width:100px;height:100px;margin: 0 auto;margin-bottom: 20px;}
#nttCn .hr .area02 ul li:nth-child(1) dt:before{background:url(/images/sub/hr/img01.png) center center no-repeat;}
#nttCn .hr .area02 ul li:nth-child(2) dt:before{background:url(/images/sub/hr/img02.png) center center no-repeat;}
#nttCn .hr .area02 ul li:nth-child(3) dt:before{background:url(/images/sub/hr/img03.png) center center no-repeat;}
#nttCn .hr .area02 ul li:nth-child(4) dt:before{background:url(/images/sub/hr/img04.png) center center no-repeat}
#nttCn .hr .area02 ul li:nth-child(5) dt:before{background:url(/images/sub/hr/img05.png) center center no-repeat}
#nttCn .hr .area02 ul li:nth-child(6) dt:before{background:url(/images/sub/hr/img06.png) center center no-repeat}
#nttCn .hr .area02 ul li:nth-child(7) dt:before{background:url(/images/sub/hr/img07.png) center center no-repeat}
#nttCn .hr .area02 ul li:nth-child(8) dt:before{background:url(/images/sub/hr/img08.png) center center no-repeat}
#nttCn .hr .area02 ul li:nth-child(9) dt:before{background:url(/images/sub/hr/img09.png) center center no-repeat}
#nttCn .hr .area02 ul li:nth-child(10) dt:before{background:url(/images/sub/hr/img10.png) center center no-repeat}

#nttCn .hr .area02 ul:after{content:'';clear:both;display:block}

#nttCn .contact .contact_list{text-aling:center;padding-top:60px}
#nttCn .contact dl{display:inline-block;width:33%;text-align:center}
#nttCn .contact dt p{font-size:24px;color:#333;padding:15px 0px;font-weight:500}
#nttCn .contact dd {font-size:18px;color:#333}
#nttCn .contact:after{content:'';display:block;clear:both}

.paging{text-align:center;font-size:0px;padding-bottom:50px;}
.paging a{vertical-align:middle;height:50px;width:50px;font-size:16px;color:#333333;display:block;display:inline-block;line-height:50px;text-align:center;border-radius: 6px;border:1px solid #ccc}
.paging a + a{margin-left:10px}
.paging a.active{background:#333;color:#fff}
.paging a.prev{background:url(/images/icon/page-prev.png) center center no-repeat}
.paging a.first{background:url(/images/icon/page-first.png) center center no-repeat}
.paging a.last{background:url(/images/icon/page-last.png) center center no-repeat}
.paging a.next{background:url(/images/icon/page-next.png) center center no-repeat}
.paging .pc{display:inline-block;vertical-align:middle;margin:0px 10px}
.paging .mo{display:none}

@media (max-width: 1400px) {

	.sub .contents{padding-right:85px}
	
	#nttCn .in dl{padding-left:0px}
	#nttCn .in dl > dd{padding-left:0px;width:100%}
	#nttCn .in dl > dt{position:relative;width:100%;}

	#nttCn h1{font-size:40px}
	#nttCn .in{margin-top:40px}
	
	#nttCn .in .img_div img{width:100%}

	/**사업분야**/
	.erd #nttCn .in dl ul li:first-child{width:100%;margin-bottom:20px}
	#nttCn .in dl ul li{width:100%}

	#nttCn .vision ul li{width: calc(33.3% - 15px);margin-left:20px;height:240px}
	#nttCn .history dl{margin-left:10%}
	
	#nttCn .affiliate ul li{height:auto}
	#nttCn .affiliate ul li:nth-child(3n+1){clear:both}
	#nttCn .affiliate ul li .img img{max-width:calc(100% - 10px)}
	#nttCn .affiliate ul li .img{height:200px}
	
	
	#nttCn .hr .area02 ul{width:100%}
}
@media (max-width: 1200px) {

	#nttCn .vision ul{margin-bottom:75px}
	#nttCn .vision dl{width:100%;padding-top:60px;padding-left:65px;background-size:50px !important;background-position-x:65px !important;}
	#nttCn .vision dl dt > .no{padding-top:10px;font-weight:normal}
	#nttCn .vision dl dt{font-size:22px;margin-bottom:5px;margin-top:0px}	
	#nttCn .vision dl dd{font-size:16px;line-height:1.6}
	#nttCn .vision dl{margin-bottom:35px !important}
	#nttCn .vision dl{margin-bottom:50px !important}
	#nttCn .org{margin-top:75px}
	#nttCn .org .title{font-size:30px}
	
	#nttCn .partner ul li img{max-width:100%}
	
	#nttCn .hr .area01 ul{width:100%;margin-left:0px}
	#nttCn .hr .area01 ul li{width: calc(33.3% - 16px);margin-left: 24px;float: left;}
	#nttCn .hr .area02 ul{margin-left:-40px;width:calc(100% + 40px)}
	#nttCn .hr .area02 ul li{width:calc(33.3% - 40px)}
}
@media (max-width: 1080px) {
	#nttCn .company{min-height:auto}	
	#nttCn .company .title p{position:relative;position: relative;transform: none; top: 0px;left: 0px;width:100%}
	#nttCn .company .title{padding:0px;width:100%;color:#000;height:auto;background:none}
	#nttCn .company .company_bg{position: relative;margin-top: 20px;height: 300px;background-size: cover;top:0px}
	#nttCn .company .com_info >div{float:none;width:100%}
	#nttCn .company .com_info >div:after{content:'';display:block;clear:both}
	#nttCn .company .com_info .right{padding-left:0px;padding-top:50px}
	
	#nttCn .company .title{font-size:23px;line-height:32px}
	#nttCn .company .title >span{font-size:35px;line-height:40px;word-break: break-all;}
	#nttCn .company .title .highlighter{background: linear-gradient(to top, #e5e6ed 30%, transparent 30%);}
	#nttCn .company .title .highlighter02{background: linear-gradient(to top, #e5e6ed 30%, transparent 30%); word-break:break-all;}
	#nttCn .company .company_bg{background-position: 80%;}
	
	#nttCn .history dl dt{width:230px}
	#nttCn .history ul{margin-bottom:60px}
	#nttCn .history ul li a{font-size:35px;line-height:1.2}
	#nttCn .history ul li{height:150px}
	
	#nttCn .vision .title{font-size:40px}
	#nttCn .vision .title + p{font-size:20px;margin-top:25px;margin-bottom:45px}
	
	#nttCn h1{font-size:35px}
	#nttCn h3{font-size:32px;margin-top:25px}
	.contact #nttCn .title{font-size:35px;line-height:1.3}
	#nttCn .hr .area .title{font-size:35px;line-height:1.3}
	
	
	#nttCn .affiliate ul li .info_text .title{font-size:20px;line-height:1.3;padding-top:10px;}
	#nttCn .contact .contact_list{text-align:center}
	#nttCn .contact dl{width:30%;display:inline-block;vertical-align: top;}
	#nttCn .contact dl dt img{width:50%}
	#nttCn .contact dd{word-break: break-all;}
	
	#nttCn .affiliate ul li .info_text .title{margin-bottom:10px}
	
}
@media (max-width: 800px) {
	
	#nttCn .history dl{margin-left:0px;padding-left:150px}
	#nttCn .history dl dt{padding-left:0px;width:150px;font-size:40px}
	#nttCn .history dl dd p{line-height:1.5}
	#nttCn .history ul li a{font-size:32px;line-height:1.2;padding:20px}
	#nttCn .history ul{width: calc(100% + 20px);}
	#nttCn .history ul li{height:130px;margin-right:20px;width: calc(33.3% - 20px);}
	
	
	#nttCn .vision ul li >span{font-size:20px}
	#nttCn .affiliate ul li{width:calc(50% - 40px)}
	#nttCn .affiliate ul li:nth-child(3n+1){clear: unset}
	#nttCn .affiliate ul li:nth-child(2n+1){clear: both}
	
	.paging a{width:30px;height:30px;line-height:30px;font-size:13px}

}
@media (max-width: 610px) {
	.sub .contents{padding-right:20px}
	#nttCn .company .com_info{margin-top:30px}
	
	#nttCn .vision ul li{height:180px;width:100%;margin:0px;margin-bottom:10px}
	#nttCn .vision ul li span{font-size:19px;line-height:1.2;padding-top:85px;}
	#nttCn .vision ul li >span:before{background-size:50px !important;height:75px  !important;}
	
	#nttCn .partner ul li{width:calc(33% - 40px)}
	
	#nttCn .affiliate ul li .img{height:150px}
	
	#nttCn .hr .area02 ul{width:calc(100% + 20px);margin-left:-20px}
	#nttCn .hr .area02 ul li{width:calc(50% - 20px);margin-left:20px}
}


@media (max-width: 501px) {
	#nttCn .hr{padding:0px 30px}	
	#nttCn .hr .area .category{font-size:18px;padding-bottom:10px}
	#nttCn .hr .area .title{font-size:30px;line-height:40px;padding-bottom:20px}
	#nttCn .hr .area p{font-size:16px}
	#nttCn .hr .area01 ul{margin-top:30px;margin-left:0px}
	#nttCn .hr .area01 ul li{width:100%;margin:0px;margin-bottom:30px}
	#nttCn .hr .area01 .info a{position:relative;width:100%}
	
	#nttCn .hr .area02 ul{margin:0px;width:100%;float:none}
	#nttCn .hr .area02 ul li{width:50%;padding:0px;margin:0px;font-size:18px;height:auto}
	#nttCn .hr .area02 ul li:nth-child(2n + 1){content:'';clear:both;display:block}
	#nttCn .hr .area02 ul li dd{width:100%}
	#nttCn .hr .area02 ul li:nth-child(1) dt{margin-top:0px}
	#nttCn .hr .area02 ul li:nth-child(2) dt{margin-top:0px}
	#nttCn .hr .area02 ul li dt{margin-top:20px;font-size:18px}
	#nttCn .hr .area02 ul li dd{font-size:15px}
	#nttCn .hr .area + .area{margin-top:40px}
	
	#nttCn .common{padding:0px 30px}	
	#nttCn .common{font-size:14px;}
	#nttCn .common p{font-size:14px;}
	#nttCn .common table th, #nttCn .common table td{font-size:14px;font-weight:normal}
	#nttCn .common.email{padding-top:120px;background:url(/images/sub/icon_mail.png) center 0px no-repeat;background-size:100px}
	
	#nttCn .company .title{padding:0px 30px;width:100%;font-size:23px;line-height:32px}
	#nttCn .company .title >span{font-size:35px;line-height:40px;word-break: break-all;}
	#nttCn .company .company_bg{position:relative;width:calc(100% - 60px);margin:0 auto;margin-top:30px;height: 230px;}
	#nttCn .company .com_info{margin-top:0px}
	#nttCn .company .com_info >div{width:100%;padding:0px;padding:30px !important}
	#nttCn .company .com_info >div.right{padding-top:0px !important;font-size:16px;line-height:30px}
	#nttCn .company .com_info dt{padding-top:5px}
	#nttCn .company .com_info dd{padding-top:5px}
	#nttCn .company .com_info dd > div{width:100%}
	#nttCn .company .com_info dd > div + div{margin-left:0px}
	#nttCn .company .com_info .right .big{font-size:25px;line-height:1.3}
	
	#nttCn .vision{padding:0px 30px}
	#nttCn .vision .title{font-size:35px;}
	#nttCn .vision .title + p{font-size:15px;line-height:25px;margin:30px 0px}
	#nttCn .vision ul{margin-bottom:40px}
	#nttCn .vision ul li{height:180px;width:100%;margin:0px;margin-bottom:10px}
	#nttCn .vision ul li span{font-size:17px;line-height:1.2;padding-top:85px;}
	#nttCn .vision ul li >span:before{background-size:50px !important;height:75px  !important;}
	#nttCn .vision dl{width:100%;padding-top:60px;padding-left:65px;background-size:50px !important;background-position-x:65px !important;}
	#nttCn .vision dl dt > .no{padding-top:10px;font-weight:normal}
	#nttCn .vision dl{margin-bottom:35px !important}
	#nttCn .vision dl:last-child{margin-bottom:0px !important}
	
	#nttCn .history ul li{height:110px;margin-right:15px;width:calc(33.3% - 15px)}
	
	#nttCn .history ul{margin-bottom:30px;width: calc(100% + 90px);margin-left: -40px;}
	#nttCn .history ul li a{font-size:23px;line-height:1.2;}
	
	#nttCn .map{padding:0px 30px}
	#nttCn .map iframe{width:100%;height:300px;margin-bottom:30px}
	#nttCn .map dl dt{font-size:15px;width:120px;padding-left:30px}
	#nttCn .map dl dd{font-size:15px;width:calc(100% - 120px);word-break: break-all;}
	
	
	.paging a{width:45px;height:45px;line-height:45px;}
	.paging .pc{display:none}
	.paging .mo{display:inline-block;padding:0px 30px;vertical-align: middle;}
	.paging .mo p{font-size:18px;display:inline-block;line-height:45px;color:#888;}
	.paging .mo p span{color:#000}
	
}


@media (max-width: 501px) {
	.visual .ment{width:100%;padding-top:65px;}
	.sub .contents{padding:60px 0px}	
	
	#nttCn .history{padding:0px 30px;}
	#nttCn .history dl{padding-left:100px}
	#nttCn .history dl:before{left:0px;top:0px}
	#nttCn .history dl dt{font-size:34px;min-width:100px;padding:0px;padding-top:20px;}
	#nttCn .history dl dd{font-size:15px;width:100%;padding-top:20px;padding-left:0px}
	#nttCn .history dl dd:before{top:0px;left:0px}
	#nttCn .history dl dd p{line-height:1.5;font-size:15px;}
	
	#nttCn .in{margin-top:30px;background-size:200% !important}
	#nttCn h1{font-size:30px;margin:0px 30px}
	#nttCn .in dl{margin:0px 15px}
	#nttCn .in dl{padding:0px}
	#nttCn .in dl > dt{font-size:26px;position: relative;width: 100%;padding:0px 15px}
	#nttCn .in dl > dd{padding:20px;line-height:25px}
	#nttCn .in dl > dd img{max-width:100%}
	#nttCn .in dl:first-child{padding-top:90px;}
	#nttCn .in dl{font-size:15px;}
	#nttCn .in dl ul li{width:100%;float:left}
	#nttCn .in dl ul li:first-child{width:100%;margin-bottom:10px}
	
	#nttCn h3{font-size:25px;}
	#nttCn .partner{margin:30px}
	#nttCn .partner ul{margin-left:0px;width:100%}
	#nttCn .partner ul li{margin-left: 0px;width: calc(50% - 15px);position: relative;overflow: hidden;height: 85px;;}
    #nttCn .partner ul li img{width: 156%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
	#nttCn .partner ul li:nth-child(2n){margin-left:30px}
	#nttCn .partner ul li img{width:100%}
	
	#nttCn .affiliate{margin-top:50px;margin:30px}
	#nttCn .affiliate ul{width:100%;margin-left:0px}
	#nttCn .affiliate ul li{height:auto;width:100%;margin-left:0px}
	#nttCn .affiliate ul li .img{height:150px}
	#nttCn .affiliate ul li .img img{width:80%}
	
	#nttCn h1 {font-size: 28px;}
	#nttCn h2 {font-size: 16px; font-weight: normal; margin-top: 20px; margin-bottom: 40px;}
   
	.fs24{font-size:18px;line-height:1.5}
	.fs20{font-size:16px;line-height:1.5}
	#nttCn .common .fs20{color:#000;font-size:16px;line-height:1.5}
	#nttCn .common .fs24{color:#222;font-size:18px;line-height:1.5}
	
	#nttCn .contact{margin:0px 30px}
	#nttCn .contact .title{font-size:30px;line-height:40px}
	#nttCn .contact .title + p{margin-top:10px}
	#nttCn .contact p{font-size:18px}
	#nttCn .contact dl{width:100%;margin-top:30px}
	#nttCn .contact dl:first-child{margin-top:0px}
	#nttCn .contact dl dt img{width:50%}
	
	#nttCn .vision .title + p{text-align:left}
	#nttCn .org{padding:0px 30px}
	#nttCn .org img.pc{display:none}
	#nttCn .org img.mo{display:block;width:100%}
	#nttCn .org p span{display:block;padding-left:0px;float: none;}
	#nttCn .org p span + span{padding-left:0px}
	#nttCn .org p span + span:before{display:none}
}

@media (max-width: 360px) {
	.paging a{width:35px;height:35px;line-height:35px;}
	.paging a + a{margin-left:5px}
	.paging .mo{padding:0px 15px;}
}

.hr_pop_up_btn {
    display: inline-block;
    background: #666;
    color: #fff;
    border-radius: 5px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    width: auto;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
    margin-right: 1px;
}

.hr_approval_btn {
    background: #393f77;
    color: #fff;
    border-radius: 5px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    width: auto;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
    margin-right: 1px;
	float: right;
}

.hide_btn{
	display: none;
}