@charset "utf-8";
body{overflow-x: hidden}
/*.bg_box {position:relative; width:100%; background: #73308b; height:1000px;}*/
.cont_cov {width:100%; position: relative;}
.cont_cov .top_bar {position:relative; height:50px; margin-top:-61px;}
.cont_cov .top_bar p {width:80%; background: #fff; height:61px; }
.cont_cov .top_bar img {position:absolute; right:0; top:0;}
.cont_cov .top_bar img {height:61px;}
.note-video-clip{width:100%}
iframe{width:100% ; height: 360px;}

@media (min-width:641px) and (max-width:720px){
	.cont_cov .top_bar img {height:61px;}	
    iframe{height: 48vw !important}
}

@media all and (max-width:435px){
	.cont_cov .top_bar p {width:50%; background: #fff; height:61px; }
}

.cont_cov .cont_box {padding-bottom:150px; box-sizing: border-box;}
.cont_cov .cont_box > div {width:100%; position:relative; padding-top:20px; box-sizing: border-box;}
.cont_cov .cont_box > div .location {overflow:hidden; width:100%; max-width:1080px; margin:0 auto;}
.cont_cov .cont_box > div .location > div.left {float:left; width:50%;}
.cont_cov .cont_box > div .location > div.right {float:right; width:50%;}
.cont_cov .cont_box > div .location > div .map iframe {width:100%;}
.cont_cov .cont_box > div .location > div.left > span{display: block; width:40px; height:4px; background: #bd5eb5;}
.cont_cov .cont_box > div .location > div.left .tit{font-size:32px; line-height: 60px; letter-spacing: -0.03em; font-weight: 900; color:#333; margin-bottom:50px;}
.cont_cov .cont_box > div .location > div.left .desc{font-size:16px; line-height: 24px; letter-spacing: -0.01em; font-weight: 300; color:#2f363b;}
.cont_cov .cont_box > div .location > div.left .desc > span {color:#8d8d8d;}
.cont_cov .cont_box > div .location > div.left .desc.mT20{margin-top:20px;}
.cont_cov .cont_box > div .location > div.left a{width:285px; display: block; line-height: 60px; color:#fff; font-weight: 900; font-size:14px; background: #141414; text-align: center; margin-top:80px; transition:all 1s; border:3px solid #141414;}
.cont_cov .cont_box > div .location > div.left a:hover {background: #73308b; border:3px solid #73308b; color:#fff; transition:all 0.4s;}

@media all and (max-width:1270px){

    .cont_cov .top_bar p img{height: 50px}
    iframe{height: 100%;}
}

@media all and (max-width:1260px){
	.cont_cov .cont_box > div .location > div.left {float:none; width:100%; text-align: center;}
	.cont_cov .cont_box > div .location > div.right {float:none; width:100%; text-align: center;}
	.cont_cov .cont_box > div .location > div .map iframe {width:80%; margin:0 auto;}
	.cont_cov .cont_box > div .location > div.left > span{display: block; width:40px; height:4px; background: #bd5eb5; margin:50px auto 0;}
	.cont_cov .cont_box > div .location > div.left a{width:285px; display: block; line-height: 60px; color:#fff; font-weight: 900; font-size:14px; background: #141414; text-align: center; margin:80px auto 0; }
    iframe{height: 36vw}
}

@media all and (max-width:640px){
	.cont_cov .cont_box {padding-bottom:23.4375vw; box-sizing: border-box;}
    iframe{height: 50vw}
}
/*PORTFOLIO*/
.work_con01 {width:100%; max-width:1080px; margin:0 auto; position:relative; height:50px;}
.work_con01 .tab {width:100%;overflow:hidden;}
.work_con01 .tab ul {width:100%; overflow:hidden; font-size:0;}
.work_con01 .tab ul li {position:absolute; top:0; box-sizing: border-box; background: #bfc3ca; transition: all 0.6s; border:1px solid #fff; border-bottom:1px solid #8a8a8a;}
.work_con01 .tab ul li a {display: block; color:#fff; font-size:20px; font-weight: 900; letter-spacing: 0.02em; line-height: 48px; text-align: center; transition: all 0.6s; width:100%; height:100%;}
.work_con01 .tab ul li.work_on {background: #fff; border:1px solid #8a8a8a; border-bottom:1px solid #fff; transition: all 0.6s; border-right:0; border-left:0;}
.work_con01 .tab ul li.t_left {left:0; width:50%;}
.work_con01 .tab ul li.t_left.work_on {-webkit-box-shadow: 5px 0px 2px -2px #888 #888; box-shadow: 5px 0px 2px -2px #888; z-index:2;}
.work_con01 .tab ul li.t_right {right:0; width:50%;}
.work_con01 .tab ul li.t_right.work_on {-webkit-box-shadow: -5px 0px 2px -2px #888; box-shadow: -5px 0px 2px -2px #888;z-index:2;}
.work_con01 .tab ul li.work_on a {display: block; color:#222; font-size:20px; font-weight: 900; letter-spacing: 0.02em; line-height: 48px; text-align: center; transition: all 0.6s;}

.work_con02 {width:100%; max-width:1080px; margin:50px auto; font-family:Noto Sans KR;}
.work_con02 > div > .tag {width:100%;}
.work_con02 > div > .tag ul {width:100%; font-size:0; text-align: center;}
.work_con02 > div > .tag ul li {display: inline-block; vertical-align: top;}
.work_con02 > div > .tag ul li a {display:block; margin:0 10px; font-size:15px; color:#222; font-weight: 800;  font-family: 'Nanum Gothic', sans-serif;}

.work_con02 .work_list {margin-top:50px;}
.work_con02 .work_list > ul {font-size:0; text-align: center; width:100%;}
.work_con02 .work_list > ul li {display: inline-block; vertical-align: top; width:345px; height:222px; transition:all 0.6s; position:relative; margin:0 7px 7px;}
.work_con02 .work_list > ul li img {width:345px; height:222px;}
.work_con02 .work_list > ul li div.work_hover {position:absolute; display: block; width:100%; height:100%; background: rgba(73,15,77,.7); text-align: center; color:#fff; top:0; left:0; opacity:0; transition:0.6s;}
.work_con02 .work_list > ul li div.work_hover.m_enter {opacity:1; transition:all 0.6s;}
.work_con02 .work_list > ul li div.work_hover p.tit {font-size:24px; margin: 0 auto; color:#fff; font-weight: bold; margin-top:30px; width:300px; white-space: nowrap;  overflow: hidden}
.work_con02 .work_list > ul li div.work_hover p.sub_tit {width:80%; margin:25px auto 25px; height: 42.22px; overflow: hidden}
.work_con02 .work_list > ul li div.work_hover p.sub_tit span {display: inline-block; vertical-align: top; font-size:14px; color:#fff; font-weight: 400;}
.work_con02 .work_list > ul li div.work_hover a {width:150px; font-size:14px; color:#fff; font-weight: 900; letter-spacing: -0.01em; line-height: 40px; background: #333; display: block; margin:0 auto;}

@media (min-width:734px) and (max-width:1093px){
    .work_con01{width:704px}
	.work_con01 .tab ul li.t_left {left:0; width:352px;}
    .work_con01 .tab ul li.t_right {right:0; width:352px;}
    iframe{height: 46vw}
}


@media all and (max-width:345px){
	.work_con02 .work_list > ul li {width:300px; height:222px; margin:0 7px 7px;}
	.work_con02 .work_list > ul li img {width:300px; height:222px;}
}

.work_bg_blk {display:block; position:fixed; top:0; left:0; background: rgba(0,0,0,0.7); z-index:999; width:100%; height:100%;}
.work_pop {display:block; position:absolute; background: #fff; z-index:1001; box-sizing: border-box; top:0; left:50%; transition:all 0.5s; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);  margin:80px 0;}
.work_pop .pos_rel > a.close_pop {position: absolute; right:00px; top:-70px; z-index:9;}
.work_pop .pos_rel > a.close_pop img {width:60px;}
.work_pop .pos_rel > a.top_pop {position: absolute; right:0; bottom:-125px;}
.work_pop .pos_rel > a.top_pop img {width:60px;}
.work_pop .pos_rel > .pop_cont {width:100%;}
.work_pop .pos_rel .top_visual{position:relative; width:100%;}
.work_pop .pos_rel .top_visual > img {width:100%;}
.work_pop .pos_rel .top_visual div {position:absolute; width:100%; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  }
.work_pop .pos_rel .top_visual div p.tit {font-size:74px; color:#fff; font-weight: 900; letter-spacing: -0.01em; line-height: 1; margin-bottom:50px; width:100%; text-align: center;}
.work_pop .pos_rel .top_visual div p.desc {width:80%; margin: 0 auto; text-align: center;}
.work_pop .pos_rel .top_visual div p.desc span {display: inline-block; vertical-align: top;}
.work_pop .pos_rel .top_visual div p.desc span.sub_txt {font-size:16px; letter-spacing: -0.01em; color:#fff; font-weight: 300; }
..note-video-clip{width:100%}
.top_visual .desc .sub_txt img{margin-top:4.5px}
.work_pop .contents_cover {width:90%; margin:50px auto; position:relative;}
.work_pop .contents_cover .mid_tit_area {width:100%; overflow:hidden;}
.work_pop .contents_cover .mid_tit_area .left {float:left; width:100%;}
.work_pop .contents_cover .mid_tit_area .left > span.tit {display: inline-block; vertical-align: middle; width:150px; background: #000; color:#ad59c8; text-align: center; font-size:14px; line-height: 50px; letter-spacing: -0.05em; font-weight: 900; margin-bottom:10px;}
.work_pop .contents_cover .mid_tit_area .left > p > span {font-size:14px; color:#666; }
.work_pop .contents_cover .mid_tit_area .left p {display: inline-block; vertical-align: middle; font-size:20px; color:#333; font-weight: 900; margin-left:2%; box-sizing: border-box; letter-spacing: -0.05em; margin-bottom:10px;}
.work_pop .contents_cover .mid_tit_area .right {position:absolute; right:0; top:0;}
.work_pop .contents_cover .mid_tit_area .right img {width:80px;}
.work_pop .contents_cover .pop_contents {width:100%; margin-top:50px;}
.work_pop .contents_cover .pop_contents:after{clear: both; content: ""; display: block; height: 0;}
.work_pop .contents_cover .pop_contents .image_category {float:left; padding-right:30px;}
.work_pop .contents_cover .pop_contents .desc {float:left; width:65%; word-break: keep-all;}
.description:after{clear: both; content: ""; display: block; height: 0; visibility: hidden}
@media all and (max-width:2420px){
    .work_pop .pos_rel .top_visual{width:1200px}
}

@media all and (max-width:1900px){
	
    .work_pop .pos_rel .top_visual{width:1200px}
	.work_pop .pos_rel .top_visual div p.tit { font-size:50px; }	
}

@media all and (max-width:1274px){
    .work_pop .contents_cover .pop_contents .desc {float:left; width:100%; text-align: center; word-break: keep-all; font-size: 14px}
    .work_pop {width:93.75vw;}
	.work_pop img {max-width:100%;}
    .work_pop .pos_rel .top_visual{width:100%}
}

@media all and (max-width:850px){
	.work_pop {width:93.75vw;}
	.work_pop img {max-width:100%;}
    .work_con01 .tab ul li.t_left {width:50%; margin-left:0;}
    .work_con01 .tab ul li.t_right {width:50%; margin-right:0;}
}

@media all and (max-width:640px){
	.work_pop {width:93.75vw;}
	.work_pop {margin:12.5vw 0;}
	.work_pop .pos_rel > a.close_pop {right:0; top:-10.9375vw;}
	.work_pop .pos_rel > a.close_pop img {width:9.375vw;}
	.work_pop .pos_rel > a.top_pop {right:0; bottom:-18.9375vw;}
	.work_pop .pos_rel > a.top_pop img {width:9.375vw;}
	.work_pop .pos_rel .top_visual div p.tit {font-size:7.125vw; margin-bottom:7.8125vw; }
	.work_pop .pos_rel .top_visual div p.desc span.sub_txt {font-size:2.5vw;}
	.work_pop .contents_cover {margin:7.8125vw auto;}
	.work_pop .contents_cover .mid_tit_area .left > span.tit {width:23.4375vw; font-size:2.1875vw; line-height: 7.8125vw; margin-bottom:1.5625vw;}
	.work_pop .contents_cover .mid_tit_area .left > p > span {font-size:2.1875vw;}
	.work_pop .contents_cover .mid_tit_area .left p {font-size:3.125vw; margin-bottom:1.5625vw;}
	.work_pop .contents_cover .mid_tit_area .right img {width:12.5vw;}
	.work_pop .contents_cover .pop_contents {margin-top:7.8125vw;}
	.work_pop .contents_cover .pop_contents .image_category {padding-right:4.6875vw;}
}

/*who we are*/

.who_cover {width:100%; max-width:1080px; margin:0 auto ;}
.who_cover > div {width:100%; overflow:hidden; margin-bottom:120px;}
.who_cover > div .left {float:left; width:190px; margin-right:90px;}
.who_cover > div .right {float:left; width: calc(100% - 280px);}
.who_cover > div .left > span {width:40px; height:3px; background: #bd5eb5; margin-bottom:10px; display: block;}
.who_cover > div .left > p {font-size:32px; line-height: 1; letter-spacing: -0.03em; font-weight:900; color:#333;}
.who_cover > div .right {word-break: keep-all;}
.who_cover > div .right .tab_tit {font-size:24px; line-height: 1; letter-spacing: -0.01em; font-weight: bold; color:#bd5eb5; margin-bottom:20px;}
.who_cover > div .right .tab_desc {font-size:15px; line-height: 22px; font-weight: 400; letter-spacing: -0.01em; color:#2f363b; word-break: keep-all;  text-align: left}

.who_con02 .right {width:100%;} 
.who_con02 .tab {width:100%;overflow:hidden;  position:relative; height:50px;}
.who_con02 .tab ul {width:100%; overflow:hidden;}
.who_con02 .tab ul li {position:absolute; top:0; width:50%; box-sizing: border-box; background: #bfc3ca; border-bottom:1px solid #8a8a8a; transition: all 0.6s; border-top:1px solid transparent;}
.who_con02 .tab ul li a {display: block; color:#fff; font-size:20px; font-weight: 900; letter-spacing: 0.02em; line-height: 48px; text-align: center; transition: all 0.6s;}
.who_con02 .tab ul li.work_on {background: #fff; border-bottom:1px solid transparent;; border-top:1px solid #8a8a8a; transition: all 0.6s;}
.who_con02 .tab ul li.t_left {left:0;}
.who_con02 .tab ul li.t_left.work_on {-webkit-box-shadow: 6px 0 9px -2px #888; box-shadow: 6px 0 9px -2px #888; z-index:2;}
.who_con02 .tab ul li.t_right {right:0;}

.who_con02 .tab ul li.t_right.work_on {-webkit-box-shadow: -6px 0 9px -2px #888; box-shadow: -6px 0 9px -2px #888;z-index:2;}
.who_con02 .tab ul li.work_on a {display: block; color:#222; font-size:20px; font-weight: 900; letter-spacing: 0.02em; line-height: 48px; text-align: center; transition: all 0.6s;}
.who_con02 .tab_cont {padding:50px 0; box-sizing: border-box;}
.who_con02 .tab_cont ul {width:100%; overflow:hidden;}
.who_con02 .tab_cont ul li {float:left; width:160px; height:160px; background: #bd5eb5; color:#fff; border-radius: 50%; position:relative; margin-right:52px; padding-top:30px; box-sizing: border-box;}
.who_con02 .tab_cont ul li:last-of-type {margin-right:0;}
.who_con02 .tab_cont ul li p.tit {font-size:19px; line-height: 1; letter-spacing: -0.01em; text-align:center; color:#fff; font-weight: 900; margin-bottom:10px;}
.who_con02 .tab_cont ul li span {font-size:12px; color:#fff; font-weight: 300; letter-spacing: -0.01em; line-height: 17px; display: block; text-align:center; width:66%; margin:0 auto;}
.who_con02 .tab_cont ul li img {position:absolute; top:50%; right:-33px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);}


.who_con03 .right {width:100%;} 
.who_con03 .tab {width:100%;overflow:hidden;  position:relative; height:50px;}
.who_con03 .tab ul {width:100%; overflow:hidden;}
.who_con03 .tab ul li {position:absolute; top:0; width:50%; box-sizing: border-box; background: #bfc3ca; border-bottom:1px solid #8a8a8a; transition: all 0.6s; border-top:1px solid transparent;}
.who_con03 .tab ul li a {display: block; color:#fff; font-size:20px; font-weight: 900; letter-spacing: 0.02em; line-height: 48px; text-align: center; transition: all 0.6s;}
.who_con03 .tab ul li.work_on {background: #fff; border-bottom:0; border-top:1px solid #8a8a8a; transition: all 0.6s; border-bottom:1px solid transparent;}
.who_con03 .tab ul li.t_left {left:0;}
.who_con03 .tab ul li.t_left.work_on {-webkit-box-shadow: 6px 0 9px -5px #888; box-shadow: 6px 0 9px -5px #888; z-index:2;}
.who_con03 .tab ul li.t_right {right:0;}
.who_con03 .tab ul li.t_right.work_on {-webkit-box-shadow: -6px 0 9px -5px #888; box-shadow: -6px 0 9px -5px #888;z-index:2;}
.who_con03 .tab ul li.work_on a {display: block; color:#222; font-size:20px; font-weight: 900; letter-spacing: 0.02em; line-height: 48px; text-align: center; transition: all 0.6s;}
.who_con03 .tab_cont {padding:50px 0; box-sizing: border-box;}
.who_con03 .tab_cont ul {width:100%; overflow:hidden;}
.who_con03 .tab_cont ul li {float:left; width:220px; margin-right:70px; text-align: center;}
.who_con03 .tab_cont ul li:last-of-type {margin:0;}
.who_con03 .tab_cont ul li img {width:101px;}
.who_con03 .tab_cont ul li p.txt {font-size:17px; color:#333; line-height: 1; font-weight: 900; letter-spacing: -0.025em; margin-bottom:30px; margin-top:15px;}
.who_con03 .tab_cont ul li p.txt_desc {font-size:15px; line-height: 20px; color:#666; font-weight: 400; letter-spacing: -0.08em; text-align: left; word-break: break-all;}
.who_con03 .tab_cont_box.mT30 {margin-top:100px;}
.who_con03 .tab_cont_box > div {margin-top:50px;}

@media all and (max-width:1100px){
	.who_cover > div .left {float:none; width:100%; margin-right:100px; text-align: center;}
	.who_cover > div .right {float:none; width:100%; text-align:center;}
	.who_cover > div .left > span {margin:0 auto 30px;}
	.who_cover > .who_con01 .right {width:600px; margin:50px auto; }
	.who_cover > .who_con02 .right {width:600px; margin:50px auto auto auto; }
	.who_cover > .who_con03 .right {width:600px; margin:50px auto; }
    .pc_no{display: block !important}
    
}

@media (min-width:816px) and (max-width:1100px){
    
    slick-slide{min-height: 0.0909090909vw; padding-left:1.8181818182vw}
    .slick-slide{width:26.1818181818vw !important}
    
}
.pc_no{display: none}
@media all and (max-width:1090px){
	.who_cover > div {width:100%; overflow:hidden; margin-bottom:0px;}
	.who_cover > .who_con02 .right {width:600px;}
	.who_cover > .who_con03 .right {width:600px;}	
	.who_con02 .tab_cont ul {width:375px; margin:0 auto;}
	.who_con02 .tab_cont ul li {margin-bottom:50px;}
	.who_con02 .tab_cont ul li:nth-of-type(2n) {margin-right:0;}
	.who_con02 .tab_cont ul li img {display: none;}
	.who_con03 .tab_cont ul li {float:none; width:100%; margin-right:0px; margin-bottom:50px;}
}

@media all and (max-width:640px){
	.who_cover > div {width:100%;}
	.who_cover > .who_con01 .right {width:100%;}
	.who_cover > .who_con02 .right {width:100%}
	.who_cover > .who_con03 .right {width:100%;}	
	.who_con02 .tab_cont ul {width:58.59375vw; margin:0 auto;}
	.who_cover > div .left {margin-right:15.625vw;}
	.who_cover > div .left > span {width:6.25vw; margin:0 auto 4.6875vw;}
	.who_cover > div .left > p {font-size:30px;}
	.who_cover > div .right .tab_tit {font-size:4.75vw; margin-bottom:3.125vw;}
	.who_cover > div .right .tab_desc {font-size:15px; line-height: 1.8; padding-left:2%; padding-right: 2%; box-sizing: border-box; text-align: left}
	.who_con02 .right {width:100%;} 
	.who_con02 .tab {width:100%;overflow:hidden;}
	.who_con02 .tab ul {width:100%; overflow:hidden;}
	.who_con02 .tab ul li a { font-size:3.525vw; line-height: 48px;}
	.who_con02 .tab ul li.work_on a {font-size:3.525vw; line-height: 48px;}
	.who_con02 .tab_cont {padding:7.8125vw 0;}
	.who_con02 .tab_cont ul {width:82.59375vw;}
	.who_con02 .tab_cont ul li {width:37vw; height:37vw; margin-right:8.125vw; padding-top:6.6875vw;}
	.who_con02 .tab_cont ul li p.tit {font-size:3.725vw; margin-bottom:1.4625vw;}
	.who_con02 .tab_cont ul li span {font-size:3.3vw; line-height: 4.7vw;}
	.who_con03 .tab ul li a {font-size:3.525vw;  line-height: 48px; }
	.who_con03 .tab ul li.work_on a {font-size:3.525vw; line-height: 48px}
	.who_con03 .tab_cont {padding:7.8125vw 0; }
	.who_con03 .tab_cont ul li p.txt {font-size:3.65625vw; margin-bottom:4.6875vw; margin-top:2.34375vw;}
	
	.who_con03 .tab_cont ul li p.txt_desc {font-size:15px; line-height: 1.8; padding-left:2%; padding-right:2%; box-sizing: border-box}
	.who_con03 .tab_cont_box.mT30 {margin-top:15.625vw;}
	.who_con03 .tab_cont_box > div {margin-top:7.8125vw;}
	.who_con03 .tab_cont ul li img {width:19.78125vw; height: 19.78125vw}
	
	.work_con01 .tab ul li a {font-size:3.525vw !important;}
}

.sub_icon img{margin-top:6px}

@media all and (max-width:860px){
    
    .work_pop .pos_rel .top_visual div p.desc span.sub_txt{width:calc(90% - 20px); text-align: center}
}


.view_more {position:absolute; bottom:-150px; left:50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0);z-index:2; text-align:center;}
.view_more a {display:block; width:100px; height:100px; background: #000; border-radius: 50%;  position:relative; transition:all 0.3s;}
.view_more a:hover {background: #73308b; transition: all 0.3s;}
.view_more img {position:absolute; top:50%; left:50%; width:33px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all 0.3s;}
.view_more a:hover img {width:40px; transition: all 0.3s;}
.view_more p {font-size:18px; color:#000; letter-spacing: -0.02em; font-weight: 900; text-align: center; line-height: 25px; margin-top:10px}

@media (min-width:480px) and (max-width:640px){
    
    .view_more {bottom:-71px;}
    .view_more a {width:80px; height:80px; margin-left:10px}
	.view_more img {width:33px}
	.view_more a:hover img {width:33px}
	.view_more p {font-size:2.8125vw; line-height: 3.90625vw;}
	
}



@media all and (max-width:640px){
	.view_more {bottom:-25vw; }
	.view_more a {width:15.625vw; height:15.625vw;}
	.view_more img {width:5.15625vw;}
	.view_more a:hover img {width:6.25vw;}
	.view_more p {font-size:2.8125vw; line-height: 3.90625vw;}
	
}