@charset "utf-8";

/*=============== 서브페이지 공통 ===============*/

/* 서브비주얼 */
.sub-visual { width: 100%; height: 385px; position: relative; overflow: hidden; } 
.sub-visual .txt-container { position: absolute; top: 51%; text-align: center; width: 100%; z-index: 1;-webkit-transform: translateY(-50%);-mos-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.sub-visual .txt-container .tit { font-size: 42px; color: #ffffff; display: none; } 
.sub-visual .bg-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 4s ease;-moz-transition: all 4s ease;-ms-transition: all 4s ease;-o-transition: all 4s ease;transition: all 4s ease; } 

.sub-visual1 .bg-container { background: url(../../img/subVisu-bg1.png) no-repeat center; background-size: cover; } 
.sub-visual2 .bg-container { background: url(../../img/subVisu-bg2.png) no-repeat center; background-size: cover; } 
.sub-visual3 .bg-container { background: url(../../img/subVisu-bg3.png) no-repeat center; background-size: cover; } 
.sub-visual4 .bg-container { background: url(../../img/subVisu-bg4.png) no-repeat center; background-size: cover; } 
.sub-visual5 .bg-container { background: url(../../img/subVisu-bg5.png) no-repeat center; background-size: cover; } 

.sub-visual.active .bg-container {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); } 

/* 서브비주얼 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) { } 
@media all and (min-width:1024px) and (max-width:1199px) { } 

@media all and (min-width:768px) and (max-width:1023px) { } 

@media all and (max-width:767px) {.sub-visual { height: 180px; } 
.sub-visual .txt-container .tit { font-size: 32px; } 
 }

/*=============== 서브페이지 기본 레이아웃 ===============*/
.sub-white-box { width: 100%; max-width: 1400px; background: #ffffff; position: relative; top: 0; margin: 0 auto 100px; z-index: 1; padding: 0 3% 4%; } 
.subpage-bg-gray { display: block; width: 100%; height: calc(100% - 300px); position: absolute; top: 385px; left: 0; z-index: 0; } 
.sub-depth { width: 100%; height: 80px; position: relative; } 
.sub-depth .depth-wr { width: 100%; height: 100%; text-align: center; position: relative; } 
.sub-depth .depth-ul { display: inline-block; width: auto; height: auto; } 
.sub-depth .depth-ul li { display: block; float: left; margin: 0 25px; } 
.sub-depth .depth-ul li a { display: block; width: 100%; height: 80px; padding: 28px 5px; font-size: 16px; letter-spacing: -0.2px; position: relative; color: #444444; } 
.sub-depth .depth-wr .underline { width: 0%; height: 1px; position: absolute; bottom: 0; left: 0; background: #bbbbbb; z-index: 0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; } 
.sub-depth .depth-ul li a:before { content: ""; display: none; width: 8px; height: 8px; background: #008ff7; position: absolute; bottom: -6px; left: 50%; z-index: 1;-webkit-transform: rotate(45deg) translateX(-50%);-moz-transform: rotate(45deg) translateX(-50%);-ms-transform: rotate(45deg) translateX(-50%);-o-transform: rotate(45deg) translateX(-50%);transform: rotate(45deg) translateX(-50%); } 

.sub-depth .depth-ul li.on a { color: #008ff7; } 
.sub-depth .depth-ul li.on a:before { display: block; opacity: 0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; } 
.sub-depth .depth-ul li a:hover { color: #008ff7; } 

.sub-depth.active .depth-ul li.on a:before { opacity: 1; } 
.sub-depth.active .depth-wr .underline { width: 100% } 

.sub-contents { padding-top: 75px; } 
.sub-contents.pt100 { padding-top:100px; } 
.sub-contents .tit-container { padding: 75px 0 70px; text-align: center; display: none; } 
.sub-contents .tit-container .tit { font-size: 32px; font-weight: 800; margin-bottom: 10px; } 
.sub-contents .tit-container .navi { font-size: 15px; letter-spacing: -0.1px; color: #666666; font-weight: 300; } 

/* 서브페이지 기본 레이아웃 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) { } 
@media all and (min-width:1024px) and (max-width:1199px) { } 

@media all and (min-width:768px) and (max-width:1023px) {.sub-contents { padding-top:50px; } 
.sub-depth .depth-ul li { margin: 0 10px; } 
.sub-depth .depth-ul li a { font-size:15px; } 
 }

@media all and (max-width:767px) {.sub-contents { padding-top:30px; } 
.sub-contents.pt100 { padding-top:50px; } 
.sub-white-box { margin-bottom: 30px; } 

.sub-depth { height: auto; padding:5px 0; } 
.sub-depth .depth-ul { width:100%; } 
.sub-depth .depth-ul li { width: 50%; margin: 0; padding: 2.5px 5px; } 
.sub-depth .depth-ul li a { border: 1px solid #dddddd; padding: 9px 2px; height: auto; font-size: 14px; } 
.sub-depth .depth-ul li.on a { background:#eeeeee; border:1px solid #cccccc; } 
.sub-depth .depth-wr .underline { display:none; } 

.sub-contents .tit-container { padding: 35px 0 50px } 
.sub-contents .tit-container .tit { font-size:22px; } 
.sub-contents .tit-container .navi { font-size:13px; } 
}

/*=============== 회사소개 ===============*/
.overview { } 
.ov-imgwr { width: 45%; max-width: 526px; float: left; } 
.ov-imgwr img { width: 100%; } 
.ov-txtwr { width: 55%; min-width: calc(100% - 526px); float: left; padding: 105px 15px 0 6%; } 
.ov-txtwr .top-txt { font-size: 60px; font-weight: 700; line-height: 1.3em; margin-bottom: 54px; position: relative; display: inline-block; } 
.ov-txtwr .top-txt:after { content: ""; display: block; width: 12px; height: 12px; background: #008ff7; position: absolute; top: 5px; left: 191px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); } 
.ov-txtwr .txt1 { font-size: 30px; line-height: 1.6em; margin-bottom: 80px; font-weight: 700; word-break: keep-all; padding-left: 25px; position:relative; } 
.ov-txtwr .txt1:before { content:""; display:block; width: 8px; height: 81%; background:#008ff7; position: absolute; top: 50%; left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.ov-txtwr .txt2 { font-size: 20px; letter-spacing: -0.3px; color: #222; line-height: 2em; word-break: keep-all; padding-left: 59px; position: relative; margin-bottom: 14px; font-weight: 600; } 
.ov-txtwr .txt2:before { content: ""; display: block; width: 19px; height: 13px; background: url(../../img/greeting-dot.png) no-repeat center; position: absolute; top: 50%; left: 28px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
/* ov-new-txt */
.ov-new-txt .txt1 { font-size: 30px; line-height: 1.6em; margin-bottom: 80px; font-weight: 700; word-break: keep-all; padding-left: 25px; position:relative; /* margin-top: 80px; */ } 

.ov-new-txt .txt1:before { content:""; display:block; width: 8px; height: 81%; background:#008ff7; position: absolute; top: 50%; left: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
/* ov-new-txt css 추가 */
.ov-new-txt .cont-wr .txt-box { margin-bottom: 55px; } 
.ov-new-txt .cont-wr .txt-box:last-of-type { margin-top: 95px; margin-bottom: 100px; } 
/* .ov-new-txt .cont-wr .txt-box .tit { font-size: 22px; font-weight: 800; margin-bottom: 40px; word-break: keep-all; } */
.ov-new-txt .cont-wr .txt-box .tit { font-size: 22px; font-weight: 800; margin-bottom: 35px; word-break: keep-all; line-height: 1.7; text-indent: -25px; padding-left: 25px; } 

.ov-new-txt .cont-wr .txt-box .cont { line-height: 1.7; } 
.ov-new-txt .cont-wr .txt-box .cont li { position: relative; margin-bottom: 7px; } 
.ov-new-txt .cont-wr .txt-box .cont li p { font-size: 20px; font-weight: 500; padding-left: 35px; word-break: keep-all; } 
.ov-new-txt .cont-wr .txt-box .cont li p .sub-txt { /* font-family:"Noto Sans KR", dotum, sans-serif!important; */font-size: 16px; font-weight: 400; color: #777777; } 
.ov-new-txt .cont-wr .txt-box .cont li p:before { content: ""; display: block; width: 19px; height: 13px; background: url(../../img/service-dot2.png) no-repeat center; position: absolute; top: 10px; left: 0; } 

/* cont_sub_box 추가*/
.ov-new-txt .cont-wr .txt-box .cont .cont_sub_box { position: relative; padding-left: 35px; padding-top: 20px; } 
.ov-new-txt .cont-wr .txt-box .cont .cont_sub_box .hand_icon { position: absolute; top: 17px; left: 32px; width: 34px; } 
.ov-new-txt .cont-wr .txt-box .cont .cont_sub_box .hand_icon>img { width: 100%; } 
.ov-new-txt .cont-wr .txt-box .cont .cont_sub_box li .service_sub_txt { padding-left: 35px; word-break: keep-all; } 
.ov-new-txt .cont-wr .txt-box .cont .cont_sub_box ul li p::before { content: ""; display: block; width: 29px; height: 19px; background: url(../../img/check_icon.png) no-repeat center; background-size: contain; position: absolute; top: 7px; left: 0; } 
.ov-new-txt .cont-wr .txt-box .cont .cont_sub_box li .service_sub_txt::before { content: ""; display: block; width: 35px; height: 45px; background: url(../../img/hand_icon.png) no-repeat center; background-size: contain; position: absolute; top: -7px; left: -4px; } 
.ov-new-txt .cont-wr .txt-box .cont .blue { color: #008ef6; font-weight: 600; } 
/* .ov-new-txt .cont-wr .txt-box .cont .cont_arti { font-size: 20px; margin-bottom: 35px; line-height: 1.8; margin-left: 25px; }  */
.ov-new-txt .cont-wr .txt-box .cont .cont_arti { font-size: 20px; margin-bottom: 35px; line-height: 1.8; } 
.ov-new-txt .cont-wr .txt-box .cont .cont_arti h3 { font-size: 22px; color: #008ef6; margin-bottom: 7px; }
.ov-new-txt .cont-wr .txt-box .cont .cont_arti h3 span { color: #222222; font-weight: 400; }
.ov-new-txt .cont-wr .txt-box .cont .cont_arti p { padding-bottom: 40px; font-weight: 500; } 
.ov-new-txt .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit { font-weight: bold; font-family: 'Noto Sans KR', dotum, sans-serif; } 

.ov-new-txt .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit2{}

.ov-new-txt .cont-wr .txt-box .cont .cont_arti_7 .cont li:nth-child(odd) > p { font-weight: bold; font-family: 'Noto Sans KR', dotum, sans-serif;}

.ov-new-txt .cont-wr .txt-box .normal-txt { font-size: 22px; font-weight:600; line-height:1.7em; word-break: keep-all; } 
.ov-new-txt .cont-wr .txt-box .img { margin: 45px 0; display: block; height: 45px; padding-left: 25px; margin-top: 80px;} 
.ov-new-txt .cont-wr .txt-box .img img { max-height: 100%; } 
/* ov-txt-new css 추가 종료 */

/* 회사소개 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) { } 
@media all and (min-width:1024px) and (max-width:1199px) { } 

@media all and (min-width:768px) and (max-width:1023px) {.ov-txtwr { padding: 0 15px 0 6%; } 
.ov-txtwr .txt1 { margin-bottom:80px; font-size: 24px; } 
.ov-txtwr .txt2 { font-size: 16px; line-height: 1.6em; font-weight: 500; margin-bottom: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; padding-left: 45px; } 
.ov-txtwr .txt2:before { top: 9px; left: 15px; transform:translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0); } 
 /* ove-new-txt 추가 */
 .ov-new-txt .txt1 { font-size: 24px; margin-bottom: 20px; } 
 .ov-new-txt .cont-wr .txt-box .img { height:auto; } 
 }

@media all and (max-width:767px) {.ov-imgwr { width: 100%; height: 150px; float: none; overflow: hidden; } 
.ov-imgwr img {-webkit-transform: translateY(-35%);-moz-transform: translateY(-35%);-ms-transform: translateY(-35%);-o-transform: translateY(-35%);transform: translateY(-35%); } 
.ov-txtwr { width: 100%; padding: 6% 3% 5%; float: none; } 
.ov-txtwr .top-txt { font-size: 33px; margin-bottom: 20px;  } 
.ov-txtwr .top-txt:after { display: none; } 
.ov-txtwr .txt1:before { height: 90%; } 
.ov-txtwr .txt1 { font-size: 20px; margin-bottom: 20px; } 
.ov-txtwr .txt2 { font-size: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; } 
.ov-txtwr .txt2:before { top: 16px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
 /* ov-new-txt 반응형 */
 /* .ov-new-txt { padding: 0 3%; }  */
 .ov-new-txt .txt1 { font-size: 20px; margin-bottom: 20px; } 
 .ov-new-txt .cont-wr .txt-box { margin-bottom: 50px; } 
.ov-new-txt .cont-wr .txt-box:last-of-type { margin-top:50px; margin-bottom: 55px; } 
.ov-new-txt .cont-wr .txt-box .tit { font-size: 18px; margin-bottom: 15px; } 
.ov-new-txt .cont-wr .txt-box .cont li p { font-size: 15px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; } 
.ov-new-txt .cont-wr .txt-box .cont li p .sub-txt { font-size:14px; } 
.ov-new-txt .cont-wr .txt-box .normal-txt { font-size: 16px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 500; } 
.ov-new-txt .cont-wr .txt-box .img { max-width: 100%; height:auto; } 
.ov-new-txt .cont-wr .txt-box .img img { max-width: 100%; } 
 /* 추가부분 */
 .ov-new-txt .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit { font-size: 15px; word-break: keep-all; } 
 .ov-new-txt .cont-wr .txt-box .cont .cont_arti p { word-break: keep-all; font-size: 15px; } 
 .cont-wr .txt-box .cont .cont_arti_1>h3{margin-top: 70px;}
}

@media all and (max-width:460px){
 .ov-new-txt .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit .m_hide { display: none; }
 .serv-sec4 .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit .m_hide { display: none; }
}


/*=============== 핵심가치 ===============*/
.value { text-align: center; } 
.value > div { margin-bottom: 180px; }
.value-sc1 { } 
.value-sc3 .main-txt { font-size: 31px; line-height: 1.6em; word-break: keep-all; } 


/* 핵심가치 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) { } 
@media all and (min-width:1024px) and (max-width:1199px) { } 

@media all and (min-width:768px) and (max-width:1023px) { } 

@media all and (max-width:767px) {.value > div { width: 100%; height: auto; padding: 0 2%; margin-bottom: 30px; } 
.value > div img { max-width: 100%; height: auto; } 
.value-sc1 { margin-top: 0; } 
.value-sc3 .main-txt { font-size: 20px; } 
 }

/*=============== 브랜드 스토리 ===============*/
.brand { } 
.brand-sc1 { width: 100%; height: auto; position: relative; } 
.brand-sc1 .img-wr { width: 100%; height: auto; text-align: center; padding: 20px 0 0; } 
.brand-sc1 .img-wr img { max-width: 100%; } 
.brand-sc1 .txt-wr { padding: 0px 2% 120px; text-align: center; } 
.brand-sc1 .txt-wr .txt1 { font-size: 36px; line-height: 1.6em; margin-bottom: 40px; } 
.brand-sc1 .txt-wr .txt1 .red { color: #ce181e; } 
.brand-sc1 .txt-wr .txt2 { font-size: 20px; line-height: 1.7em; font-weight: 600; color: #555555; } 

.ci-box { width: 100%; height: auto; padding: 5%; text-align: center; position: relative; border: 1px solid #aaaaaa; margin: 150px 0 120px; } 
.ci-box .tit-wr { position: absolute; top: -31px; left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); } 
.ci-box .tit-wr p { font-size: 38px; line-height: 38px; font-weight: 600; padding: 12px 40px; background: #ffffff; border: 4px solid #999999; border-top: 0; border-bottom:0; } 
.ci-box .txt-wr { width: 100%; height: auto; padding: 35px 0 70px; } 
.ci-box .txt-wr p { font-size: 20px; word-break: keep-all; } 

.brand-sc4 { width: 100%; height: auto; position: relative; display: flex; justify-content: space-between; } 
.brand-sc4 .img-wr { width: auto; display: block; } 
.brand-sc4 .img-wr img { max-width: 100%; } 



/* 브랜드 스토리 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) { } 
@media all and (min-width:1024px) and (max-width:1199px) { } 

@media all and (min-width:768px) and (max-width:1023px) { } 

@media all and (max-width:767px) {.brand-sc1 .img-wr { padding:30px 3%; } 
.brand-sc1 .txt-wr { padding: 10px 2%; } 
.brand-sc1 .txt-wr .txt1 { font-size: 18px; word-break: keep-all; margin-bottom: 20px; } 
.brand-sc1 .txt-wr .txt2 { font-size:14px; word-break: keep-all; } 
.brand>div.gray-bg { padding: 30px 3%; margin-bottom: 40px; } 
.brand>div.gray-bg>div.img-wr { padding: 5% 3%; } 
.brand>div.gray-bg>div.img-wr img { max-width:100%; } 
.brand>div.gray-bg>div.txt-wr { margin-top:20px } 
.brand>div.gray-bg>div.txt-wr .tit { font-size:22px; word-break: keep-all; } 
.brand>div.gray-bg>div.txt-wr .cont { font-size:14px; word-break: keep-all; } 

 .ci-box { margin: 60px 0 42px; } 
 .ci-box .tit-wr { top:-20px } 
.ci-box .tit-wr p { font-size:20px; line-height: 20px; } 
.ci-box .txt-wr { padding-bottom:30px; } 
.ci-box .txt-wr p { font-size:16px; } 
.ci-box .img-wr { padding-bottom:20px; } 
.ci-box .img-wr img { max-width:100%; } 
 }

/*=============== 오시는 길 ===============*/
.location { } 
.loca-wr { width: 100%; height: auto; position: relative; } 
.loca-wr .map-box { width: 100%; height: auto; min-height: 650px; border: 2px solid #008ff7; overflow: hidden; } 
.loca-wr .add-box { background: #f9f9f9; padding: 0 3%; box-shadow: 0px 5px 5px rgba(0,0,0,0.15); } 
.loca-wr .add-box .top { padding: 40px 0% 25px; border-bottom: 5px solid #dddddd; margin-bottom: 25px; } 
.loca-wr .add-box .top .name { font-size: 42px; font-weight: 600; margin-bottom: 0px; } 
.loca-wr .add-box .top .eng-name { font-size: 22px; } 
.loca-wr .add-box .bottom { padding: 0px 0% 40px; } 
.loca-wr .add-box .bottom p { font-size: 17px; position: relative; line-height: 2em; color: #777777; display: block; width: 50%; float: left; border-bottom: 1px solid #dddddd; padding: 5px 0 5px 110px; word-break: keep-all; } 
.loca-wr .add-box .bottom p .tit { font-size: 18px; font-weight: 600; position: absolute; top: 50%; left: 0; color: #222222;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 


/* 오시는 길 - 반응형 */
@media all and (min-width:1520px) {.loca-wr .add-box .bottom p.pc-100 { width: 100%; } 
 }
@media all and (min-width:1200px) and (max-width:1519px) {.loca-wr .add-box .bottom p.pc-100 { width: 100%; } 
 }
@media all and (min-width:1024px) and (max-width:1199px) {.loca-wr .add-box .bottom p.pc-100 { width: 100%; } 
 }

@media all and (min-width:768px) and (max-width:1023px) {.loca-wr .add-box .bottom p.pc-100 { width: 100%; } 
 }

@media all and (max-width:767px) {.loca-wr .map-box { height:420px; min-height: auto; } 
.loca-wr .add-box .top { padding: 25px 3% 15px; margin-bottom: 15px; } 
.loca-wr .add-box .top .name { font-size:22px; } 
.loca-wr .add-box .top .eng-name { font-size:16px; } 
.loca-wr .add-box .bottom p { font-size:14px; width:100%; padding: 5px 2% 5px 100px; } 
.loca-wr .add-box .bottom p .tit { font-size:14px; left: 2%; } 
.loca-wr .add-box .bottom { padding: 0 0 25px; } 
 }

/*=============== 서비스 ===============*/

.service1 { width: 100%; height: auto; position: relative; } 
.serv1-top-sc { width: 100%; height: 185px; background: url(../../img/service1-bg1.png) no-repeat center; background-size: cover; position: relative; display: flex; align-items: center; } 
.serv1-top-sc .tit { font-size: 26px; color: rgba(255,255,255,0.9); text-align: center; width: 100%; padding: 0 5%; font-weight: 400; } 
.serv1-top-sc .tit span { font-weight: 900; color: #ffffff; } 
.serv1-sc1 { padding: 80px 0; text-align: center; } 
.serv1-sc1 .txt-wr { } 
.serv1-sc1 .txt-wr p { font-size: 18px; line-height: 1.8em; letter-spacing: -0.2px; } 
.serv1-sc2 { width: 100%; height: auto; margin-bottom: 80px; } 
.serv1-sc2 .flex { display: flex; justify-content: space-between; } 
.serv1-sc2 article { width: 32%; max-width: 412px; box-shadow: 2px 2px 8px rgba(0,0,0,0.15); } 
.serv1-sc2 article .imgbox { width: 100%; height: auto; overflow: hidden; border: 1px solid #dddddd; } 
.serv1-sc2 article .imgbox img { max-width:100%; } 
.serv1-sc2 article .txtbox { width: 100%; height: auto; padding: 30px 40px; border: 1px solid #dddddd; border-top: 0; text-align: center; min-height: 155px; display: flex; align-items: center; } 
.serv1-sc2 article .txtbox p { font-size: 17px; letter-spacing: -0.2px; line-height: 1.8em; word-break: keep-all; } 
.serv1-sc3 { width: 100%; height: auto; } 
.serv1-sc3 article { width: 100%; height: auto; padding: 50px 5%; position: relative; display: flex; justify-content: center; align-items: center; } 
.serv1-sc3 article .txt-wr { position: relative; z-index: 2; } 
.serv1-sc3 article .txt-wr .tit { font-size: 22px; font-weight: 700; margin-bottom: 30px; word-break: keep-all; } 
.serv1-sc3 article .txt-wr .cont { font-size: 18px; letter-spacing: -0.2px; line-height: 1.8em; word-break: keep-all; color: #666666; } 
.serv1-sc3 article .bg-wr { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; text-align: right; } 
.serv1-sc3 article .bg-wr img { height: 100%; } 
.serv1-sc3 article.one { min-height: 355px; } 
.serv1-sc3 article.one .txt-wr { padding-right: 40%; } 
.serv1-sc3 article.two { min-height: 455px; } 
.serv1-sc3 article.two .bg-wr { text-align: left; } 
.serv1-sc3 article.two .txt-wr { padding-left: 40%; text-align: right; } 
.serv1-sc4 { padding: 100px 0; text-align: center; } 
.serv1-sc4 .txt1 { font-size: 24px; line-height: 1.8em; font-weight: 600; color: #666666; } 
.serv1-sc4 .txt2 { font-size: 28px; font-weight: 800; margin-top: 25px; } 
.serv1-sc5 { padding: 80px 0; text-align: center; position: relative; margin-bottom: 100px; } 
.serv1-sc5 p { font-size: 26px; color: #ffffff; line-height: 1.8em; position: relative; font-weight: 300; } 
.serv1-sc5:before { content: ""; display: block; width: 253px; height: 118px; background: url(../../img/service1-bg4.png) no-repeat center; background-size:cover; position: absolute; top: 50px; left: 15%; } 
.serv1-sc5 p span { font-weight: 900; } 
.serv1-sc6 { } 
.serv1-sc6 article { margin-bottom: 100px; position: relative; width: 100%; height: 451px; } 
.serv1-sc6 article .img-wr { width: 555px; height: auto; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; } 
.serv1-sc6 article .img-wr img { max-width:100%; } 
.serv1-sc6 article .txt-wr { width: 70%; height: 382px; background: #ffffff; border: 1px solid #dddddd; position: absolute; bottom: 0; right: 0; z-index: 1; padding: 0 5%; display: flex; justify-content: center; flex-direction: column; } 
.serv1-sc6 article .txt-wr .tit-box { font-size: 26px; margin-bottom: 40px; font-weight: 600; word-break: keep-all; line-height: 1.5em; } 
.serv1-sc6 article .txt-wr .list-box { } 
.serv1-sc6 article .txt-wr .list-box p { font-size: 17px; margin-bottom: 10px; padding-left: 35px; word-break: keep-all; letter-spacing: -0.2px; position: relative; } 
.serv1-sc6 article .txt-wr .list-box p:before { content: ""; display: block; width: 7px; height: 7px; background: #cccccc; position: absolute; top: 10px; left: 11px; } 
.serv1-sc6 article:nth-child(2n) { } 
.serv1-sc6 article:nth-child(2n) .img-wr { left: auto; right: 0; } 
.serv1-sc6 article:nth-child(2n) .txt-wr { right: auto; left: 0; } 
.serv1-sc7 { width: 100%; height: auto; position: relative; } 
.serv1-sc7 .gray-box { width: 100%; height: auto; padding: 60px 30px 70px; text-align: center; background:
#f4f4f4; border: 1px solid #dddddd; border-radius: 15px; } 
.serv1-sc7 .gray-box .txt1 { font-size: 18px; letter-spacing: -0.2px; line-height: 1.8em; margin-bottom: 40px; color: #777777; } 
.serv1-sc7 .gray-box .txt2 { font-size: 32px; font-weight: 800; margin-bottom: 40px; letter-spacing: 3px; } 
.serv1-sc7 .gray-box .txt3 { font-size: 22px; font-weight: 700; line-height: 1.5em; } 

.service-top-wr { width: 100%; height: auto; padding: 60px 3%; text-align: center; background: #f6f6f6; margin-bottom: 70px; } 
.service-top-wr p { font-size: 24px; font-weight: 600; word-break: keep-all; line-height: 1.8em; } 
.service-table-wr { width: 100%; height: auto; margin-bottom: 80px; } 
.service-table-wr table { width: 100%; height: auto; border-top: 2px solid #999999; } 
.service-table-wr table tr th { width: 40%; background: #fafafa; border-bottom: 1px solid #bbbbbb; padding: 15px 25px; text-align: center; font-size: 17px; word-break: keep-all; font-weight: 500; vertical-align: middle; } 
.service-table-wr table tr td { width: 60%; background: #ffffff; border-bottom: 1px solid #dddddd; padding: 15px 25px; text-align: center; font-size: 17px; font-weight: 300; word-break: keep-all; vertical-align: middle; } 
.service-cont-wr { width:100%; height: auto; } 
.service-cont-wr .tit-box { text-align: left; position: relative; margin-bottom: 30px; padding: 20px 0 20px 36px; border-bottom: 1px solid #dddddd; margin-top: 80px; } 
.service-cont-wr .tit-box p { font-size: 28px; font-weight: 700; } 
.service-cont-wr .tit-box p:after { position: absolute; content: ""; display: block; width: 10px; height: 10px; background: #008ff7; top: 50%; left: 5px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.service-cont-wr .img2-box { width: 100%; height: auto; display: flex; } 
.service-cont-wr .img2-box article { width: 49%; height: auto; margin-left: 2%; overflow: hidden; } 
.service-cont-wr .img2-box article:first-of-type { margin-left: 0; } 
.service-cont-wr .img2-box article .caption { padding: 15px 26px; background: #008ff7; border-radius: 10px; margin-bottom: 15px; } 
.service-cont-wr .img2-box article .caption p { font-size: 18px; color: #ffffff; } 
.service-cont-wr .img2-box article .img-inner-box { width: 100%; height: auto; border: 1px solid #dddddd; } 
.service-cont-wr .img2-box article .img-inner-box img { max-width: 100%; } 
.service-cont-wr .txt-box { padding: 30px 50px; border: 1px solid #dddddd; background: #fafafa; margin-bottom: 50px; } 
.service-cont-wr .txt-box .main { font-size: 18px; letter-spacing: -0.2px; margin-bottom: 20px; line-height: 1.63em; } 
.service-cont-wr .txt-box .list { font-size: 17px; padding-left: 25px; letter-spacing: -0.2px; line-height: 1.8em; margin-bottom: 3px; color: #555555; font-weight: 300; position: relative; } 
.service-cont-wr .txt-box .list:before { content: ""; display: block; width: 6px; height: 6px; background: #bbbbbb; position: absolute; top: 13px; left: 5px; } 
.service-cont-wr.split3 { display: flex; justify-content: space-between; align-items: center; } 
.service-cont-wr.split3 article { width: 32%; text-align: center; border: 15px solid #008ff7; border-radius: 60px; padding: 40px; } 
.service-cont-wr.split3 article .txt1 { font-size: 15px; margin-bottom: 20px; word-break: keep-all; color: #777777; line-height: 1.5em; display: inline-block; background: #eeeeee; padding: 10px; letter-spacing: -0.2px; } 
.service-cont-wr.split3 article .txt2 { font-size: 22px; font-weight: 800; margin-bottom: 20px; padding-bottom: 20px; word-break: keep-all; border-bottom: 1px dashed #bbbbbb; line-height: 1.5em; } 
.service-cont-wr.split3 article .txt3 { font-size: 16px; word-break: keep-all; letter-spacing: -0.2px; } 
.service-cont-wr .img-box { width: 100%; height: auto; overflow: hidden; text-align: center; border: 1px solid #dddddd; padding: 5% 2%; } 
.service-cont-wr .img-box img { max-width: 100%; } 

.service5 { } 
.serv5-gray-wr { width: 100%; height: auto; max-width: 1300px; margin: 0 auto 80px; background: #fafafa; border: 1px solid #ebebeb; padding: 3% 3%; display: flex; justify-content: center; flex-direction: column; } 
.serv5-gray-wr article { width: auto; height: auto; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px dashed #dddddd; } 
.serv5-gray-wr article:last-of-type { margin-bottom:0; padding-bottom: 0; border-bottom: 0; } 
.serv5-gray-wr .img-box { width: auto; height: auto; padding: 40px 10px; background: #ffffff; border: 1px solid #dddddd; overflow: hidden; text-align: center; } 
.serv5-gray-wr .img-box img { max-width: 100%; } 
.serv5-gray-wr .txt-box { width: auto; height: auto; padding: 15px; text-align: center; background: #008ff7; } 
.serv5-gray-wr .txt-box p { font-size:18px; letter-spacing: -0.2px; font-weight: 300; color: rgba(255,255,255,0.9); word-break: keep-all } 
.serv5-gray-wr .txt-box p span { font-weight: 700; color: #ffffff; letter-spacing: 0; margin: 0 5px; } 

.serv5-process-wr { width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } 
.serv5-process-wr article { width: 15.5%; height: auto; min-height: 245px; padding: 86px 15px 15px; border-radius: 15px 0; background: #666666; display: flex; flex-direction: column; justify-content: center; position: relative; } 
.serv5-process-wr article .num { width: 100%; text-align: right; font-size: 65px; font-weight: 800; color: #ffffff; margin-bottom: 10px; position: absolute; top: -5px; right: 0px; opacity: 0.4; } 
.serv5-process-wr article .txt1 { font-size: 18px; font-weight: 500; color: #ffffff; word-break: keep-all; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed rgba(255,255,255,0.3); } 
.serv5-process-wr article .txt2 { font-size: 14px; color: #ffffff; word-break: keep-all; line-height: 1.5em; font-weight: 300; } 

.serv5-process-wr article.process1 { background: #6084d4 } 
.serv5-process-wr article.process2 { background: #4871cd } 
.serv5-process-wr article.process3 { background: #008ff7 } 
.serv5-process-wr article.process4 { background: #1e48a5 } 
.serv5-process-wr article.process5 { background: #204087 } 
.serv5-process-wr article.process6 { background: #2f4066 } 

/* 서비스 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) { } 
@media all and (min-width:1024px) and (max-width:1199px) {.serv5-process-wr article { width: 32%; margin-bottom: 4%; } 
.serv5-process-wr { align-content: center; align-items: stretch; flex-wrap: wrap; } 
 }

@media all and (min-width:768px) and (max-width:1023px) {.serv5-process-wr article { width: 32%; margin-bottom: 4%; } 
.serv5-process-wr { align-content: center; align-items: stretch; flex-wrap: wrap; } 
 }

@media all and (max-width:767px) {.serv1-top-sc { height:auto; padding: 25px 3%; } 
.serv1-top-sc .tit { font-size: 18px; line-height:1.5em; word-break: keep-all; } 
.serv1-sc1 { padding:30px 2%; } 
.serv1-sc1 .txt-wr p { font-size: 14px; } 
.serv1-sc2 { margin-bottom:30px; } 
.serv1-sc2 .flex { flex-direction:column; } 
.serv1-sc2 article { width:100%; max-width: 100%; margin-bottom: 25px; } 
.serv1-sc2 article .imgbox { display: none; } 
.serv1-sc2 article .txtbox { width: 100%; float:left; padding: 25px 3%; min-height: auto; } 
.serv1-sc2 article .txtbox p { font-size:14px; width: 100%; } 
.serv1-sc2 article .imgbox img { } 
.serv1-sc3 article { min-height: auto!important; height: auto; padding: 30px 4%; background: #f4f4f4; } 
.serv1-sc3 article .bg-wr { display:none; } 
.serv1-sc3 article.one { border-bottom: 1px dashed #cccccc; } 
.serv1-sc3 article.one .txt-wr { padding-right: 0; } 
.serv1-sc3 article.two .txt-wr { padding-left: 0; text-align: left; } 
.serv1-sc3 article .txt-wr .tit { font-size:18px; word-break:keep-all; margin-bottom: 20px; } 
.serv1-sc3 article .txt-wr .cont { font-size:14px; word-break:keep-all; } 
.serv1-sc4 { padding: 35px 2%; } 
.serv1-sc4 .txt1 { font-size: 16px; word-break: keep-all; font-family: "Noto Sans KR", "돋움", sans-serif!important; font-weight: 400; } 
.serv1-sc4 .txt2 { font-size: 18px; word-break: keep-all; line-height: 1.5em; margin-top: 15px; } 
.serv1-sc5 { padding: 50px 5%; margin-bottom: 40px; } 
.serv1-sc5 p { font-size:20px; word-break: keep-all; } 
.serv1-sc5:before { top:50%; left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); } 
.serv1-sc6 article { height:auto; margin-bottom: 40px; } 
.serv1-sc6 article .img-wr { width:100%; max-height: 220px; position: relative; overflow: hidden; } 
.serv1-sc6 article .img-wr img { width:100%; position:relative; } 
.serv1-sc6 article .txt-wr { width:100%; height: auto; padding: 6% 5%; position:relative; bottom: auto; right: auto; } 
.serv1-sc6 article .txt-wr .tit-box { font-size:18px; margin-bottom: 20px; } 
.serv1-sc6 article .txt-wr .list-box p { font-size:14px; padding-left: 27px; margin-bottom: 6px; } 
.serv1-sc6 article .txt-wr .list-box p:before { top: 9px; width: 5px; height: 5px; } 
.serv1-sc7 .gray-box { padding: 7% 6%; } 
.serv1-sc7 .gray-box .txt1 { font-size:14px; word-break:keep-all; margin-bottom: 20px; } 
.serv1-sc7 .gray-box .txt2 { font-size:22px; word-break:keep-all; letter-spacing: 0px; line-height: 1.5em; margin-bottom: 20px; } 
.serv1-sc7 .gray-box .txt3 { font-size: 16px; font-family: "Noto Sans KR", "돋움", sans-serif!important; font-weight: 500; word-break: keep-all; } 
.service-top-wr { padding:20px 5%; margin-bottom: 30px; } 
.service-top-wr p { font-size: 16px; font-family: "Noto Sans KR", "돋움", sans-serif!important; font-weight: 500; } 
.service-table-wr { margin-bottom:40px; } 
.service-table-wr table tr th { width: 30%; font-size: 13px; padding: 10px 15px; } 
.service-table-wr table tr td { width: 70%; font-size: 13px; padding: 10px 15px; } 
.service-cont-wr .tit-box { margin: 30px 0 15px; padding-bottom:15px; padding: 10px 0 10px 20px; } 
.service-cont-wr .tit-box p { font-size:20px; } 
.service-cont-wr .tit-box p:after { width:6px; height:6px; } 
.service-cont-wr .img2-box { flex-direction:column; } 
.service-cont-wr .img2-box article { width:100%; margin-left: 0; margin-bottom: 25px; } 
.service-cont-wr .img2-box article .caption { padding:10px 15px; } 
.service-cont-wr .img2-box article .caption p { font-size:14px; } 
.service-cont-wr .txt-box { padding:20px 5% } 
.service-cont-wr .txt-box .main { font-size: 15px; margin-bottom: 10px; } 
.service-cont-wr .txt-box .list { font-size:14px; padding-left: 19px; } 
.service-cont-wr .txt-box .list:before { width:4px; height:4px; top: 10px; } 
.service-cont-wr.split3 { flex-direction:column; } 
.service-cont-wr.split3 article { width:100%; margin-bottom:20px; padding: 5%; border: 10px solid #008ff7; border-radius: 40px; } 
.service-cont-wr.split3 article .txt1 { font-size:13px; margin-bottom: 15px; } 
.service-cont-wr.split3 article .txt2 { font-size:16px; font-family: "Noto Sans KR", "돋움", sans-serif!important; font-weight: 600; margin-bottom: 15px; padding-bottom: 15px; } 
.service-cont-wr.split3 article .txt3 { font-size:14px; } 
.service-cont-wr .img-box { padding: 8%; } 
.serv5-process-wr article { width: 48%; margin-bottom: 5%; min-height: 230px; } 
.serv5-process-wr { align-content: center; align-items: stretch; flex-wrap: wrap; } 
.serv5-gray-wr .txt-box p { font-size: 15px; } 
 }

/*=============== 서비스 - 추가페이지 ===============*/
.service-main { } 
.serv-sec1 { position: relative; text-align: center; margin-bottom: 75px; } 
.serv-sec1 .top-dot { display: block; width: 60px; height: 44px; margin: 0 auto; background: url(../../img/service-dot1.png) no-repeat center; } 
.serv-sec1 .txt2 { font-size: 24px; color: #6c757b; letter-spacing: -0.5px; line-height: 1.6em; font-weight: 500; margin: 60px 0; word-break: keep-all; } 
.serv-sec1 .txt1 { font-size: 40px; font-weight: 600; line-height: 1.5em; margin: 50px 0; word-break: keep-all; } 
.serv-sec1 .txt1 .img img { padding: 0 10px 0 12px; } 
.serv-sec1 .bottom-dot { display: block; width:60px; height: 44px; margin: 0 auto; background: url(../../img/service-dot1.png) no-repeat center;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); } 
.serv-sec2 { padding: 0 5%; } 
.serv-sec2 .txt1-tit { margin: 55px 0 40px; padding: 0 8px; position: relative; display: inline-block; } 
.serv-sec2 .txt1-tit:first-of-type { margin-top: 40px; } 
.serv-sec2 .txt1-tit p { font-size: 32px; position: relative; z-index: 1; word-break: keep-all; } 
.serv-sec2 .txt1-tit .gray-underline { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 15px; background: #f1f1f1; } 
.serv-sec2 .txt1-cont { font-size: 20px; margin-bottom: 35px; line-height: 1.7; padding-left: 5px; word-break: keep-all; letter-spacing: -0.2px; } 
.serv-sec2 .txt1-cont b { font-weight: 800; margin-bottom: 7px; display: inline-block; font-size: 22px; } 
.serv-sec2 .txt1-list { margin-bottom: 50px; } 
.serv-sec2 .txt1-list>p { font-size: 20px; padding-left: 30px; margin-bottom: 7px; position: relative; line-height: 1.7; letter-spacing: -0.2px; } 
.serv-sec2 .txt1-list>p:before { content: ""; display: block; width: 19px; height: 13px; background: url(../../img/service-dot2.png) no-repeat center; position: absolute; top: 10px; left: 0; } 
/* difficulty-box */
.serv-sec2 .txt1-list .difficulty { font-size: 20px; margin-left: 30px; margin-bottom: 7px; position: relative; line-height: 1.7; letter-spacing: -0.2px; } 
.serv-sec2 .txt1-list .difficulty article { position: relative; padding-left: 17px; } 
.serv-sec2 .txt1-list .difficulty article:before { content: "-"; display: inline-block; position: absolute; top: 0; left: 0; } 
.serv-sec2 .txt1-list .difficulty article p { margin-top: 36px; } 
.serv-sec2 .txt1-list .difficulty article p span { padding-left: 20px } 
.serv-sec2 .txt1-list .difficulty article p span a { color: #008ff7; font-weight: 800; } 


.service-main .grayline-box { width: 100%; height: auto; padding: 140px 5% 5%; border: 14px solid #dddddd; position: relative; margin: 150px 0 110px; } 
.service-main .grayline-box .box-tit { width: auto; min-width: 830px; height: auto; padding: 10px 10px; background: #ffffff; position: absolute; top: -50px; left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); } 
.service-main .grayline-box .box-tit .tit { font-size: 40px; font-weight: 600; line-height: 1.5em; text-align: center; word-break: keep-all; } 
.service-main .grayline-box .box-tit .tit .img img { padding: 0 6px 0 10px } 
.service-main .grayline-box .box-list { margin-bottom: 75px; } 
.service-main .grayline-box .box-list p { font-size: 20px; margin-bottom: 20px; letter-spacing: -0.2px; word-break: keep-all; padding-left: 35px; position: relative; font-weight: 600; } 
.service-main .grayline-box .box-list p:before { width: 22px; height: 22px; background: #666666 url(../../img/service-dot3.png) no-repeat center; position: absolute; top: 0; left: 0; content: ""; } 
.service-main .grayline-box .box-cont { } 
.service-main .grayline-box .box-cont p { font-size: 20px; margin-bottom: 35px; letter-spacing: -0.2px; line-height: 1.8em; font-weight: 500; word-break: keep-all; } 
.service-main .grayline-box .box-cont p b { font-weight:800; } 
.service-main .grayline-box .box-cont p:last-of-type { margin-bottom: 0; } 
.service-main .grayline-box .box-cont p.gmarketM { font-weight: 700; font-size: 22px; } 
.serv-sec4 { padding: 0 3%; } 
.serv-sec4 .top-wr { margin-bottom: 80px; } 
.serv-sec4 .top-wr p { font-size:40px; font-weight:600; word-break: keep-all; line-height:1.7em; } 
.serv-sec4 .top-wr p .img img { padding: 0 8px 0 12px } 
.serv-sec4 .cont-wr { } 
/* .serv-sec4 .cont-wr .tit-circle { width:auto; height:auto; display:inline-block; border: 2px solid #777777; border-radius: 45px; position:relative; padding: 12px 45px 5px; margin-bottom: 65px; }  */
.serv-sec4 .cont-wr .tit-circle p { font-size: 32px; font-weight: 600; line-height:1.5em; word-break: keep-all; } 
.serv-sec4 .cont-wr .tit-circle p:nth-child(1) { font-size: 30px; font-weight: 600; line-height:1.5em; word-break: keep-all; } 
/* .serv-sec4 .cont-wr .tit-circle p:before { content:""; display: block; height: 20px; width: 20px; position: absolute; top: 50%; left: -10px; border-radius:50%; background: #444444; border: 4px solid #ffffff;-webkit-transform: translateY(-54%);-moz-transform: translateY(-54%);-ms-transform: translateY(-54%);-o-transform: translateY(-54%);transform: translateY(-54%); }  */
.serv-sec4 .cont-wr .tit-circle p:after { content:""; display: block; height: 20px; width: 20px; position: absolute; top: 50%; right: -10px; border-radius:50%; background: #444444; border: 4px solid #ffffff;-webkit-transform: translateY(-54%);-moz-transform: translateY(-54%);-ms-transform: translateY(-54%);-o-transform: translateY(-54%);transform: translateY(-54%); } 
.serv-sec4 .cont-wr .txt-box { margin-bottom: 100px; } 
.serv-sec4 .cont-wr .txt-box:last-of-type { 
   /* margin-top: 95px;  */
   margin-bottom: 100px; } 
/* .serv-sec4 .cont-wr .txt-box .tit { font-size: 22px; font-weight: 800; margin-bottom: 40px; word-break: keep-all; } */
.serv-sec4 .cont-wr .txt-box .tit { font-size: 22px; font-weight: 800; margin-bottom: 35px; word-break: keep-all; line-height: 1.7; text-indent: -25px; padding-left: 25px; } 

.serv-sec4 .cont-wr .txt-box .cont_arti_tit2{font-size: 20px; margin-bottom: 20px; font-weight: 600;}

.serv-sec4 .cont-wr .txt-box .cont { line-height: 1.7; 
   /* margin-bottom: 50px; */
} 
.serv-sec4 .cont-wr .txt-box .new_cont{margin-bottom: 30px;}
.serv-sec4 .cont-wr .txt-box .num_bot{margin-bottom: 50px;}
.serv-sec4 .cont-wr .txt-box .num_bot:last-child{margin-bottom: 0;}
.serv-sec4 .cont-wr .txt-box .cont li { position: relative;
    margin-bottom: 40px; } 
    .serv-sec4 .cont-wr .txt-box .cont li:last-child{margin-bottom: 0;}
.serv-sec4 .cont-wr .txt-box .cont li p { font-size: 20px; padding-left: 35px; word-break: keep-all; font-weight: 400; } 
.serv-sec4 .cont-wr .txt-box .cont li p.NanumSquare{font-weight: 600;}
.serv-sec4 .cont-wr .txt-box .cont li p .sub-txt { /* font-family:"Noto Sans KR", dotum, sans-serif!important; */font-size: 16px; font-weight: 400; color: #777777; } 
.serv-sec4 .cont-wr .txt-box .cont li p:before { content: ""; display: block; width: 19px; height: 13px; background: url(../../img/service-dot2.png) no-repeat center; position: absolute; top: 10px; left: 0; } 

/* cont_sub_box 추가*/
.serv-sec4 .cont-wr .txt-box .cont .cont_sub_box { position: relative; padding-left: 35px; padding-top: 20px; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_sub_box .hand_icon { position: absolute; top: 17px; left: 32px; width: 34px; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_sub_box .hand_icon>img { width: 100%; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_sub_box li .service_sub_txt { padding-left: 35px; word-break: keep-all; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_sub_box ul li p::before { content: ""; display: block; width: 29px; height: 19px; background: url(../../img/check_icon.png) no-repeat center; background-size: contain; position: absolute; top: 7px; left: 0; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_sub_box li .service_sub_txt::before { content: ""; display: block; width: 35px; height: 45px; background: url(../../img/hand_icon.png) no-repeat center; background-size: contain; position: absolute; top: -7px; left: -4px; } 
.serv-sec4 .cont-wr .txt-box .cont .blue { color: #008ef6; font-weight: 600; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_arti { font-size: 20px;
    margin-bottom: 50px;
     line-height: 1.8; } 
     .serv-sec4 .cont-wr .txt-box .cont .cont_arti:last-child{margin-bottom: 0;}
.serv-sec4 .cont-wr .txt-box .cont .cont_arti h3 { font-size: 22px; color: #008ef6; margin-bottom: 7px; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_arti h3 span{ color: #222222; font-weight: 400;} 
.cont-wr .txt-box .cont .cont_arti_1>h3{margin-top: 70px;}

.serv-sec4 .cont-wr .txt-box .cont .cont_arti p { padding-bottom: 40px; font-weight: 400; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit { font-weight: bold; font-family: 'Noto Sans KR', dotum, sans-serif; padding-left: 5px;}
.serv-sec4 .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit.txt-indent{padding-left: 15px; text-indent: -15px;}
.serv-sec4 .cont-wr .txt-box .normal-txt { font-size: 22px; font-weight:600; line-height:1.7em; word-break: keep-all; } 
.serv-sec4 .cont-wr .txt-box .img { margin: 45px 0; display: block; height: 45px; padding-left: 25px; } 
.serv-sec4 .cont-wr .txt-box .img img { max-height: 100%; } 
.serv-sec4 .cont-wr .txt-box .cont .cont_arti p:last-child{padding-bottom: 0;}

@media all and (max-width:480px) {
   .serv-sec4 .cont-wr .txt-box .cont .cont_arti h3{font-size: 16px;}
}


/* 수정 */
.txt-box p .green { color: rgb(0, 176, 162); font-weight: 800;}
.txt-box p .black { color: #222222; font-weight: 600;}

/* 서비스 필요성, 회사소개 공통 */
/* txt-box.txt01 */
.cont-wr .tit-circle p { font-size: 30px; font-weight: 700; line-height:1.6em; word-break: keep-all; position: relative; padding-left: 25px; margin-bottom: 80px;} 
.cont-wr .tit-circle p:before { content:""; display: block; height: 81%; width: 8px; position: absolute; top: 50%; left: 0px; background: #008ff7; transform: translateY(-50%);} 
.serv-sec4 .cont-wr .tit-circle p:after { display: none;} 

/* .cont-wr .txt-box.txt01 { margin-bottom: 70px; }  */
.cont-wr .txt-box.txt01 .tit { margin-bottom: 65px; } 
/* .serv-sec4 .cont-wr .txt-box.txt01 .cont { margin-left: 25px;}  */
.cont-wr .txt-box.txt01 .cont li { margin-bottom: 35px; } 
.cont-wr .txt-box.txt01 .cont li:nth-child(1) { margin-bottom: 70px; } 
.cont-wr .txt-box.txt01 .cont li:nth-child(1) p { padding-left: 0px; word-break: keep-all; } 
.cont-wr .txt-box.txt01 .cont li:last-child{margin-bottom: 0;}
.cont-wr .txt-box.txt01 .cont li:nth-child(1) p > strong { font-weight: 800; } 
.cont-wr .txt-box.txt01 .cont li p { padding-left: 0px;} 
.cont-wr .txt-box.txt01 .cont li p.fw { color: #008ef6; font-weight: 800; } 
.cont-wr .txt-box.txt01 .cont li p::before { display: none;} 

/* cont_arti cont_arti_4 NanumSquare */
.cont-wr .cont_arti.cont_arti_4.NanumSquare  .cont li:nth-child(even) > p::before { display: none; }
.cont-wr .cont_arti.cont_arti_4.NanumSquare > .cont > li > p { font-weight: 400; }
.cont-wr .cont_arti.cont_arti_4.NanumSquare  .cont li .padding_none { padding-left: 0;}
.serv-sec4 .cont-wr .txt-box .cont li p.mar_bot{font-family: "NanumSquare";}

/* cont_arti cont_arti_5 NanumSquare */
.cont-wr .cont_arti.cont_arti_5.NanumSquare  .cont li:nth-child(1)~li > p::before { }


/* cont_arti cont_arti_6 NanumSquare */
.cont-wr .cont_arti.cont_arti_6.NanumSquare  .cont li > p::before { display: none; }
.cont-wr .cont_arti.cont_arti_6.NanumSquare  .cont li > p { display: flex; flex-direction: column; }
.cont-wr .cont_arti.cont_arti_6.NanumSquare  .cont li:nth-last-child(1) p { padding-left: 0;}

/* cont_arti cont_arti_7 NanumSquare */
.cont-wr .cont_arti.cont_arti_7 .cont li:nth-child(even) > p::before { display: none; }
.cont-wr .cont_arti.cont_arti_7 .cont li:nth-child(odd) > p { font-weight: bold; font-family: 'Noto Sans KR', dotum, sans-serif; }
      
.service-main .title-sec { width: 100%; height: auto; text-align: center; position: relative; margin: 50px 0; } 
.service-main .title-sec .tit-box { display: inline-block; width: auto; height: auto; padding: 10px 70px; background: #ffffff; border: 2px solid #777777; border-radius: 60px; position: relative; z-index: 1; } 
.service-main .title-sec .tit-box.pd18 { padding-top: 18px;} 
.service-main .title-sec .tit-box p { font-size: 40px; font-weight: 600; word-break: keep-all; } 
.service-main .title-sec .tit-box p:before { content: ""; display: block; width: 20px; height: 20px; background: #444444; border: 4px solid #ffffff; position: absolute; top: 32px; left: -10px; border-radius: 50%; } 
.service-main .title-sec .tit-box p:after { content: ""; display: block; width: 20px; height: 20px; background: #444444; border: 4px solid #ffffff; position: absolute; top: 32px; right: -10px; border-radius: 50%; } 
.service-main .title-sec .underline { position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; display: block; background: #777777; } 

/* service_table */
.service_table { max-width: 980px; margin: 0 auto; box-shadow: 5px 8px 11px 4px #3333330f; margin-bottom: 100px; }
.service_table .service_table_title { display: flex; position: relative; color: #fff; font-size: 24px;}
.service_table .service_table_title h4 { padding: 10px 0; text-align: center; font-size: 30px;}
.service_table .service_table_title .serv_box1 { width: 40%; height: 100%; background-color: #51A9E9;}
.service_table .service_table_title .serv_box2 { width: 20%; height: 100%; background-color: #B6B9BF;}
.service_table .service_table_title .serv_box3 { width: 40%; height: 100%; background-color: #40D4E2;}

.service_table .service_table_row  { display: flex; position: relative; border-bottom: 1px solid #33333378; line-height: 1.5; flex-direction: row; flex-wrap: nowrap; align-items: stretch; }
.service_table .service_table_row:nth-last-child(1)  { border-bottom: none; }
.service_table .service_table_row ul { padding: 10% 0 0; }
.service_table .service_table_row ul li { position: relative; font-size: 20px; padding-left: 30px; word-break: keep-all; }
.service_table .service_table_row ul li::before { content: ""; background: url(../../img/dot_icon.png) no-repeat center; width: 24px; height: 23px; display: block; position: absolute; left: 0; top: 3px;}
.service_table .service_table_row .serv { position: relative; padding: 30px 2% ; }

.service_table .service_table_row .serv.serv_box1 { width: 40%; height: 100%; align-self: center; }
.service_table .service_table_row .serv.serv_box1 ul li { font-weight: 800; }
.service_table .service_table_row .serv.serv_box1 p { position: relative; font-weight: 800; padding-left: 30px; word-break: keep-all; font-size: 20px; }
.service_table .service_table_row .serv.serv_box1 p::before { content: ""; background: url(../../img/bl_check_icon.png) no-repeat center; background-size: contain; width: 24px; height: 20px; display: block; position: absolute; top: 4px; left: 0; }
.service_table .service_table_row .serv.serv_box1 p:nth-child(2) { margin-top: 10%; }
.service_table .service_table_row .serv.serv_box1 strong { color: #51a9e9; }
.service_table .service_table_row .serv.serv_box1 p.before_none { padding-left: 0; color: #51a9e9;}
.service_table .service_table_row .serv.serv_box1 p.before_none::before { display: none; }

.service_table .service_table_row .serv.serv_box2 { width: 20%; position: relative; background: #F3F3F3; }
.service_table .service_table_row .serv.serv_box2 p { text-align: center; font-size: 24px; font-weight: 800; width: 100%; position: relative; top: 50%; transform: translateY(-50%); word-break: keep-all; }
.service_table .service_table_row .serv.serv_box2 span { position: relative; font-size: 20px; padding-left: 30px; word-break: keep-all; display: block; text-align: left; font-weight: 500; margin-left: 15px;}
.service_table .service_table_row .serv.serv_box2 span::before { content: ""; background: url(../../img/dot_icon.png) no-repeat center; width: 24px; height: 23px; display: block; position: absolute; left: 0; top: 3px; }
.service_table .service_table_row .serv.serv_box2 span:nth-of-type(1) { margin-top: 20px;}

.service_table .service_table_row .serv.serv_box3 { width: 40%; align-self: center; }
.service_table .service_table_row .serv.serv_box3 p { position: relative; font-size: 20px; padding-left: 30px; word-break: keep-all; }
.service_table .service_table_row .serv.serv_box3 p::before { content: ""; background: url(../../img/que_check_icon.png) no-repeat center; background-size: contain; width: 21px; height: 21px; display: block; position: absolute; top: 5px; left: 0; }
.service_table .service_table_row .serv.serv_box3 p.before_none { text-align: center; font-size: 24px; font-weight: 800; width: 100%; position: relative; top: 50%; padding-left: 0px; word-break: keep-all; }
.service_table .service_table_row .serv.serv_box3 p.before_none::before { display: none; }

/* 수정 반응형 */
@media (max-width : 1074px) { 
   .serv-sec4 .cont-wr .txt-box.txt01 .cont li p { padding-left: 0px;} 
}
@media (max-width: 767px) { 
   .cont-wr .txt-box.txt01 .tit { margin-bottom: 35px; } 
   .cont-wr .txt-box.txt01 .cont li:nth-child(1) { margin-bottom: 35px; } 
   .cont-wr .txt-box.txt01 .cont li p.fw { font-weight: 600;} 
   .cont-wr .txt-box.txt01 .cont li:nth-child(1) p > strong { font-weight: 600; } 
   .cont-wr .txt-box .cont .cont_arti h3 span { font-size: 18px; vertical-align: middle; }
   .service_table .service_table_title h4 { font-size: 22px; }
   .serv-sec4 .cont-wr .tit-circle p:nth-child(1) { font-size: 24px; margin-bottom: 20px; }
   .service_table .service_table_row .m_hide { display: none; }
}
@media (max-width:596px){
   .cont-wr .txt-box .cont .cont_arti h3.cont_arti_2_h3_lh { line-height: 1.0; margin-bottom: 23px;}
}
@media (max-width:563px){
   .service_table .service_table_row .serv.serv_box2 span { padding-left: 15px; }
   .service_table .service_table_row .serv.serv_box2 span::before { top: 3px; left: -8px; }
}

.serv-sec5 { padding: 0 5%; } 
.serv-sec5 .tit-box { width: 100%; height: auto; margin: 80px 0 25px; } 
.serv-sec5 .tit-box p { font-size: 32px; font-weight: 600; padding-left: 50px; position: relative; line-height: 1.5em; } 
.serv-sec5 .tit-box p:before { content: ""; display: block; width: 31px; height: 28px; background: url(../../img/service-dot4.png)no-repeat center; background-size: cover; position: absolute; top: 7px; left: 0; } 
.serv-sec5 .cont-box { padding-left: 50px; } 
.serv-sec5 .cont-box p { font-size: 22px; line-height: 1.7; } 
.serv-sec5 .cont-box p b { font-weight:800; } 
.serv-sec5 .cont-box.list p { padding-left: 20px; position:relative; margin-top: 3px; font-weight: 500; word-break: keep-all; } 
.serv-sec5 .cont-box.list p:before { position:absolute; width: 8px; height: 8px; border-radius:50%; background:#777777; content:""; display:block; left: 0; top: 12px; } 
.serv-sec5 .img-box { text-align:center; max-width: 1200px; } 
.serv-sec5 .img-box img { max-width:100%; margin-bottom: 80px; } 
.serv-sec5 .cont-box.list p.subtxt { font-size:22px; color:#777777; line-height:1.7; font-weight: 400; word-break: keep-all; } 
.serv-sec5 .cont-box.list p.subtxt:before { display:none; } 
.serv-sec6 .img-box { text-align:center; } 
.serv-sec6 .img-box img { max-width:100%; display:block; margin: 0 auto; } 

.service-img-box { width: 100%; height: auto; text-align: center; margin-top: 20px; } 
.service-img-box img { max-width: 100%; } 

.serv5-bottom-sec { width: 100%; height: auto; padding: 50px 10%; text-align: center; background: #dfe0e2; margin-top: 90px; } 
.serv5-bottom-sec .txt-wr { margin-bottom: 35px; } 
.serv5-bottom-sec .txt-wr p { font-size: 34px; font-weight: 800; color: #222222; line-height: 1.5em; word-break: keep-all; } 
.serv5-bottom-sec .btn-wr a p { font-size: 18px; } 
.serv5-bottom-sec .btn-style1 a .white-square { background:#dfe0e2; } 

/* 서비스 소개 카테고리 css */

.serv-title-wr { width: 100%; height: auto; text-align: center; position: relative; margin: 50px 0; } 
.serv-title-wr:first-of-type { margin-top:0 } 
.serv-title-wr .tit-box { display: inline-block; width: auto; height: auto; padding: 10px 70px; background: #ffffff; border: 2px solid #777777; border-radius: 60px; position: relative; z-index: 1; } 
.serv-title-wr .tit-box p { font-size: 40px; font-weight: 600; word-break: keep-all; } 
.serv-title-wr .tit-box p:before { content: ""; display: block; width: 20px; height: 20px; background: #444444; border: 4px solid #ffffff; position: absolute; top: 32px; left: -10px; border-radius: 50%; } 
.serv-title-wr .tit-box p:after { content: ""; display: block; width: 20px; height: 20px; background: #444444; border: 4px solid #ffffff; position: absolute; top: 32px; right: -10px; border-radius: 50%; } 
.serv-title-wr .underline { position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; display: block; background: #777777; } 

.serv-toptxt-wr { width: 100%; height: auto; margin: 60px 0; } 
.serv-toptxt-wr p { font-size: 34px; font-weight: 800; line-height: 1.5em; text-align: center; word-break:keep-all; } 
.serv-cont1-wr { display: block; width: 100%; height: auto; margin-bottom: 70px; } 
.serv-dl { display: block; width: 100%; height: auto; position: relative; } 
.serv-dl dt { width: 240px; height: auto; float: left; display: block; padding-top: 10px; position: absolute; top: 0; left: 0; } 
.serv-dl dt p { font-size: 32px; font-weight: 700; text-align: center; } 
.serv-dl dd { width: 100%; height: auto; float: left; display: block; padding-left: 240px; margin-bottom: 20px; position: relative; } 
.serv-dl dd p { font-size: 22px; font-weight: 500; line-height: 1.8em; padding: 0px 30px 15px; word-break: keep-all; display: block; position: relative; } 
.serv-dl dd:after { content:""; display:block; width: 5px; height: 90%; background:#dcdfe1; position:absolute; top:50%; left: 240px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.serv-dl dd p:last-of-type { padding-bottom:0; } 
.serv-dl dd p b { font-weight:800; } 

.inquiry-box { display: block; width: 100%; height: auto; position: relative; margin: 70px 0; padding: 0 20%; min-height: 120px; } 
.inquiry-box p { text-align: left; font-size: 32px; font-weight: 800; word-break: keep-all; line-height: 1.6em; } 
.inquiry-box .inquiry-btn { display: block; width: auto; height: auto; position: absolute; top: -2px; right: 5%; } 

.serv-cont2-wr { display: block; width: 100%; height: auto; margin: 0 0 50px; display: flex; } 
.serv-cont2-wr .left-box { width: 240px; height: auto; float: left; background: #dcdfe1; margin-right: 10px; position: relative; } 
.serv-cont2-wr.gradient .left-box { background: #dcdfe1; background: #dcdfe1; background: linear-gradient(to bottom, #dcdfe1, #dcdfe1, #ffffff); } 
.serv-cont2-wr .left-box span { font-size: 173px; color:#ffffff; position:absolute; top: -27px; left: -7px; } 
.serv-cont2-wr .right-box { width: calc(100% - 250px); height: auto; padding: 40px 35px; border: 4px solid #dcdfe1; border-left: 0; border-right: 0; } 
.serv-cont2-wr.gradient .right-box { border-bottom:0; } 
.serv-cont2-wr .right-box p { font-size: 22px; line-height:1.8em; font-weight: 500; margin-top: 30px; word-break: keep-all; } 
.serv-cont2-wr .right-box p:first-of-type { margin-top:0; } 
.serv-cont2-wr .right-box p b { font-weight: 800; line-height: 1.9em; } 
.serv-cont2-wr .detail-box { display: block; width:100%; margin-top: 45px; } 
.serv-cont2-wr .detail-box article { display: block; width: 50%; float: left; padding: 0 25px; position: relative; } 
.serv-cont2-wr .detail-box article:before { content:""; display:block; width:4px; height: 95%; position:absolute; background:#dcdfe1; top:50%; left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); } 
.serv-cont2-wr .detail-box article p.tit { margin-bottom:10px; font-size: 38px; font-weight: 800; line-height: 1.5em; color: #222222; } 
.serv-cont2-wr .detail-box article p { font-size: 22px; margin-bottom: 0; margin-top:0; font-weight: 500; color: #777777; } 
.serv-cont2-wr .point-box { width: 855px; height: 409px; background: url(../../img/service-bg1.png) no-repeat center; background-size: cover; padding: 35px 40px 120px; text-align: center; margin-top: 55px; display: table; } 
.serv-cont2-wr .point-box p { font-size: 28px; font-weight: 800; line-height: 1.7em; width: 100%; height: 100%; display: table-cell; vertical-align: middle; } 
.serv-cont2-wr .point-box p .highlight { color: #00aebb; } 
.serv-cont3-wr { display: block; width: 100%; height: auto; margin: 90px 0; } 
.serv-cont3-wr .left-box { width: 240px; height: auto; min-height: 186px; background: url(../../img/service-qa-person.png)no-repeat top right; float: left; } 
.serv-cont3-wr .right-box { display: block; width: calc(100% - 240px); height: auto; background: #dfe2e3; border-radius: 15px; position: relative; float: left; overflow: hidden; padding: 55px 105px 55px; } 
.serv-cont3-wr .right-box .num-box { position: absolute; top: 0; left: 0; display: block; padding: 13px 20px 10px; background: #1cd2cf; border-radius: 15px 0 15px 0; } 
.serv-cont3-wr .right-box .num-box p, .serv-cont3-wr .right-box .num-box span { color: #ffffff; font-size: 34px; font-weight: 800; } 
.serv-cont3-wr .right-box>p { font-size: 24px; font-weight: 500; line-height: 1.8em; word-break: keep-all; } 
.serv-cont3-wr .right-box>p>b { font-weight: 800; } 
.serv-cont3-wr .right-box>p.list { padding-left: 30px; position: relative; font-size: 22px; font-weight: 600; margin-top: 6px; word-break: keep-all; } 
.serv-cont3-wr .right-box>p.list:after { content: ""; display: block; width: 19px; height: 13px; background: url(../../img/greeting-dot.png) no-repeat center; background-size: cover; position: absolute; top: 13px; left: 0; } 
.serv-img-wr { width: 100%; height: auto; text-align: center; } 

.serv-img-wr .img-box { width: 100%; max-width: 1000px; height: auto; padding: 2% 0% 2%; /* margin: 0 auto; */margin-left: auto; margin-right: 1.5%; border-radius: 25px; position: relative; } 
.serv-img-wr .img-box h4 { position: absolute; top: 10%; left: 11%; width: 270px; background-color: #fff; color: #7c7c7c; z-index: 10; font-size: 27px; text-align: left; } 
.serv-img-wr .img-box h4.img-box-tit { position: absolute; top: 10%; left: 11%; width: 270px; background-color: #fff; color: #7c7c7c; z-index: 10; font-size: 27px; text-align: left; } 

.serv-img-wr .img-box .hd-box { min-height: 65px; color:#ffffff; display:block; width:100%; height: auto; background: url(../../img/serv1-img-hd.png) no-repeat center; /* background-size: contain; */position: relative; } 
.serv-img-wr .img-box .caption { font-size: 32px; font-weight: 600; color:#ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } 


.serv-img-wr .img-box.height-fix { background:transparent; position:relative; } 
.serv-img-wr .img-box .black-box { background:#292929; width:100%; height: 640px; border-radius:25px; position:absolute; top:0; left:0; z-index:0; } 
.serv-img-wr img { max-width: 100%; position: relative; z-index: 1; } 
.serv-img-wr2 { } 
.serv-img-wr2 .img-box { padding:0 0 0 0; background:#ffffff; border-radius: 0; } 
.serv-img-wr2 .img-box .hd-box { min-height: 65px; color:#ffffff; display:block; width:100%; height: auto; background: url(../../img/serv2-img-hd.png) no-repeat center; /* background-size: contain; */position: relative; } 
.serv-img-wr2 .img-box .hd-box .caption { font-size: 32px; font-weight: 600; color:#ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } 
.serv-img-wr2 .img-box.height-fix { border: 0; } 
.serv-img-wr2 .img-box.height-fix .white-box { border:2px solid #8c959b; width:100%; height: 640px; position:absolute; top:0; left:0; } 
.serv-img-wr3 { } 
.serv-img-wr3 .img-box { padding:0 0 0 0; background:#ffffff; border-radius: 0; } 
.serv-img-wr3 .img-box .hd-box { min-height: 65px; color:#ffffff; display:block; width:100%; height: auto; background: url(../../img/serv2-img-hd.png) no-repeat center; /* background-size: contain; */position: relative; } 
.serv-img-wr3 .img-box .hd-box .caption { font-size: 32px; font-weight: 600; color:#ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } 
.serv-img-wr3 .img-box .hd-box .caption.bg-blue { background: #008ff7; } 
.serv-img-wr3 .img-box.height-fix { border: 0; } 
.serv-img-wr3 .img-box.height-fix .white-box { border:2px solid #8c959b; width:100%; height: 640px; position:absolute; top:0; left:0; } 
.serv-cont4-wr { width: 100%; height: auto; margin: 90px 0; position: relative; display: flex; } 
.serv-cont4-wr .left-box { width: 240px; height: auto; min-height: 10px; position: relative; float: left; } 
.serv-cont4-wr .left-box .bulb-circle { display: block; width: 150px; height: 150px; background: url(../../img/service-qa-icon1.png) no-repeat center #ffffff; border-radius: 50%; position: absolute; top: 50%; right: -73px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.serv-cont4-wr .right-box { width: calc(100% - 240px); height: auto; float: left; background: #dfe2e3; border-radius: 15px; overflow: hidden; } 
.serv-cont4-wr .right-box p { font-size: 24px; font-weight: 500; line-height: 1.8em; word-break: keep-all; padding: 45px 105px 45px; } 
.serv-cont4-wr .right-box p b { font-weight: 800; } 
.serv-grayline-wr { width: 100%; height: auto; margin: 170px 0 120px; border: 14px solid #dddddd; position: relative; padding: 130px 7% 7%; text-align: center; } 
.serv-grayline-wr .box-tit { width: auto; height: auto; min-width: 800px; text-align: center; padding: 10px 10px; background: #ffffff; position: absolute; top: -65px; left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); } 
.serv-grayline-wr .box-tit .tit { font-size: 36px; font-weight: 800; line-height: 1.6em; } 
.serv-grayline-wr .box-tit .tit .gray-box { display: inline-block; background: #eeeeee; padding: 0px 10px; margin-right: 3px; } 
.serv-grayline-wr .box-cont { width:100%; height: auto; } 
.serv-grayline-wr .box-cont img { max-width:100%; } 
.serv-cont5-wr { width: 100%; height: auto; display: flex; flex-wrap: wrap; margin-bottom: 100px; } 
.serv-cont5-wr article { width: 50%; padding: 3% 3%; } 
.serv-cont5-wr article .tit-box { display: block; width: 100%; height: auto; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 2px solid #cccccc; position: relative; } 
.serv-cont5-wr article .tit-box .num { font-size: 32px; font-weight: 600; line-height: 1.5em; color: #8c959b; } 
.serv-cont5-wr article .tit-box .tit { font-size: 32px; font-weight: 600; line-height: 1.5em; position: absolute; top: 0; right: 0; } 
.serv-cont5-wr article .cont-box { text-align: right; line-height: 1.8em; } 
.serv-cont5-wr article .cont-box p { word-break:keep-all; font-weight: 400; font-size: 18px; line-height: 1.8em; } 
.serv-img-wr.serv1-img6 { margin: 70px 0 110px; } 
.serv-img-wr.serv1-img7 { margin: 50px 0; } 
.serv-graybox-wr { width: 100%; height: auto; margin: 130px 0 190px; padding: 60px 5% 50px; background: #dfe2e3; text-align: center; position: relative; } 
.serv-graybox-wr p { font-size: 28px; font-weight: 800; line-height: 1.6em; position:relative; z-index:1; word-break: keep-all; } 
.serv-graybox-wr:after { content:""; display:block; width:450px; height:450px; background: #dfe2e3; position:absolute; bottom: -182px; left:50%; z-index:0;-webkit-transform: translateX(-50%) rotate(-45deg) skew(30deg, 30deg);-moz-transform: translateX(-50%) rotate(-45deg) skew(30deg, 30deg);-ms-transform: translateX(-50%) rotate(-45deg) skew(30deg, 30deg);-o-transform: translateX(-50%) rotate(-45deg) skew(30deg, 30deg);transform: translateX(-50%) rotate(-45deg) skew(30deg, 30deg); } 
.last-sub-caption { font-size: 22px; font-weight: 500; margin-bottom: 50px; word-break: keep-all; line-height: 1.8em; text-align:center;; } 
.last-sub-caption b { font-weight: 800; } 
/* 서비스 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) { } 
@media all and (min-width:1024px) and (max-width:1199px) {.serv5-bottom-sec .txt-wr p { font-size: 28px; } 
 }

@media all and (min-width:768px) and (max-width:1023px) {.serv5-bottom-sec .txt-wr p { font-size: 24px; } 
.service-main .grayline-box .box-tit { min-width: auto; } 
.service-main .grayline-box .box-tit { min-width: auto; width: 80%; top: -100px; } 
.service-main .grayline-box .box-tit .tit { font-size: 28px; } 
.serv-cont2-wr .point-box { width: auto; height: auto; background: #008ff4; padding: 30px 5%; color: #ffffff; } 
.serv-toptxt-wr p { font-size:28px; } 
.serv-dl dd p { font-size:18px; } 
.serv-title-wr .tit-box p { font-size:30px; } 
.inquiry-box { padding: 0 200px 0 5%; margin: 60px 0; } 
.inquiry-box p { font-size: 30px; } 
.inquiry-box .inquiry-btn { top: -14px; right: 2%; } 
.serv-cont2-wr .right-box p { font-size: 18px; } 
.serv-cont2-wr .point-box p { font-size: 28px; } 
.serv-cont3-wr .right-box { padding: 74px 30px 50px; } 
.serv-cont3-wr .right-box>p { font-size:20px; } 
.serv-cont4-wr .right-box p { padding: 50px 30px; font-size: 20px; } 
.serv-cont4-wr .left-box .bulb-circle { right: 41px; border: 1px solid #dddddd; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); } 
.serv-sec4 .cont-wr .txt-box .img { height:auto; } 
.serv-sec4 .cont-wr .tit-circle p:nth-child(1) { font-size: 24px; margin-bottom: 20px; }
.serv-sec5 .img-box img { margin-bottom:50px; } 
.serv-img-wr .img-box { padding: 3%; border-radius: 25px; } 
 .serv-img-wr .img-box .caption { font-size: 24px; margin-bottom: 3%; } 
 /* hd-box 추가 */
 .serv-img-wr3 .img-box .hd-box .caption { font-size: 24px; } 
 .serv-img-wr2 .img-box .hd-box .caption { font-size: 24px; } 
 /* service_table */
 .service_table .service_table_row .serv.serv_box1 p.before_none .m_hide { display: none; }
 }

@media all and (max-width:767px) {.serv-sec1 { padding-top:0; margin-bottom: 20px; } 
.serv-sec1 .txt2 { font-size: 16px; margin: 30px 0; } 
.serv-sec1 .txt1 { font-size: 22px; margin: 30px 0; } 
.serv-sec1 .txt1 .img img { height:26px; } 
.serv-sec2 { padding: 0; } 
.serv-sec2 .txt1-tit { margin: 40px 0 30px; padding: 3px 15px; } 
.serv-sec2 .txt1-tit p { font-size: 20px; } 
.serv-sec2 .txt1-tit .gray-underline { height:100%; } 
.serv-sec2 .txt1-cont { font-size: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 300; } 
.serv-sec2 .txt1-list>p { font-size: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; padding-left: 25px; word-break: keep-all; } 
.serv-sec2 .txt1-list>p:before { width: 15px; height: 11px; background-size: cover; }
/* difficulty */
.serv-sec2 .txt1-list .difficulty{font-size: 14px;}
.serv-sec2 .txt1-list .difficulty article p{word-break: keep-all;}
.serv-sec2 .txt1-cont b { font-family: "NanumSquare", "Noto Sans KR", dotum, sans-serif!important; font-size: 18px; } 
.service-main .grayline-box { margin-bottom: 50px; padding: 70px 5% 5%; margin: 100px 0 80px; } 
.service-main .grayline-box .box-tit { min-width: auto; width: 90%; top: -88px; } 
.service-main .grayline-box .box-tit .tit { font-size: 22px; } 
.service-main .grayline-box .box-tit .tit .img img { height: 26px; } 
.service-main .grayline-box .box-list { margin-bottom:30px; } 
.service-main .grayline-box .box-list p { font-size: 14px; line-height:1.5em; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; } 
.service-main .grayline-box .box-list p:before { top: 6px; } 
.service-main .grayline-box .box-cont p { font-size: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; margin-bottom: 30px; } 
.service-main .grayline-box .box-cont p b { font-weight: 600; } 
.service-main .grayline-box .box-cont p.gmarketM { font-size: 18px; margin-bottom: 5px; } 
.serv-sec4 { padding:0 } 
.serv-sec4 .top-wr { margin-bottom: 50px; } 
.serv-sec4 .top-wr p { font-size: 22px; } 
.serv-sec4 .top-wr p .img img { height: 26px; } 
.serv-sec4 .cont-wr .tit-circle { margin-bottom:30px; } 
/* .serv-sec4 .cont-wr .tit-circle p { font-size: 20px; margin-bottom:50px; }  */
.serv-sec4 .cont-wr .tit-circle p:nth-child(1) { font-size: 20px; margin-bottom: 20px; }
.serv-sec4 .cont-wr .tit-circle p:before, .serv-sec4 .cont-wr .tit-circle p:after { top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.serv-sec4 .cont-wr .txt-box { margin-bottom: 70px; } 
.serv-sec4 .cont-wr .txt-box:last-of-type { margin-top:50px; margin-bottom: 55px; } 
.serv-sec4 .cont-wr .txt-box .tit { font-size: 18px; } 

.serv-sec4 .cont-wr .txt-box .cont_arti_tit2{font-size:17px;}

.serv-sec4 .cont-wr .txt-box .cont li p { font-size: 15px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; } 
.serv-sec4 .cont-wr .txt-box .cont li p.mar_bot{margin-bottom: 20px;     font-family: "NanumSquare" !important;}




.serv-sec4 .cont-wr .txt-box .cont li p .sub-txt { font-size:14px; } 
.serv-sec4 .cont-wr .txt-box .normal-txt { font-size: 16px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 500; } 
.serv-sec4 .cont-wr .txt-box .img { max-width: 100%; height:auto; } 
.serv-sec4 .cont-wr .txt-box .img img { max-width: 100%; } 
 /* 추가부분 */
 .serv-sec4 .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit { font-size: 15px; word-break: keep-all; padding-left: 0;} 
 .serv-sec4 .cont-wr .txt-box .cont .cont_arti p.cont_arti_tit.txt-indent{padding-left: 15px; text-indent: -10px;}
 .serv-sec4 .cont-wr .txt-box .cont .cont_arti p { word-break: keep-all; font-size: 15px;} 
 /* 추가부분 끝 */
.service-main .title-sec { margin-bottom:30px; } 
.service-main .title-sec .tit-box p { font-size: 20px; } 
.service-main .title-sec .tit-box p:before, .service-main .title-sec .tit-box p:after { top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 

/* service_table */
.service_table { margin-bottom: 0; }
.service-main .title-sec .tit-box.pd18 { font-size: 24px; }
.service_table .service_table_row .serv.serv_box1 p { font-size: 18px; }
.service_table .service_table_row .serv.serv_box1 p.before_none .m_hide { display: none; }
.service_table .service_table_row .serv.serv_box2 p { font-size: 18px; }
.service_table .service_table_row .serv.serv_box3 p { font-size: 18px; }
.service_table .service_table_row .serv.serv_box3 p.before_none { font-size: 18px; }
.service_table .service_table_row ul li { font-size: 18px; }
.service_table .service_table_row .serv.serv_box2 span { font-size: 18px; margin-left: 0; }

.serv-sec5 { padding:0; } 
.serv-sec5 .tit-box p:before { width: 25px; height: 22px; } 
.serv-sec5 .tit-box p { font-size: 20px; padding-left: 33px; } 
.serv-sec5 .cont-box { padding-left: 20px; } 
.serv-sec5 .cont-box p { font-size: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; } 
.serv-sec5 .cont-box p b { font-weight: 600; } 
.serv-sec5 .cont-box.list p { font-size: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; padding-left: 13px; } 
.serv-sec5 .cont-box.list p.subtxt { font-size: 14px; margin-top: 0; } 
.serv-sec5 .cont-box.list p:before { width: 4px; height: 4px; top: 10px; left: 0; } 
.serv-sec5 .tit-box { margin: 29px 0 5px; } 
.serv-sec5 .tit-box p:before { top: 2px; } 
.serv-sec5 .img-box img { margin-bottom:30px; } 

/* 서비스 소개 카테고리 */
.serv-title-wr { margin-bottom:30px; } 
.serv-title-wr .tit-box p { font-size: 20px; } 
.serv-title-wr .tit-box p:before, .serv-title-wr .tit-box p:after { top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.serv-toptxt-wr { margin: 50px 0; } 
.serv-toptxt-wr p { font-size: 18px; } 
.serv-dl dt { position:relative; width:100%; padding: 13px 10px 10px; margin-bottom:10px; background:#f4f4f4; border-radius: 5px; } 
.serv-dl dt p { font-size: 18px; } 
.serv-dl dd { width:100%; padding-left:0; margin-bottom: 15px; } 
.serv-dl dd p { font-size: 14px; font-family:"Noto Sans KR", dotum, sans-serif!important; font-weight: 400; padding: 0 15px 15px; } 
.serv-dl dd p b { font-weight:600; } 
.serv-dl dd:after { display:none; } 
.inquiry-box { margin: 40px 0 65px; padding:0 15px; min-height: auto; } 
.inquiry-box p { font-size: 18px; text-align: center; } 
.inquiry-box .inquiry-btn { position:relative; top: auto; right: auto; text-align: center; margin-top: 30px; } 
.inquiry-box .inquiry-btn a { display: inline-block; width:auto; height:auto; margin: 0 auto; } 
.serv-cont1-wr { margin-bottom:50px; } 
 .serv-cont2-wr { flex-direction:column; } 
.serv-cont2-wr .left-box { width:100%; min-height: 20px; text-align: center; padding: 10px 10px 7px; border-radius: 5px; } 
.serv-cont2-wr .left-box span, .serv-cont2-wr .left-box p { position:relative; font-size: 20px; top: auto; left: auto; } 
.serv-cont2-wr .right-box { width:100%; border: 0; padding: 10px 15px 10px; } 
.serv-cont2-wr.gradient .left-box { background:#dcdfe1; } 
.serv-cont2-wr .right-box p { font-size: 14px; font-family:"Noto Sans KR", dotum, sans-serif!important; font-weight:400; margin-top: 15px; } 
.serv-cont2-wr .right-box p b { font-weight:600; } 
.serv-cont2-wr .point-box { width:100%; height:auto; margin-top:30px; background: #008ff7; padding: 20px 5%; border-radius: 5px; } 
.serv-cont2-wr .point-box p { font-size: 18px; color:#ffffff; font-weight: 700; font-family: "NanumSquare", "Noto Sans KR", dotum, sans-serif!important; } 
.serv-cont2-wr .point-box p .highlight { color: #ffffff; background: #1cd2cf; display: inline-block; padding: 0 5px; } 
.serv-cont2-wr .detail-box { margin-top:30px; } 
.serv-cont2-wr .detail-box article p.tit { font-size: 20px; font-weight: 600; } 
.serv-cont2-wr .detail-box article p { font-size: 14px; font-weight:400; } 
.serv-cont3-wr { margin:50px 0 } 
.serv-cont3-wr .left-box { display:none; } 
.serv-cont3-wr .right-box { width:100%; height:auto; padding: 20px 5%; text-align: left; } 
.serv-cont3-wr .right-box .num-box { display: inline-block; position:relative; width:auto; height:auto; padding: 10px 15px 7px; border-radius: 0; margin-bottom: 15px; } 
.serv-cont3-wr .right-box .num-box p, .serv-cont3-wr .right-box .num-box span { font-size: 22px; } 
.serv-cont3-wr .right-box>p { font-size: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; display:block; font-weight: 400; text-align: left; } 
.serv-cont3-wr .right-box>p>b { font-weight:600; } 
.serv-cont4-wr { margin: 50px 0 } 
.serv-cont4-wr .right-box p { padding:20px 5%; font-size: 14px; font-family: "Noto Sans KR", dotum, sans-serif!important; font-weight: 400; } 
.serv-cont4-wr .right-box p b { font-weight:600; } 
.serv-cont4-wr .left-box { display:none; } 
.serv-cont4-wr .right-box { width:100%; } 
.serv-grayline-wr { margin: 80px 0 60px } 
.serv-grayline-wr .box-tit { width: 80%; min-width: auto; } 
.serv-grayline-wr .box-tit .tit { font-size: 20px; } 
.serv-cont5-wr article { width:100%; padding: 5% 0; } 
.serv-cont5-wr article .tit-box { padding-bottom:8px; margin-bottom:8px; } 
.serv-cont5-wr article .tit-box .num { font-size:20px; } 
.serv-cont5-wr article .tit-box .tit { font-size:20px; } 
.serv-cont5-wr article .cont-box p { font-size:14px; } 
.serv-graybox-wr { padding: 25px 5%; margin: 50px 0; } 
.serv-graybox-wr:after { display: none; } 
.serv-graybox-wr p { font-size: 18px; } 
.serv-cont3-wr .right-box>p.list { font-size: 15px; padding-left: 18px; margin-top: 3px; } 
.serv-cont3-wr .right-box>p.list:after { width: 12px; height: 8px; top: 10px; } 
.serv5-bottom-sec { padding: 30px 7%; } 
.serv5-bottom-sec .txt-wr { margin-bottom:20px; } 
.serv5-bottom-sec .txt-wr p { font-size: 18px; line-height:1.8em; } 
.serv5-bottom-sec .btn-wr a p { font-size:14px; } 
.serv-img-wr .img-box { padding: 0%; border-radius: 15px; } 
 .last-sub-caption { font-size:18px; } 
 /* hd-box 추가 */
 .serv-img-wr .img-box .hd-box { min-height: 45px; } 
 .serv-img-wr .img-box .caption { font-size: 16px; margin-bottom: 3%; } 
 .serv-img-wr3 .img-box .hd-box { min-height: 45px; } 
 .serv-img-wr3 .img-box .hd-box .caption { font-size: 16px; width: 100%; } 
 .serv-img-wr2 .img-box .hd-box { min-height: 45px; } 
 .serv-img-wr2 .img-box .hd-box .caption { font-size: 16px; } 
}

@media (max-width:480px){

.cont-wr .txt-box .cont .cont_arti_1>h3 { margin-top: 35px; }
.serv-sec4 .cont-wr .txt-box.txt01 { margin-bottom: 60px;}
/* .serv-sec4 .cont-wr .txt-box.txt01 .tit { margin-bottom: 50px; }  */

.service_table .service_table_title h4 { font-size: 16px; }

.service_table .service_table_row .serv.serv_box1 { padding: 10px 2%; }
.service_table .service_table_row .serv.serv_box2 { padding: 10px 2%; }
.service_table .service_table_row .serv.serv_box3 { padding: 10px 2%; }

.service_table .service_table_row .serv.serv_box1 p { font-size: 14px; }
.service_table .service_table_row .serv.serv_box2 p { font-size: 14px; }
.service_table .service_table_row .serv.serv_box3 p { font-size: 14px; }
.service_table .service_table_row ul li { font-size: 14px; padding-left: 20px;}
.service_table .service_table_row ul li::before { width: 8px; height: 8px; background-size: contain; top: 6px; }

.service_table .service_table_row .serv.serv_box1 p { padding-left: 22px; }
.service_table .service_table_row .serv.serv_box1 p::before { width: 17px; height: 17px; top: 1px;}
.service_table .service_table_row .serv.serv_box2 span { font-size: 14px;}
.service_table .service_table_row .serv.serv_box2 span::before { width: 8px; height: 8px; background-size: contain; top: 6px; left: 0;}
.service_table .service_table_row .serv.serv_box3 p { padding-left: 20px; }
.service_table .service_table_row .serv.serv_box3 p::before { width: 14px; height: 14px; top: 2px; }

.service_table .service_table_row .serv.serv_box3 p.before_none { font-size: 14px; }
}


/*=============== 데이터바우처 지원사업 ===============*/
.voucher { } 
.voucher-tit { padding: 25px; text-align: center; background: #f9f9f9; } 
.voucher-tit p { font-size: 32px; font-weight: 800; } 
.voucher-bracket { width: 100%; height: auto; min-height: 190px; position: relative; } 
.voucher-bracket p { font-size: 17px; letter-spacing: -0.2px; line-height: 1.8em; text-align: center; position: absolute; top: 50%; display: block; width: 100%; word-break: keep-all;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.voucher-bracket p:before { content: ""; display: block; width: 28px; height: 118px; background: url(../../img/datavoucher-bracket.png) no-repeat center; position: absolute; top: 50%; left: 10%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.voucher-bracket p:after { content: ""; display: block; width: 28px; height: 118px; background: url(../../img/datavoucher-bracket2.png) no-repeat center; position: absolute; top: 50%; right: 10%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); } 
.voucher-imgbox { width: 100%; height: auto; padding: 20px 0 70px; text-align: center; } 
.voucher-imgbox img { max-width: 100%; } 
.voucher-article { padding: 20px 2% 80px; position: relative; } 
.voucher-article .tit-wr { width: 100%; height: auto; text-align: center; padding: 55px 0 60px; } 
.voucher-article .tit-wr h5 { font-size: 32px; font-weight: 800; position: relative; } 
.voucher-article .tit-wr h5:before { content: ""; display: block; width: 8px; height: 8px; position: absolute; bottom: -20px; left: 50%; background: #008ff7;-webkit-transform: rotate(45deg) translateX(-50%);-moz-transform: rotate(45deg) translateX(-50%);-ms-transform: rotate(45deg) translateX(-50%);-o-transform: rotate(45deg) translateX(-50%);transform: rotate(45deg) translateX(-50%); } 

.voucher-article .cont-wr { display: flex; justify-content: center; padding-bottom: 30px; } 
.voucher-article .cont-wr .white-box { background: #ffffff; padding: 30px 50px; margin-right: 20px; width: auto; } 
.voucher-article .cont-wr .white-box:last-of-type { margin-right: 0; } 
.voucher-article .cont-wr .white-box img { max-width: 100%; } 
.voucher-article .caption-wr { text-align: center; } 
.voucher-article .caption-wr .caption { font-size: 15px; color: rgba(255,255,255,0.7); word-break: keep-all; } 
.voucher-article .img-wr { text-align: center; } 
.voucher-article .img-wr img { max-width: 100%; } 

.voucher-bottombox { width: 100%; height: auto; position: relative; text-align: center; padding: 50px; background: url(../../img/datavoucher-bottom-bg.png) no-repeat center; background-size: cover; } 
.voucher-bottombox .txt-container { margin-bottom: 30px; } 
.voucher-bottombox .txt-container p { font-size: 23px; font-weight: 500; color: #ffffff; line-height: 1.5em; word-break: keep-all; } 
.voucher-bottombox .btn-container.btn-style2 { } 
.voucher-bottombox .btn-container.btn-style2 a { background: rgba(255,255,255,0.2); } 


.voucher-article.article1 { padding: 0px 2% 60px; } 
.voucher-article.article1 .tit-wr h5 { color: #ffffff; } 
.voucher-article.article1 .tit-wr h5:before { background: rgba(255,255,255,0.5); } 

/* 데이터바우처 지원사업 - 반응형 */
@media all and (min-width:1200px) and (max-width:1519px) { } 
@media all and (min-width:1024px) and (max-width:1199px) { } 

@media all and (min-width:768px) and (max-width:1023px) { } 

@media all and (max-width:767px) {.voucher-tit { padding: 15px; } 
.voucher-tit p { font-size: 22px; } 
.voucher-bracket { min-height: auto; padding: 20px 10px; } 
.voucher-bracket p { font-size: 14px; position: relative; text-align: center; width: 100%;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0); } 
.voucher-bracket p:before, .voucher-bracket p:after { display: none; } 
.voucher-article .tit-wr { padding: 30px 0 45px; } 
.voucher-article .tit-wr h5 { font-size: 20px; } 
.voucher-article .cont-wr .white-box { padding: 10px; margin-right: 10px; } 
.voucher-article .caption-wr .caption { font-size:14px; } 
.voucher-bottombox .txt-container p { font-size: 16px; line-height: 1.8em; } 
.voucher-bottombox { padding: 30px 15px; } 
 }


/* 온라인 문의 */
.cont-container.inquiry { width: 95%; height: auto; margin: 0 auto 120px; max-width:1400px; } 
.inquiry-essential-txt { text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; position:absolute; right:0; bottom:0 } 
.essential-icon { color: #e60013; vertical-align: middle; } 
.inquiry_sec h4 { font-size: 26px; color: #222; position: relative; margin-bottom: 15px; font-weight: 500; } 
.inquiry_sec.mt60 h4 { margin-top:60px } 
.inquiry_sec .td_bottom{padding-bottom: 50px;}
.write-tbl { width:100%; border-top:1px solid #333; position: relative; } 
.write-tbl>caption { display: block; overflow: hidden; text-indent: -9999px; position: absolute; top: 0; left: 0; } 
.write-tbl th,.write-tbl td { padding: 30px 10px; border-bottom:1px solid #ddd; } 
.write-tbl th { color:#202020; font-size:15px; font-weight:600; text-align:left; line-height: 36px; } 
.write-tbl th.none_impor { padding-left:20px; } 
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea { height:38px; border:0px; width:63%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle; padding-left: 8px; box-sizing:border-box; color: #888888; line-height: 1.65em; } 
.write-tbl .write-input:focus { border-color:#333; } 
.write-tbl .write-input { text-indent:10px; } 
.write-tbl .write-select { height:38px; } 
.write-tbl .write-textarea { width:100%; height:200px; resize:none; } 
/* textarea ->div로 변경 부분 */
.write-tbl .write-div .inqu_p_box { padding-bottom: 30px; font-size: 15px; } 
.write-tbl .write-div .inqu_p_box .inqu_tit { padding-bottom: 5px; font-size: 16px; font-weight: 500; } 
.write-tbl td input[type="file"] { height:auto; padding:10px 0; text-indent:0; border:0; } 
.write-tbl td .write-sub-txt { color:#888; margin-left:10px; font-size:11px; color:#aaa; letter-spacing:-0.5px; } 
.write-tbl td .write-sub-txt2 { display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa; letter-spacing:-0.5px; } 
.write-tbl .hypen { margin:0 5px; display: inline-block; vertical-align: middle; } 
.write-tbl .input-check { padding:10px 0; } 
.write-tbl .input-check span { margin-right:30px; } 
.write-tbl .input-check span label { vertical-align:middle; font-size:14px; } 
.address-fieldset .write-input { margin-top:6px; } 
.address-fieldset .write-input:first-child { margin-top:0; } 
.write-tbl .address-btn { display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px; } 
.write-tbl .address-btn:hover { background-color:#464646; color:#fff; } 
.btn_address { display: inline-block; padding:0 20px; vertical-align: top; color: #fff; width: 187px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height:38px; font-size:14px; background:#777 } 
.radioCont li { float:left; padding-right:30px; font-size:15px; color:#666; } 
.radioCont li input { margin-right:5px } 
.frm_info { color: #e73221; font-size:14px; font-weight:bold; margin-top: 5px; display:block; } 
.filebox { width: 100%; overflow: hidden; margin-bottom: 20px; } 
.filebox .file_wr { width:100%; display:inline-block; } 
.filebox > div.file_wr:nth-of-type(3) { float:right; } 
.filebox .file_wr input { width: calc(100% - 134px); color:#aaa; font-size:13px; } 
.filebox .file_wr label { display: inline-block; padding: 0 20px; vertical-align: top; color: #fff; width:130px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height: 38px; font-size: 12px; background: #777; text-align: center; } 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 
.cm-btn-controls { overflow:hidden; text-align:center; padding-top:50px; } 
.cm-btn-controls.cm-btn-align-left { text-align:left; } 
.cm-btn-controls.cm-btn-align-right { text-align:right; } 
.cm-btn-controls .left-btn-controls { float:left; } 
.cm-btn-controls .right-btn-controls { float:right; } 
.cm-btn-controls button,.cm-btn-controls a { display:inline-block; width: 170px; height: 52px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 5px 2px; cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } 
.cm-btn-controls a { line-height: 50px; } 
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a { width:100%; height:50px; margin:0px; margin-bottom:5px; } 
.cm-btn-controls.cm-btn-long-controls a { box-sizing:border-box; line-height:50px; } 
.cm-btn-controls .btn-style01 { background-color: #008ff7; } 
.cm-btn-controls .btn-style02 { background-color:#8c8c8c; } 
.cm-btn-controls .btn-style03 { box-sizing:border-box; background:#fff; border:1px solid #888; color:#222; } 
.info_txt_box { width: 100%; height: auto; max-height: 250px; margin: 10px 0; border: 1px solid #d2d2d2; overflow-y: scroll; border-radius: 2px; padding: 10px 20px; background: #f4f4f4; } 
.info_txt_box .txt1 { font-size: 16px; font-weight: 500; margin-bottom: 10px; word-break: keep-all; } 
.info_txt_box .txt2 { font-size: 14px; margin-bottom: 10px; word-break: keep-all; line-height: 1.5em; color: #666666; } 
.info_txt_box .txt2 b { color: #222222; } 
.info_txt_box textarea { padding:10px 25px; font-size:15px; } 
.privacy_box { margin-bottom:60px; } 
.privacy_box .checkbox { text-align: right; } 
.privacy_box .checkbox span { font-size: 15px; margin-right: 10px; } 
.privacy_box .checkbox label { font-size:15px; } 
.privacy_box .checkbox input[type="radio"] { margin: 2px 4px 0 7px; }



/* 온라인문의 - 반응형 */
@media all and (min-width:768px) and (max-width:1023px) { } 

@media all and (max-width:767px) {.inquiry_sec h4 { font-size: 18px; } 
.info_txt_box textarea { padding: 3% 5%; font-size: 13px; } 
.privacy_box .checkbox span { font-size: 14px; } 
.privacy_box { margin-bottom: 50px; } 

.write-tbl th { font-size: 14px; width: 30%; padding: 10px 5px; word-break: keep-all; line-height: 1.5; text-indent: -10px; padding-left: 10px;} 
.write-tbl td { padding: 10px 5px 5px; } 
.write-tbl .write-input, .write-tbl .write-select, .write-tbl .write-textarea { font-size: 13px; width: 100%; padding-left: 3px; text-indent: 0; margin-bottom: 8px; } 
 .filebox .file_wr label { width: 35%; } 
 .filebox .file_wr input { width: 60%; } 
 .write-tbl td input[type="file"] { width:0; } 
 .frm_info { font-size:13px; margin-bottom:8px; word-break:keep-all; padding-left: 15px; } 

 .cm-btn-controls button, .cm-btn-controls a { width:40%; font-size: 14px; height: auto; padding: 13px; line-height: 1.5em; } 
 }

/* 개인정보처리방침 */

.privacy { font-size: 17px; padding: 0 50px; margin: 0 auto 100px; width: 1200px; } 
.privacy p { word-break: keep-all; } 
.privacy p.tit { font-size: 26px; color: #222222; font-weight: 600; padding: 35px 0 25px; margin-top: 10px; border-top: 1px solid #dddddd; } 
.privacy p.tit:first-child { /* border-top: 0; */ } 
.privacy p.subtit { font-size: 19px; color: #333333; margin-bottom: 30px; line-height: 30px; font-weight: 500; } 
.privacy p.cont { font-size: 17px; padding-bottom: 30px; color: #777777; font-weight: 300; padding-left: 30px; line-height: 29px; } 

.privacy { font-size: 15px; color: #666666; letter-spacing: -0.2px; line-height: 1.8em; } 
.privacy_topbox { margin-bottom: 50px; text-align: center; } 
.privacy_topbox .tit { font-size: 26px; font-weight: 600; margin-bottom: 25px; padding: 0!important; margin-top: 0!important; margin-bottom: 35px; border-top: 0!important; } 

.page-copyright { padding: 10px 20px; background: #f6f6f6; margin-top: 80px; border: 1px solid #eeeeee; border-radius: 3px; text-align: center; word-break: keep-all; } 
.page-copyright .txt { font-size: 16px; color: #888888; word-break:keep-all; } 
.page-copyright p span { font-weight:600; color:#666666; } 


/* 개인정보처리방침 - 반응형 */
@media all and (min-width:768px) and (max-width:1023px) { } 

@media all and (max-width:767px) {.page-copyright { margin-top:30px; } 
.page-copyright .txt { font-size:14px; } 

.privacy { font-size:14px; width: 100%; padding: 0; margin-bottom: 30px; } 
.privacy_topbox { padding:8% 5%; } 
.privacy p.tit { font-size: 18px; margin-bottom: 15px; padding: 15px 3% 0; word-break: keep-all; } 
.privacy p.cont { font-size:14px; line-height: 1.8em; padding: 0 3% 3% 10%; } 
}

/*=============== 김부장 서비스 ===============*/
.kim-wrap>.sub-white-box { margin: 0 auto; padding: 0; } 
.kim_bg {background: url(../../img/kim_main_bg.jpg) no-repeat;
   background-position: 40% 50%;
   background-size: cover;
   width: 83%;
   height: 670px;
   position: relative;
   margin: 40px auto 0;} 
.kim_bg small { font-size: 18px; display: inline-block; padding-bottom: 70px; padding-left: 3%; padding-top: 3%; } 
.kim_bg .kim_tit { font-weight: 800; padding-bottom: 70px; } 
.kim_tit_box { padding: 0 3%; position: absolute; top: 50%; transform: translateY(-50%); } 
.kim_bg .kim_tit p { } 
.kim_bg .kim_tit p:nth-child(1) { font-size: 33px; color: #848e9c; padding-bottom: 20px; letter-spacing: -3px; } 
.kim_bg .kim_tit p:nth-child(2) { font-size: 61px; color: #b6b9be; letter-spacing: -4px; } 
.kim_bg .kim_tit p:nth-child(3) { font-size: 71px; color: #51a9e9; letter-spacing: -4px; } 
.kim_bg .kim_tit_2 { font-size: 19px; line-height: 1.5; font-weight: 600; } 
.kim_bg .kim_tit_2 p { word-break: keep-all; line-height: 1.7; } 

.kim_bg_bottom { background: #51a9e9; } 
.kim_bg_bottom ul { display: flex; width: 90%; flex-wrap: wrap; flex-direction: row;justify-content:center; margin: 0 auto;} 
.kim_bg_bottom ul .bg_box { width: 16.6%; } 
.kim_bg_bottom ul .bg_box .k-box1 { text-align: center; padding-top: 15px; padding-bottom: 15px; } 
.kim_bg_bottom ul .bg_box .k-box-txt { text-align: left; /* padding: 0 0 20px 40px; */
 width: 100%; margin: 0 auto; padding-left: 29px;} 
.kim_bg_bottom ul .bg_box .k-box-txt h5 { color: #fff; font-size: 20px; font-weight: 500; padding-top: 10px; padding-bottom: 10px; } 
.kim_bg_bottom ul .bg_box .k-box-txt p { font-size: 18px; font-weight: 500; color: #4D4D4F; word-break: keep-all; } 

.kim-contents { max-width: 1280px; width: 100%; margin: 0 auto; } 
.kim_tit_wr { position: relative; padding-left: 2%; margin: 140px 0 100px; /* margin: 13% 0 8%; */}
.kim_tit_wr:after { content:""; display:block; width: 7px; height: 90%; background:#b2d5ef; position:absolute; /* top:50%; left: 240px; */
 top: 54%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 
.kim_tit_wr h2 { font-size: 40px; color: #4785d1; letter-spacing: -2px; } 
.kim_tit_wr h3 { font-size: 28px; color: #51a9e9; font-weight: 500; letter-spacing: -2px; } 

.kim_person_bg img { display: block; margin: 0 auto; } 
.kim_manager_img img { display: block; margin: 0 auto; } 

/* catergory-2 */
.kim-contents .category-2 { } 
.kim-contents .category-2 .cate-2-box { } 
.kim-contents .category-2 .cate-2-box .solution_box { width: 43%; background: #51a9e9; border-radius: 37px; color: #fff; text-align: center; padding: 1%; margin: 0 auto; } 
.kim-contents .category-2 .cate-2-box .solution_box h5 { font-size: 30px; font-weight: 300; } 
.kim-contents .category-2 .cate-2-box .solution_box h4 { font-size: 35px; }
.kim-contents .category-2 .cate-2-box .kim_circle_bg{
   position: relative; top: -6px; z-index: -1;
}

/* category-3 */
.kim-contents .category-3 { } 
.kim-contents .category-3 .kim_table { padding-top: 140px; max-width: 1000px; width: 100%; margin: 0 auto; } 
.kim-contents .category-3 .kim_table .kim_table_row { display: flex; position: relative; padding: 40px 0 30px; } 
.kim-contents .category-3 .kim_table .kim_table_row::before { content:""; background: url(../../img/table_line.png) no-repeat center; background-size: contain; width: 800px; height: 15px; display:block; position:absolute; top: 0; left: 25%; /* transform: translateX(-50%); */}
.kim-contents .category-3 .kim_table .kim_table_row:last-child::after{
   content: "";
   background: url(../../img/table_line.png) no-repeat center;
   background-size: contain;
   width: 800px;
   height: 15px;
   display:block;
   position:absolute;
   bottom: 0;
   left: 25%;
}

.kim-contents .category-3 .kim_table .kim_table_row .bubble-box { width: 30%; align-self: center; } 
.kim-contents .category-3 .kim_table .kim_table_row .bubble { width: 100%; font-size: 24px; font-weight: 800; color: #fff; padding:14% 13% 14% 7%; margin: 2% 0; text-align: center; } 
.kim-contents .category-3 .kim_table .kim_table_row .bub_icon { width: 10%; position: relative; } 
.kim-contents .category-3 .kim_table .kim_table_row .bub_icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
/* 말풍선 공통 */
.kim-contents .category-3 .kim_table .kim_table_row .bubble { background: no-repeat center; background-size: contain; position: relative; } 

/* bubble 말풍선 */
.kim-contents .category-3 .kim_table .kim_table_row .bubble_1 { background-image: url(../../img/bub_1.png) } 
.kim-contents .category-3 .kim_table .kim_table_row .bubble_2 { background-image: url(../../img/bub_2.png) } 
.kim-contents .category-3 .kim_table .kim_table_row .bubble_3 { background-image: url(../../img/bub_3.png) } 
.kim-contents .category-3 .kim_table .kim_table_row .bubble_4 { background-image: url(../../img/bub_4.png) } 
.kim-contents .category-3 .kim_table .kim_table_row .bubble_5 { background-image: url(../../img/bub_5.png) } 
.kim-contents .category-3 .kim_table .kim_table_row .bubble_6 { background-image: url(../../img/bub_6.png) } 

/* list-box */
.kim-contents .category-3 .kim_table .kim_table_row .list_box { width: 60%; margin: 2% 0; align-self: center; } 
.kim-contents .category-3 .kim_table .kim_table_row .list_box p { position: relative; font-size: 20px; padding-left: 30px; line-height: 1.5; } 
.kim-contents .category-3 .kim_table .kim_table_row .list_box p::before { content:""; background: url(../../img/left_arrow_icon.png) no-repeat center; background-size: contain; width: 16px; height: 15px; display:block; position:absolute; top: 8px; left: 0; } 

.kim-contents .category-3 .kim_table .kim_table_row .list_box ul { padding-left: 30px; padding-top: 30px; } 
.kim-contents .category-3 .kim_table .kim_table_row .list_box li { position: relative; font-size: 20px; padding-left: 30px; padding-bottom: 10px; } 
.kim-contents .category-3 .kim_table .kim_table_row .list_box .kim_pointer::before { content:""; background: url(../../img/pointer_icon.png) no-repeat center; background-size: contain; width: 28px; height: 27px; display:block; position:absolute; left: 0; } 
.kim-contents .category-3 .kim_table .kim_table_row .list_box li::before { content:""; background: url(../../img/dot_icon.png) no-repeat center; width: 24px; height: 23px; display:block; position:absolute; left: 0; } 
.kim-contents .category-3 .kim_table .kim_table_row .list_box .kim_first_ul li:nth-child(2),
.kim-contents .category-3 .kim_table .kim_table_row .list_box .kim_first_ul li:nth-child(3) { margin-left: 30px; } 

/* category - 4 */
.kim-contents .category-4 .kim_table_2 { max-width: 980px; margin: 0 auto; margin-top: 140px; box-shadow: 5px 8px 11px 4px #3333330f; } 
.kim-contents .category-4 .kim_table_2 .cate4 { position: relative; padding: 30px 2%; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 { display: flex; position: relative; border-bottom: 1px solid #33333378; line-height: 1.5; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2:nth-last-child(1) { border: unset; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 strong { color: #51a9e9; }

.kim-contents .category-4 .kim_table_2 .kim_table_title { display: flex; position: relative; color: #fff; font-size: 24px; } 
.kim-contents .category-4 .kim_table_2 .kim_table_title .cate4_box1 { background: #51A9E9; width: 40%; } 
.kim-contents .category-4 .kim_table_2 .kim_table_title .cate4_box2 { background: #B6B9BF; width: 20%; }
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p span { 
   position: relative;
   font-size: 20px;
   padding-left: 30px;
   word-break: keep-all;
   display: block;
   text-align: left;
   font-weight: 500;
   margin-left: 20px;
 }
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p span:nth-of-type(1){margin-top: 20px;}
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p span::before{
   content: "";
   background: url(../../img/dot_icon.png) no-repeat center;
   width: 24px;
   height: 23px;
   display: block;
   position: absolute;
   left: 0;
   top: 3px;
 }
.kim-contents .category-4 .kim_table_2 .kim_table_title .cate4_box3 { background: #40D4E2; width: 40%; } 
.kim-contents .category-4 .kim_table_2 .kim_table_title h4 { padding: 10px 0; text-align: center; font-size: 30px; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 { width: 40%; height: 100%; align-self: center; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 p { position: relative; font-size: 20px; font-weight: 800; padding-left: 30px; word-break: keep-all; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 p:nth-child(2) { margin-top: 10%; }
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 p::before { content:""; background: url(../../img/bl_check_icon.png) no-repeat center; background-size: contain; width: 24px; height: 20px; display:block; position:absolute; top: 4px; left: 0; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 p.before_none { width: 100%; }
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 ul { } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 li { font-weight: 800; } 

.kim-contents .category-4 .kim_table_2 .kim_table_row_2 p.before_none { padding-left: 0; color: #51a9e9;}
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 p.before_none::before { display: none; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 p.before_none .m_hide { display: none; } 


.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p.before_none_2 {text-align: center; font-size: 24px; font-weight: 800; width: 100%; position: relative; top: 50%; padding-left: 0px; word-break: keep-all}
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p.before_none_2::before { display: none; } 

.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 { width: 20%; position: relative; background: #F3F3F3; /* padding: 16% 0px; */ } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p { text-align: center; font-size: 24px; font-weight: 800; width: 100%; position: relative; top: 50%; transform: translateY(-50%); word-break: keep-all; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 ul { position: relative; left: 10%;} 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 li { } 


.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 { width: 40%; align-self: center; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p { position: relative; font-size: 20px; padding-left: 30px; word-break: keep-all; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p::before { content:""; background: url(../../img/que_check_icon.png) no-repeat center; background-size: contain; width: 21px; height: 21px; display:block; position:absolute; top: 5px; left: 0; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 ul { } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 li { } 

/* ul li 공통 */
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 ul { padding: 10% 0 0;} 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 li { position: relative; font-size: 20px; padding-left: 30px; word-break: keep-all; } 
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 li::before { content:""; background: url(../../img/dot_icon.png) no-repeat center; width: 24px; height: 23px; display:block; position:absolute; left: 0; top:3px; } 

/* category -5 */
.kim-contents .category-5 { } 
.kim-contents .category-5 .cate-5-wrap { } 
.kim-contents .category-5 .cate-5-wrap .cate-5-box { } 
.kim-contents .category-5 .cate-5-wrap .cate-5-box .cate5_tit { font-size: 30px; font-weight: 900; color: #51A9E9; padding-bottom: 50px; letter-spacing: -1px; } 
.kim-contents .category-5 .cate-5-wrap .cate-5-box .cate5_tit span { color: #DCDDDD; padding-right: 15px; } 

.kim-contents .category-5 .cate-5-wrap .cate-5-box ul { padding-bottom: 100px; padding-left: 13px; } 
.kim-contents .category-5 .cate-5-wrap .cate-5-box ul li { position: relative; font-size: 22px; font-weight: 800; padding-left: 40px; padding-bottom: 16px; word-break:keep-all; line-height: 1.5; } 
.kim-contents .category-5 .cate-5-wrap .cate-5-box ul li::before { content:""; background: url(../../img/basic_check_icon.png) no-repeat center; background-size: contain; width: 24px; height: 24px; display:block; position:absolute; top: 4px; left: 0; } 

/* category -6 */
.kim-contents .category-6 { } 
.kim-contents .category-6 .cate-6-wrap .cate-6-box .cate6_tit { font-size: 30px; font-weight: 900; color: #149EDF; padding-bottom: 50px; letter-spacing: -1px; } 

.kim-contents .category-6 .cate-6-wrap .cate-6-box ul { padding-bottom: 100px; padding-left: 13px; } 
.kim-contents .category-6 .cate-6-wrap .cate-6-box ul li { position: relative; font-size: 22px; font-weight: 800; padding-left: 40px; padding-bottom: 16px; word-break:keep-all; line-height: 1.5; margin-bottom: 30px;} 
.kim-contents .category-6 .cate-6-wrap .cate-6-box ul li::before { content:""; background: url(../../img/basic_check_icon.png) no-repeat center; background-size: contain; width: 24px; height: 24px; display:block; position:absolute; top: 4px; left: 0; } 


.kim-contents .category-6 .cate-6-wrap .cate-6-box ul li span{display: block; font-weight: 400; font-size: 20px;}
/* category - 7 */
.kim-contents .category-7 { max-width: 1280px; width: 100%; } 
.kim-contents .category-7 .cate-7-table { width: 90%; margin: 0 auto;} 
.kim-contents .category-7 .cate-7-table .cate-7-row { display: flex; } 
/* cate7 공통 /* cate7_box1, 2, 3 **/
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7 { } 

/* cate7_box1 */
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box1 { width: 25%; text-align: center; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box1 p { font-size: 24px; font-weight: 700; background: #256593; color: #fff; padding: 5%; border-radius: 12px; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box1 p span { display: none; } 

/* cate7_box2 */
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box2 { width: 15%; position: relative; } 
/* horizon-line 가상클래스 */
.cate7.cate7_box2::before { content: ""; display: block; width: 100%; height: 2px; background: #3333337a; position: absolute; top: 25px; left: 0; } 
/* vertical-line 가상클래스 */
.cate7.cate7_box2::after { content:" "; display:block; width:2px; height:100%; position: absolute; left:50%; top:0; transform:translateX(-50%); background-image: linear-gradient(#256593 60%, rgba(255,255,255,0) 0%); background-size: 2px 25px; background-repeat: repeat-y; background-position: center; z-index: -1; } 


.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box2 p { background: #fff; border: 1px solid #444951; border-radius: 50%; width: 50px; height: 50px; position: relative; margin: 0 auto; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box2 p span { display: inline-block; text-align: center; font-size: 30px; font-weight: 800; border-radius: 50%; width: 40px; height: 40px; background: #444951; color: #fff; line-height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 { width: 60%; background-color: #d3ecff; display: flex; border-radius: 12px; padding: 4% 1.5%; justify-content: space-between; margin-bottom: 7%; 
 /* position: relative; */
 /* bottom: 40px; */}
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3.cate7_special { padding: 0; background: unset; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3.cate7_special .cate7_sub_box2 h5 { padding: 22px; } 
/* cate7_box3 */

/* ul li before 없애기 */
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 ul li.kim_before_unset { } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 ul li.kim_before_unset::before { display: none; } 
.cate7 .qu_bub { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(../../img/qu_bubble_icon.png) no-repeat center; background-size: contain; } 
.cate7 .list_num { position: absolute; top: 0; left: 0; } 
/* cate7_box3 sub_box공통 cate7_sub_box1,2,3 */
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .sub_box { } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .sub_box ul { background: #fff; font-size: 19px; font-weight: 700; line-height: 1.5; width: 95%; /* height: 77%; */
 margin: 0 auto; padding: 20px 5px; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .sub_box h5 { font-size: 24px; color: #fff; padding: 6px; background-color: #51A9E9; border-radius: 12px; text-align: center; word-break: keep-all; } 

/* cate7_box3 - cate7_sub_box1*/
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box1 { width: 30%; margin-right: 14px; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box1 h5 { } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box1 ul { } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box1 ul li { padding-bottom: 10px; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box1 
.sub_box1_ul li { position: relative; padding-left: 20px; } 

/* cate7_box3 - cate7_sub_box2 */
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 { width: 70%; padding-left: calc(14px + 30px); position: relative; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2::before { content:""; background: url(../../img/right_arrow_icon.png) no-repeat center; background-size: contain; width: 30px; height: 32px; display:block; position:absolute; top: 10px; left: 0; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 h5 { } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 ul { text-align: left; padding-left: 15px; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 ul li { position: relative; padding-left: 30px; padding-bottom: 10px; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 ul li::before { content:""; background: url(../../img/black_check_icon.png) no-repeat center; background-size: contain; width: 24px; height: 24px; display:block; position:absolute; top: 3px; left: 0; } 
/* cate7_flex 추가 */
.cate7_flex { width: 60%; background-color: #d3ecff; border-radius: 12px; margin-bottom: 7%; } 
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_flex .cate7_box3 { width: 100%; } 
/* no-color */
.kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box1 h5.no_color { background: #256593; } 

/* cate7_last_box */
.cate7_last_row { margin-left: 20%; } 
.cate7_last_row p { font-size: 24px; font-weight: 700; background: #256593; color: #fff; padding: 1.5%; border-radius: 12px; width: 32%; text-align: center; } 
.cate7_last_row ul li { color: #256593; font-size: 24px; line-height: 1.5; } 

.cate7_last_row ul { padding: 30px 0; } 

/* category - 8 */
.kim-contents .category-8 .cate-8-box img { display: block; margin: 0 auto; } 
.page-copyright.kim-copyright { margin: 80px auto 100px; max-width: 1280px; } 


/* 김부장 서비스 - 반응형 */
@media (max-width:1200px) { /* kim_bg */
 .kim_bg_bottom ul .bg_box { width: 33.3%; } 
 /* kim-contents */
 .kim-contents { padding: 0px 2%; } 
 /* category-1 */
}
@media (max-width:1024px) { /* kim_bg */
 .kim_bg { background-position: 20% 50%; } 
 .kim_bg .kim_tit p:nth-child(1) { font-size: 32px; } 
 .kim_bg .kim_tit p:nth-child(2) { font-size: 60px; } 
 .kim_bg .kim_tit p:nth-child(3) { font-size: 70px; } 

 /* category-1~4 */
 .kim_tit_wr h3 { word-break: keep-all; } 
 .kim_manager_img img { width: 80%; } 
 .kim-contents .category-2 .cate-2-box .solution_box { width: 60%; } 
 .kim-contents .category-3 .kim_table .kim_table_row::before { width: 100%; left: 0; }
 .kim-contents .category-3 .kim_table .kim_table_row:last-child::after{width: 100%; left: 0;}
 .kim_tit_wr h2 { font-size: 35px; } 
 .kim_tit_wr h3 { font-size: 23px; } 
 .kim_tit_wr { margin: 90px 0; } 

 /* category-5~8 */
 .kim-contents .category-5 .cate-5-wrap .cate-5-box ul { padding-bottom: 50px; } 
 .kim-contents .category-5 .cate-5-wrap .cate-5-box ul li { font-size: 20px; } 
 .kim-contents .category-6 .cate-6-wrap .cate-6-box ul li { font-size: 20px; } 
 /* categrory-7 */
 .cate7_last_row { margin-left: 11%; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box1 p { font-size: 20px; word-break: keep-all; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .sub_box h5
 {
 font-size: 20px; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .sub_box ul { font-size: 18px; word-break: keep-all; } 
 /* flex-width 값 */
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box2 { width: 10%; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 { width: 70%; } 
 .cate7_flex { width: 70%; } 
 .cate7_last_row ul li { font-size: 20px; } 
 .cate7_last_row p { font-size: 20px; } 

 .kim-contents .category-8 .cate-8-box img { width: 100%; } 
 }

@media (max-width:768px) { 
 /* kim_bg */
 .kim_bg { height: 600px; margin: 0 auto; width: 100%;} 
 .kim_bg small { font-size: 16px; } 
 .kim_bg .kim_tit p:nth-child(1) { font-size: 25px; } 
 .kim_bg .kim_tit p:nth-child(2) { font-size: 55px; } 
 .kim_bg .kim_tit p:nth-child(3) { font-size: 65px; } 
 .kim_bg .kim_tit_2 { font-size: 18px; } 
 .kim_bg_bottom ul {width: 100%;} 
 .kim_bg_bottom ul .bg_box { width: 50%; } 
.kim_bg_bottom ul .bg_box .k-pic { width: 80%; margin: 10px auto 0; } 
.kim_bg_bottom ul .bg_box .k-pic img { width: 100%; } 
.kim_bg_bottom ul .bg_box .k-box-txt h5 { font-size: 18px; } 
.kim_bg_bottom ul .bg_box .k-box-txt p { font-size: 16px; } 

.kim-contents { padding: 0px 3%; } 
 .kim_tit_wr { padding-left: 5%; margin: 60px 0;} 
 .kim_tit_wr h2 { font-size: 32px; } 
 .kim_tit_wr h3 { font-size: 20px; } 


 /* category-1~4 */
 .kim_manager_img { width: 100%; } 
 .kim_manager_img img { width: 100%; } 
 .kim_person_bg { width: 50%; margin: 0 auto; } 
 .kim_person_bg img { width: 100%; } 
 .kim-contents .category-2 .cate-2-box .solution_box { padding: 2%; width: 100%; } 
 .kim-contents .category-2 .cate-2-box .solution_box h5 { font-size: 24px; } 
 .kim-contents .category-2 .cate-2-box .solution_box h4 { font-size: 28px; } 

 .kim-contents .category-3 .kim_table .kim_table_row .list_box p { font-size: 16px; word-break: keep-all; } 
 .kim-contents .category-3 .kim_table .kim_table_row .list_box li { font-size: 16px; } 
 .kim-contents .category-3 .kim_table .kim_table_row .bubble { font-size: 16px; word-break: keep-all; } 

 .kim-contents .category-4 .kim_table_2 .kim_table_title h4 { font-size: 22px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 p { font-size: 18px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p { font-size: 18px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p { font-size: 18px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 li { font-size: 18px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 ul { position: relative; top: 35%; display: none; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 li { } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p.before_none_2 { font-size: 18px; }
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p span { font-size: 18px; margin-left: 0; }
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .m_hide { display: none; }
 /* before list icon */

 /* category-5~8 */
 .kim-contents .category-5 .cate-5-wrap .cate-5-box .cate5_tit { font-size: 24px; } 
 .kim-contents .category-5 .cate-5-wrap .cate-5-box ul li { font-size: 18px; } 
 .kim-contents .category-6 .cate-6-wrap .cate-6-box .cate6_tit { font-size: 24px; } 
 .kim-contents .category-6 .cate-6-wrap .cate-6-box ul li { font-size: 18px; } 


 /* categrory-7 */
 .kim-contents .category-7 .cate-7-table .cate-7-row { flex-direction: column; align-items: center; position: relative; } 
 .cate7.cate7_box2::before { display: none; } 
 .cate7.cate7_box2::after { display: none; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .sub_box h5 { font-size: 18px; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row::before { content:" "; display:block; width:2px; height:100%; position: absolute; left:50%; top:0; transform:translateX(-50%); background-image: linear-gradient(#256593 60%, rgba(255,255,255,0) 0%); background-size: 2px 18px; background-repeat: repeat-y; background-position: center; z-index: -1; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box1 { width: 70%; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box2 { width: 20%; padding:3.5% 0; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box2 p { display: none; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box1 p span { display: inline; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 { width: 100%; } 
 .cate7_flex { width: 100%; } 
 .cate7_last_row { margin-left: auto; margin-right: auto; } 
 .cate7_last_row p { font-size: 20px; margin: 0 auto; width: 70%; padding: 4%; } 
 .cate7_last_row ul li { font-size: 18px; word-break: keep-all; width: 100%; margin: 0 auto; padding-left: 20px; text-indent: -11px; } 
 /* special */
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3.cate7_special { padding: 4% 1.5%; background-color: #d3ecff; } 

 /* flex-width 값 */

}
@media (max-width:563px){
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p span { padding-left: 15px; }
.kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p span::before { top : 3px; left : -8px; }
}

@media (max-width:480px){
 .kim_bg { background-position: 24% 50%; } 
 .kim_bg small { font-size: 10px; } 
 .kim_bg .kim_tit p:nth-child(1) { font-size: 20px; } 
 .kim_bg .kim_tit p:nth-child(2) { font-size: 37px; } 
 .kim_bg .kim_tit p:nth-child(3) { font-size: 50px; } 
 .kim_bg .kim_tit_2 { font-size: 16px; width: 83%;} 
 .kim_bg_bottom ul .bg_box .k-box-txt { width: 100%; margin: 0 auto; padding:0 0 20px 20px; } 

 .kim_tit_wr { padding-left: 6%; } 
 .kim_tit_wr h2 { font-size: 24px; } 
 .kim_tit_wr h3 { font-size: 18px; } 

.kim-contents .category-2 .cate-2-box .solution_box h5 { font-size: 18px; } 
 .kim-contents .category-2 .cate-2-box .solution_box h4 { font-size: 22px; } 

 /* category-3 */
 .kim-contents .category-3 .kim_table { padding-top: 70px; } 
 .kim-contents .category-4 .kim_table_2 { margin-top: 70px; } 

 .kim-contents .category-3 .kim_table .kim_table_row .bubble-box { width: 55%; margin-bottom: 15px } 
 .kim-contents .category-3 .kim_table .kim_table_row .bub_icon { width: 25%; } 
 .kim-contents .category-3 .kim_table .kim_table_row .bub_icon img { position: unset; transform: unset; display: block; margin: 0 auto; } 
 .kim-contents .category-3 .kim_table .kim_table_row .bubble { font-size: 18px; } 
 .kim-contents .category-3 .kim_table .kim_table_row .list_box { width: 90%; } 
 .kim-contents .category-3 .kim_table .kim_table_row .list_box ul { padding-left: 20px; padding-top: 20px; } 

 .kim-contents .category-3 .kim_table .kim_table_row { flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; } 
 /* category-3 icon줄이기 */
 /* pointer */
 .kim-contents .category-3 .kim_table .kim_table_row .list_box .kim_pointer::before { width: 22px; height: 22px; left: -6px; } 
 /* chech */
 .kim-contents .category-3 .kim_table .kim_table_row .list_box p::before { width: 12px; height: 12px; top: 5px; } 
 /* dot */
 .kim-contents .category-3 .kim_table .kim_table_row .list_box li::before { width: 9px; height: 15px; left:0; top: 0; background-size: contain; } 
 .kim-contents .category-3 .kim_table .kim_table_row .list_box li { padding-left: 19px; } 
 

/* category-4 */
.kim-contents .category-4 .kim_table_2 .cate4 { padding: 10px 2%; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_title h4 { font-size: 16px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 p { font-size: 14px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p { font-size: 14px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p { font-size: 14px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 li { font-size: 14px; } 

 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p span { font-size: 14px; }
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box2 p span::before { width: 8px; height: 8px; background-size: contain; top: 6px; left: 0; }

 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 p::before { width: 17px; height: 17px; top: 1px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p::before { width: 14px; height: 14px; top: 2px;} 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box1 p { padding-left: 22px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 .cate4_box3 p { padding-left: 20px; } 
 

 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 li { padding-left: 20px; } 
 .kim-contents .category-4 .kim_table_2 .kim_table_row_2 li::before { width: 8px; height: 8px; background-size: contain; top:6px; } 
 
 .kim-contents .category-5 .cate-5-wrap .cate-5-box .cate5_tit { font-size: 22px; } 
 .kim-contents .category-5 .cate-5-wrap .cate-5-box ul li { font-size: 16px; padding-left: 30px; } 
 .kim-contents .category-5 .cate-5-wrap .cate-5-box ul li::before { width: 19px; height: 18px; } 

 .kim-contents .category-6 .cate-6-wrap .cate-6-box .cate6_tit { font-size: 22px; } 
 .kim-contents .category-6 .cate-6-wrap .cate-6-box ul li { font-size: 16px; padding-left: 30px; } 
 .kim-contents .category-6 .cate-6-wrap .cate-6-box ul li::before { width: 19px; height: 18px; } 

 /* category-7 */
 .kim-contents .category-7 .cate-7-table{width: 95%;}
 /* category-7 font-size */
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box1 p { font-size: 18px; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box2 p span { font-size: 22px; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .sub_box h5 { font-size: 16px; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .sub_box ul { font-size: 14px; } 
 /* before icon 줄이기 */
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 ul li::before { width: 19px; height: 18px; } 
 .cate7 .qu_bub { width: 18px; height: 18px; } 

 /* category-7 flex*/
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 { padding :5% 3.5%; flex-direction : column; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box1 { width: 100%; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2 { width: 100%; padding-top: 43px; padding-left: 0; } 
 /* 화살표 */
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box2::before { background:url(../../img/bottom_arrow_icon.png) no-repeat center; width: 25px; height: 25px; left: 50%; transform: translatex(-50%); background-size: contain; } 
 .kim-contents .category-7 .cate-7-table .cate-7-row .cate7_box3 .cate7_sub_box1 .sub_box1_ul li { margin-left: 10px; } 

 .cate7_last_row p { font-size: 18px; } 
 .cate7_last_row ul li { font-size: 14px; } 
 }