@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2017-05-30
******************************************************** */
/* @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); */

/* ******************  메인 비주얼 ********************** */
/* -------- 메인 비주얼 -------- */
#mainVisual{position:relative; min-height:750px; /* margin:0 60px */}
#mainFirstVisualCon{position:absolute; top:0; left:0; height:100%; width:100%; background-color:#fff; z-index:10;}
#mainfirstVideoCon, #mainFirstImgCon{position:absolute; top:0px; left:60px; right:60px; height:100%; overflow:hidden; z-index:10;}
#mainFirstImgCon{z-index:11;}
.scroll-icon{position:absolute; bottom:45px; left:50%; margin-left:-35px; z-index:999}
#mainVisualBox {
	width: 100%;
	height: 100%;
	text-align:center;
	/* overflow: hidden; */
	position: relative;
}	
.main-slide-list-con {
	width: 100%;
	height: 100%;
	position: relative;
}
#mainVisualBox .slick-list,
#mainVisualBox .slick-track,
#mainVisualBox .main-visual-item img{
	width:100%;
	height:100%;
}
#mainVisualBox .main-visual-item{background-size:cover !important;}
#mainVisualBox .main-visual-item img{display:none;}
/* 비주얼 :: 텍스트 */
#mainVisualBox .main-visual-txt-con{position:absolute; top:50%; margin-top:-54px; left:10%; text-align:left; z-index:9}
#mainVisualBox .main-visual-txt-con .main-visual-txt{display:block; color:#fff; font-size:20px;font-weight:400; padding-bottom:20px}
#mainVisualBox .main-visual-txt-con .main-visual-txt span{font-size:35px; font-weight:600; letter-spacing:0px; margin-left:0px;}
#mainVisualBox .main-visual-txt-con .video-play-btn{display:inline-block; margin-top:25px; color:#fff; font-size:15px;}
#mainVisualBox .main-visual-txt-con .video-play-btn img{margin-right:10px;}
/* 비주얼 :: 비디오영역 */
#mainVideoCon{width:100%; height:100%; overflow:hidden; /* position:absolute; top:0; left:0; margin-left:-900px; */ position:relative;}
#mainVisual video {
	/* position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%); */
	position:absolute; left:0; top:0; width:100%;
}
#mainVisual .video-cover {
	position:absolute; top:0; left:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:1;
	background:url(/images/layout/video_cover.png) repeat-x	50% 0;
}
/* 비주얼 :: 화살표 */
#mainVisualBox .slick-arrow{
	position:absolute; top:50%; width:80px; height:80px; margin-top:-40px; z-index:9; font-size:0; opacity:0;filter:Alpha(opacity=0); z-index:99;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
#mainVisualBox .slick-arrow.open{opacity:1.0;filter:Alpha(opacity=100);}
#mainVisualBox .slick-prev{left:0;background:url(/images/button/main_visual_prev_btn.png) no-repeat 50% 50%}
#mainVisualBox .slick-next{right:0;background:url(/images/button/main_visual_next_btn.png) no-repeat 50% 50%}

/* -------- 메인 비주얼 컨텐츠 -------- */
.main-visual-middle-con{
	position:absolute; top:50%; left:50%;width:390px; height:520px; margin:-270px 0 0 -205px; z-index:9;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.main-visual-middle-con.active{background-color:#333; background-color:rgba(0,0,0,0.4); }
.main-visual-middle-con .top-txt1,
.main-visual-middle-con .top-txt2,
.main-visual-middle-con .bottom-txt,
.main-visual-middle-con .video-play-btn{
	position:absolute; 
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s
}
.main-visual-middle-con .top-txt1{
	top:50px; left:-175px; 
	 -webkit-transform: translateX(-80px);
	  -ms-transform: translateX(-80px);
	  -o-transform: translateX(-80px);
	  transform: translateX(-80px);
	  -webkit-transition-delay:0.8s;-moz-transition-delay: 0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s
}
.main-visual-middle-con .top-txt2{
	top:100px; right:-153px;
	 -webkit-transform: translateX(80px);
	  -ms-transform: translateX(80px);
	  -o-transform: translateX(80px);
	  transform: translateX(80px);	
	  -webkit-transition-delay:0.8s;-moz-transition-delay: 0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s
}
.main-visual-middle-con .bottom-txt{
	bottom:50px; left:0px; width:100%; text-align:center; color:#fafafa; font-size:22px; letter-spacing:-0.5px; line-height:36px;
	 -webkit-transform: translateY(80px);
	  -ms-transform: translateY(80px);
	  -o-transform: translateY(80px);
	  transform: translateY(80px);	
	  -webkit-transition-delay:0.8s;-moz-transition-delay: 0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s
}
.main-visual-middle-con .video-play-btn{
	top:50%; left:50%; margin:-41px 0 0 -41px;
	color:#fff; font-size:15px;
	-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-ms-transition-delay:1.2s;transition-delay:1.2s
}
.main-visual-middle-con .video-play-btn img{display:block; margin-bottom:10px}
.main-visual-middle-con.active .top-txt1,
.main-visual-middle-con.active .top-txt2{
	 -webkit-transform: translateX(0);
	  -ms-transform: translateX(0);
	  -o-transform: translateX(0);
	  transform: translateX(0);	
	opacity:1.0;filter:Alpha(opacity=100);
}
.main-visual-middle-con.active .bottom-txt{
	 -webkit-transform: translateY(0);
	 -ms-transform: translateY(0);
	  -o-transform: translateY(0);
	  transform: translateY(0);	
	opacity:0.8;filter:Alpha(opacity=80);
}
.main-visual-middle-con.active .video-play-btn{
	 -webkit-transform: translateY(0);
	 -ms-transform: translateY(0);
	  -o-transform: translateY(0);
	  transform: translateY(0);	
	  opacity:1.0;filter:Alpha(opacity=100);
}


.main-visual-middle-con .line{
	display:block; position:absolute; background-color:#2f60ec;
	-webkit-transition:all 0.5s; transition:all 0.5s
}
.main-visual-middle-con .line.left-line{bottom:0; left:0; width:10px; height:0; -webkit-transition-delay:1.2s; transition-delay:1.2s}
.main-visual-middle-con .line.top-line{top:0px; left:0px; width:0; height:10px; -webkit-transition-delay:0.8s; transition-delay:0.8s }
.main-visual-middle-con .line.right-line{top:0px; right:0px; width:10px; height:0; -webkit-transition-delay:0.4s; transition-delay:0.4s}
.main-visual-middle-con .line.bottom-line{bottom:0px; right:0px; width:0; height:10px; -webkit-transition-delay:0s; transition-delay:0s}
.main-visual-middle-con.active .left-line{height:100%; -webkit-transition-delay:0s; transition-delay:0s }
.main-visual-middle-con.active .top-line{width:100%; -webkit-transition-delay:0.4s; transition-delay:0.4s }
.main-visual-middle-con.active .right-line{height:100%; -webkit-transition-delay:0.8s; transition-delay:0.8s }
.main-visual-middle-con.active .bottom-line{width:100%; -webkit-transition-delay:1.2s; transition-delay:1.2s }


/* -------- 메인 :: SIDEBAR -------- */
#mainSideBar{position:fixed; top:47%; right:90px; height:120px; z-index:999 }
#mainSideBar ul li{position:relative; height:26px; margin:5px 0;  text-align:right; }
#mainSideBar ul li .side-bar-icon{
	position:absolute; top:0px; right:0px; width:26px; height:26px; background-color:#0c6aa6; border-radius:26px;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
#mainSideBar ul li .side-bar-icon:after{display:block; content:""; width:8px; height:1px; margin:13px auto; background-color:rgba(255,255,255,0.6)}
#mainSideBar ul li strong{position:relative; z-index:1; line-height:26px; color:#878787; font-size:11px; font-weight:600; margin-right:35px;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
#mainSideBar ul li a:hover .side-bar-icon, #mainSideBar ul li.on a .side-bar-icon{width:136px;}
#mainSideBar ul li a:hover .side-bar-icon:after, #mainSideBar ul li.on a .side-bar-icon:after{opacity:0;filter:Alpha(opacity=0);}
#mainSideBar ul li a:hover strong, #mainSideBar ul li.on strong{color:#fff; margin-right:70px;}
#mainSideBar ul li.sidebar3 a:hover strong, #mainSideBar ul li.sidebar3.on strong{color:#fff; margin-right:20px;}
#mainSideBar ul li.sidebar4 a:hover strong, #mainSideBar ul li.sidebar4.on strong{color:#fff; margin-right:60px;}
@media all and (max-width:1500px){
	#mainVisual{/* margin:0 10px */}
	#mainfirstVideoCon, #mainFirstImgCon{left:10px; right:10px;}
}

@media all and (max-width:1220px){
	#mainVisual{margin:0; min-height:auto}
	#mainfirstVideoCon, #mainFirstImgCon{left:0; right:0;}
	.scroll-icon{display:none;}
	#mainVideoCon video {max-width:100%; max-height:100%; top:-50px}
	#mainfirstVideoCon .video-cover{display:none}
	#mainFirstImgCon{display:none}
	/* 비주얼 :: 이미지 */
	#mainVisualBox .main-visual-item {background-image:none}
	#mainVisualBox .main-visual-item img{display:block;}
	/* 비주얼 :: 텍스트 */
	#mainVisualBox .main-visual-txt-con{margin-top:-42px; left:5%;}
	#mainVisualBox .main-visual-txt-con .main-visual-txt{font-size:30px;}
	#mainVisualBox .main-visual-txt-con .main-visual-txt span{font-size:16px; letter-spacing:5px;}
	#mainVisualBox .main-visual-txt-con .video-play-btn{margin-top:15px; font-size:13px;}
	#mainVisualBox .main-visual-txt-con .video-play-btn img{width:27px;}
	/* 비주얼 :: 화살표 */
	#mainVisualBox .slick-arrow{display:none !important;}
	#mainSideBar{right:-200px;}
	.main-visual-middle-con{width:150px; height:130px; margin:-65px 0 0 -75px; display:none !important; }
	.main-visual-middle-con .line.left-line{width:4px;}
	.main-visual-middle-con .line.top-line{height:4px;}
	.main-visual-middle-con .line.right-line{width:4px;}
	.main-visual-middle-con .line.bottom-line{height:4px;}
}
@media all and (max-width:768px){
	#mainVisualBox .main-visual-txt-con{left:0; width:100%; text-align:center;}
	#mainVisualBox .main-visual-txt-con .main-visual-txt{font-size:18px;}
	#mainVisualBox .main-visual-txt-con .main-visual-txt span{display:block; margin-top:8px; font-size:10px;}
	#mainVisualBox .main-visual-txt-con .video-play-btn{font-size:11px; margin-top:5px;}
}
@media all and (max-width:480px){
	#mainVisualBox .main-visual-txt-con .main-visual-txt{font-size:12px; padding-bottom:13px;}
}
/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 :: 공통 -------- */
.main-tit, .main-tit span, .main-sub-tit-txt{
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.main-tit{text-align:center; color:#080808; font-size:52px; font-family:"Nanum Square",'NanumSquare',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.main-tit strong{font-weight:600; letter-spacing:-0.3px;}
.main-tit span{margin-left:15px; font-size:30px; font-weight:400}
.main-sub-tit-txt{text-align:center; padding:1% 0; color:#3a3a3a; font-size:18px; letter-spacing:-0.3px;}
@media all and (max-width:1220px){
	.main-tit{font-size:36px}
	.main-tit span{font-size:22px}
	.main-sub-tit-txt{font-size:14px}
}
@media all and (max-width:768px){
	.main-tit{font-size:28px}
	.main-tit span{font-size:16px}
	.main-sub-tit-txt{display:none; font-size:12px; }
}

/* -------- 메인 :: 사업영역 -------- */
#mainBusinessCon{background-color:#f0f0f0; padding:4% 0 7%; margin-top:60px}
#mainBusinessInner{width:100%; max-width:1548px; margin:0px auto;}
.main-business-quickmenu-con{padding-top:6%;}
.main-business-quickmenu-con ul{background:url(/images/main/main_business_bg.jpg) no-repeat 50% 0; background-size:contain}
.main-business-quickmenu-con ul li{float:left; width:33.33%; text-align:center; padding:5% 0;}
.main-business-quickmenu-con ul li .quick-menu-con-inner{padding:0 5%;}
.main-business-quickmenu-con ul li .main-business-tit{display:block; font-weight:400; font-size:33px; padding-bottom:22px; color:#131313;}
.main-business-quickmenu-con ul li .main-business-eng-tit{font-size:18px; color:#131313;}
.main-business-quickmenu-con ul li .main-business-icon {max-width:180px; margin:0px auto; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.main-business-quickmenu-con ul li .main-business-icon span{
	position:relative; display:block; width:100%; height:0; padding-top:100%; margin:25px auto; border-radius:50%; background:#fff; background-size:cover !important;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.main-business-quickmenu-con ul li.quick-menu1 .main-business-icon span{background:#fff url(/images/main/main_business_icon1_off.png) no-repeat 50% 50%;}
.main-business-quickmenu-con ul li.quick-menu2 .main-business-icon span{background:#fff url(/images/main/main_business_icon2_off.png) no-repeat 50% 50%;}
.main-business-quickmenu-con ul li.quick-menu3 .main-business-icon span{background:#fff url(/images/main/main_business_icon3_off.png) no-repeat 50% 50%;}
.main-business-quickmenu-con ul li:hover .main-business-icon span{
	-ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
.main-business-quickmenu-con ul li.quick-menu1:hover .main-business-icon span{background:#1e4888 url(/images/main/main_business_icon1_on.png) no-repeat 50% 50%;}
.main-business-quickmenu-con ul li.quick-menu2:hover .main-business-icon span{background:#1e4888 url(/images/main/main_business_icon2_on.png) no-repeat 50% 50%;}
.main-business-quickmenu-con ul li.quick-menu3:hover .main-business-icon span{background:#1e4888 url(/images/main/main_business_icon3_on.png) no-repeat 50% 50%;}
.main-business-quickmenu-con ul li .main-business-txt{color:#242424; font-size:18px; letter-spacing:-0.6px; line-height:28px; padding-bottom:30px;}
.main-business-quickmenu-con ul li .main-business-txt .business-more-btn-m{display:none;}
.main-business-quickmenu-con ul li .business-more-btn{overflow:hidden; display:block; position:relative; width:80px; height:80px; line-height:80px; margin:0px auto; color:#5f5f5f; border:1px solid #005696;}
.main-business-quickmenu-con ul li .business-more-btn:before{
	display:block; content:""; position:absolute; top:-50%; left:-50%; width:200%; height:200%; border-radius:50%; background-color:#005696;
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
     transform: translateY(100%);
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.main-business-quickmenu-con ul li .business-more-btn:hover:before{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
     transform: translateY(0%);
}
.main-business-quickmenu-con ul li .business-more-btn span{position:relative; z-index:1; color:#5f5f5f;}
.main-business-quickmenu-con ul li .business-more-btn:hover span{color:#fff;}
@media all and (max-width:1500px){
	#mainBusinessCon{margin-top:10px}
}
@media all and (max-width:1220px){
	#mainBusinessCon{margin-top:0px}
	.main-business-quickmenu-con ul li .main-business-tit{font-size:24px;}
	.main-business-quickmenu-con ul li .main-business-eng-tit{font-size:16px;}
	.main-business-quickmenu-con ul li .main-business-icon{max-width:100px}
	.main-business-quickmenu-con ul li .main-business-txt{height:78px; padding-bottom:0; font-size:16px; line-height:24px; word-break:keep-all;}
	.main-business-quickmenu-con ul li .main-business-txt br{display:none}
	.main-business-quickmenu-con ul li .business-more-btn{width:60px; height:60px; line-height:60px;}

}
@media all and (max-width:768px){
	.main-business-quickmenu-con ul{background:none;}
	.main-business-quickmenu-con ul li {float:none; width:auto; padding:20px 10px;}
	.main-business-quickmenu-con ul li.quick-menu1{padding-top:10px;}
	.main-business-quickmenu-con ul li.quick-menu2{border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4;}
	.main-business-quickmenu-con ul li.quick-menu3{padding-bottom:10px;}
	.main-business-quickmenu-con ul li .quick-menu-con-inner{padding:0;text-align:left;}
	.main-business-quickmenu-con ul li .main-business-item-tit,
	.main-business-quickmenu-con ul li .main-business-icon,
	.main-business-quickmenu-con ul li .main-business-txt{
		display:inline-block;
		vertical-align:middle;
	}
	.main-business-quickmenu-con ul li .main-business-item-tit{/* float:left; */ width:30%; }
	.main-business-quickmenu-con ul li .main-business-tit{font-size:18px; padding-bottom:12px}
	.main-business-quickmenu-con ul li .main-business-eng-tit{font-size:14px}
	.main-business-quickmenu-con ul li .main-business-icon{width:24%;}
	.main-business-quickmenu-con ul li .main-business-icon span{margin:0;}
	.main-business-quickmenu-con ul li .main-business-txt{height:auto; width:38%; padding-left:4%; font-size:13px; line-height:20px;}
	.main-business-quickmenu-con ul li .main-business-txt .business-more-btn-m{display:block; width:60px; height:22px; line-height:22px; color:#fff; background-color:#005696; text-align:center; font-size:11px; margin-top:10px;}
	.main-business-quickmenu-con ul li .business-more-btn{display:none;}
}
/* -------- 메인 :: 글로벌 네트워크 -------- */
#mainGlobalCon{ background-color:#222732; padding:6% 0 7%;}
#mainGlobalCon .main-tit{color:#fff;}
#mainGlobalCon .main-sub-tit-txt{opacity:0.6;filter:Alpha(opacity=60); color:#fff; padding:1% 0;}
.global-more-btn{position:absolute; top:-110px; right:0; color:#fff;}
.global-more-btn i{font-size:34px;}
.global-more-btn:hover i{color:#fff;}
@media all and (max-width:1220px){
	.global-more-btn{top:-100px; right:10px;}
}
@media all and (max-width: 768px){
	.global-more-btn{top:-25%;}
	.global-more-btn i{font-size:30px}
}

/* -------- 메인 :: 투자정보 -------- */
#mainInvestorCon{overflow:hidden; padding:4% 0; line-height:58px}
#mainInvestorCon dl{overflow:hidden;}
#mainInvestorCon dt{float:left; font-size:20px; color:#444; font-weight:300}
#mainInvestorCon dt strong{color:#000; font-size:35px; letter-spacing:-0.75px; margin-right:15px; }
#mainInvestorCon dd{float:right;}
#mainInvestorCon dd .invest-content p,
#mainInvestorCon dd .invest-content a{display:inline-block;}
#mainInvestorCon dd .invest-content .invest-price *{vertical-align:middle; letter-spacing:-0.75px;}
#mainInvestorCon dd .invest-content .invest-price span{color:#1b5a9b; font-size:36px;}
#mainInvestorCon dd .invest-content .invest-price .arrow{font-size:25px; font-weight:600;}
#mainInvestorCon dd .invest-content .up{color:#1b5a9b}
#mainInvestorCon dd .invest-content .down{color:#dd5252}
#mainInvestorCon dd .invest-content .invest-price .price{color:#101010; font-size:52px; margin:0 15px;}
#mainInvestorCon dd .invest-content .invest-info{margin:0 50px; color:#0c0c0c; font-size:20px; letter-spacing:-0.3px;}
#mainInvestorCon dd .invest-content .invest-info span:first-child{margin-right:50px;}
#mainInvestorCon dd .invest-content .invest-more-btn{
	position:relative; overflow:hidden; display:inline-block; vertical-align:middle; width:148px; height:46px; line-height:46px; background-color:#004a82; border:1px solid #004a82; font-size:16px; letter-spacing:-0.3px; color:#fff; text-align:center;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s	
}
#mainInvestorCon dd .invest-content .invest-more-btn span{position:relative; z-index:1; left:0px; color:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
#mainInvestorCon dd .invest-content .invest-more-btn:before{
	display:block; position:absolute; top:0px; left:-130%; content:""; width:130%; height:100%; background:#fff; border-radius: 0 20px 20px 0; opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
#mainInvestorCon dd .invest-content .invest-more-btn img{margin-left:15px; vertical-align:middle;}
#mainInvestorCon dd .invest-content .invest-more-btn:hover span{color:#004a82; left:15px;}
#mainInvestorCon dd .invest-content .invest-more-btn:hover:before{left:0px; opacity:1.0;filter:Alpha(opacity=100);}
@media all and (max-width:1220px){
	#mainInvestorCon dl{padding:0 15px;}
	#mainInvestorCon dt{font-size:16px;}
	#mainInvestorCon dt strong{font-size:26px}

	#mainInvestorCon dd .invest-content .invest-price .price{font-size:36px; margin:0 10px;}
	#mainInvestorCon dd .invest-content .invest-price .arrow{font-size:18px}
	#mainInvestorCon dd .invest-content .invest-price span{font-size:20px}
	#mainInvestorCon dd .invest-content .invest-info{font-size:16px; margin:0 15px;}
	#mainInvestorCon dd .invest-content .invest-info span:first-child{margin-right:15px;}
	#mainInvestorCon dd .invest-content .invest-more-btn{width: 36px; height: 36px; line-height: 36px; font-size:14px; }
	#mainInvestorCon dd .invest-content .invest-more-btn img{margin-left:0;}
	#mainInvestorCon dd .invest-content .invest-more-btn span{display:none;}
	#mainInvestorCon dd .invest-content .invest-more-btn:hover:before{display:none}
}
@media all and (max-width:768px){
	#mainInvestorCon{position:relative; padding:25px 0; line-height:initial}
	#mainInvestorCon dt{float:none; border-bottom:1px solid #c4c4c4; font-size:14px; padding-bottom:15px; margin-bottom:15px;}
	#mainInvestorCon dt strong{font-size:22px;}
	#mainInvestorCon dd{float:none; width:100%; text-align:center;}
	#mainInvestorCon dd .invest-content .invest-info{margin-right:0;}
	#mainInvestorCon dd .invest-content .invest-price .price{font-size:30px; margin:0 5px;}
	#mainInvestorCon dd .invest-content .invest-price .arrow{font-size:14px}
	#mainInvestorCon dd .invest-content .invest-price span{font-size:16px}
	#mainInvestorCon dd .invest-content .invest-info{font-size:14px; margin:0 10px;}
	#mainInvestorCon dd .invest-content .invest-info span:first-child{margin-right:10px;}
	#mainInvestorCon dd .invest-content .invest-more-btn{position:absolute; top:30px;right:15px; width: 22px; height: 22px; line-height: 22px;}
	#mainInvestorCon dd .invest-content .invest-more-btn img{width:10px}
}
@media all and (max-width:480px){
	#mainInvestorCon dd p.invest-price{display:block; margin-bottom:10px}
}

/* -------- 메인 :: 고객지원 -------- */
#mainCustomerCon{ padding:6% 0 7%; background:url(/images/main/main_customer_bg.jpg) no-repeat 50% 50%; }
#mainCustomerCon .main-tit{color:#fff;}
#mainCustomerCon .main-sub-tit-txt{opacity:0.8;filter:Alpha(opacity=80); color:#fff; padding:1% 0;}
.main-cs-menu-con{overflow:hidden; padding-top:6%}
.main-cs-menu-con li{float:left; width:19%; margin:0 0.5%; background-color:#fff;}
.main-cs-menu-con li a{display:block; border:1px solid #909090}
.main-cs-menu-con li .cs-thumb{overflow:hidden; position:relative; height:0; display:block; padding-top:63%; }
.main-cs-menu-con li .cs-thumb img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.main-cs-menu-con li .cs-thumb-info{padding:28px 20px 20px 20px}
.main-cs-menu-con li .cs-thumb-info strong{color:#1b1b1b; font-size:21px; letter-spacing:-0.3px;}
.main-cs-menu-con li .cs-thumb-info p{height:44px; font-size:17px; letter-spacing:-0.3px; color:#393939; line-height:24px; padding:26px 0 40px}
.main-cs-menu-con li .cs-thumb-info .cs-thumb-icon{color:#000;}
.main-cs-menu-con li a,
.main-cs-menu-con li a .cs-thumb img,
.main-cs-menu-con li .cs-thumb-info strong,
.main-cs-menu-con li .cs-thumb-info .cs-thumb-icon{
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.main-cs-menu-con li a:hover{border-color:#0c6aa6; background-color:#1e4888}
.main-cs-menu-con li a:hover .cs-thumb img{transform:scale(1.1);}
.main-cs-menu-con li a:hover .cs-thumb-info p{color:#fff}
.main-cs-menu-con li a:hover .cs-thumb-info strong,
.main-cs-menu-con li a:hover .cs-thumb-icon{color:#fff; font-size:18px}
@media all and (max-width:1220px){
	.main-cs-menu-con li .cs-thumb-info{padding:15px;}
	.main-cs-menu-con li .cs-thumb-info strong{font-size:18px;}
	.main-cs-menu-con li .cs-thumb-info p{height:80px;font-size:14px; line-height:20px; word-break:keep-all; padding:15px 0 0 0}
	.main-cs-menu-con li .cs-thumb-info p br{display:none}
}
@media all and (max-width:768px){
	#mainCustomerCon{background-size:cover}
	.main-cs-menu-con{margin:0 -1%;}
	.main-cs-menu-con li{width:48%; margin:1%;}
	.main-cs-menu-con li .cs-thumb-info{position:relative; padding-bottom:12px}
	.main-cs-menu-con li .cs-thumb-info strong{display:block; font-size:13px; margin-right:30px;}
	.main-cs-menu-con li .cs-thumb-info p{display:none}
	.main-cs-menu-con li .cs-thumb-icon{position:absolute; top:50%; right:15px; margin-top:-9px;}
	.main-cs-menu-con li .cs-thumb-icon i{font-size:16px;}
	.main-cs-menu-con li a:hover .cs-thumb-info strong,
	.main-cs-menu-con li a:hover .cs-thumb-icon{font-size:13px;}
}
@media all and (max-width:359px){
	.main-cs-menu-con li .cs-thumb-info strong{font-size:12px; letter-spacing:-0.5px;}
	.main-cs-menu-con li a:hover .cs-thumb-info strong,
	.main-cs-menu-con li a:hover .cs-thumb-icon{font-size:12px;}
}