/* mainVisual */ #mainVisual {margin-left:270px;overflow:hidden;height: 100%;min-height:100%;position: relative;} #mainVisual .bx-wrapper {position: relative;height:100%;min-height: 100%;ma x-width: 1660px; width: 100%;} #mainVisual .bx-viewport {position: relative;height:100%;min-height: 100%;ma x-width: 1660px; width: 100%;} #mainVisual .visualList {position: relative;height:100%;min-height: 100%;ma x-width: 1660px; width: 100%;} #mainVisual .visualList li {height:100%;min-height: 100%;width: 100%;max-width:1660px;position: relative; background-repeat: no-repeat; -webkit-background-size: cover;background-size: cover;} #mainVisual .visualList li.visual01 {background-image:url("../images/main/visual01.jpg");} #mainVisual .visualList li.visual02 {background-image:url("../images/main/visual02.jpg");} #mainVisual .visualList li.visual03 {background-image:url("../images/main/visual03.jpg");} #mainVisual .visualList li.visual04 {background-image:url("../images/main/visual04.jpg");} #mainVisual .visualList li.visual05 {background-image:url("../images/main/visual05.jpg");} #mainVisual .visualList li.visual06 {background-image:url("../images/main/visual06.jpg");} #mainVisual .visualList li a {position: absolute; right:0; top:294px;} /* mainVisual pager */ #mainVisual .pager {position:absolute; top:20px; right:290px;} #mainVisual .pager p {margin-bottom:5px; color:#cb0100; font-family: "nanumB"; } #mainVisual .pager a {display:inline-block;width:10px; height:10px; overflow:hidden;text-indent:-9999px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 2px solid #999; margin-left:5px;} #mainVisual .pager a.active {border: 2px solid #d62522;} /* mainContents */ #mainContents {position: fixed; top:0; right:0; width:265px; height: 100%; background:rgba(0, 0, 0, 0.2); ba ckground: url("../images/main/bgDepartment.jpg") #fff;padding-top:20px; -webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.2); z-index:8; } /* #mainContents .recruit {height:150px ; background: url("../images/main/bgRecruit.png") no-repeat;} #mainContents .recruit .recruitBox {width: 290px;margin-left: 30px; text-align: center;padding:18px 0 ;} #mainContents .recruit .recruitBox dt {font-size:16px ; font-family: "nanumEB"; color:#fff; opacity:0.7;} #mainContents .recruit .recruitBox dd {font-size:28px ;color:#fff; } #mainContents .recruit .recruitBox dd strong {font-size:32px ; font-family: "nanumEB"; color:#94e1ff; } #mainContents .recruit .recruitBox a {display: inline-block;width: 142px; height: 38px;line-height: 38px; color:#fff;font-family: "nanumB";font-size: 15px;} #mainContents .recruit .recruitBox a.btn01 {background: #444b59;} #mainContents .recruit .recruitBox a.btn02 {background: #00264e;} */ #mainContents h3 {margin-left:-12px;} #mainContents .recruit {width:250px; height:110px;background: url("../images/main/bgRecruit.png") no-repeat 80% 10%;} #mainContents .recruit .recruitBox {width:250px;padding:10px;} #mainContents .recruit .recruitBox dt {font-size:15px ; font-family: "nanumEB"; color:#094181; opacity:0.7;} #mainContents .recruit .recruitBox dd {font-size:11px ;color:#4d4d4d; font-family: "nanumEB";} #mainContents .recruit .recruitBox dd strong {font-size:25px ; font-family: "nanumEB"; color:#930200; } #mainContents .recruit .recruitBox a {display: inline-block;width: 75px; height: 28px; line-height: 28px; color:#fff;font-family: "nanumB";font-size: 14px;text-align:center;} #mainContents .recruit .recruitBox a.btn01 {background: #444b59;margin-right:7px;} #mainContents .recruit .recruitBox a.btn02 {background: #cb0100;} #mainContents ul {padding:0 15px;} #mainContents li {float:left;padding:2px;} #mainContents .department02 ul {bac kground:rgba(0,0,0,0.2);} #mainContents .department02 li span {display:block;width:100%;font-size:20px;color:#333;font-family:"nanumB";line-height:1;} #mainContents .department02 li a {display:inline-block;width:70px;height:20px;line-height:20px;font-size:11px;font-family:"nanumB";text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #mainContents .department02 li:nth-child(5) span {font-size:16px;font-family:"nanumEB";} #mainContents .department02 li:nth-child(7) span {font-size:16px;font-family:"nanumEB";} #mainContents .department02 a.btn1 {color:#262626;opacity:0.6;border:1px solid #a7a7a7;} #mainContents .department02 a.btn2 {color:#fff;background:#024e85;} #mainContents .department02 ul li {width:100%;float:none;background-size:100%;margin:6px 0;height:60px;} #mainContents .department02 ul li .inner {padding:5px;} #mainContents .department02 ul li:nth-child(1) {background:url("../../images/main/departmentBg01.png") no-repeat;} #mainContents .department02 ul li:nth-child(2) {background:url("../../images/main/departmentBg02.png") no-repeat;} #mainContents .department02 ul li:nth-child(3) {background:url("../../images/main/departmentBg03.png") no-repeat;} #mainContents .department02 ul li:nth-child(4) {background:url("../../images/main/departmentBg04.png") no-repeat;} #mainContents .department02 ul li:nth-child(5) {background:url("../../images/main/departmentBg05.png") no-repeat;} #mainContents .department02 ul li:nth-child(6) {background:url("../../images/main/departmentBg06.png") no-repeat;} #mainContents .department02 ul li:nth-child(7) {background:url("../../images/main/departmentBg07.png") no-repeat;} #mainContents .department02 ul li:nth-child(8) {background:url("../../images/main/departmentBg08.png") no-repeat;} #mainContents .department02 ul li:nth-child(9) {background:url("../../images/main/departmentBg09.png") no-repeat;} #mainContents .department02 ul li:nth-child(10) {background:url("../../images/main/departmentBg10.png") no-repeat;} #mainContents .facebook {padding: 10px; background: #fff;} #mainContents .department {padding-top:20px;} #mainContents .department h3 {float: left;margin: 0 21px 0 -10px;} #mainContents .department li {float: left;margin: 2px 0 0 1px;} #mainContents .btnDepartment {position: absolute; top:50%; left:-45px;margin-top: -40px;} #mainNotice {position: fixed;bottom:0px; width: 100%;height: 170px;padding: 30px 0; background: url("../images/main/bgNotice.png");} #mainNotice h3 {color:#fff; text-align: center; font-size:16px ;width:200px ; height: 35px;line-height: 35px; background: #930101; position: absolute; right:377px; bottom:230px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #mainNotice h4 {} #mainNotice ul {margin-left: 270px;width: 10000px;} #mainNotice li {float: left;width: 160px;margin-left:33px ;} #mainNotice a {color:#fff; font-size: 13px;} #mainNotice a:hover {text-decoration:underline;} #mainNotice a img {margin-bottom: 10px;} #mainNotice .btnClose {color:#fff; text-align: center; font-size:13px ;width:70px ; height: 35px;line-height: 35px; background:url("../images/main/bgOpen.png") no-repeat 47px 50% #930101; position: absolute; right:305px; bottom:230px; text-indent: -15px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} /*MAIN POPUP*/ .mainPopup {position: absolute; top:30px;left:50%;margin-left: -602px;width: 1204px;height: 880px; overflow: hidden;z-index:999;} .mainPopup .popupWrap{padding: 10px;background: #ededed;overflow: hidden;} .mainPopup .popupWrap * {float: left;display: block;} .mainPopup .popupWrap .main01 {width:956px;} .mainPopup .popupWrap .mainTop {width:1183px;} .btnMainPopupClose {position: absolute; right:0; top:0} .bgBlack {position: fixed;z-index:998;width: 100%;height: 100%;background: rgba(0,0,0,0.55); top:0; left:0;}