@charset "utf-8";
#mainSlide {position:relative; padding:0 340px 0 200px}
#mainSlide .visual_wrap {position:relative; height:1040px; overflow:hidden}
#mainSlide ul.imgRolling {position:relative}
#mainSlide ul.imgRolling li {position:relative}
#mainSlide ul.imgRolling li img {display:block}
#mainSlide ul.imgRolling li .text {position:absolute; top:100px; left:50px}
#mainSlide ul.imgRolling li .text h2 {position:relative; font-family:'Source Sans Pro', 'Nanum Gothic',sans-serif; font-weight:300; font-size:72px; 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:#ffffff}
#mainSlide ul.imgRolling li .text h3.black {color:#000 !important }
#mainSlide ul.imgRolling li .text a.btn {display:inline-block; margin-top:80px; 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:#49b6de; background:#49b6de}
#mainSlide .visual_wrap .indicator {position:absolute; top:0; right:0}
#mainSlide .visual_wrap .indicator .inner {position:relative; width:150px; background:url(../../img/main_indicator_bg.png)}
#mainSlide .visual_wrap .indicator .inner a {position:relative; display:table; width:100%; height:260px; text-align:center; color:#eee; vertical-align:middle; z-index:10}
#mainSlide .visual_wrap .indicator .inner a .box {display:table-cell; height:100%; vertical-align:middle}
#mainSlide .visual_wrap .indicator .inner a .box p {color:#eee}
#mainSlide .visual_wrap .indicator .inner a .box p.img {margin-bottom:20px}
#mainSlide .visual_wrap .indicator .inner a .box p.img img {display:block; margin:0 auto}
#mainSlide .visual_wrap .indicator .inner a .box p.img img.m_img {display:none}
#mainSlide .visual_wrap .indicator .inner .active-box {position:absolute; top:0; left:0; width:100%; height:260px; background:#00b5dd}
#mainSlide .visual_wrap .indicator .inner .active-box:before {position:absolute; top:50%; left:-20px; margin-top:-10px; content:''; border-style:solid; border-width:10px; border-color:transparent #48b5de transparent transparent}

/* ¹Ìµð¾îÄõ¸® */
@media screen and (max-width:1400px) {
 #mainSlide {padding-right:0}
 #mainSlide ul.imgRolling li .text h2 {font-size:48px}
}
@media screen and (max-width:1180px) {
 #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}
}
@media screen and (max-width:1024px) {
 body.main #container {margin:0}
 #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:56px}
 #mainSlide ul.imgRolling li .text h2:after {width:60px; height:3px}
 #mainSlide ul.imgRolling li .text h3 {font-size:22px}
 #mainSlide ul.imgRolling li .text a.btn {margin-top:40px}
 #mainSlide .visual_wrap .indicator {top:70%; left:50%; width:230px; margin-left:-115px}
 #mainSlide .visual_wrap .indicator .inner {width:auto; background:none}
 #mainSlide .visual_wrap .indicator .inner a {display:inline-block; width:48px; height:48px; margin:0 2px; border-radius:50%; background:rgba(0,0,0,0.6)}
 #mainSlide .visual_wrap .indicator .inner a.active {background:#21bbb1}
 #mainSlide .visual_wrap .indicator .inner a .box {display:table; width:100%}
 #mainSlide .visual_wrap .indicator .inner a .box p {display:none}
 #mainSlide .visual_wrap .indicator .inner a .box p.img {display:table-cell !important; vertical-align:middle}
 #mainSlide .visual_wrap .indicator .inner a .box p.img img.pc_img {display:none}
 #mainSlide .visual_wrap .indicator .inner a .box p.img img.m_img {display:block !important}
 #mainSlide .visual_wrap .indicator .inner .active-box {display:none}
}
@media screen and (max-width:640px) {
 #mainSlide ul.imgRolling li {height:350px}
 #mainSlide ul.imgRolling li img {display:block}
 #mainSlide ul.imgRolling li .text {top:60px; left:5%}
 #mainSlide ul.imgRolling li .text h2 {font-size:34px}
 #mainSlide ul.imgRolling li .text h2:after {width:30px; height:2px}
 #mainSlide ul.imgRolling li .text h3 {font-size:13px}
 #mainSlide ul.imgRolling li .text a.btn {display:none}
 #mainSlide .visual_wrap .indicator {width:150px; margin-left:-75px; top:80%}
 #mainSlide .visual_wrap .indicator .inner a {width:30px; height:30px}
 #mainSlide .visual_wrap .indicator .inner a .box p.img img.m_img {width:16px; height:16px}
}
@media screen and (max-width:480px) {
 #mainSlide ul.imgRolling li .text h2 {font-size:28px !important}
}