@charset "utf-8";

body.main { height:100%; }

div.mainWrap { height:100%; position: relative; overflow:hidden; width:100%; z-index:1; }
div.mainParallax { height:100%; position: relative; width:80%; }

.mainParallax1 { background:url('../../images/main/main_img_1.jpg') no-repeat center; height:100%; background-size:cover; margin:0 0 0 200px; -ms-behavior: url('/kor/css/common/backgroundsize.min.htc'); }
.mainParallax2 { background:url('../../images/main/main_img_2.jpg') no-repeat center; height:100%; background-size:cover; margin:0 0 0 200px; -ms-behavior: url('/kor/css/common/backgroundsize.min.htc'); }
.mainParallax3 { background:url('../../images/main/main_img_3.jpg') no-repeat center; height:100%; background-size:cover; margin:0 0 0 200px; -ms-behavior: url('/kor/css/common/backgroundsize.min.htc'); }
.mainParallax4 { background:url('../../images/main/main_img_4.jpg') no-repeat center; height:100%; background-size:cover; margin:0 0 0 200px; -ms-behavior: url('/kor/css/common/backgroundsize.min.htc'); }

div.mainBanner { position:fixed; top:5%; left:20%; z-index:3; }

div.mainBanner li { height:0px; float:left; }
div.mainBanner li:first-child { width:210px; padding:0 0 0 10px; }
div.mainBanner li.dot a { display: inline-block; background:url("") no-repeat center; width:25px; height:40px; overflow: hidden; line-height: 999; }
div.mainBanner li.dot a.on { background:url("") no-repeat center; }
div.mainBanner li.nav_prev a { display: inline-block; background:url("") #1A1A1A no-repeat center; width:40px; height:40px; overflow: hidden; line-height: 999; }
div.mainBanner li.nav_prev a.on { display: inline-block; background:url("") no-repeat center; width:40px; height:40px; overflow: hidden; line-height: 999; }
div.mainBanner li.nav_next a { display: inline-block; background:url("") #1A1A1A no-repeat center; width:40px; height:40px; overflow: hidden; line-height: 999; }
div.mainBanner li.nav_next a.on { display: inline-block; background:url("") no-repeat center; width:40px; height:40px; overflow: hidden; line-height: 999; }

div.rightWing { height:100%; }
div.rightWingSmall { width:240px; position:fixed; height:100%; right:0; z-index:1; top:0; overflow:hidden; background:#737373;}
ul.rightWingBlack { height:100%; overflow: hidden; }
ul.rightWingBlack a { display:block; width:100%; height:100%; line-height: 999; }
ul.rightWingBlack li { height:25%; overflow:hidden; }

ul.rightWingBlue { width:160px; float:left; background:#6c748d; height:100%; }
ul.rightWingBlue li { height:25%; overflow:hidden; }
ul.rightWingBlue a { display:block; width:100%; height:100%; line-height:999; }
ul.rightWingBlue li.rightWing7 { height:75%; background:#b6dcf7; overflow:hidden; }
ul.rightWingBlue li.rightWing7 a { margin:5px 0 0 19px !important; background:url('../../images/main/right_wing_text_1.png') no-repeat; width:118px; height:54px; }
ul.rightWingBlue li.rightWing7 a.btn1 { margin:0px 0 0 30px !important; background:url('../../images/main/b_01.jpg') no-repeat; width:102px; height:65px; }
ul.rightWingBlue li.rightWing7 a.btn2 { margin:0px 0 0 30px !important; background:url('../../images/main/b_02.jpg') no-repeat; width:102px; height:65px; }
ul.rightWingBlue li.rightWing7 a.btn3 { margin:0px 0 0 30px !important; background:url('../../images/main/b_03.jpg') no-repeat; width:102px; height:65px; }
ul.rightWingBlue li.rightWing7 a.btn4 { margin:0px 0 0 30px !important; background:url('../../images/main/b_04.jpg') no-repeat; width:102px; height:65px; }
ul.rightWingBlue li.rightWing7 a.btn5 { margin:0px 0 0 30px !important; background:url('../../images/main/b_05.jpg') no-repeat; width:102px; height:65px; }
ul.rightWingBlue li.rightWing7 a.btn6 { margin:0px 0 0 30px !important; background:url('../../images/main/b_06.jpg') no-repeat; width:102px; height:65px; }
ul.rightWingBlue li.rightWing7 a.btn7 { margin:0px 0 0 30px !important; background:url('../../images/main/b_07.jpg') no-repeat; width:102px; height:65px; }
ul.rightWingBlue li.rightWing7 a.btn8 { margin:0px 0 0 30px !important; background:url('../../images/main/b_08.jpg') no-repeat; width:102px; height:65px; }
ul.rightWingBlue li.rightWing9 a { background:url('../../images/main/right_banner_5.png') no-repeat center; }



@media all and (max-height:490px) {
	ul.rightWingBlack a, ul.rightWingBlue a { display:block; width:100%; height:100%; line-height: 999; background-size:contain !important; }
}