@charset "utf-8"; 

/*****폰트*****/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.0/yg-jalnan.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal;}

/*****스크롤바좁게*****/
/* Webkit (Chrome, Edge, Opera, Safari) */
::-webkit-scrollbar        {width: 1rem; height: 1rem;}
::-webkit-scrollbar-track  {background-color: #f1f1f1;}
::-webkit-scrollbar-thumb  {background-color: #c1c1c1;}
/* Firefox only */
*{scrollbar-color: #c1c1c1 #f1f1f1; scrollbar-width: thin;}

/*****base.css*****/
*{margin:0; padding:0;}
html{font-size: 62.5% !important; scroll-behavior: smooth;}
body{font-family:  'Noto Sans KR', sans-serif; line-height:1.5; font-weight:300; color:#5f5f5f; background:none; width: 100vw; max-width: 100% !important; overflow-x: hidden !important;}
a{color:#5f5f5f; text-decoration:none;}
a:focus{outline:none;}
img{border:none; vertical-align:top;}
ul{list-style:none;}
input{outline:none;}
button{outline: none; cursor: pointer !important;}
select{outline: none; cursor: pointer !important; appearance:none !important; -moz- appearance:none !important; -webkit- appearance:none !important; -o- appearance:none !important; -ms- appearance:none !important;}
textarea{outline: none; cursor: pointer !important;}
input {-webkit- appearance: none; -webkit- border-radius: 0;}
:root {--d: 700ms; --e: cubic-bezier(0.19, 1, 0.22, 1);} /*section33관련*/

/*****색상*****/
.blue{color: #334399;}
.color_mes{color: #f7941d;}
.color_erp{color: #5a9fe5;}
.color_wms{color: #a9c854;}
.red{color: red;} 
.gray{color: #666666;}
.white{color:#ffffff}
.naverb a{color:#00d037 !important;}
.navy{color:#1d4b95;}
/**********모바일시작**********/
@media all and (min-width:320px){
    /*****메인시작*****/
    #mainWrap{width: 100%; max-width: 100% !important; overflow-x: hidden!important; position: relative; overflow: hidden;}
	#navbar{position: absolute;top: 0;left: 0; width: 100%; z-index: 999;}
	#logo{width: 11.1rem; height:4.8rem;}
	#logo .glogo{height: 100%; width: auto;}

	.visual{position: relative; width: 100vw; margin-top: 5.4em;}
	.visual .sliderWrap{width:100%; height: 60rem;}
	
	.visual .slide{position: relative; height: 100%; height:35rem;}
	.visual .slide img{display:none;}
	.visual .slide1{background: url(../image/slide1.png) 30% / cover no-repeat;}
	.visual .slide2{background: url(../image/slide2.png) 30% / cover no-repeat;}
	.visual .slide3{background: url(../image/slide3.png) 30% / cover no-repeat;}
	.visual .slide4{background: url(../image/slide4.png) 30% / cover no-repeat;}
	
	.visual .slide .slideTxt{width: 55%; position: absolute;  top:17%; left: 42%;}
	.visual .slide .slideTxt .lines2{display:none;}
	.visual .slide h2{font-family: 'yg-jalnan', sans-serif; font-size: 2.4rem; line-height: 3.2rem; color: #101f3e;}
	.visual .slide h2 span{color:#1d4fa2;}
	.visual .slide p{font-family: 'Noto Sans KR', sans-serif;  font-size: 1.4rem;font-weight:400; line-height: 2rem; color:#555; margin-top:1rem;}
	.visual .slide .link{}
	.visual .slide .link button:first-child{cursor:pointer; font-size:1.2rem; font-weight: 700; background:transparent; color:#101f3e; border:1px solid #101f3e; padding:.7rem 1.4rem; margin:0 auto; margin-top: 1.4rem;}
	.visual .slide .link button:last-child{cursor:pointer; font-size:1.2rem; font-weight: 700; background:#101f3e; color:#fff; border:1px solid #101f3e; padding:.7rem 1.4rem; margin:0 auto; margin-top: 1.4rem;}
	
	.visual .qmn{width: 100%; height: auto;  position: absolute;  top: 35rem; left: 0;  padding: 3rem 0; background:#1d4b95;}
	.visual .qmn ul{width: 90%; margin: 0 auto;}
	.visual .qmn ul li{ float: left; width: 25%; padding: 1rem 0;}
	.visual .qmn ul:after{display: block; content: ""; clear: both;}
	.visual .qmn ul li img{width: 95%; height: auto;}
	.visual .qmn ul li:first-child img{}
	
	section .ttll{width: 100%; margin: 0 auto; text-align: center; padding-top: 7rem;}
	section .ttll h2{font-family: 'yg-jalnan', sans-serif; font-size: 3rem; line-height: 3rem; color: #101f3e;}
	section .ttll p{width: 90%; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; font-size: 1.6rem; line-height:2.4rem; color:#444444; margin-top: 2.4rem; margin-bottom: 2.4rem; letter-spacing: -0.02rem;}
	
	.section11{position: relative; width: 100%; height: auto;}
	.section11 .contt{width: 100%; height: auto; text-align: center;}
	.section11 .contt ul li{height: 30vh;}
	.section11 .contt .basic{height: 100%; text-align: center;}
	.section11 .contt .basic img{width: 24%; height: auto; margin-top: 4rem; margin-bottom: 2rem;}
	.section11 .contt .basic p{font-family:'yg-jalnan', sans-serif; font-size:2.5rem; line-height: 2.5rem; color:#3c45b7;}
	.section11 .contt .hover{height: 100%;} 
	.section11 .contt .hover h4{font-family:'yg-jalnan', sans-serif; font-size:2.5rem; color:#fff; padding-top: 2.5rem; margin-bottom:1.5rem; text-emphasis:'*';}
	.section11 .contt .hover p{font-family: 'Noto Sans KR', sans-serif; font-size: 1.5rem; line-height:2.2rem; color:#fff; margin-bottom: 3rem;}
	.section11 .contt .hover .view{display: inline-block; border:none; border-bottom: .1rem solid #fff; background: none; font-family: 'Noto Sans KR', sans-serif; font-size:1.5rem; color: #fff;}
	.section11 .contt .border{display: block; width: 80%; height: 0.2rem; margin: 0 auto; background: #d0d0d0;}
	.section11 .contt .hover1{width: 100%; height: 30vh; background:url(../image/mainSection2_hbg1.png) center / cover no-repeat;}
	.section11 .contt .hover2{width: 100%; height: 30vh; background:url(../image/mainSection2_hbg2.png) center / cover no-repeat;}
	.section11 .contt .hover3{width: 100%; height: 30vh; background:url(../image/mainSection2_hbg3.png) center / cover no-repeat;}
	.section11 .contt .hover{display: none;}
	.section11 .contt a:hover .basic{display: none;}
	.section11 .contt a:hover .hover{display: block; transition: all 0.25s ease}

	.service_slide{width: 100%;}
	.section11 .mockup{background: #efefef; padding:7rem 0;}
	.section11 .mockup img{width: 70%;  margin:0 auto; height: auto;}
	.section11 .mockup p{font-family: 'Noto Sans KR', sans-serif; font-size: 1.6rem; font-weight: 400; margin-top:2rem; color:#222; width: 100%; text-align: center;}
	.service_slides .slick-arrow{ font-size:0; position:absolute; left:5%; top:20%; width:1.8rem; height:3.2rem; z-index:999; outline:0;}
	.service_slides .slick-prev{ background:url("../image/service_chev1.png") center no-repeat;}
	.service_slides .slick-next{ margin-left:85%; background:url("../image/service_chev2.png") center no-repeat;}

	.serviceDiv{height: auto;}
	.link1{background: url(../image/service_bg_smart.png) center / cover no-repeat;}
	.link2{background: url(../image/service_bg_day.png) center / cover no-repeat;}
	.link3{background: url(../image/service_bg_facility.png) center /cover no-repeat;}
	.link4{background: url(../image/service_bg_visit.png) center /cover no-repeat;}
	
	.links{padding: 5rem 5%; height: 42rem;}
	.links h3{font-family: 'yg-jalnan', sans-serif;  font-size:2.5rem; font-weight: 700; color: #fff; text-align: center;}
	.links .v-line{border-left:1px solid #fff; height:2.4rem; width: 1px; margin:0 auto; margin-top: 1rem; margin-bottom: 1rem;}
	.links p{font-size:1.4rem; line-height: 2.1rem; color:#fff; width: 100%; text-align: center; margin-bottom:2.4rem;}
	.links ul{display: flex; flex-wrap: wrap; justify-content: center; width: auto; height: auto;}
	.links ul li{float: left; font-size: 1.3rem; font-weight: 400; background: #fff; padding: .7rem .9rem; border-radius: .4rem; margin-right: .4rem; margin-bottom:.4rem;}
	.links ul:after{display: block;content:""; clear: both;}
	.links ul li a{color:#333;}
	
	.section22{width: 100%;}
	.section22 .ttll h2{color: #101f3e;}
	.section22 .ttll p{color: #222;}
	.section22 .contt .costWrap{margin:0 auto;}
	.section22 .contt .costs{width: 70%; margin:0 calc(15% - 3rem); float: left; border:1px solid #101f3e; border-radius: 1rem; filter:drop-shadow(0 0 1rem #aed0e9);  background:#fff; padding:3rem;  margin-bottom:5rem;}
	.section22 .contt .costWrap:after{display: block; content: ""; clear: both;}
	.section22 .contt .costWrap hr{height:1px; background: #b3b3b3; margin:1rem 0;}
	.section22 .contt .cost1Bg{ background:url(../image/ico_fee1.png) top right / 9rem no-repeat;}
	.section22 .contt .cost2Bg{ background:url(../image/ico_fee2.png) top right / 9rem no-repeat;}
	.section22 .contt .costs h4{font-size: 1.6rem; line-height: 2.4rem; color:#101f3e;}
	.section22 .contt .costs p{color:#222; font-size:1.4rem; font-weight: 400;}
	.section22 .contt .costs p b{font-family:'yg-jalnan', sans-serif;  font-size:2.2rem; color:#1d4b95;}
	.section22 .contt .costs h4 p{font-family:'yg-jalnan', sans-serif;  font-size:2rem;    line-height:3rem;}
	.section22 .contt .costs h4 span{color:#1d4b95;   display:inline;  background:linear-gradient(to bottom, #99d4ff 90%, transparent 0);}
	.section22 .contt .costs ul li{font-size:1.4rem; line-height: 2.2rem; color:#222;}
	.section22 .contt .costs .btnWrap{width: 100%; text-align: center;}
	.section22 .contt .costs button{cursor:pointer; width:10rem; background:#1d4b95; font-size:1.4rem; color:#fff; padding:1rem 1.5rem; margin:0 auto; margin-top: 1.4rem;  border:none;}
	.section22 .contt .costs .navy{font-weight: 700;}
	
	.section44{width: 100%; margin-top: 2rem; padding-bottom:5rem; background:url(../image/bg_company.png) center / cover no-repeat;}
	.section44 .ttll h2{color: #fff;}
	.section44 .ttll p{color: #fff; text-shadow: .1rem .1rem .3rem rgba(0,0,0,.2);}
	.section44 .btnWrap{width: 100%; text-align:center;}
	.section44 .view2 {cursor: pointer; width: 10rem; margin-top: 1rem; padding: 1rem 0; font-size: 1.4rem; font-weight: bold; letter-spacing: 0.025rem; color: #fefefe; border:.1rem solid rgba(247,242,255,.9); background-color: transparent;}
	.section44 .view2:hover{background-color: rgba(68,83,154, .9); color:rgba(247,242,255, .9); border:none; border:.2rem solid transparent; transition: 0.3s;}
	
	.section55{background:#f7f7f7; padding:7rem 0; margin:7rem 0 3rem 0;}
	.section55 h4{font-family: 'yg-jalnan', sans-serif;  font-size:2.5rem; line-height: 2.5rem;  font-weight: 700; color: #101f3e; margin-bottom:1rem; text-indent: 1rem;}
	.section55 .boardWrap{background: #fff; padding:4rem 2rem; width:calc(90% - 4.2rem); border:1px solid #e1e1e1; margin:0 auto;}
	.section55 .boardWrap:first-child{margin-bottom:2rem;}
	.section55 .linkWrap{width: 100%; text-align: right; margin-bottom:1.5rem;}
	.section55 .linkWrap a{font-size:1.4rem; line-height: 1.4rem; color:#222;}
	.section55 ul li{font-size:1.4rem; line-height: 2.9rem; color:#222;  border-bottom:1px solid #e1e1e1; text-indent: 1rem;}
	.section55 ul li span{display: none;}
	.section55 ul li span{color:#1d4b95;}

	.section66{width: 90%; margin:0 auto; margin-bottom:3rem;}
	.section66 h5{float:left;    display: inline-block;  width: 10rem; font-size:1.6rem; line-height: 2.4rem; font-weight:bold; color:#111;}
	.section66 .company_slides{float: right; width: calc(100% - 10rem);}
	.section66:after{display:block; content: ""; clear: both;}
	.section66 .company_slides li a{ font-size:1.4rem; line-height: 2.4rem; font-weight: 400;  color:#222; margin-right: 1rem;}

	#footer_pc{display: none;}
    #footer_tab{display: none;}
    #footer_mo{width: 100vw; background: #202020; color: #bcbcbc; font-size: 1.5rem; line-height:1.5;}  
	#footer_mo a{color: #bcbcbc;}
    #footer_mo .copy{width: 90vw; margin: 0 auto; padding-top: 1.8rem; padding-bottom: 1.8rem; text-align:center;} 
    #footer_mo span{color: #fff;} 

	.gototop{display: none; cursor:pointer;}
	/*****메인끝*****/
    
    /*****서브시작*****/
	#headerbar_pc_sub{display: none;} 
    .subMenu{margin-bottom: 9rem !important; background:#fff; border-bottom:1px solid #dfdfdf; width: 100%; overflow: hidden; overflow-x: auto; transform: translateZ(0);  -ms- overflow-style : none; scrollbar-width:none;}
	.subMenu::-webkit-scrollbar{display:none;}
    .subMenu ul{width: 90%; margin: 0 auto; display: table; overflow: visible; font-size: 0; line-height: 0; white-space: nowrap;}
    .subMenu ul li{text-align: center; display: table-cell; vertical-align: top;}
    .subMenu ul li:last-child{margin-right: 0;}
    .subMenu ul:after{display: block; content: "" ; clear: both;}
    .subMenu ul li a{color: #333; cursor: pointer;}  
    .subMenu .txt_menu {display: inline-block; position: relative; height:4.6rem; padding: 0; font-weight:400; font-size: 1.8rem; line-height: 4.6rem; margin-left:1.4rem; margin-right:1.4rem; 
	-webkit- box-sizing: border-box; -moz- box-sizing: border-box; -o- box-sizing: border-box; -ms- box-sizing: border-box; box-sizing: border-box; display:inline-block;}

    #subWrap .logo{width:5.2rem; height:1.95rem; text-indent: -999rem; z-index: 500; position: absolute; top:3vh; left: 0; margin-left: 7%; background: url(../image/logo146.png) center top / 100% no-repeat;}
    .sub1Top{width: 100%; height: 15rem; background: url(../image/sub1_bg.png) center top / auto 15rem no-repeat;}
	.sub2Top{width: 100%; height: 15rem; background: url(../image/sub2_bg.png) center top / auto 15rem no-repeat;}
	.sub3Top{width: 100%; height: 15rem; background: url(../image/sub3_bg.png) center top / auto 15rem no-repeat;}
	.sub4Top{width: 100%; height: 15rem; background: url(../image/sub4_bg.png) center top / auto 15rem no-repeat;}
	.sub6Top{width: 100%; height: 15rem; background: url(../image/sub6_bg.png) center top / auto 15rem no-repeat;}
	.sub7Top{width: 100%; height: 15rem; background: url(../image/sub7_bg.png) center top / auto 15rem no-repeat;}
    .subTop h2{font-size: 2.7rem; font-family: 'yg-jalnan', sans-serif; color: #fff; text-align: center; padding-top: 8rem; text-shadow: .2rem .2rem .2rem rgba(0,0,0,0.3);}
    
    .subCont{width: 90%; margin: 0 auto; margin-bottom: 5rem;}
	
	.subImg{margin-top:3rem; margin-bottom: 5rem;}
	.subImg img{width: 100%; height: auto;}
	
    .sub_ttl1{font-family: 'yg-jalnan', sans-serif; font-size: 2.6rem; line-height:3.6rem; margin-bottom:5rem;  color: #25303d; font-weight:800; text-align: center}
	.board_ttl{font-family: 'yg-jalnan', sans-serif; font-size: 2.6rem; line-height:3.6rem; margin-bottom:5rem; text-align:left; color: #25303d; font-weight:800;}
	.sub_ttl2{font-family: 'yg-jalnan', sans-serif; font-size: 2.2rem; line-height: 3rem; margin-bottom:3rem;  color: #25303d; font-weight:800; text-align: center;}
	.sub_ttl3{font-family: 'Noto Sans KR', sans-serif; font-size: 1.8rem; line-height:1.8rem; color:#444444; margin-bottom:3rem;  font-weight:700; text-align: center;}


	.sub_para1{font-family:  'Noto Sans KR', sans-serif; font-size: 1.5rem; line-height: 1.5; margin-bottom: 2.2rem; text-align:center; letter-spacing: -0.02rem;}
    .sub_para1_cf{margin-bottom: 7rem;}
    
    .tabWrap{width: 100%; margin: 0 auto;}
    .tabMenu{float: left; width: 100%;}
    .tabMenu button{width: 32%; border:0; outline:0; cursor:pointer; font-size:1.7rem; line-height: 1; font-weight: 500; font-family:  'Noto Sans KR', sans-serif; transition:0.2s all; background:transparent;  margin-bottom: 1rem;}
    .tabMenu button{color:#b1b1b1;}
	.tabMenu button hr{height: .4rem; background: #b1b1b1; margin-top:.5rem; margin-bottom: .5rem; border:none;}
    .tabMenu button.on{color:#0465b1;}
    .tabMenu button.on hr{height: .4rem; background: #0465b1; border:none;}
	.tabMenu button span{font-size:1.5rem; line-height: 1.8rem;}
	.tabMenu button span.mission{font-size:1.8rem;}
	.tabMenu button br{display: none;}
	
    .tab_box{display:none; width: 100%; float: left;}
    .tabWrap:after{display: block; content: ""; clear: both;}
    .tab_box.on{display:block;}

	.subCont_100{width: 100%; margin: 0 auto; margin-bottom: 5rem;}

    .overview{width: 90%; margin: 0 auto;}
    .overviewImg{width: 100% ; height: 24rem; background: url(../image/sub4_2_1.png) center / 100% no-repeat; margin-bottom: 2rem;}
    .overviewTable{width:90%; margin:0 auto; border-collapse:collapse; padding-bottom: 1rem; margin-bottom:5rem;}
    .overviewTable th{border-bottom:.1rem solid #bfbfbf; padding: .8rem 0; font-size:1.4rem; line-height: 2rem; text-align: left; color: #777; font-weight: 400;}
    .overviewTable td{border-bottom:.1rem solid #bfbfbf; padding: .8rem 0; font-size:1.4rem; line-height: 2rem; text-align: justify; color: #333; font-weight: 400;}
    
    .visionBg{width: 100%; height:auto; background: #f4f4f4; padding-top: 5rem; padding-bottom: 5rem;  margin-bottom:5rem;}
    .vision div{width:21rem; margin: 0 auto; background: #fff; padding: 5rem 3rem; text-align: center; margin-bottom: 2rem;}
    .vision div img{width: 10rem; height: auto;}
	.vision div:last-child{margin-bottom:0;}
    .vision div p{font-size: 2rem; line-height: 2rem; margin-top: 1.4rem; margin-bottom: .8rem; font-weight: bold;}
    .vision div span{font-size: 1.5rem; line-height: 1.9rem; display: block;}
    .vision div h4 span{font-size: 1.8rem; line-height: 1.8rem; margin-top: .6rem; font-weight: 500;}
	.img_organization{width:90%; margin:0 auto;}
	.img_organization img{width:100%;}
    
	.hc_img img{width: 100%; height: auto;}
	.hc24Wrap{margin-bottom:3rem;}
	.hc24Wrap_last{margin-bottom:5rem;}
	.hc24Wrap .title{font-size: 1.6rem; line-height: 2rem; width: 100%; padding: .8rem 0; text-align: center; color: #fff; font-weight: 500; border-radius: 3rem; margin-bottom: 1rem;}
	.hc24Wrap .title1{background: #1d4b95; padding: 1.8rem 0;}
	.hc24Wrap .title2{background: #3c45b7;}
	.hc24Wrap .title3{background: #656aa8;}
	.hc24Wrap ul{width:96%; margin:0 auto;margin-top: 1rem;}
	.hc24Wrap ul li{font-size: 1.4rem; line-height:2.1rem; text-indent:.5rem;}
	.hc24Wrap ul li::before {content: "·"; color: #20338d; font-weight: bold; font-size: 2rem; display: inline-block; margin-left: -2rem; margin-right:.5rem;}
	
	.dayDevices{width: 90%; margin: 0 auto;}
	.dayDevices img{width: 100%; height: auto; margin-bottom: 5rem;}
	.dayDevices1{width: 90%; margin: 0 auto;}
	.dayDevices1 img{width: 100%; height: auto; margin-bottom: 5rem;}
	
	.tabWrap2{width: 100%; margin: 0 auto; text-align: center;}
    .tabMenu2 button{border:none; outline:0; cursor:pointer; font-size:1.3rem; line-height: 1.7rem; font-weight: 500; font-family:  'Noto Sans KR', sans-serif; transition:0.2s all; background:transparent;  margin-bottom: 1rem; color:#cccccc; width: 5.4rem;}
	.tabMenu2:after{display: block; content: ""; clear: both;}
	.tabMenu2 button hr{ width: 2rem; height: .6rem; background: #cccccc;  border-radius: .5rem; margin: 0 auto; margin-top:1rem;}
	.tabMenu2 button.on{color:#0465b1;}
	.tabMenu2 button.on hr{height: .6rem; background: #0465b1;  margin-top:.5rem; margin-bottom: .5rem; width: 2rem; border-radius: .5rem; margin: 0 auto; margin-top:1rem;}    	
	.tabMenu2 button:nth-child(1)::before{background-image: url(../image/ico_day1.png); background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block;  width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(1).on::before{background-image: url(../image/ico_day1_on.png); background-repeat: no-repeat;
    background-size: contain; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(2)::before{background-image: url(../image/ico_day2.png); background-repeat: no-repeat;
    background-size: contain; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(2).on::before{background-image: url(../image/ico_day2_on.png); background-repeat: no-repeat;
    background-size: contain; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(3)::before{background-image: url(../image/ico_day3.png); background-repeat: no-repeat;
    background-size: contain; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(3).on::before{background-image: url(../image/ico_day3_on.png); background-repeat: no-repeat;
    background-size: contain; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(4)::before{background-image: url(../image/ico_day4.png); background-repeat: no-repeat;
    background-size: contain; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(4).on::before{background-image: url(../image/ico_day4_on.png); background-repeat: no-repeat;
    background-size: contain;; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(5)::before{background-image: url(../image/ico_day5.png); background-repeat: no-repeat;
    background-size: contain; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	.tabMenu2 button:nth-child(5).on::before{background-image: url(../image/ico_day5_on.png); background-repeat: no-repeat;
    background-size: contain; content: ""; display: inline-block; width:5.4rem; height:3.5rem; margin: 0 auto;}
	
	.daySection hr{height: .3rem; background: #101f3e; border-radius: .5rem; width: 4rem; margin-bottom:.6rem;}
	.daySection .left img{width: 100%; margin-bottom:3rem;}
	.daySection h5{font-family: 'yg-jalnan', sans-serif; color:#101f3e; font-size:2.2rem; line-height: 2.2rem; margin-bottom:3rem;}
	.daySection h6{font-family:  'Noto Sans KR', sans-serif; font-size:1.7rem; color: #101f3e; font-weight: 500; line-height: 2.4rem; margin-bottom: 1rem;}
	.daySection h6.h6_table{text-align: center;}
	.daySection h6.h6_table li{ padding:0 .5rem;}
	.daySection .right{width: 100%; height: auto;}
	.daySection .right p{font-family:  'Noto Sans KR', sans-serif; font-size:1.5rem; line-height: 1.5; margin-bottom: 3rem;}
	.daySection .users{ margin-bottom: 2rem;}
	.daySection .users li{ float: left;  width: 20%; margin-right: 3%; margin-bottom: 1rem;}
	.daySection .users li:last-child{margin-right: 0;}
	.daySection .users li img{width: 100%;}
	.daySection .users:after{display: block; content: ""; clear: both;}
	
	.daySection1 .eximg{margin-bottom:3rem;}
	.daySection1 .eximg ul{margin-bottom: 2rem;}
	.daySection1 .eximg ul li{ float: left; width: 100% ;margin:0 auto; margin-bottom: 1rem; text-align: center;}
	.daySection1 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection1 .eximg ul li img{width: 96%;}
	
	.daySection2 .eximg{margin-bottom:3rem;}
	.daySection2 .eximg ul{margin-bottom: 2rem;}
	.daySection2 .eximg ul li{ float: left; width: 100% ;margin:0 auto; margin-bottom: 1rem; text-align: center;}
	.daySection2 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection2 .eximg ul li img{width: 96%;}
	
	.daySection3 .eximg{margin-bottom:3rem;}
	.daySection3 .eximg ul{margin-bottom: 2rem;}
	.daySection3 .eximg ul li{ float: left; width: 100% ;margin:0 auto; margin-bottom: 1rem; text-align: center;}
	.daySection3 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection3 .eximg ul li img{width: 96%;}
	
	.daySection4 .eximg{margin-bottom:3rem;}
	.daySection4 .eximg ul{margin-bottom: 2rem;}
	.daySection4 .eximg ul li{ float: left; width: 100% ;margin:0 auto; margin-bottom: 1rem; text-align: center;}
	.daySection4 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection4 .eximg ul li img{width: 96%;}
	
	.daySection5 .eximg{margin-bottom:3rem;}
	.daySection5 .eximg ul{margin-bottom: 2rem;}
	.daySection5 .eximg ul li{ float: left; width: 100% ;margin:0 auto; margin-bottom: 1rem; text-align: center;}
	.daySection5 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection5 .eximg ul li img{width: 96%;}
	
	.daySection1 .eximg ul li:nth-child(2n){margin-right: 0;}
	.view_table{border-top:.4rem solid #87a3d1; border-bottom:.4rem solid #87a3d1; margin-bottom:5rem;}
	.view_table ul li{font-family:  'Noto Sans KR', sans-serif; font-size:1.3rem; line-height: 2.1rem; padding:.4rem 0; padding:.3rem 1rem;}
	.view_table ul li:nth-child(2n){background:#ecf1f9;}

	.subCont_ceo{width:90%; margin:0 auto;   font-family:  'Noto Sans KR', sans-serif;  font-size: 1.5rem; line-height: 1.5; text-align: justify; letter-spacing: -0.02rem; margin-bottom: 5rem;}
	.ceo2_right{width:100%;}
	.ceo_img img{width:100%;}
	.ceo{text-align:right;}

	.ceo2_left{width:100%;}
	.ceo2_left p .intro{font-size:1.8rem;  margin-bottom:2.2rem;}
	.ceo2_left strong{font-weight:500;}

	.y_txt1{font-family:'NanumSquare', sans-serif; font-size: 2.3rem; line-height: 2.3rem; font-weight: 800; color: #333;   width: 90%; margin: 0 auto; letter-spacing: -.04rem;}
	.y_txt2{font-family:'Nanum Gothic', sans-serif; font-size:1.4rem; line-height: 3rem;  color: #333; width: 90%; margin: 0 auto; margin-bottom:2rem;}
	.hLeft{}
	.hLeft img{width: 100%}
	.hRight{width: 90%; margin: 0 auto;}
	.hRight_last{margin-bottom:0;}
	.hRight h5{font-family: 'Noto Sans KR', sans-serif; font-size: 2.4rem; line-height: 2.4rem; font-weight: 700; color:#323d9b; margin-top: 2rem; margin-bottom: 1rem;}
	.hRight li{font-size: 1.5rem; line-height: 2.2rem; list-style: none; margin-bottom: 1rem;}
	.hRight li span{font-weight: 700; font-size: 1.7rem; display: block;}
	.year2023{margin-bottom:4rem;}
	.year2022{margin-bottom:4rem;}
	.year2020{margin-bottom:4rem;}
	.year2019{margin-bottom:4rem;}
	.year2018{margin-bottom:4rem;}
	.year2015{margin-bottom:4rem;}
	
	.tabMenu4{margin-bottom: 3rem; float: left; width: 100%;}
    .tabMenu4 button{width: 32%; border:0; outline:0; cursor:pointer; font-size:1.6rem; line-height: 2rem; font-weight: 700; padding: 1rem; transition:0.2s all;}
    .tabMenu4 button{color:#fff; background:#ddd;}
    .tabMenu4 button.on{font-weight:700; color:#fff; background:#323d9b;}
	
	.tab_box4{display:none; width: 100%; float: left;}
    .tabWrap:after{display: block; content: ""; clear: both;}
    .tab_box4.on{display:block;}
	
	.tabWrap3{width: 100%;}
    .tabMenu3{margin-bottom: 3rem; float: left; width: 100%;}
    .tabMenu3 button{width: 49%; border:0; outline:0; cursor:pointer; font-size:1.5rem; line-height: 1.5rem; font-weight: 700; padding: 1rem 0; transition:0.2s all;}
    .tabMenu3 button{color:#fff; background: #747f8b;}
    .tabMenu3 button.on{font-weight:700; color:#fff; background:#25303d;}
    
    .tab_box3{display:none; width: 100%; float: left;}
    .tabWrap3:after{display: block; content: ""; clear: both;}
    .tab_box3.on{display:block;}
	
	.c_table1{width: 100%; margin:0 auto; border-collapse:collapse; background:#fff; border:.1rem solid #777; text-align:center; margin-bottom:4rem; color:#222;}
	.c_table1 caption{color:#25303d; font-size:2rem; line-height:3rem; font-weight:700; margin-bottom:2rem;}
	.c_table1 th{background:/*#30408f*/#1d4b95 ; border:.1rem solid #777; padding: 0.5rem; font-size:1.4rem; line-height: 2rem; color:#fff;}
    .c_table1 td{border:.1rem solid #777; padding: 0.4rem; font-size:1.3rem; line-height: 1.7rem;}
	.c_table1 .tr1 th{font-weight:500;}
	.c_table2{margin-bottom:0;}
	.tab_box3 h4{color:#25303d; font-size:2rem; line-height:2rem; font-weight:700; text-align: center; margin-bottom:2rem;}
	.awards{margin-bottom:0; width: 100%; height: auto; margin:0 auto;}
	.awards img{width: 100%; height: auto;}
	.certifica_pc{display: none;}
	.c_tableWrap{margin-bottom:0;}
	
	/*****요금*****/
	.c_table3{width: 100%; max-width:100%; margin:0 auto; border-collapse:collapse; background:#fff; border:.1rem solid #ccdcf4; text-align:center; margin-bottom:1rem; color:#222; 
	border-top:.3rem solid#87a3d1; font-size:1rem; line-height:1.3rem; table-layout:fixed;}
	.c_table3 caption{width:100%; max-width:100%; color:#25303d; font-size:2rem; line-height:3rem; font-weight:700; margin-bottom:2rem;}
	.c_table3 th{background:#e2ebf9 ; border:.1rem solid #bed1f1; padding: .4rem .1rem; font-weight:700; }
    .c_table3 td{background:#fff; border:.1rem solid #ccdcf4; padding: .4rem .1rem;  overflow:hidden; }
	.c_table3 .tr3 td, .c_table3 .tr5 td{background:#e2ebf9;}
	.c_table3 .tr7 td{backgrounf:#fff;}
	.c_table3 tr .td1{background:#e2ebf9; font-weight:700;}
	figcaption{font-size:1rem; line-height:1.3rem; color:#5f5f5f;   margin-bottom:4rem;}

	/*****시스템구성*****/
	.s_table{font-family: 'Noto Sans KR', sans-serif; }
	.s_table1_mo{width: 100%; max-width:100%; margin:0 auto; border-collapse:collapse; text-align:center; margin-bottom:.4rem; color:#222; table-layout:fixed;}
	.s_table1_mo .tr_ttl th{background:#ff8f39; color:#fff; border-right:.4rem solid #fff; padding: .7rem 1rem; font-weight:700; text-align:center;  font-size:1.5rem; line-height:2rem;}
	.s_table1_mo .tr_ttl th:last-child{border-right:none;}
	.s_table1_mo .tr_ttl:first-child th:first-child{border-bottom:.4rem solid #fff;  font-size:1.8rem; line-height:1.8rem; padding:1.8rem 0;}
	.s_table1_mo .tr_cont td{background:#fff0e5; font-size:1.2rem; line-height:1.6rem; border-right:.4rem solid #fff; border-bottom:.4rem solid #fff; padding: 1rem .7rem;  overflow:hidden; text-align:left; vertical-align:top;}
	.s_table1_mo .tr_cont td:last-child{border-right:none;}
	.s_table1_pc{display:none;}

	.s_table2_mo{width: 100%; max-width:100%; margin:0 auto; border-collapse:collapse; text-align:center; margin-bottom:2rem; color:#222; table-layout:fixed;}
	.s_table2_mo .tr_ttl th{background:#4677c6; color:#fff; border-right:.4rem solid #fff; padding: .7rem 1rem; font-weight:700; text-align:center;  font-size:1.5rem; line-height:2rem;}
	.s_table2_mo .tr_ttl th:last-child{border-right:none;}
	.s_table2_mo .tr_ttl:first-child th:first-child{border-bottom:.4rem solid #fff;  font-size:1.8rem; line-height:1.8rem; padding:1.8rem 0;}
	.s_table2_mo .tr_cont td{background:#e2ebf9; font-size:1.2rem; line-height:1.6rem; border-right:.4rem solid #fff; border-bottom:.4rem solid #fff; padding: 1rem .7rem;  overflow:hidden; text-align:left; vertical-align:top;}
	.s_table2_mo .tr_cont td:last-child{border-right:none;}
	.s_table2_pc{display:none;}
	.s_table_moLast{margin-bottom:4rem}
	
	.remoteWrap{width:100%; margin:0 auto;}
	.remoteWrap .left{text-align: center;}
	.remoteWrap .left .remoteImg{width: 100%; margin:0 auto;}
	.remoteWrap .left .remoteImg img{width: 100%;}	
	.remoteWrap .right{text-align: center;}
	.remoteWrap .right .sub_ttl2{margin-top: 2rem; margin-bottom:2rem;}
	.sub_para2{font-family: 'Noto Sans KR', sans-serif; font-size: 1.4rem; line-height: 1.5; margin-bottom: 2.1rem; text-align: center; letter-spacing: -0.02rem;}
	.sub_para2 .blue{font-weight: 500;}
	.remoteWrap .right button{cursor: pointer; width: 20rem; background: #1d4fa2; font-size: 1.5rem; font-weight: bold; color: #fff; padding:1rem 1.5rem; margin: 0 auto; margin-top:.4rem; border:none; border-radius: 1.9rem;}
	.remote_link div{margin-top: 1rem; display: inline-block;  width:48%; float:left; margin-right:2%;}
	.remote_link div img{width:100%; height:auto;}
	.remote_link .last{margin-right:0;}
	.remote_link:after{display:block; content:""; clear:both;}



	.installWrap{width : 100%; margin:0 auto; }
	.installWrap .left{text-align : center; }
	.installWrap .left .installImg{width : 100%; margin: 0 auto; }
	.installWrap .left .installImg img{width: 100%;}
	.installWrap .right{margin-top:2rem; margin-bottom:2rem;}
	.sub_ttl4{font-family: 'Noto Sans KR', sans-serif; font-size: 2.6rem; line-height:3rem; color:#444444; margin-bottom:1rem;  font-weight:700; text-align: center;}
	.sub_para3{font-family: 'Noto Sans KR', sans-serif; font-size: 2rem; line-height:2rem; color:#444444; margin-bottom:3rem;  font-weight:500; text-align: center;}
	.btn_install1{width:23.1rem; margin:0 auto; }
	.btn_install1 img{width:100%; height:auto;}
	.btn_install2{width:26.7rem; margin:0 auto; }
	.btn_install2 img{width:100%; height:auto;}

	.client_pc{display: none;}
	.client_mo{width:100%; margin-bottom:3rem;}	
	/*****서브끝*****/
}/*****320화면 끝*****/

@media all and (min-width:360px){
    /*****메인시작*****/
	#navbar{height: 7.2rem;}
	.visual{margin-top:7rem;}
	section .ttll p{font-size: 1.8rem; line-height: 2.7rem; margin-top: 2.7rem;}

	.section11 .contt .basic p {font-size:2.8rem; line-height: 2.8rem;}
	.section11 .contt .hover h4 {font-size: 2.8rem;padding-top: 2.5rem; margin-bottom: 1.8rem;}
	.section11 .contt .hover p{font-size: 1.7rem; line-height: 2.5rem; margin-bottom: 2rem;}
	.section11 .contt .hover .view{font-size: 1.6rem;}

	.section22 .contt ul p {font-size: 1.5rem; line-height: 2.1rem;}	
	.section22 .view2 {   width: 14rem;  font-size:1.6rem;  padding:0.9rem 0;}
	
	.section33 .cardWrap .title {font-size: 2rem;    line-height: 2rem;}
	.section33 .cardWrap .copy {width: 70%; font-size: 1.7rem;		line-height: 2.4rem;}
	.section33 .cardWrap .view {margin-top: 1.5rem;  font-size: 1.6rem;    line-height: 1.6rem;  padding:0.85rem 1.7rem;}
	.section33 .view2 { width: 14rem;  font-size:1.6rem;  padding: 0.9rem 0;}
	
	.section44 .view2 {   font-size:1.6rem;  padding:0.9rem 0;}
	
	.section55 .newsWrap h3 {font-size: 1.9rem;}
	.section55 .newsWrap .ttl {font-size: 1.8rem;line-height: 2.4rem; margin-bottom: 1rem;}
	.section55 .newsWrap .txt {font-size: 1.6rem;    line-height: 2.2rem;}
	.section55 .newsWrap .date {font-size:1.6rem;}
	.section55 .blogWrap h3{font-size: 2.2rem; line-height: 2.2rem;}
	.section55 .blogWrap p{font-size: 1.7rem; line-height:2.2rem;}
	.section55 .ttll .ttl2 .view{padding-left:17rem;}
	/*****메인끝*****/
 
    /*****서브시작*****/
   	#subWrap .logo{width:5.6rem; height:2.1rem;}

	.tabMenu2 button{width: 5.94rem;}	
	.tabMenu2 button:nth-child(1)::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(1).on::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(2)::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(2).on::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(3)::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(3).on::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(4)::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(4).on::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(5)::before{width:5.94rem; height:3.85rem;}
	.tabMenu2 button:nth-child(5).on::before{width:5.94rem; height:3.85rem;}
	
	.ico_mark img{width: 1.8rem;}
    .overviewImg{height: 26rem;}  
    /*****서브끝*****/
}/*****360화면 끝*****/

@media all and (min-width:480px){
    /*****메인시작*****/
	.visual{margin-top:8rem;}
	.visual .sliderWrap{height: 75rem;}
	.visual .slide{height: 40rem;}
	.visual .slide .slideTxt{ width:52%;left:45%;}
	.visual .slide h2{font-size:3.5rem; line-height: 4.3rem;}
	.visual .slide p{font-size:1.65rem; line-height:2.3rem; margin-top: 1.2rem;}
	.visual .slide .link button:first-child{font-size:1.6rem; padding:.8rem 2rem; margin-top: 1.6rem;  margin-right: .6rem;}
	.visual .slide .link button:last-child{font-size:1.6rem; padding:.8rem 2rem; margin-top: 1.6rem;}
	.visual .qmn{top:40rem; padding:4rem 0;}
	.visual .qmn ul li img{width: 95%;}
	
	section .ttll{padding-top:9rem;}
	section .ttll h2 {font-size: 3.6rem; line-height:3.6rem;}
	section .ttll p {width: 90%; font-size: 2rem; line-height:3rem; margin:3rem auto 3.6rem;}
	.section11 .mockup{padding:9rem 0;}
	.section11 .mockup p{font-size: 2rem;}
	.links{padding:5rem 5%; height:45rem;}
	.links h3{font-size:3.3rem;}
	.links .v-line{height: 3.3rem; margin-top: 1.4rem; margin-bottom:1.4rem;}
	.links p{font-size:1.8rem; line-height: 2.7rem;}
	.links ul li{font-size: 1.7rem; padding:.9rem 1.2rem;margin-right: .6rem;margin-bottom:.6rem;}
	
	.section22 .contt .costWrap hr{ margin:2rem 0;}
	.section22 .contt .cost1Bg{background: url(../image/ico_fee1.png) top right / 8rem no-repeat;}
	.section22 .contt .costs h4{font-size: 2rem; line-height: 3rem;}
	.section22 .contt .costs p{ font-size:2rem;}
	.section22 .contt .costs p b{ font-size:2.4rem;}
	.section22 .contt .costs h4 p{ font-size:2.7rem;    line-height:4rem;}
	.section22 .contt .costs h4 span{background:linear-gradient(to bottom, #99d4ff 90%, transparent 0);}
	.section22 .contt .costs ul li{font-size:1.8rem; line-height: 2.7rem;}
	.section22 .contt .costs button{width:14rem; font-size:1.8rem;padding:1rem 2rem; margin-top: 1.8rem;}

	.section44 {margin-top: 5rem; padding-bottom: 9rem;}
	.section44 .view2 {width:14rem; margin-top: 2.2rem; margin-bottom:2rem; ; padding:1rem 0; font-size: 1.8rem;}

	.section55{ padding:9rem 0; margin:9rem 0 5rem 0;}
	.section55 h4{font-size:3.3rem; line-height: 3.3rem; margin-bottom:1.2rem; text-indent: 1rem;}
	.section55 .boardWrap{ padding:5rem 3rem; width:calc(90% - 6.2rem);}
	.section55 .boardWrap:first-child{margin-bottom:3rem;}
	.section55 .linkWrap{margin-bottom:1.8rem;}
	.section55 .linkWrap a{font-size:1.8rem; line-height: 1.8rem;}
	.section55 ul li{font-size:1.7rem; line-height: 3.5rem;  text-indent: 1rem;}
	
	.section66{margin-bottom: 5rem;}
	.section66 h5{ width: 12rem; font-size:1.8rem; line-height: 2.7rem;}
	.section66 .company_slides{float: right; width: calc(100% - 12rem);}
	.section66 .company_slides li a{ font-size:1.7rem; line-height: 2.7rem; margin-right: 2rem;}
	
	#footer_mo{font-size:1.8rem;}   
    #footer_mo .copy{padding-top: 3rem; padding-bottom: 3rem;} 
    #footer_mo span a{font-size:1.8rem;} 
	/*****메인끝*****/
    
    /*****서브시작*****/
	.subMenu{margin-bottom:8rem !important;}
	.subMenu .txt_menu{height : 5.6rem; font-size: 2.4rem; line-height: 5.6rem; margin-left:2.4rem; margin-right:2.4rem;}
    
    #subWrap .logo{width:8.4rem; height:3.15rem;}
    .sub1Top{width: 100%; height: 18rem; background: url(../image/sub1_bg.png) center top / auto 18rem no-repeat;}
	.sub2Top{width: 100%; height: 18rem; background: url(../image/sub2_bg.png) center top / auto 18rem no-repeat;}
	.sub3Top{width: 100%; height: 18rem; background: url(../image/sub3_bg.png) center top / auto 18rem no-repeat;}
	.sub4Top{width: 100%; height: 18rem; background: url(../image/sub4_bg.png) center top / auto 18rem no-repeat;}
	.sub6Top{width: 100%; height: 18rem; background: url(../image/sub6_bg.png) center top / auto 18rem no-repeat;}
	.sub7Top{width: 100%; height: 18rem; background: url(../image/sub7_bg.png) center top / auto 18rem no-repeat;}
    .subTop h2 {font-size: 3.4rem; padding-top: 9rem;}

    .sub_ttl1{font-size: 3.2rem; line-height:4.5rem; margin-bottom:5rem;}
	.board_ttl{font-size: 3.2rem !important; line-height:3.2rem !important; margin-bottom:5rem !important;}
    .sub_ttl2{font-size: 2.2rem; line-height: 3rem; margin-bottom:3rem;}
	.sub_ttl3{font-size: 2.5rem; line-height: 2.5rem; margin-bottom:3rem;}
	.sub_para1{font-size:1.8rem; line-height: 2.7rem; margin-bottom:3rem; letter-spacing: -0.02rem;}
  
    .tabMenu button{font-size:2rem; line-height:2rem;}
	.tabMenu button span{font-size: 1.7rem; line-height: 2rem;}
	.tabMenu button span.mission{font-size: 1.9rem;}

	.sub_ttl2 {font-size: 2.6rem; line-height: 3.2rem; margin-bottom: 3.2rem;}
	.daySection .right p{font-size: 1.8rem;}
	.daySection h6{font-size: 2rem; line-height: 2.7rem;}
	
	.tabMenu2 button{width: 8.1rem;   font-size:1.7rem; line-height: 2rem;  margin-bottom: 1.7rem;}	
	.tabMenu2 button hr{ width: 2.4rem; height: .7rem;  border-radius: .7rem; margin-top:1rem;}
	.tabMenu2 button.on hr{height: .7rem;  margin-top:.5rem; margin-bottom: .5rem; width: 2.4rem; border-radius: .7rem;  margin-top:1rem;} 	
	.tabMenu2 button:nth-child(1)::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(1).on::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(2)::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(2).on::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(3)::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(3).on::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(4)::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(4).on::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(5)::before{width:8.1rem; height:5.25rem;}
	.tabMenu2 button:nth-child(5).on::before{width:8.1rem; height:5.25rem;}
	
	.daySection1 .eximg{margin-bottom:3rem;}
	.daySection1 .eximg ul{margin-bottom: 2rem;}
	.daySection1 .eximg ul li{ float: left; width: calc(50% - .5em); margin-right: 1rem; margin-bottom: 1rem; text-align: center;}
	.daySection1 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection1 .eximg ul li:nth-child(2n){margin-right: 0;}
	.daySection1 .eximg ul li img{width: 100%;}
	
	.daySection2 .eximg{margin-bottom:3rem;}
	.daySection2 .eximg ul{margin-bottom: 2rem;}
	.daySection2 .eximg ul li{ float: left; width: calc(50% - .5em); margin-right: 1rem; margin-bottom: 1rem; text-align: center;}
	.daySection2 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection2 .eximg ul li:nth-child(2n){margin-right: 0;}
	.daySection2 .eximg ul li img{width: 100%;}
	
	.daySection3 .eximg{margin-bottom:3rem;}
	.daySection3 .eximg ul{margin-bottom: 2rem;}
	.daySection3 .eximg ul li{ float: left; width: calc(50% - .5em); margin-right: 1rem; margin-bottom: 1rem; text-align: center;}
	.daySection3 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection3 .eximg ul li:nth-child(2n){margin-right: 0;}
	.daySection3 .eximg ul li img{width: 100%;}
	
	.daySection4 .eximg{margin-bottom:3rem;}
	.daySection4 .eximg ul{margin-bottom: 2rem;}
	.daySection4 .eximg ul li{ float: left; width: calc(50% - .5em); margin-right: 1rem; margin-bottom: 1rem; text-align: center;}
	.daySection4 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection4 .eximg ul li:nth-child(2n){margin-right: 0;}
	.daySection4 .eximg ul li img{width: 100%;}
	
	.daySection5 .eximg{margin-bottom:3rem;}
	.daySection5 .eximg ul{margin-bottom: 2rem;}
	.daySection5 .eximg ul li{ float: left; width: calc(50% - .5em); margin-right: 1rem; margin-bottom: 1rem; text-align: center;}
	.daySection5 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection5 .eximg ul li:nth-child(2n){margin-right: 0;}
	.daySection5 .eximg ul li img{width: 100%;}

	.view_table ul li{font-size: 1.5rem; line-height: 2.5rem; padding:.5rem 1rem }
	
    .overviewImg{height: 32rem;}
	.overviewTable{margin-bottom:5rem;}
    .overviewTable th{font-size:1.8rem; line-height: 2.7rem;}
    .overviewTable td{font-size:1.8rem; line-height: 2.7rem;}

    .visionBg{padding-top: 5rem; padding-bottom: 5rem;}
    .vision div{width:28rem; padding: 5rem 3rem; margin-bottom: 3rem;}
    .vision div img{width: 10rem;}
    .vision div p{font-size: 2.7rem; line-height: 2.7rem; margin-top: 1.4rem; margin-bottom: 1.2rem;}
    .vision div span{font-size: 1.8rem; line-height: 2.4rem;}
    .vision div h4 span{font-size:2.3rem; line-height:2.3rem; margin-top: 1.2rem; font-weight:500;}

	.hc24Wrap .title {font-size: 2.2rem;line-height: 2.6rem;padding: 1rem 0; border-radius: 3.6rem; margin-bottom: 1.2rem;}
	.hc24Wrap .title1 {padding: 2.3rem 0}
	.hc24Wrap ul li {font-size: 1.8rem; line-height: 2.7rem;}
	.hc24Wrap img{width: 100%;}
	
	.subCont_ceo{font-size: 1.8rem; }
	.ceo2_left p .intro{font-size:2.2rem;  margin-bottom:3rem;}
	.ceo2_right{width:34rem; margin:0 auto;}
	
	.tabMenu4{margin-bottom: 3rem;}
    .tabMenu4 button{font-size:1.8rem; line-height:1.8rem; padding:1.6rem 0;}
	.y_txt1{font-size: 2.5rem; line-height: 2.5rem;}
	.y_txt2{font-size: 1.8rem; line-height: 4rem;}
	.hRight h5{font-size: 2.7rem; line-height: 2.7rem; margin-top: 2rem; margin-bottom: 1rem;}
	.hRight li{font-size: 1.8rem; line-height: 2.7rem;}
	.hRight li span{font-size: 2rem;}
	.hRight{margin-bottom: 0;}
	
	.year2023{margin-bottom:5rem;}
	.year2022{margin-bottom:5rem;}
	.year2020{margin-bottom:5rem;}
	.year2019{margin-bottom:5rem;}
	.year2018{margin-bottom:5rem;}
	.year2015{margin-bottom:5rem;}
	
	.tabMenu3 button {    font-size: 1.8rem;    line-height: 1.8rem;    padding: 1.6rem 0;}
	.c_table1{margin-bottom:6rem;}
	.c_table1 caption{font-size:2rem; line-height:2rem;}
	.c_table1 th{padding: 0.6rem; font-size:1.7rem; line-height: 2rem;}
    .c_table1 td{padding: 0.6rem; font-size:1.6rem; line-height: 2rem;}
	.awards{margin-bottom:0;}
	.tab_box3 h4{font-size: 2.5rem;}
	.c_table1 caption{font-size: 2.5rem;}
	.c_table2{margin-bottom:0;}
	.c_tableWrap{margin-bottom:0;}

	/*****요금*****/
	.c_table3{margin-bottom:/*6*/1.5rem; font-size:1.4rem; line-height:1.8rem;}
	.c_table3 caption{font-size: 2.5rem;}
	figcaption{font-size:1.4rem; line-height:2rem;  margin-bottom:6rem;}

	/*****시스템구성*****/	
	.s_table1_mo .tr_ttl th{border-right:.5rem solid #fff; padding: .7rem 1rem; font-size:1.8rem; line-height:2.2rem;}
	.s_table1_mo .tr_ttl:first-child th:first-child{border-bottom:.5rem solid #fff;  font-size:2.2rem; line-height:2.2rem; padding:2.2rem 0;}
	.s_table1_mo .tr_cont td{border-right:.5rem solid #fff; border-bottom:.5rem solid #fff; font-size:1.4rem; line-height:2rem;  padding: 1rem .7rem;}

	.s_table2_mo .tr_ttl th{border-right:.5rem solid #fff; padding: .7rem 1rem; font-size:1.8rem; line-height:2.2rem;}
	.s_table2_mo .tr_ttl:first-child th:first-child{border-bottom:.5rem solid #fff;  font-size:2.2rem; line-height:2.2rem; padding:2.2rem 0;}
	.s_table2_mo .tr_cont td{border-right:.5rem solid #fff; border-bottom:.5rem solid #fff; font-size:1.4rem; line-height:2rem;  padding: 1rem .7rem;}

	.remoteWrap .left .remoteImg{width:80%;}
	.remoteWrap .right .sub_ttl2{margin-top:3rem; margin-bottom:3rem;}
	.sub_para2{font-size: 1.7rem; margin-bottom:2.1rem;}
	.remoteWrap .right button{width:24rem; font-size:1.8rem; padding:1.2rem 1.5rem; margin-top:.4rem; border-radius:2.4rem;}
	.remote_link{ width: 100%; margin:0 auto; }
	.remote_link div{margin-top: 1rem; display: inline-block;  width:21rem; float:left; margin-right:1rem;}
	.remote_link div img{width:100%; height:auto;}
	.remote_link .last{margin-right:0 }
	.remote_link:after{display:block; content:""; clear:both;}


	.installWrap{width : 36rem; margin:0 auto; }
	.installWrap2{width : 40rem; margin:0 auto; }
    /*****서브끝*****/
}/*****480화면 끝*****/

@media all and (min-width:600px){
    /*****메인시작*****/	
	.visual{margin-top:9rem;}
	.visual .sliderWrap{height: 90rem;}
	.visual .slide .slideTxt{top:15%;}
	.visual .slide h2{font-size:4.3rem; line-height: 5.4rem;}
	.visual .slide p{font-size:2rem; line-height:3rem; margin-top: 1.2rem;}
	.visual .slide .link button:first-child{font-size: 1.8rem; padding: .9rem 2.3rem; margin-top: 1.8rem;}
	.visual .slide .link button:last-child{font-size: 1.8rem; padding: .9rem 2.3rem; margin-top: 1.8rem;}
	.visual .slide{height: 50rem;}
	.visual .qmn{top:50rem;}
	.visual .qmn{padding: 4rem 0;}

	section .ttll{padding-top: 11rem;}
	section .ttll h2{font-size:4.5rem; line-height: 4.5rem;}
	section .ttll p{font-size: 2.1rem; line-height: 3.4rem;}
	
	.section11 .mockup{padding: 12rem 0;}
	.section11 .mockup p{font-size: 2.2rem; margin-top: 3rem;}
	.links{padding:9rem 5%; height: 45rem;}
	.links h3{font-size: 4rem;}
	.links .v-line{height: 4.5rem;}
	.links p{font-size: 1.8rem; line-height: 2.7rem;}
	.links ul li{font-size: 1.8rem; padding:.9rem 1.2rem;}
	
	.section22 .contt .costWrap hr{ margin:2.5rem 0;}
	.section22 .contt .cost1Bg{background: url(../image/ico_fee1.png) top right / 10rem no-repeat;}
	.section22 .contt .costs{padding:4rem; margin:0 calc(15% - 4rem); margin-bottom: 4rem;}
	.section22 .contt .costs h4{font-size: 2.2rem; line-height: 3.5rem;}
	.section22 .contt .costs p{ font-size:2.1rem; line-height: 3.5rem;}
	.section22 .contt .costs p b{ font-size:3.3rem;}
	.section22 .contt .costs h4 p{ font-size:3.2rem;   line-height:5rem;}
	.section22 .contt .costs h4 span{background:linear-gradient(to bottom, #99d4ff 90%, transparent 0);}
	.section22 .contt .costs ul li{font-size:2rem; line-height: 3rem;}
	.section22 .contt .costs button{width:16rem; font-size:2rem;padding:1.2rem 2.4rem; margin-top: 3rem;}
	
	.section44{margin-top:11rem; padding-bottom: 9rem;}
	.section44 .view2{width: 17rem; padding:1rem 0; font-size:2rem;  margin-top:0; margin-bottom:0; }
	
	.section55{ padding:11rem 0; margin:11rem 0 7rem 0;}
	.section55 h4{font-size:4rem; line-height: 4rem; margin-bottom:1.5rem; text-indent: 2rem;}
	.section55 .boardWrap{ padding:6rem 4rem; width:calc(90% - 8.2rem);}
	.section55 .boardWrap:first-child{margin-bottom:5rem;}
	.section55 .linkWrap{margin-bottom:2.1rem;}
	.section55 .linkWrap a{font-size:2.1rem; line-height: 2.1rem;}
	.section55 ul li{font-size:2.1rem; line-height: 4.3rem;  text-indent: 2rem;}
	
	.section66{margin-bottom: 7rem;}
	.section66 h5{ width: 15rem; font-size:2.4rem; line-height: 3rem;}
	.section66 .company_slides{float: right; width: calc(100% - 15rem);}
	.section66 .company_slides li a{ font-size:2.1rem; line-height: 3rem; margin-right: 2.5rem;}
	
	#footer_mo{font-size:2rem;}   
    #footer_mo .copy{padding-top: 2.7rem; padding-bottom: 2.7rem;} 
    #footer_mo span a{font-size:2rem;} 
	/*****메인끝*****/
       
    /*****서브시작*****/   
    .subMenu{margin-bottom:12rem !important;}
	.subMenu .txt_menu{height:5.4rem; font-size: 2.2rem; line-height: 5.4rem; margin-left:3.2rem; margin-right:3.2rem;}

    #subWrap .logo{width:10.4rem; height:3.9rem;}
    .sub1Top{width: 100%; height: 24rem; background: url(../image/sub1_bg.png) center top / auto 24rem no-repeat;}
	.sub2Top{width: 100%; height: 24rem; background: url(../image/sub2_bg.png) center top / auto 24rem no-repeat;}
	.sub3Top{width: 100%; height: 24rem; background: url(../image/sub3_bg.png) center top / auto 24rem no-repeat;}
	.sub4Top{width: 100%; height: 24rem; background: url(../image/sub4_bg.png) center top / auto 24rem no-repeat;}
	.sub6Top{width: 100%; height: 24rem; background: url(../image/sub6_bg.png) center top / auto 24rem no-repeat;}
	.sub7Top{width: 100%; height: 24rem; background: url(../image/sub7_bg.png) center top / auto 24rem no-repeat;}
    .subTop h2 {font-size:4rem; padding-top: 11rem;}
    
    .sub_ttl1{font-size: 3.4rem; line-height: 1.4; margin-bottom:7rem;}
	.board_ttl{font-size: 3.4rem !important; line-height: 3.4rem !important; margin-bottom:7rem !important;}
    .sub_ttl2{font-size:2.5rem; line-height:3rem; margin-bottom: 3rem;}
	.sub_ttl3{font-size:2.7rem; line-height:2.7rem; margin-bottom: 3rem;}
	
    .sub_para1{font-size:1.8rem; line-height:2.7rem; margin-bottom: 3rem;}
    
    .tabMenu button{font-size:2.4rem; line-height:2.4rem; }
    .tabMenu button{font-size:2.3rem; line-height:2.3rem;}
	.tabMenu button span{font-size: 2rem; line-height: 2.4rem;}
	.tabMenu button span.mission{font-size:2.3rem;}
    .tabMenu button br{display:block;}

	.daySection .users li{width: 15%; margin-right: 2%;}

	.sub_ttl2{font-size: 3rem; line-height: 4.5rem; margin-bottom: 4.5rem;}
	
	.tabMenu2 button{width: 9.72rem;   font-size:1.6rem; line-height: 2rem;  margin-bottom: 1.6rem;}	
	.tabMenu2 button hr{ width: 2.4rem; height: .7rem;  border-radius: .7rem; margin-top:1rem;}
	.tabMenu2 button.on hr{height: .7rem;  margin-top:.5rem; margin-bottom: .5rem; width: 2.4rem; border-radius: .7rem;  margin-top:1rem;} 
	.tabMenu2 button:nth-child(1)::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(1).on::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(2)::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(2).on::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(3)::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(3).on::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(4)::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(4).on::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(5)::before{width:9.72rem; height:6.3rem;}
	.tabMenu2 button:nth-child(5).on::before{width:9.72rem; height:6.3rem;}
	
	.daySection h5{font-size: 2.4rem; line-height: 2.4rem;}
	.daySection h6{font-size: 2.2rem; line-height: 3rem;}
	.view_table ul li{font-size:1.7rem; line-height: 2.7rem;}
	
   .subCont_100{margin-bottom:7rem;}

    .overviewImg{height: 34rem;}
    .overviewTable{margin-bottom: 6rem;}
    .overviewTable th{font-size:1.8rem; line-height: 2.7rem;}
    .overviewTable td{font-size:1.8rem; line-height: 2.7rem;}

    .visionBg{padding-top: 6rem; padding-bottom: 6rem; margin-bottom:6rem;}
    .vision div{width:30rem; padding: 5rem 3rem; margin-bottom: 3rem;}
    .vision div img{width: 10rem;}

	.hc24Wrap ul li {font-size: 1.8rem; line-height: 2.7rem;}
	.hc24Wrap .title {font-size: 2.3rem; line-height: 3rem;}
	.hc24Wrap .title1{padding: 2.7rem 0; margin-bottom: 1.4rem;}
	.hc24Wrap .title{padding: 1.2rem 0;  border-radius: 4rem;}
	.hc24Wrap ul li::before {font-size: 3rem;  margin-left: -2.7rem;   top: 1rem;}
	
	.ceo2_right{width:40rem; margin:0 auto;}
	
	.tabMenu4{margin-bottom:4rem;}
    .tabMenu4 button{font-size:2rem; line-height:2rem; padding:1.4rem 0; width: 33%;}
	
	.y_txt1{font-size: 2.7rem; line-height: 2.7rem;}
	.y_txt2{font-size: 2.1rem; line-height: 5rem;}
	.hRight h5{font-size: 3rem; line-height: 3rem; margin-top:2.4rem; margin-bottom: 1rem;}
	.hRight li{font-size: 1.8rem; line-height: 2.7rem;}
	.hRight li span{font-size: 2rem; margin-top:1rem;}
	.hRight{margin-bottom: 0;}
	
	.year2023{margin-bottom:6rem;}
	.year2022{margin-bottom:6rem;}
	.year2020{margin-bottom:6rem;}
	.year2019{margin-bottom:6rem;}
	.year2018{margin-bottom:6rem;}
	.year2015{margin-bottom:6rem;}

	.c_table1{margin-bottom:9rem;}
	.c_table1 caption{font-size:2.4rem;}
	.c_table1 th{padding: 0.5rem; font-size:1.7rem; line-height: 2.4rem;}
    .c_table1 td{padding: 0.5rem; font-size:1.6rem; line-height: 2.4rem;}
	.c_table2{margin-bottom:0;}
	
	.tab_box3 h4{font-size: 2.7rem; margin-bottom: 2.7rem;}
	.c_table1 caption{font-size: 2.5rem; margin-bottom: 2.7rem;}
	.c_tableWrap{margin-bottom:0;}
	.awards{margin-bottom:0;}
	.client_mo{ margin-bottom:5rem;}

	/*****요금*****/
	.c_table3{margin-bottom:2rem;}
	.c_table3 caption{font-size:2.4rem;}
	.c_table3 th{padding: 0.7rem 0.5rem; font-size:1.7rem; line-height: 2.4rem;}
    .c_table3 td{padding: 0.7rem 0.5rem; font-size:1.6rem; line-height: 2.2rem;}
	figcaption{font-size:1.7rem; line-height:2.4rem;  margin-bottom:9rem;}

	/*****시스템구성*****/	
	.s_table1_mo .tr_ttl th{border-right:.7rem solid #fff; padding: 2rem 1.2rem; font-size:2rem; line-height:2.5rem;}
	.s_table1_mo .tr_ttl:first-child th:first-child{border-bottom:.7rem solid #fff;  font-size:2.3rem; line-height:2.3rem; padding:2.3rem 0;}
	.s_table1_mo .tr_cont td{border-right:.7rem solid #fff; border-bottom:.7rem solid #fff; font-size:1.7rem; line-height:2.5rem;  padding: 1.4rem 1rem;}

	.s_table2_mo .tr_ttl th{border-right:.7rem solid #fff; padding: 2rem 1.2rem; font-size:2rem; line-height:2.5rem;}
	.s_table2_mo .tr_ttl:first-child th:first-child{border-bottom:.7rem solid #fff;  font-size:2.3rem; line-height:2.3rem; padding:2.3rem 0;}
	.s_table2_mo .tr_cont td{border-right:.7rem solid #fff; border-bottom:.7rem solid #fff; font-size:1.7rem; line-height:2.5rem;  padding: 1.4rem 1rem;}
	.s_table_moLast{margin-bottom:9rem;}

	.remote_link{ width: 47rem; margin:0 auto; }
	.remote_link div{margin-top: 1rem; display: inline-block;  width:22rem; float:left; margin-right:2rem;}
	.remote_link div img{width:100%; height:auto;}
	.remote_link .last{margin-right:0;}
	.remote_link:after{display:block; content:""; clear:both;}
	.installWrap{width : 42rem; margin:0 auto; }
	.installWrap .right{margin-top:2rem; margin-bottom:2rem;}
	.sub_ttl4{font-family: 'Noto Sans KR', sans-serif; font-size: 2.8rem; line-height:3.3rem; margin-bottom:1.3rem;}
	.sub_para3{font-family: 'Noto Sans KR', sans-serif; font-size: 2.2rem; line-height:2.2rem; margin-bottom:3.4rem;}	
	.installWrap2{width : 48rem; margin:0 auto;}

	/*****서브끝*****/
}/*****600화면 끝*****/

/*****게시판 첨부파일, 목록 너비 조정*****/
	#bo_v_file a, #bo_v_file span, .bo_v_nb a, .bo_v_nb span, #bo_v_link a, #bo_v_link span{font-size:1.5rem !important;}
	.tbl_head01 td{padding:0 !important;}
	.bo_tit {text-align:center !important;}
	.tbl_head01 thead th:nth-child(3){text-align:left !important;}
/**********모바일끝**********/

/**********태블릿 세로 화면 시작**********/  
@media all and (min-width:720px) and (max-width: 1280px) and (orientation: portrait) {
    /*****메인시작*****/
	.menu_mo{top: 36rem; margin-left: -7.8rem;}
    .menu_mo .menulinks{width: 2.4rem; height:2.4rem; margin-right:4.2rem;}
	.visual .slide h2{font-size: 4.4rem;  line-height: 5.7rem;}
	.visual .slide p{width: 90%; font-size:2rem; line-height:3rem; margin-top:2rem; }
	.visual .slide .link button:first-child{font-size: 1.8rem; padding: .8rem 2.4rem; margin-top: 3rem;}
	.visual .slide .link button:last-child{font-size: 1.8rem; padding: .8rem 2.4rem; margin-top: 3rem;}
	.visual .sliderWrap{height: 90rem;}
	.visual .qmn ul li img{width: 75%;}
	
	section .ttll{padding-top:12rem;}
	section .ttll h2 {font-size:4.6rem; line-height:4.6rem;}
	section .ttll p {font-size: 2.2rem; line-height:3.3rem;}
	.links{ padding: 10rem 5%;  height: 50rem;}
	
	.section11 .mockup{padding:17rem 0;}
	.section11 .mockup img{width: 50%;}
	.section44{margin-top:12rem; margin-bottom: 12rem; padding-bottom: 10rem;}
	.section55{padding:12rem 0; margin:12rem 0 9rem 0;}
	
	.section66{margin-bottom: 7rem;}
	.section66 h5{ width: 14rem; font-size:2.3rem; line-height: 3.3rem;}
	.section66 .company_slides{float: right; width: calc(100% - 14rem);}
	.section66 .company_slides li a{ font-size:2rem; line-height: 3.3rem; margin-right: 2.5rem;}
	
	#footer_mo{font-size: 2.2rem; line-height:3.3rem;}   
    #footer_mo .copy{padding-top: 3rem; padding-bottom: 3rem;} 
    #footer_mo span a{font-size:2rem;}
    /*****메인끝*****/
    
    /*****서브시작*****/
   	#subWrap .logo{width:12.48rem; height:4.68rem;}
	.subMenu{ margin-bottom:12rem !important; border-bottom:.1rem solid #dfdfdf;}
	.subMenu .txt_menu{height:6.4rem; line-height:6.4rem; font-size: 2.8rem; margin-left:3.5rem; margin-right:4rem;}

    .sub1Top{width: 100%; height: 26rem; background: url(../image/sub1_bg.png) center top / auto 26rem no-repeat;}
	.sub2Top{width: 100%; height: 26rem; background: url(../image/sub2_bg.png) center top / auto 26rem no-repeat;}
	.sub3Top{width: 100%; height: 26rem; background: url(../image/sub3_bg.png) center top / auto 26rem no-repeat;}
	.sub4Top{width: 100%; height: 26rem; background: url(../image/sub4_bg.png) center top / auto 26rem no-repeat;}
	.sub6Top{width: 100%; height: 26rem; background: url(../image/sub6_bg.png) center top / auto 26rem no-repeat;}
	.sub7Top{width: 100%; height: 26rem; background: url(../image/sub7_bg.png) center top / auto 26rem no-repeat;}
    .subTop h2 {font-size: 5rem; padding-top: 11rem;}

    .sub_ttl1{font-size: 4rem; line-height: 4rem; margin-bottom:7rem;}
	.board_ttl{font-size: 4rem !important; line-height: 4rem !important; margin-bottom:7rem !important;}
    .sub_ttl2{font-size: 3.4rem; line-height: 3.4rem; margin-bottom: 5rem;}
	.sub_ttl3{font-size: 3.6rem; line-height: 3.6rem; margin-bottom:5rem;}

    .tabMenu button{font-size:2.5rem; line-height:2.5rem;}
	.tabMenu button hr{height: .6rem; margin-top:1rem; margin-bottom: 1rem; border:none;}
	.tabMenu button.on hr{height: .6rem; border:none;}
	.tabMenu button{font-size:2.5rem;}
	.tabMenu button span{font-size:2.1rem;}
	.tabMenu button span.mission{font-size:2.4rem;}
	
	.subImg{margin-top: 5rem; margin-bottom: 7rem;}

	.dayDevices{width: 70%;}
	.dayDevices1{width: 70%;}
	.sub_para1 {font-size: 2.2rem; line-height: 3.3rem; margin-bottom: 5rem; text-align: center;}
	.dayDevices img{ margin-bottom: 7rem;}
	.dayDevices1 img{ margin-bottom: 7rem;}

	.tabMenu2 button{width: 11.88rem;   font-size:2rem; line-height: 3rem;  margin-bottom: 4rem;}	
	.tabMenu2 button hr{ width: 2.4rem; height: .7rem;  border-radius: .7rem; margin-top:1rem;}
	.tabMenu2 button.on hr{height: .7rem;  margin-top:.5rem; margin-bottom: .5rem; width: 2.4rem; border-radius: .7rem;  margin-top:1rem;} 	
	.tabMenu2 button:nth-child(1)::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(1).on::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(2)::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(2).on::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(3)::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(3).on::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(4)::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(4).on::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(5)::before{width:11.88rem; height:7.7rem;}
	.tabMenu2 button:nth-child(5).on::before{width:11.88rem; height:7.7rem;}
	
	.daySection .left{text-align: center;}
	.daySection .left img{width: 70%; margin-bottom: 5rem;}
	.day_mo2 .left img{width: 100%;}
	.day_tab2 .left img{width: 100%;}
	.daySection hr {height: 0.5rem; background: #101f3e; border-radius: 0.5rem; width: 5rem; margin-bottom: 1rem;}
	.daySection h5 {font-size: 3rem; line-height: 3rem;}
	.daySection .right p{font-size: 2rem; line-height: 3rem;}
	.daySection h6 {font-size: 2.5rem; line-height: 4rem;}
	.daySection .users li {float: left; width: 15%; margin-right: 2%; margin-bottom: 2rem;}
	.view_table ul li {font-size: 1.8rem; line-height: 3.2rem;}
	
    .overviewImg{height: 48rem;}
    .overviewTable{margin-bottom:9rem;}
    .overviewTable th{font-size:2.2rem; line-height: 3.3rem;}
    .overviewTable td{font-size:2.2rem; line-height: 3.3rem;}

    .visionBg{padding-top: 9rem; padding-bottom: 9rem; margin-bottom:9rem;}
    .vision div{width:40rem; padding: 5rem 3rem; margin-bottom: 4rem;}
    .vision div img{width: 14rem;}
    .vision div p{font-size: 3.4rem; line-height: 3.4rem; margin-top: 1.8rem; margin-bottom: 1.2rem;}
    .vision div span{font-size: 2.2rem; line-height: 3.3rem;}
    .vision div h4 span{font-size:3rem; line-height:3rem; margin-top: 1.2rem;}

	.hc24Wrap{margin-bottom:4rem;}
	.hc24Wrap .title{font-size: 2.5rem; line-height: 3.4rem; border-radius: 4.8rem;}
	.hc24Wrap ul li{font-size: 2rem; line-height: 3rem;}
	.hc24Wrap .title1{padding:3.1rem 0;}
	
	.hc2_4{width: 80%; margin:0 auto;}
	.hc24Wrap ul{width: 96%; margin:0 auto; margin-top: 2rem;  margin-bottom: 4rem;}
	.hc24Wrap_last{margin-bottom:9rem;}
	.hc24Wrap .hcimg_last{margin-bottom:9rem;}
	
	.subCont_ceo{ font-size:2.2rem; margin-bottom:7rem;}
	.ceo2_right{width:40rem; margin:0 auto;}
	.ceo2_left p .intro{font-size:2.6rem; margin-bottom:5rem;}
	
	.tabMenu4{margin-bottom: 4rem;}
    .tabMenu4 button{font-size:2.5rem; line-height:2.5rem; padding: 1.8rem 0;}
	.y_txt1{font-size: 3.2rem; line-height: 3.2rem;}
	.y_txt2{font-size: 2.4rem; line-height: 6rem;}
	.hRight h5{font-size: 3.6rem; line-height: 3.6rem; margin-top: 1.6rem; margin-bottom: 1.4rem;}
	.hRight li{font-size: 2.2rem; line-height: 3.3rem; margin-bottom:1.4rem;}
	.hRight li span{font-size: 3rem;}
	.hRight li:last-child{margin-bottom: 4rem;}
	.c_table2{margin-bottom: 0;}
	.c_tableWrap{margin-bottom: 0;}
	.hc2_1{margin-bottom: 9rem;}
	.hc2_2{margin-bottom: 9rem;}
	.hc2_3{margin-bottom: 9rem;}
	.hc2_5{margin-bottom: 9rem;}
	
	.year2023{margin-bottom:9rem;}
	.year2022{margin-bottom:9rem;}
	.year2020{margin-bottom:9rem;}
	.year2019{margin-bottom:9rem;}
	.year2018{margin-bottom:9rem;}
	.year2015{margin-bottom:9rem;}

	.awards{margin-bottom:0;}
	.c_table1{margin-bottom:9rem;}
	.c_table1 caption{font-size:3rem;}
	.c_table1 th{padding: 0.7rem; font-size:2.2rem; line-height: 3.3rem;}
    .c_table1 td{padding: 0.7rem; font-size:2rem; line-height: 3rem;}
	.tab_box3 h4{font-size: 3.6rem; margin-bottom: 4rem;}
	.c_table1 caption{font-size: 3.6rem; margin-bottom: 4rem;}

	/*****요금*****/
	.c_table3{margin-bottom:/*9*/2rem;}
	.c_table3 caption{font-size:3rem;margin-bottom: 4rem;}
	.c_table3 th{padding: 0.8rem 0.5rem; font-size:2rem; line-height: 3rem;}
    .c_table3 td{padding: 0.8rem 0.5rem; font-size:1.8rem; line-height:2.7rem;}
	figcaption{font-size:2rem; line-height:3rem;  margin-bottom:9rem;}
	.s_table_moLast{margin-bottom:9rem;}
	.remoteWrap .left .remoteImg{width: 70%;}
	.remoteWrap .right .sub_ttl2{margin-top:5rem; margin-bottom:4rem;}
	.sub_para2{ font-size:2.1rem; margin-bottom:3rem;}
	.remoteWrap .right button{width:30rem; font-size:2.1rem; padding:1.6rem 2rem; margin-top:1rem; margin-bottom:2rem; border-radius:3rem;}
	.remote_link{ width:50rem; margin:0 auto;}
	.remote_link div{margin-top: 1rem; display: inline-block;  width:24rem; float:left; margin-right:2rem;}
	.remote_link div img{width:100%; height:auto;}
	.remote_link .last{margin-right:0 }
	.remote_link:after{display:block; content:""; clear:both;}
	.client_mo{ margin-bottom:7rem;}

	
	/*****시스템구성*****/	
	.s_table1_mo .tr_ttl th{border-right:.7rem solid #fff; padding: 2rem 1.2rem; font-size:2.1rem; line-height:2.7rem;}
	.s_table1_mo .tr_ttl:first-child th:first-child{border-bottom:.7rem solid #fff;  font-size:2.5rem; line-height:2.5rem; padding:2.3rem 0;}
	.s_table1_mo .tr_cont td{border-right:.7rem solid #fff; border-bottom:.7rem solid #fff; font-size:1.8rem; line-height:2.7rem;  padding: 1.4rem 1rem;}

	.s_table2_mo .tr_ttl th{border-right:.7rem solid #fff; padding: 2rem 1.2rem; font-size:2.1rem; line-height:2.7rem;}
	.s_table2_mo .tr_ttl:first-child th:first-child{border-bottom:.7rem solid #fff;  font-size:2.5rem; line-height:2.5rem; padding:2.3rem 0;}
	.s_table2_mo .tr_cont td{border-right:.7rem solid #fff; border-bottom:.7rem solid #fff; font-size:1.8rem; line-height:2.7rem;  padding: 1.4rem 1rem;}
	.s_table_moLast{margin-bottom:9rem;}

	.installWrap{width : 50rem; margin:0 auto; }
	.installWrap .right{margin-top:3rem; margin-bottom:3rem;}
	.sub_ttl4{font-family: 'Noto Sans KR', sans-serif; font-size: 3.3rem; line-height:4rem; margin-bottom:1.7rem;}
	.sub_para3{font-family: 'Noto Sans KR', sans-serif; font-size: 2.7rem; line-height:2.7rem; margin-bottom:3rem;}
	.btn_install1{width:26rem; margin:0 auto;}
	.btn_inatall1 img{width:100%; height:auto;}

	.installWrap2{width : 60rem; margin:0 auto; }
	.btn_install2{width:30rem; margin:0 auto;}
	.btn_inatall2 img{width:100%; height:auto;}
	
	/*****서브끝*****/
}/*****720x1280~세로로길어지는화면 끝*****/
/**********태블릿세로 화면 끝**********/

/**********태블릿가로 화면 시작**********/
@media all and (min-width: 720px) and (max-width: 1280px) and (orientation: landscape) {
    /*****메인시작*****/
	.visual{position: relative; width: 100vw; height:auto;}
	
	.visual .sliderWrap{height:70rem;}
	.visual .slide .slideTxt{top:24%; left:50%;}
	.visual .slide .slideTxt .lines3{display:none;}
	.visual .slide .slideTxt .lines2{display:block;}
	.visual .slide h2{font-size:4.5rem; line-height:5.7rem;}
	.visual .slide p{font-size:1.9rem; line-height:2.7rem; margin-top: 1.7rem; width: 90%;}	
	.visual .slide .link button:first-child{font-size:1.7rem; padding:0.7rem 2.4rem; margin-top:2.5rem; }
	.visual .slide .link button:last-child{font-size:1.7rem; padding:0.7rem 2.4rem; margin-top:2.5rem; }
	.visual .qmn{padding: 2rem 0;}
	.visual .qmn ul li{width: 10%; margin-right: 2%;}
	.visual .qmn ul li:first-child{margin-right: 6%}
	.visual .qmn ul li:last-child{margin-right: 0;}
	.visual .qmn ul li img{width: 100%;}
	
	section .ttll h2 {font-size: 4.2rem; line-height: 4.2rem;}
	section .ttll p {font-size:2rem; line-height: 3rem; margin: 5rem auto 5rem;    width:75%;}
	section .ttll{padding-top:11rem;}
	
	.service_slide .mockup{float:left; width:50%; height: 47rem; padding:5rem 0;}
	.service_slide .mockup img{padding-top:12rem;}
	.service_slide .links{float: right; width:40%;}
	.service_slide:after{display: block; content: ""; clear: both;}
	.section11 .mockup img{width:60%;}
	.section11 .mockup p{font-size:2rem;}
	
	.links{padding: 5rem 5%; height: 47rem;}
	.links h3{font-size:3.5rem;}
	.links .v-line{height:3.5rem; margin-top:1rem; margin-bottom:1.4rem;}
	.links p{font-size:1.7rem; line-height: 2.7rem; margin-bottom:2rem;}
	.links ul li{font-size:1.6rem; padding:.6rem 1rem;}
	.service_slides .slick-arrow{position:absolute; top:calc(50% - 1.6rem); left: 2%;}
	.service_slides .slick-next{margin-left: 43%; background: url("../image/service_chev2.png") center no-repeat;}
	
	.section22 .contt .costWrap{width: 100%; margin:0 auto;}
	.section22 .contt .costs{width:34%; padding:3rem 2.5rem;   }
	.section22 .contt .cost1{ margin:0 calc(16% - 13.2rem) 0 8rem;}
	.section22 .contt .cost2{ margin:0 8rem 0 calc(16% - 13.2rem) ;}
	.section22 .contt .costs h4{font-size: 1.8rem; line-height: 3rem;}
	.section22 .contt .costs p{ font-size:1.8rem; line-height: 3rem;}
	.section22 .contt .costs p b{ font-size:2.7rem;}
	.section22 .contt .costs h4 p{ font-size:2.7rem; line-height:3.5rem; }
	.section22 .contt .costs ul li{font-size:1.7rem; line-height: 2.6rem;}
	.section22 .contt .costs button{width:14rem; font-size:1.7rem;padding:.9rem 1.8rem; margin-top: 2.5rem;}
	.section22 .contt .cost1Bg{background: url(../image/ico_fee1.png) top right / 7rem no-repeat;}
	.section22 .contt .cost2Bg{background: url(../image/ico_fee2.png) top right / 8rem no-repeat;}

	.section44{margin-top:9rem; margin-bottom:11rem; padding-bottom: 7rem;}
	.section44 .ttll{padding-top:9rem;}
	.section44 .view2{font-size:1.7rem; width:15rem; padding:0.9rem 0px;}
	
	.section55{padding:11rem 0 5rem 0; margin:11rem 0 6rem 0;}
	.section55 .boardWrap{width: calc(43% - 6.2rem); padding:5rem 3rem;}
	.section55 .boardWrap:first-child{float: left; margin-left:5%;}
	.section55 .boardWrap:last-child{float: right; margin-right:5%;}
	.section55:after{display:block; clear: both; content: "";}
	.section55 h4{font-size: 3.5rem; line-height: 3.5rem; margin-bottom: 1.4rem; text-indent: 1.5rem;}
	.section55 ul li{font-size:1.8rem; line-height: 4rem; text-indent:1.7rem;}
	.section55 .linkWrap a{font-size:1.8rem; line-height: 1.8rem;}
	
	.section66{margin-bottom: 6rem;}
	.section66 h5{ width: 12rem; font-size:2.1rem; line-height: 3rem;}
	.section66 .company_slides{float: right; width: calc(100% - 12rem);}
	.section66 .company_slides li a{ font-size:1.8rem; line-height: 3rem; margin-right: 2.5rem;}
	
	#footer_mo{display: none;}
    #footer_tab{display: block; width:100%; background: #202020; color: #bcbcbc; font-size: 1.8rem; line-height:2.7rem; position: relative;}  
	#footer_tab a{color: #bcbcbc;}
    #footer_tab .copy{padding: 2rem 5% 2rem 5%;} 
	#footer_tab span{color: #fff;}
    #footer_tab span a{color: #fff; font-size:1.8rem; line-height:1.5;} 
	#footer_tab .gototop{display:block; width: 6rem; height: 6rem; position:absolute; top:-2rem; right:5%;}
    /*****메인끝*****/

    /*****서브시작*****/
     #subWrap .logo{top:3.5rem;}
    .sub1Top{width: 100%; height: 30rem; background: url(../image/sub1_bg.png) center top / auto 30rem no-repeat;}
	.sub2Top{width: 100%; height: 30rem; background: url(../image/sub2_bg.png) center top / auto 30rem no-repeat;}
	.sub3Top{width: 100%; height: 30rem; background: url(../image/sub3_bg.png) center top / auto 30rem no-repeat;}
	.sub4Top{width: 100%; height: 30rem; background: url(../image/sub4_bg.png) center top / auto 30rem no-repeat;}
	.sub6Top{width: 100%; height: 30rem; background: url(../image/sub6_bg.png) center top / auto 30rem no-repeat;}
	.sub7Top{width: 100%; height: 30rem; background: url(../image/sub7_bg.png) center top / auto 30rem no-repeat;}
    .subTop h2 {font-size: 4rem; padding-top:13rem;}

	.subMenu{margin-bottom: 12rem !important; background: #fff; border-bottom: .1rem solid #dfdfdf;}
    .subMenu ul{width: 75rem;}
	.subMenu ul li a {color:#333;}
    .subMenu .txt_menu { font-size:2rem; line-height: 5rem; height:5rem; padding: 0; margin-left: 3rem; margin-right: 3rem;}
    .subMenu .txt_menu:hover{color: #2e3e86;}

    .sub_ttl1{font-size: 3.4rem; line-height: 3.4rem; margin-bottom: 6rem;}
	.sub_ttl3{font-size: 2.8rem; line-height: 2.8rem; margin-bottom: 6rem;}
	.board_ttl{font-size: 3.4rem !important; line-height: 3.4rem !important; margin-bottom: 6rem !important;}
	.subCont{width: 90rem;  margin-bottom: 5rem;}
	.subCont_100{margin-bottom:7rem;}
	.subCont_100 .sub_ttl1{width:100%;}

    .sub_ttl2{font-size: 3rem; line-height:3rem; margin-bottom:4rem;}

	.subCont_100{width:100%;}
    .overview{width:85rem; margin:0 auto;}
    .overview div{float: left;}
    .overview:after{display: block; content: ""; clear: both;}
    .overviewImg{height: 39rem; width: 26rem; margin-right:2rem; background-size: 45rem; margin-bottom:6rem;}
    .overviewTable{width: 56rem; margin-bottom: 8rem;    margin:0;}
    .overviewTable th{font-size:1.7rem; line-height: 2.4rem; padding: .9rem 0;}
    .overviewTable td{font-size:1.7rem; line-height: 2.4rem; padding: .9rem 0;}

    .visionBg{padding-top: 6rem; padding-bottom: 6rem; margin-bottom:6rem;}
    .vision{width:85rem; margin: 0 auto;}
    .vision div{width:21rem; height: 20rem; padding:5rem 3rem; margin-bottom: 4rem; float: left; margin-right: 2rem;}
    .vision div:last-child{margin-right: 0;}
    .vision:after{display: block; content: ""; clear: both;}
    .vision div img{width: 8rem;}
    .vision div p{font-size: 2.4rem; line-height: 4rem; margin-top: 1rem; margin-bottom: 0;}
    .vision div span{font-size:1.7rem; line-height: 2.2rem;}
    .vision div h4 span{font-size:2rem; line-height:2rem; margin-top: 1rem;}
	
	.img_organization{width:85rem; margin:0 auto;}

	.tabMenu button{width: 19.5%;}
	.tabMenu button hr{height: .5rem;  margin-top: .9rem; margin-bottom: .9rem; border:none;}
	.tabMenu button.on hr{height: .5rem; margin-top: .9rem; margin-bottom: .9rem; border:none;}
	.tabMenu button{font-size:2.6rem;}
	.tabMenu button span{font-size:1.8rem; line-height: 2rem;}
	.tabMenu button span.mission{font-size: 2rem;}	
	.tabMenu button br{display:block;}
	
	.subImg{margin-top: 5rem; margin-bottom: 7rem;}
	
	.dayDevices{width:45rem;}
	.dayDevices1{width:45rem;}
	.tabMenu2 button{width: 10.8rem;   font-size:1.8rem; line-height: 3rem;  margin-bottom: 4rem;  margin-right: 2rem;}	
	.tabMenu2 button:last-child{margin-right: 0;}
	.tabMenu2 button hr{ width: 2rem; height: .6rem;  border-radius: .6rem; margin-top:1.4rem;}
	.tabMenu2 button.on hr{height: .6rem;  margin-top:1rem; margin-bottom: 1rem; width: 2rem; border-radius: .6rem;  margin-top:1.4rem;} 	
	.tabMenu2 button:nth-child(1)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(1).on::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(2)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(2).on::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(3)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(3).on::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(4)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(4).on::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(5)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(5).on::before{width:10.8rem; height:7rem;}
	
	.daySection{width:100%; margin: 0 auto;}
	.daySection hr {height: 0.5rem; background: #101f3e; border-radius: 0.5rem; width: 5rem; margin-bottom: 1rem;}
	.daySection h5 {font-size: 2.7rem; line-height: 2.7rem; margin-bottom:2rem;}
	.daySection .right p{font-size: 1.8rem; line-height: 2.7rem; margin-bottom: 1rem;}
	.daySection h6 {font-size: 2rem; line-height: 3rem;}
	.daySection .users li {float: left; width: 15%; margin-right: 2%; margin-bottom: 0;}
	.view_table ul li {font-size: 1.6rem; line-height: 3rem;}
	
	.day1_1{margin-bottom:1rem;}
	.day1_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day1_1 .left img{width: 100%; margin-bottom:0;}
	.day1_1 .right{float:left; width: 47rem; margin-left: 3rem;}
	.day1_1 .right .users{width: 100%;}
	.day1_1:after{display: block; content: ""; clear: both;}
	.daySection1 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection1 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection1 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection1 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection1 .eximg ul li:last-child{margin-right: 0;}
	.daySection1 .eximg ul li img{width: 100%;}
	
	.day2_1{margin-bottom:1rem;}
	.day2_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day2_1 .left img{width: 100%; margin-bottom:0;}
	.day2_1 .right{float:left; width: 47rem; margin-left: 3rem;}
	.day2_1 .right .users{width: 100%;}
	.day2_1:after{display: block; content: ""; clear: both;}
	.daySection2 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection2 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection2 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection2 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection2 .eximg ul li:last-child{margin-right: 0;}
	.daySection2 .eximg ul li img{width: 100%;}
	
	.day3_1{margin-bottom:1rem;}
	.day3_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day3_1 .left img{width: 100%; margin-bottom:0;}
	.day3_1 .right{float:left; width: 47rem; margin-left: 3rem;}
	.day3_1 .right .users{width: 100%;}
	.day3_1:after{display: block; content: ""; clear: both;}
	.daySection3 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection3 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection3 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection3 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection3 .eximg ul li:last-child{margin-right: 0;}
	.daySection3 .eximg ul li img{width: 100%;}
	
	.day4_1{margin-bottom:1rem;}
	.day4_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day4_1 .left img{width: 100%; margin-bottom:0;}
	.day4_1 .right{float:left; width: 47rem; margin-left: 3rem;}
	.day4_1 .right .users{width: 100%;}
	.day4_1:after{display: block; content: ""; clear: both;}
	.daySection4 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection4 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection4 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection4 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection4 .eximg ul li:last-child{margin-right: 0;}
	.daySection4 .eximg ul li img{width: 100%;}
	
	.day5_1{margin-bottom:1rem;}
	.day5_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day5_1 .left img{width: 100%; margin-bottom:0;}
	.day5_1 .right{float:left; width: 47rem; margin-left: 3rem;}
	.day5_1 .right .users{width: 100%;}
	.day5_1:after{display: block; content: ""; clear: both;}
	.daySection5 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection5 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection5 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection5 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection5 .eximg ul li:last-child{margin-right: 0;}
	.daySection5 .eximg ul li img{width: 100%;}
	
	.day_mo1{margin-bottom:1rem;}
	.day_mo1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day_mo1 .left img{width: 100%; margin-bottom:0;}
	.day_mo1 .right{float:left; width: 47rem; margin-left: 3rem;}
	.day_mo1 .right .users{width: 100%;}
	.day_mo1:after{display: block; content: ""; clear: both;}
	.day_mo2 .left{float: left; width: 38rem; padding-left: 1rem; padding-right:1rem; margin-top: 4em;  margin-bottom:3rem;}
	.day_mo2 .left img{width: 100%;}
	.day_mo2 .right{float: left; width: 47rem; margin-left: 3rem;}
	.day_mo2:after{display: block; content: ""; clear: both;}

	.day_tab1{margin-bottom:1rem;}
	.day_tab1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day_tab1 .left img{width: 100%; margin-bottom:0;}
	.day_tab1 .right{float:left; width: 47rem; margin-left: 3rem;}
	.day_tab1 .right .users{width: 100%;}
	.day_tab1:after{display: block; content: ""; clear: both;}
	.day_tab2 .left{float: left; width: 38rem; padding-left: 1rem; padding-right:1rem; margin-top: 4em;  margin-bottom:3rem;}
	.day_tab2 .left img{float: left; width: 100%;}
	.day_tab2 .right{float: left;  width: 47rem; margin-left: 3rem;}
	.day_tab2:after{display: block; content: ""; clear: both;}	
	.da5_2 ul li{float: left; width: 20%;}
	.da5_2 ul:after{display: block; content: ""; clear: both;}
	
	.view_table{margin-bottom: 7rem;}
	
	.hc24Wrap ul li{font-size: 1.6rem; line-height: 2.4rem;}
	.hc24Wrap ul li::before {font-size: 2rem;}
	.hc24Wrap .title{font-size: 1.8rem; line-height: 2.4rem; padding:1rem 0 ; margin-bottom: 1.2rem; border-radius:3.4rem;}
	.hc24Wrap .title1{padding: 2.2rem 0;}
	.hc24Wrap{width: 32%; float:left; margin-right: 2%; margin-bottom:7rem;}
	.hc24Wrap:last-child{margin-right: 0;}
	.hc2_4:after{display: block; content: ""; clear: both;}

	.subCont_ceo{font-size:1.8rem;}
	.ceo2_right{width:30rem; margin:0; float:right;}
	.ceo_img{width:100%;}
	.ceo_img img{width:100%;}
	.ceo2_left{width:56rem; margin-right:4rem; float:left;}
	.subCont_ceo:after{display:block; content:""; clear:both;}
	.ceo2_left p .intro{font-size:2.2rem; margin-bottom:7rem;}
	.br{display:none;}

	.tabMenu4{margin-bottom: 3.6rem;}
    .tabMenu4 button{width: 33%; font-size:2rem; line-height: 2rem; padding:1.2rem 0;}	
	.y_txt1 {font-size: 2.8rem;    line-height: 2.8rem; width: 100%;}
	.y_txt2{font-size: 1.7rem; line-height: 5rem; width: 100%; margin-bottom: 4rem;}	
	.hRight li{font-size: 1.9rem; line-height: 2.9rem;}
	.hRight li span{font-size: 2.2rem;}	
	.h_wrap .hLeft{float: left; width: 50%; margin-right: 4%;}
	.h_wrap .hRight{float: right; width: 46%;}
	.h_wrap:after{display: block; content: ""; clear: both;}   
	.hRight h5 {font-size: 2.8rem; line-height: 2.8rem; margin-top:2rem; margin-bottom: 1rem;}
	.hRight li {font-size: 1.8rem; line-height: 2.7rem; list-style-position: inside; margin-bottom:0;}
	.hRight li span {font-size: 1.8rem; line-height: 2.7rem; display: inline-block; margin-right: .5rem;}
	.tab_box4{margin-bottom:10rem;}
	
	.year2023{margin-bottom:10rem;}
	.year2022{margin-bottom:10rem;}
	.year2020{margin-bottom:10rem;}
	.year2019{margin-bottom:10rem;}
	.year2018{margin-bottom:10rem;}
	.year2015{margin-bottom:10rem;}
	.year2023 .hRight h5:first-child, .year2022 .hRight h5:first-child, .year2021 .hRight h5:first-child,  .year2020 .hRight h5:first-child,  .year2018 .hRight h5:first-child,  .year2016 .hRight h5:first-child, .year2015 .hRight h5:first-child{margin-top:0;}

	.certifica_mo{display: none;}
    .certifica_pc{display:block;}
	.c_table1{margin-bottom:10rem;}
	.c_table1 caption{font-size:2.4rem; line-height:4.8rem;}
	.c_table1 th{padding: 0.6rem 1rem; font-size:1.8rem; line-height: 2.4rem;}
    .c_table1 td{padding: 0.6rem 1rem; font-size:1.7rem; line-height: 2.4rem;}
	.tabWrap3{width: 100%; margin-bottom:0;}
	.tabMenu3 button{width: 49.5%; font-size: 2.1rem;}
    .tab_box3 div{float: left;}
    .tab_box3:after{display: block; content: ""; clear: both;}
	.tab_box3 .sub_img{width: 100%;}
	.tab_box3 h4{font-size: 2.7rem; line-height: 4rem; margin-top:2rem;margin-bottom: 2rem;}
	.c_table1 caption{font-size: 2.7rem; line-height: 4rem;  margin-bottom: 2rem;}
	.awards{margin-top:2rem; margin-bottom:12rem;}
	.c_table1{margin-top:2rem;}
	.c_table2{margin-bottom:0;}

	/*****요금*****/
	.c_table3{margin-bottom:/*10*/2rem;}
	.c_table3 caption{font-size:2.4rem; line-height:3.6rem; margin-bottom:2rem;}
	.c_table3 th{padding: 1rem 0.6rem; font-size:1.8rem; line-height: 2.4rem;}
    .c_table3 td{padding: 1rem 0.6rem; font-size:1.7rem; line-height: 2.4rem;}
	figcaption{font-size:1.8rem; line-height:2.7rem;  margin-bottom:10rem;}

	/*****시스템구성*****/
	.s_table1_mo{display:none;}
	.s_table1_pc{display:block;}
	.s_table1_pc{width: 100%; max-width:100%; margin:0 auto; border-collapse:collapse; background:#fff; text-align:center; margin-bottom:.4rem; color:#222; table-layout:fixed;}
	.s_table1_pc .tr_ttl th{background:#ff8f39; color:#fff; border-right:.4rem solid #fff; padding: 1.2rem .5rem; font-weight500; text-align:center;  font-size:1.5rem; line-height: 2.1rem;}
	.s_table1_pc .tr_ttl:first-child th{text-align:center; border-bottom:.4rem solid #fff;; font-size:1.8rem; line-height:1.8rem; padding:1.8rem 0;}
	.s_table1_pc .tr_ttl th:last-child{border-right:none;}
	.s_table1_pc tr td{ font-size:1.3rem; line-height:2.1rem; padding:1rem .6rem; background:#fff0e5; border-right:.4rem solid #fff; overflow:hidden; text-align:left; vertical-align:top; }
	.s_table1_pc .tr_cont td:last-child{border-right:none; }

	.s_table2_mo{display:none;}
	.s_table2_pc{display:block;}
	.s_table2_pc{width: 100%; max-width:100%; margin:0 auto; border-collapse:collapse; background:#fff; text-align:center; margin-bottom:1rem; color:#222; table-layout:fixed;}
	.s_table2_pc .tr_ttl th{background:#4677c6; color:#fff; border-right:.4rem solid #fff; padding: 1.2rem .5rem; font-weight:700; text-align:center;  font-size:1.5rem; line-height: 2.1rem;}
	.s_table2_pc .tr_ttl:first-child th{text-align:center; border-bottom:.4rem solid #fff;; font-size:1.8rem; line-height:1.8rem; padding:1.8rem 0;}
	.s_table2_pc .tr_ttl th:last-child{border-right:none;}
	.s_table2_pc tr td{ font-size:1.3rem; line-height:2.1rem; padding:1rem .6rem; background:#e2ebf9; border-right:.4rem solid #fff; overflow:hidden; text-align:left; vertical-align:top; }
	.s_table2_pc .tr_cont td:last-child{border-right:none; }
	.s_table_pcLast{margin-bottom:10rem;}

	.remoteWrap{margin-top:5rem; margin-bottom:5rem;}
	.remoteWrap .left{float:left; width:40rem; padding-top:1.5rem;}
	.remoteWrap .left .remoteImg{width:90%;}
	.remoteWrap .right{float:left; width:47rem; margin-left: 3rem; text-align: left;}
	.remoteWrap:after{display:block; content:""; clear:both;}
	.remoteWrap .right .sub_ttl2{margin-top:0; margin-bottom:1rem; font-size:2.8rem; text-align:left;}
	.sub_para2{ font-size:1.6rem; line-height:2.3rem; margin-bottom:1.2rem; text-align:justify;}
	.remoteWrap .right button{width:23rem; font-size:1.6rem; padding:1rem 2rem; margin-top:1rem; margin-bottom:2rem; border-radius:3rem;}

	
	.remote_link{ width:47rem ; margin:0 auto; }
	.remote_link div{margin-top: 1rem; display: inline-block;  width:22rem; float:left; margin-right:2rem;}
	.remote_link div img{width:100%; height:auto;}
	.remote_link .last{margin-right:0; }
	.remote_link:after{display:block; content:""; clear:both;}

	.client_pc{display: block; width:100%; margin-bottom:7rem;}
	.client_mo{display: none;}
	
	.installWrap{width : 90rem; margin:0 auto; margin-top:5rem; }
	.installWrap .left{width:50%; float:left;}
	.installWrap .left .installImg img{width:100%; }
	.installWrap .right{width:43%; float:left; margin-top:3rem; margin-bottom:3rem; margin-left:7%;}
	.installWrap:after{display: block; content: ""; clear: both;}
	.sub_ttl4{font-family: 'Noto Sans KR', sans-serif; font-size: 2.5rem; line-height:3.2rem; margin-bottom:2rem; text-align:left;}
	.sub_para3{font-family: 'Noto Sans KR', sans-serif; font-size: 2rem; line-height:2rem; margin-bottom:3rem; text-align:left;}
	.btn_install1{width:23.1rem; margin:0; text-align:BLUEleft;}
	.btn_inatall1 img{width:100%; height:auto;}

	.installWrap2{width : 96rem; margin:0 auto; margin-top:5rem; }
	.installWrap2 .left{width:60%; float:left;}
	.installWrap2 .right{width:40%; float:left; margin-top:5rem; margin-bottom:3rem; margin-left:0%; }
	.installWrap2:after{display: block; content: ""; clear: both;}
	.btn_install2{width:26.7rem; margin:0; text-align:left;}
	.btn_inatall2 img{width:100%; height:auto;}

	/*****서브끝*****/
}/***태블릿가로1280x720~화면 끝***/
/**********태블릿가로 화면 끝**********/

/**********PC시작**********/
/*1360x768, 1366*768*/
@media all and (min-width:1281px){
    /*****메인시작*****/
    #mainWrap{width: 100%;}
	#gnb .oneD{font-size: 1.8rem;}
	#gnb .twoD{font-size:1.6rem !important;   line-height:2rem;}

   /*메인헤더_피씨시작*/
	.visual{position: relative; width: 100vw; height: 73rem;  margin-top:8rem;}	
	.visual .slide1{background: url(../image/slide1.png) center / cover no-repeat;}
	.visual .slide{height: 60rem;}
	.visual .slide .slideTxt{top:14%; left:55%;}
	.visual .slide .slideTxt img{display: block; width:24rem; height: auto; margin-top:2rem; margin-bottom:2rem;}
	.visual .slide .slideTxt .lines3{display: none;}
	.visual .slide .slideTxt .lines2{display: block;}
	.visual .slide h2{font-size: 4.3rem; line-height: 5.3rem;}	
	.visual .slide p{width:60%;font-size: 1.8rem;line-height:2.5rem; margin-top:2rem;}
	.visual .slide .link button:first-child{font-size:1.7rem; padding: .9rem 2rem; margin-top:1.4rem;width: 13rem;}
	.visual .slide .link button:last-child{font-size:1.7rem; padding: .9rem 2rem; margin-top:1.4rem; width: 13rem;}
	.visual .qmn {padding:0; top:60rem;}
	.visual .qmn ul{width:108rem;   }
	.visual .qmn ul li{width:8.6rem ; margin-right:5rem; padding:1.5rem 0;}
	.visual .qmn ul li:first-child{margin-right: 5rem; padding-right: 4rem; border-right:1px solid rgba(255,255,255,.7)}
	.visual .qmn ul li:last-child{margin-right: 0;}
	.visual .qmn ul li img{width: 8.6rem;}
	.visual .qmn ul li:first-child img{width: 8.6rem;}

	section .ttll {padding-top:11rem;}
	section .ttll h2 {font-size: 4.2rem; line-height: 4.2rem;}
	section .ttll p {font-size: 1.9rem; line-height: 2.7rem; margin: 5rem auto 5rem;}
	
	.service_slide .mockup{float:left; width:50%; height: 45rem; padding:5rem 0;}
	.service_slide .mockup img{padding-top:10rem;}
	.service_slide .links{float: right; width:40%; height: 45rem;}
	.service_slide .links p{font-size:1.8rem; line-height: 2.7rem;}
	.links ul li{font-size: 1.8rem; padding:.8rem 1rem;}
	.service_slide:after{display: block; content: ""; clear: both;}
	.section11 .mockup img{width:37rem;}
	.section11 .mockup p{font-size:1.8rem;}
	
	.links{padding: 5rem 5%; height: 50rem;}
	.links h3{font-size:3.5rem;}
	.links p{font-size:1.7rem; line-height: 2.7rem; margin-bottom:2rem;}
	.links ul li{font-size:1.65rem; padding:.8rem 1.2rem; border-radius:0.3rem;}
	.service_slides .slick-arrow{position:absolute; top:calc(50% - 1.6rem); left: 2%;}
	.service_slides .slick-next{margin-left: 43%; background: url("../image/service_chev2.png") center no-repeat;}

	.section22 .contt .costWrap{width: 94rem; margin:0 auto;}
	.section22 .contt .costs{width:37rem; padding:4rem 3rem;}
	.section22 .contt .cost1{ margin:0 7rem 0 0;}
	.section22 .contt .cost2{ margin:0;}
	.section22 .contt .costs h4{font-size: 1.8rem; line-height: 3rem;}
	.section22 .contt .costs p{ font-size:1.8rem; line-height: 3rem;}
	.section22 .contt .costs p b{ font-size:2.7rem;}
	.section22 .contt .costs h4 p{ font-size:2.7rem;    line-height:3.5rem;}
	.section22 .contt .costs ul li{font-size:1.7rem; line-height: 2.7rem;}
	.section22 .contt .costs button{width:14rem; font-size:1.7rem;padding:.9rem 2rem; margin-top: 2rem;}
	.section22 .contt .cost1Bg{background: url(../image/ico_fee1.png) top right / 9rem no-repeat;}
	.section22 .contt .cost2Bg{background: url(../image/ico_fee2.png) top right / 8rem no-repeat;}
	
	.section44{margin-top:12rem; margin-bottom:10rem; padding-bottom: 5rem;}
	.section44 .view2{font-size: 1.7rem; width:14rem; padding:0.9rem 2rem; margin-top: 1.2rem;}
	
	.section55{padding:7rem 0 7rem 0; margin:0 auto; margin-bottom: 7rem;   }
	.section55 .boardWrapWrap{width: 108rem; margin:0 auto;}
	.section55 .boardWrap{width: 45rem; padding:5rem 3.4rem;   }
	.section55 .boardWrap:first-child{float: left; margin-left:0; margin-right:4rem; margin-bottom:0;}
	.section55 .boardWrap:last-child{float: left; margin-right:0}
	.section55:after{display:block; clear: both; content: "";}
	.section55 h4{font-size: 3.4rem; line-height: 3.4rem; margin-bottom: 1.4rem; text-indent: 1.5rem;}
	.section55 ul li{font-size:1.8rem; line-height: 4rem; text-indent:1.7rem;}
	.section55 .linkWrap a{font-size:1.8rem; line-height: 1.8rem;}
	
	.section66{width:100%; margin-bottom: 7rem; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:1rem 0;}
	.section66 .company_slidesWrap{width: 108rem; margin:0 auto;}
	.section66 h5{ width: 12rem; font-size:2rem; line-height: 3rem;}
	.section66 .company_slides{float: right; width: calc(100% - 12rem);}
	.section66 .company_slides li a{ font-size:1.8rem; line-height: 3rem; margin-right: 2.5rem;}

    #footer_mo{display: none;}
    #footer_tab{display: none;}
    #footer_pc{display:block; width: 100%; background: #202020; color: #bcbcbc; font-size: 1.7rem; line-height: 2.7rem; position: relative;}
	#footer_pc a{color: #bcbcbc;}
	#footer_pc .sitemap{width: 117rem; margin: 0 auto; text-align: center;}
	#footer_pc .sitemap ul .depth1{float: left; border-right: .1rem solid #444444; padding-left: 4.5rem; padding-right: 4.5rem; height: 24rem; margin-top: 3.5rem; margin-bottom: 3rem;}
	#footer_pc .sitemap ul .depth1:last-child{border-right: none;}
	#footer_pc .sitemap ul .depth1 ul li:first-child{margin-top: 2rem;}
	#footer_pc .sitemap ul .depth1 span a{color: #fff; font-size: 2.1rem; line-height: 4rem;}
	#footer_pc .sitemap ul:after{display: block; clear: both; content: "";}
	#footer_pc .copy{width: 120rem; margin: 0 auto; padding-top: 1rem; padding-bottom: 1.5rem;}
	#footer_pc span{color: #fff;}
    #footer_pc span a{color: #fff; font-size: 1.7rem; line-height: 3.4rem;}
    #footer_pc span:last-child{padding-left: 0rem;}
	#footer_pc .copyWrap{width: 100%; border-top:.1rem solid #444; padding-top: 1.5rem; padding-bottom: 1.5rem;}
	#footer_pc .copy .sct_logo{float: left; padding-top: 5rem; padding-left: 5rem;}
	#footer_pc .copy .company_info{float:left; padding-left: 7rem;}
	#footer_pc .copy .company_info .cinfo1{padding-bottom: 1.5rem;}
	#footer_pc .copy:after{display: block; clear: both; content: "";}
	#footer_pc .gototop{display:block; width: 6rem; height: 6rem; position:absolute; top:-2rem; left:50%; padding-left: 51.5rem;}
    /*****메인끝*****/
    
    /*****서브시작*****/
   /*메인헤더_피씨시작*/
	#headerbar_pc_sub{display:block; width: 100%; margin: 0 auto; position: relative; height:10rem;}
    #headerbar_pc_sub .logoWrap{width:24rem; margin: auto; z-index: 101; float:left;}
    #headerbar_pc_sub .logo{width: 10.4rem; height:3.9rem; background: url(../image/logo_sub.png) center / 10.4rem 3.9rem no-repeat; padding-left: 10rem; padding-top:7rem;}
    #headerbar_pc_sub .logo{position:relative; width:100%; height:100%; z-index:101;}
    #headerbar_pc_sub .logo{width: 10.4rem; height:3.9rem; background: url(../image/logo_sub.png) center / 10.4rem 3.9rem no-repeat; padding-left: 10rem; padding-top:1rem;}
    #headerbar_pc_sub .logo a, #headerbar_pc .logo a span {position:relative; width:100%; height:100%;}
    #headerbar_pc_sub .logo a span {display:block; width:10.4rem; height:3.9rem; text-indent:-999rem !important; color:transparent; white-space:nowrap;}
	#headerbar_pc_sub #nav {width:90rem; height: 5rem; margin: 0 auto; z-index:10; padding-top:5.5rem; position: relative; float:left;}
	#headerbar_pc_sub:after{display: block; clear: both; content: "";}
	#headerbar_pc_sub #nav:hover #sub {transform: scaleY(1); z-index:10;}
	#headerbar_pc_sub #main ul li {float: left; width: 20%; height: 5rem; text-align: center; line-height: 5rem;}
	#headerbar_pc_sub #main ul li a {font-size: 1.7rem; font-weight: 600; color: #303030; line-height: 1.7rem; display: block; transition: all 0.3s;}
	#headerbar_pc_sub #main ul li a:hover{color: #3741b5; transition-duration: 1s;}
	#headerbar_pc_sub #sub{position: absolute; top: 10rem; width: 100%; height:15rem; background:#fff; transform: scaleY(0); transform-origin: top; transition: all 0.2s;}
	#headerbar_pc_sub #sub ul{float: left; width: 20%; padding-top:0;}
	#headerbar_pc_sub #sub ul li{height: 3rem; text-align: center; line-height:3rem;}
	#headerbar_pc_sub #sub ul li a{font-size: 1.5rem; font-weight: 400; color: #303030; display: block; font-size: 1.5rem; transition: all 0.3s; font-family:'Nanum Gothic', sans-serif;}
	#headerbar_pc_sub #sub ul li a:hover{color: #3741b5; transition-duration: 1s;}

    .sub1Top{width: 100%; height: 36rem; background: url(../image/sub1_bg.png) center top / auto 36rem no-repeat;}
	.sub2Top{width: 100%; height: 36rem; background: url(../image/sub2_bg.png) center top / auto 36rem no-repeat;}
	.sub3Top{width: 100%; height: 36rem; background: url(../image/sub3_bg.png) center top / auto 36rem no-repeat;}
	.sub4Top{width: 100%; height: 36rem; background: url(../image/sub4_bg.png) center top / auto 36rem no-repeat;}
	.sub6Top{width: 100%; height: 36rem; background: url(../image/sub6_bg.png) center top / auto 36rem no-repeat;}
	.sub7Top{width: 100%; height: 36rem; background: url(../image/sub7_bg.png) center top / auto 36rem no-repeat;}
    .subTop h2 {font-size:4rem; padding-top:20rem;}

    .subMenu{margin-bottom: 12rem !important; background:#fff; border-bottom: .1rem solid #dfdfdf;}
    .subMenu ul{width: 100rem;}
	.subMenu ul li a {color:#333;}
    .subMenu .txt_menu {font-size:2rem; line-height:5rem; height:5rem; padding: 0; margin-left: 5rem; margin-right: 5rem;}
    .subMenu .txt_menu:hover{color: #2e3e86;}

    .sub_ttl1{font-size: 3.6rem; line-height: 3.6rem; margin-bottom:7rem;}
	.board_ttl{font-size: 3.6rem !important; line-height: 3.6rem !important; margin-bottom:7rem !important;}	
	.subImg{margin-top:7rem; margin-bottom: 9rem;}
	.sub_ttl2{font-size:2.8rem; line-height: 2.8rem; margin-bottom: 5rem;}       
	.sub_para1{font-size:1.9rem; line-height:2.8rem; width: 100%; margin: 0 auto; margin-bottom:4rem;}
	
	.tabMenu button{width: 19.5%;}
	.tabMenu button hr{height: .5rem;  margin-top: .9rem; margin-bottom: .9rem; border:none;}
	.tabMenu button.on hr{height: .5rem; margin-top: .9rem; margin-bottom: .9rem; border:none;}
	.tabMenu button{font-size:2.7rem;}
	.tabMenu button span{font-size:1.9rem;}
	.tabMenu button span.mission{font-size:1.9rem;}
	.tabMenu button br{display:none;}
	.tabWrap{width: 100rem; margin:0 auto;}	
	.tabMenu4 button{width: 33%;}

	.subCont{width:100rem; margin: 0 auto;  margin-bottom:7rem;}
	.subCont_100{width:100%;}
	.subCont_100{margin-bottom:9rem;}
	.subCont_100 .sub_ttl1{width:100%;}

    .overview{width: 100rem;}
    .overview div{float: left;}
    .overview:after{display: block; content: ""; clear: both;}
    .overviewImg{height: 47rem; width:37rem; margin-right: 3rem; background-size: 50rem; margin-bottom:0;}
    .overviewTable{width: 59rem; margin-bottom: 10rem;}
    .overviewTable th{font-size:1.8rem; line-height: 2.7rem; padding: 1.2rem 0;}
    .overviewTable td{font-size:1.8rem; line-height: 2.7rem; padding: 1.2rem 0;}

    .visionBg{padding-top: 10rem; padding-bottom: 10rem; margin-bottom: 10rem;}
    .vision{width: 100rem; margin: 0 auto;}
    .vision div{width:24rem; height: 21rem; padding: 5rem  3rem; margin-bottom: 4rem; float: left; margin-right: 3rem;}
    .vision div:last-child{margin-right: 0;}
    .vision:after{display: block; content: ""; clear: both;}
    .vision div img{width: 9rem;}
    .vision div p{font-size:2.4rem; line-height:2.6rem; margin-top: 1.2rem; margin-bottom: .7rem;}
    .vision div span{font-size:1.8rem; line-height:2.4rem;}
    .vision div h4 span{font-size:2.2rem; line-height:2.2rem; margin-top: .7rem;}

	.img_organization{width:100rem; margin:0 auto;}

	.hc24Wrap ul li{font-size: 1.7rem; line-height: 2.5rem;}
	.hc24Wrap ul li::before{font-size:2.5rem;}
	.hc24Wrap .title{font-size: 1.9rem; line-height: 2.6rem; padding:1rem 0 ; margin-bottom: 1.2rem; border-radius:3.4rem;}
	.hc24Wrap .title1{padding: 2.2rem 0;}
	.hc24Wrap{width: 32%; float:left; margin-right: 2%; margin-bottom:0;}
	.hc24Wrap:last-child{margin-right: 0;}
	.hc2_4{margin-bottom: 9rem;}
	.hc2_4:after{display: block; content: ""; clear: both;}
	
	.dayDevices{width:45rem;}
	.dayDevices1{width:45rem;}
	.tabMenu2 button{width: 10.8rem;   font-size:1.8rem; line-height: 3rem;  margin-bottom: 4rem;  margin-right: 6rem;}	
	.tabMenu2 button:last-child{margin-right: 0;}
	.tabMenu2 button hr{ width: 2rem; height: .6rem;  border-radius: .6rem; margin-top:1.4rem;}
	.tabMenu2 button.on hr{height: .6rem;  margin-top:1rem; margin-bottom: 1rem; width: 2rem; border-radius: .6rem;  margin-top:1.4rem;} 
	.tabMenu2 button:nth-child(1)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(1).on::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(2)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(2).on::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(3)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(3).on::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(4)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(4).on::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(5)::before{width:10.8rem; height:7rem;}
	.tabMenu2 button:nth-child(5).on::before{width:10.8rem; height:7rem;}

	.daySection{width: 100%; margin: 0 auto;}
	.daySection hr {height: 0.5rem; background: #101f3e; border-radius: 0.5rem; width: 5rem; margin-bottom: 1rem;}
	.daySection h5 {font-size: 2.7rem; line-height: 2.7rem; margin-bottom:2rem;}
	.daySection .right p{font-size: 1.8rem; line-height: 2.7rem; margin-bottom: 1rem;}
	.daySection h6 {font-size: 2.2rem; line-height: 3rem;}
	.daySection .users li {float: left; width: 15%; margin-right: 2%; margin-bottom: 0;}
	.view_table ul li {font-size: 1.7rem; line-height: 3.2rem;}

	.day1_1{margin-bottom:2rem;}
	.day1_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day1_1 .left img{width: 100%; margin-bottom:0;}
	.day1_1 .right{float:left; width: 57rem; margin-left: 3rem;}
	.day1_1 .right .users{width: 100%;}
	.day1_1:after{display: block; content: ""; clear: both;}
	.daySection1 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection1 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection1 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection1 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection1 .eximg ul li:last-child{margin-right: 0;}
	.daySection1 .eximg ul li img{width: 100%;}
	
	.day2_1{margin-bottom:2rem;}
	.day2_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day2_1 .left img{width: 100%; margin-bottom:0;}
	.day2_1 .right{float:left; width: 57rem; margin-left: 3rem;}
	.day2_1 .right .users{width: 100%;}
	.day2_1:after{display: block; content: ""; clear: both;}
	.daySection2 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection2 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection2 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection2 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection2 .eximg ul li:last-child{margin-right: 0;}
	.daySection2 .eximg ul li img{width: 100%;}
	
	.day3_1{margin-bottom:2rem;}
	.day3_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day3_1 .left img{width: 100%; margin-bottom:0;}
	.day3_1 .right{float:left; width: 57rem; margin-left: 3rem;}
	.day3_1 .right .users{width: 100%;}
	.day3_1:after{display: block; content: ""; clear: both;}
	.daySection3 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection3 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection3 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection3 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection3 .eximg ul li:last-child{margin-right: 0;}
	.daySection3 .eximg ul li img{width: 100%;}
	
	.day4_1{margin-bottom:2rem;}
	.day4_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day4_1 .left img{width: 100%; margin-bottom:0;}
	.day4_1 .right{float:left; width: 57rem; margin-left: 3rem;}
	.day4_1 .right .users{width: 100%;}
	.day4_1:after{display: block; content: ""; clear: both;}
	.daySection4 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection4 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection4 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection4 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection4 .eximg ul li:last-child{margin-right: 0;}
	.daySection4 .eximg ul li img{width: 100%;}
	
	.day5_1{margin-bottom:2rem;}
	.day5_1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day5_1 .left img{width: 100%; margin-bottom:0;}
	.day5_1 .right{float:left; width: 57rem; margin-left: 3rem;}
	.day5_1 .right .users{width: 100%;}
	.day5_1:after{display: block; content: ""; clear: both;}
	.daySection5 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection5 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection5 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection5 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection5 .eximg ul li:last-child{margin-right: 0;}
	.daySection5 .eximg ul li img{width: 100%;}
	
	.day_mo1{margin-bottom:2rem;}
	.day_mo1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day_mo1 .left img{width: 100%; margin-bottom:0;}
	.day_mo1 .right{float:left; width: 57rem; margin-left: 3rem; margin-bottom: 3rem;}
	.day_mo1 .right .users{width: 100%;}
	.day_mo2 .left{float: left; width: 38rem; padding-left: 1rem; padding-right:1rem; margin-top: 4em;  margin-bottom:3rem;}
	.day_mo2 .left img{width: 100%;}
	.day_mo2 .right{float: left; width: 57rem; margin-left: 3rem;}
	.day_mo2:after{display: block; content: ""; clear: both;}
	.day_mo2 .left img{width: 100%;}
	
	.day_tab1{margin-bottom:2rem;}
	.day_tab1 .left{text-align: center; float: left; width: 40rem; margin-bottom: 0;}
	.day_tab1 .left img{width: 100%; margin-bottom:0;}
	.day_tab1 .right{float:left; width: 57rem; margin-left: 3rem;}
	.day_tab1 .right .users{width: 100%;}
	.day_tab1:after{display: block; content: ""; clear: both;}
	.day_tab2 .left{float: left; width: 38rem; padding-left: 1rem; padding-right:1rem; margin-top: 4em;  margin-bottom:3rem;}
	.day_tab2 .left img{float: left; width: 100%;}
	.day_tab2 .right{float: left;  width: 57rem; margin-left: 3rem;}
	.day_tab2:after{display: block; content: ""; clear: both;}
	.da5_2 ul li{float: left; width: 20%;}
	.da5_2 ul:after{display: block; content: ""; clear: both;}
	
	.view_table{margin-bottom: 7rem;}
	.y_txt1 {font-size: 2.8rem; line-height: 2.8rem; width: 100%; letter-spacing: -0.1rem;}
	.y_txt2{font-size: 1.8rem; line-height: 5rem; width: 100%; margin-bottom: 5rem;}
	
	.hRight li{font-size: 1.9rem; line-height: 2.9rem;}
	.hRight li span{font-size: 2.2rem;}	
	.h_wrap .hLeft{float: left; width: 50%; margin-right: 2%;}
	.h_wrap .hRight{float: right; width: 48%;}
	.h_wrap:after{display: block; content: ""; clear: both;}	
	.hRight h5 {font-size: 2.8rem; line-height: 4rem; margin-top:1rem; margin-bottom: 0;}
	.hRight li {font-size: 1.9rem; line-height: 2.8rem; list-style-position: inside; margin-bottom:0;}
	.hRight li span {font-size: 1.9rem; line-height: 2.8rem; display: inline-block; margin-right: .7rem;}
	.tab_box4{margin-bottom:14rem;}
	
	.year2023{margin-bottom:14rem;}
	.year2022{margin-bottom:14rem;}
	.year2020{margin-bottom:14rem;}
	.year2019{margin-bottom:14rem;}
	.year2018{margin-bottom:14rem;}
	.year2015{margin-bottom:14rem;}
	.year2023 .hRight h5{margin-top:0;}
	.year2022 .hRight h5{margin-top:0;}
	.year2021 .hRight h5{margin-top:0;}
	.year2020 .hRight h5{margin-top:0;}
	.year2019 .hRight{padding-top:2rem;}
	.year2016 .hRight h5{margin-top:0;}
	.year2015 .hRight h5{margin-top:1rem ;}
	.year2012 .hRight{padding-top:2rem;}
	
	.certifica_mo{display: none;}
    .certifica_pc{display:block;}
	.tabWrap3{width: 100%; margin-bottom:0;}
	.tabMenu3 button{width: 49.5%; font-size: 2.2rem;}
	.tabMenu3{margin-bottom: 3.6rem;}
    .tabMenu3 button{ font-size:2.2rem; line-height: 2.2rem; padding:1.2rem 0;}
	
    .tab_box3 div{float: left;}
    .tab_box3:after{display: block; content: ""; clear: both;}
	.tab_box3 .sub_img{width: 100%;}
	.tab_box3 h4{font-size: 2.7rem; line-height: 4.2rem; margin-bottom:2.4rem;}

	.remoteWrap{margin-top:5rem; margin-bottom:5rem;}
	.remoteWrap .left{float:left; width:45rem; padding-top:1.2rem;}
	.remoteWrap .left .remoteImg{width:90%;}
	.remoteWrap .right{float:left; width:50rem; margin-left:5rem; text-align:left;}
	.remoteWrap:after{display:block; content: ""; clear:both;}
	.remoteWrap .right .sub_ttl2{margin-top:0; margin-bottom:1rem; font-size:3rem; text-align:left;}
	.sub_para2{ font-size:1.7rem; line-height:2.7rem; margin-bottom:1.2rem; text-align:justify;}
	.remoteWrap .right button{width:25rem; font-size:1.7rem; padding:1.1rem 2rem; margin-top:1rem; margin-bottom:2rem; border-radius:2.3rem;}


	.remote_link{ width:64rem ; margin:0 auto; }
	.remote_link div{margin-top: 0rem; display: inline-block;  width:22rem; float:left; margin-right:2rem;}
	.remote_link div img{width:100%; height:auto;}
	.remote_link .last{margin-right:0 }
	.remote_link:after{display:block; content:""; clear:both;}

	/*****요금*****/
	.c_table3{margin-bottom:2rem;}
	.c_table3 caption{font-size:2.4rem; line-height:3.6rem; margin-bottom:2rem;}
	.c_table3 th{padding: 1rem 0.6rem; font-size:1.8rem; line-height: 2.4rem;}
    .c_table3 td{padding: 1rem 0.6rem; font-size:1.7rem; line-height: 2.4rem;}
	figcaption{font-size:1.8rem; line-height:2.7rem;  margin-bottom:10rem;}
	
	/*****시스템구성*****/
	.s_table1_mo{display:none;}
	.s_table1_pc{display:block;}
	.s_table1_pc{width: 100%; max-width:100%; margin:0 auto; border-collapse:collapse; background:#fff; text-align:center; margin-bottom:.5rem; color:#222; table-layout:fixed;}	
	.s_table1_pc .tr_ttl th{background:#ff8f39; color:#fff; border-right:.5rem solid #fff; padding: 1.2rem .5rem; font-weight:500; text-align:center;  font-size:1.7rem; line-height: 2.2rem;}	
	.s_table1_pc .tr_ttl:first-child th{text-align:center; border-bottom:.5rem solid #fff; font-size:2rem; line-height:2rem; padding:2rem 0;}
	.s_table1_pc .tr_ttl th:last-child{border-right:none;}	
	.s_table1_pc tr td{ font-size:1.4rem; line-height:2.2rem; padding:1.3rem .8rem; background:#fff0e5; border-right:.5rem solid #fff; overflow:hidden; text-align:left; vertical-align:top; }
	.s_table1_pc .tr_cont td:last-child{border-right:none; }

	.s_table2_mo{display:none;}
	.s_table2_pc{display:block;}
	.s_table2_pc{width: 100%; max-width:100%; margin:0 auto; border-collapse:collapse; background:#fff; text-align:center; margin-bottom:1rem; color:#222; table-layout:fixed;}
	.s_table2_pc .tr_ttl th{background:#4677c6; color:#fff; border-right:.5rem solid #fff; padding: 1.2rem .5rem; font-weight:700; text-align:center;  font-size:1.7rem; line-height: 2.2rem;}
	.s_table2_pc .tr_ttl:first-child th{text-align:center; border-bottom:.5rem solid #fff; font-size:2rem; line-height:2rem; padding:2rem 0;}
	.s_table2_pc .tr_ttl th:last-child{border-right:none;}
	.s_table2_pc tr td{ font-size:1.4rem; line-height:2.2rem; padding:1.3rem .8rem; background:#e2ebf9; border-right:.5rem solid #fff; overflow:hidden; text-align:left; vertical-align:top; }
	.s_table2_pc .tr_cont td:last-child{border-right:none; }
	.s_table_pcLast{margin-bottom:10rem;}

	.client_pc{display: block; width:100rem; margin:0 auto;margin-bottom:7rem;}
	.client_mo{display: none;}
	
    /*****서브끝*****/

	.subCont_ceo{font-size:1.9rem;}
	.ceo2_right{width:35rem; margin:0; float:right;}
	.ceo_img{width:100%;}
	.ceo_img img{width:100%;}
	.ceo2_left{width:60rem; margin-right:5rem; float:left;}
	.subCont_ceo:after{display:block; content:""; clear:both;}
	.ceo2_left p .intro{font-size:2.2rem; margin-bottom:7rem;}
	.br{display:none;}

	.installWrap{width : 90rem; margin:0 auto; margin-top:5rem; }
	.installWrap .left{width:50%; float:left;}
	.installWrap .left .installImg img{width:100%; }
	.installWrap .right{width:43%; float:left; margin-top:4rem; margin-bottom:3rem; margin-left:7%;}
	.installWrap:after{display: block; content: ""; clear: both;}
	.sub_ttl4{font-family: 'Noto Sans KR', sans-serif; font-size: 2.7rem; line-height:3.4rem; margin-bottom:2rem; text-align:left;}
	.sub_para3{font-family: 'Noto Sans KR', sans-serif; font-size: 2.1rem; line-height:2.1rem; margin-bottom:3rem; text-align:left;}
	.btn_install1{width:23.1rem; margin:0; text-align:left;}
	.btn_inatall1 img{width:100%; height:auto;}

	.installWrap2{width : 100rem; }
	.installWrap2 .left{width:60%; float:left;}
	.installWrap2 .right{width:40%; float:left; margin-top:6rem; margin-bottom:3rem; margin-left:0%;}
	.installWrap2:after{display: block; content: ""; clear: both;}
	.btn_install2{width:26.7rem; margin:0; text-align:left;}
	.btn_inatall2 img{width:100%; height:auto;}

	/*****게시판 첨부파일, 목록 너비 조정*****/
	#bo_v_file, .bo_v_nb, #bo_v_link{width : 100rem !important; margin:0 auto !important;}
	#bo_v_file a, #bo_v_file span, .bo_v_nb a, .bo_v_nb span, #bo_v_link a, #bo_v_link span{font-size:1.8rem !important;}
}/***1281화면 끝***/

@media all and (min-width:1400px){
	/*****메인시작*****/
	#gnb .oneD{font-size: 2rem;}
	#gnb .twoD a{font-size:1.7rem; line-height:2rem;}
	section .ttll{padding-top:12rem;}
	/*****메인끝*****/

    /*****서브시작*****/
	#headerbar_pc_sub .logoWrap{width:28rem;}
    .tabWrap {width: 100rem; margin: 0 auto;}
	.sub_para1{font-size: 2rem; line-height: 3rem;}
	.hc24Wrap ul{width: 100%; margin: 0 auto; margin-top: 3rem;}
	.hc24Wrap ul li{margin-bottom: .5rem;}
	
	.remoteWrap .left .remoteImg { width: 100%;}
	.remoteWrap .right .sub_ttl2{font-size: 3.1rem; margin-top: 1rem;}
	.sub_para2{ font-size: 1.8rem; line-height: 2.7rem;}
	.remoteWrap .right button{margin-top:0;}


	/*****서브끝*****/
}/***1400화면 끝***/

@media all and (min-width:1600px){
	/*****메인시작*****/
	.visual{height: 82rem;}
	.visual .slide{height: 70rem;}
	.visual .qmn {padding:0; top:70rem;}
	.service_slide .mockup{height: 47rem;}
	.service_slide .links{height:47rem;}
	.links h3{padding-top:5rem;}
	.visual .slide .slideTxt{top:18%;}
	.visual .slide .slideTxt img{margin-top:3rem; margin-bottom:2.5rem;}
	.section11 .mockup img{width: 40rem;}
	/*****메인끝*****/
	
    /*****서브시작*****/
	#headerbar_pc_sub .logoWrap{width:34rem;}
	#headerbar_pc_sub #main ul li a{font-size:2rem; line-height:2rem;}
	#headerbar_pc_sub #nav {width:94rem;}
	#headerbar_pc_sub #sub{padding-top:0.6rem; height:17rem;}
	#headerbar_pc_sub #sub ul li a{font-size:1.8rem;}
    .tabWrap {width: 100rem; margin: 0 auto;}
	.goto_page{font-size: 2.2rem; line-height: 2.2rem; padding:1.8rem; margin-top: 2rem;}
	/*****서브끝*****/
}/**1600화면 끝***/

@media all and (min-width:1680px){
    /*****메인시작*****/
	.visual .slide h2{}
	.visual .slide p{width: 52%;}
	.visual .slide .slideTxt img{width: 28rem;}
	.service_slide .mockup{height: 50rem;}
	.service_slide .links{height:50rem;}
	.section33 .cardWrap .title{width : 84%;}
   
	#footer_pc {width: 100%; font-size: 1.9rem; line-height: 3rem;}
    #footer_pc span a {font-size:2rem; line-height:4rem;}
	#footer_pc .sitemap {width:130rem;}
	#footer_pc .sitemap ul .depth1{padding-left:5rem; padding-right:5rem; height: 26rem;}
	#footer_pc .copy{width: 130rem;}
    #footer_pc .branch{font-size:2rem; line-height: 2em; border: none; appearance: none !important; -webkit- appearance: none !important; -moz- appearance: none !important; -o- appearance: none !important; -ms- appearance: none !important; color: #adafb6; background: rgba(255,255,255,0); position: relative; background-image: url(../image/ico_select.png); background-repeat: no-repeat; background-size: 1.6rem 1.3rem; background-position: 100% 50%; 
    text-align-last: center; padding-right: 2.4rem; border-bottom: .1rem solid #adafb6; padding-bottom: .2rem; margin-left: 50rem;}
	#footer_pc .branch option{color: #555; font-size: 1.6rem;}
	#footer_pc .gototop{padding-left:59rem;}
    /*****메인끝*****/

    /*****서브시작*****/
	#headerbar_pc_sub #sub{height:17rem;}
	#headerbar_pc_sub #sub ul li{padding-top:0.2rem;}
	.subMenu{margin-bottom: 15rem !important; background:#fff; border-bottom: .1rem solid #dfdfdf;}
	.subMenu ul li a {color:#333;}
	
	.subCont {width: 120rem;}
	.subCont_100{width:100%; margin:0 auto; margin-bottom:11rem;}
	.tabWrap{width: 120rem;}
	.tabWrap_smart .subImg img{width:84%; padding-left:8%;}
	.tabBox{width: 120rem; margin:0 auto;}
	
    .sub_ttl1{font-size: 3.6rem; line-height:3.6rem; margin-bottom:9rem;}
	.board_ttl{font-size: 3.6rem !important; line-height:3.6rem !important; margin-bottom:9rem !important;}
    .sub_ttl2{font-size: 3.2rem; line-height:3.2rem; margin-bottom: 5rem;}
    .sub_ttl3{font-size: 3.3rem; line-height:3.3rem; margin-bottom:9rem;}
	
	.sub_para1{font-size:2rem; line-height:3rem; width:110rem; margin-bottom:6rem;}

	.subCont_100{width:100%;}

    .overview{width: 100rem; margin-bottom: 5rem;}
    .overview div{float: left;}
    .overview:after{display: block; content: ""; clear: both;}
    .overviewImg{height: 53rem; width: 40rem; margin-right: 4rem; background-size: 54rem;}
    .overviewTable{width: 56rem; margin-bottom: 6rem;}
    .overviewTable th{font-size: 2rem; line-height:3rem; padding: 1.2rem 0;}
    .overviewTable td{font-size: 1.8rem; line-height:2.7rem; padding: 1.4rem 0;}

    .visionBg{padding-top: 8rem; padding-bottom: 8rem; margin-bottom:8rem;}
    .vision{width: 100rem; margin: 0 auto;}
    .vision div{width:25rem; height: 30rem; padding: 5rem  3rem; margin-bottom: 4rem; float: left; margin-right: 3rem;}
    .vision div:last-child{margin-right: 0;}
    .vision:after{display: block; content: ""; clear: both;}
    .vision div img{width: 9rem;}
    .vision div p{font-size: 2.8rem; line-height: 4rem; margin-top: 3.6rem; margin-bottom: 1.6rem;}
    .vision div span{font-size:2rem; line-height:3rem }
    .vision div h4 span{font-size:2.2rem; line-height:2.4rem; margin-top:1.2rem;}
   
	.tabMenu button {font-size: 2.2rem; line-height: 2.4rem;}
	
	.hc24Wrap .title {font-size: 2.1rem; line-height: 3.1rem; margin-bottom: 1.4rem;   border-radius:4.2rem;}
	.hc24Wrap .title1{padding: 2.6rem 0;}
	.hc24Wrap ul li {font-size: 1.7rem; line-height: 2.5rem; margin-bottom:0;}

	.day1_1{margin-bottom:3rem;}
	.day1_1 .left{text-align: center; float: left; width:54rem; margin-right: 6rem; margin-bottom: 0;}
	.day1_1 .left img{width: 100%; margin-bottom:0;}
	.day1_1 .right{float:left; width:60rem; margin-left: 0;}
	.day1_1 .right .users{width: 100%;}
	.day1_1:after{display: block; content: ""; clear: both;}
	.daySection1 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection1 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection1 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection1 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection1 .eximg ul li:last-child{margin-right: 0;}
	.daySection1 .eximg ul li img{width: 100%;}
	
	.day2_1{margin-bottom:3rem;}
	.day2_1 .left{text-align: center; float: left; width:54rem; margin-right: 6rem; margin-bottom: 0;}
	.day2_1 .left img{width: 100%; margin-bottom:0;}
	.day2_1 .right{float:left; width:60rem; margin-left: 0;}
	.day2_1 .right .users{width: 100%;}
	.day2_1:after{display: block; content: ""; clear: both;}
	.daySection2 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection2 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection2 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection2 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection2 .eximg ul li:last-child{margin-right: 0;}
	.daySection2 .eximg ul li img{width: 100%;}
	
	.day3_1{margin-bottom:3rem;}
	.day3_1 .left{text-align: center; float: left; width:54rem; margin-right: 6rem; margin-bottom: 0;}
	.day3_1 .left img{width: 100%; margin-bottom:0;}
	.day3_1 .right{float:left; width:60rem; margin-left: 0;}
	.day3_1 .right .users{width: 100%;}
	.day3_1:after{display: block; content: ""; clear: both;}
	.daySection3 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection3 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection3 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection3 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection3 .eximg ul li:last-child{margin-right: 0;}
	.daySection3 .eximg ul li img{width: 100%;}
	
	.day4_1{margin-bottom:3rem;}
	.day4_1 .left{text-align: center; float: left; width:54rem; margin-right: 6rem; margin-bottom:0;}
	.day4_1 .left img{width: 100%; margin-bottom:0;}
	.day4_1 .right{float:left; width:60rem; margin-left: 0;}
	.day4_1 .right .users{width: 100%;}
	.day4_1:after{display: block; content: ""; clear: both;}
	.daySection4 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection4 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection4 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection4 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection4 .eximg ul li:last-child{margin-right: 0;}
	.daySection4 .eximg ul li img{width: 100%;}
	
	.day5_1{margin-bottom:3rem;}
	.day5_1 .left{text-align: center; float: left; width:54rem; margin-right: 6rem; margin-bottom:0;}
	.day5_1 .left img{width: 100%; margin-bottom:0;}
	.day5_1 .right{float:left; width:60rem; margin-left: 0;}
	.day5_1 .right .users{width: 100%;}
	.day5_1:after{display: block; content: ""; clear: both;}
	.daySection5 .eximg{width: 100%;  margin-bottom:3rem;}
	.daySection5 .eximg ul li{ float: left; width: calc(25% - .75em); margin-right: 1rem;}
	.daySection5 .eximg ul:after{display: block; content:""; clear: both;}
	.daySection5 .eximg ul li:nth-child(2n){margin-right: 1rem;}
	.daySection5 .eximg ul li:last-child{margin-right: 0;}
	.daySection5 .eximg ul li img{width: 100%;}
	
	.day_mo1{margin-bottom:1rem;}
	.day_mo1 .left{text-align: center; float: left; width:54rem; margin-right: 6rem; margin-bottom:0;}
	.day_mo1 .left img{width: 100%; margin-bottom:0;}
	.day_mo1 .right{float:left; width:60rem; margin-left: 0;}
	.day_mo1:after{display: block; content: ""; clear: both;}
	.day_mo1 .right .users{width: 100%;}
	.day_mo2 .left{float: left; width:54rem; margin-right: 6rem; margin-top: 4em; margin-bottom:3rem; padding-left:0; padding-right:0;}
	.day_mo2 .left img{width: 100%;}
	.day_mo2 .right{float: left; width:60rem; margin-left: 0;}
	.day_mo2:after{display: block; content: ""; clear: both;}
	.day_mo2 .left img{width: 100%;}
	
	.day_tab1{margin-bottom:1rem;}
	.day_tab1 .left{text-align: center; float: left; width:54rem; margin-right: 6rem; margin-bottom: 0;}
	.day_tab1 .left img{width: 100%; margin-bottom:0;}
	.day_tab1 .right{float:left; width:60rem; margin-left: 0;}
	.day_tab1 .right .users{width: 100%;}
	.day_tab1:after{display: block; content: ""; clear: both;}
	.day_tab2 .left{float: left; width:54rem; margin-right: 6rem; margin-top: 4em; margin-bottom:3rem; padding-left:0; padding-right:0;}
	.day_tab2 .left img{float: left; width: 100%;}
	.day_tab2 .right{float: left; width:60rem; margin-left: 0;}
	.day_tab2:after{display: block; content: ""; clear: both;}
	
	.da5_2 ul li{float: left; width: 20%;}
	.da5_2 ul:after{display: block; content: ""; clear: both;}
	
	.view_table{margin-bottom: 7rem;}
	
	.remoteWrap{margin-top:0; margin-bottom:7rem;}
	.remoteWrap .left{float:left; width: 50rem; padding-top:1.5rem;}
	.remoteWrap .left .remoteImg{width:90%;}
	.remoteWrap .right{float:left; width:65rem; margin-left:5rem; text-align:left;}
	.remoteWrap:after{display:block; content:""; clear:both;}
	.remoteWrap .right .sub_ttl2{ font-size:3.2rem; margin-top:2rem; margin-bottom:2rem;}
	.sub_para2{ font-size:1.8rem; line-height:2.7rem; margin-bottom:1.5rem;}
	.remoteWrap .right button{width:28rem; font-size:1.8rem; padding:1.2rem 2rem; margin-top:0; margin-bottom:0; border-radius:3rem;}

	
	
	/*****시스템구성*****/
	.s_table1_mo{display:none;}
	.s_table1_pc{display:block;}
	.s_table1_pc{margin-bottom:.5rem;}
	.s_table1_pc .tr_ttl th{border-right:.5rem solid #fff; padding: 1.2rem .5rem; font-size:1.7rem; line-height: 2.5rem;}
	.s_table1_pc .tr_ttl:first-child th{border-bottom:.5rem solid #fff; font-size:2.2rem; line-height:2.2rem; padding:2.2rem 0;}
	.s_table1_pc tr td{ font-size:1.5rem; line-height:2.4rem; padding:1.5rem .8rem; border-right:.5rem solid #fff;}

	.s_table2_mo{display:none;}
	.s_table2_pc{display:block;}
	.s_table2_pc{margin-bottom:1rem;}
	.s_table2_pc .tr_ttl th{border-right:.5rem solid #fff; padding: 1.2rem .5rem; font-size:1.7rem; line-height: 2.5rem;}
	.s_table2_pc .tr_ttl:first-child th{border-bottom:.5rem solid #fff; font-size:2.2rem; line-height:2.2rem; padding:2.2rem 0;}
	.s_table2_pc tr td{ font-size:1.5rem; line-height:2.5rem; padding:2rem 1rem; border-right:.5rem solid #fff;}
	.s_table_pcLast{margin-bottom:10rem;}

	.ceo2_right{width:42rem; margin:0; float:right;}
	.ceo2_left{width:74rem; margin-right:4rem; float:left;}

	/*****서브끝*****/
}/***1680화면 끝***/

@media all and (min-width:1920px){
    /*****메인시작*****/
	.visual .slide h2{font-size:4.5rem; line-height: 5.3rem;}
	.visual .slide p{font-size:1.9rem; line-height: 2.7rem;}
	.visual .qmn ul{width: 130rem;}
	.visual .qmn ul li{margin-right: 8rem; padding:1rem 0;}
	.visual .qmn ul li:first-child{padding-right: 7rem;}
	.visual .qmn ul li:first-child img{width: 10.8rem; margin-top:-.5rem;}
	
	section .ttll{padding-top:14rem;}	
	section .ttll h2{font-size:4.5rem; line-height: 4.5rem;}
	section .ttll p{font-size:2rem; line-height: 3rem;}
	
	.section11 .mockup p{font-size: 2.2rem; margin-top:3.5rem;}
	.section11 .mockup img{width: 50rem;}
	.service_slide .mockup{height: 60rem;}
	.service_slide .links{height: 60rem;}
	.service_slide .links p{font-size:1.9rem;}
	
	.section22 .contt .costs{width: 39rem; padding:4rem 3rem;}
	.section22 .contt .cost1{margin:0 7rem 0 0;}
	.section22 .contt .cost2{margin:0}
	.section22 .contt .costs h4{font-size:2rem; line-height: 3rem;text-indent:1.2rem;}
	.section22 .contt .costs h4 p{font-size:3.2rem; line-height: 4rem;text-indent:1.2rem;}
	.section22 .contt .costs p{ text-indent:1.2rem;}
	.section22 .contt .costs ul li{font-size:1.8rem; line-height: 3rem; text-indent:1.2rem;}
	.section22 .contt .costWrap{width:98rem;}
	.section22 .contt .costWrap hr{margin:2rem 0 1.7rem 0;}
	
	.links h3{padding-top:7rem;}
	.links .v-line{height: 5rem; margin-top:2rem; margin-bottom:2.4rem;}
	.links ul li{font-size:1.7rem;padding:1.2rem 2rem; margin-right: .9rem; margin-bottom:1rem; border-radius: .4rem;}
	
	.section44 .ttll{padding-top: 10rem;}
	.section44{margin-bottom: 7rem;}
	.section55 .boardWrapWrap{width: 140rem;}
	.section55 .boardWrap {width: 59.8rem;   padding: 5rem 4rem 4rem 4rem;}
	.section55 .boardWrap ul li span{display:block; color:#1d4b95;}
	.section55 .boardWrap ul li{}
	.section55 .boardWrap ul li span{float: right; padding-right: 1rem;}
	.section55 .boardWrap ul :after{display:block; clear: both; content: "";}
	.section55 .linkWrap a{padding-right: 1rem;}	
	.section66 .company_slidesWrap{width: 132rem;}
	.section66 h5{width: 12rem;}
	.section66 .company_slides{width: 120rem;}

	#footer_pc {font-size: 1.8rem; line-height: 3rem;}
    #footer_pc span a {font-size: 1.8rem; line-height: 3.2rem;}
    #footer_pc .branch{font-size:1.8rem; line-height: 1.8rem; background-size: 1.6rem 1.3rem; background-position: 100% 50%; text-align-last: center; padding-right: 2.4rem; padding-bottom: .2rem; margin-left: 50rem;}
    #footer_pc .branch option{font-size: 1.6rem;}
	#footer_pc .sitemap{width: 120rem;}
	#footer_pc .gototop{padding-left:54rem;}
	#footer_pc .sitemap ul .depth1{padding-left:4.5rem; padding-right:4.5rem;}
    /*****메인끝*****/
   
    /*****서브시작*****/
	#headerbar_pc_sub .logoWrap{width:47rem;}
	#headerbar_pc_sub #main ul li{height:3.2rem;}
	#headerbar_pc_sub #main ul li a{font-size:1.8rem; line-height:1.8rem;}
	#headerbar_pc_sub #sub ul li a{font-size:1.6rem;}
	
	.sub_img{margin-bottom:15rem;}
	.hc24Wrap ul li {font-size: 1.8rem; line-height: 2.7rem;}

	/*****시스템구성*****/
	.s_table1_mo{display:none;}
	.s_table1_pc{display:block;}
	.s_table1_pc{margin-bottom:.5rem;}
	.s_table1_pc .tr_ttl th{border-right:.5rem solid #fff; padding: 1.2rem .5rem; font-size:1.7rem; line-height: 2.3rem;}
	.s_table1_pc .tr_ttl:first-child th{border-bottom:.5rem solid #fff; font-size:2.1rem; line-height:2rem; padding:2rem 0;}
	.s_table1_pc tr td{ font-size:1.5rem; line-height:2.5rem; padding:1.4rem .9rem; border-right:.5rem solid #fff;}

	.s_table2_mo{display:none;}
	.s_table2_pc{display:block;}
	.s_table2_pc{margin-bottom:1rem;}
	.s_table2_pc .tr_ttl th{border-right:.5rem solid #fff; padding: 1.2rem .5rem; font-size:1.7rem; line-height: 2.3rem;}
	.s_table2_pc .tr_ttl:first-child th{border-bottom:.5rem solid #fff; font-size:2.1rem; line-height:2rem; padding:2rem 0;}
	.s_table2_pc tr td{ font-size:1.5rem; line-height:2.4rem; padding:1.4rem .9rem; border-right:.5rem solid #fff;}
	.s_table_pcLast{margin-bottom:10rem;}

	.installWrap{width : 100rem; margin-top:9rem;}
	.sub_ttl4{font-family: 'Noto Sans KR', sans-serif; font-size: 3rem; line-height:3.6rem; margin-bottom:2rem; text-align:left;}
	.sub_para3{font-family: 'Noto Sans KR', sans-serif; font-size: 2.2rem; line-height:2.2rem; margin-bottom:3rem; text-align:left;}
	
	.installWrap2{width : 120rem; margin-top:9rem;}
	.installWrap2 .right{margin-top:8rem;}

	/*****서브끝*****/
}/***1920화면 끝***/

@media all and (min-width:1921px){
	.sub1Top{width: 100%; height: 36rem; background: url(../image/sub1_bg.png) center top / 100%  auto no-repeat;}
	.sub2Top{width: 100%; height: 36rem; background: url(../image/sub2_bg.png) center top / 100% auto no-repeat;}
	.sub3Top{width: 100%; height: 36rem; background: url(../image/sub3_bg.png) center top / 100% auto no-repeat;}
	.sub4Top{width: 100%; height: 36rem; background: url(../image/sub4_bg.png) center top / 100% auto no-repeat;}
	.sub6Top{width: 100%; height: 36rem; background: url(../image/sub6_bg.png) center top / 100% auto no-repeat;}
	.sub7Top{width: 100%; height: 36rem; background: url(../image/sub7_bg.png) center top / 100% auto no-repeat;}
}

@media all and (min-width:2560px){
    /*****메인시작*****/
	#gnb .oneD{font-size:2.2rem;}
	#gnb .twoD a{font-size:1.8rem;}
	.visual{height:113rem;}
	.visual .slide{height: 100rem;}
	.visual .slide .slideTxt{top:20%;}
	.visual .slide h2 {font-size: 5rem; line-height:6.2rem;}
	.visual .slide p{ width:40%; font-size: 2.2rem; line-height: 3.3rem;}
	.visual .qmn{top:100rem;}
	.visual .qmn ul li{padding:2.5rem 0;}
	
	section .ttll{padding-top:17rem;}
	section .ttll h2{font-size:5rem; line-height: 5rem;}
	section .ttll p{font-size:2.4rem; line-height: 3.6rem;}
	.links h3{font-size:4rem;}
	.service_slide .links p{font-size:2.2rem; line-height: 3.3rem;}
	.section11 .mockup p{font-size:2.5; margin-top:4rem;}
	.links ul li {font-size: 1.9rem; padding: 1.2rem 2.2rem;  margin-right: 1rem; margin-bottom: 1.2rem; border-radius: .4rem;}
	.linksWrap{width:70%; margin:0 auto;}
	
	.section22 .contt .costs{width:45rem; padding:5rem 4rem;}
	.section22 .contt .costs h4{font-size:2.2rem; line-height: 3.3rem;text-indent:1.4rem;}
	.section22 .contt .costs h4 p{font-size:3.5rem; line-height: 4.5rem;text-indent:1.4rem;}
	.section22 .contt .costs p{ text-indent:1.4rem;}
	.section22 .contt .costs ul li{font-size:2rem; line-height: 3.3rem; text-indent:1.4rem;}
	.section22 .contt .costWrap{width:114rem;   }
	.section22 .contt .costWrap hr{margin:2.2rem 0 2rem 0;}
	.section22 .contt .costs button{width: 15rem; font-size:2rem; padding:1rem 2.2rem; margin-top:2.4rem;}	
	.section44{margin-top: 17rem; margin-bottom: 10rem; padding-bottom: 10rem;}
	.section44 .ttll{padding-top:17rem;}
	.section44 .view2{width:15rem; font-size:2rem; padding:1rem 2.2rem;}
	.section55 h4{font-size:3.6rem; line-height: 3.6rem;}
	.section55 ul li{font-size:2rem; line-height: 5rem;}	
	.section66{padding:2rem 0;}
	.section66 h5 {width: 15rem; font-size:2.5rem; line-height: 3.5rem;}
	.section66 .company_slides{width: 117rem}
	.section66 .company_slides li a{ font-size:2.2rem; line-height: 3.3rem; margin-right: 3rem;}
	
	#footer_pc {font-size: 2rem; line-height: 3rem;}
	#footer_pc .sitemap{width: 123rem;}
	#footer_pc .sitemap ul .depth1 { float: left;}	
    #footer_pc .copy {width: 152rem; padding-top:3rem; padding-bottom:3rem;}
    #footer_pc span a {font-size: 2rem; line-height: 4rem;}
    #footer_pc .branch{font-size:2rem; line-height: 2.5rem; background-size: 2.4rem 2.05rem; background-position: 100% 50%; padding-right: 3.6rem; padding-bottom: .4rem; margin-left: 50rem;}
    #footer_pc .branch option{font-size: 2rem;}
	#footer_pc .sitemap ul .depth1 {padding-left: 6.7rem; padding-right:6.7rem; height: 24rem;}
	#footer_pc .gototop{padding-left: 66.5rem;}
	#footer_pc .sitemap ul .depth1 span a {font-size: 2.3rem;  line-height: 4rem;}
	#footer_pc .sitemap ul .depth1{padding-left:1.4rem; padding-right:1.4rem;  }
    /*****메인끝*****/ 

    /*****서브시작*****/
	.hc24Wrap .title{border-radius:4.2rem; font-size:2.4rem; line-height:3.2rem;border-radius:4.7rem;}
	.hc24Wrap ul li {font-size: 2.2rem; line-height: 3.5rem;}
	#headerbar_pc_sub{height:12rem;}
	#headerbar_pc_sub .logoWrap{width:60rem;}
	#headerbar_pc_sub #main ul li a{font-size:2.5rem; line-height:2.5rem;}
	#headerbar_pc_sub #sub{height:21rem; top:12rem;}
	#headerbar_pc_sub #sub ul li{padding-top:1.2rem;}
	#headerbar_pc_sub #sub ul li a{font-size:2.3rem; line-height:2.3rem;}
	#headerbar_pc_sub #nav{width:140rem;}

	.subCont{width: 120rem; margin: 0 auto; margin-bottom: 10rem;}
   	.subMenu .txt_menu { font-size: 2.2rem; line-height: 5.2rem; height: 5.2rem; margin-left:10rem; margin-right:10rem;}
    .sub_ttl1{font-size:4rem; line-height:4rem; margin-bottom:10rem;}
	.board_ttl{font-size:4rem !important; line-height:4rem !important; margin-bottom:10rem !important;}   
	.sub_ttl2{font-size: 3.6rem; line-height:3.6rem; margin-bottom: 7rem;} 
	.sub_para1{font-size:2.2rem; line-height:3.3rem; width:120rem; margin-bottom:7rem;}
  
    .tabWrap {width: 120rem;}   
    .tabMenu button {font-size:2.6rem; line-height: 2.6rem;}
	.tab_box .para_t1{width:100%;}
	.subCont_100{width:100%; margin-bottom:13rem;}

    .overview{width: 120rem; margin-bottom: 5rem;}
    .overview div{float: left;}
    .overview:after{display: block; content: ""; clear: both;}
    .overviewImg{height:59rem; width: 48rem; margin-right: 4.8rem; background-size: 64.8rem;}
    .overviewTable{width: 67.2rem; margin-bottom: 6rem;}
    .overviewTable th{font-size:2.2rem; line-height:3.3rem; padding: 1.2rem 0;}
    .overviewTable td{font-size:2.2rem; line-height:3.3rem; padding: 1.2rem 0;}

    .visionBg{padding-top: 7rem; padding-bottom: 8rem; margin-bottom:8rem;}
    .vision{width: 115.2rem; margin: 0 auto;}
    .vision div{width:28.8rem; height: 27rem; padding: 6rem  3.6rem; margin-bottom: 4.8rem; float: left; margin-right: 3.6rem;}
    .vision div:last-child{margin-right: 0;}
    .vision:after{display: block; content: ""; clear: both;}
    .vision div img{width: 10.8rem;}
    .vision div p{font-size: 3.4rem; line-height: 3.4rem; margin-top: 1rem; margin-bottom: 1rem;}
    .vision div span{font-size:2.2rem; line-height:3.3rem;}
    .vision div h4 span{font-size:3.2rem; line-height:3.2rem; margin-top: 1rem;}

	.subCont_100 .sub_ttl1{width:100%;}
	.c_table1{margin-bottom:14rem;}
	.c_table1 caption{font-size:3.1rem; line-height:6.2rem;}
	.c_table1 th{padding: 1rem; font-size:2.1rem; line-height: 3.2rem;}
    .c_table1 td{padding: 1rem; font-size:2.2rem; line-height: 3.2rem;}
	.c_table2{margin-bottom:0;}
	.tabMenu3 button {font-size: 2.6rem; line-height: 2.6rem; padding: 1.4rem 0;}
	.tab_box3 h4 {font-size: 3.6rem; line-height: 5rem; margin-bottom: 2.7rem;}
	.goto_page{font-size: 2.2rem; line-height: 2.2rem; padding:2rem 3rem 2rem 2rem; margin-top: 2rem;}

	/*****요금*****/
	.c_table3{margin-bottom:3rem;}
	.c_table3 caption{font-size:3.1rem; line-height:6.2rem;}
	.c_table3 th{padding: 1rem; font-size:2.1rem; line-height: 3.2rem;}
    .c_table3 td{padding: 1rem; font-size:2.2rem; line-height: 3.2rem;}

	figcaption{font-size:2.1rem; line-height:3.2rem;  margin-bottom:14rem;}
    /*****서브끝*****/
}/**2560화면 끝***/

/*업로드시 추가함시작*/
.section55 .newsWrap{box-sizing: border-box !important;}
/*업로드시 추가함끝*/
/**********PC끝**********/

/****************index.html에서 가져옴 시작******************/
/**********메인문의하기시작**********/
    .sh-side-options{position: fixed; top: 0; bottom: 0; right: 0; z-index:12345678902; transition: 0.3s all ease; transition: 0.2s all; padding: 0 0; width: 42rem; transform: translateX(42rem);}
    .sh-side-options.open{transform: translateX(0px); box-shadow: 0 0 3.9rem 1rem rgba(0, 0, 0, 0.2);}
    .sh-side-options-container{position: absolute; bottom: 5rem; left: -12.5rem; width: 6rem; background-color: rgba(255, 255, 255, 1); border-radius: 0.5rem; margin-right: 1.5rem; box-shadow: -1rem 0 2rem 0.2rem rgba(0, 0, 0, .06);}
    .sh-side-options-item{display: block; text-align: center; margin: 0; transition: 0.3s all ease-in-out;position: relative; padding: 0.7rem; cursor: pointer;}
    .sh-side-options-item:not(:last-child){border-bottom: 1px solid #f1f3fc;}
    .sh-side-options-item-container{border-radius: 0.4rem; padding: 0.8rem 0;}
    .sh-side-options-item:hover .sh-side-options-item-container, .sh-side-options-item:focus .sh-side-options-item-container, .sh-side-options.open .sh-side-options-item-trigger-demos .sh-side-options-item-container{background-color: #f3f5fd;}
    .sh-side-options-item i{font-size: 2.2rem;}
    .sh-side-options-item:not(:hover):not(:focus){color: #9396a5 !important;}
    .sh-side-options-item:hover .sh-side-options-hover{opacity: 1; transform: translateX(-97%);}
    .sh-side-options-hover{position: absolute;background-color: #ffffff; color: #32343d; padding: 2rem 2.6rem; transform: translateX(-70%); left: 0; top: 0; bottom: 0;opacity: 0; transition: 0.2s all ease-in-out; z-index: -100;border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;font-size: 1.3rem; font-weight: 800; box-shadow: 0 0 2rem 0.2rem rgba(0, 0, 0, 0.08); color:#273955;}
    .sh-side-options-hover span{padding: 0 0.3rem;}
    .sh-side-options-item i{color: #9396a5 !important;}
    .sh-side-options.open .sh-side-options-item-trigger-demos i, .sh-side-options-item:hover i, .sh-side-options-item:focus i{color: #294cff !important;}
    .sh-side-demos-container{top: 0; left: 0; right: -1.7rem; bottom: 0;position: absolute; overflow-y: scroll;  background-color: #fff; background-repeat: no-repeat; background-position: right top; padding: 2.2rem;}
    .sh-side-demos-container-close{position: absolute; top: 3rem; right: 5rem; cursor: pointer;}
    .sh-side-demos-container-close i{color: #c5c5c5;font-size: 1.8rem; transition: 0.3s all ease;}
    .sh-side-demos-container-close:hover i, .sh-side-demos-container-close:focus i{color: #7f7f7f;}
    .sh-side-demos-loop-container{position: relative; margin: 0 -1rem; margin-top: 2.8rem; padding:0 3rem 0 2rem;}
    .sh-side-demos-item{display: inline-block; position: relative; margin-right: -0.4rem;margin-bottom: 2.5rem; width: 50%; padding: 0 1rem;  text-align: center;  transition: .3s all ease; top: 0;}
    .sh-side-demos-item:hover{top: -0.4rem;}
    .sh-side-demos-item .sh-image-lazy-loading{border-radius: 0.3rem; box-shadow: 0 0.2rem 2rem 0.1rem rgba(0, 0, 0, .1);}
    .sh-side-demos-item img{border-radius: 0.3rem;}
    .sh-side-demos-item-name{font-size: 1.2rem; color: #32343d; font-weight: 600; padding-top: 1rem;}
    .sh-side-demos-item-tag{position: absolute !important; width: auto !important;  height: auto !important; top: 0.4rem; left: 0.6rem; background-color: #ff5944; color: #fff; font-size: 0.9rem; font-weight: 600; display: block; padding: 0.1rem 0.9rem; text-transform: capitalize; border-radius: 10rem;}
  
	@media (max-width: 1000px) {
        .sh-side-options {width: 35rem; transform: translateX(35rem);}
        .sh-side-options-container {bottom: 3rem; left: -9.5rem; margin-right: 1.5rem;}
    }

    .re_input{width: 100%; height: 4rem;border: 0;border-radius: 0.4rem;background-color: #f3f3f3;padding-left: 1rem; line-height: 4rem;color: #666 !important; font-size: 1.5rem;}
    .re_input::placeholder{color: #999 !important; font-size: 1.5rem;}
    .re_input2{width: 97%; height: 15rem; border: 0;border-radius: 0.4rem; background-color: #f3f3f3;padding: 1rem;color: #666 !important;font-size: 1.5rem;}
    .re_input2::placeholder {color: #666 !important; font-size: 1.5rem;}
    .re_div{margin-top: 2rem;}
    .re_div2{ margin-top: 4rem; color: #999; text-align: left;}
	.re_div label{font-size: 1.5rem;}
	.re_div textarea{width:90%; border:1px solid #cfcfcf ; margin-top:2rem; font-size: 1.5rem; font-family:  'Noto Sans KR', sans-serif;}
    .re_p{font-size: 1.4rem; line-height:2.1rem;color: #333 ; margin-top: 1rem;}
    .re_input3{display: block; border: 0; border-radius: 0.4rem; background-color: #102443; line-height: 4rem; color: #fff !important; font-size: 1.5rem; font-weight:700;text-align: center; cursor: pointer; width:20rem;}
    .re_div2 h1{font-size: 2.4rem; letter-spacing: -0.1rem; color: #333;}
	.select_part{border:1px solid #cfcfcf; border: none; appearance: none !important; -webkit- appearance: none; -moz- appearance: none; height: 4rem; border-radius: 0.4rem; background:#f3f3f3; position: relative; background-image: url(../image/ico_chevd.png); background-repeat: no-repeat; background-size: 1.2rem 1.2rem ; background-position: 95% 50%;font-size: 1.5em; line-height: 2.1rem; color:#666;padding-left: 1rem;}
	.re_location{font-size: 1.4rem; line-height:2.1rem; color:#777;}
	.re_location span{color: #333;}
	.red{color:#ff0000;}
	#sendEmail{margin-top: 2rem;}
	/**********메인문의하기끝**********/	
	

	/**********네비게이션시작***********/
	#header{height:8rem;}
	#header .headDiv{position:relative; max-width: 170rem; width: 170rem; margin:0 auto; }
	#header .headDiv:after{content: ""; display: block; clear: both;}
	#header .headDiv #logo{float: left; left: 0; padding-left:3rem;}
	#header .headDiv #logo h1{line-height: 16rem;}
	#header .headDiv #logo h1 a img{height: 4rem;}
	#header .headDiv #gnb{float: left; margin-left: 7rem;}
	#header .headDiv .gnb_right{float: right; height: 14rem; line-height: 16rem; text-align: right;}
	#header .headDiv .gnb_right .h_menu{margin-left: 7rem;}			

	/*PC메뉴*/
	#logo{padding-top:2.5rem;}
	#gnb{position:relative; z-index:1000;}
	#gnb .oneD{display:block; float:left; height:8rem; line-height:8rem; text-align:center;font-family: 'Noto Sans KR', sans-serif; text-align: center;  font-weight:400; color:#292d32;}
	#gnb:after{display: block; content: ""; clear: both;}
	#gnb .oneD.on{color:#1d4fa2; transition: all .6s;}
	#gnb .wd01{width: 17.6rem;}
	#gnb .wd02{width: 30.5rem;}
	#gnb .wd03{width: 23.9rem;}
	#gnb .wd04{width: 21.8rem;}
	#gnb .wd05{width: 25.7rem;}
	#gnb .wd06{width:29.1rem;}

	#gnb .twoD{display:none; position:absolute; height:20rem; top:8rem; z-index:100; text-align: center; font-family: 'Noto Sans KR', sans-serif; font-size:1.7rem; font-weight: 300;}
	#gnb .twoD.one{left:0;width:17.6rem;}
	#gnb .twoD.two{left:17.6rem;width:30.5rem;}
	#gnb .twoD.thr{left:48.1rem;width:23.9rem;}
	#gnb .twoD.fou{left:72rem;width:21.8rem;}
	#gnb .twoD.fiv{left:93.8rem;width:25.7rem;}
	#gnb .twoD.six{left:119.5rem;width:29.1rem;}
			
	#gnb .twoD a{display:block; padding-top:1.4rem; color:#222;}
	#gnb .twoD.on a{color:#333; font-weight:normal;}
	#gnb .twoD.on a.on{color:#1d4fa2; text-decoration:underline;}
	#header .twoDbg{display:none; position:absolute; top:8rem; left:0; width:100%; height:25rem; margin:auto; background:rgba(255,255,255,.75); z-index:900}

	/*모바일메뉴*/
	.m_gnb_right{display: none; position: absolute; top: 3.2rem; right:  8%; line-height: 10rem; text-align: right;}
	#gnbM{position:fixed; top:0; right:-30rem; width:30rem;  background:#64cdd5;}
	#gnbM .mobileMenuXbt{position:absolute; top:3.2rem; right:8%;}
	#gnbM .mobileMenuXbt img{width:2.7rem;}
	#gnbM .gnbDiv a{display:block}
	#gnbM .gnbDiv .one{padding:3.5rem; font-size:3rem; color:#fff; font-weight:normal; font-family:'yg-jalnan', sans-serif;}
	#gnbM .gnbDiv .one.on{color:#fff;}
	#gnbM .gnbDiv .two{padding:2rem; border-bottom:1px solid #d9d9d9; background:#f9f9f9;}
	#gnbM .gnbDiv .two .twoD{font-family: 'Noto Sans KR', sans-serif; font-size:2.1rem; color:#464646; padding:.7rem; font-weight:bold;}
	#gnbM .gnbDiv .two .thr{padding:1.5rem 1.5rem 0.5rem; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
	#gnbM .gnbDiv .two .thr .thrD{font-size:1.3rem; color:#777; margin-bottom:1rem;}

@media (max-width: 1740px){
		#header .headDiv{width: 150rem; }
		#header .headDiv #gnb{margin-left:9rem; }
		#header .headDiv #logo{padding-left:3rem;}
		#gnb .wd01{width: 13.6rem;}
		#gnb .wd02{width: 26.5rem;}
		#gnb .wd03{width: 19.9rem;}
		#gnb .wd04{width: 17.8rem;}
		#gnb .wd05{width: 21.7rem;}
		#gnb .wd06{width:25.1rem;}
		#gnb .twoD.one{left:0;width:13.6rem;}
		#gnb .twoD.two{left:13.6rem;width:26.5rem;}
		#gnb .twoD.thr{left:40.1rem;width:19.9rem;}
		#gnb .twoD.fou{left:60rem;width:17.8rem;}
		#gnb .twoD.fiv{left:77.8rem;width:21.7rem;}
		#gnb .twoD.six{left:99.5rem;width:25.1rem;}
	}
	
@media (max-width: 1500px){
		#header .headDiv{width: 139rem;}
		#header .headDiv #logo {padding-right: 0; padding-left:2rem;}
		#header .headDiv #gnb {margin-left: 6rem; }
		#gnb .wd01{width: 12.6rem;}
		#gnb .wd02{width: 25.5rem;}
		#gnb .wd03{width: 18.9rem;}
		#gnb .wd04{width: 16.8rem;}
		#gnb .wd05{width: 20.7rem;}
		#gnb .wd06{width:24.1rem;}
		#gnb .twoD.one{left:0;width:12.6rem;}
		#gnb .twoD.two{left:12.6rem;width:25.5rem;}
		#gnb .twoD.thr{left:38.1rem;width:18.9rem;}
		#gnb .twoD.fou{left:57rem;width:16.8rem;}
		#gnb .twoD.fiv{left:73.8rem;width:20.7rem;}
		#gnb .twoD.six{left:94.5rem;width:24.1rem;}
	}
	
@media (max-width: 1390px){
		#header .headDiv{width:120rem;}
		#header .headDiv #logo{padding-left:0rem;}
		#gnb .wd01{width: 8.6rem;}
		#gnb .wd02{width: 21.5rem;}
		#gnb .wd03{width: 14.9rem;}
		#gnb .wd04{width: 12.8rem;}
		#gnb .wd05{width: 16.7rem;}
		#gnb .wd06{width:20.1rem;}
		#gnb .twoD.one{left:0;width:8.6rem;}
		#gnb .twoD.two{left:8.6rem;width:21.5rem;}
		#gnb .twoD.thr{left:30.1rem;width:14.9rem;}
		#gnb .twoD.fou{left:45rem;width:12.8rem;}
		#gnb .twoD.fiv{left:57.8rem;width:16.7rem;}
		#gnb .twoD.six{left:72.5rem;width:20.1rem;}
	}
	
@media (max-width: 1280px){
		.m_gnb_right{display: block; right:5% !important;}
		.m_gnb_right a img{height:2.7rem;}
		#header{height: 10rem;}
		#header .headDiv{width:100%;}
		#header .headDiv #logo{padding-right: 0; padding-left: 5%;}
		#header .headDiv #logo h1{line-height: 10rem;}
		#header .headDiv .gnb_right{display: none!important;}
		#gnb{display: none;}
	}
	
@media (max-width: 991px){
		#header{height: 8rem;}
		#header .headDiv #logo h1{line-height: 8rem;}
	}

@media (max-width: 720px){		
		#gnbM .gnbDiv .one{padding:2.5rem; font-size:3rem;}
		#header .headDiv #logo h1 a img{height : 5rem;}
		#gnbM .gnbDiv .two .twoD{font-size: 2rem; padding: 0.7rem;}
		.m_gnb_right a img{height: 3rem;}
		#gnbM .mobileMenuXbt img{width: 3rem;}
	}
	
@media (max-width: 600px){ /*기존640*/
		#header{height:9rem;     }
		#header .headDiv #logo h1{line-height: 9rem;}
		#header .headDiv #logo h1 a img{height : 5rem;}
		#gnbM .gnbDiv .one{padding:3rem; font-size:3.2rem;}
		#gnbM .gnbDiv .two .twoD{font-size:2.4rem; padding:1rem;}
		#gnbM .mobileMenuXbt{top:3.5rem;}
	}
	
@media (max-width: 480px){		
		#header{height: 8rem;}
		#logo{padding-top:1.8em;}
		.m_gnb_right{padding-top:2.4rem;}
		.m_gnb_right a img{height: 2.7rem;}
		#gnbM .mobileMenuXbt img{width:2.7rem;}
		#gnbM .gnbDiv .one{padding:2.5rem; font-size:2.7rem;}
		#gnbM .gnbDiv .two .twoD{font-size:2rem; padding:.6rem;}
		#header .headDiv #logo h1 a img{height: 4.2rem;}
		.m_gnb_right{top: .4rem;}
		#gnbM .mobileMenuXbt{top:2.5rem;}
	}	
	
@media (max-width: 360px){		
		#gnbM .gnbDiv .one{padding:2rem; font-size:2.5rem;}
		#header{height: 7rem;}
		#logo{padding-top: 1.5rem;}
		#header .headDiv #logo h1 a img{height: 4rem;}
		.m_gnb_right{top:-.2rem;}
	} 
	
@media (max-width: 320px){		
		#header{height: 5.4rem;}
		#logo{padding-top:.9rem;}
		.m_gnb_right a img{height: 2.1rem;}
		#gnbM .mobileMenuXbt img{width:2.1rem;}
		#gnbM .gnbDiv .one{padding:1.4rem 1.7rem; font-size:2.3rem;}
		#gnbM .gnbDiv .two .twoD{font-size:1.9rem; padding:.5rem;}
		#gnbM .mobileMenuXbt{top:2rem;}	
		#header .headDiv #logo h1 a img{height: 3.6rem;}
		.m_gnb_right{top:-1.7rem;}	
		.m_gnb_right{padding-top: 3.2rem;}
		.m_gnb_right .menu320{display: block; width: 2rem; height: 1.8rem;}
	}
/**********네비게이션끝***********/