@charset "utf-8";
.sectionWrap{ position:relative;}
.section{ position:relative;}
.section h2{ position:relative;padding:25px 0 20px 0; text-align:center;}
.section h2 img{height:17px;}

/*.section00 .sectionCon{ background: url("/en/m/images/main/@section00.png") no-repeat;}*/
.section00 .section00Wrap{ overflow: hidden;width:100%;position: relative;}
.section00 .section00Wrap ul{ width: 1000000px;height:100%;}
.section00 .section00Wrap ul li{ float:left;}
.section00 .section00Wrap ul li img{ width:100%;}

.section00 .btnArea{ position: absolute;left:0;bottom:14%;width:100%; text-align:center;}
.section00 .btnArea .pagingArea{ display:inline-block;}
.section00 .btnArea .pagingArea a{ display:block; float:left; background:url("/en/m/images/main/mainDotSet.png") no-repeat; overflow:hidden; -webkit-background-size:27px auto; background-size:27px auto;text-indent:-9999px; width:6px;height:6px; background-position:0 bottom;margin:0 7px}
.section00 .btnArea .pagingArea a.on{background-position:0 0;}
.section00 .btnArea .btn_play{ display:inline-block; background:url("/en/m/images/main/mainDotSet.png") no-repeat; overflow:hidden;-webkit-background-size:27px auto; background-size:27px auto; text-indent:-9999px; width:7px;height:7px; background-position:-7px bottom;margin:0 3px;}
.section00 .btnArea .btn_play.on{background-position:-7px 0;}
.section00 .btnArea .btn_play a{ display:block;width:100%;height:100%;}

.section01{ padding-bottom:25px;}
.section01 .companyArea{margin:-3px 7px; overflow:hidden;}
.section01 .companyArea li{ float:left; width:50%;padding:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.section01 .companyArea li a {display:block;}
.section01 .companyArea li a img {width:100%;}
.section01 .companyArea li.company1 a {background:url("/m/images/main/section01_img_06.png") 50% 50% no-repeat; background-size:cover;}

.section02{ background:#333333;padding:0 10px 25px 10px;}
.section02 .section02Wrap{position: relative;}
.section02 .section02Area{ overflow: hidden;position: relative;}
.section02 .section02Area ul{ width: 1000000px;height:100%;}
.section02 .section02Area ul li{ float:left;}
.section02 .section02Area ul li a{ display:block;}
.section02 .section02Area ul li img{ width:100%;}
.section02 .btn {position: absolute;left:0;bottom: 47.6%;width: 100%;height: 13.3%; text-align:center;background:rgba(0%,0%,0%,0.7);margin-top:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.section02 .btn .pagingArea{ display:inline-block;height:100%;width:100%; text-align:center; font-size:0px;}
.section02 .btn .pagingArea a{ display:inline-block; background:url("/en/m/images/main/dot_off.png") no-repeat; overflow:hidden; -webkit-background-size:auto 100%; background-size:auto 100%;text-indent:-9999px; width:2%;height:100%;;margin:0 2.4%}
.section02 .btn .pagingArea a.on{background:url("/en/m/images/main/dot_on.png") no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%;}
.section02 .btn_prev{ display:block;position:absolute; left:0; bottom:47.6%;width:13.5%;text-align:left;}
.section02 .btn_prev img{width:100%;}
.section02 .btn_next{ display:block; position:absolute; right:0; bottom:47.6%;width:13.5%;text-align:left;}
.section02 .btn_next img{width:100%; }

.section03 {padding:0 10px 25px 10px;}
.section03  ul{border:1px solid #dbdbdb;}
.section03  ul li{border-top:1px solid #dbdbdb; }
.section03  ul li:first-child{ border-top:0;}
.section03  ul li a{ display:block;background:url("/en/m/images/main/section03_arr.png") no-repeat right center; -webkit-background-size:auto 63px; background-size:auto 63px;}
.section03  ul li img{height:63px;}

.section04 {padding:0 10px 25px 10px; background:#dee7e4;}
.section04 .noticeWrap{ position:relative; overflow:hidden;}
.section04 .noticeWrap li{ float:left;}
.section04 .noticeWrap a{ display:block; background:#ffffff;;}
.section04 .noticeWrap .img{ display: block; position: relative; margin-bottom: 20px; overflow:hidden; height:155px;}
.section04 .noticeWrap .img img{ width:100%;}
.section04 .noticeWrap .img .companyNotice{ display: block; position: absolute; left: 0; top: 0; background: #007944; width: 68px; height: 30px; color: #ffffff; text-align: center; line-height: 30px; font-size:11px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section04 .noticeWrap .img .nanumNotice{ display: block; position: absolute; left: 0; top: 0; background: #71ba00; width: 68px; height: 30px; color: #ffffff; text-align: center; line-height: 30px; font-size:11px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section04 .noticeWrap .title{ font-family: "NanumBarunGothicBold"; font-size: 14px; position:relative; display:block;margin:0 15px 12px 15px; background:url("/en/m/images/common/dot_g.png") no-repeat left center; -webkit-background-size:2px auto; background-size:2px auto; padding-left:10px; padding-right:40px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;max-width:100%;}
.section04 .noticeWrap .title .date{ color: #666666; font-family:"NanumBarunGothic"; position:absolute; right:0; top:0;}
.section04 .noticeWrap .con{ display:block;font-size:12px; line-height:17px;padding:0 15px 12px 15px;}
.section04 .btn{ position:absolute; left:0; top:188px;height:30px;width:100%;}
.section04 .btn .btn_prev{ position:absolute; left:0; top:0;}
.section04 .btn .btn_next{ position:absolute; right:0; top:0;}
.section04 .btn .pagingArea{ position:absolute; right:40px;top:0; background:url("/en/m/images/main/notice_num.png") no-repeat; width:40px; height:30px; -webkit-background-size:40px auto; background-size:40px auto;}
.section04 .btn .pagingArea .on{ display:block; position:absolute; right:23px; top:5px; color:#ffffff; font-size:10px; font-family:"NanumBarunGothicBold";}
.section04 .btn .pagingArea .total{ display:block; position:absolute; left:23px; bottom:5px;color:#ffffff; font-size:10px;;}
.section04 .btn img{height:30px;}
.section04 .menu{ margin:6px -3px 0 -3px;; overflow:hidden;}
.section04 .menu p{ float:left;width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding:0 3px;}
.section04 .menu p img{ width:100%;}

.topEventWrap{ left:0; top:70px;padding:0 30px;}
.topEventWrap .btnArea{ overflow:hidden; margin-top:10px;}
.topEventWrap .btnArea .fl{ float:left;}
.topEventWrap .btnArea .fl .todayChk{ display:inline-block; background:url("/en/m/images/common/today_off.png") no-repeat; -webkit-background-size:19px auto; background-size:19px auto; padding-left:26px; color:#ffffff; font-size:12px; width:auto; line-height:20px;}
.topEventWrap .btnArea .fl .todayChk.on{background:url("/en/m/images/common/today_on.png") no-repeat; -webkit-background-size:19px auto; background-size:19px auto;}
.topEventWrap .btnArea .fr{ float:right;}
.topEventWrap .btnArea .fr .btn_event_close{ display:inline-block; background:url("/en/m/images/common/today_close.png") no-repeat right center; -webkit-background-size:14px auto; background-size:14px auto; padding-right:21px; color:#ffffff; font-size:12px; line-height:20px;width:auto}