* {word-break:keep-all !important;}
.slideropc {background:rgba(0,0,0,0.45); width:100%; position:absolute; z-index:99; color:#fff !important; height:90vh; text-align:center;}
.slidertxt {position:absolute; top:-80px; bottom:0; z-index:100; color:#fff !important; text-align:center; margin: auto;height:2em; width:90%; left:5%;}
	.slidertxt .bigtxt {font-size:1.3rem; font-weight:bold; letter-spacing:-0.5px; transition:all 0.2s;}
	.slidertxt .smalltxt {font-size:1rem; font-weight:300; letter-spacing:-0.5px; margin-bottom:10px; transition:all 0.2s;}
	.slidertxt .infotxt {font-size:0.9rem; margin-top:10px; color:#c7c7c7; transition:all 0.2s; word-break:keep-all;}
	.slidertxt p {margin:0;}
.subslider .slidertxt { top:-50px; }
	.subslider .slidertxt .bigtxt {font-size:1.8rem; font-weight:bold;}
	.subslider .slidertxt .smalltxt {font-size:1rem;}
	.subslider .slidertxt p {margin:0;}
.subslider2 {display:flex; margin:100px 0; position:relative;}
	.subslider2 li {list-style:none;}
	.subslider2 .slidertxt { top:53%; color:#333 !important; }
	.subslider2 .slidertxt .bigtxt {font-size:1.5rem; text-transform:uppercase;}
	.subslider2 .slidertxt .smalltxt {font-size:0.8rem; color:#bdbdbd; font-weight:500; margin-top:10px; letter-spacing:1px;}
	.subslider2 .slidertxt p {margin:0;}
.kenburn-slider {
  width: 100%;
  margin: 0;
  position: relative;
  background-color:#000 !important;
}
.kenburn-slider .slides {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.kenburn-slider .slides > li {
  float: left;
  margin-right: -100%;
  width: 100%;
  overflow: hidden;
  height: 80vh;
  position: relative;
}
.subslider .slides > li {
	height:250px !important;
}
.kenburn-slider .flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
  padding: 10px 20px;
  text-decoration: none;
  position: absolute;
  height: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 8;
  text-align: center;
}
.kenburn-slider .flex-direction-nav .flex-prev {
  left: 0;
}
.kenburn-slider .flex-direction-nav .flex-next {
  right: 0;
}

.slide-image {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.flex-active-slide .slide-image {
  -webkit-animation: zoomOut 5s;
          animation: zoomOut 5s;
}

@-webkit-keyframes zoomOut{
0%{opacity:0.6}
100%{opacity:1}
}
@keyframes zoomOut{
0%{opacity:0.6;     -webkit-transform: scale(1.3); transform: scale(1.3);}
100%{opacity:1;     -webkit-transform: scale(1); transform: scale(1); }}

.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}

.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {background:none !important; color:#fff; font-family:'batang', 'sans-serif'; padding:10px 25px !important; font-size:3.8rem; font-weight:200; opacity:0.5;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none;}

@keyframes fadeInUp {
	0% { opacity:0;}
	100% {opacity:1; transform:translate3d(0,10px,0);}
}

.layout_wrap {width:100%; margin:0 auto;}

.main_content_1 {float:left; width:100%; padding:20px 15px; }
.main_content_1 .left {float:left; width:100%; padding-bottom:40px;}
.main_content_1 .left p {margin-top:20px;}
.main_content_1 .left img {max-width:100%;}
.main_content_1 .right {float:right; width:100%; padding-left:0;}
.main_content_1 .right h1 {font-size:1.3rem; font-weight:500;}
.main_content_1 .right p {margin:20px 0;}
.main_content_1 .right img {max-width:100%;}
.main_content_2 {float:left; width:100%; padding:40px 15px; }
.main_content_2 .left {float:left; width:100%; padding:0;}
.main_content_2 .left p {margin-top:20px;}
.main_content_2 .left img {max-width:100%;}
.main_content_2 .right {float:right; width:100%; padding-top:40px; padding-left:0px;}
.main_content_2 .right h1 {font-size:1.3rem; margin-top:15px;  font-weight:500;}
.main_content_2 .right p {margin:20px 0;}
.main_content_2 .right img {max-width:70%;}

.long_banner_1 {float:left; width:100%;  background-repeat:no-repeat; background-size:cover; text-align:center; padding:45px 0; height:480px;}
.long_banner_1 .txt {display:table; margin:0 auto; width:90%;}
.long_banner_1 .txt h5 {font-size:1rem;}
.long_banner_1 h1 {margin:10px 0;}
.long_banner_1 img {width:80%;}
.long_banner_2 {float:left; width:100%; background-repeat:no-repeat; background-size:cover; text-align:center; padding:50px 0; height:550px;}
.long_banner_2 img {width:60%;}
.layout_btn1 {display:inline-block; background-color:transparent; color:#333; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn1:hover {background:#333; color:#fff; transition:all 0.5s;}
.layout_btn2 {display:inline-block;background-color:#333; color:#fff !important; font-size:14px !important; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn2:hover {background:transparent; color:#333; transition:all 0.5s;}
.layout_btn3 {display:inline-block; background-color:#d13f4a; color:#fff !important; font-size:14px; border:1px solid #d13f4a; padding:10px 20px; font-weight:600;}
.layout_btn3:hover {background:transparent; color:#d13f4a; transition:all 0.5s;}
.layout_btn4 {display:inline-block; background-color:#5f9aae; color:#fff  !important; padding:10px 30px; font-weight:400; border-radius:20px; font-size:.8rem; background-position:100% 50%; }
.layout_btn4:hover {background-color:#5f9aae; background-image:url('../img/paw.png'); background-repeat: no-repeat; background-size:21px; background-position:85% 50%;  padding:10px 40px 10px 20px;
transition: background-position 0.35s ease 0s, background-color 0.3s ease 0s, padding 0.3s ease 0s; -webkit-transition:background-position 0.35s ease 0s, background-color 0.3s ease 0s,  padding 0.3s ease 0s;
}

#layout_footer {float:left; width:100%; color:#999; padding:80px 0; border-top:1px solid #eee;}
#layout_footer .left {float:left; width:30%;}
#layout_footer .left p {margin-top:15px;}
#layout_footer .center {float:left; width:30%; line-height:2.2rem;}
#layout_footer .center div {float:left;}
#layout_footer .right {float:left; width:30%; font-size:0.9em; line-height:1.7rem;}
#layout_footer .right b {font-weight:bold;}

.layout_sub_right {float:left; width:25%; padding-left:40px;}
.layout_sub_right li {border-bottom:1px solid #ddd; padding:15px 0; list-style:none;}
.layout_sub_right li a {color:#777; }
.layout_sub_right li a:hover {color:#444;}

.col2 {float:left; width:100%;}
.col2 .one {float:left; width:50%;}
.col3 {float:left; width:100%;}
.col3 .one {float:left; width:33.3%;}
.col4 {float:left; width:100%;}
.col4 .one {float:left; width:25%;}
.col2 img, .col3 img, .col4 img {max-width:100%;}
.separated-div-wrapper {display:block; height:20px; margin:5px 0 15px 0; }
.separator {display:inline-block; width:30px; height:1px; margin:0 2px;}
.separator.header {margin-top:0; margin-bottom:0; background-color:#c9c9c9;}
.separator.header.center.orange {background-color:#ff7a00;}
.vitastyle {margin:20px 0;}
.vitastyle:last-child {margin-bottom:0;}
.vitastyle .one:nth-child(1n) {width:100%;}
.vitastyle .one:nth-child(2n) {width:100%;}
.vitastyle h1{ font-size:1.1rem; font-weight:bold;}
.vitastyle p {font-size:.86rem; font-weight:300; margin-bottom:10px;}
.vitastyle p:last-child {margin:0;}
.mark {display:block; color:#727272; margin:5px 0; padding:5px 5px; border-radius:5px; font-size:11px; height:80px; vertical-align:middle;}
.bracket {font-family:noto sans kr;}
.mainico .one{text-align:center; color:#6aa2b7; font-weight:bold;}
.mainico .one:nth-child(1), .mainico .one:nth-child(2) {padding:30px 0;}
.vitaico {background:#fff; border:1px solid #5f9aae; padding:15px; width:65px; height:65px; border-radius:100%; margin:0 auto; margin-bottom:10px;}
.vitaico img {max-width:100%;}
.vitaico:hover {transition:all 0.4s;}

.innovation {margin-top:110px; float:left; width:100%;color:#fff; text-align:center; padding-top:25px; padding-bottom:0; background-color:#fff; background:linear-gradient(180deg,rgba(48,48,48,0.5),transparent 25%,#fff 55%),url(../img/longbanner_about.jpg); background-size:auto,cover; background-attachment:scroll,fixed;}
.innovation .prs {margin-top:90px;}
.innovation .prs img {max-width:80%;}
.innovation .prs .one {padding:0 5px;}
.innovation .prs .tit {color:#333; font-weight:500; margin:20px 0 15px 0; word-break:keep-all;}
.innovation .layout_btn4 {padding:3px 15px; font-size:11px;}

.innovation .gotoshop {float:left; width:100%; margin:80px 0; text-align:center;}
.innovation .gotoshop .txt {margin-bottom:40px; font-size:1.14rem; color:#333;}

.sct_wrap {}

#hd {position:fixed; top:0; width:100vw; background:#fff; z-index:9999;transition:all 0.5s; }
#hd #logo img {max-height:20px !important; margin-top:3px;}
#hd_wr {border-bottom:1px solid #eaeaea; box-shadow:none;transition:all 0.5s;}
#ctt {box-shadow:none !important; border:0 !important;}

@media (min-width:1200px) { 
	.layout_wrap {max-width:1200px;}
}

.layout_cont {padding:40px 15px; line-height:1.4rem;}
.layout_page {padding:0; color:#777;}
.layout_page h2{font-size: 22px;color: #333333;line-height: 34px;text-align: center; font-weight:bold;}
.layout_box {float:left; width:100%; text-align:center; padding:0;}
.layout_box i {color:#e0e0e0; font-size:3rem;}
.layout_box span {font-size:1.1rem;  font-weight:bold; text-transform:uppercase; letter-spacing:1px; color:#555;}
.layout_box p {color:#777; margin-top:20px;}
.layout_box div {padding:40px 0;}
.layout_box .left {float:left; width:100%; }
.layout_box .center {float:left; width:100%; border:1px solid #ddd; border-left:0; border-right:0;}
.layout_box .right {float:left; width:100%;}

.contact {width:100%; max-width:400px; text-align:center; margin:0 auto;}
.contact input[type='text'],.contact input[type='email'], .contact input[type='tel'], .contact textarea{font-size:14px; display:block; padding:9px 25px; color:#222; width:100%; background:#ededed; border:1px solid transparent; transition:all .3s ease-in-out; }
.contact input:focus, textarea:focus {border:1px solid #ccc;}


/**/
.sct_wrap h2 {font-size:1.3rem; line-height:1.35; font-weight:500;}
.sct_wrap header p {color:gray; margin:15px 0;}

/*컬러맞추기*/
#layout_footer {background:#242424; color:#fff; border-top:0;}
#layout_footer a {color:#fff;}
#sit_btn_cart {background:#5f9aae !important; border-color:#5f9aae !important;}
#sit_btn_cart:hover {background:#50889b !important; border-color:#50889b !important;}
#sit_btn_wish {color:#5f9aae !important;}
.pointcolor {color:#5f9aae}
.pointcolor2 {color:#ea5c62;}
.pointcolor3 {border-bottom:0px solid #5f9aae; color:#5f9aae; font-weight:500;}
#sit_tab .tab_tit li .selected {border-color:#5f9aae;}

body {background:#fff;}
#bo_sch select {background:#fff;}
#ft {background:#242424; color:#fff; border-top:0; margin:0; float:left; width:100%;}
#ft_company {border-bottom:1px solid #404040;}
#ft h3:before {background:#93c48e;}
#ft h3, #ft_info, #ft a {color:#fff;}
#sit_buy_op #buy_op_btn, #sit_btn_cart {background:#5f9aae; border-color:#5f9aae;}
#sit_btn_buy {border-color:#5f9aae; color:#5f9aae;}
#sit_btn_cart:hover {background:green; border-color:green;}
#sit_btn_wish {color:#5f9aae;}
#sit_tab .tab_con {border:0;}
.btn_submit {color:#fff !important; background:#5f9aae; font-weight:bold !important; letter-spacing:0 !important;}
#sit_tab .tab_tit li .selected {border-bottom:2px solid #5f9aae;}
#hd_btn .cart-count {background:#5f9aae;}
#ol_before input[type=text], #ol_before input[type=password] {border-radius:0;}
#ol_submit {background:#5f9aae; border-radius:0 !important;}
#ol_before .btn_join {border:0; background:#555; margin:2px 0 0 0;}

/*디자인*/
#container {padding:0;}
#main_new, #main_rec, #main_sale {margin:0;}
.list_10 .sct_li {box-shadow:none; -webkit-box-shadow:none; border-bottom:1px solid #eaeaea;}
.list_10 .sct_li:last-child {border:0 !important;}
#mb_login {padding:20px 0;}
#ssch_q {float:left; width:80%; margin-bottom:10px;}
#ssch_frm .btn_submit {float:left; width:20%; height:40px; margin-bottom:10px;}
#ssch_cate li {border:1px solid #ddd; border-right:0;}
#ssch_cate li:last-child {border-right:1px solid #ddd;}

/*스킨디자인*/
.list_01 li {box-shadow:none; -webkit-box-shadow:none; padding:0;}
.bo_info {border:0; margin:0;}
.bo_cate_link {color:#333 !important;}
#bo_sch {margin:20px 10px;}
#bo_cate #bo_cate_on {background:#5f9aae; box-shadow:none; -webkit-box-shadow:none;}

/*제거*/
#hd_tnb li {display:none;}
#hd_tnb li:nth-child(1), #hd_tnb li:nth-child(2) {display:block;}
#sit_tab .tab_tit li {display:none !important;}
#sit_tab .tab_tit li:nth-child(1) {display:block !important; width:100% !important;}
#captcha audio {display:none !important;}
#sit_buy_op {display:none;}

.langul {margin-top:30px; border-top:1px solid #525252; padding-top:30px;}
.langul li {padding:5px 0; font-size:1rem;}
.langul li a {color:#fff !important;}
.langul li img {vertical-align:middle; margin-right:2px;}
