@charset "utf-8";
/* ================================================================================================= */
/*
유니트리
NC00140
*/

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ================================================================================================= */
/* 어바웃>공통 */
/*소제목*/
.about_title h3{font-family:'NanumSquare', 'Noto Sans KR', sans-serif; font-size:40px; line-height:2em; font-weight:400;}
.about_title p{font-family:'NanumSquare', 'Noto Sans KR', sans-serif; font-size:24px; line-height:1.5em; margin-bottom:3.5em;}
.about_title span{font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif; font-size:16pt; color:#1bbcff;}

/*백그라운드*/
.about_back{position:absolute; top:0; left:0; z-index:-1;}

/*이너*/
.about_Inner{width:1300px; margin:0 auto;}

/* ================================================================================================= */
/* 어바웃>키비주얼 */
.about_key{position:relative;}
.about_key h3{position:relative; text-align:center; padding:10.7em 0;}

/* ================================================================================================= */
/* 어바웃>장점 */
.about_section02{text-align:center; margin-top:8em; margin-bottom:7em;}
.about_section02 h3{margin-top:0.2em;}
.about_section02 ul{display:inline;}
.about_section02 ul li{display:inline-block;}

/* ================================================================================================= */
/* 어바웃>팀 */
.about_section03{position:relative; color:#fff; padding:8em 0; background-image:url('/img/C00140/aboutUt_about_about03_back.jpg'); background-size:cover;}
.about_section03 .about_title{}
.about_section03 .about_title h3{padding-top:10px;}
.about_section03 ul{display:inline;}
.about_section03 ul li{display:inline-block; padding-right:1.2em;}

/* ================================================================================================= */
/* 어바웃>사업부 */
.about_section04{padding-top:10em; margin-bottom:7em;}
.about_section04 .about_pic{display:inline}
.about_section04 .pic_left{display:inline-block; width:60%;}
.about_section04 ul{display:flex; flex-wrap:wrap;}
.about_section04 ul li{padding-right:0.5em; padding-bottom:0.5em;}
.about_section04 .about_com{display:inline-block; vertical-align:bottom; padding-bottom:4.5em;}

/* ================================================================================================= */
/* 어바웃>연혁 */
.about_section05{position:relative; text-align:center;}
.about_section05 .about_title{padding:5em 0;}
.about_section05 span{color:#fff;}
.about_section05 p{color:#b1c0eb; margin-bottom:0;}

/* ================================================================================================= */
/* 어바웃>비전 */
.about_section06{position:relative; background:#eef1f8;}
.about_section06 .vision{position:absolute; right:8%; top:-9em;}
.about_section06 .about_pic{display:inline;}
.about_section06 .about_pic img{display:inline-block;}
.about_section06 .about_pic .about_title{display:inline-block; margin-left:3em; vertical-align:middle;}
.about_section06 .about_pic .about_title h3{margin-bottom:2em;}

/* ================================================================================================= */
/* 서브>공통 */
/*키비주얼*/
.sub_key{position:relative;}
.sub_key h3{position:relative; text-align:center; padding:10.7em 0;}
.sub_back{position:absolute; top:0; left:0; z-index:-1;}
.sub_Inner{width:1300px; max-width:1300px; margin:0 auto;}

/* ================================================================================================= */
/* 서브>개원컨설팅 */
/*섹션*/
.Consulting_Ut .sub_section02{text-align:center; margin:8em 0;}
.Consulting_Ut .sub_section03{position:relative; text-align:center;}
.Consulting_Ut .sub_section03 h3{padding:6.5em 0;}
.Consulting_Ut .sub_section04{position:relative; text-align:center;}
.Consulting_Ut .sub_section04 h3{padding:6.1em 0;}

/* ================================================================================================= */
/* 서브>마케팅컨설팅 */
/*섹션*/
.Marketing_Ut .sub_key h3{padding:10.3em 0;}
.Marketing_Ut .sub_section02{text-align:center; position:relative;}
.Marketing_Ut .sub_section02 h3{padding-top:6em;}
.Marketing_Ut .sub_section03{text-align:center; position:relative;}
.Marketing_Ut .sub_section03 h3{padding:6.5em 0;}
.Marketing_Ut .sub_section04{text-align:center; position:relative;}
.Marketing_Ut .sub_section04 h3{padding-top:6em;}
.Marketing_Ut .sub_section04 .sub_cont {padding:10em 0; background:linear-gradient( to top,#f1f9fb 56%,#fff 10%);}

/* ================================================================================================= */
/* 서브>컨텐츠 */
/*섹션*/
.Content_Ut .sub_key h3{padding:10.2em 0;}
.Content_Ut .sub_section02{position:relative; text-align:right; background-color:#f3f3f3;}
.Content_Ut .sub_section03{position:relative; text-align:left;}
.Content_Ut .sub_section03 h3{padding-top:7.7em;}
.Content_Ut .sub_section04{position:relative; text-align:center;}
.Content_Ut .sub_section04 h3{padding:6.85em 0;}
.Content_Ut .sub_section05{position:relative; text-align:center; background-color:#fbfbfb; padding:5em 0;}
.Content_Ut .sub_section06{position:relative;}
.Content_Ut .sub_section06 h3{padding:16.5em 0; vertical-align:middle;}
.Content_Ut .sub_section07{position:relative;}
.Content_Ut .sub_section07 h3{padding-top:7.5em;}

/* ================================================================================================= */
/* 서브>클라이언트 */
/*섹션*/

.Client_Ut a:hover .sub_abs{opacity:1;}
.Client_Ut .sub_title{display:inline;}
.Client_Ut .sub_title h3{display:inline-block; font-family:'NanumSquare', 'Noto Sans KR', sans-serif; font-size:32px; font-weight:400;}
.Client_Ut .sub_title p{display:inline-block; font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif; font-size:12pt; color:#727272;}
.Client_Ut .sub_box{margin-top:2.5em;}
.Client_Ut .sub_box ul{display:flex; flex-wrap:wrap;}
.Client_Ut .sub_box ul li{padding-right:0.5em; padding-bottom:0.5em;}
.Client_Ut .sub_rel{position:relative;}
.Client_Ut .sub_abs{position:absolute; top:0; left:0; opacity:0; transition: opacity 0.8s;}
.Client_Ut .sub_Inner{margin-top:8em;}
.Client_Ut .sub_section05{margin-bottom:10em;}

/* ================================================================================================= */
/* 서브>컨텍*/
/*섹션*/
.Contact_Ut{position:relative;}
.Contact_Ut .sub_back{z-index:0;}
.Contact_Ut .sub_key h3{padding:11.5em 0 4em 0; z-index:1;}

body .costAskWrap .InnerContainer{width:1300px !important; min-width:1300px !important;}
body .costAskWrap #contents{background:#f3f3f3;}
body .costAskWrap #container{background:transparent;}

.costAskWrap .sub_section02{background-color:#f3f3f3; padding-bottom:6em;}
.costAskWrap .sub_section02 .Inner{background:#fff; border-radius:10px; position:relative; box-shadow:0 1px 2px rgb(0 0 0 / 6%), 0 2px 3px rgb(0 0 0 / 6%), 0 4px 6px rgb(0 0 0 / 6%), 0 8px 12px rgb(0 0 0 / 6%), 0 16px 24px rgb(0 0 0 / 6%), 0 32px 50px rgb(0 0 0 / 6%);}
.costAskWrap .Ut_map{display:table; position:relative; width:100%; table-layout:fixed;}
.costAskWrap .NetworkAea_DetailSection3_RIght{width:65%;}
.costAskWrap .NetworkAea_DetailSection3_RIght #aboutmap{border-radius:10px 0 0 10px; height:38em; border:0;}
/*오른쪽*/
.costAskWrap .Ut_map_right{width:70%; margin:0 auto;}
.costAskWrap .Ut_map_right h3{color:#adadad; font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif; font-size:18pt; font-weight:300; padding:2.5em 0;}
.costAskWrap .Ut_map_right li{display:inline; line-height:3em;}
.costAskWrap .Ut_map_right li img{display:inline-block;}
.costAskWrap .Ut_map_right li h4{display:inline-block; font-family:'NanumSquare', 'Noto Sans KR', sans-serif; font-size:20pt; font-weight:600;}
.costAskWrap .Ut_map_right li h4 span{color:#adadad; font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif; font-size:12pt; font-weight:300;}
.costAskWrap .Ut_map_right li p{font-family:'NanumSquare', 'Noto Sans KR', sans-serif; font-size:18pt; font-weight:400; line-height:1.5em;}
.costAskWrap .Ut_map_right li p span{color:#727272;  font-size:12pt;}

.costAskWrap .Company_Area{display:none;}