/*메인공통*/

.section {position:relative;}
.section .wrap {z-index:50; max-width:1600px; margin:50px auto 0; overflow:hidden;}
.section .cont_txt {color:#fff;}
.section .cont_txt h1 {font-weight:700; font-size:60px; margin:0 0 50px 0; line-height:60px;}
.section .cont_txt h2 {font-weight:700; font-size:45px; margin:0 0 10px 0;}
.section .cont_txt .sub {font-size:35px; margin:0 0 50px 0; font-weight:400; line-height:45px;}
.section .cont_txt .text {color:#777;}
.section .cont_txt span.button {display:inline-block; width:200px; text-align:center; line-height:55px; margin:100px 0 0 0; font-weight:500;}

.section .cont_mobile {text-align:center;}
.section .cont_mobile span.button {display:inline-block; width:170px; text-align:center; line-height:50px; height:50px; margin:50px 0 0 0; font-weight:500;}
.btn01 {background:#000; color:#fff; transition:1s; border:1px solid #000; box-sizing:border-box;}
.btn01:hover {cursor:pointer; background:#fff; color:#000; border:1px solid #000;  transition:0.5s;}

@media screen and (max-width:1600px) {
.section .wrap {margin:50px 2% 0 !important; max-width:100%;}
}

@media screen and (max-width:1400px) {
.section .cont_txt .sub br {display:none;}
.section .cont_txt h2 {text-align:center; font-size:32px; margin:0 0 5px 0;}
.section .cont_txt .sub {text-align:center; font-size:20px; line-height:25px; margin:0 0 15px 0;}
.section .cont_txt .text {text-align:center;}
.section .cont_txt .text br {display:none;}
.section .cont_txt span.button {display:none;}
}

@media screen and (max-width:860px) {
.section {height:auto !important; padding:100px 0;}
.section .wrap {margin:0 4% 0 !important; max-width:100%;}
.section .cont_mobile span.button {margin:30px 0 0 0; width:150px;}
}

@media screen and (max-width:640px) {
.section .cont_txt h2 {font-size:25px;}
.section .cont_txt .sub {font-size:17px; line-height:18px; margin:0 0 15px 0;}
}






/*섹션 공통 박스리스트*/

.section .box_list {width:100%; display:inline-block; vertical-align:middle;}
.section .box_list ul {width:100%;}
.section .box_list ul li {float:left; width:32%; margin:0 2% 0 0; height:550px; position:relative; text-align:center; background:#fff; border-radius:20px; overflow:hidden; transition:1s;}
.section .box_list ul li:last-child {margin:0;}
.section .box_list ul li span {position:absolute; font-size:170px; font-family:'Play', sans-serif; font-weight:700; color:#f2f2f2; letter-spacing:-5px; top:80px; right:-25px; transition:1s; opacity:1;}
.section .box_list ul li img.box_bg {width:920px; max-width:920px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0; transition:1s;}
.section .box_list ul li dl {position:absolute; top:65%; left:50%; transform:translate(-50%,-65%); width:85%;}
.section .box_list ul li dl dt {font-weight:500; margin:0 0 25px 0;}
.section .box_list ul li dl dt div {position: relative; width:60px; height:50px; display:inline-block; margin:0 0 45px 0;}
.section .box_list ul li dl dt div img {position:absolute; top:0; left:0;}
.section .box_list ul li dl dt div img.on {display:none;}
.section .box_list ul li dl dd {width:100%;}
.section .box_list ul li dl div.line {display:none;; width:25px; height:1px; background:#fff; vertical-align:top; transition:1s;}
.section .box_list ul li:hover {background:#151c64; transition:1s; cursor:auto;}
.section .box_list ul li:hover span {opacity:0;}
.section .box_list ul li:hover dl dt, .section .box_list ul li:hover dl dd {color:#fff;}
.section .box_list ul li:hover dl div.line {display:inline-block; transition:1s;}
.section .box_list ul li:hover img.box_bg {opacity:15%; transition:1s;}
.section .box_list ul li:hover dt div {margin:0 0 20px 0;}
.section .box_list ul li:hover dt img {display:none;}
.section .box_list ul li:hover dt img.on {display:inline-block;}
.section .cont_mobile {display:none;}

@media screen and (max-width:1600px) {
.section .box_list ul li dl dd br { display:none;}
}

@media screen and (max-width:1400px) {
.section .cont_txt {width:100%; margin:0;}
.section .box_list {width:100%; margin:50px 0 0 0;}
.section .box_list ul li {height:440px;}
.section .box_list ul li:nth-of-type(1) {margin:0 2% 0 0;}
.section .box_list ul li:nth-of-type(2) {margin:30px 2% 0 0;}
.section .box_list ul li:nth-of-type(3) {margin:0 0 0 0;}
.section .box_list ul li dl {width:80%; top:50%; transform:translate(-50%,-50%);}
.section .box_list ul li span {font-size:150px;}
.section .cont_mobile {display:block;}
}

@media screen and (max-width:860px) {
.section .box_list {margin:30px 0 0 0;}
.section .box_list ul li {width:100%; height:auto; text-align:left;}
.section .box_list ul li span {display:none;}
.section .box_list ul li dl {position:relative; width:auto; top:auto; left:auto; transform:translate(0); overflow:hidden; padding:5% 10%;}
.section .box_list ul li:nth-of-type(1) {margin:0 0 15px 0;}
.section .box_list ul li:nth-of-type(2) {margin:0 0 15px 0;}
.section .box_list ul li:nth-of-type(3) {margin:0;}
.section .box_list ul li:hover dl div.line {display:none;}
.section .box_list ul li:hover dt div {margin:0;}
.section .box_list ul li dl dt {float:left; width:20%; margin:0 5% 0 0; padding:0 5% 0 0; border-right:1px solid #ddd; box-sizing:border-box; text-align:center;}
.section .box_list ul li dl dt div img {margin:0 0 20px 0;}
.section .box_list ul li dl dt div {margin:0; text-align:center;}
.section .box_list ul li dl dd {float:left; width:70%;}
}

@media screen and (max-width:640px) {
.section .box_list ul li {text-align:center;}
.section .box_list ul li dl {padding:7%;}
.section .box_list ul li dl dt {float:none; width:100%; border-right:0px; padding:0;}
.section .box_list ul li dl dd {float:none; width:100%;}
.section .box_list ul li dl div.line {display:inline-block; background:#ccc; vertical-align:middle; margin:15px 0;}
.section .box_list ul li dl dt div img {width:45px; position:relative;}
.section .box_list ul li:hover dl div.line {display:inline-block; background:#fff;}
}






.section1 {background:url("../img/main/main_section01_bg.jpg") center center no-repeat; background-size:cover;}
.section1 .cont_txt h1 br:first-child {display:none;}
.section1 .cont_txt .text br {display:none;}
.section1 .cont_txt .text br:nth-of-type(2) {display:block;}
.section1 .dim {display:none;}

@media screen and (max-width:1400px) {
.section1 .dim {display:block; position:absolute; background:rgba(0,0,0,.4); z-index:1;}
.section1 .cont_txt h1 {font-size:50px; margin:0 0 30px 0; line-height:50px;}
.section1 .cont_txt .text {text-align:left;}
}

@media screen and (max-width:860px) {
.section1 {background:url("../img/main/main_section01_bg.jpg") center right 35% no-repeat;  background-size:cover;}
.section1 .fp-tableCell {height:420px !important;}
.section1 .cont_txt h1 {font-size:35px; margin:0 0 20px 0; line-height:40px;}
.section1 .cont_txt h1 br:first-child {display:block;}
.section1 .cont_txt .text {color:#a5a5a5}
.section1 .cont_txt .text br {display:block;}
}




.section2 {background:url("../img/main/main_section02_bg.jpg") center center no-repeat; background-size:cover; overflow:hidden;}
.section2 .wrap {overflow:inherit;}
.section2 .cont_txt {color:#000; display:inline-block; vertical-align:middle; width:31%; margin:0 10px 0 0;}
.section2 .box_list {width:68%;}
.section2 .box_list ul li:nth-of-type(2) {margin:60px 2% 0 0;}

@media screen and (max-width:1400px) {
.section2 .cont_txt {width:100%;}
.section2 .box_list {width:100%;}
.section2 .box_list ul li:nth-of-type(2) {margin:30px 2% 0 0;}
}

@media screen and (max-width:860px) {
.section2 .fp-tableCell {height:auto !important;}
.section2 .box_list ul li:nth-of-type(1) {margin:0 0 15px 0;}
.section2 .box_list ul li:nth-of-type(2) {margin:0 0 15px 0;}
.section2 .box_list ul li:nth-of-type(3) {margin:0 0 15px 0;}
}




.section3 {background:url("../img/main/main_section03_bg.jpg") center center no-repeat; background-size:cover;}
.section3 .cont_txt {text-align:center;}
.section3 .cont_txt h2 {color:#f39801;}
.section3 .box_list {text-align:center; margin:70px 0 0 0;}
.section3 .box_list ul li {float:none; width:28%; display:inline-block; height:380px;}
.section3 .box_list ul li span {opacity:0; right:auto; top:140px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,.25)}
.section3 .box_list ul li:hover {background:#f39801;}
.section3 .box_list ul li:hover span {opacity:1;}
.section .cont_mobile span.btn03 {background:#f39801; color:#fff;}

@media screen and (max-width:1400px) {
.section3 .box_list {margin:35px 0 0 0;}
.section3 .box_list ul {overflow:hidden;}
.section3 .box_list ul li {width:32%; margin:0 2% 0 0; float:left;}
.section3 .box_list ul li:nth-of-type(2) {margin:0 2% 0 0;}
.section3 .box_list ul li:last-child {margin:0;}
}

@media screen and (max-width:860px) {
.section3 .fp-tableCell {height:auto !important;}
.section3 .box_list ul li {width:100%; height:auto;}
.section3 .box_list ul li:nth-of-type(2) {margin:0 0 15px 0;}
}




.section4 {background:url("../img/main/main_section04_bg.jpg") center center no-repeat; background-size:cover;}
.section4 .wrap {overflow:inherit;}
.section4 .cont_txt {color:#000; display:inline-block; vertical-align:middle; width:31%; margin:0 10px 0 0; text-align:right;}
.section4 .box_list {width:68%;}
.section4 .box_list ul li:nth-of-type(1) {margin:60px 2% 0 0;}
.section4 .box_list ul li:nth-of-type(3) {margin:60px 0 0 0;}

@media screen and (max-width:1400px) {
.section4 .cont_txt {width:100%; text-align:center;}
.section4 .cont_txt h2, .section4 .cont_txt .sub, .section4 .cont_txt .text {display:none;}
.section4 .cont_txt span.button {display:inline-block; width:170px; height:50px; line-height:50px; margin:50px 0 0 0;}
.section4 .cont_mobile h2 {font-size:32px; margin:0 0 5px 0; font-family: 'Play', sans-serif; font-weight:700;}
.section4 .cont_mobile .sub {font-size:20px; line-height:25px; margin:0 0 15px 0; font-weight:500;}
.section4 .cont_mobile .sub br {display:none;}
.section4 .cont_mobile .text {color:#777;}
.section4 .cont_mobile .text br {display:none;}
.section4 .box_list {width:100%;}
.section4 .box_list ul li:nth-of-type(1) {margin:30px 2% 0 0;}
.section4 .box_list ul li:nth-of-type(2) {margin:0 2% 0 0;}
.section4 .box_list ul li:nth-of-type(3) {margin:30px 0 0 0;}
}

@media screen and (max-width:860px) {
.section4 .fp-tableCell {height:auto !important;}
.section4 .cont_txt span.button {margin:30px 0 0 0; width:150px;}
.section4 .box_list ul li:nth-of-type(1) {margin:0 0 15px 0;}
.section4 .box_list ul li:nth-of-type(2) {margin:0 0 15px 0;}
.section4 .box_list ul li:nth-of-type(3) {margin:0 0 15px 0;}
}
@media screen and (max-width:640px) {
.section4 .cont_mobile h2 {font-size:25px;}
.section4 .cont_mobile .sub {font-size:17px; line-height:18px; margin:0 0 15px 0;}
}




.section5 {background:#fff; position: relative;}
.section5::before {position:absolute; width:420px; top:0; right:0; height:100%; background-color:#f5f5f5; content:"";}
.section5 .wrap {overflow:hidden;}
.section5 .cont_txt {color:#000; float:left;}
.section5 .cont_txt h1 {margin:0 0 30px 0;}
.section5 .cont_txt .text {margin:0 0 50px 0;}
.section5 .cont_txt ul.contact_list {}
.section5 .cont_txt ul.contact_list a {display:block; line-height:60px; width:225px; border-bottom:1px solid #ccc; color:#a5a5a5; background:url("../img/common/arr_gray.gif") right no-repeat; position:relative;}
.section5 .cont_txt ul.contact_list a::before {position:absolute; bottom:-1px; left:0; width:0; height:1px; background:#f39801; content:""; -webkit-transition:all 1s;-moz-transition:all 1;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
.section5 .cont_txt ul.contact_list a:hover {cursor:pointer; color:#f39801; font-weight:500; background:url("../img/common/arr_color.gif") right no-repeat;}
.section5 .cont_txt ul.contact_list a:hover::before {width:100%;}
.section5 .img {float:right; background:url("../img/main/section05_01.jpg") center center no-repeat; width:65%; height:500px;}

@media screen and (max-width:1400px) {
.section5::before {width:100%; height:350px; bottom:0; top:auto;}
.section5 .img {float:none; width:100%; height:400px; background-size:cover;}
.section5 .cont_txt {float:none;}
.section5 .cont_txt h1 {font-size:45px;}
.section5 .cont_txt .text {text-align:left; margin:0;}
.section5 .cont_txt ul.contact_list {overflow:hidden; margin:50px 0;}
.section5 .cont_txt ul.contact_list a {float:left; width:32%; margin:0 2% 0 0;}
.section5 .cont_txt ul.contact_list a:last-child {margin:0;}
.section5 .cont_txt span.button {display:block; display:block; position:absolute; top:55px; right:0; margin:0; height:55px;}
}

@media screen and (max-width:860px) {
.section5::before {height:300px;}
.section5 .fp-tableCell {height:auto !important;}
.section5 .cont_txt h1 {font-size:35px; margin: 0 0 10px 0;}
.section5 .cont_txt ul.contact_list {margin:35px 0;}
.section5 .cont_txt ul.contact_list a {width:100%; margin:0;}
.section5 .img {height:300px;}
.section5 .cont_txt span.button {position:relative; top:auto; right:auto; width:100%; margin-bottom:35px;}
}

@media screen and (max-width:640px) {
.section5::before {height:250px;}
.section5 .img {height:250px;}
}

@media screen and (max-width:480px) {
.section5::before {height:200px;}
.section5 .img {height:200px;}
}




.section6 {height:auto !important;}
.section6 .fp-tableCell {height:auto !important;}

@media screen and (max-width:1600px) {
.section6 .wrap {margin:0 2% !important;}
}

@media screen and (max-width:860px) {
.section6 {padding:0;}
.section6 .wrap {margin:0 4% !important;}
}