@charset "utf-8";
/* CSS Document */


a:hover.link{ text-decoration:underline;}

.red{color:#ef4035 !important;}
.blue{color:#0470F2 !important;}
.green{color:#390 !important;}
.gray{color:#999 !important;}
.orange{color:#ff9c00 !important;}

.bgRed{background:#C00 !important; color:#fff !important; border-radius:3px!important; padding:4px 8px !important;}
.bgBlue{background:#0470F2 !important; color:#fff !important; border-radius:3px!important; padding:4px 8px !important;}
.bgGreen{background:#390 !important; color:#fff !important; border-radius:3px!important; padding:4px 8px !important;}
.bgGray{background:#999 !important; color:#fff !important; border-radius:3px!important; padding:4px 8px !important;}

.bglightGray{background:#f7f7f7 !important;}
.bglightBlue{background:#effcff !important;}
.bglightYellow{background:#fffdef !important;}
.darkbg{background:#1c1e20 !important;}

.li2 li{width:50%;}
.li3 li{width:33.333%;}
.li4 li{width:25%;}
.li5 li{width:20%;}
.li6 li{width:16.666%;}
.li7 li{width:14.285%;}
.li8 li{width:12.5%;}
.li9 li{width:11.111%;}
.li10 li{width:10%;}

.txt20{font-size:20px !important;}
.txt30{font-size:30px !important;}

/* ==================================================
	main
================================================== */


/*.slide_ul{display: block;}
.slide_ul > li{position:absolute; top:0; left:0; list-style:none;z-index:10; display: block;}
.slide_ul > li img{}
*/
.show{display:block;}



.main h2{font-family: 'Oswald', sans-serif;  color:#565656; font-size:30px; text-align:center; font-weight:200; line-height:110%; margin-bottom:30px;}
.main h2 span{display:marker; color:#fff; font-weight:500; position:relative;}
.main h2 span:before{content:'';position:absolute; width:100%; left:0; bottom:6px; height:1px; background:#fff; z-index:1;}

.main .contents{width:100%;}
.main .requestbg{background:url(/img/main_request_bg.jpg) no-repeat center center; background-size:cover; height:358px;}


.main .mid  .naviprev{position:absolute; left:50px; top:50%; margin-top:20px;}
.main .mid  .navinext{position:absolute; right:50px; top:50%;  margin-top:20px;}

.main .galleryList{position:relative; width:100%; overflow:hidden; max-width:1400px;}
.main .galleryList li.col2{width:32.666%;}
.main .galleryList li.col2 li.col2_in_li {width:100%; cursor:pointer; }
.main .galleryList li{width:15.833%; margin-right:1%; float:left; vertical-align:middle; margin-bottom:13px; overflow:hidden; position:relative;}
.main .galleryList li a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4);  color:#fff; font-family: 'Oswald', sans-serif; font-size:18px; font-weight:500; text-align:center;}
.main .galleryList li a span{display:block; margin:25% auto 10px; width:70px; height:70px; padding:10px 0 10px;}
.main .galleryList li > img{max-width:100%; vertical-align:middle;}
.main .galleryList li:hover a span {display:block; background:rgba(239,64,53,0.6); width:70px;  height:70px; margin:25% auto 10px; border-radius:35px; padding:10px 0 10px; }
.main .galleryList li:hover{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	z-index:10;
}
.main .galleryList li:hover a{background:rgba(0,0,0,0.8); transform: scale(1.1);
	-webkit-transform: scale(1.1); z-index:30; color:#ef4035; font-size:20px;}
.main .galleryList li:hover > img{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	
}
.main .galleryList li:nth-child(5n){margin-right:0;}
.main .galleryList li:last-child{margin-right:0;}

.main .media{position:relative; width:100%; overflow:hidden;}
.main .media li{width:49%; margin-right:2%; float:left; margin-bottom:10px;}
.main .media li:last-child{margin-right:0;}

.main .news{position:relative; width:100%; overflow:hidden;}
.main .news dl{float:left; width:29.3333%; margin:20px 2%;}
.main .news dt{color:#fff; font-weight:600; font-size:20px;}
.main .news dd{font-size:16px; padding-bottom:20px;}
.main .news dd.date{font-size:14px; color:#6f6f6f; padding:5px 0 20px;}

.main  .request h2{padding-top:3%;}
.main  .request h2 span:before{background:none; }
.main  .request p{text-align:center; font-size:17px; color:rgba(255,255,255,0.5); margin-bottom:3%;}
.main  .request .btn{width:180px;}

.main  .partner{position:relative; width:100%; overflow:hidden;}
.main  .partner ul{}
.main  .partner li{float:left; margin-right:4%; width:13.333%; margin-bottom:30px;}
.main  .partner li img{max-width:100%;}
.main  .partner li:nth-child(6n){margin-right:0;}


@media screen and (max-width:1400px){
	.main .contents > div{width:95% !important;}
}

@media screen and (max-width:1280px){

/*.main .mid ul{transform: scale(0.5);
	-webkit-transform: scale(0.5);}*/
.main  .partner li{float:left; margin-right:2%; width:18.2%; margin-bottom:20px;}
.main  .partner li:nth-child(6n){margin-right:2%;}
.main .partner li:nth-child(5n){margin-right:0;}

.main .mid ul{text-align:center; width:100%; margin:0 0; padding:0 40px; overflow:hidden; height:330px;}
.main .mid ul li{display:inline-block; width:180px; height:180px; border-radius:90px; margin:50px 0; position:relative; transition:all 0.8s cubic-bezier(0.71, -0.61, 0.43, 1.54);}
.main .mid ul li.left {  margin-left:-180px; opacity:0; }

.main .mid ul li.right { opacity:0; margin-right:-180px; }
.main .mid ul li.right_cp { margin-left:-180px; opacity:0; display:none; }

.main .mid ul li > img{width:180px; height:180px; border-radius:90px;}
.main .mid ul li a{font-size:16px; font-weight:500; border-radius:90px;}

.main .mid ul li a span{margin:18% auto 10px; transform: scale(0.8); -webkit-transform: scale(0.8);}
.main .mid ul li:hover a span{margin:18% auto;}
/*.main .mid ul li:hover a span > img{}
.main .mid ul li:hover{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	z-index:10;
}
.main .mid ul li:hover a{background:rgba(0,0,0,0.2); transform: scale(1.4);
	-webkit-transform: scale(1.4);z-index:30;}
.main .mid ul li:hover > img{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	z-index:20;
}*/
.main .mid  .naviprev{position:absolute; left:0%; top:50%; margin-top:20px;}
.main .mid  .navinext{position:absolute; right:0%; top:50%;  margin-top:20px;}

.main .galleryList li a{font-size:14px;}
.main .galleryList li:hover a{font-size:16px;}


.main .galleryList li{margin-bottom:1%; }
.main .galleryList li a span{transform: scale(0.8); -webkit-transform: scale(0.8); margin:18% auto 0;}
.main .galleryList li:hover a span {margin:18% auto 0; }

#mainvisual .visual{ height:460px; background:url(/img/main_visual01.jpg) no-repeat center center; background-size:cover;}
#mainvisual .visual .img{background:url(/img/main_visual.png) no-repeat center center;height:460px; background-size:cover;}
#mainvisual .visual .img p{margin-top:100px;}

#mainvisual .visual video{width:100%; height:1000px; margin:-300px auto 0;}
}

@media screen and (max-width:768px){
#mainvisual .visual{ height:280px; background:url(/img/main_visual01.jpg) no-repeat center center; background-size:cover;}
#mainvisual .visual .img{background:url(/img/main_visual.png) no-repeat center center;height:280px; background-size:cover;}
#mainvisual .visual .img p{margin-top:50px;}
#mainvisual .visual .img p img{width:200px;}

#mainvisual .m_visual .img p img{width:200px;}

.visual .mv01{width:100%; height:280px;}
#mainvisual .visual video{width:100%; height:1000px; margin:-380px auto 0;}


.main h2{font-size:24px; margin-bottom:20px;}
	.main .requestbg{height:auto;}
	
.main .mid ul{text-align:center; width:100%; margin:0 0; padding:0 40px; overflow:hidden; height:160px;}
.main .mid ul li{display:inline-block; width:100px; height:100px; border-radius:50px; margin:20px 0; position:relative; transition:all 0.8s cubic-bezier(0.71, -0.61, 0.43, 1.54);}
.main .mid ul li.left {  margin-left:-100px; opacity:0; }

.main .mid ul li.right { opacity:0; margin-right:-100px; }
.main .mid ul li.right_cp { margin-left:-100px; opacity:0; display:none; }

.main .mid ul li > img{width:100px; height:100px; border-radius:50px;}
.main .mid ul li a{font-size:14px; font-weight:500; border-radius:50px;}

.main .mid ul li a span{margin:5% auto 10px; transform: scale(0.5); -webkit-transform: scale(0.5); width:auto; height:auto; padding:0;}
.main .mid ul li:hover a span{margin:5% auto;  width:auto; height:auto; padding:8px 0;}

.main .galleryList li a{font-size:12px;}
.main .galleryList li:hover a{font-size:14px;}

.main .galleryList li a span{transform: scale(0.5); -webkit-transform: scale(0.5); margin:5% auto 0;}
.main .galleryList li:hover a span {margin:5% auto 0; }

/*	
.main .mid ul{padding:0 50px; height:240px;}
.main .mid ul li{ width:200px; height:200px; border-radius:100px; margin:20px 0;}
.main .mid ul li.left {margin-left:-100px; }

.main .mid ul li.right {margin-right:-100px; }
.main .mid ul li.right_cp { margin-left:-100px; }

.main .mid ul li > img{width:200px; height:200px; border-radius:100px;}
.main .mid ul li a{font-size:14px; border-radius:100px;}

.main .mid ul li a span{margin:24% auto; width:70px; height:70px; padding:5px 0 30px;}
.main .mid ul li:hover a span{margin:24% auto; width:70px; height:70px; border-radius:35px; padding:5px 0 30px;}

.main .mid ul li:hover a{background:rgba(0,0,0,0.2); transform: scale(1.1);
	-webkit-transform: scale(1.1);z-index:30;}
.main .mid ul li:hover > img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	z-index:20;
}


.main .galleryList li.col2{width:49.5%;}
.main .galleryList li{width:24.25%; margin-right:1%; float:left; vertical-align:middle; margin-bottom:4px; overflow:hidden; position:relative;}
.main .galleryList li a{font-size:16px;}	
.main .galleryList li:hover a{font-size:18px;}
.main .galleryList li:nth-child(5n){margin-right:1%;}
.main .galleryList li:nth-child(3){margin-right:0;}
.main .galleryList li:nth-child(5){margin-right:0;}
.main .galleryList li:nth-child(6){clear:both;}
.main .galleryList li:last-child{margin-right:0;}
*/
	.main .news dl{float:none; width:96%; margin:20px 2%;}
	.main .news dt{font-size:16px;}
	.main .news dd{font-size:14px; padding-bottom:20px;}
	.main .news dd.date{font-size:12px; padding:5px 0 10px;}
	
.main .media li iframe{height:200px;}

	.main  .request h2{padding-top:3%;}
.main  .request p{font-size:16px; margin-bottom:3%;}
.main  .request .btn{width:160px;}

.main  .partner li{float:left; margin-right:2%; width:23.5%; margin-bottom:20px;}
.main  .partner li:nth-child(6n){margin-right:2%;}
.main  .partner li:nth-child(5n){margin-right:2%;}
.main  .partner li:nth-child(4n){margin-right:0;}


}

@media screen and (max-width:480px){
#mainvisual .visual{ height:200px; background:url(/img/main_visual01.jpg) no-repeat center center; background-size:cover;}
#mainvisual .visual .img{background:url(/img/main_visual.png) no-repeat center center;height:200px; background-size:cover;}
#mainvisual .visual .img p{margin-top:30px;}
#mainvisual .visual .img p img{width:160px;}
#mainvisual .m_visual p img{width:100%;}
#mainvisual .m_visual .img p img{width:160px;}
.visual .mv01{width:100%; height:200px;}
#mainvisual .visual video{width:100%; height:1000px; margin:-420px auto 0;}

.main h2{font-size:20px; margin-bottom:10px;}
	.main .requestbg{height:auto;}

.main .mid ul{text-align:center; width:100%; margin:0 0; padding:0 0; overflow:hidden; height:110px;}
.main .mid ul li{display:inline-block; width:70px; height:70px; border-radius:35px; margin:20px 0; position:relative; transition:all 0.8s cubic-bezier(0.71, -0.61, 0.43, 1.54);}
.main .mid ul li.left {  margin-left:-70px; opacity:0; }

.main .mid ul li.right { opacity:0; margin-right:-70px; }
.main .mid ul li.right_cp { margin-left:-70px; opacity:0; display:none; }

.main .mid ul li > img{width:70px; height:70px; border-radius:35px;}
.main .mid ul li a{font-size:12px; font-weight:500; border-radius:35px;}

.main .mid ul li a span{margin:-5px auto; transform: scale(0.3); -webkit-transform: scale(0.3); width:auto; height:auto; padding:0;}
.main .mid ul li:hover a span{margin:-5px auto; padding:5px 5px;}


.main .galleryList li a{font-size:6px;}
.main .galleryList li:hover a{font-size:8px;}

.main .galleryList li a span{transform: scale(0.3); -webkit-transform: scale(0.3); margin:-8px auto; width:50px; height:50px;}
.main .galleryList li:hover a span {margin:-8px auto;  width:50px;  height:50px;}

/*		.main .media li{width:100%; margin-right:0; float:none; margin-bottom:2px;}
	
	.main .galleryList li.col2{width:100%; margin-right:0;}
.main .galleryList li{width:49.5%; margin-right:1%; float:left; margin-bottom:2px;}
.main .galleryList li a{font-size:14px;}	
.main .galleryList li:hover a{font-size:16px;}
.main .galleryList li:nth-child(5n){margin-right:1%;}
.main .galleryList li:nth-child(3){margin-right:1%;}
.main .galleryList li:nth-child(5){margin-right:1%;}
.main .galleryList li:nth-child(6){float:left;}
.main .galleryList li:nth-child(2n+1){margin-right:0;}
.main .galleryList li:last-child{margin-right:0;}
*/	
	.main .news dl{float:none; width:98%; margin:20px 1%;}
	.main .news dt{font-size:14px;}
	.main .news dd{font-size:12px; padding-bottom:10px;}
	.main .news dd.date{font-size:11px; padding:5px 0 10px;}
	
.main .media li iframe{height:120px;}

	
		.main  .request h2{padding-top:2%;}
.main  .request p{font-size:12px; margin-bottom:2%;}
.main  .request .btn{width:140px;}

.main  .partner li{float:left; margin-right:2%; width:32%; margin-bottom:20px;}
.main  .partner li:nth-child(6n){margin-right:2%;}
.main  .partner li:nth-child(5n){margin-right:2%;}
.main  .partner li:nth-child(4n){margin-right:2%;}
.main  .partner li:nth-child(3n){margin-right:0;}
}

/* ==================================================
	sub
================================================== */
#subvisual{clear:both; position:relative;}
#subvisual .visual{background-size:cover; width:100%; height:200px;}
#subvisual .visual h2{text-align:center; font-family: 'Oswald', sans-serif; font-size:60px; color:#333; font-weight:800;}
#subvisual .visual h2 span{position:relative; display:marker;}
#subvisual .visual h2 span:before{content:''; position:absolute; width:40px; height:1px; left:-60px; top:50%; background:rgba(255,255,255,0.2);}
#subvisual .visual h2 span:after{content:''; position:absolute; width:40px; height:1px; right:-60px; top:50%; background:rgba(255,255,255,0.2);}

@media screen and (max-width:1400px){
	.lnb{left:2.5%; margin-left:0 !important;}
}
@media screen and (max-width:1280px){
	.lnb{display:none;}
	#subvisual .visual{background-size:cover; width:100%; height:280px;}
}
@media screen and (max-width:1024px){
	.lnb{display:none;}
	#subvisual .visual{background-size:cover; width:100%; height:140px;}
}

@media screen and (max-width:768px){
	.lnb{display:none;}
	#subvisual .visual{background-size:cover; width:100%; height:100px;}
	#subvisual .visual h2{font-size:40px;}
	#subvisual .visual h2 span:before{content:''; position:absolute; width:20px; height:1px; left:-40px; top:50%; background:rgba(255,255,255,0.2);}
#subvisual .visual h2 span:after{content:''; position:absolute; width:20px; height:1px; right:-40px; top:50%; background:rgba(255,255,255,0.2);}
}

.sub .contents .about{clear:both; position:relative; padding-top:80px; overflow:hidden;}
.sub .contents .about > p{text-align:center; padding-bottom:80px; position:relative;}
.sub .contents .about > p img{max-width:100%;}
.sub .contents .about > p.txt_eng{font-size:14px;  color:#acadad;}
.sub .contents .about > p.txt_kor{font-size:16px; color:#fff;}
.sub .contents .about > p.redline:before{content:''; position:absolute; left:50%; margin-left:-22px; width:44px; height:1px; background:#ef4035; top:-40px;}
.sub .contents .about > p.whiteline:before{content:''; position:absolute; left:50%; margin-left:-22px; width:44px;height:1px;   background:#fff; top:-40px;}
.sub .contents .about > p.buleline:before{content:''; position:absolute; left:50%; margin-left:-22px; width:44px;height:1px;   background:#41c4dd; top:-40px;}
.sub .contents .about h3{font-size:40px; text-align:center; color:#fff; font-family: 'Oswald', sans-serif; font-weight:200;}
.sub .contents .about h3 span{color:#cfdd27;font-weight:600; text-transform:uppercase;}


.sub .contents .about .company{position:relative; overflow:hidden; max-width:1400px; margin:0 auto;}
.sub .contents .about .company dl{width:31.333%; margin:0 1%; border:1px solid #434547; padding:20px; text-align:center; float:left;} 
.sub .contents .about .company dt{margin-bottom:20px;}
.sub .contents .about .company dt span{display:marker; color:#ef4035; font-size:16px;}
.sub .contents .about .company dd.title{color:#fff; font-size:16px; font-weight:500; margin-top:20px;}


.sub .contents .galleryList{clear:both; position:relative; overflow:hidden;}
.sub .galleryList > ul > li{width:345px; height: 250px;margin-left:2%;  float:left; vertical-align:middle;  margin-bottom:20px; overflow:hidden; position:relative;}
.sub .galleryList > ul > li:nth-child(5n){margin-right:0;}
.sub .galleryList > ul > li a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);  color:#fff; text-align:center;}
.sub .galleryList > ul > li > img{max-width:100%; vertical-align:middle;}
.sub .galleryList > ul > li a > ul { padding:0px 20px; margin-top:20%; position:relative; overflow:hidden;}
.sub .galleryList > ul > li a > ul > li{text-align:center; display:block; padding:5px 0;}
.sub .galleryList > ul > li a > ul > li.part{color:#fff; font-family: 'Oswald', sans-serif; font-weight:500;}
.sub .galleryList > ul > li a > ul > li.part span{display:marker; border-bottom:1px solid #fff; padding-bottom:10px;}
.sub .galleryList > ul > li a > ul > li.artist{font-size:15px; width:100%; text-align:center; font-family:'나눔스퀘어''Oswald', sans-serif; font-weight:500; padding-top:50px;}
.sub .galleryList > ul > li a > ul > li.title{ width:100%; text-align:center; font-size:20px; height:1px; line-height:110%; opacity:0.0;}
.sub .galleryList > ul > li:hover{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	z-index:10;
}
.sub .galleryList li:hover a > ul {margin-top:20%;}
.sub .galleryList li:hover a > ul > li.part{color:#ef4035;}
.sub .galleryList li:hover a > ul > li.part span{border-bottom:1px solid #ef4035;  padding-bottom:0;}
.sub .galleryList li:hover a > ul > li.title{ height:50px;  margin:5% 0; opacity:1.0; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub .galleryList > ul > li:hover a{background:rgba(0,0,0,0.8);z-index:30; transform: scale(1.1);
	-webkit-transform: scale(1.1);}
.sub .galleryList > ul > li:hover > img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
}


.sub .galleryList .view{position:relative; max-width:1200px; margin:0 auto;}
.sub .galleryList .view .viewTop{ position:relative; overflow:hidden; width:100%;}
.sub .galleryList .view .viewTop .viewImg{width:40%; max-width:500px; float:left;}
.sub .galleryList .view .viewTop .viewImg img{max-width:100%;}
.sub .galleryList .view .viewTop .viewInfo{margin-left:1%; float:left; width:99%; }
.sub .galleryList .view .viewTop .viewInfo dl{width:100%;}
.sub .galleryList .view .viewTop .viewInfo dt{width:100%; color:#585757; font-size: 15px;font-family:'PurenJeonnam'; padding:20px 0; border-bottom:1px solid #2e3032; margin-bottom:20px;  }
.sub .galleryList .view .viewTop .viewInfo dd{color:#060606; font-size:14px; padding:10px 0;}
.sub .galleryList .view .viewTop .viewInfo dd span{color:#999; position:relative; width:80px; display:inline-block; font-weight:600;  font-family: 'Oswald', sans-serif;}
.sub .galleryList .view .viewTop .viewInfo dd span:after{content:''; position:absolute; width:10px; height:1px; left:80px; bottom:4px; }
.sub .galleryList .view .viewCont{clear:both; position:relative; padding:40px 0; color:#fff; border-bottom:#c7c5c5 2px solid; word-break:break-all;}

.sub .contents .media{clear:both; position:relative; padding-top:80px;}
.sub .media .movie{ position:relative;}
.sub .media .movie li{width:48%; margin-right:4%; float:left; margin-bottom:10px;}
.sub .media .movie li:last-child{margin-right:0;}

.sub .media .movie li iframe{height:400px;}

.sub .contents .photo{clear:both; position:relative; padding-top:80px; overflow:hidden;}
.sub .photo > ul > li{width:23.5%; margin-right:2%;  float:left; vertical-align:middle;  margin-bottom:30px; overflow:hidden; position:relative; cursor:pointer;}
.sub .photo > ul > li:nth-child(4n){margin-right:0;}
.sub .photo > ul > li > div{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);  color:#fff; font-size:18px; text-align:center; opacity:0.0;}
.sub .photo > ul > li > img{width:100%; vertical-align:middle;}
.sub .photo > ul > li > div > span { padding:10px 0; display:block; margin-top:25%; color:#ef4035; font-size:14px; position:relative; font-weight:400;}
.sub .photo > ul > li > div > span:after{content:''; position:absolute; left:50%; bottom:5px; margin-left:-25px; width:50px; height:1px; background:#ef4035; }
.sub .photo > ul > li:hover{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	z-index:10;
}
.sub .photo > ul > li:hover > div{opacity:1.0; background:rgba(0,0,0,0.8);z-index:30; transform: scale(1.1);
	-webkit-transform: scale(1.1);}
.sub .photo > ul > li:hover > img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transition: 0.5s;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
}


.sub .contents .request{clear:both; position:relative; padding-top:80px; overflow:hidden;}
.sub .contents .request > p{text-align:center; font-size:20px; color:#fff; padding-bottom:20px;}
.sub .contents .request > p > span{color:#ef4035; font-weight:500;}
.sub .contents .request > p.why{font-size:100px; color:#6b6c6d;  font-family: 'Oswald', sans-serif; line-height:100%; padding-bottom:0;}
.sub .contents .request .info{position:relative; overflow:hidden; z-index:2;}
.sub .contents .request .info li{float:left; width:29.333%; margin:20px 2%; color:#fff; font-size:16px; text-align:center; z-index:2;}
.sub .contents .request .info li span{display:block; font-size:24px; font-weight:600; padding:10px 0; margin-top:15%;}
.sub .contents .request .info li.img01{background:url(/img/request_bg01.jpg) no-repeat center center; background-size:cover; height:242px;}
.sub .contents .request .info li.img02{background:url(/img/request_bg02.jpg) no-repeat center center; background-size:cover; height:242px;}
.sub .contents .request .info li.img03{background:url(/img/request_bg03.jpg) no-repeat center center; background-size:cover; height:242px;}
.sub .contents .request .info:before{content:''; width:100%; height:1px; background:#434547; position:absolute; left:0; top:50%; z-index:-1;}
.sub .contents .request .why_gr{position:relative; overflow:hidden; background:url(/img/request_why.png) no-repeat center center; height:405px;  z-index:2; margin-bottom:50px;}
.sub .contents .request .why_gr:before{content:''; width:35%; height:1px; background:#434547; position:absolute; left:0; top:50%; z-index:-1;}
.sub .contents .request .why_gr:after{content:''; width:35%; height:1px; background:#434547; position:absolute; right:0; top:50%; z-index:-1;}
.sub .contents .request .why_gr dt{font-size:20px; font-weight:600;}
.sub .contents .request .why_gr dd{color:#fff; font-size:14px;}
.sub .contents .request .why_gr .why_global{position:absolute; left:5%; top:10%; width:30%; text-align:right;}
.sub .contents .request .why_gr .why_global dt{color:#cbdb2d;}
.sub .contents .request .why_gr .why_non{position:absolute; right:5%; top:10%; width:30%;}
.sub .contents .request .why_gr .why_non dt{color:#42c4de;}
.sub .contents .request .why_gr .why_needs{position:absolute; left:5%; bottom:10%; width:30%;text-align:right;}
.sub .contents .request .why_gr .why_needs dt{color:#ffc321;}
.sub .contents .request .why_gr .why_classic{position:absolute; right:5%; bottom:10%; width:30%;}
.sub .contents .request .why_gr .why_classic dt{color:#ef4035;}
.sub .contents .request .company{position:relative; overflow:hidden; max-width:1200px; margin:0 auto;}
.sub .contents .request .company dl{width:46%; margin:0 2%; border:1px solid #434547; padding:20px; text-align:center; float:left;} 
.sub .contents .request .company dt{margin-bottom:20px;}
.sub .contents .request .company dt span{display:marker; color:#ef4035; border-bottom:1px solid #ef4035; font-size:18px;}
.sub .contents .request .company dd.title{color:#fff; font-size:18px; font-weight:500; margin-top:10px;}


.sub .contents .artist{clear:both; position:relative; padding-top:80px; overflow:hidden;}


.sub .contents .partner{clear:both; position:relative; padding-top:80px; overflow:hidden;}
.sub  .partner p{margin-bottom:50px; text-align:center;}
.sub  .artist p{margin-bottom:50px; text-align:center;}
.sub  .partner ul{}
.sub  .partner li{float:left; margin-right:4%; width:13.1%; margin-bottom:30px;}
.sub  .partner li img{max-width:100%;}
.sub  .partner li:nth-child(6n){margin-right:0;}
.sub .contents .partner > p.txt_w{font-size:16px; color:#fff;}


.sub .contents .contact{clear:both; position:relative; padding-top:80px; overflow:hidden; /*max-width:1200px; margin:0 auto;*/}
.sub .contact .address{margin-top:20px;}
.sub .contact .address th, .sub .contact .address td{text-align:left; padding:10px;}
.sub .contact .address th{color:#ef4035; font-weight:500; position:relative; vertical-align:top;}
.sub .contact .address td{color:#fff;}
.sub .contact .address th:after{content:''; position:absolute; right:15px; top:26px; width:10px; height:1px; background:#ef4035;}

.sub .artist > ul > li{width:18.4%; margin-right:2%;  float:left; vertical-align:middle;  margin-bottom:30px; overflow:hidden; position:relative; border:1px solid #1c1e20; text-align:center; -webkit-transition:1s; transition:1s; }
.sub .artist > ul > li:nth-child(5n){margin-right:0;}
.sub .artist > ul > li > img{max-width:100%; vertical-align:middle;}
.sub .artist > ul > li a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.0;}
.sub .artist > ul > li:hover {border:1px solid rgba(222,222,222,0); }

.sub .artist > ul > li:hover a{background:rgba(0,0,0,0.6);  color:#fff; text-align:center; opacity:1.0; font-family: 'Oswald', sans-serif; font-weight:500;   font-size:18px; z-index:10;}
.sub .artist > ul > li:before, .sub .artist > ul > li:after {position:absolute; width:100%; height:100%; z-index:3; content:''; top:0; left:0; box-sizing:border-box; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:0.5s; transition:0.5s; }
.sub .artist > ul > li:before {border-bottom:1px solid #fff; border-left:1px solid #fff; -webkit-transform-origin:0 100%; transform-origin:0 100%; }
.sub .artist > ul > li:after {border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform-origin:100% 0%; transform-origin:100% 0%; }
.sub .artist > ul > li:hover:after, .sub .artist > ul > li:hover:before {-webkit-transform:scale(1); transform:scale(1); }


.sub .artist > ul > li .view_more {margin:35% auto 10px; display:block; width:40px; height:40px; background:#ef4035; border-radius:20px; cursor:pointer; -webkit-transition:all .3s ease; transition:all .3s ease; }
.sub .artist > ul > li:hover .view_more {}
.sub .artist > ul > li .view_more .plus {display:inline-block; width:40px; height:40px; background:url(/img/view_ico.png) no-repeat center center; -webkit-transition:-webkit-transform .8s ease-in-out; transition:transform .5s ease-in-out; } 
.sub .artist > ul > li:hover .view_more .plus {-webkit-transform:rotate(180deg); transform:rotate(180deg); }


.sub .artist .view{position:relative; max-width:1200px; margin:0 auto;}
.sub .artist .view .viewTop{/*background:#1c1e20; */position:relative; overflow:hidden; width:100%; color:#fff; font-size:30px; padding:0 0 30px 0; text-align:center;  font-weight:600; border-bottom:1px solid #ef4035;}
.sub .artist .view .viewTop .viewImg{width:40%; max-width:500px; float:left;}
.sub .artist .view .viewTop .viewImg img{max-width:100%;}
.sub .artist .view .viewTop .viewInfo{margin-left:8%; float:left; width:52%; }
.sub .artist .view .viewTop .viewInfo dl{width:100%;}
.sub .artist .view .viewTop .viewInfo dt{width:100%; color:#fff; font-size:26px; padding:15% 0; border-bottom:1px solid #2e3032; margin-bottom:10%; font-weight:600; }
.sub .artist .view .viewTop .viewInfo dd{color:#fff; font-size:16px; padding:10px 0;}
.sub .artist .view .viewTop .viewInfo dd span{color:#ef4035; position:relative; width:80px; display:inline-block; font-weight:500;  font-family: 'Oswald', sans-serif;}
.sub .artist .view .viewTop .viewInfo dd span:after{content:''; position:absolute; width:10px; height:1px; left:50px; bottom:4px; background:#ef4035;}
.sub .artist .view .viewCont{clear:both; position:relative; padding:40px 0; color:#fff; border-bottom:#434547 1px solid; text-align:left; word-break:break-all;}
.sub .artist .view .viewCont .part{font-size:16px; font-weight:400; color:#ef4035;}
.sub .artist .view .viewCont .title{font-size:24px; padding-bottom:30px; font-weight:500; }

.sub .artist .movie{ position:relative; padding:30px 0; border-bottom:1px solid #434547; overflow:hidden;}
.sub .artist .movie li{width:48%; margin-right:4%; float:left; margin-bottom:10px;}
.sub .artist .movie li:nth-child(2n){margin-right:0;}


.sub .contents .facebook{clear:both; position:relative; padding-top:80px; overflow:hidden;}
.sub .contents .facebook > p{text-align:center; padding-bottom:80px; position:relative;}
.sub .contents .facebook > p img{max-width:100%;}
.sub .contents .facebook > p.txt_eng{font-size:14px;  color:#acadad;}
.sub .contents .facebook > p.txt_kor{font-size:16px; color:#fff;}
.sub .contents .facebook > p.whiteline:before{content:''; position:absolute; left:50%; margin-left:-22px; width:44px;height:1px;   background:#fff; top:-40px;}
.sub .contents .facebook > p.buleline:before{content:''; position:absolute; left:50%; margin-left:-22px; width:44px;height:1px;   background:#00549f; top:-40px;}
.sub .contents .facebook .company{position:relative; overflow:hidden; max-width:1200px; margin:0 auto;}
.sub .contents .facebook .company dl{width:46%; margin:0 2%; border:1px solid #434547; padding:40px 20px; text-align:center; float:left;} 
.sub .contents .facebook .company dt{margin-bottom:10px;}
.sub .contents .facebook .company dd.title{color:#fff; font-size:18px; font-weight:500; margin-top:10px; margin-bottom:30px}
.sub .contents .facebook .company dl:hover{background:#00549f;  border:1px solid #00549f;}
.sub .contents .facebook .company dl dd a img{border:1px solid #00549f;}
.sub .contents .facebook .company dl:hover dd a img{border:1px solid #fff;}

/* duck */
#textA {width: 80%;}

@media screen and (max-width:1400px){
.sub .contents .request .why_gr .why_global{position:absolute; left:0; top:10%; width:30%; text-align:right;}
.sub .contents .request .why_gr .why_non{position:absolute; right:0; top:10%; width:30%;}
.sub .contents .request .why_gr .why_needs{position:absolute; left:0; bottom:10%; width:30%;text-align:right;}
.sub .contents .request .why_gr .why_classic{position:absolute; right:0; bottom:10%; width:30%;}

}
#input{width:350px;}
@media screen and (max-width:1280px){
.sub .contents .request .why_gr{ background:url(/img/request_why.png) no-repeat center center; height:405px;  z-index:2; margin-bottom:50px; background-size:30%;}
.sub .contents .request .why_gr .why_global{position:absolute; left:0; top:0; width:30%; text-align:right;}
.sub .contents .request .why_gr .why_non{position:absolute; right:0; top:0; width:30%;}
.sub .contents .request .why_gr .why_needs{position:absolute; left:0; bottom:0; width:30%;text-align:right;}
.sub .contents .request .why_gr .why_classic{position:absolute; right:0; bottom:0; width:30%;}
.sub  .partner li{float:left; margin-right:2%; width:18.2%; margin-bottom:20px;}
.sub  .partner li:nth-child(6n){margin-right:2%;}
.sub  .partner li:nth-child(5n){margin-right:0;}

.sub .media .movie li iframe{height:300px;}

.sub .galleryList .view .viewTop .viewInfo{margin-left:4%; float:left; width:96%;}
.sub .galleryList .view .viewTop .viewInfo dt{font-size:20px; padding:10px 0;}
.sub .galleryList .view .viewTop .viewInfo dd{color:#fff; font-size:14px; padding:10px 0;}
.sub .galleryList .view .viewCont{padding:30px 0;}


.sub .artist .view .viewTop .viewInfo{margin-left:4%; float:left; width:56%; }
.sub .artist .view .viewTop .viewInfo dt{font-size:20px; padding:12% 0;}
.sub .artist .view .viewTop .viewInfo dd{color:#fff; font-size:14px; padding:10px 0;}
.sub .artist .view .viewCont{ padding:30px 0; }
.sub .artist .view .viewCont .part{font-size:16px;}
.sub .artist .view .viewCont .title{font-size:24px;}
#input{width:350px;}

.sub .galleryList > ul > li {width:32%; height: 220px;margin-left:1%;  float:left; vertical-align:top;  margin-bottom:1%; overflow:hidden; position:relative;}
/* width: 30%; */
}

@media screen and (max-width:1024px){
.sub .contents .request .why_gr{ background:url(/img/request_why.png) no-repeat center center; height:405px;  z-index:2; margin-bottom:50px; background-size:30%;}
.sub .contents .request .why_gr .why_global{position:absolute; left:0; top:0; width:30%; text-align:right;}
.sub .contents .request .why_gr .why_non{position:absolute; right:0; top:0; width:30%;}
.sub .contents .request .why_gr .why_needs{position:absolute; left:0; bottom:0; width:30%;text-align:right;}
.sub .contents .request .why_gr .why_classic{position:absolute; right:0; bottom:0; width:30%;}
.sub  .partner li{float:left; margin-right:2%; width:18.2%; margin-bottom:20px;}
.sub  .partner li:nth-child(6n){margin-right:2%;}
.sub  .partner li:nth-child(5n){margin-right:0;}

.sub .media .movie li iframe{height:300px;}

.sub .galleryList .view .viewTop .viewInfo{margin-left:1%; float:left; width:99%;}
.sub .galleryList .view .viewTop .viewInfo dt{font-size:20px; padding:10px 0;}
.sub .galleryList .view .viewTop .viewInfo dd{color:#fff; font-size:14px; padding:10px 0;}
.sub .galleryList .view .viewCont{padding:30px 0;}


.sub .artist .view .viewTop .viewInfo{margin-left:4%; float:left; width:56%; }
.sub .artist .view .viewTop .viewInfo dt{font-size:20px; padding:12% 0;}
.sub .artist .view .viewTop .viewInfo dd{color:#fff; font-size:14px; padding:10px 0;}
.sub .artist .view .viewCont{ padding:30px 0; }
.sub .artist .view .viewCont .part{font-size:16px;}
.sub .artist .view .viewCont .title{font-size:24px;}

	#input{width:350px;}

.sub .galleryList > ul > li {width:32%; height: 180px;margin-left:1%;  float:left; vertical-align:top;  margin-bottom:1%; overflow:hidden; position:relative;}

}

@media screen and (max-width:768px){
		.txt20{font-size:16px !important;}
.txt30{font-size:20px !important;}
#input{width:350px;}
	.sub .contents .about{ padding-top:40px; }
.sub .contents .about > p{padding-bottom:40px;}
.sub .contents .about > p br{display:none;}
.sub .contents .about > p.redline:before{ top:-20px;}
.sub .contents .about > p.whiteline:before{top:-20px;}
.sub .contents .about > p.buleline:before{top:-20px;}
.sub .contents .about > p.txt_eng{font-size:12px;}
.sub .contents .about > p.txt_kor{font-size:14px;}
.sub .contents .about h3{font-size:20px; }

.sub .contents .about .company dl{width:98%; margin:0 1% 10px; float:none;}
.sub .media .movie li iframe{height:200px;}

.sub .contents .galleryList{padding-top:10px;}
.sub .galleryList > ul > li{width:48%; }
.sub .galleryList > ul > li:nth-child(5n){margin-right:0%;}
.sub .galleryList > ul > li:nth-child(3n){margin-right:0;}
.sub .galleryList > ul > li a > ul { padding:20px 20px; margin-top:20%;}
.sub .galleryList li:hover a > ul {margin-top:10%;}
.sub .galleryList li:hover a > ul > li.title{ height:40px;  margin:3% 0; }
.sub .galleryList > ul > li a > ul > li.artist{font-size:13px; }
.sub .galleryList > ul > li a > ul > li.title{font-size:16px;}

.sub .galleryList .view .viewTop .viewInfo{margin-left:1%; float:left; width:99%;}
.sub .galleryList .view .viewTop .viewInfo dt{font-size:18px; padding:10px 0;}
.sub .galleryList .view .viewTop .viewInfo dd{color:#fff; font-size:12px; padding:5px 0;}
.sub .galleryList .view .viewCont{padding:30px 0;}

.sub .artist .view .viewTop .viewInfo{margin-left:4%; float:left; width:56%; }
.sub .artist .view .viewTop .viewInfo dt{font-size:18px; padding:12% 0;}
.sub .artist .view .viewTop .viewInfo dd{color:#fff; font-size:12px; padding:10px 0;}
.sub .artist .view .viewCont{ padding:30px 0; }
.sub .artist .view .viewCont .part{font-size:14px;}
.sub .artist .view .viewCont .title{font-size:20px;}

.sub .artist .movie{ padding:20px 0;}
.sub .artist .movie li{width:49%; margin-right:2%; float:left; margin-bottom:10px;}
.sub .artist .movie li:nth-child(2n){margin-right:0;}

.sub .artist > ul > li{width:32%; margin-right:2%;}
.sub .artist > ul > li:nth-child(5n){margin-right:2%;}
.sub .artist > ul > li:nth-child(3n){margin-right:0;}

.sub .media .movie li{width:49%; margin-right:2%; float:left; margin-bottom:10px;}
.sub .photo > ul > li{width:32%; margin-right:2%;  float:left; margin-bottom:20px;}
.sub .photo > ul > li:nth-child(4n){margin-right:2%;}
.sub .photo > ul > li:nth-child(3n){margin-right:0;}
.sub .photo > ul > li > div{font-size:16px;}

	.sub .contents .media{padding-top:40px;}
	.sub .contents .photo{padding-top:40px;}
	.sub .contents .request{padding-top:40px;}
	.sub .contents .contact{padding-top:40px;}
	.sub .contents .partner{padding-top:40px;}
	.sub .contents .artist{padding-top:40px;}
	.sub .contents .facebook{padding-top:40px;}
	.sub .contents .request > p{font-size:16px;}
	.sub .contents .request > p.why{font-size:50px;}
	.sub .contents .request .info li{float:left; width:96%; margin:10px 2%; color:#fff; font-size:14px; }
	.sub .contents .request .info li span{display:block; font-size:20px;margin-top:10%;}
	
	.sub .contents .request .info li.img01{height:200px;}
	.sub .contents .request .info li.img02{height:200px;}
	.sub .contents .request .info li.img03{height:200px;}
	
	.sub .contents .request .why_gr{ background:url(/img/request_why.png) no-repeat center center; height:480px;  z-index:2; margin-bottom:50px; background-size:35%;}
	.sub .contents .request .why_gr .why_global{position:absolute; left:0; top:0; width:45%; text-align:left;}
.sub .contents .request .why_gr .why_non{position:absolute; right:0; top:0; width:45%; text-align:right;}
.sub .contents .request .why_gr .why_needs{position:absolute; left:0; bottom:0; width:45%; text-align:left;}
.sub .contents .request .why_gr .why_classic{position:absolute; right:0; bottom:0; width:45%; text-align:right;}
.sub .contents .request .why_gr dt{font-size:18px;}
.sub .contents .request .why_gr dt span{display:block;}
.sub .contents .request .why_gr dd{font-size:13px;}

.sub .contents .request .company dl{width:96%; margin:0 2% 5px; padding:20px; float:none;} 
.sub .contents .request .company dt span{font-size:16px;}
.sub .contents .request .company dd.title{font-size:16px;}

.sub .contents .about .company dl{width:96%; margin:0 2% 5px; padding:20px; float:none;} 
.sub .contents .about .company dt span{font-size:16px;}
.sub .contents .about .company dd.title{font-size:16px;}

.sub .contents .contact iframe{height:400px !important;}
.sub .contact .address th, .sub .contact .address td{text-align:left; padding:5px;}
.sub .contact .address th:after{content:''; position:absolute; right:15px; top:20px; width:10px; height:1px; background:#ef4035;}

.sub  .partner p{font-size:12px;}
.sub  .artist p{font-size:12px;}
.sub  .partner li{float:left; margin-right:2%; width:23.5%; margin-bottom:20px;}
.sub  .partner li:nth-child(6n){margin-right:2%;}
.sub  .partner li:nth-child(5n){margin-right:2%;}
.sub  .partner li:nth-child(4n){margin-right:0;}

.sub .contents .facebook > p{padding-bottom:40px;}
.sub .contents .facebook > p.redline:before{ top:-20px;}
.sub .contents .facebook > p.whiteline:before{top:-20px;}
.sub .contents .facebook > p.buleline:before{top:-20px;}
.sub .contents .facebook > p.txt_eng{font-size:12px;}
.sub .contents .facebook > p.txt_kor{font-size:14px;}

.sub .contents .facebook .company dl{width:96%; margin:0 2% 5px; padding:20px 10px; float:none;} 
.sub .contents .facebook .company dd.title{color:#fff; font-size:16px; margin-bottom:20px}
.sub .contents .facebook .company dl dd a img{height:30px;}

.sub .artist .movie li  iframe{height:200px !important;}

#textA {width: 60%;}
}


@media screen and (max-width:480px){
	
	#input{width:90%; }	
.txt20{font-size:14px !important;}
.txt30{font-size:18px !important;}
	
.sub .galleryList > ul > li{width:97%; margin-right:2%; height: 100%;}
.sub .galleryList > ul > li:nth-child(5n){margin-right:2%;}
.sub .galleryList > ul > li:nth-child(3n){margin-right:2%;}
.sub .galleryList > ul > li:nth-child(2n){margin-right:0; margin-bottom:1%;}
.sub .galleryList > ul > li a > ul { padding:10px 20px; margin-top:10%;}
.sub .galleryList li:hover a > ul > li.title{ height:34px;  margin:2% 0; }
.sub .galleryList > ul > li a > ul > li.artist{font-size:12px; }
.sub .galleryList > ul > li a > ul > li.title{font-size:14px;}

.sub .galleryList .view .viewTop .viewImg{width:95%; margin: 2.5%;}
.sub .galleryList .view .viewTop .viewInfo{clear:both; width:97%; margin:0 2.5%; float:none; padding:10px ;}
.sub .galleryList .view .viewTop .viewInfo dt{font-size:16px; padding:10px;margin-bottom:0;}
.sub .galleryList .view .viewTop .viewInfo dd{color:#fff; font-size:11px; padding:5px 10px;}
.sub .galleryList .view .viewCont{padding:10px 0;}

.sub .artist > ul > li{width:49%; margin-right:2%; }
.sub .artist > ul > li:nth-child(5n){margin-right:2%;}
.sub .artist > ul > li:nth-child(3n){margin-right:2%;}
.sub .artist > ul > li:nth-child(2n){margin-right:0; margin-bottom:15px;}

.sub .artist .view .viewTop .viewImg{width:95%; margin:0 2.5%;}
.sub .artist .view .viewTop .viewInfo{clear:both; width:95%; margin:0 2.5%; float:none; padding:10px ;}
.sub .artist .view .viewTop .viewInfo dt{font-size:16px;  padding:10px;margin-bottom:0;}
.sub .artist .view .viewTop .viewInfo dd{color:#fff; font-size:10px;padding:5px 10px;}
.sub .artist .view .viewCont{ padding:10px 0; }
.sub .artist .view .viewCont .part{font-size:12px;}
.sub .artist .view .viewCont .title{font-size:18px;}

.sub .artist .movie{ padding:10px 0;}
.sub .artist .movie li{width:100%; margin-right:0; float:none; margin-bottom:10px; clear:both;}

.sub .media .movie li{width:100%; margin-right:0; float:left; margin-bottom:10px;}
.sub .photo > ul > li{width:49%; margin-right:2%;  float:left; margin-bottom:10px;}
.sub .photo > ul > li:nth-child(4n){margin-right:2%;}
.sub .photo > ul > li:nth-child(3n){margin-right:2%;}
.sub .photo > ul > li:nth-child(2n){margin-right:0;}
.sub .photo > ul > li > div{font-size:14px;}

	.sub .contents .media{padding-top:20px;}
	.sub .contents .photo{padding-top:20px;}
	.sub .contents .request{padding-top:20px;}
	.sub .contents .contact{padding-top:20px;}
	.sub .contents .partner{padding-top:20px;}
	.sub .contents .artist{padding-top:20px;}
	.sub .contents .facebook{padding-top:20px;}
	.sub .contents .request > p{font-size:16px;}
	.sub .contents .request > p.why{font-size:50px;}
	.sub .contents .request .info li{float:left; width:96%; margin:5px 2%; color:#fff; font-size:14px; }
	.sub .contents .request .info li span{display:block; font-size:20px;margin-top:10%;}
	
	.sub .contents .request .info li.img01{height:160px;}
	.sub .contents .request .info li.img02{height:160px;}
	.sub .contents .request .info li.img03{height:160px;}
	
		.sub .contents .request .why_gr{ background:url(/img/request_why.png) no-repeat center center; height:500px;  z-index:2; margin-bottom:50px; background-size:50%;}
	.sub .contents .request .why_gr .why_global{position:absolute; left:0; top:0; width:45%; text-align:left;}
.sub .contents .request .why_gr .why_non{position:absolute; right:0; top:0; width:45%; text-align:right;}
.sub .contents .request .why_gr .why_needs{position:absolute; left:0; bottom:0; width:45%; text-align:left;}
.sub .contents .request .why_gr .why_classic{position:absolute; right:0; bottom:0; width:45%; text-align:right;}
.sub .contents .request .why_gr dt{font-size:14px;}
.sub .contents .request .why_gr dd{font-size:11px;}

.sub .contents .about .company dl{width:96%; margin:0 2% 5px; padding:10px; float:none;} 
.sub .contents .about .company dt span{font-size:14px;}
.sub .contents .about .company dd.title{font-size:14px;}
.sub .contents .about .company dd{font-size:12px;}
.sub .contents .about .company dd img{width:60px;}

.sub .contents .request .company dl{width:96%; margin:0 2% 5px; padding:10px; float:none;} 
.sub .contents .request .company dt span{font-size:14px;}
.sub .contents .request .company dd.title{font-size:14px;}
.sub .contents .request .company dd{font-size:12px;}
.sub .contents .request .company dd img{width:60px;}

.sub .contents .contact iframe{height:240px !important;}

.sub .contact .address th{font-size:11px;}
.sub .contact .address td{font-size:11px;}
.sub .contact .address th:after{content:''; position:absolute; left:80%; top:20px; width:5px; height:1px; background:#ef4035;}

.sub  .partner li{float:left; margin-right:2%; width:32%; margin-bottom:20px;}
.sub  .partner li:nth-child(6n){margin-right:2%;}
.sub  .partner li:nth-child(5n){margin-right:2%;}
.sub  .partner li:nth-child(4n){margin-right:2%;}
.sub  .partner li:nth-child(3n){margin-right:0;}

.sub .contents .facebook .company dl{width:96%; margin:0 2% 5px; padding:20px 10px; float:none;} 
.sub .contents .facebook .company dt img{width:60px;}
.sub .contents .facebook .company dd.title{color:#fff; font-size:12px; margin-bottom:10px}
.sub .contents .facebook .company dl dd a img{height:24px;}
#textA {width: 90%;}

#inBtn {display: inline;padding: 8px 40px;}
}
.view1{padding-left: 20px;padding-bottom: 10%;padding-top: 5px; border: 1px solid rgba(215,214,214,1.00);margin-top: 30px;margin-bottom: 50px;
	
}