@charset "utf-8";
/* CSS Document */
.main .visual {position: relative;}
.main .visual .swiper-slide a.main_link{display:block;}
.main .visual .pc {height: 930px;}
.main .visual .mo {display: none;}
.main .visual .visual_prev {display: block; left: 50px; padding-top: 18px; width: 50px; height: auto; line-height: 1; font-size: 12px; font-weight: 300; color: rgba(255,255,255,.5); letter-spacing: 2.5px; text-align: right; border-top: 1px solid rgba(255,255,255,.5);; box-sizing: border-box;}
.main .visual .visual_next {display: block; right: 50px; padding-top: 18px; width: 50px; height: auto; line-height: 1; font-size: 12px; font-weight: 300; color: rgba(255,255,255,.5); letter-spacing: 2.5px; text-align: left; border-top: 1px solid rgba(255,255,255,.5);; box-sizing: border-box;}
.main .visual .bookArea-wrap {position: absolute; bottom: 0;}

.main .section1 {padding: 80px 0;}
.main .section1 .top strong {display: inline-block; line-height: 1; font-size: 40px; font-weight: 700; color: #2c2c2c; letter-spacing: -2.5px;}
.main .section1 .top a {float: right; display: block; width: 40px; height: 40px; line-height: 35px; border: 1px solid #42403f; text-align: center; box-sizing: border-box;}
.main .section1 .cont {margin-top: 20px;}
.main .section1 .offer_slide a.promo_link{display:block;}
.main .section1 .offer_slide .img {position: relative;}
.main .section1 .offer_slide .img .promo_box {position: absolute; top: 0; right: 0; font-size: 0;}
.main .section1 .offer_slide .img .promo_box span {display: inline-block; width: 85px; height: 85px; line-height: 85px; font-size: 14px; color: #fff; letter-spacing: 0; text-align: center;}
.main .section1 .offer_slide .img .promo_box span.prm1 {background: #967e74;}
.main .section1 .offer_slide .img .promo_box span.prm2 {background: #372f2c;}
.main .section1 .offer_slide .txt {padding: 35px 0;}
.main .section1 .offer_slide .txt em {display: block; line-height: 1.3; font-size: 20px; font-weight: 700; color: #3b3a39; height: 26px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden;}
.main .section1 .offer_slide .txt span {display: block; margin-top: 12px; line-height: 1.5; font-size: 16px; font-weight: 300; color: #666; height: 48px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden;}
.main .section1 .offer_slide .txt i {display: block; margin-top: 30px; line-height: 1.3; font-size: 14px; font-weight: 200; color: #676767; letter-spacing: 0;}
.main .section1 .control {margin-top: 40px;}


.slideTypeA .swiper-scrollbar {width: calc(100% - 100px); height: 1px; border-radius: 0; background: #cacaca; width: -webkit-calc(100% - 100px); width: -mox-calc(100% - 100px); }
.slideTypeA .swiper-scrollbar-drag {top: -2px; height: 5px; border-radius: 0; background: #4d2015;}
.slideTypeA .control {position: relative;}
.slideTypeA .control .arr_box {position: absolute; top: -6px; right: 0;}
.slideTypeA .control .typeA_prev {float: left; position: static; display: block; margin: 0; width: 22px; height: 12px; background-image: url('/img/slide_prev.svg'); background-repeat: no-repeat; background-position: 0% 50%;}
.slideTypeA .control .typeA_next {float: left; position: static; display: block; margin: 0; width: 22px; height: 12px; background-image: url('/img/slide_next.svg'); background-repeat: no-repeat; background-position: 100% 50%;}

.main .section2 {position: relative; height: 860px;}
.main .section2 > ul.cont {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50;}
.main .section2 > ul.cont > li { position: relative; float: left; padding: 140px 60px 0; width: 25%; height: 860px; color: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; box-sizing: border-box; transition:background-image .5s; -webkit-transition:background-image .5s; }
.main .section2 > ul.cont > li .filter {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url('/img/main_filter.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; z-index: 3;}
.main .section2 > ul.cont > li .txt {position: relative; z-index: 5;}
.main .section2 > ul.cont > li .txt em {display: block; padding-bottom: 40px; font-size: 40px; font-weight:700; line-height: 1;}
.main .section2 > ul.cont > li .txt span {position: relative; display: block; min-height: 75px; padding-top: 25px; word-break: keep-all;}
.main .section2 > ul.cont > li .txt span:before {content: ''; position: absolute; top: 0; left: 0; display: block; width: 40px; height: 1px; background: #9d958c;}
.main .section2 > ul.cont > li .txt a {display: none; margin-top: 15px; width: 40px; height: 40px; line-height: 34px; text-align: center; border: 1px solid #fff; box-sizing: border-box; transition: all .4s;}
.main .section2 > ul.cont > li.on .filter {z-index: 8;}
.main .section2 > ul.cont > li.on .txt {z-index: 10;}
.main .section2 > ul.cont > li.on .txt a {display: block;}
.main .section2 > ul.cont > li.bg1 {background-image: url('/img/main_bg_1.jpg');}
.main .section2 > ul.cont > li.bg2 {background-image: url('/img/main_bg_2.jpg');}
.main .section2 > ul.cont > li.bg3 {background-image: url('/img/main_bg_3.jpg');}
.main .section2 > ul.cont > li.bg4 {background-image: url('/img/main_bg_4.jpg');}
.main .section2 > ul.cont > li.on {background-image: none; z-index:10;}

.main .section2 > ul.hover {position: relative; top: 0; left: 0; width: 100%; height: 100%;}
.main .section2 > ul.hover li {z-index:-1; opacity:0.5;  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transition:all .5s; -webkit-transition:all .5s; }
.main .section2 > ul.hover li.on { z-index:30; opacity:1; }
.main .section2 > ul.hover li.bg1 {background-image: url('/img/main_bg_1-1.jpg');}
.main .section2 > ul.hover li.bg2 {background-image: url('/img/main_bg_2-1.jpg');}
.main .section2 > ul.hover li.bg3 {background-image: url('/img/main_bg_3-1.jpg');}
.main .section2 > ul.hover li.bg4 {background-image: url('/img/main_bg_4-1.jpg');}




.main .section3 {padding: 75px 0;}
.main .section3 .box {float: left; width: 33.33333%; text-align: center; border-left: 1px solid #e1e1e1; box-sizing: border-box;}
.main .section3 .box:first-child {border: 0;}
.main .section3 .box em {display: block; font-size: 22px; font-weight: 700; color: #3f3f3f;}
.main .section3 .box span {display: block; margin-top: 10px; font-weight: 300; color: #808080; word-break: keep-all;}
.main .section3 .box .btm {margin-top: 20px;}
.main .section3 .box .btm.pc_btm {display:block;}
.main .section3 .box .btm.mo_btm {display:none;}
.main .section3 .box .btm a {display: inline-block; height: 40px; line-height: 40px;}
.main .section3 .box.tel a {font-size: 20px; color: #4e1f15; font-family: 'S-CoreDream-7ExtraBold';}
.main .section3 .box.sns a {margin-left: 10px;}
.main .section3 .box.sns .btm a.kakao {width: 30px; background-image: url('/img/kakao_ico.svg'); background-repeat: no-repeat; background-position: 50% 50%;}
.main .section3 .box.sns .btm a.instar {width: 30px; background-image: url('/img/instar_ico.svg'); background-repeat: no-repeat; background-position: 50% 50%;}
.main .section3 .box.sns .btm a.blog {width: 30px; background-image: url('/img/ico_blog2.svg'); background-repeat: no-repeat; background-position: 50% 50%;}
.main .section3 .box.sns a:first-child {margin-left: 0;}
.main .section3 .box.addr a {width: 100px; font-size: 13px; font-weight: 700; color: #fff; text-align: center; background: #4e1f15;}

#sub {padding-bottom: 120px;}
#sub.sub2{padding-bottom:0;}
#sub.sub2.diningForm{padding-bottom:120px;}

#sub .subTop .size {position: relative;}
#sub .subTop .navi {position: absolute; top: 20px; left: 0; font-size: 0;}
#sub .subTop .navi img {display: inline-block; margin-top: 2px; padding: 0 5px; vertical-align: middle;}
#sub .subTop .navi a {display: inline-block; font-size: 14px; font-weight: 300; color: #777; vertical-align: middle;}
#sub .subTop .txt {text-align: center; color: #4d2015;}
#sub .subTop .txt {height: 165px;}
#sub .subTop .txt span {font-size: 18px; letter-spacing: 0;}
#sub .subTop .txt h2 {margin-top: 5px; line-height: 1.2; font-size: 45px; font-weight: 700;}

#sub .titleBox strong {display: block; padding-bottom: 15px; line-height: 1; font-size: 28px; font-weight: 700; color: #2c2a29;}

#sub .btnArea {text-align: center; font-size: 0;}
#sub .btnArea a {box-sizing: border-box; position:relative;}
#sub .btnArea a img {display: inline-block; margin-top: -2px;}
#sub .btnArea a:first-child {margin-left: 0;}
#sub a.btn1 {display: inline-block; margin-left: 5px; width: 100%; max-width: 160px; height: 50px; line-height: 50px; font-size: 15px; color: #fff; background: #2c2a29;}
#sub a.btn2 {display: inline-block; padding:0 18px; height: 50px; line-height: 50px; font-size: 15px; color: #2c2a29; border: 1px solid #2c2a29;}
#sub a.btn2.downBtn{width:100%; max-width:195px;}
#sub a.btn2.downBtn.downBtn2{max-width:180px;}
#sub a.btn2.downBtn.downBtn3{max-width:155px;}
#sub a.btn2 img {margin-top: -5px; margin-left: 15px;}
#sub a.btn2 .s_arr{width:13px; height:18px; position:absolute; right:18px; top:50%; margin-top:-8.5px;}
#sub a.btn3{display:inline-block; width:100%; max-width:115px; height:35px; margin:0 auto; font-size:12px; color:#fff; background-color:#4d2015; line-height:35px;}
#sub a.kakao_btn{display:inline-block; vertical-align:top; width:100%; max-width:50px; height:50px; margin-left:5px; text-align:center; line-height:50px; background-color:#8f8783; background-image:url('/img/kakao_ico_02.svg'); background-repeat:no-repeat; background-size:28px; background-position:center center;}
#sub a.clr1 {background: #c7c0bc;}

#sub .Ex_wrap{padding-top:10px; box-sizing:border-box; clear:both;}
#sub .Ex_txt span{display:inline-block; margin-left:10px; font-size:16px; color:#727272; position:relative;}
#sub .Ex_txt span b{font-weight:300;}
#sub .Ex_txt span.g1{display:block; margin-left:0; margin-top:5px;}
#sub .Ex_txt span:first-child{margin-left:0;}



#sub ul.listTypeA li {margin-top: 12px; line-height: 1.3; font-size: 18px;}
#sub ul.listTypeA li:first-child {margin-top: 0;}
#sub ul.listTypeA .list_tit {float: left; display: inline-block; padding-right: 18px;}
#sub ul.listTypeA .list_tit.titTypeB{width:100%; max-width:70px; text-align:left;}
#sub ul.listTypeA .list_tit em {display: block; font-weight: 700; word-break: keep-all;}
#sub.timeedit ul.listTypeA .list_tit em {min-width:95px;}
#sub ul.listTypeA .list_cont {float: left; display: inline-block; font-weight: 300; overflow:hidden;}
#sub ul.listTypeA .list_cont > span {float: left; display: inline-block; margin-left: 3%; word-break: keep-all;}
#sub ul.listTypeA .list_cont span i{display:inline-block; width:75px; height:26px; font-size:14px; color:#696969; text-align:center; line-height:26px; border-radius:13px; background-color:#efefef;}
#sub ul.listTypeA .list_cont span:first-child {margin-left: 0;}

#sub ul.listTypeA.equal .list_tit {display: block; padding: 0; width: 100%; max-width: 220px;}
#sub ul.listTypeA.equal .list_cont {display: block; width: calc(100% - 220px); width: -webkit-calc(100% - 220px); width: -moz-calc(100% - 220px);}
#sub ul.listTypeA.equal .list_cont .res1{display:inline-block; float:left;}
#sub ul.listTypeA.equal .list_cont .res1 > span{min-width:110px; margin-left:22.5px;}
#sub ul.listTypeA.equal .list_cont .res2{float:left; display:inline-block;}
#sub ul.listTypeA.equal .list_cont .res2 > span{margin-left:20px;}
#sub ul.listTypeA.equal .list_cont .res2:first-child > span:first-child{margin-left:0;}

#sub ul.listTypeA.equal2 .list_tit {display: block; padding:0; width: 100%; max-width: 65px;}
#sub ul.listTypeA.equal2 .list_cont {display: block; width: calc(100% - 140px); width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); padding-left:20px; box-sizing:border-box; }

#sub ul.listTypeA .list_cont.minWidth span {min-width: 110px;}
#sub ul.listTypeA.list_l{float:left;}
#sub ul.listTypeA.Facil li{margin-top:20px;}
#sub ul.listTypeA.Facil li:first-child{margin-top:0;}
#sub ul.listTypeA.Facil .list_tit{width:100%; max-width:135px; padding-right:0;}
#sub ul.listTypeA.Facil .list_cont > span{margin-left:0; float:none; display:block; margin-top:10px;}
#sub ul.listTypeA.Facil .list_cont > span b{font-weight:500;}
#sub ul.listTypeA.Facil .list_cont > span:first-child{margin-top:0;}


#sub ul.listTypeB li {border-left: 1px solid #eaeaea; box-sizing: border-box;}
#sub ul.listTypeB li:first-child {border: 0;}
#sub ul.listTypeB li .img {height: 100px; line-height: 100px; font-size: 0;}
#sub ul.listTypeB li .txt {margin-top: 22px;}
#sub ul.listTypeB li .txt em {display: block; line-height: 1.5; font-size: 18px; font-weight: 700; color: #42403f;}
#sub ul.listTypeB li .txt span {display: block; margin-top: 5px; font-size: 16px; font-weight: 300; color: #666;}


#sub .listTypeC_w{margin-top:35px;}
#sub .listTypeC_w:first-child{margin-top:0;}
#sub .listTypeC_w .list_tit em{font-size:18px; font-weight:700; color:#42403f;}
#sub ul.listTypeC li:first-child { margin-top:0px; }
#sub ul.listTypeC li{padding-left:10px; box-sizing:border-box; margin-top: 10px; line-height: 1.6; font-size: 18px; color: #42403f; position:relative; word-break:keep-all;} 
#sub ul.listTypeC li:before{content:'-'; position:absolute; left:0;}
#sub ul.listTypeC.Dotstyle li span{display:block; margin-top:10px;}
#sub ul.listTypeC.Dotstyle li:after{content:''; position:absolute; left:0; top:14px; width:2px; height:2px; background-color:#42403f; border-radius:3px;}
#sub ul.listTypeC.Dotstyle li:before{display:none;}

#sub ul.list_rate li {float: left; text-align: center;}
#sub ul.list_rate.col3 li {width: 33.33333%;}
#sub ul.list_rate.col3 li.mr0, #sub ul.list_rate.col3 li.mr1{margin-top:0;}
#sub ul.list_rate.col3.mrg1 li {margin-top:0;}
#sub ul.list_rate.col3.mrg1 li .list_tit{}
#sub ul.list_rate.col4 li {width: 25%;}
#sub ul.list_rate2 li{float:left; margin-top:0; width:33.3333%;}
#sub ul.list_rate2 li .list_tit{display:block; float:none;}

#sub ul.list_rate2 li .list_cont span{line-height:27px;}

#sub ul.listIco{position:absolute; top:50%; right:0; width:50%; margin-top:-60px;}
#sub ul.listIco li{float:left; margin-left:2%; width:100%; max-width:100px; height:120px;}
#sub ul.listIco li p{background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #b6b6b6;}
#sub ul.listIco li p img{visibility:hidden; opacity:0;}
#sub ul.listIco li:first-child{margin-left:0;}

#sub .listEtc p.vat{font-size:18px; color:#42403f; font-weight:500;}
#sub .listEtc p img{display:none;}

#sub .slideArea .topVisual_slide .top_Visual_next{width:31px; height:50px; right:40px; background-image:url('/img/sub_next.png'); background-repeat:no-repeat; background-position:center center;}
#sub .slideArea .topVisual_slide .top_Visual_prev{width:31px; height:50px; left:40px; background-image:url('/img/sub_prev.png'); background-repeat:no-repeat; background-position:center center;}
#sub .slideArea .swiper-pagination {bottom: 30px;}
#sub .slideArea .swiper-pagination-bullet {margin: 0 5px; width: 6px; height: 6px; background: #fff; opacity: 1;}
#sub .slideArea .swiper-pagination-bullet-active {background: #b19b92; opacity: 1;}

#sub .textArea1 {padding: 0px 0 20px;}
#sub .textArea1 p {line-height: 1.5; font-size: 11px; color: #42403f; text-align: right; word-break: keep-all;}

#sub .textArea {padding: 50px 0 60px;}
#sub .textArea p {line-height: 1.5; font-size: 16px; color: #42403f; text-align: center; word-break: keep-all;}
#sub .textArea .btnArea {margin-top: 32px;}

#sub .infoArea {}
#sub .infoArea table {border-top: 1px solid #d5d5d5;}
#sub .infoArea table tbody tr {border-bottom: 1px solid #d5d5d5;}
#sub .infoArea table tbody tr th {padding: 50px 0 50px 2.5%; text-align: left; box-sizing: border-box;}
#sub .infoArea table tbody tr th strong {display: block; line-height: 1.1; font-size: 28px; font-weight: 500; color: #2c2a29; word-break: keep-all;}
#sub .infoArea table tbody tr td {padding: 50px 0; box-sizing: border-box; position:relative;}
#sub .infoArea table tbody tr.Checklist td{padding-left:3%;}
#sub .infoArea table tbody tr td.wi1{width:23% Important;}
#sub .infoArea table tbody tr td .btnArea {margin-top: 30px; text-align: left;}
#sub .infoArea .inquiry {font-size: 18px; color: #42403f;}
#sub .infoArea .inquiry p {margin-top: 10px; font-size:18px}
#sub .infoArea .inquiry p:first-child {margin-top: 0;}
#sub .infoArea .inquiry p em {display: inline-block; font-weight: 700;}
#sub .infoArea .inquiry p a {display: inline-block; font-weight: 300;}
#sub .infoArea .inquiry p span {position: relative; display: inline-block; padding-left: 20px; font-size: 16px; font-weight: 300; color: #666;}
#sub .infoArea .inquiry p span:before {content: ''; position: absolute; top: 50%; left: 9px; display: block; margin-top: -7px; width: 1px; height: 14px; background: #d5d5d5;}
#sub .infoArea .inquiry p span:after{content:'-'; position:absolute; left:0; top:0; display:none;}
#sub .infoArea .bg_gray {background: #f8f8f8;}
#sub .infoArea .inquiry p.pa em{font-size:18px;}
#sub .infoArea .inquiry p.pa a{font-size:18px;}

#sub .infoAreaTypeB table tbody tr th{padding:75px 0 75px 2.5%;}

#sub .infoArea table tr td.wd_dwn ul.listTypeA{display:inline-block; vertical-align:middle;}
#sub .infoArea table tr td.wd_dwn .btnArea{display:inline-block; vertical-align:middle; margin-top:0; margin-left:30px; width:100%; max-width:155px;}


#sub .bottom_Visual strong{font-size:28px; color:#fff; font-weight:900; letter-spacing:-0.5px;}
#sub .bottom_Visual p{font-size:14px; color:#fff;}
#sub .bottom_Visual .btm_cont{height:100%; overflow:hidden;}
#sub .bottom_Visual .btnArea{margin-top:15px;}
#sub .bottom_Visual.bType1{margin-top:25px; text-align:center;}
#sub .bottom_Visual.bType1 .btm_cont{height:300px; background-image:url('/img/dining_img01.jpg'); background-repeat:no-repeat; background-position:center center;}
#sub .bottom_Visual.bType2 .btm_cont{overflow:hidden; margin-top:25px; width:102%; margin-left:-2%;}
#sub .bottom_Visual.bType2 .btm_box{float:left; display:inline-block; width:48%; margin-left:2%; height:220px; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center;}
#sub .bottom_Visual.bType2 .btm_box.box_bg1{background-image:url('/img/spoffer_bg.png');}
#sub .bottom_Visual.bType2 .btm_box.box_bg2{background-image:url('/img/break_bg.png');}
#sub .bottom_Visual.bType2 .btm_box strong{text-transform:uppercase;}
#sub .bottom_Visual.bType2 .btm_box.box_bg1 .btnArea .btn3{background-color:transparent; border:1px solid #fff;}

/*#sub .infoArea table tbody tr td .btnArea.Dmenu{float:right; margin-top:20px; padding-right:30px; box-sizing:border-box;}*/
#sub .infoArea table tbody tr td .btnArea.Dmenu{float:left; margin-top:-10px; padding-right:30px; box-sizing:border-box;}
#sub .infoArea table tbody tr td .btnArea.Dmenu2{margin-top:0;}
#sub .btnArea.Dmenu a, #sub .btnArea.Dmenu2 a{border-radius:25px; vertical-align:middle; width:140px;}
#sub .btnArea.Dmenu a .s_arr, #sub .btnArea.Dmenu2 a .s_arr{transform:rotate(-90deg); -webkit-transform:rotate(-90deg); margin-top:-7.5px;}

#sub .serviceArea {margin-top: 75px;display: none;}
#sub .serviceArea .titBox strong {display: block; line-height: 1; font-size: 40px; font-weight: 700; color: #2c2c2c;}
#sub .serviceArea .titBox span {display: block; margin-top: 10px; line-height: 1.2; font-size: 22px; font-weight: 300; color: #42403f; word-break: keep-all;}
#sub .serviceArea .contBox {margin-top: 20px;}
#sub .serviceArea .contBox table tbody tr td {padding: 15px 0; box-sizing: border-box;}
#sub .serviceArea .contBox .img {padding-right: 15px;}
#sub .serviceArea .contBox .txt > i {display: block; line-height: 1; font-size: 32px; word-break: keep-all; font-family: 'Sylfaen', serif;}
#sub .serviceArea .contBox .txt > em {display: block; margin-top: 10px; line-height: 1.2; font-size: 20px; font-weight: 700;}
#sub .serviceArea .contBox .txt > span {display: block; margin-top: 38px; line-height: 2; font-weight: 300; word-break: keep-all;}
#sub .serviceArea .contBox .txt > span > span.sm{font-size: 14px; color: #777; display: block; margin-top: 10px;}
#sub .serviceArea .contBox .sub_box {margin-top: 25px; padding: 28px 0; color: #42403f; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
#sub .serviceArea .contBox .sub_box .tit {float: left; width: 35%;}
#sub .serviceArea .contBox .sub_box .tit em {display: block; line-height: 1.8; font-weight: 700; word-break: keep-all;}
#sub .serviceArea .contBox .sub_box .tit span {display: block; font-weight: 400; word-break: keep-all;}
#sub .serviceArea .contBox .sub_box .txt {float: left; line-height: 2; width: 65%; font-weight: 300; word-break: keep-all;}

#sub .galleryArea {margin-top: 65px;}
#sub .galleryArea .control {margin-top: 30px;}
#sub .galleryArea .swiper-slide {position: relative; cursor: pointer;}
#sub .galleryArea .swiper-slide:before {opacity: 0; content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(65,59,57,.7); transition: all .4s;}
#sub .galleryArea .swiper-slide:after {opacity: 0; content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url('/img/hover_more.png'); background-repeat: no-repeat; background-position: 50% 50%; transition: all .4s;}
#sub .galleryArea .swiper-slide:hover:before {opacity: 1;}
#sub .galleryArea .swiper-slide:hover:after {opacity: 1;}

#sub .viewArea {margin-top: 65px;}
#sub .viewArea .cont ul {width: 102%; margin-left: -2%; margin-top: -30px;}
#sub .viewArea .cont ul li {float: left; width: 31.33333%; margin-left: 2%; margin-top: 30px;}
#sub .viewArea .cont ul li a {display: block;}
#sub .viewArea .cont ul li .txt {margin-top: 15px;}
#sub .viewArea .cont ul li .txt em {display: block; line-height: 1.3; font-size: 20px; font-weight: 700; word-break: keep-all;}



#sub.terms{word-break: keep-all;}
#sub.terms .top {border-top: 1px solid #4d2015;}
#sub.terms .top > p {padding: 30px 0 25px; font-size: 18px; font-weight: 300; color: #42403f; }
#sub.terms .top > div {padding: 25px; background: #f1eeee; box-sizing: border-box;}
#sub.terms .top > div em {font-size: 18px; font-weight: 700; color: #4d2015;}
#sub.terms .top > div p {margin-top: 8px; font-size: 16px; font-weight: 300; color: #666; }
#sub.terms .contArea {margin-top: 30px;}
#sub.terms .contArea ul {border-bottom: 1px solid #747474; box-sizing: border-box;}
#sub.terms .contArea ul {counter-reset: item;}
#sub.terms .contArea ul li {border-top: 1px solid #d5d5d5; box-sizing: border-box;}
#sub.terms .contArea ul li .tit {position: relative; padding: 30px 75px 30px 25px; box-sizing: border-box; cursor: pointer;}
#sub.terms .contArea ul li .tit:after {content: ''; position: absolute; top: 50%; right: 15px; display: block; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; background-color: #f4f4f4; background-image: url('/img/terms_off.png'); background-repeat: no-repeat; background-position: 50% 50%;}
#sub.terms .contArea ul li .tit.on:after {background-color: #4d2015; background-image: url('/img/terms_on.png');}
#sub.terms .contArea ul li .tit em {position:relative; display: block; padding-left: 20px; line-height: 1.3; font-size: 18px; color: #706c6a; box-sizing: border-box;}
#sub.terms .contArea ul li .tit em:before {content: counter(item)'.'; counter-increment:item; position:absolute; top: 2px; left:0; }
#sub.terms .contArea ul li .txt {display: none; padding: 30px 25px; font-size: 16px; font-weight: 300; color: #666666; background: #f7f7f7; box-sizing: border-box;}

#sub .tableBox{margin-top:60px;}
#sub .tableBox .table_w{margin-top:45px;}
#sub .tableBox .table_w:first-child{margin-top:0;}
#sub .tableBox .table_tit strong{display:inline-block; font-size:22px;}
#sub .tableBox table{margin-top:10px; border-top:1px solid #4d2015; border-bottom:1px solid #d5d5d5; box-sizing:border-box;}
#sub .tableBox table thead{background-color:#fbfbfb;}
#sub .tableBox table thead th{font-size:17px; padding:16px 0; box-sizing:border-box;}
#sub .tableBox table tbody td{padding:20px 0; font-size:16px; color:#707070; font-weight:300; text-align:center; letter-spacing:-0.75px; border-top:1px solid #eaeaea; box-sizing:border-box; word-break:keep-all;}
#sub .tableBox table tbody tr:first-child td{border-color:#d5d5d5;}
#sub .tableBox table tbody td span{display:block;}


.popWrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 50; box-sizing: border-box;}
.popWrap .contWrap {position: relative; margin: 0 auto; padding: 30px; width: 1000px; background: #fff; box-sizing: border-box;}
.popWrap .contWrap .popClose {position: absolute; top: 10px; right: 10px; display: block; z-index: 5;}
.popWrap .contWrap .swiper-slide img {display: block; width: 100%; max-width: 100%;}
.popWrap .contWrap .pop_next {right: 30px; width: 19px; height: 30px; background-image: url('/img/pop_next.png'); background-repeat: no-repeat; background-position: 50% 50%;}
.popWrap .contWrap .pop_prev {left: 30px; width: 19px; height: 30px; background-image: url('/img/pop_prev.png'); background-repeat: no-repeat; background-position: 50% 50%;}
.popWrap .contWrap .swiper-pagination-bullet {margin: 0 5px; width: 6px; height: 6px; background: #fff; opacity: .5;}
.popWrap .contWrap .swiper-pagination-bullet-active {background: #fff; opacity: 1;}

.videoPop .contWrap{width:100%; max-width:1000px;}
.videoPop .contWrap .video{position:relative; padding-bottom:56.25%; box-sizing:border-box;}
.videoPop .contWrap .video iframe{position:absolute; left:0; top:0; width:100%; height:100%; border:none;}

#sub .intro .intro_visual{width:100%; height:768px;}
#sub .intro .intro_visual .visual_tit{height:100%; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#sub .intro .intro_visual .visual_tit em{display:block; width:100%;  font-size:50px; font-family:'Roboto', sans-serif; color:#fff; text-transform:uppercase; font-weight:100; letter-spacing:18px;}
#sub .intro .intro_w{margin-top:100px;}
#sub .intro .intro_cont .intro_txt .top_txt p{font-size:26px; letter-spacing:-0.25px; text-align:center; line-height:35px; word-break:keep-all;}
#sub .intro .intro_cont .intro_txt .top_txt p b{display:block;}
#sub .intro .intro_cont .intro_txt .btm_txt{margin-top:50px;}
#sub .intro .intro_cont .intro_txt .btm_txt p{ margin-top:30px; font-weight:500; text-align:center; word-break:keep-all;}
#sub .intro .intro_cont .intro_txt .btm_txt p:first-child{margin-top:0;}
#sub .intro .intro_cont .intro_list{padding:70px 0; box-sizing:border-box; margin-top:70px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#sub .intro .intro_cont .intro_list ul li{margin-top:40px;}
#sub .intro .intro_cont .intro_list ul li:first-child{margin-top:0;}
#sub .intro .intro_cont .intro_list ul li .i_img{background-repeat:no-repeat; background-position:center center; background-size:cover;}
#sub .intro .intro_cont .intro_list ul li .i_img img{visibility:hidden; opacity:0;}
#sub .intro .intro_cont .intro_list ul li .i_txt{width:calc(100% - 745px); height:451px;}
#sub .intro .intro_cont .intro_list ul li .i_txt i{display:block; font-size:28px; font-weight:700;}
#sub .intro .intro_cont .intro_list ul li .i_txt p{margin-top:35px; font-size:30px; font-family:'Sylfaen', sans-serif; line-height:1;}
#sub .intro .intro_cont .intro_list ul li .i_txt span{display:block; margin-top:15px; letter-spacing:-0.25px;  font-weight:500;}
#sub .intro .intro_cont .intro_list ul li .l_cont{float:left; text-align:right;}
#sub .intro .intro_cont .intro_list ul li .r_cont{float:right;}
#sub .intro .intro_cont .intro_bif{margin-top:70px;}
#sub .intro .intro_cont .intro_bif .bif_tit strong{display:block; font-size:28px; font-weight:700; text-align:center;}
#sub .intro .intro_cont .intro_bif .bif_cont{margin-top:40px;}
#sub .intro .intro_cont .intro_bif .bif_cont ul{width:102%; margin-left:-2%;}
#sub .intro .intro_cont .intro_bif .bif_cont ul li{float:left; width:31.3333%; margin-left:2%; text-align:center;}
#sub .intro .intro_cont .intro_bif .bif_cont ul li .bif_tit{margin-top:15px;}
#sub .intro .intro_cont .intro_bif .bif_cont ul li .bif_tit b{display:block; font-size:20px; color:#5a4532;}
#sub .intro .intro_cont .intro_bif .bif_cont ul li .bif_tit span{display:block; color:#5a4532;}
#sub .intro .intro_cont .intro_bif .bif_cont ul li .bif_txt{margin-top:20px;}
#sub .intro .intro_cont .intro_bif .bif_cont ul li .bif_txt p{line-height:30px; font-weight:500; word-break:keep-all;}
#sub .intro .intro_btm{ text-align:center;     text-align: center; padding: 70px 0; box-sizing: border-box; margin-top: 70px; border-top: 1px solid #d9d9d9;}
#sub .intro .intro_btm .intro_logo b{display:block; margin-top:15px; font-size:18px; font-weight:900; color:#007cc3;}
#sub .intro .intro_btm .logo_txt{margin-top:40px;}
#sub .intro .intro_btm .logo_txt p{line-height:30px; font-weight:500; word-break:keep-all;}

#sub .cvtwd ul{width:103%; margin-left:-3%;}
#sub .cvtwd ul li{width:47%; margin-left:3%; float:left;}
#sub .cvtwd ul li .Cw_box{position:relative;}
#sub .cvtwd ul li .Cw_box .Cw_img{background-repeat:no-repeat; background-position:center center; position:relative; background-size:cover;}
#sub .cvtwd ul li .Cw_box .Cw_img img{max-width:100%; visibility:hidden; opacity:0;}
#sub .cvtwd ul li .Cw_box .Cw_img a{display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
#sub .cvtwd ul li .Cw_box .Cw_img a span{font-size:40px; color:#fff; font-weight:100; letter-spacing:1px;}
#sub .cvtwd ul li .Cw_box .Cw_img .sns_kakao { width: 55px; height:55px;  position:absolute; bottom:15px; right:15px; z-index:11; line-height:55px;}
#sub .cvtwd ul li .Cw_box .Cw_img .sns_kakao  a{display: inline-block; text-align: center; border: 1px solid #fff; box-sizing: border-box; background-color:rgba(255,255,255,0.1); }
#sub .cvtwd ul li .Cw_box .Cw_img .sns_kakao a img{ visibility:visible; opacity:1;}
#sub .cvtwd ul li .Cw_box .Cw_tbox{margin-top:40px; text-align:center;}
#sub .cvtwd ul li .Cw_box .Cw_tit b{display:inline-block; font-size:22px; color:#42403f; letter-spacing:-0.5px;}
#sub .cvtwd ul li .Cw_box .Cw_txt{margin-top:15px;}
#sub .cvtwd ul li .Cw_box .Cw_txt p{font-size:16px; color:#42403f; word-break:keep-all;}
#sub .cvtwd ul li .Cw_box .cvtwd_link{margin-top:30px; text-align:center;}
#sub .cvtwd ul li .Cw_box .cvtwd_link a{display:inline-block; width:100%; max-width:120px; height:40px; font-size:12px; color:#2c2a29; font-weight:700; line-height:40px; letter-spacing:1px; position:relative;}
#sub .cvtwd ul li .Cw_box .cvtwd_link a:before{content:''; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#4d2015;}
#sub .cvtwd ul li .Cw_box .cvtwd_link a:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#4d2015;}


#sub .promo .p_visual{height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#sub .promo .p_visual em{display:block; font-size:40px; font-family:'Roboto', sans-serif; font-weight:100; color:#fff; text-align:center; letter-spacing:3px; line-height:50px; margin-bottom:20px; text-transform:uppercase;}
#sub .promo .p_visual p{color:#fff; font-weight:100; letter-spacing:-0.3px; text-align:center; word-break:keep-all;}
#sub .promo .p_cont{padding-top:70px;}
#sub .promo .bbsSearch{width:100%;}
#sub .promo .bbsSearch .searchKind{float:left; display:inline-block;}
#sub .promo .bbsSearch .searchKind ul > li{display:inline-block; margin-left:10px;}
#sub .promo .bbsSearch .searchKind ul > li:first-child{margin-left:0;}
#sub .promo .bbsSearch .searchKind ul > li > a{display:block; width:120px; padding:10px 0; box-sizing:border-box; color:#848484; border:1px solid #848484; text-align:center;}
#sub .promo .bbsSearch .searchKind ul > li > a.me_on{background-color:#848484; color:#fff; font-weight:700;}
#sub .promo .bbsSearch .searchWord{display:inline-block; float:right; width:100%; max-width:380px; }
#sub .promo .bbsSearch .searchWord input.s_text{height:50px; border:1px solid #848484; box-sizing:border-box; border-radius:25px; outline:none; text-indent:20px; font-size:14px;}
#sub .promo .bbsSearch .searchWord input.s_text::placeholder{font-size:14px; color:#a0a0a0;}
#sub .promo .bbsSearch .searchWord input.s_button{right:10px; background:url('/img/ico_search2.png') no-repeat center center;}
#sub .promo .bbs .gallery > ul{margin-top:-40px;}
#sub .promo .bbs .gallery > ul > li{position:relative;}
#sub .promo .bbs .gallery > ul > li > a dd.title{margin-top:30px; line-height: 1.3; font-size: 20px; font-weight: 700; color: #3b3a39; height: 26px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden;}
#sub .promo .bbs .gallery > ul > li > a dd.cont{margin-top: 15px; line-height: 1.5; font-size: 16px; font-weight: 300; color: #666; height: 48px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden;}
#sub .promo .bbs .gallery > ul > li > a dd.info{ margin-top: 30px; }
#sub .promo .bbs .gallery > ul > li > a dd.info li > b{display: block; line-height: 1.3; font-size: 14px; font-weight: 200; color: #676767; letter-spacing: 0;}
#sub .promo .bbs .gallery > ul > li > a dt.imgs .promo_box {position: absolute; top: 0; right: 0; font-size: 0;}
#sub .promo .bbs .gallery > ul > li > a dt.imgs .promo_box span {display: inline-block; width: 85px; height: 85px; line-height: 85px; font-size: 14px; color: #fff; letter-spacing: 0; text-align: center;}
#sub .promo .bbs .gallery > ul > li > a dt.imgs .promo_box span.prm1 {background: #967e74;}
#sub .promo .bbs .gallery > ul > li > a dt.imgs .promo_box span.prm2 {background: #372f2c;}

/*#sub .promo .bbs .gallery > ul > li .imgs .v_more{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(79,79,79,0.6);  text-align:center; opacity:0; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#sub .promo .bbs .gallery > ul > li .imgs:hover .v_more{opacity:1;}
#sub .promo .bbs .gallery > ul > li .imgs .v_more span{display:inline-block; width:100%; max-width:105px; height:45px; font-size:12px; color:#fff; letter-spacing:1px; position:relative; line-height:45px;}
#sub .promo .bbs .gallery > ul > li .imgs .v_more span:before{content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.3);}
#sub .promo .bbs .gallery > ul > li .imgs .v_more span:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.3);}*/
.img .v_more, .imgs .v_more{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(79,79,79,0.6);  text-align:center; opacity:0; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
.img:hover .v_more, .imgs:hover .v_more{opacity:1;}
.img .v_more span, .imgs .v_more span{display:inline-block; width:100%; max-width:105px; height:45px; font-size:12px; color:#fff; letter-spacing:1px; position:relative; line-height:45px;}
.img .v_more span:before, .imgs .v_more span:before{content:''; position:absolute; top:0; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.3);}
.img .v_more span:after, .imgs .v_more span:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.3);}

#sub .promoView .bbs .view .cont.mo{display:none;}
#sub .promo .bbs .pagenate{margin:80px auto 0;}
#sub .promo .bbs .pagenate li a{font-size:15px; font-family:'Noto Sans KR', sans-serif; font-weight:700;}

#sub .oper .map_wrap .map_img{width:100%; position:relative;}
#sub .oper .map_wrap .map_img p{background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #cac4c3; box-sizing:border-box;}
#sub .oper .map_wrap .map_img p img{opacity:0; visibility:hidden;}
#sub .oper .map_wrap .map_img .btnArea{position:absolute; bottom:30px; left:0; width:100%;}
#sub .oper .map_wrap .map_img .btnArea a{margin-left:5px;}
#sub .oper .map_wrap .map_img .btnArea a:first-child{border:1px solid #2c2a29;  box-sizing:border-box;}
#sub .oper .map_wrap .map_img .btnArea a.btn2_1{width:100%; max-width:160px; box-sizing:border-box; text-align:left; padding-left:30px;}
#sub .oper .map_wrap .map_img .btnArea a.down_mo{display:none;}
#sub .oper .map_wrap .addr_tel{padding:45px 0; box-sizing:border-box; border-bottom:1px solid #d5d5d5;}
#sub .oper .map_wrap .addr_tel .at_box{float:left; position:relative;}
#sub .oper .map_wrap .addr_tel .at_tit{display:inline-block; vertical-align:middle;}
#sub .oper .map_wrap .addr_tel .at_tit b{font-size:18px;}
#sub .oper .map_wrap .addr_tel .at_cont{display:inline-block; vertical-align:middle; margin-left:20px;}
#sub .oper .map_wrap .addr_tel .at_cont span{font-size:20px; word-break:keep-all;}
#sub .oper .map_wrap .addr_tel .at_box.addr2{width:65%;}
#sub .oper .map_wrap .addr_tel .at_box.tel2{padding-left:20px; box-sizing:border-box;}
#sub .oper .map_wrap .addr_tel .at_box.tel2:before{content:''; width:1px; height:60px; position:absolute; left:0; top:50%; margin-top:-30px; background-color:#dcdadb;}
#sub .oper .trf_wrap{margin-top:60px;}
#sub .oper .trf_wrap .trf_box{margin-top:35px;}
#sub .oper .trf_wrap .trf_box:first-child{margin-top:0;}
#sub .oper .trf_wrap .trf_ico{display:inline-block; vertical-align:middle; width:100%; max-width:150px; height:150px; background-color:#847b73; text-align:center;}
#sub .oper .trf_wrap .trf_ico i{display:block; margin-top:5px; text-transform:uppercase; font-size:18px; color:#fff; font-weight:700;}
#sub .oper .trf_wrap .trf_txt{display:inline-block; vertical-align:middle; width:calc(100% - 155px); height:100%; padding-left:40px; box-sizing:border-box;}
#sub .oper .trf_wrap .trf_txt ul > li .list_tit{display:inline-block; vertical-align:middle; padding-right:20px; box-sizing:border-box;}
#sub .oper .trf_wrap .trf_txt ul > li .list_tit em{display:inline-block; font-size:18px; font-weight:700; color:#42403f;}
#sub .oper .trf_wrap .trf_txt ul > li .list_cont{display:inline-block; vertical-align:middle;}
#sub .oper .trf_wrap .trf_txt ul > li .list_cont span{display:inline-block; font-size:18px; position:relative; word-break:keep-all;}
#sub .oper .trf_wrap .trf_txt.trf_box1 .list_cont .list_part{display:inline-block; vertical-align:middle;}
#sub .oper .trf_wrap .trf_txt.trf_box1 .list_cont .list_part span{margin-right:10px; padding-right:20px; box-sizing:border-box;}
#sub .oper .trf_wrap .trf_txt.trf_box1 .list_cont .list_part span:before{content:''; width:8px; height:10px; position:absolute; right:0; top:11px; background-image:url(/img/trf_arr.png); background-repeat:no-repeat; background-position:center center;}
#sub .oper .trf_wrap .trf_txt.trf_box1 .list_cont .list_part span.no_arr{margin-right:0; padding-right:0;}
#sub .oper .trf_wrap .trf_txt.trf_box1 .list_cont .list_part span.no_arr:before{display:none;}

#sub .oper .trf_wrap .trf_box2 .trf_txt ul > li{margin-top:5px;}
#sub .oper .trf_wrap .trf_box2 .trf_txt ul > li:first-child{margin-top:0;}
#sub .oper .trf_wrap .trf_box2 .trf_txt ul > li .list_tit{ width:100%; max-width:155px;}


#sub .counsel .cont{width:100%; max-width:600px; margin:0 auto;border-top:2px solid #897b78; position:relative; box-sizing:border-box;}
#sub .counsel .cont .coun_list{width:100%; border:1px solid #897b78; position:absolute; top:15px; box-sizing:border-box;}
#sub .counsel .cont .coun_list > a{display:block; padding:10px 15px; font-size:18px; color:#4d2015;  box-sizing:border-box; background-color:#f8f8f8; background-image:url('/img/li_arr.svg'); background-position:97% center; background-repeat:no-repeat; background-size:14px 10px;}
#sub .counsel .cont .coun_list > a.on{border-bottom:1px solid #d5d5d5; background-color:#fff; background-image:url('/img/li_arr2.svg')}
#sub .counsel .cont .coun_list > ul{padding:0 15px; background-color:#f8f8f8; display:none;}
#sub .counsel .cont .coun_list > ul > li > a{display:block; padding:10px 0; border-top:1px solid #d5d5d5; box-sizing:border-box;}
#sub .counsel .cont .coun_list > ul > li:first-child > a{border-top:none;}
#sub .counsel .cont .write_list{margin-top:80px;}
#sub .counsel .cont p{margin-top:15px;}
#sub .counsel input[type='text'], #sub .counsel input[type='tel'], #sub .counsel input[type='email']{height:50px; padding-left:15px; box-sizing:border-box;}
#sub .counsel .cont textarea{width:100%; max-width:600px; height:250px; padding:15px; box-sizing:border-box; resize:none;}
#sub .counsel input::placeholder{font-size:18px; color:#999;}
#sub .counsel .cont .check_box label{padding-left:25px; color:#2c2a29; font-weight:700; line-height:17px; }
#sub .counsel .cont .check_box label:before{content:''; width:17px; height:17px; margin-top:-8.5px; border-radius:0; border-color:#666; }
#sub .counsel .cont .check_box input[type="checkbox"]:checked + label:before{background-color:#2c2a29; border-color:#2c2a29; background-image: url('/img/ico_check.png'); background-repeat: no-repeat; background-position: center center;}
#sub .counsel .cont .check_box a{display:inline-block; margin-left:10px; padding-top:2px; box-sizing:border-box; font-size:12px; color:#666; text-decoration:underline; vertical-align:top;}
#sub .counsel .cont .btnSet{margin:35px 0 0 0;}
#sub .counsel .cont .btnSet input[type=submit].btn{min-width:160px; padding:12.5px 0;}
#sub .counsel .cont .btnSet input[type=submit].btn:hover{box-shadow:none;}
#sub .counsel .cont .tel_num{margin-top:60px; padding:40px 0; text-align:center; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background-color:#f8f8f8;}
#sub .counsel .cont .tel_num strong{display:block; font-size:28px; color:#2c2a29;}
#sub .counsel .cont .tel_num p{margin-top:0; font-size:18px; color:#2c2a29;}

#sub .notice .bbs .bbsSearch{max-width:500px; margin:20px auto 0;}
#sub .notice .bbs .bbsSearch .searchWord{width:70%;}
#sub .notice .bbs .bbsSearch input[type='text']{border:1px solid #848484; box-sizing:border-box; border-radius:25px; outline:none; text-indent:20px; font-size:14px;}
#sub .notice .bbsSearch input[type='button']{background-color:transparent; right:5px; background:url('/img/ico_search2.png') no-repeat center center;}
#sub .notice .bbsSearch .srchSelect .dSelect{border:1px solid #848484; box-sizing:border-box; border-radius:25px; outline:none; text-indent:20px;}
#sub .notice .bbs .pagenate{margin:50px auto 0;}
#sub .notice .bbs .pagenate li a{font-size:15px; font-family:'Noto Sans KR', sans-serif; font-weight:700;}
#sub .notice .bbs .viewNavi{float:left;}


#sub .recruit .dc_ico{width:100%; max-width:770px; margin:0 auto;}
#sub .recruit .dc_ico > ul{width:calc(100% + 25px); margin-left:-25px; overflow:hidden;}
#sub .recruit .dc_ico > ul > li{float:left; margin-left:25px;}
#sub .recruit .dc_ico > ul > li .dc_w{width:240px; height:240px; text-align:center; border-radius:50%; border:1px solid #847b73; box-sizing:border-box;}
#sub .recruit .dc_ico > ul > li .dc_w i{display:block; min-height:60px; background-repeat:no-repeat; background-position:center center;}
#sub .recruit .dc_ico > ul > li .dc_w i img{visibility:hidden; opacity:0;}
#sub .recruit .dc_ico > ul > li .dc_w strong{display:block; margin-top:15px; font-size:18px;}
#sub .recruit .dc_ico > ul > li .dc_w p{margin-top:10px; line-height:20px;}
#sub .recruit .dc_ico > ul > li.dc2 .dc_w{background-color:#847b73;}
#sub .recruit .dc_ico > ul > li.dc1 .dc_w strong{color:#847b73;}
#sub .recruit .dc_ico > ul > li.dc2 .dc_w strong{color:#fff;}
#sub .recruit .dc_ico > ul > li.dc2 .dc_w p{color:#fff;}
#sub .recruit .dc_txt{margin-top:40px; text-align:center; word-break:keep-all;}
#sub .recruit .dc_txt em{display:block; font-size:32px; color:#6d6864; font-family:'Sylfaen', sans-serif;}
#sub .recruit .dc_txt p{margin-top:10px; font-size:18px;}
#sub .recruit .down_link{margin-top:45px; text-align:center;}
#sub .recruit .down_link a{display:block; max-width:160px; padding:13px 0; box-sizing:border-box; margin:0 auto; font-size:15px; color:#fff; background-color:#2c2a29;}


#sub .recruit .notice{margin-top:45px;}

#sub .agree_w{margin-top:10px;}
#sub .agree_w .agree_txt h4{font-size:20px; word-break:keep-all;}
#sub .agree_w .agree_txt p{font-size:18px; word-break:keep-all;}
#sub .agree_w .agree_txt p.top_txt{text-align:center;}
#sub .agree_w .agree_txt .cont_txt{margin-top:30px; padding-left:65px; box-sizing:border-box;}
#sub .agree_w .agree_txt .num_list > li, #sub .agree_w .agree_txt .num_list > dt, #sub .agree_w .agree_txt .num_list > dd{font-size:18px; letter-spacing:-1px; word-break:keep-all;}
#sub .agree_w .agree_txt .num_list > li:before, #sub .agree_w .agree_txt .num_list > dt:before{top:0;}
#sub .agree_w .agree_txt .num_list > li{padding-left:20px; margin-top:5px; word-break:keep-all;}
#sub .agree_w .agree_txt .num_list > li:first-child{margin-top:0;}
#sub .agree_w .agree_txt .subnum_list > li{margin-top:5px;}
#sub .agree_w .agree_txt .subnum_list > li:before{top:7px;}
#sub .agree_w .agree_txt .dotline_list > li{font-size:17px; word-break:keep-all;}
#sub .agree_w .agree_txt .dotline_list > li:before{top:14px;}
#sub .agree_w .agree_txt p, #sub .agree_w .agree_txt ul, #sub .agree_w .agree_txt ol{margin-bottom:5px;}


#sub.Yeg .textArea p span {display: block;}


/* special service */

.ss_title{}
.ss_title .eng{font-size: 32px;color: #333;letter-spacing: -.5px;line-height: 1.3;font-weight: 500;margin-bottom: 6px;}
.ss_title .kor{font-size: 16px;color: #777;line-height: 1.3;letter-spacing: -.3px;}

.ss_slider{overflow: hidden;padding:30px 0 10px;margin-bottom: 50px;}
.ss_slider .ss_bx{display:flex;}
.ss_slider .ss_bx .ss_in{width: 53%;}
.ss_slider .ss_bx .ss_in img{width: 100%;}
.ss_slider .ss_bx .ss_txt{width: 47%;padding-left: 50px;padding-top: 30px;}
.ss_slider .ss_bx .ss_txt .ss_head{}
.ss_slider .ss_bx .ss_txt .ss_head .ss_eng{margin-bottom: 7px;font-family: 'Sylfaen', serif;line-height: 1;color: #967e74;font-size: 18px;}
.ss_slider .ss_bx .ss_txt .ss_head .ss_tit{color: #222;font-size: 28px;line-height: 1.2;}
.ss_slider .ss_bx .ss_txt .ss_body {margin-top: 25px;}
.ss_slider .ss_bx .ss_txt .ss_body .ss_cnt{color: #999;font-size: 16px;-ms-word-break: keep-all;word-break: keep-all;}
.ss_slider .ss_bx .ss_txt .ss_body .small{font-size: 0.9em;margin-top: 10px;color: #bbb;-ms-word-break: keep-all;word-break: keep-all;}
.ss_slider .ss_bx .ss_txt .ss_body dl{background: #f5f5f5;border: 1px solid #eee;padding: 30px 40px;margin-top: 8%;display:flex;}
.ss_slider .ss_bx .ss_txt .ss_body dl dt{color: #444;font-size: 18px;flex-shrink:0;line-height: 1.2;}
.ss_slider .ss_bx .ss_txt .ss_body dl dt b{display: block;}
.ss_slider .ss_bx .ss_txt .ss_body dl dd{color: #999;padding-left: 20px;line-height: 1.3;-ms-word-break: keep-all;
word-break: keep-all;}
.ss_slider .ss_bx .ss_txt .ss_body dl dd span{display: block;}

.ss_slider .control {position: relative;margin-top: 40px;display:flex;}
.ss_slider .control .swiper-scrollbar {height: 1px; border-radius: 0; background: #cacaca;flex-grow:1}
.ss_slider .control .swiper-scrollbar-drag {top: -2px; height: 5px; border-radius: 0; background: #4d2015;}
.ss_slider .control .arr_box {background: #fff;z-index: 5;padding-left:50px;position:relative; top: -6px; right: 0;flex-shrink:0;}
.ss_slider .control .typeA_prev {float: left; position: static; display: block; margin: 0; width: 22px; height: 12px; background-image: url('/img/slide_prev.svg'); background-repeat: no-repeat; background-position: 0% 50%;}
.ss_slider .control .typeA_next {float: left; position: static; display: block; margin: 0; width: 22px; height: 12px; background-image: url('/img/slide_next.svg'); background-repeat: no-repeat; background-position: 100% 50%;}

@media(max-width:1200px){
.ss_slider .ss_bx .ss_txt .ss_body dl{display: block;padding: 22px 30px;}
.ss_slider .ss_bx .ss_txt .ss_body dl dt{font-size: 0.9em;}
.ss_slider .ss_bx .ss_txt .ss_body dl dd{padding-left: 0;padding-top: 10px;}
.ss_slider .ss_bx .ss_txt .ss_body dl dd span{display: inline-block;}
}
@media(max-width:1024px){
.ss_slider .ss_bx .ss_txt{padding-left: 30px;padding-top: 15px;}
.ss_slider .ss_bx .ss_txt .ss_head .ss_tit{font-size: 24px;}
.ss_slider .ss_bx .ss_txt .ss_body{margin-top: 18px;}
.ss_slider .ss_bx .ss_txt .ss_body dl{margin-top: 22px;padding: 18px 27px;}
}
@media(max-width:800px){
.ss_slider .ss_bx .ss_txt .ss_head .ss_eng{font-size: 16px;}
.ss_slider .ss_bx .ss_txt .ss_head .ss_tit{font-size: 20px;}
.ss_slider .ss_bx .ss_txt .ss_body .ss_cnt{font-size: 15px;line-height: 1.4;}
}
@media(max-width:700px){
.ss_slider .ss_bx{flex-wrap:wrap;}
.ss_slider .ss_bx .ss_in{width: 100%;}
.ss_slider .ss_bx .ss_txt{width: 100%;padding: 20px 10px 10px;}
.ss_slider .ss_bx .ss_txt .ss_head{padding: 0 10px;}
.ss_slider .ss_bx .ss_txt .ss_body{margin-top: 10px;}
.ss_slider .ss_bx .ss_txt .ss_body .ss_cnt{padding: 0 10px;}
.ss_slider .control{margin-top: 17px;}
.ss_slider .ss_bx .ss_txt .ss_body dl dd span {display: block;}
}
@media(max-width:600px){
.ss_title .eng{font-size: 27px;}
.ss_slider .control{margin: 0 0 8px;}
.ss_slider .control .arr_box{padding-left: 25px;}
.ss_slider{display: flex;flex-direction: column-reverse;}
}
