/* common */
.dfbox {display: flex;}
.ptb140 {padding: 140px 0;}
.mt230 {margin-top: 230px;}
.inner_container {width: 95%; max-width: 1400px; margin: 0 auto; position: relative;}
.arrow::after {content: '→'; position: absolute; right: 25px; transform: translateX(0);}
.arrow::after {-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-ms-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.arrow:hover::after {-webkit-transform: translateX(3px);-moz-transform: translateX(3px);-ms-transform: translateX(3px);-o-transform: translateX(3px);transform: translateX(3px);}
span.dot {width: 13px; height: 13px; background-color: #0080d7; border-radius: 50%; display: inline-block; margin-left: 10px;}
.subpage {margin-top: 150px;}
.sub_visual {width: calc(100% - 120px); margin: 150px auto 0; border-radius: 50px; position: relative; color: #fff; height: 470px; background: url(../img//sub/subVisual_brandBg.jpg) no-repeat; background-size: cover; background-position: center;}
.sub_visual.brand {background-image: url(../img//sub/subVisual_brandBg.jpg);}
.sub_visual.ad_service{background-image: url(../img//sub/subVisual_consultingBg.jpg);}
.sub_visual.service{background-image: url(../img//sub/subVisual_serviceBg.jpg);}
.sub_visual.customer{background-image: url(../img//sub/subVisual_reviewBg.png);}
.sub_visual.partner{background-image: url(../img//sub/subVisual_partnerBg.jpg);}
.sub_visual .inner_container {height: 100%;}
.sub_visual .centerbox {flex-direction: column; justify-content: center; height: 100%;}
.sub_visual .centerbox .sv_mainTxt, .sub_visual .centerbox .sv_subTxt {letter-spacing: 0;}
.sub_visual .centerbox .sv_mainTxt {margin: 70px 0 15px;}
.sub_visual ul.dfbox li {opacity: .5;}
.sub_visual ul.dfbox li.on {opacity: 1;}
.sub_tit {width: calc(100% - 120px); margin: 0 auto 60px; position: relative;}
.sub_tit h3 {letter-spacing: 0;}
.subpage h3 {color: #222; margin-bottom: 35px;}
.subinfo {line-height: 1.5;}
.subinfo strong{display:block;margin-bottom:13px;}
.gray_bg {width: calc(100% - 120px); margin: 0 auto; position: relative; background-color: #f9fafb; border-radius: 200px 50px 50px 50px;}
/* .scroll_wrap {overflow: auto;} */

/*서브메뉴*/
.submenu_bt ul{display: flex; width: 100%; justify-content: center;gap: 10px;}
.submenu_bt ul li a{background: #8b9296; font-size: 17px; width: 200px; height: 50px; line-height: 50px; display: block; text-align: center; color: #fff; border-radius: 50px;}
.submenu_bt ul li a:hover,.submenu_bt ul li.on a{background: #0080d7;}
.submenu_bt.w240 ul li a {width: 240px;}


/* 브랜드 */
.company .sect01 .cont_container .left, .company .cont_container .right {width: 50%;}
.company .sect01 .cont_container .left {align-items: center; position: relative;}
.company .sect01 .cont_container .left::before {content: ''; width: 150px; height: 20px; background-color: #0080d7; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); z-index: -1;}
.company .sect01 .cont_container .left::after {content: ''; width: 0; height: 0; border-left: 30px solid #0080d7; border-top: 30px solid transparent; border-bottom: 30px solid transparent; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);}
.company .sect01 .cont_container .left .imgbox {width: 230px; height: 230px; border-radius: 50%; border: 11px solid #8b9296; overflow: hidden;}
.company .sect01 .cont_container .left .line {width: 130px; height: 20px; background: linear-gradient(90deg, #8b9296 3%, #0080d7);}
.company .sect01 .cont_container .left .txtbox {width: 230px; height: 230px; border-radius: 50%; background-color: #0080d7; text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; margin-left: 130px; position: relative;}
.company .sect01 .cont_container .left .txtbox::before {content: ''; position: absolute; left: 2px; top: 50%; transform: translate(-100%,-50%); width: 134px; height: 20px; background: linear-gradient(90deg, #8b9296 3%, #0080d7);}
.company .sect01 .cont_container .left .txtbox p {letter-spacing: 0; line-height: 1.2;}
.company .sect01 .cont_container .right {border: 3px solid #222; padding: 60px 0; border-radius: 150px;}
.company .sect01 .cont_container .right ul {justify-content: center; align-items: end; gap: 50px;}
.company .sect01 .cont_container .right ul li {text-align: center;}
.company .sect01 .cont_container .right ul li p {margin-top: 30px;}
.company .sect01 .cont_container .txtWrap {margin-top: 35px; text-align: center; border-radius: 50px; height: 80px; border: 1px dashed #d9dddf;}
.company .sect01 .cont_container .txtWrap p {line-height: 80px;}
.company .sect02  {width: calc(100% - 120px); margin: 0 auto; position: relative; background-color: #f9fafb; border-radius: 200px 50px 50px 50px;}
.company .sect02 .lists li {width: calc(100% / 3);}
.company .sect02 .lists li h4, .company .sect02 .lists li p {word-break: keep-all; white-space: wrap;}
.company .sect02 .lists li h4 {margin: 40px 0 30px; color: #0080d7; letter-spacing: 0;}
.company .sect02 .lists li p {font-size: 17px; color: #666; line-height: 1.52;}

.location .sect01 {width: calc(100% - 120px); margin: 0 auto; position: relative; background-color: #f9fafb; border-radius: 200px 50px 50px 50px;}
.location .sect02 {padding: 120px 0 60px; width: calc(100% - 120px); margin: 0 auto; position: relative;}
.location .map_wrap {max-width: 1400px; margin: 0 auto; width: 95%;}
.location .map_wrap .root_daum_roughmap_landing .border2 {display: block;}
.location .dfbox {gap: 15px; align-items: end; margin-bottom: 25px;}
.location .dfbox h4, .location .dfbox strong {display: block; line-height: 1;}
.location .dfbox strong {color: #0080d7;}
.location .sect01 .map_wrap {border: 10px solid #0080d7;}
.location .root_daum_roughmap .wrap_controllers {display: none;}
.location .root_daum_roughmap {width: 100%;}
.location .root_daum_roughmap .wrap_map {height: 500px;}
.location .google_map {width: 100%; height: 500px; position: relative; border: 1px solid #ddd;}
.location .google_map iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* 서비스 */
.forwarding {overflow-x: hidden;}
.forwarding .sect01.gray_bg {margin-top: 160px}
.forwarding .sect01 .subinfo {margin: 40px 0 80px;}
.forwarding .sect01 ul {flex-wrap: wrap; gap: 40px;}
.forwarding .sect01 ul li {width: calc((100% - 40px) / 2); border: 1px solid #e6e8ea; background-color: #fff; padding: 40px; border-radius: 30px; justify-content: space-between;}
.forwarding .sect01 ul li h4 {color: #0080d7; margin-bottom: 30px; line-height: 1.333;}
.forwarding .sect01 ul li p {font-size: 17px; color: #666; line-height: 1.529;}
.forwarding .sect02 .titImg_wrap {justify-content: space-between;}
.forwarding .sect02 .titImg_wrap .tits {padding-right: 20px;}
.forwarding .sect02 .titImg_wrap .tits p.subinfo {margin-top: 45px; word-break: keep-all; white-space: wrap;}
.forwarding .sect02 .process_wrap {border-top: 1px solid #eee;}
.forwarding .sect02 .logo_wrap .logos {flex-wrap: wrap; row-gap: 50px; align-items: center;}
.forwarding .sect02 .logo_wrap .logos li {width: calc(100% / 5); text-align: center;}
.forwarding .sect03 .transit_process .process_box p {margin-bottom: 35px;}
.forwarding .sect03 .transit_process .process_box p span {color: #0080d7;}
.forwarding .sect03 .transit_process .process_box .imgbox {background-color: #fff; padding: 25px 60px; border: 1px solid #e6e8ea; border-radius: 30px;}
.forwarding .sect04 h3 {margin-bottom: 40px;}
.forwarding .sect04 ul {flex-wrap: wrap; row-gap: 70px; column-gap: 40px;}
.forwarding .sect04 ul li {width: calc((100% - 120px) / 4); text-align: center;}
.forwarding .sect04 ul li .imgbox {border-radius: 20px; overflow: hidden;}
.forwarding .sect04 ul li p {margin-top: 20px;}
.forwarding .sect05 .dfbox .txtbox {width: calc(100% - 670px); padding-right: 30px; padding-top: 70px;}
.forwarding .sect05 .dfbox .txtbox h3 {margin-bottom: 40px;}
.forwarding .sect05 .dfbox .imgbox {border-radius: 30px; overflow: hidden;}

.fulfillment .sect01 h3 {margin-bottom: 40px;}
.fulfillment .sect01 .cont_wrap .cont h4 span {display: inline-block; width: 32px; height: 32px; line-height: 32px; background-color: #0080d7; border-radius: 50%; color: #fff; font-size: 17px; text-align: center; vertical-align: text-top; margin-right: 10px;}
.fulfillment .sect01 .cont_wrap .cont + .cont {border-top: 1px solid #e6e8ea;}
.fulfillment .sect01 .cont_wrap .cont + .cont h4 {margin-bottom: 30px;}
.fulfillment .sect01 .cont_wrap .cont.cont1 ul {gap: 40px;}
/* .fulfillment .sect01 .cont_wrap .cont.cont1 ul li {width: calc((100% - 120px) / 4); background-color: #f6f7f9; border: 1px solid #e6e8ea; border-radius: 30px; overflow: hidden; text-align: center; padding: 55px 20px;} */
.fulfillment .sect01 .cont_wrap .cont.cont1 ul li {width: calc((100% - 120px) / 4); background-color: #f6f7f9; border: 1px solid #e6e8ea; border-radius: 30px; overflow: hidden; text-align: center; padding: 20px 20px;}
.fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox {height: 280px;}
.fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox img{border-radius: 20px;}
/* .fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox {height: 90px;} */
.fulfillment .sect01 .cont_wrap .cont.cont1 ul li strong {color: #0080d7; display: block; margin: 35px 0 30px;}
.fulfillment .sect01 .cont_wrap .cont.cont1 ul li p {font-size: 15px; line-height: 1.6; word-break: keep-all; white-space: wrap;}
.fulfillment .sect01 .cont_wrap .cont.cont2 ul {flex-wrap: wrap; row-gap: 20px; column-gap: 70px;}
.fulfillment .sect01 .cont_wrap .cont.cont2 ul li {width: calc((100% - 140px) / 3);}
.fulfillment .sect01 .cont_wrap .cont.cont2 ul li .imgbox {border-radius: 20px; overflow: hidden;}
.fulfillment .sect01 .cont_wrap .cont.cont2 ul li .txtbox {margin-top: 35px;}
.fulfillment .sect01 .cont_wrap .cont.cont2 ul li .txtbox strong {display: block; margin-bottom: 20px;}
.fulfillment .sect01 .cont_wrap .cont.cont2 ul li .txtbox p {word-break: keep-all; white-space: wrap; line-height: 1.5;}
.fulfillment .sect01 .cont_wrap .cont.cont3 .system_wrap {position: relative;}
.fulfillment .sect01 .cont_wrap .cont.cont3 .bg_circle {position: absolute; left: 50%; top: -250px; transform: translateX(-50%); width: 780px; height: 780px; background-color: #fff; border-radius: 50%; box-shadow:  0 0 50px #e6e8ea; z-index: -3;}
.fulfillment .sect01 .cont_wrap .cont.cont3 .bg_circle::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 710px; height: 710px; background-color: #fff; border-radius: 50%; box-shadow:  0 0 50px #e6e8ea; z-index: -2;}
.fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons {justify-content: center; flex-wrap: wrap; row-gap: 95px;}
.fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li {width: calc(100% / 5); padding: 0 20px; text-align: center;}
.fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li .imgbox {height: 60px;}
.fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li strong {display: block; margin: 30px 0 20px;}
.fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li p {color: #666; font-size: 15px; line-height: 1.6; word-break: keep-all; white-space: wrap;}
.fulfillment .sect02 .course_wrap {padding-top: 10px; align-items: center;}
.fulfillment .sect02 .course_wrap .left {align-items: center;}
.fulfillment .sect02 .course_wrap .txtbox {width: 177px; height: 177px; background-color: #656d71; color: #fff; position: relative; border-radius: 50%; text-align: center; z-index: 1;}
.fulfillment .sect02 .course_wrap .txtbox p {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; line-height: 1.2;}
.fulfillment .sect02 .course_wrap .txtbox.blue {background-color: #0080d7;}
.fulfillment .sect02 .course_wrap .txts {padding-right: 50px; position: relative;}
.fulfillment .sect02 .course_wrap .txts::before {content: ''; width: 70px; height: 20px; background-color: #656d71; position: absolute; right: 0; top: 50%; transform: translate(-10%,-50%); z-index: 1;}
.fulfillment .sect02 .course_wrap .txts::after {content: ''; width: 0; height: 0; border-left: 29px solid #656d71; border-top: 29px solid transparent; border-bottom: 29px solid transparent; position: absolute; right: 5px; top: 50%; transform: translate(50%,-50%); z-index: 5;}
.fulfillment .sect02 .course_wrap .txts .txtbox + .txtbox {margin-left: -20px; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0, .5);}
.fulfillment .sect02 .course_wrap .imgbox {position: relative; padding-right: 45px; z-index: 4;}
.fulfillment .sect02 .course_wrap .imgbox::before {content: ''; width: 70px; height: 20px; background-color: #656d71; position: absolute; right: 0; top: 50%; transform: translate(-10%,-50%); z-index: -1;}
.fulfillment .sect02 .course_wrap .imgbox::after {content: ''; width: 0; height: 0; border-left: 29px solid #656d71; border-top: 29px solid transparent; border-bottom: 29px solid transparent; position: absolute; right: 5px; top: 50%; transform: translate(50%,-50%); z-index: 5;}
.fulfillment .sect03 h3 {margin-bottom: 40px;}
.fulfillment .sect03 .tabs_container .tabs_wrap + .tabs_wrap {border-top: 1px solid #e6e8ea;}
.fulfillment .sect03 .tabs_container .tabs_wrap {align-items: center;}
.fulfillment .sect03 .tabs_container .txtbox {width: calc(100% - 670px); padding-right: 20px;}
.fulfillment .sect03 .tabs_container .tabs {flex-direction: column;}
.fulfillment .sect03 .tabs_container .tabs button {appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 0; background-color: transparent; text-align: left; width: fit-content; color: #8b9296;}
.fulfillment .sect03 .tabs_container .tabs button + button {margin-top: 20px;}
.fulfillment .sect03 .tabs_container .tabs button span {display: none; width: 13px; height: 13px; background-color: #0080d7; border-radius: 50%; margin-left: 7px;}
.fulfillment .sect03 .tabs_container .tabs button.active, .fulfillment .sect03 .tabs_container .tabs button:hover {color: #0080d7;}
.fulfillment .sect03 .tabs_container .tabs button.active span {display: inline-block;}
.fulfillment .sect03 .tabs_container .tab_content .imgbox {border-radius: 30px; overflow: hidden;}
.fulfillment .sect04.gray_bg.blue {background-color: #0080d7;}
.fulfillment .sect04.gray_bg.blue .txt_img {color: #fff; justify-content: space-between;}
.fulfillment .sect04.gray_bg.blue .txt_img .txtbox h3 {margin-bottom: 40px;}
.fulfillment .sect04.gray_bg.blue .txt_img .txtbox p {line-height: 1.5; word-break: keep-all; white-space: wrap;}
.fulfillment .sect04.gray_bg.blue .process_wrap {border-radius: 30px; border: 2px dashed #fff; padding: 45px 0;}
.fulfillment .sect04.gray_bg.blue .process_wrap ul {justify-content: center;}
.fulfillment .sect04.gray_bg.blue .process_wrap ul li {width: 134px; height: 134px; line-height: 134px; text-align: center; background-color: #fff; border-radius: 50%; position: relative;}
.fulfillment .sect04.gray_bg.blue .process_wrap ul li + li {margin-left: 120px;}
.fulfillment .sect04.gray_bg.blue .process_wrap ul li::after {content: ''; width: 12px; height: 20px; background: url(../img/sub/fulfillment_arrow.png) no-repeat; background-size: 12px 20px; position: absolute; right: -50%; top: 50%; transform: translate(50%,-50%);}
.fulfillment .sect04.gray_bg.blue .process_wrap ul li:last-child:after {display: none;}
.fulfillment .sect05 h3 {margin-bottom: 40px;}
.fulfillment .sect05 ul.logo_list {justify-content: space-between; align-items: center;}
.fulfillment .sect05 .cont_container {border-top: 1px solid #e6e8ea;}
.fulfillment .sect05 .cont_container ul {gap: 70px;}
.fulfillment .sect05 .cont_container ul li {width: calc((100% - 140px) / 3);}
.fulfillment .sect05 .cont_container ul li .imgbox {border-radius: 20px; overflow: hidden;}
.fulfillment .sect05 .cont_container ul li .txtbox {margin-top: 40px;}
.fulfillment .sect05 .cont_container ul li .txtbox strong {display: block; margin-bottom: 20px;}
.fulfillment .sect05 .cont_container ul li .txtbox p {line-height: 1.5; word-break: keep-all; white-space: wrap;}

.TPL .tits h3 {margin-bottom: 40px;}
.TPL .sects + .sects {border-top: 1px solid #e6e8ea;}
.TPL .sects h4 span {display: inline-block; width: 32px; height: 32px; line-height: 32px; background-color: #0080d7; border-radius: 50%; color: #fff; font-size: 17px; text-align: center; vertical-align: text-top; margin-right: 10px;}
.TPL .sects.sect01 ul {gap: 25px;}
.TPL .sects.sect01 ul li {width: calc((100% - 125px) / 6); padding: 50px 45px; background-color: #f6f7f9; border: 1px solid #e6e8ea; border-radius: 30px; text-align: center;}
.TPL .sects.sect01 ul li .imgbox {height: 85px;}
.TPL .sects.sect01 ul li p {color: #0080d7; margin-top: 40px;}
.TPL .sects.sect02 .imgbox {text-align: center; margin-top: 10px;}
.TPL .sects.sect03 h4 {margin-bottom: 30px;}
.TPL .sects.sect03 p {line-height: 1.5; word-break: keep-all; white-space: wrap;}
.TPL .sects.sect03 ul.logo_list {gap: 110px; justify-content: center;}
.TPL .sects.sect03 .process_wrap {border: 2px dashed #8b9296; padding: 70px; border-radius: 30px;}
.TPL .sects.sect03 .process_wrap ul {justify-content: space-between;}
.TPL .sects.sect03 .process_wrap ul li {width: 290px; height: 290px; border-radius: 50%; box-shadow: 0 0 50px #e6e8ea; text-align: center; display: flex; justify-content: center; align-items: center; position: relative;}
.TPL .sects.sect03 .process_wrap ul li::after {content: ''; background: url(../img/sub/TPL_sect03_arrow.png) no-repeat; background-size: 187px 58px; width: 187px; height: 58px; position: absolute; right: 10px; top: 50%; transform: translate(100%,-50%); z-index: 5;}
.TPL .sects.sect03 .process_wrap ul li:last-child:after {display: none;}
.TPL .sects.sect03 .process_wrap ul li .imgbox {margin-bottom: 10px;}
.TPL .sects.sect03 .process_wrap ul li span {display: block; font-size: 17px; color: #666; margin-top: 15px; line-height: 1.29;}
.TPL .sects.sect04 h4 {margin-bottom: 30px;}
.TPL .sects.sect04 ul {justify-content: space-between;}
.TPL .sects.sect04 ul li .imgbox {border-radius: 50%; overflow: hidden;}
.TPL .sects.sect04 ul li p {background-color: #0080d7; color: #fff; width: fit-content; margin: 20px auto 0; border-radius: 50px; padding: 10px 40px;}



/*부가서비스*/
.consult_con{position: relative;}
.consult_con .imgbg{z-index: -1; display: block; position: absolute; top: 0;}
.consult_con .consult_box{display: flex; flex-wrap: wrap;}
.consult_con .consult_box > li{height:390px; width: 33.33%;position: relative;}

.text_box > div{position: absolute; top: 50%;transform: translateY(-50%);}
.text_box span{font-weight: 700;color: #0080d7;margin-bottom: 15px;display: block;padding-left: 5px;}
.text_box h3{font-weight: 700;margin-bottom: 50px;padding-left: 5px;white-space: nowrap;}
.text_box .txt li{position:relative;padding-left:20px;padding-top:10px;}
.text_box .txt li:before{content:'ㆍ';position:absolute;left: -1px;top:11px;}
.consult_con.mob{display:none;}

.support .tits h3 {margin-bottom: 40px;}
.support .sect ul {justify-content: center; gap: 50px;}
.support .sect ul li {width: calc((100% - 50px) / 2); position: relative; justify-content: center; align-items: center; text-align: center;}
.support .sect ul li .imgbox {border-radius: 30px; overflow: hidden;}
.support .sect ul li .imgbox img {width: 100%;}
.support .sect ul li p {margin-top: 30px;}
.support .sect ul li p span {display: block; margin-top: 7px;}

.marketing .tits h3 {margin-bottom: 40px;}
.marketing ul.list_wrap > li {background-color: #f6f7f9; border: 1px solid #e6e8ea; border-radius: 50px; align-items: center; gap: 100px;}
.marketing ul.list_wrap > li .imgbox {border-radius: 50%; overflow: hidden; position: relative;}
.marketing ul.list_wrap > li .txtbox h4 {position: relative; padding-left: 45px;}
.marketing ul.list_wrap > li .txtbox h4 .num {width: 32px; height: 32px; line-height: 32px; background-color: #0080d7; border-radius: 50%; color: #fff; font-size: 17px; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.marketing ul.list_wrap > li .txtbox p {color: #0080d7; margin: 15px 0 40px;}
.marketing ul.list_wrap > li .txtbox ul li {padding-left: 20px; position: relative;}
.marketing ul.list_wrap > li .txtbox ul li::before {content: 'ㆍ'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #0080d7;}
.marketing ul.list_wrap > li .txtbox ul li + li {margin-left: 80px;}


/* 얼라이언스 */
.partner h4 {margin-bottom: 30px;}
.partner h4 span {margin-right: 12px; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; border: 6px solid #0080d7; display: inline-block;}
.partner .logos_wrap {border: 1px solid #eee; border-radius: 30px;}
.partner .logos_wrap ul {flex-wrap: wrap; padding: 45px 50px; row-gap: 45px; align-items: center;}
.partner .logos_wrap ul li {width: calc(100% / 4); text-align: center; cursor: pointer;}


/*고객센터*/
.subpage.contact_page h3 {color: #c2c5c7;}
.subpage.contact_page h3 span {color: #222;}
.subpage.contact_page .sect01 {width: calc(100% - 120px); margin: 0 auto; position: relative; background-color: #f9fafb; border-radius: 200px 50px 50px 50px;}



@media (max-width: 1600px) {
  /* 브랜드 */
  .location .sect02 {padding: 6.6vw 0 50px;}

  /*서비스*/
  .forwarding .sect01.gray_bg {margin-top: 7.8vw;;}
  
  /* 컨설팅 */
  .consult_con .consult_box > li{height:26.4vw;}
  .text_box .txt li{padding-top:0.6vw;padding-left: 1.3vw;}
  .text_box .txt li:before{left: -0.1vw;top:0.7vw;}
  .text_box h3{margin-bottom: 3.1vw;}
}

@media (max-width: 1400px) {
  /* common */
  .sub_visual, .sub_tit, .location .sect01, .location .sect02, .company .sect02 {width: calc(100% - 90px);}
  .gray_bg {width: calc(100% - 90px); border-radius: 160px 40px 40px 40px;}

  /* 브랜드 */
  .company .sect01 .cont_container .left .txtbox {margin-left: 80px;}
  .company .sect01 .cont_container .left .txtbox::before {width: 84px;}
  .company .sect02  {border-radius: 160px 40px 40px 40px;}

  .location .sect01 {border-radius: 160px 40px 40px 40px;}

  /*서비스*/
  .fulfillment .sect02 .course_wrap {flex-wrap: wrap; justify-content: center; gap: 40px;}
  .fulfillment .sect02 .course_wrap .imgbox::before, .fulfillment .sect02 .course_wrap .imgbox::after {display: none;}
  .fulfillment .sect02 .course_wrap .txtbox.blue::before {content: ''; width: 60px; height: 20px; background-color: #656d71; position: absolute; left: 50%; top: -10%; transform: translate(-50%,-100%) rotate(90deg); z-index: -1;}
  .fulfillment .sect02 .course_wrap .txtbox.blue::after {content: ''; width: 0; height: 0; border-left: 29px solid #656d71; border-top: 29px solid transparent; border-bottom: 29px solid transparent; position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%) rotate(90deg); z-index: 5;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li + li {margin-left: 90px;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li::after {transform: translate(-50%,-50%);}

  .TPL .sects.sect03 .process_wrap ul li {width: 260px; height: 260px;}
  .TPL .sects.sect03 .process_wrap ul li::after {width: 161px; height: 50px; background-size: 161px 50px;}

  /*부가서비스*/

  .marketing ul.list_wrap > li .txtbox ul li + li {margin-left: 60px;}

	/*고객센터*/
	.subpage.contact_page .sect01 {width: calc(100% - 90px); border-radius: 160px 40px 40px 40px;}
}

@media (max-width: 1200px) {
  /* common */
  .sub_visual {height: 420px;}
  .gray_bg {border-radius: 100px 30px 30px 30px;}
  .TPL .sects.sect03 {border-radius: 0;}

  /* 브랜드 */
  .company .sect01 .cont_container .left .imgbox {width: 200px; height: 200px;}
  .company .sect01 .cont_container .left .txtbox {margin-left: 40px; width: 200px; height: 200px;}
  .company .sect01 .cont_container .left .txtbox::before {width: 44px;}
  .company .sect01 .cont_container .right {padding: 40px 0;}
  .company .sect01 .cont_container .right ul {gap: 35px;}
  .company .sect02 {border-radius: 100px 30px 30px 30px;}

  .location .sect01 {border-radius: 100px 30px 30px 30px;}

  /*서비스*/
  .forwarding .sect01 ul {gap: 30px;}
  .forwarding .sect01 ul li {width: calc((100% - 30px) / 2); padding: 30px;}
  .forwarding .sect01 ul li .txtbox {width: calc(100% - 170px); padding-right: 10px;}
  .forwarding .sect01 ul li p {word-break: keep-all; white-space: wrap;}
  .forwarding .sect01 ul li p br {display: none;}
  .forwarding .sect01 ul li .imgbox {width: 170px}
  .forwarding .sect05 .dfbox .txtbox {width: calc(100% - 580px); padding-right: 20px;}
  .forwarding .sect05 .dfbox .imgbox {width: 580px;}

  .fulfillment .sect01 .cont_wrap .cont.cont1 ul {gap: 30px;}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li {width: calc((100% - 90px) / 4);}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li p {font-size: 14px;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul {row-gap: 80px; column-gap: 50px;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul li {width: calc((100% - 100px) / 3);}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li {width: 118px; height: 118px; line-height: 118px;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li + li {margin-left: 60px;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li::after {right: -40%;}

  .TPL .sects.sect01 ul {gap: 20px;}
  .TPL .sects.sect01 ul li {padding: 40px 35px; width: calc((100% - 100px) / 6);}
  .TPL .sects.sect01 ul li p {margin-top: 30px; line-height: 1.2; word-break: keep-all; white-space: wrap;}
  .TPL .sects.sect02 .imgbox {padding: 0 5%;}
  .TPL .sects.sect03 ul.logo_list {gap: 80px;}
  .TPL .sects.sect03 ul.logo_list img {width: 195px;}
  .TPL .sects.sect03 .process_wrap {padding: 55px;}
  .TPL .sects.sect03 .process_wrap ul li {width: 240px; height: 240px;}
  .TPL .sects.sect03 .process_wrap ul li::after {width: 129px; height: 40px; background-size: 129px 40px;}
  .TPL .sects.sect03 .process_wrap ul li .imgbox img {width: 85%;}
  .TPL .sects.sect03 .process_wrap ul li span {font-size: 16px; margin-top: 10px;}
  .TPL .sects.sect04 ul li img {width: 180px;}

  /*부가서비스*/
  .marketing ul.list_wrap > li {gap: 70px;}
  .marketing ul.list_wrap > li .txtbox ul li + li {margin-left: 40px;}

  /* 얼라이언스 */
  .partner .logos_wrap ul {padding: 35px;}
  .partner .logos_wrap ul li img {width: 85%;}

	/*고객센터*/                   
	.subpage.contact_page .sect01 {border-radius: 100px 30px 30px 30px;}
}	

@media (max-width: 1024px) {
  /* common */
  .subpage {margin-top: 120px;}
  .sub_visual {width: 100%; border-radius: 0; height: 400px; margin-top: 120px;}
  .sub_visual, .sub_tit, .location .sect01, .location .sect02, .company .sect02 {width: 100%;}
  .sub_tit {margin: 0 auto 45px;}
  .subpage h3 {margin-bottom: 25px;}
  .gray_bg {width: 100%; border-radius: 0;}

  /* 브랜드 */
  .company .sect01 .cont_container>.dfbox {flex-direction: column; gap: 140px;}
  .company .sect01 .cont_container .left, .company .cont_container .right {width: 100%;}
  .company .sect01 .cont_container .left {justify-content: center;}
  .company .sect01 .cont_container .left::before {width: 60px; transform: translate(-50%,100%) rotate(90deg); right: auto; left: 50%; top: 110%;}
  .company .sect01 .cont_container .left::after { transform: translate(-50%,100%) rotate(90deg); right: auto; left: 50%; top: 100%;}
  .company .sect01 .cont_container .left .imgbox {border: 9px solid #8b9296;}
  .company .sect01 .cont_container .left .txtbox {margin-left: 80px;}
  .company .sect01 .cont_container .left .txtbox::before {width: 84px;}
  .company .sect02 {border-radius: 0; padding-left: 0; padding-right: 0;}

  .location .sect01 {border-radius: 0; padding-left: 0; padding-right: 0;}
  .location .sect02 {padding: 13.2vw 0 40px;}
  .location .map_wrap {width: 100%;}
  .location .sect01 .map_wrap {border: 7px solid #0080d7;}
  .location .root_daum_roughmap .wrap_map, .location .google_map {height: 450px;}

  /*서비스*/
  .forwarding .sect01.gray_bg {margin-top: 13.6vw;;}
  .forwarding .subinfo {word-break: keep-all; white-space: wrap; padding-right: 20px;}
  .forwarding .subinfo br {display: none;}
  .forwarding .sect01 ul li h4 {word-break: keep-all; white-space: wrap;}
  .forwarding .sect01 ul li h4 br {display: none;}
  .forwarding .sect01 ul li .txtbox {width: calc(100% - 140px); padding-right: 20px;}
  .forwarding .sect01 ul li .imgbox {width: 140px}
  .forwarding .sect02 .titImg_wrap .tits {width: 45%;}
  .forwarding .sect02 .titImg_wrap .imgbox {width: 55%;}
  .forwarding .sect02 .logo_wrap p {margin-top: 20px;}
  .forwarding .sect02 .logo_wrap .logos {row-gap: 40px;}
  .forwarding .sect02 .logo_wrap .logos li {width: calc(100% / 4);}
  .forwarding .sect04 ul {row-gap: 55px; column-gap: 30px;}
  .forwarding .sect04 ul li {width: calc((100% - 60px) / 3);}
  .forwarding .sect05 .dfbox .txtbox {width: calc(100% - 490px);}
  .forwarding .sect05 .dfbox .txtbox p {word-break: keep-all; white-space: wrap;}
  .forwarding .sect05 .dfbox .txtbox p br {display: none;}
  .forwarding .sect05 .dfbox .imgbox {width: 490px;}

  .fulfillment .sect01 .cont_wrap .cont + .cont p {line-height: 1.3;}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul {gap: 20px;}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li {width: calc((100% - 60px) / 4); padding: 45px 15px;}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li strong {margin: 25px 0 20px;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul {row-gap: 60px; column-gap: 30px;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul li {width: calc((100% - 60px) / 3);}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons {row-gap: 85px; justify-content: start;}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li {width: calc(100% / 4);}
  .fulfillment .sect02 .course_wrap .txtbox {width: 165px; height: 165px;}
  .fulfillment .sect02 .course_wrap .imgbox {padding-right: 0;}
  .fulfillment .sect03 .tabs_container .txtbox {width: calc(100% - 520px);}
  .fulfillment .sect03 .tabs_container .tab_content .imgbox {width: 520px;}
  .fulfillment .sect04.gray_bg.blue .txt_img .txtbox h3 {margin-bottom: 30px;}
  .fulfillment .sect04.gray_bg.blue .process_wrap {padding: 35px 15px;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li::after {width: 10px; height: 17px; background-size: 10px 17px;}
  .fulfillment .sect05 ul.logo_list {flex-wrap: wrap; justify-content: start; row-gap: 30px;}
  .fulfillment .sect05 ul.logo_list li {width: calc(100% / 3); text-align: center;}
  .fulfillment .sect05 .cont_container ul {gap: 40px;}
  .fulfillment .sect05 .cont_container ul li {width: calc((100% - 80px) / 3);}
  .fulfillment .sect05 .cont_container ul li .txtbox p br {display: none;}

  .TPL .sects.sect01 ul {flex-wrap: wrap;}
  .TPL .sects.sect01 ul li {padding: 40px 35px; width: calc((100% - 40px) / 3);}
  .TPL .sects.sect03 ul.logo_list {gap: 50px;}
  .TPL .sects.sect03 ul.logo_list img {width: 170px;}
  .TPL .sects.sect03>p br {display: none;}
  .TPL .sects.sect03 .process_wrap {padding: 40px;}
  .TPL .sects.sect03 .process_wrap ul {flex-direction: column; gap: 60px; align-items: center;}
  .TPL .sects.sect03 .process_wrap ul li::after {width: 97px; height: 30px; background-size: 97px 30px; transform: translate(50%,50%) rotate(90deg); top: 100%; right: 50%;}
  .TPL .sects.sect03 .process_wrap ul li span {font-size: 16px; margin-top: 6px;}
  .TPL .sects.sect03 .process_wrap ul li .imgbox img {width: 70%;}
  .TPL .sects.sect04 ul {flex-wrap: wrap; gap: 20px; justify-content: start; row-gap: 40px;}
  .TPL .sects.sect04 ul li {width: calc((100% - 40px) / 3); text-align: center;}
  .TPL .sects.sect04 ul li .imgbox {border-radius: 0;}
  .TPL .sects.sect04 ul li .imgbox img {border-radius: 50%;}

  /*부가서비스*/
  .consult_con .consult_box > li{width:34.9%}
  .consult_con .consult_box > li.wid{width:30%;}

  .support .sect ul {gap: 40px;}
  .support .sect ul li {width: calc((100% - 40px) / 2);}

  .marketing ul.list_wrap > li {gap: 50px;}
  .marketing ul.list_wrap > li .txtbox ul li {line-height: 1.2; word-break: keep-all; white-space: wrap;}
  .marketing ul.list_wrap > li .txtbox ul li + li {margin-left: 30px;}
  .marketing ul.list_wrap > li .txtbox ul li::before {top: 2px; transform: none;}

  /* 얼라이언스 */
  .partner .logos_wrap ul {padding: 25px 30px; row-gap: 35px;}
  .partner .logos_wrap ul li {width: calc(100% / 3);}
  .partner .logos_wrap ul li img {width: 92%;}

	/*고객센터*/
	.subpage.contact_page .sect01 {width: 100%; border-radius: 0;}
}

@media (max-width: 767px) {
  /* common */
  span.dot {width: 11px; height: 11px;}
  .subpage {margin-top: 100px;}
  .sub_visual {height: 350px; margin-top: 100px;}
  .sub_visual .centerbox .sv_mainTxt {margin: 50px 0 10px;}
  .subinfo {word-break: keep-all; white-space: wrap;}
  .subinfo br {display: none;}
  .gray_bg {padding-left: 2.5%; padding-right: 2.5%;}
  .scroll_wrap {overflow: hidden;}
  .scroll_wrap .imgbox {overflow-x: visible;}
  .scroll_wrap .imgbox img {width: 1000px; max-width: fit-content;}

  /* 브랜드 */
  .company .sect01 .cont_container .left .imgbox, .company .sect01 .cont_container .left .txtbox {width: 180px; height: 180px;}
  .company .sect01 .cont_container .left .imgbox {border: 7px solid #8b9296;}
  .company .sect01 .cont_container .right {border: 2px solid #222;}
  .company .sect01 .cont_container .right ul li img {width: 85%;}
  .company .sect02 .lists ul {flex-wrap: wrap; row-gap: 60px;}
  .company .sect02 .lists li {width: calc(100% / 2); padding-right: 40px;}
  .company .sect02 .lists li img {width: 27%;}
  .company .sect02 .lists li h4 {margin: 30px 0 20px;}

  .location .sect01 .map_wrap {border: 5px solid #0080d7;}
  .location .root_daum_roughmap .wrap_map, .location .google_map {height: 400px;}

  /*서비스*/
  .forwarding .sect01 .subinfo {margin: 30px 0 60px;}
  .forwarding .sect01 ul {flex-direction: column; gap: 25px;}
  .forwarding .sect01 ul li {width: 100%;}
  .forwarding .sect01 ul li .imgbox {width: 120px;}
  .forwarding .sect01 ul li .txtbox {width: calc(100% - 120px);}
  .forwarding .sect01 ul li h4 {margin-bottom: 15px;}
  .forwarding .sect01 ul li p {font-size: 15px;}
  .forwarding .sect02 .logo_wrap .logos {row-gap: 30px;}
  .forwarding .sect02 .logo_wrap .logos li {width: calc(100% / 3); padding: 0 20px;}
  .forwarding .sect04 ul {row-gap: 45px; column-gap: 20px;}
  .forwarding .sect04 ul li {width: calc((100% - 40px) / 3);}
  .forwarding .sect05 .dfbox {flex-direction: column-reverse;}
  .forwarding .sect05 .dfbox .txtbox, .forwarding .sect05 .dfbox .imgbox {width: 100%;}
  .forwarding .sect05 .dfbox .txtbox {padding-top: 50px; padding-right: 0;}
  .forwarding .sect05 .dfbox .txtbox h3 {margin-bottom: 20px;}

  .fulfillment .sect01 .cont_wrap .cont.cont1 ul {flex-wrap: wrap;}
  /* .fulfillment .sect01 .cont_wrap .cont.cont1 ul li {width: calc((100% - 20px) / 2); padding: 35px 15px;} */
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li {width: calc((100% - 0px) / 1); padding: 35px 15px;}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox {height: 80px;}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox img {width: 78px;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul {row-gap: 40px; column-gap: 20px;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul li {width: calc((100% - 20px) / 2);}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul li .txtbox strong {margin-bottom: 12px;}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons {row-gap: 65px;}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li {width: calc(100% / 3);}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li strong {margin: 20px 0 10px;}
  .fulfillment .sect02 .course_wrap {padding-top: 40px;}
  .fulfillment .sect02 .course_wrap .left {flex-direction: column;}
  .fulfillment .sect02 .course_wrap .txts {padding-right: 0;}
  .fulfillment .sect02 .course_wrap .txts::before {transform: translate(-15%,-50%) rotate(90deg); right: auto; left: calc(50% - 25px); top: 100%; width: 85px;}
  .fulfillment .sect02 .course_wrap .txts::after {transform: translate(50%,100%) rotate(90deg); top: 62%; left: calc(50% - 25px); right: auto;}
  .fulfillment .sect03 .tabs_container .tabs_wrap {flex-direction: column-reverse; gap: 50px;}
  .fulfillment .sect03 .tabs_container .txtbox, .fulfillment .sect03 .tabs_container .tab_content {width: 100%;}
  .fulfillment .sect03 .tabs_container .tab_content .imgbox, .fulfillment .sect03 .tabs_container .tab_content .imgbox img {width: 100%;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul {flex-wrap: wrap; row-gap: 40px; justify-content: start;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li {width: calc((100% - 120px) / 3); height: 22vw; line-height: 22vw;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li::after {right: -35%;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li:nth-child(3):after {display: none;}
  .fulfillment .sect04.gray_bg.blue .txt_img {flex-direction: column-reverse; gap: 10px;}
  .fulfillment .sect05 .cont_container ul {gap: 30px; flex-direction: column;}
  .fulfillment .sect05 .cont_container ul li {width: 100%;}
  .fulfillment .sect05 .cont_container ul li .imgbox {width: 100%; border-radius: 0;}
  .fulfillment .sect05 .cont_container ul li .imgbox img {width: 100%; border-radius: 20px;}
  .fulfillment .sect05 .cont_container ul li .txtbox {margin-top: 30px;}
  .fulfillment .sect05 .cont_container ul li .txtbox strong {margin-bottom: 10px;}
  .fulfillment .sect05 ul.logo_list li {padding: 0 20px;}

  .TPL .sects h4 span {width: 26px; height: 26px; line-height: 26px; font-size: 14px; margin-right: 7px;}
  .TPL .sects.sect01 ul li {padding: 30px;}
  .TPL .sects.sect01 ul li .imgbox img {width: 60%;}
  .TPL .sects.sect01 ul li p {margin-top: 20px;}
  .TPL .sects.sect03 ul.logo_list {flex-wrap: wrap; gap: 40px; text-align: center;}
  .TPL .sects.sect03 ul.logo_list li {width: calc((100% - 40px) / 2);}
  .TPL .sects.sect04>p {word-break: keep-all; white-space: wrap; line-height: 1.3;}
  .TPL .sects.sect04 ul li {width: calc((100% - 20px) / 2);}
  
  /* 부가서비스 */
  .submenu_bt ul {flex-wrap: wrap;}
  .submenu_bt ul li a{width:auto;padding:12px 30px; height: auto; line-height: 1;}
  .submenu_bt.w240 ul li a {width: auto;}
  .consult_con{display:none;}
  .consult_con.mob{display:block;}
  .consult_con.mob .consult_box{display:inline-block;width: 100%;}
  .consult_con.mob .text_box{width: 100%;height: auto;display:flex;margin-bottom: 40px;}
  .consult_con.mob .text_box .fl{width:50%;}
  .consult_con.mob .text_box .fl img{width: 90%;}
  .consult_con.mob .text_box > div{right: 0;}

  .support .sect ul {gap: 25px;}
  .support .sect ul li {width: calc((100% - 25px) / 2);}
  .support .sect ul li .txtbox {margin-top: 20px;}

  .marketing ul.list_wrap > li {flex-direction: column;}
  .marketing ul.list_wrap > li .txtbox {width: 100%;}
  .marketing ul.list_wrap > li .txtbox h4 {padding-left: 35px;}
  .marketing ul.list_wrap > li .txtbox h4 .num {width: 26px; height: 26px; line-height: 26px; font-size: 14px;}

  /* 얼라이언스 */
  .partner h4 {margin-bottom: 20px;}
  .partner h4 span {width: 14px; height: 14px; border: 4px solid #0080d7; margin-right: 8px;}
  .partner .logos_wrap {border-radius: 20px;}
  .partner .logos_wrap ul {padding: 20px; row-gap: 25px;}
  .partner .logos_wrap ul li {width: calc(100% / 2);}
  .partner .logos_wrap ul li img {width: 95%;}

	/*고객센터*/
	.subpage.contact_page .sect01 {padding-left: 2.5%; padding-right: 2.5%;}
  
  
  /* .consult_con.mob .text_box > div{position: static;transform: none;}
  .consult_con.mob .text_box > img{padding: 25px;}
  .text_box .txt li{text-align: left;}*/
}

@media (max-width: 480px) {
  /* common */
  span.dot {width: 10px; height: 10px;}
  .subpage {margin-top: 80px;}
  .sub_visual {margin-top: 80px;}
  .sub_tit {margin: 0 auto 30px;}
  .subpage h3 {margin-bottom: 15px;}

  /* 브랜드 */
  .company .sect01 .cont_container>.dfbox {gap: 60px;}
  .company .sect01 .cont_container .left {flex-direction: column; gap: 25px;}
  .company .sect01 .cont_container .left::before {transform: translate(-50%,100%) rotate(0); width: 15px; height: 30px; top: auto; bottom: 0;}
  .company .sect01 .cont_container .left::after {transform: translate(-50%,100%) rotate(0); top: auto; bottom: -20px; border-top: 24px solid #0080d7; border-left: 24px solid transparent; border-right: 24px solid transparent;}
  .company .sect01 .cont_container .left .imgbox {border: 5px solid #8b9296;}
  .company .sect01 .cont_container .left .txtbox {margin-left: 0;}
  .company .sect01 .cont_container .left .txtbox::before {width: 15px; height: 32px; left: 50%; transform: translate(-50%,-100%); top: 2px; z-index: -1; background: linear-gradient(180deg, #8b9296 3%, #0080d7);}
  .company .sect01 .cont_container .right {border-radius: 60px;}
  .company .sect01 .cont_container .right ul {flex-wrap: wrap; column-gap: 10px}
  .company .sect01 .cont_container .right ul li {width: calc(100% / 4);}
  .company .sect01 .cont_container .right ul li img {width: 60%;}
  .company .sect01 .cont_container .right ul li:nth-child(3) img {width: 42%;}
  .company .sect02 .lists li {width: 100%; padding-right: 0;}
  .company .sect02 .lists li .imgbox {text-align: center;}

  .location .dfbox {flex-direction: column; gap: 10px; margin-bottom: 20px; align-items: start;}
  .location .sect02 .txt_wrap {width: 95%; margin: 0 auto 20px;}
  .location p {word-break: keep-all; white-space: wrap; line-height: 1.2;}
  .location .sect01 .map_wrap {border: 3px solid #0080d7;}

  /*서비스*/
  .forwarding .sect01.gray_bg {margin-top: 17.6vw;}
  .forwarding .sect01 ul {gap: 15px;}
  .forwarding .sect01 ul li {flex-direction: column; padding: 25px; gap: 15px;}
  .forwarding .sect01 ul li .imgbox, .forwarding .sect01 ul li .txtbox {width: 100%;}
  .forwarding .sect01 ul li .txtbox {padding-right: 0;}
  .forwarding .sect01 ul li .imgbox {text-align: right;}
  .forwarding .sect01 ul li .imgbox img {width: 70%;}
  .forwarding .sect01 ul li:not(:nth-child(2)) .imgbox img {width: 50%;}
  .forwarding .sect01 ul li h4 {margin-bottom: 8px;}
  .forwarding .sect02 .titImg_wrap {flex-direction: column-reverse;}
  .forwarding .sect02 .titImg_wrap .tits, .forwarding .sect02 .titImg_wrap .imgbox {width: 100%;}
  .forwarding .sect02 .titImg_wrap .tits {padding-right: 0;}
  .forwarding .sect02 .titImg_wrap .tits p.subinfo {margin-top: 20px;}
  .forwarding .sect02 .logo_wrap p {margin-top: 40px;}
  .forwarding .sect04 ul {row-gap: 35px; column-gap: 10px;}
  .forwarding .sect04 ul li {width: calc((100% - 10px) / 2);}

  .fulfillment .sect01 .cont_wrap .cont h4 span {width: 26px; height: 26px; line-height: 26px; font-size: 14px; margin-right: 7px;}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li {padding: 25px 10px;}
  /* .fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox {height: 65px;} */
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox {height: 345px;}
  /* .fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox img {width: 60px;} */
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li .imgbox img {width: 90%;}
  .fulfillment .sect01 .cont_wrap .cont.cont1 ul li strong {margin: 15px 0 10px;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul li {width: 100%;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul li .imgbox {border-radius: 0;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul li .imgbox img {width: 100%; border-radius: 20px;}
  .fulfillment .sect01 .cont_wrap .cont.cont2 ul li .txtbox {margin-top: 25px;}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li {width: calc(100% / 2); padding: 0 10px;}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons {row-gap: 40px;}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li .imgbox {height: 50px;}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li .imgbox img {width: 30%;}
  .fulfillment .sect01 .cont_wrap .cont.cont3 ul.icons li:nth-child(7) .imgbox img {width: 24%;}
  .fulfillment .sect02 .course_wrap .txts {gap: 10px; margin-bottom: 30px;}
  .fulfillment .sect02 .course_wrap .txtbox {width: 135px; height: 135px;}
  .fulfillment .sect02 .course_wrap .txts .txtbox + .txtbox {margin-left: 0; box-shadow: none;}
  .fulfillment .sect02 .course_wrap .txtbox.blue::after, .fulfillment .sect02 .course_wrap .txts::after {border-left: 24px solid #656d71; border-top: 24px solid transparent; border-bottom: 24px solid transparent;}
  .fulfillment .sect02 .course_wrap .txtbox.blue::before {width: 40px; height: 15px;}
  .fulfillment .sect02 .course_wrap .txts::after {top: 82%;}
  .fulfillment .sect02 .course_wrap .txts::before {width: 40px; height: 15px; left: calc(50% - 15px); transform: translate(-15%,100%) rotate(90deg); top: 100%;}
  .fulfillment .sect03 .tabs_container .tabs_wrap {gap: 40px;}
  .fulfillment .sect03 .tabs_container .tabs button span {width: 8px; height: 8px; margin-left: 5px;}
  .fulfillment .sect04.gray_bg.blue .txt_img {gap: 0;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li {width: calc((100% - 60px) / 2); height: 33vw; line-height: 33vw;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li:nth-child(3), .fulfillment .sect04.gray_bg.blue .process_wrap ul li:last-child {margin-left: 0;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li::after {right: -25%;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li:nth-child(3):after {display: block;}
  .fulfillment .sect04.gray_bg.blue .process_wrap ul li:nth-child(even)::after {display: none;}
  .fulfillment .sect05 ul.logo_list li {width: calc(100% / 2);}

  .TPL .sects.sect01 ul {gap: 10px;}
  .TPL .sects.sect01 ul li {width: calc((100% - 10px) / 2); padding: 25px;}
  .TPL .sects.sect01 ul li .imgbox {height: 70px;}
  .TPL .sects.sect01 ul li .imgbox img {width: 40%;}
  .TPL .sects.sect01 ul li p {margin-top: 15px;}
  .TPL .sects.sect03 ul.logo_list {gap: 20px;}
  .TPL .sects.sect03 ul.logo_list li {padding: 15px;}
  .TPL .sects.sect03 .process_wrap {padding: 30px;}
  .TPL .sects.sect03 .process_wrap ul li {width: 210px; height: 210px;}
  .TPL .sects.sect03 .process_wrap ul li::after {width: 71px; height: 22px; background-size: 71px 22px;}
  .TPL .sects.sect04 h4 {margin-bottom: 20px;}
  .TPL .sects.sect04 ul li img {width: 140px;}
  .TPL .sects.sect04 ul li p {margin: 12px auto 0; padding: 10px 30px;}
  
  /*부가서비스*/
  .submenu_bt ul {justify-content: start;}
  .submenu_bt ul li a{font-size: 15px;}

  .support .sect {border-radius: 20px;}
  .support .sect ul {gap: 10px;}
  .support .sect ul li {width: calc((100% - 10px) / 2);}
  .support .sect ul li .imgbox {border-radius: 20px;}
  .support .sect ul li .txtbox, .support .sect ul li p {margin-top: 15px;}
  .support .sect ul li p span {margin-top: 5px;}

  .marketing ul.list_wrap > li {border-radius: 30px; gap: 35px;}
  .marketing ul.list_wrap > li .imgbox img {width: 200px;}
  .marketing ul.list_wrap > li .txtbox p {margin: 10px 0 30px;}
  .marketing ul.list_wrap > li .txtbox ul {flex-direction: column; gap: 7px;}
  .marketing ul.list_wrap > li .txtbox ul li + li {margin-left: 0;}
  
  .consult_con.mob .text_box{flex-wrap: wrap;padding: 0 20px;margin-bottom: 70px;}
  .consult_con.mob .text_box .fl{width:100%;margin-top: 30px;}
  .consult_con.mob .text_box p.fl{text-align: center;}
  .consult_con.mob .text_box .fl img{width:100%;}
  .text_box > div { position: initial;transform: none;}
  .text_box .txt li {padding-top:2.1vw;padding-left: 3.3vw;line-height:5.2vw;}
  .text_box .txt li:before {top: 2.7vw;}
}


/* 이용약관&개인정보 */
.sub_container.etc{padding:110px 0;}
.sub_container.etc .contain_inner {width:95%; max-width:1440px; margin:0 auto;}
.sub_container.etc .contain_inner h2{text-align:center;font-size: 54px;line-height: 230px;}
.sub_container.etc .textarea{width: 100%;line-height: 1.5; color: #777; font-size: 15px; display: block; white-space: pre-wrap; font-family: 'Pretendard-Regular';}
.sub_container.etc .textarea div {line-height: 1.5;}
.sub_container.etc .textarea p{font-weight:bold; font-size:110%; text-align:center;}

@media (max-width:1024px){
	.sub_container.etc .contain_inner h2{text-align:center;font-size: 44px;line-height: 230px;}
	.sub_container.etc{padding:90px 0;}
}

@media (max-width:767px){
	.sub_container.etc .contain_inner h2{text-align:center;font-size: 34px;line-height: 230px;}
	.sub_container.etc{padding:60px 0;}
}

@media (max-width:480px){
	.sub_container.etc .contain_inner h2{text-align:center;font-size: 24px;line-height: 230px;}
	.sub_container.etc{padding:40px 0;}
}