/* ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö ¿µ¿ª */
#mainSlide {position:relative; padding:0 500px 0 200px}
#mainSlide .visual_wrap {position:relative; height:1040px; overflow:hidden}
#mainSlide ul.imgRolling {position:relative}
#mainSlide ul.imgRolling li {position:relative; float:left}
#mainSlide ul.imgRolling li img {display:block}
#mainSlide ul.imgRolling li .text {position:absolute; top:100px; left:120px}
#mainSlide ul.imgRolling li .text h2 {position:relative; font-weight:400; font-size:56px; color:#fff; line-height:1.1; margin-bottom:20px; padding-bottom:20px}
#mainSlide ul.imgRolling li .text h2 span {font-weight:700}
#mainSlide ul.imgRolling li .text h2:after {position:absolute; bottom:0; left:5px; width:100px; height:3px; content:''; background:#fff}
#mainSlide ul.imgRolling li .text h2.black {color:#000}
#mainSlide ul.imgRolling li .text h2.black:after {background:#000}
#mainSlide ul.imgRolling li .text h3 {font-size:24px; color:#f4bd00}
#mainSlide ul.imgRolling li .text h3.black {color:#000 !important }
#mainSlide ul.imgRolling li .text a.btn {display:inline-block; margin-top:50px; padding:10px 50px; font-size:16px; color:#fff; border:2px solid #fff; transition:all 0.4s ease}
#mainSlide ul.imgRolling li .text a.btn:hover {color:#fff; border-color:#f4bd00; background:#f4bd00}
#mainSlide .visual_wrap ol.indicator {position:absolute; bottom:50px; left:0; width:100%; text-align:center}
#mainSlide .visual_wrap ol.indicator li {display:inline-block; margin:0 3px; width:40px; height:4px; background:#fff; cursor:pointer}
#mainSlide .visual_wrap ol.indicator li.active {background:#f4bd00}
#mainSlide .visual_wrap a.control {position:absolute; top:50%; margin-top:-23px; z-index:50}
#mainSlide .visual_wrap a.control img {display:block}
#mainSlide .visual_wrap a.prev {left:50px}
#mainSlide .visual_wrap a.next {right:50px}
@media screen and (max-width:1024px) {
 #mainSlide {padding:0}
 #mainSlide .visual_wrap {height:650px}
 #mainSlide ul.imgRolling li {height:650px}
 #mainSlide ul.imgRolling li img {width:100%; height:100%}
 #mainSlide ul.imgRolling li .text h2 {font-size:32px}
 #mainSlide ul.imgRolling li .text h2:after {width:32px; height:2px}
 #mainSlide ul.imgRolling li .text h3 {font-size:18px}
 #mainSlide ul.imgRolling li .text a.btn {margin-top:40px}
 
}
@media screen and (max-width:640px) {
  
 #mainSlide .visual_wrap {height:auto}
 #mainSlide ul.imgRolling li {height:350px}
 #mainSlide ul.imgRolling li img {display:block}
 #mainSlide ul.imgRolling li .text {top:60px; left:13%}
 #mainSlide ul.imgRolling li .text h2 {font-size:28px}
 #mainSlide ul.imgRolling li .text h2:after {width:30px; height:2px}
 #mainSlide ul.imgRolling li .text h3 {font-size:12px}
 #mainSlide ul.imgRolling li .text a.btn {}
 #mainSlide .visual_wrap a.control {width:15px; margin-top:-14px}
 #mainSlide .visual_wrap a.control img {width:100%}
 #mainSlide .visual_wrap a.prev {left:20px}
 #mainSlide .visual_wrap a.next {right:20px}
 
}
@media screen and (max-width:480px) {
 #mainSlide ul.imgRolling li .text h2 {font-size:26px !important}
 
}