@charset "utf-8";
a.btn_sml {display:inline-block; padding:0.6rem 1rem 0.5rem 1rem; color:#2a2a2a; background-color: #fff; border: 1px solid #2a2a2a; font-weight: 500; font-size: 1.4rem; line-height: 1.0; vertical-align: middle; letter-spacing: -1px; cursor: pointer; }
a.btn_sml:focus, .btn_sml:hover { background:#2a2a2a; color:#fff; }
.cm-sub-tit{font-size:4rem!important; text-align:center; line-height:1.4; color:#222!important; font-weight:700!important; margin-bottom: 4.5rem;}
.box_hpdn{ padding-top: 6rem!important; padding-bottom: 6rem!important;}
.tit01{font-size:3.8rem; line-height:1.5; font-weight: 700; color:#222; margin-bottom: 1.5rem;}
.tit02{font-size:2.4rem; line-height:1.3; font-weight: 700; color:#222; margin-bottom: 1.5rem;}
.txt01{ font-size:1.8rem; line-height:1.7;}
.kor_16 { position: relative; font-size: 1.7rem; line-height: 1.5; font-weight: 400; padding-left: 0.95em;}
.kor_16:before {
    position: absolute;
    display: inline-block;
    content: "\e93f";
    font-family: xeicon;
    left: 0;
    top: -1px;
    color: #212121;
}
.kor_16_2 { font-size: 1.7rem; line-height: 1.5; font-weight: 400; }
/* ******************  ABOUT :: CEO ********************** */
.about-greeting-container{display:flex; justify-content:space-between; flex-direction:row; align-items: center; }
.about-greeting-img-con{width:50%; box-sizing:border-box; padding-right:10rem}
.about-greeting-img-con span{position:relative; display:block; height:0; padding-top:100%; }
.about-greeting-img-con img{position:absolute;top:0px; left:0px; height:100%; width:100%; border-radius: 0 5rem 0 5rem;}
.about-greeting-txt-con{width:50%;}
.greeting-top-txt-con{margin-bottom:2rem}
.greeting-top-txt-con span{display:block; font-size:2.2rem; font-weight:700; color:var(--main-color); margin-bottom:2rem}
.greeting-top-txt-con strong{display:block; font-size:4rem; font-weight:700; color:#333; letter-spacing:-0.23rem;line-height:1.3;}
.about-greeting-txt-con p { padding-bottom: 1.4rem;}
.gretting-txt-con{font-size:1.72rem; letter-spacing:-0.035em; line-height:1.8;}
.gretting-txt-con .ceo-name{display:block; font-size:1.29em; letter-spacing:-0.022em; color:#000; margin-top:0.6em}
.ceo-name img{width:35.76%; max-width:236px;}

/* **********  Company :: LOCATION ********** */
.location-page {padding-bottom: 15rem;}
.location-page .cm-sub-top {padding-bottom: 0;}
.map-con iframe {max-width: 100%;}
.location-con {position: relative; margin-bottom: 5.3rem; }
.location-con .adress-box .adress-box-top {font-size: 3rem; font-weight: 700; letter-spacing: -0.075em; line-height: 1.3; color: #232323; padding-bottom: 2.5rem; border-bottom: 1px solid #e5e5e5;}
.location-con .adress-box .adress-box-bottom {display: flex; padding-top: 3rem;}
.location-con .adress-box .adress-box-bottom p {margin-right: 3rem; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: #8d8d8d; line-height: 1.3;}
.location-con .adress-box .adress-box-bottom p span {display: inline-block; color: rgba(35,35,35,0.9); padding-left: 2rem;}
.location-con .link-box {position: absolute;  right: 0; top: 0; display: flex;}
.location-con .link-box a {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 15rem; height: 15rem; border-radius: 50%; border: 1px dashed #a7a7a7; background: #fff; transition: all 0.3s;}
.location-con .link-box a:first-of-type {margin-right: 2rem;}
.location-con .link-box a i.icon {font-size: 3.2rem; color: #000;}
.location-con .link-box a p {font-size: 1.7rem; letter-spacing: -0.075em; color: #232323; font-weight: 600; padding: 0.5rem 0;}
.location-con .link-box a .xi-long-arrow-right {font-size: 1.6rem; color: #000; opacity: 0.5;}
.location-con .link-box a:hover {background: #000000; border: 1px solid #000; }
.location-con .link-box a:hover i.icon ,
.location-con .link-box a:hover p,
.location-con .link-box a:hover .xi-long-arrow-right {color: #fff;}

/* **********  menu ********** */
#ylang1 {padding:9% 5%; background:url('../images/content/menu-bg01.jpg')no-repeat center center; text-align:center; background-size:cover; }
.buffet_bg02 { background:url('../images/content/menu-bg02.jpg')no-repeat center center!important; background-size:cover!important; }
.buffet_bg03 { background:url('../images/content/menu-bg03.jpg')no-repeat center center!important; background-size:cover!important; }
#ylang1 .contWrap {color:#FFF}
#ylang1 .contWrap h3 {margin:0 0 0.2em; font-size:6.0rem; font-weight:400; }
#ylang1 .contWrap .t2 {margin-top:1em; font-size:2.0rem; line-height:1.5}
.tll_bx { width: 100%; border-radius: 5px; background-color: #fafafa; border: 1px dashed #d1d1d1; color: #181818; font-size: 1.8rem; line-height: 1.4; font-weight: 400; letter-spacing: -1px; vertical-align: middle; padding: 3rem 1.2rem; box-sizing: border-box;}
.tll_bx span { font-weight: 700; font-size: 2.8rem; margin-right: 2.4rem; }
.tll_bx i { vertical-align: middle; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; font-size: 2.4rem; border-radius: 100px; background-color: #ccbda6; margin-right: 1rem; color: #fff;}
a.nv_btn {display:inline-block; padding:1.7rem 3rem; color:#fff; background-color: #b38e80; font-weight: 500; font-size: 1.75rem; line-height: 1.0; vertical-align: middle; letter-spacing: -1px; cursor: pointer; border-radius: 1.5rem 4px 1.5rem 4px; }
a.nv_btn:focus, .nv_btn:hover { background:#8e766d; }
.tll_bx br {display: none;}
.tll_bx span a {color: #181818;}
.tm_bx {margin-top: 2rem; font-weight: 500; color: #222; font-size: 2.2rem; }
/* 이미지 컨텐츠 */
.summary-img-con .img-wrap {display: flex; align-items: center; margin-bottom: 8rem;}
.summary-img-con .img-wrap.reverse {flex-direction: row-reverse;}
.summary-img-con .img-wrap:last-child {margin-bottom: 8rem;}
.summary-img-con .img-wrap img {max-width: 100%; border-radius: 4rem 5px 4rem 5px; box-shadow: 18px 18px 30px -9px rgba(0, 0, 0, 0.1);}
.summary-img-con .img-wrap .img-box {width: 47.5%; position: relative;}
.summary-img-con .img-wrap .txt-box {width: calc(52.5% - 7rem); margin-left: 7rem;}
.summary-img-con .img-wrap.reverse .txt-box {width: calc(52.5% - 7rem); margin-right: 7rem; margin-left: 0;}
.summary-img-con .img-wrap .summary-con-tit {font-size: 3.4rem; font-weight: 800; line-height: 1.5em; letter-spacing: -0.05em; color: #222; padding-bottom: 2.2rem;}
.summary-img-con .img-wrap .summary-con-txt {font-size: 1.8rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #666;}
.summary-img-con .main-visual-more-btn {left: auto; right: 6rem; bottom: -6rem; width: 14rem; height: 14rem;}

/* *********** CONTACT - INQUIRY *********** */
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:2em;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block; width:9em; height:2.8em; line-height: 2.8em; border:0; color:#fff; background-color:#000; font-size:1.9rem; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
.cm-btn-controls .btn-style01{background-color:#4A4A4A;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}
.cm-btn-controls .btn-style04{background-color:#000;}

.inquiry-style03-wrapper{position: relative; background:#fff; border-radius:20px; box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.1); padding:80px; box-sizing:border-box; }
.inquiry-agreement-con.editor{font-size:15px; color:#888; line-height: 1.6; letter-spacing: -0.5px;}
.inquiry-btn{position: absolute; bottom:0; left:50%; transform:translate(-50%, 50%);}
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
.bbs-inquiry-agree-con{margin-bottom:50px;}
.bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:50px;}
.bbs-inquiry-agree-con .agree-tit{color:#222; font-size:20px; letter-spacing:-0.5px; font-weight:600; padding-bottom:15px; padding-left:5px;}
.inquiry-agreement-con{height:160px; overflow-y:auto; overflow-x:hidden; padding:10px; background-color:#f6f6f6; box-sizing:border-box;}
.bbs-inquiry-agree-con .agree-txt{margin-top:18px; font-size:18px; letter-spacing:-0.3px; color:#666; padding-left:5px;}
.bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.bbs-inquiry-agree-con .agree-txt input{display:none;}
.bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:26px; }
.bbs-inquiry-agree-con .agree-txt label i{position:absolute; top:0px; left:0px; font-size:22px; color:#bbb;}
.bbs-inquiry-agree-con .agree-txt input:checked + label i:before{content:'\e92b'; color:#222}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:var(--main-color);}
/* ******************  온라인 문의 :: 문의하기 03 ********************** */
/* 문의하기 03 :: 상단 */
.inquiry-style03-tit {text-align:center; padding-top: 55px; padding-bottom: 40px;}
.inquiry-style03-tit h3 {font-size:34px; line-height: 45px; letter-spacing: -0.75px; color:#333; font-weight: 500; }
.inquiry-style03-tit p {font-size:13px; line-height: 35px; letter-spacing: 5px; color:#aaa}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box{/* margin-bottom:50px; */}
.inquiry-style03-write-box dl {display:table; width:100%; margin-bottom: 5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box dt {display:table-cell; position:relative; width:100px; vertical-align: top; height:48px; padding-left: 7px; font-size:16px; font-weight: 700; line-height: 48px; letter-spacing: -0.5px; color:#222;}
.inquiry-style03-write-box dd {display:table-cell; vertical-align: top; padding:0 1%;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea{
	height:48px; border:0; width:100%; font-size:16px; letter-spacing: -0.5px; color:#222;
}
.inquiry-style03-write-box dd input, .inquiry-style03-write-box dd textarea{text-indent:4px;}
.inquiry-style03-write-box dd input::placeholder, .inquiry-style03-write-box dd textarea::placeholder{color:#bbb;}
.inquiry-style03-write-box dd textarea {width:100%; height:150px; padding: 12px 0px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; resize:none;  }
.inquiry-style03-write-box .file dd {vertical-align: middle;}
.inquiry-style03-write-box .file dd input {height:30px; }
.inquiry-style03-write-box p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}
.inquiry-style03-write-box dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style03-write-box dl.on input , .inquiry-style03-write-box dl.on textarea, .inquiry-style03-write-box dl.on select {background-color:#fff}
/* 문의하기 03 :: 작성폼 기타 */
.inquiry-style03-write-box .address-fieldset .write-input{margin-top:6px;}
.inquiry-style03-write-box .address-fieldset .write-input:first-child{margin-top:0;}
.inquiry-style03-write-box .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.inquiry-style03-write-box .address-btn:hover{background-color:#464646; color:#fff;}
/* 문의하기 03 :: 작성폼 개인정보처리방침 */
.inquiry-agreement-con-scrollbar{padding:20px; background:#f6f6f6; border-radius:20px}

/* -------- family :: 탭 -------- */
.project-tab-container { margin-bottom: 4rem;}
.project-tab-container ul{display:flex; justify-content:center; }
.project-tab-container ul li {width:16.3rem; }
.project-tab-container ul li a{position:relative; display:flex; justify-content:center; align-items:center; height:5.9rem; font-size:1.75rem; letter-spacing:-0.0502em; background-color: rgb(245, 244, 244, 0.5); color:rgba(59, 49, 39, 0.7); box-sizing:border-box; font-weight: 500; }
.project-tab-container ul li a:after{display:none; position:absolute; top:0px; left:-1px; right:-1px; height:2px; content:""; background-color:var(--sub-color);}
.project-tab-container ul li.selected a{color:#4d4b48; background-color:#fff; border:1px solid #ddd; border-top:0;}
.project-tab-container ul li.selected a:after{display:block;}
/* -------- family :: 사진 -------- */
.pg_bx li {width: 49%; margin-right: 2%; float: left; margin-bottom: 4%; position: relative;}
.pg_bx li:nth-child(2n) { margin-right: 0;}
.pg_bx li img {width: 100%; border-radius: 2rem; box-shadow: 4px 3px 24px 0px rgba(0, 0, 0, 0.09);}
.pg_tit{ color: #222; font-weight: 500; font-size: 2.2rem; line-height: 1.2; text-align: center; margin-top: 1.4rem;}

/************** table **************/
.tb-style3 { width: 100%; border-top: 2px solid var(--main-color); line-height: 1.5; text-align: center; border-right: 1px solid #e5e5e5; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: keep-all; }
.tb-style3 th { background: #fbf9f7; color:#000; padding: 16px 0; border-bottom: 1px solid #ebe5db; border-left:1px solid #ebe5db; vertical-align: middle; font-weight: 700; line-height: 1.3; font-size:1.7rem!important; }
.tb-style3 td { padding: 13px 10px; border-bottom: 1px solid #e5e5e5; border-left:1px solid #e5e5e5; color:#3e3e3e; font-weight: 400; font-size:1.7rem!important; line-height: 1.3; vertical-align: middle; }
.tb-style3 td span {font-size: 1.7rem;}
.tb-style3 .left_a{ text-align: left; padding-left: 20px;}
.tb-style3 .grybg { background-color: #fff; font-weight: 700; color:#000;}


.factory-slide-con{position: relative; max-width: 859px; margin: auto; overflow: visible; margin-top: 4rem;}
.factory-prev-btn, .factory-next-btn{z-index: 1; position: absolute; top: 50%; margin-top: -27px; width: 54px; height: 54px; line-height: 54px; border-radius: 54px; background-color: #fff; text-align: center; font-size: 18px; color: #5e5e5e;}
.factory-prev-btn{left: -27px;}
.factory-next-btn{right: -27px;}
.factory-slide-list .img-box{position: relative; width: 100%; padding-top: 70%;}
.factory-slide-list .img-box:after {position: absolute;content:'';top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.9);transition: all 0.3s; opacity: 1;}
/* active.ver */
.factory-slide-list .img-box:after{transition: all .3s}
.factory-slide-list li.swiper-slide-next .img-box:after,
.factory-slide-list li.swiper-slide-prev .img-box:after{background:rgba(255,255,255,0.7);}
.factory-slide-list li.swiper-slide-active .img-box:after{opacity: 0;}
.factory-slide-list li.swiper-slide-active .img-box img,
.factory-slide-list li.swiper-slide-duplicate-active .img-box img{-webkit-box-shadow: 10px 10px 25px rgba(0,0,0,.19); box-shadow:10px 10px 25px rgba(0,0,0,.19);}

.eml_bx0 { width: 47%; float: left; text-align: right; }
.eml_bx { width: 50%; float: left; text-align: left; }
.company-con {padding: 10rem 0;}
.location-con02 {background: #f9f9f9;}