@import "common.css";

#cBody.main.pc {
position:relative;
width:100%;
min-height:505px;
overflow:hidden;
background:#000
}

#cBody.main.mobile {
display:none;
position:relative;
width:100%;
min-height:420px;
overflow:hidden
}

#cBody.main.pc .mainCon {
position:absolute;
top:0;
left:0;
width:33.3%;
height:100%;
overflow:hidden;
background:#afa728
}

#cBody.main.pc .mainCon.con2 {
left:33.3%;
width:33.4%;
background:#a5a283
}

#cBody.main.pc .mainCon.con3 {
left:66.7%;
background:#000
}

#cBody.main.pc .mainCon .bg {
position:absolute;
top:0;
left:0;
margin-left:-1225px;
width:2450px;
height:100%
}

#cBody.main.pc .mainCon .bg.bg1 {
left:50%;
margin-left:-1225px
}

#cBody.main.pc .mainCon .bg.bg2 {
left:50%;
margin-left:-1225px
}

#cBody.main.pc .mainCon .bg.bg3 {
left:50%;
margin-left:-1225px
}

#cBody.main.pc .mainCon .openBt {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:999
}

#cBody.main.pc .mainCon .txtArea {
position:absolute;
top:55%;
left:60px;
width:600px;
height:400px;
box-sizing:border-box;
text-align:left
}

#cBody.main.pc .mainCon .txtArea .tit {
display:inline-block
}

#cBody.main.pc .mainCon .txtArea .tit.spon {
width:220px
}

#cBody.main.pc .mainCon .txtArea .tit.story {
width:220px
}

#cBody.main.pc .mainCon .txtArea .tit.news {
width:220px
}

#cBody.main.pc .mainCon .txtArea .tit > img {
width:100%
}

#cBody.main.pc .mainCon .txtArea .tit2 {
font-size:24px;
margin-top:15px
}

#cBody.main.pc .mainCon .txtArea .bar {
display:inline-block;
width:30px;
height:2px;
background:#fff;
margin-top:35px
}

#cBody.main.pc .mainCon .txtArea .txt1 {
font-size:16px;
line-height:1.5;
margin-top:30px;
word-break:keep-all
}

#cBody.main.pc .mainCon .txtArea .txt2 {
font-size:16px;
line-height:1.5;
margin-top:20px;
word-break:keep-all;
opacity:0
}

#cBody.main.pc .mainCon.on .txtArea .txt1 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400
}

#cBody.main.pc .mainCon > .dimd1 {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0)
}

#cBody.main.pc .mainCon > .dimd2 {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
opacity:.2;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0)
}

#cBody.main.pc .mainCon > .conBt {
display:none;
position:absolute;
top:365px;
left:50%;
width:40px;
height:186px;
margin-left:-20px;
background:url(../../common/images/mainCon_btn1.png) no-repeat 50% 50%
}

#cBody.main.pc .mainCon > .conBt.bt2 {
background:url(../../common/images/mainCon_btn2.png) no-repeat 50% 50%
}

#cBody.main.pc .mainCon > .conBt.bt3 {
background:url(../../common/images/mainCon_btn3.png) no-repeat 50% 50%
}

#cBody.main.pc .mainCon > .closeBt {
position:absolute;
top:40px;
right:20px;
width:60px;
height:60px;
background:url(../../common/images/mainCon_close.png) no-repeat 50% 50%;
display:none
}

#cBody.main.pc .mainCon .conArea {
position:relative;
top:100%;
width:100%;
max-width:1200px;
padding-bottom:120px;
margin:0 auto;
opacity:0
}

#cBody.main.pc .mainCon .conArea .scroll {
position:absolute;
top:-56px;
left:50%;
padding-bottom:72px;
width:90px;
margin-left:-45px;
font-size:14px;
color:#fff;
line-height:1;
text-align:center;
background:url(../../common/images/mainCon_scroll.gif) no-repeat 50% 100%
}

#cBody.main.pc .mainCon .conArea .mCon1 > div {
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox {
float:left;
width:50%;
height:600px;
background:url(../../common/images/mainCon1_img1.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox.img2 {
background:url(../../common/images/mainCon1_img2.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox.img3 {
background:url(../../common/images/mainCon1_img3.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox.img4 {
background:url(../../common/images/mainCon1_img4.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox.img5 {
background:url(../../common/images/mainCon1_img5.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox.img6 {
background:url(../../common/images/mainCon1_img6.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox.img7 {
background:url(../../common/images/mainCon1_img7.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox {
float:left;
width:50%;
height:600px;
vertical-align:middle;
text-align:center;
display:table;
background:#fff
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div {
display:table-cell;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div .txt2 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:42px;
color:#000;
margin-top:10px;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div .txt3 {
font-size:16px;
color:#797979;
line-height:1.5;
margin-top:15px;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div .bar {
text-align:center;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div .bar > span {
display:inline-block;
width:1px;
height:50px;
background:#b2b2b2
}

#cBody.main.pc .mainCon .conArea .mCon2 {
background:#fff;
text-align:center;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top {
display:table;
width:100%;
vertical-align:middle;
background:#dee2e7 url(../../common/images/mainCon2_bg1.jpg) no-repeat 0 0
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top > div {
display:table-cell;
padding:0 15px;
height:600px;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top > div .txt1 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:40px;
color:#fff;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top > div .bar {
text-align:center;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top > div .bar > span {
display:inline-block;
width:1px;
height:50px;
background:#b2b2b2;
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top > div .txt2 {
font-size:18px;
color:#fff;
line-height:1.5;
word-break:keep-all;
margin-top:20px;
text-shadow: 0em 0em 0.2em #333;
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top2 {
display:table;
width:100%;
vertical-align:middle;
background:#41bee6 url(../../common/images/mainCon2_bg3.jpg) no-repeat 0 0
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top2 > div {
display:table-cell;
padding:0 15px;
height:600px;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top2 > div .txt1 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:36px;
color:#000;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top2 > div .bar {
text-align:center;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top2 > div .bar > span {
display:inline-block;
width:1px;
height:50px;
background:#fff
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Top2 > div .txt2 {
font-size:18px;
color:#787878;
line-height:1.5;
word-break:keep-all;
margin-top:20px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid {
padding:70px 50px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div {
padding:70px 0;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox {
float:left;
display:table;
vertical-align:middle;
width:50%;
height:380px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div {
display:table-cell;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .txt1 {
font-size:36px;
color:#000;
line-height:1.3
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .bar {
text-align:center;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .bar > span {
display:inline-block;
width:1px;
height:50px;
background:#b2b2b2
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .txt2 {
font-size:16px;
color:#797979;
line-height:1.5;
margin-top:20px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .txt2 > span {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
color:#454545
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .mBtnArea {
margin-top:50px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .imgBox {
float:left;
width:50%;
height:400px;
background:url(../../common/images/mainCon2_img1.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .imgBox.img2 {
background:url(../../common/images/mainCon2_img2.jpg) no-repeat 50% 50%;
background-size:cover
}
#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .imgBox.img3 {
background:url(../../common/images/mainCon2_img3.jpg) no-repeat 50% 50%;
background-size:cover
}
#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .imgBox.img4 {
background:url(../../common/images/mainCon2_img4.jpg) no-repeat 50% 50%;
background-size:cover
}
#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .imgBox.img5 {
background:url(../../common/images/mainCon2_img5.jpg) no-repeat 50% 50%;
background-size:cover
}
#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .imgBox.img6 {
background:url(../../common/images/mainCon2_img6.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top {
padding:100px 15px;
background:#f7f7f7;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .left {
position:relative;
float:left;
padding:20px 0 20px 35px;
width:264px;
height:320px;
box-sizing:border-box;
border-right:1px solid #e9e9e9
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .left .tit {
font-size:36px;
color:#000;
line-height:1
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .left .txt {
font-size:16px;
color:#797979;
line-height:1.5;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .left .rollBtn {
position:absolute;
bottom:20px;
left:35px;
overflow:hidden;
margin-top:100px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .left .rollBtn .moreBt {
float:left;
width:46px;
height:46px;
background:url(../../common/images/mainCon3_more_btn.gif) no-repeat 50% 50%;
background-size:100%
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .left .rollBtn .prevBt {
float:left;
width:46px;
height:46px;
background:url(../../common/images/mainCon3_prev_btn.gif) no-repeat 50% 50%;
background-size:100%;
margin-left:15px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .left .rollBtn .nextBt {
float:left;
width:46px;
height:46px;
background:url(../../common/images/mainCon3_next_btn.gif) no-repeat 50% 50%;
background-size:100%;
margin-left:5px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right {
float:left;
padding:15px 0 15px 50px;
width:905px;
height:320px;
box-sizing:border-box
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea {
position:relative;
width:100%;
height:100%;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea ul {
position:relative;
height:100%;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea li {
float:left;
width:33.3333%
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea li a {
display:block;
padding-right:40px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea li a .tit {
display:block;
font-family:'Titillium Web','NanumSquareB',Arial,Arial,sans-serif;
font-weight:400;
font-size:18px;
color:#000;
line-height:1.5;
word-break:keep-all;
white-space:normal;
height:3em;
text-align:left;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea li a .txt {
display:block;
font-size:14px;
color:#797979;
line-height:1.5;
margin-top:10px;
white-space:normal;
height:9em;
text-align:left;
word-wrap:break-word;
display:-webkit-box;
-webkit-line-clamp:6;
-webkit-box-orient:vertical;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea li a .images {
display:block;
width:200px;
height:200px;
overflow:hidden;
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea li a:hover .images{
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: .5;
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea li a .date {
display:block;
font-size:14px;
color:#999;
line-height:1;
margin-top:10px;
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Top .right .rollArea li a:hover .txt,
#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .right .rollArea li a:focus .txt {
color:#13808a;
}


#cBody.main.pc .mainCon .conArea .mCon2 .con3Bot {
display:table;
width:100%;
height:460px;
vertical-align:middle;
text-align:center;
background:#37393d
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Bot > div {
padding:0 15px;
display:table-cell;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Bot > div .txt2 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:36px;
color:#fff;
line-height:1;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con3Bot > div .txt3 {
font-size:16px;
color:#999;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .imgBox {
float:left;
width:50%;
height:600px;
background:url(../../common/images/mainCon2_img1.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .imgBox.img2 {
background:url(../../common/images/mainCon2_img2.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .imgBox.img3 {
background:url(../../common/images/mainCon2_img3.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .imgBox.img4 {
background:url(../../common/images/mainCon2_img4.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .imgBox.img5 {
background:url(../../common/images/mainCon2_img5.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .conBox {
float:left;
width:50%;
height:600px;
vertical-align:middle;
text-align:center;
display:table;
background:#fff
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .conBox > div {
display:table-cell;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .conBox > div .txt2 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:42px;
color:#000;
margin-top:10px;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .conBox > div .txt3 {
font-size:16px;
color:#797979;
line-height:1.5;
margin-top:15px;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .conBox > div .bar {
text-align:center;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon2 > div .conBox > div .bar > span {
display:inline-block;
width:1px;
height:50px;
background:#b2b2b2
}

#cBody.main.pc .mainCon .conArea .mCon3 {
background:#fff;
text-align:center;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top {
padding:100px 15px;
background:#f7f7f7;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .left {
position:relative;
float:left;
padding:20px 0 20px 35px;
width:264px;
height:320px;
box-sizing:border-box;
border-right:1px solid #e9e9e9
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .left .tit {
font-size:36px;
color:#000;
line-height:1
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .left .txt {
font-size:16px;
color:#797979;
line-height:1.5;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Top2 {
display:table;
width:100%;
vertical-align:middle;
background:#41bee6 url(../../common/images/mainCon2_bg3.jpg) no-repeat 0 0
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Top2 > div {
display:table-cell;
padding:0 15px;
height:600px;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Top2 > div .txt1 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:42px;
color:#000;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Top2 > div .bar {
text-align:center;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Top2 > div .bar > span {
display:inline-block;
width:1px;
height:50px;
background:#fff
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Top2 > div .txt2 {
font-size:18px;
color:#454545;
line-height:1.5;
word-break:keep-all;
margin-top:20px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid {
padding:50px 30px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div {
padding:70px 0;
overflow:hidden
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .conBox {
float:left;
display:table;
vertical-align:middle;
width:50%;
height:380px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .conBox > div {
display:table-cell;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .conBox > div .txt1 {
font-size:36px;
color:#000;
line-height:1.3
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .conBox > div .bar {
text-align:center;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .conBox > div .bar > span {
display:inline-block;
width:1px;
height:50px;
background:#b2b2b2
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .conBox > div .txt2 {
font-size:16px;
color:#797979;
line-height:1.5;
margin-top:20px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .conBox > div .txt2 > span {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
color:#454545
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .conBox > div .mBtnArea {
margin-top:50px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .imgBox {
float:left;
width:50%;
height:400px;
background:url(../../common/images/mainCon3_img-1.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Mid > div .imgBox.img2 {
background:url(../../common/images/mainCon3_img-2.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Bot {
padding:0 15px 15px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Bot > div {
padding:77px 0 85px;
background:#37393d url(../../common/images/mainCon2_bg2.jpg) no-repeat 50% 0
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Bot > div .txt1 {
padding-top:85px;
font-size:28px;
color:#fff;
line-height:1.3;
word-break:keep-all;
background:url(../../common/images/mainCon2_icon.png) no-repeat 50% 0
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Bot > div .txt2 {
font-size:16px;
color:#ccc;
line-height:1;
margin-top:45px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Bot > div .txt3 {
margin-top:30px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Bot > div .txt4 {
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Bot > div .txt5 {
margin-top:15px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con2Bot > div .mBtnArae {
margin-top:50px
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .imgBox {
float:left;
width:50%;
height:600px;
background:url(../../common/images/mainCon3_img1.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .imgBox.img2 {
background:url(../../common/images/mainCon3_img2.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .imgBox.img3 {
background:url(../../common/images/mainCon3_img3.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .imgBox.img4 {
background:url(../../common/images/mainCon3_img4.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .conBox {
float:left;
width:50%;
height:600px;
vertical-align:middle;
text-align:center;
display:table;
background:#fff
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .conBox > div {
display:table-cell;
vertical-align:middle
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .conBox > div .txt2 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:42px;
color:#000;
margin-top:10px;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .conBox > div .txt3 {
font-size:16px;
color:#797979;
line-height:1.5;
margin-top:15px;
word-break:keep-all
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .conBox > div .bar {
text-align:center;
margin-top:25px
}

#cBody.main.pc .mainCon .conArea .mCon3 > div .conBox > div .bar > span {
display:inline-block;
width:1px;
height:50px;
background:#b2b2b2
}

#cBody.main.pc .mBtnArea {
text-align:center;
margin-top:55px
}

#cBody.main.pc .mGrnBtn {
display:inline-block;
vertical-align:top;
padding:15px 0;
width:180px;
background:#3eb134;
font-size:16px;
color:#fff;
text-align:center;
line-height:1;
border-radius:23px;
margin-top:10px
}

#cBody.main.pc .mYewBtn {
display:inline-block;
vertical-align:top;
padding:15px 0;
width:180px;
background:#fdd108;
font-size:16px;
color:#000;
text-align:center;
line-height:1;
border-radius:23px;
margin-top:10px
}

#cBody.main.pc .mGrayBtn {
display:inline-block;
vertical-align:top;
padding:15px 0;
width:180px;
background:silver;
font-size:16px;
color:#fff;
text-align:center;
line-height:1;
border-radius:23px;
margin-top:10px
}

#cBody.main.pc .mBtnArea2 {
margin-top:0!important
}

#cBody.main.pc .mWhtBtn {
display:inline-block;
vertical-align:top;
padding:15px 0;
width:180px;
background:#fff;
font-size:16px;
color:#797979;
text-align:center;
line-height:1;
border-radius:23px;
margin-top:10px
}

.mainIntro {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
box-sizing:border-box;
text-align:center;
z-index:9999
}

.mainIntro .txt1 {
position:relative;
top:100px;
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:82px;
opacity:0
}

.mainIntro .txt2 {
position:relative;
top:100px;
font-size:22px;
margin-top:30px;
opacity:0
}

@media all and (max-width:1415px) {
#cBody.main.pc .mainCon .conArea {
max-width:1000px
}

#cBody.main.pc .mainCon .txtArea {
left:40px
}

#cBody.main.pc .mainCon .txtArea .txt1 {
font-size:15px
}

#cBody.main.pc .mainCon > .conBt {
top:265px;
left:50%
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox {
height:500px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox {
height:500px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid {
padding:70px 30px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .txt1 {
font-size:30px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .right {
width:705px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .left {
width:495px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .left > div a {
margin-left:25px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .right {
width:475px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .right > div {
padding:0 30px
}
}

@media all and (max-width:1215px) {
#cBody.main.pc .mainCon .conArea {
max-width:960px
}

#cBody.main.pc .mainCon .txtArea .bar {
opacity:0
}

#cBody.main.pc .mainCon .txtArea .txt1 {
opacity:0
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox {
height:480px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox {
height:480px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .left {
width:225px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .right {
width:705px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .left {
width:420px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .left > div a {
width:100px;
padding-top:120px;
margin-left:15px;
background:url(../../common/images/mainCon3_btn1.gif) no-repeat 50% 0;
background-size:100px auto
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .left > div a.bt2 {
background:url(../../common/images/mainCon3_btn2.gif) no-repeat 50% 0;
background-size:100px auto
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .left > div a.bt3 {
background:url(../../common/images/mainCon3_btn3.gif) no-repeat 50% 0;
background-size:100px auto
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .right {
width:505px
}

.mainIntro .txt1 {
font-size:62px
}
}

@media all and (max-width:981px) {
#cBody.main.pc .mainCon .txtArea {
left:20px
}

#cBody.main.pc .mainCon .txtArea .tit.spon {
width:205px
}

#cBody.main.pc .mainCon .txtArea .tit.story {
width:205px
}

#cBody.main.pc .mainCon .txtArea .tit.news {
width:96px
}

#cBody.main.pc .mainCon .txtArea .tit2 {
font-size:21px
}

#cBody.main.pc .mainCon > .closeBt {
background:url(../../common/images/mainCon_close2.png) no-repeat 50% 50%;
background-size:60px 60px
}

#cBody.main.pc .mainCon .conArea {
max-width:750px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .imgBox {
height:375px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox {
height:375px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div .txt1 > img {
height:20px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div .txt2 {
font-size:32px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div .bar {
margin-top:20px
}

#cBody.main.pc .mainCon .conArea .mCon1 > div .conBox > div .txt3 {
font-size:14px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid {
padding:40px 30px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div {
padding:40px 0
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .imgBox {
height:295px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox {
height:295px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .txt1 {
font-size:25px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .bar {
display:none
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .txt2 {
font-size:14px;
margin-top:15px
}

#cBody.main.pc .mainCon .conArea .mCon2 .con2Mid > div .conBox > div .mBtnArea {
margin-top:40px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .left {
padding:20px 0 20px 20px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .left .rollBtn {
left:20px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Top .right {
padding:20px 0 20px 20px;
width:495px
}

#cBody.main.pc .mainCon .conArea .mCon3 .con3Mid .right {
width:295px
}

#cBody.main.pc .mBtnArea {
margin-top:40px
}

#cBody.main.pc .mGrnBtn {
padding:15px 0;
width:150px;
font-size:14px;
border-radius:23px
}

#cBody.main.pc .mYewBtn {
padding:15px 0;
width:150px;
font-size:14px;
border-radius:23px
}

#cBody.main.pc .mGrayBtn {
padding:15px 0;
width:150px;
font-size:14px;
border-radius:23px
}

#cBody.main.pc .mWhtBtn {
padding:15px 0;
width:150px;
font-size:14px;
border-radius:23px
}

.mainIntro .txt1 {
font-size:52px
}

.mainIntro .txt1 span {
display:block
}

.mainIntro .txt2 {
font-size:18px
}
}

@media all and (max-width:758px) {
#cBody.main.pc {
display:none
}

#cBody.main.mobile {
display:block
}

#cBody.main.mobile.open {
height:auto!important
}

#cBody.main.mobile .mMainBtn {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:10
}

#cBody.main.mobile .mMainBtn a {
position:relative;
display:block;
padding:0 20px;
height:33%;
background:url(../../common/images/mMain_btn_bg1.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.mobile .mMainBtn a.bt2 {
height:34%;
background:url(../../common/images/mMain_btn_bg2.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.mobile .mMainBtn a.bt3 {
height:33%;
background:url(../../common/images/mMain_btn_bg3.jpg) no-repeat 50% 50%;
background-size:cover
}

#cBody.main.mobile .mMainBtn a .tit {
display:block
}

#cBody.main.mobile .mMainBtn a .txt {
display:block;
font-size:15px;
line-height:1;
margin-top:7px
}

#cBody.main.mobile .mainCon {
display:none;
position:relative;
padding-top:90px
}

#cBody.main.mobile .mainCon .closeBt {
position:absolute;
top:15px;
right:15px;
width:35px;
height:35px;
background:url(../../common/images/mMainCon_close.png) no-repeat 50% 50%;
background-size:35px 35px
}

#cBody.main.mobile .mainCon .topTxt {
padding:0 15px;
height:325px;
text-align:center
}

#cBody.main.mobile .mainCon .topTxt .tit2 {
font-size:25px;
line-height:1;
margin-top:12px
}

#cBody.main.mobile .mainCon .topTxt .bar {
text-align:center;
margin-top:25px
}

#cBody.main.mobile .mainCon .topTxt .bar span {
display:inline-block;
width:15px;
height:1px;
background:#fff
}

#cBody.main.mobile .mainCon .topTxt .txt {
font-size:16px;
line-height:1.5;
margin-top:25px
}

#cBody.main.mobile .mainCon .conArea {
position:relative;
margin:0 15px;
padding-bottom:60px
}

#cBody.main.mobile .mainCon .conArea .scroll {
position:absolute;
top:-15px;
left:50%;
margin-left:-15px;
width:30px;
height:30px;
background:url(../../common/images/mMainCon_scroll.gif) no-repeat 50% 50%;
background-size:30px 30px;
border-radius: 5px;
}

#cBody.main.mobile .mainCon .conArea .con1 .imgBox {
width:100%;
}

#cBody.main.mobile .mainCon .conArea .con1 .imgBox > img {
width:100%;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#cBody.main.mobile .mainCon .conArea .con1 .conBox {
padding:50px 15px;
text-align:center;
background:#fff;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
margin-bottom:25px;
}

#cBody.main.mobile .mainCon .conArea .con1 .conBox .tit2 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:28px;
color:#000;
line-height:1;
margin-top:10px
}

#cBody.main.mobile .mainCon .conArea .con1 .conBox .bar {
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con1 .conBox .bar span {
display:inline-block;
vertical-align:top;
width:1px;
height:25px;
background:#b2b2b2
}

#cBody.main.mobile .mainCon .conArea .con1 .conBox .txt {
font-size:14px;
color:#797979;
line-height:1.5;
margin-top:15px
}

#cBody.main.mobile .mainCon .conArea .con2 {
text-align:center;
}

#cBody.main.mobile .mainCon .conArea .con2 .con2Top {
background:url(../../common/images/mMainCon2_bg1.jpg) no-repeat 0 0;
background-size:cover;
padding:50px 15px 250px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
margin-bottom: 25px;
}

#cBody.main.mobile .mainCon .conArea .con2 .con2Top .tit {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:28px;
color:#00ffff;
line-height:1
}

#cBody.main.mobile .mainCon .conArea .con2 .con2Top .bar {
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con2 .con2Top .bar span {
display:inline-block;
width:1px;
height:25px;
background:#b2b2b2
}

#cBody.main.mobile .mainCon .conArea .con2 .con2Top .txt {
font-size:14px;
color:#FFF;
line-height:1.5;
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con2 .con3Bot {
padding:50px 20px;
text-align:center;
background:#37393d;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#cBody.main.mobile .mainCon .conArea .con2 .con3Bot .txt1 {
height:10px
}

#cBody.main.mobile .mainCon .conArea .con2 .con3Bot .txt2 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:24px;
color:#fff;
line-height:1;
margin-top:13px
}

#cBody.main.mobile .mainCon .conArea .con2 .con3Bot .txt3 {
font-size:14px;
color:#999;
line-height:1.5;
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con2 .imgBox {
width:100%;
margin-bottom: 25px;
}

#cBody.main.mobile .mainCon .conArea .con2 .imgBox > img {
width:100%;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

#cBody.main.mobile .mainCon .conArea .con2 .conBox {
padding:50px 15px;
text-align:center;
background:#fff;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#cBody.main.mobile .mainCon .conArea .con2 .conBox .tit2 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:28px;
color:#000;
line-height:1;
margin-top:10px
}

#cBody.main.mobile .mainCon .conArea .con2 .conBox .bar {
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con2 .conBox .bar span {
display:inline-block;
vertical-align:top;
width:1px;
height:25px;
background:#b2b2b2;
}

#cBody.main.mobile .mainCon .conArea .con2 .conBox .txt {
font-size:14px;
color:#797979;
line-height:1.5;
margin-top:15px
}

#cBody.main.mobile .mainCon .conArea .con3 {
text-align:center;
}

#cBody.main.mobile .mainCon .conArea .con3 .imgBox {
width:100%;
}

#cBody.main.mobile .mainCon .conArea .con3 .imgBox > img {
width:100%;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#cBody.main.mobile .mainCon .conArea .con3 .conBox {
padding:50px 15px;
text-align:center;
background:#fff;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
margin-bottom: 25px;
}

#cBody.main.mobile .mainCon .conArea .con3 .conBox .tit2 {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:28px;
color:#000;
line-height:1;
margin-top:10px;
}

#cBody.main.mobile .mainCon .conArea .con3 .conBox .bar {
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con3 .conBox .bar span {
display:inline-block;
vertical-align:top;
width:1px;
height:25px;
background:#b2b2b2
}

#cBody.main.mobile .mainCon .conArea .con3 .conBox .txt {
font-size:14px;
color:#797979;
line-height:1.5;
margin-top:15px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Top {
padding:50px 15px 100px;
background:url(../../common/images/mMainCon3_bg1.jpg) no-repeat 0 0;
background-size:cover;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Top .tit {
font-family:'Titillium Web','NanumSquareB',Arial,sans-serif;
font-weight:400;
font-size:28px;
color:#000;
line-height:1
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Top .bar {
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Top .bar span {
display:inline-block;
width:1px;
height:25px;
background:#b2b2b2
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Top .txt {
font-size:16px;
color:#454545;
line-height:1.5;
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Mid {
padding:70px 0;
background-color: #fff;
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Mid .imgBox2 {
padding-left:20px;
margin-top:40px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Mid .imgBox2.type2 {
padding-left:0;
padding-right:20px;
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Mid .imgBox2 img {
width:100%
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Mid .conBox2 {
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Mid .conBox2 .tit {
font-size:24px;
color:#000;
line-height:1.3
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Mid .conBox2 .txt1 {
font-size:14px;
color:#454545;
line-height:1.5;
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Mid .conBox2 .txt2 {
font-size:14px;
color:#797979;
line-height:1.5;
margin-top:20px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Bot {
padding:0 5px 5px;
text-align:center;
background-color: #fff;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Bot > div {
padding:38px 0 50px;
background:#37393d url(../../common/images/mMainCon2_bg2.jpg) no-repeat 50% 0;
background-size:270px auto;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Bot > div .txt1 {
padding-top:43px;
font-size:21px;
color:#fff;
line-height:1.3;
background:url(../../common/images/mMainCon2_icon.png) no-repeat 50% 0;
background-size:49px auto
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Bot > div .txt2 {
font-size:14px;
color:#ccc;
line-height:1;
margin-top:35px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Bot > div .txt3 {
height:48px;
margin-top:25px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Bot > div .txt4 {
height:11px;
margin-top:22px
}

#cBody.main.mobile .mainCon .conArea .con3 .con3Bot > div .txt5 {
height:12px;
margin-top:13px
}

#cBody.main.mobile .mBtnArea {
text-align:center;
margin-top:25px
}

#cBody.main.mobile .mGrnBtn {
display:inline-block;
vertical-align:top;
padding:9px 0 10px;
width:110px;
background:#3eb134;
font-size:13px;
color:#fff;
text-align:center;
line-height:1;
border-radius:23px;
margin-top:5px
}

#cBody.main.mobile .mGrnBtn.w130 {
width:130px
}
	
#cBody.main.mobile .mYewBtn {
display:inline-block;
vertical-align:top;
padding:9px 0 10px;
width:110px;
background:#fdd10b;
font-size:13px;
color:#000;
text-align:center;
line-height:1;
border-radius:23px;
margin-top:5px
}

#cBody.main.mobile .mYewBtn.w130 {
width:130px
}

#cBody.main.mobile .mBtnArea2 {
margin-top:0!important
}

#cBody.main.mobile .mGrayBtn {
display:inline-block;
vertical-align:top;
padding:9px 0 10px;
width:110px;
background:silver;
font-size:13px;
color:#fff;
text-align:center;
line-height:1;
border-radius:23px;
margin-top:5px
}

#cBody.main.mobile .mWhtBtn {
display:inline-block;
vertical-align:top;
padding:9px 0 10px;
width:110px;
background:#fff;
font-size:13px;
color:#797979;
text-align:center;
line-height:1;
border-radius:23px;
margin-top:5px
}

.mainIntro {
padding-top:50%!important;
background-size:cover;
text-align:center
}

.mainIntro .txt1 {
padding:0 15px;
top:50px;
font-size:36px;
line-height:1.5
}

.mainIntro .txt1 > span {
display:block
}

.mainIntro .txt2 {
padding:0 15px;
top:50px;
font-size:16px;
line-height:1.5
}

.mainIntro .txt2 > span {
display:block
}
}