@import url("sub.css");




/* 공통 CSS */
.selectBox {text-align:center; margin:0 0 40px;}
.selectBox .select {display:inline-block; width:200px; height:55px; border:1px solid #dddfe3; line-height:38px; margin:0 2px; border-radius:50px; font-size:1rem; letter-spacing:-0.6pt; color:#777; padding:0 30px; box-sizing:border-box;
-webkit-appearance: none;  background: url('/img/select_arrow.gif') no-repeat right 30px center, #fff; -webkit-appearance: none; -moz-appearance: none;}

.sub_tab {background:#f1f7f9; margin:30px auto 60px;}
.width1020 {width:1020px; margin:0 auto;}

#price .tab_tit {background:#f9f9f9;}

/* .table_style{position:relative; width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #0eb3d3;}
.table_style.bor0 {border-top:0 !important; padding-right:9px;}
.table_style th {font-size:1rem; padding:20px 10px; border-bottom:1px solid #dddddd; background-color:#f9f9f9; letter-spacing:-0.5pt; text-align:center; font-weight:400; color:#222; line-height:1; border-right:1px solid #ddd;}
.table_style td {font-size:0.882rem; color:#666; letter-spacing:-0.7pt; border-bottom:1px solid #dddddd; padding:10px 20px; text-align:left; background:#fff; border-right:1px solid #ddd; line-height:1.6;}
.table_style .end {border-right:0;}
.detailBtn {display:block; width:70px; height:28px; border:1px solid #0eb3d3; box-sizing:border-box; line-height:26px; color:#fff; font-size:13px; letter-spacing:-0.6pt; background:#0eb3d3; border-radius:50px; text-align:center;
margin:5px auto 0; transition:all 0.2s linear;}
.detailBtn:hover {background:#fff; color:#0eb3d3; transition:all 0.2s linear;}
.table_style td.tab_tit {font-size:1rem; color:#222; letter-spacing:-0.7pt; line-height:1; text-align:center !important;}
.table_style td.tab_tit.font15 {font-size:0.882rem !important;}
		.table_style td p {position:relative; font-size:0.882rem; letter-spacing:-0.6pt; line-height:1.6; color:#666; padding-left:10px; box-sizing:border-box; margin:0 0 5px;}
		.table_style td p:last-child {margin:0;}
		.table_style td p:after {content:''; width:3px; height:3px; background:#8d929d; position:absolute; top:12px; left:0;}

.table_style2{width:100%; border-collapse:separate;}
.table_style2 th {color:#fff !important; line-height:75px; text-align:center; letter-spacing:-0.6pt; font-size:1.176rem; font-weight:400;}
.table_style2 th.blue {background:#0eb3d3; border-radius:30px 0 0 0;}
.table_style2 th.gray {background:#8d929d; border-radius:0 30px 0 0;}
.table_style2 td {border-bottom:1px dashed #d8d9dc; letter-spacing:-0.7pt; line-height:1; text-align:center;}
.table_style2 td:first-child {font-size:0.882rem;}
.table_style2 td:nth-child(2) {border-right:1px solid #0eb3d3; border-left:1px solid #0eb3d3;}
.table_style2 td:last-child {border-right:1px solid #ddd;}
.table_style2 td.tab_tit {font-size:0.882rem; color:#222;  background:#fff; line-height:1.5; padding:8px 10px;}
.table_style2 td.top {padding:30px 10px 8px;}
.table_style2 td.bottom {padding:8px 10px 30px;}
.table_style2 td:first-child.bottom {border-bottom:0;}
.table_style2 td:nth-child(2).bottom {border-bottom:1px solid #0eb3d3; border-radius:0 0 0 30px;}
.table_style2 td:last-child.bottom {border-bottom:1px solid #d8d9dc; border-radius:0 0 30px 0;} */
/* 공통 CSS */


.modal_tab_list {display:flex;flex-wrap:wrap; justify-content: center; margin:0 0 30px;}
.modal_tab_list a {display:block; padding:0 13px; box-sizing:border-box; border-radius:50px;  margin:0 2px 2px;  border:1px solid #0eb3d3; line-height:28px; height:30px; color:#0eb3d3; font-size:15px; letter-spacing:-0.5pt; font-weight:400; transition:all 0.3s linear;}
.modal_tab_list a.tab_up {background:#0eb3d3; color:#fff; transition:all 0.3s linear;}
.modal_tab_list a:hover {background:#0eb3d3; color:#fff; transition:all 0.3s linear;}


.table_style_ver2 {border-top:0 !important;}
.table_style_ver2 tr {display:flex; flex-wrap:wrap;}

.table_style_ver2 th:nth-child(1) {width:8% !important;}
.table_style_ver2 th:nth-child(2) {width:12%;}
.table_style_ver2 th:nth-child(3) {width:38%;}
.table_style_ver2 th:nth-child(4) {width:10%;}
.table_style_ver2 th:nth-child(5) {width:11%;}
.table_style_ver2 th:nth-child(6) {width:10%;}
.table_style_ver2 th:nth-child(7) {width:10%;}

.table_style_ver2 td:nth-child(1) {width:8% !important;}
.table_style_ver2 td:nth-child(2) {width:12%;}
 .table_style_ver2 td:nth-child(3) {width:38%;} 
.table_style_ver2 td:nth-child(4) {width:10%;}
.table_style_ver2 td:nth-child(5) {width:11%;}
.table_style_ver2 td:nth-child(6) {width:10%;}
.table_style_ver2 td:nth-child(7) {width:10%;}

.detailView .pop_scroll  .table_style_ver2 {width:calc(100% - 9px);}

.table_style_ver2 th {display:flex; flex-wrap:wrap; align-content: center; justify-content: center; background:#f9f9f9; color:#222; border-top:3px solid #0eb3d3; border-bottom:1px solid #ddd; box-sizing:border-box; padding:15px 10px;}
.table_style_ver2 th span {display:block; font-size:inherit; color:inherit;}
.table_style_ver2 th i {display:block; font-size:15px; color:rgba(34,34,34,0.6); font-style:normal; letter-spacing:-0.3pt; margin:6px 0 0;}
.table_style_ver2 td {display:flex; flex-wrap:wrap; align-content: center; justify-content: center; text-align:center !important; padding:15px; box-sizing:border-box; word-break: break-all; font-size:0.882rem;}
.table_style_ver2 td:nth-child(3) {text-align:left !important; justify-content: flex-start; }
.table_style_ver2 td .previewBtn {display:block; width:41px; height:41px; background:url("/img/previewBtn.gif")no-repeat center;}

.tableWrap_ver2::after {right:17px; display: none;}
.tableWrap_ver2 .tab_head {border-right:0;}
.tableWrap_ver2::before {width:calc(100% - 23px);}



/* 클라우드 LMS 소개 */
.cloud {display:flex; flex-wrap:wrap; text-align:center; margin:65px auto 0; justify-content: center;}
.cloud dl {width:25%;}
.cloud dl:nth-child(-n+4) {margin-bottom:60px;}
.cloud dl dt {position:relative; background:#fff; width:185px; height:185px; border-radius:100%; border:3px solid #0eb3d3; margin:0 auto 65px;}
.cloud dl dt:before {content:''; width:1px; height:35px; background:#0eb3d3; position:absolute; bottom:-35px; left:50%;}
.cloud dl dt:after {content:'';width:200px; height:200px; background:rgba(14,179,211,0.1); border-radius:100%; position:absolute; top:-10px; left:-10px; z-index:-1;}
.cloud dl.green dt:after {background:rgba(82,208,173,0.1);}
.cloud dl.green dt:before {background:#43c39f;}
.cloud dl dt img {margin:35px 0 15px;}
.cloud dl dt h4 {color:#0eb3d3; font-size:1.176rem; line-height:1.2; letter-spacing:-0.7pt; font-weight:400;}
.cloud dl dt h4:after {content:''; width:7px; height:7px; border-radius:100%; position:absolute; top:214px; left:50%; margin-left:-3px; background:#0eb3d3;}
.cloud dl.green dt h4:after {background:#43c39f;}
.cloud dl.green dt {border:3px solid #43c39f;}
.cloud dl.green dt h4 {color:#43c39f;}
		.cloud dl dd {font-size:1rem; letter-spacing:-0.8pt; line-height:1.4; color:#777 !important;}


#function {overflow:hidden;}
#function .slick-list {overflow:hidden;}
#function {background:#eff6f8 !important;}
#function .moreBtn_plus {margin:40px auto 50px;}

#function .slick-dots {width:1230px; margin:0 auto 70px;}
#function .slick-dots .slick-arrow {position:absolute; display:block; width:40px; height:40px; border:0; background:#fff; border-radius:100%; font-size:0; background-repeat:no-repeat !important; top:35%; cursor:pointer;
  z-index:99999 !important; background-size:10px !important; background-position:center;}
#function .slick-dots .slick-prev {left:0; background-image:url('/img/prevArrow.png'); box-shadow:-10px 0px 15px rgb(0 0 0 / 6%);}
#function .slick-dots .slick-next {right:0; background-image:url('/img/nextArrow.png'); box-shadow:10px 0px 15px rgb(0 0 0 / 6%);}

#function .slick-dots li::before {content:''; position:relative; width:100px; height:100px; background:rgba(255,255,255,0.8); border-radius:100%; box-sizing:border-box; display:block; background-repeat:no-repeat !important;
background-position:center !important; margin:0 auto 17px;  z-index:20;}
#function .slick-dots li::after {content:''; width:100px; height:100px; border-radius:100%; background:linear-gradient(45deg, #10b4d2 , #4fcfaf ); position:absolute; z-index:1; display:block; top:0; left:50%;
transform:translateX(-50%); opacity:0; background-repeat:no-repeat !important; background-size:100% !important;}
		#function .slick-dots li:hover::before, #function .slick-dots li.slick-current:before {background:transparent; }
		#function .slick-dots li:hover::after, #function .slick-dots li.slick-current::after {opacity:1; }

#function .slick-dots li {position:relative; box-sizing:border-box; text-align:center; cursor:pointer; display:inline-block;}
#function .slick-dots li:last-child {margin-right:0;}
#function .slick-dots li a {color:#222; letter-spacing:-0.7pt; line-height:1.4; }
#function .slick-dots li:hover a, #function .slick-dots li.slick-current a {color:#0eb3d3; }
				#function .slick-dots li.one::before {background-image:url('/html/cloud/img/cloud_icon08.png');}
						#function .slick-dots li.one:hover::before, #function .slick-dots li.one.slick-current::before {background-image:url('/html/cloud/img/cloud_icon08_up.png');}
				#function .slick-dots li.two::before {background-image:url('/html/cloud/img/cloud_icon09.png');}
						#function .slick-dots li.two:hover::before, #function .slick-dots li.two.slick-current::before {background-image:url('/html/cloud/img/cloud_icon09_up.png');}
				#function .slick-dots li.three::before {background-image:url('/html/cloud/img/cloud_icon10.png');}
						#function .slick-dots li.three:hover::before, #function .slick-dots li.three.slick-current::before {background-image:url('/html/cloud/img/cloud_icon10_up.png');}
				#function .slick-dots li.four::before {background-image:url('/html/cloud/img/cloud_icon11.png');}
						#function .slick-dots li.four:hover::before, #function .slick-dots li.four.slick-current::before {background-image:url('/html/cloud/img/cloud_icon11_up.png');}
				#function .slick-dots li.five::before {background-image:url('/html/cloud/img/cloud_icon12.png');}
						#function .slick-dots li.five:hover::before, #function .slick-dots li.five.slick-current::before {background-image:url('/html/cloud/img/cloud_icon12_up.png');}
				#function .slick-dots li.six::before {background-image:url('/html/cloud/img/cloud_icon13.png');}
						#function .slick-dots li.six:hover::before, #function .slick-dots li.six.slick-current::before {background-image:url('/html/cloud/img/cloud_icon13_up.png');}
				#function .slick-dots li.seven::before {background-image:url('/html/cloud/img/cloud_icon14.png');}
						#function .slick-dots li.seven:hover::before, #function .slick-dots li.seven.slick-current::before {background-image:url('/html/cloud/img/cloud_icon14_up.png');}
				#function .slick-dots li.eight::before {background-image:url('/html/cloud/img/cloud_icon15.png');}
						#function .slick-dots li.eight:hover::before, #function .slick-dots li.eight.slick-current::before {background-image:url('/html/cloud/img/cloud_icon15_up.png');}
				#function .slick-dots li.nine::before {background-image:url('/html/cloud/img/cloud_icon16.png');}
						#function .slick-dots li.nine:hover::before, #function .slick-dots li.nine.slick-current::before {background-image:url('/html/cloud/img/cloud_icon16_up.png');}

.function_list .slick-arrow {position:absolute; display:block; width:40px; height:80px; border:0; background:#eff6f8; font-size:0; background-repeat:no-repeat; top:41%; cursor:pointer; transition:all 0.3s linear;  z-index:999 !important;}
.function_list .slick-prev {left:-80px; background-image:url('/img/prevArrow.png'); box-shadow:-10px 0px 15px rgb(0 0 0 / 6%); background-position:center right; border-radius:100px 0 0 100px;}
.function_list .slick-prev:hover {background-position:center left 15px; box-shadow:-10px 0px 20px rgb(0 0 0 / 8%); transition:all 0.3s linear;}
.function_list .slick-next {right:-80px; background-image:url('/img/nextArrow.png'); box-shadow:10px 0px 15px rgb(0 0 0 / 6%); background-position:center left;  border-radius:0 100px 100px 0;}
.function_list .slick-next:hover {background-position:center right 15px; box-shadow:10px 0px 20px rgb(0 0 0 / 8%); transition:all 0.3s linear;}

.function_list  {position:relative;}
.function_list  dl {width:100%; font-size:0;}
.function_list  dt {display:inline-block; width:50%; vertical-align:middle; border-radius:10px 60px 10px 10px; overflow:hidden;}
.function_list  dt img {display:block; margin:0 auto; width:100%;}
.function_list  dd {display:inline-block; width:50%; vertical-align:middle; padding:0 0 0 60px; box-sizing:border-box;}
		.function_list  dd h4 {font-size:1.765rem; color:#222; letter-spacing:-0.7pt; line-height:1.2; font-weight:400;}
		.function_list  dd > p {font-size:1rem; letter-spacing:-0.7pt; line-height:1.8; margin:15px 0 25px; word-break: keep-all;}
		.function_list  dd ul {}
		.function_list  dd li {font-size:0; padding-left:10px; position:relative; margin:0 0 10px;}
		.function_list  dd li:last-child {margin:0;}
		.function_list  dd li:after {content:''; background:#8d929d; width:3px; height:3px; position:absolute; top:8px; left:0;}
		.function_list  dd li span {width:130px; display:inline-block; vertical-align:top; font-size:15px; color:#222; letter-spacing:-0.7pt; line-height:1.4; vertical-align:top;}
		.function_list  dd li p {width:calc(100% - 130px); vertical-align:top; font-size:15px; letter-spacing:-0.7pt; line-height:1.4; display:inline-block; vertical-align:top;}

.section_cont {position:relative; padding-left:210px;}
.sec_tab {width:210px; position:absolute; top:90px; left:0;}
.sec_tab.fixed {position:fixed; top:90px; left:50%; margin-left:-615px;}
.sec_tab.abs {position:absolute; top:auto; bottom:0;}

.sec_tab a {position:relative; display:block; font-size:1.176rem; letter-spacing:-0.8pt; line-height:1; margin:0 0 35px; transition:all 0.2s linear;}
.sec_tab a:hover {color:#0eb3d3; transition:all 0.2s linear;}
.sec_tab a:after {content:''; width:0; height:3px; background:#0eb3d3; position:absolute; right:0; top:8px; transition:all 0.2s linear;}
.sec_tab a.tab_up {color:#0eb3d3; font-weight:bold; transition:all 0.2s linear;}
.sec_tab a.tab_up:after {width:80px; transition:all 0.2s linear;}

.section {border:1px solid #ddd; padding:50px; box-sizing:border-box; margin:0 0 50px;}
.section .intro {display:table;}
	.section .intro .imgCont {width:370px; border-radius:15px; overflow:hidden; display:table-cell; vertical-align:middle;}
	.section .intro .imgCont img {width:100%;}
	.section .intro .txtCont {padding-left:50px; width:calc(100% - 370px); display:table-cell; vertical-align:middle;}
	.section .intro .txtCont h3 {position:relative; font-size:1.765rem; color:#222; letter-spacing:-0.8pt; line-height:1.6; font-weight:400; margin:0 0 7px; display:inline-block;}
	.section .intro .txtCont h3 .theme_icon {width:76px; position:absolute; top:-40px; right:-75px;}
	.section .intro .txtCont p {letter-spacing:-0.7pt; line-height:1.8;}

	.section > h4 {position:relative; font-size:1.471rem; color:#222; font-weight:400; letter-spacing:-0.7pt; line-height:1; margin:60px 0 30px;}
	.section > h4 a {font-size:0.882rem; color:#23b9d7; letter-spacing:-0.5pt; line-height:1; text-decoration:underline; position:absolute; top:5px; right:0;}

	.section .sec_list {margin:-13px 0;}
	.section .sec_list dl {display:table; width:100%; padding:13px 0; border-bottom:1px dashed #d8d9dc;}
	.section .sec_list dl:last-child {border-bottom:0;}
	.section .sec_list dl dt {display:table-cell; width:60px; vertical-align:middle;}
	.section .sec_list dl dt img {display:block; margin:0 auto;}
	.section .sec_list dl dd {display:table-cell; width:calc(100% - 60px); vertical-align:middle; line-height:1.4; letter-spacing:-0.7pt;}

.inquiry_wrap {font-size:0; text-align:center; margin:30px 0 60px;}
.inquiry_wrap li {font-size:1rem; display:inline-block; margin:0 22px; color:#222;}
.inquiry_wrap li img {margin-right:7px; position:relative; top:-2px;}
.inquiry_wrap li a {color:#222;}
.inquiry_wrap li span {font-size:1rem; display:inline-block; letter-spacing:-0.7pt; line-height:1; font-weight:400 !important; margin-right:15px;}

.process {display:flex; flex-wrap:wrap;}
.process dl {width:20%; text-align:center; min-height:345px; background-size:100% 100% !important;}
.process dl:nth-child(1) {background:url('/html/cloud/img/processArrow_01.png')no-repeat center;}
.process dl:nth-child(2) {background:url('/html/cloud/img/processArrow_02.png')no-repeat center;}
.process dl:nth-child(3) {background:url('/html/cloud/img/processArrow_03.png')no-repeat center;}
.process dl:nth-child(4) {background:url('/html/cloud/img/processArrow_04.png')no-repeat center;}
.process dl:nth-child(5) {background:url('/html/cloud/img/processArrow_05.png')no-repeat center;}

.process dl dt {line-height:73px; color:#fff; font-weight:bold;}
.process dl dd {padding:50px 20px 30px 11%; box-sizing:border-box;}
.process dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1; font-weight:400; margin:23px 0 15px;}
.process dl dd p {font-size:0.882rem; line-height:1.3; letter-spacing:-0.7pt; margin:0 0 8px; color:#666;}
.process dl dd p.mrb0 {margin-bottom:0;}

.recruit_processList dd {min-height:262px;}
.recruit_processList.four dd {min-height:auto;}

.platform_cont {text-align:center;}
.platform_cont .width1230 {margin:60px auto 0;}
.platform_cont li {display:inline-block; margin:0 50px;}
.platform_cont li div {display:block; width:120px; height:120px; background:#fff; border:1px solid #ddd; border-radius:100%; margin:0 auto;}
.platform_cont li div img {position:relative; top:50%; left:0; transform:translate(0,-50%);}
.platform_cont li > a {display:block;}
.platform_cont li > a > a {width:200px; margin:35px 0 0;}
/* 클라우드 LMS 소개 */




/* 가격 */
.price_cont {display:flex; flex-wrap:wrap; margin:60px 0 0;}
.price_cont dl {position:relative; width:calc((100% - 90px) / 4); background:#fff; border:1px solid #d1d3d6; box-sizing:border-box; margin-right:30px; transition:all 0.2s linear; top:0; padding:40px 20px 30px; }
.price_cont dl.best:before {content:'BEST'; font-family: 'Play', sans-serif; color:#fff; position:absolute; top:18px; right:8px; transform:rotate(45deg); z-index:10;}
.price_cont dl.best:after {content:''; /* width:125px; height:125px; */ transform:rotate(45deg); position:absolute; top:-10px; right:-40px; z-index:5; border-bottom: 60px solid #0eb3d3;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;}
.price_cont dl:last-child {margin-right:0;}
.price_cont dl dt {font-size:1.529rem; color:#222; letter-spacing:-0.7pt; line-height:1.4; font-weight:400; padding-left:15px; transition:all 0.2s linear;}
.price_cont dl.best dt:after {content:''; width:3px; height:3px; background:#fff; position:absolute; top:19px; right:19px; z-index:20;}
.price_cont dl dt span {display:block; line-height:inherit; font-weight:bold; letter-spacing:0;}
.price_cont dl dt i {font-size:1rem; font-style:normal; font-weight:300; display:inline-block; margin-left:5px;}
.price_cont dl dd > ul {background:#f1f3f6; border-radius:15px; padding:15px 10px 15px 15px; box-sizing:border-box; margin:17px 0 0; min-height:335px;}
.price_cont dl dd > ul ul {border-top:1px solid #e7e9e9; margin:20px 0 0;}
.price_cont dl dd > ul h4 {font-size:1rem; color:#222; letter-spacing:-0.7pt; line-height:1; margin:14px 0; font-weight:400;}
.price_cont dl dd > ul li {display:table; width:100%; margin:0 0 7px;}
.price_cont dl dd > ul li span {display:table-cell; vertical-align:top; width:100px;  line-height:1.3; color:#888; letter-spacing:-0.6pt; font-size:0.824rem;  transition:all 0.2s linear;}
.price_cont dl dd > ul li i {position:relative; display:inline-block; width:16px; height:16px; border-radius:100%; background:#222; color:#fff; font-weight:bold; text-align:center; line-height:16px; font-style:normal; font-size:12px; margin-left:2px;
 transition:all 0.2s linear;}
.price_cont dl dd > ul li i .layer { opacity:0; visibility:hidden;  border-radius:5px; border:1px solid #ddd; background:#fff; padding:8px; position:absolute; top:25px; right:0; color:#777 !important; display:block;
font-size:14px; width:140px; font-weight:400; letter-spacing:-0.5pt; line-height:1.3; text-align:left; transition:all 0.2s linear;}
.price_cont dl dd > ul li i:hover .layer {opacity:1; visibility:visible; transition:all 0.2s linear;}
.price_cont dl dd > ul li p {display:table-cell; vertical-align:top; width:calc(100% - 100px); line-height:1.3; font-size:0.824rem; color:#222; transition:all 0.2s linear;}
.price_cont dl dd > ul li p u{text-decoration:line-through; opacity:.5; font-size:0.75rem;}
.price_cont dl .priceBtn {display:block; width:100%; line-height:53px; border:1px  solid #a4a9b3; color:#a4a9b3; letter-spacing:-0.6pt; font-size:0.882rem; border-radius:50px; padding:0 30px; box-sizing:border-box;
background:url('/img/moreArrow_g.png'); margin:20px 0 0; transition:all 0.2s linear; font-style:normal; text-align:left !important; background-repeat:no-repeat !important; background-position:center right 30px !important;}
.price_cont dl .priceBtn:hover {background:#a4a9b3 url('/img/moreArrow.png'); color:#fff;  transition:all 0.2s linear;}

.price_cont dl.on {top:-20px; box-shadow:0 10px 20px rgb(0 0 0 / 16%); transition:all 0.2s linear; border:3px solid #0fb3d3;}
.price_cont dl.on dt, .price_cont dl.on dd li span, .price_cont dl.on dd li p, .price_cont dl.on dt h4 , .price_cont dl.on dt .price_sub, .process_cont dl.on dd ul li, .price_cont dl.on dd > ul h4 {color:#0fb3d3 !important; transition:all 0.2s linear;}
.price_cont dl.on dd > ul li i {background:#0fb3d3; transition:all 0.2s linear;}
.price_cont dl.on .priceBtn {background:#0fb3d3 url('/img/moreArrow.png')no-repeat center right 30px; color:#fff;  transition:all 0.2s linear; border:1px solid #0fb3d3;}

.price_cont.process_cont dl {display:table; width:100% !important; border:3px solid #0fb3d3; padding:60px;}
.price_cont.process_cont dl.on {top:0 !important;}
.price_cont.process_cont dl a::before {opacity:1;}
.price_cont.process_cont dl dt {display:table-cell; width:50%; vertical-align:middle; text-align:center; padding-right:60px;}
		.price_cont.process_cont dl dt .priceBtn {width:250px; display:block; margin:30px auto 0; color:#fff; background:#0eb3d3 url('/img/moreArrow.png'); border:1px solid #0eb3d3;}
		.price_cont.process_cont dl dt .price_tit {font-size:inherit; letter-spacing:inherit; line-height:inherit; font-weight:inherit; border-bottom:1px solid #dfe1e5; padding-bottom:20px; margin-bottom:20px; line-height:1;}
		.price_cont.process_cont dl dt span {display:block; margin:10px 0; font-size:1.529rem; color:#0eb3d3; line-height:1;}
		.price_cont.process_cont dl dt .price_sub {font-size:0.882rem; color:#0eb3d3; letter-spacing:-0.5pt; line-height:1;}
		.price_cont.process_cont dl dt h4 {position:relative; display:inline-block; color:#999; font-weight:400; font-size:1rem;}
		.price_cont.process_cont dl dt h4:after {content:''; width:100%; height:1px; background:#999; position:absolute; left:0; top:50%; }
		.price_cont.process_cont dl dd ul {min-height:auto !important;}
		.price_cont.process_cont dl dd ul li {position:relative; font-size:1rem; letter-spacing:-0.7pt; line-height:1.4; margin:0 0 4px; color:#222; padding-left:13px; box-sizing:border-box;  transition:all 0.2s linear; }
		.price_cont.process_cont dl dd ul li:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:11px; left:0; border-radius:100%;}
		.price_cont.process_cont dl dd ul li.last:after {display:none;}
		.price_cont.process_cont dl dd ul li.last {margin:10px 0 0;}
		.price_cont.process_cont dl dd ul li p {display:block; box-sizing:border-box; margin:0 0 3px; font-size:0.882rem; color:#777; line-height:1.4; letter-spacing:-0.5pt; width:100%;  transition:all 0.2s linear; }
		.price_cont.process_cont dl dd ul li p:last-child {font-size:14px;}

.process_cont dl dd {display:table-cell; width:50%; vertical-align:middle;}
.process_cont dl dd ul {margin:0; padding:30px; box-sizing:border-box;}
/* 가격 */


/****  가격 ****/
.pricingPage{}
.pricingPage .pricingBox{ position: relative; border:1px solid #ddd; border-bottom:0; border-left:0;}
.pricingPage .pricingBox .comment{}
.pricingPage .prcRowWrap{}
.pricingPage .prcRowWrap .prcRowTitle{display: none;}
.pricingPage .pricingRow-title{
    font-weight: 500;
    background:#f1f3fb;
    border-bottom: 1px solid #ddd;
    padding:20px 20px;
}
.pricingPage .prcRowWrap{width: 100%;}
.pricingPage .prcRowWrap.pricingRow02  {/* background:#fff7f7; */ }
.pricingPage .pricingRow02 .prcRowCommon > li {color:#222;}
.pricingPage .pricingRow02 .prcRowCommon > li:first-child {color:#d81515;}
		.pricingPage .blue_back {background:#f1fbfc;}
		.pricingPage .green_back {background:#f4fcf9;}
		.pricingPage .pink_back {background:#fff8fb;}
		.pricingPage .purple_back {background:#f8f5fa;}

.pricingPage .prcRowCommon{display: table; table-layout: fixed; width: 100%;}
.pricingPage .prcColCommon {display: table; table-layout: fixed; width: 100%;}
.pricingPage .prcColCommon li {display: table-cell; width: 20%; flex-direction: column; align-self: center; border-left: 1px solid #ddd; vertical-align: middle; text-align:center; color:#666; font-size:0.882rem; LINE-HEIGHT:1.5; letter-spacing:-0.5pt; font-weight:400; padding:12px 15px; box-sizing:border-box; word-break: keep-all;  border-bottom: 1px solid #ddd; }
.pricingPage .prcColCommon li.col01 {width:20%;}
.pricingPage .prcColCommon li.col02 {width:80%;}
.pricingPage .prcRowCommon > li {display: table-cell; width: 20%; flex-direction: column; align-self: center; position: relative; border-left: 1px solid #ddd; vertical-align: middle; text-align:center; color:#666; font-size:0.882rem; LINE-HEIGHT:1.5; letter-spacing:-0.5pt; font-weight:400; padding:12px 15px; box-sizing:border-box; word-break: keep-all;  border-bottom: 1px solid #ddd;}
/* .pricingPage .prcRowCommon > li.best:before {content:'HIT'; font-family: 'Play', sans-serif; color:#fff; position:absolute; top:16px; right:16px; transform:rotate(45deg); z-index:10;} */
.pricingPage .prcRowCommon > li.best:after {content:''; width:88px; height:88px; /* transform:rotate(45deg);  */position:absolute; top:-3px; right:-3px; z-index:5; /* border-bottom: 60px solid #fb8eb7; 
  border-left: 60px solid transparent; 
  border-right: 60px solid transparent; */ background:url("/img/hit_pink.png")no-repeat center;}
/* .pricingPage .pricingRow01 .best .prc_title:after {content:''; width:3px; height:3px; background:#fff; position:absolute; top:15px; right:15px; z-index:20;} */

.pricingPage .prcRowCommon > li:first-child, .pricingPage .prcColCommon > li:first-child {color:#222;}
.pricingPage .prcRowCommon > li .numFont {font-size:1rem; color:#222; font-weight:400; }
.pricingPage .prcRowCommon > li .sexp {font-size:inherit; letter-spacing:inherit; font-weighT:inherit; color:#888; display:block; font-size:0.882rem;}
.pricingPage .prcRowCommon > li.check {background-image:url("/html/cloud/img/t_check_icon.png"); background-repeat:no-repeat; background-position:center;}
.pricingPage .prcRowCommon > li.check.green_back {background-image:url("/html/cloud/img/t_check_icon02.png");}
.pricingPage .prcRowCommon > li.check.pink_back {background-image:url("/html/cloud/img/t_check_icon03.png");}
.pricingPage .prcRowCommon > li.check.purple_back {background-image:url("/html/cloud/img/t_check_icon04.png");}


.pricingPage .pricingRow01 .prcRowCommon > li:first-child{background:#f9f9f9;}


.pricingSlide{display: none;}
.pricingPage .pricingRow01{}
.pricingPage .pricingRow01.fixed{ width: 100%; top:0; left: 50%; background:#fff; z-index: 10; max-width:1230px; margin: 0 auto; position: fixed; transform: translateX(-50%); border-right:1px solid #ddd;}
.pricingPage .pricingRow01.abs {position:absolute; bottom:0;}
.pricingPage .pricingRow01.fixed .priceBtn{margin-bottom:0;}
.pricingPage .pricingRow01 li {text-align: center;}
.pricingPage .pricingRow01 li.best {border:3px solid #fb8eb7 !important; top:-1px; }
.pricingPage .pricingRow01 li:last-child {border-left:0;}
.pricingPage .pricingRow01 > .prcRowCommon > li {padding:34px 20px;}
.pricingPage .pricingRow01 > .prcRowCommon > li:nth-child(2) {background:#0eb3d3; border:3px solid #0eb3d3;}
.pricingPage .pricingRow01 > .prcRowCommon > li:nth-child(3) {background:#49c494; border:3px solid #49c494;}
.pricingPage .pricingRow01 > .prcRowCommon > li:nth-child(5) {background:#835cab; border:3px solid #835cab;}
.pricingPage .pricingRow01 .prc_title{font-size: 1.529rem; color: #fb8eb7; letter-spacing:-0.8pt; line-height:1; font-weight:400;}
.pricingPage .pricingRow01 .prc_price{font-size:0; margin:10px 0 20px;}
.pricingPage .pricingRow01 .prc_price strong{font-size: 1.529rem; color:#fb8eb7; font-weight:bold; line-height:1; display:inline-block;}
.pricingPage .pricingRow01 .prc_price p{font-size: 1rem; color:#fb8eb7; font-weight:300; line-height:1; display:inline-block; margin-left:4px;}
.pricingPage .pricingRow01 .priceBtn {display:block; width:166px; line-height:43px; border:1px  solid #a4a9b3; color:#a4a9b3; letter-spacing:-0.6pt; font-size:0.882rem; border-radius:50px; padding:0 30px; box-sizing:border-box; margin:0 auto;
background-image:url('/img/moreArrow_g.png');  transition:all 0.2s linear; font-style:normal; text-align:left !important; background-repeat:no-repeat !important; background-position:center right 30px; !important;}
.pricingPage .pricingRow01 .priceBtn:hover {background-color:#fb8eb7; background-image:url('/img/moreArrow.png'); color:#fff;  transition:all 0.2s linear; border:1px solid #fb8eb7;}

.pricingPage .pricingRow01 > .prcRowCommon > li.w_cont .prc_title {color:#fff;}
.pricingPage .pricingRow01 > .prcRowCommon > li.w_cont .prc_price strong {color:#fff;}
.pricingPage .pricingRow01 > .prcRowCommon > li.w_cont .prc_price p {color:#fff;}
.pricingPage .pricingRow01 > .prcRowCommon > li.w_cont .priceBtn {color:#fff; border:1px  solid rgba(255,255,255,0.5); background-image:url('/img/moreArrow.png') !important;}
.pricingPage .pricingRow01 > .prcRowCommon > li.w_cont .priceBtn:hover {background-color:#FFF; color:#888; border:1px solid #fff; background-image:url('/img/moreArrow_g.png') !important;}

.pointBorder {position:relative; }
.pointBorder::after {content:''; width:calc(100% + 1px); height:calc(100% + 1px); border:2px solid #0eb3d3; box-sizing:border-box; position:absolute; top:-1px;left:0;}
.pricingRow19.pointBorder::after {border-top:0; border-bottom:0;}


.pricingRow24 {}
.pricingRow24 .prcRowTitle {font-size:0.882rem; width:100% !important; display:block !important; border-left:1px solid #ddd; border-bottom:1px solid #ddd; color:#222; justify-content: center; align-item: center; text-align:center;/*  line-height:95px; */ padding:12px 15px;}
.pricingRow24 .prcRowCont {width:100% !imoportant; display:flex; flex-wrap:wrap;}
.pricingRow24 .prcRowCont li {}
.saleFont {color:#ff0000; font-size:0.8rem; font-style:normal;}



/* 포트폴리오 */
#portfolio_cont .port_list  dl {width:calc((100% - 90px) / 4); margin-bottom:30px; }
#portfolio_cont .port_list  dl:nth-child(4n) {margin-right:0;}

#portfolio .moreBtn_plus {margin:60px auto 0;}

.port_list {display:flex; flex-wrap:wrap;}
.port_list:after {content:''; display:block; clear:both;}
.port_list dl {position:relative; border-radius:30px; overflow:hidden; margin-right:30px; float:left; width:calc((100% - 60px) / 3);}
.port_list dl:last-child {margin-right:0;}
.port_list dl dt > img {width:100%;height: 219px}
.port_list dl dt {position:relative; overflow:hidden;}
.port_list dl dt .hover {position:absolute; top:50%; left:0; width:100%; height:100%; padding:25% 25px 25px; box-sizing:border-box; background:rgba(14,179,211,0.95);transition:all 0.2s linear; opacity:0;}
.port_list dl dt .hover p {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 1.6rem;}
.port_list dl dt .hover p,.port_list dl dt .hover span {color:#fff; letter-spacing:-0.6pt; line-height:1.4;}
.port_list dl dt .hover span {position:absolute; right:25px; bottom:25px;}
.port_list dl dt .hover span img {margin-left:5px;}
		.port_list dl:hover span.cate {background:#fff; color:#26b9d4; transition:all 0.3s linear;}
		.port_list dl:hover dt .hover {top:0; transition:all 0.2s linear; opacity:1;}
.port_list dl dd {border-radius:0 0 30px 30px; border:1px solid #dddfe3; border-top:0; padding:30px 25px; box-sizing:border-box; text-align:center; background:#fff;}
		.port_list dl dd p {font-size:0.882rem; letter-spacing:-0.6pt; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 1.4rem;}
		.port_list dl dd h4 {font-size:1.176rem; color:#222; color:#222;letter-spacing:-0.6pt; font-weight:400;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 1.6rem; margin:-4px 0 0;}
/* 포트폴리오 */








/* 견적문의 */
.down_wrap {display:table; width:100%; border:1px solid #ddd; margin:45px 0 0;}
.down_wrap .down_tit {width:520px; background:#f7fafb url('/html/cloud/img/inquiry_img01.png')no-repeat center left 80px; padding:60px 0 60px 210px; box-sizing:border-box; font-size:1.471rem; font-weight:400;
color:#222; line-height:1.4; letter-spacing:-0.7pt; display:table-cell; vertical-align:middle;}
.down_wrap .down_tit b {font-size:inherit; line-height:inherit; letter-spacing:inherit; font-weight:inherit;}
.down_wrap .down_cont {width:calc(100% - 520px); padding: 0 0 0 80px; display:table-cell; vertical-align:middle; font-size:0;}
.down_wrap .down_cont li {display:inline-block; width:50%;}
.down_wrap .down_cont li span {border:1px solid #e2e4e7; display:inline-block; width:70px; height:70px; background:url('/html/cloud/img/inquiry_img02.png')no-repeat center; border-radius:100%; vertical-align:middle; transition:all 0.2s linear;}
.down_wrap .down_cont li h4 {color:#222; letter-spacing:-0.8pt; line-height:1.4; font-size:1rem; display:inline-block; vertical-align:middle; font-weight:400; padding-left:30px; transition:all 0.2s linear;}
		.down_wrap .down_cont li:hover span {background:#0eb3d3 url('/html/cloud/img/inquiry_img02_up.png')no-repeat center; transition:all 0.2s linear; border:1px solid #0eb3d3;}
		.down_wrap .down_cont li:hover h4 {color:#0eb3d3; transition:all 0.2s linear;}

.form_table {font-size:0; margin:40px 0 0;}
.form_table .w50 {width:50%; display:inline-block;}
.form_table dl {display:table; width:100%; border-bottom:1px solid #ddd;}
.form_table dl dt {display:table-cell; width:180px; vertical-align:middle; color:#222; letter-spacing:-0.8pt; line-height:1; font-size:1rem; padding:15px;}
.form_table dl dt .point {color:#0eb3d3;}
.form_table dl dd {display:table-cell; width:calc(100% - 180px); vertical-align:middle; padding:15px 35px 15px 15px;}
.form_table dl dd p {font-size:1rem; display:inline-block; color:#666; letter-spacing:-0.6pt; vertical-align:middle; padding-left:25px;}
.form_table dl dd .radio_type {font-size:0;}
.form_table dl dd .radio_type li {display:inline-block; margin-right:70px; padding:5px 0;}
.form_table dl dd .radio_type li:last-child {margin-right:0;}
.form_table dl dd .radio2 li {margin-right:35px;}
.form_table dl dd .radio_type li label {font-size:1rem; letter-spacing:-0.7pt; color:#666; vertical-align:middle;}
.form_table dl dd input[type='radio'], .form_table dl dd input[type='checkbox'] {width:20px; height:20px; border:1px solid #acacac; vertical-align:middle; border-radius:100%; margin-right:8px;}
.form_table dl dd input[type='checkbox'] {border-radius:0;}
.file {border:1px solid #ddd; padding:10px 15px; box-sizing:border-box; letter-spacing:-0.5pt;}
.form_table dl dd input[type='file'] {font-size:13px; letter-spacing:-0.5pt;}

.form_table dl.block {display:block;}
.form_table dl.block dt {display:block; width:100%; padding:30px 15px 0;}
		.form_table dl.block dt p {display:inline-block; font-size:0.882rem; color:#0eb3d3; margin-left:40px; letter-spacing:-0.6pt; line-height:1.6; vertical-align:middle;}
		.form_table dl.block dt p i {width:20px; height:20px; display:inline-block; font-style:normal; color:#0eb3d3; border:1px solid #0eb3d3; border-radius:100%; text-align:center; line-height:18px; font-weight:bold;
		margin-right:4px;}
.form_table dl.block dd {display:block; width:100%; padding:20px 35px 25px 15px;}
.form_table dd .input_type {display:none; margin:10px 0 0;}


.mar0 {margin-right:0 !important;}
.form_table dd .input {font-size:0.882rem; width:100%; height:50px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; padding:10px 15px; color:#999; letter-spacing:-0.7pt; line-height:1.6;}
.form_table dd .input_s {width:calc((100% - 10px) / 2); margin-right:10px;}
.form_table dd .input_sm {width:calc((100% - 10px) / 5.28); margin-right:10px;}
.form_table dd .textarea {font-size:0.882rem; width:100%; height:250px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; padding:10px 15px; letter-spacing:-0.5pt; line-height:1.6; color:#999;}
.form_table dd .select {font-size:0.882rem; height:50px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; padding:10px 15px; color:#222; letter-spacing:-0.7pt;
-webkit-appearance: none;  background: url('/img/select_arrow.gif') no-repeat right 19px center, #fff; -webkit-appearance: none; -moz-appearance: none;}



.market_service_con {}
.market_intro {text-align:center;margin:70px 0 0}
.market_intro .sub_tit {margin:70px 0 12px;}
.market_intro img {display:block; margin:0 auto; max-width:100%;}
.market_intro .borderBox {border:1px solid #ddd; border-radius:30px; padding:100px 50px; box-sizing:border-box; margin:65px 0 0;}

.market_service_con .play_scroll {margin:60px 0;}
.market_service_con .recruit_processList dd {min-height:200px;}
.market_service_con .recruit_processList dd:before {background:#fff;}

.market01 {}
.market01 .market02 {padding:0 50px; box-sizing:border-box; border:1px solid #ddd; border-radius:30px; margin:60px 0 0;}
.market01 .market02 dl {border-bottom:1px dashed #ddd;  margin:0;}
.market01 .market02 dl:last-child {border-bottom:0;}
.market01_in {display:flex; flex-wrap:wrap; margin:30px 0 0;}
.market01_in .dep_cont {width:calc((100% - 30px) / 2); margin-right:30px; border:1px solid #ddd; border-radius:30px;}
.market01_in .dep_cont:last-child {margin-right:0;}

.market01_in .dep_cont h3 {background:#0eb3d3; line-height:65px; color:#Fff; font-size:1.176rem; letter-spacing:-0.8pt; text-align:center; font-weight:400; border-radius:30px 30px 0 0;}
.market01_in .dep_cont h3 b {font-size:inherit; font-weight:bold; letter-spacing:inherit; line-height:inherit; color:#fdff4b;}
.market01_in .dep_cont h3 img {display:inline-block; margin-right:5px;}
.market01_in .dep_cont div {box-sizing:border-box; padding:20px 30px; border-top:0;}
.market01_in .dep_cont div dl {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px dashed #ddd; padding:20px 0; min-height:75px;}
.market01_in .dep_cont div dl:last-child {border-bottom:0;}
.market01_in .dep_cont div dl dt {width:90px; text-align:center;}
.market01_in .dep_cont div dl dd {width:calc(100% - 90px);}
.market01_in .dep_cont div dl dd	h4 {color:#222; letter-spacing:-0.6pt; font-weight:400;}
.market01_in .dep_cont div dl dd	p {position:relative; font-size:0.882rem; letter-spacing:-0.5pt; line-height:1.5; font-weight:400; padding-left:10px; box-sizing:border-box; margin:3px 0 0;}
.market01_in .dep_cont div dl dd	p::after {content:''; width:3px; height:3px; background:#aaa; position:absolute; top:10px; left:0;}
.market01_in .dep_cont:last-child h3 {background:#1198da;}
.market01_in .dep_cont:last-child h3 b {color:#ffd042;}
.market01_in .dep_cont:last-child div dl:nth-child(1) {padding:40px 0 35px;}


.market02 {}
.market02 dl {display:flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:30px; padding:60px 0;  margin:0 0 10px;}
.market02 dl dt {width:250px;}
.market02 dl dt img {display:block; margin:0 auto;}
.market02 dl dd {width:calc(100% - 250px); padding-right:35px; box-sizing:border-box;}
.market02 dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.8pt; line-height:1.5; margin:0 0 7px; font-weight:400;}
.market02 dl dd p {letter-spacing:-0.8pt; font-weight:400;}


/* #e_learning {display:flex; flex-wrap:wrap; align-items:center; margin:70px 0 0;}
#e_learning .imgCont {width:50%;}
#e_learning .imgCont img {max-width:100%; border-radius:10px 60px 10px 10px;}
#e_learning .txtCont {width:50%; padding-left:4%; box-sizing:border-box;}
#e_learning .txtCont .moreBtn_plus {margin:0;}
#e_learning .txtCont h4 {font-size:1.176rem; color:#222; letter-spacing:-0.8pt; line-height:1.5; font-weight:400; margin:35px 0 22px;}
#e_learning .txtCont p {line-height:1.7; letter-spacing:-0.7pt; }

#market02 .design01 {margin:60px 0;}
#market02 .design01 dt {display:flex; flex-wrap:wrap; align-items:center;}
#market02 .design01 dt img {padding:0 !important;} */

 #e_learning_wrap .moreBtn_plus {margin:35px auto 60px;}
#e_learning  {display:flex; flex-wrap:wrap;}
#e_learning  dl {border:1px solid #ddd; border-radius:30px; padding:30px; box-sizing:border-box; width:calc((100% - 30px) / 2); margin-right:30px; margin-bottom:30px; display:flex; flex-wrap:wrap; align-items:center;}
#e_learning  dl:nth-child(2n) {margin-right:0;}
#e_learning  dl dt {width:130px; height:130px; background:linear-gradient(45deg, #10b4d2 , #4fcfaf ); display:flex; flex-wrap:wrap; align-items:center; justify-content: center; border-radius:100%; }
#e_learning  dl dd {width:calc(100% - 130px); padding-left:40px; box-sizing:border-box;}
#e_learning  dl dd span {display:block; font-size:15px; color:rgba(136,136,136,0.8); letter-spacing:-0.7pt; font-weight:400; line-height:1.5;}
#e_learning  dl dd h4 {font-size:1.176rem; color:#222; font-weight:400; letter-spacing:-1pt; line-height:1.3; margin:5px 0 12px;}
#e_learning  dl dd p {font-size:15px; letter-spacing:-0.7pt; font-weight:400; line-height:1.5;} 

.market_service_con .moreBtn {display:block; margin:70px auto 0; width:457px; height:70px;}
.market_service_con .moreBtn span {line-height:70px; font-size:1.176rem; letter-spacing:-0.7pt;}
.market_service_con .moreBtn:after {right:-15%; bottom:-50%;}



/* 개인정보 동의 */
.privacy-item{padding:50px 0 0;}
.privacy_head{text-align:center; font-size:1rem; font-weight:300; letter-spacing:-0.7pt; color:#666;  line-height:1; padding-bottom:15px;}
.privacy_head span.option{color:#333; letter-spacing:-0.5pt; text-decoration:underline; margin-left:10px; font-size:1rem; font-weight:bold; cursor:pointer}
.privacy_head input[type="checkbox"]{width:23px; height:23px; margin:-3px 8px 0 0; vertical-align:middle; border:none}

.privacy_agree .textarea {font-size:0.882rem; width:100%; height:250px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; padding:20px 15px;}

/* 확인/취소 버튼 */
.btn_area{text-align:center; margin:15px 0 0;}
.btn_confirm{display:inline-block; cursor:pointer; font-size:1rem; letter-spacing:-0.6pt; color:#fff; font-weight:400; border:1px solid #0eb3d3; width:250px; line-height:58px; box-sizing:border-box;
background:#0eb3d3 url('/img/moreArrow.png'); text-align:center; transition: all 0.3s ease-out; text-align:left;  padding:0 30px; border-radius:50px; background-position:center right 30px !important; background-repeat:no-repeat !important;}
.btn_confirm:hover{background-color:#fff !important; color:#0eb3d3; background:#0eb3d3 url('/img/moreArrow_blue.png');}
/* 견적문의 */







/* 환급과정 LMS 소개 */
.subBox {background:#f1f7f9; padding:25px 30px; margin:30px 0 0;}
.subBox li {color:#888; font-size:0.882rem; letter-spacing:-0.7pt; line-height:1.6; margin-bottom:5px;}
.subBox li b {color:#0eb3d3; font-weight:500; letter-spacing:inherit; line-height:inherit; font-size:inherit;}
.subBox li:last-child {margin-bottom:0;}

.process01 {display: flex; flex-wrap: wrap; text-align:center; margin:50px 0 0;}
.process01 dl {position: relative; width: calc((100% - 90px) / 4); margin: 0 30px 0 0;}
.process01 dl:nth-child(4n) {margin-right:0}
.process01 dt {width:calc(100% + 2px); position:relative; top:-1px; left:-1px; z-index:10; overflow:hidden;}
.process01 dt img {width:100%;}
.process01 dd {padding:30px 5% 40px 5%;}
.process01 dd h4 {letter-spacing:-0.6pt; font-size:1.176rem; color:#222; font-weight:normal; line-height:1.3; padding:50px 0 15px; background:url('/html/about/img/check.png') center top no-repeat;}
.process01 dd p {letter-spacing:-0.6pt;}

.imgbox {background:#fff; padding:50px;}
.imgbox h3 {margin:0 0 30px !important;}
.imgbox img {display:block; max-width:100%; margin:0 auto;}

.process02_in {display: flex; flex-wrap: wrap; text-align:center; margin:50px 0 0;}
.process02_in dl {width:calc((100% - 30px) / 2); margin-right:30px;}
.process02_in dl:last-child {margin-right:0;}
.process02_in dl dt {border-radius:30px 30px 0 0; overflow:hidden;}
.process02_in dl dd {border-radius:0 0 30px 30px; border:1px solid #ddd; border-top:0; padding:30px 5% 35px; letter-spacing:-0.7pt; line-height:1.6;}

.process03_in {display: flex; flex-wrap: wrap; text-align:center; margin:50px 0 0;}
.process03_in dl {width:calc((100% - 90px) / 4); margin-right:30px;}
.process03_in dl:last-child {margin-right:0;}
.process03_in dl dt {line-height:63px; border:1px solid #ddd; border-radius:50px; background:#fff; color:#222; font-size:1.176rem; letter-spacing:-0.6pt; margin:0 0 18px;}
.process03_in dl dd {letter-spacing:-0.7pt; line-height:1.6; }
.process03_in dl dd p {font-size:0.882rem; color:#888; line-height:1.3; margin:5px 0 0;}
/* 환급과정 LMS 소개 */




/* 동영상 플레이어 */
.tab_cont {text-align:center; margin:45px 0;}
.tab_cont ul {font-size:0;}
.tab_cont ul:after {content:''; display:block; clear:both;}
.tab_cont li {display:inline-block; margin-left:-1px;z-index:1; margin-right:5px}
.tab_cont li:last-child {margin-right:0}
.tab_cont li a {font-size:1rem; display:flex; justify-content:center; align-items:center;; letter-spacing:-0.5pt; background-color:#f1f7f9; width:190px; height:55px; border-radius:50px; transition: all 0.3s linear;}
.tab_cont li a.link {background-image:url("/img/blank_icon.gif"); background-repeat:no-repeat; background-position:center right 37px; padding-right:23px;}
.tab_cont li.tab_up a {color:#fff !important; background-color:#0eb3d3 !important;}
.tab_cont li a:hover {color:#fff; background-color:#0eb3d3;}
.tab_cont li a.link:hover {background-image:url("/img/blank_icon_w.png");}

.player01 {width:100%;}
.player01 .imgCont {}
.player01 .imgCont img {max-width:100%; display:block; margin:0 auto; width:40%;}
.player01 .txtCont {text-align:center;}
		.player01 .txtCont h3.sub_tit {margin:50px 0 22px;}
		.player01 .txtCont .stxt {}

.player_cloud {margin:120px auto 90px; justify-content: space-between; width:980px;}
.player_cloud dl.green dt {background:#52d0ad !important; border:3px solid #52d0ad;}
.player_cloud dl dt {background:#0eb3d3 !important;}
.player_cloud dl dt h4 {color:#fff !important;}


/* .table_style.center {position:relative;}
.table_style.center:after {content:''; width:35%; height:calc(100% + 2px); border:4px solid #0eb3d3; box-sizing:border-box; background:rgba(14,179,211,0.03); position:Absolute; right:0; top:-2px;}
.table_style.center td {text-align:center !important; padding:15px 20px;}
.table_style.center td.black {color:#222;} */


.player03 {display:flex; flex-wrap:wrap; text-align:center;}
.player03 li {width:calc((100% - 40px) / 4); background:rgba(255,255,255,0.7); border-radius:30px; overflow:hidden; margin-right:10px; padding:50px 15px; box-sizing:border-box;}
.player03 li.white {background:#fff;}
.player03 li:last-child {margin-right:0;}
.player03 li span {display:inline-block; height:60px;}
.player03 li h4 {color:#222 !important; font-size:1.176rem; font-weight:400; letter-spacing:-0.7pt; line-height:1; margin:30px 0 20px;}
.player03 li p {color:#777 !important; font-size:0.882rem; letter-spacing:-0.7pt; line-height:1.6; word-break: keep-all;}
.player03 li p.mgt20 {margin:5px 0 0;}

.playArrow {margin:10px 0 0;}
.playArrow dl {position:relative; margin:0 0 5px; height:39px; padding:5px 0; box-sizing:border-box;}
.playArrow dl.gray dd {background:#9ea3af;}
.playArrow dl dd {position:relative; line-height:28px; background:#0eb3d3; color:#fff; font-size:15px; letter-spacing:-0.6pt; text-align:center; width:calc(100% - 40px); margin:0 auto;}
.playArrow dl dd:after {content:''; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right: 20px solid transparent; border-left: 20px solid #0eb3d3; position:absolute; right:-40px; top:-6px;}
.playArrow dl dd:before {content:'';border-top:20px solid transparent; border-bottom:20px solid transparent; border-right: 20px solid #0eb3d3; border-left: 20px solid transparent; position:absolute; left:-40px; top:-6px;}
.playArrow dl.gray dd:after {border-left: 20px solid #9ea3af;}
.playArrow dl.gray dd:before {border-right: 20px solid #9ea3af;}
.playArrow dl dd.w40 {width:calc(50% - 40px);position:absolute; top:5px; left:20px;}
.playArrow dl dd.w20 {width:calc(20% - 40px); position:absolute; top:5px; right:20px;}

.recruit_processList {overflow:hidden;}
.recruit_processList dd:before {background:#fff;}

.player04 {}
.player04 dl {background:#fff; border-radius:30px; padding:55px 90px; box-sizing:border-box; display:table; width:100%; margin:0 0 10px; border: 1px solid #dddfe3;}
.player04 dl dt {display:table-cell; vertical-align:middle; width:70px;}
.player04 dl dd {padding-left:80px; box-sizing:border-box; vertical-align:middle; display:table-cell; width:calc(100% - 70px);}
		.player04 dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.8pt; line-height:1.6; font-weight:400; margin:0 0 5px;}
		.player04 dl dd p {text-align:left !important;}

.player05 {display:flex; flex-wrap:wrap; }
.player05 dl {width:calc((100% - 30px) / 2); margin-right:30px; box-sizing:border-box; border-radius:30px; padding:50px 40px 50px 50px; box-sizing:border-box; font-size:0; background-color: #fff;}
.player05 dl:last-child {margin-right:0;}
.player05 dl dt {display:inline-block; vertical-align:middle; width:80px;}
.player05 dl dd {padding-left:40px; display:inline-block; vertical-align:middle; width:calc(100% - 80px);}
.player05 dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.8pt; line-height:1.6; font-weight:400; margin:0 0 5px;}
.player05 dl dd p {text-align:left !important;}

.img {max-width:100%; display:block; margin:0 auto;}
.player06 {display:flex; flex-wrap:wrap; margin:60px 0 0;}
.player06 dl {width:calc((100% - 30px) / 2); margin-right:30px; background:#fff; box-sizing:border-box; border-radius:30px; padding:50px 40px 50px 50px; box-sizing:border-box; font-size:0; margin-bottom:30px; border: 1px solid #dddfe3;}
.player06 dl:nth-child(2n) {margin-right:0;}
.player06 dl dt {display:inline-block; vertical-align:middle; width:80px; }
.player06 dl dd {padding-left:40px; display:inline-block; vertical-align:middle; width:calc(100% - 80px);}
.player06 dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.8pt; line-height:1.6; font-weight:400; margin:0 0 5px;}
.player06 dl dd p {text-align:left !important;}
/* 동영상 플레이어 */



.production_cont .recruit_processList dd:before {background:#f7fafb;}

.production01 {}
.production01 h3.sub_tit {margin:75px 0 0;}
.production01 > ul {display:flex; flex-wrap:wrap; justify-content: space-between; text-align:center; margin:65px 0 85px;}
.production01 > ul > li {width:380px; padding:65px 10px 30px; box-sizing:border-box; background-size:100% 100% !important; position: relative; overflow: hidden;}
.production01 > ul > li:before{content:''; width: 100%; height: 200%; border:10px solid #e6f7fb; box-sizing:border-box; position: absolute; z-index: -1; left: 0; top:0; border-radius:50%;}
.production01 > ul > li:last-child {margin-right:0;}
		.production01 > ul > li span {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; line-height:1;}
		.production01 > ul > li h4 {font-size:2.471rem; letter-spacing:-0.5pt; font-weight:bold; line-height:1; margin:13px 0 15px; color:#0eb3d3;}
		.production01 > ul > li h4 i {font-style:normal; font-size:1.471rem; letter-spacing:-0.5pt; line-height:1;}
		.production01 > ul > li p {letter-spacing:-0.6pt; line-height:1;}


.product_intro {font-size:0;}
.product_intro > div {position:relative; display:inline-block; width:50%; vertical-align:top;}
.product_intro > div ul {position:absolute; top:0; left:0; display: flex; flex-wrap: wrap; justify-content: space-around;  align-content: space-around; width:100%; height:100%;}
.product_intro > div ul li {width:50%; text-align:center;}
.product_intro > div ul li h4 {color:#222; letter-spacing:-0.7pt; line-height:1.2; font-size:1.176rem; font-weight:400; margin:-30px 0 10px;}
.product_intro > div ul li p {font-size:1rem; letter-spacing:-0.6pt; line-height:1.6;}
		.product_intro .one li h4 {margin:90px 0 10px;}


.production02_tit {margin:0 auto 20px; font-size:0;}
.production02_tit li {display:inline-block; width:calc((100% - 60px) / 3); font-size:1.471rem; color:#222; text-align:center; line-height:1; letter-spacing:-0.7pt; margin-right:30px;}
.production02_tit li:last-child {margin-right:0;}

.production02 {display:flex; flex-wrap:wrap;}
.production02 dl {position:relative; width:calc((100% - 60px) / 3); margin-right:30px; border-radius:30px; z-index:10; background:#fff; overflow:hidden;}
.production02 dl.border {padding:2px; box-sizing:border-box;}
.production02 dl.border:before {content:''; width:100%; height:100%; position:Absolute; left:0; top:0; z-index:-2; /* background: linear-gradient(45deg, #0eb3d3, #40bb98, #8dc63f); */ background:#0eb3d3;}
.production02 dl:last-child {margin-right:0;}
.production02 dl dt {border-radius:30px 30px 0 0; overflow:hidden;}
.production02 dl dt img {width:100%;}
.production02 dl dd {border-radius:0 0 30px 30px; overflow:hidden;}
.production02 dl dd div {padding:35px; box-sizing:border-box; border-bottom:1px dashed #d8d9dc; min-height:180px; background:#fff;}
.production02 dl dd div:last-child {border-bottom:0;}
.production02 dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1; font-weight:400; margin:0 0 7px;}
.production02 dl dd p {letter-spacing:-0.6pt; line-height:1.6;}


.production03 {}
.production03 ul {font-size:0; margin:0 0 50px;}
.production03 ul li {display:inline-block; width:calc((100% - 30px) / 2); margin-right:30px; vertical-align:top; border-radius:30px; overflow:hidden;}
.production03 ul li:last-child {margin-right:0;}
.production03 ul li img {width:100%;}

.production03_in {display:flex; flex-wrap:wrap;}
.production03_in dl {width:calc((100% - 40px) / 5); margin-right:10px; border:1px solid #ddd; border-radius:30px; padding:40px 10px 50px; box-sizing:border-box; text-align:center;}
.production03_in dl:last-child {margin-right:0;}
.production03_in dl h5 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; line-height:1.4; font-weight:400; margin:10px 0;}
.production03_in dl p {font-size:0.882rem; letter-spacing:-0.7pt; line-height:1.5;}


.production04_in .table_style.center:after {width:25.5%; right:auto; left:19.7%;}
/* .production04_in {display:flex; flex-wrap:wrap;}
.production04_in dl {width:calc((100% - 60px) / 3); margin-right:30px; }
.production04_in dl.blue dt {background:#0eb3d3;}
.production04_in dl:last-child {margin-right:0;}
.production04_in dl dt {border-radius:30px 30px 0 0; overflow:hidden; background:#8d929d; text-align:center; color:#fff; letter-spacing:-0.7pt; font-size:1.176rem; line-height:1; padding:27px 10px; box-sizing:border-box;}
.production04_in dl dd {border:1px solid #ddd; border-radius:.0 0 30px 30px; box-sizing:border-box; padding:35px 40px; border-top:0 !important;}
.production04_in dl.blue dd {border:1px solid #0eb3d3;}
.production04_in dl dd p {color:#222; letter-spacing:-0.7pt; line-height:1; margin:0 0 18px;}
.production04_in dl dd p:last-child {margin:0;}
.production04_in dl dd p span {display:inline-block; width:90px; letter-spacing:-0.7pt; line-height:1; color:#777;} */


.video_cont {display:flex; flex-wrap:wrap;}
.video_cont dl {width:calc((100% - 60px) / 3); margin-right:30px; }
.video_cont dl:last-child {margin-right:0;}
.video_cont dl dt {position:relative; border-radius:30px 30px 0 0; overflow:hidden; background:#222;}
.video_cont dl dt:after {content:''; width:57px; height:57px; background:url("/img/playBtn_s.png")no-repeat center; position:absolute; top:50%; left:50%; margin:-28px 0 0 -28px;}
.video_cont dl dt img {opacity:0.5; transition:all 0.2s linear;}
.video_cont dl:hover dt img {opacity:0.8; transform:scale(1.1); transition:all 0.2s linear;}
.video_cont dl dd {text-align:center; background:#fff; border-radius:0 0 30px 30px; padding:20px 10px 30px; box-sizing:border-box; border:1px solid #ddd; border-top:0;}
.video_cont dl dd h4 {font-size:1.176rem; color:#222; color:#222;letter-spacing:-0.6pt; font-weight:400;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 1.6rem;}
.video_cont dl dd p {font-size:0.882rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 1.4rem;}




/* 오시는길 */
.stxt img {margin-right:9px; margin-top:-2px;}
.loca_map {}
.loca_map iframe {height:500px}

.loca_way {position:relative; overflow:hidden; display:table; width:100%; margin-top:60px; table-layout:fixed}
.loca_way > div {display:table-cell; vertical-align:middle; width:calc(100% - 30px); border:1px solid #ddd; border-radius:30px;padding:50px 3%;}
.loca_way > div.space {border-radius:0; border:none; padding:0; width:30px}
.loca_way dl {width:100%; display:table}
.loca_way dt {display:table-cell; vertical-align:middle; width:100px}
.loca_way dt div {background:#f7fafb; height:100px; width:100%; border-radius:100px; display:flex; justify-content:center; align-items:center;}
.loca_way dd {display:table-cell; vertical-align:middle; width:calc(100% - 100px); padding-left:6%}
.loca_way dd h6 {line-height:1; color:#222; letter-spacing:-0.6pt; font-size:1.176rem; margin-bottom: 12px; font-weight:normal}
.loca_way dd .txt {margin-bottom:15px; letter-spacing:-0.6pt;}
.loca_way dd .bus_list {position:relative; overflow:hidden;}
.loca_way dd .bus_list li {float:left; position:relative; padding:2px 0 2px 50px; line-height:1.2; width:35%}
.loca_way dd .bus_list li span.line {width:42px; line-height:22px; border-radius:5px; text-align:center; letter-spacing:-0.6pt; color:#fff; font-size:0.765rem; position:absolute; top:2px; left:0; background:#386de8;}
.loca_way dd .bus_list li span.line_blue {}
.loca_way dd .bus_list li span.line_green {background:#3cc344}
.loca_way dd .subway_list {}
.loca_way dd .subway_list li {letter-spacing:-0.6pt; position:relative; padding:0 0 0 27px; margin-bottom:4px}
.loca_way dd .subway_list li:last-child {margin-bottom:0}
.loca_way dd .subway_list li span.line {letter-spacing:inherit; position:absolute; top:3px; left:0; border-radius:5px; text-align:center; color:#fff; width:22px; height:22px; line-height:22px; font-size:0.765rem; background:#bdb93f;}
.loca_way dd .subway_list li span.line01 {}
.loca_way dd .subway_list li span.line02 {background:#3cc344;}
/* 오시는길 */



/* 랜선에듀 */
.edu_cont .img {margin:0 auto 40px;}
.edu_cont .tab_cont {margin:45px 0 0;}
.edu01 {display:table; width:100%;}
.edu01 > div {position:relative; padding-top:45px; z-index:10;}
.edu01 > div span {position:absolute; top:2px; left:50%; transform:translateX(-50%); font-size:1.176rem; color:#222; letter-spacing:-0.6pt; line-height:1; background:#f7fafb;}
.edu01 > div span img {position:relative; top:-1px;}
.edu01 .edu_right span {padding:0 25px;}
.edu01 > div span img {margin-right:5px;}
.edu01 > div dl {position:relative; text-align:center;}
.edu01 > div dl dt {width:250px; height:250px; background:#fff; border:1px solid #0eb3d3; box-sizing:border-box; border-radius:100%; margin:0 auto 22px;}
.edu01 > div dl dt img {margin:40px auto 5px; display:block;}
.edu01 > div dl dt h4 {font-size:1rem; color:#0eb3d3; letter-spacing:-0.7pt; font-weight:400; line-height:1.4;}
.edu01 > div dl dt h4 b {font-size:1.471rem; letter-spacing:inherit; line-height:inherit; font-weight:inherit;}
.edu01 > div dl dd {font-size:1rem; letter-spacing:-0.7pt; line-heighT:1.6;}
.edu01 .edu_right dl:after {content:''; width:2px; height:24px; background:rgba(141,146,157,0.5); top:-33px; left:50%; margin-left:-1px; position:Absolute;}
.edu01 .edu_right:after {content:''; width:66.5%; height:2px; background:rgba(141,146,157,0.5); position:absolute; top:12px; left:50%; transform:translateX(-50%); z-index:-1;}
.edu01 .edu_right dl.two:after {display:none;}

			.edu01 .edu_left dl {position:relative; }
			.edu01 .edu_left dl:after {content:''; width:34px; height:34px; background:url("/html/contents/img/plus.png")no-repeat center; background-size:100% !important; position:absolute; top:112px; right:4px;}
			.edu01 .edu_left {display:table-cell; width:30%; vertical-align:top;}
			.edu01 .edu_right {display:table-cell; width:70%; vertical-align:top; font-size:0;}
			.edu01 .edu_right dl {display:inline-block; width:33.33%; vertical-align:top;}
			.edu01 .edu_right dl dt {border:1px solid #76c159;}
			.edu01 .edu_right dl dt h4 {color:#76c159;}


.edu02 {}
.edu02 dl {display:table; width:100%; border:1px solid #dddfe3; border-radius:30px; padding:40px 100px 40px 0; box-sizing:border-box; margin:0 0 10px;}
.edu02 dl dt {display:table-cell; width:340px; vertical-align:middle;}
.edu02 dl dt img {display:block; margin:0 auto;}
.edu02 dl dd {display:table-cell; width:calc(100% - 340px); vertical-align:middle;}
		.edu02 dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; line-height:1.4; font-weight:400; margin:0 0 7px;}
		.edu02 dl dd p {letter-spacing:-0.7pt; line-height:1.6;}
		.edu02 dl dd p b {font-size:inherit; color:#0eb3d3; letter-spacing:inherit; line-height:inherit; font-weight:400;}
		.edu02 dl dd p .small {font-size:0.88rem; color:inherit;}


.edu04 {display:flex; flex-wrap:wrap; text-align:center;}
.edu04 li {width:calc((100% - 60px) / 3); border:1px solid #dddfe3; border-radius:30px; box-sizing:border-box; margin-bottom:30px; margin-right:30px; padding:0 0 40px;}
.edu04 li h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:65px; font-weight:400; background:#0eb3d3; width:calc(100% + 2px); position:relative; left::-1px; top:-1px; z-index:10; border-radius:30px 30px 0 0;}
.edu04 li p {letter-spacing:-0.7pt; line-height:1.6; margin:15px 0 25px;}
.edu04 li img {max-width:90%;}
.edu04 li:nth-child(3), .edu04 li:nth-child(5) {margin-right:0px;}
.edu04 li:nth-child(5) {width:calc((100% - 30px) / 1.5);}


.edu05 {position:relative; border:3px solid #0eb3d3; padding:0 20px;}
.edu05:before {content:'BEST'; font-family: 'Play', sans-serif; color:#fff; position:absolute; top:27px; right:13px; transform:rotate(45deg); z-index:10; font-size:1.765rem;}
.edu05:after {content:''; /* width:125px; height:125px; */ transform:rotate(45deg); position:absolute; top:-15px; right:-65px; z-index:5;
border-bottom: 100px solid #0eb3d3; border-left: 100px solid transparent; border-right: 100px solid transparent;}


.edu05 dt {display:inline-block; vertical-align:middle; width:45%; position:relative; height:340px;}
.edu05 dt img {position:absolute; right:60px; bottom:-50px;}
.edu05 dd {display:inline-block; vertical-align:middle; text-align:left !important; padding-left:0; height:55%; padding:85px 0;}
.edu05 dd:after {content:''; width:4px; height:4px; background:#fff; position:absolute; top:28px; right:25px; z-index:20;}

.edu05 h3 {font-size:1.765rem; color:#222; letter-spacing:-0.7pt; line-height:1.2; font-weight:400; border-bottom:1px solid #ddd; padding-bottom:20px; margin:0 0 30px;}
.edu05 h3 i {position:relative; color:#0eb3d3; font-size:inherit; letter-spacing:inherit; line-heighT:inherit; font-style:normal;}
.edu05 h3 i:after {content:''; width:5px; height:5px; background:#0eb3d3; border-radius:100%; position:absolute; top:1px; left:50%; margin-left:-3px;}
.edu05 h4 {font-size:1.471rem; font-weight:400; color:#222; letter-spacing:-0.7pt; line-height:1.2; margin:0 0 12px;}
.edu05 h4 b {font-weight:inherit; letter-spacing:inherit; line-height:inherit; position:relative; }
.edu05 h4.two b:before {content:''; width:40px; height:22px; background:url("/html/contents/img/plus_icon.png")no-repeat center; position:absolute; top:-13px; right:22px;}
.edu05 h4 b:after {content:''; width:100%; height:2px; background:#0eb3d3; position:absolute; bottom:1px; left:0;}
/* 랜선에듀 */



/* 디자인 서비스 */
.design01 {display:flex; flex-wrap:wrap; margin:70px 0;}
.design01 dl {width:20%; text-align:center;}
.design01 dl dt {width:150px; height:150px; border-radius:100%;  background:linear-gradient(45deg, #10b4d2 , #4fcfaf ); margin:0 auto;}
.design01 dl:nth-child(2n) dt {background:linear-gradient(110deg, #10b4d2 , #4fcfaf );}
.design01 dl dt img {margin:0 auto; display:block; padding:40px 0; box-sizing:border-box;}
.design01 dl dd {padding:0 10px; box-sizing:border-box;}
.design01 dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; line-height:1; font-weight:400; margin:30px 0 10px;}
.design01 dl dd p {letter-spacing:-0.6pt; line-height:1.6;}

.design_cont #lms .moreBtn_plus {margin:20px auto 70px;}
.design_cont .section {background:#fff; border:1px solid #fff;}

.design_cont .section .theme_con {margin:55px 0 0;}
.design_cont .section .theme_con_in {padding:50px;}
.design_cont .section .theme_con_in::before {right:0;}
.design_cont .theme_con_in .txtArea .b_circle_btn {right:auto; left:345px;}

.section .intro .txtCont p span {color:#0eb3d3; font-size:1.471rem; font-weight:bold; letter-spacing:-0.6pt; line-height:inherit; display:inline-block; margin-right:4px;}
.section .intro .txtCont ul {margin:12px 0 0;}
.section .intro .txtCont ul li {position:relative; letter-spacing:-0.7pt; line-height:1.6; padding-left:13px; box-sizing:border-box; margin:0 0 5px;}
.section .intro .txtCont ul li:last-child {margin:0;}
.section .intro .txtCont ul li:after {content:''; width:4px; height:4px; background:#aaa; border-radius:100%; position:absolute; top:13px; left:0;}

.sample {display:flex; flex-wrap:wrap;}
.sample dl {position:relative; width:calc((100% - 60px) / 3); margin-right:30px; text-align:center; border-radius:0 30px 0 0; overflow:hidden;}
.sample dl:before {content:'BEST'; font-family: 'Play', sans-serif; color:#fff; position:absolute; top:18px; right:8px; transform:rotate(45deg); z-index:10;}
.sample dl:after {content:''; /* width:125px; height:125px; */ transform:rotate(45deg); position:absolute; top:-10px; right:-40px; z-index:5; border-bottom: 60px solid #0eb3d3;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;}
.sample dl:nth-child(3n) {margin-right:0;}
.sample dl:nth-child(-n+3) {margin-bottom:30px;}
		.sample dl dt {position:relative; border:1px solid #ddd; border-radius:30px; overflow:hidden;}
		.sample dl dt:after {content:''; width:3px; height:3px; background:#fff; position:absolute; top:17px; right:16px; z-index:20;}
		.sample dl dd {font-size:1.176rem; color:#222; letter-spacing:-0.6pt; line-height:1.3; margin:16px 0 0;}
		.sample dl dd img {max-width:100%;}
		.sample dl div {position:absolute; background:rgba(34,34,34,0.9); width:100%; height:100%; top:50%; left:0; display:table; vertical-align:middle; opacity:0; transition:all 0.3s; box-sizing:border-box; z-index:99;}
		.sample dl div .inner {position:absolute; width:100%; top:50%; transform:translateY(-50%); display:block;box-sizing:border-box;  padding:0 50px;}
		.sample dl div a {display:block; width:100%; line-height:45px; font-size:0.882rem; color:#fff; border:1px solid #fff;  border-radius:50px; box-sizing:border-box; letter-spacing:-0.6pt; transition:all 0.3s linear; vertical-align:top;}
		.sample dl div a.mobile {border:1px solid #0eb3d3; color:#0eb3d3; margin:5px 0 0; }
		.sample dl div a:hover {color:#222; background:#fff; transition:all 0.3s linear;}
		.sample dl div a.mobile:hover {color:#fff; background:#0eb3d3; transition:all 0.3s linear;}
		.sample dl:hover div {opacity:1; top:0; transition:all 0.3s;}

.design_cont .recruit_processList dd {min-height:180px;}

.design_table.right .end {text-align:right !important;}
.design_table.right .end.center {text-align:center !important;}
.design_table ul {margin:25px 0 0;}
.design_table li {font-size:0.882rem; letter-spacing:-0.6pt; line-height:1.6; margin:0 0 5px;}
.design_table li:last-child {margin:0;}

.design_cont .port_list dl {width:calc((100% - 90px) / 4); margin-right:30px;margin-bottom: 30px;}
.design_cont .port_list dl:nth-child(4n) {margin-right:0;}





/*******************************************************************************
	@media ~1400px
*******************************************************************************/
@media all and (max-width:1400px) {



/* 클라우드 LMS */
.function_list .slick-prev {left:0;}
.function_list .slick-next {right:0;}
.slick-initialized .slick-slide {margin:0 10px;}
.function_list .slick-list {margin:0 65px !important;}

.function_list .slick-arrow {width:35px; height:65px;}

.function_list .service_cont dd {padding:0 0 0 40px;}
/* 클라우드 LMS */



}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) {

.recruit_processList dd {min-height:280px}


/* 클라우드 LMS */
.section {padding:30px;}
	.section .intro .imgCont {width:50%;}
	.section .intro .txtCont {padding-left:30px; width:50%;}
/* 클라우드 LMS */



.design_cont .section .theme_con_in {padding:50px 50px 260px;}
.design_cont .section .theme_con_in::after {top:166px; right:-160px; transform:rotate(-25deg); width:125%; height:370px; }
.design_cont .section .theme_con_in::before {width:420px; height:215px; right:50%; transform:translateX(210px); background-size:100%;}
.theme_con_in .txtArea .b_circle_btn {left:auto; right:0;}



/* 가격 */
.price_cont dl {width:calc((100% - 30px) / 2); margin-right:30px; margin-bottom:30px;}
.price_cont dl:nth-child(2n) {margin-right:0;}
.price_cont dl dd > ul li p br{display:none}
.price_cont dl dd > ul li i .layer {transform:translateX(50%);}

.pricingPage .pricingBox {border-right:0;}
.pricingPage .pricingRow01 .prcRowCommon > li:first-child {display:none !important;}
.pricingPage .prcRowCommon > li {width:25%;}
.pricingPage .pricingRow01.fixed {max-width:94%; width:100%;}

.pointBorder::after {content:'';width:calc(100% + 1px);height:calc(100% + 1px);border:2px solid #0eb3d3;box-sizing:border-box;position:absolute;top: 0px;left:0;}
.pricingRow19.pointBorder::after {border:2px solid #0eb3d3 !important}

    .pricingPage{}
	.pricingPage .pricingRow01 .priceBtn {width:100%;}
	.pricingPage .prcRowWrap {border-left:0;}
    .pricingPage .prcRowWrap .prcRowTitle{display: inline-block; width: 100%; position: relative; padding:10px 15px; color:#222; font-weight:600; font-size:1rem; letter-spacing:-0.5pt;}
    .pricingPage .prcRowWrap.pricingRow01{padding:0 0px; text-align:center !important}
    .pricingPage .prcRowCommon{display:flex; flex-wrap:wrap; width: 100%; border-bottom:1px solid #ddd;}
    .pricingPage .prcRowCommon > li:first-child{display: none;}
    .pricingPage .prcRowCommon > li{ width: 25%; padding:0px 0px 25px; font-size:0.9rem;}
    .pricingPage .pricingRow01 .prcRowCommon{width: 100%;}
    .pricingPage .prcRowCommon > li{  padding:15px 10px ; width: 25% !important;text-align:left !important; border-left:0; border-bottom:0;}
    .pricingPage .pricingRow01 .prcRowCommon > li:first-child {display: none;}

	.pricingPage .prcColCommon li.col01 {display:none;}
	.pricingPage .prcColCommon li.col02 {width:100%; border-left:0 !important; text-align:left !important; padding:5px 15px 10px}

	.pricingPage .prcRowCommon > li.check {min-height:60px;}

    .pricingPage .prcRowCommon li div.strike{
        margin-bottom:6px;
    }

    .pricingPage .pricingRow01 .prcRowCommon > li {padding:25px 20px;}
    .pricingPage .pricingRow01.fixed .prcRowCommon > li{width: 25%;}
    .pricingPage .pricingRow01.fixed .prcRowCommon > li:nth-child(2){
        padding-left:14px;
    }
    .pricingPage .pricingRow01.fixed .prcRowCommon > li:last-child{
        padding-right: 14px;
    }

    .pricingPage .pricingRow01 .prc_title{
        font-size: 18px;
    }
    .pricingPage .pricingRow01 .prc_price strong{
        font-size: 19px;
    }

	.pricingRow24 {display:block; flex-wrap:wrap;}
	.pricingRow24 .prcRowTitle {width:100%; display:block !important; border-left:0; border-bottom:0; text-align:left; line-height:1.5;}
	.pricingRow24 .prcRowCont {width:100%; margin:10px 0 0;}
	.pricingRow24 .prcRowCommon {padding:0 0 0;}
	.pricingRow24 .prcRowCommon:first-child { border-bottom:0;}
	.pricingRow24 .prcRowCommon li {width:20% !important;}
	.pricingRow24 .prcRowCommon > li:first-child {display:block !important; color:#222; font-weight:500;}
/* 가격 */


/* 포트폴리오 */
#portfolio_cont .port_list dl {width:calc((100% - 60px) / 3); margin-bottom:30px;}
#portfolio_cont .port_list dl:nth-child(4n) {margin-right:30px;}
#portfolio_cont .port_list dl:nth-child(3n) {margin-right:0;}
.port_list dl dt > img {height: 175px}
/* 포트폴리오 */



/* 견적문의 */
.down_wrap {}
.down_wrap .down_tit {width:420px; background:#f7fafb url('/html/cloud/img/inquiry_img01.png')no-repeat center left 60px; padding:40px 0 40px 160px; box-sizing:border-box; font-size:1.2rem; background-size:65px;}
.down_wrap .down_tit b {font-size:inherit; line-height:inherit; letter-spacing:inherit; font-weight:inherit;}
.down_wrap .down_cont {width:calc(100% - 420px); padding: 0 0 0 40px; display:table-cell; vertical-align:middle; font-size:0;}
.down_wrap .down_cont li h4 {padding-left:20px;}
/* 견적문의 */


/* 환급과정 LMS 소개 */
.process02_in dl dd br {display:none}
/* 환급과정 LMS 소개 */

.sec_tab.fixed {top:80px; left:3%; margin-left:0;}


.player01 .txtCont br {display:none;}

#function .slick-dots {width:94%; margin:0 auto 70px;}


/* 랜선에듀 */
.edu01 .edu_right span {padding:0 20px;}
.edu01 > div dl dt {width:200px; height:200px; margin:0 auto 20px;}
.edu01 > div dl dt img {margin:18px auto 5px; display:block;}
.edu01 > div dl dt h4 b {font-size:1.3rem;}
.edu01 .edu_left dl:after {top:82px; right:0;}
/* 랜선에듀 */

.sample dl {width:calc((100% - 40px) / 3); margin-right:20px;}


}
/*******************************************************************************
	@media ~ 1280px
*******************************************************************************/
@media all and (max-width:1280px) {



.production01 {}
.production01 > ul {margin:65px auto 85px; max-width:981px;}
.production01 > ul > li {width:300px; padding:54px 10px 20px;}
		.production01 > ul > li span {font-size:16px;}
		.production01 > ul > li h4 {font-size:35px;}
		.production01 > ul > li h4 i {font-size:15px;}


}
/*******************************************************************************
	@media ~1200px
*******************************************************************************/
@media all and (max-width:1200px) {

.width1020 {width:94%; margin:0 auto;}

.sample dl div .inner {padding:0 30px;}


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) {



/* 공통 CSS */
.selectBox {margin:0 0 30px;}
.selectBox .select {width:180px; height:50px; line-height:38px; margin:0 2px; padding:0 20px; background: url('/img/select_arrow.gif') no-repeat right 20px center, #fff;}

/* .table_scroll {width:100%; overflow-x:scroll;}
.table_scroll .table_style {width:680px;}
.table_style td p:after {top:10px;} */

.tab_cont ul {}
/* 공통 CSS */

.modal_tab_list {margin:0 0 15px;}
.modal_tab_list a {padding:0 10px; line-height:26px; height:28px; font-size:12px;}

.tableWrap_ver2::after {display:none;}
.tableWrap_ver2 {overflow-x:scroll;}

.tableWrap_ver2 .table_style_ver2 {width:1000px;}
.tableWrap_ver2 .pop_scroll {width:1010px;}
.table_style_ver2 {border-top:0 !important;}


.detailView .table_style_ver2 td:nth-child(1) {width:8% !important;}


/* 클라우드 LMS 소개 */
.cloud {margin:45px auto 0;}
.cloud dl:nth-child(-n+4) {margin-bottom:40px;}
.cloud dl dt {width:150px; height:150px; margin:0 auto 45px;}
.cloud dl dt:before {content:''; width:1px; height:35px; position:absolute; bottom:-35px; left:50%;}
.cloud dl dt:after {content:'';width:160px; height:160px; border-radius:100%; position:absolute; top:-8px; left:-8px; z-index:-1;}
.cloud dl dt img {margin:25px 0 15px; max-height:45px;}
.cloud dl dt h4 {color:#0eb3d3; font-size:1.14rem;}
.cloud dl dt h4:after {top:173px;}
		.cloud dl dd {font-size:1rem; letter-spacing:-0.8pt; line-height:1.4; color:#777 !important;}

.player_cloud {margin:90px auto 60px; width:100%;}


.platform_cont .width1230 {margin:40px auto 0;}
.platform_cont li {margin:0 30px;}
.platform_cont li div {width:100px; height:100px;}
.platform_cont li div img {position:relative; top:50%; left:0; transform:translate(0,-50%);}
.platform_cont li > a > a {width:160px; margin:30px 0 0;}

.function_list .slick-list {margin:0 40px !important}
#function .slick-dots {padding:0 30px;}
#function .slick-dots li {margin-right:20px;}

.function_list .slick-arrow {top:28%;}
.function_list .slick-dots {justify-content: center;}
.function_list .slick-dots li::before {width:90px; height:90px; margin:0 auto 13px;}
.function_list .slick-dots li::after {width:90px; height:90px; background-size:50px;}
.function_list .slick-dots li {width:20%; padding:0 10px; margin-bottom:30px;}


.function_list dt {display:block; width:100%;}
		.function_list dd {display:block; width:100%; padding-left:0; margin:30px 0 0;}
		.function_list dd > p {margin:10px 0 20px;}
		.function_list dd h4 {font-size:1.5rem;}

		.function_list dd li span {display:block; width:100%; margin:0 0 4px;}
		.function_list dd li p {width:100%; display:block;}


.port_list dl {width:calc((100% - 15px) / 2); margin-right:15px; margin-bottom:20px;}
.port_list dl:nth-child(2n) {margin-right:0;}
.port_list dl dd h4 {font-size:1.14rem;}


.section_cont {padding-left:160px;}
.sec_tab {top:60px; width:160px;}
/* .sec_tab.fixed {position:relative; top:0; left:0; margin-left:0;}
.sec_tab.abs {position:relative; top:auto; bottom:0;} */

.sec_tab a {margin:0 0 20px;}
.sec_tab a.tab_up:after {width:50px;}
.section {padding:30px;}
.section > h4 {font-size:1.3rem; margin:40px 0 25px;}
	.section .intro .imgCont {width:50%;}
	.section .intro .txtCont {padding-left:30px; width:50%;}
	.section .intro .txtCont h3 {font-size:1.4rem; margin:0 0 3px;}
	.section .intro .txtCont h3 .theme_icon {width:50px; top:-25px; right:-55px;}

.process dl {min-height:auto;}
.process dl dd {padding:35px 13px 30px 15%;}
.process dl dd h4 {font-size:1.15rem; margin:20px 0 13px;}

.font30 {margin:60px 0 30px; font-size:1.4rem;}
.faq_cont dt {padding:20px 25px 20px 50px;}
.faq_cont dt:after {top:27px; right:20px;}
.faq_cont dt span {top:19px; left:25px;}
.faq_cont dd {padding:25px;}
/* 클라우드 LMS 소개 */


.tab_cont.five ul {display:flex; flex-wrap:wrap;}
.tab_cont li {margin-right:5px; width:calc((100% - 20px) / 5);}
.tab_cont li a {width:100%; }
.tab_cont li a.link {background-position:top 21px right 30px;}


/* 가격 */
.price_cont {margin:45px 0 0;}
/* .price_cont dl {width:100%; margin-right:0} */
.price_cont dl dd ul li span {font-size:0.9rem;}
.price_cont dl dd ul li p {font-size:0.9rem;}
.price_cont dl .priceBtn {line-height:46px; padding:0 20px; background:url('/img/moreArrow_g.png')no-repeat center right 20px;}
.price_cont dl:hover .priceBtn {background:#0FB3D3 url('/img/moreArrow.png')no-repeat center right 20px;}


.price_cont.process_cont dl {padding:40px;}
.price_cont.process_cont dl dt {padding-right:40px;}
.price_cont.process_cont dl dd ul li:after {top:9px;}
/* 가격 */



/* 포트폴리오 */
#portfolio_cont .port_list  dl {width:calc((100% - 30px) / 3); margin-bottom:30px; margin-right:15px;}
#portfolio_cont .port_list  dl:nth-child(4n) {margin-right:15px;}
#portfolio_cont .port_list  dl:nth-child(3n) {margin-right:0;}
.port_list dl dt > img {height: 170px}
.port_list dl dd {padding:20px 15px;}
/* 포트폴리오 */




/* 견적문의 */
.down_wrap .down_tit {display:block; width:100%; background:#f7fafb url('/html/cloud/img/inquiry_img01.png')no-repeat center right 30px; padding:25px 20px; box-sizing:border-box; font-size:1.2rem; background-size:55px;}
.down_wrap .down_cont {display:block; width:100%; padding:30px;}

.form_table dl dt {width:140px;}
.form_table dl dd {padding:15px; width:calc(100% - 140px);}

.form_table .w50 {width:100%; display:block;}
.form_table dd .input {height:45px; padding:10px;}
.form_table dd .textarea {height:200px; padding:10px;}
.form_table dd .select {height:45px; padding:10px; background: url('/img/select_arrow.gif') no-repeat right 15px center, #fff;}
.form_table dd .input_sm {width:calc((100% - 10px) / 3);}




/* 확인/취소 버튼 */
.btn_confirm{width:200px; line-height:52px; padding:0 20px; background-position:center right 20px !important;}
/* 견적문의 */



/* 환급과정 LMS 소개 */
.subBox {padding:20px 35px; margin:20px 0 0;}

.process01 {margin:35px 0 0;}
.process01 dl {width: calc((100% - 45px) / 4); margin: 0 15px 0 0; border-radius:30px;}
.process01 dd {padding:20px 5% 25px 5%;}
.process01 dd h4 {letter-spacing:-0.6pt; font-size:1.15rem; padding:40px 0 10px; background:url('/html/about/img/check.png') center top no-repeat; background-size:30px;}

.imgbox {padding:30px;}

.process02_in {margin:30px 0 0;}
.process02_in dl {width:calc((100% - 15px) / 2); margin-right:15px;}
.process02_in dl dd {padding:20px 5% 25px;}

.process03_in {margin:30px 0 0;}
.process03_in dl {width:calc((100% - 45px) / 4); margin-right:15px;}
.process03_in dl dt {line-height:50px; font-size:1.15rem; margin:0 0 15px;}
/* 환급과정 LMS 소개 */




.system_scroll {overflow-x:scroll;}
.system_scroll .player03 {width:980px;}
.system_scroll .playArrow {width:980px;}
.recruit_processList dd {min-height:250px;}
.design_cont .recruit_processList dd {min-height:205px;}

.player04 dl { padding:40px 60px;}
.player04 dl dd {padding-left:50px; width:calc(100% - 70px);}
		.player04 dl dd h4 {margin:0 0 5px;}

.player05 dl {width:calc((100% - 20px) / 2); margin-right:20px; padding:40px 30px 40px 40px;}
.player05 dl dt {width:65px;}
.player05 dl dt img {max-width:100%;}
.player05 dl dd {padding-left:30px; width:calc(100% - 65px);}

.player06 dl {width:calc((100% - 20px) / 2); margin-right:20px; padding:40px 30px 40px 40px;}
.player06 dl dt {width:65px;}
.player06 dl dt img {max-width:100%;}
.player06 dl dd {padding-left:30px; width:calc(100% - 65px);}
.player06 dl dd p br {display:none !important;}






/* 오시는길 */
.loca_map {}
.loca_map iframe {height:400px}

.loca_way {margin-top:40px}
.loca_way > div {width:calc(100% - 20px); border-radius:20px; padding:40px 15px}
.loca_way > div.space {width:20px}
.loca_way dl {}
.loca_way dt {width:80px}
.loca_way dt div {height:80px;}
.loca_way dt img {width:45px}
.loca_way dd {width:calc(100% - 80px); padding-left:15px}
.loca_way dd h6 {}
.loca_way dd .txt {margin-bottom:10px}
.loca_way dd .bus_list li {float:none; padding:4px 0 4px 50px;  width:100%; margin-bottom:5px}
.loca_way dd .bus_list li:last-child {margin-bottom:0}
.loca_way dd .bus_list li span.line {}
.loca_way dd .subway_list li {padding:0 0 0 27px}
.loca_way dd .subway_list li span.line {top:2px}
/* 오시는길 */



.production01 {}
.production01 h3.sub_tit {margin:55px 0 0;}
.production01 > ul {margin:45px auto 60px; max-width:769px;}
.production01 > ul > li {width:240px; padding:40px 10px 20px;}
.production01 > ul > li:before{border:8px solid #e6f7fb;}
		.production01 > ul > li span {font-size:15px;}
		.production01 > ul > li h4 {font-size:28px; margin:7px 0 10px;}
		.production01 > ul > li h4 i {font-size:14px;}





.product_intro > div ul li h4 {font-size:1.14rem; margin:-30px 0 6px;}
		.product_intro .one li h4 {margin:90px 0 6px;}

.production02_tit li {font-size:1.2rem;}

.production02 {}
.production02 dl {width:calc((100% - 40px) / 3); margin-right:20px;}
.production02 dl br {display:none;}
.production02 dl dd div {padding:25px; min-height:180px;}
.production02 dl dd h4 {font-size:1.12rem; }

.production03 ul {margin:0 0 35px;}
.production03 ul li {width:calc((100% - 15px) / 2); margin-right:15px; border-radius:20px;}

.production03_in dl {padding:30px 10px 40px; border-radius:20px;}
.production03_in dl br {display:none;}
.production03_in dl img {width:65px;}
.production03_in dl h5 {font-size:1.14rem; margin:10px 0 5px;}

.production04_in dl {width:calc((100% - 30px) / 3); margin-right:15px;}
.production04_in dl dt {font-size:1.176rem; padding:20px 10px;}
.production04_in dl dd {padding:20px;}
.production04_in dl dd p {margin:0 0 18px;}
.production04_in dl dd p span {width:70px;}

.video_cont dl {width:calc((100% - 30px) / 3); margin-right:15px;}
.video_cont dl dt:after {content:''; width:45px; height:45px; margin:-22px 0 0 -22px; background-size:100% !important;}
.video_cont dl dd {padding:15px 10px 25px;}
.video_cont dl dd h4 {font-size:1.14rem;}



/* 랜선에듀 */
.edu_cont .img {margin:60px auto 0;}

.edu01 {display:block;}
.edu01 .edu_right {margin:70px 0 0;}
.edu01 .edu_right span {padding:0 20px;}
.edu01 > div {width:100% !important; display:block !important;}
.edu01 > div dl dt {width:160px; height:160px; margin:0 auto 20px;}
.edu01 > div dl dt img {margin:15px auto 7px; display:block; max-height:70px;}
.edu01 > div dl dt h4 b {font-size:1.2rem;}
.edu01 .edu_left dl:after {top:auto; bottom:-47px; right:50%; transform:translateX(50%); width:25px; height:25px;}

.edu02 {}
.edu02 dl {padding:30px 60px 30px 0;}
.edu02 dl br {display:none;}
.edu02 dl dt {width:300px;}
.edu02 dl dt img {max-width:200px;}
.edu02 dl dd {width:calc(100% - 300px);}
		.edu02 dl dd h4 {font-size:1.14rem; margin:0 0 7px;}
		.edu02 dl dd p {letter-spacing:-0.7pt; line-height:1.6;}

/* .table_style2 th {line-height:60px;}
.table_style2 td.top {padding:20px 10px 8px;}
.table_style2 td.bottom {padding:8px 10px 20px;} */

.edu04 li {width:calc((100% - 30px) / 3); padding:0 0 25px; margin-bottom:20px; margin-right:15px;}
.edu04 li br {display:none;}
.edu04 li h4 {font-size:1.13rem; line-height:50px;}
.edu04 li p {margin:15px 10px;}

.edu05 {padding:0 15px;}
.edu05:before {top:21px; right:11px; font-size:1.4rem;}
.edu05:after {right:-52px; border-bottom: 80px solid #0eb3d3; border-left: 80px solid transparent; border-right: 80px solid transparent;}
.edu05 dt {height:240px;}
.edu05 dt img {width:200px; right:30px; bottom:-30px;}
.edu05 dd {padding:40px 0;}
.edu05 dd:after {top:20px; right:19px;}

.edu05 h3 {font-size:1.4rem; padding-bottom:10px; margin:0 0 20px;}
.edu05 h3 i:after {top:-4px;}
.edu05 h4 {font-size:1.2rem; margin:0 0 12px;}

/* 랜선에듀 */



/* 디자인 서비스 */
.design01 dl br {display:none;}
.design01 dl dt {width:100px; height:100px;}
.design01 dl dt img {padding:25px 0; width:50px;}
.design01 dl dd {padding:0 10px; box-sizing:border-box;}
.design01 dl dd h4 {margin:25px 0 7px; line-height:1.2;}

.section .intro .txtCont ul {margin:10px 0 0;}
.section .intro .txtCont ul li {margin:0 0 3px;}
.section .intro .txtCont ul li:after {top:10px;}

.sample dl {width:calc((100% - 15px) / 2); margin-right:15px;}
.sample dl:nth-child(3n) {margin-right:15px;}
.sample dl:nth-child(2n) {margin-right:0;}
.sample dl dt {line-height:50px;}
.sample dl div .inner {padding:0 20px;}
.sample dl div .inner a {line-height:40px;}


.design_cont .port_list dl {width:calc((100% - 30px) / 3); margin-right:15px;}
.design_cont .port_list dl:nth-child(4n) {margin-right:15px;}
.design_cont .port_list dl:nth-child(3n) {margin-right:0;}


.market_intro .sub_tit {margin:50px 0 12px;}
.market_intro .borderBox {margin:50px 0 0; padding:80px 40px;}

.market_service_con .recruit_processList dd {min-height:170px;}

.market01 .market02 {padding:0 30px;}
.market01_in .dep_cont h3 {font-size:1rem; line-height:50px;}
.market01_in .dep_cont h3 img {width:22px; margin-right:8px;}
.market01_in .dep_cont div {padding:15px 20px;}
.market01_in .dep_cont div dl {padding:15px 0;}
.market01_in .dep_cont:last-child div dl:nth-child(1) {padding:30px 0;}

.market02 dl {padding:45px 0;}
.market02 dl dt {width:180px;}
.market02 dl dd {width:calc(100% - 180px);}

.market_service_con .moreBtn {width:400px; height:60px;}
.market_service_con .moreBtn span {line-height:60px;}

#e_learning dl {width:calc((100% - 15px) / 2); margin-right:15px; margin-bottom:20px;}
#e_learning dl dt {width:100px; height:100px;}
#e_learning dl dd {width:calc(100% - 100px); padding-left:20px;}

}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) {

	.design_cont .section .theme_con_in::before {width:350px; height:215px; transform:translateX(175px); background-size:100%;}


    .pricingSlide{display: block;}
	.pricing-owl-slider {margin-left:-10px !important; padding:0 5%; box-sizing:border-box;}
	.pricingSlide .slick-initialized .slick-slide {margin:0 0 0 10px !important;}
    .pricingSlide .owl-stage-outer{ overflow: visible;}
    .pricingBox{display: none;}
    .pricingSlide .owl-item .pricingRow01{
        opacity: 0.5;
    }
    .pricingSlide .owl-item.active,
    .pricingSlide .owl-item.active .pricingRow01,
    .pricingSlide .owl-item.active .pricingRow-title,
    .pricingSlide .owl-item.active .prcRowWrap{opacity: 1;}
    .pricingSlide .item .pricingRow01{position:relative; text-align: center;  padding: 26px 40px 30px;}

	.pricingSlide .item .pricingRow01.blue_back {background:#0eb3d3; border: 2px solid #0eb3d3; }
	.pricingSlide .item .pricingRow01.green_back {background:#49c494; border: 2px solid #49c494; }
	.pricingSlide .item .pricingRow01.purple_back {background:#835cab; border: 2px solid #835cab; }


	.pricingSlide .item .pricingRow01.best {border: 2px solid #fb8eb7; background:#fff !important;}
/* 	.pricingSlide .item .pricingRow01.best:before {content:'HIT'; font-family: 'Play', sans-serif; color:#fff; position:absolute; top:12px; right:11px; transform:rotate(45deg); z-index:10;} */
	.pricingSlide .item .pricingRow01.best:after {content:'';  width:65px; height:65px; /*  transform:rotate(45deg); position:absolute; top:-9px; right:-34px; z-index:5; border-bottom: 50px solid #0eb3d3;
	  border-left: 50px solid transparent;
	  border-right: 50px solid transparent; */ position:absolute; top:-2px; right:-2px; background:url("/img/hit_pink.png")no-repeat center / 100%;}
/* 	.pricingSlide .item .pricingRow01.best .prc_title:after {content:''; width:3px; height:3px; background:#fff; position:absolute; top:12px; right:12px; z-index:20;} */

    .pricingSlide .pricingRow01 .prc_title{
        font-size: 17px;
        color: #fff;
        font-weight: 300;
        margin-bottom:10px;
    }
    .pricingSlide .pricingRow01 .prc_price strong{ font-size:20px;  color: #fff;}
    .pricingSlide .pricingRow01 .prc_price p{font-size:1rem; color:#fff; font-weight: 300; margin-top:4px;}
    .pricingPage .pricingRow01 .priceBtn{width:130px; line-height:38px; padding:0 20px; background-position:center right 20px !important; border:1px solid rgba(255,255,255,0.5) !important; background-color:transparent !important; color:#fff; background-image:url('/img/moreArrow.png');}
	.pricingPage .prcRowCommon {border-bottom:0;}

	.pricingSlide .pricingRow01.best .prc_title {color:#fb8eb7;}
	.pricingSlide .pricingRow01.best .prc_price strong {color:#fb8eb7;}
	.pricingSlide .pricingRow01.best .prc_price p {color:#fb8eb7;}
	.pricingSlide .pricingRow01.best .priceBtn {color:#a4a9b3; border:1px solid #a4a9b3 !important; background-image:url('/img/moreArrow_g.png');}
	.pointBorder::after {height:calc(100% + 3px); top:0;}

    .pricingSlide .pricingRow01 .service_list li:last-child{
        padding-bottom: 0;
    }
    .pricingSlide .pricingRow01 .service_list li:before{
        content:'';
        width: 16px;
        height: 16px;
        background: url('../images/pricing/planIcon.svg');
        background-size:16px;
        position: absolute;
        left:0;
        top:3px;
    }
    .pricingPage .pricingRow01.fixed{
        position: static;
        left: auto;
        width: 100%;
        top: auto !important;
    }

    .pricingPage .pricingRow02{
        margin-top:15px;
    }
    .pricingPage .prcRowWrap{padding:15px 10px; border-bottom:1px solid #ddd;}
	.pricingPage .prcRowWrap .prcRowTitle {font-size:1.05rem;}
/* 	.pricingPage .prcRowWrap.pricingRow02 {background:#fff7f7;} */
    .pricingPage .prcRowCommon{display: inline-block; color:#666; letter-spacing:-0.3pt; font-weight:400;}
	.pricingPage .prcRowCommon.check {min-height:20px; background:url("/html/cloud/img/t_check_icon.png")no-repeat left bottom / 18px;}

	.green_back .prcRowCommon.check {background:url("/html/cloud/img/t_check_icon02.png")no-repeat left bottom / 18px;}
	.pink_back .prcRowCommon.check {background:url("/html/cloud/img/t_check_icon03.png")no-repeat left bottom / 18px;}
	.purple_back .prcRowCommon.check {background:url("/html/cloud/img/t_check_icon04.png")no-repeat left bottom / 18px;}


	.pricingPage .prcRowCommon .numFont {color:#222; font-weight:400; display:inline-block;}
	.pricingPage .prcRowCommon .sexp {color:#888; display:block; font-size:0.8rem; margin:3px 0 0; display:inline-block;}
    .pricingPage .prcRowWrap .prcRowTitle{padding:0px 0px 3px;}

    .pricingPage .prcRowCommon div:last-child{
        padding-bottom:0;
    }
.saleFont {font-size:0.9rem;}


.port_list dl {width:calc((100% - 15px) / 2); margin-right:15px; margin-bottom:20px; border-radius:20px;}
.port_list dl:nth-child(2n) {margin-right:0;}
.port_list dl dt .hover {padding:25% 10px 15px;}
.port_list dl dt .hover span {right:10px; bottom:15px;}
.port_list dl dd {border-radius:0 0 20px 20px;}
.port_list dl dd h4 {font-size:1.1rem;}



.player05 dl {width:100%; margin-right:0; padding:30px 20px 30px 30px; margin-bottom:10px;}
.player05 dl dt {width:50px;}
.player05 dl dt img {max-width:100%;}
.player05 dl dd {padding-left:25px; width:calc(100% - 50px);}
.player05 dl dd h4 {margin:0 0 3px;}


.player06 {margin:30px 0 0;}
.player06 dl {width:100%; margin-right:0; padding:30px 20px 30px 30px; margin-bottom:10px;}
.player06 dl dt {width:50px;}
.player06 dl dt img {max-width:100%;}
.player06 dl dd {padding-left:25px; width:calc(100% - 50px);}
.player06 dl dd h4 {margin:0 0 3px;}


.design_cont .port_list dl {width:calc((100% - 10px) / 2); margin-right:10px;}
.design_cont .port_list dl:nth-child(4n) {margin-right:10px;}
.design_cont .port_list dl:nth-child(3n) {margin-right:10px;}
.design_cont .port_list dl:nth-child(2n) {margin-right:0;}



.production01 {}
.production01 > ul {max-width:681px;}
.production01 > ul > li {width:200px; padding:30px 10px 10px;}
		.production01 > ul > li h4 {font-size:24px;}



#e_learning dl {width:100%; margin-right:0; margin-bottom:15px; padding:15px; border-radius:15px;}
#e_learning dl dt {width:80px; height:80px;}
#e_learning dl dt img {max-width:40px; max-height:40px;}
#e_learning dl dd {width:calc(100% - 80px); padding-left:20px;}
#e_learning dl dd h4 {margin:5px 0 8px;}


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) {


/* 공통 CSS */
.selectBox .select {width:130px; height:45px; line-height:38px; padding:0 10px; background: url('/img/select_arrow.gif') no-repeat right 10px center, #fff;}

/* .table_style th {padding:15px 10px; line-height:1.3;}
.table_style td {font-size:0.9rem;}
.table_style.center td {padding:10px;}
.table_style td p:after {top:10px; width:2px; height:2px;}

.table_style2 th {line-height:45px; font-size:1.14rem;}
.table_style2 td.top {padding:15px 10px 8px;}
.table_style2 td.bottom {padding:8px 10px 15px;}

.table_style2 th.blue {border-radius:20px 0 0 0;}
.table_style2 th.gray {border-radius:0 20px 0 0;}
.table_style2 td:nth-child(2).bottom {border-radius:0 0 0 20px;}
.table_style2 td:last-child.bottom {border-radius:0 0 20px 0;} */


.sub_tab {margin:20px auto 30px;}
/* 공통 CSS */


.recruit_processList dd {min-height:200px}



/* 클라우드 LMS 소개 */
.cloud {margin:30px auto 0;}
.cloud dl {width:33.33%; margin-bottom:30px !important;}
.cloud dl br {display:none;}
.cloud dl:nth-child(-n+4) {margin-bottom:25px;}
.cloud dl dt {width:120px; height:120px; margin:0 auto 35px;}
.cloud dl dt:before {height:20px; bottom:-22px;}
.cloud dl dt:after {width:130px; height:130px; top:-8px; left:-8px;}
.cloud dl dt img {margin:20px 0 10px; max-height:35px; max-width:50px;}
.cloud dl dt h4 {color:#0eb3d3; font-size:1rem;}
.cloud dl dt h4:after {top:135px;}

.platform_cont .width1230 {margin:30px auto 0;}
.platform_cont li {margin:0 20px; width:140px;}
.platform_cont li div {width:80px; height:80px;}
.platform_cont li div img {width:30px;}
.platform_cont li a {width:140px; margin:25px 0 0;}


#function .moreBtn_plus {margin:20px auto 35px;}
#function .slick-dots {margin:0 auto 35px;}
#function .slick-dots .slick-arrow {width:30px; height:30px; background-size:8px !important;}
#function .slick-dots li::before {width:80px; height:80px; margin:0 auto 12px; background-size:40px !important;}
#function .slick-dots li::after {width:80px; height:80px;}


.function_list .slick-dots li::before {width:75px; height:75px; margin:0 auto 13px; background-size:35px;}
.function_list .slick-dots li::after {width:75px; height:75px; background-size:50px; background-size:35px;}
.function_list .slick-dots li {position:relative; width:20%; padding:0 9px; box-sizing:border-box; text-align:center; cursor:pointer; margin-bottom:20px;}

.function_list .slick-arrow {width:25px; height:50px; background-size:10px; top:25%; margin-top:-25px;}
.function_list .slick-prev {background-position:center left 15px; left:-10px;}
.function_list .slick-next {background-position:center right 15px; right:-10px;}

.function_list .slick-list {margin:0 15px !important;}

.function_list {}
.function_list dl {display:block;}
.function_list dl dt {display:block; width:100%;}
.function_list dl dt img {}
.function_list dl dd {display:block; width:100%; padding:0; margin:30px 0 0;}
		.function_list dd h4 {font-size:1.4rem;}
		.function_list dd > p {margin:10px 0 15px;}
		.function_list dd li {margin-right:15px;}
		.function_list dd div {margin:20px 0 0;}
		.function_list dd a {width:180px; height:44px; line-height:42px; padding:0 15px; background:url('/img/moreArrow_blue.png')no-repeat center right 15px;}
		.function_list dd a:hover {background:#0f91d0 url('/img/moreArrow.png')no-repeat center right 15px;}


.inquiry_wrap {margin:20px 0 30px;}

.process dl {min-height:auto; width:33.33%;}
.process dl:nth-child(-n+3) {margin-bottom:20px;}
.process dl dt {line-height:62px;}
.process dl dd {padding:35px 13px 20px 15%;}
.process dl dd img {max-height:40px;}
.process dl dd h4 {font-size:1.15rem; margin:20px 0 13px;}
.process dl dd p {font-size:1rem; margin:0 0 5px;}


.faq_cont dt {padding:15px 20px 15px 35px;}
.faq_cont dt:after {top:20px; right:15px;}
.faq_cont dt span {top:16px; left:15px;}
.faq_cont dd {padding:15px;}
.faq_cont dd span {width:20px;}
/* 이러닝 서비스 */



.section_cont {padding-left:0;}
.sec_tab {position:absolute; top:-60px; width:100%; font-size:0; margin:0 0 15px; height:45px; border-top:2px solid #ddd; background:#fff; z-index:9999;}
.sec_tab.fixed {top:65px; left:0; margin-left:0; box-shadow:0 5px 12px rgb(0 0 0 / 5%);}
.sec_tab.abs {top:auto; bottom:-100px; z-index:0;}

.sec_tab.four a {width:25%;}
.sec_tab a {margin:0 0 0; display:inline-block; width:50%; line-height:45px; text-align:center;}
.sec_tab a:after {top:-2px; right:auto; left:0;}
.sec_tab a.tab_up:after {width:100%;}

.section_wrap {margin:90px 0 0;}
.section {padding:20px;}
	.section .intro {display:block;}
	.section .intro .imgCont {display:block; width:100%;}
	.section .intro .txtCont {padding-left:0px; display:block; width:100%; margin:20px 0 0;}
	.section .intro .txtCont h3 {font-size:1.4rem; margin:0 0 3px;}
	.section .intro .txtCont h3 .theme_icon {width:40px; top:-8px; right:-45px;}

	.section > h4 {font-size:1.2rem; margin:35px 0 20px;}
	.section .sec_list dl {padding:7px 0;}
	.section .sec_list dl dt {width:50px;}
	.section .sec_list dl dt img {max-height:25px;}
	.section .sec_list dl dd {width:calc(100% - 50px);}

.font30 {margin:40px 0 20px; font-size:1.2rem;}
.design_cont .section .theme_con_in {padding:40px 30px 160px;}
.design_cont .section .theme_con_in::after {right:-85px}
.design_cont .section .theme_con_in::before {width:240px; transform:translateX(120px);}

/* 클라우드 LMS 소개 */




/* 가격 */
.price_cont {margin:30px 0 0; display:block; margin-left:-10px;}
.price_cont .slick-list {overflow:hidden;}
.price_cont dl {float:left; width:100%; margin-right:0 !important; margin-left:10px; margin-bottom:20px !important; padding:20px 10px 15px;}
.price_cont dl.on {top:0; border:1px solid #0FB3D3;}
.price_cont dl.best:before {top:21px; right:13px;}
.price_cont dl dt {font-size:1.3rem;}
.price_cont dl dd ul {min-height:auto;}
.price_cont dl dd ul li span {font-size:0.9rem;}
.price_cont dl dd ul li p {font-size:0.9rem;}
.price_cont dl .priceBtn {line-height:34px; padding:0 15px; background:url('/img/moreArrow_g.png')no-repeat center right 15px;}
.price_cont dl:hover .priceBtn {background:#0FB3D3 url('/img/moreArrow.png')no-repeat center right 15px;}
.price_cont dl dd > ul li i .layer {padding:5px; top:22px; font-size:13px; width:140px; transform:translateX(50%);}

.price_cont .slick-dots {overflow:hidden; margin:20px 0; width:calc(100% - 10px); margin-left:10px; border-radius:10px;}
.price_cont .slick-dots li {font-size:0; border:0; background:#f9f9f9; float:left; width:25%; height:3px;}
.price_cont .slick-dots li.slick-active {background:#0FB3D3; border-radius:10px;}
.price_cont .slick-dots li button {font-size:0; border:0; display:none;}

.price_cont.process_cont dl {display:block; padding:30px 20px;}
.price_cont.process_cont dl dt {display:block; width:100%; padding:0 15px;}
		.price_cont.process_cont dl dt .priceBtn {width:160px; display:block; margin:20px auto;}
.price_cont.process_cont dl dd ul {padding:20px;}
.price_cont.process_cont dl dd ul li {padding-lefT:8px;}
.price_cont.process_cont dl dd ul li:after {top:8px; width:3px; height:3px;}
/* 가격 */



/* 포트폴리오 */
#portfolio .moreBtn_plus {margin:30px auto 0;}

#portfolio_cont .port_list  dl {width:calc((100% - 15px) / 2); margin-bottom:20px; margin-right:15px;}
#portfolio_cont .port_list  dl:nth-child(4n) {margin-right:15px;}
#portfolio_cont .port_list  dl:nth-child(3n) {margin-right:15px;}
#portfolio_cont .port_list  dl:nth-child(2n) {margin-right:0;}
.port_list dl dt > img {height: 120px}
.port_list dl dd {padding:15px 10px;}
/* 포트폴리오 */





/* 견적문의 */
.down_wrap {margin:20px 0 0;}
.down_wrap .down_tit {padding:20px; background-size:50px;}
.down_wrap .down_cont {padding:20px;}
.down_wrap .down_cont li span {width:50px; height:50px; background-size:20px !important;}
.down_wrap .down_cont li h4 {padding-left:10px;}

.form_table {margin:30px 0 0;}
.form_table dl dt {width:100%; display:block; border-bottom:1px solid #ddd; padding:15px 10px !important;}
.form_table dl dd {padding:10px !important; width:100%; display:block;}
.form_table dl dd p {padding-left:10px;}

.form_table dl dd .radio_type li {display:block; padding:3px 0;}

.form_table .w50 {width:100%; display:block;}
.form_table dd .input {height:40px;}
.form_table dd .textarea {height:150px;}
.form_table dd .select {height:40px; background: url('/img/select_arrow.gif') no-repeat right 15px center, #fff;}
.form_table dd .input_sm {width:calc((100% - 10px) / 3);}
.file {padding:5px 10px;}
.form_table dl dd input[type='file'] {font-size:12px;}
.form_table dd .input_type {margin:5px 0 0;}

.form_table dl.block dt p {margin-left:15px;}
.form_table dl.block dt p i {width:18px; height:18px; line-height:16px;}

.form_table dl dd input[type='radio'], .form_table dl dd input[type='checkbox'] {width:16px; height:16px;}
.privacy-item {padding:30px 0 0;}
.privacy_head {padding-bottom:0;}
.privacy_head input[type="checkbox"] {width:18px; height:18px;}


/* 확인/취소 버튼 */
.btn_confirm{width:160px; line-height:48px; padding:0 15px; background-position:center right 15px !important;}
/* 견적문의 */



/* 환급과정 LMS 소개 */
.subBox {padding:15px 20px; margin:5px 0 0;}


.process01 {margin:25px 0 0;}
.process01 dl {width: calc((100% - 15px) / 2); border-radius:30px; margin-bottom:20px; margin-right:15px;}
.process01 dl:nth-child(2n) {margin-right:0;}
.process01 dd {padding:15px 5% 20px 5%; min-height:auto;}
.process01 dd br {display:none;}
.process01 dd h4 {font-size:1.15rem; padding:30px 0 7px; background-size:18px;}

.imgbox {padding:20px;}
.imgbox h3 {margin:0 0 15px !important;}

.process02_in {margin:25px 0 0;}
.process02_in dl {width:calc((100% - 15px) / 2); margin-right:15px;}
.process02_in dl dd {padding:15px 3% 20px;}

.process03_in {margin:25px 0 0;}
.process03_in dl {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:30px;}
.process03_in dl:nth-child(2n) {margin-right:0;}
.process03_in dl dt {line-height:40px; font-size:1.12rem; margin:0 0 15px;}
/* 환급과정 LMS 소개 */




.tab_cont {margin:25px 0;}
.tab_cont ul {display:block;}
.tab_cont li {margin-right:5px; width:calc((100% - 10px) / 3);}
.tab_cont li:last-child {margin-right:0;}
.tab_cont li a {display:flex; justify-content:center; align-items:center;; letter-spacing:-0.5pt; background-color:#f1f7f9; width:100%; height:45px;}
.tab_cont li.tab_up a {color:#fff !important; background-color:#0eb3d3 !important;}
.tab_cont li a:hover {color:#fff; background-color:#0eb3d3;}
.tab_cont li a.link {background-position:top 17px right calc(40% - 25px); background-size:10px !important; padding-right:20px;}


.tab_cont.five ul {display:flex; flex-wrap:wrap;  justify-content:center}
.tab_cont li {width:calc((100% - 20px) / 3); margin-bottom:5px;}
.tab_cont li:nth-child(3n) {margin-right:0;}





.player01 .imgCont {display:block; width:100%;}
.player01 .imgCont img {display:block; margin:0 auto; max-width:80%;}
.player01 .txtCont {display:block; width:100%; padding-left:0; margin:30px 0 0;}
.player01 .txtCont h3.sub_tit {margin:0 0 12px; text-align:center !important;}
.player01 .txtCont .stxt {text-align:center !important;}



.player04 dl { padding:30px 45px;}
.player04 dl dt {width:45px;}
.player04 dl dt img {max-width:100%;}
.player04 dl dd {padding-left:30px; width:calc(100% - 45px);}
		.player04 dl dd h4 {margin:0 0 3px;}


/* 오시는길 */
.loca_map {}
.loca_map iframe {height:280px}
.loca_way {margin-top:30px; display:block; }
.loca_way > div {width:100%; display:block; padding:30px 15px; border-radius:10px; margin-bottom:10px}
.loca_way > div.space {display:none;}
.loca_way dl {}
.loca_way dt {width:70px}
.loca_way dt div {height:70px;}
.loca_way dt img {width:40px}
.loca_way dd {width:calc(100% - 70px);}
.loca_way dd h6 {}
.loca_way dd .txt {}
.loca_way dd .bus_list li {}
.loca_way dd .bus_list li span.line {}
.loca_way dd .subway_list li {}
.loca_way dd .subway_list li span.line {top:0}
/* 오시는길 */



.production01 {}
.production01 h3.sub_tit {margin:30px 0 0;}
.production01 > ul {margin:30px auto 40px; max-width:481px;}
.production01 > ul > li {width:150px; padding:20px 10px 10px;}
.production01 > ul > li:before{border:5px solid #e6f7fb;}
		.production01 > ul > li span {font-size:14px;}
		.production01 > ul > li h4 {font-size:18px; margin:5px 0 7px;}
		.production01 > ul > li h4 i {font-size:13px;}




.product_intro > div {display:block; width:100%;}
.product_intro > div ul li h4 {font-size:1.12rem; margin:-10px 0 5px;}
		.product_intro .one li h4 {margin:60px 0 5px;}


.scroll680 {overflow-x:scroll;}
.production02_tit {width:768px;}
.production02 {width:768px;}


.production03 ul {margin:0 0 20px;}

.production03_in {justify-content:center}
.production03_in dl {width:calc((100% - 20px) / 3); padding:20px 10px 35px; margin-bottom:10px;}
.production03_in dl:nth-child(3n) {margin-right:0;}
.production03_in dl img {width:50px;}
.production03_in dl h5 {font-size:1.1rem; margin:10px 0 5px;}
.production03_in dl p {font-size:1rem;}


.production04_in dl {width:calc((100% - 20px) / 3); margin-right:10px; }
.production04_in dl dt {font-size:1.12rem; padding:15px 10px; border-radius:20px 20px 0 0; line-height:1.2;}
.production04_in dl dd {padding:15px; border-radius:0 0 20px 20px;}
.production04_in dl dd p {margin:0 0 10px;}
.production04_in dl dd p span {display:block; width:100%; margin:0 0 5px;}



.video_cont dl {width:calc((100% - 20px) / 2); margin-right:10px; margin-bottom:20px; border-radius:20px;}
.video_cont dl:nth-child(2n) {margin-right:0;}
.video_cont dl dt:after {width:30px; height:30px; margin:-15px 0 0 -15px;}
.video_cont dl dd {padding:12px 10px 20px;}
.video_cont dl dd h4 {font-size:1.12rem;}


.stxt img {width:10px; margin-right:5px;}



/* 랜선에듀 */
.edu_cont .img {margin:0 auto 30px; max-width:260px;}
.edu_cont .tab_cont {margin:20px 0 0;}

.edu01 .edu_right span {padding:0 15px;}
.edu01 > div dl dt {width:130px; height:130px; margin:0 auto 15px;}
.edu01 > div dl dt img {margin:15px auto 7px; max-height:50px;}
.edu01 > div dl dt h4 b {font-size:1.1rem;}
.edu01 .edu_left dl:after {top:auto; bottom:-47px; right:50%; transform:translateX(50%); width:25px; height:25px;}


.edu02 {}
.edu02 dl {display:block; padding:20px;}
.edu02 dl dt {display:block; width:100%;}
.edu02 dl dt img {max-width:200px; max-height:120px;}
.edu02 dl dd {width:100%; display:block; margin:30px 0 0;}
		.edu02 dl dd h4 {font-size:1.14rem; margin:0 0 5px;}
		.edu02 dl dd p {letter-spacing:-0.7pt; line-height:1.6;}

.edu04 li {width:calc((100% - 10px) / 2); padding:0 0 20px; margin-right:10px; border-radius:20px; margin-bottom:15px;}
.edu04 li:nth-child(2n) {margin-right:0;}
.edu04 li h4 {font-size:1.1rem; border-radius:20px 20px 0 0; line-height:45px;}
.edu04 li p {margin:10px 0 20px;}
.edu04 li:nth-child(3) {margin-right:10px;}
.edu04 li:nth-child(5) {width:100%;}

.edu05 {padding:20px 5%;}
.edu05:before {top:21px; right:11px; font-size:1.1rem;}
.edu05:after {top:-9px; right:-39px; border-bottom: 60px solid #0eb3d3; border-left: 60px solid transparent; border-right: 60px solid transparent;}
.edu05 dt {display:block; margin:0 0 20px; height:auto; width:100%;}
.edu05 dt img {width:160px; position:relative; bottom:0; display:block; margin:0 auto; right:0;}
.edu05 dd {display:block; text-align:center !important; padding:0;}
.edu05 dd:after {width:3px; height:3px; top:16px; right:16px;}
.edu05 h3 {padding-bottom:15px; margin-bottom:20px; font-size:1.4rem;}
.edu05 h3 i:after {width:3px; height:3px; margin-left:-2px;}
.edu05 h4 {font-size:1.2rem; }
.edu05 h4.two b:before {width:30px; background-size:100% !important; height:20px;}
/* 랜선에듀 */


/* 디자인 서비스 */
.design01 {justify-content:center;}
.design01 dl {width:33.33%; margin-bottom:30px;}
.design01 dl dt {width:80px; height:80px;}
.design01 dl dt img {padding:20px 0; width:40px;}
.design01 dl dd {padding:0 5px; box-sizing:border-box;}
.design01 dl dd h4 {margin:15px 0 5px;}

.design_cont #lms .moreBtn_plus {margin:15px auto 35px;}

.section .intro .txtCont ul {margin:5px 0 0;}

.design_cont .recruit_processList dd {min-height:155px;}

.sample {display:block;}
.sample dl {margin:0 10px !important;}
.sample dl:before {top:21px; right:13px;}
.sample dl div .inner {padding:0 20px;}
.sample dl div .inner a {line-height:35px; display:none}
.sample dl div .inner a.mobile {display:block;}
.sample .slick-list {overflow:hidden; margin:0 25px;}

.sample .slick-arrow {width:25px; height:35px; background:#fff; position:absolute; display:block; border:0; background-repeat:no-repeat; background-size:10px; top:43%; margin-top:-16px;font-size:0; z-index:9999; cursor:pointer;}
.sample .slick-prev {left:0; background-image:url('/img/prevArrow.png'); box-shadow:-10px 0px 15px rgb(0 0 0 / 6%); border-radius:100px 0 0 100px; background-position:center right;}
.sample .slick-next {right:0; background-image:url('/img/nextArrow.png'); box-shadow:10px 0px 15px rgb(0 0 0 / 6%); border-radius:0 100px 100px 0; background-position:center left;}

.table_style th {word-break: keep-all;}
.table_style td {padding:10px 5px; word-break: keep-all;}
.table_style td.tab_tit {line-height:1.3; }

.design_table li {margin:0 0 3px;}




.market_intro {margin:35px 0 0;}
.market_intro .sub_tit {margin:30px 0 10px;}
.market_intro .borderBox {margin:30px 0 0; padding:40px 30px; border-radius:15px;}

.market_service_con .play_scroll {margin:40px 0;}

.market01 .market02 {padding:0 15px; border-radius:15px; margin:40px 0 0;}
.market01_in {margin:20px 0 0;}
.market01_in .dep_cont {width:100%; margin-right:0; margin-bottom:15px; border-radius:15px;}
.market01_in .dep_cont h3 {font-size:1rem; line-height:50px; border-radius:15px 15px 0 0;}
.market01_in .dep_cont h3 img {width:22px; margin-right:8px;}
.market01_in .dep_cont div {padding:15px 20px; border-radius:0 0 15px 15px;}
.market01_in .dep_cont div dl {padding:6px 0 !important; ;}
.market01_in .dep_cont div dl dt {width:70px;}
.market01_in .dep_cont div dl dt img {max-width:30px;}
.market01_in .dep_cont div dl dd {width:calc(100% - 70px);}
.market01_in .dep_cont:last-child div dl:nth-child(1) {padding:6px 0;}
/* .market01_in .dep_cont:last-child div dl:nth-child(3) {display:none;} */

.market02 dl {padding:28px 0; border-radius:15px;}
.market02 dl dt {width:120px;}
.market02 dl dt img {max-height:50px; max-width:50px;}
.market02 dl dd {width:calc(100% - 120px);}
.market02 dl dd h4 {font-size:1rem;}

#e_learning .txtCont {width:100%; padding-left:0; padding-top:15px;}
#e_learning .txtCont h4 {margin:20px 0 15px;}
#e_learning .imgCont {width:100%;}

#market02 .design01 {margin:30px 0;}

.market_service_con .moreBtn {height:44px; width:260px; margin:30px auto 0;}
.market_service_con .moreBtn span {line-height:44px;}


}
/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) {


.function_list .slick-arrow {top:20%}
.function_list .slick-dots li::before {width:75px; height:75px; margin:0 auto 13px; background-size:35px;}
.function_list .slick-dots li::after {width:75px; height:75px; background-size:50px; background-size:35px;}
.function_list .slick-dots li {width:33.33%; padding:0 9px; box-sizing:border-box; text-align:center; cursor:pointer; margin-bottom:20px;}
.function_list {}
		.function_list dd li {margin:0 0 5px;}



/* 환급과정 LMS 소개 */
.process01 dl {width:100%; border-radius:30px; margin-bottom:20px; margin-right:0;}
.process01 dd {padding:20px 5%;}

.process02_in dl {width:100%; margin-right:0; margin-bottom:20px;}
.process02_in dl dd {padding:15px 5% 20px;}
/* 환급과정 LMS 소개 */

/* 랜선에듀 */
.edu01 .edu_right {}
.edu01 .edu_right span {padding:0 10px;}
.edu01 > div dl br {display:none;}
.edu01 > div dl dt {width:110px; height:110px; margin:0 auto 15px;}
.edu01 > div dl dt img {margin:10px auto 5px; max-height:40px;}
.edu01 > div span {font-size:1rem;}
.edu01 > div span img {max-width:70px;}
.edu01 > div dl dt h4 {font-size:0.9rem;}
.edu01 > div dl dt h4 b {font-size:1rem;}
.edu01 > div dl dd {padding:0 5px;}
.edu01 .edu_left dl:after {top:auto; bottom:-47px; right:50%; transform:translateX(50%); width:25px; height:25px;}
/* 랜선에듀 */


#e_learning dl {display:block;}
#e_learning dl dt {width:80px; height:80px; margin:0 auto 15px;}
#e_learning dl dt img {max-width:40px; max-height:40px;}
#e_learning dl dd {width:100%; padding-left:0; text-align:center;}
#e_learning dl dd h4 {margin:5px 0 8px;}


}
/*******************************************************************************
	@media 480px
*******************************************************************************/
@media all and (max-width:480px) {




.production01 {}
.production01 > ul {max-width:160px; display: block;}
.production01 > ul > li {width:160px; padding:25px 5px 10px; margin: 0 0 10px;}
}
/*******************************************************************************
	@media ~420px
*******************************************************************************/
@media all and (max-width:420px) {

.function_list .slick-arrow {}

/* 클라우드 LMS 소개 */
.cloud dl {width:50%;}
.cloud dl dt {width:100px; height:100px; margin:0 auto 35px;}
.cloud dl dt:before {height:20px; bottom:-22px;}
.cloud dl dt:after {width:110px; height:110px; top:-8px; left:-8px;}
.cloud dl dt img {margin:15px 0 5px; max-height:30px; max-width:45px;}
.cloud dl dt h4 {color:#0eb3d3; font-size:1rem;}
.cloud dl dt h4 br {display:none;}
.cloud dl dt h4:after {top:114px;}


.platform_cont .width1230 {margin:30px auto 0; font-size:0;}
/* .platform_cont li {padding:0 10px; box-sizing:border-box; width:50%; margin:0;}
.platform_cont li > span {width:80px; height:80px;}
.platform_cont li > span img {width:30px;}
.platform_cont li > a > a {width:100%; margin:20px auto 0; display:block;} */

/* .port_list dl {width:100%; margin-right:0;} */

.platform_cont li {width:110px; margin:0 15px;}
.platform_cont li a {width:110px;}

.process dl {width:50%; margin-bottom:20px !important;}
.process dl dt {line-height:56px;}
.process dl dd {padding:35px 13px 20px 15%;}
.process dl dd img {max-height:40px;}
.process dl dd h4 {font-size:1.15rem; margin:20px 0 13px;}
.process dl dd p {font-size:1rem; margin:0 0 5px;}
/* 클라우드 LMS 소개 */



/* 견적문의 */
.down_wrap .down_cont li {text-align:center;}
.down_wrap .down_cont li span {display:block; width:50px; height:50px; background-size:20px !important; margin:0 auto 10px;}
.down_wrap .down_cont li h4 {padding-left:0; display:block;}

.form_table dd .input_sm {width:calc((100% - 10px) / 2.0);}
/* 견적문의 */






.production03_in dl img {width:45px;}

}
/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) {




/* 클라우드 LMS 소개 */
/* .port_list dl {width:100%; margin-right:0;} */
/* 클라우드 LMS 소개 */


.production01 > ul > li {padding:25px 5px 10px;}


}