@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");

/* reset & setting */

body, html { overflow:hidden; font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 400; }
* { margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Noto Sans KR", sans-serif; font-weight: 400; word-break: keep-all; }
input, select, textarea { vertical-align: middle; outline: 0; border: 0; }
img { max-width: 100%; }
ul, li { list-style: none; }
a { text-decoration: none; }
input:-internal-autofill-selected { background-color: transparent !important; }
.ir { position: absolute; font-size: 0; height: 0; text-indent: -9999%; }
.blind { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }




.wrap { width: 100%; min-width: 1400px; }

/* header */
.header { min-width:1400px; position: absolute; width: 100%; height: 80px; z-index: 9999; -webkit-transition: all 0.3s; transition: all 0.3s; }
.header .header_inner { width: 100%; height: 100%; padding: 0 100px; position: relative; }
.header .header_inner > * { display: inline-block; vertical-align: middle; }
/* .header .gnb */
.header .gnb { margin-left: 100px; }
.header .gnb li { display: inline-block; vertical-align: middle; width: 120px; text-align: center; }
.header .gnb li a { font-size: 16px; font-weight:300; letter-spacing: -0.03em; color: #fff; display: block; line-height: 80px; position: relative; }
.header .gnb li a:after { content: ""; display: block; width: 100%; height: 4px; background-color: #f4f1d0; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.header .gnb li.active a { font-weight: 500; }
.header .gnb li.active a:after { opacity: 1; }
.header .gnb li:nth-child(1).active a:after{opacity: 0;}
/* .header .sound_btn */
.header .sound_btn { padding-right:35px; background:url("/resource/images/seolhaesoorim/icon_sound.png") no-repeat right center; position: absolute; top: 50%; right: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; font-weight: 300; color: #fff; opacity:0.6; letter-spacing: 0.025em; }
.header .sound_btn.play{background-image:url("/resource/images/seolhaesoorim/icon_sound.gif"); }
/* header:hover, header.fix */
.header:hover, .header.fix { background-color: #ae9e88; -webkit-box-shadow: 0 3px 26px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 26px rgba(0, 0, 0, 0.1); }
.header.fix { position: fixed; }


/* audio_wrap */
.audio_wrap{ position:absolute; top:0; left:0; overflow:hidden; }
/* video_wrap */
.video_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.video_wrap video { position: absolute; left: 50%; top: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* fullpage */
.fullpage { z-index: 2; }
.section { overflow:hidden; display: table; table-layout: fixed; width: 100%; height:100vh; }
.section:not(.main_visual) { background-color: #fff; }
.section .content { display: table-cell; vertical-align: middle; padding-top:80px; }
.section .content > .inner { width: 1400px; margin: 0 auto; position: relative; }
/* .main_visual */
.section.main_visual .sound_txt { position: absolute; width: 100%; left: 0; bottom: 50px; text-align: center; z-index: 10; font-size: 14px; color: rgba(255, 255, 255, 0.7); }
.section.main_visual .sound_txt .btn{ width:60px; display:inline-block; vertical-align: top; text-align:left; margin-left:40px; font-weight:300; color:#fff; letter-spacing: 0.025em; background: url(/resource/images/seolhaesoorim/icon_sound.png) no-repeat 100% center;}
.section.main_visual .sound_txt .btn.play {background-image:url("/resource/images/seolhaesoorim/icon_sound.gif");}
/* about */
.section.about { background: url("/resource/images/seolhaesoorim/about_bg.jpg") no-repeat center/cover; background-position:0 0; -webkit-transition:all 1.5s 0.5s;  -ms-transition:all 1.5s 0.5s;  transition:all 1.5s 0.5s; }
.section.about.active{ background-position:0 50%; }
.section.about .sec_inner:after { content: ""; display: block; clear: both; }
.section.about .txt_area { color: #fff; width:50%; float:right; }
.section.about .txt_area p span { font-weight: 500; }
.section.about .txt_area .top_txt { font-size: 22px; font-weight: 300; letter-spacing: -0.03em; line-height: 36px; }
.section.about .txt_area .top_txt:after { content: ""; display: block; width: 80px; height: 1px; background-color: #fff; margin-top: 70px; }
.section.about .txt_area .mid_txt { font-size: 18px; letter-spacing: -0.03em; line-height: 36px; margin-top: 80px; }
.section.about .txt_area .bom_txt { font-size: 28px; line-height: 36px; font-weight:300; letter-spacing: -0.03em; margin-top: 50px; }
.section.about .txt_area .exp_txt { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-top: 164px; }
/* soorim,byuldam common */
.section.full_fade{position:relative;}
.section.full_fade .fade_img{width:800px; position:absolute; top:0; right:0;}
.section.byuldam .fade_img{ right:auto; left:0; }
.section.full_fade .fade_img .swiper-slide{margin-top:-100px; transition:all 1s; }
.section.full_fade.active .fade_img .swiper-slide{margin-top:0;}
/* text */
.section.full_fade h2 { font-size: 100px; font-weight: 400; color: #000; position: relative; line-height: 1; }
.section.full_fade h2:before { content: ""; display: block; width: 130px; height: 130px; background: url("/resource/images/seolhaesoorim/tit_circle.png") no-repeat 0 0; position: absolute; top: -55px; left: -55px; }
.section.full_fade .txt_area { margin-bottom: 80px; color: #333; }
.section.full_fade .txt_area .top_txt{ margin-top: 40px; font-size: 22px; letter-spacing: -0.03em; line-height: 32px; transition-delay:0.6s; }
.section.full_fade .txt_area .top_txt span{ font-weight: 700; }
.section.full_fade .txt_area .txt{ margin-top: 26px; font-size: 16px; line-height: 24px; letter-spacing: -0.03em; transition-delay:0.7s; }
.section.full_fade .txt_effect{ opacity:0; transform:translateY(30px); transition:all 1s 0.5s; }
.section.full_fade.active .txt_effect{opacity:1; transform:translateY(0);}
/* list */
.section.full_fade .exp_list{ width: 100%; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; position: relative; z-index: 3; }
.section.full_fade .exp_list ul:after{ content: ""; display: block; clear: both; }
.section.full_fade .exp_list ul li{ transition:all 0.3s; float: left; width: 25%; height:218px; background-color: #f8f8f8;}
.section.full_fade .exp_list ul li:hover{background-color:#d3d3d3;}
.section.full_fade .exp_list ul li a{display:block; padding:50px 54px 50px 40px; }
.section.full_fade .exp_list .exp_box{display:block; padding-left:15px; opacity:0; transition:all 0.8s 0.8s;}
.section.full_fade.active .exp_list .exp_box{opacity:1;}
.section.full_fade .exp_list ul li:nth-child(2) .exp_box{transition-delay:0.95s;}
.section.full_fade .exp_list ul li:nth-child(3) .exp_box{transition-delay:1.1s;}
.section.full_fade .exp_list ul li:nth-child(4) .exp_box{transition-delay:1.25s;}
.section.full_fade .exp_list ul li .num{ font-size: 20px; color: #a57432; position: relative; }
.section.full_fade .exp_list ul li .num:before{ content: ""; display: block; width: 2px; height: 12px; background-color: #d5cec3; position: absolute; top: 8px; left: -15px; }
.section.full_fade .exp_list ul li p{ margin-top: 10px; font-size: 18px; letter-spacing: -0.03em; line-height: 26px; color: #333; }
.section.full_fade .exp_list ul li p strong{display:block; font-weight:bold;}
/* byuldam */
.section.byuldam .img_fade { right: auto; left: 0; }
.section.byuldam h2 { text-align: right; }
.section.byuldam h2:before { right: -55px; left: auto; }
.section.byuldam .txt_area { text-align: right; }
.section.byuldam .exp_list ul li{padding:50px 0 50px 40px;}
/* soorim/byuldam map */
.section.pop_section .content > .inner { width:1600px; height: 100%; }
.section.pop_section.soorim { background: url("/resource/images/seolhaesoorim/map_soorim.jpg") no-repeat 0 0; transition:all 1.5s 0.5s;}
.section.pop_section.byuldam { background: url("/resource/images/seolhaesoorim/map_byuldam.jpg") no-repeat 0 0; transition:all 1.5s 0.5s;}
.section.pop_section.active{ background-position:0 50%; }
.section.pop_section .tab { position: absolute; width: 100%; left: 0; bottom: 125px; background-color: #62574a; }
.section.pop_section .tab:after{content:''; display:block; clear:both;}
.section.pop_section .tab li { float:left; width:16.666666%; height:87px; position: relative; text-align:center; border:1px solid #9E907F; box-sizing:border-box; transition:all 0.3s;}
.section.pop_section.byuldam .tab li {width:20%;}
.section.pop_section .tab li:hover{background-color:#4A3D2F;}
.section.pop_section .tab li a { display: block; font-size: 18px; letter-spacing: -0.03em; line-height: 87px; color: #fff; }
.section.pop_section .tab li strong{font-weight:bold;}
/* seolhaeon's value */
.section.value .content{ padding-top:0; }
.section.value .content > .inner { width: 100%; }
/* bg */
.section.value .bg_area { background: url("/resource/images/seolhaesoorim/value_bg0.jpg") no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.section.value .bg_area.bg1 { background-image: url("/resource/images/seolhaesoorim/value_bg1.jpg"); }
.section.value .bg_area.bg2 { background-image: url("/resource/images/seolhaesoorim/value_bg2.jpg"); }
.section.value .bg_area.bg3 { background-image: url("/resource/images/seolhaesoorim/value_bg3.jpg"); }
.section.value .bg_area.bg4 { background-image: url("/resource/images/seolhaesoorim/value_bg4.jpg"); }
.section.value .bg_area.bg5 { background-image: url("/resource/images/seolhaesoorim/value_bg5.jpg"); }
/* slide */
.section.value .swiper-slide { display: table; table-layout: fixed; }
.section.value .swiper-slide .slide_wrap { display: table-cell; vertical-align: middle; width: 100%; }
.section.value .slide_inner { width: 1400px; height: 690px; margin: 0 auto; position: relative; }
.section.value .slide_inner .txt { position: absolute; bottom: 50px; left: 0; width: 100%; }
.section.value .tit_area { padding-top: 85px; transform:translateY(20px); opacity:0; transition:all 1s 0.3s; }
.section.value .swiper-slide-active .tit_area{transform:translateY(0); opacity:1;}
.section.value .txt { font-size: 18px; font-weight: 300; color: #fff; letter-spacing: -0.03em; line-height: 30px; opacity:0; transition:all 1.5s 0.6s;}
.section.value .swiper-slide-active .txt{ opacity:1; }
.section.value .txt span { font-weight: 500; }
.section.value .swiper-slide { width: 100%; height: 100vh; }
.section.value .swiper-slide.odd .slide_inner .txt { padding-right: 105px; text-align: right; }
.section.value .paging { position: absolute; right: 80px; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-right: 2px solid rgba(255, 255, 255, 0.6); }
.section.value .paging .bar { display: block; width: 2px; height: 100px; background-color: #fff; position: absolute; right: -2px; top: 0; -webkit-transition: height 0.3s; transition: height 0.3s; }
.section.value .paging a { display: table; font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 0.6); height: 100px; text-align: right; padding-right: 15px; }
.section.value .paging a.active { color: #fff; font-weight: 500; }
.section.value .paging a span { display: table-cell; vertical-align: middle; line-height: 20px; }
/* news */
.section.news .content > .inner { padding: 0 55px; }
.section.news h2 { font-size: 34px; font-weight: 700; letter-spacing: 0; color: #333; margin-bottom: 60px; position: relative; }
.section.news h2:before { content: ""; display: block; width: 60px; height: 60px; background: url("/resource/images/seolhaesoorim/contact_tit_bg.png") no-repeat 0 0; position: absolute; top: -15px; left: -25px; }
.section.news h2:after { content: ""; display: block; width: calc(100% - 190px); height: 1px; background-color: #d5c0a5; position: absolute; right: 0; top: 50%; }
.section.news .news_list { position: relative; padding: 0 0 70px; }
.section.news .news_list .swiper-slide{ transform:translateY(30px); opacity:0; transition:all 1.5s 0.5s; }
.section.news .news_list .swiper-slide:nth-child(2){transition-delay:0.65s;}
.section.news .news_list .swiper-slide:nth-child(3){transition-delay:0.8s;}
.section.news.active .news_list .swiper-slide{ opacity:1; transform:translateY(0); }
.section.news .news_list .item_wrap { display: block; }
.section.news .news_list .item_wrap .thumb_area { height: 260px; overflow: hidden; }
.section.news .news_list .item_wrap .thumb_area .thumb_img { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.section.news .news_list .item_wrap .thumb_area img { width: 100%; }
.section.news .news_list .item_wrap .txt_area { margin-top: 30px; }
.section.news .news_list .item_wrap .txt_area .category { font-size: 18px; font-weight: 700; color: #333; }
.section.news .news_list .item_wrap .txt_area .category i { font-size: 16px; font-weight: 700; color: #a57432; display: inline-block; margin-right: 10px; }
.section.news .news_list .item_wrap .txt_area .tit { margin-top: 10px; font-size: 22px; letter-spacing: -0.03em; color: #333; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 65px; }
.section.news .news_list .item_wrap .txt_area .date { display: inline-block; margin-top: 15px; font-size: 16px; font-weight: 500; color: #ae9e88; }
.section.news .news_list .item_wrap:hover .thumb_area .thumb_img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.section.news .news_list .item_wrap:hover .txt_area .tit { text-decoration: underline; }
.section.news .news_list .swiper-scrollbar { left: 50%; bottom: 0; width: 410px; height: 2px; margin-left: -205px; background-color: #ddd; }
.section.news .news_list .swiper-scrollbar .swiper-scrollbar-drag { background-color: #a57432; }
.section.news .slide_arrow { position: absolute; width: 100%; top: 230px; left: 0; z-index: 2; }
.section.news .slide_arrow .arrow { display: block; width: 18px; height: 40px; position: absolute; font-size: 0; background: no-repeat 0 0 /100% auto; }
.section.news .slide_arrow .arrow.prev { background-image: url("/resource/images/seolhaesoorim/news_arr_prev.png"); left: 0; }
.section.news .slide_arrow .arrow.next { background-image: url("/resource/images/seolhaesoorim/news_arr_nex.png"); right: 0; }
/* inquiry */
.section.inquiry h2 { font-size: 56px; font-weight: 400; color: #333; position: relative; line-height: 1; margin-bottom: 50px; }
.section.inquiry h2:before { content: ""; display: block; width: 60px; height: 60px; background: url("/resource/images/seolhaesoorim/contact_tit_bg.png") no-repeat 0 0; position: absolute; top: -15px; left: -25px; }
.section.inquiry .inq_wrap:after { content: ""; display: block; clear: both; }
.section.inquiry .inq_form, .section.inquiry .inq_term { float: left; width: 580px; }
/* form */
.section.inquiry .inq_form li { margin-bottom: 20px; }
.section.inquiry .inq_form li:last-child { margin-bottom: 0; }
.section.inquiry .inq_form li.textarea { margin-top: 50px; }
.section.inquiry .inq_form li.textarea .tit { font-size: 18px; font-weight: 500; color: #666; letter-spacing: -0.03em; }
.section.inquiry .inq_form textarea { margin-top: 10px; width: 100%; height: 189px; border: 1px solid #949494; resize: none; padding: 30px 20px; }
.section.inquiry .inq_form li .bb { border-bottom: 1px solid #949494; }
.section.inquiry .inq_form .input_wrap { position: relative; padding-left: 70px; }
.section.inquiry .inq_form .input_wrap.addr1 { padding-left: 0; }
.section.inquiry .inq_form .input_wrap.addr1 .input_area { width: 370px; padding-left: 70px; }
.section.inquiry .inq_form .input_wrap.addr1 #btn_addr { width: 180px; height: 44px; border: 1px solid #8e5e1c; color: #8e5e1c; font-size: 16px; line-height: 44px; text-align: center; display: block; position: absolute; right: 0; top: 0; }
.section.inquiry .inq_form .input_wrap.addr2 { padding-left: 0; margin-top: 30px; }
.section.inquiry .inq_form .input_wrap.addr2:after { content: ""; display: block; clear: both; }
.section.inquiry .inq_form .input_wrap.addr2 .input_area { width: 370px; float: left; }
.section.inquiry .inq_form .input_wrap.addr2 .input_area.short { width: 180px; float: right; }
.section.inquiry .inq_form .input_wrap.tel { margin-bottom: 50px; }
.section.inquiry .inq_form .input_wrap.tel input[type="text"] { width: 31.3%; text-align: center; }
.section.inquiry .inq_form .input_wrap .tit { position: absolute; left: 0; top: 0; max-width: 70px; font-size: 18px; letter-spacing: -0.03em; line-height: 44px; }
.section.inquiry .inq_form .input_wrap .tit .form_star { color: #a57432; }
.section.inquiry .inq_form .input_wrap .input_area { width: 100%; }
.section.inquiry .inq_form .input_wrap .input_area input { width: 100%; height: 44px; font-size: 16px; color: #666; }
.section.inquiry .inq_form .input_wrap .input_area input:focus { background-color: transparent; }
.section.inquiry .inq_form li.addr { position: relative; }
/* term */
.section.inquiry .inq_term { margin-left: 120px; }
.section.inquiry .inq_term .exp_top {margin-bottom:60px;}
.section.inquiry .inq_term .exp_top .txt { font-size: 18px; letter-spacing: -0.03em; line-height: 32px; color: #666; }
.section.inquiry .inq_term .exp_top .tel { font-size: 24px; font-weight: 700; letter-spacing: -0.03em; color: #8e5e1c; display: inline-block; margin-top: 16px; }
.section.inquiry .inq_term .term_wrap {}
.section.inquiry .inq_term h3{font-size: 18px; font-weight: 500; letter-spacing: -0.03em; color: #666; margin-bottom: 10px; }
.section.inquiry .inq_term h3 .form_star { color: #a57432; }
.section.inquiry .inq_term .term_box {overflow-y: auto; height: 180px; padding: 30px 20px; margin-bottom:15px; border: 1px solid #949494; font-size: 16px; color: #666; letter-spacing: -0.03em; line-height: 28px; }
.section.inquiry .inq_term .term_box > div { margin-bottom: 20px; }
.section.inquiry .inq_term .term_box h4 { font-size: 16px; font-weight: 500; color: #666; }
.section.inquiry .inq_term .term_box ul.dot_list li { position: relative; padding-left: 5px; text-indent: 0; }
.section.inquiry .inq_term .term_box ul.dot_list li:before { content: ""; display: block; width: 2px; height: 2px; background-color: #a57432; border-radius: 50%; position: absolute; top: 14px; left: 0; }
.section.inquiry .inq_term .term_box ul li { padding-left: 83px; text-indent: -83px; }
.section.inquiry .inq_term .radio_box { margin-bottom: 27px; text-align: right; }
.section.inquiry .inq_term input[type="radio"] { position: absolute; font-size: 0; height: 0; text-indent: -9999%; }
.section.inquiry .inq_term input[type="radio"]:checked + label { cursor: pointer; }
.section.inquiry .inq_term input[type="radio"]:checked + label span::after { display: block; }
.section.inquiry .inq_term .radio_box label { font-size: 18px; letter-spacing: -0.03em; color: #666; }
.section.inquiry .inq_term .radio_box label span { position: relative; display: inline-block; vertical-align: 14px; width: 20px; height: 20px; border: 1px solid #8e5e1c; border-radius: 50%; margin-right: 10px; font-size: 0; color: transparent; }
.section.inquiry .inq_term .radio_box label span:after { content: ""; display: none; width: 8px; height: 8px; border-radius: 50%; background-color: #a57432; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; }
.section.inquiry .inq_term .btn_wrap { text-align: right; margin-top: 30px; }
.section.inquiry .inq_term .btn_wrap .btn_submit { display: inline-block; width: 180px; height: 50px; line-height: 50px; text-align: center; background-color: #8e5e1c; color: #fff; font-size: 16px; }
.section.inquiry .inq_term .captcha_box{overflow:hidden;}
.section.inquiry .inq_term .captcha_area{display:inline-block; margin-right:6px; vertical-align:middle;}
.section.inquiry .inq_term .captcha_area > img{max-width:240px; height:60px;}
.section.inquiry .inq_term .refresh_btn{overflow:hidden; display:inline-block; width:60px; height:60px; background:url(/resource/images/seolhaesoorim/refresh_btn.png); text-indent:-9999px;}
.section.inquiry .inq_term .input_area{display:inline-block; width:calc(100% - 310px); vertical-align:middle;}
.section.inquiry .inq_term .input_area input{width:100%; height:60px; padding:19px; border:1px solid #949494; font-size:16px;}
.section.inquiry .inq_term .input_area input::placeholder{color:#707070;}

/* footer */
.section.footer { background-color: #eee8e0; padding: 90px 0 60px; }
.section.footer .content{ padding-top:0; }
.section.footer .company_info { padding-bottom: 45px; border-bottom: 1px solid #c5baaa; position: relative; }
.section.footer .company_info > * { display: inline-block; vertical-align: top; }
.section.footer .company_info .right { position: absolute; right: 0; bottom: 45px; }
.section.footer .company_info .right .txt { font-size: 16px; font-weight: 300; color: #5d513f; opacity: 0.8; }
.section.footer .company_info .right .sns_list { margin-top: 30px; opacity: 0.8; }
.section.footer .company_info .right .sns_list li { display: inline-block; vertical-align: top; margin: 0 20px; }
.section.footer .company_info .right .sns_list li:first-child { margin-left: 0; }
.section.footer .company_info .bottom_logo { margin-right: 40px; }
.section.footer .company_info .company_name { font-size: 18px; font-weight: 700; letter-spacing: -0.03em; color: #6f6352; margin-bottom: 16px; }
.section.footer .company_info .tel { font-size: 16px; font-weight: 300; color: #5d513f; margin-bottom: 15px; opacity: 0.8; }
.section.footer .company_info .tel span { display: inline-block; vertical-align: top; margin-left: 23px; }
.section.footer .company_info .bom_info { font-size: 16px; font-weight: 300; letter-spacing: -0.03em; color: #5d513f; }
.section.footer .company_info .bom_info span { display: inline-block; vertical-align: top; margin-right: 10px; }
.section.footer .company_info .bottom_menu { margin-top: 40px; }
.section.footer .company_info .bottom_menu li { display: inline-block; vertical-align: top; }
.section.footer .company_info .bottom_menu li a { font-size: 16px; font-weight: 300; letter-spacing: -0.03em; color: #6f6352; display: inline-block; padding: 0 20px; position: relative; }
.section.footer .company_info .bottom_menu li a:after { content: ""; display: block; width: 1px; height: 14px; background: #c5baaa; position: absolute; top: 6px; right: 0; }
.section.footer .company_info .bottom_menu li:first-child a { padding-left: 0; }
.section.footer .company_info .bottom_menu li:last-child a { padding-right: 0; }
.section.footer .company_info .bottom_menu li:last-child a:after { display: none; }
.section.footer .copyright_area { padding-top: 20px; }
.section.footer .copyright_area:after { content: ""; display: block; clear: both; }
.section.footer .copyright_area .copyright { font-size: 14px; font-weight: 300; color: #5d513f; letter-spacing: -0.03em; float: left; }
.section.footer .copyright_area .careful { font-size: 13px; letter-spacing: -0.03em; color: #5d513f; opacity: 0.8; float: right; }

/* popup */
.popup_wrap { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 10001; }
.popup_wrap .pop_cont { width: 1600px; background-color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.popup_wrap .btn_close { position: absolute; right: 0; top: -56px; background: transparent; cursor: pointer; }
.popup_wrap .slide_wrap { padding: 20px 40px 50px; }
.popup_wrap .slide_txt{ position:relative; }
.popup_wrap .slide_txt:after{ content:''; display:block; clear:both; }
.popup_wrap .slide_txt > *{ float:left; width:50%; }
.popup_wrap .slide_txt .txt_area{ padding:50px 0 0 70px; }
.popup_wrap .slide_txt .txt_area .top_txt{ font-size:22px; font-weight:700; letter-spacing: -0.03em; line-height:34px; color:#333; position:relative; }
.popup_wrap .slide_txt .txt_area .top_txt:before{ content:''; display:block; width:2px; height:60px; background-color: #D5C0A5; position:absolute; top:7px; left:-20px; }
.popup_wrap .slide_txt .txt_area .txt{ margin-top:60px; font-size:16px; letter-spacing: -0.03em; line-height:28px; color:#333; }
.popup_wrap .slide_txt .txt_area .txt span{font-weight:500;}
.popup_wrap .pop_slide_wrap { display: none; overflow: hidden; }
.popup_wrap .pop_slide_wrap .slide_tit{font-size:24px; font-weight: 700; color:#333; letter-spacing: -0.03em;}
.popup_wrap .pop_slide_wrap .img_slide{margin-top:16px;}
.popup_wrap .pop_slide_wrap .img_exp{margin-top:20px;}
.popup_wrap .pop_slide_wrap[data-type="type1-6"] .img_exp{padding-left:22px; position:relative;}
.popup_wrap .pop_slide_wrap[data-type="type1-6"] .img_exp:before{content:''; display:block; width:2px; height:100%; position:absolute; top:0; left:0; background-color: #D5C0A5;}
.popup_wrap .pop_slide_wrap .img_exp p{font-size:18px; letter-spacing: -0.03em; line-height:1.6; color:#333;}
.popup_wrap .pop_slide_wrap .img_exp .tit{font-size:24px; font-weight: 700; margin-bottom:10px;}
.popup_wrap .pop_slide_wrap .img_exp ul{margin-top:35px;}
.popup_wrap .pop_slide_wrap .img_exp ul li:before{content:''; display:inline-block; vertical-align: -3px; width:2px; height:18px; background-color:#D5C0A5; margin-right:15px;}
.popup_wrap .pop_slide_wrap .img_exp ul li{display:inline-block; vertical-align: top; font-size: 18px; color:#333; font-weight: 700;}
.popup_wrap .pop_slide_wrap .img_exp ul li + li{margin-left:80px;}
.popup_wrap .btn_controller{ position:absolute; bottom:0; right:0; width:190px; height:60px; border-radius:20px 0 0 0; background-color:#fff; z-index:3; }
.popup_wrap .btn_controller .controller_box{ width:100%; position:absolute; top:50px; left:0; }
.popup_wrap .btn_controller .arrow{ width:6px; height:12px; background:no-repeat 0 0 / 6px auto; z-index:100; }
.popup_wrap .btn_controller .arrow.arrow_prev{ top:-2px; left:34px; background-image:url("/resource/images/seolhaesoorim/pop_arr_prev.png"); }
.popup_wrap .btn_controller .arrow.arrow_next{ top:-2px; right:34px; background-image:url("/resource/images/seolhaesoorim/pop_arr_next.png"); }
.popup_wrap .btn_controller .arrow:after{ display:none; }
.popup_wrap .btn_controller .paging{ font-size:14px; color:#AE9E88; }
.popup_wrap .btn_controller .paging .swiper-pagination-current{ color:#5A5750; font-weight:600; }
.popup_wrap .btn_controller .paging .swiper-pagination-total{ color:#5A5750; }
.popup_wrap .inner_tab { background-color: #62574a; text-align: center;}
.popup_wrap .inner_tab ul:after { content:''; display:block; clear:both; }
.popup_wrap .inner_tab ul li { float:left; width:16.666666%; border:1px solid #9E907F;}
.popup_wrap .inner_tab ul li a { display:block; font-size: 18px; letter-spacing: -0.03em; color: #fff; line-height:87px;}
.popup_wrap .inner_tab ul li strong { font-weight:bold; }
.popup_wrap .inner_tab ul li.active a{font-weight:700; background-color:#4A3D2F;}
.popup_wrap .inner_tab ul li.ect a{color:#ddd;}
/* popup - seolhaesoorim */
.popup_wrap.seolhaesoorim .pop_cont{width:1600px;}
.popup_wrap.seolhaesoorim .slide_wrap {padding:40px 95px;}
.popup_wrap.seolhaesoorim .swiper-slide:after{content:''; display:block; clear:both;}
.popup_wrap.seolhaesoorim .txt_area,
.popup_wrap.seolhaesoorim .img_area{float:left;}
.popup_wrap.seolhaesoorim .txt_area{width:calc(100% - 878px); padding:95px 0 0 22px;}
.popup_wrap.seolhaesoorim .txt_area .num{font-size:24px; color:#A57432; display:block; position:relative;}
.popup_wrap.seolhaesoorim .txt_area .num:before{content:''; display:block; width:2px; height:20px; background-color: #D5C0A5; position:absolute; left:-22px; top:50%; margin-top:-8px;}
.popup_wrap.seolhaesoorim .txt_area .tit{font-size:30px; letter-spacing:-0.03em; line-height:1.4; color:#333; font-weight: 600; margin-top:20px; padding-right:50px;}
.popup_wrap.seolhaesoorim .txt_area .txt{font-size:18px; color:#333; letter-spacing: -0.03em; line-height:1.6; margin-top:30px; padding-right:85px;}
.popup_wrap.seolhaesoorim .slide4 .img_area:after{content:''; display:block; clear:both;}
.popup_wrap.seolhaesoorim .slide4 .img_area1{width:530px;}
.popup_wrap.seolhaesoorim .slide4 .img_area1 img:nth-child(2),
.popup_wrap.seolhaesoorim .slide4 .img_area1 img:nth-child(3){margin-left:10px;}
.popup_wrap.seolhaesoorim .slide4 .img_area1 img:nth-child(3),
.popup_wrap.seolhaesoorim .slide4 .img_area1 img:nth-child(4){float:right; margin-top:10px;}
.popup_wrap.seolhaesoorim .slide4 .img_area2 {width:260px; float:right;}
.popup_wrap.seolhaesoorim .slide4 .img_area2 img:nth-child(2){margin-top:10px;}
.popup_wrap.seolhaesoorim .slide4 .img_area img{float:left;}
.popup_wrap.seolhaesoorim .slide4 .txt_area{width:calc(100% - 790px); padding:95px 98px 0 68px;}
.popup_wrap.seolhaesoorim .slide4 .txt_area .tit,
.popup_wrap.seolhaesoorim .slide4 .txt_area .txt{padding:0;}
.popup_wrap.seolhaesoorim .swiper-button-next,
.popup_wrap.seolhaesoorim .swiper-button-prev{width:26px; height:60px; background:no-repeat 0 0;}
.popup_wrap.seolhaesoorim .swiper-button-next:after,
.popup_wrap.seolhaesoorim .swiper-button-prev:after{display:none;}
.popup_wrap.seolhaesoorim .swiper-button-prev{background-image: url(/resource/images/seolhaesoorim/seolhaepop/arr_prev.png); left:30px;}
.popup_wrap.seolhaesoorim .swiper-button-next{background-image: url(/resource/images/seolhaesoorim/seolhaepop/arr_next.png); right:30px;}

/*별담*/
.popup_wrap.byuldam .inner_tab ul li {width:20%;}



/* 랩탑 */
@media screen and (max-width:1600px){
    .popup_wrap.seolhaesoorim .pop_cont{width:1200px;}
    .popup_wrap.seolhaesoorim .slide_wrap{padding:32px 76px;}
    .popup_wrap.seolhaesoorim .swiper-slide{height:569px;}
    .popup_wrap.seolhaesoorim .txt_area, .popup_wrap.seolhaesoorim .img_area{width:50%;}
    .popup_wrap.seolhaesoorim .txt_area{padding-top:70px;}
    .popup_wrap.seolhaesoorim .txt_area .num{font-size:19px;}
    .popup_wrap.seolhaesoorim .txt_area .num:before{height:16px; left:-18px; margin-top:-6px;}
    .popup_wrap.seolhaesoorim .txt_area .tit{font-size:24px; margin-top:15px; padding-right:40px;}
    .popup_wrap.seolhaesoorim .txt_area .txt{font-size:14px; margin-top:24px; padding-right:68px;}
    .popup_wrap.seolhaesoorim .slide .img_area{height:100%; overflow:hidden;}
    .popup_wrap.seolhaesoorim .slide .img_area img{min-width:100%; height:100%;}
    .popup_wrap.seolhaesoorim .slide4 .img_area img{width:205px;}
    .popup_wrap.seolhaesoorim .slide4 .img_area1{width:420px;}
    .popup_wrap.seolhaesoorim .slide4 .img_area2{width:210px;}
    .popup_wrap.seolhaesoorim .slide4 .txt_area{width:calc(100% - 630px); padding:75px 78px 0 54px;}
    .popup_wrap.seolhaesoorim .swiper-button-next, .popup_wrap.seolhaesoorim .swiper-button-prev{width:20px; height:48px; background-size:20px auto;}

    .section.pop_section .content > .inner{width:1200px;}
    .section.pop_section .tab {bottom: 16.54%; padding:0;}
    .section.pop_section .tab li{height:69px;}

    .popup_wrap .pop_cont{width:1200px;}
    .popup_wrap .inner_tab ul li a,
    .section.pop_section .tab li a{padding:0 50px; font-size:15px; line-height:69px;}
    .popup_wrap .btn_close{width:25px; height:25px; top:-35px;}
    .popup_wrap .slide_wrap{padding:30px;}
    .popup_wrap .slide_txt .txt_area{padding:40px 0 0 55px;}
    .popup_wrap .slide_txt .txt_area .top_txt{font-size:17px; line-height:27px;}
    .popup_wrap .slide_txt .txt_area .txt{margin-top:45px; font-size:13px; line-height:22px;}
    .popup_wrap .pop_slide_wrap .slide_tit{font-size:19px;}
    .popup_wrap .pop_slide_wrap .img_exp p,
    .popup_wrap .pop_slide_wrap .img_exp ul li{font-size:14px;}
    .popup_wrap .pop_slide_wrap .img_exp ul li:before{vertical-align:-2px; margin-right:10px; height:15px;}
    .popup_wrap .pop_slide_wrap .img_exp .tit{font-size:19px;}
    .popup_wrap .pop_slide_wrap .img_exp ul{margin-top:25px;}

}
@media screen and (max-width:1540px){
    .wrap{min-width:1200px;}
    .header{min-width:1200px; height:60px;}
    .header .header_inner{padding:0 75px;}
    .header .gnb{margin-left:75px;}
    .header .gnb li{width:95px;}
    .header .gnb li a{font-size:14px; line-height:60px;}
    .header .sound_btn{font-size:13px; right:75px;}

    .section .content{padding-top:60px;}
    .section .content > .inner{width:1200px;}

    .section.main_visual .sound_txt{font-size:13px;}

    .section.about .txt_area .top_txt{font-size:17px; line-height:28px;}
    .section.about .txt_area .top_txt:after{ margin-top:55px; }
    .section.about .txt_area .mid_txt{ font-size:15px; line-height:28px; margin-top:60px; }
    .section.about .txt_area .bom_txt{ font-size:22px; line-height:28px; margin-top:40px; }

    .section.full_fade h2{ font-size:75px; }
    .section.full_fade h2:before,
    .section.inquiry h2:before{width:105px; height:105px; background-size:100% 100%; top:-30px; left:-30px;}
    .section.byuldam h2:before{right:-30px; left:auto;}
    .section.full_fade .exp_list ul li{height:170px;}
    .section.full_fade .exp_list ul li a{padding:30px 34px 30px 20px;}
    .section.full_fade .txt_area{ margin-bottom:60px; }
    .section.full_fade .txt_area .top_txt{ margin-top:30px; font-size:17px; line-height:25px; }
    .section.full_fade .txt_area .txt{ font-size:13px; margin-top:20px; line-height:20px; }
    .section.full_fade .exp_list ul li .num{font-size:17px;}
    .section.full_fade .exp_list ul li p{font-size:15px; line-height:20px;}
    .section.full_fade .fade_img{width:640px;}
    .section.full_fade.active .fade_img .swiper-slide img{height:100%;} 

    .section.value .slide_inner{width:1200px; height:550px;}
    .section.value .slide_inner .txt{font-size:15px; line-height:24px;}
    .section.value .swiper-slide.odd .slide_inner .txt{padding-right:150px;}
    .section.value .paging{right:50px;}
    .section.value .paging a{font-size:13px; height:75px;}

    .section.news h2{ font-size:27px; margin-bottom:45px; }
    .section.news .news_list{padding-bottom:40px;}
    .section.news .slide_arrow{top:200px;}
    .section.news .news_list .item_wrap .thumb_area{height:215px;}
    .section.news .news_list .item_wrap .txt_area{margin-top:24px;}
    .section.news .news_list .item_wrap .txt_area .category{font-size:15px;}
    .section.news .news_list .item_wrap .txt_area .category i{font-size:13px;}
    .section.news .news_list .item_wrap .txt_area .tit{font-size:17px;}
    .section.news .news_list .item_wrap .txt_area .date{font-size:13px;}

    .section.inquiry h2{font-size:44px; margin-bottom:40px;}
    .section.inquiry .inq_form, .section.inquiry .inq_term{width:47%;}
    .section.inquiry .inq_term{margin-left:6%;}
    .section.inquiry .inq_form .input_wrap .input_area input{height:40px;}
    .section.inquiry .inq_form li{margin-bottom:10px;}
    .section.inquiry .inq_form li.textarea .tit,
    .section.inquiry .inq_form .input_wrap .tit{font-size:15px;}
    .section.inquiry .inq_form .input_wrap.tel input[type="text"]{width:31%;}
    .section.inquiry .inq_form li.addr{margin-top:-20px;}
    .section.inquiry .inq_form .input_wrap.addr2 .input_area.short,
    .section.inquiry .inq_form .input_wrap.addr1 #btn_addr{width:32%; font-size:13px;}
    .section.inquiry .inq_form .input_wrap.addr1 #btn_addr{height:40px; line-height:40px;}
    .section.inquiry .inq_form .input_wrap.addr2 .input_area,
    .section.inquiry .inq_form .input_wrap.addr1 .input_area{width:64%;}
    .section.inquiry .inq_form .input_wrap.addr2{margin-top:10px;}
    .section.inquiry .inq_form li.textarea{margin-top:20px;}
    .section.inquiry .inq_form textarea{padding:24px 16px;}
    .section.inquiry .inq_term .exp_top .txt{font-size:15px; line-height:25px;}
    .section.inquiry .inq_term .exp_top .tel{font-size:19px; margin-top:10px;}
    .section.inquiry .inq_term .term_wrap{margin-top:30px;}
    .section.inquiry .inq_term h3{font-size:16px;}
    .section.inquiry .inq_term .term_box{font-size:13px; line-height:22px; height:120px;}
    .section.inquiry .inq_term .radio_box label{font-size:15px;}
    .section.inquiry .inq_term .radio_box label span{vertical-align: 11px; width:15px; height:15px;}
	.section.inquiry .inq_term .captcha_area > img{max-width:210px;}
	.section.inquiry .inq_term .input_area{width:calc(100% - 280px);}
    .section.inquiry .inq_term .btn_wrap{margin-top:20px;}
    .section.inquiry .inq_term .btn_wrap .btn_submit{height:40px; line-height:40px; font-size:13px;}
    .section.inquiry .inq_form .input_wrap .input_area input{font-size:13px;}


    .section.footer{padding:50px 0 45px;}
    .section.footer .company_info .bottom_logo{width:80px; margin-right:30px;}
    .section.footer .company_info .company_name{font-size:15px;}
    .section.footer .company_info .bom_info,
    .section.footer .company_info .bottom_menu li a,
    .section.footer .company_info .right .txt,
    .section.footer .company_info .tel{font-size:13px;}
    .section.footer .company_info .bottom_menu li a:after{height:10px; top:5px;}
    .section.footer .company_info .tel{margin-bottom:10px;}
    .section.footer .company_info .bottom_menu{margin-top:25px;}
    .section.footer .company_info .right .sns_list{margin-top:20px;}
    .section.footer .copyright_area .copyright,
    .section.footer .copyright_area .careful{font-size:12px;}
}