@media screen and (max-height: 880px){
	#main-pop .Mpop-cont{max-height: calc(100vh - 188px);}
}

@media screen and (max-width: 1665px){
	#header > .header-right{right: 20px;}
	.header-cent > .callme-btn{right: 160px;}
}

@media screen and (max-width: 1024px){
	.width-auto{width: calc(100% - 20px);}
	#header > .header-right{left: 50%;right: auto;margin-left: -73px;}
	#header .ang-english{display: none;}
	.header-cent > .logo{position: static;margin: 0;}
	.header-cent > .callme-btn{display: none;}
	.mob-top,
	.menu-open,
	.menu-close{display: block;}
	.header-menu{position: fixed;top: 0;left: -120%;z-index: 100;width: 340px;height: 100%;float: none;padding: 0 40px 0 0;display: block;margin: 0;}
	#gnb{background: #fff;height: 100%;overflow-y: auto;}
	#gnb > li{float: none;padding: 0;height: auto;background: #01a4e9;border-bottom: 1px solid #ddd;}
	#gnb > li > a{color: #fff !important;font-size: 20px;padding: 20px;}
	.depth2{position: static;margin-left: 0 !important;width: 100% !important;border-top: 1px solid #ddd;}


	#footer-top{width: calc(100% - 20px);}
	#footer-top > *{float: none;}
	.main-title2{width: auto;text-align: center;padding: 0 0 15px;}
	.main-logo-list{text-align: center;}
	.main-logo-list > ul{margin: 0;}
	.main-logo-list > ul > li{display: inline-block;float: none;margin: 4px 2px;}
	#footer-center{padding: 0 60px;}
	.go-top{right: 0;}
	
	/*main*/
	#main-floor1 .main-slogan1{height: 550px;text-align: center;}
	#main-floor2{margin: 50px 0;padding-bottom: 30px;}
	#main-floor2::after{height: 35%;}
	#main-floor2 .main-title1{text-align: center;}
	#main-floor2 .main-slogan2{float: none;width: auto;margin-top: 0;text-align: center}
	#main-floor2 .main-photo1{float: none;width: 100%;max-width: 770px;margin: 40px auto 0;}
	#main-floor2 .main-photo1 > img{width: auto;}
	.main-title1{margin-bottom: 30px;}
	.main-title1 > span.bg1{display: table;margin: 0 auto 14px;}
	.main-photo-list{width: 100%;max-width: 750px;margin: 0 auto;}
	.main-photo-list > ul > li{width: calc(50% - 20px);}
	.main-serve-list > ul > li{padding: 80px 15px 25px;;text-align: center;background-position: center 20px !important;}
	#main-floor5{height: auto;padding: 50px 0;}
	#main-floor5 h3{float: none;text-align: center;}
	#main-floor5 ul{float: none;width: 100%;max-width: 720px;margin: 40px auto 0;}
	.main-title2{width: auto;text-align: center;padding: 0 0 15px;}
	.main-logo-list{text-align: center;}
	.main-logo-list > ul{margin: 0;}
	.main-logo-list > ul > li{display: inline-block;float: none;margin: 4px 2px;}
	
	/*sub*/
	#sub-menu > div{width: 100%;border: 0;}
	#sub-menu .printing{display: none;}
	.sub1-history-box1 > dl > dd{font-size: 30px;line-height: 36px;}
	.organization-chart > li.li-04{margin: 40px 3% 0;}
	.organization-chart > li.li-05 > ul{margin-left: -20px;}
	.organization-chart > li.li-05 > ul > li{width: calc(20% - 20px);margin-left: 20px;}
	.sub1-icon-list1 > li.big-wid{width: 48%;}
	.sub1-text-list1{background-size: contain;}
	.sub1-text-box1 > ul > li{font-size: 18px;line-height: 28px;}
	.sub2-text-list1{margin: -20px 0 0 -20px;}
	.sub2-text-list1 > li{width: calc(33.33% - 20px);margin: 20px 0 0 20px;}
	.sub2-text-list1 > li > p > span{font-size: 16px;line-height: 22px;}
	.sub2-text-list1 > li > p > span > br{display: none;}
	.sub2-slogan{padding: 30px 25px;background-position: right 25px top 50px !important;}
	.sub2-slogan > ul > li{font-size: 18px;line-height: 24px;}
	.sub2-slogan > ul > li.title{font-size: 40px;line-height: 40px;}
	.sub2-slogan.bg1{padding-right: 324px;}
	.sub2-slogan.bg2{padding-right: 340px;}
	.sub2-slogan.bg3{padding-right: 330px;}
	.sub2-slogan.bg4{padding-right: 330px;}
	.sub2-slogan.sb5-bg1{padding-right: 200px;background-position: right 25px top 30px !important;}
	.sub3-people-list{max-width: 800px;margin: 0 auto;}
	.sub3-people-list > ul{margin: -30px 0 0 -30px;}
	.sub3-people-list > ul > li{width: calc(50% - 30px);margin: 30px 0 0 30px;}
	.sub3-people-list.li2-C{padding: 0;}
	.sub3-people-list.li2-C > ul > li{width: calc(50% - 30px);}
	
	/*pop*/
	#main-pop{margin-left: -375px;width: 750px;}
}

@media screen and (max-width: 768px){
	#footer{padding: 40px 0 80px;}
	#footer-center{padding: 0;margin-top: 45px;}
	.go-top{bottom: -60px;}
	/*main*/
	#main-floor2{padding-bottom: 20px;}
	#main-floor2::after{height: 30%;}
	#main-floor2 .main-photo1{padding-left: 10px;}
	.main-serve-list > ul > li{min-height: 258px;}
	.main-serve-list > ul > li > p > br{display: none;}
	#main-floor5 ul > li > br{display: none;}
	
	/*sub*/
	.sub-menu-box > li{width: calc(50% - 31px);}
	.sub4-box-list1 > li > a{padding: 20px 80px 20px 25px;background-size: 48px 36px;background-position: right 20px center;}
	.sub1-history-box1 > dl > dd > br{display: none;}
	.sub1-history-list1{display: table;}
	.sub1-history-list1 > img{position: static;margin-bottom: 30px;}
	.sub1-history-list1 > ul::before{left: 19px;margin-left: 0;}
	.sub1-history-list1 > ul > li:last-child::after{left: -1px;margin-left: 0;}
	.sub1-history-list1 > ul > li{width: auto !important;padding-left: 30px;margin-left: 20px;}
	.sub1-history-list1 > ul > li.left{text-align: left;padding: 0 0 0 30px;margin: 40px 0 0 20px;}
	.sub1-history-list1 > ul > li.left::before{left: -7px;right: auto;}
	.sub1-history-list1 > ul > li.Wall{padding-left: 30px;margin-left: 20px;overflow: inherit;}
	.sub1-history-list1 > ul > li.Wall::before{left: -7px;margin-left: 0;}
	.sub1-history-list1 > ul > li.Wall > div{float: none;width: 100%;margin-top: 25px;padding: 0 !important;text-align: left !important;}
	.sub1-history-list1 > ul > li.Wall > div:first-child{margin-top: 0;}
	.organization-chart > li > h4{font-size: 18px;line-height: 20px;}
	.organization-chart > li.li-01{height: 50px;}
	.organization-chart > li.li-02, 
	.organization-chart > li.li-03{height: 66px;}
	.organization-chart > li.li-04 > div > h5{height: 44px;font-size: 16px;line-height: 18px;}
	.organization-chart > li.li-05 > ul > li > h5{height: 46px;}
	.organization-chart > li.li-05 > ul > li > h5 > p{font-size: 16px;line-height: 18px;}
	.organization-chart > li.li-05 > ul > li > ul > li{font-size: 14px;padding: 10px 5px;}
	.sub4-view-list > li.title{position: relative;padding: 18px 0 15px;}
	.sub4-view-list > li.title > *{display: block;width: auto !important;}
	.sub4-view-list > li.title > h4{font-size: 24px;line-height: 26px;padding: 12px 0 14px;}
	.sub4-view-list > li.title > .date > p{width: 110px;height: 32px;}
	.sub4-view-list > li.title > .date > p > strong{display: inline-block;font-size: 18px;line-height: 18px;padding-left: 5px;}
	.sub4-view-list > li.title > .name > ul{margin-right: -26px;}
	.sub4-view-list > li.title > .name > ul > li{padding-right: 26px;background-position: right 11px top 4px;}
	.sub4-view-list > li.annex{padding: 10px;}
	.sub4-view-list > li.annex > .bg{width: 115px;font-size: 15px;padding-left: 40px;}
	.sub4-view-list > li.annex > div{padding-left: 20px;}
	.sub4-view-list > li.annex > div > a{font-size: 15px;line-height: 17px;}
	.sub1-text1 > li > p{width: calc(50% - 20px);font-size: 15px;}
	.sb-title2{margin-top: 50px;font-size: 40px;line-height: 42px;}
	.sb-title3 > strong{font-size: 20px;line-height: 20px;padding: 20px;}
	.sub1-icon-list1 > li{width: 48%;}
	.sub1-icon-list1 > li > h4{margin: 15px 0;font-size: 26px;line-height: 26px;}
	.sub1-icon-list1 > li > p{padding: 0 5%;font-size: 15px;}
	.sub1-icon-list1 > li > p > br{display: none;}
	.sub1-text-list1{min-height: auto;padding: 10px 0 50px;}
	.sub1-text-list1 > li > strong{width: 175px;font-size: 18px;line-height: 22px;}
	.sub1-text-list1 > li > p{font-size: 16px;}
	.sb-title4{font-size: 20px !important;line-height: 26px !important;}
	.sub1-text-box1 > ul{padding: 15px 20px;}
	.sub1-text-box1 > ul > li{font-size: 16px;line-height: 26px;}
	.sub1-address > li > p,
	.sub1-address > li > strong{font-size: 16px;line-height: 18px;}
	.sub-tab1{width: 100%;}
	.sub-tab1 > ul > li{width: calc(25% - 1px);}
	.sub-tab1 > ul > li > a{font-size: 16px;}
	.sub2-text-list1 > li{width: calc(50% - 20px);}
	.sb-title5{font-size: 24px;line-height: 26px;}
	.sub2-slogan{height: auto !important;padding: 25px 20px 30px !important;background-position: center top 25px !important;text-align: center;}
	.sub2-slogan.bg1{padding-top: 296px !important;}
	.sub2-slogan.bg2{padding-top: 288px !important;}
	.sub2-slogan.bg3{padding-top: 320px !important;}
	.sub2-slogan.bg4{padding-top: 400px !important;}
	.sub2-slogan.sb5-bg1{padding-top: 218px !important;background-position: center top 25px !important;}
	.sub2-slogan > ul > li{font-size: 16px;line-height: 22px;}
	.sub2-slogan > ul > li.title{font-size: 35px;line-height: 35px;margin-bottom: 15px;}
	
	/*pop*/
	#main-pop{left: 20px;margin-left: 0;width: calc(100% - 40px);}
	#main-pop .Mpop-cont{padding: 60px 20px;}
	#main-pop .Mpop-cont.show1{height: auto;}
	#main-pop .Mpop-inputlist{padding: 25px;}
	#main-pop .Mpop-inputlist > ul > li{padding-left: 0;}
	#main-pop .Mpop-inputlist > ul > li > label{position: static;width: auto;line-height: 15px;margin-bottom: 10px;background: none;}
}

@media screen and (max-width: 600px){
	#header > .header-right{margin-left: -18px;}
	/*main*/
	#main-floor1 .main-slogan1{height: 450px;}
	#main-floor1 .main-slogan1 > ul > li{font-size: 15px;}
	#main-floor1 .main-slogan1 > ul > li.title{font-size: 42px;line-height: 42px;margin-bottom: 15px;}
	.main-photo-list > ul > li > a > ul{padding: 25px 20px 0;}
	.main-serve-list > ul > li{width: 100%;min-height: auto;}
	.main-serve-list > ul > li > p > br{display: block;}
	#main-floor5 h3{font-size: 36px;line-height: 36px;}
	#main-floor5 h3 > p{font-size: 40px;line-height: 40px;margin-top: 10px;}
	
	/*sub*/
	.sub-menu-box > li{height: 50px;width: calc(50% - 26px);}
	.sub-menu-box > li:first-child{width: 52px;}
	.sub-menu-box > li > a{font-size: 16px;padding: 0 40px 0 12px;background-size: 20px 21px !important;background-position: right 12px center !important;}
	.sub-menu-box > li > a::after{left: 12px;}
	.sub-menu-box > li > a.on::after{width: calc(100% - 24px);}
	.sub-menu-box > li > ul{padding: 68px 12px 18px;}
	.sub-menu-box > li > ul > li{margin-top: 10px;}
	.sub-menu-box > li > ul > li > a{font-size: 14px;line-height: 16px;}
	.input-select-box{padding: 25px;}
	.input-select-box > div > *{font-size: 16px;}
	.sub1-history-box1 > dl > dd{font-size: 24px;line-height: 30px;}
	.organization-chart > li:last-child::after{margin-left: -10.5px;}
	.organization-chart > li.li-04{margin: 40px 0 0;}
	.organization-chart > li.li-05{margin: 50px 0 0 20px;}
	.organization-chart > li.li-05 > ul{position: relative;margin-left: 0;}
	.organization-chart > li.li-05 > ul::before{position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #e3e3e3;content:"";}
	.organization-chart > li.li-05 > ul > li{width: 100%;margin: 35px 0 0 0;padding: 0 0 0 65px;background: none;}
	.organization-chart > li.li-05 > ul > li::before{top: 16px;left: 0;}
	.organization-chart > li.li-05 > ul > li:first-child::after{display: none;}
	.organization-chart > li.li-05 > ul > li:last-child::after{top: 24px;left: 0;width: 1px;height: calc(100% - 24px);}
	.organization-chart > li.li-05 > ul > li > h5{position: relative;}
	.organization-chart > li.li-05 > ul > li > h5::before{position: absolute;left: -65px;top: 50%;margin-top: -0.5px;width: 64px;height: 1px;background: #e3e3e3;content:"";}
	
	.sub1-logo{margin: 40px auto;}
	.sub1-text1 > li{margin-top: 30px;}
	.sub1-text1 > li > p{float: none !important;width: 100%;margin-bottom: 15px;}
	.sub1-text1 > li > p:last-child{margin-bottom: 0;}
	.sub1-icon-list1 > li{width: 100% !important;}
	.sub1-text-list1{padding: 0 0 35px;}
	.sub1-text-list1 > li{margin-top: 25px;}
	.sub1-text-list1 > li > *{display: block;}
	.sub1-text-list1 > li > strong{width: auto;margin-bottom: 10px;}
	.sub1-text-list1 > li > strong > br{display: none;}
	.sb-title4{font-size: 18px !important;line-height: 24px !important;}
	.sub1-address > li > strong{width: 80px;}
	.sub-tab1 > ul{padding-bottom: 0;}
	.sub-tab1 > ul > li{width: calc(50% - 1px);}
	.sub-tab1 > ul > li.on::after{display: none;}
	.sub3-people-list{max-width: 350px;}
	.sub3-people-list > ul > li{width: calc(100% - 30px);}
	.sub3-people-list.li2-C > ul > li{width: calc(100% - 45px);}

	/*pop*/
	#main-pop .Mpop-title2{font-size: 20px;line-height: 20px;}
	#main-pop .Mpop-gobtn > ul > li{margin-left: 30px;}
	#main-pop .Mpop-table th,
	#main-pop .Mpop-table td{display: block;border-right: 0;}
	#main-pop .Mpop-sign > dt{font-size: 20px;line-height: 22px;}
}

@media screen and (max-width: 500px){
	#footer-center > dl > dt{font-size: 15px;}
	#footer-center > dl > dd{font-size: 12px;}
	
	/*main*/
	#main-floor1 .main-slogan1{height: 340px;padding-bottom: 20px;}
	#main-floor1 .bx_ban .bx-controls{bottom: 5%;}
	#main-floor2{padding-bottom: 10px;}
	#main-floor2::after{height: 22%;}
	#main-floor2 .main-slogan2 > p{font-size: 15px;}
	.main-title1{font-size: 32px;line-height: 32px;}
	.main-photo-list{max-width: 320px;}
	.main-photo-list > ul > li{width: calc(100% - 20px);}
	.main-photo-list > ul > li > a > ul{padding: 45px 30px 0;}
	#main-floor5 ul{max-width: 230px;}
	#main-floor5 ul > li{width: 100%;height: auto;margin-top: 20px;border-left: 0;border-top: 1px solid rgba(255, 255, 255, 0.5);}
	#main-floor5 ul > li > br{display: block;}
	#main-floor5 ul > li.bg1{padding-top: 74px;background-position: center top;}
	#main-floor5 ul > li.bg2{padding-top: 97px;background-position: center 20px;}
	#main-floor5 ul > li.bg3{padding-top: 76px;background-position: center 20px;}
	
	/*sub*/
	.sb-title1{font-size: 34px;line-height: 34px;}
	.input-select-box{padding: 15px 15px 20px;}
	.input-select-box > div{padding: 0 0 58px 122px;}
	.input-select-box > div > a{right: 50%;margin-right: -47px;height: 38px;line-height: 38px;}
	.paging > a{margin: 10px 5px;}
	.paging > a.img{width: 42px;height: 42px;line-height: 42px;}
	.sub4-box-list1 > li > a > h3{font-size: 18px;line-height: 20px;}
	.sub4-box-list1 > li > a > p.name{font-size: 16px;}
	.sb-title2{font-size: 30px;line-height: 32px;}
	.sub1-text-list1 > li > p{font-size: 15px;}
	.sub1-text-box1 > ul{padding: 10px 15px;}
	.sub1-text-box1 > ul > li{font-size: 15px;line-height: 25px;}
	.sub1-address > li{height: 65px;}
	.sub1-address > li.W50{width: 100%;}
	.sub2-text-list1 > li{width: calc(100% - 20px) !important;}
	
	/*pop*/
	#main-pop .Mpop-cont.show3{padding: 40px 20px 50px;}
	#main-pop .Mpop-title1{font-size: 30px;line-height: 30px;}
	#main-pop .Mpop-title1 > p{margin-top: 16px;font-size: 16px;line-height: 22px;}
	#main-pop .Mpop-gobtn > ul{width: 100%;}
	#main-pop .Mpop-gobtn > ul > li{width: calc(50% - 10px);margin-left: 20px;}
	#main-pop .Mpop-gobtn > ul > li > a{font-size: 16px;line-height: 20px;}
	#main-pop .Mpop-inputlist{padding: 20px;}
	#main-pop .Mpop-inputlist > ul > li{width: calc(100% - 20px);}
	#main-pop .Mpop-inputlist > ul > li > div > input{width: calc(50% - 10px);}
}

@media screen and (max-width: 425px){
	#header > .header-right{margin: -10px 0 0 -13px;}
	#header > .header-right > a.logo-russell{width: 120px;}
	.header-cent{height: auto;}
	.header-cent > .logo > a{width: 130px;}
	.menu-open {width: 34px;margin-top: -15px;}
	.menu-close{left: 270px;}
	.header-menu{width: 310px;}
	/*main*/
	
	
	/*sub*/
	.input-select-box > div{padding-left: 105px;}
	.input-select-box > div > select{width: 90px;}
	.sub4-box-list1 > li > a{padding: 20px 58px 20px 22px;background-size: 38px 28px;background-position: right 12px center;}
	.sub1-history-box1 > dl > dd{font-size: 22px;line-height: 28px;}
	.sub4-view-list > li.title > h4{font-size: 22px;line-height: 24px;}
	.sb-title2 > br{display: none;}
	.sub1-address > li > p, 
	.sub1-address > li > strong{font-size: 15px;}
	.sub2-slogan > ul > li{font-size: 15px;line-height: 20px;}
	
	/*pop*/
	#main-pop .Mpop-title1{margin-bottom: 30px;font-size: 25px;line-height: 25px;}
	#main-pop .Mpop-title1 > p{font-size: 14px;line-height: 20px;}
	#main-pop .Mpop-gobtn > ul{max-width: 180px;}
	#main-pop .Mpop-gobtn > ul > li{width: 100%;margin-left: 0;}
	#main-pop .Mpop-table td input[type="file"]{width: 200px;}
	#main-pop .Mpop-inputlist > ul > li > div > input{width: calc(100% - 10px);}
}
	
/*POP 2021-06-25 */		
@media screen and (max-width: 550px){
	.popup-center{padding: 25px 15px 10px;}
	.sub-popup .title{padding: 15px 70px 15px 18px;}
	.sub-popup .title > h3{font-size: 19px;line-height: 22px;}
	.sub-popup .title > .close{width: 35px;right: 18px;margin-top: -17.5px;}
	.date0625-inplist > li{padding: 15px;}
	.date0625-inplist > li > label{position: static;width: auto;height: auto;line-height: 18px;text-align: left;margin-bottom: 10px;}
}
/*POP 2021-06-25 */