@charset "utf-8";

/******************************************
Author : 퍼스트몰(firstmall)
Author URL : http://firstmall.kr
Creation Date : 2022-10-24
Modify Date : 2022-11-04
*******************************************/

/*-----------------------------------------------------------------*/
/* 쇼핑몰 소개 - 일반형/입점형/O2O/재고관리
/*-----------------------------------------------------------------*/

#header {z-index:100 !important;}
#header .gnb > li.new > a:after,
#header .gnb_all .mob_all > li.new h3:after,
#event_header .menu_top>li.new a:after,
#sitemap .w_container > li.new h3:after {display:inline-block; content:'N'; width:14px; height:14px; margin-left:5px; margin-top:-3px; border-radius:4px; background:#FF7C33; text-align:center; vertical-align:middle; font-family:'Roboto'; font-size:10px; color:#fff; line-height:14px;}

/* #subtop */
#subtop.o2o {background:url('/images/introduce/2022/subtop_o2o.png') no-repeat;}
#subtop.inven {background:url('/images/introduce/2022/subtop_inventory.png') no-repeat;}

/* .sec_intro */
.sec_intro {/*position:relative;*/ background:#fff; padding:100px 0; text-align:center; color:#333; overflow:hidden;}
.sec_intro hgroup {margin-bottom:56px;}
.sec_intro hgroup span {font-size:24px; font-weight:500; line-height:1.3;}
.sec_intro hgroup h3 {font-size:42px; font-weight:600; line-height:1.4;}
.sec_intro hgroup h3 em {font-weight:inherit; color:#3395D6;}
.sec_intro hgroup h3 div {font-weight:inherit;}
.sec_intro hgroup p {font-size:20px; line-height:1.4;}
.sec_intro hgroup span + h3 {margin-top:16px;}
.sec_intro hgroup h3 + p {margin-top:16px;}
.sec_intro ul {display:flex; flex-direction:row; align-items:flex-start;}
.sec_intro ul > li {width:100%;}
.sec_intro ul.x2 > li {width:50%;}
.sec_intro ul.x3 > li {width:33.33%;}
.sec_intro ul.x4 > li {width:25%;}
.sec_intro ul.x5 > li {width:20%;}
.sec_intro ul.x6 > li {width:16.66%;}
.sec_intro ul > li > h4 {font-size:24px; font-weight:600; line-height:1.3;}
.sec_intro ul > li > p {font-size:20px; line-height:1.4;}
.sec_intro ul > li em {font-weight:500; color:#3395d6;}

/* 01 .targ */
.sec_intro.targ.bg {background:#f4f8fb;}
.sec_intro.targ h3 br {display:none;}
.sec_intro.targ ul {margin-left:-32px;}
.sec_intro.targ ul > li {padding-left:32px;}
.sec_intro.targ ul > li img {margin-bottom:24px; width:100%;}
.sec_intro.targ ul > li > h4 {margin-bottom:8px; font-size:20px; font-weight:500;}
.sec_intro.targ ul > li > p {font-size:18px; color:#777;}
@media only screen and (max-width:768px){
	.sec_intro.targ h3 br {display:block;}
	.sec_intro.targ ul {margin-left:-20px;}
	.sec_intro.targ ul > li {padding-left:20px;}
}
@media only screen and (max-width:640px){
	.sec_intro.targ ul {flex-direction:column;}
	.sec_intro.targ ul > li {width:100%;}
	.sec_intro.targ ul > li + li {margin-top:30px;}
	.sec_intro.targ ul > li > h4 {font-size:18px;}
	.sec_intro.targ ul > li > p {font-size:16px;}
}

/* 02 .make */
.sec_intro.make.bg {background:#f4f8fb;}
.sec_intro.make ul {margin-left:-40px;}
.sec_intro.make ul > li {padding-left:40px; text-align:left;}
.sec_intro.make ul > li:nth-child(1) {/*padding-top:44px;*/}
.sec_intro.make ul > li:nth-child(2) {padding-top:98px;}
.sec_intro.make ul > li h4 {margin-top:32px; margin-bottom:16px;}
.sec_intro.make ul > li p {margin-bottom:16px; font-size:18px; font-weight:400;}
.sec_intro.make ul > li a.more {display:inline-block; border-bottom:1px solid #3395d6; font-size:18px; color:#3395d6; line-height:1.0;}
.sec_intro.make .v2 {position:relative; height:400px; display:flex; flex-direction:row; align-items:center;}
.sec_intro.make .v2 > div {width:50%; height:100%; border-radius:20px; background-position:center top; background-size:cover !important; padding:40px 40px 0 40px; text-align:left; overflow:hidden;}
.sec_intro.make .v2 > div + div {margin-left:12px;}
.sec_intro.make .v2 > div h4 {margin-bottom:10px; font-size:24px; font-weight:500; color:#fff;}
.sec_intro.make .v2 > div p {font-size:18px; color:#fff;}
.sec_intro.make .v2 img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.sec_intro.make .mo {position:relative; max-width:640px; margin:0 auto; display:none; flex-direction:row; align-items:flex-start;}
.sec_intro.make .mo > div {width:50%;}
.sec_intro.make .mo > div + div {margin-left:12px;}
.sec_intro.make .mo > div h4 {margin:16px 0 8px; font-size:20px; font-weight:600; color:#111;}
.sec_intro.make .mo > div p {font-size:16px; color:#111;}
.sec_intro.make .mo > img {position:absolute; left:50%; top:25%; transform:translate(-50%, 0); max-width:130px;}
@media only screen and (max-width:768px){
	.sec_intro.make ul {flex-direction:column;}
	.sec_intro.make ul > li {width:100%;}
	.sec_intro.make ul > li + li {margin-top:30px;}
	.sec_intro.make ul > li:nth-child(2) {padding-top:30px;}
	.sec_intro.make .v2 {height:800px; flex-direction:column;}
	.sec_intro.make .v2 > div {width:100%;}
	.sec_intro.make .v2 > div + div {margin:12px 0 0 0;}
}
@media only screen and (max-width:640px){
	.sec_intro.make .v2 {display:none;}
	.sec_intro.make .mo {display:flex;}
	.sec_intro.make ul > li h4 {font-size:20px;}
	.sec_intro.make ul > li p br {display:none;}
	.sec_intro.make ul > li p,
	.sec_intro.make ul > li a.more {font-size:16px;}
}
@media only screen and (max-width:414px){	
	.sec_intro.make .mo > div h4 {font-size:18px;}
	.sec_intro.make .mo > div p br {display:none;}
	.sec_intro.make .mo > img {top:18%; max-width:100px;}
}

/* 03 .func */
.sec_intro.func dl {float:left; display:flex; flex-direction:row; align-items:flex-start; width:50%; margin-bottom:56px; text-align:left;}
.sec_intro.func dl > dt {width:110px; vertical-align:top;}
.sec_intro.func dl > dt img {border-radius:100px; background:#fff; box-shadow:0 2px 20px rgb(0 0 0 / 10%);}
.sec_intro.func dl > dd {width:calc(100% - 110px); font-size:18px; font-weight:400; line-height:1.4;}
.sec_intro.func dl h4 {margin-bottom:10px; font-size:20px; font-weight:500; line-height:1.2;}
.sec_intro.func dl h4 span {display:inline-block; vertical-align:top; margin-left:5px; border-radius:5px; background:rgb(35,122,180); background:linear-gradient(90deg, rgba(35,122,180,1) 0%, rgba(51,149,214,1) 100%); padding:5px 10px; font-size:14px; font-weight:400; color:#fff; line-height:1.0;}
.sec_intro.func a.more {display:inline-block; margin-top:44px; border-radius:100px; border:2px solid #3395d6; background:#3395d6; padding:20px 70px; font-size:18px; color:#fff; line-height:1.0; transition:all 0.5s ease;}
.sec_intro.func a.more:hover {background:#0081C8;}
@media only screen and (max-width:1100px){
	.sec_intro.func dl > dd {height:80px;}
	.sec_intro.func dl > dd br {display:none;}
}
@media only screen and (max-width:768px){
	.sec_intro.func dl {width:100%; margin-bottom:30px;}
	.sec_intro.func dl > dd {height:auto;}
	.sec_intro.func dl > dd br {}
}
@media only screen and (max-width:640px){
	.sec_intro.func dl > dt {width:70px; padding-right:10px;}
	.sec_intro.func dl > dd {width:calc(100% - 70px); font-size:16px;}
	.sec_intro.func dl h4 {font-size:18px;}	
	.sec_intro.func a.more {padding:15px 50px; font-size:16px;}
}
@media only screen and (max-width:414px){
	.sec_intro.func a.more {margin-top:10px; padding:12px 30px;}
}

/* 04 .cust */
.sec_intro.cust.bg {background:#F4F8FB;}
.sec_intro.cust .w_container {display:flex; flex-direction:row; align-items:flex-start;}
.sec_intro.cust hgroup {width:30%; text-align:left;}
.sec_intro.cust h3 {font-size:32px; font-weight:500; line-height:1.4;}
.sec_intro.cust .cont {width:70%;}
.sec_intro.cust dl {display:flex; flex-direction:row; align-items:flex-start; text-align:left;}
.sec_intro.cust dl + dl {margin-top:32px;}
.sec_intro.cust dl > dt {width:280px;}
.sec_intro.cust dl > dd {width:calc(100% - 280px); padding:20px 0 0 32px;}
.sec_intro.cust dl > dd h4 {margin-bottom:10px; font-size:20px; font-weight:500; line-height:1.2;}
.sec_intro.cust dl > dd p {margin-bottom:10px; font-size:18px; font-weight:400; line-height:1.4;}
.sec_intro.cust dl > dd a {display:inline-block; vertical-align:middle; border-bottom:1px solid #3395d6; font-size:18px; font-weight:400; color:#3395d6; line-height:1.0;}
@media only screen and (max-width:1024px){
	.sec_intro.cust .w_container {flex-direction:column;}
	.sec_intro.cust hgroup {width:100%; text-align:center;}
	.sec_intro.cust h3 br {display:none;}
	.sec_intro.cust .cont {width:100%;}
}
@media only screen and (max-width:768px){
	.sec_intro.cust dl {flex-direction:column;}
	.sec_intro.cust dl > dt,
	.sec_intro.cust dl > dd {width:100%; padding-left:0;}
}
@media only screen and (max-width:640px){
	.sec_intro.cust dl > dd h4 {font-size:18px;}
	.sec_intro.cust dl > dd p,
	.sec_intro.cust dl > dd a {font-size:16px;}
	.sec_intro.cust dl > dd p br {display:none;}
}

/* 05 .type */
.sec_intro.type {background:#3395d6;}
.sec_intro.type h3 {color:#fff;}
.sec_intro.type h3 br {display:none;}
.sec_intro.type ul {margin-left:-40px;}
.sec_intro.type ul > li {padding-left:40px;}
.sec_intro.type ul > li div {position:relative; min-height:385px; border-radius:5px; background:#fff; padding:40px 0 40px 30px; text-align:left;}
.sec_intro.type ul > li img {position:absolute; top:24px; right:32px;}
.sec_intro.type ul > li h4 {margin-bottom:20px; font-size:32px; font-weight:500; line-height:1.3;}
.sec_intro.type ul > li h4 em {display:block; font-weight:500; color:#3395d6;}
.sec_intro.type ul > li p {padding:20px 0 0 12px; text-indent:-12px; font-size:18px; font-weight:400; line-height:1.3;}
.sec_intro.type ul > li a {border-bottom:1px solid #333;}
.sec_intro.type a.more {display:inline-block; margin:56px 0 44px; border-radius:100px; border:2px solid #fff; padding:20px 40px; font-size:20px; color:#fff; line-height:1.0; transition:all 0.5s ease;}
.sec_intro.type a.more:hover {border-color:#3395d6; background:#fff; color:#3395d6;}
.sec_intro.type p.desc {font-size:18px; font-weight:400; color:#fff; line-height:1.6;}
.sec_intro.type p.desc a {display:inline-block; margin-left:5px; border-radius:3px; border:1px solid #fff; padding:5px 14px; font-size:16px; color:#fff; line-height:1.0; transition:all 0.5s ease;}
.sec_intro.type p.desc a:hover {border-color:#3395d6; background:#fff; color:#3395d6;}
@media only screen and (max-width:1024px){
	.sec_intro.type ul {flex-direction:column;}
	.sec_intro.type ul > li {width:100%;}
	.sec_intro.type ul > li + li {margin-top:30px;}
}
@media only screen and (max-width:768px){
	.sec_intro.type p.desc span {display:block;}
}
@media only screen and (max-width:640px){
	.sec_intro.type h3 br {display:block;}
	.sec_intro.type ul > li div {min-height:inherit; padding-right:40px;}
	.sec_intro.type ul > li h4 {font-size:26px;}
	.sec_intro.type ul > li p {padding:12px 0 0 10px; text-indent:-10px; font-size:16px;}
	.sec_intro.type ul > li a {font-size:16px;}
	.sec_intro.type a.more {font-size:16px;}
	.sec_intro.type p.desc {font-size:16px;}
	.sec_intro.type p.desc a {margin-top:5px; font-size:14px;}
}
@media only screen and (max-width:414px){
	.sec_intro.type ul > li h4 {font-size:22px;}
	.sec_intro.type a.more {margin-top:30px; padding:12px 30px;}
}

/* 06 .reas */
.sec_intro.reas {height:629px; padding:0; background-position:center top; background-size:cover;}
.sec_intro.reas hgroup {padding-top:140px;}
.sec_intro.reas hgroup h3 {color:#fff; line-height:1.4;}
.sec_intro.reas .wrap_list {overflow:hidden;}
.sec_intro.reas .function_list {position:relative; top:0; left:calc(50% - 620px); margin-left:16px; transition:.7s ease-out; /*animation:ani-left 30s linear infinite;*/}
@keyframes ani-left {from {transform:translateX(0)} to {transform:translateX(-1920px)}}
.sec_intro.reas li {width:auto; margin-top:24px; padding-left:16px;}
.sec_intro.reas li div {position:relative; width:324px; height:170px; border-radius:10px; padding:32px 24px 32px 24px; text-align:left;  overflow:hidden;}
.sec_intro.reas li div p {position:relative; font-size:18px; color:#fff; line-height:1.4;}
.sec_intro.reas li div em {color:#84CCFF;}
.sec_intro.reas li div i {position:absolute; top:0; left:0; width:100%; height:100%; background:#15304B; opacity:0.5; /*filter:blur(30px); -webkit-filter:blur(30px);*/}
@media only screen and (max-width:640px){
	.sec_intro.reas .wrap_list {overflow-x:auto;}
	.sec_intro.reas .function_list {left:-16px; margin-left:0;}
	.sec_intro.reas li div {height:140px; padding:24px;}
	.sec_intro.reas li div p {font-size:16px;}
}
@media only screen and (max-width:414px){
	.sec_intro.reas li div {width:280px;}
}

/* 07 .appl */
.sec_intro.appl.bg {background:#f4f8fb;}
.sec_intro.appl .w_container {display:flex; flex-direction:row; align-items:flex-start;}
.sec_intro.appl hgroup {width:30%; padding-top:30px; text-align:left;}
.sec_intro.appl h3 {font-size:32px; font-weight:500; line-height:1.4;}
.sec_intro.appl .cont {width:70%;}
.sec_intro.appl ul > li img {margin-bottom:16px;}
.sec_intro.appl ul > li h4 {margin-bottom:10px; font-size:20px; font-weight:500; line-height:1.2; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sec_intro.appl ul > li p {margin-bottom:10px; font-size:18px; font-weight:400; line-height:1.4;}
.sec_intro.appl ul > li a {display:inline-block; vertical-align:middle; border-bottom:1px solid #3395d6; font-size:18px; font-weight:400; color:#3395d6; line-height:1.0;}
@media only screen and (max-width:1024px){
	.sec_intro.appl .w_container {flex-direction:column;}
	.sec_intro.appl hgroup {width:100%; padding-top:0; text-align:center;}
	.sec_intro.appl h3 br {display:none;}
	.sec_intro.appl .cont {width:100%;}	
}
@media only screen and (max-width:640px){
	.sec_intro.appl ul > li img {max-width:80px;}
	.sec_intro.appl ul > li h4 {font-size:18px;}
	.sec_intro.appl ul > li p,
	.sec_intro.appl ul > li a {font-size:16px;}
}
@media only screen and (max-width:500px){
	.sec_intro.appl ul > li img {max-width:60px;}
	.sec_intro.appl ul {margin-left:-10px;}
	.sec_intro.appl ul > li {padding-left:10px;}
	.sec_intro.appl ul > li p br {display:none;}
}
@media only screen and (max-width:414px){
	.sec_intro.appl ul {margin-left:-5px;}
	.sec_intro.appl ul > li {padding-left:5px;}	
}

/* 08 .sele */
.sec_intro.sele {/*height:400px;*/ padding:80px 0 24px; background-position:center top; background-size:cover;}
.sec_intro.sele dl {text-align:left;}
.sec_intro.sele dt h3 {margin-bottom:26px; font-size:42px; font-weight:600; color:#fff; line-height:1.4;}
.sec_intro.sele dt em {font-weight:inherit; color:#84CCFF;}
.sec_intro.sele dd a.more {display:inline-block; margin-bottom:80px; border-radius:100px; border:2px solid #fff; padding:15px 40px; font-size:16px; color:#fff; line-height:1.0; transition:all 0.5s ease;}
.sec_intro.sele dd a.more:hover {background:#fff; color:#333;}
.sec_intro.sele dd span {display:inline-block; margin-right:10px; font-size:15px; font-weight:400; color:#fff; line-height:1.4;}
@media only screen and (max-width:414px){
	.sec_intro.sele dd a.more {padding:12px 30px;}
}
@media only screen and (max-width:330px){
	.sec_intro.sele dt h3 br {display:none;}
}

/* 09 .slid */
.sec_slid.main_design.bg {background:#f4f8fb; padding:0; overflow:hidden;}
.sec_slid.main_design hgroup {margin-bottom:56px; text-align:center;}
.sec_slid.main_design hgroup h3 {font-size:42px; font-weight:600; line-height:1.4;}
@media only screen and (max-width:640px){
	.sec_slid.main_design .w_container {background:#f4f8fb;}
}

/* 10 .conn */
.sec_intro.conn hgroup h3 > div {display:inline; font-weight:600;}
.sec_intro.conn .img {position:relative; height:450px; border-radius:5px; background-position:center top; background-size:cover; overflow:hidden;}
.sec_intro.conn .img .ico {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.sec_intro.conn .mo {display:none;}
.sec_intro.conn .tel {padding-top:56px;}
.sec_intro.conn .tel h4 {margin-bottom:32px; font-size:26px; font-weight:500; color:#133353;}
.sec_intro.conn .tel h4 .info {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 0 3px 5px; background:url('/images/common/icon_list.png') no-repeat 0 -150px; text-indent:-9999px; cursor:pointer;}
.sec_intro.conn .tel h4 a {margin-left:10px; font-size:1.40em; font-weight:600; color:#3395d6;}
.sec_intro.conn .tel .btn_squre {display:inline-block; border-radius:4px; border:1px solid #e4eef7; background:#f1f9ff; padding:10px 24px 7px; font-size:16px; color:#3395d6; transition:.2s;}
.sec_intro.conn .tel .btn_squre .ico {vertical-align:text-bottom; margin-right:10px;}
.sec_intro.conn .tel .btn_squre:hover {background:#e6f4ff;}
.sec_intro.conn ul > li {position:relative; margin-top:32px; background:url('/images/introduce/2022/icon_check.svg') no-repeat 0 5px; background-size:20px 20px; padding-left:32px;  text-align:left; font-size:20px;}
.sec_intro.conn ul > li + li:before {display:block; content:''; position:absolute; top:5px; left:-20px; width:1px; height:55px; background:#d2d2d2;}
@media only screen and (max-width:1024px){
	.sec_intro.conn ul > li + li:before {display:none;}
}
@media only screen and (max-width:768px){	
	.sec_intro.conn ul {flex-direction:column;}
	.sec_intro.conn ul > li {width:100%; background-position:0 2px;}
	.sec_intro.conn ul > li + li {margin-top:20px;}
}
@media only screen and (max-width:640px){
	.sec_intro.conn hgroup h3 > div {display:block;}
	.sec_intro.conn .img {display:none;}
	.sec_intro.conn .mo {display:block;}	
	.sec_intro.conn .tel {padding-top:32px;}
}
@media only screen and (max-width:414px){
	.sec_intro.conn .tel h4 {margin-bottom:16px;}
	.sec_intro.conn .tel h4 a {display:block; margin-left:0;}
	.sec_intro.conn ul > li br {display:none;}
}

/* 11 .mana */
.sec_intro.mana.bg {background-color:#c9ddeb; padding-bottom:40px;}
.sec_intro.mana hgroup {position:absolute; top:0; left:0; text-align:left;}
.sec_intro.mana h3 {font-size:32px; font-weight:500; line-height:1.4;}
.sec_intro.mana .img {position:relative; width:115%; height:470px; background-position:right top; background-repeat:no-repeat;}
.sec_intro.mana .img .ico {padding-right:30px;}
@media only screen and (max-width:1024px){
	.sec_intro.mana .w_container {flex-direction:column;}
	.sec_intro.mana hgroup {position:relative;/* width:100%; text-align:center;*/}
	.sec_intro.mana .img {background-position:right -120px top !important;}
	.sec_intro.mana .img .ico {padding-right:15%;}
	.sec_intro.mana .cont {width:100%;}
}
@media only screen and (max-width:768px){
	.sec_intro.mana.bg {padding-bottom:70px;}
	.sec_intro.mana .img {width:100%; height:auto; background-position:left top !important; background-size:240px auto;}
	.sec_intro.mana .img .ico {padding:70px 0 0 0;}
}
@media only screen and (max-width:445px){
	.sec_intro.mana h3 {font-size:24px !important;}
	.sec_intro.mana h3 br {display:none;}
}


/* 12 .regst */
.sec_intro.regst {background:#c9ddeb;}
.sec_intro.regst ul {margin-left:-32px;}
.sec_intro.regst ul > li {padding-left:32px;}
.sec_intro.regst ul > li > div {position:relative; border-radius:20px; background:#fff; overflow:hidden;}
.sec_intro.regst ul > li > div > div {min-height:385px;}
.sec_intro.regst ul > li h4 {margin:40px 20px 24px; font-size:24px; font-weight:600; line-height:1.3;}
.sec_intro.regst ul > li p {margin:20px 20px 12px; font-size:18px; font-weight:400; line-height:1.3;}
.sec_intro.regst ul > li a {border-bottom:1px solid #3395d6; color:#3395d6;}
.sec_intro.regst a.more {display:inline-block; margin:26px 0 26px; border-radius:100px; border:2px solid #3395d6; background:#3395d6; padding:20px 40px; font-size:20px; color:#fff; line-height:1.0; transition:all 0.5s ease;}
.sec_intro.regst a.more:hover {border-color:#3395d6; background:#fff; color:#3395d6;}
.sec_intro.regst p.desc {margin:0; padding:0 20px 27px; font-size:15px; color:#999; line-height:1.3;}
.sec_intro.regst p.desc br {display:none;}
.sec_intro.regst p.desc a {display:inline-block; margin-left:5px; border-radius:3px; border:1px solid #fff; padding:4px 14px; font-size:16px; color:#fff; line-height:1.0; transition:all 0.5s ease;}
.sec_intro.regst p.desc a:hover {border-color:#3395d6; background:#fff; color:#3395d6;}
@media only screen and (max-width:768px){
	.sec_intro.regst ul {flex-direction:column;}
	.sec_intro.regst ul > li {width:100%;}
	.sec_intro.regst ul > li + li {margin-top:30px;}
	.sec_intro.regst ul > li > div > div {min-height:auto; padding-bottom:20px;}
}
@media only screen and (max-width:640px){
	.sec_intro.regst ul > li h4 {font-size:20px;}
	.sec_intro.regst ul > li p {font-size:16px;}
	.sec_intro.regst a.more {font-size:16px;}
	.sec_intro.regst p.desc br {display:block;}
}
@media only screen and (max-width:500px){
	.sec_intro.regst hgroup h3 + p br {display:block !important;}
}
@media only screen and (max-width:414px){
	.sec_intro.regst a.more {padding:12px 30px;}
}
@media only screen and (max-width:370px){
	.sec_intro.regst hgroup h3 + p br {display:none !important;}
}

/* 13 .store */
.sec_intro.store hgroup h3 {font-weight:500; line-height:1.4;}
.sec_intro.store ul {display:block; margin-left:-24px;}
.sec_intro.store ul > li {float:left; padding-left:24px;}
.sec_intro.store ul > li:nth-child(even) {margin-top:90px;}
.sec_intro.store ul > li img {border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.2); width:100%;}

@media only screen and (max-width:768px){
	.sec_intro.store ul > li {width:50%;}
}
@media only screen and (max-width:500px){
	.sec_intro.store hgroup h3 br {display:none;}
	/*.sec_intro.store ul {flex-direction:column;}
	.sec_intro.store ul > li {width:100%;}
	.sec_intro.store ul > li:nth-child(even) {margin-top:0;}
	.sec_intro.store ul > li + li {margin-top:30px;}*/	
}

/* 14 .inven */
.sec_intro.type hgroup h3 div {font-weight:inherit;}
.sec_intro.type ul.inven {margin-left:0; border-radius:10px; background:#fff; overflow:hidden;}
.sec_intro.type ul.inven > li {padding:20px 20px 20px 0;}
.sec_intro.type ul.inven > li div {position:relative; min-height:360px; border-radius:10px; background:#f1f1f1; padding:40px 40px; text-align:left;}
.sec_intro.type ul.inven > li h4 {margin-bottom:20px; font-size:24px; font-weight:500; line-height:1.3;}
.sec_intro.type ul.inven > li h4 em {display:block; font-weight:500; color:#3395d6;}
.sec_intro.type ul.inven > li p {padding:20px 0 0 12px; text-indent:-9px; font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:1.3;}
.sec_intro.type ul.inven > li a {border-bottom:1px solid #333;}
.sec_intro.type ul.inven > li div:before {display:none; content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#e6e6e6;}
.sec_intro.type ul.inven > li:nth-child(1) {display:flex; flex-direction:column; align-items:flex-start; padding:20px 32px;}
.sec_intro.type ul.inven > li .tab {display:flex; flex-direction:column; align-items:flex-start; position:relative; width:100%; padding:32px 0; text-align:left;}
.sec_intro.type ul.inven > li .tab:after {display:block; content:''; position:absolute; right:0; top:50%; margin-top:-12px; width:14px; height:24px; background:url('/images/introduce/2022/icon_arrow_g.svg') no-repeat}
.sec_intro.type ul.inven > li .tab.on:after {background:url('/images/introduce/2022/icon_arrow.svg') no-repeat;}
.sec_intro.type ul.inven > li .tab > span {display:block; margin-bottom:5px; font-size:16px; font-weight:500; color:#aaa;}
.sec_intro.type ul.inven > li .tab > span br {display:none;}
.sec_intro.type ul.inven > li .tab > h4 {margin-bottom:0; font-size:24px; font-weight:600; color:#aaa;}
.sec_intro.type ul.inven > li .tab + .tab:before {display:block; content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:#e6e6e6;}
.sec_intro.type ul.inven > li .tab.on > span,
.sec_intro.type ul.inven > li .tab.on > h4 {color:#333;}
.sec_intro.type ul.inven > li a.tab {border-bottom:none;}
@media only screen and (max-width:1024px){
	.sec_intro.type ul.inven > li {padding:0 20px 20px 20px;}
	.sec_intro.type ul.inven > li:nth-child(1) {display:flex; flex-direction:row; align-items:center; padding:30px 0 50px;}	
	.sec_intro.type ul.inven > li div:before {width:100%; height:1px;}
	.sec_intro.type ul.inven > li:nth-child(2) div:before {display:block;}
	.sec_intro.type ul.inven > li + li {margin-top:0;}
	.sec_intro.type ul.inven > li .tab {flex-direction:column-reverse; align-items:center; padding:0 32px; text-align:center;}
	.sec_intro.type ul.inven > li .tab + .tab:before {width:1px; height:100%;}
	.sec_intro.type ul.inven > li .tab:after {left:50%; top:auto; bottom:-30px; margin-left:-7px; transform:rotate(90deg);}	
	.sec_intro.type ul.inven > li .tab > span {margin-bottom:0;}
	.sec_intro.type ul.inven > li .tab > span br {display:block;}
	.sec_intro.type ul.inven > li .tab > h4 {margin-bottom:5px;}
	.sec_intro.type ul.inven > li .tab.on > span .tooltip, 
	.sec_intro.type ul.inven > li .tab.on > h4 .tooltip {margin:30px 0 0 -260px;}
	.sec_intro.type ul.inven > li h4.licenses .tooltip {margin:-10px 0 0 10px;}
}
@media only screen and (max-width:640px){
	.sec_intro.type ul.inven > li div {min-height:auto; padding:30px;}
	.sec_intro.type ul.inven > li p {padding-top:12px; font-size:16px;}
	.sec_intro.type ul.inven > li .tab {padding:0 10px;}
}
@media only screen and (max-width:500px){
	.sec_intro.type ul.inven > li h4 .tooltip,
	.sec_intro.type ul.inven > li h4.licenses .tooltip {margin:30px 0 0 -150px;}
}
@media only screen and (max-width:414px){
	.sec_intro.type ul.inven > li .tab > h4,
	.sec_intro.type ul.inven > li h4 {font-size:22px;}
}
@media only screen and (max-width:340px){
	.sec_intro.type hgroup h3 div {display:inline;}
}

/* 15 .main_start */
.sec_.main_start {position:relative; min-height:480px;}
.sec_.main_start .tel {display:block; margin:16px 0 -16px; font-size:22px; color:#fff;}
.sec_.main_start .btns_bott {margin-top:60px; text-align:center;}
.sec_.main_start .btns_quick.flyMode {position:fixed; bottom:6rem; left:50%; transform:translateX(-50%); z-index:99;}
.sec_.main_start .btns_quick.flyMode2 {position:relative; bottom:auto;}
.sec_.main_start .btns_quick .btn_round {box-shadow:2px 2px 20px rgba(0,0,0, 0.2);}
.sec_.main_start .btns_quick .btn_round:hover {background:linear-gradient(90deg, #0042cf, #3399ff); color:#fff;}
.sec_.main_start .btn_round {display:inline-block; min-width:300px; margin:0 10px; transition:all 0.5s ease;}
.sec_.main_start .sub_info {position:absolute; bottom:40px; left:50%; transform:translateX(-50%);}
.sec_.main_start .sub_info .btn_go {transition:all 0.5s ease;}
@media only screen and (max-width:700px){
	.sec_.main_start .btn_round {min-width:260px;}
}
@media only screen and (max-width:640px){
	.sec_.main_start {min-height:360px;}
	.sec_.main_start .btns_bott {margin-top:30px;}	
	.sec_.main_start .btn_round {min-width:240px; height:55px; line-height:53px; padding:0 30px; font-size:16px;}
}
@media only screen and (max-width:560px){
	.sec_.main_start {min-height:420px;}
	.sec_.main_start .btn_round + .btn_round {margin-top:10px;}
}
@media only screen and (max-width:414px){
	.sec_.main_start .txt span {display:block;}	
	.sec_.main_start .btn_round {min-width:220px; height:45px; line-height:45px;}
}
@media only screen and (max-width:321px){
	.sec_.main_start {min-height:450px;}
}

/* 16 .main_cs */
.sec_.main_cs {margin-top:0;}
.sec_.main_cs .cs_box {border:none; padding-left:0; padding-right:0;}
.sec_.main_cs .cs_box .info_box {z-index:1;}
.sec_.main_cs .cs_box .btn_squre {padding-top:0.625em; padding-bottom:0.625em; border-radius:4px; font-size:16px; color:#3395d6; background:#f1f9ff; transition:.2s;}
.sec_.main_cs .cs_box .btn_squre:hover {background:#E6F4FF;}

/* 17 .main */
.sec_.main {padding:140px 0;}
@media only screen and (max-width:1024px){
	.sec_.main {padding:100px 0;}
}
@media only screen and (max-width:640px){
	.sec_.main {padding:60px 0;}
}


/*-----------------------------------------------------------------*/
/* 쇼핑몰 소개 - 요금안내
/*-----------------------------------------------------------------*/

/* .price */
.sec_intro.price.bg {background:#f4f8fb;}
.sec_intro.price .price_tabs {margin:0 auto;}
.sec_intro.price .price_tabs > ul {margin-left:-20px;}
.sec_intro.price .price_tabs > ul > li {position:relative; width:40%; padding-left:20px;}
.sec_intro.price .price_tabs > ul > li.v2 {width:60%;}
.sec_intro.price .price_tabs > ul > li > span,
.sec_intro.price .price_tabs > ul > li > a {display:block; margin-bottom:30px; border-radius:5px; background:#eee; padding:19px 0; font-size:24px; font-weight:500; color:#b2b2b2; line-height:1.0;}
.sec_intro.price .price_tabs > ul > li.on > span,
.sec_intro.price .price_tabs > ul > li.on > a {background:#3395d6; color:#fff;}
.sec_intro.price .price_tabs > ul > li.on.v2 > span {background:#12C084;}
.sec_intro.price .price_cont > p {margin-bottom:56px; font-size:20px;}
.sec_intro.price .price_cont > p em {font-weight:500; color:#3395d6;}
.sec_intro.price .price_cont > p br {display:none;}
.sec_intro.price .price_cont > ul {margin:0 0 0 -20px;}
.sec_intro.price .price_cont > ul.v2 {margin-left:calc(16.66% - 20px); margin-right:16.66%;}
.sec_intro.price .price_cont > ul > li {padding-left:20px;}
.sec_intro.price .price_cont > ul.x2 > li {width:50%;}
.sec_intro.price .price_cont > ul.x3 > li {width:33.33%;}
.sec_intro.price .price_cont > ul > li > div {position:relative; border-radius:20px; background:#fff; padding:40px 0;}
.sec_intro.price .price_cont > ul > li > div .benefit { position:absolute; top:15px; left:50%; margin-left:-30px; width:60px; height:22px; border-radius:10px; background:#ff6420; text-align:center; animation:benefit 1.2s linear infinite; }
.sec_intro.price .price_cont > ul > li > div .benefit.v2 { animation:benefit2 1.2s linear infinite; }
.sec_intro.price .price_cont > ul > li > div .benefit .txt {font-size:12px; font-weight:400; color:#fff; line-height:22px;}
.sec_intro.price .price_cont > ul > li > div .benefit .arrow { position:absolute; bottom:-5px; left:50%; margin-left:-4px; font-size:6px; line-height:1.0; color:#ff6420; }
@keyframes benefit {0% {transform:translateY(0)} 50% {transform:translateY(-4px)} 100% {transform:translateY(0)}}
@keyframes benefit2 {0% {transform:translateY(-4px)} 50% {transform:translateY(0)} 100% {transform:translateY(-4px)}}
.sec_intro.price .price_cont > ul > li > div > h3 {margin-bottom:19px; font-size:28px !important; font-weight:700; color:#000; letter-spacing:-2px; white-space:nowrap;}
.sec_intro.price .price_cont > ul > li > div > h3 em {font-weight:inherit;}
.sec_intro.price .price_cont > ul > li > div > h3 img {width:56px; height:56px; vertical-align:middle; margin-top:-6px;}
.sec_intro.price .price_cont > ul > li > div.prem > h3 em {color:#3399FF;}
.sec_intro.price .price_cont > ul > li > div.expa > h3 em {color:#12C084;}
.sec_intro.price .price_cont .price_sub .ssub .tab {position:relative; display:flex; flex-direction:row; align-items:center; margin:0 auto 40px; border-radius:5px;}
.sec_intro.price .price_cont .price_sub .ssub .tab:before {display:block; content:''; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border-radius:5px; background:#dedede;}
.sec_intro.price .price_cont .price_sub .ssub .tab .default {border-radius:5px 0 0 5px;}
.sec_intro.price .price_cont .price_sub .ssub .tab .extend {border-radius:0 5px 5px 0;}
.sec_intro.price .price_cont .free .price_sub .ssub .tab .default {border-radius:5px;}
.sec_intro.price .price_cont .price_sub .ssub .tab > span,
.sec_intro.price .price_cont .price_sub .ssub .tab > a {position:relative; width:50%; height:100%; background:#eee; padding:7px 0 5px; font-size:18px; color:#b2b2b2; line-height:1.6; white-space:nowrap;}
.sec_intro.price .price_cont .price_sub .ssub .tab > span .tooltip,
.sec_intro.price .price_cont .price_sub .ssub .tab > a .tooltip {width:260px; top:50%; left:50%; margin:17px 0 0 -130px; text-align:center;}
.sec_intro.price .price_cont .price_sub .ssub .tab > a {cursor:pointer;}
.sec_intro.price .price_cont .free .price_sub .ssub .tab {width:50%;}
.sec_intro.price .price_cont .free .price_sub .ssub .tab > span {width:100%;}
.sec_intro.price .price_cont .price_sub .ssub .tab > span.on,
.sec_intro.price .price_cont .price_sub .ssub .tab > a.on {background:#fff; color:#333;}
.sec_intro.price .price_cont .price_sub .ssub .tab > span + a,
.sec_intro.price .price_cont .price_sub .ssub .tab > a + span {border-left:1px solid #dedede;}
.sec_intro.price .price_cont .price_sub .ssub p {font-size:20px; font-weight:500; color:#aaa; white-space:nowrap; overflow:hidden;}
.sec_intro.price .price_cont .prem .price_sub .ssub p .discount {color:#3399FF;}
.sec_intro.price .price_cont .expa .price_sub .ssub p .discount {color:#1AD079;}
.sec_intro.price .price_cont .price_sub .ssub p s {color:#9CA0A7;}
.sec_intro.price .price_cont .price_sub .ssub h4 {margin-bottom:32px; font-size:30px; font-weight:500; letter-spacing:-1.5px; white-space:nowrap; overflow:hidden;}
.sec_intro.price .price_cont .price_sub .ssub h4 span {margin-left:2px; font-size:18px;}
.sec_intro.price .price_cont .price_sub .ssub a.reg {display:inline-block; border-radius:5px; border:1px solid #333; padding:12px 24px; font-size:16px; color:#333; line-height:1.0; transition:all 0.5s ease;}
.sec_intro.price .price_cont .price_sub .ssub a.reg .arr {display:inline-block; width:8px; height:12px;}
.sec_intro.price .price_cont .price_sub .ssub a.reg:hover {background:#000; color:#fff;}
.sec_intro.price .price_cont .prem .price_sub .ssub a.reg {border-color:#3395d6; color:#3395d6;}
.sec_intro.price .price_cont .prem .price_sub .ssub a.reg:hover {background:#3395d6; color:#fff;}
.sec_intro.price .price_cont .prem .price_sub .ssub a.reg .arr {background:url('/images/introduce/2022/icon_prem_arr.png') no-repeat;}
.sec_intro.price .price_cont .expa .price_sub .ssub a.reg {border-color:#12C084; color:#12C084;}
.sec_intro.price .price_cont .expa .price_sub .ssub a.reg:hover {background:#12C084; color:#fff;}
.sec_intro.price .price_cont .expa .price_sub .ssub a.reg .arr {background:url('/images/introduce/2022/icon_expa_arr.png') no-repeat;}
.sec_intro.price .price_cont .price_sub .ssub a.reg:hover .arr {background:url('/images/introduce/2022/icon_price_arr.png') no-repeat;}
.sec_intro.price .price_cont .price_sub .ssub h5 {height:40px; margin-bottom:20px; text-align:left; font-size:18px; font-weight:500; line-height:1.4;}
.sec_intro.price .price_cont .price_sub .ssub .list {height:100px; flex-direction:column; font-size:17px; color:#676767; letter-spacing:-1px;}
.sec_intro.price .price_cont .price_sub .ssub .list > li {margin-top:15px; background:url('/images/introduce/2022/check_16.svg') no-repeat left 5px; padding-left:22px; text-align:left; font-size:18px; color:#777; line-height:1.4;}
.sec_intro.price .price_cont .price_sub .ssub .list > li a {display:inline-block; vertical-align:top; margin-top:1px; border-bottom:1px solid #777; font-size:17px; line-height:1.2;}
.sec_intro.price .price_cont .price_table {border-radius:20px; background:#fff; overflow:hidden;}
.sec_intro.price .price_cont .price_table dl {width:100%; background:#fff;}
.sec_intro.price .price_cont .price_table dl dt {border-bottom:1px solid #e1e1e1; padding:20px 0 20px 20px; text-align:left; font-size:16px; font-weight:600; cursor:pointer;}
.sec_intro.price .price_cont .price_table dl dt .icon_open {display:inline-block; vertical-align:middle; width:16px; height:14px; margin:0 0 0 2px; background:url('/images/introduce/2022/arrow_blue.svg') no-repeat; cursor:pointer;}
.sec_intro.price .price_cont .price_table dl dt.on .icon_open {transform:rotate(180deg);} 
.sec_intro.price .price_cont .price_table dl dd {display:none;}
.sec_intro.price .price_cont .price_table table {width:100%;}
.sec_intro.price .price_cont .price_table table thead th {position:relative; width:16.66%; border-left:1px solid #fff; background:#3395d6; padding:20px 0; text-align:center; font-size:18px; color:#fff; line-height:1.6; /*white-space:nowrap;*/}
.sec_intro.price .price_cont .price_table table thead th p {display:inline-block;}
.sec_intro.price .price_cont .price_table table thead th.v2 {background:#12C084;}
.sec_intro.price .price_cont .price_table table thead th.aio {border-left:transparent;}
.sec_intro.price .price_cont .price_table table thead th.aio:before {display:block; content:''; position:absolute; top:50%; left:0; margin-top:-8px; width:1px; height:16px; background:rgba(255,255,255,0.4);}
.sec_intro.price .price_cont .price_table table thead tr.first th {padding-top:32px; padding-bottom:0; vertical-align:top; font-size:20px;}
.sec_intro.price .price_cont .price_table table thead tr.first th:first-child {background:#777; padding-left:20px; text-align:left;}
.sec_intro.price .price_cont .price_table table tbody th {position:relative; width:16.66%; border-bottom:1px solid #e1e1e1; padding:20px 20px; text-align:left; font-size:16px; color:#777; line-height:1.6;}
.sec_intro.price .price_cont .price_table table tbody td {position:relative; width:16.66%; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:20px 0; font-size:16px; line-height:1.6;}
.sec_intro.price .price_cont .price_table table tbody td p {line-height:1.3;}
.sec_intro.price .price_cont .price_table table em {font-size:13px; color:#b90c0c;}
.sec_intro.price .price_cont .price_table table s {color:#999;}
.sec_intro.price .price_cont .price_table table a {display:inline-block; border-bottom:1px solid #3395d6; color:#3395d6; line-height:1.0;}
.sec_intro.price .price_cont .price_table table .desc {font-size:14px; color:#999;}
.sec_intro.price .price_cont a.more {display:inline-block; margin:32px 0; border-radius:2px; border:1px solid #3395d6; padding:12px 24px; background-color:#fff; font-size:16px; color:#3395d6; line-height:1.0; transition:all 0.5s ease;}
.sec_intro.price .price_cont a.more:hover {background:#3395d6; color:#fff;}
.icon_i {position:relative; display:inline-block; vertical-align:middle; margin:0 0 3px 3px; width:18px; height:18px; background:url('/images/introduce/2022/icon_tootip_g.svg') no-repeat; cursor:pointer;}
.icon_o {display:inline-block; vertical-align:middle; width:16px; height:16px; background:url('/images/introduce/2022/icon_o.svg') no-repeat;}
.icon_x {display:inline-block; vertical-align:middle; width:16px; height:16px; background:url('/images/introduce/2022/icon_x.svg') no-repeat;}
.icon_t {display:inline-block; vertical-align:middle; width:16px; height:16px; background:url('/images/introduce/2022/icon_t.svg') no-repeat;}
.tooltip {display:none; position:absolute; margin:-10px 0 0 10px; width:270px; border-radius:5px; border:1px solid #ddd; box-shadow:0 0 12px rgba(0,0,0,0.1); background:#fff; padding:10px 20px; text-align:left; font-size:15px; font-weight:400; color:#555; line-height:1.4; z-index:1;}
.licenses .tooltip {margin:30px 0 0 -260px;}
@media only screen and (max-width:1024px){
	.sec_intro.price .price_tabs > ul {flex-direction:column;}
	.sec_intro.price .price_tabs > ul > li {width:100% !important;}
	.sec_intro.price .price_tabs > ul > li.v2 {padding-top:40px;}
	.sec_intro.price .price_cont .price_table {/*width:1024px;*/}
	.sec_intro.price .price_cont > ul {/*flex-direction:column;*/}
	.sec_intro.price .price_cont > ul.v2 {margin-left:-32px; margin-right:0;}
	.sec_intro.price .price_cont > ul > li {width:100%; overflow:hidden;}
	.sec_intro.price .price_cont > ul > li + li {/*margin-top:20px;*/}
	.sec_intro.price .price_cont .price_sub .ssub h5 {/*height:auto; margin-bottom:0;*/ font-size:16px;}
	.sec_intro.price .price_cont .price_sub .ssub .list {/*height:auto;*/}
	.sec_intro.price .price_cont .price_sub .ssub .list > li {font-size:16px;}
}
@media only screen and (max-width:960 px){
	.sec_intro.price .price_cont .price_table table thead th p {display:block;}
}
@media only screen and (max-width:640px){
	.sec_intro.price .price_tabs > ul > li > span {margin-bottom:20px;}	
	.sec_intro.price .price_cont > ul {flex-direction:column;}
	.sec_intro.price .price_cont > ul > li {width:100% !important;}
	.sec_intro.price .price_cont > ul > li + li {margin-top:20px;}

	.sec_intro.price .price_cont .price_table {width:640px;}
	.sec_intro.price .price_tabs > ul > li span, 
	.sec_intro.price .price_tabs > ul > li a {font-size:18px;}
	.sec_intro.price .price_cont .price_table table thead tr.first th {font-size:18px;}
	.sec_intro.price .price_cont > p {margin-bottom:40px;}
}
@media only screen and (max-width:414px){	
	.sec_intro.price .price_cont > p br {display:block;}
}


/*-----------------------------------------------------------------*/
/* 구축센터 - 쇼핑몰 구축
/*-----------------------------------------------------------------*/

/* .point */
.sec_intro.point.bg {background:#f4f8fb;}
.sec_intro.point hgroup {margin-bottom:80px;}
.sec_intro.point .sub span {display:block; margin-bottom:12px;}
.sec_intro.point .sub h4 {margin-bottom:20px; font-size:32px; font-weight:600; line-height:1.3;}
.sec_intro.point .sub h4 em {font-weight:inherit; color:#3395d6;}
.sec_intro.point .sub p {padding-bottom:24px; font-size:20px; font-weight:500; line-height:1.6;}
.sec_intro.point ul {display:block; max-width:930px; margin:0 auto;}
.sec_intro.point ul > li {float:left;}
.sec_intro.point ul > li h4 {margin-bottom:8px; font-size:20px; font-weight:500; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.sec_intro.point ul > li p {height:60px; font-size:16px; color:#777; line-height:1.4;}
.sec_intro.point ul.p1 > li {padding:32px 5px 0;}
.sec_intro.point ul.p2 > li {padding-top:32px;}
.sec_intro.point ul.p2 > li div {margin:0 16px; border-radius:5px; border:1px solid #e1e1e1; background:#fff; padding:16px 5px 25px;}
.sec_intro.point ul.p3 {max-width:1180px;}
.sec_intro.point ul.p3 > li {padding-top:32px; text-align:left;}
.sec_intro.point ul.p3 > li img {float:left; margin-right:16px; width:110px;}
.sec_intro.point ul.p3 > li h4 {margin-top:15px;}
@media only screen and (max-width:1180px){
	.sec_intro.point ul.p3 {max-width:930px;}
	.sec_intro.point ul.p3 > li {width:50%;}
	.sec_intro.point ul.p3 > li p {height:60px;}
}
@media only screen and (max-width:768px){
	.sec_intro.point ul.p1 > li {width:33.33%;}
	.sec_intro.point ul.p2 > li {width:50%;}	
}
@media only screen and (max-width:640px){
	.sec_intro.point .sub h4 {font-size:26px;}
	.sec_intro.point .sub p {font-size:18px;}
	.sec_intro.point ul > li h4 {font-size:18px;}
	.sec_intro.point ul.p1 > li {width:50%;}	
	.sec_intro.point ul.p2 > li div {margin:0 8px;}
	.sec_intro.point ul.p3 > li {width:100%;}
}
@media only screen and (max-width:414px){
	.sec_intro.point hgroup {margin-bottom:40px;}
	.sec_intro.point ul.p1 > li {width:100%; padding-top:0px;}
	.sec_intro.point ul.p2 > li {width:100%; padding-top:20px;}
	.sec_intro.point ul.p2 > li div {margin:0 0; padding-top:20px;}
}
@media only screen and (max-width:375px){
	.sec_intro.point hgroup br {display:none;}
	.sec_intro.point .sub br {display:none;}
	.sec_intro.point ul.p3 > li p br {display:none;}
}

/* .step */
.sec_intro.step {position:relative; background:#3395d6;}
.sec_intro.step:before {display:block; content:''; position:absolute; bottom:160px; left:0; width:100%; height:4px; background:#fff;}
.sec_intro.step h3 {color:#fff;}
.sec_intro.step ul {position:relative; max-width:1000px; margin:0 auto;}
.sec_intro.step ul > li h4 {position:relative; display:inline-block; width:40px; height:40px; line-height:2.0; margin-bottom:16px; border-radius:100px; border:4px solid #fff; background:#3395d6; text-align:center; font-size:15px; font-weight:400; color:#fff;}
.sec_intro.step ul > li p {font-size:20px; color:#fff;}	
@media only screen and (max-width:768px){
	.sec_intro.step:before {display:none;}
	.sec_intro.step ul {max-width:260px; flex-direction:column;}
	.sec_intro.step ul:before {display:block; content:''; position:absolute; top:0; bottom:0; left:18px; width:4px; height:100%; background:#fff;}
	.sec_intro.step ul > li {width:100%; text-align:left;}
	.sec_intro.step ul > li p {display:inline-block; padding-left:10px;}
	.sec_intro.step ul > li:last-child h4 {margin-bottom:0;}
}

/* .refer */
.sec_intro.refer {}
.sec_intro.refer .cont {display:flex; flex-direction:row; align-items:center; max-width:960px; margin:0 auto;}
.sec_intro.refer .cont .txt {width:50%; padding:32px 0; text-align:left;}
.sec_intro.refer .cont .txt h4 {margin-bottom:20px; font-size:32px; font-weight:600; color:#333;}
.sec_intro.refer .cont .txt h4 em {font-weight:inherit; color:#3395d6;}
.sec_intro.refer .cont .txt p {font-size:18px; font-weight:400; line-height:1.6;}
.sec_intro.refer .cont .txt p + p {margin-top:20px;}
.sec_intro.refer .cont .img {width:50%; padding:32px 0; text-align:right;}
.sec_intro.refer .cont .img img {max-width:320px;}
.sec_intro.refer .cont.reverse {flex-direction:row-reverse;}
.sec_intro.refer .cont.reverse .img {text-align:left;}
.sec_intro.refer .cont.reverse .txt {text-align:left;}
.sec_intro.refer .cont + .cont {border-top:2px solid #f0f0f0;}
.sec_intro.refer .cont.no1 .img {padding-top:0;}
.sec_intro.refer .cont.no3 .img {padding-bottom:0;}
@media only screen and (max-width:768px){
	.sec_intro.refer .cont .txt h4 {font-size:26px;}
	.sec_intro.refer .cont .txt p {font-size:16px;}
	.sec_intro.refer .cont .img img {max-width:100%;}
}
@media only screen and (max-width:640px){
	.sec_intro.refer .cont.reverse {flex-direction:row;}
	.sec_intro.refer .cont .txt h4 {font-size:22px;}
	.sec_intro.refer .cont .txt p br {display:none;}
	.sec_intro.refer .cont.reverse .img {text-align:right;}
	.sec_intro.refer .cont .img img {margin-right:-20px;}
}

/* .aio */
.sec_intro.aio.bg {background:#c9ddeb;}
.sec_intro.aio .cont {position:relative; height:460px; margin:0 auto;}
.sec_intro.aio .cont > div {}
.sec_intro.aio .cont > div .ball {display:block; width:268px; height:268px; margin:0 auto; border-radius:100%; background:#fff;}
.sec_intro.aio .cont > div .ball h4 {font-size:24px; font-weight:500;}
.sec_intro.aio .cont > div .txt {width:260px; background:#c9ddeb; padding:20px; text-align:left;}
.sec_intro.aio .cont > div .txt img {display:block; margin-bottom:16px;}
.sec_intro.aio .cont > div .txt p {font-size:18px; font-weight:400;}
.sec_intro.aio .cont > .no1 .ball {position:relative;}
.sec_intro.aio .cont > .no1 .ball:before {display:block; content:''; position:absolute; right:-210px; top:70px; width:230px; height:1px; border:1px dashed #fff; background:transparent;}
.sec_intro.aio .cont > .no1 .ball h4 {padding:48px 0 24px;}
.sec_intro.aio .cont > .no1 .txt {position:absolute; right:0; top:40px;}
.sec_intro.aio .cont > .no1 .txt img {max-width:105px; padding-bottom:8px;}
.sec_intro.aio .cont > .no2 .ball {position:absolute; right:50%; margin-right:-30px; bottom:0; background:rgba(114,229,242,0.5);}
.sec_intro.aio .cont > .no2 .ball:before {display:block; content:''; position:absolute; left:-115px; top:95px; width:120px; height:1px; border:1px dashed #34cadb; background:transparent;}
.sec_intro.aio .cont > .no2 .ball img {padding:84px 0 24px;}
.sec_intro.aio .cont > .no2 .txt {position:absolute; left:0; margin-top:-20px;}
.sec_intro.aio .cont > .no3 .ball {position:absolute; left:50%; margin-left:-30px; bottom:0; background:rgba(132,202,255,0.5);}
.sec_intro.aio .cont > .no3 .ball:before {display:block; content:''; position:absolute; right:-115px; top:95px; width:120px; height:1px; border:1px dashed #5dabe5; background:transparent;}
.sec_intro.aio .cont > .no3 .ball img {padding:84px 0 24px;}
.sec_intro.aio .cont > .no3 .txt {position:absolute; right:0; margin-top:-20px;}
@media only screen and (max-width:1024px){
	.sec_intro.aio .cont {height:auto; margin:0;}
	.sec_intro.aio .cont > div {position:relative;}
	.sec_intro.aio .cont > div .ball {width:200px; height:200px; margin:0;}
	.sec_intro.aio .cont > div .ball h4 {font-size:20px;}
	.sec_intro.aio .cont > .no1 .ball {position:relative; margin-bottom:32px;}
	.sec_intro.aio .cont > .no1 .ball:before {right:0; top:70px; margin-right:-200%; width:200%;}
	.sec_intro.aio .cont > .no1 .ball h4 {padding:36px 0 8px;}
	.sec_intro.aio .cont > .no1 .txt {position:absolute; right:0; top:30px;}
	.sec_intro.aio .cont > .no2 .ball {position:relative; right:auto; margin-right:0; margin-bottom:32px;}
	.sec_intro.aio .cont > .no2 .ball:before {left:auto; right:0; top:70px; margin-right:-200%; width:200%;}
	.sec_intro.aio .cont > .no2 .ball img {padding:46px 0 8px;}
	.sec_intro.aio .cont > .no2 .txt {position:absolute; left:auto; right:0; margin-top:0; top:30px;}
	.sec_intro.aio .cont > .no3 .ball {position:relative; left:auto; margin-left:0;}
	.sec_intro.aio .cont > .no3 .ball:before {right:0; top:70px; margin-right:-200%; width:200%;}
	.sec_intro.aio .cont > .no3 .ball img {padding:46px 0 8px;}
	.sec_intro.aio .cont > .no3 .txt {position:absolute; right:0; margin-top:0; top:30px;}
}
@media only screen and (max-width:768px){
	.sec_intro.aio .cont > .no1 .ball:before,
	.sec_intro.aio .cont > .no2 .ball:before,
	.sec_intro.aio .cont > .no3 .ball:before {margin-right:-100%; width:100%;}
}
@media only screen and (max-width:500px){
	.sec_intro.aio .cont > div .ball {z-index:1;}
	.sec_intro.aio .cont > div .txt {width:220px; padding:20px 0;}
	.sec_intro.aio .cont > div .txt br {display:none;}
	.sec_intro.aio .cont > .no1 .ball:before,
	.sec_intro.aio .cont > .no2 .ball:before,
	.sec_intro.aio .cont > .no3 .ball:before {display:none;}
}
@media only screen and (max-width:480px){
	.sec_intro.aio .cont > div {padding-bottom:50px;}
	.sec_intro.aio .cont > div .ball {margin:0 auto !important;}
	.sec_intro.aio .cont > div .txt {position:relative !important; top:20px !important; text-align:center;}
	.sec_intro.aio .cont > div .txt img {display:inline-block; margin-bottom:4px !important;}
	.sec_intro.aio .cont > div .txt p {font-size:16px;}
	.sec_intro.aio .cont > div .txt br {display:block;}	
}

/* 모바일 */
@media only screen and (max-width:768px) {
	.sec_slid h3,
	.sec_intro h3 {font-size:35px !important;}
}
@media only screen and (max-width:640px) {
	.sec_.main_start .txt,
	.sec_slid h3,
	.sec_intro h3 {font-size:30px !important;}
}
@media only screen and (max-width:500px) {
	.sec_intro {padding:70px 0;}
	.sec_intro.reas {height:400px;}
	.sec_intro.reas hgroup {padding-top:70px;}
	.sec_intro.reas li {margin-top:0;}
	.sec_.main_start .txt,
	.sec_slid h3,
	.sec_intro h3 {font-size:26px !important;}
	.sec_intro hgroup {margin-bottom:40px;}
	.sec_intro hgroup span {font-size:20px;}
	.sec_intro hgroup p {font-size:18px;}
	.sec_intro ul > li > h4 {font-size:20px;}
	.sec_intro ul > li > p {font-size:16px;}	
}
@media only screen and (max-width:414px){
	.w_container, .my_container, .my_container.reg_form, .wrap_func {/*margin:0 10px;*/}
}
@media only screen and (max-width:375px) {
	.sec_intro hgroup h3 div {display:inline;}
	.sec_intro hgroup p br {display:none;}
}

/* 모달 레이어 */
.modal { position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; background:rgba(0,0,0,0.3); z-index:-1; opacity:0; transition:all 0.3s; }
.modal.on { opacity:1; z-index:999; }
.mo_content { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); /*margin-top:auto !important; margin-left:auto !important; */ width:1180px; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#fff; overflow:hidden; z-index:1;}
.mo_content .close { position:absolute; top:20px; right:24px; width:26px; height:26px; background: url('/images/common/icon_form.png') no-repeat 100% -220px !important; text-indent:-9999px;}
.mo_content .head_wrap { position:relative; background:#4D515A; padding:17px 24px 15px; }
.mo_content .head_wrap h1 { padding-right:40px; font-size:16px; font-weight:400; color:#FDD768; }
.mo_content .cont_wrap { position:relative; background:#fff; height:580px; overflow:hidden; overflow-y:auto;}
.mo_content .cont_wrap h2 { font-size:18px; font-weight:500; }
.mo_content .cont_wrap p { font-size:16px; font-weight:400; }
.mo_content .cont_wrap table {width:100%; border-collapse:collapse; border-bottom:1px solid #d6d6d6;}
.mo_content .cont_wrap table > thead > tr > th {border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; background:#ebebeb; padding:17px 24px; text-align:center; font-size:16px; font-weight:500; line-height:1.4;}
.mo_content .cont_wrap table > thead > tr > th:first-child {border-left:none;}
.mo_content .cont_wrap table > tbody > tr > th {width:20%; border-top:1px solid #e6e6e6; background:#fff; /*vertical-align:top;*/ padding:17px 24px; text-align:left; font-size:16px; font-weight:400; line-height:1.4;}
.mo_content .cont_wrap table.free > tbody > tr > th {border-top:1px solid #d6d6d6; background:#ebebeb; text-align:center;}
.mo_content .cont_wrap table > tbody > tr > td {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; padding:17px 24px; vertical-align:top; text-align:left; font-size:16px; font-weight:400; line-height:1.4;}
.mo_content .cont_wrap table > tbody > tr > td h5 {display:none; font-size:15px; color:#777;}
.mo_content .cont_wrap table > tbody > tr > td s {color:#999;}
.mo_content .cont_wrap table > tbody > tr:first-child > th,
.mo_content .cont_wrap table > tbody > tr:first-child > td {/*border-top:1px solid #d6d6d6;*/}
.mo_content .cont_wrap em {font-size:13px; color:#b90c0c;}
.mo_content .cont_wrap .product_tsub {display:flex; align-items:center; justify-content:center; padding:17px 30px;}
.mo_content .cont_wrap .product_tsub > ul {max-width:800px; margin:0 auto;}
.mo_content .cont_wrap .product_tsub .swiper-slide {width:auto !important;}
.mo_content .cont_wrap .product_tsub li {border-radius:50px; background:#fff; padding:6px 16px; text-align:center; font-size:16px; font-weight:600; color:#4D515A; text-decoration:none; cursor:pointer; overflow:hidden;}
.mo_content .cont_wrap .product_tsub li.active {background:#4D515A; color:#fff;}
.mo_content .cont_wrap .warning {padding:20px; text-align:left; font-size:17px; color:#333;}
.mo_content .cont_wrap .warning li {position:relative; padding-left:10px; text-align:left; font-size:16px; color:#7e7e7e; line-height:1.6;}
.mo_content .cont_wrap .warning li:before {display:block; content:''; position:absolute; top:12px; left:0; width:2px; height:2px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}
.mo_content .cont_wrap .table_mobile {width:100%; border-collapse:collapse; border-top:none; border-bottom:1px solid #d6d6d6;}
.mo_content .cont_wrap .table_mobile > li,
.mo_content .cont_wrap .table_mobile > li:first-child {width:20%;}
.mo_content .cont_wrap .table_mobile > li dt {height:auto; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; background:#ebebeb; padding:17px 24px; text-align:center; font-size:16px; font-weight:500; line-height:1.4;}
.mo_content .cont_wrap .table_mobile > li dt + dd {border-top:none !important;}
.mo_content .cont_wrap .table_mobile > li dd {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; padding:17px 24px; text-align:left; font-size:16px; font-weight:400; line-height:1.4;}
.mo_content .cont_wrap .table_mobile > li dd h5 {display:none; font-size:15px; color:#777;}
.mo_content .cont_wrap .table_mobile > li dd p {font-weight:inherit;}
.mo_content .cont_wrap .table_mobile > li:first-child dt, 
.mo_content .cont_wrap .table_mobile > li:first-child dd {border-left:none;}
.mo_content .cont_wrap .table_mobile > li:first-child dd {background:#fff; padding-left:30px; text-align:left; font-weight:400;}
.mo_content .cont_wrap .table_mobile.aws > li {width:26.6666%;}
.mo_content .cont_wrap .table_mobile.aws > li:first-child {width:20%;}
.mo_content .cont_wrap .table_mobile.aws > li dd.hx {height:120px; display:flex; align-items:center; justify-content:flex-start;}
.mo_content .cont_wrap .table_mobile.aws > li dd {padding:17px 24px;}
.mo_content .cont_wrap.raid {padding:30px 30px 0; text-align:center;}
@media all and (max-width:1180px) {
	.mo_content { left:10px; right:10px; transform:translate(0, -50%); width:auto !important;}
}
@media all and (max-height:650px) {
	.mo_content { top:10px; bottom:10px; transform:translate(-50%, 0);}
	.mo_content .cont_wrap {height:100%; padding-bottom:55px;}
}
@media all and (max-width:1180px), all and (max-height:650px) {
	.mo_content { left:10px; right:10px; top:10px; bottom:10px; transform:translate(0, 0); width:auto;}
	.mo_content .cont_wrap {height:100%; padding-bottom:55px;}
}
@media (min-width:0) and (max-width:1024px) {
	.mo_content .cont_wrap .table_mobile > li {width:50%;}
	.mo_content .cont_wrap .table_mobile > li:nth-child(6) {width:100%;}
	.mo_content .cont_wrap .table_mobile > li:first-child {display:none;}
	.mo_content .cont_wrap .table_mobile > li:nth-child(even) dt, 
	.mo_content .cont_wrap .table_mobile > li:nth-child(even) dd {border-left:none;}
	.mo_content .cont_wrap .table_mobile > li:nth-child(4), 
	.mo_content .cont_wrap .table_mobile > li:nth-child(5), 
	.mo_content .cont_wrap .table_mobile > li:nth-child(6) {border-top:none;}
	.mo_content .cont_wrap .table_mobile > li dd h5 {display:block;}
	.mo_content .cont_wrap .table_mobile.aws > li {width:50%;}
	.mo_content .cont_wrap .table_mobile.aws > li dd.hx {display:block; height:auto;}
	.mo_content .cont_wrap .table_mobile.aws > li:nth-child(4) {width:100%;}
}
@media all and (max-width:768px) {
	.mo_content .cont_wrap table > thead > tr > th:first-child,
	.mo_content .cont_wrap table > tbody > tr > th {display:none;}	
	.mo_content .cont_wrap table > tbody > tr > td h5 {display:block;}
	.mo_content .cont_wrap .subBox7 > table > colgroup > col:first-child {display:none;}

	.mo_content .cont_wrap.raid table > thead > tr > th:first-child,
	.mo_content .cont_wrap.raid table > tbody > tr > th {display:block;}
	.mo_content .cont_wrap.raid table > tbody > tr > th {width:auto;}
}
@media (min-width: 0) and (max-width: 500px){
	.mo_content .cont_wrap .table_mobile {width:100% !important; margin:0;}
}

/* 버튼추가 */
a.btn_blue.small {margin:0 0 0 10px; border-radius:50px; min-width:inherit; height:26px; line-height:24px; padding:0 14px 0 12px; font-size:12px; font-weight:400;}
.repair_box a.btn_blue.small {margin:-4px 0 0 10px;}
.repair_box a.view,
.repair_desc a.view,
.mo_content .cont_wrap a.view {display:inline-block; margin-left: 3px; border-bottom:1px solid #3399ff; font-size:14px; color:#3399ff; line-height:1.2;}
.repair_box a.view > em,
.mo_content .cont_wrap a.view > em {display:inline-block; margin:1px 0 0 2px; font-family:'dotum', sans-serif; font-size:13px; font-weight:600; color:inherit; line-height:inherit;}


/*-----------------------------------------------------------------*/
/* 쇼핑몰 소개 - 클라우드 쇼핑몰/독립 쇼핑몰/쇼핑몰 이전/퍼드림
/*-----------------------------------------------------------------*/

/* common */
#subtop h2, 
#subtop_customer h2,
.section_introduce h3,
.section_skin h3,
.section_blog h3,
.section_build h3,
.section_recommend h3,
.section_process h3,
.section_warning h3,
.section_upgrade h3,
.section_client h3,
.section_consult h3,
.section_compare h3,
.section_faq h3,
.service_wrap > .content .customer_view dt h3,
#subtop_1to1 .search_wrap h3,
.customer h2,
.customer .dns_wrap h2,
#functions_contents .tit_wrap,
#functions_contents .tit_wrap .bold,
.section_introduce h4 {font-weight:600 !important;}
.container_1to1 .title1,
.container_1to1_b .title1,
.container_1to1_b .title1 em,
.repair_box .price span {font-weight:500;}
.customer h2 span,
.customer h2 a.more,
.customer h2 a.more2 {font-weight:400;}
#subtop_customer p {color:#333;}

/* #subtop_new */
#subtop_new {position:relative; background-color:#017DC3; background-position:center; background-repeat:no-repeat; overflow:hidden;}
#subtop_new .w_container {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:1rem; width:min(100% - 2rem,1180px); min-height:480px;}
#subtop_new.prem {background-image:url('/images/introduce/2023/subtop_prem.jpg');}
#subtop_new.expa {background-image:url('/images/introduce/2023/subtop_expa.jpg');}
#subtop_new.setting {background-image:url('/images/introduce/2023/subtop_setting.jpg');}
#subtop_new.online {background-image:url('/images/ads/subtop_ads.jpg');}
#subtop_new.sns {background-image:url('/images/ads/subtop_ads2.jpg');}
#subtop_new .cloud {background-image:url('/images/introduce/2023/subtop_cloud.png'); background-color:#017DC3; background-position:center; background-repeat:no-repeat;} 
#subtop_new .extend {background-image:url('/images/introduce/2023/subtop_extend.png'); background-color:#017DC3; background-position:center; background-repeat:no-repeat;}
#subtop_new .frelocate {background-image:url('/images/introduce/2023/subtop_frelocate.jpg'); background-color:#017DC3; background-position:center; background-repeat:no-repeat;}
#subtop_new .geditor {background-image:url('/images/event/20230705/1920x480_geditor.png'); background-color:#001539; background-position:center; background-repeat:no-repeat;}
#subtop_new h2 {align-items:flex-start; text-align:left; font-size:clamp(30px,3.85vw,48px); font-weight:700; color:#fff; line-height:1.3;}
#subtop_new p {align-items:flex-start; font-size:clamp(17px,2vw,20px); color:#fff;}
#subtop_new a {display:inline-block; position:relative; margin-top:1rem; min-width:215px; background:#133353; padding:.8rem 6rem .8rem 1.2rem; font-size:18px; color:#fff; transition:.7s ease-out; box-sizing:border-box;}
#subtop_new a:after {display:block; content:''; position:absolute; top:1.3rem; right:1.2rem; width:23px; height:7px; background:url('/images/introduce/2023/subtop_arr.png') no-repeat; background-size:cover;}
#subtop_new a:hover {background:#000;}
@media screen and (max-width: 640px){
	#subtop_new .swiper-slide {background-position:45% center;}
	#subtop_new .w_container {min-height:400px; /*padding:3rem 0.5rem; justify-content:flex-start;*/}	
}
@media screen and (max-width: 375px){
	#subtop_new h2 br {display:none;}
	#subtop_new p.v2 br {display:none;}
}
@media screen and (max-width: 360px){
	#subtop_new h2.v2 br {display:none;}
}
.btn-swiper-control {position:absolute; left:50%; width:20px;}
.subtop_slide .swiper-pagination {bottom:20px; /*left:50%; transform:translateX(calc(-50% - 570px));*/}
.subtop_slide .swiper-pagination-bullet {width:12px; height:12px; background:#fff; opacity:0.5;}
.subtop_slide .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff; opacity:1;}
.subtop_slide .swiper-button-prev {left:50%; margin-left:-680px; color:rgba(255,255,255, 0.5);}
.subtop_slide .swiper-button-next {right:50%; margin-right:-680px; color:rgba(255,255,255, 0.58);}
.subtop_slide .swiper-button-prev:hover,
.subtop_slide .swiper-button-next:hover {color:#fff;}
.subtop_slide .swiper-horizontal>.swiper-pagination-bullets 
.subtop_slide .swiper-pagination-bullet, 
.subtop_slide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;}

/* 클라우드/독립 쇼핑몰 */
.section_new {position:relative; background:#FFF; padding:100px 0 110px; text-align:center;}
.section_new.bg {background:#F4F8FB;}
.section_new hgroup {margin-bottom:clamp(40px,3.47vw,50px); overflow:hidden;}
.section_new hgroup h3 {font-size:clamp(26px,2.77vw,40px); font-weight:700; color:#333; line-height:1.3;}
.section_new hgroup p {margin-top:clamp(10px,1.04vw,15px); font-size:clamp(16px,1.38vw,20px); font-weight:500; color:#555; line-height:1.4;}
.section_new ul {margin:-20px 0 0 -20px;}
.section_new ul li {position:relative; display:inline-block; vertical-align:top; margin:0 -1.5px; padding:20px 0 0 20px;}
.section_new ul.x2 li {width:50%;}
.section_new ul.x3 li {width:33.33%;}
.section_new ul.x4 li {width:25%;}
.section_new a.reg {display:inline-block; position:relative; margin-top:clamp(40px,3.68vw,53px); min-width:234px; border-radius:50px; background:#3395D6; padding:1rem; text-align:center; font-size:clamp(16px,1.25vw,18px); font-weight:500; color:#fff; transition:.7s ease-out;}
.section_new a.reg:hover {background:#0081C8;}

/**/
.section_new.func .wrap_list {overflow:hidden; padding-top:15px;}
.section_new.func .function_list {display:flex; position:relative; top:0; left:calc(50% - 620px); transition:.7s ease-out;}
.section_new.func .function_list li {display:flex; flex-flow:column; justify-content:center; align-items:center; gap:24px; padding-left:40px; padding-right:40px; box-sizing:border-box;}
.section_new.func .function_list .img {display:block; width:120px; height:120px; box-shadow:2px 2px 30px rgba(0,0,0, 0.15); border-radius:50%; background:#fff; padding-top:20px; overflow:hidden;}
.section_new.func .function_list .txt {font-size:20px; font-weight:700; line-height:1.4; text-align:center; white-space:nowrap;}

/**/
.section_new.make .box {position:relative; background:#fff;}
.section_new.make .box div {min-height:16rem; padding:35px 35px;}
.section_new.make .box h4 {font-size:clamp(24px,2.36vw,34px); font-weight:700; color:#0081C8; line-height:1.3;}
.section_new.make .box p {margin-top:clamp(15px,1.38vw,20px); font-size:clamp(16px,1.38vw,20px); font-weight:500; color:#777; line-height:1.4;}	

/**/
.section_new.mana ul {margin:0; box-shadow:0 0 30px rgba(0,0,0, 0.15); border-radius:20px; background:#fff;}
.section_new.mana li {padding:40px 0;}
.section_new.mana .box {position:relative; min-height:16rem; background:#fff; padding:0 40px; text-align:left;}
.section_new.mana .box h4 {font-size:clamp(24px,2.36vw,34px); font-weight:700; color:#969696; line-height:1.4;}
.section_new.mana .box h4 em {display:block; font-weight:inherit; color:#000;}
.section_new.mana .box .txt {position:relative; margin-top:clamp(50px,5.55vw,80px);}
.section_new.mana .box .txt p {font-size:clamp(16px,1.38vw,20px); font-weight:500; color:#777; line-height:1.4;}
.section_new.mana .box .img {position:absolute; bottom:-10px; right:20px; text-align:right;}
.section_new.mana .v2 .box {border-left:1px solid #EEE;}

/**/
.section_new.pg hgroup {margin-bottom:40px; text-align:left;}
.section_new.pg hgroup .icon {float:left; margin:-10px 15px -10px 0;}
.section_new.pg .box {position:relative; min-height:16rem; background:#fff; padding:35px 35px;}
.section_new.pg .box h4 {margin-top:10px; font-size:clamp(24px,2.36vw,34px); font-weight:700; color:#3395D6; line-height:1.3;}
.section_new.pg .box h4 span {display:block; font-size:0.7em; color:#000;}
.section_new.pg .box p {margin-top:clamp(15px,1.38vw,20px); font-size:clamp(16px,1.25vw,18px); font-weight:500; color:#777; line-height:1.4;}	

/**/
.section_new.reg.bg {background:#C9DDEB;}
/*.section_new.reg hgroup {margin-bottom:clamp(50px,4.86vw,70px);}*/
.section_new.reg hgroup p {font-size:clamp(18px,1.66vw,24px); color:#333;}
.section_new.reg .box {position:relative; min-height:16rem; border:1px solid #D3D3D3; border-radius:24px; background:#fff; padding:40px 10px 25px;}
.section_new.reg .box h4 {font-size:clamp(20px,1.80vw,26px); font-weight:700; color:#333; line-height:1.3;}
.section_new.reg .box h4 span {display:block; font-size:0.7em; color:#000;}
.section_new.reg .box p {min-height:6rem; margin-top:clamp(10px,0.69vw,10px); font-size:clamp(16px,1.25vw,18px); font-weight:700; color:#777; line-height:1.4;}
.section_new.reg .box .price {font-size:clamp(14px,1.25vw,18px); font-weight:700; color:#000;}
.section_new.reg .box .price em {font-size:clamp(26px,2.77vw,40px); font-weight:inherit; color:#0081C8; letter-spacing:-2px;}
.section_new.reg .box .per {font-size:clamp(14px,1.25vw,18px); font-weight:700; color:#969696;}
.section_new.reg .box .per em {margin-right:4px; font-weight:inherit; color:#3399FF;}
.section_new.reg .box .per em b {font-size:1.1em;}
.section_new.reg .box .per s {font-weight:500;}
.section_new.reg .box .btns {margin-top:clamp(30px,2.77vw,40px);}
.section_new.reg .box a.admin {display:inline-block; position:relative; margin:2px; border-radius:50px; border:1px solid #3395D6; background:#fff; padding:0.5rem 1.5rem 0.5rem 1.5rem; text-align:center; font-size:clamp(14px,1.11vw,16px); font-weight:500; color:#3395D6; transition:.7s ease-out;}
.section_new.reg .box a.admin:hover {border-color:#0081C8; color:#0081C8;}
.section_new.reg .box a.admin .arr {display:inline-block; vertical-align:middle; width:24px; height:25px; margin:-2px 0 0 4px; background:url('/images/introduce/2023/prem5_icon1.png') no-repeat;}
.section_new.reg .box a.shop {display:inline-block; position:relative; margin:2px; border-radius:50px; border:1px solid #3395D6; background:#3395D6; padding:0.5rem 1rem 0.5rem 1.5rem; text-align:center; font-size:clamp(14px,1.11vw,16px); font-weight:500; color:#fff; transition:.7s ease-out;}
.section_new.reg .box a.shop:hover {background:#0081C8;}
.section_new.reg .box a.shop .arr {display:inline-block; vertical-align:middle; width:24px; height:25px; margin:-2px 0 0 4px; background:url('/images/introduce/2023/prem5_icon2.png') no-repeat;}

/**/
.section_new.thumb li a {display:block; overflow:hidden;}
.section_new.thumb li a img {width:100%; transition:.5s ease-out;}
.section_new.thumb li a:hover img {transform:scale(1.1);}

/**/
.section_new.make2 {background:#fff;}
.section_new.make2 .box {position:relative; min-height:18rem; display:flex; flex-flow:row; justify-content:center; align-items:center; background:#F4F8FB;}
.section_new.make2 .box span {width:40%; text-align:center;}
.section_new.make2 .box div {width:60%; text-align:left;}
.section_new.make2 .box h4 {font-size:clamp(24px,2.36vw,34px); font-weight:700; color:#333; line-height:1.3;}
.section_new.make2 .box p {margin-top:clamp(14px,1.25vw,18px); padding-right:20px; font-size:clamp(14px,1.25vw,18px); font-weight:500; color:#3395D6; line-height:1.4;}	

/**/
.section_new.host {background:#fff;}
.section_new.host + .section_new.host {border-top:1px solid #EAEAEA;}
/*.section_new.host hgroup h3 {color:#fff;}
.section_new.host hgroup p {color:#95CFFF;}*/
.section_new.host .box {position:relative;}
.section_new.host .box span {display:block; margin-bottom:clamp(10px,0.69vw,10px);}
.section_new.host .box h4 {font-size:clamp(20px,1.80vw,26px); font-weight:700; color:#333; line-height:1.3;}
.section_new.host .box p {margin-top:clamp(10px,0.69vw,10px); font-size:clamp(14px,1.25vw,18px); font-weight:500; color:#3395D6; line-height:1.4;}	
.section_new.host .bg .box span {background:#B3D2F3; margin-bottom:clamp(26px,2.77vw,40px);}
.section_new.host .bg .box.v2:before {display:block; content:''; position:absolute; top:3.5rem; left:-41px; width:62px; height:62px; background:url('/images/introduce/2023/expa3_plus.png') no-repeat;}
.section_new.host .bg .box.v3:before {display:block; content:''; position:absolute; top:3.5rem; left:-41px; width:62px; height:62px; background:url('/images/introduce/2023/expa3_minus.png') no-repeat;}
.subCont2.subBox2_6 {margin-top:-110px;}

/**/
.section_new.buss hgroup h3 em {font-weight:inherit; color:#0081C8;}
.section_new.buss .img {margin-bottom:clamp(30px,2.77vw,40px);}
.section_new.buss .box {margin-bottom:clamp(10px,1.38vw,20px);}
.section_new.buss .box p {display:inline-block; position:relative; background:url('/images/introduce/2023/expa5_arr.png') center 30px no-repeat; padding:80px 24px 0; font-size:clamp(16px,1.66vw,24px); font-weight:600; color:#000; line-height:1.4;}	
.section_new.buss .box p:before {display:block; content:''; position:absolute; bottom:0; left:0; width:1px; height:62px; background:#E3E3E3;}
.section_new.buss .box p:first-child:before {display:none;}

/**/
.section_new2 {position:relative; background:#fff; padding:110px 0 120px; text-align:center;}
.section_new2.bg {background:#F4F8FB;}
.section_new2 hgroup {margin-bottom:clamp(40px,3.47vw,50px); overflow:hidden;}	
.section_new2 hgroup h3 {font-size:clamp(30px,2.77vw,40px); font-weight:700; color:#333; line-height:1.3;}
.section_new2.repair hgroup h3 {margin-bottom:0;}
.section_new2.repair .swiper-container {margin:0;}
.section_new2.repair .product_tsub {margin-bottom:35px; overflow:auto hidden;}
.section_new2.repair .product_tsub > ul {margin-left:-8px; display:flex;}
.section_new2.repair .product_tsub > ul > li {width:16.66% !important; margin:0; padding-left:8px; vertical-align:top;}
.section_new2.repair .product_tsub > ul > li span {display:block; border-radius:5px; background:#eee; padding:15px 30px; font-size:clamp(14px,1.25vw,18px); font-weight:500; color:#b2b2b2; line-height:1.0; cursor:pointer; white-space:nowrap;}
.section_new2.repair .product_tsub > ul > li span em {font-weight:700;}
.section_new2.repair .product_tsub > ul > li.active span {background:#3395d6; color:#fff;}	
.section_new2.repair .repair_box > dl.brick > dd {padding-left:180px;}
.section_new2.repair .repair_box > dl.brick.v2 > dd {padding-left:80px;}
.section_new2.repair .repair_box > dl.brick > dd.blind {min-height:78px;}
.section_new2.repair .repair_box > dl.brick > dd ul {padding-left:0; padding-right:0;}
.section_new2.repair .repair_box .event {display:inline-block; margin-top:10px; border:1px solid #f66b05; padding:0 10px; font-size:14px; color:#f66b05; line-height:20px;}
.section_new2.repair .repair_box .server {display:inline-block; margin-top:10px; border-radius:50px; border:1px solid #3395d6; padding:3px 15px; font-size:14px; color:#3395d6; line-height:20px;}
@media screen and (max-width: 1440px){
	.section_new.make .box div {min-height:13rem;}
	.section_new.pg hgroup .icon {width:110px;}
}
@media screen and (max-width: 1024px){
	.section_new ul li {width:50% !important;}
	.section_new.func .function_list li {padding-left:20px; padding-right:20px;}
	.section_new.func .function_list .img {width:100px; height:100px; padding-top:10px;}
	.section_new.func .function_list .txt {font-size:16px;}
	.section_new.make .box div {min-height:10rem;}	
	.section_new.pg hgroup .icon {width:80px;}
	.section_new.mana .box {min-height:10rem;}
	.section_new.mana .box .img {right:0;}
	.section_new2.repair .product_tsub > ul > li.swiper-slide:nth-child(3), 
	.section_new2.repair .product_tsub > ul > li.swiper-slide:nth-child(4) {padding-top:0;}
}
@media screen and (max-width: 960px){	
	.section_new.make .box p br {display:none;}
}
@media screen and (max-width: 768px){
	.section_new2.repair .product_tsub > ul > li.swiper-slide {display:flex; flex-direction:row; width:auto !important;}
	.section_new2.repair .subCont .swiper-wrapper {margin-top:-20px;}
	.section_new2.repair .subCont .swiper-slide {width:100% !important; padding-top:20px;}
	.section_new2.repair .repair_box > dl.brick > dd.blind {min-height:auto;}
	.section_new2.repair .repair_box > dl.brick > dd {padding-left: 110px;}
}
@media screen and (max-width: 640px){
	.section_new.func .wrap_list {overflow-x:auto; padding-bottom:20px; padding-left:20px; padding-right:20px;}
	.section_new, .section_new2 {padding:80px 0;}
	.section_new ul li {width:100% !important;}
	.section_new a.reg {min-width:200px;}
	.section_new.func .function_list {left:10px;}	
	.section_new.func .function_list .txt {font-size:14px;}
	.section_new.mana .v2 {border-top:1px solid #EEE;}
	.section_new.mana .v2 .box {border-left:0;}
	.section_new.reg .box p {min-height:5rem;}
	.section_new.host .bg .box.v2,
	.section_new.host .bg .box.v3 {margin-top:30px;}
	.section_new.host .bg .box.v2:before,
	.section_new.host .bg .box.v3:before {top:-41px; left:50%; margin-left:-31px;}
	.subCont2.subBox2_6 {margin-top:-80px;}
	.section_new2.repair .product_tsub > ul > li.swiper-slide:nth-child(2) {padding-top:0;}
	.section_new2.repair .repair_box > dl.brick > dd.blind {min-height:auto;}
	.section_new.buss .box p {width:calc(50% - 2px); vertical-align:top;}
	.section_new2.repair .repair_box > dl.brick > dd:nth-of-type(1) > ul:last-child {text-align: left !important;}
}
@media screen and (max-width: 560px){
	.section_new hgroup h3 br {display:none;}
	.section_new hgroup p br {display:none;}
	.section_new.make .box div {padding:35px 20px;}
	.section_new.make2 .box p br {display:none;}
}
@media screen and (max-width: 502px){
	.section_new.buss .box p br {display:none;} 
}
@media screen and (max-width: 414px){
	.section_new.make2 .box span img {max-width:70%;}
}
@media screen and (max-width: 375px){
	.section_new.mana .box .img img {max-width:70%;}
}
@media screen and (max-width: 360px){	
	.section_new.pg hgroup .icon {min-height:150px;}
	.section_new.pg .box p br {display:none;}
}

/* 쇼핑몰 이전 */
.section_introduce.col,
.section_introduce.app,
.section_introduce.support,
.section_introduce.transfer {padding:100px 0 110px;}
.section_introduce.app ul.v2 > li {padding-bottom:0;}
.section_introduce.app ul.v2 > li {min-height:auto;}
.section_introduce.app ul.v2 > li p {min-height:auto;}
.section_introduce.app ul > li .icon {display:inline-block; margin-bottom:clamp(20px,1.38vw,20px); box-shadow:2px 2px 30px rgba(0,0,0, 0.15); border-radius:100px; background:#fff; padding:1rem;}
/*.section_introduce.app a.reg {display:inline-block; position:relative; margin:2rem 0; min-width:215px; background:#133353; padding:.8rem 6rem .8rem 1.2rem; font-size:18px; color:#fff; transition:.7s ease-out;}
.section_introduce.app a.reg:after {display:block; content:''; position:absolute; top:1.3rem; right:1.2rem; width:23px; height:7px; background:url('/images/introduce/2023/subtop_arr.png') no-repeat; background-size:cover;}
.section_introduce.app a.reg:hover {background:#000;}*/
.section_introduce a.reg {display:inline-block; position:relative; margin:2rem 0 0; min-width:234px; border-radius:50px; background:#3395D6; padding:1rem; text-align:center; font-size:clamp(16px,1.25vw,18px); font-weight:500; color:#fff; transition:.7s ease-out;}
.section_introduce a.reg:hover {background:#0081C8;}
.section_introduce.benefit {background:#C9DDEB url('/images/introduce/2023/frelocate2_bg.png') left no-repeat; padding:0;}
.section_introduce.benefit .w_container {display:flex; flex-direction:row; align-items:center; justify-content:center; min-height:480px;}
.section_introduce.benefit .img {width:50%;}
.section_introduce.benefit .txt {width:50%; text-align:left;}
.section_introduce.benefit .txt h3 {color:#133353;}
.section_introduce.benefit .txt .col {display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; margin-top:2.5rem;}
.section_introduce.benefit .txt .col > div {display:flex; flex-direction:row; align-items:center; padding-right:2rem;}
.section_introduce.benefit .txt .col > div img {float:left; padding-right:1rem;}
.section_introduce.benefit .txt .col > div span {float:left; text-align:left;} 
.section_introduce.benefit .txt .col > div .des {display:block; margin-top:0; padding-bottom:0.5rem; font-size:clamp(18px,1.38vw,20px); font-weight:700; color:#333;}
.section_introduce.benefit .txt .col > div .per {display:block; font-size:clamp(26px,2.36vw,34px); font-weight:700; color:#F66B05;}
.section_introduce.transfer {background:#F4F8FB;}
.section_introduce.transfer ul {margin:20px 0 0 -28px; margin-bottom:0;}
.section_introduce.transfer li {padding:30px 0 0 28px;}
.section_introduce.transfer .box {box-shadow:2px 2px 30px rgba(0,0,0, 0.08); border-radius:20px; background:#fff; padding:2rem 0 3rem;}
.section_introduce.transfer .box .no {display:inline-block; width:40px; height:40px; margin-bottom:1rem; border-radius:100px; background:#3395D6; padding-top:6px; font-size:20px; font-weight:700; color:#fff;}
.section_introduce.transfer .box h4 {font-size:clamp(20px,1.66vw,24px); font-weight:700; color:#0081C8;}
.section_introduce.transfer .box .icon {display:block; padding:0.5rem 0 0;}
.section_introduce.transfer .box p {min-height:auto; font-size:clamp(16px,1.25vw,18px); font-weight:500; color:#777;}
.section_introduce.transfer .box p + a {margin-top:5px; margin-bottom:-29px;}
.section_introduce.transfer .box a {display:block; margin-top:clamp(20px,2.08vw,30px); font-size:clamp(14px,1.11vw,16px); font-weight:500; color:#0081C8;}
.section_introduce.transfer .box a .arr {display:inline-block; width:8px; height:12px; background:url('/images/introduce/2023/frelocate3_arr.png') no-repeat;}
.section_introduce.transfer .icon7 {padding-top:3rem; font-size:clamp(14px,1.11vw,16px); font-weight:500; color:#333;}
.section_introduce.transfer .icon7 img {vertical-align:middle; margin:0 5px 5px 0;}
.section_introduce.transfer .icon7 a {display:inline-block; margin-left:5px; border-bottom:1px solid #0081C8; font-size:clamp(14px,1.11vw,16px); font-weight:500; color:#0081C8;}
.section_introduce.transfer .icon7 a .arr {display:inline-block; width:8px; height:12px; background:url('/images/introduce/2023/frelocate3_arr.png') no-repeat;}
.section_introduce .reg_faq {margin:3rem 0 0; }
.section_introduce .reg_faq dl {}
.section_introduce .reg_faq dt {position:relative; margin-top:8px; background:#F4F4F4; padding:1.2rem 3rem; text-align:left; font-size:clamp(18px,1.38vw,20px); font-weight:700; color:#333; cursor:pointer;}
.section_introduce .reg_faq dd {display:none; background:#F4F4F4; padding:.2rem 3rem 1.2rem; text-align:left; font-size:clamp(16px,1.25vw,18px); font-weight:500; color:#777;}
.section_introduce .reg_faq dt:before {display:block; content:''; position:absolute; top:50%; left:1.5rem; margin-top:-8px; width:13px; height:17px; background:url('/images/introduce/2023/frelocate4_q.png') no-repeat; background-size:cover;}
.section_introduce .reg_faq dt:after {display:block; content:''; position:absolute; top:50%; right:1.5rem; margin-top:-6px; width:20px; height:12px; background:url('/images/introduce/2023/frelocate4_arr.png') no-repeat; background-size:cover;}
.section_introduce .reg_faq dt.active:after {transform:rotate(-180deg);}
.section_introduce .reg_faq a.link {display:inline-block; margin:10px 5px 0; border-bottom:1px solid #3399ff; font-size:inherit; color:#3399ff;}
/*.section_introduce a.consult {display:inline-block; position:relative; margin:2rem 0; min-width:400px; border-radius:50px; background:#133353; padding:1.5rem; text-align:center; font-size:clamp(20px,1.66vw,24px); font-weight:700; color:#fff; transition:.7s ease-out;}
.section_introduce a.consult {background:#000;}*/
@media screen and (max-width: 1680px){
	.section_introduce.benefit {background-position:-10rem center;}
}
@media screen and (max-width: 1440px){
	.section_introduce.benefit {background-position:-20rem center;}
}
@media screen and (max-width: 1180px){
	.section_introduce.benefit {background-position:-40rem center;}
	.section_introduce.benefit .img {display:none;}
	.section_introduce.benefit .txt {width:100%; text-align:center;}
	.section_introduce.benefit .txt .col {justify-content:center;}
}
@media only screen and (max-width:1024px) {
	.section_introduce.transfer li {width:50% !important;}
	.section_introduce.transfer .box p.v2 {min-height:70px;}
}
@media only screen and (max-width: 830px){
	.section_introduce.transfer ul > li p br {display:block !important;}
}
@media only screen and (max-width:768px) {
	.section_introduce.benefit {background-position:-50rem center;}
	.section_introduce.benefit .txt h3 br {display:block !important;}
	.section_introduce.benefit .txt .col > div {flex-direction:column; padding:0 20px;}
	.section_introduce.benefit .txt .col > div img {padding-right:0;}
	.section_introduce.benefit .txt .col > div span {padding-top:1rem; text-align:center;} 
	.section_introduce.transfer li {width:100% !important;}
	.section_introduce.transfer .box {padding-left:40px; padding-right:40px;}
	.section_introduce.transfer .box p.v2 {min-height:auto;}
	.section_introduce.transfer .icon7 {padding-top:3rem;}	
}
@media only screen and (max-width:640px) {
	.section_introduce a.reg {min-width:200px;}
	.section_introduce.benefit .txt .col > div {width:50%; padding:0 5px;}
	.section_introduce.transfer {padding:80px 0;}
	.section_introduce.transfer .box {min-height:auto;}	
}
@media only screen and (max-width:480px) {
	.section_introduce a.consult {min-width:90%;}
}
@media only screen and (max-width:406px) {
	.section_introduce.transfer .box p br {display:none !important;}
}

/* 퍼드림 */
.section_introduce h3 + p {margin-top:20px; font-weight:700; color:#777;}
.section_introduce em {font-weight:inherit; color:#0081C8;}
.section_introduce .page {display:flex; flex-flow:row; align-items:center; padding:2rem 8rem;}
.section_introduce .page + .page {border-top:1px solid #E1E1E1;}
.section_introduce .page .txt {position:relative; width:50%; /*padding-left:6rem;*/ text-align:left; font-size:clamp(18px,1.80vw,26px); font-weight:500; color:#333; line-height:1.4; letter-spacing:-0.5px;}
.section_introduce .page .img {position:relative; width:50%; text-align:right;}
.section_introduce .page .img img {/*padding-left:6rem;*/}
.section_introduce .page.reverse {flex-flow:row-reverse;}
.section_introduce .page.reverse .txt {/*padding-left:6rem;*/ text-align:right;} 
.section_introduce .page.reverse .img {text-align:left;}
.section_introduce .page.reverse .img img {/*padding-left:0; padding-right:6rem;*/}
/*.section_introduce.col a.reg {display:inline-block; position:relative; margin:0 0; min-width:234px; border-radius:50px; background:#3395D6; padding:1rem; text-align:center; font-size:clamp(14px,1.25vw,18px); font-weight:500; color:#fff; transition:.7s ease-out;}
.section_introduce.col a.reg:hover {background:#0081C8;}*/
.section_introduce.app ul {margin-bottom:0;}
.section_introduce.app ul.x3 li {width:33.33%;}
.section_introduce.app ul.x4 li {width:25%;}
.section_introduce.support {background:#C9DDEB;}
.section_introduce.support ul {margin:0 0 0 -26px;}
.section_introduce.support li {padding-left:26px;}
.section_introduce.support .box {min-height:36rem; box-shadow:0 0 20px rgba(0,0,0, 0.05); border-radius:20px; background:#fff; padding:3.5rem 20px 3rem;}
.section_introduce.support .box .icon {display:inline-block; margin-bottom:clamp(38px,2.77vw,40px); box-shadow:2px 2px 30px rgba(0,0,0, 0.15); border-radius:100px; background:#fff; padding:1.5rem;}
.section_introduce.support .box h4 {margin-bottom:clamp(32px,2.77vw,40px); font-size:clamp(24px,1.94vw,28px); font-weight:700; color:#0081C8;}
.section_introduce.support .box p {min-height: 36px; font-size:clamp(16px,1.25vw,18px); font-weight:500; color:#333; line-height:2.0;}
.section_introduce.support .box p .desc {display:block; margin-top:-10px; color:#888;}
.section_introduce.support .box dl {background-color: #edf7ff; padding: .75rem 1.5rem; border-radius: .5rem; color: #077cb8; width: 90%; margin: 0 auto; text-align: left}
.section_introduce.support .box dd {font-size: 16px; line-height: 1.5; font-weight: 500;}
.section_introduce.support .box dd::before {content: "·"; padding-right: 5px}
@media only screen and (max-width:1440px) {
	.section_introduce.support .box {min-height:34rem;}
}
@media only screen and (max-width:1024px) {
	.section_introduce .page {padding:3rem 3rem;}
	.section_introduce.support li {width:50% !important;}
	.section_introduce.support ul > li p {min-height:70px;}
}
@media only screen and (max-width: 830px){
	.section_introduce.app ul > li p br {display:block !important;}
	.section_introduce.support ul > li p br {display:block !important;}
}
@media only screen and (max-width:768px) {	
	.section_introduce .page {padding:2rem 0;}
	.section_introduce .page .txt {padding-left:0;}	
	.section_introduce .page .img img {padding-left:2rem;}
	.section_introduce .page.reverse .txt {padding-left:0;} 
	.section_introduce .page.reverse .img img {padding-left:0; padding-right:2rem;}
	.section_introduce.support li {width:100% !important;}
	.section_introduce.support .box {min-height:auto;}
}
@media only screen and (max-width:640px) {	
	.section_introduce.col,
	.section_introduce.app,
	.section_introduce.support,
	.section_introduce.transfer {padding:80px 0;}
	.section_introduce.support h3 + p em {display:block;}
}
@media only screen and (max-width:565px) {
	.section_introduce .page .txt br {display:none !important;}
}
@media only screen and (max-width:500px) {	
	.section_introduce.col h3 br,
	.section_introduce.app h3 br {display:none;}
	.section_introduce.app ul > li {width:100% !important;}
}

/* 요금안내 - 이벤트 뱃지 */
.price .i_event {top:-10px;}
.i_event { position:absolute; top:10px; left:50%; margin-left:-25px; width:60px; height:22px; border-radius:10px; background:#ff6420; text-align:center; animation:i_event 1.2s linear infinite; z-index:1; }
.i_event.v2 { animation:i_event2 1.2s linear infinite; }
.i_event .txt {font-style:normal; font-size:12px !important; font-weight:400; color:#fff; line-height:22px;}
.i_event .arrow { position:absolute; bottom:-8px; left:50%; margin-left:-5px; font-size:6px !important; line-height:1.0; color:#ff6420; }
@keyframes i_event {0% {transform:translateY(0)} 50% {transform:translateY(-4px)} 100% {transform:translateY(0)}}
@keyframes i_event2 {0% {transform:translateY(-4px)} 50% {transform:translateY(0)} 100% {transform:translateY(-4px)}}


/*-----------------------------------------------------------------*/
/* 광고ㆍ마케팅
/*-----------------------------------------------------------------*/

/* scroll effect */
.trxShwAnm, img.trxShwAnm {transform:translateY(100px); opacity:0; transition:transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);}
.trxShwAnm.on {transform:translateY(0); opacity:1;}
[data-scroll="fadein_up"] {opacity:0; transform:translateY(30px); transition:.8s;}
[data-scroll="fadein_up"].on {opacity:1; transform:translateY(0);}

/* 반응형 줄바꿈 */
.line_wrap_rev,
.line_wrap_rev_m{display:block}
@media only screen and (max-width:1023px) {
	.line_wrap{display:block}
	.line_wrap_rev{display:inline}
}
@media only screen and (max-width:639px) {
	.line_wrap_m{display:block}
	.line_wrap_rev_m{display:inline}
}

/* 반응형 컨텐츠 */
@media only screen and (min-width:1024px) {
	.resp_tablet .tablet{display: none;}
}
@media only screen and (max-width:1023px) {
	.resp_tablet .pc{display: none;}
}
@media only screen and (min-width:640px) {
	.resp_mo .mo{display: none;}
}
@media only screen and (max-width:639px) {
	.resp_mo .pc{display: none;}
}

/* 광고ㆍ마케팅 - 공통 스타일 */
.sec_tit_comm {text-align:center;}
.sec_tit_comm p {font-size:clamp(26px, 2.77vw, 40px); font-weight:700; color:#333; letter-spacing:-.05em; line-height:1.4; word-break:keep-all;}
.sec_tit_comm p small {font-size:clamp(26px, 2.5vw, 38px);}
.sec_tit_comm p span {/*display:block;*/}
.sec_desc_comm {padding-top:1em; text-align:center;}
.sec_desc_comm p {font-size:clamp(18px, 1.8vw, 20px); font-weight:500; color:#333; letter-spacing:-.05em; word-break:keep-all;}
.bg_gray {background:#F4F8FB;}
.bg_sky {background:#C9DDEB;}
.bg_navy {background:#133353;}
.bg_navy .sec_tit_comm p,
.bg_navy .sec_desc_comm p {color:#fff;}

/* 광고ㆍ마케팅 */
.cate_ads {padding-bottom:0 !important;}
.cate_ads .sec_head_comm {/* height:440px; position:relative; max-width:100% !important; */}
.cate_ads .sec_head_comm .visual img {/*position:absolute; left:50%; top:0; z-index:-1; transform:translateX(-50%); */}
.cate_ads section {overflow:hidden;}
.cate_ads section:not(.sec_head_comm, .sec_snb_comm, .sec_start_comm) {padding-top:clamp(60px, 13vw, 100px); padding-bottom:clamp(60px, 13vw, 100px);}
.cate_ads .list {display:flex; flex-wrap:wrap;}
.cate_ads .list li {display:flex; flex-direction:column; align-items:center;}
.cate_ads .list li .tit {display:block; margin-top:0.3em; font-size:clamp(1.1rem,2.5vw,1.34rem); font-weight:500; word-break:keep-all;}
.cate_ads .list .texts h4 {font-size:clamp(24px, 2.5vw, 34px); font-weight:700; color:#0081C8;}
.cate_ads .list .texts p {display:flex; flex-direction:column; padding-top:.3em; font-size:clamp(1.0rem,1.6vw,1.2rem); font-weight:400; color:#333;}
.cate_ads section.sec_consult {padding-top:clamp(40px, 9vw, 70px); padding-bottom:clamp(40px, 9vw, 70px); text-align:center;}
.cate_ads section.sec_consult .sec_tit_comm p {font-size:clamp(26px, 4.2vw, 32px);}
.cate_ads section.sec_consult .sec_desc_comm p {font-size:clamp(16px, 2.0vw, 20px); color:#777;}
.cate_ads section.sec_consult .sec_btns {padding-top:2em;}
.cate_ads section.sec_consult .sec_btns a {display:inline-block; position:relative; width:176px; margin:5px; border-radius:5px; background:#4731D0; padding:15px 15px; text-align:left; font-size:16px; color:#fff; letter-spacing:-0.5px; line-height:1.6; transition:all 0.3s ease;}
.cate_ads section.sec_consult .sec_btns a::after {display:block; content:''; position:absolute; top:50%; right:15px; margin-top:-6px; width:8px; height:12px;  background:url('/images/ads/btn_arr_w.png') no-repeat right center;}
.cate_ads.online .sec_intro {padding-bottom:0; border-bottom:1px solid #eee;}
.cate_ads.online .sec_intro [data-scroll] {opacity:0; transition:.2s;}
.cate_ads.online .sec_intro [data-scroll].on {opacity:1;}
.cate_ads.online .sec_intro .cont {position:relative; margin-top:clamp(40px,10vw, 90px); max-width:908px; margin-left:auto; margin-right:auto;}
.cate_ads.online .sec_intro .bg {max-width:100%;}
.cate_ads.online .sec_intro .logos img {position:absolute;}
.cate_ads.online .sec_intro .logos :nth-of-type(1) {top:21%; left:-3%;}
.cate_ads.online .sec_intro .logos :nth-of-type(2) {top:2%; left:9%;}
.cate_ads.online .sec_intro .logos :nth-of-type(3) {top:10%; left:23%;}
.cate_ads.online .sec_intro .logos :nth-of-type(4) {top:-11%; left:25%;}
.cate_ads.online .sec_intro .logos :nth-of-type(5) {top:-5%; left:39.5%;}
.cate_ads.online .sec_intro .logos :nth-of-type(6) {top:13%; left:40%;}
.cate_ads.online .sec_intro .logos :nth-of-type(7) {top:-11%; right:25%;}
.cate_ads.online .sec_intro .logos :nth-of-type(8) {top:10%; right:23%;}
.cate_ads.online .sec_intro .logos :nth-of-type(9) {top:2%; right:7%;}
.cate_ads.online .sec_intro .logos :nth-of-type(10) {top:21%; right:-5%;}
.cate_ads.online .sec_intro .features img {position:absolute; border-radius:0; box-shadow:8px 8px 60px 0px rgba(0, 0, 0, 0.10);}
.cate_ads.online .sec_intro .features :nth-of-type(1) {bottom:10%; left:-20%;}
.cate_ads.online .sec_intro .features :nth-of-type(2) {bottom:20%; left:29%; z-index:3;}
.cate_ads.online .sec_intro .features :nth-of-type(3) {bottom:13%; right:-20%;}
.cate_ads.online .sec_prefer .list {gap:clamp(30px,10vw,75px); max-width:980px; margin:clamp(25px,8vw,56px) auto 0;}
.cate_ads.online .sec_prefer .list li {flex-direction:row; align-items:stretch; border-radius:0; width:100%; background:#2A5682;}
.cate_ads.online .sec_prefer .various {flex:1; display:flex; justify-content:space-between; flex-direction:column; padding-top:clamp(25px,8vw,50px); padding-bottom:clamp(25px,8vw,56px);}
.cate_ads.online .sec_prefer .various h4 {font-size:clamp(24px, 2.5vw, 34px); font-weight:700; color:#fff;}
.cate_ads.online .sec_prefer .various p {font-size:clamp(1.0rem,1.6vw,1.2rem); color:#95CFFF;}

.cate_ads.online .sec_prefer .various .logos {display:flex; gap:8px;}
.cate_ads.online .sec_prefer .various .logos img {transition:.75s cubic-bezier(0.47, 1.64, 0.41, 0.8) .75s;}
.cate_ads.online .sec_prefer .various .logos img:nth-of-type(2) {transform:translateX(-3rem);}
.cate_ads.online .sec_prefer .various .logos img:nth-of-type(3) {transform:translateX(-6rem);}
.cate_ads.online .sec_prefer .various .logos img:nth-of-type(4) {transform:translateX(-9rem);}
.cate_ads.online .sec_prefer .various .logos img:nth-of-type(5) {transform:translateX(-12rem);}
.cate_ads.online .sec_prefer .various .logos img:nth-of-type(6) {transform:translateX(-15rem);}
.cate_ads.online .sec_prefer .various .logos img[data-scroll].on {transform:translateX(0);}
.cate_ads.online .sec_diad {overflow:hidden; padding: 6vh 0}
.cate_ads.online .sec_diad .top_area {position:absolute; top:6vh; left:0; z-index:10;}
.cate_ads.online .sec_diad .top_area p {text-align:left;}
.cate_ads.online .sec_diad .texts p {color:#777; font-size:clamp(16px,2vw,18px);}
.cate_ads.online .sec_diad .texts strong {color:#000; font-size:clamp(16px,2vw,18px); font-weight:400;}
.cate_ads.online .sec_diad .texts h4 {font-size:clamp(28px,2.5vw,34px); color:#0081C8; font-weight:600;}
.cate_ads.online .sec_diad .solutions {overflow:inherit;}
.cate_ads.online .sec_diad .background {top:50%; right:5vw; transform:translateY(-50%); position:absolute; display:block; border-radius:50%; width:min(100%,560px); aspect-ratio:1; transition:.25s;}
.cate_ads.online .sec_diad .background::before {content:""; top:13rem; left:-2.5rem; position:absolute; display:block; border-radius:50%; width:200px; height:200px; background-color:rgba(100,100,100,.1); transition:.5s; z-index:-1;}
.cate_ads.online .sec_diad .background::after {content:""; top:0; left:16rem; position:absolute; display:block; border-radius:50%; width:100px; height:100px; background-color:rgba(0,0,0,.1); transition:1s; z-index:-1;}
.cate_ads.online .sec_diad .background .donut {width:100%; height:100%; border-radius:50%; background-image:linear-gradient(#46aef7, #1dd5e6); transition:.25s;}
.cate_ads.online .sec_diad .background .donut::after {content:""; width:30%; height:30%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%; background-color:#fff;}
.cate_ads.online .sec_diad .background.pro::before {top:13rem; left:-2.5rem;}
.cate_ads.online .sec_diad .background.pro::after {top:0; left:16rem;}
.cate_ads.online .sec_diad .background.pro .donut {background-image:linear-gradient(#46aef7, #1dd5e6);}
.cate_ads.online .sec_diad .background.wave::before {top:14rem; left:14rem;}
.cate_ads.online .sec_diad .background.wave::after {top:3rem; left:-0.5rem;}
.cate_ads.online .sec_diad .background.wave .donut {background-image:linear-gradient(#85f4bb, #8cd9e8);}
.cate_ads.online .sec_diad .background.trend::before {top:10rem; left:-2.5rem;}
.cate_ads.online .sec_diad .background.trend::after {top:6rem; left:20.5rem;}
.cate_ads.online .sec_diad .background.trend .donut {background-image:linear-gradient(#3fbbfe, #a541ff);}
.cate_ads.online .sec_diad .background.shopping::before { top: 13rem; left: -2.5rem; }
.cate_ads.online .sec_diad .background.shopping::after { top: 0; left: 16rem; }
.cate_ads.online .sec_diad .background.shopping .donut { background-image: linear-gradient(rgb(140, 71, 243), rgb(93, 1, 231)); }
.cate_ads.online .sec_diad .swiper-slide {opacity:0 !important; display:flex; width:100%; height:auto;}
.cate_ads.online .sec_diad .swiper-slide-active {opacity:1 !important;}
.cate_ads.online .sec_diad .swiper .texts {flex:1 1 auto; position:relative; top:300px; display:flex; flex-direction:column; align-items:flex-start; gap:1rem;}
.cate_ads.online .sec_diad .swiper .texts p {display:flex; flex-direction:column;}
.cate_ads.online .sec_diad .swiper .texts a {font-size:16px; font-weight:600; color:#0081C8;}
.cate_ads.online .sec_diad .swiper .texts a::after {content:''; display:inline-block; width:1em; height:1.5em; margin-left:.5em; vertical-align:top; background:url('/images/ads/btn_arr.png') center no-repeat;}
.cate_ads.online .sec_diad .swiper .texts+.image {flex:0 0 62%; right:2.25vw; order:0; display:flex; justify-content:center; align-items:center;}
.cate_ads.online .sec_diad .swiper-pagination {position:relative; margin:30px auto 0; display:flex; gap:8px;}
.cate_ads.online .sec_diad .swiper-pagination li {width:33.33%; margin:0; padding:0 1.1rem;}
.cate_ads.online .sec_diad .swiper-pagination-bullet {font-weight:700; font-size:clamp(14px,2vw,16px); background-color:#E3E3E3; color:#969696; line-height:1.6; width:-moz-fit-content; width:fit-content; height:40px; white-space:nowrap; border-radius:50px; padding:0 1rem; display:flex;  justify-content:center; align-items:center; opacity:1;}
.cate_ads.online .sec_diad .swiper-pagination-bullet-active {background-color:#0081C8; color:#fff;}
.cate_ads.sns .sec_function .list {justify-content:center;}
.cate_ads.sns .sec_function .list li {flex-basis:230px; margin-top:3.2rem;}
.cate_ads.sns .sec_function .list li span {margin-bottom:10px; box-shadow:0 2px 30px rgba(0,0,0, 0.1); border-radius:100px; background:#fff; padding:20px;}
.cate_ads.sns .sec_function .list li .tit {font-size:clamp(14px, 1.25vw, 18px); font-weight:600;}
.cate_ads.sns .sec_methods {background:#133353;}
.cate_ads.sns .sec_methods .list {max-width:85%; margin:clamp(30px, 3.47vw, 50px) auto 0;}
.cate_ads.sns .sec_methods .list li {flex-basis:50%; text-align:center;}
.cate_ads.sns .sec_methods .list li:nth-child(3),
.cate_ads.sns .sec_methods .list li:nth-child(4) {margin-top:clamp(30px, 3.47vw, 50px);}
.cate_ads.sns .sec_methods .list li > * {/*width:min(100%, 380px);*/}
.cate_ads.sns .sec_methods .list h4 {padding-top:.7em; font-size:clamp(24px, 2.5vw, 34px); font-weight:500; color:#fff;}
.cate_ads.sns .sec_methods .list p {padding-top:.2em; font-size:clamp(1.0rem,1.6vw,1.2rem); color:#95CFFF;}
.cate_ads.sns .sec_contacts .list {gap:20px; margin-top:clamp(25px,8vw,56px);}
.cate_ads.sns .sec_contacts .list li {flex-direction:row; align-items:center; gap:25px; width:calc(50% - 10px); min-height:224px; padding:40px 20px; border-radius:0; background:#fff;}
.cate_ads.sns .sec_contacts .list .image {width:154px; text-align:center;}
.cate_ads.sns .sec_contacts .list .texts {flex:1;}
.cate_ads.sns .sec_contacts .list p {color:#555;}
.cate_ads .sec_start_comm .tel {padding-top:10px; letter-spacing:0;}
@media only screen and (max-width:1023px) {
	.cate_ads.online .sec_diad .swiper .texts {top:250px;}
}
@media only screen and (max-width:767px) {
    .cate_ads .sec_head_comm {height:auto; padding-bottom:0 !important; background:#F2F5FA;}
    .cate_ads .sec_head_comm .visual {position:relative;}
    .cate_ads .sec_head_comm .visual img {position:relative; transform:translateX(calc(-50% - 46vw)); height:70vw; z-index:1;}
    .cate_ads .list .texts p {display:block;}
    .cate_ads.online .sec_head_comm .w_container {z-index:1;}
    .cate_ads.online .sec_head_comm .visual {margin-top:-28vw;}
    .cate_ads.online .sec_head_comm .visual img {transform:translateX(calc(-50% - 20vw)); height:95vw; z-index:0;}
    .cate_ads.online .sec_prefer .list li {flex-direction:column;}
    .cate_ads.online .sec_prefer .list .image img {width:100%;}
    .cate_ads.online .sec_prefer .list .various {align-items:center; gap:30px; padding-left:clamp(25px,8vw,56px); padding-right:clamp(25px,8vw,56px); text-align:center;}
    .cate_ads.online .sec_diad .top_area {position:static;}
    .cate_ads.online .sec_diad .top_area p {text-align:center;}
    .cate_ads.online .sec_diad .background {top:35%; right:0; /*transform:translateY(-75%) scale(.8);*/}
    .cate_ads.online .sec_diad .swiper-slide {flex-direction:column-reverse;}
    .cate_ads.online .sec_diad .swiper .texts+.image {flex:none; width:100%; height:90vw; position:relative; top:9vw; right:0;}
    .cate_ads.online .sec_diad .swiper .texts+.image img {max-width:100%; margin-left:2vw; margin-top:5vw;}
    .cate_ads.online .sec_diad .swiper .texts {top:80px; height:300px; align-items:center; text-align:center;}
    .cate_ads.online .sec_diad .swiper .texts p {display:block;}
    .cate_ads.online .sec_diad .swiper .texts strong {display:block;}
    .cate_ads.online .sec_diad .swiper-pagination {width:80%; margin:30px auto 0;}
    .cate_ads.online .sec_diad .swiper-pagination li {padding-left:.5em; padding-right:.5em; /*font-size:1rem;*/}
    .cate_ads.sns .sec_head_comm .visual img {transform:translateX(calc(-50% - 46vw)); height:70vw;}
    .cate_ads.sns .sec_function .list {flex-direction:row; gap:3rem;}
    .cate_ads.sns .sec_function .list li {flex-basis:content;}
    .cate_ads.sns .sec_methods .list {flex-direction:column; gap:30px;}
    .cate_ads.sns .sec_methods .list li {flex-basis:auto; text-align:center;}
    .cate_ads.sns .sec_methods .list li:nth-child(even) {margin-top:0;}
    .cate_ads.sns .sec_contacts .list {flex-direction:column; gap:15px;}
    .cate_ads.sns .sec_contacts .list li {flex-direction:column; width:100%; min-height:auto; text-align:center;}
}
@media only screen and (max-width:500px) {
	.cate_ads.sns .sec_function .list {gap:2rem;}
	.cate_ads.sns .sec_function .list li span {padding:15px;}
	.cate_ads.online .sec_diad .swiper-pagination {width:100%;}
}

/* 광고ㆍ마케팅 - 하단 상담하기 */
.sec_start_comm {position:relative; padding:clamp(50px, 9vw, 90px) 0; text-align:center;}
.sec_start_comm .w_container {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sec_start_comm h3 {width:100%; font-size:clamp(26px, 2.77vw, 40px); font-weight:700; letter-spacing:-2.2px; line-height:1.3;}
.sec_start_comm h3 p {padding-top:15px; font-size:clamp(20px, 1.66vw, 24px); font-weight:600; letter-spacing:-0.5px;}
.sec_start_comm .btns {width:100%;}
.sec_start_comm .btns a.tel {display:block; padding:clamp(20px, 2.08vw, 30px) 0; text-align:center; font-size:clamp(35px, 2.77vw, 40px); font-weight:700; color:#0081C8; letter-spacing:0; line-height:1.2;}
.sec_start_comm .btns a.regist {display:inline-block; width:380px; margin:5px; border-radius:50px; background:#0081C8; padding:20px 0; text-align:center; font-size:clamp(20px, 1.66vw, 24px); font-weight:700; color:#fff; letter-spacing:-1px; line-height:1.2; transition:all 0.3s ease;}
.sec_start_comm .btns a.regist:hover {background:#0081C8;}
@media only screen and (max-width:767px) {
	.sec_start_comm .btns a.regist {width:280px;}
}
@media only screen and (max-width:500px) {
	.sec_start_comm .btns a.regist {width:200px; padding:15px 0;}
}

.section_visual.responsive,
.section_visual.responsive .slick-list,
.section_visual.responsive .slick-track {
	height: auto !important;
	overflow: hidden;
}

.section_visual.responsive .slide_slick a img:nth-of-type(2) {
	display:  none;
}

@media screen and (max-width: 640px) {

	.section_visual.responsive .slide_slick a img:nth-of-type(1) {
		display:  none;
	}

	.section_visual.responsive .slide_slick a img:nth-of-type(2) {
		display:  block;
	}
}

/* 20240708 이벤트 클라우드 */
#modalBillDetail {
	max-height: 90vh !important;
}

.gcloud-table.table_list .total {
	text-align: right;
	font-size: 17px;
}

.gcloud-table.table_list dl {
	width: 100%;
	display: flex;
	justify-content: space-between;
	line-height: 2;
}

.gcloud-table.table_list dl:first-of-type * {
	font-size: 16px;
	font-weight: bold;
}

.gcloud-table.table_list dl::after {
	content: none;
}

.ui-dialog .ui-dialog-content .gcloud-table.table_list > tbody > tr > td {
	padding: 1rem;
	line-height: 1.5;
	font-size: 15px;
	vertical-align: top;
}

.gcloud-table.table_list [class$='price']::before, 
.gcloud-table.table_list [id$='price']::before {
	content: "\20A9"
}

/* 20241008 모바일앱 영역 UI개선 */
.main_partners .partner_sl.apps {
}

.main_partners .partner_sl.apps .swiper-wrapper {
	gap: 1.5rem;
}

.main_partners .partner_sl.apps li {
  width: 372px !important;
	max-width: 70%;
  height: 169px;
	border-radius: 20px;
	box-shadow: 2px 4px 25px 0px #9CA0A740;
	padding: 1.5rem;
	display: flex;
	gap: 1rem;
	box-sizing: border-box;
}

.main_partners .partner_sl.apps li a:before,
.main_partners .partner_sl.apps li a:after {
	content: none
}

.main_partners .partner_sl.apps li .tit {
	position: relative;
	color: black;
	bottom: auto;
	width: fit-content;
	left: auto;
	font-size: 22px;
	font-weight: 600;
}

.main_partners .partner_sl.apps .content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.main_partners .partner_sl.apps .content a {
	width: 38px;
	aspect-ratio: 1;
	background-image: url('../images/mobileapp/app_android.png');
	background-repeat: no-repeat;
}

.main_partners .partner_sl.apps .app {
	display: flex;
	gap: .5rem
}

.main_partners .partner_sl.apps .content a:last-of-type {
	background-image: url('../images/mobileapp/app_apple.png');
}

.main_partners .partner_rev_sl.apps {
	padding-top: 24px;
}

@media screen and (max-width: 640px) {
	.main_partners .partner_sl.apps {
		padding: 1rem 0;
		overflow: hidden;
	}
}