@charset "utf-8";

/* default */
.floating {animation-name:floating;-webkit-animation-name:floating;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}

@keyframes floating {
	0% {transform: translateY(0%);}
	50% {transform: translateY(6%);}	
	100% {transform: translateY(0%);}			
}

/* sub_title */
.sub_title {height:385px;}
.sub_title .inwrap {display:flex;flex-direction:column;justify-content:center;height:100%;position:relative;}
.sub_title h2 {font-size:clamp(1.25rem, 4.6154rem + -3.8462vw, 3.75rem);font-weight:700;margin-bottom:clamp(0.625rem, 0.1923rem + 1.9231vw, 1.875rem);}
.sub_title strong {font-size:clamp(1.25rem, 0.3846rem + 3.8462vw, 3.75rem);font-weight:700;word-break:keep-all;}
.textAnimation span {display:inline-block;letter-spacing:-.025em;line-height:1.2;}
.textAnimation > span {overflow:hidden;}

/* lnb_wrap */
.lnb_wrap {padding:31px 35px;position:absolute;left:50%;width:100%;max-width:1400px;background:#fff;display:flex;justify-content:space-between;align-items:center;z-index:1;transform:translateX(-50%);transition:.7s cubic-bezier(0.550, 0.055, 0.675, 0.190), padding .7s .7s ease;transition-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
.lnb_wrap.fixed {position:fixed;top:0;max-width:100%;box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);padding:12px 35px;}
.lnb_wrap .m_lnb {display:none;}
.lnb_wrap .lnb {display:flex;}
.lnb_wrap .lnb li {margin:0 5px;}
.lnb_wrap .lnb li a {font-size:18px;color:#000;padding:18px 27px;border-radius:35px;display:block;transition:ease .4s;}
.lnb_wrap .lnb li a::after {content:none;}
.lnb_wrap .lnb li a:hover {background:#eaeaea;text-decoration:underline;text-underline-position:under;}
.lnb_wrap .lnb li.on a {background:#000;color:#fff;font-weight:800;}
.breadcrumb {display:flex;animation-delay:1.8s;}
.breadcrumb li {display:flex;align-items:center;}
.breadcrumb li:not(:last-of-type)::after {content:'\e93e';display:inline-block;font-family:'xeicon';font-size:14px;color:#ccc;margin:0 10px;}
.breadcrumb li:last-of-type {cursor:default;}
.breadcrumb li a {font-size:14px;color:#000;padding:0 5px;transition:ease .4s;}
.breadcrumb li a:hover {background:#eaeaea;}
.breadcrumb li.home a span {font-size:0;opacity:0;}
.breadcrumb li.home a:hover {background:#fff;}
.breadcrumb li.home a i {font-size:24px;transition:ease .4s;}
.breadcrumb li.home a:hover i {color:#666;}

/* sub_bg */
.sub_bg {position:relative;width:100%;height:820px;background-color:#eaeaea;margin-top:60px;overflow:hidden;}
.sub_bg .parallax {background:url('/assets/images/sub/sub_testBG_client.jpg') center center no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;}
.sub_bg p {font-size:clamp(1.5rem, 0.9375rem + 2.5000vw, 3.125rem);font-weight:700;color:#fff;letter-spacing:.5em;text-align:center;position:absolute;left:50%;top:50%;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));} 
.sub_bg .parallax.bg_overview {background-image:url('/assets/images/sub/sub_bg_overview.jpg');}
.sub_bg .parallax.bg_history {background-image:url('/assets/images/sub/sub_bg_history.jpg');}
.sub_bg .parallax.bg_organization {background-image:url('/assets/images/sub/sub_bg_organization.jpg');}
.sub_bg .parallax.bg_contact {background-image:url('/assets/images/sub/sub_bg_contact.jpg');}
.sub_bg .parallax.bg_consulting {background-image:url('/assets/images/sub/sub_bg_consulting.jpg');}
.sub_bg .parallax.bg_sism {background-image:url('/assets/images/sub/sub_bg_sism.jpg');}
.sub_bg .parallax.bg_web {background-image:url('/assets/images/sub/sub_bg_web.jpg');}
.sub_bg .parallax.bg_solution {background-image:url('/assets/images/sub/sub_bg_solution.jpg');}
.sub_bg .parallax.bg_work {background-image:url('/assets/images/sub/sub_bg_work.jpg');}
.sub_bg .parallax.bg_client {background-image:url('/assets/images/sub/sub_bg_client.jpg');}

/* sns_wrap */
.sns_wrap {position:absolute;top:50%;right:40px;transform:translateY(-50%);animation-delay:1.8s;}
.sns_wrap .print {display:inline-block;width:50px;height:50px;border:1px solid #ddd;border-radius:50%;transition:ease .4s;background:#fff;}
.sns_wrap .print i {font-size:22px;display:inline-block;width:100%;text-align:center;line-height:50px;color:#000;}
.sns_wrap .print:hover {background:#000;border:1px solid #000;}
.sns_wrap .print:hover i {color:#fff}
.sns_wrap .print span {color:transparent;text-indent:-9999px;font-size:0}
.sns_wrap .sns {display:inline-block;margin-right:5px;position:relative;}
.sns_wrap .sns a {border-radius:50%;}
.sns_wrap .sns>a.active {border:1px solid #000;background:#000;}
.sns_wrap .sns>a.active i {color:#fff;}
.sns_wrap .sns>a.active+ul {display:flex!important;}
.sns_wrap .sns ul {display:none;position:absolute;right:0;top:60px;border:1px solid #ddd;border-radius:20px;padding:18px 15px 15px;text-align:center;background:#fff}
.sns_wrap .sns ul li {margin:0 3px}
.sns_wrap .sns ul li a:hover {color:#1a4793;transition:.4s}
.sns_wrap .sns ul li a span {font-size:11px;display:block;width:50px;color:#000;}
.sns_wrap .sns ul li a:hover span {text-decoration:underline;text-underline-position:under;}
.sns_wrap .sns ul li a span:before {content:'';display:block;width:34px;height:34px;background:#eee url(../images/common/sns_icon.png) 0 0 no-repeat;margin:0 auto 5px}
.sns_wrap .sns ul .facebook a span:before {background-position:-45px 0}
.sns_wrap .sns ul .blog a span:before {background-position:-90px 0}
.sns_wrap .sns ul .kakao a span:before {background-position:-135px 0}
.sns_wrap .sns ul .urlcopy a span:before {background-position:-180px 0}

/* content */
.content {margin:140px 0;}
.content section {display:flex;justify-content:space-between;gap:50px}
.content section > h4 {font-size:36px;font-weight:700;word-break:keep-all;width:330px;flex-shrink:0;}
.content section > h4 span {font-size:26px;font-weight:500;}
.content section > div {width:calc(100% - 380px);}
.content section > div > p {font-size:22px;font-weight:500;word-break:keep-all;margin-bottom:45px;}
.content section > div > ul {font-size:20px;margin-bottom:70px;}
.content section > div > ul li {word-break:keep-all;}
.content section.horizon {flex-direction:column;gap:40px;}
.content section.horizon > h4 {width:100%;}
.content section.horizon > div {width:100%;}
.img_wrap {display:flex;flex-wrap:wrap;align-items:center;}
.img_wrap img {margin-bottom:15px;}
.img_wrap i {margin-bottom:15px;}
.arrow {position:relative;display:inline-block;width:40px;height:40px;margin:0 20px;}
.arrow::before {content:'';position:absolute;border-top:2px solid #000;border-left:2px solid #000;right:5px;;top:50%;width:10px;height:10px;-webkit-transform:translate(50%, -50%) rotate(135deg);transform:translate(50%, -50%) rotate(135deg);}
.arrow::after {content:'';position:absolute;background:#000;top:50%;right:0;width:40px;height:2px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}

/* COMPANY - overview */
.overview ul {border-top:4px solid #000;}
.overview ul li {display:flex;border-bottom:1px solid #b2b2b2;padding:50px 0;}
.overview ul li span {font-size:20px;font-weight:600;color:#000;padding-left:40px;flex-basis:180px;flex-shrink:0;}
.overview ul li p {font-size:20px;color:#000;word-break:keep-all;}

/* COMPANY - history */
.history h4 {padding:80px 0;}
/* .history:first-of-type h4 {padding-top:0;}
.history:first-of-type ul {padding-top:0;}
.history:last-of-type h4 {padding-bottom:0;} */
.history:last-of-type ul {border:none;}
.history ul {display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-end;height:386px;background:url('/assets/images/sub/history_icon.png') left center no-repeat;padding:80px 0;border-bottom:1px solid #b2b2b2;margin-bottom:0!important;}
.history ul.his4 {height:341px;background:url('/assets/images/sub/history_icon_his4.png') left center no-repeat;}
.history ul li {font-size:18px;margin:10px 0;width:calc(50% - 25px);}

/* COMPANY - organization */
.organ > strong {font-size:26px;font-weight:800;color:#fff;background:#000;border-radius:40px;padding:25px 70px;display:block;text-align:center;width:190px;margin:0 auto;position:relative;}
.organ > strong::after {content:'';display:block;width:833px;height:1px;background:#d9d9d9;position:absolute;left:-169%;bottom:-35px;}
.organ ul {display:flex;justify-content:space-between;align-items:center;margin-top:70px;}
.organ ul li {padding:30px 8px;border:1px solid #000;border-radius:16px;width:20%;position:relative;}
.organ ul li:not(:last-of-type) {margin-right:20px;}
.organ ul li::before {content:'';display:block;width:1px;height:35px;background:#d9d9d9;position:absolute;left:50%;top:-36px;}
.organ ul li:nth-child(3)::before{height:70px;top:-71px;}
.organ ul li dl {}
.organ ul li dl dt {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.organ ul li dl dt::after {content:'';display:block;width:35px;height:1px;background:#000;margin:20px 0 25px;}
.organ ul li dl dt p {font-size:23px;font-weight:600;margin:12px 0 3px;}
.organ ul li dl dt span {font-size:15px;font-weight:500;color:#999;}
.organ ul li dl dd {font-size:15px;letter-spacing:-0.05em;}
.organ ul li dl dd:not(:last-of-type) {margin-bottom:12px;}
.organ > img {display:none;}

/* COMPANY - contact */
.contact ul {border-top:2px solid #000;}
.contact ul li {display:flex;border-bottom:1px solid #b2b2b2;padding:25px 0;}
.contact ul li span {font-size:20px;font-weight:600;color:#000;padding-left:40px;flex-basis:150px;flex-shrink:0;}
.contact ul li p {font-size:20px;color:#000;word-break:keep-all;}
.contact img {border:1px solid #c6c6c6;}

/* BUSINESS - consulting */
.consulting .cons {display:flex;align-items:center;justify-content:space-between;}
.consulting img {max-width:50%;}
.consulting ul {margin-left:40px;}
.consulting ul li {border-bottom:1px solid #a6a6a6;padding:20px 30px}
.consulting ul li:first-child {border-top:1px solid #a6a6a6;}
.consulting ul li dl dt {font-size:18px;font-weight:700;margin-bottom:15px;}
.consulting ul li dl dd {font-size:16px;padding-left:16px;text-indent:-16px;word-break:keep-all;}

/* BUSINESS - solution */
.solution {display:flex;}
.solution-title {width:300px;flex-shrink:0;margin-right:80px;}
.solution-title .swiper-pagination {position:static;background:#fff;width:100%;}
.solution-title .swiper-pagination .swiper-pagination-bullet {display:block;width:100%;height:auto;background:#fff;margin:3px 0;opacity:1;transition:ease .4s;}
.solution-title .swiper-pagination .swiper-pagination-bullet-active {opacity:1;}
.solution-title .swiper-pagination .swiper-pagination-bullet button {display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid transparent;padding:15px 25px;width:100%;color:#4b6584;transition:ease .4s;}
.solution-title .swiper-pagination .swiper-pagination-bullet:hover button {background:#f3f6f9;}
.solution-title .swiper-pagination .swiper-pagination-bullet-active button {border-color:#6f7985;color:#000;}
.solution-title .swiper-pagination .swiper-pagination-bullet-active:hover button {background:#fff;}
.solution-title .swiper-pagination .swiper-pagination-bullet button p {font-size:16px;font-weight:500;}
.solution-title .swiper-pagination .swiper-pagination-bullet button i {opacity:0;}
.solution-title .swiper-pagination .swiper-pagination-bullet-active button i {opacity:1;}
.solution-swiper {display:flex;position:relative;overflow:hidden;}
.solution-swiper .swiper-wrapper {width:calc(100% - 380px);}
.solution-swiper .swiper-wrapper .swiper-slide {display:flex;flex-direction:column;align-items:center;}
.solution-swiper .swiper-wrapper .swiper-slide img {}
.solution-swiper .swiper-wrapper .swiper-slide strong {display:flex;justify-content:center;align-items:baseline;margin-bottom:35px;}
.solution-swiper .swiper-wrapper .swiper-slide strong span {font-size:36px;font-weight:700;}
.solution-swiper .swiper-wrapper .swiper-slide strong em {font-size:18px;font-weight:600;margin-left:10px;}
.solution-swiper .swiper-wrapper .swiper-slide p {word-break:keep-all;}
.solution-swiper .swiper-button-prev {width:50px;height:50px;border:1px solid #000;border-radius:50%;background:#fff;transition:ease .4s;left:50px;}
.solution-swiper .swiper-button-prev::after {content:'\e906';font-family:'xeicon';font-size:20px;color:#000;}
.solution-swiper .swiper-button-prev:hover {background:#000;}
.solution-swiper .swiper-button-prev:hover::after {color:#fff;}
.solution-swiper .swiper-button-next {width:50px;height:50px;border:1px solid #000;border-radius:50%;background:#fff;transition:ease .4s;right:50px;}
.solution-swiper .swiper-button-next::after {content:'\e907';font-family:'xeicon';font-size:20px;color:#000;}
.solution-swiper .swiper-button-next:hover {background:#000;}
.solution-swiper .swiper-button-next:hover::after {color:#fff;}
.slide_title {display:none;}

/* CLIENT - client */
.client ul {display:flex;flex-wrap:wrap;}
.client ul li {width:20%;margin:0!important;border:1px solid #d1d8e0;}
.client ul li a {position:relative;display:block;width:100%;height:100%;background:#fff;padding:0;text-align:center;}
.client ul li:nth-child(n+6) a {/* margin-top:-1px; */}
.client ul li:not(:nth-child(5n-4)) a {/* margin-left:-1px; */}
.client ul li a::before {content:'';width:0;height:0;border:2px solid transparent;position:absolute;display:inline-block;left:-2px;top:-2px;right:auto;bottom:auto;}
.client ul li a::after {content:'';width:0;height:0;border:2px solid transparent;position:absolute;display:inline-block;right:-2px;bottom:-2px;left:auto;top:auto;}
.client ul li a:hover::before {border-top-color:#000;border-right-color:#000;transition:width 0.15s ease-out, height 0.15s ease-out 0.15s;width:100%;height:100%;z-index:1;}
.client ul li a:hover::after {border-bottom-color:#000;border-left-color:#000;transition:border-color 0s ease-out, width 0.15s ease-out, height 0.15s ease-out 0.15s;width:100%;height:100%;z-index:1;}
.client ul li a img {transition:ease .4s;}
.client ul li a:hover img {transform:scale(1.05);}

/* WORK - work */
.work ul {display:flex;flex-wrap:wrap;margin-bottom:0!important;}
.work ul li {width:calc(calc(100% - 80px) / 3);margin-right:40px;margin-bottom:80px;}
.work ul li:nth-child(3n) {margin-right:0;}
.work ul li:not(:nth-last-child(n+4)) {margin-bottom:0;}
.work ul li a {display:block;box-shadow:0px -1px 0px 0px rgba(209,220,234,1) inset;position:relative;transition:ease .4s;}
.work ul li a::after {content:'';display:block;position:absolute;bottom:0;left:50%;right:0;transform:translateX(-50%);width:10px;height:1px;background:rgba(209,220,234,1);transition:ease-out .4s .1s;}
.work ul li a:hover {/* box-shadow:0px -3px 0px 0px rgba(0,0,0,1) inset; */}
.work ul li a:hover::after {width:100%;height:3px;background:rgba(0,0,0,1);}
.work ul li a .img_area {position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}
.work ul li a .img_area img {position:absolute;width:100%;height:100%;transition:ease .4s;}
.work ul li a:hover .img_area img {transform:scale(1.05);}
.work ul li a p {font-size:20px;font-weight:500;color:#4b6584;margin:25px 0 15px;padding:0 10px;transition:ease .4s;}
.work ul li a:hover p {font-weight:600;color:#000;}
.work ul li a .hashtag_area {padding:0 10px 5px;height:70px;}
.work ul li a .hashtag_area span {font-size:12px;color:#6b7d95;background:#ecf1f7;border-radius:20px;padding:7px 15px;display:inline-block;margin-bottom:5px;}

/* deatil */
.detail header {background:rgba(0,0,0,.1);}
.detail header .header_inwrap {overflow:visible;}
.detail header .header_inwrap:hover {background:transparent;}
.detail header .gnb_wrap h1 a {background:url('/assets/images/common/logo-ozcns.png') left center no-repeat}
.detail header .gnb {display:none;}
.detail .container {padding-top:0;}
.detail .content_wrap {background:#ecf1f7;}
.detail_visual {height:360px;position:relative;}
.detail_visual .visual_bg {background:url('/assets/images/sub/deatil_bg.png') center center no-repeat;background-size:cover;width:100%;height:100%;position:absolute;left:0;top:0;}
.detail_visual .inwrap {height:100%;}
.detail_visual .detail_title {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;}
.detail_visual h2 {font-size:clamp(2.5rem, 2.2115rem + 1.2821vw, 3.75rem);font-weight:500;color:#fff;}
.detail .breadcrumb li a {color:#fff;}
.detail .breadcrumb li a:hover {background:transparent;}
.detail .breadcrumb li.home a:hover {background:transparent;}
.detail .breadcrumb li.home a:hover i {color:#fff;}
.detail .content {margin-top:-70px;background:#fff;}
.detail .content section {display:block;}
.detail .sns_wrap {right:0;top:13px;transform:none;}
.detail .sns_wrap .print {background:transparent;border:1px solid transparent;}
.detail .sns_wrap .print i {color:#fff;}
.detail .bro, .detail .mMenu {display:none;}
.detail .detail_util {width:100%;}
.detail .detail_util a {color:#000;padding:0;display:flex;justify-content:center;align-items:center;position:absolute;}
.detail .detail_util a.util_prev {left:4%;top:120px;font-size:clamp(2.5rem, 1.6346rem + 3.8462vw, 5rem);}
.detail .detail_util a.util_next {right:4%;top:120px;font-size:clamp(2.5rem, 1.6346rem + 3.8462vw, 5rem);}
.detail .detail_util a.util_list {right:0;top:-48px;width:48px;height:48px;background:rgba(255,255,255,.8);font-size:25px;}

.detail_info {position:relative;padding:0 100px;width:100%!important}
.detail_info_head {padding:80px 0;}
.detail_info_head h3 {font-size:clamp(1.5625rem, 1.2740rem + 1.2821vw, 2.8125rem);font-weight:500;color:#000;display:block;text-align:center;word-break:keep-all;}
.detail_info_head .hastag {display:flex;justify-content:center;align-items:center;margin:40px 0;}
.detail_info_head .hastag li {margin:0 3px;}
.detail_info_head .hastag li span {font-size:12px;color:#6b7d95;background:#ecf1f7;border-radius:20px;padding:7px 15px;display:inline-block;margin-bottom:5px;}
.detail_info_head .dtct {display:flex;justify-content:center;align-items:center;}
.detail_info_head .dtct li {display:flex;justify-content:center;align-items:center;}
.detail_info_head .dtct li:not(:last-of-type) {margin-right:60px;}
.detail_info_head .dtct li span {font-size:20px;font-weight:500;color:#000;margin-right:20px;}
.detail_info_head .dtct li span p {font-size:18px;font-weight:400;color:#000;}
.detail_info_body {border-top:1px solid #000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:60px;}
.detail_info_body p {font-size:18px;text-align:center;word-break:keep-all;}
.detail_info_body p:not(:last-of-type) {margin-bottom:35px;}
.detail_info_body a {display:block;border:1px solid #000;padding:15px 30px;color:#000;margin:80px 0;transition:ease .4s;}
.detail_info_body a:hover {background:#000;color:#fff;}
.detail_info_body a::after {content:none;}
.detail_info_body a i {margin-left:10px;}
.detail_img {background:#ecf1f7;padding:120px 0;}
.detail_img .inwrap {display:flex;justify-content:center;align-items:flex-start;gap:0;}
.detail_img .inwrap img {max-width:100%;}

@media (max-width: 1400px) {
	br.block {display:none;}

	/* sub_title */
	.sub_title {height:300px;}

	/* lnb_wrap */
	.lnb_wrap {flex-direction:column-reverse;padding:26px 35px;}
	.lnb_wrap .lnb {width:100%;justify-content:center;}
	.lnb_wrap .breadcrumb {display:none;}

	/* content */
	.content section > h4 span {font-size:22px;display:block;margin-top:5px;padding-left:2px;}

	/* COMPANY - history */
	.history h4 {padding:60px 0;}
	.history ul {align-content:flex-start;height:auto;padding:60px 0;background-image:none;}
	.history ul.his4 {height:auto;background-image:none;}
	.history ul li {width:100%;}

	/* COMPANY - organization */
	.organ > strong {display:none;}
	.organ > ul {display:none;}
	.organ > img {display:block;}

	/* BUSINESS - Solution */
	.solution {flex-direction:column;}
	.solution-title {width:100%;margin-right:0;margin-bottom:40px;}
	.solution-title .swiper-pagination {display:flex;flex-wrap:wrap;}
	.solution-title .swiper-pagination .swiper-pagination-bullet {width:auto;}
	.solution-swiper .swiper-wrapper {width:100%;}

	/* detail */
	.detail_info {padding:0 50px;}
	.detail_info_head {padding-bottom:40px;}
	.detail .detail_util a.util_list {right:20px;}
}

@media (max-width: 1000px) {
	/* sub_bg */
	.sub_bg {height:520px;}

	/* sns_wrap */
	.sns_wrap {top:auto;bottom:0;right:16px;transform:translateY(0);z-index:2;}

	/* content */
	.content {margin:100px 0;}
	.content section {flex-direction:column;gap:30px;}
	.content section > div {width:100%;}

	/* COMPANY - history */
	.history h4 {padding:0;}
	.history ul {padding:0 0 40px;margin-bottom:40px!important;}

	/* WORK - work */
	.work ul li {width:calc(calc(100% - 40px) / 2);}
	.work ul li:nth-child(3n) {margin-right:40px;}
	.work ul li:nth-child(even) {margin-right:0;}
	.work ul li:not(:nth-last-child(n+4)) {margin-bottom:80px;}
	.work ul li:not(:nth-last-child(n+3)) {margin-bottom:0;}

	/* detail */
	.detail_img .inwrap {flex-direction:column;align-items:center;gap:25px;}
}

@media (max-width: 768px) {
	/* sub_title */
	.sub_title strong {font-weight:400;}
	
	/* lnb_wrap */
	.lnb_wrap {flex-direction:column;padding:15px 20px;}
	.lnb_wrap.fixed {padding:12px 20px;}
	.lnb_wrap .m_lnb {display:block;width:100%;}
	.lnb_wrap .m_lnb a {background:#000 url('/assets/images/sub/arrow_down.png') right 20px center no-repeat;display:block;padding:15px 0;font-size:18px;font-weight:700;color:#fff;text-align:center;}
	.lnb_wrap .lnb {display:block;display:none;}
	.lnb_wrap .lnb.active {width:100%;}
	.lnb_wrap .lnb li {margin:5px 0;}
	.lnb_wrap .lnb li a {text-align:center;background:#eaeaea;border-radius:0;padding:15px 0;}
	.lnb_wrap .lnb li.on a {font-weight:400;background:#444;}
	
	/* sub_bg */
	.sub_bg {height:400px;margin-top:82px;}
	/* .sub_bg p {font-size:24px;} */

	/* sns_wrap */
	.sns_wrap {display:flex;flex-direction:column;}
	.sns_wrap .sns {margin-right:0;margin-bottom:5px;}
	.sns_wrap .print:hover {background:#fff;border:1px solid #ddd;}
	.sns_wrap .print:hover i {color:#000;}

	/* content */
	.content section:not(:last-of-type) {margin-bottom:40px;}
	.content section > h4 {font-size:30px;}
	.content section > div > p {font-size:20px;margin-bottom:25px;}
	.content section > div > ul {font-size:17px;margin-bottom:50px;}

	/* COMPANY - OVERVIEW */
	.overview ul li {padding:30px 0;}
	.overview ul li span {font-size:17px;padding-left:20px;}
	.overview ul li p {font-size:17px}

	/* COMPANY - history */
	.content section.history {margin-bottom:0;}
	.history ul {padding:0 0 40px;}
	.history ul li {font-size:16px;margin:5px 0;padding-left:16px;text-indent:-16px;}

	/* COMPANY - CONTACT */
	.contact ul li {padding:15px 0;}
	.contact ul li span {font-size:17px;padding-left:20px;}
	.contact ul li p {font-size:17px}

	/* BUSINESS - CONSULTING */
	.consulting .cons {flex-direction:column;justify-content:space-between;}
	.consulting img {max-width:90%;}
	.consulting ul {margin-top:30px;margin-left:0;}
	.consulting ul li {padding:15px 20px}
	.consulting ul li dl dt {font-size:16px;margin-bottom:10px;}
	.consulting ul li dl dd {font-size:15px;}

	/* CLIENT - client */
	.client ul li {width:50%;margin:0!important;}

	/* detail */
	.detail .detail_util {padding:10px;}
	.detail .content {margin-bottom:50px;}
	.detail_info {padding:0 25px;}
	.detail_info_head {padding:50px 0 20px;}
	.detail_info_head .hastag {flex-wrap:wrap;margin:20px 0;}
	.detail_info_head .hastag li {margin:3px;}
	.detail_info_head .hastag li span {font-size:13px;padding:6px 12px;}
	.detail_info_head .dtct {flex-direction:column;}
	.detail_info_head .dtct li:not(:last-of-type) {margin-right:0;}
	.detail .sns_wrap {flex-direction:row;justify-content:center;}
	.detail .sns_wrap .sns {margin-bottom:0;margin-right:5px;}
	.detail_info_body p {font-size:15px;}
	.detail_info_body a {font-size:14px;margin:50px 0;}
}

@media (max-width: 550px) {
	/* sub_title */
	.sub_title {height:225px;}
	.sub_title strong p:last-of-type {padding-right:40px;}

	/* sns_wrap */
	.sns_wrap {display:flex;flex-direction:column;}
	.sns_wrap .print {width:40px;height:40px;}
	.sns_wrap .print i {font-size:18px;line-height:38px;}
	.sns_wrap .sns ul {top:45px;padding:15px 12px 12px;}
	
	/* content */
	.content section > h4 {font-size:24px;}
	.content section > h4 span {font-size:18px;}
	.content section > div > p {font-size:17px;margin-bottom:25px;}
	.content section > div > ul {font-size:15px;margin-bottom:50px;}

	/* COMPANY - OVERVIEW */
	.overview ul li {flex-direction:column;padding:20px;}
	.overview ul li span {flex-basis:auto;padding-left:0;margin-bottom:5px;}

	/* COMPANY - CONTACT */
	.contact ul li {flex-direction:column;padding:20px;}
	.contact ul li span {flex-basis:auto;padding-left:0;margin-bottom:5px;}

	/* BUSINESS - Solution */
	.solution-swiper .swiper-button-prev {left:10px;}
	.solution-swiper .swiper-button-next {right:10px;}

	/* WORK - work */
	.work ul li {width:100%;margin-right:0;margin-bottom:50px;}
	.work ul li:nth-child(3n) {margin-right:0;}
	.work ul li:nth-child(even) {margin-right:0;}
	.work ul li:not(:nth-last-child(n+4)) {margin-bottom:50px;}
	.work ul li:not(:nth-last-child(n+3)) {margin-bottom:50px;}
	.work ul li a p {margin:15px 0 10px;}
	.work ul li a .hashtag_area  {height:auto;padding-bottom:10px;}

	/* CLIENT - client */
	.client ul {margin:0!important;}

	/* detail */
	.detail .sns_wrap {bottom:auto;top:20px;}
}