@charset "utf-8";





/*
#main_visual {position:relative; height:910px;}
#main_visual .swiper-container {position:absolute; top:0; left:50%; width:2000px; margin-left:-1000px; height:910px;}
#main_visual .swiper-slide {position:relative; background:center; background-size:cover;}
#main_visual .swiper-pagination {bottom:140px; left:50%; margin:0; margin-left:-515px;}
#main_visual .swiper-pagination-bullet {width:65px; height:1px; margin-right:13px; -webkit-border-radius:0; border-radius:0; opacity:1; transition:all 0.4s; background:#858587;}
#main_visual .swiper-pagination-bullet-active {opacity:1; background:#fff;}
#main_visual .swiper-button-prev {position:absolute; top:50%; left:50%; width:41px; height:80px; margin:0; margin-top:-40px; margin-left:-800px; background:url('../images/main/btn_prev.png') no-repeat;}
#main_visual .swiper-button-next {position:absolute; top:50%; right:50%; width:41px; height:80px; margin:0; margin-top:-40px; margin-right:-800px; background:url('../images/main/btn_next.png') no-repeat;}
#main_visual ul {overflow:hidden; position:absolute; bottom:100px; left:50%; z-index:100; width:1400px; margin-left:-700px;}
#main_visual li {float:left; width:25%; padding-left:1px;}
#main_visual li a {display:block; font-size:17px; color:#000000; line-height:60px; letter-spacing:-0.07em; text-align:center; background:rgba(255,255,255,0.5); transition:all 0.4s;}
#main_visual li a:hover, #main_visual li.on a {color:#fff; background:#06b4e5;}


#main_contents {padding-left:50%;}
#main_contents img {vertical-align:top; margin-left:-1000px;}

*/



.readmore {display:inline-block; width:180px; margin-top:48px; padding-left:19px; font-family: 'Roboto', "Noto Sans KR", sans-serif; letter-spacing:0em; font-size:15px; line-height:39px; text-align:left; background: no-repeat 123px 10px; transition:all .4s ease; -webkit-transition:all .4s ease;}


#main_visual {position:relative; margin-top:0px;} /* */
#main_visual .swiper-container {position:relative;}
#main_visual .swiper-slide {position:relative; background:no-repeat center top; background-size:cover;}
#main_visual .box {position:absolute; top:0; left:50%; width:680px; margin-left:-680px;  padding-top:240px; text-align:center;}
#main_visual h2 {position:relative; width:217px; margin:auto; padding:10px 0; font-size:30px; color:#536150; font-weight:300; border-top:1px solid #536150; border-bottom:1px solid #536150;}
#main_visual .t01 {margin-top:22px; font-size:70px; line-height:1.2; color:#94af97;}
#main_visual .t02 {margin-top:18px; font-size:22px; line-height:33px; color:#5b5a5a;}
#main_visual a {display:block;}
#main_visual img {width:100%;}

/* #main_visual .swiper-pagination {bottom:140px; left:50%; margin:0; margin-left:-515px;} */
#main_visual .swiper-pagination {bottom:140px; left:50%; margin:0; transform: translateX(-50%);}/*2021.02.15 수정*/
#main_visual .swiper-pagination-bullet {width:65px; height:1px; margin-right:13px; -webkit-border-radius:0; border-radius:0; opacity:1; transition:all 0.4s; background:#858587;}
#main_visual .swiper-pagination-bullet-active {opacity:1; background:#fff;}
#main_visual .swiper-button-prev {position:absolute; top:50%; left:50%; width:41px; height:80px; margin:0; margin-top:-40px; margin-left:-800px; background:url('../images/main/btn_prev.png') no-repeat;}
#main_visual .swiper-button-next {position:absolute; top:50%; right:50%; width:41px; height:80px; margin:0; margin-top:-40px; margin-right:-800px; background:url('../images/main/btn_next.png') no-repeat;}


#main_contents {}

#section01 {position:relative; height:880px; padding-top:100px;}
#section01 .obj01 {position:absolute; top:73px; left:50%; margin-left:-880px;}
#section01 .obj02 {position:absolute; top:130px; right:50%; margin-right:-1000px;}
#section01 .obj03 {position:absolute; top:725px; right:50%; margin-right:-550px;}
#section01 .img {position:absolute; top:218px; left:50%; margin-left:-805px;}
#section01 .cont_wrap {position:relative; z-index:1; width:1260px; margin:auto; padding-left:543px;}
#section01 .txt_box {padding-left:143px;}
#section01 .tit {width:172px; height:147px; padding-top:33px; padding-left:5px; font-family: 'Roboto', "Noto Sans KR", sans-serif; font-weight:300; letter-spacing:0.15em; font-size:30px; color:#333; line-height:37px;  text-align:center; border:2px solid #ececeb;}
#section01 .t01 {margin-top:75px; font-family: 'Roboto', "Noto Sans KR", sans-serif; letter-spacing:-0.02m; font-size:100px; color:#e2c6c6; font-weight:300; line-height:90px;}
#section01 .t02 {font-size:88px; color:#848585; font-weight:300; line-height:95px;}
#section01 .t03 {width:700px; margin-top:23px; font-size:22px; color:#5b5a5a; line-height:33px; letter-spacing:-0.1em;}
#section01 .readmore {color:#e2c6c6; border:1px solid #e2c6c6; background-image:url('/images/main/icon_arrow01.png');}
#section01 .readmore:hover {color:#fff; background-color:#e2c6c6; background-image:url('/images/main/icon_arrow_white.png');}

#section02 {padding:74px 10px 135px;text-align:center; background:#f4f2e1;}
#section02 .tit {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-size:30px; color:#333333; font-weight:300; letter-spacing:0.16em; text-align:center;}
#section02 .tit:before {display:block; width:1px; height:42px; margin: 0 auto 23px; background:#a9a9a9; content:'';}
#section02 .swiper-slide {position:relative; width:394px; height:509px; text-align:left;}
#section02 img {width:374px;}
#section02 .txt_box {position:relative; z-index:1; margin-top:-14px; margin-left:24px; width:374px; height:134px; padding-top:17px; color:#ffffff; text-align:center;}
#section02 .s01 .txt_box {background:#a2d1c5;}
#section02 .s02 .txt_box {background:#dcbfac;}
#section02 .s03 .txt_box {background:#dbabab;}
#section02 .s04 .txt_box {background:#aebece;}
#section02 .t01 {font-size:23px; line-height:33px; font-weight:400;}
#section02 .t02 {margin-top:6px; font-size:20px; line-height:25px;}
#section02 .inwrap {position:relative; width:1260px; margin:70px auto 0;}
#section02 .swiper-button-prev {left:50%; right:auto; width:40px; height:78px; margin-left:-740px; margin-top:-39px; background:url('/images/main/btn_prev02.png') no-repeat; background-size:40px 78px;}
#section02 .swiper-button-next {left:auto; right:50%; width:40px; height:78px; margin-right:-740px; margin-top:-39px; background:url('/images/main/btn_next02.png') no-repeat; background-size:40px 78px;}



#section03 {overflow:hidden; width:1600px; margin:auto;}
#section03 .box {position:relative; float:left; width:50%;}
#section03 .box01 {padding-top:128px; text-align:right;}
#section03 .box02 {padding-top:50px; padding-right:250px; text-align:right;}
#section03 .box_wrap {display:inline-block; text-align:center;}
#section03 .tit {display:inline-block; font-size:26px; color:#7d7d7d; line-height:54px; font-weight:300; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4;}
#section03 .t01 {margin-top:24px; font-size:60px; color:#848585; }
#section03 .t02 {margin-top:19px; font-size:22px; color:#5b5a5a; line-height:33px;}
#section03 .name {position:absolute; bottom:66px; right:475px}
#section03 .name .s01 {font-size:19px; color:#888888;}
#section03 .name .s02 {font-size:35px; color:#5b5a5a;}
#section03 .readmore {color:#b4b4b4; border:1px solid #b4b4b4; background-image:url('/images/main/icon_arrow02.png');}
#section03 .readmore:hover {color:#fff; background-color:#b4b4b4; background-image:url('/images/main/icon_arrow_white.png');}


#section04 {position:relative; z-index:2; padding:50px 0;text-align:center; background:#848585;}
#section04 .inwrap {position:relative; display:inline-block; width:100%; width:1260px; margin:auto;}
#section04 .title {float:left; width:270px; height:272px; padding:47px 0 0 40px; text-align:left; border:2px solid #aaabab;}
#section04 .title .t01 {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-weight:400; letter-spacing:-0.03em; font-size:45px; color:#e3e3e3; line-height:30px;}
#section04 .title .t01:before {display:block; width:35px; height:1px; margin-bottom:27px; margin-left:2px; background:#aaabab; content:'';}
#section04 .title .t02 {margin-top:8px; font-family: 'Roboto', "Noto Sans KR", sans-serif; font-weight:300; letter-spacing:-0.03em; font-size:28px; color:#e3e3e3; line-height:30px;}
#section04 .title .t03 {margin-top:17px; font-size:24px; color:#fff;}
#section04 .swiper-container {float:right; width:930px; padding:8px 20px 0 0;}
#section04 .swiper-button-prev {left:50%; right:auto; width:40px; height:78px; margin-left:-740px; margin-top:-39px; background:url('/images/main/btn_prev03.png') no-repeat; background-size:40px 78px;}
#section04 .swiper-button-next {left:auto; right:50%; width:40px; height:78px; margin-right:-740px; margin-top:-39px; background:url('/images/main/btn_next03.png') no-repeat; background-size:40px 78px;}
#section04 .txt {margin-top:-6px; font-size:14px; color:#e3e3e3; line-height:20px; text-align:left; letter-spacing:0em;}
#section04 .txt em {font-size:16px; font-weight:400;}

#section05 {position:relative; z-index:2; padding:127px 0 100px; background:url('/images/main/cont05_bg.jpg') no-repeat center;}
#section05 .inwrap {width:1260px; margin:auto; padding-left:667px;}
#section05 .t01 {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-weight:300; letter-spacing:0.15em; font-size:30px; color:#333333;}
#section05 .t02 {margin-top:10px; font-size:60px; color:#333333;}
#section05 .t03 {margin-top:5px; font-size:22px; color:#988272;}
#section05 ul {overflow:hidden; margin:34px -7px -8px -8px;}
#section05 li {float:left; width:25%; padding:7px 7px 8px 8px;}
#section05 a {display:block; width:130px; height:130px; padding-top:75px; font-size:19px; color:#ffffff; line-height:1.2; font-weight:400; text-align:center; border:2px solid rgba(255,255,255,0.4);  background:url('/images/main/icon_section05.png') no-repeat; transition:border .4s ease; -webkit-transition:border .4s ease;}
#section05 .s01 a {background-position:0px 0px;}
#section05 .s02 a {background-position:0px -200px;}
#section05 .s03 a {background-position:0px -400px;}
#section05 .s04 a {background-position:0px -600px;}
#section05 .s05 a {background-position:0px -800px;}
#section05 .s06 a {background-position:0px -1000px;}
#section05 .s07 a {background-position:0px -1200px;}
#section05 .s08 a {background-position:0px -1400px;}
#section05 li:hover a {border-color:#fff;}

#section06 {position:relative; z-index:3; overflow:hidden; max-width:2000px; min-width:1260px; margin:auto;}
#section06 .cont {padding:80px 0 120px;}
#section06 .txt_box {display:inline-block; text-align:center;}
#section06 .cont01 {float:left; width:50%; padding-right:154px; color:#526151; text-align:right; background:url('/images/main/cont06_bg01.jpg');}
#section06 .t01 {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-weight:400; letter-spacing:0.15em; font-size:45px; color:#333333; line-height:54px;}
#section06 .t01:before {display:block; width:1px; height:42px; margin:auto; content:'';}
#section06 .t02 {margin-top:28px; font-size:24px; color:#5b5a5a; font-weight:400;}
#section06 .t03 {margin-top:3px; font-size:22px; color:#5b5a5a;}
#section06 .cont01 .t01 {color:#526151;}
#section06 .cont01 .t01:before {background:#526151;}
#section06 .cont01 .readmore {color:#94af97; border:1px solid #94af97; background-image:url('/images/main/icon_arrow03.png')}
#section06 .cont01 .readmore:hover {color:#fff; background-color:#94af97; background-image:url('/images/main/icon_arrow_white.png')}
#section06 .cont02 {float:right; width:50%; padding-left:151px;  text-align:left; background:url('/images/main/cont06_bg02.jpg');}
#section06 .cont02 .t01 {color:#f2f0e3;}
#section06 .cont02 .t01:before {background:#f2f0e3;}
#section06 .cont02 .t02 {color:#f2f0e3;}
#section06 .cont02 .t03 {color:#f2f0e3;}
#section06 .cont02 .readmore {color:#aaaba1; border:1px solid #aaaba1; background-image:url('/images/main/icon_arrow04.png')}
#section06 .cont02 .readmore:hover {color:#fff; background-color:#aaaba1; background-image:url('/images/main/icon_arrow_white.png')}


#section07 {padding:74px 10px 135px;text-align:center; background:#f0fcff;}
#section07 .tit {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-size:30px; color:#333333; font-weight:300; letter-spacing:0em; text-align:center;}
#section07 .tit:before {display:block; width:1px; height:42px; margin: 0 auto 23px; background:#a9a9a9; content:'';}
#section07 .inwrap {position:relative; width:1400px; margin:70px auto 0;}
#section07 .wrapper {display: grid; /*auto-fit:화면 너비에 따라 칼럼을 가득찰 때 까지 배치*/ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;}
#section07 .cell {display:row; padding-bottom:20px;}


#main_board {position:relative; z-index:4; overflow:hidden; width:1260px; margin:auto; padding:130px 0 120px;}
#main_board .board {float:left; width:380px;}
#main_board .board+.board {margin-left:62px;}
#main_board h2 {border-bottom:1px solid #cccccc;}
#main_board h2 a {display:block; padding-bottom:23px; font-family: 'Roboto', "Noto Sans KR", sans-serif; font-weight:100; letter-spacing:0.05em; text-transform:uppercase; font-size:28px; color:#333333; background:url('/images/icon/icon_arrow02.png') no-repeat center right;}
#main_board ul {padding:36px 0 0;}
#main_board li {position:relative; font-size:17px;}
#main_board li+li {margin-top:20px;}
#main_board li a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; margin-right:125px;color:#5b5a5a; }
#main_board li span {position:absolute; top:0; right:0; color:#999; letter-spacing:0em;}
#main_board li .complete {color:#94af97;}
#main_board .q_counsel {width:374px; height:375px; margin-left:62px; padding:37px 40px 0; text-align:center; background:#b4cbb7;}
#main_board .q_counsel h2 {font-size:26px; color:#ffffff; line-height:32px; font-weight:300; text-align:left; border:0; background:url('/images/icon/icon_headset.png') no-repeat center right;}
#main_board .q_counsel {width:374px; height:375px; margin-left:62px; text-align:center; background:#b4cbb7;}
#main_board .q_counsel .frow {margin-top:26px;}
#main_board .q_counsel .frow+.frow {margin-top:6px;}
#main_board .q_counsel .frow input[type="text"] {width:100%; height:40px; padding:0 5px 0 15px; font-size:18px; color:#7d7d7d; letter-spacing:-0.07em;}
#main_board .check_area {margin-top:8px; text-align:left; font-size:16px; color:#fff;}
#main_board .btn_submit {width:100%; height:50px; margin-top:12px; font-size:24px; color:#ffffff; border:0; background:#526151;}

#main_info {overflow:hidden; position:relative; height:893px;}
#main_info .map {overflow:hidden; height:550px;}
#main_info iframe {width:100%; height:850px; margin-top:-150px;}
#main_info .root_daum_roughmap {width:100%; padding:0 !important;}
#main_info .inwrap {position:relative; z-index:1; overflow:hidden; width:1260px; margin:-98px auto 0;}
#main_info .cont {float:left; height:340px; padding:58px 0 0 70px; background:#848585;}
#main_info .cont+.cont {border-left:1px solid #939393;}
#main_info .cont01 {width:406px;}
#main_info .cont01 p {padding-left:44px; font-family: 'Roboto', "Noto Sans KR", sans-serif; color:#fff; font-weight:300; letter-spacing:-0.03em; background:no-repeat center left;}
#main_info .cont01 .tel {margin-top:23px; font-size:40px; background-image:url('/images/icon/icon_tel.png');}
#main_info .cont01 .kakao {margin-top:6px;  font-size:30px; background-image:url('/images/icon/icon_kakao02.png');}
#main_info .cont02 {width:446px;}
#main_info .cont03 {width:408px;}
#main_info h2 {display:inline-block; padding-bottom:2px; font-size:20px; color:#fff; line-height:33px; font-weight:300; border-bottom:1px solid #fff;}
#main_info .img {margin-top:33px;}
#main_info .t01 {margin-top:28px; font-size:20px; color:#ffffff; line-height:28px;}
#main_info .t01 span {display:inline-block; width:100px;}
#main_info .t01 em {font-size:18px; color:rgba(255,255,255,0.5);}
#main_info .stxt {position:relative; margin-top:4px; font-size:18px; color:rgba(255,255,255,0.8); line-height:30px;}
#main_info .stxt .num {display:inline-block; width:27px; height:27px; font-family: 'Roboto', "Noto Sans KR", sans-serif; font-size:18px; color:#ffffff; text-align:center; line-height:27px; font-weight:400; border-radius:50%; -webkit-border-radius:50%; background:#f57735;}
