@charset "UTF-8";

/********************************
 회사소개 : 상단
 *******************************/
.about_topbox {position:relative;}
.about_topinner {margin:0 auto; text-align:center;}

.about_toptxt {position:relative; margin-bottom:14.0rem; padding:7.0rem 0 15.0rem;}
.about_toptxt::after {content:''; position:absolute; left:50%; bottom:-4.0rem; width:0.2rem; height:8.0rem; background: linear-gradient( to bottom, #006fff, #05d888 ); transform:translateX(-50%);}
.about_toptxt .txtset {display:block; font-size:18.0rem; font-family:'NSQ'; font-weight:800; line-height:1.3; letter-spacing:-0.5rem; transition:font-size 0.2s ease-in;}
.about_toptxt .txtset.txt01 {padding-bottom:9.0rem;}
.about_toptxt .txtset.txt02 {padding-top:10.0rem;}
.about_toptxt .txtset .plus {position:relative; display:inline-block;}
.about_toptxt .txtset .plus::before {content:''; position:absolute; right:-1.0rem; top:0; width:6.0rem; height:6.0rem; box-shadow:2px 4px 6px rgba(226,38,31,0.5); background:url(../about/images/icon_about_plus.png) 0 0 no-repeat; background-size:100% auto; border-radius:50%; z-index:1;}

	/*media query*/
@media screen and (max-width:1440px) {
	.about_toptxt .txtset {font-size:15.0rem;}
	.about_toptxt .txtset .plus::before {right:-1.0rem; width:5.0rem; height:5.0rem;}
}
@media screen and (max-width:1200px) {
	.about_toptxt .txtset {font-size:13.0rem;}
	.about_toptxt .txtset .plus::before {right:-1.0rem; width:4.5rem; height:4.5rem;}
}
@media screen and (max-width:1024px) {
	.about_toptxt .txtset {font-size:11.0rem;}
	.about_toptxt .txtset.txt01 {padding-bottom:6.0rem;}
	.about_toptxt .txtset.txt02 {padding-top:7.0rem;}
	.about_toptxt .txtset .plus::before {right:-1.5rem; width:4.0rem; height:4.0rem;}
}
@media screen and (max-width:920px) {
	.about_toptxt .txtset {font-size:9.0rem;}
	.about_toptxt .txtset .plus::before {right:-1.6rem; width:3.5rem; height:3.5rem;}
}
@media screen and (max-width:767px) {
	.about_toptxt {margin-bottom:14.0rem; padding:14.0rem 0 13.0rem;}
	.about_toptxt::after {height:4.0rem;}
	
	.about_toptxt .txtset {font-size:7.0rem; letter-spacing:-0.1rem;}
	.about_toptxt .txtset.txt01 {padding-bottom:3.0rem;}
	.about_toptxt .txtset.txt02 {padding-top:4.0rem;}
	.about_toptxt .txtset .plus::before {right:-0.8rem; top:0; width:2.5rem; height:2.5rem;}
	.main_txtmarqueebox .tqb_inner {width:1200%; animation: marquee2 80s linear infinite;}
}
@media screen and (max-width:640px) {
	.about_toptxt .txtset {font-size:5.5rem;}
	.about_toptxt .txtset.txt01 {padding-bottom:2.0rem;}
	.about_toptxt .txtset.txt02 {padding-top:3.0rem;}
	.about_toptxt .txtset .plus::before {right:-0.8rem; width:2.0rem; height:2.0rem;}
}
@media screen and (max-width:480px) {
	.about_toptxt .txtset {font-size:4.5rem;}
	.about_toptxt .txtset .plus::before {right:-1.0rem; top:-0.4rem;}
}
@media screen and (max-width:360px) {
	.about_toptxt .txtset {font-size:3.6rem;}
	.about_toptxt .txtset.txt01 {padding-bottom:1.5rem;}
	.about_toptxt .txtset.txt02 {padding-top:2.5rem;}
	.about_toptxt .txtset .plus::before {right:-0.9rem; top:-0.3rem; width:1.8rem; height:1.8rem;}
}


	/* 텍스트배너 */
.about_txtmarqueebox {}
.about_txtmarqueebox .about_txtmqrq_inner {overflow:hidden; position:relative; min-height:5.0rem; text-align:center;}
.about_txtmarqueebox .abt_inner {overflow:hidden; position:absolute; display:block; width:400%; animation: marquee 15s linear infinite;}
.about_txtmarqueebox .abt_inner p {position:relative; margin-bottom:0;}
.about_txtmarqueebox .abt_inner p::after {content:''; display:block; clear:both;}
.about_txtmarqueebox .abt_inner p span {float:left; line-height:5.0rem; font-weight:700;}
.about_txtmarqueebox .abt_inner p span img {max-width:inherit; width:auto; height:2.8rem;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.about_txtmarqueebox .abt_inner {width:700%; animation: marquee3 30s linear infinite;}
	.about_txtmarqueebox .abt_inner p span img {width:auto; height:2.0rem;}
	/*.about_txtmarqueebox .abt_inner p span img {width:115.1rem; height:3.0rem;}*/
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}


	/*상단소개 - 로고이미지*/
.about_timgbox {margin-bottom:10%; font-family:'NSQ';}
.about_timgbox::after {content:''; display:block; clear:both;}
.about_timg_img {position:relative; margin:0 auto; padding:0 2.0rem; max-width:80.0rem; text-align:center;}
.about_timg_img .at_img_on {position:absolute; left:50%; top:0; padding:0 2.0rem; width:100%; height:100%; transform:translateX(-50%); text-align:center; opacity:0; transition:opacity 0.2s linear;}
.about_timg_img .at_img {opacity:1; transition:opacity 0.2s linear;}

.about_timg_txt {margin:5% auto 0; max-width:144.0rem; text-align:center;}
.about_timg_txt p {margin-bottom:0; font-weight:800; font-size:3.2rem;}

.about_timg_img:hover .at_img_on,
.about_timg_img:focus .at_img_on {opacity:1;}
.about_timg_img:hover .at_img,
.about_timg_img:focus .at_img {opacity:0;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.about_timgbox {margin-bottom:12.0rem;}
	.about_timg_img {margin:0 20%;}
	.about_timg_txt p {font-size:2.8rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.about_timg_txt p {font-size:2.6rem;}
}
@media screen and (max-width:360px) {
	.about_timg_txt p {font-size:2.2rem;}
}


/********************************
 회사소개 : 카피라이트
 *******************************/
.about_copy {position:relative; margin-bottom:12.0rem; padding:0 0 4.0rem; font-family:'NSQ'; font-weight:700;}
.about_copy::after {content:''; position:absolute; left:50%; bottom:-4.0rem; width:0.2rem; height:8.0rem; background: linear-gradient( to bottom, #006fff, #05d888 ); transform:translateX(-50%);}
.about_copyset {position:relative; background-repeat:no-repeat; background-position:center top;}
.about_copyset.ab_bg01 {background-image:url(../about/images/about_copy_bg01.jpg);}
.about_copyset.ab_bg02 {background-image:url(../about/images/about_copy_bg02.jpg);}
.about_copy_img {position:relative; margin:0 auto; max-width:140.0rem;}

.about_copy_img .copy_img_on {position:absolute; right:0; top:0; width:100%; height:100%; opacity:0; transition:opacity 0.2s linear; /*background:url(../about/images/over_img01.svg) center 0 no-repeat;*/}
.about_copy_img .copy_img_on.set02 {top:auto; bottom:10%; padding:0 2.0rem; height:inherit;}
.about_copy_img .copy_img {opacity:1; transition:opacity 0.2s linear;}

.about_copy_img:hover .copy_img_on,
.about_copy_img:focus .copy_img_on {opacity:1;}


.about_copy_inner {position:relative; margin:0 auto 0; padding:0 2.0rem 12.0rem; max-width:144.0rem;}
.about_copy_inner::after {content:''; display:block; clear:both;}

.about_copy_txt {margin-top:6.0rem;}
/*.about_copy_txt {margin-top:-15.0rem; width:74%; padding:5.0rem; background-color:#fff; transition:0.2s linear;}*/
.about_copy_txt h3 {position:relative; display:inline-block; font-size:6.0rem; font-weight:800; line-height:1.3; word-break:break-word;}
.about_copy_txt h3 span {position:relative; display:inline-block;}
.about_copy_txt h3 span::after {content:''; display:block; position:absolute; right:-2.8rem; bottom:1.2rem; width:2.0rem; height:2.0rem; background: linear-gradient( 120deg, #006fff, #14eba8 ); border-radius:50%;}
.about_copy_txt dl {}
.about_copy_txt dl > dt {padding:6.0rem 0; font-size:3.0rem;}
.about_copy_txt dl > dd {font-size:1.8rem; line-height:2.0}
.about_copy_txt dl > dd span {display:block;}

.about_copy_txt.al_l {}
.about_copy_txt.al_r {}
/*.about_copy_txt.al_l {float:left; padding-left:2.0rem; padding-right:2.0rem;}
.about_copy_txt.al_r {float:right; padding-right:2.0rem;}*/

	/*media query*/
@media screen and (max-width:1200px) {
	.about_copy_txt h3 {padding-right:2.8rem; font-size:5.0rem;}
}
@media screen and (max-width:1024px) {
	
	.about_copy_inner {padding:0 0 0;}
	.about_copy_txt {margin:4.0rem 0 8.0rem; width:inherit; text-align:center;}
	.about_copy_txt.al_l,
	.about_copy_txt.al_r {float:none; padding:0 2.0rem;}
	.about_copy_txt h3 {font-size:4.0rem;}
	.about_copy_txt h3 span::after {right:-2.0rem; bottom:1.0rem; width:1.6rem; height:1.6rem;}
	.about_copy_txt dl > dt {padding:4.0rem 0 2.0rem; font-size:2.6rem;}
	.about_copy_txt dl > dd {line-height:2.0; text-align:left;}
}
@media screen and (max-width:767px) {
	.about_copy {margin-bottom:12.0rem; padding:0 0 7.0rem;}
	.about_copy::after {height:4.0rem;}
	
	.about_copy_txt {margin:4.0rem 0 6.0rem; width:inherit; text-align:center;}
	.about_copy_txt h3 {padding-right:2.8rem;}
	.about_copy_txt dl {text-align:left;}
	.about_copy_txt dl > dt {font-size:2.0rem;}
	.about_copy_txt dl > dd {line-height:1.8; font-size:1.6rem; text-align:left;}
	.about_copy_txt dl > dd span {display:inline;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}


/********************************
 회사소개 : 멤버
 *******************************/
.members_copy {padding:0 2.0rem; text-align:center;}
.members_copy .copy_txt {position:relative; display:inline-block; margin-bottom:0; font-size:5.7rem; font-weight:700; line-height:1.3; word-break:break-word; letter-spacing:-0.1rem;}

.members_box {position:relative; margin-bottom:14.0rem; padding:0 0 15.0rem;}
.members_box::before {content:''; position:absolute; left:50%; bottom:-4.0rem; width:0.2rem; height:8.0rem; background: linear-gradient( to bottom, #006fff, #05d888 ); transform:translateX(-50%);}
.members_box::after {content:''; display:block; clear:both;}
.members_box .members_item {margin-top:10.0rem;}
.members_box .members_item h3 {padding:0 2.0rem; text-align:center;}
.members_box .members_item h3 span {position:relative; display:inline-block; font-size:3.6rem; line-height:1.3; font-weight:700;}
.members_box .members_item h3 span::after {content:''; display:block; position:absolute; right:-1.0rem; bottom:0.5rem; width:0.8rem; height:0.8rem; background-color:#008cec; border-radius:50%;}
.members_box .members_item .members_list {margin-top:6.0rem;}
.members_box .members_item .members_list::after {content:''; display:block; clear:both;}
.members_box .members_item .members_list > li {float:left; width:25%; text-align:center;}
.members_box .members_item .members_list > li.one {float:none; margin:0 auto;}
.members_box .members_item .members_list > li > a {position:relative; display:block; padding:2.0rem;}
.members_box .members_item .members_list > li > a .bubble {position:absolute; left:50%; bottom:85%; padding-bottom:1.2rem; width: calc(100% - 2.0rem); min-height:2.0rem; opacity:0; transform:translateX(-50%); transition:opacity 0.2s, bottom 0.2s linear;}
.members_box .members_item .members_list > li > a .bubble .bb_inner {position:relative; border:0.5rem solid #000; background-color:#fff;}
.members_box .members_item .members_list > li > a .bubble .bb_inner::after {content:''; position:absolute; left:50%; bottom:-1.6rem; width:3.0rem; height:1.6rem; text-align:center; background:url(../about/images/character_bubble_arrow.svg) 0 0 no-repeat; transform:translateX(-50%);}
.members_box .members_item .members_list > li > a .bubble .bb_inner span {display:block; padding:2.0rem 1.0rem; font-size:1.8rem; font-weight:700;}

.members_box .members_item .members_list > li > a:hover .bubble,
.members_box .members_item .members_list > li > a:focus .bubble {opacity:1; bottom:90%;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.members_copy .copy_txt {font-size:4.0rem;}
	.members_box .members_item .members_list > li {width:50%;}
}
@media screen and (max-width:767px) {
	.members_box {margin-bottom:12.0rem; padding:0 0 7.0rem;}
	.members_box::before {height:4.0rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:400px) {
	.members_copy .copy_txt {font-size:3.2rem;}
}
@media screen and (max-width:360px) {
	.members_box .members_item h3 span {font-size:3.0rem;}
}



/********************************
 회사소개 : 파트너
 *******************************/
.about_partner {text-align:center; font-family:'NSQ';}
.about_partner .about_partner_top {padding:0 2.0rem;}
.about_partner .about_partner_top h2 {font-weight:800; font-size:7.5rem; line-height:1.3; letter-spacing:-0.1rem;}
.about_partner .about_partner_top p {font-size:1.8rem; font-weight:700;}
.about_partner .about_partner_txtbox {padding:4% 0 8.0rem;}
.about_partner .about_partner_txtbox ul {padding:0 2.0rem;}
.about_partner .about_partner_txtbox ul > li {position:relative; margin:2% 0; font-size:4.0rem;}
.about_partner .about_partner_txtbox ul > li::after {content:''; display:block; clear:both;}
.about_partner .about_partner_txtbox ul > li .abp_set {position:relative; display:block; width:50%; font-weight:800;}
.about_partner .about_partner_txtbox ul > li .abp_set.al_l {float:left; text-align:right; padding-right:0.5rem; text-transform:uppercase; letter-spacing:-0.1rem;}
.about_partner .about_partner_txtbox ul > li .abp_set.al_r {float:right; text-align:left; color:#e94716;}
.about_partner .about_partner_txtbox ul > li .abp_set.al_r .dot {display:inline-block; padding-right:0.5rem;}

	/*media query*/
@media screen and (max-width:1200px) {
	.about_partner .about_partner_txtbox ul > li {font-size:3.6rem;}
}
@media screen and (max-width:1024px) {
	.about_partner .about_partner_txtbox ul > li {text-align:left;}
	.about_partner .about_partner_txtbox ul > li .abp_set {display:inline-block; width:inherit;}
	.about_partner .about_partner_txtbox ul > li .abp_set.al_l,
	.about_partner .about_partner_txtbox ul > li .abp_set.al_r {float:none; text-align:left; padding-right:0;}
	.about_partner .about_partner_txtbox ul > li .abp_set.al_r .dot {padding-left:0.3rem; padding-right:0.3rem;}
}
@media screen and (max-width:767px) {
	.about_partner .about_partner_top h2 {font-size:4.0rem;}
	.about_partner .about_partner_txtbox {padding-bottom:12.0rem;}
	.about_partner .about_partner_txtbox ul > li {font-size:2.8rem;}
	.about_partner .about_partner_top p {font-size:1.6rem;}
	.about_partner .about_partner_top p .line_bk {display:block;}
}
@media screen and (max-width:640px) {
	.about_partner .about_partner_txtbox ul > li {font-size:1.8rem;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}



/********************************
 솔루션 : 위드알(메인과 동일)
 *******************************/
.main_solubox {background-color:#000;}
.main_solubox::after {content:''; display:block; clear:both;}

.main_solubox .mbox_inner {}

.main_solubox .clear {}
.main_solubox .clear.msol_top {}
.main_solubox .clear.msol_btm {}
.main_solubox .clear::after {content:''; display:block; clear:both;}

.main_solubox .msolset {margin:1.5rem 0; width:calc(50% - 1.5rem);}
.main_solubox .msolset.msol_txt {position:relative; float:left; display:table; font-size:6.0rem; font-weight:700; color:#fff; text-align:center;}
.main_solubox .msolset.msol_txt .msol_cont {display:table-cell; width:100%; height:inherit; vertical-align:middle;}
.main_solubox .msolset.msol_txt .msol_cont h3 {position:relative; font-weight:900;}
.main_solubox .msolset.msol_txt .msol_cont h3::after {content:''; position:absolute; bottom:0; left:50%; display:block; width:260px; height: 5px; background: linear-gradient( to right, #006fff, #05d888 ); transform:translateX(-50%);}
.main_solubox .msolset.msol_txt .msol_cont p {margin-bottom:0; font-size:5.0rem;}
.main_solubox .msolset.msol_txt .msol_cont p span {display:block;}
.main_solubox .msolset.msol_img {overflow:hidden; position:relative; float:right;}
.main_solubox .msolset.msol_img::before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); transition:background-color 0.2s ease-in-out; z-index:1;}
.main_solubox .msolset.msol_img .msol_imgset {position:relative; height:inherit; background-repeat:no-repeat; background-position:center center; background-size:180% auto; transition:background-size 0.2s ease-in-out;}
.main_solubox .msolset.msol_img .msol_imgset .msol_pc_link {display:block; position:absolute; left:0; right:0; bottom:0; width:100%; height:100%; color:#fff; transform:translateY(100%); opacity:0; text-align:center; transition:opacity 0.2s linear; z-index:3;}
.main_solubox .msolset.msol_img .msol_imgset .msol_imgtxt {position:absolute; left:0; right:0; bottom:0; padding:2.0rem; width:100%; color:#fff; transform:translateY(100%); opacity:0; text-align:center; transition:opacity 0.2s linear; z-index:3;}
.main_solubox .msolset.msol_img .msol_imgset .msol_imgtxt p {font-size:2.6rem; letter-spacing:-0.05rem; font-weight:700;}
.main_solubox .msolset.msol_img .msol_imgset .msol_imgtxt em {display:block; font-size:1.8rem; color:#fff; font-weight:500;}
.main_solubox .msolset.msol_img .msol_imgset .msol_imgtxt em span {display:inline-block; margin-right:1.0rem;}
.main_solubox .msolset.msol_img .msol_imgset .msol_m_link {display:none; position:absolute; top:0; left:0; right:0; width:100%; height:100%; color:#fff; opacity:0; text-align:center; transition:opacity 0.2s linear; text-decoration:none; z-index:3;}
.main_solubox .msolset.msol_img .msol_imgset .msol_m_link .msol_m_linkbox {display:table-cell; width:100%; height:100%; font-size:2.4rem; color:#fff; font-weight:700; vertical-align:middle;}
.main_solubox .msolset.msol_img .msol_imgset .msol_m_link .msol_m_linkbox span {display:inline-block; margin-right:1.0rem;}
.main_solubox .msolset.msol_img .msol_imgset .msol_m_link .msol_m_linkbox i {transform:translateY(0.2rem);}

.main_solubox .msolset.msol_txt.al_r {float:right;}
.main_solubox .msolset.msol_img.al_l {float:left;}

.main_solubox .msolset.msol_img:hover .msol_imgset,
.main_solubox .msolset.msol_img:focus .msol_imgset {background-size:100% auto;}
.main_solubox .msolset.msol_img:hover::before,
.main_solubox .msolset.msol_img:focus::before {background-color:rgba(0,0,0,0.0)}
.main_solubox .msolset.msol_img:hover .msol_imgset .msol_pc_link,
.main_solubox .msolset.msol_img:focus .msol_imgset .msol_pc_link {opacity:1; padding-bottom:3.0rem; transform:translateY(0);}
.main_solubox .msolset.msol_img:hover .msol_imgset .msol_imgtxt,
.main_solubox .msolset.msol_img:focus .msol_imgset .msol_imgtxt {opacity:1; padding-bottom:3.0rem; transform:translateY(0); background:linear-gradient( to top, rgba(0,0,0,0.6), rgba(0,0,0,0.0));}


	/*media query*/
@media screen and (max-width:1200px) {
	.main_solubox .clear.msol_btm .msolset.msol_txt .msol_cont p {padding:0 2.0rem 0 0; font-size:4.6rem; text-align:left;}
	/*.main_solubox .clear.msol_btm .msolset.msol_txt .msol_cont p span {display:inline;}*/
}
@media screen and (max-width:1024px) {
	.main_solubox .clear.msol_btm .msolset.msol_txt .msol_cont p {font-size:3.8rem;}
}
@media screen and (max-width:920px) {
	.main_solubox .clear.msol_btm .msolset.msol_txt .msol_cont p {font-size:3.4rem;}
}
@media screen and (max-width:767px) {
	.main_solubox .mbox_inner {padding:2.0rem 0 0;}
	.main_solubox .msolset {width:100%;}
	.main_solubox .msolset.msol_txt {height:inherit !important; font-size:4.0rem;}
	.main_solubox .msolset.msol_txt .msol_cont {display:block; margin-bottom:2.0rem;}
	.main_solubox .msolset.msol_txt,
	.main_solubox .msolset.msol_img {float:none; margin-bottom:0;}
	.main_solubox .msolset.msol_txt .msol_cont h3 {text-indent:1.0rem;}
	.main_solubox .msolset.msol_txt .msol_cont h3::after {width:200px;}
	.main_solubox .msolset.msol_txt .msol_cont p {font-size:5.0rem; line-height:1.3;}
	
	.main_solubox .msolset.msol_img .msol_imgset .msol_pc_link {display:none;}
	.main_solubox .msolset.msol_img:hover .msol_imgset,
	.main_solubox .msolset.msol_img:focus .msol_imgset {background-size:180% auto;}
	.main_solubox .msolset.msol_img:hover::before,
	.main_solubox .msolset.msol_img:focus::before {background-color:rgba(0,0,0,0.5)}
	.main_solubox .msolset.msol_img:hover .msol_imgset .msol_imgtxt,
	.main_solubox .msolset.msol_img:focus .msol_imgset .msol_imgtxt {opacity:0;}
	
	.main_solubox .msolset.msol_img .msol_imgset .msol_m_link {display:table; opacity:1;}
	.main_solubox .clear.msol_btm {display:none;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}