@import url("sub.css");


/* 모바일 앱 서비스 */
.app_service_con .design01 dl dt {padding:0 !important; display:flex; flex-wrap:wrap; align-items:center;}
.app_cont01 {display:flex; flex-wrap:wrap; align-items:center; margin:70px 0 0;}
.app_cont01 .imgCont {width:50%;}
.app_cont01 .imgCont img {max-width:100%;width:100%; border-radius:10px 60px 10px 10px;}
.app_cont01 .txtCont {width:50%; padding-left:4%; box-sizing:border-box;}
.app_cont01 .txtCont h4 {font-size:1.765rem; color:#222; letter-spacing:-0.8pt; line-height:1.4; font-weight:400; margin:22px 0 10px;}
.app_cont01 .txtCont p {line-height:1.7; letter-spacing:-0.7pt; }
.app_cont01 .txtCont .demo_txt {display:inline-block; font-weight:400; letter-spacing:-0.6pt; line-height:1.5; color:#222; margin:50px 0 15px; transition:all 0.3s linear;}
.app_cont01 .txtCont .demo_txt:hover {color:#0eb3d3; transition:all 0.3s linear;}
.app_cont01 .txtCont ul {font-size:0; /* margin:50px 0 0; */}
.app_cont01 .txtCont ul li {display:inline-block; vertical-align:middle;}
.app_cont01 .txtCont ul li a {display:inline-block; font-size:0.882rem; color:#222; line-height:48px; border:1px solid #ddd; border-radius:50px; width:180px; box-sizing:border-box; height:52px; padding-left:63px; background-repeat:no-repeat; background-position:center left 23px; transition:all 0.2s linear; margin-right:4px;}
.app_cont01 .txtCont ul li a:hover {border:1px solid #0eb3d3; color:#0eb3d3; transition:all 0.2s linear;}
.app_cont01 .txtCont ul li a.google {background-image:url("/html/service/img/app_service_icon02.png");}
.app_cont01 .txtCont ul li a.apple {background-image:url("/html/service/img/app_service_icon03.png"); margin-right:0;}

.app_cont01:nth-child(even) {flex-direction: row-reverse;}
.app_cont01:nth-child(even) .imgCont img {max-width:100%; border-radius:60px 10px 10px 10px;}
.app_cont01:nth-child(even) .txtCont {width:50%; padding-left:0%;padding-right:4%;box-sizing:border-box;}

.con_table {margin:80px 0 0;}
.con_table dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 80px;}
.con_table dl:last-child {margin:0;}
.con_table dl dt {width:50%;}
.con_table dl dt img {max-width:100%; border-radius:10px 60px 10px 10px;}
.con_table dl dd {width:50%; padding-left:4%; box-sizing:border-box;}
			.con_table dl dd h4 {font-size:1.765rem; color:#222; font-weight:400; letter-spacing:-0.8pt; line-height:1.3; margin: 0 0 10px;}
			.con_table dl dd p {letter-spacing:-0.7pt; line-height:1.8; margin:0 0 33px;}
			.con_table dl dd p:last-child {margin:0;}

.con_table dl:nth-child(2n) dt {order:2;}
.con_table dl:nth-child(2n) dd {order:1; padding-left:0; padding-right:4%;}
.con_table dl:nth-child(2n) dt img {border-radius:60px 10px 10px 10px;}


.app_table {display:flex; flex-wrap:wrap; align-items:flex-start;}
.app_table > .ap_tab {width:36.585%; padding-left:4%; box-sizing:border-box; padding-top:25px;}
		.app_table > .ap_tab dl {margin:0 0 50px;}
		.app_table > .ap_tab dl:last-child {margin:0;}
		.app_table > .ap_tab dl dt {position:relative; display:flex; flex-wrap:wrap; }
		.app_table > .ap_tab dl dt::after {content:''; width:105px; height:1px; background:#0f91d0; position:absolute; top:50%; left:-105px;}
		.app_table > .ap_tab dl dt::before {content:''; width:9px; height:9px; border-radius:100%; background:#0f91d0; position:absolute; top:50%; left:-110px; margin-top:-4px;}
		.app_table > .ap_tab dl dt.two {width:97.33%;}
		.app_table > .ap_tab dl dt.two img {width:calc((100% - 2px) / 2); margin-right:2px;}
		.app_table > .ap_tab dl dt.two img:last-child {margin-right:0;}
		.app_table > .ap_tab dl dt img {max-width:100%; border:1px solid #ddd; box-sizing:border-box;}
		.app_table > .ap_tab dl dd {}
		.app_table > .ap_tab dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.3; font-weight:400;}
		.app_table > .ap_tab dl dd p {font-size:0.882rem; font-weight:400; letter-spacing:-0.5pt; line-height:1.5; margin:5px 0 20px;}

.app_table > .ap_tab.left {padding-left:0; padding-right:4%; text-align:right;}
.app_table > .ap_tab.left dl dt::after {left:auto; right:-93px;}
.app_table > .ap_tab.left dl dt::before {left:auto; right:-100px;}

.app_table > .ap_tab.center {padding:0 !important; width:26.83%; border:14px solid #000; box-sizing:border-box; border-radius:30px; overflow:hidden; box-shadow:0 15px 20px rgba(0,0,0,0.11);}
.app_table > .ap_tab.center img {display:block; margin:0 auto; max-width:100%;}

#preview {width:1000px; margin:0 auto 150px; overflow:hidden;}
.preview_list {display:flex; flex-wrap:wrap; align-items:center;}
.preview_list .view_list {width:490px; height:660px; overflow:hidden; position:relative; padding:13px 0; box-sizing:border-box; background:url("/html/service/img/phone_frame.png")no-repeat center / auto 100%;}
.preview_list .view_list::before {content:''; width:302px; height:100%; background:url("/html/service/img/app_service_img06.jpg")no-repeat center / cover; position:absolute; top:0; left:0; z-index:-1; border:1px solid #ddd; border-radius:30px; box-sizing:border-box; opacity:0.7; transform:scale(0.9);}
.preview_list .view_list::after {content:''; width:302px; height:100%; background:url("/html/service/img/app_service_img06.jpg")no-repeat center / cover; position:absolute; top:0; right:0; z-index:-1; border:1px solid #ddd; border-radius:30px; box-sizing:border-box; opacity:0.7; transform:scale(0.9);}
/* .preview_list .view_list::after {content:''; width:330px; height:100%; border:14px solid #000; box-sizing:border-box; border-radius:30px; overflow:hidden; position:absolute; top:0; left:50%; transform:translateX(-50%);} */
.preview_list .view_list .slick-track {/* display:flex; flex-wrap:wrap;  align-items:center; */}
.preview_list .view_list li {}
.preview_list .view_list li img {display:block; margin:0 auto; border-radius:28px;}



.preview_list .view_textCont {display:flex; flex-wrap:wrap; width:calc(100% - 490px); z-index:50; padding-left:85px; box-sizing:border-box; text-align:left !important;}
.preview_list .view_textCont h4 {font-size:1.765rem; color:#222; letter-spacing:-0.6pt; line-height:1.3; font-weight:400; margin:0 0 13px;}
.preview_list .view_textCont p {text-align:left !important;}
.preview_list .view_textCont .slick-list {overflow:hidden; order:2;}
.preview_list .view_textCont .slick-dots {display:flex; flex-wrap:wrap; order:1; margin:0 0 48px; position:relative; }
.preview_list .view_textCont .slick-dots::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0;}
.preview_list .view_textCont .slick-dots li {}
.preview_list .view_textCont .slick-dots li a {display:block; padding:0 20px; height:35px; line-height:33px; text-align:center; font-size:15px; color:#0eb3d3; border:1px solid #0eb3d3; border-radius:50px; box-sizing:border-box; font-weight:400; transition:all 0.3s linear; margin:0 3px 4px 0;}
.preview_list .view_textCont .slick-dots li.slick-active a {background:#0eb3d3; color:#fff; transition:all 0.3s linear;}

.preview_list .view_textCont .slick-arrow {display:block; width:13px; height:22px; font-size:0; border:0; position:absolute; top:315px; cursor:pointer; opacity:0.3; transition:all 0.3s linear;}
.preview_list .view_textCont .slick-arrow:hover {opacity:1; transition:all 0.3s linear;}
.preview_list .view_textCont .slick-prev {left:85px; background:url("/html/service/img/app_prev.png")no-repeat center;}
.preview_list .view_textCont .slick-next {left:135px; background:url("/html/service/img/app_next.png")no-repeat center;}





/* .view_slide {overflow:hidden; margin:100px 0 0;}
.view_list {position:relative; width:330px; margin:0 auto; box-shadow:0 15px 20px rgba(0,0,0,0.11); border-radius:30px;}
.view_list::after {content:''; width:100%; height:100%; border:14px solid #000; box-sizing:border-box; position:absolute; top:0; left:0; border-radius:30px; z-index:99 !important;}
.view_list .slick-list {overflow:visible;}
.view_list .slick-list .slick-slide {padding:14px; box-sizing:border-box;transform:scale(0.98);}
.view_list .slick-list .slick-slide img {max-width:100%; border-radius:30px;}
.view_list .slick-list .slick-active {transform:scale(1);}
.view_list .slick-list .slick-active img {border-radius:0;}
.view_list .slick-track::after {content:''; display:block; clear:both;}

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


.service_price {display:flex; flex-wrap:wrap; width:810px; margin:0 auto;}
.service_price li {position:relative; width:calc((100% - 30px) / 2); margin-right:30px; background:#fff; text-align:center; padding:40px 20px 50px; border:1px solid #ddd; box-sizing:border-box;}
.service_price li .icon {position:relative; display:inline-block; border-radius:100%; box-shadow:0 5px 20px rgba(0,0,0,0.11);}
.service_price li .icon img {border-radius:100%;}
.service_price li h4 {font-size:1.471rem; color:#222; letter-spacing:-0.7pt; font-weight:400; margin:20px 0 5px;}
.service_price li p {width:180px; margin:0 auto; text-align:left; font-size:1.412rem; font-weight:bold; color:#000; }
.service_price li p b {font-size:1rem;  text-align:left; display:inline-block; width:75px; color:#222; letter-spacing:-0.5pt; font-weight:400; vertical-align:middle;}
.service_price li p i {font-size:15px; font-style:normal; }
.service_price li > i {font-style:normal; font-size:15px; font-weight:400; letter-spacing:-0.5pt; margin:7px 0 0; display:block;}
.service_price li.hit {border:2px solid #0eb3d3; box-sizing:border-box; margin-right:0;}
.service_price li.hit::after {content:''; width:127px; height:129px; background:url("/html/service/img/hit_icon.png")no-repeat center; position:absolute; top:-2px; right:0;}
.service_price li.hit .icon::after {content:''; width:33px; height:47px; background:url("/html/service/img/award_icon.png")no-repeat center; position:absolute; top:-6px;; left:2px;}
.service_price li.hit p span {position:relative; color:rgba(0,0,0,0.3);}
.service_price li.hit p span.line::after {content:''; width:100px; height:1px; background:#d81515; position:absolute; top:50%; left:-5px;}
.service_price li.hit p span.free::after {content:''; width:121px; height:48px; background:url("/html/service/img/free_icon.png") no-repeat center; position:absolute; top:15px; left:-5px;}


#service_price .moreBtn {display:block; margin:70px auto 0; width:457px; height:70px;}
#service_price .moreBtn span {line-height:70px; font-size:1.176rem; letter-spacing:-0.7pt;}
#service_price .moreBtn:after {right:-15%; bottom:-50%;}
/* 모바일 앱 서비스 */



/* 전자결제서비스 */
.payment_service {}
	.payment_dia {border:1px solid #ddd; border-radius:30px; overflow:hidden; display:table; width:100%}
	.payment_dia > div {display:table-cell; vertical-align:middle; width:50%}
	.payment_dia .dia_img {text-align:center; padding:45px 6%; font-size:1.176rem; color:#222; letter-spacing:-0.6pt; line-height:1.2; background:#f7fafb}
	.payment_dia .dia_img img {display:block; margin:0 auto 40px}
	.payment_dia .dia_txt {padding:40px 6%}
	.payment_dia .dia_txt h6 {font-size:1.471rem; line-height:1; letter-spacing:-0.6pt; margin-bottom:30px; font-weight:400; color:#222}
	.payment_dia .dia_txt h6 img {display:inline-block; margin-right:15px; vertical-align:bottom}
	.payment_dia .dia_txt h6 img.logo_toss{height:26px;margin-bottom:12px;}
	.payment_dia .dia_txt h6 img.logo_kg{height:20px;margin-bottom:12px;}
	.payment_dia .dia_txt .dot_list {}

.payment_strength {}
	.payment_strengthList {display:table; width:100%; text-align:center;}
	.payment_strengthList dl {display:inline-block; vertical-align:middle; width:30%; border-radius:30px; padding:30px 3%; background:#fff;}
	.payment_strengthList dl:first-child {border-radius:30px 0 0 30px}
	.payment_strengthList dl:last-child {border-radius:0 30px 30px 0}
	.payment_strengthList dt {margin:0 auto 10px}
	.payment_strengthList dt img {}
	.payment_strengthList dd {}
	.payment_strengthList dd h6 {line-height:1; font-weight:400; color:#222; letter-spacing:-0.6pt; font-size:1.471rem; margin-bottom:20px}
	.payment_strengthList dd h6 img {display:block; margin:0 auto 15px}
	.payment_strengthList dd ul {}
	.payment_strengthList dd ul li {border-bottom:1px dashed #ddd; padding:8px 0; letter-spacing:-0.6pt;}
	.payment_strengthList dd ul li:first-child {padding-top:0}
	.payment_strengthList dd ul li:last-child {padding-bottom:0; border:none;}

	.payment_strengthList dl.purple {width:40%; background:#447487; padding:60px 3%}
	.payment_strengthList dl.purple dt {margin-bottom:36px}
	.payment_strengthList dl.purple dt img {}
	.payment_strengthList dl.purple dd {}
	.payment_strengthList dl.purple dd h6 {color:#fff; font-size:1.765rem; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:20px; padding-bottom:20px;}
	.payment_strengthList dl.purple dd ul {}
	.payment_strengthList dl.purple dd ul li {color:rgba(255,255,255,0.7); padding:0; margin-bottom:3px; border:none;}
	.payment_strengthList dl.purple dd ul li:last-child {margin-bottom:0}

.payment_fee {}
	.payment_feeList {border:3px solid #0eb3d3; display:table; width:100%; text-align:center;}
	.payment_feeList > div {display:table-cell; vertical-align:middle;}
	.payment_feeList .payment_fee_tit {width:25%; background:#f7fafb; padding:0 3%}
	.payment_feeList .payment_fee_tit h6 {line-height:1; font-weight:normal; font-size:1.471rem; color:#222; margin-bottom:20px; letter-spacing:-0.6pt}
	.payment_feeList .payment_fee_tit p {letter-spacing:-0.6pt; margin-bottom:6px}
	.payment_feeList .payment_fee_tit .font15 {margin-top:12px; display:block;}
	.payment_feeList .payment_fee_txt {width:calc(100% - 25%); padding:30px 0}
	.payment_feeList .payment_fee_txt_in {display:table; width:100%}
	.payment_feeList .payment_fee_txt dl {border-right:1px dashed #ddd; padding:30px 10px; width:33.33%; display:table-cell; vertical-align:top;}
	.payment_feeList .payment_fee_txt dl:last-child {border:none;}
	.payment_feeList .payment_fee_txt dt {border:1px solid #ddd; width:120px; height:120px; border-radius:120px; margin:0 auto 30px; display:flex; justify-content:center; align-items:center;}
	.payment_feeList .payment_fee_txt dd {}
	.payment_feeList .payment_fee_txt dd h6 {line-height:1; color:#222; font-size:1.176rem; letter-spacing:-0.6pt; margin-bottom:13px; font-weight:normal}
	.payment_feeList .payment_fee_txt dd p {letter-spacing:-0.6pt}


/*.payment_process .recruit_processList dd:before {background:#eff6f8}*/
.payment_process .recruit_processList dd:before {background:#fff;}
/* 전자결제서비스 */


/* sms 서비스 */
.sms_con {}
	.sms_con .sms_phone {display:block; margin:70px auto 0 auto}


.sms_spec {}
	.sms_spec .sms_specList {}
	.sms_spec .sms_specList dl {border-radius:30px; overflow:hidden; background:#fff; display:table; width:100%; margin-bottom:10px}
	.sms_spec .sms_specList dl:last-child {margin-bottom:0}
	.sms_spec .sms_specList dt {display:table-cell; vertical-align:middle; width:390px; background:url('/html/service/img/sms_spec01.jpg') center center/cover no-repeat;}
	.sms_spec .sms_specList dt img {width:100%;}
	.sms_spec .sms_specList dd {background:#fff; padding:60px 5%; display:table-cell; vertical-align:middle; width:calc(100% - 390px)}
	.sms_spec .sms_specList dd h6 {font-weight:400; line-height:1.4; margin-bottom:10px; color:#222; letter-spacing:-0.6pt; font-size:1.176rem;}
	.sms_spec .sms_specList dd p {letter-spacing:-0.6pt}

	.sms_spec .sms_specList dl:nth-child(2) dt {background-image:url('/html/service/img/sms_spec02.jpg')}
	.sms_spec .sms_specList dl:nth-child(3) dt {background-image:url('/html/service/img/sms_spec03.jpg')}
	.sms_spec .sms_specList dl:nth-child(4) dt {background-image:url('/html/service/img/sms_spec04.jpg')}
	.sms_spec .sms_specList dl:nth-child(5) dt {background-image:url('/html/service/img/sms_spec05.jpg')}
	.sms_spec .sms_specList dl:nth-child(6) dt {background-image:url('/html/service/img/sms_spec06.jpg')}
	.sms_spec .sms_specList dl:nth-child(7) dt
	{background-image:url('/html/service/img/sms_spec07.jpg')}


.sms_process {}
	.sms_process .recruit_processList {}
	.sms_process .recruit_processList dl {width:16.66%}
	.sms_process .recruit_processList dd {min-height:228px}
	.sms_process .recruit_processList dd:before {background:#fff}

/* sms 서비스 */


/* 안심본인인증 */
.certi_dia {border-radius:30px; border:1px solid #ddd; padding:55px 3%; text-align:center; overflow:hidden;}

.certi_process .recruit_processList dd:before {background:#eff6f8}
/* 안심본인인증 */

/* ipin 인증 */
.dot_list {}
	.dot_list li {position:Relative; padding:0 0 8px 13px; letter-spacing:-0.6pt;}
	.dot_list li:last-child {padding-bottom:0}
	.dot_list li:before {display:block; content:""; width:4px; height:4px; background:#aaa; border-radius:4px; position:absolute; top:12px; left:0}

.ipin_con {}
	.ipin_top {}
	.ipin_nice {border:1px solid #ddd; border-radius:30px; padding:60px 6%; }
	.ipin_nice .nice_tit {line-height:1.4; font-size:1.471rem; color:#222; font-weight:400; letter-spacing:-0.6pt; text-align:center; margin-bottom:50px}
	.ipin_nice .nice_tit img {margin-right:10px; vertical-align:inherit; display:inline-block;}
	.ipin_nice .ipin_niceList_tit {line-height:1; font-size:0.882rem; letter-spacing:0.2pt; color:#222; position:Relative; margin-bottom:20px; font-weight:400}
	.ipin_nice .ipin_niceList_tit:before {display:inline-block; vertical-align:bottom; content:""; width:1px; height:20px; background:#222; transform:rotate(30deg); margin-right:12px}
	.ipin_nice .ipin_niceList {display:table; width:100%;}
	.ipin_nice .ipin_niceList_in {display:table-cell; vertical-align:top; border-right:1px solid #ddd; padding:0 6% 0 0; width:50%}
	.ipin_nice .ipin_niceList_in:last-child {border-right:none; padding:0 0 0 6%}

	.specList {text-align:center; position:relative; overflow:hidden; margin-top:85px}
	.specList dl {display:inline-block; vertical-align:top; margin:0 6% 0 0}
	.specList dl:last-child {margin:0 !important}
	.specList dt {}
	.specList dt div {width:290px; height:290px; border-radius:290px; margin:0 auto 25px; border:1px solid #0eb3d3; padding-top:30px}
	.specList dt img {display:block; margin:0 auto 5px}
	.specList dt h6 {font-weight:400; line-height:1.4; color:#0eb3d3; position:relative; font-size:1rem; letter-spacing:-0.6pt;}
	.specList dt h6 span {line-height:inherit; letter-spacing:inherit; font-size:1.471rem; display:block;}
	.specList dd {letter-spacing:-0.6pt;}
	.specList dd h6 {font-weight:400; line-height:1.4; color:#0eb3d3; position:relative; font-size:1rem; letter-spacing:-0.6pt; margin-bottom:8px}
	.specList dd h6 span {line-height:inherit; letter-spacing:inherit; font-size:1.471rem; display:inline-block; margin-left:5px;}

	.specList.list04 dl {float:left; width:25%; margin:0; padding:0 10px}
	.specList.list04 dt div {width:260px; height:260px}

	.font20 {font-size:1.176rem !important}

	.ipin_utilize {}
	.utilizeList {position:relative; overflow:hidden;}
	.utilizeList dl {float:left; background:#fff; border-radius:30px; padding:40px 4%; width:calc((100% - 30px)/2); margin:30px 30px 0 0; position:relative; overflow:hidden; height:210px; display:flex; justify-content:center; align-items:center;}
	.utilizeList dl:first-child, .utilizeList dl:nth-child(2) {margin-top:0}
	.utilizeList dl:nth-child(2n) {margin-right:0}
	.utilizeList dl:last-child {margin-right:0}
	.utilizeList dt {width:130px; float:left;}
	.utilizeList dt div {width:130px; height:130px; border-radius:130px; border:1px solid #ddd; display:flex; justify-content:center; align-items:center;}
	.utilizeList dd {float:left; width:calc(100% - 130px); padding-left:6%;}
	.utilizeList dd h6 {line-height:1.4; letter-spacing:-0.6pt; color:#222; font-weight:400; margin-bottom:10px; font-size:1.176rem;}
	.utilizeList dd p {letter-spacing:-0.6pt;}

	.ipin_fee {}
	.width1020 {max-width:1020px; margin:0 auto}


	.ipin_process .recruit_processList dd:before {background:#eff6f8}
/* ipin 인증 */



/*** 콘텐츠 컨설팅 서비스 ***/
.consulting_list {}
.consulting_list h4 {line-height:70px; border-radius:30px 30px 0 0; color:#fff; font-size:20px; letter-spacing:-0.05em; font-weight:400; background:#0eb3d3; text-align:center;}
.consulting_list_in {border:1px solid #ddd; box-sizing:border-box; border-top:0; display:flex; flex-wrap:wrap; justify-content: center; padding:60px 30px;  border-radius:0 0 30px 30px;}
.consulting_list_in dl {position:relative; z-index:10; width:265px; height:265px; border-radius:100%; display:flex; flex-wrap:wrap; justify-content: center;  align-content: center; text-align:center; margin-right:135px;}
.consulting_list_in dl:last-child {margin-right:0;}
.consulting_list_in dl::before {content:''; width:100%; height:100%; border-radius:100%;  border:1px dashed #0eb3d3; background:#fff;  position:absolute; top:0; left:0; z-index:-1;}
.consulting_list_in dl::after {content:''; width:calc(100% + 40px); height:calc(100% + 40px); border-radius:100%; background:#eff6f8; position:absolute; top:0; left:0; transform:translate(-20px,-20px); z-index:-2;}
		.consulting_list_in dl dt {width:100%;}
		.consulting_list_in dl dt::after {content:''; width:19px; height:19px; background:url("/html/contents/img/plus_icon.png")no-repeat center; position:absolute; top:50%; right:-79px; margin-top:-10px;}
		.consulting_list_in dl:last-child dt::after {display:none;}
		.consulting_list_in dl dd {width:100%; font-size:20px; color:#222; letter-spacing:-0.05em; line-height:1.4; margin:25px 0 0;}


.field_cont {display:flex; flex-wrap:wrap;}
.field_cont .field {width:calc((100% - 60px) / 3); margin-right:30px;}
.field_cont .field:last-child {margin-right:0;}
.field_cont .field dl {position:relative; text-align:center;}
.field_cont .field dl::before {content:''; width:7px; height:7px; background:#fff; border:1px solid #0eb3d3; border-radius:100%; position:absolute; bottom:-25px;left:50%; margin-left:-4px; z-index:9;}
.field_cont .field dl::after {content:''; width:1px; height:20px; border-left:1px dashed #0eb3d3; position:absolute; bottom:-20px; left:50%;}
.field_cont .field dl dt {position:relative; border-radius:10px 10px 0 0; background:#0eb3d3; min-height:115px; padding:25px 0 0;}
.field_cont .field dl dt span {font-size:30px; color:rgba(255,255,255,0.2); font-weight:bold; line-height:1; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%);}
.field_cont .field dl dd {background:#fff; border:1px solid #0eb3d3; border-radius:0 0 10px 10px; font-size:20px; color:#222; letter-spacing:-0.05em; font-weight:400; padding:21px 10px; box-sizing:border-box;}

.field_cont .field ul {border:1px solid #ddd; border-radius:10px; margin:20px 0 0;}
.field_cont .field ul li {border-bottom:1px dashed #ddd; font-weight:400; letter-spacing:-0.05em; line-height:1.6; padding:20px 25px; box-sizing:border-box;}
.field_cont .field ul li:last-child {border-bottom:0;}

.field_cont .field.three ul {height:287px;}
.field_cont .field.three ul li {height:50%;  display:flex; flex-wrap:wrap; align-items:center;}


.ceo_profile {display:flex; flex-wrap:wrap; border-radius:50px; border:1px solid #ddd; box-sizing:border-box; padding:30px; align-items:center;}
.ceo_profile .imgCont {width:360px; border-radius:40px; overflow:hidden;}
.ceo_profile .txtCont {width:calc(100% - 360px); padding-left:60px; box-sizing:border-box;}
.ceo_profile .txtCont h4 {font-size:30px; letter-spacing:-0.05em; font-weight:400; color:#222; line-height:1.2; margin:0 0 20px;}
.ceo_profile .txtCont p {padding-left:20px; box-sizing:border-box; background-image:url("/html/contents/img/check_icon.png"); background-repeat:no-repeat; background-position: left top 9px; letter-spacing:-0.05em; margin:0 0 8px;}
.ceo_profile .txtCont p:last-child {margin:0;}


.recruit_processList.before_w dd {min-height:210px;}
.recruit_processList.before_w dd:before {background:#fff;}


.consulting_table {}
.consulting_table .table_scroll {margin:0 auto 20px;}
.consulting_table td {background:transparent;}
.consulting_table td.light_bg {background:rgba(255,255,255,0.5);}

.light_txt {font-size:15px; font-weight:400; letter-spacing:-0.05em; color:#999; margin:0 0 5px;}
/*** 콘텐츠 컨설팅 서비스 ***/















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

/* .view_list .slick-list .slick-slide {padding:14px 4px;} */


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

.con_table dl dd br {display:none;}


/* 전자결제서비스 */
	.payment_strengthList dl {height:390px}
	.payment_strengthList dl.purple {padding:100px 3%; height:auto;}

.payment_process .recruit_processList dd {min-height:210px}
/* 전자결제서비스 */


/* sms 서비스 */


.sms_spec {}
	.sms_spec .sms_specList {}
	.sms_spec .sms_specList dl {}
	.sms_spec .sms_specList dd br {display:none;}


.sms_process {}

	.recruit_processList dd p br {display:none;}


/* sms 서비스 */



/* 안심인증 */
	.certi_process .recruit_processList dd {min-height:232px}
/* 안심인증 */


/* ipin 인증 */

	.specList {}
	.specList dl {margin:0; float:left; width:33.33%; padding:0 3%}
	.specList dt {}
	.specList dt div {width:260px; height:260px; border-radius:260px; padding-top:15px}
	.specList dt img {}
	.specList dt h6 {}
	.specList dt h6 span {}

	.specList.list04 dl {}
	.specList.list04 dt div {width:200px; height:200px; padding-top:25px}
	.specList.list04 dt img {height:100px}
	.specList.list04 dt h6 {font-size:1rem !important}
	.specList.list04 dd br {display:none;}

	.utilizeList dd p br {display:none;}

.ipin_con {}
	.ipin_process .recruit_processList dd {min-height: 232px}
/* ipin 인증 */


.consulting_list_in {}
.consulting_list_in dl {width:220px; height:220px; margin-right:80px;}
.consulting_list_in dl dt::after {right:-50px;}


.field_cont .field br {display:none;}
.field_cont .field dl dt {min-height:105px;}
.field_cont .field dl dt img {max-width:45px;}
.field_cont .field dl dt span {font-size:25px;}
.field_cont .field dl dd {font-size:17px;}
.field_cont .field.three ul {height:auto;}
}




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


#preview {width:94%; margin:0 auto 100px;}
.preview_list .view_textCont {padding-left:60px;}
.preview_list .view_textCont .slick-dots {margin:0 0 25px;}


}

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



/* 모바일 앱 서비스 */
.app_cont01 .txtCont img {width:48px;}
.app_cont01 .txtCont h4 {margin:16px 0 10px;}
/* .app_cont01 .txtCont ul {margin:25px 0 0;} */
.app_cont01 .txtCont .demo_txt {margin:30px 0 15px;}

.app_cont01 .txtCont ul li {width:100%; margin:0 0 3px;}
.app_cont01 .txtCont ul li a {width:100%; text-align:center; padding-left:0 !important; margin-right:0;}




.app_table > .ap_tab {width:100% !important; padding:0 !important}
.app_table > .ap_tab dl {display:flex; flex-wrap:wrap; align-items:center; text-align:left !important; margin:0 0 40px !important;;}
.app_table > .ap_tab dl dt {width:50% !important; order:1;}
.app_table > .ap_tab dl dt img {width:100%;}
.app_table > .ap_tab dl dd {width:50% !important; order:2; padding-left:4%; box-sizing:border-box;}
.app_table > .ap_tab dl dt::after, .app_table > .ap_tab dl dt::before {display:none;}

.app_table > .ap_tab.right dl:nth-child(1) dt { order:2;}
.app_table > .ap_tab.right dl:nth-child(1) dd { order:1; padding-left:0; padding-right:4%;}
.app_table > .ap_tab.center {order:1; width:260px !important; margin:0 auto 50px;;}
.app_table > .ap_tab.left {order:2;}
.app_table > .ap_tab.right {order:3;}


.preview_list {display:block;}
.preview_list .view_list {width:380px; margin:0 auto; height:490px; padding:10px; overflow:visible;}
.preview_list .view_list::before {transform:scale(0.8);}
.preview_list .view_list::after {transform:scale(0.8);}
.preview_list .view_list li {width:235px; opacity:1 !important; transform:scale(1) !important; margin:0 !important;; border-radius:15px;}
.preview_list .view_list li img {width:225px; border-radius:20px;}
.preview_list .view_textCont {width:490px; text-align:center !important; margin:30px auto 0; padding-left:0;}
.preview_list .view_textCont .slick-arrow {top:-280px; z-index:9999; }
.preview_list .view_textCont .slick-prev {left:0; }
.preview_list .view_textCont .slick-next {left:auto; right:0;}

.preview_list .view_textCont p {text-align:center !important;}
.preview_list .view_textCont .slick-dots {justify-content: center; }


/* .view_list {width:280px;}
.view_list .slick-arrow {width:66px; height:66px; }
.view_list .slick-prev {left:-50px;}
.view_list .slick-next {right:-55px;} */


.service_price {width:100%;}
#service_price .moreBtn {width:400px; height:60px;}
#service_price .moreBtn span {line-height:60px;}
/* 모바일 앱 서비스 */




/* 전자결제서비스 */
.payment_service {}
	.payment_dia {}
	.payment_dia > div {}
	.payment_dia .dia_img {padding:35px 4%}
	.payment_dia .dia_img img {margin:0 auto 30px}
	.payment_dia .dia_txt {padding:35px 4%}
	.payment_dia .dia_txt h6 {margin-bottom:20px}
	.payment_dia .dia_txt h6 img {margin-right:10px; }
	.payment_dia .dia_txt .dot_list {}

.payment_strengthList dl {height:345px}
	.payment_strengthList dt img {width:90px}
	.payment_strengthList dd h6 {margin-bottom:15px}
	.payment_strengthList dd h6 img {width:120px}
	.payment_strengthList dl.purple {padding:80px 3%;}
	.payment_strengthList dl.purple dt {margin-bottom:25px}
	.payment_strengthList dl.purple dd h6 {margin-bottom:15px; padding-bottom:15px}

.payment_fee {}
	.payment_feeList {}
	.payment_feeList > div {}
	.payment_feeList .payment_fee_tit {}
	.payment_feeList .payment_fee_tit h6 {}
	.payment_feeList .payment_fee_tit p {l}
	.payment_feeList .payment_fee_tit .font15 {}
	.payment_feeList .payment_fee_txt {}
	.payment_feeList .payment_fee_txt_in {}
	.payment_feeList .payment_fee_txt dl {}
	.payment_feeList .payment_fee_txt dt {width:90px; height:90px; margin-bottom:20px;}
	.payment_feeList .payment_fee_txt dt img {width:45px}
	.payment_feeList .payment_fee_txt dd {}
	.payment_feeList .payment_fee_txt dd h6 {margin-bottom:10px}

.payment_process .recruit_processList dd {min-height:auto}
/* 전자결제서비스 */



/* sms 서비스 */
.sms_con {}
	.sms_con .sms_phone {margin:40px auto 0 auto}


.sms_spec {}
	.sms_spec .sms_specList {}
	.sms_spec .sms_specList dl {}
	.sms_spec .sms_specList dt {width:250px}
	.sms_spec .sms_specList dd {padding:40px 5%; width:calc(100% - 250px)}

.sms_process {}
	.sms_process .recruit_processList dl {width:165px !important}

/* sms 서비스 */





/* 안심인증 */
.certi_dia {border-radius:20px; padding:40px 3%; overflow:hidden; width: 100%; overflow-x: scroll;}
	.certi_dia img {width:980px; max-width:inherit;}

.certi_process .recruit_processList dd {min-height:auto}
/* 안심인증 */

/* ipin 인증 */
.dot_list {}
	.dot_list li {padding:0 0 5px 13px;}
	.dot_list li:before {top:11px}

.ipin_con {}
	.ipin_top {}
	.ipin_nice {border-radius:20px; padding:50px 5%; }
	.ipin_nice .nice_tit {margin-bottom:30px}
	.ipin_nice .nice_tit img {width:120px; margin-right:5px}
	.ipin_nice .ipin_niceList_tit {}
	.ipin_nice .ipin_niceList_tit:before {}
	.ipin_nice .ipin_niceList {}
	.ipin_nice .ipin_niceList_in {padding:0 4% 0 0}
	.ipin_nice .ipin_niceList_in:last-child {padding:0 0 0 4%}

	.specList {margin-top:70px}
	.specList dl {}
	.specList dt {}
	.specList dt div {width:190px; height:190px; padding-top:20px; margin-bottom:10px}
	.specList dt img {width:80px}
	.specList dt h6 {}
	.specList dt h6 span {font-size:1.2rem}
	.specList dd br {display:none;}
	.specList dd h6 {}
	.specList dd h6 span {font-size:1.2rem}

	.specList.list04 dl {}
	.specList.list04 dt div {width:160px; height:160px; padding-top:15px}
	.specList.list04 dt img {height:80px}

	.utilizeList dl {padding:30px 15px; border-radius:20px}
	.utilizeList dt {width:90px;}
	.utilizeList dt div {width:90px; height:90px}
	.utilizeList dt img {width:55px}
	.utilizeList dd {padding-left:15px; width:calc(100% - 90px)}


.ipin_con {}

	.ipin_process .recruit_processList dd {min-height:auto}
/* ipin 인증 */


.consulting_list_in {display:block}
.consulting_list_in dl {width:220px; height:220px;  margin:0 auto 80px !important;}
.consulting_list_in dl::after {width:calc(100% + 30px); height:calc(100% + 30px); transform:translate(-15px,-15px);}
.consulting_list_in dl:last-child {margin:0 auto !important;}
.consulting_list_in dl dt::after {right:50%; margin-right:-10px; top:calc(100% + 40px);}
.consulting_list_in dl dt img {max-width:55px; max-height:55px;}
.consulting_list_in dl dd {font-size:17px; margin:15px 0 0;}



.field_cont .field {width:100%; margin-right:0; margin-bottom:30px;}
.field_cont .field dl dt {padding:20px 0 0; min-height:90px;}
.field_cont .field dl dd {padding:15px 10px; font-size:1rem;}
.field_cont .field ul li {padding:15px;}


.ceo_profile .imgCont {width:240px;}
.ceo_profile .imgCont img {max-width:100%;}
.ceo_profile .txtCont {width:calc(100% - 240px); padding-left:35px;}
.ceo_profile .txtCont h4 {font-size:24px; margin:0 0 15px;}
}



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



/* ipin 인증 */
.dot_list {}
	.dot_list li {padding:0 0 5px 10px;}
	.dot_list li:before {top:8px; width:3px; height:3px;}

.ipin_con {}
	.ipin_top {}
	.ipin_nice {border-radius:10px; padding:30px 20px;}
	.ipin_nice .nice_tit {margin-bottom:20px}
	.ipin_nice .nice_tit img {width:100px; margin:0 auto 10px; display:block;}
	.ipin_nice .ipin_niceList_tit {margin-bottom:15px}
	.ipin_nice .ipin_niceList_tit:before {height:15px; margin-right:8px;}
	.ipin_nice .ipin_niceList {}
	.ipin_nice .ipin_niceList_in {padding:0 0 20px 0; margin-bottom:20px; display:block; width:100%; border:none; border-bottom:1px solid #ddd}
	.ipin_nice .ipin_niceList_in:last-child {padding:0; margin:0; border:none;}

	.specList {margin-top:30px}
	.specList dl {padding:0; float:none; width:100%; margin:0 0 15px 0; display:table;}
	.specList dt {display:table-cell; vertical-align:middle; width:100px}
	.specList dt div {width:100px; height:100px; padding:0; margin:0; display:flex; justify-content:center; align-items:center;}
	.specList dt img {width:60px; margin:0 auto}
	.specList dt h6 {}
	.specList dt h6 span {}
	.specList dd {text-align:left; width:calc(100% - 100px); padding-left:15px; display:table-cell; vertical-align:middle;}

	.specList.list04 dl {float:none; width:100%; padding:0; display:block; margin-bottom:15px}
	.specList.list04 dt div {width:100px; height:100px; padding:0}
	.specList.list04 dt img {height:70px}
	.specList.list04 dd {width:calc(100% - 100px)}
	.specList.list04 dd h6 {font-size:1.2rem !important;}

	.utilizeList dl {padding:20px 15px; float:none; width:100%; margin:0 0 10px 0; height:auto; border-radius:10px}
	.utilizeList dl:last-child {margin-bottom:0}
	.utilizeList dt {width:70px;}
	.utilizeList dt div {width:70px; height:70px}
	.utilizeList dt img {width:40px}
	.utilizeList dd {padding-left:15px; width:calc(100% - 70px)}
	.utilizeList dd h6 {margin-bottom:6px}
/* ipin 인증 */

}



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


/* 모바일 앱 서비스 */
.app_cont01 .imgCont {width:100%;}
.app_cont01 .imgCont img {border-radius:10px 10px 10px 10px;}
.app_cont01:nth-child(even) .imgCont img {border-radius:10px 10px 10px 10px;}
.app_cont01 .txtCont {width:100%; padding-left:0; padding-top:15px;}
.app_cont01:nth-child(even) .txtCont {width:100%; padding-left:0;padding-right:0; padding-top:15px;}
.app_cont01 .txtCont img {width:30px;}
.app_cont01 .txtCont h4 {font-size:1.3rem; margin:15px 0 5px;}
.app_cont01 .txtCont .demo_txt {margin:15px 0 10px;}
.app_cont01 .txtCont ul li {width:calc((100% - 2px) / 2); margin-right:2px;}
.app_cont01 .txtCont ul li:last-child {margin-right:0;}
.app_cont01 .txtCont ul li a {height:46px; line-height:42px; background-size:15px;}


.con_table dl {margin:0 0 40px;}
.con_table dl dt {width:100%; order:1 !important;}
.con_table dl dt img {border-radius:15px !important;}
.con_table dl dd {width:100%; order:2 !important; padding:15px 0 0 !important;}
.con_table dl dd h4 {font-size:1.3rem;}
.con_table dl dd p {margin:0 0 12px;}

.app_table > .ap_tab.center {width:220px !important; border:10px solid #000;}
.app_table > .ap_tab dl {margin:0 0 25px !important;;}
.app_table > .ap_tab dl dt {width:100% !important; order:1 !important;}
.app_table > .ap_tab dl dd {width:100% !important; order:2 !important; padding-top:15px ; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box;}

/* .view_slide {margin:50px 0 0;} */


.preview_list {display:block;}
/* .preview_list .view_list {width:212px; margin:0 auto; height:400px; padding:4px 6px; overflow:hidden; border-radius:30px;}
.preview_list .view_list::after {width:212px; border:6px solid #000;}
.preview_list .view_list li {width:200px; opacity:1 !important; transform:scale(1) !important; margin:0 !important; border-radius:20px;} */
.preview_list .view_textCont .slick-dots li a {font-size:12px; padding:0 10px; height:30px; line-height:28px; }
/* .preview_list .view_list li img {width:100%;} */
.preview_list .view_textCont {width:300px; text-align:center !important; margin:30px auto 0; padding-left:0;}
.preview_list .view_textCont h4 {font-size:1.3rem;}
.preview_list .view_textCont .slick-arrow {top:-285px; z-index:9999; }
.preview_list .view_textCont .slick-prev {left:-60px; }
.preview_list .view_textCont .slick-next {left:auto; right:-60px;}

.preview_list .view_textCont p {text-align:center !important;}
.preview_list .view_textCont .slick-dots {justify-content: center; }


.service_price {width:100%;}
.service_price li.hit::after {width:100px; height:100px; background-size:100%;}
.service_price li {width:100%; margin-right:0; margin-bottom:15px;}
.service_price li .icon img {width:90px;}
.service_price li.hit .icon::after {top:-13px; left:-4px;}
.service_price li p {font-size:1.2rem;}
.service_price li.hit p span.line::after {width:80px;}
.service_price li.hit p span.free::after {background-size:100% !important; width:80px; height:30px; top:10px;}

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


/* 전자결제서비스 */
.payment_service {}
	.payment_dia {display:block;}
	.payment_dia > div {width:100%; display:block;}
	.payment_dia .dia_img {padding:30px 3%}
	.payment_dia .dia_img img {margin:0 auto 20px}
	.payment_dia .dia_txt {padding:30px 3%}
	.payment_dia .dia_txt h6 {margin-bottom:15px}
	.payment_dia .dia_txt h6 img {margin-right:5px; }
	.payment_dia .dia_txt .dot_list {}

.payment_strengthList dl {height:auto; display:block; width:86% !important; margin:0 auto; padding:20px 15px}
	.payment_strengthList dl:first-child {border-radius:30px 30px 0 0}
	.payment_strengthList dl:last-child {border-radius:0 0 30px 30px}
	.payment_strengthList dt img {width:70px}
	.payment_strengthList dd h6 {}
	.payment_strengthList dd h6 img {width:100px; margin-bottom:10px}
	.payment_strengthList dl.purple {padding:40px 3%; width:100% !important}
	.payment_strengthList dl.purple dt {margin-bottom:20px}
	.payment_strengthList dl.purple dd h6 {}

.payment_fee {}
	.payment_feeList {display:block;}
	.payment_feeList > div {display:block; width:100% !important;}
	.payment_feeList .payment_fee_tit { padding:30px 15px}
	.payment_feeList .payment_fee_tit h6 {margin-bottom:15px}
	.payment_feeList .payment_fee_tit p {margin-bottom:3px}
	.payment_feeList .payment_fee_tit .font15 {margin-top:10px}
	.payment_feeList .payment_fee_txt {padding:20px 0}
	.payment_feeList .payment_fee_txt_in {}
	.payment_feeList .payment_fee_txt dl {padding:15px 1% }
	.payment_feeList .payment_fee_txt dt {width:60px; height:60px; margin-bottom:15px;}
	.payment_feeList .payment_fee_txt dt img {width:35px}
	.payment_feeList .payment_fee_txt dd {}
	.payment_feeList .payment_fee_txt dd h6 {margin-bottom:8px}
/* 전자결제서비스*/


/* sms 서비스 */
.sms_con {}
	.sms_con .sms_phone {margin:30px auto 0 auto}


.sms_spec {}
	.sms_spec .sms_specList {}
	.sms_spec .sms_specList dl {border-radius:20px}
	.sms_spec .sms_specList dt {width:170px}
	.sms_spec .sms_specList dd {padding:20px 15px; width:calc(100% - 170px)}
	.sms_spec .sms_specList dd h6 {margin-bottom:6px}

.sms_process {}
	.sms_process .recruit_processList dd {min-height:163px}



/* sms 서비스 */


/* 안심본인인증 */
.certi_dia {border-radius:10px; padding:30px 15px;}
	.certi_dia img {width:680px;}
/* 안심본인인증 */


.consulting_list h4 {line-height:48px; font-size:17px; border-radius:10px 10px 0 0;}
.consulting_list_in {border-radius:0 0 10px 10px; padding:40px 20px;}
.consulting_list_in dl {width:190px; height:190px;}
.consulting_list_in dl dt img {max-width:45px; max-height:45px;}
.consulting_list_in dl dd {font-size:15px;}

.field_cont .field dl dt {min-height:80px;}
.field_cont .field dl dt img {max-width:35px;}
.field_cont .field dl dt span {font-size:20px;}


.ceo_profile {border-radius:15px; padding:20px;}
.ceo_profile .imgCont {width:100%;border-radius:15px;}
.ceo_profile .imgCont img {width:100%;}
.ceo_profile .txtCont {width:100%; padding-left:0; padding-top:30px;}
.ceo_profile .txtCont h4 {font-size:17px; margin:0 0 15px;}
.ceo_profile .txtCont p {background-size:9px; background-position:left top 7px; padding-left:15px; }


.recruit_processList.before_w dd {min-height:170px;}
.light_txt {font-size:1rem;}
}


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



/* .view_list {width:300px;}
.view_list .slick-arrow {width:50px; height:50px; }
.view_list .slick-prev {left:-35px; background-position:center left 13px;}
.view_list .slick-next {right:-35px; background-position:center right 13px;} */

.preview_list .view_list {width:300px; height:420px; padding:8px 0;} 
.preview_list .view_list::before {left:-15px; border-radius:15px; background-size:100% 100% !important;}
.preview_list .view_list::after {right:-15px; border-radius:15px; background-size:100% 100% !important;}
.preview_list .view_list li img {width:192px; border-radius:15px;}
.preview_list .view_textCont .slick-arrow {top:-260px; z-index:9999; }
.preview_list .view_textCont .slick-prev {left:-20px; }
.preview_list .view_textCont .slick-next {left:auto; right:-20px;}



/* sms 서비스 */
.sms_spec {}
	.sms_spec .sms_specList {}
	.sms_spec .sms_specList dl {}
	.sms_spec .sms_specList dt {width:100%; background:none; display:block;}
	.sms_spec .sms_specList dt img {display:block;}
	.sms_spec .sms_specList dd {width:100%; display:block;}


/* sms 서비스 */

/* ipin 인증 */

	.specList dd h6 span {display:block; margin:2px 0 0 0}

/* ipin 인증 */



}




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


}