.wn{margin:0 auto;width:100%;max-width:1200px;box-sizing:border-box;}
.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}
.scale:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.star i + i{/*margin-left:-3px;*/}
.star i{display:inline-block;width:14px;height:14px;}
i.star_navy{background-image: url(../_img/star-b.png);background-size: 14px;background-repeat: no-repeat;}
i.star_gray{background-image: url(../_img/star-g.png);background-size: 14px;background-repeat: no-repeat;}
.btnwrap button{font-size:1.125rem;font-weight: 500;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:60px;line-height:59px;max-width:100%;width:100%;}
.btnwrapm button{font-size:0.9375rem;font-weight: 500;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:50px;line-height:49px;max-width:100%;width:100%;}
.dblbtnwrap{overflow:hidden;}
.dblbtnwrap li{float:left;width:49% !important;}
.dblbtnwrap li + li{margin-left:2%;}
button.kakao i{display:inline-block;margin-right:10px;vertical-align:middle;width:24px;height:21px;background-image:url(../_img/icon-kakao@2x.png);background-size:100%;background-repeat:no-repeat;}
button.naver i{display:inline-block;margin-right:10px;vertical-align:middle;width:20px;height:17px;background-image:url(../_img/icon-naver@2x.png);background-size:100%;background-repeat:no-repeat;}
button.fb i{display:inline-block;margin-right:10px;vertical-align:middle;width:22px;height:22px;background-image:url(../_img/icon-facebook@2x.png);background-size:100%;background-repeat:no-repeat;}
.imp{font-weight:700;}
.color-navy{color:#284aa4;}
button.navy{background-color:#284aa4;color:#fff !important;border:1px solid #284aa4;}
button.navy:hover,
button.navy:focus:not(:active) {color:#fff;background-color: #284aa4; }
button.navy:active{color:#fff!important;background-color: #2f53b1}
button.black{background-color:#000000;color:#fff !important;border:1px solid #000000;}
button.black:hover,
button.black:focus:not(:active) {color:#fff;background-color: #000000; }
button.black:active{color:#fff!important;background-color: #555 }

button.white{background-color:#fff;color:#000 !important;border:1px solid #000;}
button.white:hover,
button.white:focus:not(:active) {color:#000;background-color: #fff; }
button.white:active{color:#000!important;background-color: #fff }


button.kakao{background-color:#ffe500;color:#000000 !important;border:1px solid #ffe500;}
button.kakao:hover,
button.kakao:focus:not(:active) {color:#000000;background-color: #ffe500; }
button.kakao:active{color:#000000!important;background-color: #ffe500}

button.naver{background-color:#02c73b;color:#fff !important;border:1px solid #02c73b;}
button.naver:hover,
button.naver:focus:not(:active) {color:#fff;background-color: #02c73b; }
button.naver:active{color:#fff!important;background-color: #02c73b}

.btnwrap a{font-size:1.125rem;font-weight: 500;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:60px;line-height:59px;max-width:100%;width:100%;}
.btnwrapm a{font-size:0.9375rem;font-weight: 500;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:50px;line-height:49px;max-width:100%;width:100%;}



button.fb{background-color:#1777f2;color:#fff !important;border:1px solid #1777f2;}
button.fb:hover,
button.fb:focus:not(:active) {color:#fff;background-color: #1777f2; }
button.fb:active{color:#fff!important;background-color: #1777f2}
.bread{display:table;position:relative;width:100%;height:195px;background-size:cover;background-repeat:no-repeat;}
.bread .cell{display:table-row;}
.bread .inner{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
.bread h3{color:#fff;text-align:center;font-size:2.5rem;font-weight:bold;}
.bread .inner nav{position:absolute;right:60px;top:20px}
.bread .inner nav a{display:inline-block;color:#fff;font-size:0.8125rem;letter-spacing:-0.5px;}
.bread .inner nav a + a::before{content:'';display:inline-block;width:5px;height:10px;background-image:url(../_img/bread-arrow@2x.png);background-size:100%;margin-right:10px;margin-left:10px;}
.bread .inner nav a:active{color:#fff;}
.cont{padding-top:70px;}
.contshort{padding-top:70px;min-height:initial;height:auto;}
.tab ul{list-style:none;overflow:hidden;}
.tab li{float:left;height:60px;border:1px solid #eee;border-bottom:1px solid #000;}
.tab li.active{border:1px solid #000;border-bottom:1px solid #fff;}
.tab li a{display:block;height:60px;line-height:60px;text-align:center;color: #000000;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;} 
.tab li.active a{color:#284aa4;font-weight:500;}

.tab.col2 li{width:calc( 50% - 2px );} 
.tab.col3 li{width:calc( 33.3333% - 2px );} 
.tab.col4 li{width:calc( 25% - 2px );} 
.subtab ul{list-style:none;overflow:hidden;}
.subtab li{float:left;height:48px;border:1px solid #999;}
.subtab.col3 li{width:calc( 33.3333% - 2px );} 
.subtab.col4 li{width:calc( 25% - 2px );} 
.subtab.col4 li.active{width:calc( 25% - 4px );} 
.subtab li.active{border:1px solid #284aa4;}
.subtab li a{display:block;border:1px solid #fff;height:46px;line-height:45px;text-align:center;color: #000000;font-size:1rem;font-weight: 500;letter-spacing: -0.6px;} 
.subtab li.active a{border:1px solid #284aa4;color:#284aa4}
.subtab li + li{border-left:1px solid #fff;}
.subtab li + li.active{border-left:1px solid #284aa4;}

/* 테이블스타일*/
.tbl_list{border-top:1px solid #000;display:table;width:100%;margin-bottom:70px;}
.tbl_list dl{overflow:hidden;display:table-row;width:100%;}
.tbl_list dt, .tbl_list dd{display:table-cell;vertical-align:middle;text-align:center;border-bottom:1px solid #ccc;margin:0;height:40px;padding:10px;}
.tbl_list dt{font-size: 1rem;  font-weight: 500;letter-spacing: -0.6px;  text-align: center;  color: #000000;}
.tbl_list dd.nolist{width:100% !important; color:#999;font-size:1.125rem;text-align:center;padding-top:150px;padding-bottom:150px;column-span: all;}
.tbl_list .en{font-weight:400;} 
.tbl_list dd{font-size: 1rem;  font-weight: 300;letter-spacing: -0.6px;  text-align: center;  color: #000000;}
.tbl_list dd.aleft,
.tbl_list dd.aleft a{text-align:left;}
.paging {text-align:center;margin-bottom:100px;}
.paging  a{font-weight:400;display:inline-block;width:35px;height:35px;margin-left:3px;margin-right:3px;color:#000;text-align:center;line-height:35px;background-color:#fff;font-family: 'Roboto', sans-serif;letter-spacing:0;}
.paging a.active {background-color:#284aa4;color:#fff;border-radius:35px;background-repeat:no-repeat;background-position:center;}
.paging a.first {background-image:url(../_img/page-first@2x.png);background-size:11px;width:22px;background-repeat:no-repeat;background-position:center;text-indent:-10000px}
.paging a.prev {background-image:url(../_img/page-prev@2x.png);background-size:6px;width:22px;margin-right:10px;background-repeat:no-repeat;background-position:center;text-indent:-10000px}
.paging a.next {background-image:url(../_img/page-next@2x.png);background-size:5px;width:22px;margin-left:10px;background-repeat:no-repeat;background-position:center;text-indent:-10000px}
.paging a.last {background-image:url(../_img/page-last@2x.png);background-size:11px;width:22px;background-repeat:no-repeat;background-position:center;text-indent:-10000px}
.tbl_view{border-top:1px solid #000;border-bottom:1px solid #000;width:100%;margin-bottom:70px;}
.tbl_view .tbl_tt{display:table;width:100%;border-bottom:1px solid #ccc;}
.tbl_view .tbl_tt .rowtt{overflow:hidden;display:table-row;width:100%;}
.tbl_view .tbl_tt .rowtt dt, .tbl_view .rowtt dd{display:table-cell;vertical-align:middle;text-align:center;margin:0;height:95px;padding:10px 30px;}
.tbl_view .tbl_tt .rowtt dt{width:80%;font-size:1.5rem;font-weight:500;color:#000;text-align:left;word-break:keep-all;}
.tbl_view .tbl_tt .rowtt dd{text-align:right;font-weight:400;font-size:0.9375rem;font-family: 'Roboto', sans-serif;letter-spacing:0;}
.tbl_view .rowcont{position:relative;display:block;padding:75px 30px;min-height:300px;font-weight:300;font-size:1rem; line-height: 1.7;letter-spacing: -0.6px;text-align:left;color: #000000}
.tbl_view .en{font-weight:400;} 
.tbl_view .filebox{position:absolute;right:0px;top:30px;}
.tbl_view .filebox i.dn{text-indent:-999px;display:inline-block;background-image:url(../_img/icon-add@2x.png);background-size:100%;width:13px;height:13px;background-repeat:no-repeat;margin-right:3px;vertical-align:middle}
.tbl_view .filebox i.dnload{margin-right:3px;text-indent:-999px;display:inline-block;background-image:url(../_img/icon-download@2x.png);background-size:100%;width:13px;height:14px;background-repeat:no-repeat;margin-right:0;vertical-align:middle}
.tbl_view .filebox button:{padding:0;}
.tbl_view .filebox .mdl-menu__item{max-width:320px;text-overflow:ellipsis;}
.tbl_view .tbl_foot{display:table;width:100%;}
.tbl_view .tbl_foot .rowfoot{overflow:hidden;display:table-row;width:100%;}
.tbl_view .tbl_foot .rowfoot dd{font-size:0.9375rem;font-weight:300;letter-spacing:-0.6px;color:#000;display:table-cell;vertical-align:middle;text-align:center;margin:0;height:50px;padding:10px 30px;border-top:1px solid #ccc;}
.tbl_view .tbl_foot .rowfoot dd:nth-of-type(1){width:15%;text-align:left;}
.tbl_view .tbl_foot .rowfoot dd:nth-of-type(2){width:70%;text-align:left;padding-left:0;}
.tbl_view .tbl_foot .rowfoot dd:nth-of-type(3){width:15%;text-align:right;}
.tbl_view .tbl_foot .rowfoot.prev dd i{display:inline-block;margin-left:10px;vertical-align:middle;width:12px;height:6px;background-image:url(../_img/icon-pre@2x.png);background-size:100%;background-repeat:no-repeat;background-position:center;}
.tbl_view .tbl_foot .rowfoot.next dd i{display:inline-block;margin-left:10px;vertical-align:middle;width:12px;height:6px;background-image:url(../_img/icon-next@2x.png);background-size:100%;background-repeat:no-repeat;background-position:center;}
.tbl_view + .btnwrap{max-width:360px;margin:0 auto 80px;position:relative;}
.tbl_view + .btn3set{margin:0 auto 80px;position:relative;overflow:hidden;}
.tbl_view + .btn3set button{width:100%;max-width:150px;margin:0 auto 0;position:relative;height:45px;line-height:43px;font-size:1rem;}
.tbl_view + .btn3set button:nth-of-type(1){float:left;}
.tbl_view + .btn3set button:nth-of-type(2){float:right;}
.tbl_view + .btn3set button:nth-of-type(3){float:right;margin-right:10px;}
h4.tit{font-size:2rem;color:#000;letter-spacing:-1.22px;font-weight:500;line-height:1;}
h4.tit::after{content:'';margin-left:20px;display:inline-block;width:60px;height:1px;vertical-align:top;margin-top:15px;background-color:#000;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 100%;
}

/* The Close Button */
.close {
  color: #999;
  float: right;
  font-size: 16px;
  font-weight: bold;
  margin-right:10px;
  position:relative;
}
.close::before,
.close::after {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  width: 55%;
  height: 2px;
  background-color: #999;
  transform-origin: center;
}

.close::before {
  transform: rotate(45deg);
}

.close::after {
  transform: rotate(-45deg);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.close:hover:before,
.close:hover:after,
.close:focus:before,
.close:focus:after{
  background-color: #000;
}


#member{width:100%;height:auto;min-height:100%;background-image:url(../_img/login-bg.png);background-size:cover;background-repeat:no-repeat;padding-top:70px;padding-bottom:120px;}
#member .formbox{position:relative;display:block;width:calc( 100% - 100px );background-color:#fff;max-width:400px;margin:0 auto 0;padding:60px 50px;box-shadow:0px 5px 60px 0 rgba(68, 78, 107, 0.07);}
#member .formbox h3{font-size:1.875rem;font-weight: 500;line-height: 1.34;letter-spacing: -1.22px;text-align: center;color: #333333;}
#member .formbox h4{font-size:1rem;font-weight: 300;line-height: 1.7;letter-spacing: -0.6px;text-align: center;color: #000;padding-top:8px;}
#member .formbox .formwrap{padding-top:40px;}
#member .formbox ul,
#member .formboxbottom ul{overflow:hidden;}
#member .formbox li{list-style:none;width:100%;text-align:center;}
#member .formbox li.inputtxt .mdl-textfield,
#member .formbox li.inputtxtm .mdl-textfield{padding:0;width:100%;max-width:100%;}
#member .formbox li.inputtxt{margin-bottom:8px;}
#member .formbox li.inputtxt label{font-family: 'Noto Sans KR';top:2px;padding:0 23px 0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#member .formbox li.inputtxt input{font-family: 'Noto Sans KR';padding:0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
#member .formbox li.inputtxt textarea{font-family: 'Noto Sans KR';padding:0 23px;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
#member .formbox li.inputtxt input::placeholder{font-family: 'Noto Sans KR';color:#999999;}
#member .formbox li.inputtxt input::-webkit-input-placeholder { color:#999999; }  /* 크롬 구버전 */
#member .formbox li.inputtxt input:-ms-input-placeholder { color:#999999; } /* IE적용 */

#member .formbox li.inputtxt .is-focused input{border:1px solid #284aa4;}
#member .formbox li.inputtxt label:after{font-family: 'Noto Sans KR';bottom:0;border-bottom:0;height: 0;}
#member .formbox li.titletxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;color:#000000;padding-top:12px;padding-bottom:10px;}
#member .formbox li:first-child.titletxt{padding-top:0;}
#member .formbox li.addtxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;padding-bottom:10px;}
#member .formbox li.blank{height:30px;}
#member .formbox li.middletxt{text-align:center;padding-top:18px;padding-bottom:27px;}
#member .formbox li.middletxt span{font-size:0.9375rem;font-weight: 300;line-height: 1.48;letter-spacing: -0.58px;color: #000000;}
#member .formbox li.middletxt span + span::before{content:'';display:inline-block;vertical-align: sub;margin:0 22px;width:1px;height:18px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
#member .formbox li.btnwrap {margin-bottom:10px;}
#member .formbox li.btnwrapm {margin-bottom:10px;}
#member .formbox li.btnwrap button:hover{color:#fff;}
#member .formbox li.divider{position:relative;text-align:center;height:30px;text-align: center;}
#member .formbox li.divider::before{content:'';display:block;position:absolute;width:100%;height:1px; background-color:#ccc;margin-top:13px;}
#member .formbox li.dividertxt{position:relative;padding-top:20px;text-align:center;height:50px;text-align: center;}
#member .formbox li.dividertxt::before{content:'';display:block;position:absolute;width:100%;height:1px; background-color:#ccc;margin-top:12px;}
#member .formbox li.dividertxt div{display:block;position:absolute;margin:0 auto;position:absolute;font-size:0.9375rem;width:50px;left:0;right:0;font-weight: 300;line-height: 1.48;letter-spacing: -0.58px;color: #999999;background-color:#fff;}
#member .formbox li.dividertxt.w140 div{width:140px;}
#member .formbox li.snsbtnwrap {margin-bottom:10px;}
#member .formbox li.snsbtnwrap button{font-size:0.9375rem;font-weight: 300;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:56px;line-height:56px;max-width:100%;width:100%;}
#naver_id_login {background-color:#02c73b; text-align:center;}
#naver_id_login a{color:#fff;font-size:15px;font-weight: 600;letter-spacing: -0.72px;padding: 0 ;text-align:center;height:56px;line-height:56px;max-width:100%;width:100%;}
#naver_id_login a i{display:inline-block;margin-right:10px;vertical-align:middle;width:20px;height:17px;background-image:url(../_img/icon-naver@2x.png);background-size:100%;background-repeat:no-repeat;}
#member .formbox .infowrap{margin:40px auto 40px;padding:20px 0 40px;border-top:1px solid #000;border-bottom:1px solid #ccc;}
#member .formbox .infowrap dl{overflow:hidden;padding:13px 15px;}
#member .formbox .infowrap dt{float:left;width:30%;font-size:0.9375rem;font-weight: 500;line-height: 1.5;letter-spacing: -0.6px;text-align: left;color: #000000;}
#member .formbox .infowrap dd{float:left;width:70%;font-size:1rem;font-weight: 300;line-height: 1.5;letter-spacing: -0.6px;text-align: left;color: #000000;}
#member .formbox .infowrap + .formwrap{padding-top:0}

#member .formbox li.inputtxt.withbtn{overflow:hidden;}
#member .formbox li.inputtxt.withbtn .mdl-textfield{padding:0;width:70%;max-width:70%;display:inline-block;float:left;}
#member .formbox li.inputtxt.withbtn .btnwrapm{width:30%;display:inline-block;float:left;}
#member .formbox li.checktxt {text-align:left;margin-bottom:8px;}
#member .formbox li.checktxt label{margin-right:40px;}
#member .formbox li.checktxt .mdl-radio__label,
#member .formbox li.checktxt .mdl-checkbox__label{top: -2px;font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #000000;}
#member .formbox li.checktxt-title{text-align:left;margin-bottom:8px;}
#member .formbox li.checktxt-titlem{text-align:left;margin-bottom:8px;}
#member .formbox li.checktxt-title .mdl-checkbox__label{top: -2px;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;color:#000000;}
#member .formbox li.checktxt-titlem .mdl-checkbox__label{top: -2px;font-weight:500;font-size:1rem;letter-spacing:-0.6px;color:#000000;}
#member .formbox li.inputtxt .textarea{padding:12px 15px;margin-bottom:8px;height:150px;line-height:1.6;width:calc( 100% - 32px );font-size:0.875rem;font-weight: 300;letter-spacing: -0.6px;color: #999999;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
#member .formbox li.inputtxtm .textarea{padding:12px 15px;margin-bottom:8px;height:150px;line-height:1.6;width:calc( 100% - 32px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
#member .formboxbottom{position:relative;display:block;width:calc( 100% - 100px );background-color:#F2F2F4;max-width:400px;margin:0 auto 0;padding:20px 50px;box-shadow:0px 5px 60px 0 rgba(68, 78, 107, 0.07);text-align:center;font-size:0.875rem;font-weight: 500;line-height: 1.48;letter-spacing: -0.6px;color: #333333;}

@media screen and (max-width: 640px){
#member{height:auto;padding-top:0;padding-bottom:0;background:none;}
#member .formbox{padding:30px 20px 60px;max-width:100%;margin:0;width:calc( 100% - 40px );}
#member .formboxbottom{padding:30px 20px 30px;max-width:100%;margin:0;width:calc( 100% - 40px );font-size:0.8125rem;font-weight: 300;}
#member .formbox h3{font-size:1.5rem;}
#member .formbox h4{font-size:0.875rem;font-weight:100;padding-top:5px;}
#member .formbox .formwrap{padding-top:25px;}
#member .formbox li.inputtxt{margin-bottom:8px;}
#member .formbox li.inputtxt label{top:2px;height:44px;line-height:43px;padding:0 15px 0 15px;width:calc( 100% - 32px );font-size:0.875rem;}
#member .formbox li.inputtxt input{height:44px;line-height:43px;padding:0 15px;width:calc( 100% - 32px );font-size:1rem;}
#member .formbox li.middletxt{text-align:center;padding-top:13px;padding-bottom:22px;}
#member .formbox li.middletxt span{font-size:0.8125rem;}
#member .formbox li.middletxt span + span::before{content:'';display:inline-block;vertical-align: sub;margin:0 15px;width:1px;height:13px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
#member .formbox li.titletxt{font-size:0.8125rem;font-weight:300;padding-top:5px;padding-bottom:8px;}
#member .formbox li.btnwrap {margin-bottom:10px;}
.btnwrap button{font-size:1rem;font-weight: 300;height:50px;line-height:48px;}
.btnwrap button:hover{color:#fff;}
.btnwrapm {margin-bottom:8px;}
.btnwrapm button{font-size:0.8125rem;font-weight: 300;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:46px;line-height:44px;}
#member .formbox li.addtxt{font-size:0.8125rem;}
#member .formbox li.dividertxt{position:relative;padding-top:20px;text-align:center;height:40px;text-align: center;}
#member .formbox li.dividertxt::before{content:'';display:block;position:absolute;width:100%;height:1px; background-color:#ccc;margin-top:8px;}
#member .formbox li.dividertxt div{display:block;margin:0 auto;position:absolute;font-size:0.8125rem;width:40px;left:0;right:0;}
#member .formbox li.dividertxt.w140 div{display:block;margin:0 auto;position:absolute;font-size:0.8125rem;width:110px;left:0;right:0;}
#member .formbox li.snsbtnwrap {margin-bottom:8px;}
#member .formbox li.snsbtnwrap button{font-size:0.8125rem;font-weight:300;height:46px;line-height:44px;max-width:100%;width:100%;}
#naver_id_login a{color:#fff;font-size:0.8125rem;font-weight:300;height:46px;line-height:44px;}

#member .formbox .infowrap{margin:25px auto 25px;padding:15px 0 25px;}
#member .formbox .infowrap dl{overflow:hidden;padding:10px 12px;}
#member .formbox .infowrap dt{font-size:0.8125rem;font-weight: 500;}
#member .formbox .infowrap dd{font-size:0.875rem;font-weight: 300;}
#member .formbox li.blank{height:20px;}
#member .formbox li.checktxt label{font-size:0.875rem;margin-right:20px;}
#member .formbox li.checktxt .mdl-radio__label,
#member .formbox li.checktxt .mdl-checkbox__label{top: -2px;font-size:0.875rem; }
#member .formbox li.checktxt-title .mdl-checkbox__label{top: -2px;font-weight:300;font-size:0.8125rem;letter-spacing:-0.6px;color:#000000;}
#member .formbox li.checktxt-titlem .mdl-checkbox__label{top: -2px;font-weight:300;font-size:0.875rem;letter-spacing:-0.6px;color:#000000;}
#member .formbox li.inputtxt .textarea{padding:8px 10px;height:150px;line-height:1.6;width:calc( 100% - 22px );font-size:0.8125rem;}
button.kakao i{vertical-align:text-bottom;margin-right:7px;width:18px;height:20px;background-size:100%;background-position:center;}
button.naver i{vertical-align:text-bottom;margin-right:7px;width:18px;height:20px;background-size:100%;background-position:center;}

#naver_id_login a i{vertical-align:text-bottom;margin-right:7px;width:18px;height:20px;background-size:100%;background-position:center;}
button.fb i{vertical-align:text-bottom;margin-right:7px;width:18px;height:20px;background-size:100%;background-position:center;}
}
#event .bread{background-image:url(../_img/top-event.jpg);}
#event .tab{margin-bottom:70px;}
#event h5.ment{word-break:keep-all;font-size:1.5rem;  font-weight: 500;  line-height: 1.4;  letter-spacing: -0.96px;  text-align: center;  color: #000000;margin-bottom:70px;}
#event .tbl_list dt:nth-of-type(1),
#event .tbl_list dd:nth-of-type(1){width:10%;}
#event .tbl_list dt:nth-of-type(2),
#event .tbl_list dd:nth-of-type(2){width:70%;}
#event .tbl_list dt:nth-of-type(3),
#event .tbl_list dd:nth-of-type(3){width:20%;}
#event .tbl_view dl.rowcont dd{width:100%;}
#event .tbl_view + .btnwrap{max-width:360px;margin:0 auto;position:relative;}
#event .tbl_view + .btnwrap button{margin-bottom:80px;}
#event .tit_box{text-align:left;padding-top:70px;padding-bottom:40px;}
#event .tit_box .tit{text-align:left;font-size:1.875rem;margin-bottom:0 !important;color:#000;letter-spacing:-1.22px;font-weight:500;line-height:1;}
#event .tit_box .tit::after{content:'';margin-left:20px;display:inline-block;width:60px;height:1px;vertical-align:top;margin-top:15px;background-color:#000;}
#event .tot {margin-bottom:20px;}
#event .tot p{font-size:1rem;}
#event .tot span.fcnavy{color:#284aa4;font-weight:600;font-family: 'Roboto', sans-serif;letter-spacing:0;}
#event .img_list ul{overflow:hidden;list-style:none;margin-left:-1.5%;margin-right:-1.5%;  display: flex;flex-wrap: wrap;}
#event .img_list li{width:30.33333%;margin-left:1.5%;margin-right:1.5%;margin-bottom:40px;}
#event .img_list li .thumb{position:relative;width:100%;height:242px;overflow:hidden;background-color:#555;padding:0;}
#event .img_list li .thumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;opacity: 0.7;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;}
#event .img_list li .thumb .inner-status{position:absolute;z-index:6;font-size:0.9375rem;top:0;right:0;font-weight:300;letter-spacing:-0.6px;background-color:#303a4b;color:#fff;min-width:55px;height:40px;text-align:center;line-height:40px;}
#event .img_list li .txtbox{padding:25px 0;text-align:left;}
#event .img_list li .txtbox h4{width:100%;font-size: 1rem;  font-weight: 500;  line-height: 1.4;letter-spacing: -0.6px;  text-align: left;color: #000000;margin-bottom:5px;}
#event .img_list li .txtbox p{font-weight:400;font-family: 'Roboto', sans-serif;  font-size: 0.9375rem;   line-height: 1.5;  color: #000000;}
#event .img_list + .paging{margin-top:20px;}
.event_view{border-top:0;border-bottom:0;width:100%;}
.event_view .tbl_tt{display:table;width:100%;}
.event_view .tbl_tt .rowtt{overflow:hidden;display:table-row;width:100%;}
.event_view .tbl_tt .rowtt dt, .event_view .rowtt dd{display:table-cell;vertical-align:middle;text-align:center;margin:0;height:95px;padding:10px 30px;}
.event_view .tbl_tt .rowtt dt{width:80%;font-size:1.5rem;font-weight:500;color:#000;text-align:left;word-break:keep-all;}
.event_view .tbl_tt .rowtt dd{text-align:right;font-weight:400;font-size:0.9375rem;font-family: 'Roboto', sans-serif;letter-spacing:0;}
.event_view .rowcont{display:block;padding:75px 30px;min-height:300px;font-weight:300;font-size:1rem; line-height: 1.7;letter-spacing: -0.6px;text-align:left;color: #000000}
.event_view .en{font-weight:400;} 
.event_view .total_cmt{border-bottom:1px solid #000;padding:70px 30px 10px;}
.event_view .total_cmt p{font-size:1rem;font-weight:300;color:#000;letter-spacing:-0.6px;}
.event_view .total_cmt p span{color:#284aa4;font-weight:500;font-family: 'Roboto', sans-serif;letter-spacing:0;}
.event_view .form_cmt{padding:20px 30px;}
.event_view .form_cmt.withbtn{overflow:hidden;}
.event_view .form_cmt.withbtn .mdl-textfield{padding:0;width:calc( 100% - 120px );max-width:100%;height:120px;display:inline-block;float:left;}
.event_view .form_cmt.withbtn .mdl-textfield__input{padding:10px;width:100%;max-width:100%;height:98px;display:inline-block;border:1px solid #ccc;}
.event_view .form_cmt.withbtn .mdl-textfield__input::onfocus{border:1px solid #000;}
.event_view .form_cmt.withbtn .is-focused .mdl-textfield__input{border:1px solid #284aa4;}
.event_view .form_cmt.withbtn label:after{bottom:0;border-bottom:0;height: 0;}
.event_view .form_cmt.withbtn .btnwrapm{width:120px;display:inline-block;float:left;}
.event_view .form_cmt.withbtn .btnwrapm button{height:120px;width:120px;max-width:120px;}
.event_view .tbl_cmt{display:table;width:100%;border-top:1px solid #ccc;color:#000;font-weight:300;letter-spacing:-0.6px;}
.event_view .tbl_cmt dl{overflow:hidden;display:table-row;width:100%;}
.event_view .tbl_cmt dd{border-bottom:1px solid #ccc;font-size:0.9375rem;font-weight:300;letter-spacing:-0.6px;color:#000;display:table-cell;vertical-align:top;text-align:center;margin:0;padding:30px 30px;}
.event_view .tbl_cmt .cid{width:13%;text-align:left;}
.event_view .tbl_cmt .cid p{font-size:0.9375rem;font-weight:500;}
.event_view .tbl_cmt .cment{width:72%;text-align:left;padding-left:0;}
.event_view .tbl_cmt .cment p{font-size:16px;}
.event_view .tbl_cmt .cdate{width:15%;text-align:right;}
.event_view .tbl_cmt .cdate p{font-size:0.9375rem;font-family: 'Roboto', sans-serif;letter-spacing:0;font-weight:400;color:#999;}
.event_view .tbl_cmt .myedit{color:#999;font-size:15px;margin-top:10px;}
.event_view .tbl_cmt .myedit a + a::before{content:'';display:inline-block;vertical-align: sub;margin:0 12px;width:1px;height:15px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
#eventview .wn{padding-top:0;}
#eventview .event_cont{display:block;max-width:1200px;margin:0 auto 70px;}
#eventview .event_view dl.rowcont dd{width:100%;}
#eventview .paging{margin-top:40px;}
#eventview .paging + .btnwrap{max-width:360px;margin:0 auto;position:relative;}
#eventview .paging + .btnwrap button{margin-bottom:80px;}
#product .paging + .btnwrap{max-width:360px;margin:0 auto;position:relative;}
#product .paging + .btnwrap button{margin-bottom:80px;}
#community .bread{background-image:url(../_img/top-community.jpg);}
#community .tab{margin-bottom:70px;}
#community .subtab{margin-bottom:70px;}
#community h5.ment{word-break:keep-all;font-size:1.5rem;  font-weight: 500;  line-height: 1.4;  letter-spacing: -0.96px;  text-align: center;  color: #000000;margin-bottom:70px;}
#community .tbl_list dt:nth-of-type(1),
#community .tbl_list dd:nth-of-type(1){width:10%;}
#community .tbl_list dt:nth-of-type(2),
#community .tbl_list dd:nth-of-type(2){width:70%;}
#community .tbl_list dt:nth-of-type(3),
#community .tbl_list dd:nth-of-type(3){width:20%;}
#community .tbl_view dl.rowcont dd{width:100%;}

#community .tit_box{text-align:left;padding-top:70px;padding-bottom:40px;}
#community .tit_box .tit{text-align:left;font-size:1.875rem;margin-bottom:0 !important;color:#000;letter-spacing:-1.22px;font-weight:500;line-height:1;}
#community .tit_box .tit::after{content:'';margin-left:20px;display:inline-block;width:60px;height:1px;vertical-align:top;margin-top:15px;background-color:#000;}
#community .searchbox{background-color:#f4f5f7;padding:40px 35px;margin-bottom:50px;text-align:center;}
#community .formbox{overflow:hidden;max-width:600px;border-bottom:1px solid #000;font-size:1rem;margin:0 auto;}
#community .formbox label{top:0;padding:0 0 0 10px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#community .formbox input{padding:0 0 0 10px;height:48px;line-height:47px;width:calc( 100% - 10px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:none;border-radius:0;}
#community .formbox .is-focused input{border:none;}
#community .formbox label:after{bottom:0;border-bottom:0;height: 0;}
#community .formbox.withbtn .mdl-textfield{float:left;width:90%;padding:0;}
#community .formbox.withbtn .btnwrapm{float:left;width:10%;margin-bottom:0;}
#community .formbox .btnwrapm .iconbtn{cursor:pointer;}
#community .formbox .btnwrapm .iconbtn.search{width:100%;height:48px;padding:0;min-width:initial;max-width:initial;background:transparent;text-indent:-9999px;background-image:url(../_img/icon-body-search@2x.png);background-size:21px;background-position:center;background-repeat:no-repeat;}
#community .formbox .btnwrapm .iconbtn i{margin-top:5px;}
#community .tot {margin-bottom:20px;}
#community .tot p{font-size:1rem;}
#community .tot span.fcnavy{color:#284aa4;font-weight:600;font-family: 'Roboto', sans-serif;letter-spacing:0;}
#community .paging + .btnwrap{max-width:360px;margin:0 auto;position:relative;}
#community .paging + .btnwrap button{margin-bottom:80px;font-size:1rem;}
#community .img_list ul{overflow:hidden;list-style:none;margin-left:-1.5%;margin-right:-1.5%;  display: flex;flex-wrap: wrap;}
#community .img_list li{width:30.33333%;margin-left:1.5%;margin-right:1.5%;margin-bottom:40px;}
#community .img_list li.item3{width:30.33333%;margin-left:1.5%;margin-right:1.5%;margin-bottom:40px;}
#community .img_list li.item2{width:48%;margin-left:1%;margin-right:1%;margin-bottom:40px;}
#community .img_list li.item4{width:23%;margin-left:1%;margin-right:1%;margin-bottom:40px;}
#community .img_list li .thumb{position:relative;width:100%;height:242px;overflow:hidden;padding:0;background-color:#f4f5f7;}

#community .img_list li .thumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:60%;overflow:hidden;}
#community .img_list li.item2 .thumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:40%;overflow:hidden;}
#community .img_list li .txtbox{padding:25px 0;text-align:center;}
#community .img_list li .txtbox label{text-align: center;margin-bottom:15px;}
#community .img_list li .txtbox .mdl-checkbox{width:auto;}
#community .img_list li .txtbox .mdl-checkbox__label{text-align: center;color: #000000;margin-top:-2px;margin-bottom:5px;display:block;width:auto;font-size: 18px; font-weight: 500;  line-height: 1.4;letter-spacing: -0.6px;}
#community .img_list li .txtbox h4{width:100%;font-size: 0.9375rem; font-weight: 500;  line-height: 1.4;letter-spacing: -0.6px;  text-align: center;color: #000000;margin-bottom:5px;}
#community .img_list li .txtbox p{font-size: 0.9375rem; font-weight: 300;  line-height: 1.5;  color: #000000;}
#community .img_list + .paging{margin-top:20px;}
#community .img_list + .btnwrap{max-width:380px;margin:0 auto;position:relative;}
#community .img_list + .btnwrap button{margin-bottom:80px;font-size:1.0625rem !important;height:60px;line-height:58px;}
#community .cautionbox{background-color:#dde0e7;color:#000;padding:30px 76px;margin-bottom:160px;}
#community .cautionbox h4 {font-size:1rem;font-weight:500;letter-spacing:-0.6px;margin-bottom:15px;}
#community .cautionbox ol {list-style:none;overflow:hidden;}
#community .cautionbox ol li{font-size:0.9375rem;line-height:1.5;letter-spacing:-0.6px;padding-left:0.625rem;text-indent:-0.625rem;word-break:keep-all;margin-bottom:5px;}
#community .infobox {text-align:center;}
#community .infobox h4{font-size:1rem;color:#000;line-height:1.5;font-weight:300;}
#community .infobox .infowrap{margin:24px auto 24px;padding:24px 0 22px;border-top:1px solid #000;border-bottom:1px solid #ccc;}
#community .infobox .infowrap dl{overflow:hidden;padding:8px 0px;width:100%;max-width:500px;margin:0 auto;}
#community .infobox .infowrap dt{float:left;width:30%;font-size:0.9375rem;font-weight: 500;line-height: 1.5;letter-spacing: -0.6px;text-align: left;color: #000000;}
#community .infobox .infowrap dd{float:left;width:70%;font-size:1rem;font-weight: 300;line-height: 1.5;letter-spacing: -0.6px;text-align: left;color: #000000;}
#community .infobox + .btnwrap{max-width:180px;margin-left: calc( 100% - 180px );position:relative;}
#community .infobox + .btnwrap button{margin-bottom:80px;font-size:0.9375rem !important;height:40px;line-height:38px;}
#community  .ment_sub{font-size:1.5rem;margin-bottom:0;text-align:center;}
#community  .ment_sub2{font-size:20px;margin-bottom:40px;text-align:center;}

#board_write{width:100%;height:auto;min-height:100%;padding-top:70px;padding-bottom:120px;}
#board_pass .formbox{position:relative;display:block;width:calc( 100% - 100px );background-color:#fff;max-width:400px;margin:0 auto 0;padding:60px 50px;box-shadow:0px 5px 60px 0 rgba(68, 78, 107, 0.07);border-bottom:0;}
#board_pass .formbox h3{font-size:1.75rem;font-weight: 500;line-height: 1.34;letter-spacing: -1.22px;text-align: center;color: #333333;}
#board_pass .formbox h4{font-size:1rem;font-weight: 300;line-height: 1.7;letter-spacing: -0.6px;text-align: center;color: #000;padding-top:8px;}
#board_pass .formbox .formwrap{padding-top:40px;}
#board_pass .formbox ul,
#board_pass .formboxbottom ul{overflow:hidden;}
#board_pass .formbox li{list-style:none;width:100%;text-align:center;}
#board_pass .formbox li.inputtxt .mdl-textfield,
#board_pass .formbox li.inputtxtm .mdl-textfield{padding:0;width:100%;max-width:100%;}
#board_pass .formbox li.inputtxt{margin-bottom:8px;}
#board_pass .formbox li.inputtxt label{top:2px;padding:0 23px 0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#board_pass .formbox li.inputtxt input{padding:0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc}
#board_pass .formbox li.inputtxt .is-focused input{border:1px solid #284aa4;}
#board_pass .formbox li.inputtxt label:after{bottom:0;border-bottom:0;height: 0;}

#board_pass .formbox li.titletxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;color:#000000;padding-top:12px;padding-bottom:10px;}
#board_pass .formbox li:first-child.titletxt{padding-top:0;}
#board_pass .formbox li.addtxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;padding-bottom:10px;}
#board_pass .formbox li.blank{height:30px;}
#board_pass .formbox li.middletxt{text-align:center;padding-top:18px;padding-bottom:27px;}
#board_pass .formbox li.middletxt span{font-size:0.9375rem;font-weight: 300;line-height: 1.48;letter-spacing: -0.58px;color: #000000;}
#board_pass .formbox li.middletxt span + span::before{content:'';display:inline-block;vertical-align: sub;margin:0 22px;width:1px;height:18px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
#board_pass .formbox li.btnwrap {margin-bottom:10px;}
#board_pass .formbox li.btnwrapm {margin-bottom:10px;}
#board_edit .formbox{position:relative;display:block;width:calc( 100% - 100px );background-color:#fff;max-width:400px;margin:0 auto 0;padding:60px 50px;box-shadow:0px 5px 60px 0 rgba(68, 78, 107, 0.07);border-bottom:0;}
#board_edit .formbox h3{font-size:1.75rem;font-weight: 500;line-height: 1.34;letter-spacing: -1.22px;text-align: center;color: #333333;}
#board_edit .formbox h4{font-size:1rem;font-weight: 300;line-height: 1.7;letter-spacing: -0.6px;text-align: center;color: #000;padding-top:8px;}
#board_edit .formbox .formwrap{padding-top:40px;}
#board_edit .formbox ul,
#board_edit .formboxbottom ul{overflow:hidden;}
#board_edit .formbox li{list-style:none;width:100%;text-align:center;}
#board_edit .formbox li.inputtxt .mdl-textfield,
#board_edit .formbox li.inputtxtm .mdl-textfield{padding:0;width:100%;max-width:100%;}
#board_edit .formbox li.inputtxt{margin-bottom:8px;}
#board_edit .formbox li.inputtxt label{top:2px;padding:0 23px 0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#board_edit .formbox li.inputtxt input{padding:0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc}
#board_edit .formbox li.inputtxt .is-focused input{border:1px solid #284aa4;}
#board_edit .formbox li.inputtxt label:after{bottom:0;border-bottom:0;height: 0;}

#board_edit .formbox li.titletxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;color:#000000;padding-top:12px;padding-bottom:10px;}
#board_edit .formbox li:first-child.titletxt{padding-top:0;}
#board_edit .formbox li.addtxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;padding-bottom:10px;}
#board_edit .formbox li.blank{height:30px;}
#board_edit .formbox li.middletxt{text-align:center;padding-top:18px;padding-bottom:27px;}
#board_edit .formbox li.middletxt span{font-size:0.9375rem;font-weight: 300;line-height: 1.48;letter-spacing: -0.58px;color: #000000;}
#board_edit .formbox li.middletxt span + span::before{content:'';display:inline-block;vertical-align: sub;margin:0 22px;width:1px;height:18px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
#board_edit .formbox li.btnwrap {margin-bottom:10px;}
#board_edit .formbox li.btnwrapm {margin-bottom:10px;}

#community h4.tit,
#review_list h4.tit{margin-bottom:50px;}
#community .subtab{margin-bottom:50px;}
#community .subtab li i{display:inline-block;text-indent:-999px;margin-right:5px;vertical-align:middle;background-size:100%;background-repeat:no-repeat;} 
#community .subtab li:nth-of-type(1) i{width:14px;height:24px;background-image:url(../_img/faq-icon-01-off@2x.png);margin-top:-3px;} 
#community .subtab li.active:nth-of-type(1) i{background-image:url(../_img/faq-icon-01-on@2x.png);} 
#community .subtab li:nth-of-type(2) i{width:20px;height:23px;background-image:url(../_img/faq-icon-02-off@2x.png);margin-top:-3px;} 
#community .subtab li.active:nth-of-type(2) i{background-image:url(../_img/faq-icon-02-on@2x.png);} 
#community .subtab li:nth-of-type(3) i{width:26px;height:22px;background-image:url(../_img/faq-icon-03-off@2x.png);margin-top:-3px;} 
#community .subtab li.active:nth-of-type(3) i{background-image:url(../_img/faq-icon-03-on@2x.png);} 
#community .subtab li:nth-of-type(4) i{width:24px;height:21px;background-image:url(../_img/faq-icon-04-off@2x.png);} 
#community .subtab li.active:nth-of-type(4) i{background-image:url(../_img/faq-icon-04-on@2x.png);} 
.faqbox{display:block;position:relative;border-top:1px solid #000;}
.q_list{display:table;width:100%;}
.q_list dl{overflow:hidden;display:table-row;width:100%;}
.q_list dt, .q_list dd{display:table-cell;vertical-align:middle;border-bottom:1px solid #ccc;margin:0;padding:40px 0;}
.q_list dt{width:80px;font-size: 1.5rem;font-family: 'Roboto', sans-serif;letter-spacing:0;  font-weight: 500;text-align: center;  color: #000000;}
.q_list dd{cursor:pointer;width:calc( 100% - 80px );text-align:left;color:#000;font-size:1rem;line-height:1.4;letter-spacing:-0.6px;background-image:url(../_img/icon-next@2x.png);background-size:12px;background-position:center right 63px;background-repeat:no-repeat;}
.q_list.active dd{color: #284aa4;background-image:url(../_img/icon-pre@2x.png);font-weight:500;} 
.q_list.active dt{color: #284aa4;}
.a_list.active + .q_list{border-top:none;}
.a_list{display:none;width:100%;text-align:center;}
.a_list .nodata{width:100% !important; color:#999;font-size:1.125rem;text-align:center;padding-top:150px;padding-bottom:150px;border-bottom:1px solid #ccc;}
.a_list .acont{width:100%;background-color:#f4f5f7;padding:50px 50px;text-align:left;border-bottom:1px solid #ccc;width:calc( 100% - 100px );word-break:keep-all;margin:0 auto;text-align:left;font-size:1rem;line-height:1.6;letter-spacing:-0.6px;color:#000;}
.a_list.active{display:block;}
.faqbox + .paging{margin-top:60px;margin-bottom:60px;}
.flex_wrap{display:flex;flex-wrap:wrap;}
.flex_wrap .flex50{width:50%;}
.aright{text-align:right;}
.faq_callcenter{font-size:1.25rem;padding-top:10px;}
#community .qnabox{position:relative;display:block;width:100%;margin:0 auto 0;padding:0 0 40px;}
#community .qnabox h3{font-size:1.875rem;font-weight: 500;line-height: 1.34;letter-spacing: -1.22px;text-align: center;color: #333333;}
#community .qnabox h4{font-size:1rem;font-weight: 300;line-height: 1.7;letter-spacing: -0.6px;text-align: center;color: #000;padding-top:8px;}
#community .qnabox .formwrap{padding-top:20px;}
#community .qnabox ul,
#community .qnaboxbottom ul{overflow:hidden;}
#community .qnabox li{list-style:none;width:100%;text-align:center;}
#community .qnabox li.inputtxt .mdl-textfield,
#community .qnabox li.inputtxtm .mdl-textfield{padding:0;width:100%;max-width:100%;}
#community .qnabox li.inputtxt{margin-bottom:8px;}
#community .qnabox li.inputtxt label{top:2px;padding:0 23px 0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#community .qnabox li.inputtxt select{padding:0 23px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc;background-color:#fafbfc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: url(../_img/select-arrow@2x.png);    background-size: 15px;    background-repeat: no-repeat;    background-position: right 20px center;border-radius:0;}
#community .qnabox li.inputtxt select::-ms-expand { display: none; }
#community .qnabox li.inputtxt .dblselect{overflow:hidden;}
#community .qnabox li.inputtxt ul.dblselect li{float:left;width:49%;}
#community .qnabox li.inputtxt ul.dblselect li + li{margin-left:2%;}
#community .qnabox li.inputtxt .dblselect select{background-color:#fff;border-radius:0;}


#community .qnabox li.inputtxt input{padding:0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
#community .qnabox li.inputtxt .is-focused input{border:1px solid #284aa4;}
#community .qnabox li.inputtxt label:after{bottom:0;border-bottom:0;height: 0;}
#community .qnabox li.titletxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;color:#000000;padding-top:12px;padding-bottom:10px;}
#community .qnabox li:first-child.titletxt{padding-top:0;}
#community .qnabox li.addtxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;padding-bottom:10px;}
#community .qnabox li.blank{height:30px;}
#community .qnabox li.middletxt{text-align:center;padding-top:18px;padding-bottom:27px;}
#community .qnabox li.middletxt span{font-size:0.9375rem;font-weight: 300;line-height: 1.48;letter-spacing: -0.58px;color: #000000;}
#community .qnabox li.middletxt span + span::before{content:'';display:inline-block;vertical-align: sub;margin:0 22px;width:1px;height:18px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
#community .qnabox li.inputtxt.withbtn{overflow:hidden;}
#community .qnabox li.inputtxt.withbtn .mdl-textfield{padding:0;width:70%;max-width:70%;display:inline-block;float:left;}
#community .qnabox li.inputtxt.withbtn .btnwrapm{width:30%;display:inline-block;float:left;}
#community .qnabox li.checktxt {text-align:left;margin-bottom:8px;}
#community .qnabox li.checktxt label{margin-right:40px;}
#community .qnabox li.checktxt .mdl-radio__label,
#community .qnabox li.checktxt .mdl-checkbox__label{top: -2px;font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #000000;}
#community .qnabox li.checktxt-title{text-align:left;margin-bottom:8px;}
#community .qnabox li.checktxt-titlem{text-align:left;margin-bottom:8px;}
#community .qnabox li.checktxt-title .mdl-checkbox__label{top: -2px;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;color:#000000;}
#community .qnabox li.checktxt-titlem .mdl-checkbox__label{top: -2px;font-weight:500;font-size:1rem;letter-spacing:-0.6px;color:#000000;}
#community .qnabox li.inputtxt .textarea{padding:12px 23px;margin-bottom:8px;height:150px;line-height:1.6;width:calc( 100% - 48px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
#community .qnabox li.inputtxt .is-focused .textarea{border:1px solid #284aa4;}
#community .qnabox li.inputtxtm .textarea{padding:12px 15px;margin-bottom:8px;height:150px;line-height:1.6;width:calc( 100% - 32px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
#community .qnabox li.inputtxt .is-focused .textarea{border:1px solid #284aa4;}
#community .qnabox + .btnwrap{max-width:360px;margin:0 auto;position:relative;}
#community .qnabox + .btnwrap button{margin-bottom:80px;}
#review_list .bread{background-image:url(../_img/top-review.jpg);}

#review_list .best_list{margin-bottom:40px;}
#review_list .best_list .divwrap{padding:20px;border-radius:0;border:1px solid #ddd;width:100%;}
#review_list .best_list .item{height:572px;border-radius:0;box-shadow:none;/*box-shadow:3px 5px 7px 5px rgba(68, 78, 107, 0.07);*/}
#review_list .best_list .thumb{position:relative;width:100%;height:320px;overflow:hidden;padding:0;}
#review_list .best_list .thumb .inner-img{position:absolute;z-index:5;width:100%;height:320px;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;}
#review_list .best_list .txtbox{padding:20px 0 0;text-align:center;color:#000;}
#review_list .best_list h5{font-size:0.875rem;font-weight:300;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:0;line-height:1.8;letter-spacing:-0.6px;}
#review_list .best_list h4{font-size:1.25rem;font-weight:500;text-overflow:ellipsis;white-space: nowrap;width: 100%;overflow: hidden;margin-bottom:10px;line-height:1.88;letter-spacing:-0.6px;}
#review_list .best_list p.ment{height:100px;font-size:0.875rem;margin-bottom:20px;font-weight:300;line-height:1.5;letter-spacing:-0.6px;overflow: hidden;text-overflow: ellipsis;color: #555;display: -webkit-box;-webkit-line-clamp: 2;height:40px;-webkit-box-orient: vertical;}
#review_list .best_list .star{margin-bottom:3px;}
#review_list .best_list .star i{width: 15px;height: 15px;}
#review_list .best_list .star i + i{/*margin-left:-3px;*/}
#review_list .best_list .writer{font-size:0.875rem;color:#999;margin-bottom:10px;}
#review_list .best_list .writer span + span::before{content:'';width:1px;height:13px;vertical-align:middle;background-color:#ccc;display:inline-block;margin-left:10px;margin-right:10px;}
#review_list .searchbox{background-color:#f4f5f7;padding:40px 35px;margin-bottom:50px;text-align:center;}
#review_list .searchbox .formwrap{max-width:583px;width:100%;overflow:hidden;margin:0 auto;}
#review_list .searchbox .withselect{float:left;width:160px;margin-right:20px;}
#review_list .searchbox .withselect select{padding:0 30px 0 10px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border-bottom:1px solid #000;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-image: url(../_img/select-arrow@2x.png);border-radius:0;    background-size: 15px;    background-repeat: no-repeat;    background-position: right 10px center;border-radius:0;}
#review_list .searchbox .withselect select::-ms-expand { display: none; }
#review_list .searchbox .formbox.withbtn{display:inline-block;float:left;overflow:hidden;width:100%;max-width:400px;border-bottom:1px solid #000;font-size:1rem;margin:0 auto;}
#review_list .formbox label{top:0;padding:0 0 0 10px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#review_list .formbox input{padding:0 0 0 10px;height:48px;line-height:47px;width:calc( 100% - 10px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
#review_list .formbox .is-focused input{border:none;}
#review_list .formbox label:after{bottom:0;border-bottom:0;height: 0;}
#review_list .formbox.withbtn .mdl-textfield{float:left;width:90%;padding:0;}
#review_list .formbox.withbtn .btnwrapm{float:left;width:10%;margin-bottom:0;}
#review_list .formbox .btnwrapm .iconbtn{cursor:pointer;}
#review_list .formbox .btnwrapm .iconbtn.search{width:100%;height:48px;padding:0;min-width:initial;max-width:initial;background:transparent;text-indent:-9999px;background-image:url(../_img/icon-body-search@2x.png);background-size:21px;background-position:center;background-repeat:no-repeat;}
#review_list .formbox .btnwrapm .iconbtn i{margin-top:5px;}
#review_list .reviewtab{padding:20px 30px;overflow:hidden;  display: flex;  flex-wrap: wrap;}
#review_list .reviewtab ul{width:calc( 100% - 300px );list-style:none;}
#review_list .reviewtab li{float:left;letter-spacing:-0.9px;font-size:1.5rem;font-weight:300;color:#999;}
#review_list .reviewtab li + li{margin-left:40px;}
#review_list .reviewtab li.active{color: #284aa4;font-weight:500;}
#review_list .reviewtab .tabbtnwrap{width:300px;}
#review_list .reviewtab .tabbtnwrap button{width:140px;text-align:center;height:40px;line-height:38px;}

#review_list .reviewtab .tabbtnwrap button + button{margin-left:15px;}
#review_list .reviewtab .tabbtnwrap a + button{margin-left:15px;}
#review_list .listwrap{border-top:1px solid #000;margin-bottom:60px;}
#review_list .listwrap .listone{padding:30px;overflow:hidden; display: flex;flex-wrap: wrap;border-bottom:1px solid #ccc;}
#review_list .listone .listthumb{margin-right:30px;position:relative;width:160px;height:160px;overflow:hidden;padding:0;}
#review_list .listone .listthumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;}
#review_list .listone .listtxtbox{width: calc( 100% - 190px );text-align:left;color:#000;}
#review_list .listone h5{display:inline-block;font-size:0.875rem;font-weight:300;text-overflow:ellipsis;margin-left:5px;margin-bottom:3px;white-space: nowrap;vertical-align:text-top;overflow: hidden;letter-spacing:-0.6px;}
#review_list .listone h4{font-size:1.125rem;font-weight:500;text-overflow:ellipsis;white-space: nowrap;width: 100%;overflow: hidden;margin-bottom:10px;line-height:1.88;letter-spacing:-0.6px;}
#review_list .listone .ment{font-size:1rem;margin-bottom:0;font-weight:300;line-height:1.6;letter-spacing:-0.6px;overflow: hidden;text-overflow: ellipsis;color: #555;display: -webkit-box;-webkit-line-clamp: 3;height:75px;-webkit-box-orient: vertical;}
#review_list .listone .star{margin-bottom:3px;display:inline-block;}
#review_list .listone .star i {background-size: 14px;width: 14px;height: 13px;}
#review_list .listone .star i + i{/*margin-left:-3px;*/}
#review_list .listone .writer{float:right;font-size:0.875rem;color:#999;margin-bottom:0;}
#review_list .listone .writer span + span::before{content:'';width:1px;height:13px;vertical-align:middle;background-color:#ccc;display:inline-block;margin-left:10px;margin-right:10px;}

#review_list .writebox{position:relative;display:block;width:100%;margin:0 auto 0;padding:0 0 40px;}
#review_list .writebox h3{font-size:1.875rem;font-weight: 500;line-height: 1.34;letter-spacing: -1.22px;text-align: center;color: #333333;}
#review_list .writebox h4{font-size:1rem;font-weight: 300;line-height: 1.7;letter-spacing: -0.6px;text-align: center;color: #000;padding-top:8px;}
#review_list .writebox .formwrap{padding-top:20px;}
#review_list .writebox ul,
#review_list .writeboxbottom ul{overflow:hidden;}
#review_list .writebox li{list-style:none;text-align:center;float:left;margin-bottom:20px;}
#review_list .writebox .fr-box{border:1px solid #ccc;text-align:left;}
#review_list .writebox li.titletxt{width:120px;text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;color:#000000;min-height:50px;line-height:48px;}
#review_list .writebox li.inputtxt .mdl-textfield,
#review_list .writebox li.inputtxtarea .mdl-textfield{padding:0;width:100%;max-width:100%;}
#review_list .writebox li.inputtxt{float:left;width:calc( 100% - 120px );min-height:50px;line-height:48px;}
#review_list .writebox li.filetxt{float:left;width:calc( 100% - 120px );min-height:50px;}
#review_list .writebox li.filetxt .filebox{overflow:hidden;}
#review_list .writebox li.filetxt .filebox a{display:inline-block;padding:10px 0;text-align:left;float:left;}
#review_list .writebox li.filetxt .filebox a + a{margin-left:10px;}
#review_list .writebox li.inputtxtarea{float:left;width:100%;min-height:500px;}
#review_list .writebox li.inputtxtarea .textarea{padding:12px 15px;margin-bottom:8px;width:calc( 100% - 32px );height:500px;line-height:1.6;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000;border:1px solid #cccccc}
#review_list .writebox li.inputtxtarea .is-focused .textarea{border:1px solid #284aa4;}
#review_list .writebox li.checktxt{float:left;width:calc( 100% - 120px );min-height:40px;text-align:left;padding-top:10px;}
#review_list .writebox li.checktxt label{margin-right:40px;width:initial;top:2px;display:inline-block;}
#review_list .writebox li.checktxt .mdl-radio__label,
#review_list .writebox li.checktxt .mdl-checkbox__label{top: -2px;font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #000000;line-height:24px;}
#review_list .writebox li.checktxt .mdl-checkbox{top:4px;display:inline-block;-webkit-tap-highlight-color: rgb(63,81,181);}
#review_list .writebox li.checktxt .mdl-checkbox__box-outline{border:2px solid rgb(63, 81, 181);width:18px;height:18px;}
#review_list .writebox li.inputtxt label{top:2px;padding:0 23px 0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#review_list .writebox li.inputtxt select{padding:0 23px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: url(../_img/select-arrow@2x.png);    background-size: 15px;    background-repeat: no-repeat;    background-position: right 20px center;border-radius:0;}
#review_list .writebox li.inputtxt select::-ms-expand { display: none; }
#review_list .writebox li.inputtxt input{padding:0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
#review_list .writebox li.inputtxtarea textarea{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border-radius:0;}
#review_list .writebox li.inputtxt .is-focused input{border:1px solid #284aa4;}
#review_list .writebox li.inputtxt label:after{bottom:0;border-bottom:0;height: 0;}
#review_list .writebox li .div2{overflow:hidden;}
#review_list .writebox li .div2 div{width:49.5%;float:left;}
#review_list .writebox li .div2 div:nth-of-type(1){margin-right:0.5%;}
#review_list .writebox li .div2 div:nth-of-type(2){margin-left:0.5%;}
#review_list .writebox li:first-child.titletxt{padding-top:0;}
#review_list .writebox li.addtxt{text-align:left;font-weight:500;font-size:0.9375rem;letter-spacing:-0.6px;padding-bottom:10px;}
#review_list .writebox li.blank{height:30px;}
#review_list .writebox + .btnwrap{max-width:360px;margin:0 auto;position:relative;}
#review_list .writebox + .btnwrap button{margin-bottom:80px;}
#review_list .writebox .star i{display:inline-block;width:14px;height:13px;}
#review_list .writebox .star i + i{margin-left:-3px;}
#review_list .writebox li.checktxt .mdl-radio__label .star{/*margin-top:2px;*/}
#review_list .writebox li .filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0; overflow: hidden; border: 0;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
#review_list .writebox li .filebox label {display: inline-block;width:120px;height:48px;line-height:47px;vertical-align: middle; background-color: #fdfdfd; cursor: pointer;border: 1px solid #000;background-color:#000;color:#fff;}
#review_list .writebox li .filebox .upload-name {display: inline-block;height:48px;line-height:47px;width:calc( 100% - 174px );font-size:1rem; padding:0 23px 0 23px;vertical-align: middle;background-color: #fff;color:#999;border: 1px solid #cccccc;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
#review_list .writebox + .btnwrap {max-width: 380px;margin: 0 auto;position: relative;}
#review_list .writebox li .info{text-align:left;font-size:0.9375rem;padding:10px 0;color:#999;}
#review_list .cautionbox{background-color:#dde0e7;color:#000;padding:30px 76px;margin-bottom:160px;}
#review_list .cautionbox h4 {font-size:1rem;font-weight:500;letter-spacing:-0.6px;margin-bottom:15px;}
#review_list .cautionbox ol {list-style:none;overflow:hidden;}
#review_list .cautionbox ol li{font-size:0.9375rem;line-height:1.5;letter-spacing:-0.6px;padding-left:0.625rem;text-indent:-0.625rem;word-break:keep-all;margin-bottom:5px;}
#review_view {width:100%;background-color:#f4f5f7;}
#review_view.whitebg {width:100%;background-color:#fff;}
#review_view .viewbox{width:100%;min-height:1000px;display: flex;flex-wrap: wrap;margin:0 auto;width:100%;max-width:1500px;}
#review_view .viewbox .lside{width:calc( 100% - 570px );background-color:#fff;}
#review_view .viewbox .rside{width:570px;background-color:#f4f5f7;}
#review_view .viewbox .lside .boxwrap{padding:20px 100px;}
#review_view .viewbox .lside h3{padding:55px 0;margin:auto;font-family: Roboto;font-size: 39.5px;font-weight: bold;font-style: normal;line-height: 1.09;letter-spacing: normal;text-align: center;color: #000000;}
#review_view .viewbox .rside .boxwrap{padding:20px 60px;}
#review_view .viewbox .rside .inner {height:75px;}
#review_view .viewbox .rside .inner nav{position:relative;text-align:right;}
#review_view .viewbox .rside .inner nav a{display:inline-block;color:#000;font-size:0.8125rem;font-weight:300;letter-spacing:-0.5px;}
#review_view .viewbox .rside .inner nav a + a::before{content:'';display:inline-block;width:5px;height:10px;background-image:url(../_img/page-next@2x.png);background-size:100%;margin-right:10px;margin-left:10px;}
#review_view .viewbox .rside .inner nav a:active{color:#000;}
#review_view .viewbox .lside .star{margin-bottom:3px;display:inline-block;}
#review_view .viewbox .lside .star i {background-size: 14px;width: 14px;height: 13px;}
#review_view .viewbox .lside .star i + i{margin-left:0;}
#review_view .viewbox .lside .writer{text-align:left;font-size:0.875rem;color:#999;margin-bottom:0;}
#review_view .viewbox .lside .writer span + span::before{content:'';width:1px;height:13px;vertical-align:middle;background-color:#ccc;display:inline-block;margin-left:10px;margin-right:10px;}
#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt{}
#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt{width:calc( 100% - 190px );padding:25px 0 25px 20px;height:auto;}
#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt h4{display:block;font-size:1.5rem;font-weight:500;color:#000;text-align:left;word-break:keep-all;}
#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt h5{display:inline-block;color:#000;padding:0;font-weight:300;font-size:0.875rem;letter-spacing:-0.6px;}
#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dd{width:150px;padding:0;padding:0;font-weight:300;}
#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dd .en{font-weight:400;letter-spacing:0;}
#review_view .viewbox .lside .tbl_view .rowcont {position: relative;display: block;padding: 75px 20px;word-break:keep-all;}
#review_view .viewbox .lside .tbl_view .rowcont img{max-width:100%;height:auto !important;}
#review_view .viewbox .lside .tbl_view .viewthumb{margin-right:0;position:relative;width:150px;height:150px;overflow:hidden;padding:0;}
#review_view .viewbox .lside .tbl_view .viewthumb .inner-img{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;overflow:hidden;}
#review_view .viewbox .rside .productinfo{padding:70px 0;color:#000;}
#review_view .viewbox .rside .productinfo h3{text-transform: uppercase;font-family: 'Roboto', sans-serif;letter-spacing:0;font-size:35px;line-height:1.13;margin-bottom:15px;word-break:keep-all;}
#review_view .viewbox .rside .productinfo h4{letter-spacing:-0.9px;font-size:24px;line-height:1.33;margin-bottom:20px;font-weight:300;word-break:keep-all;}
#review_view .viewbox .rside .productinfo h5{letter-spacing:-0.6px;font-size:14px;line-height:1.6;font-weight:300;color:#555;word-break:keep-all;}
#review_view .viewbox .rside .btnline{border:1px solid #000;background-color:transparent;font-size:14px;color:#000;font-weight:300;letter-spacing:-0.6px;width:150px;height:40px;line-height:38px;margin-bottom:40px;}
#review_view .viewbox .rside .listtit{font-size:1rem;letter-spacing:-0.6px;padding-bottom:15px;}
#review_view .viewbox .rside .listwrap{border-top:1px solid #000;margin-bottom:60px;}
#review_view .viewbox .rside .listwrap .listone{padding:20px 0;overflow:hidden; display: flex;flex-wrap: wrap;border-bottom:1px solid #ccc;}
#review_view .viewbox .rside .listone .listthumb{margin-right:9px;position:relative;width:70px;height:70px;overflow:hidden;padding:0;}
#review_view .viewbox .rside .listone .listthumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;}
#review_view .viewbox .rside .listone .listtxtbox{width: calc( 100% - 80px );text-align:left;color:#000;}
#review_view .viewbox .rside .listone h5{display:block;font-size:0.875rem;font-weight:500;text-overflow:ellipsis;margin-left:0;margin-bottom:5px;white-space: nowrap;width:100%;overflow: hidden;letter-spacing:-0.6px;}
#review_view .viewbox .rside .listone .star{margin-bottom:0;display:inline-block;}
#review_view .viewbox .rside .listone .star i {background-size: 14px;width: 14px;height: 13px;}
#review_view .viewbox .rside .listone .writer{float:none;text-align:left;font-size:0.75rem;color:#999;margin-bottom:0;}
#review_view .viewbox .rside .listone .writer span + span::before{content:'';width:1px;height:13px;vertical-align:middle;background-color:#ccc;display:inline-block;margin-left:10px;margin-right:10px;}
#buying .bread{background-image:url(../_img/top-buying.jpg);}
#buying .searchbox{background-color:#f4f5f7;padding:40px 35px;margin-bottom:30px;text-align:center;}
#buying .searchbox .formwrap{max-width:100%;width:100%;margin:0 auto;}
#buying .searchbox .formwrap ul{overflow:hidden;list-style:none;}
#buying .searchbox .formwrap .titletxt{float:left;width:10%}
#buying .searchbox .formwrap .inputtxt{float:left;width:40%}
#buying .searchbox .formwrap .inputtxt.sel{width:35%;padding-right:5%;}
#buying .searchbox select{padding:0 30px 0 23px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #ccc;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: url(../_img/select-arrow@2x.png);    background-size: 15px;    background-repeat: no-repeat;    background-position: right 10px center;border-radius:0;}
#buying .searchbox select::-ms-expand { display: none; }
#buying .searchbox .dblselect{overflow:hidden;}
#buying .searchbox li.inputtxt ul.dblselect li{float:left;width:49%;}
#buying .searchbox li.inputtxt ul.dblselect li + li{margin-left:2%;}
#buying .searchbox li.inputtxt .dblselect select{background-color:#fff;}
#buying .searchbox label{top:0;padding:0 0 0 10px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#buying .searchbox input{padding:0 0 0 10px;height:48px;line-height:47px;width:calc( 100% - 10px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:none;border-radius:0;}
#buying .searchbox .is-focused input{border:none;}
#buying .searchbox label:after{bottom:0;border-bottom:0;height: 0;}
#buying .searchbox li.inputtxt .mdl-textfield,
#buying .searchbox li.inputtxtm .mdl-textfield{padding:0;width:100%;max-width:100%;}
#buying .searchbox li.inputtxt{margin-bottom:0;}
#buying .searchbox li.inputtxt label{top:2px;padding:0 23px 0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#buying .searchbox li.inputtxt input{padding:0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
#buying .searchbox li.inputtxt .is-focused input{border:1px solid #284aa4;}
#buying .searchbox li.inputtxt label:after{bottom:0;border-bottom:0;height: 0;}
#buying .searchbox li.titletxt{text-align:left;font-weight:500;font-size:1rem;letter-spacing:-0.6px;color:#000000;padding-top:12px;padding-bottom:10px;}
#buying .searchbtn{overflow:hidden;max-width:400px;width:100%;margin:0 auto 50px;}
#buying .searchbtn button{font-size:1rem;}
#buying .listcaption{font-size:0.835rem;letter-spacing:-0.6px;margin-bottom:25px;word-break:keep-all;}
#buying .listwrap{border-top:1px solid #000;margin-bottom:60px;}
#buying .listtt,#buying .listtd{letter-spacing:-0.6px;line-height:1.5;display:flex;flex-wrap: wrap;}
#buying .listtt dt{color:#000;text-align:center;padding:30px 0;min-height:30px;font-size:1rem;font-weight:500;border-bottom:1px solid #ccc;}
#buying .listtd dd{color:#000;text-align:center;padding:30px 0;min-height:30px;font-size:1rem;font-weight:300;border-bottom:1px solid #ccc;word-break:keep-all;}
#buying .listtd dd.strong{font-weight:500;}
#buying .listtt dt.acenter,#buying .listtd dd.acenter{text-align:center;}
#buying .listtt dt.aleft,#buying .listtd dd.aleft{text-align:left;}
#buying .listtd dd i.location{text-indent:-99999px;display:inline-block;width:18px;height:25px;background-image:url(../_img/icon-hospital-gray@2x.png);background-size:cover;background-repeat:no-repeat;}
#buying .listtt dt:nth-of-type(1),#buying .listtd dd:nth-of-type(1){width:30%}
#buying .listtt dt:nth-of-type(2),#buying .listtd dd:nth-of-type(2){width:40%}
#buying .listtt dt:nth-of-type(3),#buying .listtd dd:nth-of-type(3){width:20%}
#buying .listtt dt:nth-of-type(4),#buying .listtd dd:nth-of-type(4){width:10%}
#buying .paging{margin-bottom:60px;}
#buying .cscenter{display:flex;flex-wrap: wrap;margin-bottom:100px;overflow:hidden;border:1px solid #ccc;padding:0 90px;color:#000;letter-spacing:-0.6px;}
#buying .cscenter .box1{padding-top:40px;width:20%;font-size:1rem;font-weight:500;}
#buying .cscenter .box2{padding-top:40px;width:calc( 80% - 200px );}
#buying .cscenter .box3{padding-top:40px;padding-bottom:40px;width:200px;}
#buying .cscenter .box2 h4{font-size:32px;font-weight:500;letter-spacing:0;margin-bottom:0px;line-height:1;}
#buying .cscenter .box2 h5{color:#555;font-size:0.875rem;font-weight:300;}
#buying .cscenter .box3 button{height:50px;line-height:48px;font-weight:500;font-size:0.875rem;width:100%;}
.buypop{width:100%;max-width:700px;height:670px;}
.buypop .topbox{overflow:hidden;padding:30px;color:#000;}
.buypop .topbox .topboxl{float:left;text-align:left;width:calc( 100% - 30px );}
.buypop .topbox .topboxr{float:left;text-align:left;width:30px;text-align:right;}
.buypop .topbox .topboxr i{cursor:pointer;display:block;width:22px;height:22px;background-image:url(../_img/btn-buyclose@2x.png);background-size:cover;background-repeat:no-repeat;}
.buypop .topbox .topboxl h4{font-size:1.25rem;font-weight:500;letter-spacing:-0.8px;line-height:1;margin-bottom:10px;word-break:keep-all;}
.buypop .topbox .topboxl p.addr{font-size:1rem;font-weight:300;letter-spacing:-0.6px;line-height:1.5;margin-bottom:10px;word-break:keep-all;}
.buypop .topbox .topboxl p.tel{font-size:0.9375rem;font-weight:300;}
#map{width:100%;height:525px;}

#product {width:100%;background-color:#f4f5f7;}
#product.whitebg {width:100%;background-color:#fff;}
#product .productbox{width:100%;min-height:1000px;display: flex;flex-wrap: wrap;margin:0 auto;width:100%;max-width:1500px;}
#product .productbox .lside{width:calc( 100% - 570px );background-color:#fff;height:auto;min-height:1400px;}
#product .productbox .lside .boxwrap{padding:20px 60px;}
#product .productbox .lside .boxwrap h3{padding:35px 0 60px;margin:auto;font-family: Roboto;font-size:2.5rem;font-weight: bold;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #000000;}
#product h4.tit{margin-bottom:50px;}

#product .productlist .catewrap{width:100%;overflow:hidden;display: flex;flex-wrap: wrap;border-top:1px solid #000;}
#product .productlist .catewrap + .catewrap{border-top:1px solid #ccc;border-bottom:1px solid #000;}
#product .productlist .catewrap .cate1{width:140px;font-size:18px;font-weight:500;color:#000;padding:17px 0;}
#product .productlist .catewrap .cate2{width:calc( 100% - 140px );padding:17px 0;}
#product .productlist ul.cate{width:100%;overflow:hidden;}
#product .productlist .cate li{list-style:none;float:left;}
#product .productlist .cate li a{font-size:1rem;font-weight:100;color:#999;padding-right:20px;height:50px;}
#product .productlist .cate li a.on{font-weight:500;color:#000;}

#product .productlist h4.tit{margin-bottom:10px;margin-top:50px;}
#product .productlist p.stit{margin-bottom:50px;font-size:0.9375rem;font-weight:300;color:#999;}
#product .productbox .lside .linelist{padding:0 0 20px;overflow:hidden; display: flex;flex-wrap: wrap;margin-left:-2%;margin-right:-2%;}
#product .productbox .lside .linelist .listone{width:46%;margin:0 2% 50px;}
#product .productbox .lside .linelist .listone .listthumb{margin-right:9px;position:relative;width:100%;height:415px;overflow:hidden;padding:0;margin-bottom:20px;}
#product .productbox .lside .linelist .listone .listthumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;}
#product .productbox .lside .linelist .listone h5{display:block;font-size:1.25rem;font-weight:600;line-height:1;margin-bottom:7px;}
#product .productbox .lside .linelist .listone p{display:block;font-size:0.9375rem;font-weight:300;margin-bottom:0;letter-spacing:-0.6px;}

.line-intensive .listtxt{background-color:#98b532;}
.line-soothing .listtxt{background-color:#4695cc;}
.line-pimprove .listtxt{background-color:#f37c7c;}
.line-rootheal .listtxt{background-color:#9681c9;}
.line-dermanewal .listtxt{background-color:#f79330;}
.line-sun .listtxt{background-color:#e7be01;}
.line-md .listtxt{background-color:#3e609d;}

.line-intensive h5{color:#588509;}
.line-soothing h5{color:#0064d4;}
.line-pimprove h5{color:#de0e21;}
.line-rootheal h5{color:#6d0c9f;}
.line-dermanewal h5{color:#f16214;}
.line-sun h5{color:#ff9600;}
.line-md h5{color:#0243ab;}

#product .productbox .lside .linebanner{padding:0;overflow:hidden; display: flex;flex-wrap: wrap;margin-bottom:50px;}
#product .productbox .lside .linebanner .listtxt{width:50%;margin:0;height:320px;}
#product .productbox .lside .linebanner .listtxt sup{vertical-align:text-top;margin-right:3px;}
#product .productbox .lside .linebanner .listtxt .inner{padding:70px 30px 0;color:#fff;}
#product .productbox .lside .linebanner .listtxt h5{color:#fff;display:block;font-size:1.5rem;font-weight:300;line-height:1.4;height:120px;}
#product .productbox .lside .linebanner .listtxt p{color:#fff;display:block;font-size:0.9375rem;font-weight:100;line-height:1.5;margin-bottom:0;letter-spacing:-0.6px;word-break:keep-all;}
#product .productbox .lside .linebanner .listthumb{position:relative;width:50%;height:320px;overflow:hidden;padding:0;}
#product .productbox .lside .linebanner .listthumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;}


#product .productbox .lside .tbl_list{border-top:none;}
#product .productbox .lside .tbl_list dd.nolist{border-bottom:none;}


#product .productbox .lside ul.productlist{display: flex;flex-wrap: wrap;margin-left:-1.5%;margin-right:-1.5%;margin-bottom:70px;}
#product .productbox .lside .productlist > li{list-style:none;width:30.3333%;cursor:pointer;margin-left:1.5%;margin-right:1.5%;margin-bottom:40px;}
#product .productbox .lside .productlist > li a{display:block;}
#product .productbox .lside .productlist > li .listthumb{position:relative;margin-right:9px;position:relative;width:100%;overflow:hidden;padding:0;}
#product .productbox .lside .productlist > li .listthumb .inner-img{width:100%;overflow:hidden;}
#product .productbox .lside .productlist > li .listthumb .inner-img img{width:100%;-ms-interpolation-mode:bicubic;}
 .icon_status{position:absolute;bottom:0;right:0;z-index:6;overflow:hidden;text-align:right;}
 .icon_status .icon_new{display:inline-block;position:relative;color:#fff;font-size:0.9375rem;font-weight:500;background-color:#f03f2c;height:35px;width:35px;line-height:35px;text-align:center;}
 .icon_status .icon_best{display:inline-block;position:relative;color:#fff;font-size:0.6875rem;font-weight:500;background-color:#3e6add;height:35px;width:35px;line-height:35px;text-align:center;}
 .icon_status .icon_md{display:inline-block;position:relative;color:#fff;font-size:0.6875rem;font-weight:500;background-color:#284aa4;height:35px;width:35px;line-height:35px;text-align:center;}
 .icon_status > div + div{margin-left:5px;}
#product .productbox .lside .productlist > li .listtxt{}
#product .productbox .lside .productlist > li .listtxt h5.tit.en{text-transform: uppercase;min-height:60px;font-weight:600;font-size:0.9375rem;line-height:1.5;color:#000;padding:20px 0 10px;border-bottom:1px solid #000;margin-bottom:20px;}
#product .productbox .lside .productlist > li .listtxt h5.titk{font-weight:400;font-size:0.9375rem;line-height:1.5;margin-bottom:5px;color:#000;letter-spacing:-0.6px;}
#product .productbox .lside .productlist > li .listtxt p.summary{font-weight:100;font-size:0.875rem;line-height:1.5;color:#555;margin-bottom:30px;letter-spacing:-0.6px;word-break:keep-all;}
#product .productbox .lside .productlist > li .listtxt p.en{font-weight:500;font-size:0.75rem;line-height:1.5;color:#555;margin-bottom:15px;}
 .icon_features{position:relative;overflow:hidden;}
 .icon_features > div{display:inline-block;position:relative;font-size:0.75rem;padding:0 10px;font-weight:300;line-height:24px;text-align:center;margin-bottom:5px;margin-right:5px;}
 .icon_features .icon_u{border:1px solid #000;color:#000;}
 .icon_features .icon_b{border:1px solid #999;color:#999;}
 .icon_features .icon_r{border:1px solid #284aa4;color:#284aa4;}
#product .productbox .rside{width:570px;background-color:#f4f5f7;}
#product .productbox .rside .boxwrap{padding:20px 60px;}
#product .productbox .rside .inner {height:140px;margin-bottom:0}
#product .productbox .rside .inner nav{position:relative;text-align:right;}
#product .productbox .rside .inner nav a{display:inline-block;color:#000;font-size:0.8125rem;font-weight:300;letter-spacing:-0.5px;}
#product .productbox .rside .inner nav a + a::before{content:'';display:inline-block;width:5px;height:10px;background-image:url(../_img/page-next@2x.png);background-size:100%;margin-right:10px;margin-left:10px;}
#product .productbox .rside .inner nav a:active{color:#000;}
#product .productbox .rside .searchbox{padding:0 0;color:#000;position:fixed;max-width:450px;}
#product .productbox .rside .searchbox h4{letter-spacing:-0.9px;font-size:1.5625rem;line-height:1;margin-bottom:20px;font-weight:300;word-break:keep-all;}
#product .productbox .rside .searchbox h5{letter-spacing:-0.6px;font-size:0.875rem;line-height:1.6;font-weight:300;color:#555;word-break:keep-all;}
#product .searchbox ul{overflow:hidden;}
#product .searchbox li{list-style:none;width:100%;}
#product .searchbox select{padding:0 30px 0 18px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #ccc;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: url(../_img/select-arrow@2x.png);    background-size: 15px;    background-repeat: no-repeat;    background-position: right 10px center;border-radius:0;}
#product .searchbox select::-ms-expand { display: none; }
#product .searchbox label{top:0;padding:0 0 0 10px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#product .searchbox label:after{bottom:0;border-bottom:0;height: 0;}
#product .searchbox li:nth-of-type(4){display:none;}
#product .searchbox li.inputtxt{width:48%;float:left;margin-bottom:20px;}
#product .searchbox li.inputtxt + li.inputtxt{margin-left:2%;}
#product .searchbox li.titletxt{display:none;text-align:left;font-weight:500;font-size:1.25rem;letter-spacing:-0.8px;color:#000000;padding-top:0;padding-bottom:20px;}
#product .searchbox li label{top:0;padding:0 0 0 18px;height:48px;line-height:47px;width:100%;font-size:1rem;font-weight: 300; letter-spacing: -0.6px;color: #999999;}
#product .searchbox li input{padding:0 0 0 18px;height:46px;line-height:46px;width:calc( 100% - 10px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:none;border-radius:0;}
#product .searchbox li .is-focused input{border:none;}
#product .searchbox li label:after{bottom:0;border-bottom:0;height: 0;}
#product .searchbox li .formbox{height:46px;line-height:45px;background-color:#fff;border:1px solid #ccc;}
#product .searchbox li .withbtn .mdl-textfield{float:left;width:calc( 100% - 40px );padding:0;}
#product .searchbox li .withbtn .btnwrapm{float:left;width:40px;margin-bottom:0;}
#product .searchbox li .btnwrapm .iconbtn{cursor:pointer;}
#product .searchbox li .btnwrapm .iconbtn.search{width:100%;height:46px;padding:0;min-width:initial;max-width:initial;background:transparent;text-indent:-9999px;background-image:url(../_img/icon-body-search@2x.png);background-size:21px;background-position:center;background-repeat:no-repeat;}
#product .searchbox li .btnwrapm .iconbtn i{margin-top:5px;}
/*#product .searchbox li.inputtxt + .inputtxt{margin-top:10px;}*/
#product .searchbox li.divider{border-bottom:1px solid #ccc;padding-top:15px;margin-bottom:15px;}
#product .searchbox li.stype{display: flex;flex-wrap: wrap;}
#product .searchbox li.stype > a{width:80px;border-radius:35px;height:36px;line-height:36px;cursor:pointer;border:1px solid #999;background-color:#transparent;color:#555;font-size:0.9375rem;letter-spacing:-0.6px;text-align:center;}
#product .searchbox li.stype > a + a{margin-left:10px;}
#product .searchbox li.stype > a.on{border:1px solid #284aa4;background-color:#284aa4;color:#fff;}
#product .searchbox li.ftype{display: flex;flex-wrap: wrap;margin-left:-1%;margin-right:-1%;margin-bottom:-15px;}
#product .searchbox li.ftype a{width:18%;cursor:pointer;color:#555;margin-left:1%;margin-right:1%;margin-bottom:15px;font-size:0.9375rem;letter-spacing:-0.6px;text-align:center;}
#product .searchbox li.ftype a i{margin:0 auto;display:block;width:65px;border-radius:65px;height:65px;line-height:65px;margin-bottom:6px;background-position:center center;background-size:100%;background-repeat:no-repeat;}
#product .searchbox li.ftype a.on i{}
#product .searchbox li.ftype a.type1 i{background-image:url(../_img/pd-type-1-off@2x.png)}
#product .searchbox li.ftype a.type1.on i{background-image:url(../_img/pd-type-1-on@2x.png)}
#product .searchbox li.ftype a.type2 i{background-image:url(../_img/pd-type-2-off@2x.png)}
#product .searchbox li.ftype a.type2.on i{background-image:url(../_img/pd-type-2-on@2x.png)}
#product .searchbox li.ftype a.type3 i{background-image:url(../_img/pd-type-3-off@2x.png)}
#product .searchbox li.ftype a.type3.on i{background-image:url(../_img/pd-type-3-on@2x.png)}
#product .searchbox li.ftype a.type4 i{background-image:url(../_img/pd-type-4-off@2x.png)}
#product .searchbox li.ftype a.type4.on i{background-image:url(../_img/pd-type-4-on@2x.png)}
#product .searchbox li.ftype a.type5 i{background-image:url(../_img/pd-type-5-off@2x.png)}
#product .searchbox li.ftype a.type5.on i{background-image:url(../_img/pd-type-5-on@2x.png)}
#product .searchbox li.ftype a.type6 i{background-image:url(../_img/pd-type-6-off@2x.png)}
#product .searchbox li.ftype a.type6.on i{background-image:url(../_img/pd-type-6-on@2x.png)}
#product .searchbox li.ftype > a h5{font-size:0.875rem;letter-spacing:-0.6;color:#555;font-weight:300;}
#product .searchbox li.ftype > a.on h5{color:#284aa4;font-weight:500;}
#product .searchbox li.ttype{display: flex;flex-wrap: wrap;margin-right:-5px;margin-left:-5px;}
#product .searchbox li.ttype > a{max-width:100px;padding:0 10px;margin-left:5px;margin-right:5px;margin-bottom:15px;border-radius:0;height:33px;line-height:33px;cursor:pointer;border:1px solid #999;background-color:#transparent;color:#555;font-size:0.9375rem;letter-spacing:-0.6px;text-align:center;}
#product .searchbox li.ttype > a.on{border:1px solid #284aa4;background-color:#284aa4;color:#fff;}
#product .searchbox li.reset{padding-top:15px;}
#product .searchbox li.reset a{display:inline-block;border-bottom:1px solid #000;padding-bottom:3px;letter-spacing:-0.06px;font-size:0.9375rem;line-height:1.5;}
#product .searchbtn{overflow:hidden;max-width:400px;width:100%;margin:0 auto 50px;}
.openit,.hideit{display:block;position:fixed;z-index: 10;right:0;top:56px;width:30px;margin-right:0;background-color:#284aa4;color:#fff;font-size:0.875rem;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.openit a,.hideit a{display:block;width:100%;text-align:center;overflow:hidden;padding:40px 0 40px;color:#fff;text-decoration:none;}
.openit a i,.hideit a i{display:block;height:25px;width:18px;color:#fff;margin:15px auto 15px;}
#product .productdetail .lside .infowrap{display:none;}
#product .productdetail .lside .footwrap{display:none;}
#product .productdetail .lside .mdl-tabs__tab-bar{display:none;}
#product .productdetail .thumbwrap{padding:0}
#product .productdetail .thumbwrap img{width:100%;}
#product .productdetail .comparewrapouter,
#product .productdetail .comparewrapouter a{width:100%;text-align:right;}
#product .productdetail .comparewrap{padding:0;margin:0;border:2px solid #fff;width:calc( 100% - 4px );text-align:right;}
#product .productdetail .comparewrap img{width:100%;}
#product .productdetail .comparewrap + .comparewrap::before{content:'';display:block;height:1px;width:100%;background-color:#ccc;}
#product .productdetail .detailwrap{padding:0;text-align:right;}
#product .productdetail .detailwrap img{width:100%;}
#product .productdetail .rside{width:570px;background-color:#f4f5f7;}
#product .productdetail .rside .boxwrap{padding:20px 60px;position:relative;height:100%;}
#product .productdetail .rside .boxwrap .detailbox{padding:0 0;position:fixed;width:450px;}
#product .productdetail .rside .inner {position:relative;height:130px;margin-bottom:0}
#product .productdetail .rside .inner nav{position:relative;text-align:right;}
#product .productdetail .rside .inner nav a{display:inline-block;color:#000;font-size:0.8125rem;font-weight:300;letter-spacing:-0.5px;}
#product .productdetail .rside .inner nav a + a::before{content:'';display:inline-block;width:5px;height:10px;background-image:url(../_img/page-next@2x.png);background-size:100%;margin-right:10px;margin-left:10px;}
#product .productdetail .rside .inner nav a:active{color:#000;}
#product .productdetail .titlewrap{border-bottom:1px solid #000;padding-bottom:30px;}
#product .productdetail .titlewrap h3{text-transform: uppercase;font-size:2.1875rem;color:#000;line-height:1.2;font-weight:600;margin-bottom:10px;}
#product .productdetail .titlewrap h4{font-size:1.5rem;color:#000;line-height:1.3;font-weight:300;letter-spacing:-1px;margin-bottom:20px;}
#product .productdetail .titlewrap p{font-size:0.875rem;color:#555;line-height:1.5;font-weight:100;letter-spacing:-0.6px;}
#product .productdetail .specwrap{border-bottom:1px solid #ccc;padding:30px 0 50px;}
#product .productdetail .specwrap p{font-size:1rem;color:#555;line-height:1.5;font-weight:100;letter-spacing:-1px;word-break:keep-all;}
#product .productdetail .specwrap .spectype{overflow:hidden;}
#product .productdetail .specwrap .spectype span{width:80px;float:left;cursor:pointer;color:#555;font-size:0.9375rem;letter-spacing:-0.6px;text-align:center;}
#product .productdetail .specwrap .spectype span i{display:block;width:55px;height:55px;line-height:55px;background-color:transparent;margin:10px auto 6px;background-position:center center;background-size:100%;background-repeat:no-repeat;}
#product .productdetail .specwrap .spectype > span h5{font-size:0.875rem;letter-spacing:-0.6px;color:#555;font-weight:300;}
#product .productdetail .specimgwrap {display:none;border-bottom:1px solid #ccc;padding:20px 0 30px;}
#product .productdetail .specimgwrap img{width:100%;}
#product .productdetail .specimgwrap p{font-size:1rem;color:#555;line-height:1.5;font-weight:100;letter-spacing:-1px;word-break:keep-all;margin-bottom:10px;}

#product .productdetail .withwrap{padding:25px 0 25px; }
#product .productdetail .withwrap h4{font-size:1.5rem;color:#000;line-height:1.3;font-weight:500;letter-spacing:-1px;margin-bottom:20px;}
#product .productdetail .withwrap .listone{padding:0;overflow:hidden; display: flex;flex-wrap: wrap;}
#product .productdetail .withwrap .listone .listthumb{cursor:pointer;margin-right:15px;position:relative;width:100px;height:100px;overflow:hidden;padding:0;}
#product .productdetail .withwrap .listone .listthumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100%;overflow:hidden;}
#product .productdetail .withwrap .listone .listtxtbox{width:calc( 100% - 150px );text-align:left;color:#000;padding-top:25px;}
#product .productdetail .withwrap .listone h5{display:block;font-size:0.875rem;font-weight:600;margin-left:0;margin-bottom:5px;white-space: nowrap;width:100%;overflow: hidden;}
#product .productdetail .withwrap .listone p{display:block;font-size:0.8125rem;font-weight:100;margin-left:0;margin-bottom:5px;white-space: nowrap;width:100%;overflow: hidden;}
#product .productdetail .tabwrap{padding:30px 0 50px;border-top:1px solid #ccc;}
#product .productdetail .tabwrap ul{overflow:hidden}
#product .productdetail .tabwrap li{cursor:pointer;font-size:1.125rem;font-weight:500;letter-spacing:-0.7px;color:#999;list-style:none;height:55px;line-height:55px;padding-left:30px;background-image:url(../_img/arrow-lgray@2x.png);background-repeat:no-repeat;background-size:5px;background-position:left center;}
#product .productdetail .tabwrap li.active{color:#284aa4;background-image:url(../_img/arrow-lnavy@2x.png);}
#product .productdetail .lside .boxwrap h4{padding-top:90px;}
#product .productdetail .lside .boxwrap h5.ingretit{padding-bottom:20px;border-bottom:1px solid #ccc;font-size:1.25rem;color:#000;font-weight:500;}
#product .productdetail .lside .boxwrap p.ingredient{padding-top:20px;margin-bottom:50px;font-size:0.875rem;color:#555;letter-spacing:-0.6px;line-height:1.6;word-break:keep-all;}



#product .productdetail .reviewtab{padding:20px 30px 20px 0;overflow:hidden;}
#product .productdetail .reviewtab ul{float:left;width:450px;list-style:none;}
#product .productdetail .reviewtab li{float:left;letter-spacing:-0.9px;font-size:1.125rem;font-weight:300;color:#999;}
#product .productdetail .reviewtab li + li{margin-left:40px;}
#product .productdetail .reviewtab li.active{color: #284aa4;font-weight:500;}
#product .productdetail .reviewtab .tabbtnwrap{float:right;}
#product .productdetail .reviewtab .tabbtnwrap button{width:140px;text-align:center;height:40px;line-height:38px;}
#product .productdetail .reviewtab .tabbtnwrap button + button{margin-left:15px;}
#product .productdetail .reviewlist{border-top:1px solid #000;margin-bottom:60px;}
#product .productdetail .reviewlist .listone{padding:20px;overflow:hidden; display: flex;flex-wrap: wrap;border-bottom:1px solid #ccc;}
#product .productdetail .reviewlist .listone .listthumb{margin-right:10px;position:relative;width:110px;height:110px;overflow:hidden;padding:0;}
#product .productdetail .reviewlist .listone .listthumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;}
#product .productdetail .reviewlist .listone .listtxtbox{width: calc( 100% - 120px );text-align:left;color:#000;}
#product .productdetail .reviewlist .listone h5{display:inline-block;font-size:0.875rem;font-weight:300;text-overflow:ellipsis;margin-left:5px;margin-bottom:3px;white-space: nowrap;vertical-align:text-top;overflow: hidden;letter-spacing:-0.6px;}
#product .productdetail .reviewlist .listone h4{font-size:1rem;font-weight:500;padding-top:0 !important;text-overflow:ellipsis;white-space: nowrap;width: 100%;overflow: hidden;margin-bottom:10px;line-height:1.88;letter-spacing:-0.6px;}
#product .productdetail .reviewlist .listone .ment{font-size:0.875rem;margin-bottom:0;font-weight:300;line-height:1.6;letter-spacing:-0.6px;overflow: hidden;color: #555;height:25px;}
#product .productdetail .reviewlist .listone .star{margin-bottom:3px;display:inline-block;}
#product .productdetail .reviewlist .listone .star i {background-size: 14px;width: 14px;height: 13px;}
/*#product .productdetail .reviewlist .listone .star i + i{margin-left:-3px;}*/
#product .productdetail .reviewlist .listone .writer{float:right;font-size:0.875rem;color:#999;margin-bottom:0;}
#product .productdetail .reviewlist .listone .writer span + span::before{content:'';width:1px;height:13px;vertical-align:middle;background-color:#ccc;display:inline-block;margin-left:10px;margin-right:10px;}
#product .productdetail .reviewlist .listone .contbox{display: flex;flex-wrap: wrap;}
#product .productdetail .reviewlist .listone .contbox .ment{width:calc( 100% - 80px );}
#product .productdetail .reviewlist .listone .contbox .more{width:80px;}
#product .productdetail .reviewlist .listone .contbox .more a{width:65px;display:block;width:75px;text-align:right;padding-right:15px;font-size:0.75rem;font-weight:500;letter-spacing:-0.6px;color:#000;background-size: 10px;background-repeat: no-repeat;background-position:right center;}
#product .productdetail .reviewlist .listone .contbox .more.showit a{background-image: url(../_img/icon-next@2x.png);}
#product .productdetail .reviewlist .listone .contbox .more.closeit{display:none;}
#product .productdetail .reviewlist .listone .contbox .more.closeit a{background-image: url(../_img/icon-pre@2x.png);}
#product .productdetail .btnwrap{margin-bottom:100px;} 
.ingredient{width:100%;max-width:700px;min-height:281px;height:auto;max-height:400px;}
.ingredient .topbox{overflow:hidden;padding:30px;color:#000;position:relative;background-color:#fff;}
.ingredient .topbox .topboxl{float:left;text-align:left;width:100%;}
.ingredient .topbox .topboxr{right:30px;position:absolute;text-align:left;width:30px;text-align:right;}
.ingredient .topbox .topboxr i{cursor:pointer;display:block;width:22px;height:22px;background-image:url(../_img/btn-buyclose@2x.png);background-size:cover;background-repeat:no-repeat;}
.ingredient .topbox .topboxl h3{font-size:1.5rem;padding:20px 0 10px;border-bottom:1px solid #ccc;font-weight:500;letter-spacing:-0.8px;line-height:1;margin-bottom:10px;word-break:keep-all;}
.ingredient .topbox .topboxl h4{font-size:1.25rem;font-weight:500;letter-spacing:-0.8px;line-height:1;margin-bottom:10px;word-break:keep-all;}
.ingredient .topbox .topboxl p{font-size:1rem;font-weight:300;letter-spacing:-0.6px;line-height:1.5;margin-bottom:10px;word-break:keep-all;}
.detailsub{background-color:#333;color:#fff;display:none;}
.detailsub ul{overflow:hidden;list-style:none}
.detailsub li{float:left;width:33.333%;text-align:center;}
.detailsub li a{height:40px;line-height:40px;text-align:center;font-size:0.875rem;}
#mypage .bread{background-image:url(../_img/top-mypage.jpg);}
#mypage .topbtnwrap {text-align:right;margin:40px 0 40px;}
#mypage .topbtnwrap button{width:100%;max-width:180px;font-size:0.9375rem;font-weight: 500;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:40px;line-height:39px;}
#mypage .pagetit{font-size:1.5rem;font-weight:500;letter-spacing:-1px;color:#000;margin:70px auto 70px;text-align:center;}
#mypage .reviewlist{border-top:1px solid #000;margin-bottom:60px;}
#mypage .reviewlist .listone{padding:30px;overflow:hidden; display: flex;flex-wrap: wrap;border-bottom:1px solid #ccc;}
#mypage .reviewlist .listone .listthumb{margin-right:30px;position:relative;width:160px;height:160px;overflow:hidden;padding:0;}
#mypage .reviewlist .listone .listthumb .inner-img{position:absolute;z-index:5;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;}
#mypage .reviewlist .listone .listtxtbox{width: calc( 100% - 190px );text-align:left;color:#000;}
#mypage .reviewlist .listone h5{display:inline-block;font-size:0.875rem;font-weight:300;text-overflow:ellipsis;margin-left:5px;margin-bottom:3px;white-space: nowrap;vertical-align:text-top;overflow: hidden;letter-spacing:-0.6px;}
#mypage .reviewlist .listone h4{font-size:1.125rem;font-weight:500;padding-top:0 !important;text-overflow:ellipsis;white-space: nowrap;width: 100%;overflow: hidden;margin-bottom:10px;line-height:1.88;letter-spacing:-0.6px;}
#mypage .reviewlist .listone .ment{font-size:1rem;margin-bottom:0;font-weight:300;line-height:1.6;letter-spacing:-0.6px;overflow: hidden;color: #555;height:25px;}
#mypage .reviewlist .listone .star{margin-bottom:3px;display:inline-block;}
#mypage .reviewlist .listone .star i {background-size: 14px;width: 14px;height: 13px;}
/*#mypage .reviewlist .listone .star i + i{margin-left:-3px;}*/
#mypage .reviewlist .listone .writer{float:right;font-size:0.875rem;color:#999;margin-bottom:0;}
#mypage .reviewlist .listone .writer span + span::before{content:'';width:1px;height:13px;vertical-align:middle;background-color:#ccc;display:inline-block;margin-left:10px;margin-right:10px;}
#mypage .reviewlist .listone .contbox{display: flex;flex-wrap: wrap;}
#mypage .reviewlist .listone .contbox .ment{width:calc( 100% - 80px );}
#mypage .reviewlist .listone .contbox .more{width:80px;}
#mypage .reviewlist .listone .contbox .more a{width:65px;display:block;width:75px;text-align:right;padding-right:15px;font-size:0.75rem;font-weight:500;letter-spacing:-0.6px;color:#000;background-size: 10px;background-repeat: no-repeat;background-position:right center;}
#mypage .reviewlist .listone .contbox .more.showit a{background-image: url(../_img/icon-next@2x.png);}
#mypage .reviewlist .listone .contbox .more.closeit{display:none;}
#mypage .reviewlist .listone .contbox .more.closeit a{background-image: url(../_img/icon-pre@2x.png);}
#mypage .tbl_list +.btnwrap{text-align:right;margin:0 0 100px;}
#mypage .paging + .btnwrap{text-align:right;margin:-90px 0 100px;}
#mypage .btnwrap button{width:100%;max-width:180px;font-size:0.9375rem;font-weight: 500;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:40px;line-height:39px;}
#mypage .mt_list{display:block;width:100%;}
#mypage .mt_list dl{overflow:hidden;width:100%;display: flex;flex-wrap: wrap;}
#mypage .mt_list dt{text-align:center;padding:25px 0;}
#mypage .mq_list dd{text-align:center;padding:30px 0;}
#mypage .mt_list dt{font-size:1rem;font-weight:500;letter-spacing:-0.6px;}
#mypage .mt_list dt.qtype,#mypage .mq_list dd.qtype{width:13%;}
#mypage .mt_list dt.qtitle,#mypage .mq_list dd.qtitle{width:59%;}
#mypage .mt_list dt.qdate,#mypage .mq_list dd.qdate{width:13%;font-weight:400;}
#mypage .mt_list dt.qstate,#mypage .mq_list dd.qstate{width:10%;}
#mypage .mt_list dt.qarrow,#mypage .mq_list dd.qarrow{width:5%;}
#mypage .mq_list{cursor:pointer;}
#mypage .mq_list dd.qtype{color:#284aa4;}
#mypage .mq_list dd.qstate .flag{display:block;font-size:0.8125rem;text-align:center;width:70px;height:24px;line-height:24px;margin:0 auto;}
#mypage .mq_list dd.qstate .flag.answer{background-color:#284aa4;border:1px solid #284aa4;color:#fff;}
#mypage .mq_list dd.qstate .flag.wait{background-color:#fff;border:1px solid #284aa4;color:#284aa4;}
#mypage .mq_list{border-top:1px solid #ccc;}
#mypage .mq_list dl{overflow:hidden;width:100%;display: flex;flex-wrap: wrap;}
#mypage .mq_list dd.qtitle{font-size:0.9375rem;font-weight:300;text-align:left;}
#mypage .mq_list.showit dd.qtitle{text-align:left;font-weight:500;color:#284aa4;}
#mypage .mq_list .mq_in dd.qment{width:82%;padding:0 5% 40px 13%;font-size:1rem;font-weight:300;line-height:1.7;letter-spacing:-0.6px;text-align:left;color:#000;word-break:keep-all;}
#mypage .mq_list dd.qarrow{background-image:url(../_img/icon-next@2x.png);background-size:12px;background-position:center center;background-repeat:no-repeat;}
#mypage .mq_list.showit dd.qarrow{background-image:url(../_img/icon-pre@2x.png);} 
#mypage .ma_list{width:100%;text-align:center;background-color:#f4f5f7;}
#mypage .ma_list dl{overflow:hidden;width:100%;}
#mypage .ma_list dd.qment{width:82%;padding:40px 5% 40px 13%;font-size:1rem;font-weight:300;line-height:1.7;letter-spacing:-0.6px;text-align:left;color:#000;word-break:keep-all;}
#mypage .ma_list .replydate{margin-top:10px;color:#666;font-weight:400;}
#mypage .qnabox + .btnwrap{margin-bottom:100px;margin-top:40px;text-align:right;}
#mypage .qnabox{border-top:1px solid #000;border-bottom:1px solid #ccc;}
#mypage .qnabox + .paging{margin-top:60px;margin-bottom:60px;}
#brand .breadbig{display:table;position:relative;width:100%;height:195px;background-size:cover;background-repeat:no-repeat;}
#brand .breadbig.movie{background-image:url(../_img/img-brand-movie.jpg);}
#brand .breadbig.story{background-image:url(../_img/img-brand-story-intro.jpg);}
#brand .breadbig.science{background-image:url(../_img/img-brand-derma.jpg);}
#brand .cell{display:table-row;}
#brand .inner{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
#brand .inner nav{position:absolute;right:60px;top:20px}
#brand .inner nav a{display:inline-block;color:#000;font-size:0.8125rem;letter-spacing:-0.5px;}
#brand .inner nav a + a::before{content:'';display:inline-block;width:5px;height:10px;background-image:url(../_img/bread-arrow@2x.png);background-size:100%;margin-right:10px;margin-left:10px;}
#brand .inner nav a:active{color:#000;}
#brand .breadbig h3{text-align:center;width:237px;margin:0 auto 10px;}
#brand .breadbig h3 img{width:100%;}
#brand .breadbig h4{text-align:center;font-size:1.25rem;color:#555;letter-spacing:0;margin-bottom:10px;}
#brand .breadbig .scrolldown{display:block;position:absolute;margin: auto;  left: 0; right: 0; top:0;bottom:100px;text-align:center;width:40px;height:64px;text-align:center;}
#brand .breadbig .scrolldown p{font-weight:400;color:#000;font-size:1rem;}
#brand .breadbig .scrolldown i{display:block;width:78px;height:78px;background-image:url(../_img/scroll-down@2x.png);background-size:100%;background-position:center center;background-repeat:no-repeat;margin:auto;}
#brand .story h3{text-align:center;width:237px;margin:0 auto 10px;}
#brand .story h3 img{width:100%;}
#brand .story h4{text-align:center;font-size:1.25rem;color:#555;letter-spacing:0;margin-bottom:10px;}
#brand .tabbig{width:100%;background-color:#000000;height:60px;}
#brand .tabbig .tabbiginner{overflow:hidden;list-style:none;}
#brand .tabbig .tabbiginner li{float:left;width:33.333%;font-size:1rem;letter-spacing:-0.6px;color:#A4A4A4;text-align:center;}
#brand .tabbig .tabbiginner li a{font-size:1rem;letter-spacing:-0.6px;color:#A4A4A4;text-align:center;display:block;line-height:60px;}
#brand .tabbig .tabbiginner li.active a{font-weight:500;color:#ffffff;}
#brand .titlebox{text-align:center;padding:0 0 60px;}
#brand .scisec1 .titlebox{padding-top:90px;}
#brand .movie.titlebox{padding-top:90px;}
#brand .titlebox h3{font-size:2.5rem;letter-spacing:-1.6px;line-height:1;color:#000;font-weight:600;}
#brand .movielist{display: flex;flex-wrap: wrap;margin-left:-2%;margin-right:-2%}
#brand .movielist .movieitem{width:46%;margin:0 2% 40px;}
#brand .movielist .movieitem .videoWrapper{margin-bottom:15px;}
#brand .movielist .movieitem h5{font-size:1rem;font-weight:500;letter-spacing:-0.6px;color:#000;margin-bottom:5px;}
#brand .movielist .movieitem p{font-size:0.875rem;font-weight:300;letter-spacing:-0.6px;color:#000;line-height:1.5}
#brand .movielist + .paging{margin:40px 0 100px;}
#brand .titlebox p{font-size:1.25rem;letter-spacing:-0.8px;line-height:1.5;font-weight:300;color:#000;}
#brand .titlebox p .strong{font-weight:500;}
#brand .titlebox h3 + p{padding-top:40px;}
#brand .titlebox h5{font-size:0.875rem;font-weight:400;letter-spacing:-0.5px;color:#000;}
#brand .titlebox p + h5{padding-top:10px;}
#brand .storysec1 .imgbox{padding:90px 0;max-width:546px;width:100%;margin:0 auto;} 
#brand .storysec1 .imgbox img{width:100%;}
#brand .dblbox{display: flex;flex-wrap: wrap;margin-bottom:80px;}
#brand .dblbox .innertxt{width:calc( 45% - 30px );padding:80px 30px 0 0;}
#brand .innertxt p{font-size:1.25rem;letter-spacing:-0.8px;line-height:1.5;font-weight:100;color:#000;}
#brand .innertxt p .strong{font-weight:500;}
#brand .dblbox .innertxt.line2{padding:115px 30px 0 0;}
#brand .dblbox .innertxt.line2 sup{vertical-align:top;}
#brand .dblbox .innerimg{width:55%; padding:0 0 30px ;text-align:center;border-bottom:1px solid #ccc;}
#brand .dblbox .innerimg.line1 img{width:100%;max-width:617px;}
#brand .dblbox .innerimg.line2 img{width:100%;max-width:642px;}
#brand .dblbox .innerimg.line2{padding-top:50px;border-bottom:none;}
#brand .multibox{display: flex;flex-wrap: wrap;margin:0 auto 80px;max-width:875px;width:100%;box-sizing:border-box;}
#brand .multibox .multiboxin{width:16%;margin: 0 2% 30px;text-align:center;}
#brand .multibox .multiboxin img{width:90%;margin:0 auto;max-width:123px;}
#brand .multibox .multiboxin h4{font-weight:100;font-size:1.0625rem;color:#000;padding-top:10px;}
#brand .linebox{display: flex;flex-wrap: wrap;margin:0 auto;width:100%;}
#brand .linebox .lineboxin{background-repeat:no-repeat;position:relative;background-size:cover;display:block;width:16.6666%;margin:0;height:400px;text-align:center;}
#brand .linebox .lineboxin.soothing{background-image:url(../_img/img-diversity-soothing@2x.png);}
#brand .linebox .lineboxin.md{background-image:url(../_img/img-diversity-md@2x.png);}
#brand .linebox .lineboxin.intensive{background-image:url(../_img/img-diversity-intensive@2x.png);}
#brand .linebox .lineboxin.pimprove{background-image:url(../_img/img-diversity-pimprove@2x.png);}
#brand .linebox .lineboxin.dermanewal{background-image:url(../_img/img-diversity-dermanewal@2x.png);}
#brand .linebox .lineboxin.rootheal{background-image:url(../_img/img-diversity-rootheal@2x.png);}
#brand .linebox .lineboxin .mentbox{position:absolute;height:100px;display:block;margin:auto;width:100%;top:0;left:0;right:0;bottom:0;text-align:center;}
#brand .linebox .lineboxin .mentbox h3{font-weight:500;font-size:1.5rem;line-height:1.3;color:#fff;margin-bottom:20px;}
#brand .linebox .lineboxin .mentbox p{font-size:1rem;font-weight:300;line-height:1.6;color:#fff;letter-spacing:-0.6px;word-break:keep-all;}
#brand .linebox .lineboxin .goto{position:absolute;bottom:75px;left:0;right:0;margin:0 auto;height:13px;background-image:url(../_img/arrow-w-r@2x.png);width:28px;height:13px;background-repeat:no-repeat;background-size:100%;}
#brand .storysec2 h3,#brand .storysec3 h3,#brand .storysec4 h3,#brand .storysec5 h3{letter-spacing:0;}
#brand .historybox{display: flex;flex-wrap: wrap;margin:0 auto;width:100%;}
#brand .historybox .lbox{width:calc( 50% - 180px );text-align:right;overflow:hidden;position:relative;}
#brand .historybox .lbox .mentbox{display:block;max-width:517px;text-align:left;float:right;margin-bottom:140px;margin-right:20px;}
#brand .historybox .lbox .mentbox p{font-size:1.25rem;letter-spacing:-0.8px;line-height:1.5;font-weight:300;color:#000;}
#brand .historybox .lbox .mentbox p .strong{font-weight:500;}
#brand .historybox .lbox .bgbox{position:absolute;left:0;bottom:0;width:100%;height:517px;margin-right:180px;background-image:url(../_img/img-brand-hisoty@2x.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom left;}
#brand .historybox .rbox{width:calc( 50% + 180px );}
#brand .historybox .rbox .rboxin{padding:0 0 100px 150px;}
#brand .historybox .rbox .rboxin dl{overflow:hidden;margin-bottom:40px;}
#brand .historybox .rbox .rboxin dl dt, #brand .historybox .rbox .rboxin dl dd{float:left;color:#000;max-width:450px;}
#brand .historybox .rbox .rboxin dl dt{letter-spacing:0;font-weight:600;font-size:1.5rem;width:115px;text-align:left;}
#brand .historybox .rbox .rboxin dl dd p{font-size:1rem;font-weight:300;letter-spacing:-0.6px;line-height:1.6;word-break:keep-all;}
#brand .historybox .rbox .rboxin dl dd p + p{margin-top:5px;}
#brand .historybox .rbox .rboxin dl dd .strong{font-weight:500;}
#brand .historybox .rbox .rboxin dl dd .info{font-size:0.875rem;font-weight:300;color:#999;padding-left:37px;}
#brand .historybox .rbox .rboxin dl dd .month{letter-spacing:0;font-weight:600;font-size:0.875rem;margin-right:20px;text-align:left;}
#brand .section{background-size: cover;	}
#brand .slide{background-size: cover;}
#story_section1{background-color:#f4f5f7;background-image: url(../_img/pattern-brand-story.png);background-repeat:repeat;}	
#story_section2{}
#story_section2 .titlebox{margin-top:100px;}	
#story_section3 .titlebox{margin-top:100px;}	
#story_section4 .titlebox{margin-top:100px;}	
#story_section3{background-image: url(../_img/img-brand-confidence.png);}	
#story_section5{border-top:1px solid #ccc;}
#story_section5 .titlebox{margin-top:100px;}	
#brand .science h3{text-align:center;width:237px;margin:0 auto 10px;}
#brand .science h3 img{width:100%;}
#brand .science h4{text-align:center;font-size:1.25rem;color:#555;letter-spacing:0;margin-bottom:10px;}
#brand .step2box{display: flex;flex-wrap: wrap;max-width:1040px;margin:0 auto 80px;color:#000;line-height:1.5px;letter-spacing:-0.6px;}
#brand .step2box .boxin{width:calc( 50% - 80px );}
#brand .step2box .boxin .illust{padding:40px 0 ;text-align:center;}
#brand .step2box .boxin .illust img{width:70%;max-width:290px;}
#brand .step2box .boxin h4{font-size:1rem;margin-bottom:30px;font-weight:500;}
#brand .step2box .boxin p{font-size:1.0625rem;line-height:1.7;font-weight:100;text-align:left;word-break:keep-all;}
#brand .step2box .boxarrow{width:160px;background-image: url(../_img/arrow-dot-r-long@2x.png);background-size:117px;background-repeat:no-repeat;background-position:top 180px center;}
#sciencemenu{overflow:hidden;list-style:none;position:fixed;top:calc( 50% - 132px );z-index:999;}
#sciencemenu li a{display:block;font-size:0.875rem;padding:24px 0 0 80px;color:#999;width:80px;height:64px;background-image: url(../_img/icon-navi-skin-barrier-off@2x.png);background-size:88px;background-repeat:no-repeat;background-position:top left;}
#sciencemenu li a sup{vertical-align:top;}
#sciencemenu li.active a{color:#284aa4;font-weight:500;}
#sciencemenu .sci1 a{background-image: url(../_img/icon-navi-skin-barrier-off@2x.png);}
#sciencemenu .sci1.active a{background-image: url(../_img/icon-navi-skin-barrier-on@2x.png);}
#sciencemenu .sci2 a{background-image: url(../_img/icon-navi-mle-off@2x.png);}
#sciencemenu .sci2.active a{background-image: url(../_img/icon-navi-mle-on@2x.png);}
#sciencemenu .sci3 a{background-image: url(../_img/icon-navi-defen-off@2x.png);}
#sciencemenu .sci3.active a{background-image: url(../_img/icon-navi-defen-on@2x.png);}
#brand .scisec3{border-top:1px solid #ccc;}
#brand .scisec2 .titlebox{padding-top:90px;}
#brand .scisec2 .titleboxl{padding-top:90px;}
#brand .scisec3 .titleboxl{padding-top:90px;}
#brand .titleboxl {position:relative;text-align:left;margin-bottom:30px;}
#brand .titleboxl h4.tit{text-align:left;font-size:2rem;margin-bottom:0 !important;color:#000;letter-spacing:0;font-weight:600;line-height:1;}
#brand .titleboxl h4.tit::after{content:'';margin-left:20px;display:inline-block;width:63px;height:1px;vertical-align:top;margin-top:15px;background-color:#000;}
#brand .titleboxl sup{vertical-align:top !important;}
#brand .titleboxl h5{text-align:left;font-size:1.25rem;margin-bottom:0 !important;color:#000;letter-spacing:0;font-weight:400;line-height:1;}
#brand .titleboxl h4 + h5{margin-top:10px;}
#brand .box46{display: flex;flex-wrap: wrap;color:#000;line-height:1.5px;letter-spacing:-0.6px;margin-bottom:50px;}
#brand .box46 .boxl{width:40%;}
#brand .box46 .boxr{width:60%;font-size:1.0625rem;line-height:1.6;letter-spacing:-0.7px;font-weight:100;word-break:keep-all;}
#brand .box46 sup,#brand .caption sup {vertical-align:top !important;}
#brand .box46 h5{font-size:1.5rem;line-height:1;letter-spacing:-0.9px;font-weight:300;}
#brand .box46 h6{font-size:1.0625rem;line-height:1;letter-spacing:0;font-weight:300;}
#brand .box46 h5 + h6{margin-top:10px;}
#brand .caption{color:#000;text-align:center;font-size:1.0625rem;line-height:1;letter-spacing:-0.7px;font-weight:500;word-break:keep-all;margin-bottom:30px;}
#brand .step3box{display: flex;flex-wrap: wrap;max-width:1080px;margin:0 auto 80px;color:#000;line-height:1.5px;letter-spacing:-0.6px;}
#brand .step3box .boxin{width:calc( 33.333% - 80px );}
#brand .step3box .boxin .illust{padding:40px 0 ;text-align:center;}
#brand .step3box .boxin .illust img{width:100%;max-width:269px;}
#brand .step3box .boxin h4{font-size:1rem;margin-bottom:30px;font-weight:500;}
#brand .step3box .boxin p{font-size:0.875rem;line-height:1.5;font-weight:100;text-align:center;word-break:keep-all;}
#brand .step3box .boxin p .strong{font-weight:500;}
#brand .step3box .boxarrow{width:120px;background-image: url(../_img/arrow-dot-r-76@2x.png);background-size:77px;background-repeat:no-repeat;background-position:top 130px center;}
#brand .step3box + .box46{margin-top:100px;border-top:1px solid #ccc;padding-top:100px;}
#brand .caption + .dualbox{margin-top:-10px;}
#brand .dualbox{display: flex;flex-wrap: wrap;max-width:840px;margin:0 auto;color:#000;line-height:1.5px;letter-spacing:-0.6px;}
#brand .dualbox .boxin{width:50%;}
#brand .dualbox .boxin .illust {margin:0 0 10px;text-align:center;background-color:#000;}
#brand .dualbox .boxin .illust img{width:100%;}
#brand .dualbox .boxin p{font-size:0.875rem;line-height:1.5;font-weight:300;text-align:center;word-break:keep-all;}
#brand .dualbox .boxin sup{vertical-align:top !important; margin-left: -3px;} 
#brand .dualbox + .caption{margin-top:40px;}
#brand .onebox{max-width:578px;margin:90px auto;}
#brand .onebox img{width:100%;}
#brand p.captionment{font-size:1.0625rem;line-height:1.5;font-weight:100;text-align:left;word-break:keep-all;margin-bottom:40px;}
#brand .step3box.defen .boxin .illust{padding:0 0 40px;text-align:center;}
#regulation h4{padding:56px 0 40px;}
#regulation .text{margin-bottom:100px;font-family: 'Noto Sans KR';line-height:1.8;/*font-size:0.875rem;font-weight:100;color:#000;*/word-break:keep-all;}
#mypage .nodata{width:100% !important; color:#999;font-size:1.125rem;text-align:center;padding-top:150px;padding-bottom:150px;border-bottom:1px solid #ccc;border-top:1px solid #000;}
#mypage .nodata + .btnwrap{margin-top:40px;margin-bottom:100px;text-align:right;}
@media screen and (max-width: 1500px){
	.wn.cont{padding:30px 60px;}
	.wn.contshort{padding:30px 60px 0 30px;}
}
@media screen and (max-width: 1280px){
	#product .productbox .lside{width:calc( 100% - 280px );}
	#product .productbox .lside .linelist .listone .listthumb {height:300px;}
	#product .productbox .rside{width:280px;}
	#product .productbox .rside .boxwrap {padding: 20px 20px 20px 20px;overflow:hidden;}
	#product .productbox .rside .inner{display:none !important;}
	#product .productbox .rside .searchbox {display:block;position:relative;}
	
	#product .searchbox li:nth-of-type(4){display:block;}
	#product .searchbox li.inputtxt{margin-bottom:10px;width:100%;float:none;}
	#product .searchbox li.inputtxt + li.inputtxt{margin-left:0;margin-bottom:0;}
	
	
	#product .searchbox select{padding:0 30px 0 10px;height:43px;line-height:42px;font-size:1rem;}
	#product .searchbox label{top:0;padding:0 0 0 10px;height:43px;line-height:42px;width:100%;font-size:0.875rem;}
	#product .searchbox li.titletxt{font-weight:400;font-size:1rem;letter-spacing:-0.6px;padding-bottom:15px;}
	#product .searchbox li label{top:0;padding:0 0 0 10px;height:45px;line-height:43px;width:100%;font-size:0.875rem;}
	#product .searchbox li .withbtn .mdl-textfield{width:85%;}
	#product .searchbox li input{padding:0 0 0 10px;height:43px;line-height:42px;width:calc( 100% - 15px );font-size:1rem;}
	#product .searchbox li .formbox{height:43px;line-height:42px;}
	#product .searchbox li .withbtn .btnwrapm{    width: 15%;}
	#product .searchbox li .btnwrapm .iconbtn.search{    height: 43px;}
	#product .searchbox li.divider{border-bottom:1px solid #ccc;padding-top:20px;margin-bottom:15px;}
	#product .searchbox li.stype{display: flex;flex-wrap: wrap;margin-right:-1.5%;margin-left:-1.5%;margin-bottom:-10px;}
	#product .searchbox li.stype > a{width:calc( 30.333% - 2px );border-radius:30px;height:30px;margin-bottom:10px;line-height:30px;font-size:0.875rem;margin-left:1.5%;margin-right:1.5%;}
	#product .searchbox li.stype > a + a{margin-left:1.5%;}
	#product .searchbox li.ftype{display: flex;flex-wrap: wrap;margin-right:-1.5%;margin-left:-1.5%;}
	#product .searchbox li.ftype a{width:30.333%;font-size:0.875rem;margin-left:1.5%;margin-right:1.5%;margin-bottom:10px;text-align:center;}
	#product .searchbox li.ftype a i{width:50px;height:50px;line-height:50px;margin:0 auto 6px;background-size:100%;}
	#product .searchbox li.ftype a + a{margin-left:1.5%;}
	#product .searchbox li.ftype > a h5{font-size:0.875rem;line-height:1.2;letter-spacing:-0.6;color:#555;font-weight:300;}
	#product .searchbox li.ftype > a.on h5{color:#284aa4;font-weight:400;}
	#product .searchbox li.ttype{display: flex;flex-wrap: wrap;margin-right:-1.5%;margin-left:-1.5%;}
	#product .searchbox li.ttype > a{max-width:100px;padding:0 10px;height:33px;line-height:33px;margin-left:1.5%;margin-right:1.5%;margin-bottom:10px;font-size:0.875rem;;}
	#product .searchbox li.ttype > a + a{margin-left:1.5%;}
	#product .searchbox li.reset{padding-top:30px;}	
	#product .productbox .lside{width:calc( 100% - 280px );}
	#product .productdetail .rside {width:280px;}
	#product .productdetail .rside .boxwrap {padding: 20px 20px 20px 20px;overflow:hidden;}
	#product .productdetail .rside .inner{display:none !important;}
	#product .productdetail .rside .boxwrap .detailbox {width:280px;display:block;position:relative;}
	#product .productdetail .titlewrap{height:initial;border-bottom:0;}
	#product .productdetail .titlewrap h3{font-size:1.5rem;}
	#product .productdetail .titlewrap h4{font-size:1.125rem;letter-spacing:-0.6px;margin-bottom:10px;}
	#product .productdetail .specwrap{padding:15px 0 20px;}
	#product .productdetail .specwrap p{font-size:0.875rem;}
	#product .productdetail .withwrap{padding:15px 0 20px;}
	#product .productdetail .withwrap h4{font-size:1.125rem;letter-spacing:-0.6px;}
	#product .productdetail .withwrap .listone .listthumb{width:80px;height:80px;margin-right:10px;}
	#product .productdetail .withwrap .listone .listtxtbox{width:calc( 100% - 120px );padding-top:10px;}
	#product .productdetail .withwrap .listone h5{white-space:break-spaces;}
	#product .productdetail .withwrap .listone p{display:none;}
	#product .productdetail .specwrap .spectype span i {width: 40px;height: 40px;line-height: 40px;}
	#product .productdetail .specwrap .spectype > span h5{font-size:0.8125rem;font-weight:100;}
	#product .productdetail .specwrap .spectype span{width:60px;}
	#brand .inner nav{display:none;}

}
@media screen and (max-width: 1200px){
	#review_list .best_list .item{height:502px;}
	#review_list .best_list .thumb{height:250px;}
	#review_list .best_list .thumb .inner-img{height:250px;}
	#review_view .viewbox .lside{width:100%;}
	#review_view .viewbox .rside{width:100%;}
	#review_view .viewbox .rside .inner{display:none;}
	#brand .historybox .lbox .mentbox p{font-size:1rem;letter-spacing:-0.6px;font-weight:100;}




}
@media screen and (max-width: 1024px){
	.wn.cont{padding:20px 30px;}
	.wn.contshort{padding:20px 30px 0;}
	.bread{height:150px;}
	.bread h3{font-size:1.875rem;}
	.bread .inner nav{display:none;}
	.tbl_view .tbl_tt{display:block;width:100%;border-bottom:1px solid #ccc;}
	.tbl_view .tbl_tt .rowtt{overflow:hidden;display:block;width:100%;}
	.tbl_view .tbl_tt .rowtt dt, .tbl_view .rowtt dd{display:block;vertical-align:middle;text-align:left;height:auto;}
	.tbl_view .tbl_tt .rowtt dt{width:100%;font-size:1.25rem;padding:15px 10px 5px;}
	.tbl_view .tbl_tt .rowtt dd{width:100%;text-align:left;font-size:0.875rem;padding:5px 10px 15px;}
	.tbl_view .rowcont{display:block;padding:40px 10px 40px;min-height:250px;font-size:0.9375rem;}
	.tbl_view .filebox{position:absolute;right:0;top:5px;}
	.tbl_view .filebox i.dn{width:12px;height:12px;}
	.tbl_view .tbl_foot .rowfoot dd{font-size:0.875rem;text-align:center;margin:0;height:40px;padding:10px 10px;}
	.tbl_view .tbl_foot .rowfoot dd:nth-of-type(1){width:75px;text-align:left;}
	.tbl_view .tbl_foot .rowfoot dd:nth-of-type(2){width:calc( 100% - 75px );text-align:left;}

	#event .tab{margin-bottom:35px;}
	#event h5.ment{font-size:1.5rem;margin-bottom:35px;}
	#event .tit_box .tit::after{content:'';margin-left:15px;display:inline-block;width:30px;height:1px;vertical-align:top;margin-top:12px;background-color:#000;}
	h4.tit {font-size:1.5rem;letter-spacing: -0.4px;}
	h4.tit::after{content:'';margin-left:15px;display:inline-block;width:30px;height:1px;vertical-align:top;margin-top:12px;background-color:#000;}
	#community h4.tit,
	#review_list h4.tit{margin-bottom: 30px;}
	.q_list dt{padding:20px 0;width:50px;}
	.q_list dt{font-size: 1.25rem;width:calc( 100% - 50px );}
	.q_list dd{padding:20px 40px 20px 0;cursor:pointer;width:calc( 100% - 80px );font-size:0.9375rem;background-position:center right 20px;}
	.a_list .acont{width:calc( 100% - 40px );padding:20px 20px 40px 20px;font-size:0.9375rem;}
	#community .cautionbox{padding:15px 30px;}
	#community .cautionbox h4 {margin-bottom:7px;}
	#community .cautionbox ol li {font-size:0.875rem;}

	#review_list .wn.nopadding{padding:0;}
	#review_list .best_list .item{height:472px;}
	#review_list .best_list .thumb{height:220px;}
	#review_list .best_list .thumb .inner-img{height:220px;}
	#review_list .cautionbox{padding:15px 30px;}
	#review_list .cautionbox h4 {margin-bottom:7px;}
	#review_list .cautionbox ol li {font-size:0.875rem;}
	#review_view .viewbox .lside .boxwrap {padding: 20px 30px;}
	#review_view .viewbox .lside .tbl_view .tbl_tt{display:table;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt{display:table-row;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt, .tbl_view .rowtt dd{display:table-cell;vertical-align:middle;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt{width:calc( 100% - 180px );padding:25px 0 25px 20px;height:auto;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dd{width:160px;padding:0;padding:0;font-weight:300;}
	#review_view .viewbox .rside .boxwrap{padding:20px 30px;}
	#buying .searchbox .formwrap .titletxt{width:27%;margin-bottom:8px;}
	#buying .searchbox .formwrap .inputtxt{width:73%;margin-bottom:8px;}
	#buying .searchbox .formwrap .inputtxt.sel{width:73%;padding-right:0;}
	#buying .listwrap {border:none;margin-bottom:25px;}
	#buying .listtt{display:none;}
	#buying .listtd{border:1px solid #ccc;padding:20px 20px 20px ;display:block;margin-bottom:20px;}
	#buying .listtd dd{border-bottom:none;padding:0;font-size:0.9375rem;font-weight:100;margin-bottom:0;text-align:left;min-height:initial;}
	#buying .listtd dd.strong{font-size:1.25rem;font-weight:300;margin-bottom:10px;}
	#buying .listtd dd.en{font-weight:300;font-size:1.5rem;padding-top:5px;}
	#buying .listtd dd.acenter{text-align:left;}
	#buying .listtd dd.contactdd{text-align:right;}
	#buying .listtt dt:nth-of-type(1),#buying .listtd dd:nth-of-type(1){width:initial;}
	#buying .listtt dt:nth-of-type(2),#buying .listtd dd:nth-of-type(2){width:initial;}
	#buying .listtt dt:nth-of-type(3),#buying .listtd dd:nth-of-type(3){width:initial;}
	#buying .listtt dt:nth-of-type(4),#buying .listtd dd:nth-of-type(4){width:initial;}
	#buying .listtd dd a.contact{display:inline-block;width:40px;height:40px;border:1px solid #284aa4;color:#fff;border-radius:40px;text-align:center;}
	#buying .listtd dd a.contact i{color:#284aa4;font-size:27px;line-height:40px;}
	#buying .listtd dd a.contact + a.contact{margin-left:7px;}
	#buying .cscenter{display:block;overflow:hidden;border:1px solid #ccc;padding:25px 20px;}
	#buying .cscenter .box1{padding-top:0;width:100%;font-size:1rem;}
	#buying .cscenter .box2{padding-top:0;width:100%;}
	#buying .cscenter .box3{padding-top:10px;padding-bottom:0;width:100%;}
	#buying .cscenter .box2 h4{font-size:2rem;font-weight:500;letter-spacing:0;margin-top:15px;margin-bottom:5px;line-height:1;}
	#buying .cscenter .box2 h5{color:#555;font-size:0.875rem;font-weight:300;margin-bottom:10px;}
	#buying .cscenter .box3 button{height:50px;line-height:48px;font-weight:500;font-size:0.875rem;width:100%;max-width:360px;}
	#product .productbox .lside{width:100%;}
	#product .productbox .lside .boxwrap {padding: 20px 30px 20px 30px;}
	#product .productbox .rside{width:280px;right:0;display:block;height:1800px;position:absolute;z-index:9;}
	#product .productdetail .lside{width:calc( 100% - 280px );}
	#product .productdetail .rside{width:280px;right:0;display:block;height:auto;position:relative;z-index:9;}
	#mypage .topbtnwrap{margin:20px 0;}
	#mypage .pagetit{font-size:1.5rem;margin:35px auto 35px;text-align:center;}
	#mypage .reviewlist{margin-bottom:60px;}
	#mypage .reviewlist .listone{padding:20px;}
	#mypage .reviewlist .listone .listthumb{margin-right:10px;width:120px;height:120px;}
	#mypage .reviewlist .listone .listtxtbox{width: calc( 100% - 130px );text-align:left;color:#000;}
	#mypage .reviewlist .listone h4{font-size:1rem;font-weight:500;padding-top:0 !important;text-overflow:ellipsis;white-space: nowrap;width: 100%;overflow: hidden;margin-bottom:10px;line-height:1.88;letter-spacing:-0.6px;}
	#mypage .reviewlist .listone .ment{font-size:0.9375rem;}	

	#mypage .mt_list {display:none;}
	#mypage .mq_list dd{padding:0;min-height:40px;line-height:40px;}
	#mypage .mq_list dd.qtype{display:inline-block;float:left;width:initial;margin-right:10px;text-align:left;font-size:0.875rem;}
	#mypage .mq_list dd.qtitle{display:inline-block;float:left;width:initial;font-size:0.9375rem;}
	#mypage .mq_list dd.qtitle::after{content:'';display:block;}
	#mypage .mq_list dd.qdate{clear:both;width:initial;float:left;height:30px;font-size:0.875rem;margin-right:10px;padding-top:5px;line-height:1;}
	#mypage .mq_list dd.qstate{width:initial;float:left;height:30px;padding-top:0;font-size:0.75rem;}
	#mypage .mq_list dd.qarrow{position:absolute;right:0;width:14px;height:75px;}
	#mypage .mq_list dd.qstate .flag{display:block;font-size:0.75rem;text-align:center;border-radius:20px;width:60px;height:20px;line-height:20px;margin:0 auto;}

	#mypage .mq_list{position:relative;}
	#mypage .mq_list dl{overflow:hidden;width:100%;display: block;}
	#mypage .mq_list dd.qtitle{font-size:0.9375rem;font-weight:300;text-align:left;}
	#mypage .mq_list.showit dd.qtitle{text-align:left;font-weight:500;color:#284aa4;}
	#mypage .mq_list .mq_in dd.qment{width:100%;padding:0 0 20px;font-size:0.9375rem;}
	#mypage .ma_list dd.qment{width:calc( 100% - 20px );padding:10px;font-size:0.9375rem;}

	#brand .breadbig h3{width:200px;}
	#brand .breadbig h4{font-size:1rem;}
	#brand .tabbig{width:100%;background-color:#000000;height:60px;}
	#brand .breadbig .scrolldown i{width:40px;height:40px;}
	#brand .tabbig .tabbiginner{overflow:hidden;list-style:none;}
	#brand .tabbig .tabbiginner li{font-size:0.875rem;}
	#brand .tabbig .tabbiginner li a{font-size:0.875rem;line-height:60px;}
	#brand .titlebox{text-align:center;padding:60px 0 35px;}
	#brand .titlebox h3{font-size:1.5rem;letter-spacing:-0.6px;}
	#brand .movielist{margin-left:0;margin-right:0}
	#brand .movielist .movieitem{width:46%;margin:0 2% 40px;}
	#brand .movielist .movieitem h5{font-size:0.9375rem;}
	#brand .movielist + .paging{margin:40px 0 100px;}
	
	

	#brand .story + .tabbig{display:block;}	
	#brand .section{padding:0 20px 60px;}	
	#brand .titlebox p{font-size:1rem;letter-spacing:-0.6px;font-weight:100;}
	#brand .titlebox p .strong{font-weight:500;}
	#brand .titlebox h3 + p{padding-top:20px;}
	#brand .titlebox h5{font-size:0.875rem;}
	#brand .titlebox p + h5{padding-top:7px;}
	#brand .storysec1 .imgbox{padding:45px 0;max-width:546px;width:100%;margin:0 auto;} 
	#brand .dblbox .innertxt{width:100%;padding:20px 0;}
	#brand .innertxt p{font-size:1rem;letter-spacing:-0.6px;font-weight:100;margin-bottom:40px;}
	#brand .dblbox .innertxt.line2{padding:20px 0;}
	#brand .dblbox .innerimg{width:100% ; padding:0 0 25px;}
	#brand .dblbox .innerimg.line1{padding-bottom:40px;}
	#brand .dblbox .innerimg.line2{padding-top:20px;border-bottom:none;}
	#brand .multibox{max-width:700px;}
	#brand .multibox .multiboxin{width:21%;margin: 0 2% 30px;text-align:center;}
	#brand .multibox .multiboxin img{width:70%;margin:0 auto;}
	#brand .multibox .multiboxin h4{font-weight:100;font-size:0.875rem;padding-top:10px;}
	#brand .section.storysec4{padding:0 !important;}
	#brand .linebox .lineboxin{display:block;width:50%;margin:0 0 0 0;height:220px;}

	#brand .linebox .lineboxin .mentbox{position:absolute;height:100px;display:block;margin:auto;width:100%;top:0;left:0;right:0;bottom:0;text-align:center;}
	#brand .linebox .lineboxin .mentbox h3{font-size:1.25rem;margin-bottom:10px;}
	#brand .linebox .lineboxin .mentbox p{font-size:0.875rem;font-weight:300;}
	#brand .linebox .lineboxin .goto{position:absolute;bottom:30px;}
	#brand .historybox .lbox{width:100%;text-align:right;overflow:hidden;position:relative;}
	#brand .historybox .lbox .mentbox{display:block;max-width:100%;text-align:left;float:none;margin:0;padding:0 0 20px;}
	#brand .historybox .lbox .mentbox p{font-size:1rem;letter-spacing:-0.6px;font-weight:100;}
	#brand .historybox .lbox .mentbox p .strong{font-weight:500;}
	#brand .historybox .lbox .bgbox{position:relative;left:0;bottom:0;width:100%;height:400px;margin-right:0;background-image:url(../_img/img-brand-hisoty@2x.jpg);background-position:center center;}
	#brand .historybox .rbox{width:100%;}
	#brand .historybox .rbox .rboxin{padding:20px 0;}
	#brand .historybox .rbox .rboxin dl{overflow:hidden;margin-bottom:15px;}
	#brand .historybox .rbox .rboxin dl dt, #brand .historybox .rbox .rboxin dl dd{float:left;color:#000;}
	#brand .historybox .rbox .rboxin dl dt{letter-spacing:0;font-weight:600;font-size:1.25rem;width:100%;text-align:left;}
	#brand .historybox .rbox .rboxin dl dd{width:100%;}
	#brand .historybox .rbox .rboxin dl dd p{font-size:0.875rem;font-weight:100;}
	#brand .historybox .rbox .rboxin dl dd p + p{margin-top:5px;}
	#brand .historybox .rbox .rboxin dl dd .strong{font-weight:500;}
	#brand .historybox .rbox .rboxin dl dd .info{font-size:0.75rem;padding-left:25px;}
	#brand .historybox .rbox .rboxin dl dd .month{font-weight:500;font-size:0.8125rem;margin-right:10px;}
	#story_section2 .titlebox{margin-top:0;}
	#story_section2 .wn{padding:0;}	
	#story_section5 .titlebox{margin-top:0;}	
	#story_section6{display:none;}	
	
	

#brand .step2box .boxin{width:calc( 50% - 50px );}
#brand .step2box .boxin .illust{padding:20px 0 ;text-align:center;}
#brand .step2box .boxin .illust img{width:70%;}
#brand .step2box .boxin h4{font-size:0.9375rem;margin-bottom:15px;}
#brand .step2box .boxin p{font-size:0.875rem;}
#brand .step2box .boxarrow{width:100px;background-image: url(../_img/arrow-dot-r-long@2x.png);background-size:80%;background-position:center center;}
#sciencemenu li a{padding:0 0 0 0;color:#999;width:88px;height:88px;background-image: url(../_img/icon-navi-skin-barrier-off@2x.png);background-size:88px;}
#sciencemenu li a span{display:none;}
#brand .scisec2{padding-top:45px;}
#brand .titleboxl {position:relative;text-align:left;margin-bottom:15px;}
#brand .titleboxl h4.tit{text-align:left;font-size:1.5rem;margin-bottom:0 !important;font-weight:500;}
#brand .titleboxl h4.tit::after{margin-left:20px;width:50px;margin-top:13px;}
#brand .titleboxl h5{font-size:1rem;}
#brand .titleboxl h4 + h5{margin-top:10px;}
#brand .box46 .boxl{width:30%;}
#brand .box46 .boxr{width:70%;font-size:0.9375rem;letter-spacing:-0.6px;}
#brand .box46 h5{font-size:1.125rem;line-height:1;letter-spacing:-0.9px;font-weight:300;word-break:keep-all;}
#brand .box46 h6{font-size:0.9375rem;line-height:1;letter-spacing:0;font-weight:300;}
#brand .box46 h5 + h6{margin-top:10px;}
#brand .caption{color:#000;text-align:center;font-size:1.0625rem;line-height:1;letter-spacing:-0.7px;font-weight:500;word-break:keep-all;margin-bottom:30px;}
#brand .step3box .boxin{width:calc( 33.333% - 60px );}
#brand .step3box .boxin .illust{padding:20px 0 ;}
#brand .step3box .boxin .illust img{width:100%;}
#brand .step3box .boxin h4{font-size:1rem;margin-bottom:30px;font-weight:500;}
#brand .step3box .boxin p{font-size:0.875rem;}
#brand .step3box .boxin p .strong{font-weight:500;}
#brand .step3box .boxarrow{width:90px;background-image: url(../_img/arrow-dot-r-76@2x.png);background-size:80%;background-position:center center;}
#brand .step3box + .box46{margin-top:50px;border-top:1px solid #ccc;padding-top:50px;}
#brand .caption + .dualbox{margin-top:-10px;}
#brand .dualbox{display: flex;flex-wrap: wrap;max-width:840px;margin:0 auto;color:#000;line-height:1.5px;letter-spacing:-0.6px;}
#brand .dualbox .boxin{width:50%;}
#brand .dualbox .boxin .illust{margin:0 0 10px;text-align:center;background-color:#000;}
#brand .dualbox .boxin .illust img{width:100%;}
#brand .dualbox .boxin p{font-size:0.875rem;line-height:1.5;font-weight:300;text-align:center;word-break:keep-all;}
#brand .dualbox + .caption{margin-top:40px;}
#brand .onebox{max-width:578px;margin:45px auto;}
#brand .onebox img{width:100%;}
#brand p.captionment{font-size:0.9375rem;margin-bottom:40px;}
#brand .step3box.defen .boxin .illust{padding:0 0 20px;}
#regulation .wn{padding:0 30px;}
#regulation h4{padding:30px 0 20px;}
#regulation .text{margin-bottom:50px;font-size:0.8125rem;line-height:1.7;}
	
}
@media screen and (max-width: 900px){
	#event .img_list ul{overflow:hidden;list-style:none;margin-left:-2%;margin-right:-2%; }
	#event .img_list li{width:46%;margin-left:2%;margin-right:2%;margin-bottom:40px;}
	.event_view .tbl_tt .rowtt dt, .event_view .rowtt dd{height:50px;padding:10px 20px;}
	.event_view .tbl_tt .rowtt dt{font-size:1.25rem;}
	.event_view .tbl_tt .rowtt dd{font-size:0.875rem}
	.event_view .tbl_cmt dd{font-size:0.875rem;padding:20px 20px;}
	.event_view .total_cmt{padding:10px 20px;}
	.event_view .total_cmt p{font-size:0.9375rem;}
	.event_view .form_cmt{padding:15px 20px;}
	.event_view .form_cmt.withbtn{overflow:hidden;}
	.event_view .form_cmt.withbtn .mdl-textfield{padding:0;width:calc( 100% - 140px );max-width:100%;height:100px;}
	.event_view .form_cmt.withbtn .mdl-textfield__input{font-size:0.9375rem;}
	#review_list .searchbox {margin-bottom:20px;}
	#review_list .reviewtab{padding:0 0 20px;  flex-wrap:wrap-reverse;}
	#review_list .reviewtab ul{float:none;width:initial;list-style:none;overflow:hidden;}
	#review_list .reviewtab li{float:left;letter-spacing:-0.9px;font-size:1.25rem;font-weight:300;color:#999;}
	#review_list .reviewtab li + li{margin-left:30px;}
	#review_list .reviewtab li.active{color: #284aa4;font-weight:500;}
	#review_list .reviewtab .tabbtnwrap{float:none;width:100%;padding-bottom:50px;}
	#review_list .reviewtab .tabbtnwrap button{display:inline-block;width:calc( 50% - 12px );margin-left:5px;margin-right:5px;text-align:center;height:40px;line-height:38px;}
	#review_list .reviewtab .tabbtnwrap button + button{margin-left:5px;}
	#review_list .reviewtab .tabbtnwrap a + button{margin-left:5px;}
	#review_list .listone .star{margin-bottom:3px;display:inline-block;}
	#review_list .listone h5{display:inline-block;font-size:0.875rem;margin-bottom:3px;}
	#review_list .listone h4{font-size:1.125rem;margin-bottom:10px;}
	#review_list .listone .ment{font-size:1rem;margin-bottom:0;height:75px;}
	#review_list .listone .writer{float:none;font-size:0.875rem;margin-bottom:5px;}
	#review_list .writebox li{list-style:none;text-align:center;float:left;margin-bottom:10px;}
	#review_list .writebox li.titletxt{width:110px;min-height:50px;line-height:48px;}
	#review_list .writebox li.inputtxt{float:left;width:calc( 100% - 110px );min-height:50px;line-height:48px;}
	#review_list .writebox li.filetxt{float:left;width:calc( 100% - 120px );min-height:50px;}
	#review_list .writebox li.inputtxtarea .textarea{padding:12px 15px;margin-bottom:8px;width:calc( 100% - 32px );height:500px;line-height:1.6;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000;border:1px solid #cccccc}
	#review_list .writebox li.checktxt{float:left;width:calc( 100% - 120px );padding-bottom:10px;}
	#review_list .writebox li.checktxt label{margin-right:40px;width:initial;top:2px;display:inline-block;}
	#review_list .writebox li.inputtxt input{padding:0 23px;height:48px;line-height:47px;width:calc( 100% - 48px );font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc}
	#review_list .writebox li .div2 div{width:100%;float:none;}
	#review_list .writebox li .div2 div:nth-of-type(1){margin-right:0;}
	#review_list .writebox li .div2 div:nth-of-type(2){margin-left:0;}
	#review_list .writebox li:first-child.titletxt{padding-top:0;}
	#review_list .writebox + .btnwrap{max-width:360px;margin:0 auto;position:relative;}
	#review_list .writebox + .btnwrap button{margin-bottom:80px;}
	#review_list .writebox .star i{display:inline-block;width:18px;height:18px;}
	#review_list .writebox li.checktxt .mdl-radio__label .star{margin-top:2px;}
	#review_list .writebox li .filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0; overflow: hidden; border: 0;}
	#review_list .writebox li .filebox label {display: inline-block;width:120px;height:48px;line-height:47px;color: #999;vertical-align: middle; background-color: #fdfdfd; cursor: pointer;border: 1px solid #000;background-color:#000;color:#fff;}
	#product .productdetail .lside{width:100%;background-color:#f4f5f7;}
	#product .productdetail .lside .infowrap{display:block;padding:40px 30px 40px;}
	#product .productdetail .lside .footwrap{display:block;padding:20px 30px;}
	.detailsub{display:block;}
	#product .productdetail .lside .pannelwrap{padding:20px 30px;}
	#product .productdetail .lside .mdl-tabs__tab-bar{display:block;margin-left:20px;}
	#product .productdetail .withwrap .listone p{display:block;}
	#product .productdetail .withwrap .listone + .listone{margin-top:10px;}
	#product .productdetail .rside{display:none;}
	#product .productdetail .withwrap .listone .listthumb{width:120px;height:120px;margin-right:10px;}
	#product .productdetail .withwrap .listone .listtxtbox{width:calc( 100% - 130px );padding-top:40px;}
	#product .productdetail .specwrap{border-bottom:none;}
	#product .productdetail .lside .boxwrap{background-color:#fff;}
	#product .productdetail .lside .boxwrap h4 {padding-top: 50px;}
	#product .productdetail .lside .boxwrap h5.ingretit{font-size:1rem;padding-bottom:10px}
	#product .productdetail .lside .boxwrap p.ingredient{padding-top:10px}
	#product .productdetail .reviewtab{padding:10px 0;}
	#product .productdetail .reviewtab ul{float:none;width:initial;list-style:none;overflow:hidden;}
	#product .productdetail .reviewtab li{float:left;letter-spacing:-0.9px;font-size:1.25rem;font-weight:300;color:#999;}
	#product .productdetail .reviewtab li + li{margin-left:30px;}
	#product .productdetail .reviewtab li.active{color: #284aa4;font-weight:500;}
	#product .productdetail .reviewtab .tabbtnwrap{float:none;width:100%;padding-top:20px;}
	#product .productdetail .reviewtab .tabbtnwrap button{display:inline-block;width:calc( 50% - 12px );margin-left:5px;margin-right:5px;text-align:center;height:40px;line-height:38px;}
	#product .productdetail .reviewtab .tabbtnwrap button + button{margin-left:5px;}
	#product .productdetail .reviewlist .listone {padding:10px 0;}
	#product .productdetail .reviewlist .listone .star{margin-bottom:3px;display:inline-block;}
	#product .productdetail .reviewlist .listone h5{display:inline-block;font-size:0.875rem;margin-bottom:3px;margin-left:0;text-overflow:initial;white-space:initial;}
	#product .productdetail .reviewlist .listone h4{font-size:0.875rem;margin-bottom:0;font-weight:300;}
	#product .productdetail .reviewlist .listone .ment{font-size:0.8375rem;margin-bottom:0;}
	#product .productdetail .reviewlist .listone .contbox .ment{width:100%;}
	#product .productdetail .reviewlist .listone .contbox .more{width:100%;text-align:left;}
	#product .productdetail .reviewlist .listone .contbox .more a{width:auto;display:inline-block;text-align:left;}
	#product .productdetail .reviewlist .listone .writer{float:none;font-size:0.8325rem;margin-bottom:0;}
	#mypage .topbtnwrap{margin:0 0 20px;}
	#mypage .reviewlist {margin-bottom:40px;}
	#mypage .reviewlist .listone {padding:10px 0;}
	#mypage .reviewlist .listone .star{margin-bottom:3px;display:inline-block;}
	#mypage .reviewlist .listone h5{display:inline-block;font-size:0.875rem;margin-bottom:3px;margin-left:0;text-overflow:initial;white-space:initial;}
	#mypage .reviewlist .listone h4{font-size:0.875rem;margin-bottom:0;font-weight:300;}
	#mypage .reviewlist .listone .ment{font-size:0.8375rem;margin-bottom:0;}
	#mypage .reviewlist .listone .contbox .ment{width:100%;}
	#mypage .reviewlist .listone .contbox .more{width:100%;text-align:left;}
	#mypage .reviewlist .listone .contbox .more a{width:auto;display:inline-block;text-align:left;}
	#mypage .reviewlist .listone .writer{float:none;font-size:0.8325rem;margin-bottom:0;}	
	#mypage .pagetit{font-size:1.25rem;margin:25px auto 25px;}
	#mypage .btnwrap{text-align:center;margin:0 0 40px !important;}
	#mypage .btnwrap button{width:100%;max-width:100%;font-size:0.9375rem;font-weight: 500;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:50px;line-height:49px;}
	#brand .titlebox{text-align:center;padding:90px 0 30px;}
	
	#story_section3 .titlebox { margin-top: 20px;}
	#story_section4 .titlebox { margin-top: 20px;}
	#story_section5 .titlebox { margin-top: 20px;}
	#brand .dblbox {margin-bottom: 40px;}
	#brand .multibox{margin:0 auto 40px;padding:0 30px 0;}
	#brand .step3box{margin-bottom: 40px;}
	#brand .breadbig .scrolldown{bottom: 60px; }
	#brand .movielist .movieitem{width:96%;margin:0 2% 40px;}
	#brand .movielist .movieitem h5{margin-bottom:0;}
	#brand .scisec1 .titlebox{padding-top:90px;}
	#brand .scisec2 .titlebox{padding-top:40px;}
	#brand .scisec2 .titleboxl{padding-top:20px;}
	#brand .scisec3 .titleboxl{padding-top:90px;}
	#brand .step2box {margin: 0 auto 40px;}
}
@media screen and (max-width: 760px){
	#product .productlist .catewrap .cate1{width:80px;font-size:1rem;padding:15px 0;}
	#product .productlist .catewrap .cate2{width:calc( 100% - 80px );padding:15px 0;}
	#product .productlist .cate li{list-style:none;float:left;}
	#product .productlist .cate li a{ont-size:0.9375rem;height:30px;}
	#product .productlist .cate li a.on{font-weight:500;color:#000;}	
	#product .productlist h4.tit{margin-bottom:5px;margin-top:30px;}
	#product .productlist p.stit{margin-bottom:20px;font-size:0.75rem;}
	#product .productbox .lside ul.productlist{margin-bottom:40px;}
	#product .productbox .lside .productlist > li{list-style:none;width:47%;cursor:pointer;margin-left:1.5%;margin-right:1.5%;margin-bottom:40px;}
	#product .productbox .lside .linebanner{margin-bottom:30px;  display: flex; flex-wrap:wrap-reverse; flex-direction: row-reverse;}
	#product .productbox .lside .linebanner .listtxt{width:100%;margin:0;height:initial;}
	#product .productbox .lside .linebanner .listtxt .inner{padding:30px 20px 30px;}
	#product .productbox .lside .linebanner .listtxt h5{font-size:1.25rem;height:initial;margin-bottom:20px;}
	#product .productbox .lside .linebanner .listtxt p{font-size:0.875rem;font-weight:100;}
	#product .productbox .lside .linebanner .listthumb .inner-img {background-position:center 0;}
	#product .productbox .lside .linebanner .listthumb{width:100%;height:250px;overflow:hidden;padding:0;}
	#product .productdetail .rside{display:none;}
	#brand .breadbig.story {background-image: url(../_img/img-brand-story-intro_m.jpg);background-size:cover;}	
	.faq_callcenter{font-size:1rem;padding-top:0;margin-bottom:20px;width:100% !important;text-align:left!important;}
}
@media screen and (max-width: 640px){
	.wn.cont{padding:30px 30px;}
	.wn.contshort{padding:30px 30px 0 30px;}
	.cont{min-height:initial;}
	.bread{height:100px;}
	.bread h3{font-size:1.5rem;}
	.tbl_list dt, .tbl_list dd{height:40px;}
	.tab li{height:40px;}
	.tab li a{height:40px;line-height:40px;font-size:0.875rem;} 
	h4.tit {font-size:1.25rem;}
	h4.tit::after{content:'';margin-left:10px;display:inline-block;width:30px;height:1px;vertical-align:top;margin-top:10px;}
	#community h4.tit, 
	#review_list h4.tit {padding-top:10px;margin-bottom: 30px;}
	#community h4.tit + h5{font-weight:300;}
	.subtab.col4 li{width:calc( 50% - 2px );} 
	.subtab.col4 li.active{width:calc( 50% - 2px );} 
	.subtab li + li{border-left:1px solid #999;}
	.subtab li + li.active{border-left:1px solid #284aa4;}
	.subtab li:nth-of-type(2),
	.subtab li:nth-of-type(4){border-left:1px solid #fff;}
	.subtab li:nth-of-type(3),
	.subtab li:nth-of-type(4){border-top:1px solid #fff;}
	.subtab li.active{border:1px solid #284aa4;}
	.subtab li a{font-size:0.875rem;font-weight:300;}
	.subtab li.active a{font-size:0.875rem;font-weight:500;}
	.faqbox + .paging{margin-top:30px;margin-bottom:40px;}
	.tbl_list dt, .tbl_list dd{height:20px;padding:10px;}
	.tbl_list dt{font-size: 0.875rem;font-weight: 500;letter-spacing: -0.6px;text-align: center;color: #000000;}
	.tbl_list .en{font-weight:400;} 
	.tbl_list dd{font-size: 0.875rem;font-weight: 300;letter-spacing: -0.6px;text-align: center;color: #000000;}
	.tbl_list dd.nolist {padding-top:100px;padding-bottom:100px;font-size: 0.9375rem;}
	.tbl_list .aleft{text-align:left;}
	.tbl_list + .paging{margin-top:30px;}
	.paging {text-align:center;margin-bottom:30px;}
	.paging a{margin-left:0;margin-right:0;}
	.paging a.first {background-size:11px;width:15px;margin-right:10px;}
	.paging a.prev {background-size:6px;width:15px;margin-right:10px;}
	.paging a.next {background-size:5px;width:15px;margin-left:10px;}
	.paging a.last {background-size:11px;width:15px;margin-left:10px;}
	.tbl_view{margin-bottom:40px;}
	.tbl_view .tbl_tt .rowtt dt{font-size:1.0625rem;}
	.tbl_view .tbl_foot .rowfoot dd:nth-of-type(1){width:65px;}
	.tbl_view .tbl_foot .rowfoot dd:nth-of-type(2){width:calc( 100% - 65px );padding-left:0;}
	.tbl_view + .btn3set{margin-bottom:40px;width:100%;max-width:initial;margin-right:-1%;margin-left:-1%;}
	.tbl_view + .btn3set button{width:30%;margin-right:1%;margin-left:1%;max-width:150px;margin:0 auto 0;position:relative;height:45px;line-height:43px;font-size:0.9375rem;font-weight:300;}
	.tbl_view + .btn3set button:nth-of-type(1){float:left;}
	.tbl_view + .btn3set button:nth-of-type(2){float:right;}
	.tbl_view + .btn3set button:nth-of-type(3){float:right;margin-right:1%;}
	#event h5.ment{font-size:1.125rem;margin-bottom:35px;}
	#event .tab {margin-bottom: 20px;}
	#event .tit_box{text-align:left;padding-top:40px;padding-bottom:20px;}
	#event .tit_box .tit{font-size:1.25rem;letter-spacing:-0.6px;}
	#event .tit_box .tit::after{margin-top:8px;}
	#event .img_list ul{overflow:hidden;list-style:none;margin-left:0;margin-right:0;  }
	#event .img_list li{width:100%;margin-left:0;margin-right:0;margin-bottom:20px;}
	#event .tot{margin-bottom:0;}
	#event .tot p{font-size:0.9375rem;}
	.event_view{box-sizing:border-box;padding:30px 30px;margin-bottom:0;}
	.event_view .tbl_tt,.event_view .tbl_tt .rowtt{display:block;}
	.event_view .tbl_tt .rowtt dt{display:block;font-size:1.125rem;width:100%;box-sizing:border-box;padding:0 0 3px;height:auto;}
	.event_view .tbl_tt .rowtt dd{display:block;font-size:0.875rem;width:100%;box-sizing:border-box;padding:3px 0 0;height:auto;text-align:left;}
	.event_view .tbl_cmt dd{font-size:0.875rem;padding:20px 0;}
	.event_view .total_cmt{padding:0 0 10px;}
	.event_view .total_cmt p{font-size:0.9375rem;}
	.event_view .form_cmt{padding:20px 0 10px;}
	.event_view .form_cmt.withbtn{overflow:hidden;}
	.event_view .form_cmt.withbtn .mdl-textfield{padding:0;width:100%;max-width:100%;height:100px;float:none;margin-bottom:10px;}
	.event_view .form_cmt.withbtn .btnwrapm{padding:0;width:100%;max-width:100%;height:40px;float:none;}
	.event_view .form_cmt.withbtn .btnwrapm button{max-width:100%;width:100%;height:40px;line-height:38px;}
	.event_view .form_cmt.withbtn .mdl-textfield__input{font-size:1rem;box-sizing:border-box;width:100%;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
	.event_view .tbl_cmt , .event_view .tbl_cmt dl,.event_view .tbl_cmt dd{display:block;}
	.event_view .tbl_cmt dd{padding:15px 0;}
	.event_view .tbl_cmt .cid{width:100%;text-align:left;border-bottom:none;padding-bottom:5px;}
	.event_view .tbl_cmt .cid p{font-size:0.8125rem;font-weight:500;}
	.event_view .tbl_cmt .cment{width:100%;text-align:left;padding-left:0;border-bottom:none;padding-top:3px;}
	.event_view .tbl_cmt .cment p{font-size:0.9375rem;}
	.event_view .tbl_cmt .cdate{width:100%;text-align:left;padding-top:3px;}
	.event_view .tbl_cmt .cdate p{font-size:0.875rem;}
	.event_view .tbl_cmt .myedit{font-size:0.875rem;margin-top:5px;}
	#eventview .paging + .btnwrap{padding:0;}
	#product .paging + .btnwrap{padding:0;}
	#community .qnabox .formwrap {padding-top: 0;}
	#community .qnabox + .btnwrap{padding:0;}
	#community h5.ment{font-size:1.125rem;margin-bottom:20px;}
	#community .tab {margin-bottom: 20px;}
	#community .tit_box{text-align:left;padding-top:40px;padding-bottom:20px;}
	#community .tit_box .tit{font-size:1.25rem;letter-spacing:-0.6px;}
	#community .tit_box .tit::after{margin-top:8px;}
	#community .searchbox{padding:30px 20px;margin-bottom:60px;}
	#community .formbox{overflow:hidden;max-width:240px;border-bottom:1px solid #000;font-size:1rem;margin:0 auto;}
	#community .formbox label{top:0;padding:0 0 0 10px;height:40px;line-height:38px;width:100%;font-size:1rem;}
	#community .formbox input{padding:0 0 0 10px;height:40px;line-height:38px;font-size:1rem;font-weight: 300;}
	#community .formbox .is-focused input{border:none;}
	#community .formbox label:after{bottom:0;border-bottom:0;height: 0;}
	#community .formbox.withbtn .mdl-textfield{float:left;width:85%;padding:0;}
	#community .formbox.withbtn .btnwrapm{float:left;width:15%;}
	#community .formbox .btnwrapm .iconbtn.search{height:40px;}
	#community .tot{margin-bottom:10px;}
	#community .tot p{font-size:0.9375rem;}
	#community .infobox + .btnwrap button {margin-bottom: 40px;}
	#community .infobox h4{text-align:left;font-size:0.875rem;color:#666;}
	#community .infobox .infowrap {margin: 10px auto 20px;padding:15px 0;}
	#community .infobox .infowrap dl {padding: 5px 10px;width:calc( 100% - 20px );}
	#community .infobox .infowrap dt {font-size:0.9375rem;width:90px;}
	#community .infobox .infowrap dd {font-size:0.875rem;width:calc( 100% - 90px );}
	#community .ment_sub{font-size: 1.125rem;margin-bottom: 0;}
	#community .ment_sub2{font-size: 0.875rem;margin-bottom: 20px;}
	#community .img_list ul{overflow:hidden;list-style:none;margin-left:0;margin-right:0; }
	#community .img_list li{width:48%;margin-left:1%;margin-right:1%;margin-bottom:20px;}
	#community .img_list li .thumb{height:200px;}
	#community .img_list li .thumb .inner-img{background-size:80%;}
	#community .img_list li.item2 .thumb .inner-img{background-size:80%;}
	#community .img_list li .txtbox{padding:20px 0;text-align:center;}
	#community .img_list li .txtbox label{text-align: center;margin-bottom:5px;}
	#community .img_list li .txtbox .mdl-checkbox__label{ font-size: 1rem;margin-top:0;}
	#community .img_list li .txtbox h4{font-size: 0.875rem; font-weight: 500;}
	#community .img_list li .txtbox p{font-size: 0.875rem;word-break:keep-all;}
	#community .img_list + .btnwrap{max-width:380px;margin:0 auto;position:relative;}
	#community .img_list + .btnwrap button{margin-bottom:40px;font-size:1rem !important;height:40px;line-height:38px;}
	#community .cautionbox{padding:15px 20px;margin-bottom:60px;}
	#board_pass{height:auto;padding-top:0;padding-bottom:0;background:none;}
	#board_pass .formbox{padding:30px 20px 60px;max-width:100%;margin:0;width:calc( 100% - 40px );}
	#board_pass .formboxbottom{padding:30px 20px 30px;max-width:100%;margin:0;width:calc( 100% - 40px );font-size:0.8125rem;font-weight: 300;}
	#board_pass .formbox h3{font-size:1.25rem;}
	#board_pass .formbox h4{font-size:0.875rem;font-weight:100;padding-top:5px;}
	#board_pass .formbox .formwrap{padding-top:25px;}
	#board_pass .formbox li.inputtxt{margin-bottom:8px;}
	#board_pass .formbox li.inputtxt label{top:2px;height:44px;line-height:43px;padding:0 15px 0 15px;width:calc( 100% - 32px );font-size:0.875rem;}
	#board_pass .formbox li.inputtxt input{height:44px;line-height:43px;padding:0 15px;width:calc( 100% - 32px );font-size:0.875rem;}
	#community .qnabox li.inputtxt select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:44px;line-height:43px;padding:0 15px;width:100%;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc;  background-position: right 15px center;}
	#community .qnabox li.inputtxt select::-ms-expand { display: none; }
	#board_pass .formbox li.middletxt{text-align:center;padding-top:13px;padding-bottom:22px;}
	#board_pass .formbox li.middletxt span{font-size:0.8125rem;}
	#board_pass .formbox li.middletxt span + span::before{content:'';display:inline-block;vertical-align: sub;margin:0 15px;width:1px;height:13px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
	#board_pass .formbox li.titletxt{font-size:0.8125rem;font-weight:300;padding-top:5px;padding-bottom:8px;}
	#board_pass .formbox li.btnwrap {margin-bottom:10px;}
	#board_edit{height:auto;padding-top:0;padding-bottom:0;background:none;}
	#board_edit .formbox{padding:30px 20px 60px;max-width:100%;margin:0;width:calc( 100% - 40px );}
	#board_edit .formboxbottom{padding:30px 20px 30px;max-width:100%;margin:0;width:calc( 100% - 40px );font-size:0.8125rem;font-weight: 300;}
	#board_edit .formbox h3{font-size:1.25rem;}
	#board_edit .formbox h4{font-size:0.875rem;font-weight:100;padding-top:5px;}
	#board_edit .formbox .formwrap{padding-top:25px;}
	#board_edit .formbox li.inputtxt{margin-bottom:8px;}
	#board_edit .formbox li.inputtxt label{top:2px;height:44px;line-height:43px;padding:0 15px 0 15px;width:calc( 100% - 32px );font-size:0.875rem;}
	#board_edit .formbox li.inputtxt input{height:44px;line-height:43px;padding:0 15px;width:calc( 100% - 32px );font-size:0.875rem;}
	#board_edit .formbox li.middletxt{text-align:center;padding-top:13px;padding-bottom:22px;}
	#board_edit .formbox li.middletxt span{font-size:0.8125rem;}
	#board_edit .formbox li.middletxt span + span::before{content:'';display:inline-block;vertical-align: sub;margin:0 15px;width:1px;height:13px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
	#board_edit .formbox li.titletxt{font-size:0.8125rem;font-weight:300;padding-top:5px;padding-bottom:8px;}
	#board_edit .formbox li.btnwrap {margin-bottom:10px;}
	#community .qnabox h3{font-size:1.5rem;}
	#community .qnabox h4{font-size:0.875rem;font-weight:100;padding-top:5px;}
	#community .qnabox .formwrap{padding-top:0;}
	#community .qnabox li.inputtxt{margin-bottom:20px;}
	#community .qnabox li.inputtxt label{top:2px;height:44px;line-height:43px;padding:0 15px 0 15px;width:calc( 100% - 32px );font-size:0.875rem;}
	#community .qnabox li.inputtxt input{height:44px;line-height:43px;padding:0 15px;width:calc( 100% - 32px );font-size:1rem;}
	#community .qnabox li.middletxt{text-align:center;padding-top:13px;padding-bottom:22px;}
	#community .qnabox li.middletxt span{font-size:0.8125rem;}
	#community .qnabox li.middletxt span + span::before{content:'';display:inline-block;vertical-align: sub;margin:0 15px;width:1px;height:13px;background-image:url(../_img/login-spacer@2x.png);background-size:1px;}
	#community .qnabox li.titletxt{font-size:0.8125rem;font-weight:300;padding-top:5px;padding-bottom:8px;}
	#community .qnabox li.btnwrap {margin-bottom:10px;}
	.btnwrap button{font-size:1rem;font-weight: 300;height:50px;line-height:48px;}
	.btnwrap button:hover{color:#fff;}
	.btnwrapm {margin-bottom:8px;}
	.btnwrapm button{font-size:0.8125rem;font-weight: 300;letter-spacing: -0.72px;padding: 0 0;text-align:center;height:46px;line-height:44px;}
	#community .qnabox{padding:0 0 10px 0;}
	#community .qnabox li.addtxt{font-size:0.8125rem;}
	#community .qnabox li.dividertxt{position:relative;padding-top:20px;text-align:center;height:40px;text-align: center;}
	#community .qnabox li.dividertxt::before{content:'';display:block;position:absolute;width:100%;height:1px; background-color:#ccc;margin-top:8px;}
	#community .qnabox li.dividertxt div{display:block;margin:0 auto;position:absolute;font-size:0.8125rem;width:40px;left:0;right:0;}
	#community .qnabox li.dividertxt.w140 div{display:block;margin:0 auto;position:absolute;font-size:0.8125rem;width:110px;left:0;right:0;}
	#community .qnabox li.snsbtnwrap {margin-bottom:8px;}
	#community .qnabox li.snsbtnwrap button{font-size:0.8125rem;font-weight:300;height:46px;line-height:44px;max-width:100%;width:100%;}
	#community .qnabox .infowrap{margin:25px auto 25px;padding:15px 0 25px;}
	#community .qnabox .infowrap dl{overflow:hidden;padding:10px 12px;}
	#community .qnabox .infowrap dt{font-size:0.8125rem;font-weight: 500;}
	#community .qnabox .infowrap dd{font-size:0.875rem;font-weight: 300;}
	#community .qnabox li.blank{height:20px;}
	#community .qnabox li.checktxt label{font-size:0.875rem;margin-right:20px;}
	#community .qnabox li.checktxt .mdl-radio__label,
	#community .qnabox li.checktxt .mdl-checkbox__label{top: -2px;font-size:0.875rem; }
	#community .qnabox li.checktxt-title .mdl-checkbox__label{top: -2px;font-weight:300;font-size:0.8125rem;letter-spacing:-0.6px;color:#000000;}
	#community .qnabox li.checktxt-titlem .mdl-checkbox__label{top: -2px;font-weight:300;font-size:0.875rem;letter-spacing:-0.6px;color:#000000;}
	#community .qnabox li.inputtxt .textarea{padding:8px 10px;height:150px;line-height:1.6;width:calc( 100% - 22px );font-size:1rem;}
	#review_list .best_list h4{font-size:1rem;font-weight:300;margin-bottom:3px;}
	#review_list .best_list .star{margin-bottom:0;}
	#review_list .best_list p.ment{font-weight:100;margin-bottom:10px;}
	#review_list .best_list .item{height:399px;}
	#review_list .best_list .thumb{height:180px;}
	#review_list .best_list .writer{margin-bottom:0;}
	#review_list .best_list .thumb .inner-img{height:180px;}
	#review_list .searchbox .formwrap{max-width:240px;width:100%;overflow:hidden;margin:0 auto;}
	#review_list .searchbox .withselect{width:100%;margin-right:0;}
	#review_list .searchbox .formbox.withbtn{max-width:100%;}
	#review_list .listwrap .listone{padding:20px 10px;}
	#review_list .listone .listthumb{margin-right:10px;position:relative;width:120px;height:120px;overflow:hidden;padding:0;}
	#review_list .listone .listthumb .inner-img{background-size:cover;}
	#review_list .listone .listtxtbox{width: calc( 100% - 130px );text-align:left;color:#000;}
	#review_list .listone .star{margin-bottom:0;}
	#review_list .listone h5{font-size:0.8125rem;margin-left:0;margin-bottom:0;vertical-align:text-top}
	#review_list .listone h4{font-size:1rem;font-weight:300;margin-bottom:0;}
	#review_list .listone p.ment{font-size:0.875rem;font-weight:100;margin-bottom:0;display: -webkit-box;-webkit-line-clamp: 2;height:50px;}
	#review_list .listone .writer{font-size:0.8125rem;color:#999;margin-bottom:0;}
	#review_list .listwrap {margin-bottom: 40px;}
	#review_list .writebox .formwrap{padding-top:0;}
	#review_list .writebox{padding:0 0 20px;}
	#review_list .writebox li.titletxt{float:none;min-height:initial;line-height:1.4;margin-bottom:10px;font-size:0.875rem;font-weight:500;width:100%;}
	#review_list .writebox li.inputtxt{float:none;width:100%;margin-bottom:20px;}
	#review_list .writebox li.filetxt{float:none;width:100%;margin-bottom:20px;}
	#review_list .writebox li.checktxt{float:none;width:100%;padding-bottom:20px;padding-top:0;margin-top:-5px;margin-bottom:20px;}
	#review_list .writebox li.inputtxtarea .textarea{padding:12px 15px;margin-bottom:8px;width:calc( 100% - 32px );height:500px;line-height:1.6;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000;border:1px solid #cccccc}
	#review_list .writebox li.inputtxt label{top:2px;height:44px;line-height:43px;padding:0 15px 0 15px;width:calc( 100% - 32px );font-size:0.875rem;}
	#review_list .writebox li.inputtxt input{height:44px;line-height:43px;padding:0 15px;width:calc( 100% - 32px );font-size:1rem;}
	#review_list .writebox li.inputtxt select{height:44px;line-height:43px;padding:0 15px;width:100%;font-size:1rem;font-weight: 300;letter-spacing: -0.6px;color: #000000;border:1px solid #cccccc;  background-position: right 15px center;}
	#review_list .writebox li.inputtxtarea .textarea{padding:12px 15px;margin-bottom:8px;width:calc( 100% - 32px );font-size:1rem;}
	#review_list .writebox li .filebox label {display: inline-block;width:80px;height:44px;line-height:43px;vertical-align: middle; background-color: #fdfdfd; cursor: pointer;border: 1px solid #000;background-color:#000;color:#fff;}
	#review_list .writebox li .filebox .upload-name {height:44px;line-height:43px;width:calc( 100% - 118px );font-size:1rem;padding:0 15px 0 15px;}
	#review_list .writebox li.checktxt label{margin-right:20px;font-size:0.875rem;}
	#review_list .writebox li.checktxt .mdl-radio__label, #review_list .writebox li.checktxt .mdl-checkbox__label {font-size:0.875rem;}
	#review_list .writebox li.checktxt {min-height:34px;padding-bottom:3px;}
	#review_list .writebox .star i {display:inline-block;width: 14px;height: 14px;}
	#review_list .writebox + .btnwrap button {margin-bottom: 20px;font-size: 1rem !important;height: 40px;line-height: 38px;}
	#review_list .writebox li.inputtxtarea {min-height: 300px;margin-bottom:0;}
	#review_list .writebox li.inputtxtarea .textarea {height:300px;margin-bottom:0;}
	#review_list .cautionbox{padding:15px 20px;margin-bottom:60px;}
	#review_view .viewbox .lside .boxwrap {padding:0 20px;}
	#review_view .viewbox .rside .boxwrap {padding:0 20px;}
	#review_view .viewbox .lside h3{padding:40px 0;font-size:1.625rem;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt{width:calc( 100% - 115px );padding:15px 0 15px 15px;height:auto;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt h4{font-size:18px;font-weight:300;word-break:keep-all;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt h5{vertical-align:middle;margin-top:-5px;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dd{width:100px;padding:0;padding:0;font-weight:300;}
	#review_view .viewbox .lside .tbl_view .rowcont {padding: 20px 0px;}
	#review_view .viewbox .lside .tbl_view .viewthumb {height:100px;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dd .en{font-weight:400;letter-spacing:0;}
	#review_view .viewbox .rside .productinfo {padding: 25px 0;}
	#review_view .viewbox .rside .productinfo h3{font-size:28px;margin-bottom:5px;}
	#review_view .viewbox .rside .productinfo h4{margin-bottom:15px;}
	#review_view .viewbox .rside .btnline {margin-bottom:15px;}
	#buying .searchbox{padding:30px 20px 30px ;margin-bottom:20px;}
	#buying .searchbox select{padding:0 20px 0 10px;height:44px;line-height:43px;font-size:1rem;}
	#buying .searchbox label{top:0;padding:0 0 0 10px;height:44px;line-height:43px;font-size:0.875rem;}
	#buying .searchbox input{padding:0 0 0 10px;height:44px;line-height:43px;width:calc( 100% - 10px );font-size:1rem;}
	#buying .searchbox .formwrap .inputtxt,#buying .searchbox .formwrap .inputtxt.sel{width:100%;}
	#buying .searchbox li.inputtxt label{top:2px;padding:0 10px 0 10px;height:44px;line-height:43px;width:calc( 100% - 22px );font-size:0.875rem;}
	#buying .searchbox li.inputtxt input{padding:0 10px;height:44px;line-height:43px;width:calc( 100% - 22px );font-size:1rem;}
	#buying .searchbox li.titletxt{font-weight:300;font-size:0.875rem;padding-top:10px;padding-bottom:10px;display:none;}
	#buying .dblbtnwrap .btnwrapm{margin-bottom:0;}
	#buying .dblbtnwrap button{font-size:0.875rem;font-weight: 300;height:44px;line-height:43px;}
	#buying .dblbtnwrap button:hover{color:#fff;}
	#buying .searchbtn{margin-bottom:25px;}
	#buying .cscenter{margin-bottom:50px;padding:20px 20px;}
	#buying .cscenter .box1{padding-top:0;width:100%;font-size:1rem;font-weight:300;}
	#buying .cscenter .box2{padding-top:0;width:100%;}
	#buying .cscenter .box3{padding-top:10px;padding-bottom:0;width:100%;}
	#buying .cscenter .box2 h4{font-weight:300;font-size:1.75rem;letter-spacing:0;margin-top:5px;margin-bottom:5px;line-height:1;}
	#buying .cscenter .box2 h5{color:#555;font-weight:300;margin-bottom:10px;}
	#buying .cscenter .box3 button{height:44px;line-height:43px;font-weight:300;width:100%;max-width:360px;}
	.buypop{height:500px;}
	.buypop .topbox{padding:20px;}
	.buypop .topbox .topboxr i{width:20px;height:20px;}
	.buypop .topbox .topboxl h4{font-size:1.125rem;font-weight:500;letter-spacing:-0.8px;line-height:1;margin-bottom:10px;}
	.buypop .topbox .topboxl p.addr{font-size:0.875rem;font-weight:300;letter-spacing:-0.6px;line-height:1.5;margin-bottom:10px;}
	.buypop .topbox .topboxl p.tel{font-size:0.875rem;font-weight:300;}
	#map{width:100%;height:400px;}
	#product .productbox .lside .boxwrap h3{padding: 20px 0;font-size:1.625rem;}
	#product h4.tit {margin-bottom: 25px;}
	#product .productbox .lside .linelist .listone h5 {font-size:1.125rem;}
	#product .productbox .lside .linelist .listone p {font-size:0.875rem;word-break:keep-all;}
	#product .productbox .lside .linelist .listone {margin: 0 0 40px;width:100%;}
	#product .productbox .lside .linelist .listone .listthumb { height: 320px;}
	#product .productbox .lside .linelist .listone .listthumb .inner-img {background-position:center -40px;}	
	#product .productdetail .withwrap .listone .listthumb{width:80px;height:80px;margin-right:10px;}
	#product .productdetail .withwrap .listone .listtxtbox{width:calc( 100% - 120px );padding-top:10px;}
	#product .productdetail .rside{display:none;}
	#product .productdetail .reviewtab li{font-size:1rem}
	#product .productdetail .reviewtab li + li{margin-left:20px;}
	#product .productdetail .reviewlist .listone{padding:15px 0;}
	#product .productdetail .reviewlist .listone .listthumb{height:70px;width:70px;}	
	#product .productdetail .reviewlist .listone .listtxtbox {width:calc( 100% - 80px );}
	#product .productdetail .reviewlist .listone .contbox {display:none;}
	.ingredient .topbox{padding:20px;}
	.ingredient .topbox .topboxr i{width:20px;height:20px;}
	.ingredient .topbox .topboxl h4{font-size:1.125rem;font-weight:500;letter-spacing:-0.8px;line-height:1;margin-bottom:10px;}
	.ingredient .topbox .topboxl h3{font-size:1.25rem;font-weight:500;letter-spacing:-0.8px;line-height:1;margin-bottom:10px;}
	.ingredient .topbox .topboxl p{font-size:0.875rem;font-weight:300;letter-spacing:-0.6px;line-height:1.5;margin-bottom:10px;}
	#mypage .qnabox + .paging{margin-top:30px;margin-bottom:40px;}
	
	
	
	
	
#brand .step2box .boxin{width:100%;}
#brand .step2box .boxin .illust{padding:20px 0 ;text-align:center;}
#brand .step2box .boxin .illust img{width:80%;max-width:250px;}
#brand .step2box .boxin p{width:100%;max-width:350px;margin:0 auto;}
#brand .step2box .boxarrow{width:100%;height:80px;background-image: url(../_img/arrow-dot-d-57@3x.png);background-size:27px;background-position:center center;}
#sciencemenu{top:calc( 50% - 82px );}
#sciencemenu li a{width:55px;height:55px;background-size:55px;}

#brand .scisec2{padding-top:45px;}
#brand .titleboxl {position:relative;text-align:left;margin-bottom:15px;}
#brand .titleboxl h4.tit{text-align:left;font-size:1.5rem;margin-bottom:0 !important;font-weight:500;}
#brand .titleboxl h4.tit::after{margin-left:20px;width:50px;margin-top:13px;}
#brand .titleboxl h5{font-size:1rem;}
#brand .titleboxl h4 + h5{margin-top:10px;}
#brand .box46 .boxl{width:100%;margin-bottom:20px;}
#brand .box46 .boxr{width:100%;font-size:0.9375rem;}
#brand .box46 h5{font-size:1.125rem;line-height:1;letter-spacing:-0.9px;font-weight:300;word-break:keep-all;}
#brand .box46 h6{font-size:0.875rem;line-height:1;letter-spacing:0;font-weight:300;}
#brand .box46 h5 + h6{margin-top:10px;}
#brand .caption{color:#000;text-align:center;font-size:1.0625rem;line-height:1;letter-spacing:-0.7px;font-weight:500;word-break:keep-all;margin-bottom:30px;}
#brand .step3box .boxin{width:100%;}
#brand .step3box .boxin .illust{padding:20px 0 ;}
#brand .step3box .boxin .illust img{width:80%;max-width:250px;}
#brand .step3box .boxin h4{font-size:0.9375rem;margin-bottom:15px;}
#brand .step3box .boxin p{font-size:0.875rem;}
#brand .step3box .boxarrow{width:100%;height:80px;background-image: url(../_img/arrow-dot-d-57@3x.png);background-size:27px;background-position:center center;}
#brand .step3box + .box46{margin-top:50px;padding-top:50px;}
#brand .caption + .dualbox{margin-top:-10px;}
#brand .dualbox .boxin{width:50%;}
#brand .dualbox .boxin .illust{margin:0 0 10px;text-align:center;background-color:#000;}
#brand .dualbox .boxin .illust img{width:100%;}
#brand .dualbox .boxin p{font-size:0.8125rem;}
#brand .dualbox + .caption{margin-top:20px;}
#brand .onebox{max-width:578px;margin:50px auto 20px;}
#brand p.captionment{font-size:0.875rem;margin-bottom:20px;}
	
	
	
	
	
	
	

}
@media screen and (max-width: 380px){
	.tab li{height:40px;}
	.tab li a{height:40px;line-height:40px;font-size:0.8rem;} 
	#community .infobox + .btnwrap {max-width: 100%;margin-left: 0;position: relative;}
	#community .img_list li{width:100%;margin-left:0;margin-right:0;margin-bottom:20px;}
	#community .img_list li .thumb{height:200px;}
	#community .img_list li .thumb .inner-img{background-size:55%;}
	#review_list .best_list .item{height:372px;}
	#review_list .best_list p.ment{margin-bottom:10px}
	#review_list .best_list .divwrap{padding:0;}
	#review_list .best_list .txtbox{padding:15px 10px;}
	#review_list .best_list .writer{margin-bottom:0;}
	#review_list .best_list h4{font-size:1rem;margin-bottom:0;margin-top:5px;}
	#review_list .reviewtab li{font-size:1.125rem}
	#review_list .listwrap .listone{padding:25px 0;}
	#review_list .listwrap .listone .listthumb{width:70px;height:70px;}
	#review_list .listone .listtxtbox {width:calc(100% - 80px);}
	#review_list .listone h4 {font-size:0.9375rem;}
	#review_list .listone .ment {display:none;}
	#review_list .listone .star{display:block;}
	#review_list .listone p.ment{height:45px;margin-bottom:0;}
	#review_list .searchbox{padding:20px 20px 30px;margin-bottom:20px;}
	#review_view .viewbox .lside .tbl_view .tbl_tt .rowtt dt h4{font-size:16px;font-weight:300;word-break:keep-all;}
	#review_view .viewbox .rside .productinfo h3{font-size:24px;margin-bottom:5px;}
	#product .productbox .lside .boxwrap h3{padding: 10px 0 20px;font-size:1.5rem;}
	#product h4.tit {margin-bottom: 15px;}
	#product .productbox .lside .linelist{padding:0 0 20px;margin-left:0;margin-right:0;}
	#product .productbox .lside .linelist .listone h5 {font-size:1rem;}
	#product .productbox .lside .linelist .listone p {font-size:0.875rem;word-break:keep-all;}
	#product .productbox .lside .linelist .listone {margin: 0 0 40px;width:100%;}
	#product .productlist .cate li a{font-size:0.75rem;flex-basis: 16%;height:40px;}
	#product .productlist .cate li a:nth-of-type(1){flex-basis:55px;font-size:0.9375rem;}
	#product .productlist h4.tit{margin-top:45px;}
	#product .productbox .lside ul.productlist{margin-bottom:20px;}
	#product .productbox .lside .productlist > li{margin-bottom:20px;}
	#product .productbox .lside .linebanner{margin-bottom:20px;}
	#product .productbox .lside .linebanner .listtxt{height:200px;}
	#product .productbox .lside .linebanner .listtxt .inner{padding:20px 20px 0;}
	#product .productbox .lside .linebanner .listtxt h5{font-size:0.9375rem;height:80px;}
	#product .productbox .lside .linebanner .listtxt p{font-size:0.8125rem;}
	#product .productbox .lside .linebanner .listthumb{height:200px;}
	#product .productbox .lside .productlist > li .listtxt p.summary{margin-bottom:10px;}
	#product .productbox .lside .productlist > li .listthumb {height:150px;}
	#product .productbox .lside .productlist > li .listthumb .inner-img{height:100%;background-repeat:no-repeat;background-position:center center;background-size:70%;}
	#product .productbox .lside .productlist > li .listtxt h5.tit.en {padding:0 0 10px ;font-size:0.875rem;min-height:50px;}
	#product .productbox .lside .productlist > li .listtxt h5.titk {font-size:0.875rem;}
	#product .productbox .lside .productlist > li .listtxt p.summary {font-size:0.8125rem;}
	

	#product .productdetail .rside{display:none;}
	#product .productdetail .lside .mdl-tabs__tab-bar{display:block;margin-left:10px;border-bottom:0;}
	#brand .breadbig h3 {width: 130px;}
	#brand .breadbig h4{font-size:0.875rem;}
	#brand .section{padding:0 30px 40px;}	
	#brand .story h3{margin:0 auto 5px;}
	#brand .titlebox p{font-size:0.875rem;word-break:keep-all;}
	#brand .titlebox h5{font-size:0.8125rem;word-break:keep-all;}	
	#brand .titlebox h3 + p{padding-top:15px;}
	#brand .titlebox p + h5{padding-top:5px;}	
	#brand .innertxt p {font-size:0.875rem;}
	#brand .dblbox .innertxt {padding:10px 0;}
	#brand .multibox .multiboxin{width:47%;margin: 0 1.5% 10px;}
	#brand .multibox .multiboxin img{width:60%;margin:0 auto;}
	#brand .multibox .multiboxin h4{font-size:0.8125rem;padding-top:5px;word-break:keep-all;}
	#brand .section.storysec4{padding:0 !important;}

	#brand .linebox .lineboxin .mentbox{position:absolute;height:80px;padding:0 10px;display:block;margin:auto;width:calc( 100% - 20px );top:0;left:0;right:0;bottom:0;text-align:center;}

	#brand .linebox .lineboxin .mentbox h3{font-size:1rem;margin-bottom:10px;}
	#brand .linebox .lineboxin .mentbox p{font-size:0.75rem;line-height:1.4;font-weight:100;}
	#brand .linebox .lineboxin .goto{bottom:15px;width:20px;}
	#brand .historybox .lbox{width:100%;text-align:right;overflow:hidden;position:relative;}
	#brand .historybox .lbox .mentbox{display:block;max-width:100%;text-align:left;float:none;margin:0;padding:0 0 20px;}
	#brand .historybox .lbox .mentbox p{font-size:0.9375rem;}
	#brand .historybox .lbox .mentbox p .strong{font-weight:500;}
	#brand .historybox .lbox .bgbox{position:relative;left:0;bottom:0;width:100%;height:300px;margin-right:0;background-image:url(../_img/img-brand-hisoty@2x.jpg);background-position:center center;}
	#brand .historybox .rbox{width:100%;}
	#brand .historybox .rbox .rboxin{padding:20px 0;}
	#brand .historybox .rbox .rboxin dl{overflow:hidden;margin-bottom:15px;}
	#brand .historybox .rbox .rboxin dl dt, #brand .historybox .rbox .rboxin dl dd{float:left;color:#000;}
	#brand .historybox .rbox .rboxin dl dt{letter-spacing:0;font-weight:600;font-size:1.25rem;width:100%;text-align:left;}
	#brand .historybox .rbox .rboxin dl dd{width:100%;}
	#brand .historybox .rbox .rboxin dl dd p{font-size:0.875rem;font-weight:100;}
	#brand .historybox .rbox .rboxin dl dd p + p{margin-top:5px;}
	#brand .historybox .rbox .rboxin dl dd .strong{font-weight:500;}
	#brand .historybox .rbox .rboxin dl dd .info{font-size:0.75rem;}
	#brand .historybox .rbox .rboxin dl dd .month{font-weight:500;font-size:0.8125rem;margin-right:10px;}
	.mdl-layout.withslider{height:initial;}
	
	#story_section2 .titlebox{margin-top:0;}	
	#story_section3 .titlebox{margin-top:0;}	
	#story_section4 .titlebox{margin-top:0;}	
	#story_section5 .titlebox{margin-top:0;}	
	
	#brand .scisec2{padding-top:45px;}
	#sciencemenu{display:none;}

}
@media screen and (max-width: 320px){
#review_list .listone p.ment{height:40px;margin-bottom:0;}

}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
-webkit-filter:grayscale(100%); filter:gray;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;

    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/*이벤트 테마*/
.owl-theme-event .owl-nav {
position:relative;
    top:0; 
height:51px;
display:block;
width:100%;
margin:-162px auto 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
 }
  .owl-theme-event .owl-nav [class*='owl-'] {
 
    color: #FFF;
    font-size:1.25rem;
    margin: 5px;
    padding: 1rem;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }

    .owl-theme-event .owl-nav [class*='owl-']:hover {
opacity: 1;
  }
  
  .owl-theme-event .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
 .owl-theme-event .owl-stage-outer {
    position: relative;
    overflow: hidden;
z-index:10;



 }
 
#owl.pc .owl-theme-event .item{height:325px;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.owl-theme-event .owl-nav button span{display:none;}
.owl-theme-event .owl-nav button:focus,
.owl-theme-event .owl-dots button:focus
{outline:none}
.owl-theme-event .owl-nav button.owl-next {
    opacity: 0.3;
    cursor: pointer; 
    position: absolute;
z-index:11;
    right: -120px;
margin:0 0;
width:65px;
height:51px;
background-image:url(../_img/btn-right@2x.png) !important;
background-size:65px;
background-repeat:no-repeat;
}
.owl-theme-event .owl-nav button.owl-prev {
    opacity: 0.3;
    cursor: pointer; 
    position: absolute;  
z-index:11;
top:0;
bottom:0;
    left: -120px;
margin:0 0;
width:65px;
height:51px;
background-image:url(../_img/btn-left@2x.png) !important;
background-size:65px;
background-repeat:no-repeat;
}
.owl-theme-event .owl-nav button:hover {opacity: 1;}

@media screen and (max-width: 1280px){
.owl-theme-event .owl-nav button.owl-next {right: 20px;}
.owl-theme-event .owl-nav button.owl-prev {left: 20px;}
}
@media screen and (max-width: 1024px){
.owl-theme-event .owl-nav button.owl-next {right: 10px;}
.owl-theme-event .owl-nav button.owl-prev {left: 10px;}
}



.owlin-theme .owl-nav button span{display:none;}
.owl-theme-event .owl-nav.disabled + .owl-dots {}
#owl.pc .owl-theme-event .owl-dots {
bottom:0;
left:0;right:0;
top:265px;
height:20px;
width:100%;max-width:1200px;
  position:absolute;
  z-index:11;
  text-align: center;
 /* -webkit-tap-highlight-color: transparent;*/
}
  .owl-theme-event .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    }
    .owl-theme-event .owl-dots .owl-dot span {
      width: 8px;
      height: 8px;
      margin: 0 5px;
      background: transparent;
  border:1px solid #284aa4;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
  
    .owl-theme-event .owl-dots .owl-dot.active span, 
.owl-theme-event .owl-dots .owl-dot:hover span {background: #284aa4;border:1px solid #284aa4; }
#owl.pc .owl-theme-event .item{height:304px;}
#owl.pc .owl-theme-event .item-box{padding:105px 126px 0;}
#owl.pc .owl-theme-event .item-box h3{font-size:2.5625rem;font-weight:500;color:#000;line-height:1.16;letter-spacing:-1.64px;margin-bottom:20px;}
#owl.pc .owl-theme-event .item-box p{font-size:1rem;font-weight:300;color:#000;letter-spacing:-0.6px;line-height:1.5}
#owl.pc .owl-theme-event{margin-bottom:70px;}
#event #owl.pc{border-bottom:1px solid #000;height:395px;}
#event #owl.mobile{border-bottom:1px solid #000;min-height:350px;}
#owl.mobile .owl-theme-event .item{height:auto;background-size:cover;background-position:center;}
#owl.mobile .owl-theme-event .item-box{padding:40px 20px 0;}
#owl.mobile .owl-theme-event .item-box h3{font-size:1.5625rem;font-weight:500;color:#000;line-height:1.16;letter-spacing:-1.64px;margin-bottom:20px;}
#owl.mobile .owl-theme-event .item-box p{font-size:1rem;font-weight:300;color:#000;letter-spacing:-0.6px;line-height:1.5}
#owl.mobile .owl-theme-event{margin-bottom:0;}
#owl.mobile .owl-theme-event .owl-nav {display:none;}
#owl.mobile .owl-theme-event .owl-dots {margin:-40px auto 0;left:0;right:0;position: absolute;text-align:center;z-index:50;}


/*리뷰 테마*/
.owl-theme-bestreview .owl-nav {
position:relative;

height:565px;
display:block;
width:75px;
margin:20px auto;
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
 }
  .owl-theme-bestreview .owl-nav [class*='owl-'] {
 
    color: #FFF;
    font-size:1.25rem;
    margin: 5px;
    padding: 1rem;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }

    .owl-theme-bestreview .owl-nav [class*='owl-']:hover {
opacity: 1;
  }
  
  .owl-theme-bestreview .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
 .owl-theme-bestreview .owl-stage-outer {
    position: relative;
    overflow: hidden;
z-index:10;
/*width:100%;max-width:1200px;*/
margin:0 auto;
 }
 
.owl-theme-bestreview .owl-nav button span{display:none;}
.owl-theme-bestreview .owl-nav button:focus,
.owl-theme-bestreview .owl-dots button:focus
{outline:none}
.owl-theme-bestreview .owl-nav button.owl-next {
     opacity: 0.3;
    cursor: pointer; 
    position: absolute;
z-index:11;
    right: 0;
margin:0 0;
width:29px;
height:15px;
background-image:url(../_img/arrow-b-r@2x.png) !important;
background-size:29px;
background-repeat:no-repeat;
}
.owl-theme-bestreview .owl-nav button.owl-prev {
   opacity: 0.3;
    cursor: pointer; 
    position: absolute;  
z-index:11;
top:0;
bottom:0;
    left: 0px;
margin:0 0;
width:29px;
height:15px;
background-image:url(../_img/arrow-b-l@2x.png) !important;
background-size:29px;
background-repeat:no-repeat;
}
.owl-theme-bestreview .owl-nav button:hover {opacity: 1;}

.owlin-theme .owl-nav button span{display:none;}
.owl-theme-bestreview .owl-nav.disabled + .owl-dots {}
.owl-theme-bestreview .owl-dots {
display:none;
}
  .owl-theme-bestreview .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    }
    .owl-theme-bestreview .owl-dots .owl-dot span {
      width: 8px;
      height: 8px;
      margin: 0 5px;
      background: transparent;
  border:1px solid #284aa4;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
  
    .owl-theme-bestreview .owl-dots .owl-dot.active span, 
.owl-theme-bestreview .owl-dots .owl-dot:hover span {background: #284aa4;border:1px solid #284aa4; }
.owl-theme-bestreview .owl-stage {height:220px;}
.owl-theme-bestreview .item{height:214px;border-radius: 30px 30px 0 30px;width:100%;display: flex;flex-wrap: wrap;box-shadow: 0 0 5px #eee;}


/*함께하면 좋은제품 테마*/
.owl-theme-with{height:100px;}
.owl-theme-with .owl-nav {
position:relative;

height:120px;
display:block;
width:75px;
margin:20px auto;
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
 }
  .owl-theme-with .owl-nav [class*='owl-'] {
 
    color: #FFF;
    font-size:1.25rem;
    margin: 5px;
    padding: 1rem;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }

    .owl-theme-with .owl-nav [class*='owl-']:hover {
opacity: 1;
  }
  
  .owl-theme-with .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
 .owl-theme-with .owl-stage-outer {
    position: relative;
    overflow: hidden;
z-index:10;
/*width:100%;max-width:1200px;*/
margin:0 auto;
 }
 
.owl-theme-with .owl-nav button span{display:none;}
.owl-theme-with .owl-nav button:focus,
.owl-theme-with .owl-dots button:focus
{outline:none}
.owl-theme-with .owl-nav button.owl-next {
     opacity: 0.3;
    cursor: pointer; 
    position: absolute;
z-index:11;
    right: 0;
margin:0 0;
width:29px;
height:15px;
background-image:url(../_img/arrow-b-r@2x.png) !important;
background-size:29px;
background-repeat:no-repeat;
}
.owl-theme-with .owl-nav button.owl-prev {
   opacity: 0.3;
    cursor: pointer; 
    position: absolute;  
z-index:11;
top:0;
bottom:0;
    left: 0px;
margin:0 0;
width:29px;
height:15px;
background-image:url(../_img/arrow-b-l@2x.png) !important;
background-size:29px;
background-repeat:no-repeat;
}
.owl-theme-with .owl-nav button:hover {opacity: 1;}

.owlin-theme .owl-nav button span{display:none;}
.owl-theme-with .owl-nav.disabled + .owl-dots {}

.owl-theme-with .owl-dots {
	margin-top: -143px;
    text-align: right;
    right: 0;
}}
  .owl-theme-with .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    }
    .owl-theme-with .owl-dots .owl-dot span {
      width: 8px;
      height: 8px;
      margin: 0 5px;
      background: transparent;
  border:1px solid #ccc;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
  
    .owl-theme-with .owl-dots .owl-dot.active span, 
.owl-theme-with .owl-dots .owl-dot:hover span {background: #284aa4;border:1px solid #284aa4; }
.owl-theme-with .owl-stage {height:100px;}
.owl-theme-with .item{height:100px;}
@media screen and (max-width: 1200px){
.owl-theme-with {height: 80px;}
}
@media screen and (max-width: 900px){
.owl-theme-with {height: 120px;}
}
@media screen and (max-width: 600px){
.owl-theme-with {height: 80px;}
}



/*회원가입-본인인증_240327 소혜영*/
.verify *{box-sizing: border-box; word-break:keep-all;}
.verifybox {
	box-sizing: border-box;
	position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
    max-width: 700px;
    margin: 0 auto 0;
    padding: 60px 50px;
    box-shadow: 0px 5px 60px 0 rgba(68, 78, 107, 0.07);
}
.verifybox h3 {
	font-size:30px;
	color:#333;
	text-align:center;
	font-weight:600;
	line-height:1.4;
	margin-bottom:20px;
}
.verifybox h4 {
	font-size:20px;
	color:#333;
	text-align:center;
	font-weight:600;
	line-height:1.4;
}
.verify .graylinebox {border:1px solid #ddd;padding:30px;margin:10px 0;width:100%;}
.verify .graylinebox .blue {color:#284aa4;}
.verify .graylinebox p {
	font-size:16px;
	color:#666;
	text-align:center;
	line-height:1.4;
}
.verify .graylinebox label {
	font-size:16px;
	color:#000;
	text-align:left;
	line-height:1.4;
}
.verify .graylinebox.left {margin-right:10px; width:49%;}
.verify .graylinebox.right {margin-left:10px; width:49%;}
.verify .graylinebox.top {padding:10px 20px 35px;}
.verify .graylinebox.top .mdl-checkbox__box-outline {margin-top:2px;}
.verify .graylinebox .txtwrap {min-height:90px;}
.verify .box_wrap {
	display:flex;
	flex-wrap:nowrap;
}
.i_pass {
	display:block;
	width:100px; height:100px;
	background-color:#f8f8f8;
	border-radius:100%;
	background-image:url(../_img/icon_verify01.png);
	background-size:45px;
	background-repeat:no-repeat;
	background-position:center;
	margin:20px auto;
}
.i_ipin {
	display:block;
	width:100px; height:100px;
	background-color:#f8f8f8;
	border-radius:100%;
	background-image:url(../_img/icon_verify02.png);
	background-size:51px;
	background-repeat:no-repeat;
	background-position:center;
	margin:20px auto;
}
.verify .btn_wrap {margin-top:20px;}
.verify .btn_wrap .btn.blk {color:#fff;background-color:#333;}
.verify .btn_wrap .btn {
	width:100%;
	font-size:15px;
	font-weight:600;
	text-align:center;
	line-height:1.4;
	margin:0 auto;
	padding:10px;
}

@media screen and (max-width: 720px){
	.verifybox h3 {font-size:28px;}
	.verifybox h4 {font-size:18px;}
	.verify .graylinebox p {font-size:14px;}
	.verify .btn_wrap .btn {font-size:14px;}
	.verify .graylinebox .txtwrap {min-height:80px;}
}
@media screen and (max-width: 620px){
	.verify .box_wrap {flex-wrap:wrap;}
	.verify .graylinebox.left {width:100%; margin:10px 0;}
	.verify .graylinebox.right {width:100%; margin:10px 0;}
	.verify .graylinebox .txtwrap {min-height:0;}
}
@media screen and (max-width: 480px){
	.verifybox {padding:60px 30px;}
	.verifybox h3 {font-size:26px;}
	.verifybox h4 {font-size:16px;}
}
@media screen and (max-width: 360px){
	.verify .graylinebox {padding:15px;}
	.verifybox h3 {font-size:24px;}
}
@media screen and (max-width: 320px){
	.verifybox {padding:50px 20px;}
	.verifybox .mdl-checkbox__label {font-size:14px;}
}

/*회원가입-본인인증_240327 소혜영 ------*/

/*회원가입_240327 소혜영 ------*/
.join *{box-sizing: border-box; word-break:keep-all;}
.joinbox {
	box-sizing: border-box;
	position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
    max-width: 500px;
    margin: 0 auto 0;
    padding: 60px 50px;
    box-shadow: 0px 5px 60px 0 rgba(68, 78, 107, 0.07);
}
.join p.or {
	position:absolute;
	background-color:#fff;
	top:400px;
	left:45%; 
	width:50px;
	font-size:15px;
	color:#bbb;
}
.join .agechk_wrap {border-top:1px solid #ccc; margin:20px 0; padding-top:20px;}
.join .mdl-checkbox__box-outline {margin-top:2px;}
.join .blue {color:#284aa4;}
.joinbox h3 {
	font-size:30px;
	color:#333;
	text-align:center;
	font-weight:600;
	line-height:1.4;
	margin-bottom:20px;
}
.joinbox p {
	font-size:18px;
	color:#000;
	text-align:center;
	line-height:1.4;
}
.join hr.hor_line {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 50px 0;
    padding: 0;
}
.join .btn_wrap {margin-top:20px;}
.join .btn_wrap .btn.blk {color:#fff;background-color:#333;}
.join .btn_wrap .btn {
	width:100%;
	font-size:15px;
	font-weight:600;
	text-align:center;
	line-height:1.4;
	margin:5px auto;
	padding:15px;
}

@media screen and (max-width: 720px){
	.joinbox h3 {font-size:28px;}
	.join .btn_wrap .btn {font-size:14px;}
	.join p.or {top:395px;}
}
@media screen and (max-width: 620px){
	.joinbox p {font-size:16px;}
}
@media screen and (max-width: 480px){
	.joinbox {padding:60px 30px;}
	.joinbox h3 {font-size:26px;}
	.joinbox p {font-size:14px;}
	.join hr.hor_line {margin:30px 0;}
	.join p.or {top:367px;}
}
@media screen and (max-width: 360px){
	.joinbox h3 {font-size:24px;}
	.join hr.hor_line {margin:20px 0;}
	.join p.or {top:355px;left:42%;}
}
@media screen and (max-width: 349px){
	.join p.or {top:374px;}
}
@media screen and (max-width: 320px){
	.joinbox {padding:50px 20px;}
	.joinbox .mdl-checkbox__label {font-size:14px;}
	.join p.or {top:361px;}
}
/*회원가입_240327 소혜영 ------*/

/*개인정보처리방침_250108 소혜영 */
#regulation h3 {font-size:22px; color:#333; font-weight:600;}
#regulation p {font-size:18px; color:#333;}
#regulation .flex_wrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start;}
#regulation a {width:fit-content;}
#regulation .indent1 {text-indent:-18px; padding-left:18px;}
#regulation .indent2 {text-indent:-10px; padding-left:20px;}
#regulation .tac {text-align:center;}
#regulation .tal {text-align:left;}
#regulation .bdr {border-right:1px solid #ccc;}
#regulation .bold {font-weight:600;}
#regulation .tbl_wrap {font-size:18px; color:#333; border-top:2px solid #333; margin-top:10px;}
#regulation .tbl_wrap tr {border-bottom:1px solid #ccc;}
#regulation .tbl_wrap th {font-weight:600; padding:10px; text-align:center; background-color:#f5f5f5;}
#regulation .tbl_wrap td {padding:10px 20px;}
#regulation .link {
	display:inline-block;
	width:18px; height:18px;
	background-image:url(/_img/icon_link.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	margin-left:10px;
}
@media screen and (max-width: 1024px){
	#regulation h3 {font-size:20px;}
	#regulation p {font-size:16px;}
	#regulation .tbl_wrap {font-size:16px; overflow-x:auto;}
	#regulation .tbl_wrap table {min-width:900px;}
	#regulation .tbl_wrap td {padding:10px;}
	#regulation .link {width:15px; height:15px;}
}
@media screen and (max-width: 620px){
	#regulation h3 {font-size:16px;}
	#regulation p {font-size:14px;}
	#regulation .tbl_wrap {font-size:14px;}
	#regulation .link {width:13px; height:13px; margin-left:5px;}
}
/*개인정보처리방침_250108 소혜영 ---*/