@charset "utf-8";

.csize01 {padding:5.5% 4.1%;}

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


#main img {width:100%;}
#main_visual {position:relative; z-index:1; overflow:hidden;}
#main_visual .swiper-pagination {position:absolute; right:0; bottom:0; left:auto; width:60px; z-index:10; text-align:center; font-size:17px; color:#b8b8b8; letter-spacing:-0.1em; line-height:33px; background:rgba(0,0,0,0.4);}
#main_visual .swiper-pagination .swiper-pagination-current {color:#fff;}
#main_visual .swiper-slide {padding-bottom:115%; background:no-repeat center top; background-size:cover; }
#main_visual .box {position:absolute; top:0; left:10px; right:10px;  margin-top:55%; text-align:center;}
#main_visual h2 {position:relative; width:109px; margin:auto; padding:2px 0; font-size:18px; color:#536150; border-top:1px solid #536150; border-bottom:1px solid #536150;}
#main_visual .t01 {margin-top:11px; font-size:30px; line-height:1.2; color:#94af97; line-height:1.16;}
#main_visual .t02 {margin-top:13px; font-size:15px; line-height:33px; color:#5b5a5a; line-height:1.4;}

#main_visual .slide01 {background-image:url('../images/main/visual01_main.jpg');}
#main_visual .slide02 {background-image:url('../images/main/visual02_main.jpg');}
#main_visual .slide03 {background-image:url('../images/main/visual03_main.jpg');}
#main_visual .slide02  h2 {color:#586878; border-color:#586878}
#main_visual .slide02 .t01 {color:#8aa0b5;}
#main_visual .slide03  h2 {color:#586878; border-color:#586878}
#main_visual .slide03 .t01 {color:#ea9f9f;}
#main_visual .slide03 .t03 {font-size:15px; color:#333;}
#main_visual .slide03 .t03 em {font-weight:bold;}
#main_visual .slide04 {background-image:url('../images/main/mvisual_202001.jpg');}

#section01 {}
#section01 {background:url('../images/main/section01_bg.jpg'); background-size:cover;}
#section01 img {width:100%;}
#section01 .img {margin-top:20px;}
#section01 .tit {width:95px; height:75px; margin:auto; padding-top:16px; font-family: 'Roboto', "Noto Sans KR", sans-serif; letter-spacing:0.15em; font-size:18px; color:#333; line-height:1.2;  text-align:center; border:1px solid #ececeb;}
#section01 .txt_box {padding:0 0 0 8px;}
#section01 .t01 {margin-top:30px; font-family: 'Roboto', "Noto Sans KR", sans-serif; letter-spacing:-0.02m; font-size:23px; color:#e2c6c6; line-height:42px;}
#section01 .t02 {font-size:44px; color:#848585; line-height:47px;}
#section01 .t03 {margin-top:16px; padding-right:80px; font-size:15px; color:#5b5a5a; line-height:1.4; letter-spacing:-0.1em; }
#section01 .readmore {margin-top:26px; color:#e2c6c6; border:1px solid #e2c6c6; background-image:url('/images/main/icon_arrow01.jpg'); background-size:34px auto;}


#section02 {padding:30px 0 11.111%; background:#f4f2e1;}
#section02_swiper {position:relative; padding:0 35px;}
#section02 img {width:100%;}
#section02 {text-align:center; background:#f4f2e1;}
#section02 .tit {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-size:23px; color:#333333; font-weight:300; letter-spacing:0.16em; text-align:center;}
#section02 .tit:before {display:block; width:1px; height:21px; margin: 0 auto 12px; background:#a9a9a9; content:'';}
#section02 .swiper-slide {position:relative; margin-top:20px;}
#section02 .txt_box {position:relative; z-index:1; min-height:100px; padding:17px 10px 0; 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:20px; line-height:33px; font-weight:400;}
#section02 .t02 {margin-top:3px; font-size:14px; line-height:1.35; }
#section02 .swiper-button-prev,
#section02 .swiper-button-next {width:10px; height:20px; margin-top:-10px; background:no-repeat center; background-size:100% auto;}
#section02 .swiper-button-prev {left:15px; background-image:url('/images/main/btn_prev.png');}
#section02 .swiper-button-next {right:15px; background-image:url('/images/main/btn_next.png');}

#section03 {padding-bottom:0;}
#section03 img {width:100%;}
#section03 .box {}
#section03 .box01 {text-align:center;}
#section03 .tit {display:inline-block; font-size:18px; color:#7d7d7d; line-height:33px; text-align:center; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4;}
#section03 .t01 {margin-top:13px; font-size:30px; color:#848585; }
#section03 .t02 {margin-top:13px; font-size:15px; color:#5b5a5a; line-height:1.4;}
#section03 .box02 {position:relative; }
#section03 .name {position:absolute; top:50%; left:43px; transform:translateY(-50%);}
#section03 .box02 .s01 {font-size:15px; color:#888888;}
#section03 .box02 .s02 {width:103px; margin-top:3px; font-size:20px;}
#section03 .readmore {margin-top:29px; color:#b4b4b4; border:1px solid #b4b4b4; background-image:url('/images/main/icon_arrow02.png');}

#section04 {padding:40px 4.1% 11.111%; background:#848585;}
#section04_swiper {position:relative; margin-top:30px; }
#section04_swiper .swiper-scrollbar {height:3px; margin-top:30px; border-radius:0; background:#9d9d9d;}
#section04_swiper .swiper-scrollbar-drag {border-radius:0; background:#fff;}
#section04_swiper .swiper-slide {font-size:13px; color:#e3e3e3; line-height:1.27; word-break:keep-all;}
#section04_swiper .swiper-slide br {display:none;}
#section04_swiper .txt {padding:0 10px; text-align:center;}
#section04 .tit {text-align:center;}
#section04 .tit h2 {font-family: 'Roboto', "Noto Sans KR", sans-serif; letter-spacing:-0.03em; font-size:18px; color:#e3e3e3; }
#section04 .tit h2:before {display:inline-block; width:18px; height:1px; margin-bottom:6px; background:#aaabab; content:'';}
#section04 .tit h2 em {display:block; letter-spacing:-0.03em; font-size:28px; color:#e3e3e3; line-height:1;}
#section04 .stxt {margin-top:2px; font-size:24px; color:#fff;}


#section05 {background:#d9c0aa;}
#section05 .title {position:relative; padding:0 4.1% 100%; background:url('/images/main/section05_bg02.jpg') no-repeat center; background-size:cover;}
#section05 .box {position:absolute; bottom:7.3%; left:6.3%;}
#section05 h2 {font-family: 'Roboto', "Noto Sans KR", sans-serif; letter-spacing:0.15em; font-size:18px; color:#333333;}
#section05 .t01 {margin-top:3px; font-size:30px; color:#333333;}
#section05 .t02 {margin-top:5px; font-size:15px; color:#988272;}
#section05 .list {padding:0 4.1% 11.11%; background:url('/images/main/section05_bg.jpg') center; background-size:cover;}
#section05 .list ul {overflow:hidden; margin:-3px;  }
#section05 .list li {float:left; width:33.3333333%; padding:3px; }
#section05 .list li .item {display:block; height:105px; padding:61px 5px 0; font-size:14px; color:#fff; text-align:center; border:1px solid rgba(255,255,255,0.4); background:url('/images/main/icon_section05.png') no-repeat; background-size:105px auto;}
#section05 .list li:nth-child(3n+1) {clear:both;}
#section05 .list li:nth-child(1) .item {background-position:center 0px;}
#section05 .list li:nth-child(2) .item {background-position:center -100px;}
#section05 .list li:nth-child(3) .item {background-position:center -200px;}
#section05 .list li:nth-child(4) .item {background-position:center -300px;}
#section05 .list li:nth-child(5) .item {padding-top:34px; font-family: 'Roboto', "Noto Sans KR", sans-serif; letter-spacing:0.15em; font-size:15px; color:#333; background:none;}
#section05 .list li:nth-child(6) .item {background-position:center -400px;}
#section05 .list li:nth-child(7) .item {background-position:center -500px;}
#section05 .list li:nth-child(8) .item {background-position:center -600px;}
#section05 .list li:nth-child(9) .item {background-position:center -700px;}

#section06 {}
#section06 .cont {padding:45px 0; text-align:center; background:no-repeat center; background-size:cover;}
#section06 .cont01 {color:#526151; background-image:url('/images/main/section06_bg01.jpg');}
#section06 .t01 {font-family: 'Roboto', "Noto Sans KR", sans-serif;letter-spacing:0.15em; font-size:25px;}
#section06 .t02 {margin-top:6px; font-size:20px; color:#5b5a5a; font-weight:bold;}
#section06 .t03 {font-size:15px; color:#5b5a5a;}
#section06 .cont01 .t01 {color:#526151;}
#section06 .cont02 {background-image:url('/images/main/section06_bg02.jpg');}
#section06 .cont02 .t01 {color:#f2f0e3;}
#section06 .cont02 .t02 {color:#f2f0e3;}
#section06 .cont02 .t03 {color:#f2f0e3;}

#main_board {padding:11.11% 4.1%;}
#main_board dl {position:relative; height:195px;}
#main_board dt {float:left; width:50%;}
#main_board dt a {display:block; overflow:hidden; font-family: 'Roboto', "Apple SD Gothic Neo",sans-serif; font-size:16px; color:#333333; line-height:40px; font-weight:400; letter-spacing:0em; text-align:center; background:#ebebeb;}
#main_board dd {display:none; position:absolute; top:53px; left:0; right:0;}
#main_board li {position:relative; padding-right:80px; font-size:14px; line-height:27px; color:#5b5a5a;}
#main_board li .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#main_board li span {position:absolute; top:0; right:0; color:#999999;}
#main_board li .state.ing {color:#94af97}
#main_board dt.on a {color:#fff; background:#333333;}
#main_board dt.on +dd {display:block;}


#qcounsel {padding:0 15px 9%; }
#qcounsel .inwrap {padding:27px 6% 9%; background:#b4cbb7;}
#qcounsel h2 {font-size:20px; color:#fff; line-height:1.2; background:url('/images/main/icon_headset.png') no-repeat center right; background-size:36px auto;}
#qcounsel input[type="text"] {width:100%; height:35px; padding:0 10px; border:0; font-size:14px; color:#7d7d7d; background:#fff;}
#qcounsel .frow {margin-top:10px;}
#qcounsel .frow+.frow {margin-top:3px;}
#qcounsel .check_area {padding:8px 0; font-size:13px; color:#fff;}
#qcounsel .check_area * {vertical-align:middle;}
#qcounsel .checkbox {font-size:13px; color:#fff;}
#qcounsel .btn_submit {width:100%; height:45px; font-size:18px; color:#fff; background:#526151;}


#map {overflow:hidden; height:250px;}
#map .map_area {position:relative; overflow:hidden; height:250px;}
#map .map_area iframe {position:absolute; top:0; left:0; width:100%; height:550px; margin-top:-150px;}
#map .root_daum_roughmap {width:100%; padding:0 !important;}


#main_info {padding:15px 4.1% 5.5%; background:#848585;}
#main_info .cont {padding:7px 0 13px;}
#main_info .cont+.cont {border-top:1px solid #939393;}
#main_info .cont01 {display: flex; flex-direction: column; justify-content: space-between;}
#main_info .cont01 .index_info {display: flex; flex-direction: column;}
#main_info .cont01 .inwrap {margin:0;}
#main_info .cont01 a {display:inline-block; margin-right:8px; padding-left:28px; line-height:30px; color:#fff; letter-spacing:-0.03em; background:no-repeat center left; background-size:25px auto;}
#main_info .cont01 .tel {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-size:18px; background-image:url('/images/main/icon_tel.png'); }
#main_info .cont01 .index_btn {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 1.5rem; margin-bottom: 1.5rem;}
#main_info .cont01 .line_btn {}
#main_info .cont01 .line_btn .txt_box {display:inline-block;}
#main_info .cont01 .line_btn img {display:inline-block; width:7rem;}
#main_info .cont01 .kakao_btn {}
#main_info .cont01 .kakao_btn .txt_box {display:inline-block;}
#main_info .cont01 .kakao_btn img {display:inline-block; width:7rem; margin-left: 0.5rem;}
#main_info .cont01 .kakao {font-size:14px; background-image:url('/images/main/icon_kakao.png');}
/*
#main_info .cont01 .inwrap {margin:0;}
#main_info .cont01 a {display:inline-block; margin-right:8px; padding-left:28px; line-height:30px; color:#fff; letter-spacing:-0.03em; background:no-repeat center left; background-size:25px auto;}
#main_info .cont01 .tel {font-family: 'Roboto', "Noto Sans KR", sans-serif; font-size:18px; background-image:url('/images/main/icon_tel.png'); }
#main_info .cont01 .kakao {font-size:14px; background-image:url('/images/main/icon_kakao.png');}
*/
#main_info h2 {font-size:18px; color:#fff; line-height:33px;}
#main_info .img {}
#main_info .t01 {margin-top:2px; font-size:13px; color:#ffffff; line-height:1.3;}
#main_info .t01 span {display:inline-block;}
#main_info .t01 em {font-size:12px; color:rgba(255,255,255,0.5);}
#main_info .stxt {position:relative; margin-top:9px; font-size:13px; color:rgba(255,255,255,0.8); line-height:1.15;}
#main_info .stxt .num {display:inline-block; width:20px; height:20px; font-family: 'Roboto', "Noto Sans KR", sans-serif; font-size:15px; color:#ffffff; text-align:center; line-height:20px; font-weight:400; border-radius:50%; -webkit-border-radius:50%; background:#f57735;}
#main_info .btn_mobile {display:inline-block; margin-top:10px;  padding:0 18px; font-size:15px; color:#c5c5c5; line-height:30px; text-align:center; border-radius:30px; background:#656565; }
#main_info .btn_mobile:after {display:inline-block; width:7px; height:15px; margin-left:5px; vertical-align:middle; background:url('/images/main/icon_arrow03.png') no-repeat center 0; background-size:7px auto; content:'';}