.target01 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.target_event { display: -webkit-box; width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient:vertical ; }

.target02 { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }

.target04 {  width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient:vertical ; }

.target03 { display: -webkit-box; width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient:vertical ; }



.no_post{font-size:14px;color:#888;}

.content{padding:140px 0 140px;}

.notice h3{font-size:2.5rem; font-weight: normal; text-align: center; margin-bottom:80px;}
h3{font-size:2.5rem; font-weight: 500; text-align: center; margin-bottom:80px;}
.commu h3{font-size: 1.8rem; font-weight: 500; text-align: left; border-bottom: 2px solid #74817d; margin-bottom: 0px; padding-bottom: 15px;}
.commu .mov_cont{position:relative; margin:50px 0px; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.commu iframe, .commu object, .commu embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.donation #content h3{border-bottom:none !important; background-color: transparent !important;}
.donation #content p span{background-color: transparent !important;}
.donation .next_post{width: 100% !important;}



.qna .table{border-bottom:1px solid #ddd;}

.list_in .no_list_text {padding: 60px 0; text-align: center; border-top: 1px solid #ddd; color: #888;border-bottom: 1px solid #ddd; color: #888;}

/* ----------- 지엠엘코리아 -------------- */

/* 회사소개 */
.com-wrap{}
.com-wrap .com-top{text-align: center;}
.com-wrap h2{font-size: 27px; font-weight: 600;text-align: center;}
.com-wrap .com-top p{ font-size: 20px; padding-top: 10px;}
.com-wrap .com-mid{}
.com-wrap .com-mid h2{color: #333; position: relative;}
.com-wrap .com-mid P{color: #353535;   position: relative;font-weight: 500; font-size: 20px;}
.com-wrap .com-mid > div > ul{display:flex;    padding: 50px 0; flex-wrap: wrap; justify-content: space-between;}
.com-wrap .com-mid > div > ul li{position: relative; width:32%; height: 268px; padding: 20px; margin: 20px 20px 0px 0px; border:1px dashed #74817d;}
.com-wrap .com-mid > div > ul li:last-child{margin-right:0px;}
.com-wrap .com-mid > div > ul li p{text-align:center; padding: 30px 0; word-break: keep-all; color:#333; font-size:18px; font-weight:500;}
.com-wrap .com-mid div ul li h3{margin-bottom: 0px; font-size: 22px; font-weight: 600;position: absolute; top: -17px; left: 50%; transform: translateX(-50%);}
.com-wrap .com-mid div ul li h3 span{background:#fff; padding:20px 30px; font-weight: 600; text-align: center; }
.com-wrap .com-mid > div > div{position:relative;  text-align: center;  margin-top: 50px;  }
.com-wrap .com-mid div div ul{display: flex; padding: 50px 0px 20px 0px;}
.com-wrap .com-mid div div ul li{width: 20%; margin: 0px 20px; text-align: center;}
.com-wrap .com-mid div div ul li div{background: rgb(221 220 220 / 54%); width: 200px; height: 200px; border-radius: 50%; margin: 0 auto; padding: 40px 10px; backdrop-filter: blur(10px);}
.com-wrap .com-mid div div ul li div i{display: block; width: 30px; margin: 0 auto;}
.com-wrap .com-mid div div ul li div p{font-weight: 600;}
.com-wrap .com-mid div div ul li div span{font-size: 18px;}
:lang(en) .com-wrap .com-mid div div ul li div span{display:none}
:lang(en) .com-wrap .com-mid div div ul li div{padding: 60px 10px;}


/* 핵심가치 */
.core_value{margin-top: 150px !important;}
.corevalue{padding: 30px 0 0; width: 73%; margin: 0 auto;}


/* ceo 이야기 */
.ceo_story{padding: 0 80px;}
.brand_stroy .ceo_story h2{ font-size: 30px; line-height: 43px; padding-bottom: 28px; text-align: left; font-weight: 200; color: #fff}
:lang(en) .brand_stroy .ceo_story h2{font-size: 27px;}
.brand_stroy .ceo_story h2 span{font-weight: 600;}

.brand_stroy .ceo_story p{font-size: 18px; line-height: 30px; padding: 16px 0; position: relative;}
.brand_stroy .ceo_story p span.name{font-size: 32px; line-height: 46px; font-weight: 300;}
.ceo_story img.sign{width: 120px; position: absolute; top: 26px; left: 115px;}

.brand_stroy .ceo_story .ceo_tit{display: flex; justify-content: center; margin: 80px 0; overflow: hidden;}
.brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 45%;}
.brand_stroy .ceo_story .ceo_tit .ceo_tit_img .img{max-width: 50%;}
.brand_stroy .ceo_story .ceo_tit .ceo_tit_text{width: 45%; height:50%; padding:50px 50px; background-color: #155199; margin-left: -15%; margin-top: 23%;}
.brand_stroy .ceo_story .ceo_tit .ceo_tit_text p{font-size: 17px; line-height: 28px; color: #fff; padding: 0; font-weight: 200;}

/* .brand_stroy .ceo_story .ceo_tit .ceo_tit_text .ceo_titsmall{font-size: 40px;} */


/* 협력사 */
.partner-wrap {}
.partner-wrap .in-part{}
.partner-wrap .in-part:nth-child(2), .partner-wrap .in-part:nth-child(3){margin-top: 30px;}
.partner-wrap .in-part h2{border-bottom: 1px solid #9f9f9f; text-align:center}
.partner-wrap .in-part h2 span{text-align: center; font-size: 30px; font-weight: 500; padding-right:0px;  padding:10px 30px;  background: #fff; position: relative; top: 25px;}
.partner-wrap .in-part ul{flex-wrap: wrap;  padding: 40px 0px;  display: flex;}
.partner-wrap .in-part:nth-child(3) ul{padding-bottom: 0px;}
.partner-wrap .in-part ul li{width: 16.6666%;    margin-top: 30px;}
.partner-wrap .in-part ul li i{display: block; padding: 10px 20px;}
.partner-wrap .in-part ul li:nth-child(6n) i{ margin-right: 0px;}

/* 회사소개 */
.ci-wrap .all{}
.ci-wrap .tabSet{}
.ci-wrap .tabSet ul.tabs {  padding-right: 0px;  overflow: hidden; display: flex; justify-content: center; max-width: calc(480px * 2); margin: 0 auto;}
.ci-wrap .tabSet ul.tabs  li{ flex: 1;    text-align: center;}
.ci-wrap .tabSet ul.tabs li a{font-weight: 600; font-size: 18px; color: #74817d;padding: 10px 20px;display: block;     border-bottom: 2px solid #74817d;}
.ci-wrap .tabSet ul.tabs li a:hover{}
.ci-wrap .tabSet ul.tabs li a.on{cursor:default;    color: #fff; background: #74817d;}
.ci-wrap .tabSet ul.tabs li a.on:hover{}
.ci-wrap .panels{margin-top:100px;}
.ci-wrap .panel{display:none;}


.com-intro{width: 100%; color: #fff; padding: 70px 0 100px;}
/* .com-intro ul{width: 100%;  box-sizing: border-box; padding: 140px 0; color: #fff;} */
.com-intro ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.com-intro ul li{width: 32.3%; height: calc(100vw / 3.1); box-sizing: border-box; padding: 50px; position: relative;}


.com-intro ul li:nth-child(1){background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/167157324289639.jpg) no-repeat center center; background-size: contain;}
.com-intro ul li:nth-child(2){background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/167154964366891.jpg) no-repeat center center; background-size: contain;}
.com-intro ul li:nth-child(3){background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/167157325841381.jpg) no-repeat center center; background-size: contain;}

/* .com-intro ul li .li_inner{max-width: 1200px; display: flex; justify-content: center; margin: 0 auto;} */
.com-intro ul li h3{text-align: left; margin-bottom: 0; line-height: 1; font-size: 36px;}
.com-intro ul li span{display: inline-block; width: 80px; height: 1px; background-color: #fff; margin: 36px 0;}
.com-intro ul li p{font-size: 17px; line-height: 1.6; position: absolute; top: calc(100% - 120px);padding-right:50px;}

:lang(en) .com-intro ul li p{top: calc(100% - 200px);}


.ci-wrap .panel ul{background: #f5f5f5; padding: 40px;}
.ci-wrap .panel ul li{}
.ci-wrap .panel ul li:first-child{}
.ci-wrap .panel ul li:last-child{line-height: 1.7; font-size: 18px; width: 700px; max-width: 100%; text-align: center; word-break: keep-all; margin: 0 auto; padding-top: 50px;}
.ci-wrap .panel ul li:last-child strong{font-weight: 600; color: #14519c;}
.ci-wrap .panel ul li:last-child strong.glv{font-weight: 600; color: #660db8;}
.ci-wrap .panel ul li:last-child strong.rx{font-weight: 600; color: #1167b2;}
.ci-wrap .panel ul li i{display:block; background-size: contain !important; background-position: center !important; padding-bottom: 110px;}
.ci-wrap .panel ul li i.ci-1{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163831034396938.png) no-repeat;}
.ci-wrap .panel ul li i.ci-2{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163589095970950.png) no-repeat;}
.ci-wrap .panel ul li i.ci-3{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163589116344495.png) no-repeat;}
.ci-wrap .panel div{margin-top:100px;}
.ci-wrap .panel-2 > div{margin-top:100px; }
.ci-wrap .panel div h5{text-align: center;font-size: 20px; font-weight: 600;}
.ci-wrap .panel div h5 span{position:relative; font-weight:600;}
.ci-wrap .panel div h5 span:before{position: absolute; content: ""; left: 50%; top: -25px; transform: translateX(-50%) rotate(45deg); width: 8px; height: 8px; background: #1f1513;}
.ci-wrap .panel ol{display: flex;margin-top: 50px;}
.ci-wrap .panel ol li{    width: 33.3333%; color:#fff;     margin-right: 16px;}
.ci-wrap .panel ol li:first-child{    background: #155199;}
.ci-wrap .panel.panel-2 div div ol li.purple{background:#660db8 !important;}
.ci-wrap .panel.panel-2 div div:nth-child(2) ol li:first-child{background:rgb(40, 49, 122);}
.ci-wrap .panel.panel-2 div div:nth-child(2) ol li:nth-child(2){background:rgb(72, 157, 197)}
.ci-wrap .panel.panel-2 div div:nth-child(2) ol li:nth-child(3){background:rgb(93, 93, 93)}
.ci-wrap .panel ol li:nth-child(2){    background: #e2c344;}
.ci-wrap .panel ol li:nth-child(3){    background: #1f1513;     margin-right: 0px;}
.ci-wrap .panel ol li div{    margin-top: 0px; padding: 30px;}
.ci-wrap .panel ol li div h2{    font-size: 17px; font-weight: 600; padding-bottom: 20px;}
.ci-wrap .panel ol li div p{font-size: 17px; }
.ci-wrap .panel ol li div p:first-child{padding-bottom: 10px;}
.ci-wrap .panel ol li div p span{}
.ci-wrap .panel ol li div p span:first-child{padding-right:16px;}


/* 연혁 */
.his-container{position:relative;}
.his-container:before { content:""; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 1px; height: 100%; background: #ddd; z-index: 1}
 
 .timeline-block {
    width: -webkit-calc(50% + 8px);
    width: -moz-calc(50% + 8px);
    width: calc(50% + 8px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    clear: both;
 }
 
 .timeline-block-right {float: right;}
 .timeline-block-right h3{text-align: left;}
 .timeline-block-left { float: left; direction: rtl}
 .timeline-block-left h3{text-align:right}
 .marker {width: 18px;height: 18px;border-radius: 50%;border: 2px solid #F5F7FA;background: #74817d;z-index: 9}
 .timeline-content { width: 95%; padding: 0 15px; color: #666; margin-bottom: 50px;}
 .timeline-content h3 {    margin-bottom: 5px; font-size: 35px; font-weight: 800; position: relative; top: -17px;}
 .timeline-content span.dot {width: 4px; height: 4px; background: #000; position: absolute; border-radius: 50%; top:10px;}
 .timeline-content p {position:relative; margin-bottom: 10px; font-size: 18px; display:flex;}
 .timeline-block-right p span:nth-child(2){padding-left: 20px;}
 .timeline-block-left p span:nth-child(2){padding-right: 20px;}

 


/* 조직도 */
.or-wrap{}
.or-wrap .or-content .top .cap{position:relative; text-align: center; background: #74817d;;  width: 230px; margin: 0 auto; border-radius:7px; margin-bottom:60px; height: 70px; color: #fff; line-height: 70px;  font-size: 20px;}
.or-wrap .or-content .top .cap:before{    position: absolute; content: ""; left: 50%; transform: translateX(-50%); bottom: -60px; width: 1px; height: 85%; background: #f1f1f1;}
.or-wrap .or-content .mid{position:relative;}
.or-wrap .or-content .mid:before{}
.or-wrap .or-content .mid:after{opacity: 0.3; position:absolute; content:""; background:#ccc; height:100%; width:1px; top: 0; left: 50%;}
.or-wrap .or-content .mid .org_inner{ position:relative;   padding: 60px 0px; text-align: right;}
.or-wrap .or-content .mid .org_inner .sub-cap{   text-align: right; padding: 0px 20px; line-height: 50px;  display: inline-block;}
.or-wrap .or-content .mid .org_inner:before{    position: absolute;
    content: ""; background: #ccc; opacity: 0.3; width: 50%; height: 1px; left: 50%; top: 50%; z-index: -1;}
.or-wrap .or-content .bot{position:relative; display:flex; padding: 60px 0px;}
.or-wrap .or-content .bot:before{  opacity: 0.3;  position: absolute; content: ""; width: 80%; height: 1px; background: #999797; top: 0; left: 50%; transform: translateX(-50%);}
.or-wrap .or-content .bot .org_inner{position:relative; width:20%; padding: 0 20px;}
.or-wrap .or-content .bot .org_inner > span{    position: absolute; width: 1px; background: #ddd; left: 50%; transform: translateX(-50%);}
.or-wrap .or-content .bot .org_inner:first-child > span{  height:90%;}
.or-wrap .or-content .bot .org_inner:nth-child(2) > span{ height:30%;}
.or-wrap .or-content .bot .org_inner:nth-child(3) > span{ height:20%;}
.or-wrap .or-content .bot .org_inner:nth-child(4) > span{ height:20%;}
.or-wrap .or-content .bot .org_inner:nth-child(5) > span{ height:30%;}
.or-wrap .or-content .bot .org_inner .type01{position: relative; font-size:17px; width: 100%; padding: 23px 8px; margin-right: 20px; border-radius: 5px; text-align: center; height: 70px; background-color: #fffdf5; border: 1px solid #74817d;}
.or-wrap .or-content .bot .org_inner .type01:after{   opacity: 0.3; position: absolute; content: ""; width: 1px; height: 70px; background: #999797; top: -60px; left: 50%; z-index: -1;}
.or-wrap .or-content .bot .org_inner:last-child .type01{margin-right:0;}
:lang(en) .or-wrap .or-content .bot .org_inner li{    display: flex; align-items: center; justify-content: center;}
.org-in-btm{}
.org-in-btm li{text-align: center;  border-radius:5px;  position: relative; margin:30px 0px; width: 100%; padding: 19px 8px; text-align: center; background-color: #f1f1f1;}
.org-in-btm li span{}


/* 오시는 길 */
.lo-all{}
.lo-all .tabSet{margin-bottom:30px;}
.lo-all .tabSet ul.tabs { overflow:hidden; display: flex; border-bottom: 2px solid #74817d;}
.lo-all .tabSet ul.tabs  li{width:50%;}
.lo-all .tabSet ul.tabs li a{display: block; font-size: 20px; font-weight: 600; text-align: center; height: 55px; line-height: 55px;}
.lo-all .tabSet ul.tabs li a:hover{}
.lo-all .tabSet ul.tabs li a.on{    cursor: default; color: #ffffff; background: #74817d;}
.lo-all .tabSet ul.tabs li a.on:hover{}
.lo-all .panels{ background:#fff; margin-top: 40px;}
.lo-all .panel{ font-size:14px; color:#4d4d4d; display:none; }
.lo-all .panel .map{}
.lo-all .panel .map iframe{width:100%; height:300px; border: 1px solid #ddd !important;}
.lo-all .panel .info{ margin-top: 40px;display: block;border-top: 1px solid #ddd;}
.lo-all .panel .info li{  padding: 16px 0px;  border-bottom: 1px solid #ddd; display: flex; align-items: center;}
.lo-all .panel .info li span{font-size: 17px; font-weight: 800; color: #333333; width: 90px;}
.lo-all .panel .info li p{display:inline-block; padding-left: 20px; width: calc(100% - 90px);}
.lo-all .panel .info li:nth-child(2){display:flex;}
.lo-all .panel .info li:nth-child(2) div{width:50%;}
.lo-all .panel .info li:nth-child(2) div:first-child{border-right:1px solid #ddd; margin-right: 20px;}
.lo-all .panel#panel1-2 ul.info li:last-child{margin-bottom: 60px;}
.lo-all .panel#panel1-2 :last-child ul.info li:last-child{margin-bottom: 0;}

/* ----------- 22.11.01 ------------ */
/* 브랜드 */
.br-mid > div{}
.br-mid > div table{ border: 1px solid #ccc;  width: 100%;}
.br-mid > div table tr{display: flex; align-items: stretch;border-bottom: 1px solid #ccc;}
.br-mid > div table tr:last-child{border-bottom: 0px;}
.br-mid > div table tr td{position:relative; width: 33.3333%; border-right:1px solid #ccc;}
.br-mid > div table tr td:nth-child(2),.br-mid > div table tr td:nth-child(3){padding:20px;}
.br-mid > div table tr td:last-child{border-right:0px;}
.br-mid > div table tr:nth-child(1) td span{    color: #00abc3;}
.br-mid > div table tr:nth-child(2) td span{    color: #442a28;}
.br-mid > div table tr:nth-child(3) td span{color: #3d6447;}
.br-mid > div table tr:nth-child(4) td span{    color: #4f1c76;}
.br-mid > div table tr td > div{    position: absolute; top: 50%; transform: translateY(-50%);}
.br-mid > div table tr td i{display:block; background-size: cover !important; background-position: center !important;    width: 100%; padding-bottom: 220px;}
.br-mid > div table tr td i.br-2{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163874309981178.jpg) no-repeat;}
.br-mid > div table tr td i.br-3{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163874319310695.jpg) no-repeat;}
.br-mid > div table tr td i.br-4{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/167097276845767.jpg) no-repeat;}
.br-mid > div table tr td i.br-5{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163874337742031.jpg) no-repeat;}
.br-mid > div table tr td span{    font-size: 15px; font-weight: 500;}
.br-mid > div table tr td h4{    font-weight: 600; font-size: 18px; padding: 10px 0px;}
.br-mid > div table tr td p{    font-size: 15px; color: #777777; font-weight: 500;}
.br-wrap{}
.br-wrap .br-top{}
.br-wrap .br-top i{display: block; background-position: center !important; padding-bottom: 160px; background-size: contain !important;}
.br-wrap .br-top .br-1{background:url(../img/glovu-logo.png) no-repeat;}
.br-wrap .br-top .br-2{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163589116344495.png) no-repeat;}
.br-wrap .br-top .br-3{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163873310019347.png) no-repeat; padding-bottom:120px}
.br-wrap .br-top .br-4{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163597177428768.jpg) no-repeat;}
.br-wrap .br-top .br-5{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/16359759864820.png) no-repeat;}
.br-wrap .br-top .br-6{background:url(../img/dokdo-logo.png) no-repeat;}

.br-wrap .br-top .br-txt{text-align: center; margin-top: 20px;}
.br-wrap.type04 .br-top .br-txt{margin-top: 40px;}
.br-wrap .br-top .br-txt h1{   font-size: 25px; font-weight: 600; color: #19a459; }
.br-wrap.type05 .br-top .br-txt{margin-top:40px;}
.br-wrap.type05 .br-top .br-txt h1{font-size: 20px; font-weight: 600; color: #1193a9;; margin-bottom: 20px;}
.br-wrap.type02 .br-top .br-txt h1{font-size: 22px; font-weight: 600; color: #146ab2;; }
.br-wrap.type03 .br-top .br-txt h1{font-weight: 600; color: #5a5a5a; margin-bottom: 20px; }
.br-wrap.type04 .br-top .br-txt h1{   font-size: 20px; font-weight: 600;    color: #01793c; margin-bottom: 20px;}
.br-wrap.type06 .br-top .br-txt h1{ color: #957157; margin-bottom: 20px;}
.br-wrap .br-top .br-txt p{    margin: 20px 0px; font-size: 18px; font-weight: 600;}
/* .br-wrap .br-top .br-sub-txt{padding:0px 10px;} */
.br-wrap .br-top .br-sub-txt.type02{color: #ef0101;;    margin-top: 20px;}
.br-wrap .br-top .br-sub-txt.type02 p{font-size: 15px;}
.br-wrap .br-top .br-sub-txt p{margin:0px; font-size: 17px;font-weight: 300;     line-height: 1.7;}
.br-wrap.type04 .br-top .br-sub-txt p:nth-child(3){padding-top: 20px;}
.br-wrap .br-top .br-sub-txt p strong{ font-weight: 600; font-size:18px}
.br-wrap.type04 .br-top .br-sub-txt p strong{color:#01793c; }
.br-wrap .br-top .br-sub-txt p strong{color:#1193a9; }
.br-wrap.type04 .br-mid ul{display: flex;}
.br-wrap.type04 .br-mid ul li{width:25%;}
.br-wrap.type04 .br-mid ul li p{text-align:center; font-size: 17px; font-weight: 600;}
.br-wrap.type04 .br-mid ul li i{}
.br-wrap.type02 .br-btm ul li{width:33.3333%; }
.br-wrap.type02 .br-btm ul li div{margin-right: 16px !important;border: 1px solid #959595;}
.br-wrap.type02 .br-btm ul li div p{font-weight:500}
.br-wrap.type02 .br-btm ul li:last-child div{margin-right: 0px !important;}
.br-wrap .br-mid table{}
.br-wrap .br-btm{}
.br-wrap.type03 .br-btm > p{text-align: center; margin-top: 20px;}
.br-wrap > div{margin-top:100px;}
.br-wrap .br-btm h2{position:relative; text-align: center; font-size: 20px; font-weight: 600;}
.br-wrap .br-btm h2:after{position:absolute; content:""; width:8px; height:8px; background:#000; left:50%; top: -23px; transform:translateX(-50%) rotate(45deg)}
.br-wrap .br-btm ul{display: flex; flex-wrap: wrap; margin-top: 50px;}
.br-wrap .br-btm ul li{width:50%;    display: flex; }
.br-wrap.type03 .br-btm ul li{width:33.3333%}
.br-wrap.type03 .br-btm ul li div{border: 1px solid #959595;}
.br-wrap.type03 .br-btm ul li div p{font-weight: 500;}
.br-wrap.type03 .br-btm ul li:nth-child(2) div{margin-right:16px;}
.br-wrap .br-btm ul li div{background: #f9f9f9; padding: 40px 20px;  width:100%;  margin-right: 16px; margin-bottom: 16px; text-align: center;    display: flex;
    justify-content: center; align-items: center;flex-direction: column;}
.br-wrap .br-btm ul li:nth-child(2n) div{margin-right:0px}
.br-wrap .br-btm ul li strong{display: inline-block; font-weight: 800; font-size: 20px; padding-bottom: 10px;}
.br-wrap .br-btm ul li p{font-size: 17px;}
.br-wrap .br-btm ul li span{font-size: 14px; color: #d70000ed; word-break: keep-all; width: 100%; display: block; border-top: 1px dashed #ccc; padding-top: 12px; margin-top: 12px;}
.br-wrap.type04 .br-btm ul li:first-child div strong{color:#efb84a}
.br-wrap.type04 .br-btm ul li:nth-child(2) div strong{color:#eb6484}
.br-wrap.type04 .br-btm ul li:nth-child(3) div strong{color:#aac71d}
.br-wrap.type04 .br-btm ul li:nth-child(4) div strong{color:#67699c}


.br-wrap.type04 .br-btm ul{flex-wrap: nowrap;}
.br-wrap.type04 .br-btm ul li div{border: 1px solid #01793c; background: #fff;}
.br-wrap.type04 .br-btm ul li:nth-child(2n) div{margin-right:16px;}
.br-wrap.type04 .br-btm ul li:nth-child(4) div{margin-right:0px;}
.br-wrap.type04 .br-btm ul li div strong{font-size: 21px;}
.br-wrap.type04 .br-btm ul li div span{font-size: 18px; color: #4c4b4bed; font-weight: 600;}

.br-wrap.type05 .br-btm p{text-align: center;}
.br-wrap.type05 .br-btm ul{flex-wrap: wrap;}
.br-wrap.type05 .br-btm ul li{width:33.3333%;}
.br-wrap.type05 .br-btm ul li div{display:block; border: 1px solid #01793c; background: #fff; padding:20px;}
.br-wrap.type05 .br-btm ul li div i{display:block; background-size: cover !important; background-position: center !important; padding-bottom: 210px;}
.br-wrap.type05 .br-btm ul li div i.bio-1{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163621174623295.jpg) no-repeat}
.br-wrap.type05 .br-btm ul li div i.bio-2{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163621175059971.jpg) no-repeat}
.br-wrap.type05 .br-btm ul li div i.bio-3{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163621175693375.jpg) no-repeat}
.br-wrap.type05 .br-btm ul li div i.bio-4{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/16362117627499.jpg) no-repeat}
.br-wrap.type05 .br-btm ul li div i.bio-5{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163621176674332.jpg) no-repeat}
.br-wrap.type05 .br-btm ul li div i.bio-6{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163621177090176.jpg) no-repeat}
.br-wrap.type05 .br-btm ul li:nth-child(2n) div{margin-right:16px;}
.br-wrap.type05 .br-btm ul li:nth-child(3n) div{margin-right:0px;}
.br-wrap.type05 .br-btm ul li div strong{font-size: 18px; text-align: center; width: 100%; margin-top:20px;}
.br-wrap.type05 .br-btm ul li div span{font-size: 17px; color: #4c4b4bed; font-weight: 600;}

/* 브랜드 */
.br-img-wrap{}
.br-img-wrap .br-img-top{}
.br-img-wrap .br-img-top i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163889641262247.jpg) no-repeat;display:block; padding-bottom: 31%; background-size: cover !important; background-position: center !important;}
.br-img-wrap .br-img-top.type02 i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163890377061616.jpg) no-repeat;}
.br-img-mid{display:flex; margin-top:150px;    align-items: center;}
.br-img-mid.type02, .br-img-mid.type04{margin-top:40px;}
.br-img-mid li{width:50%}
.br-img-mid li.br-img-right{margin-left: 100px;}
.br-img-mid li.br-img-right i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163889712552370.jpg) no-repeat; padding-bottom: 100%;}
.br-img-mid li.br-img-left{padding: 0px 100px;     padding: 0px 6% 0px 14%;}
.br-img-mid li.br-img-left i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163889713133579.jpg) no-repeat; padding-bottom: 50%; padding-bottom: 120%;}
.br-img-mid li i{display: block; background-position: center!important; background-size: cover !important;}
.br-img-mid.type02 .br-img-right i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163890175272367.jpg) no-repeat;}
.br-img-mid.type02 .br-img-left i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163890174379410.jpg) no-repeat;}
.br-img-mid.type03 .br-img-right i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/16389023472249.jpg) no-repeat;}
.br-img-mid.type03 .br-img-left i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163890235362320.jpg) no-repeat;}
.br-img-mid.type04 .br-img-right i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163890235854787.jpg) no-repeat;}
.br-img-mid.type04 .br-img-left i{background:url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163891056320936.jpg) no-repeat;}
.back-font-wrap{position:relative; padding-top:450px;}
.back-font{position:absolute;position: absolute; left:60%; top: 50%; transform:translateY(-50%);}
.back-font h6{    font-weight: 700; position: relative; line-height: 1;font-size: 30vh; color: rgb(102 13 184 / 9%);}
.back-font h6 span{font-weight:600}
/* .back-font h6 span{font-weight: 600; font-family: 'Cormorant Garamond', serif;} */
.back-font-wrap.type02 .back-font h6{color: rgb(0 53 161 / 9%);}


/* 브랜드-지러뷰 */

.content.brand1_content{padding:40px 0 0 !important; margin: 0 auto;}
.content.brand1_content .brand1 .br1_container{max-width: 1660px; margin: 0 auto;}
.content.brand1_content .br-txt p{padding-bottom: 12px;}
.content.brand1_content .br-txt p:last-child{padding-bottom: 0;}
.br1.content{padding-bottom: 0;}
.brand1{padding-top: 100px;}
.brand1 .br1_container{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 0 16px;}
.brand1 .br1_container .br1_img{width: 48%; margin-bottom: 120px;}
.brand1 .br1_container .br1_text{width: 48%; box-sizing: border-box; padding: 30px 30px 50px;}
.brand1 .br1_container .br1_text h3.br_tit{font-size: 32px; font-weight: 500; margin-bottom: 0; text-align: left !important;}
.brand1 .br1_container .br1_text h4.br_titsmall{font-size: 22px; font-weight: 600; margin-bottom: 30px; color: #888;}                       
.brand1 .br1_container .br1_text p{font-size: 18px; line-height: 30px;}


.br1_btn .br_btn{font-size: 16px; display: inline-block; padding: 12px; border: 1px #445450 solid; border-radius: 27px; margin: 30px 6px 0; width: 200px; transition: all 0.2s;}
.br1_btn .br_btn:hover{background-color: #445450; color: #fff;}
:lang(en) .br1_btn .br_btn{width: 250px; max-width: 100%;}
/* shop_go */
.shop_go {font-size: 16px; padding: 16px 30px; color: #445450;; border: #445450 1px solid; font-weight: 400; transition: all 0.2s; margin-top: 50px; }
.shop_go:hover{color: #fff; background-color: #445450;}





/* 브랜드-알엑스더마/루이앙뜨 */
.br_container {max-width: 1660px; margin: 0 auto; padding: 0 16px;}
.br_container .br_wrapper{display: flex; flex-wrap: wrap; justify-content: space-between; object-fit: contain;}
.br_container .br_wrapper .br_item{width: 32.5%; box-sizing: border-box; justify-content: space-between;}
.br_container .br_wrapper .br_item:first-child{padding-left: 0;}
.br_container .br_wrapper .br_item:last-child{padding-right: 0;}
.br_container .br_wrapper .br_item .britem_img img{width: 100%;}
.br_container .br_wrapper .britem_text{text-align: center;}
.br_container h3{font-weight: 600; color: #146ab2; font-size: 36px;}
.br_container .br_wrapper .britem_text h4{font-size: 22px ; line-height: 28px; padding: 28px 0 0; font-weight: 600;}
.br_container .br_wrapper .britem_text h5{font-size: 16px; font-weight: 600; color: #999; padding-top: 6px;}
.br_container .br_wrapper .britem_text p{text-align: center; font-size: 18px; margin-top: 14px; line-height: 1.6;} 
.br_container h3.rx_tit{font-weight: 600; font-size: 36px;}

/* 브랜드-알엑스더마 */
.br_container h3{font-weight: 600; color: #146ab2;}

/* 브랜드-루이앙뜨 */
.br_container h3.luiantt_tit{font-weight: 600; color: #37591c; padding-top: 80px;}

.br3_container{max-width: 1200px;}
.br3_container .br_wrapper .br_item{}



/* 브랜드-비비톡톡 */
.bbtt_concept{margin: 0 auto; justify-content: center; display: flex; justify-content: center; padding-top: 80px; align-items: center;}
.bbtt_concept .bbtt_bg{width: 28%;}

.bbtt_concept .bbtt_wrap div{box-sizing: border-box; padding: 14px 0 0 80px; width: 100%;}

.bbtt_concept .bbtt_wrap div h5{font-size: 30px; line-height: 34px; font-weight: 800;padding: 8px 0 8px 46px;}

.bbtt_concept .bbtt_wrap div p{padding: 8px 0 18px;}
.bbtt_concept .bbtt_wrap div p span{font-weight: 600;}

.bbtt_concept .bbtt_wrap div:nth-child(1) h5{color: #7a0f80; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/167071375611713.png) no-repeat left 30% ; border-bottom: 2px solid #7a0f80;  background-size: 40px;}
.bbtt_concept .bbtt_wrap div:nth-child(2) h5{color: #007ec4; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/167071376260565.png) no-repeat left center ; border-bottom: 2px solid #007ec4;  background-size: 40px;}
.bbtt_concept .bbtt_wrap div:nth-child(3) h5{color: #d40076; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/167071376573655.png) no-repeat left center ; border-bottom: 2px solid #d40076;  background-size: 40px;}
.bbtt_concept .bbtt_wrap div:nth-child(4) h5{color: #218e48; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/167071377334267.png) no-repeat left center ; border-bottom: 2px solid #218e48;  background-size: 40px;}

.bbtt_concept .bbtt_wrap div:nth-child(1) p span{color: #7a0f80; }
.bbtt_concept .bbtt_wrap div:nth-child(2) p span{color: #007ec4;}
.bbtt_concept .bbtt_wrap div:nth-child(3) p span{color: #d40076;}
.bbtt_concept .bbtt_wrap div:nth-child(4) p span{color: #218e48;}

.bbtt_pd{padding-bottom: 80px; width: 1440px; margin: 0 auto; max-width: 100%; padding: 0 16px 80px;}
.bbtt_pd .bbtt_pdwrap {display: flex; flex-wrap: wrap;}
.bbtt_pd .bbtt_pdwrap > div{width: 50%; display: flex; flex-wrap: wrap; align-items: center; padding: 20px; margin-bottom: 30px;}
.bbtt_pd .bbtt_pdwrap div .bbtt_imgwrap, .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap {width: 50% !important;}

.bbtt_pd .bbtt_pdwrap div .bbtt_imgwrap{padding-right: 20px;}
.bbtt_pd .bbtt_pdwrap div .bbtt_textwrap{padding-left: 20px;}

.bbtt_pd .bbtt_pdwrap div .bbtt_textwrap ul li{font-size: 15px;}
.bbtt_pd .bbtt_pdwrap div .bbtt_textwrap h5{font-size: 22px; font-weight: 600; padding-bottom: 10px;}

.bbtt_pd .bbtt_pdwrap div .bbtt_textwrap h5 span{font-weight: 800; font-size: 28px;}
.bbtt_pd .bbtt_pdwrap div:nth-child(1) .bbtt_textwrap h5 span{color:#7a0f80;}
.bbtt_pd .bbtt_pdwrap div:nth-child(2) .bbtt_textwrap h5 span{color:#007ec4;}
.bbtt_pd .bbtt_pdwrap div:nth-child(3) .bbtt_textwrap h5 span{color:#d40076;}
.bbtt_pd .bbtt_pdwrap div:nth-child(4) .bbtt_textwrap h5 span{color:#218e48;}

.bbtt_pd .bbtt_pdwrap div .bbtt_textwrap .bbtt_small{font-size: 14px; border-radius: 14px; padding: 3px 12px 0; display: inline-block; color: #fff; margin-top: 14px;}

.bbtt_pd .bbtt_pdwrap div:nth-child(1) .bbtt_textwrap .bbtt_small{background-color:#7a0f80;}
.bbtt_pd .bbtt_pdwrap div:nth-child(2) .bbtt_textwrap .bbtt_small{background-color:#007ec4;}
.bbtt_pd .bbtt_pdwrap div:nth-child(3) .bbtt_textwrap .bbtt_small{background-color:#d40076;}
.bbtt_pd .bbtt_pdwrap div:nth-child(4) .bbtt_textwrap .bbtt_small{background-color:#218e48;}




/* 브랜드 독도 리본 */

.brand6 {margin-bottom:100px;}

.br6_btn .br_btn{font-size: 16px; display: inline-block; padding: 12px; border: 1px #957157 solid;color:#957157; border-radius: 27px; margin: 30px 6px 0; width: 200px; transition: all 0.2s;}
.br6_btn .br_btn:hover{background-color: #957157; color: #fff;}

.br6_container {text-align: center;}
.br6_container h3 { color:#5a4635;margin-bottom: 0px;}
.br6_container span {font-size:24px;font-weight:500; }
.br6_container p {font-size:18px;margin :30px 0 40px;;}
.br6_container a {font-size: 16px;display: inline-block;
    padding: 16px 30px;
    color: #957157;
    border: #957157 1px solid;
    font-weight: 400;
    transition: all 0.2s;
    margin-bottom: 50px ;}

.br6_container a:hover {background:#957157;color:#fff;}

.br6_img_wrap {display: grid;gap:15px;grid-template-columns: 1fr 1fr 1fr;}
.br6_img_wrap>figure {aspect-ratio: 4/5;overflow:hidden}
.br6_img_wrap img {width:100%;height:100%;object-fit: cover;display: block;}

.br6_img_wrap2 {height:100%;display:flex;flex-direction: column;gap:15px;}
.br6_img_wrap2 figure {height:calc( 50% - 14px );}

.line-vertical {width:2px;height:150px;background:#ddd;margin-top:0;margin-left:auto;margin-right:auto;}




/* certification 인증서 */

/* table */
.certif {padding-top: 150px;}
.certif .certiftxt table{margin:60px auto 100px; width:100%; }
.certif .certiftxt table td, .certif .certiftxt table th{padding: 14px 0; text-align: center; font-size: 18px;}
.certif .certiftxt table td{border-bottom: 1px solid #ccc;}
.certif .certiftxt table th{font-weight: 600; background-color: #edecec; border-left: #fff 2px solid; color: #777;}
.certif .certiftxt table tr td:first-child{width: 20%;}

/* img */

.certif .certifimg ul{margin: 0 auto;}
.certif .certifimg ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.certif .certifimg ul li.certimg_box {width:25%; padding:12px;}
.certif .certifimg ul li.certimg_box div.certimg_wrap{position: relative; padding-bottom: 150%; overflow: hidden;}
.certif .certifimg .certimg_box img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; border: 1px solid #ccc;}






/* brand stroy */

/* info */
.brand_title{font-size:3rem; font-weight: bolder; }
.brand_stroy .info{display: flex;position:relative;margin-top:80px;}
.brand_stroy .info .left{height:450px; width:70%; position:relative}
.brand_stroy .info .left p{position:absolute; bottom:52px; left:60px; color:#fff; opacity: 0.8;    font-size: 2.2rem;}


.brand_stroy .info .right{background: #fff; position:absolute; top:50%; right:50px; transform: translateY(-50%); padding:70px 60px;    width: 50%;}
.brand_stroy .info .right > i {display: block; width:250px; margin-bottom:40px;}
.brand_stroy .info .right .text_box p{color:#666; font-size:1rem}
.brand_stroy .info .right .text_box p:first-child{margin-bottom:20px;}
.brand_stroy .info .right .text_box p:last-child{font-weight:700;margin-top:3px;}
    

    /* info */
    
.brand_stroy .story{margin-top:140px;}
.brand_stroy .story .story_bg{width:100%; height:300px; position:relative;background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML_KOREA/160295177716373.jpg) no-repeat center center fixed;}
.brand_stroy .story .brand_title{text-align: left; position:absolute; left:50px; top:20px; opacity: 0.6; color:#fff;width: 100%;}
.brand_stroy .story .text_box{text-align: center;margin-top:40px; line-height: 2em; font-size:1rem; color:#555; background-color: #fff;width: 90%; margin: 0 auto;
    padding:50px 30px; transform: translateY(-80px);}
.brand_stroy .story .text_box .blod{font-weight: bold; color:#333}
.brand_stroy .story .text_box p:last-child{margin-top:20px;    word-break: break-all;text-align: left;}


    /* history */
.brand_stroy .history ul{position:relative;margin-top:20px;}
.brand_stroy .history .brand_title{opacity: 0.7;}
.brand_stroy .history ul::before{content:''; display:block; width:1px; height:102%; background-color: #ddd; position:absolute; top:0; left:50%;}
.brand_stroy .history ul li{margin-bottom:110px; position:relative}
.brand_stroy .history ul li::after{content:''; display: block; width:12px; height:12px; background-color: #ddd; position:absolute; top:10px; left:50%;transform: translateX(-50%); border-radius: 50px;;}
.brand_stroy .history ul li:hover .year{color:#be3434}
.brand_stroy .history ul li:hover::after{background-color:#be3434;font-size: 16px;}
.brand_stroy .history ul li .history_box{line-height: 2em; color:#555;font-size: 16px;}
.brand_stroy .history ul li .year{font-size:2rem; font-family: play; font-weight: bolder;transform: translateY(-10px);}
.brand_stroy .history ul li > div{width:50%; padding:0 40px;}
.brand_stroy .history ul li:nth-child(2n-1){display: flex;flex-direction: row;}
.brand_stroy .history ul li:nth-child(2n-1) .year{text-align: right;}

.brand_stroy .history ul li:nth-child(2n){display: flex;flex-direction: row-reverse;}
.brand_stroy .history ul li:nth-child(2n) .year{text-align: left;}
.brand_stroy .history ul li:nth-child(2n) .history_box{text-align: right; }
.brand_stroy .history ul li .history_box{position:relative;transform: translateY(40px);}

.brand_stroy .history ul li:nth-child(2n-1) .history_box::before{content:''; display: block; width:60%; height:1px; position:absolute; top:-24px;
    left: -30px; border-radius: 50px;border-top: 1px dashed #ddd;}
.brand_stroy .history ul li:nth-child(2n) .history_box::before{content:''; display: block; width:60%; height:1px; border-top: 1px dashed #ddd; position:absolute; top:-24px;; right: -30px; border-radius: 50px;;}

.brand_stroy .history ul li .history_box p img{width:130px; margin-left:20px;}

    /* 사업장안내 */
.brand_stroy .loca{position:relative;}
.brand_stroy .loca .brand_title{text-align: center; font-family: 'S-CoreDream-4Regular'; font-weight: 900;font-size:2.2rem }
.brand_stroy .loca .loca_box{ position:absolute; left:50%; padding:50px; background-color: #fff; z-index: 99;    font-family: 'S-CoreDream-3Light';top: 590px;width:70%;transform: translateX(-50%);}

.brand_stroy .loca .map{margin-top:15px;margin-bottom:160px;}
.brand_stroy .loca .map .root_daum_roughmap{width:100%; height:100%;}
.brand_stroy .root_daum_roughmap .wrap_map { height: 500px;}

.brand_stroy .loca .loca_box .loca_title{font-size:1.5rem;; text-align: center;}
.brand_stroy .loca .loca_box .loca_title .fa{margin-right:10px}

.brand_stroy .loca .loca_box ul{width:90%; margin:50px auto 0 auto;text-align: center;}
.brand_stroy .loca .loca_box ul li {border-right:1px solid #ddd; display: inline-block;    padding: 0 50px;}
.brand_stroy .loca .loca_box ul li > div{display: flex;align-items: center;}
.brand_stroy .loca .loca_box ul li:last-child{border:none}
.brand_stroy .loca .loca_box ul li i{width:40px;margin-right:15px; display: block;}
.brand_stroy .loca .bold{font-weight: 800;} 



/* 홍보 영상 */

.promotion ul li{margin-top:30px; cursor:pointer}
.promotion ul li > div{position:relative; border:1px solid #ddd}
.promotion ul li .promotion_bg{display: block; width:100%; height:356px;}
.promotion02 ul li .promotion_bg{display: block; width:100%; height:216px; background-size: cover !important; background-position: center !important;}
.promotion02 ul li .play-btn{position: absolute; display: block; top:30%; left:50%; transform:translate(-50%,-50%)}

.promotion ul li .promotion_bg img{width:100%;}
.promotion ul li .text_box{padding:20px 20px;position:relative}
.promotion02 ul li .text_box{}
.promotion ul li .text_box .con_title{font-size:1.25rem;}
.promotion ul li .text_box .con_text{font-size:0.937rem; color:#666;line-height: 1.7em; margin-top: 6px;}
.promotion ul li .text_box .con_text.target03{height: 3em}
.promotion ul li .text_box .con_date{font-size:0.937rem; text-align: right;margin-top:12px; color:#888;}
.promotion ul li .text_box .progress{font-size:13px; font-weight: 800; font-family:'S-CoreDream-3Light'; margin-bottom:5px}
.promotion ul li .text_box .progress .new{background-color:#e3c72c ;padding:1px 5px; color:#fff;font-size:11px; margin-right:5px;}
.promotion ul li .text_box .progress .ing{color:#be3434;}
.promotion ul li .text_box .progress .end{color:#be3434;}


.promotion.event ul li .text_box{padding:20px 20px;height:130px;position:relative}

/* .pro_mov{display: flex; flex-wrap: wrap;} */
.promotion ul li > div{height: 100%;}



/*  자주하는 질문 */
dl.accordion{width:100%;margin:0 auto 20px;}
.accordion dt{font-size:1.125rem; font-weight: 300; border:1px solid #ddd;padding:20px 55px;	margin:0 0 2px;position:relative}
.questions_point01{font-size:1.875rem;font-weight: 500;margin-right:5px; color:#444;position:absolute; top:50%; transform: translateY(-50%); left:20px;}
.questions_point02{font-size:1.875rem; font-weight: 500;margin-right:5px; color:#e52d18; position:absolute; top:50%; transform: translateY(-50%);  left:20px;}

.accordion dt i{width:30px; display: block;position:absolute;top:50%;transform: translateY(-50%); right:20px;}

.accordion dt i.on{transform: rotate(180deg) translateY(20px);}


.accordion dd{font-size:1.125rem; font-weight: 300;color:#4d4d4d;	background:#fff;padding:20px 50px;margin:0 0 2px;display:none;position:relative; }
/* search_box */
.questions .questions_top{margin-top:30px;}
.questions .questions_top .search {margin-left: auto; border: 1px solid #ddd;width: 20%; display: flex; align-items: center;}
.questions .questions_top .search input { border: none; outline: 0; font-size: 14px;
    padding: 10px; border-right: 1px solid #ddd; width: 90%;}
.questions .questions_top .search button { height: 28px; border: none; padding: 0 10px;
    cursor: pointer; background-color: #fff; margin: 0 auto;}
.questions .questions_top .search button i { font-size: 1.25rem; color: #333;}

/*  지식재산권 */
.certification .list_in{margin-top:30px;}
.certification .certification_list li{margin-bottom:60px;}
.certification .certification_list li .certification_img{position:relative; height: auto
    ;}
.certification .certification_list li .certification_img::after{content:'';display: block;width:100%; height:100%;border:1px solid #ddd;position:absolute; top:0;left:0;}
.certification .certification_list li .text_box{padding:10px 0;height: 150px;}
.certification .certification_list li .con_mini{font-size:0.812rem; font-weight: 800; color:#be3434}
.certification .certification_list li .con_title{font-size:1.125rem;margin-top:15px; margin-bottom:5px;}
.certification .certification_list li .con_text{font-size:0.875rem;}

.certification .cer_top {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    /* margin: 30px auto; */
}
.certification .cer_top .cer_list {
    margin-right: 10px;
    position: relative;
}
.certification .cer_top .cer_list p {
    border: 1px solid #ddd;
    width: 180px;
    padding: 10px;
    font-size: 14px;
    position: relative;
}
.certification .cer_top .cer_list p::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    transform: rotate(
135deg) translateX(-50%);
    position: absolute;
    right: 20px;
    top: 42%;
}
.certification .cer_top .cer_list ul {
    padding: 10px;z-index: 999;
    font-size: 14px;
    border: 1px solid #ddd;
    line-height: 2em;
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 43px;
    display: none;
}
.certification .cer_top .search {
    border: 1px solid #ddd;
    width: 20%;
    display: flex;
    align-items: center;
}
.certification .cer_top .search input {
    border: none;
    outline: 0;
    font-size: 14px;
    padding: 12px;
    border-right: 1px solid #ddd;
    width: 90%;
}
.certification .cer_top .search button {
    height: 28px;
    border: none;
    padding: 0 10px;
    cursor: pointer;
    background-color: #fff;
    margin: 0 auto;
}
.certification .cer_top .search button i {
    font-size: 1.25rem;
}




.page_but i.fa{color:#666}
.page_but { margin-top: 60px;}
.page_but ul { width: 100%; display: flex; align-items: center; justify-content: center;font-size: 15px;
    color: #666}
.page_but ul li.arrow { color: #000; font-size: 16px; margin:0px; }
.page_but ul li { padding: 0 3px; margin: 0 8px; color: #888; font-size: 14px; border-bottom: 0px !important;}
.page_but ul li.active {border-bottom: 2px solid #000; color: #000; font-size: 16px;}
.page_but ul li.arrow i{display: block; width:16px; position:relative; top:3px;}


/* news 뉴스 */

.top-03{display: flex; flex-wrap: wrap; justify-content: space-between;}
.news h2.news{padding-bottom: 40px;}
.news ul{display: flex; flex-wrap: wrap; margin: 0 auto;}
.news ul li{width: 25%;}
.news ul li .mn_img img{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.news ul li .mn_img{width:100%; padding-bottom:95%; position: relative;}
.mn_tit{padding-top: 20px; font-size: 20px; line-height: 36px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news ul li a{display: block; margin: 0 auto; width: 95%;}






/* 공지사항 */


.notice{width:80%; margin:0 auto;}
.notice h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.notice .notice_top {display: flex;justify-content: flex-end;margin:30px auto;width:100%}
.notice .notice_top .search{border:1px solid #ddd;     width: 20%;
 display: flex;align-items: center;}
.notice .notice_top .search input{ border: none; outline: 0;font-size: 14px;padding: 10px; border-right: 1px solid #ddd;width:90%;}
.notice .notice_top .search button{height: 28px; border: none; padding:0 10px;cursor: pointer; background-color: #fff;margin: 0 auto;}
.notice .notice_top .search button i{display:block; width: 16px;}



.notice .table ul li > div{display: flex; text-align: center;align-items: center;}
.notice .table ul p{padding:15px 5px}
.notice .table .head_table{font-weight: bold; color:#999;border-bottom:1px solid #888;}
.notice .table .body_table li{ cursor:pointer; border-bottom:1px solid #ddd;padding:10px 0;}
.notice .table .t_no{width:10%;color: #888;}
.notice .table .t_title{width:45%; max-width: 540px;}
.notice .table .body_table .t_title{text-align: left;}
.notice .table .body_table .t_title span{width: 100%; display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.notice .table .t_name{width:15%;color: #888;}
.notice .table .t_date{width:20%;color: #888;}
.notice .table .t_views{width:10%;color: #888;}


/* 공지사항 view */
textarea{outline: 0; padding:10px;}
input{outline: 0;}
.notice_view .top .view_title{font-size:1.5rem; width:100%; border-bottom:1px solid #ddd; padding:10px 0;}
.notice_view .top > div{display: flex;justify-content: space-between; padding:10px 0; font-size:0.875rem; color:#888}
.notice_view .body{border-top: 2px solid #74817d;border-bottom: 2px solid #74817d; /* padding-top:20px;  */min-height: 400px;height: 100%;}
.notice_view .body .text_box_sec{min-height: 400px;}
.notice_view .body textarea{border:none}
.notice_view .body .body_in_file {border-top:1px solid #ddd; padding:10px 0;}
.notice_view .body .body_in_file i{display: inline-block; width: 13px; margin-right: 5px;}
.notice_view .body .body_in_file p{color:#888;font-size:13px;}
.notice_view .body .body_in_file p a{cursor: pointer;}
.notice_view .bottom .post { border-bottom:2px solid #74817d}
.notice_view .bottom .post > div{display: flex; padding:15px 0; border-bottom:1px solid #ddd}
.notice_view .bottom .tit{display: flex;width: 13%; justify-content: space-between; align-items: center;padding-left:10px}
.notice_view .bottom .post > div i{display: block; width:13px;}
.notice_view .bottom .post .next_post i{    transform: rotate(-90deg);}
.notice_view .bottom .post .previous_post i{  position: relative; left: -4px;  transform: rotate(90deg);}
.notice_view .bottom .post_text{padding-left:30px;}
.notice_view .bottom .button{text-align: right;margin-top:40px;}
.notice_view .bottom .button button{padding:10px 50px; border:1px solid #bbb; background-color: #bbb; color:#fff}


.qna_view #content{min-height: 300px;}
.qna_view .answer {}
.qna_view .answer .fa-arrow-right:before{font-size: 13px;background-color: #f5f5f5;margin-top:10px;}





/* 1:1문의 */
.qna h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.qna .qna_top {display: flex;justify-content:flex-end ;    width: 100%;
    margin: 30px auto;}
.qna .qna_top .category_list{margin-right:10px; position:relative;     width: 13%;}
.qna .qna_top .category_list p{border:1px solid #ddd;  width:180px; padding:10px;font-size: 14px; position:relative;width: 100%;}
.qna .qna_top .category_list p::after{content: ''; display: block; width:6px; height:6px; border-top:2px solid #ddd; border-right:2px solid #ddd; transform: rotate(135deg) translateX(-50%); position:absolute; right:20px; top:42%;}
.qna .qna_top .category_list ul{padding:10px; font-size:14px; border:1px solid #ddd; line-height: 2em;position:absolute; width:100%;background-color: #fff;top:43px;display: none;}
.qna .qna_top .search{border:1px solid #ddd;     width:22%;
 display: flex;align-items: center;margin-right: 10px;}
 .qna .qna_top > button{border:1px solid #ddd; padding:0 40px;color: #333;  font-weight: 600;   background: #ddd;}
.qna .qna_top .search input{ border: none; outline: 0;font-size: 14px;padding: 12px; border-right: 1px solid #ddd;width:90%;}
.qna .qna_top .search button{height: 28px; border: none; padding:0 13px;cursor: pointer; background-color: #fff;margin: 0 auto;}
.qna .qna_top .search button i{display: block; width: 18px;}



.qna .table ul li > div{display: flex; text-align: center;align-items: center;border-bottom:1px solid #ddd;}
.qna .table ul p{padding:15px 20px}
.qna .table ul p i.lock{    display: inline-block; width: 13px;     margin-left: 10px;}
.qna .table .head_table{font-weight: bold; color:#999;border-bottom: 1px solid #888}
/* .qna .table .body_table{border-top:1px solid #888;} */
.qna .table .body_table li{border-bottom:1px solid #ddd;padding:10px 0;}
.qna .table .t_no{width:10%}
.qna .table .t_category{width:15%}
.qna .table .t_title{width:40%;max-width: 480px;}
.qna .table .t_title span{width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.qna .table .body_table .t_title{width:40%; text-align: left;}
.qna .table .t_name{width:15%;}
.qna .table .t_date{width:20%;}

.qna .table .body_table .t_no{font-size:0.937rem;color:#555;}
.qna .table .body_table .t_name{font-size:0.937rem;color:#555;}
.qna .table .body_table .t_date{font-size:0.937rem;color:#555}

.qna .table .after_answer .t_no{width:20%;text-align: right;}
.qna .table .after_answer .t_no img{width:23px;transform: translateY(-5px);}
.qna .table .after_answer .t_title{width:40%;}
.qna .table .after_answer .answer{width:5%;font-size:10px; border:1px solid #154d90; color:#154d90; padding:3px 2px 1px;    height:100%;   }
.qna .table .t_title i.fa{padding-left:5px;color:#888}



/* 상품 사용후기 */
.review .title_p{width:100% !important;}

.review h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.review .qna_top {display: flex;justify-content:flex-end ;    width: 100%; margin: 30px auto;}
.review .qna_top .category_list{margin-right:10px; position:relative;     width: 13%;}
.review .qna_top .category_list p{border:1px solid #ddd;  width:180px; padding:10px;font-size: 14px; position:relative;width: 100%;}
.review .qna_top .category_list p::after{content: ''; display: block; width:6px; height:6px; border-top:2px solid #ddd; border-right:2px solid #ddd; transform: rotate(135deg) translateX(-50%); position:absolute; right:20px; top:42%;}
.review .qna_top .category_list ul{padding:10px; font-size:14px; border:1px solid #ddd; line-height: 2em;position:absolute; width:100%;background-color: #fff;top:43px;display: none;}
.review .qna_top .search{border:1px solid #ddd; width:22%; display: flex;align-items: center;margin-right: 10px;}
.review .qna_top > button{border:1px solid #ddd; padding:0 40px;color: #333;}
.review .qna_top .search input{ border: none; outline: 0;font-size: 14px;padding: 12px; border-right: 1px solid #ddd;width:90%;}
.review .qna_top .search button{height: 28px; border: none; padding:0 13px;cursor: pointer; background-color: #fff;margin: 0 auto;}
.review .qna_top .search button i{font-size: 1rem;}

.review .table ul li > div{display: flex; text-align: center;align-items: center;justify-content: space-between;}
.review .table ul p{padding:15px 0px}
.review .table .head_table{font-weight: bold; color:#999;}

.review .table li{border-bottom:1px solid #ddd;padding:10px 0;}
.review .table .t_category{width:39%; margin-right: 2%; cursor: pointer;}
.review .table .before_answer .t_category{text-align: left; display:flex;    align-items: center;}
.review .table .before_answer .t_category i{display: inline-block; width: 170px; vertical-align: middle;border-radius: 15px;
    overflow: hidden;  }
    .review .table .before_answer .t_category i img{display: flex;width: 100%; height: 100%;}
.review .table .t_category .title_p{display: inline-block; width:calc(100% - 170px); vertical-align: middle;padding-left:15px;}
.review .table .t_title{width:20%; cursor: pointer; margin-left: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.review .table .body_table .t_title{width:40%; text-align: left;}
.review .table .t_name{width:10%;}
.review .table .t_date{width:19%;}
.review .table .t_count{width:8%;}
.review .table .t_star{width:104px; position: relative; overflow: hidden;}

.review .t_star span{display: block;}
.review .t_star .star{top: 7px; width: 104px; height: 18px;}
.review .t_star .review-main-star .star5 {left: 0px;}
.review .t_star .review-main-star .star4 {left: -18px;}
.review .t_star .review-main-star .star3 {left: -40px;}
.review .t_star .review-main-star .star2 {left: -62px;}
.review .t_star .review-main-star .star1 {left: -84px;}

.review .table .after_answer .t_no{width:20%;text-align: right;}
.review .table .after_answer .t_no img{width:23px;transform: translateY(-5px);}
.review .table .after_answer .t_title{width:40%;}
.review .table .after_answer .answer{width:5%;font-size:10px; border:1px solid #be3434; color:#be3434; padding:3px 2px; height:100%;}
.review .table .t_title i.fa{padding-left:5px;color:#888}

.review_view .top > div{justify-content: flex-start;}
.review_view .top > div p{margin-right: 15px;}
.review_view .t_star{position: relative; overflow: hidden; width: 145px;}
.review_view .t_star .star{top: 4px; width: 94px; height: 16px; left: 50px;}
.review_view .top .t_star .bg{background: #fff; position: relative; z-index: 9; display: inline-block;}
.review_view .top .t_star .review-main-star .star5 {left: 38px;}
.review_view .top .t_star .review-main-star .star4 {left: 19px;}
.review_view .top .t_star .review-main-star .star3 {left: 0px;}
.review_view .top .t_star .review-main-star .star2 {left: -19px;}
.review_view .top .t_star .review-main-star .star1 {left: -39px;}
.review .mobile_table{display: none;}


.review_view #content{min-height: 300px;}
.review_view .answer {/* border-top:2px solid #333 */padding:20px;}
.review_view .answer .fa-arrow-right:before{font-size: 13px;}
.review_view .body textarea{padding:10px;background-color: #f5f5f5;margin-top:10px;}
/* 문의하기 view */


.contact{width:60%;margin:0 auto;}
.contact ul li.goods > div{display: flex; border-bottom:1px solid #ddd; padding:20px 0;justify-content: space-between;}
.contact ul li.goods .goods_img{width:150px; height:150px; border:1px solid #ddd; position:relative}
.contact ul li.goods .goods_img img{   width: 100%;height: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);     object-fit: contain;}
.contact ul li.goods .goods_text{width:calc(100% - 150px);padding-left:30px;}
.contact ul li.goods .goods_text .text_title{font-size:1.25rem;}
.contact ul li.goods .goods_text .text_price{font-size:1.125rem;margin-top:10px;}
.contact ul li.goods .goods_text .button button{border-color:#ddd;padding:8px 20px; margin:5px 0;font-size:0.875rem}
.contact ul li.goods .yes_goods .goods_img::before{width:100%; height:100%; content:''; display: block; position:absolute;background-color: #f5f5f5; z-index: -1;} 

.contact ul li.goods .goods_text{display: flex;justify-content:space-between;align-items: center;}
.contact ul li.in_list:last-child{border-bottom: 0px;}
.contact ul li.in_list .left{width:100px;}
.contact ul li.in_list .right{width:calc(100% - 100px);}

:lang(en) .contact ul li.in_list .left{width: 230px;}
:lang(en) .contact ul li.in_list .right{width:calc(100% - 230px);}

.contact ul li.in_list .right .text_input{border:1px solid #ddd; padding:10px; width:100%}
.contact ul li.in_list {display: flex;width:100%;padding:20px 0px; border-bottom:1px solid #ddd}
.contact ul li.in_list .left p{margin-top:8px;}
.contact ul li.in_list > div:nth-child(2n){border-right:none;}
.contact ul li.check_box_list{display: flex;}
.contact ul li.check_box_list .right{display: flex;}
.contact ul li.check_box_list .right > div{margin-right: 20px;}
.contact ul li.check_box_list > div input { width: auto;}


.contact .bottom_button{display: flex; justify-content:center;margin-top:30px}
.contact .bottom_button button{padding:15px 0px; border:1px solid #ddd; margin:0 10px;width:100%;}
.contact .bottom_button button:first-child{background-color: #74817d;border-color:#74817d; color:#fff; }


/*문의하기 view02 */
textarea{outline: 0;}
input{outline: 0;}

.qna_view .top .view_title{font-size:1.5rem; width:100%; border-bottom:1px solid #ddd; padding:10px 0; }
.qna_view .top > div{display: flex;justify-content: space-between; padding:10px 0; font-size:0.875rem; color:#888}
.qna_view .body{border-top: 1px solid #000;border-bottom: 1px solid #000; padding:20px 0 0;}
.qna_view .body textarea{border:none;padding:10px;}
.qna_view .body .answer{background-color: #f5f5f5;padding:20px;}
.qna_view .body .answer textarea{background-color: #f5f5f5; height:100px;}
.qna_view .bottom .post { border-bottom:1px solid #000}
.qna_view .bottom .post > div{display: flex; padding:15px 0; border-bottom:1px solid #ddd}
.qna_view .bottom .post .next_post i{ display: block; width: 16px; transform: rotate(-90deg);}
.qna_view .bottom .post .previous_post i{    display: block; width: 16px; transform: rotate(-90deg);}
.qna_view .bottom .tit{display: flex;width: 13%; justify-content: space-between; align-items: center;padding-left:10px}


.qna_view .bottom .post_text{padding-left:30px;}
.qna_view .bottom .button{text-align: right;margin-top:40px;}
.qna_view .bottom .button button.list_but{padding:10px 50px; border:1px solid #bbb; background-color: #bbb; color:#fff}



.qna_view .bottom .delete{text-align: left;margin-top: 10px; display: flex;}
.qna_view .bottom .delete button{font-size: 14px; color:#164c91;position: relative;padding: 0; margin-right: 5px; padding-right: 5px;}
    .qna_view .bottom .delete button:last-child{color:#be3434}
.qna_view .bottom .delete button:first-child::after{content:'';display: block;width:2px; height: 14px; background-color: #ddd;position:absolute;top:53%;transform: translateY(-50%); right:-2px;}



	/* 체크박스 디자인 */
.contact .d-block{display: flex; align-items: center;}
.contact .d-block input[type="checkbox"] {display: none;}
.contact .d-block input[type="checkbox"] + label {
        display: inline-block; width:15px; height: 15px; background: #fff;border:1px solid #888;
        cursor: pointer; border-radius: 4px;float:left; margin-right:7px;}
.contact .d-block:after {display:block; clear:both; content:"";}
.contact .d-block input[type="checkbox"]:checked + label {
    background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML/163295419338170.png)no-repeat center/20px 20px; float: left;border:1px solid #000;}
    
    
    .contact ul li.secret .right .text_input{width:150px; float:left}
    .contact ul li.secret .right .secret_checkbox{width:calc(100% - 150px); float:left;padding-left: 20px;}
    .contact ul li.secret .right > p{width:100%;}
    .contact ul li.secret .secret_checkbox{display: flex;height: 40px;}

    .contact ul li.secret .secret_checkbox .d-block{margin-right:10px;} 



/* shop */
.main_slide .swiper-slide{width: 100% !important;   min-height: 580px;}
.main_slide.swiper-wrapper{height:100%;}
.main_slide .swiper-slide img{width:80%; }
.sub_slide .swiper-slide img{width: 80%;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '' !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '' !important;}

.shop .top_minilist{margin-bottom:20px;}
.top_minilist span.on{color:#000; font-weight: bold;position:relative;padding-right:15px;}
.top_minilist span.on::after{content:''; display: none; width:7px; height:7px;border-top:1px solid #333; border-right:1px solid #333;position:absolute; right:0; top:36%; transform: translateY(-50%) rotate(135deg);}


.top_minilist span{position:relative; margin-right:10px;padding-right:10px;color:#666; font-size:14px;}
.top_minilist span::before{width:8px; height:8px; border-top:1px solid #666; border-right:1px solid #666; content:'';display: block;transform: rotate(45deg) translateY(-50%);position:absolute; top:49%; right:0;}
.top_minilist span:last-child:before{border:none}


.sub-p-banner{width:100%; height:500px;}
.sub-p-banner .img-bg{width:100%; height:100%; background-attachment: fixed;}

.sub-p-list-container
{display: flex; display: -webkit-box; display: -ms-flexbox;
    -webkit-box-orient: horizontal; -ms-flex-direction: column; flex-direction: column;}


.tab-list-con{margin-right:auto; width: 272px;}
.tab-list-con h5{color:#777; font-weight: 300; line-height: 1.2;}
.tab-list-con .sel-list{width:272px; z-index: 100;}
.tab-list-con .sel-list > li{padding:8px;}
.tab-list-con .sel-list-tit{padding-left:0;}
.tab-list-con .sel-list-tit .sel-arrow{top:42%; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-b-arrow.png); width:18px; height:10px;}


.tab-con{margin:4px 16px; font-size:1.15em; cursor: pointer; opacity:.5; padding-bottom:4px; position: relative;transform: translateY(1px);}
.tab-con:first-child{margin-left:0;}
.tab-con.current{opacity: 1; background-color:#fff; color:#333; font-weight: 500;border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;}
.tab-con:hover{font-weight: 500;}

/* 제품필터 */
.filter-list-con{max-width:96px; width:100%;position: absolute; right:16px; bottom:0;}

.sel-list-tit{ display: block; cursor: pointer; padding:4px 8px; padding-right:16px; position: relative;} 
.sel-list-tit .sel-arrow{ position: absolute; right:4px;}
.sel-list-tit .sel-arrow.sel-arrow-st1{position: absolute; top:14px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #aaa;}
.sel-list-tit .sel-arrow.sel-arrow-st2{position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    background-size:9px 5px; width:9px; height:5px; background-repeat: no-repeat; background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-arrow-st2.png);}

    .sel-list-tit.open .sel-arrow{transform: rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
    .sel-list-tit.open .sel-arrow.sel-arrow-st2{transform: rotate(180deg) translateY(45%); -webkit-transform:rotate(180deg) translateY(45%); -ms-transform:rotate(180deg) translateY(45%);}
.sel-list{border:1px solid #d1d1d1; display: none; position: absolute; width: 100%; z-index:10; background-color:#fff;}
.sel-list > li{ display: block; cursor: pointer; padding:4px 8px;}
.sel-list > li:hover{background-color:#f6f6f6;}

/* 제품상세 */
.pd-view-t-container li{   width: 100%;
    -webkit-box-orient: vertical; -ms-flex-direction: row; flex-direction: row; align-items: center;}
.pd-view-t-container .pd-img-con{padding-bottom:0; background-color:#fff;}

.pd-sle-con{ margin-bottom:10px}
.pd-detail > div:first-child > dl:last-child{ margin-bottom:0px}
.pd-sle-con .right{width:100%;}
.pd-sle-con .right select{width:100%; padding:10px; border:1px solid #ddd;     color: #333;}
.pd-sle-con02:first-child {border-top:1px solid #888; border-bottom:none;}
/* .pd-sle-con02 {border-top:1px solid #888; border-bottom:1px solid #888} */
.pd-sle-con02 .select_list{display: flex;justify-content: space-between;
    align-items: center; font-size: 0.875rem; border-top: 1px solid #ddd; background-color: #f5f5f5;
    padding: 15px;}
.pd-sle-con02 .select_list .select_name {width: 45%;}
.pd-sle-con02 .select_list .select_numder { display: flex;width: 20%;
    justify-content: flex-end;}
    .count-container {width: fit-content;}
.pd-sle-con02 .select_list .select_price {text-align: right; width: 20%;}
.pd-sle-con02 .select_list .product_price {font-size: 1.125rem;}
.pd-sle-con02 .select_list .product_price span{font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-sle-con02 .select_list .product_accumulate {font-size: 13px; /* margin-top: 4px; */}
.pd-sle-con02 .select_list .span_accumulate {font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-sle-con02 .select_list .product_tit { font-size: 1rem;}
.pd-sle-con02 .select_list .select_product {color: #888; margin-top: 3px;}
.pd-sle-con02 .select_list .span_ac_point {color: #be3434; border: 1px
 solid #be3434; padding: 2px 2px 0px; font-size: 10px; border-radius: 3px
;  margin-right: 5px;}
.pd-sle-con02 .select_list .close {width: 13px;  display: block;  margin-left: 5px;}

/* 제품상세 상단 이미지 사이즈 */

.shop_view .pd-view-t-container .row-too-short{display: flex;align-items: center;flex-direction: column;}
.pd-view-t-container .pd-img-con .pd-img {max-width: 400px;}

.pd-detail{margin:auto; border-top: 2px solid #74817d; /* padding-top:16px; */}
.pd-detail .option{margin-bottom:16px;}
.pd-view-t-container dl{display: block; /* line-height:3; */ font-size:1em;margin-bottom: 15px ; }
.pd-view-t-container dt{min-width:130px; }
:lang(en) .pd-view-t-container dt{width:150px; color:#000;}

.pd-view-t-container .pd-total dt{min-width:100px;}


.pd-view-t-container dl.sh_basics_tit{font-size:15px;color:#888}
.pd-view-t-container .basics_option{border-bottom:2px solid #74817d;
     margin-bottom:20px;}
.pd-view-t-container dt, .pd-view-t-container dd{display: table-cell;}


.pd-view-t-container .pd-total{display: flex;    margin-top: 10px;justify-content: flex-end;align-items: flex-end;}

/* .pd-total{border-top:1px solid #dfdfdf;}  */
.pd-total dt{ font-weight: 500;}
.pd-total dd {font-size:1rem;}
.pd-total dd .price{font-weight: 500;font-size:1.25rem;font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-detail > div:first-child{padding-top:15px;}





/* 제품 수량 */
.count-container{font-size:0;border: 1px solid #ddd;padding: 2px  0;background: #fff;}
.count-container span{text-align: center; display: inline-block; font-size:22px; font-weight: 500; line-height:1em; }
.count-container span.count{position: relative; top:-3px;}
.count-container span.num{/* border:1px solid #d1d1d1;  */background-color: #fff;transform: translateY(1px);cursor: pointer;width: 25px; height: 16px;}
/* .count-container span.num:hover{border:1px solid transparent; background-color:#626262; color:#fff;} */

.count-container span input{border:0; text-align: center; width:30px; font-size:15px;  background-color: transparent;transform: translateY(-1px);    padding-bottom: 2px; font-weight: 500;}
/* 제품 수량 사이즈 조절 */
.count-container.count-small span{font-size:16px; line-height:1;}
.count-container.count-small span.num{width:22px; height:22px; font-family: sans-serif;}
.count-container.count-small span input{width:36px;}


/* 제품상세 버튼 */
.pd-btn-container.row{margin-left: -2px; margin-right: -2px;}
.pd-btn-container.row > p{padding:0 2px;}
.pd-btn-container .btn{width:100%; min-width: unset; padding:0;}
.pd-btn-container .btn img{height:27px;}
.pd-btn-container .btn-icon:hover{background-color:#222; border:1px solid transparent;}

/* 별점 */
.star-container{position: relative; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star0.png); width: 128px; height:22px; overflow: hidden;}
.star{position: absolute; top:0; left:-128px; width: 128px; height:22px; background-size:contain; display: block; text-align: left; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star5.png);}
.star-container .star1{left:-107px;}
.star-container .star2{left:-80px;}
.star-container .star3{left:-54px;}
.star-container .star4{left:-27px;}
.star-container .star5{left:0;}

/* 중간영역 소개 탭 */
.view-tab-container{font-size:0; letter-spacing: 0;border-bottom: 1px solid #bbb;} 
.view-tab-container li{font-size:15px; display:inline-block;  text-align: center; cursor: pointer; color:#626262; /* background-color:#f6f6f6 */; position: relative;
    width:25%; margin:0; padding:17px 8px;}

.view-detail-wrap .bg-light-gray{padding:32px;}

.view-detail-wrap .qna .head_table{border-top:1px solid #888; color:#333}
.view-detail-wrap .qna .head_table p{ color:#333}


.table-container .pd-detail-table tr td:first-child{font-weight: 700;}
.table-container .pd-detail-table td{padding:8px 12px; }


/* btn-etc */
.btn-etc{text-decoration: underline;  cursor: pointer;}
.btn-etc-box a{color:#626262; background-color:#fff; line-height: 1; padding:10px 40px; border:1px solid #d1d1d1; font-size:0.85em; cursor: pointer;}
/* .btn-etc-box:hover, .btn-etc-box:focus{color:#fff; background-color:#626262; border:1px solid transparent;} */
button.btn-etc-box{font-size:1em; min-width: 96px; min-height:36px; padding:8px 16px;}


/* 이벤트 */

.all{width:760px;
	margin:auto;
}
.event .tabSet{margin-bottom:30px;}
.event .tabSet ul.tabs { display: flex;justify-content: center;}
.event .tabSet ul.tabs li{margin:0 10px;}
.event .tabSet ul.tabs li a{color:#888;border:1px solid #888;padding:15px 70px;display:block;font-weight:bold;font-size:14px;}
.event .tabSet ul.tabs li a.on{border-color:#be3434;color:#be3434;}
.panels{min-height:180px;margin-top: 30px;}
/* .panel{display:none;} */







/* 개인정보처리방침 */
.privacy .pr_con{border:1px solid #ddd;}




/* 상세보기 상단 스와이퍼 */
.top_shop_detail{display: flex;align-items: flex-start;}
.top_shop_detail .main-pro{border:1px solid #74817d}
.top_shop_detail >ul{width: 50%;flex-direction: column;display:flex;
    justify-content: center;
    align-items: center;}






/* mypage_review */
.mypage_review  h3 { font-size: 1.8rem; font-weight: 500; text-align: left; border-bottom: 2px solid #74817d; margin-bottom: 0px; padding-bottom: 15px;}
.mypage_review .tabSet .tabs li{margin-right:20px;padding:12px 0px}
.mypage_review .tabSet .tabs li:first-child{border-right:1px solid #ccc;}
.mypage_review .tabSet .tabs li a{opacity: 0.8;  }
.mypage_review .tabSet .tabs li a.on{opacity:1;display: block;}
.mypage_review .tabSet .tabs li a.on h4{font-weight: 600;  font-size: 17px;  padding: 0px 20px;}
.mypage_review .tabSet .tabs li h4{font-size:1rem; font-weight: 500; }
.mypage_review .tabSet .tabs{   background: #f7f7f7;}
.mypage_review .head_table li{padding:0;}
.mypage_review.review .table ul p { padding: 0px 0px;}



.mypage_review .flex_sec{display: flex;}
.mypage_review .flex_sec .product_img{width: 170px;margin-right:30px;;}
.mypage_review .flex_sec .product_img i{border:1px solid #ececec; display: block; width: 130px; height: 130px; position: relative;}
.mypage_review .flex_sec .product_img i img{  padding:16px;   position: absolute; width:auto;
 height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.mypage_review .flex_sec .product_text_box{width:calc(100% - 200px);}
.mypage_review .flex_sec .product_title{font-size:1.25rem;}
.mypage_review .flex_sec .p_op{font-size:1rem;opacity: 0.8;margin-top:10px;}
.mypage_review .flex_sec .but_box button{font-size:0.9rem; border:1px solid #bbb; padding:10px 20px;color:#888;}
.mypage_review .in_body_table01{margin-top:20px;}
.mypage_review .payment_date{margin-bottom:40px;}

.mypage_review .payment_date > p{border-bottom:1px solid #ddd;padding-bottom:10px;}

.mypage_review .panels{min-height: auto;margin-top: 30px;}
.mypage_review .product_text_box {display: flex;
    align-items: center;
    justify-content: space-between;}

.mypage_review .table ul p { padding: 0px 0px 15px; }

.mypage_review .t_category span{width: 130px;margin-right:10px;border-radius: 10px;overflow: hidden;}
.mypage_review .t_category i{width:calc(100% - 140px);;}
.mypage_review .t_category span img{height: 100%; display: block;}
.mypage_review .t_star span { height: 30px;}


 /* ********************************************* *
 * 1600 max
 * ********************************************* */
 @media (max-width:1600px)
{  .bd-xl{padding: 0 20px;}


    /* 회사소개 */
    .com-intro ul li p{top: calc(100% - 140px); font-size: 16px; line-height: 1.6;padding-right:40px;}

    /* 브랜드-지러뷰 */
    .brand1 .br1_container .br1_text{padding: 0;}
    }

    


/* ********************************************* *
* 1400px max
* ********************************************* */

@media (max-width:1400px){
    
    /* 회사소개 */
    .com-intro ul li{padding: 40px;}
    :lang(en) .com-intro ul li p{top: calc(100% - 230px); font-size: 15px;}
    /* 브랜드 스토리 */
    .brand_stroy .info .left p {font-size: 1.8rem;bottom: 58px;}

    /* 브랜드-지러뷰 */
    .shop_go{margin-top: 20px; font-size: 14px; padding: 14px 24px;}
    .brand1 .br1_container .br1_text h3.br_tit{font-size: 30px;}
    .brand1 .br1_container .br1_text h4.br_titsmall{font-size: 20px; margin-bottom: 24px;}
    .brand1 .br1_container .br1_text p{font-size: 16px; line-height: 26px;}
    .brand1 .br1_container .br1_img{margin-bottom: 80px;}

    /* 브랜드 독도리본 */
    .br6_container h3 {font-size:30px;}
    .br6_container span {font-size:22px;}
    .br6_container p {font-size:16px;}
    .br6_container a {font-size: 14px; padding: 14px 24px;}

    /* 브랜드 비비톡톡 */
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap .bbtt_small{font-size: 13px;}

    /* 홍보자료/홍보영상 */
    .promotion ul li .promotion_bg {height: 210px;}


    /* 찾아오시는 길 */
    .brand_stroy .loca .loca_box ul li > div {
        display: inherit;}
    .brand_stroy .loca .loca_box ul li i {width: 40px; margin: 0 auto 20px auto; display: none;}
    .brand_stroy .loca .loca_box ul li p{text-align: center;}

    /* 상품 사용후기 */
    .review .table .t_star{margin-right: 15px;}

    .br-img-mid li.br-img-left{padding: 0px 5% 0px 12%;}
}

/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px){


    /* 회사소개 */
    /* .com-wrap .com-mid ul{display: flex; flex-wrap: wrap;} */
    .com-wrap .com-mid div div ul li{margin:0px 10px;}
    .com-wrap .com-mid div div ul li div{padding: 30px 10px;  width: 180px; height: 180px;}
    .com-wrap .com-mid div div ul li div span{font-size: 16px;}

    .com-intro ul li{padding: 30px;}
    .com-intro ul li h3{font-size: 30px;}
    .com-intro ul li p{font-size: 15px; padding-right:30px;}

    .com-intro ul li span{width: 60px; margin: 26px 0;}

    :lang(en) .com-intro ul li p{top: calc(100% - 200px); font-size: 14px;}
    :lang(en) .com-intro ul li h3{font-size: 25px;}
    /* ceo 이야기 */
    .brand_stroy .ceo_story h2{font-size: 28px ; line-height: 40px;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text p{font-size: 16px; line-height: 26px;}



    /* 브랜드 스토리 */
    .brand_stroy .info .left p {font-size: 1.5rem;}
    .brand_stroy .story .text_box br{display:none}
    .brand_stroy .story .text_box{padding: 50px 50px;}

    /* 알엑스더마 */
    .br_container .br_wrapper .britem_text h4{padding: 20px 0 0; font-size: 18px;}
    .br_container .br_wrapper .britem_text h5{padding-top: 0;}
    .br_container .br_wrapper .britem_text p{font-size: 16px; margin-top: 8px;}

    /* 브랜드-비비톡톡 */
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap ul li{font-size: 14px;}
    .bbtt_pd{padding-bottom: 100px;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_imgwrap{padding-right: 0;}
    .bbtt_pd .bbtt_pdwrap > div {padding: 0;}
    .bbtt_1, .bbtt_3{padding-right: 10px !important;}
    .bbtt_2, .bbtt_4{padding-left: 10px !important;}


    /* 지적재산권 */
    ul.certification_list.row-wide {padding: 0 20px;}
    .certification .cer_top .search {width: 25%;}

    /* 자주묻는 질문 */
    .questions .questions_top .search{width: 25%;}

        /* 찾아오시는 길 */
    .brand_stroy .loca .loca_box ul li {padding: 0 30px;}


    /* 상품 사용후기 */
    .review .table .t_category{width: 26%;}
    /* .review .table .t_title{width: 25%;} */
    .review .table .t_star{width: 119px;}

    .back-font-wrap{padding-top: 350px;}
    .back-font h6{font-size: 22vh;}

    :lang(en) .notice_view .bottom .tit{width:160px;}
    :lang(en) .notice_view .bottom .post_text{width:calc(100% - 160px)}

    :lang(en) .qna_view .bottom .tit{width: 145px;}
    :lang(en) .qna_view .bottom .post_text{width:calc(100% - 145px)}




    :lang(en) .bbtt_pd .bbtt_pdwrap div .bbtt_imgwrap{width: 70% !important; margin: 0 auto;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap .bbtt_small{font-size: 14px;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap {width: 100% !important;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap h5{padding-top: 10px;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div:nth-child(1) {order: 1;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div:nth-child(2) {order: 2;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div:nth-child(3) {order: 3;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div:nth-child(4) {order: 4;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div:nth-child(3) .bbtt_imgwrap {order: -1;}
    :lang(en) .bbtt_pd .bbtt_pdwrap div:nth-child(4) .bbtt_imgwrap {order: -1;}

}

/* ********************************************* *
* 1024px max
* ********************************************* */
@media (max-width:1024px){

    /* 회사소개 */
    :lang(en) .com-intro ul li p {top: calc(100% - 222px); font-size: 13.5px;}
    :lang(en) .com-intro ul li h3 {font-size: 20px;}
    /* 브랜드 스토리 */
    .brand_stroy .info .right {right: 20px; padding: 50px 50px;}
    .com-wrap .com-mid > div > ul li{width: 100%; margin-bottom: 26px; margin:20px auto 26px}
    :lang(en) .shop_go{font-size: 12px;}
    /* ceo 이야기 */
    .brand_stroy .ceo_story{padding: 0  30px !important;}
    .brand_stroy .ceo_story h2{font-size: 26px ; line-height: 38px;}
    

    /* 찾아오시는 길 */
    .brand_stroy .loca .loca_box {padding: 50px 0;}
    .brand_stroy .loca .loca_box ul li p br{display: none;}
    .lo-all .tabSet ul.tabs li a{font-size: 17px;}
    .lo-all .panel .info li span{font-size: 16px;}

    
    .brand_stroy .loca .loca_box { width: 90%;}
    .shop_view .pd-view-t-container .row-too-short{display: inherit;}

    /* 상품 사용후기 */
    .review .table .t_category span{display: block; margin: 0 auto;}
    .main_slide .swiper-slide {max-height: 958px;min-height: 270px;}


    .contact{width:100%;}
    .review .mypage_review .t_category span { margin: inherit;margin-right: 10px;   }

    /* 조직도 */
    .or-wrap .or-content .bot .org_inner{padding: 0 10px;}

    /* 협력사 */
    .partner-wrap .in-part ul li{width: 20%;}
    .partner-wrap .in-part ul li i{margin-right: 10px;}
    .partner-wrap .in-part ul li:nth-child(6n) i{    margin-right: 10px;}
    .partner-wrap .in-part ul li:nth-child(5n) i{    margin-right: 0px;}

    /* 브랜드 페이지22.11.04 */
    .br-wrap .br-top{margin-top: 50px;}
    .br-wrap .br-top i{padding-bottom: 100px;}
    .br-wrap .br-top .br-txt{margin-top: 30px;}
    .com-wrap .com-mid P{font-size: 16px;}
    .com-wrap .com-mid div div ul li{margin:0px 5px;}
    .com-wrap .com-mid div div ul li div{padding: 40px 10px;}

    .br-img-mid{margin-top: 120px;}
    .br-img-mid li.br-img-left{width:45%}
    .br-img-mid li.br-img-right{width:55%}

    .back-font-wrap {padding-top: 300px;}
    .back-font h6 {font-size: 17vh;}
    .br-img-mid.type02, .br-img-mid.type04{    margin-top: 10px;}

    :lang(en) .qna .qna_top .category_list p{padding:12px 8px; font-size:12px;}

    /* 브랜드 지러뷰 */
    .brand1 .br1_container .br1_text h3.br_tit{font-size: 26px;}
    .brand1 .br1_container .br1_text h4.br_titsmall{font-size: 18px;}
    .brand1 .br1_container .br1_text p{font-size: 15px; line-height: 24px;}

    
    /* 브랜드 독도리본 */
    .br6_container h3 {font-size:26px;}
    .br6_container span {font-size:20px;}
    .br6_container p {font-size:16px;}
    

    /* 알엑스더마 */
    .br_container .br_wrapper .britem_text h4{padding: 10px 0 0; font-size: 18px ;}
    .br_container .br_wrapper .britem_text h5{padding-top: 0;}
    .br_container .br_wrapper .britem_text p{font-size: 15px;}
    .br_container .br_wrapper .britem_text h5{font-size: 15px;}

    /* 브랜드 비비톡톡 */
    .bbtt_concept .bbtt_wrap div h5{font-size: 30px; line-height: 30px; }


}
/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){


    /* 회사소개 */
    .com-wrap h2{font-size: 23px;}
    .brand_stroy.content >.bg-wrap{margin-bottom: 40px;}
    .com-wrap .com-mid > div > ul{padding-top:30px;}
    .com-wrap .com-top p{word-break: keep-all;}
    .com-wrap .com-mid div ul li h3{font-size: 18px;}
    .com-wrap .com-mid > div > ul li p{ padding: 50px; top: calc(100% - 250px); }
    .com-wrap .com-mid > div > ul{padding: 50px 0 20px ;}
    .com-wrap .com-mid div div ul{ flex-wrap: wrap; justify-content: center;}
    .com-wrap .com-mid div div ul li{margin:0px; width:33.333%;}
    .com-wrap .com-mid div div ul li:nth-child(4),.com-wrap .com-mid div div ul li:nth-child(5){margin-top:30px}

    .com-intro ul li p{top: calc(100% - 160px);}
    .com-intro ul li{height: calc(100vw / 2);padding: 30px;}
    .com-intro ul li:nth-child(1), .com-intro ul li:nth-child(2), .com-intro ul li:nth-child(3){background-size: cover;}
    :lang(en) .com-intro ul li p {top: calc(100% - 260px);}
    /* ceo 이야기 */
    .com-intro ul li h3{font-size: 24px;}
    .brand_stroy .ceo_story{padding: 0  30px !important;}
    .brand_stroy .ceo_story .ceo_tit{margin: 80px 0 40px;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{ margin-top: 30%;}
    :lang(en) .brand1 .br1_container .br1_text p{font-size: 13px;}
    /* 인증서 */
    .certif {padding-top: 100px;}
    .certif .certiftxt table{width:100%;}
    .certif .certiftxt table td, .certif .certiftxt table th{padding: 10px 0; font-size: 16px;}
    .certif .certifimg ul li.certimg_box{padding:4px; width:33.3%;}
    .certif .certifimg ul li.certimg_box div.certimg_wrap{padding-bottom: 150%;}

    /* 브랜드 스토리 */
    .brand_stroy .info .left p {font-size: 2rem;    bottom: 24px; }
    .brand_stroy .info .right { right: 20px;  padding: 50px;top: 44%;}
    
    .brand_stroy .loca .loca_box ul {width: 100%;margin-top:50px;}
    
    .review .table ul p{padding: 15px 0;}
    .review .table .t_category{width: 22%; margin-right: 1%;}
    /* .review .table .t_title{width: 25%; margin-left: 1%;} */

    .review .mypage_review .table .t_category{    width: 39%;}
    .review .mypage_review .table ul p {  padding: 0;}


    /* 브랜드 지러뷰 */
    .brand1 .br1_container .br1_text h3.br_tit{font-size: 22px;}
    .brand1 .br1_container .br1_text h4.br_titsmall{font-size: 16px; margin-bottom: 18px;}

    
    /* 브랜드 독도리본 */
    .br6_container h3 {font-size:22px;}
    .br6_container span {font-size:18px;}

    /* 브랜드-비비톡톡 */
    .bbtt_pd{padding-bottom: 50px;}
    .bbtt_concept{display: block; margin: 0 auto;}
    .bbtt_concept .bbtt_wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .bbtt_concept .bbtt_wrap div {width: 49% !important; padding: 14px 0 0 0}
    .bbtt_concept .bbtt_wrap div h5{font-size: 26px; line-height: 26px; padding: 10px 0 5px 46px;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap ul li{font-size: 15px;}
    .bbtt_pd .bbtt_pdwrap > div{margin-bottom: 70px;}
    .bbtt_concept .bbtt_bg{width: 35%; margin: 0 auto;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_imgwrap{width: 80% !important; margin: 0 auto;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap {width: 100% !important;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap h5{padding-top: 10px;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(1) {order: 1;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(2) {order: 2;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(3) {order: 3;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(4) {order: 4;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(3) .bbtt_imgwrap {order: -1;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(4) .bbtt_imgwrap {order: -1;}

    /* 핵심가치 */
    .corevalue{width: 98%; padding: 20px 0 0;}

    /* 브랜드 페이지 */
    .br-wrap > div{margin-top:70px;}
    .br-mid > div table tr td h4{font-weight:500; font-size: 16px; padding:5px 0px;}
    .br-mid > div table tr td i{padding-bottom: 60%;}


    /* 찾아오시는 길 */
    .lo-all .tabSet ul.tabs li a{    height: 50px; line-height: 50px;}

    /* ci / bi */
    .ci-wrap .panel div h5{font-size: 18px;}
    .ci-wrap .panel ul li i{padding-bottom: 170px;}
    .ci-wrap .panel ul li:last-child{font-size: 16px;padding-top:30px;}
    .ci-wrap .panel ol li div{padding:20px;}
    .ci-wrap .panel ol li div h2{padding-bottom: 10px;}

    :lang(en) .or-wrap .or-content .bot .org_inner .type01{height:90px;}


    :lang(en) .brand_stroy .ceo_story .ceo_tit{display: block;}
    :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 90%; margin: 0 auto; filter: opacity(0.5); height: 850px; overflow: hidden;}
    :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_img img{max-height: initial; margin-top:-10%;}
    :lang(en) .brand_stroy .ceo_story h2{color: #333; font-weight: 400; text-align: center; line-height: 40px; font-size: 23px; line-height: 43px;}
    :lang(en) .brand_stroy .ceo_story h2 span{font-weight: 800; color: #155199;}
    :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_text p{color: #333; font-weight: 400;}
    :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{width: 90%; margin: 0 auto; text-align: center; background: none; padding:50px; position: absolute; z-index: 5; top: 40%; left: 50%; transform: translate(-50%,-40%);}
    :lang(en) .brand_stroy .ceo_story .ceo_tit{position: relative;}
    :lang(en) .brand_stroy .ceo_story p span.name{font-size: 24px; line-height: 36px; }
  
    :lang(en) .brand_stroy .ceo_story .ceo_tit {
        position: relative;
        padding: 24% 0;
        display: flex;
        /* animation: c; */
        align-items: center;
        justify-content: center;
    }
    :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_img {position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        height: 100% !important;
        object-fit: cover;}
        :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_img i{display: block; height: 100%;}
        :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_img i img{height: 100%;}

        :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{position: static; width: 100%;
            transform: inherit;}

}
/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px){

    /* 회사소개 */


    .com-wrap .com-mid p{font-size: 15px;font-weight: 500;}

    .com-intro ul li p{top: calc(100% - 180px);}
    .com-intro ul li{height: calc(100vw / 1.7);}
    :lang(en) .com-intro ul li p {top: calc(100% - 310px);}

    /* ceo 이야기 */
    .brand_stroy .ceo_story{padding: 0 20px }
    .brand_stroy .ceo_story p{font-size: 15px; line-height: 26px;}

    .ceo_story img.sign{width: 90px; position: absolute; top: 22px; left: 90px;}

    .brand_stroy .ceo_story .ceo_tit{display: block;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 90%; margin: 0 auto; filter: opacity(0.5); height: 850px; overflow: hidden;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img img{max-height: initial; margin-top:-10%;}
    .brand_stroy .ceo_story h2{color: #333; font-weight: 400; text-align: center; line-height: 40px; font-size: 30px; line-height: 43px;}
    .brand_stroy .ceo_story h2 span{font-weight: 800; color: #155199;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text p{color: #333; font-weight: 400;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{width: 90%; margin: 0 auto; text-align: center; background: none; padding:50px; position: absolute; z-index: 5; top: 40%; left: 50%; transform: translate(-50%,-40%);}
    .brand_stroy .ceo_story .ceo_tit{position: relative;}
    .brand_stroy .ceo_story p span.name{font-size: 24px; line-height: 36px; }
  

    /* 브랜드 스토리 */
    .brand_stroy .info .left p { font-size: 1.8rem;}


    /* 찾아오시는 길 */
    .brand_stroy .loca .loca_box ul {  width: 70%;}
    .brand_stroy .loca .loca_box ul li {display: block;    margin-bottom: 12px;border: 1px solid #ddd; padding:10px 0;border-radius: 50px;}
    .brand_stroy .loca .loca_box ul li:last-child {border: 1px solid #ddd;}
    .lo-all .panels{margin-top: 30px;}
    .lo-all .panel .info{margin-top: 30px}
    .lo-all .panel .info li{padding:10px 0px}

    /* 조직도 */
    .or-wrap .or-content .top .cap{width: 180px;margin-bottom: 40px; height: 55px; line-height: 55px;font-size: 17px;}
    .or-wrap .or-content .top .cap:before{height:110%;}
    .or-wrap .or-content .bot .org_inner{padding: 0 5px;}
    .or-wrap .or-content .bot .org_inner .type01{font-size: 15px;height: 60px;padding: 18px 8px; word-break: keep-all;}
    .org-in-btm li{margin:20px 0px; padding: 10px 8px; font-size: 14px;}
    .or-wrap .or-content .bot{    padding: 40px 0px;}
    .or-wrap .or-content .bot .org_inner .type01:after{top: -40px;}

    /* 협력사 */
    .partner-wrap .in-part h2 span{font-size: 24px; top:19px;}

    /* ci / bi */
    .ci-wrap .panel ol{margin-top:30px;}

    /* 브랜드 지러뷰 */
    .brand1 .br1_container .br1_text {padding: 20px 0 50px;}
    .brand1 .br1_container .br1_img{width: 100%; margin-bottom: 50px; margin: 0 auto;}
    .brand1 .br1_container .br1_text p{font-size: 17px; line-height: 29px;}
    .brand1 .br1_container .br1_text{width: 100%}
    .brand1 > .br1_container > .item1{order: 1;}
    .brand1 > .br1_container > .item2{order: 2;}
    .brand1 > .br1_container > .item3{order: 4;}
    .brand1 > .br1_container > .item4{order: 3;}
    .brand1 > .br1_container > .item5{order: 5;}
    .brand1 > .br1_container > .item6{order: 6;}
    .brand1 > .br1_container > .item7{order: 8;}
    .brand1 > .br1_container > .item8{order: 7;}
    .brand1 > .br1_container > .item9{order: 9;}
    .brand1 > .br1_container > .item10{order: 10;}
    .brand1 > .br1_container > .item11{order: 12;}
    .brand1 > .br1_container > .item12{order: 11;}
    .brand1 > .br1_container > .item13{order: 13;}
    .brand1 > .br1_container > .item14{order: 14;}


    /* 알엑스더마 */
    .br_container .br_wrapper .britem_text h4{padding: 10px 0 0; font-size: 16px;}
    .br_container .br_wrapper .britem_text h5{padding-top: 0;}
    .br_container .br_wrapper .britem_text p{font-size: 14px;}
    .br_container .br_wrapper .britem_text h5{font-size: 14px;}

        
    /* 브랜드-알엑스더마 */
    /* .br_container .br_wrapper{display: block;}
    .br_container .br_wrapper .br_item{width: 100%; padding: 0;}
    .br_container .br_wrapper .britem_text p{padding-bottom: 48px; margin-top: 14px;} */

    /* 브랜드페이지 */
    .br-wrap.type04 .br-btm ul li div{padding:13px;}
    .br-wrap .br-btm ul li div{padding:13px}
    .br-wrap.type04 .br-btm ul li div strong{font-size: 16px; font-weight: 600;     padding-bottom: 5px;}
    .br-wrap.type04 .br-btm ul li div span{font-size: 15px; font-weight: 500;}
    .br-wrap.type05 .br-btm ul li div strong{font-size: 16px; font-weight: 600;}
    .br-wrap .br-btm h2{    font-size: 18px;}
    .br-wrap.type05 .br-btm p{padding-top: 10px; font-size: 15px;}
    .com-wrap .com-mid > div > ul li p{padding-top:40px;font-size: 16px;}

    .br-wrap.type04 .br-btm ul{flex-wrap: wrap;}
.br-wrap.type04 .br-btm ul li:nth-child(2n) div{margin-right:0px;}

.br-img-mid li.br-img-left{    padding: 0px 0% 0px 9%;}
.review .table .before_answer .t_category{flex-direction: column;}
.review .table .before_answer .t_category i{    width: 80px;}
.review .table .t_category .title_p{text-align: center;}
    

    /* 브랜드 독도리본 */
    .br6_img_wrap {grid-template-columns: 1fr;}
    .br6_img_wrap2 figure {height:50%;}



    
    
}
/* ********************************************* *
* 768px max
* ********************************************* */

@media (max-width:768px){
    
    /* 회사소개 */
    .com-wrap .com-mid > div > ul li{height:180px;}
    .com-wrap .com-mid > div > ul li p{padding:15px 0px;}

    .com-intro ul li{height: calc(100vw / 1.5);padding: 20px;}
    .com-intro ul li p{top: calc(100% - 190px); padding-right:20px; }

    :lang(en) .com-intro ul li{width: 100%; height: calc( 100vw / 2); padding:30px; margin-bottom: 12px;}
    :lang(en) .com-intro ul li:last-child{margin-bottom: 0;}
    :lang(en) .com-intro ul li p{top:calc(100% - 150px); padding-right: 30px; font-size: 16px;}
    :lang(en) .com-intro ul li:nth-child(2) p, .com-intro ul li:nth-child(2) h3{text-align: right;}
    :lang(en) .com-intro ul li:nth-child(2) span{float: right;}
    :lang(en) .com-intro ul li h3{font-size: 28px;}
    :lang(en) .com-intro ul li span{margin:62px 0;}

    h3{margin-bottom: 30px; font-size: 2rem}
    .notice h3 {   font-size: 2rem; margin-bottom: 30px;}

    
    
    .content { padding: 60px 0;}
    /* 공지사항 */
    .notice .table .head_table { display: none;}
    .notice .table ul li > div { display: inherit;    text-align: left;}
    .notice .table ul p { padding: 5px 0px;}
    .notice .table .t_no {width: 20%;font-size: 1.125rem;color: #bbb; font-weight: bolder; }
    .notice .table .t_title {font-size: 1.25rem; width: 100%;}
    .notice .table .t_date { width: 100%; text-align: right; }
    .notice .table .t_views{display: none;}
    .notice .table .body_table li { padding: 10px 0;}
    .notice .table .t_name { width: 100%; text-align: right; }

    .notice_view .bottom .tit{width: 20%;}
    .notice_view .body .body_in_file {padding: 10px 0;}
    .notice_view .top .view_title {font-size: 1.3rem;}


    /* 연혁 */
    .his-container:before { left: 8px; width: 2px;}
    .timeline-content{width: 98%;margin-bottom: 30px;}
    .timeline-block { width: 100%; margin-bottom: 30px;}
    .timeline-block-right {float: none;}
    .timeline-block-left { float: none; direction: ltr; }
    .timeline-block-left h3{ text-align: left;}
    .timeline-content h3{ top: -11px;   font-size: 27px;}
    .timeline-block-left p span:nth-child(2){padding-right:0px; padding-left: 20px;}


    /* 조직도 */
    .or-wrap .or-content .bot .org_inner .type01{display: flex; justify-content: center; align-items: center;}

    /* 협력사 */
    .partner-wrap .in-part ul li{width:25%;}
    .partner-wrap .in-part ul li:nth-child(5n) i{    margin-right: 10px;}
    .partner-wrap .in-part ul li:nth-child(4n) i{    margin-right: 0px;}

    /* ceo 이야기 */
    .brand_stroy .ceo_story{padding: 0 16px !important;}
    .brand_stroy .ceo_story h2{padding-bottom: 24px;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{height: 700px;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img img{max-height: initial; margin-top:-20%;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{top: 35%;}



    /* 브랜드 스토리 */
    .brand_stroy .info .left {  width: 100%;height: 260px;}
    .brand_stroy .info .left p {    bottom:84px}
        
    .brand_stroy .info .right {transform: translateY(0) translateX(50%);top:50%; right:50%; width:90%; text-align: center;padding: 50px 0px;}
    .brand_stroy .info .right > i {margin: 0 auto 40px auto;    }
    .brand_stroy .info { display: inherit;height: 390px;}

    .notice .notice_top { justify-content: center; }
    .notice .notice_top .search {width: 100%;}
    .notice .notice_top .search input {padding: 15px 5px; }

    .brand_stroy .story .story_bg {background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML_KOREA/160295177716373.jpg) no-repeat left top -60px;background-size: 140%;height: 270px;}
    .brand_stroy .story .brand_title {opacity: 0.8;}
    .brand_stroy .story .text_box { padding: 40px 20px 0 20px;    width: 95%;}
    .brand_stroy .bd-xl{padding:0;}

    .brand_stroy .history .brand_title { opacity: 0.7;  text-align: center;}

    .brand_stroy .history ul {margin-top: 50px;}

    .brand_stroy .history ul::before {left: 10px;top: -20px; }
    .brand_stroy .history ul li:nth-child(2n) {flex-direction: row;display: inherit;}
    .brand_stroy .history ul li:nth-child(2n-1) .year {text-align: left;   /*  transform: translateY(20px); */}
    .brand_stroy .history ul li:nth-child(2n-1) { display: inherit;}
    .brand_stroy .history ul li:nth-child(2n) .history_box { text-align: left; }
    .brand_stroy .history ul li::after {top: 7px;left: 10px;}
    .brand_stroy .history ul li > div {padding: 0 25px;width: 100%;}
    .brand_stroy .history ul li:nth-child(2n-1) .history_box::before {top: -74px;left: 0px; display: none;}
    .brand_stroy .history ul li:nth-child(2n) .history_box::before {top: -74px;left: 0px; display: none;}
    .brand_stroy .history ul li:nth-child(2n) .year{/* transform: translateY(20px); */}
    .brand_stroy .history ul li { margin-bottom: 60px;}
    .brand_stroy .history ul li .history_box {transform: translateY(0px);line-height:1.7em;    font-size: 1rem;}
    .brand_stroy .history ul li .year {color: #be3434; }
    .brand_stroy .history ul li::after {background-color: #be3434;}

    /* ci / bi */
    .ci-wrap .panels{margin-top:60px;}
    .ci-wrap .panel ul{padding:20px;}
    .ci-wrap .panel ul li i{    padding-bottom: 140px;}
    .ci-wrap .panel div{    margin-top: 70px;}
    .ci-wrap .panel ol li div h2{font-size: 16px;}
    .ci-wrap .panel ol li div p{font-size: 14px;}

    /* 브랜드 페이지 */
    .br-mid > div{overflow-x:scroll}
    .br-mid > div table{width:120%}
    .br-mid > div table tr td{    padding: 13px;}
    .br-mid > div table tr td:first-child{width:25%;}
    .br-mid > div table tr td h4{font-size: 16px;}
    .br-mid > div table tr td p{font-size: 13px;}
    .br-mid > div table tr td > div{position:inherit}
    .br-wrap .br-top .br-txt h1{    font-size: 18px !important;}
    .br-wrap .br-top .br-txt p{    margin: 10px 0px !important; font-size: 16px !important; font-weight: 500 !important;}
    .br-wrap.type04 .br-mid ul li p{    font-size: 15px; font-weight: 500;}
    .br-wrap .br-top i{padding-bottom: 70px;}


    /* 브랜드 지러뷰 */
    .brand1 .br1_container .br1_text {padding: 14px 0 40px;}
    .brand1 .br1_container .br1_text h3.br_tit{font-size: 20px; line-height: 30px;}
    .brand1 .br1_container .br1_text h4.br_titsmall{font-size: 16px; margin-bottom: 24px;}
    .br1_btn .br_btn{font-size:15px; width: 150px !important;}

    /* 브랜드 독도리본 */
    .br6_container h3 {font-size:20px;}
    .br6_container span {font-size:16px;}
    .br6_container p {font-size:15px;}


    /* 브랜드-알엑스더마 */
    .br_container h3.rx_tit{font-size: 28px;}


    /* 브랜드-비비톡톡 */
    .bbtt_concept{display: block; margin: 0 auto;}
    .bbtt_concept .bbtt_bg{width: 40%; margin: 0 auto;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_imgwrap{width: 70% !important; margin: 0 auto;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap .bbtt_small{font-size: 14px;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap {width: 100% !important;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap h5{padding-top: 10px;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(1) {order: 1;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(2) {order: 2;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(3) {order: 3;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(4) {order: 4;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(3) .bbtt_imgwrap {order: -1;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(4) .bbtt_imgwrap {order: -1;}

    
    /* 홍보자료/홍보영상 */
    .promotion ul li .text_box {padding: 10px;}
    .promotion ul li .promotion_bg {height: 280px;}
    .promotion ul li .text_box .con_title{font-size: 1.15rem;}


    /* 지적재산권 */
    .certification .certification_list li { margin-bottom: 10px;}
    .certification .cer_top .search {width: 70%;}
    .certification .cer_top .cer_list{width: 30%;}
    .certification .cer_top .cer_list p {width: 100%;}

    
    /* 자주묻는 질문 */
    .questions .questions_top .search{width: 100%;}
    .questions .questions_top {margin-top: 40px; }
    .questions .questions_top .search input {padding: 15px 10px;}
    .accordion dt {padding: 20px 75px 20px 50px;}
    .accordion dd { padding: 20px 20px 20px 50px;}


    /* Q&A */
    .qna .table{margin-top:0}
    .qna .table .head_table { display: none; }
    .qna .table ul li > div {display: inherit;    text-align: left;position: relative;padding: 10px;}
    .qna .table ul p {padding:2px 0px; }
    .qna .table ul p.no_post {padding: 10px 0px;}
    .qna .table .body_table .t_no{width: 20%;font-size: 1.125rem;color: #bbb; font-weight: bolder;text-align: left; }
    .qna .table .t_category{text-align: left; font-size:13px; color:#be3434;width: 100%;}
    .qna .table .body_table .t_title {font-size: 1.25rem;    width: 85%; margin-right:auto;}
    .qna .table .body_table .t_name { width: 100%; text-align: right; }
    .qna .table .body_table .t_date { width: 100%; text-align: right;}

    .qna .table .body_table .after_answer .t_name{padding-right: 20px;}
    .qna .table .body_table .after_answer .t_date{padding-right: 20px;}

    .qna .table .after_answer{position:relative;background-color: #f5f5f5; padding-top:10px}
    .qna .table .after_answer .t_no{position:absolute;    width: auto;}
    .qna .table .after_answer .t_no img {transform: translate(7px,4px);    width: 19px;}
    .qna .table .after_answer .answer { width: 56px; text-align: center;    margin-left: 40px;margin-top: 7px;}
    .qna .table .after_answer .t_title {margin-left: 40px;margin-top: 6px;}

    .qna .table .body_table li {  border-bottom: 1px solid #bbb; padding:0;}
    .qna .table .body_table li > div:first-child{padding:10px 0;}
    .qna .table .body_table li > div:last-child{padding:20px 0 10px;}
    .qna .qna_top .search { width: 50%;}
    .qna .qna_top > button{width:20%;padding: 0 10px;}
    .qna .qna_top .category_list{width:30%;}
    .qna .table .t_date{position:absolute;right:10px;bottom:10px;text-align: right;color:#888; font-size:13px;width: auto;}
    .qna .table .before_answer .t_no {display: none;}
    .qna .table .t_title {font-size: 1.125rem;margin-top:4px;width: 100%;}
    .qna .table .t_name{color:#888;font-size:13px;width: auto;}
    .qna .table .after_answer .t_name{margin-left:40px;;}
    .qna .table .t_name::before{content:'작성자 : '}
    .qna .table .after_answer .t_title {width: calc(100% - 40px);}



    /* 상품 사용후기 */
    /* .review .pc_table{display: none;}
    .review .mobile_table{display: block;} */
    .review .table ul >li{border-bottom:1px solid #ddd;padding: 0;}
    .review .table .head_table{display:none;}
    .review .table .before_answer .t_category {display: inherit;padding:0;font-size:1.25rem;width:100%;}
    .review .table .t_category .title_p{padding:0; text-align: left;}
    .review .table ul li > div { display: inherit;margin:0;}
    .review .table ul p{padding:0; margin:0;text-align: left;}
    .review .table .t_title{margin:0;width:100%;    padding: 5px 0;}
    .review .table .t_name{width:100%;font-size:14px; font-weight: 400; color:#888}
    .review .table .t_name::before{content:'작성자 : '}
    .review .table .t_date {text-align: right; width: auto; font-size:14px; font-weight: 400; color:#888;position:absolute;bottom:0; right:0;}
    .review .table ul li .before_answer{padding: 30px 0px 30px 150px;position:relative;}
    .review .table .before_answer .t_category i{position:absolute; top:50%; left:0;  width: 100px; transform: translateY(-50%);height:130px;}


    .review .mobile_table ul li:first-child{border-top: 1px solid #777;}
    .review .mobile_table ul li{display: flex; border-bottom: 1px solid #bbb; padding: 30px 10px 20px;}
    .review .mobile_table .review_product{width: 160px; padding-right: 20px;}
    .review .mobile_table .review_product .t_category{text-align: center; line-height: 30px;}
    .review .mobile_table .review_product .t_category span{display: block;}

    .review .mobile_table .review_txt{width: calc(100% - 160px);}
    .review .mobile_table .review_txt .t_star{margin-bottom: 15px;width: 104px; overflow: hidden; padding-bottom: 10px;}
    .review .mobile_table .review_txt .t_star .star{position: relative;}
    .review .mobile_table .review_txt .t_title{font-size: 1.25rem; margin-bottom: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .review .mobile_table .review_txt .t_date{color: rgba(0,0,0,.5);}

    .review .qna_top .search {width: 50%;}
    .review .qna_top > button{width:20%;padding: 0 10px;}
    .review .qna_top .category_list{width:30%;}
    .review_view .top .t_star .review-main-star .star1 {left: -42px;}
    .review_view .top .t_star .review-main-star .star2 {left: -23px;}
    .review_view .top .t_star .review-main-star .star3 {left: -3px;}
    .review_view .top .t_star .review-main-star .star4 {left: 16px;}

    
    /* 찾아오시는 길 */
    .brand_stroy .loca .loca_box {padding: 30px 0;}
    .brand_stroy .loca .map { margin-bottom: 280px;}

    .panels {margin-top: 10px;}


    .review .mypage_review .table ul li .before_answer {
        padding: 0;}

        .review .mypage_review .table .before_answer .t_category i { position: inherit; top: auto; left: auto; width: 100%; transform: none; height: auto;}
        .review .mypage_review .table ul li .before_answer{position: relative;}
        .review .mypage_review .table .before_answer p{padding-left:150px;}
        .review .mypage_review .t_category span{position:absolute;top:50%;transform:translateY(-50%);left:0;}
        .review .mypage_review .table .t_star {padding-left:0; margin-left: 150px;}
        .review .mypage_review .table li {padding: 20px 0;}
        .promotion ul li .text_box .con_date { bottom: 10px; right: 15px;}

        .br-img-mid{    flex-direction: column;    align-items: flex-start;}
        .br-img-mid li{width:50% !important}
        .br-img-mid li.br-img-left{padding:0px;}
        .br-img-mid li.br-img-right{margin: auto 0 auto auto;}
        .br-img-mid li.br-img-left i{padding-bottom: 100%;}
        .br-img-mid.type02{margin-top:0px;flex-direction: column-reverse;}

        .back-font-wrap{    padding-top: 250px;}
        .back-font h6 {font-size: 15vh;}

        .promotion02 ul li{width:50% !important}
        .promotion02 .page_but ul li{width:auto !important}

        :lang(en) .notice_view .bottom .tit{width: 150px;}
        :lang(en) .notice_view .bottom .post_text{width:calc(100% -150px)}

        :lang(en) .qna_view .bottom .tit{width: 130px;}
        :lang(en) .qna_view .bottom .post_text{width:calc(100% - 130px)}

        :lang(en) .or-wrap .or-content .bot .org_inner .type01{    height: 70px; font-size: 13px;}
        
        
}
/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:640px){
    .sec { padding: 80px 0;}
    .promotion ul li .promotion_bg {height: 250px;}
    h3 {font-size: 2rem;margin-bottom: 30px;}
    .content { padding: 50px 0;}
    .notice h3{font-size: 2rem;margin-bottom: 0;}

    /* 회사소개 */
    .com-wrap .com-mid div div ul li div{width: 150px; height: 150px; }
    .com-wrap .com-mid P{padding-bottom: 3px;}
    .com-wrap .com-mid div div ul li div span{font-size: 13px;}

    .com-intro ul li p{font-size: 14px; top: calc(100% - 210px);}

    :lang(en) .com-intro ul li p{position: static; padding-right: 0;}
    :lang(en) .com-intro ul li{height: auto;}
    :lang(en) .com-intro ul li.eun{display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}

    
    /* ceo 이야기 */
    .brand_stroy .ceo_story .ceo_tit{margin: 50px 0 30px;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{padding: 20px; top: 40%;}
    .brand_stroy .ceo_story h2{font-size: 28px ; line-height: 40px;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 100%; height: 600px;}

    /* ci / bi */
    .ci-wrap .tabSet ul.tabs li a{    padding: 7px 20px;}
    .ci-wrap .panel ol li{margin-right:10px;}
    .ci-wrap .panel ol li div{padding:16px;}

    /* 브랜드페이지 */
    .br-wrap .br-btm ul li strong{font-size: 18px;}
    .br-wrap .br-btm ul li div{padding:16px}
    .br-wrap.type04 .br-mid ul{flex-wrap: wrap;}
    .br-wrap.type04 .br-mid ul li{width:50%;}
    .br-wrap.type04 .br-mid ul li:nth-child(3), .br-wrap.type04 .br-mid ul li:nth-child(4){margin-top:30px;}
    .br-wrap.type04 .br-btm ul{flex-wrap: wrap;}
    .br-wrap.type04 .br-btm ul li:nth-child(2n) div{margin-right:0px;}
    .br-wrap.type05 .br-btm ul li{width:50%;}
    .br-wrap.type05 .br-btm ul li:nth-child(2n) div{margin-right:0px;}
    .br-wrap.type05 .br-btm ul li:nth-child(3) div{margin-right:16px}
    .com-wrap .com-mid > div > ul li{padding:13px; height:210px;}

    /* 브랜드 비비톡톡 */
    .bbtt_pd .bbtt_pdwrap {display: flex;}
    .bbtt_pd .bbtt_pdwrap > div{width: 100%; text-align: center; margin-bottom: 100px;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(1) {order: 1;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(2) {order: 3;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(3) {order: 2;}
    .bbtt_pd .bbtt_pdwrap div:nth-child(4) {order: 4;}
    .bbtt_1, .bbtt_3{padding-right: 0 !important;}
    .bbtt_2, .bbtt_4{padding-left: 0 !important;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap{padding-left: 0;}
    
    /* 브랜드-알엑스더마 */
    .br_container .br_wrapper{display: block;}
    .br_container .br_wrapper .br_item{width: 100%; padding: 0;}
    .br_container .br_wrapper .britem_text p{padding-bottom: 48px; margin-top: 14px;}
    .br_container .br_wrapper .britem_text h4{padding-top:10px; font-size: 18px;}
    .br_container .br_wrapper .britem_text p{font-size: 16px; padding-bottom: 36px;}


    /* 브랜드 스토리 */
    .brand_stroy .info {margin-top: 30px;}

    /* 자주묻는 질문 */
    .accordion dt i {width: 21px;}
    .accordion dt {padding: 10px 55px 10px 37px}
    .accordion dd { padding: 10px 10px 10px 37px;}
    .accordion dt {font-size: 1rem;}
    .accordion dd {font-size: 1rem;}
    .questions_point01 {font-size: 1.5rem;left: 10px;}
    .questions_point02 {font-size:  1.5rem;left: 10px;}
    .questions .questions_top .search input {padding: 11px 10px;    }

    /* 홍보자료 */


    /* 찾아오시는 길 */
    .brand_stroy .loca .map {margin-bottom: 250px; }
    .brand_stroy .loca .loca_box .loca_title {font-size: 1.3rem;}

    .contact ul li.goods .goods_img{width:110px; height:110px;}
    .contact ul li.goods .goods_text{width:calc(100% - 110px);padding-left:20px;}

    .contact ul li.check_box_list .right {flex-direction: column;}
    
    .top_minilist span.on::after{display: block;}

    .event .tabSet ul.tabs li a{padding:8px;}
    .event .tabSet ul.tabs li{width:50%; text-align: center;}
    .promotion.event ul li .text_box{padding: 10px;}
    .promotion.event ul li .text_box {height: 100px;}

    .mypage_review .flex_sec .product_img {width: 130px;margin-right: 20px;}
    .mypage_review .flex_sec .product_text_box {width: calc(100% - 150px);}
    .promotion ul li .text_box .progress{    margin-bottom: 0;}
    .promotion ul li .text_box .con_title {font-size: 1.125rem; }

    .qna .qna_top .search input{ padding:5px; }
    .qna .qna_top .search {width: 50%;}
    .qna .qna_top > button {width: 25%;}
    
    
    .qna_view .body {padding-top: 0;}
    .qna_view .body .answer {padding: 10px;}
    .qna_view .body .answer textarea {height: 110px;}

    .brand_stroy .info .left p {font-size: 1.3rem;padding-top: 110px;}
    .brand_stroy .story .story_bg {height: 100px;}
    .brand_stroy .story .text_box{padding:0;    transform: none;width:100%;margin-top:10px;word-break: keep-all;text-align: left;}

    /* 협력사 */
    .partner-wrap .in-part h2 span{font-size: 22px; top: 16px;}
    .partner-wrap .in-part:nth-child(2), .partner-wrap .in-part:nth-child(3){margin-top:10px;}

    .br-wrap.type03 .br-btm ul li p{font-size: 15px;}

    .br-img-mid{margin-top:90px;}

    .qna_view .bottom .post .next_post i, .qna_view .bottom .post .previous_post i{width:12px}
    .qna_view .bottom .tit{width:80px;}
    .qna_view .bottom .post_text{width:calc(100% - 80px);}
    .notice_view .bottom .tit{width:80px;}
    .notice_view .bottom .post_text{width:calc(100% - 80px);}

    .br-wrap.type05 .br-btm p{padding-top:0px;}
    :lang(en) .com-wrap .com-mid div div ul li div{    padding: 40px 10px;}

    .ci-wrap .panel ul li i{padding-bottom: 95px;}

    :lang(en) .or-wrap .or-content .bot .org_inner .type01{font-size: 12px;}
    :lang(en) .or-wrap .or-content .bot .org_inner li{font-size: 13px;}
}


/* ********************************************* *
* 550px max
* ********************************************* */
@media (max-width:550px){
    .or-content{    max-width: 550px; overflow-x: scroll;}

    /* 회사소개 */
    .com-wrap h2{font-size: 18px;}
    .com-wrap .com-top p{font-size: 15px;}
    .com-wrap .com-mid div ul li h3{font-size: 16px;top: -11px;}
    .com-wrap .com-mid P{font-size: 14px;}
    .com-wrap .com-mid > div > ul li{margin: 20px auto 20px; height:auto; padding:10px;}
    .com-wrap .com-mid > div > ul li p{padding-top: 13px; font-size: 15px;}

    .com-intro ul li{width: 100%; height: calc( 100vw / 2); padding:30px; margin-bottom: 12px;}
    .com-intro ul li:last-child{margin-bottom: 0;}
    .com-intro ul li p{top:calc(100% - 90px); padding-right: 30px;}
    .com-intro ul li:nth-child(2) p, .com-intro ul li:nth-child(2) h3{text-align: right;}
    .com-intro ul li:nth-child(2) span{float: right;}
    .com-intro ul li h3{font-size: 28px;}
    :lang(en) .com-intro ul li span{margin:32px 0;}



    .lo-all .tabSet ul.tabs li a{font-weight:500; height: 45px; line-height: 45px; font-size: 16px;}
    .lo-all .panel .info li span { font-size: 15px; font-weight: 500;}
    .lo-all .panel .info li p{padding-left:16px; font-size: 13px;}
    .lo-all .panel .info li:nth-child(2){    flex-direction: column;}
    .lo-all .panel .info li:nth-child(2) div{width:100%;}
    .lo-all .panel .info li:nth-child(2) div:first-child{border-right:0px; margin-right: 0px; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }

    /* 인증서 */
    .certif {padding-top: 80px;}
    .certif .certifimg ul li.certimg_box{width:50%;}
    .certif .certiftxt table td, .certif .certiftxt table th{padding: 8px 0; font-size: 15px;}
    .certif .certiftxt table{margin:60px auto;}
    /* ceo 이야기 */
    .brand_stroy .ceo_story .ceo_tit{margin: 50px 0 20px;}


    /* 협력사 */
    .partner-wrap .in-part ul li{width:33.33%;    margin-top: 16px;}
    .partner-wrap .in-part ul li i{padding:5px;}
    .partner-wrap .in-part ul li:nth-child(4n) i{    margin-right: 10px;}
    .partner-wrap .in-part ul li:nth-child(3n) i{    margin-right: 0px;}

    /* ci / bi */
    .ci-wrap .panel ol{flex-direction: column; margin-top:20px;}
    .ci-wrap .panel ol li{width:100%;    margin-top: 16px;}

    /* 브랜드 페이지 */
    .br-wrap .br-top .br-txt h1{font-size: 16px !important;}
    .br-wrap .br-btm ul{flex-direction: column;}
    .br-wrap .br-btm ul li{width:100%;}
    .br-wrap .br-btm ul li div{margin-right:0px;}
    .br-wrap .br-btm ul li strong{font-size: 16px;}
    .br-wrap .br-btm ul li span{font-size: 13px;    padding-top: 8px; margin-top: 8px;}
    .br-wrap.type04 .br-mid ul li p{font-size: 13px;}
    .br-wrap.type05 .br-btm ul{    flex-direction: inherit;}
    .br-wrap.type05 .br-btm ul li:nth-child(2n-1) div{margin-right:16px}
    .br-wrap.type05 .br-btm ul li div strong{font-size: 15px; font-weight: 500;}
    .br-wrap.type05 .br-btm p{font-size: 13px;}
    .br-wrap.type05 .br-btm ul li div i{padding-bottom:170px;}
    .br-wrap .br-btm h2{font-size: 17px;}
    .br-wrap.type05 .br-btm p{padding-top: 5px;}

    .br-mid > div table tr td{padding:10px;}
    .br-mid > div table tr td i{padding-bottom: 90px;}
    .br-mid > div table tr td span{font-size: 12px;}
    .br-mid > div table tr td h4{font-size: 14px;}

    .br-wrap.type03 .br-btm ul li:nth-child(2) div{margin-right:0px}
    .br-wrap.type03 .br-btm ul li{width:100%}

    .br-wrap.type02 .br-btm ul li{width:100%;}
    .br-wrap.type02 .br-btm ul li div{margin-right:0px !important}
    .br-wrap.type02 .br-btm ul li div p{font-weight: 500 !important; font-size: 15px;}

    /* 지러뷰 */
    .brand1 .br1_container .br1_text p{font-size: 15px; line-height: 24px;}
    .shop_go{margin-top: 20px; font-size: 14px; padding: 12px 22px;}

    .br6_container a { font-size: 14px; padding: 12px 22px;}

    /* 비비톡톡 */
    .bbtt_concept .bbtt_wrap{display: block}
    .bbtt_concept .bbtt_wrap div {width: 80% !important; padding: 14px 0 0 0; margin: 0 auto}


    :lang(en) .or-wrap .or-content .bot .org_inner li{font-size: 12px;}



}

/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){

    /* 회사소개 */
    .com-wrap .com-mid div div ul li{width: 50%;}
    .com-wrap .com-mid div div ul li:nth-child(3){margin-top:30px;}

    .partner-wrap .in-part h2{border-bottom: 1px solid #000;}
    .partner-wrap .in-part h2 span{font-size: 18px; padding: 10px 17px;}

    .brand_stroy.content >.bg-wrap i{padding-bottom: 160px;}

    .com-intro ul li{height: calc( 100vw / 1.7);}


    .promotion ul li{width: 100%;}
    .promotion02 ul li{width:100% !important}

    .qna .table .body_table .t_title{font-size: 1.05rem;}

    .review_view .top > div{flex-wrap: wrap;}

    .contact ul li.secret .right .text_input {width: 100%;}
    .contact ul li.secret .right .text_input {float: inherit;}
    .contact ul li.secret .right .secret_checkbox {float: inherit; padding-left:0;width:100%;}
    .review .table .before_answer .t_category i{width:100px; height:100px;}
    .review .table .before_answer .t_category i img{height: 100%;}
    .review .table ul li .before_answer {    padding: 30px 0px 30px 120px;}
    .review .table .before_answer .t_category{font-size:1.125rem;}
    .review .table .t_title {padding: 2px 0; }


    .pd-sle-con02 .select_list {display: inherit;position:relative;}
    .pd-sle-con02 .select_list .select_name{width:100%;}
    .pd-sle-con02 .select_list .select_numder{width:30%;display: inline-block;   margin-right:-4px; padding-top:10px;}
    .pd-sle-con02 .select_list .select_price{width:70%;display: inline-block;    }
    .pd-sle-con02 .select_list .close{position:absolute; top:10px; right:10px;}
    

    .mypage_review .product_text_box {justify-content: space-between; flex-direction: column;align-items: flex-start;}
    .mypage_review .but_box.but_box01{width: 100%;;}
    .mypage_review .but_box.but_box01 button{width: 100%;;}
    .mypage_review .t_category span { width: 100px;}
    .review .mypage_review .table .before_answer p {padding-left: 120px;}
    .review .mypage_review .table .t_star {margin-left: 120px;}
    .review .mypage_review .table li {padding: 10px 0; }

    /* 연혁 */
    .his-container:before{    left: 7px;}
    .marker{    width: 14px; height: 14px;}
    .timeline-content h3{    top: -8px; font-size: 20px;    line-height: 1.5;}
    .timeline-block{margin-bottom: 20px;}
    .timeline-content p{      display: table;  margin-bottom: 7px; font-size: 15px;}
    .timeline-content span.dot{display: table-cell;}
    .timeline-block-right p span:nth-child(2){padding-right:13px; display: table-cell;}
    .timeline-block-left p span:nth-child(2){padding-right:13px;display: table-cell;}



    /* ceo이야기 */
    .brand_stroy .ceo_story h2{font-size: 22px; line-height: 32px !important;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 100%;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{width: 100%; top: 35%;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 100%; height: 550px;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text p{font-size: 14px; line-height: 22px;}



    /* ci */
    .br-wrap .br-top .br-sub-txt p{font-size: 14px !important;}

    .br-img-mid{padding-top:60px;}
    .br-img-mid.type02, .br-img-mid.type04{margin-top:0px;}
    .back-font-wrap{display:none}
    .br-img-mid.type04{flex-direction: column-reverse;}
    .commu .mov_cont{margin:30px 0px;}
    .notice_view.mov .body{min-height:auto}
    .page_but ul li{width: auto !important}

    .contact ul.qna_type02 li.in_list{flex-direction: column;}
    .contact ul.qna_type02 li.in_list .left{width:100%}
    .contact ul.qna_type02 li.in_list .right{width:100%}
    .contact ul li.in_list .left p{    margin-bottom: 10px;}
    .contact .bottom_button button{margin:0px 5px;}

    .ci-wrap .panel ul li i{    padding-bottom: 70px;}
    .qna_view .body textarea{font-size: 14px;}

    /* 브랜드 알엑스더마 */
    .br_container .br_wrapper .britem_text h4{padding-top:10px; font-size: 16px }
    .br_container .br_wrapper .britem_text p{font-size: 14px;}

    /* 브랜드 비비톡톡 */
    .bbtt_pd .bbtt_pdwrap div .bbtt_imgwrap{width: 75% !important;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap ul li{font-size: 14px;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap h5{font-size: 18px;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap h5 span{font-size: 22px;}
    .bbtt_pd .bbtt_pdwrap div .bbtt_textwrap .bbtt_small{font-size: 13px;}


    :lang(en) .or-wrap .or-content .bot .org_inner li {font-size: 10px;}
    :lang(en) .or-wrap .or-content .bot .org_inner .type01{font-size: 11px;}
    .or-mid .or-wrap{overflow-x: auto; overflow-y: hidden;}
    .or-mid .or-wrap>ul{width:640px; max-width: 640px;}
}


/* ********************************************* *
* 450px max
* ********************************************* */
@media (max-width:450px){
    .lo-all .panel .info li span{display: block}
    .lo-all .panel .info li p{display: block; padding-left: 0px;    padding-top: 5px;}

    /* 회사소개 */
    .com-intro ul li{height: calc( 100vw / 1.5);}
    .com-intro ul li p{top:calc(100% - 100px);}


    /* ceo이야기 */
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 100%;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{width: 100%; top: 35%;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 100%; height: 470px !important;}
    .brand_stroy .ceo_story .ceo_tit{margin: 50px 0 0;}



    /* 협력사 */
    .partner-wrap .in-part ul li{width:50%;   }
    .partner-wrap .in-part ul li:nth-child(3n) i{    margin-right: 10px;}
    .partner-wrap .in-part ul li:nth-child(2n) i{    margin-right: 0px;}

    .commu h3{      padding-bottom: 10px;  font-size: 1.5rem;}
   

    .lo-all .panel .info li{display: block;}
    .lo-all .panel .info li span{width: 100%;}
    .lo-all .panel .info li p{width: 100%;}



}



/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    html{font-size:14px;}
    .review_view #content{min-height: auto;}
    .mypage_review .tabSet .tabs li a.on h4{font-size: 15px;}

    /* 인증서 */
    .certif .certiftxt table td, .certif .certiftxt table th{padding: 8px 0; font-size: 14px;}

    /* 회사소개 */
    .com-wrap .com-mid > div > ul{    flex-direction: column;}
    .com-wrap .com-mid > div > ul li{width:100%;}
    .com-wrap .com-mid > div > ul li p{padding-top: 30px;}
    .com-wrap .com-mid div div ul li{width:100%;}
    .com-wrap .com-mid div div ul li:nth-child(2){margin-top:40px;}

    .com-intro ul li{height: calc( 100vw / 1.3); padding: 20px;}
    .com-intro ul li p{padding-right:20px;}


    /* ceo이야기 */
    .brand_stroy .ceo_story h2{font-size: 20px; line-height: 28px !important;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{width: 100%; top: 30%;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img{width: 100%; height: 430px !important;}
    /* .brand_stroy .ceo_story .ceo_tit .ceo_tit{margin: 50px 0 20px;} */
    

    /* 브랜드페이지 */
    .br-wrap.type05 .br-btm ul li{flex-direction: column; width:100%;}


    /* 브랜드 스토리 */
    .brand_title {font-size: 1.3rem;}
    .brand_stroy .info .right > i {width: 190px;}
    .brand_stroy .info .right {padding: 30px 0px}
    .brand_stroy .info .right .text_box p {font-size: 0.9rem;    word-break: keep-all;}

    .brand_stroy .info .right > i {margin: 0 auto 20px auto;}
    .brand_stroy .info .left p {bottom: 0;width:80%;margin:0 auto;text-align: center;position: inherit; left:0;padding-top: 100px;}
    .brand_stroy .story {margin: 40px 0;}
    .brand_stroy .history ul {margin-top: 30px;}
    .brand_stroy .story .brand_title {position: inherit; left: 0;top: 0;width: 100%;text-align: center;padding-top:10px;}

    /* 홍보자료/홍보영상 */
    .promotion ul li .promotion_bg {height: 160px;}
    .promotion ul li:first-child{margin-top:0;}

    
    /* 찾아오시는 길 */
    .brand_stroy .loca .map {margin-bottom: 200px; }
    .brand_stroy .loca .loca_box .loca_title {font-size: 1.1rem;}
    .brand_stroy .loca .loca_box ul {width: 90%;margin-top: 30px;}
    .brand_stroy .loca .loca_box ul li {padding: 6px 0;}
    .brand_stroy .loca .map { margin-bottom: 290px;}

    /* .notice_view .bottom .tit{width: 30%;} */


    .pd-sle-con02 .select_list {display: inherit; }
    .pd-sle-con02 .select_list .select_name { width: 100%; text-align: left;}
    .pd-sle-con02 .select_list{position:relative}
    .pd-sle-con02 .select_list > div:first-child{width:100% !important}
    .pd-sle-con02 .select_list > div{width:50% !important;display: inline-block !important;margin-right:-4px;;}
    .pd-sle-con02 .select_list .close{position: absolute; top:20px;right:20px;width:15px !important;}


    .event .tabSet ul.tabs li { margin: 0 3px;}
    .review .table .t_date {position: inherit;  }
    .review .table .before_answer .t_category {padding-top: 20px;}
    .review .mypage_review .table .t_star {position: absolute;top: 0;left: 0;}
    .pro_mov{margin-top:30px;}
    .catal_wrap{margin-top:30px;}
    :lang(en) .notice_view .bottom .tit{font-size: 12px; width:120px;}
    :lang(en) .notice_view .bottom .post_text{width:calc(100% - 120px)}
    .notice h3{font-size: 1.6rem;     padding-bottom: 8px;}

    :lang(en) .qna .qna_top{flex-wrap: wrap;}
    :lang(en) .qna .qna_top .category_list{width:40%; margin-right:5px;}
    :lang(en) .qna .qna_top .search{    width: 57%; margin-right: 0px;}
    :lang(en) .qna .qna_top > button{width:100%; padding:12px 10px; margin-top:16px}
    
}


@media (max-width:350px){

    /* 회사소개 */
    .com-intro ul li h3{font-size: 22px;}
    .com-intro ul li{height: calc( 100vw / 1);}
    .com-intro ul li p{top:calc(100% - 130px);}


    /* ceo 이야기 */
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{top: 30%;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img img{margin-top: 0;}
    /* .brand_stroy .ceo_story .ceo_tit{height: calc(100vh - 100px);}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{position: absolute; top: 60%; display: block; background-color: #155199;}
    .brand_stroy .ceo_story h2, .brand_stroy .ceo_story .ceo_tit .ceo_tit_text p, .brand_stroy .ceo_story h2 span{color: #fff;} */
}

@media (max-width:320px){
    .review .mobile_table ul li{flex-wrap: wrap;}
    .review .mobile_table .review_product{width: 100%; padding-right: 0; padding: 0 20px;}
    .review .mobile_table .review_txt{width: 100%;}
    .review .mobile_table .review_txt .t_title{margin-bottom: 10px;}
    .review .mobile_table .review_txt .t_name{display: inline-block; margin-right: 14px;}
    .review .mobile_table .review_txt .t_date{display: inline-block }
    .notice_view .bottom .post > div i{    margin-left: 17px;}
    .notice_view .bottom .post_text{padding-left:20px}
    :lang(en) .notice_view .bottom .tit{width:110px;}
    :lang(en) .notice_view .bottom .post_text{width:calc(100% - 110px)}

    /* ceo 이야기 */
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{top: 24%;}
    .brand_stroy .ceo_story h2{font-size: 18px; line-height: 28px !important;}

    
/* .m_price{display: inherit !important;} */
}

@media (max-width:300px){

    /* ceo 이야기 */

    .brand_stroy .ceo_story .ceo_tit .ceo_tit_text{top: 18%;}
    .brand_stroy .ceo_story h2{font-size: 18px; line-height: 28px !important;}
    .brand_stroy .ceo_story .ceo_tit .ceo_tit_img img{height: 386px !important;}
    :lang(en) .brand_stroy .ceo_story .ceo_tit .ceo_tit_img i img{height: 100% !important;}
}


.cancel_reason > p{margin-bottom:10px; cursor: pointer;}
.reason02{margin-top:20px; }
.reason02 input{width:100%; border:1px solid #ddd; padding:10px;}

.reason02_01{margin-top:20px;overflow: hidden;}
.reason02_01 > p{ font-size: 1rem;}
.reason02_01 button{width:100%; border:1px solid #ddd; padding:15px 0; margin-top:10px;}
.reason02_01 .img_box ul li{display: inline-block; width:98px; height:98px; margin-right:10px; position:relative}
.reason02_01 .img_box ul li:last-child{margin:0}
.reason02_01 .img_box{width:100%;}
.reason02_01 .img_box .img_im{overflow: scroll;}
.reason02_01 .img_box ul{width: 640px;display: flex;justify-content: flex-start;}
.reason02_01 .img_box .sc_event{width:100%; overflow-x: scroll; }

.reason02_01 .img_box .sc_event::-webkit-scrollbar{background-color: #fff; height:10px; }
.reason02_01 .img_box .sc_event::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 10px;background-clip: padding-box;
    border: 2px solid transparent;}

.reason02_01 .img_box ul li img{width:20px; background-color: rgba(0 , 0, 0 , 0.3);padding:4px; border-radius: 10px; position:absolute; top:7px; right:7px;}





.reason03{margin-top:20px;margin-bottom:10px;}
.reason03 > p{ font-size: 1.25rem;}
.reason03 > div {border-top:1px solid #ddd;padding-top:10px; line-height: 2em;}
.reason03 > div > div{color:#888;display: flex;justify-content: space-between;align-items: center;}

.reason04{padding-top:10px;border-top:1px solid #000;display: flex;  font-size: 1.25rem;justify-content: space-between;}
.reason05{font-size:0.812rem;margin-top:20px; color:#bbb}
.reason05 ul li > p{position:relative; padding-left:10px;}
.reason05 ul li > p::after{ position:absolute;top:9px; left:0px;content:''; display: block; width:4px; height:4px; background-color: #bbb;border-radius: 10px;}

.reason05 ul li > div p{position:relative; padding-left:20px;}
.reason05 ul li > div p::after{ position:absolute;top:10px; left:10px;content:''; display: block; width:5px; height:2px; background-color: #bbb;}