.tab-menu {margin-bottom:60px; text-align:center;}
.tab-menu ul {display:flex;justify-content: center;}
.tab-menu ul li {margin-right: 20px; background:#fff; border: 1px solid #0084c8; border-radius:100px;}
.tab-menu ul li:last-child {margin-right: 0;}
.tab-menu ul li a {display:block; min-width: 200px; color:#0084c8; font-size:18px; font-weight:500; line-height:58px; letter-spacing:-.03em;padding: 0 15px;}
.tab-menu ul li.on {background:#0084c8;}
.tab-menu ul li.on a {color:#fff; z-index:2;}

.tab-cnt .cnt {display: none;}
.tab-cnt .cnt.on {display: block;}

.doc-tit {position: relative; font-weight: 500; font-size: 22px; line-height: 1.5em; letter-spacing: -.03em; padding-left: 30px; margin-bottom: 15px;}	
.doc-tit:before {content:""; position: absolute; top: 7px; left: 0; width: 20px; height: 20px; background-image:url("../images/sub/bullet.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.doc-tit.border {border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.doc-cnt {margin-bottom: 55px;padding-left: 29px;}
.doc-cnt:last-child {margin-bottom: 0;}

.box-txt {text-align: center; background: #f8f8f8; padding: 30px 10px; border-radius:10px;}
.box-txt p {font-size: 20px; line-height: 1.5em; letter-spacing: -.03em; font-weight: 500;}
.service .box-txt {margin-bottom: 50px;}
.inquiry .box-txt {margin-bottom: 40px;}

.border-box {border: 1px solid #ddd; padding: 60px 10px;}

.list1 {}
.list1 .deck1 {display: flex;flex-wrap:wrap;align-items: center; margin: 0 -40px; text-align: center;}
.list1 .deck1 > li {position: relative; width: 20%; padding: 0 40px;}
.list1 .deck1 > li:after {content:""; position: absolute; top: 50%; right: -12px; margin-top: -19px; width: 24px; height: 37px; background-image:url("../images/sub/arrow_blue.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.list1 .deck1 > li:last-child:after {display: none;}
.list1 .deck1 .dot {position: relative; display: inline-block; color: #454545; margin-top: 12px; padding-left: 10px;}
.list1 .deck1 .dot:before {content:"·"; position: absolute; top: 0; left: 0; color: #454545;}

.list1 .deck2 {}
.list1 .deck2 li {display: inline-block;font-size: 18px; font-weight: 500; line-height: 1.556em; letter-spacing: -.03em; background: #dcf1fa; border-radius:10px; margin-bottom: 12px; padding: 10px;}
.list1 .deck2 li:last-child {margin-bottom: 0;}

.list2 {text-align: center;}
.list2 ul {display: flex;flex-wrap:wrap;}
.list2 ul li {position: relative;}
.list2 ul li:after {content:""; position: absolute; top: 68px; right: -12px; width: 24px; height: 37px; background-image:url("../images/sub/arrow_grey.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.list2 ul li:last-child:after {display: none;}
.list2 ul.none li:after {display: none;}
.list2 ul li .icon{position: relative;width: 175px;height: 175px;margin: 0 auto;border-radius:100%;border: 10px solid #dcf1fa;}
.list2 ul li .num{position: absolute;top: 2px;left: -10px; width: 44px;height: 44px;border-radius:100%; background: #0084c8; color: #fff; line-height: 44px; text-align: center;}
.list2 ul li .tit{font-size: 20px; font-weight: 500; line-height: 1.3em; letter-spacing: -.03em; margin-top: 12px;}
.list2 ul li .desc{color: #454545;line-height: 1.875em; margin-top: 5px;}

.list2 ul.ty2 {justify-content: center;}
.list2 ul.ty2 li .icon {border: 0; background: #0084c8;}

.list2 .arrow {padding: 35px 0 95px;margin: 55px 0 30px;font-size: 18px;font-weight: 500;line-height: 1.5em;letter-spacing: -.03em;background-image:url("../images/sub/aroow.png");background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}

.list2.max748 {max-width: 748px;margin: 0 auto;}

.list2 ul.lenth3 {margin: 0 -10px;}
.list2 ul.lenth3 li {width: 33.3333333%;padding: 0 10px;}
.list2 ul.lenth4 {margin: 0 -10px;}
.list2 ul.lenth4 li {width: 25%;padding: 0 10px;}
.list2 ul.lenth5 {margin: 0 -7px;}
.list2 ul.lenth5 li {width: 20%;padding: 0 7px;}

.list3 {text-align: center;}
.list3 ul {display: flex;justify-content: center;}
.list3 ul li {display: flex; justify-content: center; align-items: center;margin: 0 -10px;width: 175px;height: 175px;border-radius:100%;background: rgba(0,132,200,.1); font-size: 20px; font-weight: 500; line-height: 1.250em; letter-spacing: -.03em;}

.hypen-list > li{padding-left: 0.438em; text-indent: -0.438em;}

.txt-grey {color: #454545;}
.txt-blue {color: #0084c8;}

/* introduce */
.introduce {text-align: center;}
.introduce .txt {margin-bottom: 45px;}
.introduce .txt .t1 {color: #454545;line-height: 2.500em; margin-bottom: 10px;}
.introduce .txt .t2 {font-size: 20px; line-height: 1.400em; letter-spacing: -.03em; font-weight: 500;}

.introduce .box {position: relative; background: #f8f8f8; padding: 30px 10px; margin-top: 45px;}
.introduce .box:before,
.introduce .box:after {content:"";position: absolute; width: 0; height: 0;}
.introduce .box:before {top: 0;left: 0; border-top: 30px solid #fff; border-right: 30px solid transparent;}
.introduce .box:after {bottom: 0;right: 0; border-bottom: 30px solid #fff; border-left: 30px solid transparent;}
.introduce .box strong {display: block; color: #0184c8; font-size: 22px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em; margin-bottom: 10px;}
.introduce .box p {max-width: 718px; margin: 0 auto; color: #454545; font-size: 17px; line-height: 1.765em; letter-spacing: -.03em;}

/* feature */
.feature {margin-top: 60px;}
.feature .group {display: flex;align-items: center;}
.feature .group .img {width: 50%;}
.feature .group .txt {width: 50%; padding: 10px 10px 10px 65px;}
.feature .group .txt h3 {font-family: 'NanumSquare', sans-serif; color: #0084c8; font-size: 30px; font-weight: 800; line-height: 1.3em; letter-spacing: -.03em; margin-bottom: 20px;}
.feature .group .txt p {color: #454545; font-size: 18px; line-height: 1.667em; letter-spacing: -.03em;}

.feature .group:nth-child(even) .img {order: 2;}

/* service */
.top-visual {height: 500px; margin-bottom: 42px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.top-visual.bg1 {background-image:url("../images/sub/service_top_visual1.jpg");}
.top-visual.bg2 {background-image:url("../images/sub/service_top_visual2.jpg");}
.top-visual.bg3 {background-image:url("../images/sub/service_top_visual3.jpg");}
.top-visual.bg4 {background-image:url("../images/sub/service_top_visual4.jpg");}

.service-txt {text-align: center; color: #454545; font-size: 18px; line-height: 1.667em; letter-spacing: -.03em;}


/* cs-edu */
.cs-edu {display: flex;}
.cs-edu .cnt {width: 50%;text-align: center;}
.cs-edu .cnt.cnt1 {flex: 1 1 auto; min-width: 0; width: 1%;}
.cs-edu .cnt.cnt2 {width: 605px;margin-right: 4.7%;padding-left: 10px;}
.cs-edu .tt {font-size: 20px; font-weight: 500; line-height: 1.250em; letter-spacing: -.03em; margin-bottom: 30px;}
.cs-edu ul.ty1 {display: flex;justify-content: center;justify-content: space-between; margin: 0 -5px;}
.cs-edu ul.ty1 li {padding: 0 5px;} 
.cs-edu ul.ty1 li:after {content:""; display: block; width: 94px; height: 67px; margin: 18px auto; background-image:url("../images/sub/arrow2.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.cs-edu ul.ty1 li .in {display: flex; justify-content: center; align-items: center;width: 175px;height: 175px;border-radius:100%;border: 10px solid #dcf1fa; font-size: 20px; font-weight: 500; line-height: 1.250em; letter-spacing: -.03em;} 
.cs-edu ul.ty2 li {font-size: 18px; line-height: 1.333em; letter-spacing: -.03em; color: #fff; padding: 12px 10px; border-radius:10px} 
.cs-edu ul.ty2 li.bg1 {background: #6dcff6; margin-bottom: 20px;}
.cs-edu ul.ty2 li.bg2 {background: #0084c8;}


/* partner */
.partner-list {margin: 60px 0 40px; border-top: 2px solid #242424;}
.partner ul { display: flex;flex-wrap:wrap;}
.partner ul li {display: flex;align-items: center; width: 50%; padding: 38px 0; border-bottom: 1px solid #ddd;}
.partner ul li .img {width: 43%;}
.partner ul li p {font-size: 20px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em; padding-left: 7%;}
.partner .txt {text-align: center; color: #0084c8; font-size: 24px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em;}