@charset "utf-8";
* {letter-spacing:-0.05em;word-spacing:-0.05em;word-break:keep-all;}
.desktop {display:block;}
.mobile {display:none;}

/* align */
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

/* text */
.el {display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.el-2line {display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.5;max-height:3em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.el-3line {display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.5;max-height:4.5em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

/* button */
.btn-area {margin-top:30px;text-align:center;}
.btn-primary {border:0;background:#735747;border-radius:5px;width:160px;height:50px;color:#fff;font-size:16px;}
.btn-blk {border:0;background:#313a46;border-radius:5px;width:160px;height:50px;color:#fff;font-size:16px;}
.btn-area button {margin:0 4px;}
/* .on {background:#f2f0ed;color:#222;} */
.btn-del {width:20px;height:20px;background:#981a4a url(/images/front/common/board-del.svg) no-repeat center;border-radius:20px;font-size:0;text-indent:-9999px;}
.btn-guide {padding:6px 45px;position:relative;display:inline-block;float:right;margin-top:-50px;border:2px solid #981a4a;width:auto;height:40px;border-radius:20px;box-sizing:border-box;font-size:16px;font-weight:500;color:#222;}
.btn-guide:before,.btn-guide:after {content:"";display:block;position:absolute;}
.btn-guide:before {left:20px;top:10px;width:18px;height:18px;background:url(/images/front/icon/icon-write.svg) center no-repeat;}
.btn-guide:after {right:20px;top:11px;width:13px;height:14px;background:url(/images/front/icon/icon-down.svg) center no-repeat;}

/* input style */
.input-base {padding:0 10px;height:38px;font-size:16px;border:1px solid #bfbfbf;border-radius:3px;box-sizing:border-box;font-family:inherit;}
.input-base:disabled {background:#eeeeee;}
textarea.input-base {padding:10px;height:100px;resize:none;}
label {margin-right:30px;}
.chk-box span, .radio-box span {display:inline-block;font-size:16px;color:#222;}
.chk-box {position:relative;}
.chk-box input[type="checkbox"] {border:0;width:0;height:0;overflow:hidden;padding:0;}
.chk-box span {position:relative;padding-left:25px;}
.chk-box span:before {position:absolute;left:0;top:3px;content:"";display:inline-block;width:16px;height:16px;background:url(/images/front/common/chk-off.png) no-repeat center;z-index:1;}
.chk-box input[type="checkbox"]:checked + span:before {background-image: url(/images/front/common/chk-on.png);}
.chk-box input[type="checkbox"]:disabled + span:before {opacity:30%;}
.radio-box {position:relative;}
.radio-box input[type="radio"] {border:0;width:0;height:0;overflow:hidden;padding:0;}
.radio-box span {position:relative;padding-left:25px;}
.radio-box span:before {position:absolute;left:0;top:3px;content:"";display:inline-block;width:16px;height:16px;background:url(/images/front/common/radio-off.png) no-repeat center;z-index:1;}
.radio-box input[type="radio"]:checked + span:before {background-image: url(/images/front/common/radio-on.png);}
.radio-box input[type="radio"]:disabled + span:before {opacity:40%;}

/* 파일첨부 스타일 */
.file-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.file-box label {display:inline-block;padding:8px 15px;color:#fff;font-size:inherit;line-height:normal;vertical-align:middle;background-color:#313a46;cursor:pointer;border-radius:5px;}
.file-box .upload-name {display:inline-block;padding:7px 10px;font-size:inherit;font-family:inherit;line-height:normal;vertical-align:middle;background-color:#fff;border:1px solid #bfbfbf;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.file-edit {margin-top:10px;}
.file-link:before {content:"";display:inline-block;margin-right:5px;width:20px;height:20px;background:url(/images/front/common/board-file.png) no-repeat center;vertical-align:middle;}
.file-link {font-size:16px;color:#222;font-weight:300;}
.btn-del {margin-left:5px;}

/* title 관련 */
/* h2.title {padding:70px 0 60px;font-size:36px;color:#333;font-weight:400;text-align:center;} */
/* h3.title {margin:35px 0 10px;padding-left:24px;position:relative;font-size:20px;color:#333;font-weight:400;} */
/* h3.title:before {position:absolute;left:0;top:8px;content:"";display:block;width:14px;height:14px;border-radius:14px;background-color:#981a4a;} */
/* h3.title:after {position:absolute;left:4px;top:12px;content:"";display:block;width:6px;height:6px;border-radius:6px;background-color:#fff;} */
/* h3.title-center {margin-top:45px;font-size:24px;color:#222;text-align:center;font-weight:400;} */
/* h4.title {margin:35px 0 10px;padding-left:24px;position:relative;font-size:20px;color:#333;font-weight:400;} */
/* h4.title:before {position:absolute;left:0;top:8px;content:"";display:block;width:14px;height:14px;background-color:#981a4a;} */
/* h4.title:after {position:absolute;left:4px;top:12px;content:"";display:block;width:6px;height:6px;background-color:#fff;} */

.not-scroll {overflow:auto;width:100%;height:100%;}
.global-gnb-desktop.pop-scroll {top:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}


/* #wrap {max-width:1920px;margin:0 auto;position:relative;min-width:280px;min-height:100%;overflow-y:auto;} */
/* .inner {position:relative;max-width:1240px;margin:0 auto;} */


/* header */
/* #header .logo {position:relative;float:left;z-index:10;height:100%;} */
/* #header.active .gnb ul > li > ul {display:block;} */
/* .gnb {position:absolute;left:0;padding-top:40px;display:inline-block;width:100%;text-align:center;z-index:5;box-sizing:border-box;} */
/* .gnb > ul {font-size:0;} */
/* .gnb > ul > li {display:inline-block;padding:0 1.5%;} */
/* .gnb > ul > li > a {display:block;font-size:20px;color:#222;font-weight:500;} */
/* .gnb > ul > li > a:hover:after, */
/* .gnb > ul > li.selected > a:after {margin:20px auto 0;content:"";display:block;width:8px;height:8px;border-radius:8px;background:#981a4a;} */
/* .gnb > ul > li a:hover, */
/* .gnb > ul > li.selected a {color:#981a4a;} */
/* .gnb .snb-list {display:none;position:absolute;top:130px;background-color:#981a4a;width:100%;z-index:50;} */
/* .gnb .snb-list .inner {display:table;width:100%;text-align:left;padding:0;} */
/* .gnb .snb-list ul {padding:25px 30px 30px;display:table-cell;width:16%;} */
/* .gnb .snb-list ul:hover {background:#861741;} */
/* .gnb .snb-list li {position:relative;} */
/* .gnb .snb-list a {font-size:15px;color:#ffe4ee;line-height:30px;} */
/* .gnb .snb-list .selected a, */
/* .gnb .snb-list a:hover {text-decoration:underline;color:#fff;font-weight:500;} */
/* .gnb .snb-list li.selected:before {position:absolute;left:-10px;top:13px;content:"";display:block;width:4px;height:4px;border-radius:4px;background:#fff;} */

/* .tnb {float:right;position:relative;z-index:10;} */
/* .tnb ul {overflow:hidden;} */
/* .tnb li {float:left;} */
/* .tnb .eng {display:inline-block;width:50px;height:50px;border-radius:50px;background:#eee url(/images/front/common/global-eng.png) 11px center no-repeat;font-size:0;text-indent:-9999px;} */
/* .tnb .ko {display:inline-block;width:50px;height:50px;border-radius:50px;background:#eee url(/images/front/common/global-ko.png) 11px center no-repeat;font-size:0;text-indent:-9999px;} */
/* .tnb .global-btn {margin-left:8px;width:50px;height:50px;border-radius:50px;background:#981a4a url(/images/front/common/global-bar.svg) center no-repeat;font-size:0;text-indent:-9999px;cursor:pointer;} */

/* .global-wrap {overflow-y:auto;display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.7);z-index:500;overflow:hidden;z-index:200;height:100%;} */

/* footer */
/* #footer {background-color:#313131;} */
/* .footer-top {position:relative;padding:20px 0;} */
/* .footer-top .logo {margin-right:25px;;display:inline-block;} */
/* .footer-top .text {margin:0 0 5px 0;display:inline-block;vertical-align:bottom;font-size:14px;line-height:24px;color:#bfbfbf;} */
/* .footer-top .text span {display:block;} */
/* .footer-top .sns-list li {padding:0 3px;display:inline-block;vertical-align:middle;font-size:14px;line-height:24px;color:#bfbfbf;} */
/* .footer-top .sns-list li .title {display:block;width:24px;height:12px;background:url(/images/front/common/sns.png) no-repeat center;font-size:0;text-indent:-9999px;} */
/* .footer-top .sns-list li a {display:block;width:40px;height:40px;background-repeat:no-repeat;background-position:center;font-size:0;text-indent:-9999px;} */
/* .footer-top .sns-list li .blog {background-image:url(/images/front/common/sns-blog.png);} */
/* .footer-top .sns-list li .facebook {background-image:url(/images/front/common/sns-facebook.png);} */
/* .footer-top .sns-list li .instar {background-image:url(/images/front/common/sns-instar.png);} */
/* .footer-top .link {position:relative;} */
/* .footer-top .link .select {padding:7px 35px 7px 15px;position:relative;border:1px solid #c9c9c9;border-radius:20px;width:260px;height:40px;background:#313131 url(/images/front/common/link-arrow.png) right 15px center no-repeat;box-sizing:border-box;font-size:14px;line-height:24px;color:#bfbfbf;cursor:pointer;z-index:50;} */
/* .footer-top .link ul.list {padding:10px 0 30px;display:none;position:absolute;right:0;left:0;bottom:20px;background-color:#313131;border:1px solid #c9c9c9;border-bottom:0;z-index:10;} */
/* .footer-top .link ul.list li a {display:block;padding:5px 10px;color:#bfbfbf;font-size:14px;} */
/* .footer-top .link ul.list li a:hover {background-color:#c9c9c9;color:#313131} */
/* .footer-btm {padding:25px 0 50px;border-top:1px solid #c9c9c9;} */
/* .footer-btm .info li {position:relative;padding-right:30px;display:inline-block;font-size:14px;line-height:24px;color:#bfbfbf;font-weight:300;} */
/* .footer-btm .info li:after {position:absolute;right:15px;content:"|"} */
/* .footer-btm .info li:last-child:after {content:"";} */
/* .footer-btm .copy {margin-top:8px;font-size:14px;line-height:24px;color:#bfbfbf;} */
/* #footer.index {background-color:#fff;} */
/* #footer.index .footer-top .text {color:#666;} */
/* #footer.index .footer-btm .info li {color:#666;} */
/* #footer.index .footer-btm .copy {color:#666;} */
/* #footer.index .footer-top .link .select {color:#454545;background:#fff url(/images/front/common/link-arrow-blk.png) right 15px center no-repeat;} */
/* #footer.index .footer-top .link ul.list {background-color:#fff;} */
/* #footer.index .footer-top .link ul.list li a {color:#454545;} */
/* #footer.index .footer-top .sns-list li .title {background:url(/images/front/common/sns-blk.png) no-repeat center;background-size:cover;} */


/* index */
#index {padding:50px 0;background:url(/images/front/index-bg.jpg);background-size:cover;}
#index .swiper-btn {text-align:center;}
#index .swiper-button-prev,#index .swiper-button-next,#index .swiper-button-pause,#index .swiper-button-play,#index .swiper-pagination,#index .swiper-pagination-fraction {position:relative;display:inline-block;vertical-align:middle;width:auto;}
#index .swiper-button-prev,#index .swiper-button-next,#index .swiper-button-pause,#index .swiper-button-play {margin:0 4px;width:14px;height:14px;background:url(/images/front/common/slide-prev.svg) center no-repeat;font-size:0;text-indent:-9999px;}
#index .swiper-button-prev,#index .swiper-button-next {top:0;margin-top:0;}
#index .swiper-button-prev {margin-left:15px;}
#index .swiper-button-next {background-image:url(/images/front/common/slide-next.svg);}
#index .swiper-button-pause {background-image:url(/images/front/common/slide-pause.svg);}
#index .swiper-button-play {background-image:url(/images/front/common/slide-play.svg);}
#index .swiper-pagination .swiper-pagination-bullet {margin:0 4px;width:12px;height:12px;background-color:#7e8698;opacity:1;}
#index .swiper-pagination .swiper-pagination-bullet-active {background-color:#fff;border:3px solid #981a4a;box-sizing:border-box;}
#index .swiper-pagination-fraction {bottom:0;color:#666;font-size:14px;}
#index .swiper-pagination-current {color:#981a4a;font-weight:600;}

.box-area {overflow:hidden;}
.box-area + .box-area {margin-top:20px;}
.box-area .col {float:left;width:calc(50% - 10px);}
.box-area .col + .col {margin-left:20px;}
.box-area .box {position:relative;padding:20px 30px;background-color:#fff;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.box-area .box.card-box {padding:0;height:700px;}
.box-area .box.board-box {height:380px;}
.box-area .box.thesul-box {margin-top:20px;height:300px;}
.box-area .box.policy-box {height:320px;}
.box-area .box.banner-box {padding:0;height:320px;}
.box-area .box .title {font-size:26px;color:#222;font-weight:500;}
.box-area .box .subject {margin-top:15px;font-size:18px;color:#222;font-weight:500;}
.box-area .box .desc {font-size:15px;color:#666;}
.box-area .box .date {font-size:14px;color:#222;font-weight:300;}

.card-box .title {padding:20px 0;text-align:center;}
.card-box .img {position:relative;padding-top:70.4%;overflow:hidden;display:block;box-sizing: border-box;background:#f9f9f9;}
.card-box .img span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.card-box .img img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.card-box .text-wrap {margin-top:30px;text-align:center;}
.card-box .category {padding:7px 30px;display:inline-block;height:40px;font-size:16px;color:#fff;background-color:#981a4a;border-radius:20px;box-sizing:border-box;}
.card-box .subject {margin-top:15px;font-size:24px;color:#222;font-weight:500;}
.card-box .swiper-wrapper {height:auto;}
.card-box .swiper-btn {margin:30px 0;}

.policy-box .index-more {top:30px;right:30px;}
.policy-box .subject {margin-top:15px;}
.policy-box .subject span {line-height:1.4;max-height:2.8em;height:2.8em;}
.policy-box .desc span {display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.4;max-height:7em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.policy-box .date {margin-top:15px;}

.banner-box .swiper-slide {position:relative;padding-top:92%;overflow:hidden;display:block;box-sizing:border-box;background:#f9f9f9;}
.banner-box .swiper-slide span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.banner-box .swiper-slide img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#index .banner-box .swiper-container {height:100%;}
#index .banner-box .swiper-wrapper {height:auto;}
#index .banner-box .swiper-btn {position:relative;margin:15px 0 0;}
#index .banner-box .swiper-btn .swiper-pagination-fraction {margin-left:20px;float:left;}
#index .banner-box .swiper-btn .state-wrap {margin-right:20px;float:right;}

.quick-link {font-size:18px;font-weight:500;color:#222;}
.quick-link li {margin-top:22px;height:92px;background:#f4e8e2 url(/images/front/cont/index-link-1.jpg) no-repeat right top;border-radius:10px;overflow:hidden;}
.quick-link li.link2 {background-image:url(/images/front/cont/index-link-2.jpg);background-color:#efebe5;}
.quick-link li.link3 {background-image:url(/images/front/cont/index-link-3.jpg);background-color:#eaeff5;}
.quick-link li:first-child {margin-top:0;}
.quick-link a {padding:29px 30px 30px;display:block;width:100%;height:100%;box-sizing:border-box;}
.quick-link a span {position:relative;padding-left:50px;font-size:20px;font-weight:500;color:#222;}
.quick-link a span:before {content:"";position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-radius:50%;background:#242424 url(/images/front/icon/index-arrow-wht.svg) center no-repeat;}

.quick-link2 li {height:150px;background-color:#fff;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.quick-link2 li a {padding:25px 30px;position:relative;display:block;width:100%;height:100%;font-size:24px;line-height:30px;color:#222;font-weight:500;box-sizing:border-box;}
.quick-link2 li a span:after {content:"";position:absolute;left:30px;bottom:25px;display:block;width:30px;height:30px;border:1px solid #888fa0;background:url(/images/front/icon/index-arrow.png) no-repeat left 12px center;border-radius:50%;}
.quick-link2 li a:after {content:"";position:absolute;right:30px;top:50%;margin-top:-45px;display:block;width:90px;height:90px;background:url(/images/front/cont/index-link-bg1.png) no-repeat center;border-radius:50%;}
.quick-link2 .link2 {margin-top:20px;}
.quick-link2 .link2 a:after {background-image:url(/images/front/cont/index-link-bg2.png);}


.thumbs-list {padding:20px 0;}
.thumbs-list > ul {margin:0 0 0 -20px;font-size:0;}
.thumbs-list > ul > li {padding:0 0 0 20px;width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.thumbs-list > ul > li .thumb {overflow:hidden;box-sizing:border-box;position:relative;overflow:hidden;display:block;padding-top:74.4%}
.thumbs-list.thesul-list > ul > li .thumb {padding-top:59.4%}
.thumbs-list ul li .thumb span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.thumbs-list ul li .thumb span img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.thumbs-list ul li .subject {margin-top:15px;}
.thumbs-list ul li .subject span,
.thumbs-list ul li .subject a {display:block;}
.thumbs-list ul li .subject a span {font-size:18px;color:#222;font-weight:500;}
.thumbs-list ul li .subject a:hover {text-decoration:underline;}
.thumbs-list ul li .date {font-size: 14px;line-height: 24px;color: #666;font-weight: 300;}
.thumbs-list .el-2line {height:3em}
.index-more {position:absolute;top:0;right:0;display:block;width:24px;height:24px;font-size:0;background:url(/images/front/icon/index-more.svg) center no-repeat;}

.index-tab .tab-content > div {display:none;}
.board-tab {font-size:0;}
.board-tab li {position:relative;display:inline-block;}
.board-tab li:first-child {padding-right:10px;}
.board-tab li:first-child:after {content:"";display:block;position:absolute;top:50%;margin-top:-8px;right:0;width:1px;height:16px;background:#c3c3c3;}
.board-tab li a {font-size:24px;color:#666;font-weight:500;}
.board-tab li + li {margin-left:10px;}
.board-tab li.selected a {color:#222;}
.board-tab li.selected:before {content:"";position:absolute;top:-8px;left:50%;margin-left:-3px;display:block;width:6px;height:6px;border-radius:50%;background-color:#981a4a;}

.board-box .index-more {top:30px;right:30px;}


.thesul-tab {position:absolute;top:20px;right:30px;width:330px;display:inline-block;font-size:0;border:1px solid #c3c3c3;border-radius:5px;}
.thesul-tab li {position:relative;width:33.3333%;display:inline-block;background-color:#f9f9f9;text-align:center;box-sizing:border-box;border-left:1px solid #c3c3c3;}
.thesul-tab li.selected {background-color:#981a4a;}
.thesul-tab li.selected:after {content:"";position:absolute;bottom:-1px;left:50%;margin-left:-4px;display:block;width:0px;height:0px;border-top:8px solid none;border-bottom:8px solid #fff;border-right:8px solid transparent;border-left:8px solid  transparent;z-index:1;}
.thesul-tab li:first-child {border-left:0;border-radius:5px 0 0 5px;}
.thesul-tab li:last-child {border-radius:0 5px 5px 0;}
.thesul-tab li a {padding:10px 0;display:block;font-size:16px;color:#222;}
.thesul-tab li.selected a {color:#fff;}

.thesul1 .thesul-link {margin:20px 0;}
.thesul1 a {margin-top:10px;display:block;}
.thesul1 a .thumb {position:relative;display:table-cell;width:40%;padding-top:29.4%;box-sizing:border-box;}
.thesul1 a .thumb span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.thesul1 a .thumb span img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.thesul1 a .text-wrap {padding-left:10px;display:table-cell;width:60%;vertical-align:top;box-sizing:border-box;}
.thesul1 a .desc {margin-top:10px;}
.thesul1 a .date {margin-top:10px;}

.thesul2 .thumbs-list ul li .thumb span img {width:100%;height:100%;}
.thesul3 .thumbs-list ul li .thumb span {-webkit-transform:translate(50%,100%);-ms-transform:translate(50%,0);transform:translate(50%,0);}
.thesul3 .thumbs-list ul li .thumb span img {width:100%;height:auto;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}


/* sub */
#container {position:relative;}
.sub-header {position:absolute;left:0;width:100%;height:463px;color:#fff;background:url(/images/front/sub-hero.jpg) no-repeat top center;}
.sub-menu1 {background:url(/images/front/sub-hero1.jpg) no-repeat top center;}
.sub-menu2 {background:url(/images/front/sub-hero2.jpg) no-repeat top center;}
.sub-menu3 {background:url(/images/front/sub-hero3.jpg) no-repeat top center;}
.sub-menu3-2 {background:url(/images/front/sub-hero3-2.jpg) no-repeat top center;}
.sub-menu4 {background:url(/images/front/sub-hero4.jpg) no-repeat top center;}
.sub-menu5 {background:url(/images/front/sub-hero5.jpg) no-repeat top center;}
.sub-menu6 {background:url(/images/front/sub-hero6.jpg) no-repeat top center;}

.sub-header .text-wrap {position:absolute;padding:0 15px;height:auto;top:95px;left:0;width:100%;box-sizing:border-box;}
.sub-header .title {font-size:40px;line-height:54px;text-align:center;font-weight:400;}
.sub-header .title span {position:relative;padding-bottom:15px;display:inline-block;}
/* .sub-header .title span:after {content:"";position:absolute;bottom:0;left:50%;margin-left:-50px;display:block;width:100px;height:1px;background-color:#5f5a57;} */
.sub-header .desc {margin-top:15px;font-size:24px;text-align:center;}

.sub-navi {padding-top:240px;}
.sub-navi .inner {background-color:#981a4a;box-shadow:5px 5px 6px rgba(0,0,0,0.2);}
.sub-navi .inner > ul {position:relative;}
.sub-navi .inner > ul:after {content:"";display:block;clear:both;height:0;}
.sub-navi .inner > ul > li {float:left;position:relative;height:60px;line-height:60px;min-width:200px;text-indent:15px;}
.sub-navi .inner > ul > li.box:after {position:absolute;right:0;top:50%;margin-top:-15px;content:"";display:block;width:1px;height:30px;background-color:rgba(255,255,255,0.5)}
.sub-navi .inner > ul > li.home {background:url(/images/front/common/navi-home.png)#73002c no-repeat center;min-width:auto;width:60px;padding:0;}
.sub-navi .inner > ul > li.home a {display:block;width:60px;text-indent:-9999;font-size:0;}
.sub-navi .inner > ul > li .select {display:block;height:60px;line-height:60px;font-size:15px;padding-right:35px;color:#fff;background:url(/images/front/common/navi-arrow.png) no-repeat right 15px center;
min-width:160px;cursor:pointer;}

.sub-navi .inner ul li ul {padding:10px 0;width:100%;position:absolute;top:60px;border:1px solid #981a4a;border-top:0;left:0;background:#fff;display:none;box-sizing:border-box;z-index:10;}
.sub-navi .inner ul li ul li {height:38px;line-height:38px;}
.sub-navi .inner ul li ul li:first-child {border-top:0;}
.sub-navi .inner ul li ul li a {display:block;background:#fff;font-size:15px;color:#111111;}
.sub-navi .inner ul li ul li a:hover {text-decoration:underline;}

#content {padding-bottom:80px;}
/* tab style */
.tab-scroll {position:relative;}
.tab-scroll:after {position:absolute;content:"";height:1px;bottom:0;left:0;right:0;background-color:#bfbfbf;z-index:0;}
.tab-depth {margin-bottom:50px;position:relative;text-align:center;white-space:nowrap;overflow-x:auto;}
.tab-depth:after {position:absolute;content:"";height:1px;bottom:0;left:0;right:0;background-color:#bfbfbf;z-index:0;}
.tab-depth li {padding:0 10px;position:relative;height:70px;display:inline-block;}
.tab-depth li:before {position:absolute;left:0;top:25px;content:"";display:block;width:2px;height:20px;background-color:#222;}
.tab-depth li:first-child:before {display:none;}
.tab-depth li a {position:relative;padding:20px 10px;display:block;color:#666;font-size:20px;font-weight:300;}
.tab-depth li.selected a {color:#333;font-weight:400;}
.tab-depth li.selected a:after {position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:4px;background-color:#735747;z-index:1;}

/* 컨텐츠 이미지 */
.cont-img + .title {margin-top: 40px;}
.cont-img {position:relative;border-radius:10px;overflow:hidden;}
.cont-img:before,
.cont-img:after {content:"";position:absolute;top:0;display:block;width:10px;height:40px;z-index:1;}
.cont-img:before {left:60px;background-color:#fff;}
.cont-img:after {left:70px;background-color:#735747;}
.cont-img .img-wrap img {width:100%;}
.cont-img .text-wrap {position:absolute;top:0;left:0;padding:65px 430px 65px 55px;font-size:20px;line-height:30px;color:#222;font-weight:300;}
.cont-img .text-wrap span {display:block;}
.cont-img .text-wrap strong {margin-bottom:15px;display:block;font-size:26px;color:#735747;font-weight:400;}

.cont-late {padding:70px 30px 90px;border:5px solid #eee;border-radius:10px;text-align:center;}
.cont-late div {font-size:24px;color:#222;}
.late-text i {margin-right:20px;display:inline-block;width:63px;height:64px;background:url(/images/front/icon/icon-late.png);vertical-align:middle;}
.only-text i {margin:auto;display:block;width:90px;height:64px;background:url(/images/front/icon/icon-mobile.png);vertical-align:middle;}

.aboutDesignStyle { max-width:1400px; margin:0 auto; padding:6%; background:#BDE3DC url("/images/front/cont/bg_about.png") no-repeat center bottom / 100% auto; border-radius:20px; color:#000; }
.aboutDesignStyle .txtArea { max-width:1200px; margin:0 auto 18em; font-size:22px; font-weight:500; line-height:1.7; word-break:keep-all;  }
.aboutDesignStyle p { margin-bottom:1em; }
.aboutDesignStyle ul { display:flex; justify-content:flex-end; gap:20px; }
.aboutDesignStyle ul li { min-width:185px; padding:15px 10px; background:#fff; border-radius:10px; text-align:center; line-height:1.24; font-size:16px; font-weight:600; }
.aboutDesignStyle ul li img { margin-top:.5em; }
.aboutDesignStyle ul li span { display:block; margin-top:1em; padding:4px 9px; background:#f0f0f0; border-radius:8px; text-align:left; }
/* 오른쪽 퀵메뉴 */
.aside {margin-top:10px;position:absolute;right:50%;bottom:490px;margin-right:-680px;width:36px;}
.aside .sns-list li .title {margin:0 auto;display:block;width:12px;height:23px;background:url(/images/front/common/aside-sns.png) no-repeat center;font-size:0;text-indent:-9999px;}
.aside .sns-list li:after {margin:15px auto;content:"";display:block;width:4px;height:4px;border-radius:4px;background:#b2b2b2;}
.aside .sns-list li:first-child:after {width:1px;height:50px;background:#b2b2b2;}
.aside .sns-list li a {display:block;width:36px;height:36px;border-radius:36px;background-repeat:no-repeat;background-position:center;font-size:0;text-indent:-9999px;}
.aside .sns-list li .blog {background-image:url(/images/front/common/aside-blog.png);}
.aside .sns-list li .blog:hover {background-image:url(/images/front/common/aside-blog-hover.png);}
.aside .sns-list li .facebook {background-image:url(/images/front/common/aside-facebook.png);}
.aside .sns-list li .facebook:hover {background-image:url(/images/front/common/aside-facebook-hover.png);}
.aside .sns-list li .instar {background-image:url(/images/front/common/aside-instar.png);}
.aside .sns-list li .instar:hover {background-image:url(/images/front/common/aside-instar-hover.png);}
.aside .top a {display:block;width:36px;height:36px;background:url(/images/front/common/aside-top.png) no-repeat center;font-size:0;text-indent:-9999px;}

.index.aside .sns-list li .title {background-image:url(/images/front/common/aside-sns-wht.png);}
.index.aside .sns-list li:first-child:after {background:rgba(255,255,255,0.5);}
.index.aside .sns-list li:after {background:rgba(255,255,255,0.5);}
.index.aside .top a {background-image:url(/images/front/common/aside-top-wht.png);}

/* 게시판 요소 */
.guide-list li {margin-left:20px;padding-left:16px;position:relative;display:inline-block;}
.guide-list li:first-child {margin-left:0;}
.guide-list li:before {position:absolute;left:0;top:8px;content:"";display:block;width:6px;height:6px;border-radius:3px;background-color:#313a46;}
.guide-list li strong {margin-right:8px;display:inline-block;font-size:16px;color:#222;font-weight:400;vertical-align:middle;}
.guide-list li i {vertical-align:middle;}
.guide-list i {padding:1px 0;display:inline-block;width:24px;height:24px;border-radius:3px;overflow:hidden;font-style:normal;box-sizing:border-box;}
.guide-list i {margin-left:3px;}
.guide-list i:first-child {margin-left:0;}
.guide-list i.state {font-size:14px;color:#fff;text-align:center;}
.guide-list i.state.visit  {background-color:#22ac38;}
.guide-list i.state.reservation  {background-color:#ec6941;}
.guide-list i.guide {font-size:0;border:1px solid #d9d8d8;background-position:center;box-sizing:border-box;}
.guide-list i.guide.ch {background-image:url(/images/front/icon/label-ch.png);}
.guide-list i.guide.jp {background-image:url(/images/front/icon/label-jp.png);}
.guide-list i.guide.en  {background-image:url(/images/front/icon/label-en.png);}

/* 공통 - 검색 */
.board-search {position:relative;margin-bottom:8px;text-align:right;font-size:0;}
.board-search .total {position:absolute;left:0;bottom:0;font-size:14px;color:#666;}
.board-search .total span {margin-left:5px;display:inline-block;font-weight:500;color:#333;}
.board-search .search-select,
.board-search .search-input {display:inline-block;border-bottom:1px solid #b2b2b2;vertical-align:middle;}
.board-search .search-select {min-width:100px;}
.board-search .search-select + .search-select {margin-left:6px;}
.board-search .search-select select {width:100%;}
.board-search .search-input {margin-left:6px;}
.board-search select,
.board-search input, .board-search button {border:0;height:30px;}
.board-search button {width:30px;background:url(/images/front/common/board-search.png) no-repeat center;text-indent:-9999px;font-size:0;}

/* 데이터 없음 */
.no-data {padding:50px 0 70px;font-size:18px;text-align:center;}
.product-list .no-data {border-bottom:1px solid #bfbfbf;}
.board-list .no-data {padding:70px 0 70px;height:auto;;border-bottom:1px solid #bfbfbf;background:none;}

/* 공통 - 바로가기링크 */
.board-top {position:relative;/*margin-bottom:16px;*/}
.board-btn a {padding:6px 45px;position:relative;display:inline-block;border:2px solid #981a4a;width:auto;height:40px;border-radius:20px;box-sizing:border-box;font-size:16px;font-weight:500;color:#222;}
.board-btn a:before {content:"";display:block;position:absolute;}
.board-btn .btn-wiki:before {left:20px;top:8px;width:20px;height:21px;background:url(/images/front/icon/link-wiki.svg) center no-repeat;}
.board-btn .btn-keywords:before {left:20px;top:11px;width:20px;height:16px;background:url(/images/front/icon/link-keywords.svg) center no-repeat;}
.board-btn a:after {content:"";display:block;position:absolute;right:20px;top:11px;width:8px;height:13px;background:url(/images/front/icon/link-arrow.svg) center no-repeat;}
.board-btn a + a {margin-left:8px;}
.etc-text {font-size:16px;color:#666;}
/* .board-btn + .info-search {margin-bottom:8px;} */

/* 공통 - 게시판 상세 */
.board-view {border-top:2px solid #222;border-bottom:2px solid #222;}
.board-view .subject {padding:20px 0;text-align:center;border-top:1px solid #222;font-size:24px;color:#222;}
.board-view .info {padding:12px 0;border-top:1px solid #222;background:#f5f5f5;text-align:center;}
.board-view .info li {position:relative;padding:0 25px;display:inline-block;font-size:16px;color:#666;}
.board-view .info li strong {padding-right:20px;display:inline-block;font-weight:500;color:#222;}
.board-view .info li:before {content:"";position:absolute;left:0;top:50%;margin-top:-10px;display:inline-block;width:1px;height:20px;background-color:#bfbfbf;}
.board-view .info li:first-child:before {display:none;}
.board-view .detail {padding:60px 50px 100px;border-top:1px solid #bfbfbf;font-size:16px;line-height:1.5;}
.board-view .detail img {margin:10px auto 15px;display:block;max-width:100%;}
.board-view .file {padding:20px 0;border-top:1px solid #bfbfbf;background-color:#f5f5f5;overflow:hidden;}
.board-view .file .file-title {font-size:16px;color:#222;font-weight:500;width:97px;text-align:center;vertical-align:middle;}
.board-view .file .file-list li {position:relative;margin-top:10px;padding-left:25px;}
.board-view .file .file-list li:first-child {margin-top:0;}
.board-view .file .file-list li:before {position:absolute;left:0;top:0;content:"";display:block;margin-right:5px;width:20px;height:20px;background:url(/images/front/common/board-file.png) no-repeat center;}
.board-view .file .file-list li a {font-size:16px;}

.movie-view .movie {width:100%;max-width:900px;margin:30px auto;}
.movie-view .movie .movie-container {position:relative;width:100%;height:auto;padding-bottom:56.25%;}
.movie-view .movie .movie-container iframe {position:absolute;top:0;left:0;width: 100%;height:100%; z-index: 1;}

.graphic-view {padding-top:30px;}
.graphic-view .graphic-list {position:relative;padding:0 60px;}
.graphic-view .graphic-list ul li img {width:100%;}
.graphic-view .graphic-list .swiper-container {width: 100%;height: 100%;}
.graphic-view .graphic-list .swiper-slide {}
.graphic-view .graphic-list .swiper-button-prev,
.graphic-view .graphic-list .swiper-button-next {font-size:0;width:40px;height:40px;border-radius:50%;border:1px solid #dbdbdb;}
.graphic-view .graphic-list .swiper-button-prev {left:0;background:#fff url(/images/front/icon/arrow-prev.svg) no-repeat center;}
.graphic-view .graphic-list .swiper-button-next {right:0;background:#fff url(/images/front/icon/arrow-next.svg) no-repeat center;}
.graphic-view .graphic-list .swiper-button-prev.swiper-button-disabled,
.graphic-view .graphic-list .swiper-button-next.swiper-button-disabled {display:none;}
.graphic-view .graphic-list .date {padding:15px 0;font-size:18px;color:#333;text-align:center;}
.graphic-view .graphic-list ul li .img {position:relative;border:1px solid #eaeaea;overflow:hidden;box-sizing:border-box;position:relative;overflow:hidden;display:block;padding-top:74.4%}
.graphic-view .graphic-list ul li.selected .img {border-color:#981a4a;box-shadow:5px 6px 7px 0 rgba(0,0,0,.2);}
.graphic-view .graphic-list ul li.selected .img:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #981a4a;}

.graphic-view .graphic-list ul li .img span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.graphic-view .graphic-list ul li .img span img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*min-height:100%;*/-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.graphic-view .subject {padding:50px 0 20px;border-color:#bfbfbf;font-size:30px;color:#333;}
.graphic-view .subject span {position:relative;display:inline-block;}
.graphic-view .subject span:before,
.graphic-view .subject span:after {position:absolute;top:18px;content:"";display:block;width:10px;height:10px;background-color:#981a4a;transform: rotate(45deg);}
.graphic-view .subject span:before {left:-35px;}
.graphic-view .subject span:after {right:-35px;}
.graphic-view .detail {padding:0 0 20px;border-top:0;}
.graphic-view dl .img {padding:6px;border:5px solid #f2f0ed;border-radius:20px;box-sizing:border-box;}
.graphic-view dl .img img {margin:0;width:100%;border-radius:12px;}

/* 공공누리 */
.opencode {margin-top:50px;position:relative;font-size:14px;color:#333;border:1px solid #bfbfbf;border-radius:5px;box-sizing:border-box;}

/* 공통 - 게시판 상세 - 이전글/다음글 */
.board-preview {margin-top:50px;border-top:1px solid #222;border-bottom:1px solid #222;font-size:0;}
.board-preview * {vertical-align:middle;}
.board-preview li {height:60px;border-top:1px solid #bfbfbf;box-sizing:border-box;}
.board-preview li:first-child {border:0;}
.board-preview li div {display:inline-block;box-sizing:border-box;}
.board-preview li .list,.board-preview li .date {padding:18px 10px 18px;}
.board-preview li .list {width:97px;font-size:16px;color:#222;font-weight:500;}
.board-preview li .list span:before {margin-right:15px;content:"";display:inline-block;width:14px;height:14px;background:url(/images/front/common/board-arrow-prev.png) no-repeat center;}
.board-preview li .list span.next:before {background-image:url(/images/front/common/board-arrow-next.png);}
.board-preview li .subject {flex:1;width:calc(100% - 212px);}
.board-preview li .subject a {padding:18px 10px;font-size:16px;color:#666;font-weight:300;}
.board-preview li .date {width:115px;font-size:16px;color:#666;font-weight:300;text-align:center;}

/* 공통 - 이미지 갤러리 */
.photo-list {padding:30px 0;border-top:2px solid #222;border-bottom:1px solid #bfbfbf;}
.photo-list > ul {margin:0 0 0 -50px;font-size:0;}
.photo-list > ul > li {padding:0 0 0 50px;margin-bottom:40px;width:33.33333%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.photo-list > ul > li .thumb {border:1px solid #eaeaea;overflow:hidden;box-sizing:border-box;position:relative;overflow:hidden;display:block;padding-top:74.4%}
.photo-list ul li .thumb span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.photo-list ul li .thumb span img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.photo-list ul li .subject {margin-top:25px;}
.photo-list ul li .subject a.flexLine { display:flex; justify-content:space-between; align-items:center; }
.photo-list ul li .subject span,
.photo-list ul li .subject a span {font-size:20px;color:#222;}
.photo-list ul li .subject a.flexLine span { font-weight:700; }
.photo-list ul li .subject a.flexLine i.naver { position:relative; display:flex; justify-content:center; align-items:center; min-width:130px; min-height:36px; padding:0 10px 0 20px; box-sizing:border-box; background:#f8f8f8; border-radius:5px; line-height:1; color:#222; font-size:14px; font-weight:700;}
.photo-list ul li .subject a.flexLine i.naver::before,
.photo-list ul li .subject a.flexLine i.naver::after { content:''; position:absolute; top:50%; transform:translateY(-50%); }
.photo-list ul li .subject a.flexLine i.naver::before { left:20px; width:18px; height:18px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_120_9)'%3E%3Cpath d='M16.5324 0H1.46757C0.657052 0 0 0.657052 0 1.46757V16.5324C0 17.3429 0.657052 18 16.5324 18 17.3429 18 18 17.3429 18 16.5324V1.46757C18 0.657052 17.3429 0 16.5324 0Z' fill='%2306BE34'/%3E%3Cpath d='M13.4713 4.89062V13.1106H10.4713L7.53125 8.97225V13.1106H4.53125V4.89062H7.53125L10.4713 9.19441V4.89062H13.4713Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_120_9'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain; }
.photo-list ul li .subject a.flexLine i.naver::after { right:10px; width:14px; height: 14px; background: no-repeat center / contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M5.05469 2.72217L8.94358 6.99995L5.05469 11.2777' stroke='%23666666' stroke-width='0.933333' stroke-linecap='round'/%3E%3C/svg%3E"); }
.photo-list ul li .subject a:hover {text-decoration:underline;}
.photo-list ul li .desc {margin-top:15px;font-size:16px;line-height:24px;color:#666;font-weight:300;}
.photo-list ul li .date {margin-top:10px;font-size:14px;line-height:24px;color:#666;font-weight:300;}
.photo-list ul li .info {margin-top:10px;font-size:14px;line-height:24px;color:#666;font-weight:300;}
.photo-list ul li .price {margin-top:10px;font-size:18px;line-height:1.45;color:#222;font-weight:700;}
.photo-list ul li .info dl {display:table;}
.photo-list ul li .info dt {display:table-cell;width:60px;font-size:16px;color:#222;}
.photo-list ul li .info dd {display:table-cell;font-size:16px;color:#666;font-weight:300;}
.photo-list ul li .info dd span {margin-right:10px;display:inline-block;}
.photo-list ul li .sell {margin-top:15px;position:relative;}
.photo-list ul li .sell li {position:relative;padding-left:25px;box-sizing:border-box;}
.photo-list ul li .sell li:before {position:absolute;left:0;top:6px;content:"";display:block;width:15px;height:15px;}
.photo-list ul li .sell li,
.photo-list ul li .sell li a {font-size:16px;color:#666;}
.photo-list ul li .sell li a {overflow:hidden;word-break:break-all;}
.photo-list ul li .sell li.site:before {background:url(/images/front/icon/board-link.svg) no-repeat center;}
.photo-list ul li .sell li.tel:before {background:url(/images/front/icon/board-tel.svg) no-repeat center;}
.photo-list ul li .sell li.time:before {background:url(/images/front/icon/board-time.svg) no-repeat center;}
.photo-list.movie-list .el-2line {height:3em}

/* 공통 - 카드리스트 */
.card-list {padding:30px 0;border-top:2px solid #222;border-bottom:1px solid #bfbfbf;}
.card-list > ul { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; }
.card-list a { overflow:hidden; display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid #bfbfbf; border-radius:10px; color:#333; font-size:16px; }
.card-list a > strong { padding:19px 20px; background:#f8f8f8; line-height:1; }
.card-list a > strong i { display:inline-block; position:relative; padding-right:14px; margin-right:14px; font-size:16px; font-weight:400; }
.card-list a > strong i::after { content:''; position:absolute; right:0; top:0; width:1px; height:14px; background:#bfbfbf; }
.card-list a > strong span { color:#222; font-size:20px; }
.card-list a > span { display:flex; flex-direction:column; gap:12px; min-width:0; padding:20px; }
.card-list a > span > span { position:relative; padding-left:25px; }
.card-list a span > i { overflow:hidden; position:absolute; left:0; top:0; width:15px; height:23px; vertical-align:top; color:transparent; }
.card-list a span > i::after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center / 100% auto; }
.card-list a span.address > i::after { background-image:url("/images/front/icon/board_address.svg"); }
.card-list a span.tel > i::after { background-image:url("/images/front/icon/board_tel.svg"); }
.card-list a span.website > i::after { background-image:url("/images/front/icon/board_site.svg"); }
.card-list a span.website { overflow:hidden; display:block; width:100%; max-width:100%; box-sizing:border-box; color:#08f; text-decoration:underline; white-space:nowrap; text-overflow:ellipsis; }
/* 공통 - 이미지 갤러리 + 지도 */
.brewery-list {position:relative;}
.brewery-list .guide-list { position:absolute;bottom:20px;right:20px;z-index:1;}
.brewery-list .guide-list i + i {margin-left:5px;}

/* 공통 - 일반게시판 */
.board-list {}
.board-list li {display:table;width:100%;height:60px;position:relative;}
.board-list li * {vertical-align:middle;}
.board-list li div {position:relative;padding:15px 15px;display:table-cell;text-align:center;}
.board-list li .num {width:7%;text-align:center;}
.board-list li .subject {width:63%;text-align:left;}
.board-list li .subject .file {display:inline-block;margin-left:5px;width:20px;height:20px;background:url(/images/front/common/board-file.png) no-repeat center;}
.board-list li .date {width:10%;}
.board-list li .name {width:10%;}
.board-list li .hit {width:10%;}
.board-list .board-head {border-top:2px solid #222222;border-bottom:1px solid #bfbfbf;}
.board-list .board-head div {font-size:16px;color:#222;text-align:center;}
.board-list .board-head div:before {position:absolute;left:0;top:20px;content:"";display:block;width:1px;height:20px;background:#666666;}
.board-list .board-head div:first-child:before {display:none;}
.board-list .board-body {border-bottom:1px solid #bfbfbf;}
.board-list .board-body div {font-size:16px;color:#707070;font-weight:300;}
.board-list .board-body:hover {background-color:#f5f5f5;}
.board-list .board-body a:hover {color:#981a4a;font-weight:500;text-decoration:underline;}

/* 공통 - 입력폼 */
.form-text {margin-top:15px;font-size:16px;color:#666;}
.form-text li {padding-left:15px;position:relative;}
.form-text li:before {position:absolute;content:"※";left:0;top:0;}
.form-table {border-top:2px solid #222222;width:100%;}
.form-table th,.form-table td {border-bottom:1px solid #bfbfbf;}
.form-table th {padding:18px 20px;background:#f2f0ed;font-size:16px;color:#222;}
.form-table th.line-r {border-right:1px solid #bfbfbf;}
.form-table td {height:61px;padding:18px 20px;font-size:16px;box-sizing:border-box;}
.form-table td.bg {background-color:#f5f5f5;}
.form-table td.program {padding:0;}
.form-table td .input-base {width:85%;}
.form-table td .input-base.wd30 {width:30%;}
.form-table td .col3 {width:85%;}
.form-table td .col3 li:first-child {margin-left:0;}
.form-table td .col3 li {margin-left:3px;display:inline-block;width:calc(33% - 5px);}
.form-table td .col3 li .input-base{width:100%;}
.form-table td .col4 {width:85%;}
.form-table td .col4 li:first-child {margin-left:0;}
.form-table td .col4 li {margin-left:3px;display:inline-block;width:calc(25% - 5px);}
.form-table td .col4 li .input-base{width:100%;}
.form-table .input-wrap {position:relative;width:85%;font-size:0;box-sizing:border-box;}
.form-table .input-wrap .input-base {width:calc(100% - 137px);}
.form-table .input-wrap .btn {display:inline-block;margin-left:7px;width:130px;padding:0 20px;height:38px;background:#313a46;font-size:16px;color:#fff;border-radius:3px;}
.form-table .dash {padding:0 10px;display:inline-block;}
.program-list li {padding:20px;}
.program-list li:nth-child(even) {background-color:#f5f5f5}

.file-table {margin-top:20px;width:100%;border-bottom:2px solid #222;}
.file-table th {border-top:1px solid #bfbfbf;background:#f2f0ed;font-size:16px;color:#222;}
.file-table td {border-top:1px solid #bfbfbf;padding:18px 20px;font-size:16px;}

.form-info {padding:0 44px;border:6px solid #eee;}
.form-info dt {padding:20px 0;font-size:16px;color:#333;border-bottom:1px solid #bfbfbf;}
.form-info dt strong {color:#981a4a;font-weight:500;}
.form-info dd {padding:15px 0 35px;font-size:16px;color:#222;}
.form-info dd li {position:relative;padding-left:20px;}
.form-info dd li span {position:absolute;left:0;top:0;color:#313a46;}
.form-info dd.col2 {overflow:hidden;}
.form-info dd.col2 ol {float:left;width:50%;}

/* 제품 리스트 */
.product-list {padding-top:30px;border-top:2px solid #222;}
.product-list li.item {margin-top:30px;overflow:hidden;}
.product-list li.item:first-child {margin-top:0;}
.product-list .thumb {float:left;width:378px;vertical-align:top;border:1px solid #eaeaea;cursor:pointer;box-sizing:border-box;}
.product-list .thumb .img {padding-top:77%;position:relative;overflow:hidden;}
.product-list .thumb span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.product-list .thumb span img {position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.product-list .detail {display:inline-block;width:calc(100% - 390px);vertical-align:top;float:right;}
.product-list .detail dt {padding:20px;border-top:1px solid #222;background:#f5f5f5;}
.product-list .detail dt {position:relative;}
.product-list .detail dt .title-area {}
.product-list .detail dt .label-list {}
.product-list .detail dt .title-area .category {margin-right:10px;padding:4px 10px;display: inline-block;height:30px;background:#7e6b5a;font-size:14px;font-weight:300;color:#fff;border-radius:5px;box-sizing:border-box;vertical-align:middle;}
.product-list .detail dt .title-area .name {display:inline-block;font-size:22px;color:#333;vertical-align:middle;}
.product-list .detail dt .label-list li {display:inline-block;}
.product-list .detail dt .label-list li {margin-left:18px;}
.product-list .detail dd {padding:30px 15px;min-height:217px;border-bottom:1px solid #bfbfbf;box-sizing:border-box;}
.product-list .detail dd li {display:table;margin-top:10px;}
.product-list .detail dd li:first-child {margin-top:0;}
.product-list .detail dd .subject {display:table-cell;width:80px;font-size:16px;font-weight:300;color:#333;line-height:18px;}
.product-list .detail dd .info {position:relative;padding-left:15px;display:table-cell;font-size:16px;font-weight:300;color:#707070;line-height:18px;}
.product-list .detail dd .info.no-line {padding-left:0;line-height:30px;}
/* .product-list .detail dd .info.no-line .el-3line {height:4.5em;} */
.product-list .detail dd .info:before {content:"";position:absolute;left:0;top:0;display:block;width:1px;height:18px;background-color:#222;}
.product-list .detail dd .info.no-line:before {display:none;}

.info-search {text-align:right;}
.info-search .radio-area {display:inline-block;}
.info-search .search-wrap {display:inline-block;max-width:500px;}
.info-search .search-area1 .search-input {margin-left:0;width:387px;}
.info-search .search-area1 .search-input input {width:calc(100% - 30px);}
.info-search .search-area2 {display:none;}
.info-search .option {display:inline;}

/* 제품 상세 */
.product-view {border-top:2px solid #222;border-bottom:1px solid #b9bec5;}
.product-view dt {padding:20px 0;text-align:center;font-size:24px;color:#222;border-bottom:1px solid #222;background-color:#f5f5f5;}
.product-view dd {padding:40px 0;display:table;position:relative;width:100%;background:url(/images/front/cont/detail-dash.png) repeat-x bottom;}
.product-view dd.detail {border-bottom:1px solid #b9bec5;background:none;}
.product-view dd.detail:after {content:"";position:absolute;left:50%;margin-left:-10px;bottom:-5px;display:block;width:20px;height:10px;background:#fff url(/images/front/cont/detail-arrow.svg) no-repeat center;}
.product-view dd.detail .thumb .img {padding-top:78.4%;position:relative;overflow:hidden;}
.product-view dd.detail .thumb .img span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.product-view dd.detail .thumb .img img {position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.product-view dd.detail .info {box-sizing:border-box;}
.product-view dd.detail .info-list {margin-top:30px;}
.product-view dd.detail .info-list li {position:relative;padding-left:120px;min-height:27px;font-size:18px;}
.product-view dd.detail .info-list li + li {margin-top:15px;}
.product-view dd.detail .info-list li:before {content:"";position:absolute;left:0;top:10px;display:block;width:6px;height:6px;border-radius:6px;background-color:#515c6f;}
.product-view dd.detail .info-list li strong {position:absolute;left:15px;display:inline-block;width:88px;font-weight:400;border-right:1px solid #acacac;}
.product-view dd.detail .tag {margin-top:20px;}
.product-view dd.detail .tag span {padding:7px 20px;display:inline-block;height:40px;font-size:18px;color:#313a46;border-radius:20px;background-color:#eceff4;box-sizing:border-box;cursor:pointer;}
.product-view dd.detail .tag span:before {content:"#";}
.product-view dd.place {background:none;}
.product-view dd.detail .tag span {margin:5px 8px 0 0;}

.product-view dd .title span {padding:9px 0;display:block;height:40px;font-size:16px;font-weight:500;color:#fff;text-align:center;background:#313a46;border-radius:20px;box-sizing:border-box;}
.product-view dd .text {font-size:16px;}
.product-view dd .text li {position:relative;padding-left:110px;min-height:18px;font-size:16px;}
.product-view dd .text li + li {margin-top:12px;}
.product-view dd .text li:before {content:"";position:absolute;left:0;top:10px;display:block;width:6px;height:6px;border-radius:6px;background-color:#515c6f;}
.product-view dd .text li strong {position:absolute;left:15px;display:inline-block;width:75px;font-weight:400;color:#333;border-right:1px solid #acacac;}
.product-view dd .text li a {color:#115193;text-decoration:underline;word-break:break-all;}

/* 전체 지도 */
.place-wrap {margin-top:16px;padding-top:30px;overflow:hidden;border-top:2px solid #222;}
.place-wrap .img {width:620px;}
.place-wrap .img span {display:inline-block;border:1px solid #bfbfbf;border-radius:10px;box-sizing:border-box;overflow:hidden;width:100%;}
.place-list > ul > li {margin-top:20px;border:1px solid #bfbfbf;border-radius:10px;overflow:hidden;}
.place-list > ul > li:first-child {margin-top:0;}
.place-list .p-top {position:relative;padding:15px 20px;background-color:#f5f5f5;}
.place-list .p-body {position:relative;padding:18px 20px 19px;background-color:#fff;}
.place-list .num {margin-right:10px;display:inline-block;padding:2px 0;width:30px;height:30px;border-radius:15px;color:#fff;font-size:16px;font-weight:500;text-align:center;box-sizing:border-box;vertical-align:middle;}
.place-list .subject {display:inline;color:#333;font-size:22px;vertical-align:middle;}
.place-list .guide-list {position:absolute;top:20px;right:20px;}

.place-list .info dl {margin-top:12px;display:table;}
.place-list .info dl:first-child {margin-top:0;}
.place-list .info dt {position:relative;display:table-cell;width:60px;font-size:16px;color:#222;line-height:18px;}
.place-list .info dt:after {content:"";position:absolute;right:0;top:0;display:block;width:1px;height:18px;background-color:#666;}
.place-list .info dd {padding-left:20px;display:table-cell;font-size:16px;color:#666;font-weight:300;line-height:18px;}
.place-list .info dd span {padding-left:6px;margin-left:6px;position:relative;display:inline-block;}
.place-list .info dd span:first-child {padding-left:0;margin-left:0;}
.place-list .info dd span:before {content:"";position:absolute;left:0;top:2px;display:block;width:1px;height:14px;background-color:#666;}
.place-list .info dd span:first-child:before {display:none;}
.place-list .link {position:absolute;right:20px;bottom:20px;display:block;width:30px;height:30px;border-radius:15px;background:#313a46 url(/images/front/icon/wht-arrow.svg) center no-repeat;font-size:0;text-indent:-9999px;}

.num.gyeonggi {background-color:#034099;}
.num.chungcheong {background-color:#4e8738;}
.num.jeolla {background-color:#8f6a40;}
.num.gangwon {background-color:#01908a;}
.num.gyeongsang {background-color:#e5004a;}
.num.jeju {background-color:#e66e00;}

/* 제품 상세 */
.board-view.place-view {border-bottom:1px solid #bfbfbf;}
.place-view > dl > dd {padding:40px 0;display:table;position:relative;width:100%;background:url(/images/front/cont/detail-dash.png) repeat-x bottom;}
.place-view > dl > dd:last-child {background:none;}
.place-view > dl > dd.no-line {padding-bottom:0;background:none;}
.place-view dd.main {padding:40px 0 34px;position:relative;border-bottom:1px solid #b9bec5;background:none;}
.place-view dd.main:after {content:"";position:absolute;left:50%;margin-left:-10px;bottom:-5px;display:block;width:20px;height:10px;background:#fff url(/images/front/cont/detail-arrow.svg) no-repeat center;}
.place-view dd.main .img {padding-top:41.6%;position:relative;overflow:hidden;}
.place-view dd.main .img span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);}
.place-view dd.main .img img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}

.place-view dd.info {border-bottom:1px solid #bfbfbf;}
.place-view dd.item .title {display:table-cell;width:160px;vertical-align:top;}
.place-view dd.item .title span {padding:9px 0;display:block;height:40px;font-size:16px;font-weight:500;color:#fff;text-align:center;background:#313a46;border-radius:20px;box-sizing:border-box;}
.place-view dd.item .more {padding-left:30px;display:table-cell;width:calc(100% - 160px);vertical-align:middle;}

.place-view dd.item .text {position:relative;padding-left:15px;min-height:18px;font-size:16px;}
.place-view dd.item .text:before {content:"";position:absolute;left:0;top:10px;display:block;width:6px;height:6px;border-radius:6px;background-color:#515c6f;}
.place-view dd.item .text > a {color: #981a4a;}
.place-view dd.item .text li {position:relative;padding-left:110px;min-height:18px;box-sizing:border-box;}
.place-view dd.item .text li strong {position:absolute;left:15px;display:inline-block;width:75px;font-weight:400;color:#333;border-right:1px solid #acacac;}
.place-view dd.item .text li a {color:#115193;text-decoration:underline;}
.place-view .place-table table {width:100%;border-top:2px solid #222;}
.place-view .place-table th,
.place-view .place-table td {padding:17px 30px 18px;border-bottom:1px solid #bfbfbf;}
.place-view .place-table th {font-size:16px;font-weight:500;color:#333;background-color:#f2f0ed;}
.place-view .place-table td {font-size:16px;color:#666;}
.place-view .place-table td a {color:#981a4a;}
.place-view .program-wrap li {display:table;width:100%;height:100%;}
.place-view .program-wrap li .thumb {display:table-cell;width:470px;}
.place-view .program-wrap li .img {padding-top:59.2%;position:relative;overflow:hidden;}
.place-view .program-wrap li .img span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);}
.place-view .program-wrap li .img img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}

.place-view .program-wrap li .program {padding-left:20px;display:table-cell;width:calc(100% - 470px);vertical-align:top;}
.place-view .program-wrap li .program dl {width:100%;height:100%;border:1px solid #bfbfbf;box-sizing:border-box;}
.place-view .program-wrap li .program dt {padding:18px 30px 19px;font-size:22px;color:#333;background-color:#f5f5f5;}
.place-view .program-wrap li {margin-top:30px;}
.place-view .program-wrap li:first-child {margin-top:0;}
.place-view .program-wrap li .program dd {padding:25px 30px;}
.place-view .program dd .text:before {display:none;}
.place-view .program dd .text li {position:relative;margin-top:20px;}
.place-view .program dd .text li:first-child {margin-top:0;}
.place-view .program dd .text li:before {content:"";position:absolute;left:0;top:8px;display:block;width:6px;height:6px;border-radius:6px;background-color:#515c6f;}
.main-product {margin:0 -7.5px;font-size:0;}
.main-product li {margin-bottom:30px;padding:0 7.5px;display:inline-block;width:33.3333%;box-sizing:border-box;vertical-align:top;}
.main-product li .item-wrap {border:1px solid #bfbfbf;}
.main-product li .img {padding-top:85%;position:relative;overflow:hidden;}
.main-product li .img span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.main-product li .img img {position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.main-product li .product-info {padding:25px 0 20px;background:#f5f5f5;text-align:center;}
.main-product li .product-info .name {font-size:20px;color: #333;}
.main-product li .product-info .num {font-size:0;}
.main-product li .product-info .num span {position:relative;padding:0 12px 0 10px;display:inline-block;;font-size:16px;color:#666;}
.main-product li .product-info .num span:first-child:after {content:"";position:absolute;right:0;top:7px;display:block;width:1px; height:12px;background-color:#666;}

.place-view .text-list li {position:relative;padding-left:15px;font-size:16px;min-height:18px;}
.place-view .text-list li + li {margin-top:12px;}
.place-view .text-list li:before {content:"";position:absolute;left:0;top:10px;display:block;width:6px;height:6px;border-radius:6px;background-color:#515c6f;}
.place-view .text-list li strong {position:absolute;left:15px;display:inline-block;width:75px;font-weight:400;color:#333;border-right:1px solid #acacac;}
.place-view .text-list li a {color:#115193;text-decoration:underline;}

/* 전통주 전문주점 목록 */
.link-list {padding:30px 0;border-top:2px solid #222;border-bottom:1px solid #bfbfbf;}
.link-list > ul {margin:0 0 0 -50px;font-size:0;}
.link-list > ul > li {padding:0 0 0 50px;margin-bottom:40px;width:33.33333%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.link-list > ul > li .thumb {border:1px solid #eaeaea;overflow:hidden;box-sizing:border-box;position:relative;overflow:hidden;display:block;padding-top:64.4%}
.link-list ul li .thumb .img {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.link-list ul li .thumb .img img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.link-list ul li .text-wrap {width:100%;background:#eaeaea;border-bottom:1px solid #bfbfbf;font-size:0;}
.link-list ul li .text-wrap .text {padding:12px 15px 13px;display:inline-block;width:calc(100% - 60px);font-size:22px;color:#222;text-align:center;vertical-align:top;box-sizing:border-box;}
.link-list ul li .text-wrap .text span {vertical-align:middle;}
.link-list ul li .text-wrap .link {display:inline-block;width:60px;height:60px;background:#d7d8d9 url(/images/front/cont/cont-more.svg) center no-repeat;vertical-align:top;}

/* 공통 - 페이징 */
.paging {margin-top:20px;text-align:center;}
.paging li {padding:0 2px;display:inline-block;vertical-align:middle;}
.paging li a {display:block;width:32px;height:32px;border-radius:32px;font-size:13px;color:#666;border:1px solid #c9c9c9;box-sizing:border-box;padding:6px 0;}
.paging li.selected a {background-color:#735747;border:0;font-weight:500;color:#fff;}
.paging li.prev {padding-right:15px;}
.paging li.next {padding-left:15px;}
.paging li.prev a,.paging li.next a {font-size:0;text-indent:-9999px;background:url(/images/front/common/paging-prev.png) center no-repeat;}
.paging li.next a {background-image:url(/images/front/common/paging-next.png);}

/* 동의 */
.agree-wrap {border-bottom:2px solid #222;;}
.agree-text {padding:25px;border-radius:5px;border:1px solid #bfbfbf;height:240px;overflow-y:scroll;box-sizing:border-box;font-size:16px;line-height:20px;}
.agree-chk {padding:20px 0;text-align:center;}
.agree-chk strong {margin-right:20px;font-size:18px;color:#222;vertical-align:middle;}


/* 전통주 갤러리 소개 */
.gallery-info {}
.gallery-img {position:relative;border-radius:0 0 0 100px;overflow:hidden;}
.gallery-img .img img {width:100%;}
.gallery-img .text {padding:130px 115px;position:absolute;left:0;top:0;font-size:26px;line-height:48px;color:#fff;font-weight:300;}
.gallery-img .text > span {display:block;}
.gallery-img .text strong {margin-bottom:35px;position:relative;display:block;font-size:42px;font-weight:300;}
.gallery-img .text strong span {padding:0 2px;display:inline-block;background-color:#ec6941;}
.gallery-img .text strong:before {content:"";position:absolute;left:-80px;top:-60px;display:block;width:75px;height:1px;background-color:#fff;transform: rotate(45deg);}
.gallery-img .sns {padding:24px 40px;position:absolute;right:0;bottom:0;background:#fff;}
.gallery-img .sns span {margin-right:25px;vertical-align:middle;font-size:20px;color:#313a46;font-weight:300;}
.gallery-img .sns a {margin:0 5px;display:inline-block;}

.gallery-detail {margin-top:20px;}
.gallery-detail .row {position:relative;display:table;width:100%;}
.gallery-detail .row.bg:before {content:"";position:absolute;left:-1000px;right:-1000px;bottom:0;top:0;background:#f2f0ed;z-index:0;}
.gallery-detail .box {padding:30px 0;position:relative;z-index:1;display:table-cell;width:50%;box-sizing:border-box;table-layout:fixed;vertical-align:top;}
.gallery-detail .box .img, .gallery-detail .box .info {display:table-cell;vertical-align:top;}
.gallery-detail .box .img {width:40%;max-width: 240px;}
.gallery-detail .box .img img {width:100%;}
.gallery-detail .box .info {padding:0 30px;}
.gallery-detail .box dt {font-size:24px;color:#313a46;font-weight:500;}
.gallery-detail .box dd {margin-top:20px;font-size:18px;color:#313a46;font-weight:300;}
.gallery-detail .box dd li {margin-bottom:5px;padding-left:15px;position:relative;line-height:24px;}
.gallery-detail .box dd li:before {content:"";position:absolute;top:8px;left:0;display:block;position:absolute;width:6px;height:6px;border-radius:50px;background-color:#313a46;}
.gallery-detail .box.logo {vertical-align:middle;text-align:right;}
.gallery-detail .box.logo .img {display:block;width:100%;max-width:100%;text-align:right;}
.gallery-detail .box.logo .img img {width:auto;}
.gallery-detail .box.logo .text {margin-top:15px;font-size:14px;line-height:24px;color:#666;}
.gallery-detail .box.logo .text strong {color:#333;}

/* 전통주 갤러리 - 예약 */
.reservation .map {width:auto;height:500px;background-color:#eee;}
.reservation .map + .map-info {margin-top: 40px;}
.map-table table {width:100%;border-top:2px solid #222;}
.map-table th, .map-table td {padding:17px 0 18px;border-bottom:1px solid #bfbfbf;}
.map-table th {font-size:16px;color:#222;font-weight:400;text-align:left;vertical-align:top;}
.map-table th span {padding-left:18px;position:relative;display:block;}
.map-table th span:before {content:"";position:absolute;top:8px;left:0;display:block;position:absolute;width:6px;height:6px;border-radius:50px;background-color:#313a46;}
.map-table td {font-size:16px;color:#666;}
.map-table td span {color: #981a4a;}

.naver-detail {width:100%;display:table;background-color:#f5f5f5;border-radius:10px;box-sizing:border-box;text-align:center;table-layout:fixed;border-spacing:20px;}
.naver-detail .box {display:table-cell;width:50%;vertical-align:middle;background-color:#fff;border:1px solid #bfbfbf;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.naver-detail .box.booking a {display:block;}
.naver-detail .box.booking span {display:block;font-size:18px;color:#222;text-align:center;}
.naver-detail .box.qrcode {}
.naver-detail .box img {max-width:100%;}

/* 전통주 종류 */
.kinds-title {margin:50px 0;font-size:30px;color:#333;text-align:center;}
.cont-kinds {background-color:#f2f0ed;}
.cont-kinds .text-wrap {padding:65px 55px;position:relative;}
.kinds-tab {text-align:center;white-space:nowrap;overflow-x:auto;}
.kinds-tab li {padding:0 25px;display:inline-block;text-align:center;}
.kinds-tab li a span {margin-top:10px;display:block;font-size:20px;color:#333;font-weight:300;}
.kinds-tab li a:before {content:"";display:block;width:170px;height:170px;border-radius:50%;background:url(/images/front/cont/kinds-1.jpg) no-repeat center;}
.kinds-tab li.tab-menu2 a:before {background-image:url(/images/front/cont/kinds-2.jpg);}
.kinds-tab li.tab-menu3 a:before {background-image:url(/images/front/cont/kinds-3.jpg);}
.kinds-tab li.tab-menu4 a:before {background-image:url(/images/front/cont/kinds-4.jpg);}
.kinds-tab li.tab-menu5 a:before {background-image:url(/images/front/cont/kinds-5.jpg);}
.kinds-tab li.selected a:before {box-shadow:5px 6px 7px 0 rgba(0,0,0,.2);}
.kinds-tab li.tab-menu1.selected a:before {background-image:url(/images/front/cont/kinds-1-active.jpg);}
.kinds-tab li.tab-menu2.selected a:before {background-image:url(/images/front/cont/kinds-2-active.jpg);}
.kinds-tab li.tab-menu3.selected a:before {background-image:url(/images/front/cont/kinds-3-active.jpg);}
.kinds-tab li.tab-menu4.selected a:before {background-image:url(/images/front/cont/kinds-4-active.jpg);}
.kinds-tab li.tab-menu5.selected a:before {background-image:url(/images/front/cont/kinds-5-active.jpg);}


.cont-img.cont-kinds:before {display:none;}
.cont-img.cont-kinds:after {left:55px;width:20px;height:20px;}

.kinds-box {margin-top:60px;}
.kinds-box .img img {width:100%;}
.kinds-box .text {display:table;padding:20px;width:100%;background-color:#eee;box-sizing:border-box;}
.kinds-box .text .title {display:table-cell;width:170px;height:170px;font-size:36px;color:#fff;text-align:center;vertical-align:middle;font-weight:300;}
.kinds-box .text .desc {padding-left:35px;display:table-cell;font-size:20px;color:#362e2b;font-weight:300;vertical-align:middle;}
.kinds-box .kinds1 {background-color:#ac7f5e;}
.kinds-box .kinds2 {background-color:#a87e00;}
.kinds-box .kinds3 {background-color:#466c8f;}
.kinds-box .kinds4 {background-color:#b44d5e;}
.kinds-box .kinds5 {background-color:#738c2e;}

/* 가이드북 */
.guidebook {padding:0 0 70px 0;position:relative;}
.guidebook:after {content:"";position:absolute;bottom:0;display:block;background-color:#f2f0ed;width:100%;height:360px;;border-radius:10px;z-index:0;}
.guidebook .img {position:relative;z-index:10;}
.guidebook .text-wrap {position:relative;z-index:10;}
.guidebook .text {font-size:36px;font-weight:500;color:#3f3b3a;}
.guidebook .text span {font-size:26px;color:#981a4a;font-weight:300;}
.guidebook .down {margin-top:20px;padding:15px 30px;position:relative;display:block;width:280px;height:60px;border-radius:30px;font-size:20px;color:#3f3b3a;background:#fff;box-shadow:2px 3px 0 0 rgba(0,0,0,.2);box-sizing:border-box;}
.guidebook .down:after {content:"";position:absolute;top:15px;right:30px;display:block;width:24px;height:28px;background:url(/images/front/cont/guide-down.png)}

/* 전통주 정의 */
.definitio {display:table;width:100%;}
.definitio .box {padding:0 20px;position:relative;display:table-cell;width:50%;}
.definitio .box .bg {position:relative;width:100%;height:620px;background:url(/images/front/cont/introduce-1.jpg) center no-repeat;background-size:cover;border-radius:10px;}
.definitio .box.legal {padding-left:0;}
.definitio .box.customary {padding-right:0;}
.definitio .box.customary .bg {background-image:url(/images/front/cont/introduce-2.jpg);}
.definitio .box .text {padding:40px 30px 20px;position:absolute;min-height:300px;left:20px;right:20px;bottom:20px;border-radius:10px;background-color:#fff;box-sizing:border-box;}
.definitio .box .text:after {content:"";position:absolute;display:block;top:0;left:30px;width:20px;height:20px;background-color:#735747;}
.definitio .box dl {position:relative;width:100%;box-sizing:border-box;}
.definitio .box dt {font-size:28px;color:#735747;font-weight:500;}
.definitio .box dd {padding:10px 0;color:#313a46;}
.definitio .box dd.line {border-top:1px solid #c9c9ca;}
.definitio .box.legal .desc {font-size:22px;}
.definitio .box.legal .line {font-size:16px;}
.definitio .box.legal .line li {position:relative;padding-left:20px;}
.definitio .box.legal .line li .num {position:absolute;left:0;top:0;}
.definitio .box.customary .desc {margin-top:10px;font-size:18px;}



/* layer */
#layer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background-color:rgba(51,51,51,0.5);}
.layer-content {margin:20px 0;padding:0 30px;position:relative;top:200px;bottom:20px;left:50%;width:540px;/*min-height:400px;*/border:10px solid #eee;background-color:#fff;box-sizing:border-box;z-index:1000;
  transform:translate(-50%, 0);
  -webkit-transform:translate(-50%, 0);
  -moz-transform:translate(-50%, 0);
  -ms-transform:translate(-50%, 0);
  -o-transform:translate(-50%, 0);
  -webkit-overflow-scrolling: touch;
  overflow:hidden;
}
.layer-header {position:relative;padding:15px 0 15px;border-bottom:2px solid #b2b2b2;}
.layer-header .layer-title {font-size:26px;font-weight:500;color:#333;}
.layer-header .layer-close {position:absolute;top:18px;right:0;width:32px;height:32px;background:url("/images/front/icon/layer-close.svg") no-repeat center;font-size:0;border:0;}
.layer-body {padding:30px 0;box-sizing:border-box;}

.layer-body .tag {font-size:0;}
.layer-body .tag span {margin:0 18px 10px 0;padding:7px 20px;display:inline-block;height:40px;font-size:18px;color:#313a46;border-radius:20px;background-color:#eceff4;box-sizing:border-box;cursor:pointer;}
.layer-body .tag span:before {content:"#";}
.layer-body .body-table {margin-top:15px;}
.layer-body .body-table table {width:100%;border-top:2px solid #222;}
.layer-body .body-table th,
.layer-body .body-table td {padding:15px 15px 15px 0;border-bottom:1px solid #bfbfbf;}
.layer-body .body-table th {font-size:16px;color:#222;text-align:left;vertical-align:top;}
.layer-body .body-table th span {padding-left:18px;position:relative;}
.layer-body .body-table th span:before {position:absolute;top:8px;left:0;content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#313a46;}
.layer-body .body-table td {font-size:16px;color:#666;}
.layer-body .body-table .no-line {border-bottom:0;}

.layer-button {position:absolute;top:150px;bottom:40px;left:0;right:0;z-index:10;}
.i-keyword {margin-right:10px;display:inline-block;width:36px;height:29px;background:url(/images/front/icon/layer-keywords.svg) no-repeat center;vertical-align:middle;}


.layer-content.layer-list {padding:0;width:700px;}
.layer-content.layer-list .layer-close {right:20px;background-image:url("/images/front/icon/layer-close-wht.svg");}
.layer-content.layer-list .layer-header {padding:0;border-bottom:0;}
.layer-content.layer-list .layer-title {padding:17px 30px;font-size:24px;font-weight:400;color:#fff;background:url(/images/front/cont/layer-bg.jpg) no-repeat 0 0;}
.layer-content.layer-list .layer-body {padding:30px;}
.layer-body .body-title {padding-left:24px;position:relative;font-size:20px;color:#333;}
.layer-body .body-title:before {position:absolute;left:0;top:10px;content:"";display:block;width:12px;height:12px;background-color:#981a4a;}
.layer-body .body-title:after {position:absolute;left:4px;top:14px;content:"";display:block;width:4px;height:4px;background-color:#fff;}

.layer-content
.gallery .img {padding-top:65.7%;position:relative;border:1px solid #eaeaea;overflow:hidden;box-sizing:border-box;position:relative;overflow:hidden;display:block;}
.gallery .img span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.gallery .img img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*min-height:100%;*/-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.gallery .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.gallery .swiper-pagination-fraction {position:absolute;display:inline-block;vertical-align:middle;width:auto;margin-left:0;width:100%;color:#fff;bottom:10px;color:#333;font-size:14px;font-weight:600;}


.gallery-top {height: 80%;width: 100%;}
.gallery-top .swiper-container {width: 100%;height: 100%;}
.gallery-top .swiper-button-prev,
.gallery-top .swiper-button-next {font-size:0;width:40px;height:40px;border-radius:50%;border:1px solid #dbdbdb;}
.gallery-top .swiper-button-prev {left:20px;background:#fff url(/images/front/icon/arrow-prev.svg) no-repeat center;}
.gallery-top .swiper-button-next {right:20px;background:#fff url(/images/front/icon/arrow-next.svg) no-repeat center;}
.gallery-top .swiper-button-prev.swiper-button-disabled,
.gallery-top .swiper-button-next.swiper-button-disabled {display:none;}
.gallery-thumbs {height:20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-wrapper {margin:0 -10px;display:flex;flex-wrap:wrap;width:auto;}
.gallery-thumbs .swiper-slide {margin:20px 10px 0;display:inline-block;width:calc(25% - 20px) !important;height:100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity:1;border:0;box-shadow:5px 6px 7px 0 rgba(0,0,0,.2);}
.gallery-thumbs .swiper-slide-thumb-active:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #735747;}

/* gellery 상세페이지 */
.gallery-view .galleryView { padding-top: 60px; padding-bottom: 52px; }
.gallery-view .layer-content .gallery .img { border: none; }
.galleryView .layer-content { top: auto; bottom: auto; left: auto; width: 100%; max-width:920px; margin:0 auto; padding:0; border: none; background: #fff; -webkit-transform:none; -ms-transform:none; -o-transform:nnone; transform:none; }
.galleryView .layer-body { padding:0; }
.galleryView .gallery-top .swiper-button-prev,
.galleryView .gallery-top .swiper-button-next { width: 54px; height: 54px; border:none; background-size:13px auto; }
.galleryView .gallery-top .swiper-button-prev { left: 3%; }
.galleryView .gallery-top .swiper-button-next { right: 3%; }
.galleryView .gallery-thumbs .swiper-wrapper { margin:0 -8px; }
.galleryView .gallery-thumbs { margin-top:12px; padding: 0; }
.galleryView .gallery-thumbs .swiper-slide { width:calc(16.6666% - 16px) !important; margin:8px; }
.galleryView .gallery-thumbs .swiper-slide-thumb-active { box-shadow:none; }
.galleryView .gallery .swiper-pagination-fraction { bottom: 20px; color: #fff; color: #fff; font-weight: 700; font-size: 20px; text-shadow: 0px 0px 18px rgba(0,0,0,1); }

/* 우리술 소개 > 관련기관 > 전통주 교육기관 */
.defaultStyle { font-size: 16px; }
.defaultStyle .buTit { position: relative; margin-top:1.3077em; padding-left:0.8462em; font-weight: 500; font-size: 1.625em; }
.defaultStyle .buTit::before { content:''; position: absolute; top:0.4615em; left: 0; width:0.3846em; height:0.3846em; background: #937d5b; }
.defaultStyle .txtList { margin-top: 0.7em; font-size:1.25em; }
.defaultStyle .txtList li { position: relative; margin:0.3em 0; padding-left: 1em; }
.defaultStyle .txtList li::before { content:''; position: absolute; top:0.5em; left:1px; width:0.3em; height:0.3em; border-radius:50%; background: #313a46; }
.defaultStyle .layer-body { padding: 0; }
.defaultStyle .layer-body table tr:hover { background:var(--tbl-th); }
.defaultStyle .layer-body table th,
.defaultStyle .layer-body table td { text-align: center; }
.defaultStyle .scrollTable { overflow-x:auto; }
.defaultStyle .scrollTable table { min-width:580px; }
.defaultStyle .layer-body table a { color: var(--blue); text-decoration:underline; }
.eduSystem { margin-top: 0.875em; padding:3.25em 3% 5.125em; border:0.375em solid #eee; border-radius:0.75em; text-align: center; }
.eduSystem h4 { margin-bottom: 1em; font-weight:500; font-size:2.25em; }
.eduSystem .items { display:flex; gap:1em; justify-content:space-between; position: relative; max-width:1063px; margin:0 auto; text-align: center; }
.eduSystem .items::before { content:''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; border-left:1px dashed #cfcdcc; }
.eduSystem .items div { display:flex; flex-direction:column; width: 50%; max-width:450px; text-align: center; }
.eduSystem .items h5 { font-size:1.75em; }
.eduSystem .items .left h5 { color: #a86b4a; }
.eduSystem .items .right h5 { color: #8e7437; }
.eduSystem .items ol { margin-top:1.25em; margin-bottom:0.75em; }
.eduSystem .items ol li { position: relative; margin-top:1.875em; padding:0.625em 0; border-radius:5em; background: #f5f3ef; line-height: 1.4; }
.eduSystem .items ol li:first-child { margin-top: 0; }
.eduSystem .items ol li::after { content:''; position: absolute; bottom: -1.125em; left: 50%; margin-left: -0.25em; border-right:0.25em solid transparent; border-style: solid; border-width:0.5em 0.4375em 0em 0.4375em; border-color: #735747 transparent transparent transparent; }
.eduSystem .items ol li.last::after { content:none; }
.eduSystem .items ol li.first { border-width:2px; border-style:solid; background: #fff; }
.eduSystem .items .left ol li.first { border-color:#ac7f5e; background: #fff; }
.eduSystem .items .right ol li.first { border-color:#978059; background: #fff; }
.eduSystem .items ol li.last * { color: #fff; }
.eduSystem .items .left ol li.last  { background: #ac7f5e; }
.eduSystem .items .right ol li.last  { background: #978259; }
.eduSystem .items ol li b { display: block; font-size:1.375em; }
.eduSystem .items ol li span { color: #666; font-size:1.125em; }
@media all and (max-width:1024px) {
    .defaultStyle { font-size:14px; }
}
@media all and (max-width:767px) {
    .defaultStyle { font-size:12px; }
    .eduSystem { padding-top:2em; padding-bottom:2em; }
    .eduSystem h4 { font-size:1.454em; }
    .eduSystem .items h5 { font-size:1.273em; }
    .eduSystem .items ol li b { font-size:1.091em; }
    .eduSystem .items ol li span { font-size: 1em; }
}
@media all and (max-width:640px) {
    .defaultStyle { font-size:11px; }
}


/* eng 속성 추가 */
.en .gnb-list,
.en .sub-header .title,
.en .sub-header .title span,
.en .sub-header .desc,
.en h2.title,
.en .box-area .box .title,
.en .definitio .box dt {font-family:'Oswald',sans-serif;letter-spacing:0;word-spacing:0;}
.en .cont-img .text-wrap {font-size:16px;font-weight:400;}
.en .cont-img .text-wrap strong {font-weight:600;}
.en h3.title {font-weight:600;}
.en .board-list .board-head {font-weight:600;}
.en .board-list .board-body div {font-weight:400;}
.en .paging li a {padding:5px 0;}
.en .map-info h3.title {margin-top:0;}

.en .box-area {display:flex;}
.en .box-area .col.order {order:2;}
.en .box-area .col.col1 {width:32%;order:1;}
/* .en .box-area .col.col1 img {width:100%;}
.en .box-area .col.col3 img {width:100%;} */
.en .box-area .col.col2 {width:36.1%;order:2;}
.en .box-area .col.col3 {width:31.9%;order:3;}
.en .box-area .col.col2 .box,
.en .box-area .col.col3 .box {height:100%;}
.en .box-area .col.col2 .swiper-btn {margin-top:15px;}
.en .box-area .box {padding:20px 0;}
.en .box-area .col2 .box {padding-bottom:0;}
.en .box-area .col2 {}
.en .box-area .col2 .img {position:relative;padding-top:148.3%;overflow:hidden;display:block;box-sizing: border-box;}
/* .en .box-area .col2 span {position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);} */
.en .box-area .col2 img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;min-height:100%;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}

.en .box-area .box.festival {margin-top:20px;}
.en .box-area .box img {width:100%;}
.en .index-more {top:25px;right:20px;}
.en .box-area .box .title {padding-bottom:25px;text-align:center;font-weight:400;}
.en .box-area .box .desc {padding:30px 30px 0 30px;text-align:center;}
.en .gallery-btn {margin-top:25px;padding:0 25px;overflow:hidden;}
.en .gallery-btn li {padding:0 5px;width:50%;float:left;box-sizing:border-box;}
.en .gallery-btn li a {position:relative;padding:8px 0;width:100%;height:40px;font-size:14px;color:#222;font-weight:500;display:block;border:1px solid #7e8698;border-radius:20px;text-align:center;box-sizing:border-box;}
.en .gallery-btn li a:after {content:"";display:block;position:absolute;top:13px;right:20px;width:8px;height:13px;background:url(/images/front/cont/index-arrow.svg) center no-repeat;}
.en .gallery-btn li a span {padding-right:20px;display:block;}
.en .definitio .box .bg {height:740px;background:url(/images/front/cont/en-introduce-1.jpg) center repeat;}
.en .definitio .box.customary .bg {background-image:url(/images/front/cont/en-introduce-2.jpg)}
.en .definitio .box .text {min-height:400px;}
.en .definitio .box dt {font-weight:400;}
.en .definitio .box dd {padding:20px 0;}
.en .definitio .box.legal .desc {font-size:20px;line-height:1.2;}
.en .definitio .box.customary .desc {margin-top:20px;}
.en .gallery-img .text {line-height:36px;}
.en .gallery-img .text strong {font-weight:400px;}
.en .gallery-img .text strong span {padding:6px 5px 10px}
.en .gallery-detail .box dt {font-size:22px;}
.en .gallery-detail .box dd {font-size:16px;}