@charset "utf-8";
#wrap{overflow:hidden;}
#container {width:100%; position:relative; overflow:hidden;}
#contents {position:relative;}
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}
.pctb{display:block;}

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;}
.m_view{display:none !important;}

/*header*/
.visual-top-container{height:100vh;min-height:950px;width:100%;position:relative;background-color:#000;}


.main_visual{

	width:100%;
	min-width:1400px;
	height:950px;
	background-color:#000;
	position:relative;

}

.main_visual .main_slider{width:100%;height:950px;outline:0; overflow:hidden;}

.main_visual .main_slider .item{outline:0;}
.main_visual .main_slider .item,
.main_visual .main_slider .img{width: 100%;height:950px;}
.main_visual .main_slider .img{position:absolute;top: 0;left: 0;}
.main_visual .main_slider .text_g{position: relative;max-width:1400px;display: flex;flex-wrap: wrap;align-items: center;}
.main_visual .main_slider .text_g .main_title{font-family: 'play', sans-serif;font-size: 7rem;color: #fff;font-weight: 600;line-height: 0.9;}
.main_visual .main_slider .text_g .main_title p{overflow: hidden;padding-bottom: 10px;}
.main_visual .main_slider .text_g .main_title p span{display: block;}
.main_visual .main_slider .text_g .sub_title{font-size: 1.7rem;color: rgba(255,255,255,0.8);font-weight: 300;line-height: 1.7;margin-top: 18px;}
.main_visual .main_slider .text_g .sub_title p{overflow: hidden;}
.main_visual .main_slider .text_g .sub_title p span{display: block;}
.main_visual .indicator{position: absolute;bottom: 100px;left: 0;width: 100%;height: auto;z-index: 10;}
.main_visual .indicator .inner{max-width:1400px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.main_visual .indicator .btn{position: relative;width: 11px;height: 20px;margin-right: 37px;}
.main_visual .indicator .btn:before{display:block;content:"";position: absolute;top: 3px;left: 3px;width: 12px;height: 12px;border: 2px solid #fff;border-top: 0;border-left: 0;transform: rotate(135deg);}
.main_visual .indicator .btn.next{margin-right: inherit;margin-left: 37px;}
.main_visual .indicator .btn.next:before{transform:rotate(-45deg);left: -6px;}
.main_visual .indicator .dot ul{font-size:0px !important;}
.main_visual .indicator .dot li{position:relative; display:inline-block;vertical-align:middle; font-size:0px !important;}
.main_visual .indicator .dot button{position:relative;width: 6px;height: 6px;background: #fff;border-radius: 50%;box-sizing:border-box; font-size:0px !important;}
.main_visual .indicator .dot li + li{margin-left: 21px;  font-size:0px !important;}
.main_visual .indicator .dot li.slick-active button{width: 12px;height: 12px;border: 3px solid #fff;background: transparent;  font-size:0px !important;}
.main_visual .status_wrap{position: relative;width: 6px;height: 9px;margin-left: 29px;}
.main_visual .status_wrap .stop{display: block;width: 100%;height: 100%;border: 2px solid #fff;border-top: 0;border-bottom: 0;}
.main_visual .status_wrap .play{position: relative;display:block;width: 100%;height: 100%;}
.main_visual .status_wrap .play:before{display:block;content:"";position: absolute;width: 0px;height: 0px;top: -1px;left: 0;border-left: 6px solid #fff;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid transparent;}


.main_visual .copy_wrap{
	width:1400px;
	position:relative;
	top:340px;
	margin:0 auto;
}

.main_visual .copy_wrap .main_copy{
	font-family:"Pretendard Bold";
	font-size:46px;
	color:#fff;
}

.main_visual .copy_wrap .sub_copy{
	font-family:"Pretendard Regular";
	font-size:18px;
	color:#fff;
	line-height:28px;
	margin-top:28px;
}

.main_visual .copy_wrap .btn_copy{
	margin-top:45px;
	width:240px;
	height:60px;
	color:#fff;
	border: 1px solid #FFFFFF;
	border-radius: 30px;
	text-align:Center;
	line-height:60px;
}

/*
.main_visual{

	width:100%;
	min-width:1400px;
	height:950px;
	background-color:#000;

}

.main_visual .mainVisual .bg{
	width:100%;
	height:950px;
	position:relative;
}

.main_visual .mainVisual .bg .copy_wrap{
	width:1400px;
	position:relative;
	top:340px;
	margin:0 auto;
}

.main_visual .mainVisual .bg .copy_wrap .main_copy{
	font-family:"Pretendard Bold";
	font-size:46px;
	color:#fff;
}

.main_visual .mainVisual .bg .copy_wrap .sub_copy{
	font-family:"Pretendard Regular";
	font-size:18px;
	color:#fff;
	line-height:28px;
	margin-top:28px;
}

.main_visual .mainVisual .bg .copy_wrap .btn_copy{
	margin-top:45px;
	width:240px;
	height:60px;
	color:#fff;
	border: 1px solid #FFFFFF;
	border-radius: 30px;
	text-align:Center;
	line-height:60px;
}
*/


.section01{
	width:100%;
	height:850px;
	background-color:#F1F4F9;
	text-align:center;
	padding:80px 0 80px 0;

}

.section01 .wrap,
.section02 .wrap,
.section03 .wrap,
.section04 .wrap
{

	width:1400px;
	margin:0 auto;

}

.section01 .wrap .eng_txt,
.section02 .wrap .eng_txt,
.section04 .wrap .eng_txt

{
	font-family:"Orbitron";
	font-weight:600;
	font-size:14px;
	color: #E23434;
}

.section01 .wrap h2.kor_txt,
.section02 .wrap h2.kor_txt,
.section04 .wrap h2.kor_txt
{

	font-family:"Pretendard Bold";
	font-size:46px;
	line-height:32px;
	color:#111;
	margin:20px 0 30px 0;

}

.section01 .wrap .cate_wrap{

	margin:0 auto;
	width:500px;
	height:25px;

}

.section01 .wrap ul li{
	float:left;
	text-align:center;
	line-height:25px;
	cursor:pointer;

}

.section01 .wrap ul li.w16{
	width:19%;
	font-family:"Pretendard Bold";
	font-size:20px;
	line-height:20px;
	color: #22272B;
	border-left:1px solid #ddd;
}

.section01 .wrap ul li:first-child{
	border:0px;
}

.section01 .wrap ul li.on{

	color: #E23434;

}

.section01 .wrap ul li.w5{
	width:5%;
	font-size:20px;
	line-height:20px;
	color: #D2DCE8;
}

.section01 .wrap .section01_list{
	clear:both;
	margin-top:40px;

}

.section01 .wrap .section01_list {display:flex;flex-wrap:wrap;}

.section01 .wrap .section01_list ul li{

	width:270px;
	margin:32px 21px 0 0;
	height:155px;
	background-color:#fff;
	border: 1px solid #D2DCE8;
	padding:30px;
	text-align:left;

}

.section01 .wrap .section01_list ul li:nth-child(4n) {margin-right:0;}
.section01 .wrap .section01_list ul li:nth-child(-n + 4) {margin-top:0;} 

.section01 .wrap .section01_list .tab_list{
	width:100%;
	height:35px;
}

.section01 .wrap .section01_list .tab_list span.cate_btn{
	display:inline-block;
	padding:0 15px 0 15px;
	height:35px;
	line-height:35px;
	border: 1px solid #D2DCE8;
	border-radius: 19px;
	text-align:Center;
	font-size:15px;
}

.section01 .wrap .section01_list .project_title{
	font-family:"Pretendard SemiBold";
	font-size:17px;
	color:#22272B;
	margin-top:15px;
}

.section01 .wrap .section01_list .project_date{

	font-family:"Pretendard Regular";
	font-size:14px;
	color:#888;
	margin-top:25px;
}


.section01 .wrap .section01_list .btn_wrap{

	width:100%;
	text-align:Center;
	margin-top:40px;

}

.section01 .wrap .section01_list .btn_wrap button.more{

	width:250px;
	height:50px;
	line-height:50px;
	background-color:#22272B;
	color:#fff;
	font-family:"Pretendard SemiBold";
	font-size:17px;


}

.section02{
	width:100%;
	padding:80px 0 80px 0;
	text-align:Center;
	background-color:#FFF;

}

.section02 .wrap .today{
	font-family:"Pretendard Regular";	
	font-size:20px;
	line-height:48px;
	color:#111;
	opacity: 1;
}

.section02 .wrap .content{

	width:100%;
	margin-top:55px;
	margin-bottom:50px;
	background:url("../img/main/announcement.png") no-repeat;
	
}

.section02 .wrap .content .announcement_list{

	width:700px;
	height:630px;
	margin:0 0 0 auto;

}

.section02 .wrap .content .announcement_list ul{

	display:flex;flex-wrap:wrap;

}

.section02 .wrap .content .announcement_list li{

	width:300px;
	margin:40px 30px 0 0;
	background-color:#fff;
	text-align:left;
}

.section02 .wrap .content .announcement_list li .title{

	height:90px;
	background:transparent url('../img/main/ic_website.png') 0% 0% no-repeat padding-box;
	padding-top:40px;
	border-bottom: 1px solid #D2DCE8;

}

.section02 .wrap .content .announcement_list li .title span{
	
	display:block;
	font-family:"Pretendard Bold";	
	font-size:24px;
	line-height:32px;
	color:#111;
}

.section02 .wrap .content .announcement_list li .title.web{

	background:transparent url('../img/main/ic_website.png') 0% 0% no-repeat padding-box;

}

.section02 .wrap .content .announcement_list li .title.app{

	background:transparent url('../img/main/ic_app.png') 0% 0% no-repeat padding-box;

}

.section02 .wrap .content .announcement_list li .title.marketing{

	background:transparent url('../img/main/ic_marketing.png') 0% 0% no-repeat padding-box;

}

.section02 .wrap .content .announcement_list li .title.convergence{

	background:transparent url('../img/main/ic_convergence.png') 0% 0% no-repeat padding-box;

}

.section02 .wrap .content .announcement_list li .num{
	margin-top:15px;
	font-family:"Pretendard Bold";	
	font-size:56px;
	line-height:66px;
	height:66px;
	color:#111;
}

.section02 .wrap .content .announcement_list li .txt{
	margin-top:15px;
	font-family:"Pretendard Regular";
	font-size:16px;
	line-height:22px;
	color:#777;
	width:285px;
	word-break:break-all;

}

.section02 .wrap .content .announcement_list li:nth-child(2n) {margin-left:30px;}
.section02 .wrap .content .announcement_list li:nth-child(-n + 2) {margin-top:50px;} 

.section03{
	clear:both;
	width:100%;
	height:520px;
	background-color:#E23434;
	background-image:url("../img/main/bg_counseling.png");
	background-size: cover;
	background-position:center center;
	opacity: 0.77;
}

.section03 .wrap{
	padding-top:85px;
}

.section03 .wrap .eng_txt{

	font-family:"Orbitron";
	font-weight:600;
	font-size:14px;
	color: #FFF;

}

.section03 .wrap .kor_txt{

	font-family:"Pretendard SemiBold";
	font-size:46px;
	line-height:70px;
	color:#fff;

}
/*http://www.wcn.co.at/ 참고*/
.section03 .slide_wrap {position:relative;width:1400px; height:330px; margin:40px auto 0 auto;overflow:hidden;}
.section03 .slide_wrap ul.artist_slide li {display:inline-block; margin-right:10px; cursor:pointer;}
.section03 .slide_wrap ul.artist_slide li a {display:inline-block; width:100%;}
.section03 .slide_wrap ul.artist_slide li .txt {
	background:#ffffff; box-sizing:border-box; padding:0px; min-height:160px; width:100%; word-break:break-all; padding:20px;
	position:relative;
}
.section03 .slide_wrap ul.artist_slide li .txt div.cate_wrap {
	position:relative;
	width:100%;
	height:30px;
}
.section03 .slide_wrap ul.artist_slide li .txt span.cate_btn {
	display:inline-block;
	width:100px; height:30px; line-height:30px;
	font-family:"Pretendard SemiBold";
	font-size:15px;
	color:#22272B;
	border-radius: 19px;
	text-align:center;
	border: 1px solid #D2DCE8;
}

.section03 .slide_wrap ul.artist_slide li .txt .status{
	position:absolute;
	width:100px;
	line-height:30px;
	display:inline-block;
	text-align:right;
	right:0;
	top:0;
	font-family:"Pretendard SemiBold";
	font-size:15px;
}

.section03 .slide_wrap ul.artist_slide li .txt .status.ing{color:#EF1B1B;}
.section03 .slide_wrap ul.artist_slide li .txt .status.confirm{color:#1a5da0;}
.section03 .slide_wrap ul.artist_slide li .txt .status.end{color:#4d6782;}

.section03 .slide_wrap ul.artist_slide li .txt .counsel_user{
	font-family:"Pretendard SemiBold";
	font-size:24px;
	color: #22272B;
	margin-top:20px;
}
.section03 .slide_wrap ul.artist_slide li .txt .counsel_date{
	font-family:"Pretendard Regular";
	font-size:14px;
	color: #888;
	margin-top:12px;
}


.section03 .slide_wrap ul.artist_slide li .txt div.eng_name {font-size:14px; letter-spacing:-0.2px; color:#000000; margin:4px 0;letter-spacing: -0.2px;}
.section03 .slide_wrap ul.artist_slide li .txt div.kor_name {font-size:14px; letter-spacing:-0.2px; color:#000000;letter-spacing: -0.2px;}
.swiper-scrollbar {width:100%; position:absolute; left:0%; top:55px; transform:translateX(-0%); bottom:0px; z-index:50; height:2px; background:none;}
.line {display:block; width:100%; height:2px; background:rgba(0, 0, 0, 0.1); position:absolute; bottom:112px; left:0;}
.artistN {position:absolute; bottom:103px; right:0%; margin-left:100px; cursor:pointer; z-index:100;}
.artistP {position:absolute; bottom:103px; left:0%; margin-right:100px; cursor:pointer; z-index:100;}

/*
.section03 .wrap ul.counseling_list{
	
	margin-top:40px;
	
}

.section03 .wrap ul.counseling_list li{
	display:inline-block; margin-right:10px; cursor:pointer;
}

.section03 .wrap ul.counseling_list li a {display:inline-block; width:100%;}
.section03 .wrap ul.counseling_list li .txt {background:#ffffff; box-sizing:border-box; padding:30px; min-height:130px; width:100%; word-break:break-all;}
.section03 .wrap ul.counseling_list li .txt div.role {font-family:"Lato"; font-size:13px; color:#b3b3b3;letter-spacing: -0.2px;}
.section03 .wrap ul.counseling_list li .txt div.eng_name {font-size:14px; letter-spacing:-0.2px; color:#000000; margin:4px 0;letter-spacing: -0.2px;}
.section03 .wrap ul.counseling_list li .txt div.kor_name {font-size:14px; letter-spacing:-0.2px; color:#000000;letter-spacing: -0.2px;}

.swiper-scrollbar{
	width:100%; position:absolute; left:0%; transform:translateX(-0%); bottom:112px; z-index:50; height:2px; background:none;
	
}
.line {display:block; width:100%; height:2px; background:rgba(0, 0, 0, 0.1); position:absolute; bottom:112px; left:0;}
.section03 .wrap .btn_wrap {text-align:center; position:absolute; bottom:70px; left:50%; transform:translateX(-50%);}
.section03 .wrap .btn_wrap a.seemore {font-size:14px; color:#666666; font-family:"Lato";}
.artistN {position:absolute; bottom:103px; right:0%; margin-left:100px; cursor:pointer; z-index:100;}
.artistP {position:absolute; bottom:103px; left:0%; margin-right:100px; cursor:pointer; z-index:100;}
*/

/*
.section03 .wrap ul.counseling_list .counseling_card{
	
	width:360px;
	height:185px;
	background-color:#fff;
	margin-right:10px;

}
*/

.section04{
	width:100%;
	background: #FFF;
	text-align:center;
	padding:80px 0 130px 0;
}

.review_wrap {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}

.review_wrap .review_list{
  position: relative;
  margin-top: 50px;
}

.review_wrap .review_swiper {
  position: static;
  padding: 80px 10px 20px 10px;
  height:400px;
}

.review_wrap .review_card_type {
  max-width:450px;
  height:280px;
  border-radius:20px;
  box-shadow:0 5px 15px 0 rgba(12, 37, 75, 0.15);
  position: relative;
  padding-top:90px;
}

.review_wrap .review_card_type .cirle_img{
	position:absolute;
	top:-60px;
	left:30px;
	width:120px;
	height:120px;
	overflow:hidden;
	/*box-shadow: 0px 3px 12px #4D678229;*/
	border: 1px solid #ccc;
	background-color:#000;
	border-radius: 100px;
	z-index:100;
}

.review_wrap .review_card_type .marks{
	position:absolute;
	top:45px;
	right:35px;
}

.review_wrap .review_card_type .review_content{
	width:400px;
	height:100px;
	margin:0px auto 0 auto;
	font-family:"Pretendard Medium";
	font-size:17px;
	color:#22272B;
	word-break:break-all;
	line-height:27px;
	text-align:left;
	padding-bottom:25px;
	border-bottom:1px solid #E8ECF5
}

.review_wrap .review_card_type .review_user{
	text-align:left;
	font-family:"Pretendard Bold";
	font-size:24px;
	color:#22272B;
	width:400px;
	margin:20px auto 0 auto;
}

.review_wrap .review_card_type .review_user span{
	font-family:"Pretendard Medium";
	font-size:15px;
}

.review_wrap .btn_swiper {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  cursor: pointer;
}
.review_wrap .news_swiper {
  position: static;
  padding: 10px 0px 20px;
  overflow: hidden !important;
}
.review_wrap .swiper-prev {
  left:-20px;
  background: url("../img/sub/btn_swiper_prev.svg") 0 0 no-repeat;
}
.review_wrap .swiper-prev:hover{
    background: url("../img/sub/btn_swiper_prev_hover.svg") 0 0 no-repeat;
    background-size: 100%;
}
.review_wrap .swiper-next {
  right:-20px;
  background: url("../img/sub/btn_swiper_next.svg") 0 0 no-repeat;
}
.review_wrap .swiper-next:hover {
  right:-20px;
  background: url("../img/sub/btn_swiper_next_hover.svg") 0 0 no-repeat;
  background-size: 100%;
}
/*
.section04 .wrap .review_wrap{
	overflow:hidden;
	width:1400px;
	margin:0 auto;
	position:relative;
	border:1px solid #ccc;
}

.section04 .wrap .review_wrap .review_list {
  position: relative;
  margin-top: 100px;
}

.con_news_blog_kr .news_swiper {
  position: static;
  padding: 10px 10px 20px;
  overflow: hidden !important;
}

.section04 .wrap .review_list li{
	position:relative;
	width: 464px;
	height: 277px;
	background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 8px 24px #4D678229;
	opacity: 1;
}
*/


.section04 .wrap .btn_wrap{

	width:100%;
	text-align:right;
	margin-top:50px;

}

.section04 .wrap .qna_wrap{

	margin-top:100px;
	display:flex;
	width:100%;
	text-align:center;
	height:470px;

}

.section04 .wrap .qna_wrap .qna_img{

	box-sizing:border-box;
	width:450px;
	background:url("../img/main/bg_qna.png") no-repeat;
	text-align:left;
	padding-left:45px;
	padding-top:70px;
	
}

.section04 .wrap .qna_wrap .qna_img .eng_txt{

	font-family:"Orbitron";
	font-weight:600;
	font-size:14px;
	color: ##E23434;

}

.section04 .wrap .qna_wrap .qna_img .kor_txt{

	font-family:"Pretendard SemiBold";
	font-size:46px;
	line-height:54px;
	color:#fff;

}

.section04 .wrap .qna_wrap .qna_img .con_txt{
	font-size:16px;
	line-height:27px;
	color:#fff;
	width:340px;
	word-break:break-all;
}

.section04 .wrap .qna_wrap .qna_img .btn_more{
	font-family:"Pretendard SemiBold";
	font-size:17px;
	line-height:28px;
	color:#fff;
	margin-top:130px;
}

.section04 .wrap .qna_wrap .qna_list{

	box-sizing:border-box;
	width:950px;
	
}

.section04 .wrap .qna_wrap .qna_list table.table-style1 td{border-bottom:1px solid #cacacd}
.section04 .wrap .qna_wrap .qna_list table.table-style1{border-top:1px solid #cacacd}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.date{text-align:center;padding:16px 0}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.date p.d{font-size:40px;font-weight:600;line-height:40px;letter-spacing:-1px;color:#222;font-family:Montserrat}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.date p.ym{font-family:Montserrat;font-size:15px;font-weight:300;line-height:15px;letter-spacing:-.4px;color:#858585;margin-top:5px}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.sbj{padding:18px 0;padding-right:50px; text-align:left;}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.sbj h3.tit1{font-size:21px;line-height:21px;letter-spacing:-.5px;color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;height:21px}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.sbj p.txt1{font-size:15px;font-weight:300;line-height:15px;letter-spacing:-.4px;color:#999;margin-top:8px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;height:15px}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.more div.plus{width:33px;height:33px;position:relative;-webkit-transition:.4s;transition:.4s}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.more div.plus span.l1{width:100%;height:1px;background:#7a7a7a;position:absolute;top:50%;left:0;margin-top:-.5px}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.more div.plus span.l2{width:1px;height:100%;background:#7a7a7a;position:absolute;top:0;left:50%;margin-left:-.5px}
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.more:hover div.plus,
.section04 .wrap .qna_wrap .qna_list table.table-style1 td.sbj:hover~td.more div.plus{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.5}

.section04 .wrap .btn_wrap button.more{

	width:250px;
	height:50px;
	line-height:50px;
	background-color:#22272B;
	color:#fff;
	font-family:"Pretendard SemiBold";
	font-size:17px;


}