@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://ecds.co.kr/fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

body, ul, ol, span, input, p, dl, dt, dd, table, th, td, div, textarea{margin:0px; padding:0px; font-size:12pt; font-family:"Noto Sans KR","Malgun Gothic","dotum",sans-serif; letter-spacing:-1px; font-weight:300; transition:0.3s}
body{padding-right: 0 !important;}
a{text-decoration:none;}

/* 공통 부분 */
.layout{margin:0 auto; width:1200px;}
p{word-break: keep-all;}
@media(max-width:1200px){
	.layout{width:98%;}	
}
@media(max-width:768px){
	#middler.main > section{padding:60px 0px !important;}	
}

/* HEADER */
#header-group{background:#fff; overflow:hidden; position:fixed; top:0; left:0; width:100%; z-index:10; overflow:hidden;  border-bottom:1px solid #eee;  line-height:75px; }
#header-group > .header{display:block; overflow:hidden;}
#header-group > .gnb-group{display:block; overflow:hidden; }
#header-group  .logo.logo-left{float:left; margin-left:10px;}
#header-group  .logo.logo-right{float:right; margin-right:10px;}

@media(max-width:1040px){	
	#header-group  .logo  img{width:100px;}
}
@media(max-width:768px){
	#header-group{line-height:65px; }	
}

/*NAV*/
#header-group .header #nav{float:right; height:inherit; margin-top:0px;}
#header-group .header #nav > .menu{list-style:none; margin:0; padding:0;}
#header-group .header #nav > .menu > li{float:left; text-align:center; overflow:hidden;}
#header-group .header #nav > .menu > li > .box .btn-box{background:none; width:100%; border:none; /* position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); */ padding:0; height:76px;}
#header-group .header #nav > .menu > li > .box .btn-box > .txt{font-size:12pt; color:#000; line-height:11pt; letter-spacing:0px; font-weight:400;  border-right:1px solid #ccc; padding:0px 20px;}
#header-group .header #nav > .menu > li:last-child > .box .btn-box > .txt{border-right:0;}
#header-group .header #nav > .menu > li > .box .btn-box:hover > .txt{color:#555;}
#header-group .header #mnav{display:none;} 
@media(max-width:768px){
	#header-group .header #nav > .menu > li > .box .btn-box{height:65px;}	
}
/* visualzone */
#visualzone{background:url(/images/main_bg.png) no-repeat  top; position:relative; width:100%; margin-top:76px; background-size:1920px auto; height:510px; overflow:hidden;}


@media(max-width:1040px){
	#visualzone{margin:0px; padding:0px 20px;}
}
@media(max-width:768px){
	#visualzone{height:330px; margin-top:65px; background:url(/images/main_bg.png) no-repeat  top rgba(0, 0, 0, 0.3);
        background-blend-mode: multiply;}
}



/* visualzone title*/
#visualzone .v_txt{ margin-top:110px; width:900px;}
#visualzone .v_txt .intro{margin-bottom:20px;}
#visualzone .v_txt .summary p{font-size:22pt; color:#fff;}
#visualzone .v_txt .summary p .bold{font-weight:600; font-size: inherit; word-break:keep-all;}
#visualzone .v_txt .summary p .d{color:#66FEE9; font-size: inherit; word-break:keep-all;}
#visualzone > .layout > .btn_group{margin-top:45px;}
#visualzone > .layout > .btn_group .btn{border-radius: 10px; padding:10px 20px;}
#visualzone > .layout > .btn_group .left_btn{background-color: #00C3AD; color:#fff; margin-right:20px;}
#visualzone > .layout > .btn_group .right_btn{background-color: #fff; color:#00C3AD;}
#visualzone > .layout > .btn_group .btn a{text-decoration: none; color:inherit; display:flex; align-items: center;}
#visualzone > .layout > .btn_group .btn img{margin-right:10px;}

@media(max-width:1040px) {
	#visualzone .v_txt{width:100%;}	
}
@media(max-width:768px) {
	#visualzone .layout{width:94%;}
	#visualzone .v_txt{margin-top:50px;}
	#visualzone .v_txt .intro{font-size:14pt;}
	#visualzone .v_txt .intro img{width: 35%;}
	#visualzone .v_txt .summary p{font-size:14pt;}
	#visualzone .v_txt .summary p:nth-child(2),
	#visualzone .v_txt .summary p:nth-child(3){display:inline;}
	#visualzone > .layout > .btn_group{margin-top:30px;}
}
@media(max-width:480px){
	#visualzone .v_txt{text-align: center;}
	#visualzone .v_txt .summary p{font-size:14pt; display:inline;}
	#visualzone > .layout > .btn_group .btn{font-size:12pt; width: 45%; text-align: left; padding:10px 13px;}
	#visualzone > .layout > .btn_group .btn a .text{line-height: 1.3;}
	#visualzone > .layout > .btn_group .btn > a span{font-size:inherit; font-weight:inherit; display:block;}
}

/* reseller */
#middler.main .reseller{padding:80px 0px; font-size:12pt; background:#eaf9f2;}
#middler.main .reseller > .layout > .logo{text-align:center;}
#middler.main .reseller > .layout > .title{text-align:center; margin:40px 0px 10px 0px; font-size:18pt; font-weight:400;}
#middler.main .reseller > .layout > .title span.cds{font-weight:700; font-size:inherit;}
#middler.main .reseller > .layout > .title span.d{font-weight:700; font-size:inherit; color:#00AFC6; margin:5px; word-break:keep-all;}
#middler.main .reseller > .layout > .summary{text-align:center;}
#middler.main .reseller > .layout > .summary p{font-size:13pt; color:#555; display:inline;}
#middler.main .reseller > .layout > .summary .b{font-weight:500; font-size:inherit; color:#2A2A2A;}
#middler.main .reseller > .layout > .summary .d{font-weight:500; font-size:inherit; color: #00AFC6;}

@media(max-width:768px) {
	#middler .reseller .summary p:nth-child(2),
	#middler .reseller .summary p:nth-child(3){display:inline;}
}

@media(max-width:480px) {
	#middler.main .reseller > .layout > .title span.cds{display:block;}
}


/* Introduction */
#middler.main .introduction{padding:80px 0px; overflow:hidden;}
#middler.main .introduction > .layout > .title{text-align:center; font-size:24pt;}
#middler.main .introduction > .layout > .title > span.d{font-weight: 600; font-size:inherit; display:block;}

#middler.main .introduction > .layout > .content{display:flex; justify-content: center; margin:80px 0px 40px 0px; text-align:center;}
#middler.main .introduction > .layout > .content .box{border-radius: 15px; position: relative;}
#middler.main .introduction > .layout > .content .left_box{background-color:#F3F3F3; width:45%;}
#middler.main .introduction > .layout > .content .middle_box{align-content: center; width:10%;}
#middler.main .introduction > .layout > .content .right_box{background-color:#1FB2A0; width:45%;}
#middler.main .introduction > .layout > .content .box .thumb{position: absolute;}
#middler.main .introduction > .layout > .content .left_box .thumb{top:-154px; left:20px;}
#middler.main .introduction > .layout > .content .right_box .thumb{top: -105px; right:20px;}
#middler.main .introduction > .layout > .content .right_box .thumb img{transform: scaleX(-1);}
#middler.main .introduction > .layout > .content .right_box .summary p{color:#fff;}
#middler.main .introduction > .layout > .content ul{list-style: none; display:flex; flex-direction: column;	height: 100%;}
#middler.main .introduction > .layout > .content ul li{display: flex; flex-direction: column; justify-content: center; flex:1; width: 80%; margin:auto; padding:20px 0px; word-break: keep-all;}
#middler.main .introduction > .layout > .content .left_box ul li:nth-child(2){border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
#middler.main .introduction > .layout > .content .right_box ul li:nth-child(2){border-top: 1px solid #8ad7cd; border-bottom: 1px solid #8ad7cd;}
#middler.main .introduction > .layout > .content ul li div p .b{font-weight:500;}
#middler.main .introduction > .layout > .content ul li div p .y{color:#FEFE00;}
#middler.main .introduction > .layout > .content ul li div p .r{color:#E64D4D}
#middler.main .introduction > .layout > .content ul li div p .ul{text-decoration: underline;}

@media(max-width:1040px){
	#middler.main .introduction > .layout > .content{gap:20px;}
	#middler.main .introduction > .layout > .content .left_box .summary p{display:inline;}
	#middler.main .introduction > .layout > .content .middle_box img{width:80%; height:auto;}
	#middler.main .introduction > .layout > .content .right_box .summary p{display:inline;}
	#middler.main .introduction > .layout > .content ul li{padding:10px 0px;}
}

@media(max-width:480px){
	#middler.main .introduction > .layout > .content{flex-direction: column; align-items: center; margin-top:160px; margin-bottom:0px; gap:40px;}
	#middler.main .introduction > .layout > .content .left_box{background-color:#F3F3F3; width:100%;}
	#middler.main .introduction > .layout > .content .middle_box{align-content: center; width:10%;}
	#middler.main .introduction > .layout > .content .middle_box img{width:140%; transform: rotate(90deg);}
	#middler.main .introduction > .layout > .content .right_box{background-color:#1FB2A0; width:100%;}
	#middler.main .introduction > .layout > .content ul li{width:90%;}
}

/* skill */
#middler.main .skill{padding:80px 0px; overflow:hidden; background-color: #f8f8f8; position: relative;}
#middler.main .skill > .bg{position: absolute; right: -10px; bottom: -50px; opacity: 0.5;}
#middler.main .skill > .bg img{width: 100%; height: auto;}
#middler.main .skill > .layout > .title{text-align:center; font-size:24pt; margin-bottom:40px;}
#middler.main .skill > .layout > .title > span.b{font-weight: 500; font-size:inherit;}
#middler.main .skill > .layout > .part > ul{list-style:none; display:flex; flex-wrap:wrap; justify-content: center; align-items: stretch; gap:40px;}
#middler.main .skill > .layout > .part > ul > li{flex: 1 1 calc(33.333% - 30px); min-width: 280px; max-width: 400px; display: flex;}
#middler.main .skill > .layout > .part > ul > li .box{background-color:#fff; border-radius: 15px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); padding:30px; display:flex; align-items:center; gap:20px; word-break: keep-all;}
#middler.main .skill > .layout > .part > ul > li .box .txt-group .title{font-weight: 500; margin-bottom: 10px;}
#middler.main .skill > .layout > .part > ul > li .box .txt-group .summary{font-size:10pt;}


@media(max-width:1040px){
	#middler.main .skill > .layout > .part > ul > li{flex: 1 1 calc(50% - 30px);}
	#middler.main .skill > .layout > .part > ul > li .box{padding:25px;}
	#middler.main .skill > .bg{width:300px;}
}
@media(max-width:768px){
	#middler.main .skill > .layout > .part > ul{gap:30px;}
	#middler.main .skill > .layout > .part > ul > li{flex: 1 1 calc(50% - 30px);}
	#middler.main .skill > .layout > .part > ul > li .box{padding:15px;}
	#middler.main .skill > .bg{display:none;}
}

/* tech */
#middler.main .tech{padding:80px 0px; overflow:hidden;}
#middler.main .tech > .layout > .title{text-align:center; font-size:24pt; margin-bottom:40px;}
#middler.main .tech > .layout > .title span.b{font-weight: 600; font-size:inherit;}
#middler.main .tech > .layout > .summary{text-align:center; word-break: keep-all;}
#middler.main .tech > .layout > .summary p{font-size:12pt; letter-spacing: -1.5px;}
#middler.main .tech > .layout > .summary .b{font-weight: 600; font-size: inherit; letter-spacing: inherit;}

#middler.main .tech > .layout > .part{margin-top:40px;}
#middler.main .tech > .layout > .part thead tr th{padding:10px; border:1px solid #ddd; font-weight: 500;}
#middler.main .tech > .layout > .part thead tr th span.mobile{display:none;}
#middler.main .tech > .layout > .part thead tr th:nth-child(1){width: 15%;}
#middler.main .tech > .layout > .part thead tr th:nth-child(2){width: 60%;}
#middler.main .tech > .layout > .part thead tr th:nth-child(3){width: 25%;}
#middler.main .tech > .layout > .part thead tr th.title{background-color: #009b89; color:#fff;}
#middler.main .tech > .layout > .part table{text-align: center; width: 100%; border-collapse: collapse; border:1px solid #ddd; word-break: keep-all;}
#middler.main .tech > .layout > .part tbody td{padding:10px; border:1px solid #ddd; font-weight: 500;}
#middler.main .tech > .layout > .part tbody td span.mobile{display:none;}
#middler.main .tech > .layout > .part tbody td:nth-child(1){background-color: #f2f2f2;}

@media(max-width:1040px){
	#middler.main .tech > .layout > .summary p{display: inline;}
}

@media(max-width:480px){
	#middler.main .tech > .layout > .part thead tr th span.mobile{display:unset; font-size:inherit; font-weight:inherit;}
	#middler.main .tech > .layout > .part thead tr th.mobile{display:none;}
	#middler.main .tech > .layout{padding:0px 10px;}
	#middler.main .tech > .layout > .summary p{display: block;}
	#middler.main .tech > .layout > .summary p:nth-child(1){margin-bottom:15px;}
	#middler.main .tech > .layout > .part tbody td:nth-child(3){display:none;}
	#middler.main .tech > .layout > .part tbody td span.mobile{display:unset; font-size:inherit; font-weight:inherit;}

}
/* credit */ 
#middler.main .credit{background-color: #f8f8f8;}
#middler.main .credit .logo{background: linear-gradient(to bottom, #00a699, #00c2b0); width:100%; text-align:center; padding:65px 0px; position: relative; margin-bottom:80px;}
#middler.main .credit .logo::after{content: ''; position: absolute;bottom: -50px; left: 50%; transform: translate(-50%, -50%) rotate(180deg); border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 40px solid #00c2b0; border-top: 0; width: 0; height: 0;}
#middler.main .credit .logo .summary p{font-size:22pt; color:#fff;}
#middler.main .credit .logo .summary p .b{font-weight: 600; font-size: inherit;}
#middler.main .credit{padding:0px 0px 80px 0px; overflow:hidden;}
#middler.main .credit > .layout > .part{border-radius:20px; background-color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); padding:35px 40px;}
#middler.main .credit > .layout > .part > ul{list-style: none; display:flex; flex-wrap:wrap; gap:25px 50px; justify-content: center;}
#middler.main .credit > .layout > .part > ul > li{flex: 0 0 calc(48.333% - 20px);}
#middler.main .credit > .layout > .part > ul > li .summary{display: flex; align-items: center; word-break: keep-all;}
#middler.main .credit > .layout > .part > ul > li .summary p{display:inline; font-size:inherit;}
#middler.main .credit > .layout > .part > ul > li .summary .d{font-weight:500; font-size:inherit; color: #00C3AD;}
#middler.main .credit > .layout > .part > ul > li .summary .b{font-weight:500;}

#middler.main .credit > .layout > .part.table{margin-top:40px; padding:40px 50px; word-break: keep-all;}
#middler.main .credit > .layout > .part > .title{text-align: center; font-size:22pt;}
#middler.main .credit > .layout > .part > .title .b{font-weight: 600; font-size: inherit;}
#middler.main .credit > .layout > .part table{margin-top:20px;}
#middler.main .credit > .layout > .part thead tr th{padding:10px; border:1px solid #ddd; font-weight: 500;}
#middler.main .credit > .layout > .part thead tr th:nth-child(1){width: 20%;}
#middler.main .credit > .layout > .part thead tr th:nth-child(2){width: 40%;}
#middler.main .credit > .layout > .part thead tr th:nth-child(3){width: 40%;}
#middler.main .credit > .layout > .part thead tr th.title{background-color: #009b89; color:#fff;}
#middler.main .credit > .layout > .part table{text-align: center; width: 100%; border-collapse: collapse; border:1px solid #ddd;}
#middler.main .credit > .layout > .part tbody td{padding:10px; border:1px solid #ddd; font-weight: 500;}
#middler.main .credit > .layout > .part tbody td:nth-child(1){background-color: #f2f2f2;}
#middler.main .credit > .layout > .part.table .text{text-align: right; font-size: 10pt; color:#00c3AD;}
#middler.main .credit > .layout > .part.table .text img{color:#00c3AD;}

@media(max-width:768px){
	#middler.main .credit{padding-top:0px !important;}
	#middler.main .credit .logo{margin-bottom:45px;}
	#middler.main .credit > .layout > .part{padding:15px;}
	#middler.main .credit > .layout > .part > ul{gap:5px 10px;}
	#middler.main .credit > .layout > .part > ul > li{display:flex; min-height: 50px;}
	#middler.main .credit > .layout > .part > ul > li .summary{align-items: center;}
	#middler.main .credit > .layout > .part > ul > li .summary .text{font-size:12pt; padding-left:5px;}
	#middler.main .credit > .layout > .part > ul > li .summary .text span{font-size:inherit;}
	#middler.main .credit > .layout > .part.table{padding:40px 5px;}
}

@media(max-width:480px){
	#middler.main .credit > .layout > .part thead tr th{font-size:9pt;}
	#middler.main .credit > .layout > .part tbody td{font-size:9pt;}
	#middler.main .credit > .layout > .part > ul{flex-direction: column;}
	#middler.main .credit > .layout > .part > ul > li .summary{gap:10px;}
	#middler.main .credit > .layout > .part > ul > li .summary p{display:block;}
	#middler.main .credit > .layout > .part > ul > li .summary img{width:20px;}
	#middler.main .credit > .layout > .part > ul > li .summary img.right{width:15px;}
	#middler.main .credit > .layout > .part thead tr th:nth-child(2){width: 30%;}
	#middler.main .credit > .layout > .part thead tr th:nth-child(3){width: 50%;}
	#middler.main .credit > .layout > .part.table .text{font-size:9pt;}

}

/* edu */
#middler.main .edu{padding:80px 0px; overflow:hidden;}
#middler.main .edu > .layout > .title{text-align:center; font-size:24pt; margin-bottom:40px;}
#middler.main .edu > .layout > .title .b{font-weight: 600; font-size:inherit;}
#middler.main .edu > .layout > .summary{margin-bottom:90px;}
#middler.main .edu > .layout > .summary p{text-align:center; font-size:12pt;}
#middler.main .edu > .layout > .summary p .d{font-weight: 500; font-size: inherit; color:#00c2b0;}
#middler.main .edu > .layout > .summary p .b{font-weight: 500; font-size: inherit;}

#middler.main .edu > .layout > .part{margin-bottom:80px;}
#middler.main .edu > .layout > .part > ul{display:flex; flex-direction:row; flex-wrap: wrap; gap:70px 60px;}
#middler.main .edu > .layout > .part > ul > li{list-style:none; width:calc(33.333% - 60px)}
#middler.main .edu > .layout > .part > ul > li .box{display:flex; flex-direction: column; flex-wrap: wrap; align-items: center;}
#middler.main .edu > .layout > .part > ul > li .box .thumb-group{background-color: #f4f5f7; border-radius: 100%; width: 200px; height:200px; align-content: center; text-align:center; position: relative;}
#middler.main .edu > .layout > .part > ul > li .box .thumb-group .n-circle{letter-spacing:0px; color:white; font-size:12pt; font-weight:500; position: absolute; top:20px; left:10px; width: 40px; height: 40px; border-radius: 100%; align-content: center; background-color: #00c3ad;}
#middler.main .edu > .layout > .part > ul > li .box .text-group{text-align: center;}
#middler.main .edu > .layout > .part > ul > li .box .text-group .title{font-weight:600; font-size:13pt; margin:20px 0px 10px 0px; word-break: keep-all;}
#middler.main .edu > .layout > .part > ul > li .box .text-group .summary{font-size:11pt; word-break: keep-all; word-break: keep-all;}
#middler.main .edu > .layout > .part > ul > li .box .text-group .summary .b{font-weight: 500;}

#middler.main .edu > .layout > .text{background-color: #303636; border-radius: 15px; color: white; padding:13px 70px; font-size:11pt;  font-weight: 400; text-align:center; margin-bottom:20px; word-break: keep-all;}
#middler.main .edu > .layout > .text .y{color: yellow; font-size:inherit; font-weight: 400;}

@media(max-width:768px){
	#middler.main .edu > .layout > .part > ul{justify-content: center; gap:70px 40px;}
	#middler.main .edu > .layout > .part > ul > li{list-style:none; width:calc(33.333% - 40px);}
	#middler.main .edu > .layout > .part > ul > li .box .text-group .title{min-height: 52px;}
	#middler.main .edu > .layout > .part > ul > li .box .thumb-group{width:180px; height:180px;}
	#middler.main .edu > .layout > .part > ul > li .box .thumb-group img{width: 40%; height: auto;}
}

@media(max-width:480px){
	#middler.main .edu > .layout > .part{margin-bottom:40px;}
	#middler.main .edu > .layout > .summary p:nth-child(1){margin-bottom:15px;}
	#middler.main .edu > .layout > .part > ul{gap:50px 20px;}
	#middler.main .edu > .layout > .part > ul > li{width:calc(50% - 20px);}
	#middler.main .edu > .layout > .part > ul > li .box .thumb-group .n-circle{font-size:10pt; top:18px; left:-2px; width: 30px; height: 30px;}
	#middler.main .edu > .layout > .part > ul > li .box .thumb-group{width:150px; height:150px;}
	#middler.main .edu > .layout > .text{padding:13px 20px;}
}

/* service */ 
#middler.main .service{background:url(/images/choice_bg.jpg) center top; width:100%; background-size:1920px auto; overflow:hidden; padding:70px 0px; max-width:1920px; margin:auto;}
#middler.main .service > .layout > .title p{text-align:center; font-size:22pt; font-weight:500; color:white;}
#middler.main .service > .layout > .title span.b{color:white; font-size:26pt; font-weight:600;}
#middler.main .service > .layout > .title span.d{color:yellow; font-size:26pt; font-weight:600;}
#middler.main .service > .layout > .title{margin-bottom:50px;}
#middler.main .service > .layout > .part > ul{list-style:none; display:flex; flex-wrap: wrap; flex-direction:row; justify-content: center; align-items: flex-start; gap:10px;}
#middler.main .service > .layout > .part > ul > li{width: calc(100% / 4 - 10px);}
#middler.main .service > .layout > .part > ul > li .box{display: flex; flex-direction: column; align-items: center;}
#middler.main .service > .layout > .part > ul > li .box .thumb{background-color: white; border-radius: 20px; width: 150px; height: 150px; text-align: center; align-content: center;}
#middler.main .service > .layout > .part > ul > li .box .summary{color:white; margin-top:30px; padding:0px 10px; text-align: center;}
#middler.main .service > .layout > .part > ul > li .box .summary .subject{font-size: 16pt; font-weight: 500; margin-bottom: 15px; word-break: keep-all; align-content:center; min-height:55px; line-height: 1.3;}
#middler.main .service > .layout > .part > ul > li .box .summary .subject p{font-size:inherit; font-weight: inherit; letter-spacing: -1.3px;}
#middler.main .service > .layout > .part > ul > li .box .summary .subject .d{font-size: inherit; color: #00c3AD; font-weight: inherit; letter-spacing: inherit;;}
#middler.main .service > .layout > .part > ul > li .box .summary .txt{font-size:12pt; word-break: keep-all;}
#middler.main .service > .layout > .part > ul > li .box .summary .txt span{font-size:inherit; display: inline;}

@media(max-width:1040px){
	#middler.main .service > .layout > .part > ul > li .box .summary .subject{min-height: 50px;}
	#middler.main .service > .layout > .part > ul > li .box .summary .txt span{display: inline;}
}

@media(max-width:768px){
	#middler.main .service > .layout > .part > ul{flex-direction: column;}
	#middler.main .service > .layout > .part > ul > li{width: 100%;}
	#middler.main .service > .layout > .part > ul > li .box{flex-direction: row; min-height: 185px;}
	#middler.main .service > .layout > .part > ul > li .box .thumb{width: 135px; height:135px;}
	#middler.main .service > .layout > .part > ul > li .box .summary{width:calc(100% - 135px); margin: 0px auto 0px auto;}
	#middler.main .service > .layout > .part > ul > li .box .summary .subject{margin-bottom:15px; min-height: unset;}
}

@media(max-width:480px){
	#middler.main .service > .layout{padding:0px 5px;}
	#middler.main .service > .layout > .title p{font-size:18pt;}
	#middler.main .service > .layout > .title span.b,
	#middler.main .service > .layout > .title span.d{font-size:20pt;}
	#middler.main .service > .layout > .part > ul > li .box .thumb{width: 100px; height:100px;}
	#middler.main .service > .layout > .part > ul > li .box .thumb img{width:70px; height: auto;}
	#middler.main .service > .layout > .part > ul > li .box .summary{width:calc(100% - 120px); margin: 0px auto 0px auto;}
	#middler.main .service > .layout > .part > ul > li .box .summary .subject{display: block;}
}

/* Information */
#middler.main .information{background:url(/images/inquiry_bg.jpg) repeat-y center top; width:100%; background-size:1920px auto; height:542px; overflow:hidden; color:rgba(255,255,255,0.9); padding:50px 0px;}
#middler.main .information > .layout > .intro{color:inherit; text-align:center;  text-align:center; margin:0 auto; word-break:keep-all; font-size:22pt;}
#middler.main .information > .layout > .intro p{font-size:inherit;}
#middler.main .information > .layout > .intro p span{color:inherit;  font-size:inherit; font-weight:600;}
#middler.main .information > .layout > .contact-group{margin:35px 0px 20px 0px; text-align: center;}
#middler.main .information > .layout > .contact-group > .intro > .box{margin-bottom:40px;}
#middler.main .information > .layout > .contact-group > .intro > .box p{font-size:15pt; font-weight:400; word-break:keep-all;}
#middler.main .information > .layout > .contact-group > .intro > .box p span{font-size:inherit; color:#FFFF00; font-weight:inherit; word-break:keep-all;}
#middler.main .information > .layout > .contact-group > ul.list{list-style:none; padding:0; margin:0; overflow:hidden;}
#middler.main .information > .layout > .contact-group > ul.list li{float:left; padding:0px 10px;}
#middler.main .information > .layout > .contact-group > ul.list li .box{text-align:center; padding:15px 5px; min-height:60px; font-weight:500;}
#middler.main .information > .layout > .contact-group > ul.list li .tel.box,
#middler.main .information > .layout > .contact-group > ul.list li .email.box{text-align:left;}
#middler.main .information > .layout > .contact-group > ul.list li .tel.box span:nth-child(1){font-size:14pt; display:block; font-weight:400;}
#middler.main .information > .layout > .contact-group > ul.list li .tel.box span:nth-child(2){font-size:22pt; font-weight:600;}
#middler.main .information > .layout > .contact-group > ul.list li .email.box span:nth-child(1){font-size:14pt; display:block; font-weight:400;}
#middler.main .information > .layout > .contact-group > ul.list li .email.box span:nth-child(2){font-size:19pt; font-weight:600; }
#middler.main .information > .layout > .contact-group > ul.list li .email.box span:nth-child(2) a{font-weight:inherit; color:inherit; font-size:inherit; border-bottom:1px solid #fff;}
#middler.main .information > .layout > .contact-group > ul.list li .consultant.box{display: flex; justify-content: flex-start; align-items: center; gap:10px; padding-left:20px; text-align: left;}
#middler.main .information > .layout > .contact-group > ul.list li .consultant.box .subject{font-weight: 600;}
#middler.main .information > .layout > .contact-group > ul.list li .consultant.box .txt{font-weight:500; color: rgb(212, 6, 6);}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1),
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(2){padding:0;}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1) .box{margin-top:0px;}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(3) .box,
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(4) .box{border-radius:5px; color: #333; margin-top:5px;}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1){width:215px;}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(2){width:calc(100%/3 - 165px);}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(3){width:calc(100%/3 + 80px);}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(4){width:calc(100%/3 - 130px);}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(3) .box{background:#fff; }
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(4) .box{background:#FAE101;}
#middler.main .information > .layout > .contact-group > ul.list li .box.link .thumb{float:left; width:25%; }
#middler.main .information > .layout > .contact-group > ul.list li .box.link .thumb img{margin:0;}
#middler.main .information > .layout > .contact-group > ul.list li .box.link .summary{width:70%; display:inline-block; text-align:left;}
#middler.main .information > .layout > .contact-group > ul.list li .box.link .summary .subject{font-weight:600;}
#middler.main .information > .layout > .contact-group > ul.list li .box.link .summary .txt{font-size:10pt; color:#777;}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(5) .box.link .summary .subject{color:#fff;}
#middler.main .information > .layout > .contact-group > ul.list li:nth-child(5) .box.link .summary .txt{color:#fff;}
#middler.main .information > .layout > .contact-group > ul.list li .box .thumb img{margin:-3px 5px 0px 0px;}

@media(max-width:1040px){
	#middler.main .information{height:auto;  background-size:auto 640px;}
	#middler.main .information > .layout > .intro{width:100%; font-size:20pt;}
	#middler.main .information > .layout > .contact-group > .intro > .box{text-align: center;}
	#middler.main .information > .layout > .contact-group > .intro > .box p{display:inline;}
	#middler.main .information > .layout > .contact-group > ul.list li{float:left; width:100%; padding:0px 10px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1) .box{padding:0; text-align:left;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(2) .box{margin-top:0; text-align:left;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1){width:50%; min-height:100px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(2){width:50%; min-height:100px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(3){width:55%;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(4){width:45%;}
}

@media(max-width:768px){
	#middler.main .information{padding:50px 0px;}
	#middler.main .information > .layout > .contact-group{margin:20px 0px 0px 0px;}
	#middler.main .information > .layout > .contact-group > .intro{margin-bottom:20px;}
	#middler.main .information > .layout > .intro{font-size:16pt; padding:0px 20px;}	
	#middler.main .information > .layout > .intro .thumb{margin-bottom:10px;}
	#middler.main .information > .layout > .intro p{letter-spacing:0px; display:inline; font-size:20pt;}
	#middler.main .information > .layout > .intro p span{font-weight:500; display:inline;}
	#middler.main .information > .layout > .contact-group > .intro > .box{width: 90%; margin: 0 auto;}
	#middler.main .information > .layout > .contact-group > .intro > .box p{font-size:14pt;}
	#middler.main .information > .layout > .contact-group > ul.list li .box{min-height: 78px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1){padding:15px 10px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(3){width:65%;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(4){width:35%;}
	#middler.main .information > .layout > .contact-group > ul.list li .tel.box span:nth-child(1){font-size: 18pt;}	
	#middler.main .information > .layout > .contact-group > ul.list li .email.box span:nth-child(1){font-size:18pt;}
	#middler.main .information > .layout > .contact-group > ul.list li .box.link .thumb{width:25%;}
	#middler.main .information > .layout > .contact-group > ul.list li .box.link .summary{width:75%;}
}
@media(max-width:480px){
	#middler.main .information{height:auto;  background-size:auto 750px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1){padding-left:10px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(2){padding-right:30px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1){width: 45%;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(1) .box{padding-left:15px;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(2) .box{padding-left:15px;}
	#middler.main .information > .layout > .contact-group > ul.list li .tel.box span:nth-child(1){font-size:15pt;}
	#middler.main .information > .layout > .contact-group > ul.list li .tel.box span:nth-child(2){font-size:16pt;}
	#middler.main .information > .layout > .contact-group > ul.list li .email.box span:nth-child(1){font-size:15pt;}
	#middler.main .information > .layout > .contact-group > ul.list li .email.box span:nth-child(2){font-size:16pt;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(3){width:100%;}
	#middler.main .information > .layout > .contact-group > ul.list li:nth-child(4){width:100%;}
	#middler.main .information > .layout > .contact-group > ul.list li .consultant.box .subject{font-size:12pt; display:block;}
	#middler.main .information > .layout > .contact-group > ul.list li .consultant.box .txt{font-size:12pt; display:inline;}
	#middler.main .information > .layout > .contact-group > ul.list li .box.link .thumb{width:25%;}
	#middler.main .information > .layout > .contact-group > ul.list li .box.link .summary{width:75%;}
}


@media(max-width:768px){
	#fp-nav{display:none;}
}					


/* FOOTER */
#footer{position:relative; bottom:0; width:100%; min-height:180px; background:#121946;;}
@media(max-width:768px){
	#footer{height:395px;}
}
#footer #menu-group{width:100%; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.2); height:60px;}
#footer #menu-group .site_menu{float:left; list-style:none;}
#footer #menu-group .site_menu li{float:left; line-height:60px; padding:0px 10px;}
#footer #menu-group .site_menu li a{color:rgba(255,255,255,0.7); text-decoration:none; font-size:10pt; transition:0.3s;}
#footer #menu-group .site_menu li a:hover{color:rgba(255,255,255,0.95); transition:0.3s;}
#footer #menu-group .site_menu li.kan{min-width:1px;}
#footer #menu-group .site_menu li.kan a{color:rgba(255,255,255,0.7);}
#footer #menu-group .media_menu{float:right; list-style:none;}
#footer #menu-group .media_menu li{float:left; padding:10px 5px;}
#footer #menu-group .media_menu li a{display:block;}
#footer #menu-group .media_menu li img{padding:0; }
@media(max-width:768px){
	#footer #menu-group{height:110px;}
	#footer #menu-group .site_menu{width:100%; padding:0; margin:0;}
	#footer #menu-group .site_menu li{width:calc(100%/3 - 3px); text-align:center; padding:0; line-height:45px;}
	#footer #menu-group .site_menu li.kan{width:1px;}
	#footer #menu-group .media_menu{width:100%; overflow:hidden; text-align:center;}	
	#footer #menu-group .media_menu li{float:none; display:inline-block; width:unset; text-align:center;}
}

#footer #copy-group{padding:20px 0px; overflow:hidden; min-height:130px;}
#footer #copy-group .f_logo{float:left; overflow:hidden; margin-top:5px;}
#footer #copy-group .f_summary{margin-left:30px; overflow:hidden; display:inline-block; font-size:10pt;}
#footer #copy-group .f_summary p.address{color:rgba(255,255,255,0.7); font-size:inherit; letter-spacing:0.5px; word-break:keep-all;}
#footer #copy-group .f_summary p.tel{color:rgba(255,255,255,0.7); font-size:inherit; letter-spacing:0.5px;}
#footer #copy-group .f_summary p.copyright{color:rgba(255,255,255,0.4); font-size:inherit; letter-spacing:0.5px; margin-top:20px;}
#footer #copy-group .f_family{float:right;}
#footer #copy-group .f_family select{border:1px solid  rgba(255,255,255,0.2); background:rgba(255,255,255,0); color: rgba(255,255,255,0.7); font-weight:300; padding:7px 7px; width:230px; font-size:10pt; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/images/f_ar.png) no-repeat 95% 50%;}
#footer #copy-group .f_family select option{background:#2374B3;}


@media(max-width:1040px){
	#footer #copy-group .f_logo{width:100%; text-align:center; margin:0; float:unset;}
	/* #footer #copy-group .f_logo img{width:180px;} */
	#footer #copy-group .f_summary{width:100%; text-align:center; margin:0; display:block; margin:20px 0px;}
	#footer #copy-group .f_family{width:100%; text-align:center;}	
}