/** reset **/
* {font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box; margin: 0; padding: 0; box-sizing: border-box;} 

.ng_ft { font-family: 'Nanum Gothic', sans-serif; } 
.zero { letter-spacing: 0; } 

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } 

html { overflow-x: hidden; scroll-behavior: smooth; } 
body { line-height: 1; } 

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; } 

button { border: 0; background-color: transparent; padding: 0; cursor: pointer; height: 60px; vertical-align: top; } 

ol,ul { list-style: none; } 
blockquote,q { quotes: none; } 

blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; } 

textarea { resize: none; } 

textarea::-webkit-scrollbar,
.table-textarea::-webkit-scrollbar { width: 15px; } 

textarea::-webkit-scrollbar-thumb,
.table-textarea::-webkit-scrollbar-thumb { width: 10%; background: #43695c; } 

textarea::-webkit-scrollbar-track,
.table-textarea::-webkit-scrollbar-track { background: #dcdcdc; } 


table { border-collapse: collapse; border-spacing: 0; } 
a { color: #000; text-decoration: none; } 

input[type="text"],
input[type="password"] { box-sizing: border-box; border: 1px solid #000; padding: 0 20px; font-size: 16px; width: 100%; height: 60px; font-weight: 400; color: #000; } 

input::placeholder { color: #959595; } 
input::-webkit-placeholder { color: #959595; } 
input:-ms-input-placeholder { color: #959595; } 

textarea::-webkit-input-placeholder { color: #959595; } 
textarea:-ms-input-paceholder { color: #959595; } 

input[type="checkbox"],
input[type="radio"] { display: none; } 

select { box-sizing: border-box; border: 1px solid #000; background: url(/img_/icon/arrow-down.png) no-repeat center right 20px; background-size: 14px 10px; margin: 0; padding: 0 20px; font-size: 18px; font-weight: 400; min-width: 130px; height: 60px; vertical-align: top; -moz-appearance: none; /*Firefox*/
 -webkit-appearance: none; /* Safari,Chorome*/
 appearance: none; } 

select::-ms-expand { display: none /* IE */}
input.readonly { background: #ccc; border: 0; } 

label { cursor: pointer; } 
input[type="checkbox"]:checked~.check-icon,
input[type="radio"]:checked~.check-icon { background-image: url(/img_/form/check-on.png); } 
.check-icon { display: inline-block; vertical-align: middle; background-image: url(/img_/form/check-none.png); background-repeat: no-repeat; background-size: 100%; cursor: pointer; } 
.label-txt { vertical-align: middle;}
/** ...reset **/


.clearfix::before, .clearfix::after{
    content: "";
    display: block;
    clear: both;
}


/* fix : 202505011025 정세영 수정 */
.fix_btn{position: fixed; top: 50%; right: 1.2%; transform: translateY(-50%); z-index: 1000;}
.fix_btn a{
    display: block;
    position: relative;
    width: 70px; height: 70px;
    border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    background-color: #fff; color: #000; 
    margin: 10px 0;
    text-align: center; font-size: 16px; font-weight: 500; letter-spacing: 0;
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column;
    transition: all 0.3s;
    
    &.exo{
       img{width: 100%; height: 100%; object-fit: cover;}
    }

    &.top{
        span{margin-top: 7px;}
    }

    &:hover{
        transform: scale(1.07);
    }
    
    img{display: block;}
}
/* .fix_btn a.call{cursor: default; line-height: 0.8;}
.fix_btn a.location{margin: 10px 0;} */


/** header **/
header{
    width: 100%; height: 100px;
    position: fixed; left: 0; top: 0; z-index: 999;
    transition: all 0.3s;
}
header.scrolled-up {background-color: #fff;}
header.scrolled-up h1 .logo_bk {display: block;}
header.scrolled-up h1 .logo_wt {display: none;}
header.scrolled-up nav > ul > li > a {color: #000;}
header.scrolled-up .gnb .member a {color: #000;}
header.scrolled-up .gnb .member a:first-child::after{background: rgba(0, 0, 0, 0.3);}
header.scrolled-up .gnb .company .tit p {color: #000;}
header.scrolled-up .gnb .company .tit i {color: #000;}

header.wt{box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
header.wt nav > ul > li > a{color: #000;}
header.wt .gnb .member a {color: #000;}
header.wt .gnb .member a:first-child::after{background: rgba(0, 0, 0, 0.3);}
header.wt .gnb .company .tit{border: 2px solid rgba(0, 0, 0, 0.3);}
header.wt .gnb .company .tit p {color: #000;}
header.wt .gnb .company .tit i {color: #000;}

header .container{width: 1200px; margin: 0 auto; position: relative;}
header .container > * {float: left;}
header h1{width: 200px; height: 100px; display: flex; align-items: center; justify-content: center;}
header h1 .logo_bk{display: none;}

header nav{margin: 20px 0 0 60px;}
header nav > ul > li{float: left; padding: 20px; text-align: center; position: relative; transition: all 0.3s;}
header nav > ul > li:nth-of-type(2){margin: 0 30px;}
header nav > ul > li > a{font-size: 20px; color: #fff;}
header nav > ul > li .sub{
    opacity: 0; max-height: 0; overflow: hidden;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    width: 200px; background: #fff;
    position: absolute; left: 50%; top: 100px;
    transform: translateX(-50%);
}
header nav > ul > li .sub.show{opacity: 1; max-height: 500px;}
header nav > ul > li .sub a{
    display: block;
    width: 100%; height:50px; line-height:50px;
    font-size: 16px; color: rgba(0, 0, 0, .9);
    transition: all 0.3s;
}

header .gnb{position: absolute; right: 0; top: 40px;}
header .gnb > *{float: left;}
header .gnb .member a{
    display: inline-block;
    position: relative;
    font-size:18px;
    color: #fff;
    transition: all 0.3s;
    margin-right: 30px;
}
header .gnb .member a:first-child::after{
    content: "";
    width: 1px; height: 16px; background: rgba(255, 255, 255, 0.3);
    position: absolute; right: -26%; top: 2px;
}
header .gnb .member a:hover{color:#000}

header .gnb .company{transition: all 0.3s; position: relative;}
header .gnb .company .tit{
    font-size: 17px;
    display: flex; align-items: center;
    position: relative;
    width: auto;  
    padding-right: 18px;
    margin-top: -10px;
    cursor: pointer;
    transition: all 0.3s;
    width: 150px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    
}

header .gnb .company .tit.show{border-bottom: transparent; background-color: #fff; }/* 202411141653 구동빈 수정 */
header .gnb .company .tit.show p{color: #000;}
header .gnb .company .tit p{position: relative; text-align: left; width: 100%; color: #fff; transition: all 0.3s; PADDING: 10PX 7px;}/* 202411141653 구동빈 수정 */
header .gnb .company .tit p::after{transition: 0.3s; content: "";display: block;width: 20px;height: 19px;background-image: url(../../img_/icon/combo-logo-wt.png);background-size: cover;position: absolute; right: 30px; top: 50%; transform: translate(0%, -50%);}/* 202411141653 구동빈 수정  */
header .gnb .company .tit i{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.3s; color: #fff; font-weight: 600;}
header .gnb .company .tit i.on{transform: rotate(180deg); transition: 0.3s; top: 30%;}
header .gnb .company .conts{
    display: none;
    width: 100%; background-color: #000;
    transition: 0.3s;
}
header .gnb .company .conts.show{
    display: block;
    border-top: 0px transparent;
    transition: 0.3s;
    background-color: #fff;
    border-top: transparent;
}
/* 202411141653 구동빈 수정 */
header .gnb .company .conts ul{
    border: 2px solid rgba(0, 0, 0, 0.3);  
    border-top: transparent;
}
header .gnb .company .conts ul li{text-align: center;}
/* 202411141653 구동빈 수정 */
header .gnb .company .conts ul li a{
    color: rgba(0, 0, 0, 0.7);
    font-size: 17px;
    DISPLAY: INLINE-BLOCK;
    PADDING: 10PX 7px;
    transition: all 0.3s;
    WIDTH: 100%;
    DISPLAY: FLEX;
    ALIGN-ITEMS: center;
    JUSTIFY-CONTENT: flex-start;
}
/* 202411141653 구동빈 추가 */
header .gnb .company .conts ul li a::after{
    content: "";
    display: block;
    width: 20px;
    height: 19px;
    background-image: url(../../img_/icon/combo-logo-bk.png);
    background-size: cover;
}

header:hover{background-color: #fff;}
header:hover h1 .logo_bk{display: block;}
header:hover h1 .logo_wt{display: none;}
header:hover nav > ul > li > a{color: #000;}
header nav > ul > li:hover > a{color: #ce373d;}
header nav > ul > li .sub a:hover{font-weight: 500; color: rgba(0, 0, 0, 1)}
header:hover  .gnb .member a{color: #000;}
header:hover .gnb .member a:first-child::after{background: rgba(0, 0, 0, 0.3);}
header .gnb .member a:hoveR{font-weight: 500;}
header .gnb .company .conts ul li a:hover{color: #000}
header:hover .gnb .company p::after {background-image:  url(../../img_/icon/combo-logo-bk.png); transition: 0.3s;}/* 202411151002 구동빈 추가  */
header:hover .gnb .company .tit.show p::after {background-image:  url(../../img_/icon/combo-logo-bk.png); transition: 0.3s;}/* 202411151002 구동빈 추가  */
header.scrolled-up .gnb .company .tit p::after{background-image:  url(../../img_/icon/combo-logo-bk.png); transition: 0.3s;}/* 202411151002 구동빈 추가  */
header.scrolled-up .gnb .company .tit{border: 2px solid rgba(0, 0, 0, 0.3);}/* 202411151002 구동빈 추가  */
header:hover .gnb .company .tit{border: 2px solid rgba(0, 0, 0, 0.3);}/* 202411151002 구동빈 추가  */
header .gnb .company .tit.show p::after {background-image:  url(../../img_/icon/combo-logo-bk.png); transition: 0.3s;}/* 202411151002 구동빈 추가  */
header .gnb .company .tit p::after
header:hover .gnb .company .tit{border: 2px solid rgba(0, 0, 0, 0.3);  }/* 202411151002 구동빈 추가  */
header .gnb .company .tit.show{border: 2px solid rgba(0, 0, 0, 0.3);  }/* 202411151002 구동빈 추가  */
header:hover .gnb .company .tit p{color: #000;}
header:hover .gnb .company .tit i{color: #000;}
header .gnb .company .tit.show i{color: #000;}/* 202411151002 구동빈 추가  */
header:hover .gnb .company .conts.show{background-color: #fff;  border-top: transparent}
/* header .gnb .company:hover .tit p{color: #000; font-weight: 500;} */



/** 무료 상담폼 **/
/* footer .counseling {padding: 90px 0; background: #f0f0f0; display: none;} 
footer .counseling .sec-title { font-size: 40px; font-family: "Noto Sans KR",sans-serif; font-weight: 400; margin-bottom: 40px; text-align: center; } 
footer .counseling .flex-box { display: flex; } 
footer .counseling .left .left-top { margin-bottom: 40px; } 
footer .counseling .left .left-top label { font-size: 20px; display: block; margin-bottom: 20px; } 
footer .counseling .left .left-top .form-cont { font-size: 0; margin-right: 20px; margin-bottom: 0; } 
footer .counseling .left .left-top .form-cont:last-child { margin-right: 0; } 
footer .counseling .left .left-top .form-cont input { background: transparent; font-weight: 300; font-size: 18px; max-width: 140px; } 
footer .counseling .left .left-top .call-form input { max-width: 150px; } 
footer .counseling .left .left-top .call-form button { font-size: 18px; font-weight: 300; width: 100px; background: #000; color: #fff; opacity: 0.6; } 

footer .counseling .left .left-btm .check-cont { width: 350px; } 
footer .counseling .left .left-btm .check-cont > span { font-size: 20px; margin-right: 35px; vertical-align: middle; } 

footer .counseling .left .left-btm .check-cont .check-icon { width: 18px; height: 18px; margin-right: 3px; } 
footer .counseling .left .left-btm .check-cont .label-txt { font-size: 18px; font-weight: 300; } 
footer .counseling .left .left-btm .check-cont a { opacity: 0.6; vertical-align: middle; font-size: 16px; border-bottom: 1px solid #000; margin-left: 14px; } 


footer .counseling .right { align-self: flex-end; } 
footer .counseling .right button { width: 150px; height: 120px; background: #43695c; color: #fff; font-size: 18px; font-weight: 300; }  */



/* footer */
.footer{width: 100%; height: 400px; background-color: #000; position: relative;}
.footer .footer_container{width: 1200px; margin: 0 auto;  position: relative;}
.footer .f_logo{padding-top: 80px; margin-bottom: 40px;}

.footer .f_left{float: left; width: 70%;}
.footer .f_left .f_menu ul li{float: left; margin-right: 10px; position: relative;}
.footer .f_left .f_menu ul li::after{
    content: "";
    width: 1px; height: 14px; background-color: rgba(255, 255, 255, 0.4);
    position: absolute; right: -6px; top: 3px;
}
.footer .f_left .f_menu ul li:last-child{margin-right: 0;}
.footer .f_left .f_menu ul li:last-child::after{width: 0; top: 0; background-color: transparent;}
.footer .f_left .f_menu ul li a{color: #fff; opacity: .7; font-size: 14px; font-weight: 300; opacity: 0.6; word-break: keep-all; transition: all 0.3s;}
.footer .f_left .f_menu ul li a:hover{opacity: 1;}

.footer .f_left .f_info{margin-top: 40px; cursor: default;}
.footer .f_left .f_info ul li{margin-bottom: 7px;}
.footer .f_left .f_info ul li:last-child{margin-bottom: 0;}
.footer .f_left .f_info ul li span{color: #fff; opacity: .7; display: inline-block; margin-right: 10px; font-size: 14px; position: relative;}
.footer .f_left .f_info ul li span::after{
    content: "";
    width: 1px; height: 14px; background-color: rgba(255, 255, 255, 0.4);
    position: absolute; right: -8px; top: 0px;
}
footer .f_left .f_info ul li span:last-child{margin-right: 0;}
footer .f_left .f_info ul li span:last-child::after{width: 0; top: 0; background-color: transparent;}

footer .f_left .f_copy{margin-top: 40px; color: rgba(255, 255, 255, 0.4); font-size: 14px; cursor: default;}


.footer .f_right{float: left; width: 30%;}
.footer .f_right > *{margin-left: 10%;}
.footer .f_right .f_sns{width: 80%;}
.footer .f_right .f_sns ul li{float: left; margin-right: 9%;}
.footer .f_right .f_sns ul li:last-child{margin-right: 0;}
.footer .f_right .f_sns ul li a img{opacity: .8; display: block; width: 26px}

.footer .f_right .f_company{
    width: 80%; margin-top: 30px; padding: 14px 25px 14px 0; 
    color: rgba(255, 255, 255, 0.7); font-size: 16px; text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.5); box-sizing: border-box;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
}
.footer .f_right .f_company > p > span{
    position: absolute; right: 65px;  top: 10px;
    font-size: 26px; font-weight: normal;
    transition: transform 0.3s ease;
}
.footer .f_right .f_company:hover{color: rgba(255, 255, 255, 1);}

.footer .f_right .f_company .conts{
    display: none;
    position: absolute; left: -910px; top: -500px; z-index: 999;
    width:1200px; padding: 20px 30px 30px; background-color:rgba(0, 0, 0, 0.9);
    font-family: 'Noto Sans KR', sans-serif; text-align: left;
    transition: all 0.2s;
}/* 202411141833 구동빈 수정 */
.footer .f_right .f_company .conts > p.contHead{color: #ccc; font-size: 24px; margin-bottom: 25px;}/* 202411141833 구동빈 수정 */

.footer .f_right .f_company .conts.show{display: block; transition: all 0.2s;}/* 202411141833 구동빈 수정 */
.footer .f_right .f_company .conts > div{float: left; width: 200px;}
.footer .f_right .f_company .conts > div.marry{margin: 0 20px;}
.footer .f_right .f_company .conts > div.kbp{width: 680px;}/* 202411141833 구동빈 수정 */
.footer .f_right .f_company .conts > div > p{color: #fff; background: #000; font-size: 20px; padding: 20px; letter-spacing: 1px; cursor: default;}/* 202411141833 구동빈 수정 */
.footer .f_right .f_company .conts > div ul{ background: #2c2c2c; padding: 35px 35px 0 20px;height: 270px; display: flex; flex-wrap: wrap; flex-direction: column; padding-left: 16px;}
.footer .f_right .f_company .conts > div ul li:last-child{margin-bottom: 0;}
.footer .f_right .f_company .conts > div > ul li a{color: #ccc; font-size: 16px; transition: all 0.3s; font-weight: 300;}/* 202411141833 구동빈 수정 */

.footer .f_right .f_company .conts > div > ul li.list_lead{font-weight: bold; }/* 202411141833 구동빈 수정 */
.footer .f_right .f_company .conts > div > ul li.list_lead a{font-weight: 500; color: #fff; }/* 202411141833 구동빈 수정 */

.footer .f_right .f_company .conts > div > ul li a:hover{color: pink;}




.footer .f_right .f_company .conts > div.cosmetic ul li{margin-bottom: 30px;}
.footer .f_right .f_company .conts > div.cosmetic ul li:last-child{margin-bottom: 0;}
.footer .f_right .f_company .conts > div.marry ul li{margin-bottom: 30px;}
.footer .f_right .f_company .conts > div.marry ul li:last-child{margin-bottom:0px}
.footer .f_right .f_company .conts > div.kbp ul li{margin: 0 40px 30px 0; font-weight: 300;}/* 202411141833 구동빈 수정 */
.footer .f_right .f_company .conts > div.kbp ul li:nth-of-type(4),
.footer .f_right .f_company .conts > div.kbp ul li:nth-of-type(8),
.footer .f_right .f_company .conts > div.kbp ul li:nth-of-type(12){}
.footer .f_right .f_company .conts > div.kbp ul li:nth-of-type(9),
.footer .f_right .f_company .conts > div.kbp ul li:nth-of-type(10),
.footer .f_right .f_company .conts > div.kbp ul li:nth-of-type(11),
.footer .f_right .f_company .conts > div.kbp ul li:nth-of-type(12){margin-right: 10px;}



/** main 공통적용 css **/
.swiper-button-prev { background-image: url(/img_/icon/slide-prev.svg); left: 0; } 
.swiper-button-next { background-image: url(/img_/icon/slide-next.svg); right: 0;} 
.section-inner { width: 1200px; margin: 0 auto; } 
.section-top-bg { background-repeat: no-repeat; background-position: center; height: 360px; margin-bottom: 90px; } 
.top-bg-inner { width: 1200px; height: 100%; margin: 0 auto; position: relative; } 
.top-bg-cont-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.top-bg-tit { color: #fff; font-size: 40px; font-weight: 300; letter-spacing: 0; margin-bottom: 30px; } 
.top-bg-txt { font-size: 18px; font-weight: 300; color: #fff; text-align: center; line-height: 1.67; word-break: keep-all; margin-top: 10px; } 
.section-top-title { margin: 90px 0 35px; text-align: center; } 
.top-title { font-size: 40px; font-weight: 400; margin-bottom: 15px; } 
.top-title.ng_ft { font-weight: 300; } 
.top-subject { font-size: 18px; font-weight: 300; line-height: 1.77; } 
.email-cont .at { font-size: 18px; font-weight: 300; color: #999; margin: 0 10px; } 
.searchIconBtn { width: 20px; height: 20px; background: url(/img_/icon/search.png) no-repeat; background-size: 100%; position: absolute; left: 90%; top: 50%; transform: translateY(-50%); } 
.product-eng-info-box p { letter-spacing: 0; }
/** ...main 공통적용 css **/



/** layer **/
.video-popup,
.img-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100000; } 
.video-popup-box,
.img-popup-box { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); border: 5px solid #43695c; box-sizing: border-box; opacity: 0; transition: 0.5s; } 
.video-popup-box.show,
.img-popup-box.show { top: 50%; opacity: 1; } 
.video-popup-box > .close-btn,
.img-popup-box > .close-btn { cursor: pointer; position: absolute; top: -55px; left: 50%; transform: translateX(-50%); } 
.video-popup-box .video-wrap { width: auto; min-width: 700px; height: 480px; font-size: 0; position: relative; } 
.img-popup-box .img-wrap { width: auto; height: auto; } 
.img-popup-box .img-wrap img { width: 100%; max-height: 660px; } 
.video-popup-box .video-wrap video { width: auto; height: 100%; } 
.video-popup-box .video-wrap iframe { width: 100%; height: 100%; } 
.video-popup-box .video-wrap .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; transition: 0.3s; } 

.video-popup-box .video-wrap .play-btn.hide { opacity: 0; z-index: -1; } 
.layer-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; } 
.layer-wrap:before { content: " "; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } 
.layer-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; } 
.layer-top { background: #43695c; padding: 28px 0; } 
.layer-inner { width: 620px; margin: 0 auto; } 
.event-layer .layer-inner { width: 680px; } 
.layer-top-cont-wrap { position: relative; } 
.layer-title { font-size: 30px; font-weight: 300; color: #fff; } 
.layer-close { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.layer-cont-wrap { padding: 40px 0; background: #fff; } 
.event-layer .layer-cont-wrap { padding: 80px 0; } 
.layer-cont,
.event-layer-cont { margin-bottom: 40px; } 
.layer-cont .flexible-box { display: flex; align-items: center; } 
.event-layer-cont .flexible-box { display: flex; } 
.event-layer-cont .input-type:first-child { margin-right: 20px; } 
.event-layer-cont .input-type { width: 220px; font-size: 0; } 
.event-layer-cont .input-type input { max-width: 220px; } 
.event-layer-cont .input-type > label,
.event-layer-cont .radio-wrap > span { font-size: 20px; font-weight: 300; display: block; margin-bottom: 20px; } 
.event-layer-cont .radio-wrap { margin-left: 15%; } 
.event-layer-cont .radio-wrap > span { margin-bottom: 40px; } 
.event-layer-cont .check-icon { width: 18px; height: 18px; } 
.layer-cont-call .input-type { width: 330px; } 
.layer-cont-call .input-type > button { background: #000; color: #fff; opacity: 0.6; font-size: 18px; font-weight: 300; margin-left: 10px; width: 100px; } 
.event-layer-cont .check-cont:first-child { margin-right: 90px; } 
.event-layer-cont .check-cont .label-txt { font-size: 18px; font-weight: 300; } 
.event-layer-cont .check-cont a { opacity: 0.6; vertical-align: middle; font-size: 16px; border-bottom: 1px solid #000; margin-left: 14px; } 
.layer-cont .select-cont { font-size: 0; } 
.layer-cont>label { display: block; margin-bottom: 20px; font-size: 20px; } 
.radio-cont label:first-child { margin-right: 40px; } 
.layer-cont select { margin-right: 20px; width: 193px; } 
.layer-cont select:last-child { margin-right: 0; } 
.layer-cont .check-icon { width: 20px; height: 20px; margin-right: 5px; } 
.layer-cont .label-txt { font-size: 18px; font-weight: 300; } 
.layer-btn-wrap { text-align: center; } 

.planner-search-btn { background: #000; color: #fff; font-size: 18px; font-weight: 300; width: 180px; } 
.planner-search-btn img { margin-left: 13px; } 
.event-btn-wrap .event-apply-btn { background: #000; color: #fff; font-size: 18px; font-weight: 300; width: 180px; } 
.event-btn-wrap .event-apply-btn img { margin-left: 13px; } 



/** link move **/
.link-move-wrap { border-top: 1px solid #000; border-bottom: 1px solid #000; } 
.link-move { padding: 0 20px; } 
.link-move li { padding: 20px 0; } 
.link-move li:first-child { border-bottom: 1px solid #eaeaea; } 
.link-move li>a:after { content: ""; display: block; clear: both; } 
.link-move li span { vertical-align: middle; } 
.link-move-left { float: left; display: flex; align-items: center; } 
.link-move-left .link-date { font-size: 14px; font-weight: 300; opacity: 0.6; letter-spacing: 0; } 
.link-move-tit { font-size: 20px; font-weight: 300; margin-right: 20px; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.link-move-right { float: right; font-weight: 300; font-size: 20px; } 
.link-move-right:after { content: " "; display: inline-block; width: 14px; height: 10px; background-size: 100%; background-position: center; background-repeat: no-repeat; margin-left: 20px; margin-bottom: 3px; } 
.prev-link .link-move-right:after { background-image: url(/img_/icon/arrow-up.png); } 
.next-link .link-move-right:after { background-image: url(/img_/icon/arrow-down.png); } 
.go-list-btn-wrap { margin-top: 40px; } 
.go-list-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90px; height: 90px; background: #43695c; border-radius: 50%; margin: 0 auto; } 
.go-list-btn img { max-width: 17px; } 
.go-list-btn span { display: block; color: #fff; font-size: 14px; margin-top: 5px; } 




/* 뉴스 리스트 영역 */
.news-tab-list { display: flex; justify-content: center; margin-bottom: 40px; } 
.news-tab-list li { margin-right: 90px; } 
.news-tab-list li:last-child { margin-right: 0; } 
.news-tab-list li a { color: #959595; font-size: 18px; position: relative; } 
.news-tab-list li a.active { color: #43695c; font-weight: 600; } 
.news-list-wrap { margin-bottom: 50px; } 
.news-list { display: flex; flex-wrap: wrap; } 
.news-list li { width: 270px; margin-right: 40px; margin-bottom: 40px; } 
.news-list li:nth-child(4n) { margin-right: 0; } 
.news-list .news-label {color: #fff; font-size: 16px; font-weight: 300; position: absolute; padding: 10px 17px;}
.news-list .news-label.heal-label {background: #43695c;}
.news-list .news-label.regen-label {background: #3e215d;}
.news-thumb { width: 100%; height: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; padding-bottom: calc(356 / 272 * 100%); position: relative; transition: 0.2s; overflow: hidden;} 
.news:hover .news-thumb { background-size: 105%; } 
.news-info { margin-top: 20px; } 
.news-kinds { font-weight: 600; font-size: 14px; margin-bottom: 14px; } 
.event-open .news-kinds { color: #000; } 
.event-close .news-kinds { color: #959595; } 
.news-tit { font-size: 20px; font-weight: 300; margin-bottom: 10px; word-break: keep-all; line-height: 1.6; } 
.news-date { opacity: 0.6; font-size: 14px; font-weight: 300; letter-spacing: 0; } 




.circle-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 50%; margin: 0 auto; border: 1px solid #000;}
.circle-btn-2 { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 50%; margin: 0 auto; border: 1px solid #fff;}
.circle-btn-2 img { max-width: 17px; padding-bottom: 4px;}
.circle-btn-2 span  {display: block; color: #fff; font-size: 14px; margin-top: 5px; letter-spacing: 0;}
.circle-btn img { max-width: 17px; padding-bottom: 4px;}
.circle-btn span { display: block; color: #000; font-size: 14px; margin-top: 5px; letter-spacing: 0;} 


.awards-logo-swiper-wrap {background:#fff;}
.awards-logo-swiper-wrap .swiper-button-prev,
.awards-logo-swiper-wrap .swiper-button-next { width: 13px; height: 22px; top: 50%; transform: translateY(-50%); margin-top: 0; opacity: 0.3; transition: 0.2s; } 
.awards-logo-swiper-wrap .swiper-button-prev:hover,
.awards-logo-swiper-wrap .swiper-button-next:hover { opacity: 1; } 
.awards-logo-swiper-wrap .swiper-button-prev { background-image: url(/img_/icon/award-swiper-prev.png); left: -30px; } 
.awards-logo-swiper-wrap .swiper-button-next { background-image: url(/img_/icon/award-swiper-next.png); right: -30px; } 
.awards-logo-swiper-wrap { box-shadow: 10px 2px 29px #ccc; box-sizing: border-box; padding: 40px 0 30px; } 
.awards-logo-swiper-wrap .section-inner { position: relative; } 
.award-logo-swiper { width: 1100px; margin: 0 auto; }
.awards-logo-swiper-wrap .swiper-button-next { right: 0; } 
.awards-logo-swiper-wrap .swiper-button-prev { left: 0; } 

.product-txt-box { padding: 30px 0 40px; box-sizing: border-box; } 
.product-info-box .product-name { color: #222; font-size: 24px; font-weight: 500; margin-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.2;} 
/* .product-info-box .product-description { color: #222; font-size: 20px; font-weight: 300; line-height: 1.55; margin-bottom: 20px; overflow: hidden; max-height: 58px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all; }  */
.product-info-box .product-price { color: #ce373d; font-size: 20px; font-weight: 500; letter-spacing: 0; font-family: 'Roboto', sans-serif; } 
.product-img-box {font-size: 0; width: 100%; overflow: hidden;} 
.product-img-box img { width: 100%; } 