@charset "utf-8";
/* 메인 레이아웃 */
#container {position:relative; margin:0 400px 0 200px; overflow:hidden}
/* 메인 롤링 이미지 */
#mainSlider {background:#333}
#mainSlider .slideWrap {position:relative; height:1040px; overflow:hidden}
#mainSlider .slideWrap ul {position:relative; height:1000%}
#mainSlider .slideWrap ul li {position:relative; height:1040px; overflow:hidden}
#mainSlider .slideWrap ul li img {display:block; width:auto; min-height:1040px; height:auto}
#mainSlider .slideWrap ul li .caption {position:absolute; top:35%; left:0; width:100%; height:130px; text-align:center; z-index:50}
#mainSlider .slideWrap ul li .caption h2 {font-family:'Montserrat'; font-size:60px; font-weight:600; color:#fff; margin-bottom:10px}
#mainSlider .slideWrap ul li .caption h2:before {font-weight:400; content:'< '; opacity:.4; filter:alpha(opacity='40')}
#mainSlider .slideWrap ul li .caption h2:after {font-weight:400; content:' >'; opacity:.4; filter:alpha(opacity='40')}
#mainSlider .slideWrap ul li .caption h3 {font-size:42px; font-weight:300; color:#fff}
#mainSlider .controlbox {position:absolute; top:30px; right:30px; overflow:hidden; z-index:50}
#mainSlider .controlbox a {float:left}
#mainSlider .controlbox a img {display:inline-block}
#mainSlider ol.indicator {position:absolute; bottom:100px; left:0; width:100%; text-align:center; z-index:50}
#mainSlider ol.indicator li {display:inline-block; width:28px; height:28px; margin:0 3px; line-height:28px; border-radius:50%; background:#000; cursor:pointer; transition:all .3s ease}
#mainSlider ol.indicator span {font-size:12px; font-weight:600; color:#fff; transition:all .3s ease}
#mainSlider ol.indicator li.on {background:#fff}
#mainSlider ol.indicator li.on span {color:#000}

/* 우측 배너영역 */
#aside {position:absolute !important; top:0; right:0; width:400px !important; height:100%; z-index:100}
#aside .row {position:relative; overflow:hidden}
#aside .row .item {position:relative; float:left; width:50%; height:260px; text-align:center}
#aside .row .item > a {display:block; padding:40px 30px; height:100%}
#aside .row .item > img {display:block; width:100%; height:100%}
#aside .row .item .icon {width:35%; margin:0 auto 15px auto}
#aside .row .item .icon img {display:inline-block; width:100%}
#aside .row .info {position:absolute; bottom:40px; left:0; width:100%}
#aside .row .item span {font-size:11px; color:#777}
#aside .row .item h3 {font-size:16px; font-weight:600; color:#666; margin:5px 0 10px 0}
#aside .row .item p {font-size:12px; color:#7a7a7a; line-height:1.3; letter-spacing:-0.5px}
#aside .row .item.color1 {background:#f4f4f4}
#aside .row .item.color2 {background:#666}
#aside .row .item.color2 span, #aside .row .item.color2 h3, #aside .row .item.color2 p {color:#fff}
#aside .row .item.color3 {background:#444}
#aside .row .item.color3 span, #aside .row .item.color3 h3, #aside .row .item.color3 p {color:#fff}

/* 미디어쿼리 */
@media screen and (min-width:1920px) {
 /* 메인 롤링 이미지 */
 #mainSlider .slideWrap ul li img {width:100%}
}
@media screen and (max-width:1366px) {
 /* 메인 롤링 이미지 */
 #mainSlider .slideWrap ul li .caption h2 {font-size:36px}
 #mainSlider .slideWrap ul li .caption h3 {font-size:18px}
}
@media screen and (max-width: 1400px) {
#aside {display:block}
}
@media screen and (max-width:1280px) {
 /* 메인 레이아웃 */
 #container {margin-right:0}
 /* 메인 롤링 이미지 */
 #mainSlider .slideWrap ul li .caption h2 {font-size:60px}
 #mainSlider .slideWrap ul li .caption h3 {font-size:42px}
 
 /* 우측 배너영역 */
 #aside {display:none}
}
@media screen and (max-width:1024px) {
 /* 메인 레이아웃 */
 #container {margin:0}
 /* 메인 롤링 이미지 */
 #mainSlider .slideWrap ul li {height:auto}
 #mainSlider .slideWrap ul li img {width:100%; min-height:inherit}
 #mainSlider .slideWrap ul li .caption h2 {font-size:42px}
 #mainSlider .slideWrap ul li .caption h3 {font-size:24px}
 #mainSlider .slideWrap ul li img {height:auto}
 #mainSlider .controlbox {display:none}
 /* 우측 배너영역 */
 #aside {display:block !important; position:static !important; width:100% !important}
 #aside .row {float:left; width:50%}
}
@media screen and (max-width:768px) {
 /* 메인 롤링 이미지 */
 #mainSlider .slideWrap ul li .caption h2 {font-size:24px}
 #mainSlider .slideWrap ul li .caption h3 {font-size:16px}
 #mainSlider ol.indicator {bottom:30px}
 /* 우측 배너영역 */
 #aside {display:block; position:static; width:100%}
 #aside .row {float:none; width:100%}
 #aside .row .info {bottom:30px}
 #aside .row .item {height:200px} 
 #aside .row .item > a {padding-top:30px}
 #aside .row .item h3 {font-size:13px}
 #aside .row .item p.desc {display:none}
 #aside .row .item .icon {width:100%; max-width:60px} 
}