@charset "utf-8";

#visual{position:relative; width:100%; overflow:hidden;}
#visual .slide01{background:url('/images/img-main01.png')no-repeat center; background-size:cover; width:100%; height:900px;}
#visual .slide02{background:url('/images/img-main02.png')no-repeat center; background-size:cover; width:100%; height:900px;}
#visual h2{position:absolute; top:35%; left:188px; color:#000; font-size:40px; line-height:58px; letter-spacing:20px;}
#visual p{position:absolute; top:44.5%; left:188px; color:#000; font-size:24px; line-height:36px; text-align:left;}
#visual .slide02 h2{left:0; margin:0 auto; width:100%; font-weight:400; text-align:center;}
#visual .slide02  span{font-weight:bold;}

.index_cont01{background:#D6E3CA; width:100%; overflow:hidden;}
.index_cont01 .index_back01{background:url('/images/ico-backgroundlogo.png')no-repeat left;}
.index_cont01 .index_cont01_wrap{display: block; padding:120px 446px 120px 339px; width:100%; overflow:hidden; }
.index_cont01 .index_cont01_left{float:left; margin-top:55px;}
.index_cont01 .index_cont01_left h3{background:url('/images/ico-main_middle-logo.svg'); width:317px; height:86px; text-indent:-9999px;}
.index_cont01 .index_cont01_left h4{margin-top:30px; display:inline-block; width:395px; font-size:26px; font-weight:400; letter-spacing:-0.5px; line-height:39px; word-break:keep-all; text-align:left; }

.index_cont01 .index_cont01_right{float:right; background:url('/images/img-main_middle.png')no-repeat center; width:630px; height:472px;}

.index_cont02{background:url('/images/ico-backgroundlogo.svg')no-repeat right top; width:100%;}
.index_cont02 .index_cont02_wrap{display:block; padding:100px 19.5% 100px 19.8%; width:100%; overflow:hidden;}
.index_cont02 .index_cont02_left{display:inline-block; float:left; width:auto;}
.index_cont02 .index_cont02_left .index_cont02_box{position:relative; background:url('/images/img-cleanser.png')no-repeat center; width:510px; height:680px;}
.index_cont02 .index_cont02_left .index_cont02_box h5{position:absolute; top:14px; left:-44px; color:#BDBDBD; font-size:100px; font-weight:bold; line-height:145px;}
.index_cont02 .index_cont02_right{margin-top:290px; float:right;}
.index_cont02 .index_cont02_right h6{font-size:50px; line-height:72px;}
.index_cont02 .index_cont02_right h6 span{display:block; font-size:20px; font-weight:400; line-height:29px;}
.index_cont02 .index_cont02_right > p{margin-top:30px; width:556px; color:#757575; font-size:22px; line-height:33px; letter-spacing:-0.5px; word-break:keep-all;}

.index_cont03{background:#F9F9F9; width:100%; overflow:hidden;}
.index_cont03 .index_cont03_wrap{overflow:hidden; padding:150px 340px;}
.index_cont03_left{display:inline-block; width:610px}
.index_cont03_left h2{font-size:36px; height:52px;}

.index_cont03_right{float:right; width:500px;}

.more_tap{margin-top:40px; display:block; padding:20px 30px; width:207px; border:1px solid #000; font-size:16px; font-weight:400; line-height:24px;}
.more_tap > p{float:right; margin-top:1px; width:40px; height:22px; background:url('/images/btn-arrowright.svg')no-repeat; background-size:cover;}
.more_tap:hover{background:#000; color:#fff;}
.more_tap:hover p{background:url('/images/btn-arrowright_hover.svg')no-repeat;}


.company01_cont{padding:0 340px; width:100%;}
.company01_cont_wrap{padding:120px 0; background:url('/images/ico-subpage_background.png')no-repeat left bottom;  width:100%;}
.company01_cont1 {width:100%; }
.company01_cont1 h3{font-size:38px; line-height:55px; font-weight:bold;}
.company01_cont1 span{display:block; font-size:16px; line-height:24px; font-weight:400;}
.company01_cont1 p{margin-top:28px;  font-size:22px; line-height:34px; word-break:keep-all;}
.company01_cont2{margin:120px auto 0; padding-left:230px; width:100%;}

.company01_cont2 h4{text-align:center; color:#1A1311; font-size:28px; line-height:40px; font-weight:400;}
.company01_cont2 span{font-weight:bold;}
.company01_cont2 .company01_cont2_banner{display:block; margin:30px auto;  width:864px; height:255px; background:url('/images/img-subpage-company.png')no-repeat center;}
.company01_cont2 p{font-size:16px; color:#1A1311; line-height:24px; text-align:center;}

.company02_wrap{width:100%; height:100%; }
.company02_wrap .company02_cont01_wrap{width:100%;}
.company02_wrap .company02_cont01{position:relative; width:100%; overflow:hidden;}

.company02_wrap .company02_cont01 .company_product{margin:150px auto 0; width:1240px;}
.company02_wrap .company02_cont01 .company_product .product_img{float:left; margin-left:110px; background:url('/images/img-item.png'); background-size:cover; width:410px; height:546px;}
.company02_wrap .company02_cont01 .product_info{float:left; padding-top:122px; padding-left:150px; width:calc(100% - 520px);  text-align:left;}
.company02_wrap .company02_cont01 .product_info h3{display:inline-block; margin-bottom:30px; font-size:50px; line-height:72px; color:#000;}
.company02_wrap .company02_cont01 .product_info h3 span{display:block; font-size:18px; font-weight:400; line-height:26px;}
.company02_wrap .company02_cont01 .product_info .hashtag{margin:0; font-size:16px; color:#BDBDBD}
.company02_wrap .company02_cont01 .product_info p{display:block; margin:10px auto 42px; width:100%; color:#757575; font-size:22px; line-height:33px; word-break:keep-all;}
.company02_wrap .company02_cont01 .product_info a{display:block; padding:26px 100px; width:326px; font-size:22px; background:#66830D; color:#fff; line-height:32px; letter-spacing:-0.5px;}
.sct_10 .sct_brand{padding-top:10px; color:#757575; font-size:18px; line-height:26px;}

.company02_cont02{display:block; margin:150px auto; width:1240px; height:100%;}
.ui-tabs{margin:0 auto; padding:0; width:1240px;}
.ui-tabs-nav{padding:0 !important; width:100%; border:0;}
.ui-widget.ui-widget-content{border:0;}
.ui-widget-header{background:transparent; border-radius:0;}
.ui-tabs .ui-tabs-nav li{float:left; margin:0 auto; padding-bottom:10px; width:620px; border-bottom:1px solid #707070 !important}
.ui-tabs .ui-tabs-nav li a{display:block; width:100%; font-size:18px; font-weight:300; line-height:26px; text-align:center;}
.ui-state-default {background:transparent !important; border:0 !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:0; padding-bottom:9px; border-bottom:3px solid #000 !important}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#000}
.ui-tabs .ui-tabs-panel{padding:0;}

#tabs-1{widtH:100%; text-align:center;}
#tabs-1 img{padding-top:35px; width:800px; height:100%;}
.buy_info_wrap{margin:150px auto; width:1280px; text-align:center;;}
.buy_info_wrap h3{color:#000; font-size:30px; line-height:52px;}
.buy_info_wrap p{margin-top:30px; font-size:20px; font-weight:bold; color:#000; line-height:29px;}
.buy_info_wrap b{display:block;  margin:30px auto 0; width:59%; font-size:20px; font-family:"Noto Sans KR"; font-weight:400; color:#000; line-height:29px; word-break:keep-all;}

.buy_info_wrap .buy_inquiry{margin:50px auto 0; width:820px; overflow:hidden;}
.buy_info_wrap .buy_inquiry li{float:left; padding:37px 0; width:calc(50% - 10px); background:#F9F9F9; text-align:center;}
.buy_info_wrap .buy_inquiry li img{width:88px; height:88px;}
.buy_info_wrap .buy_inquiry li:first-child{margin-right:20px;}
.buy_info_wrap .buy_inquiry li h4{margin-top:22px; font-size:20px; line-height:29px;}
.buy_info_wrap .buy_inquiry li p{margin-top:16px; font-size:20px; font-weight:400; line-height:29px;}
.buy_info_wrap .buy_inquiry li span{display:block; margin-top:0; color:#757575; font-size:16px; line-height:24px;}

.company02_ft{width:100%; height:25vw; background:url('/images/img-subpage_bg.png')no-repeat bottom;}

.return_wrap{padding:130px 0; margin:0 auto; width:1240px;}
.list_wrap{padding:130px 0; margin:0 auto; width:980px;}
.return_wrap h3{display:inline-block; font-size:30px; line-height:44px; font-weight:400;}
.return_wrap .link_box{float:right;}
.return_wrap .link_box li{float:left; margin-left:50px;}
.return_wrap .link_box li:nth-of-type(1){margin-left:0;}
.return_wrap .link_box li a{display:block; margin-top:10px; font-size:16px; color:#757575; line-height:24px;}
.return_wrap .link_box li a:hover{color:#000;}

.return_wrap .return_step{margin-top:145px; width:100%; overflow:hidden;}
.return_wrap .return_step li{display:block; margin-bottom:70px; width:100%; overflow:hidden;  }
.return_wrap .return_step img{float:left; display:inline-block; width:auto; }
.return_wrap .return_inner{float:left; padding-left:40px; padding-bottom:40px; width:1059px; border-bottom:1px solid #EEEEEE}
.return_wrap .return_inner strong{margin-top:8px; float:left; font-size:24px; line-height:35px;}
.return_wrap .return_inner strong span{font-size:40px;}
.return_wrap .return_inner .step_title{float:left; display:inline-block; margin-left:10px; background:#F3F7F0; padding:15px 14px;  width:auto; font-size:20px; line-height:30px; font-weight:bold;}
.return_wrap .return_inner p{margin:18px 0 16px; display:block; float:left; width:100%; font-size:18px; line-height:26px;}
.return_wrap .return_inner b{display:block; float:left; color:#757575; font-size:14px; font-weight:400; line-height:20px;}

.return_wrap .return_adress{padding:4px 10px; margin-bottom:70px; width:fit-content; background:#000; color:#fff; font-size:18px; line-height:26px;}
.return_wrap .return_notice{margin-top:50px; display:block; width:auto; text-align:left;}
.return_wrap .return_notice h6{padding-bottom:14px; font-size:24px; line-height:35px;}
.return_wrap .return_notice h6 img{vertical-align:sub; padding-right:8px;}
.return_wrap .return_notice p{padding-top:16px; width:100%; color:#757575; font-size:18px; line-height:26px;}
.this_tap{border-bottom:1px solid #000;}
.this_tap > a{color:#000 !important;}

.mo_return_step{display:none;}

#tabs-2{width:100%; padding:60px 0; overflow:hidden;}
#tabs-2 h4{margin-bottom:20px; font-size:20px; line-height:40px;}
#tabs-2 ul{width:100%; overflow:hidden; border-top:2px solid #000000}
#tabs-2 ul li{padding:14px 0; width:100%; overflow:hidden; border-bottom:1px solid #EEEEEE;}
#tabs-2 ul li:last-child{border-bottom:0;}
#tabs-2 ul li p{float:right; font-size:20px; line-height:29px; width:calc(100% - 175px)}
#tabs-2 ul li .info_name{float:left; width:175px;}

@media (min-width:320px) and (max-width:1200px) {
  #visual{margin-top:76px;}
  #visual .slide01{background:url('/images/mo-img-main01.jpg')no-repeat center; background-size:cover; width:100%; height:80vw}
  #visual .slide02{background:url('/images/mo-img-main02.png')no-repeat center; background-size:cover; height:80vw}
  #visual .slide02 h2{top:103px; font-size:18px; line-height:34px; letter-spacing:5.4px;}
  #visual h2{top:140px; left:16px; font-size:22px; line-height:32px; letter-spacing:6.6px;}
  #visual p{top:182px; left:16px; font-size:14px; line-height:22px;}
  .swiper-button-next, .swiper-button-prev{display:none !important;}
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{font-size:12px !important; bottom:30px !important; left:16px !important;}
  .index_cont01 .index_cont01_wrap{padding:40px 20px;}
  .index_cont01 .index_cont01_left{margin-top:0;}
  .index_cont01 .index_cont01_left h3{float:left; padding-top:7px;  background:url('/images/mo-ico-mainbrand-logo.svg')no-repeat left;width:33.6vw; height:100%; min-height:42px;}
  .index_cont01 .index_cont01_left h4{float:right; margin-left:18px; margin-top:0; width:181px; font-size:12px; font-weight:400; line-height:20px;}
  .index_cont01 .index_cont01_left .more_tap{display:none;}
  .index_cont01 .index_cont01_right{display:none;}


  .index_cont02 .index_cont02_wrap{padding:60px 42px 30px;}
  .index_cont02 .index_cont02_left{width:100%;}
  .index_cont02 .index_cont02_left .index_cont02_box{width:100%; height:100vw; background-size:cover;}
  .index_cont02 .index_cont02_left .index_cont02_box h5{top:0; left:-28px; line-height:87px; font-size:60px;}
  .index_cont02 .index_cont02_right{float:none; width:100%;}
  .index_cont02 .index_cont02_right h6{font-size:30px; line-height:44px; letter-spacing:-2.6px;}
  .index_cont02 .index_cont02_right h6 span{font-size:14px; line-height:20px; letter-spacing:-0px;}
  .index_cont02 .index_cont02_right > p{width:100%; font-size:14px; line-height:24px;}

  .more_tap{padding:13px 20px; width:fit-content; font-size:12px; font-weight:300;}
  .more_tap > p{display:none;}


  .index_cont03 .index_cont03_wrap{padding:19px 16px 34px; width:100%; }
  .index_cont03_left{margin-bottom:32px; width:100%;}
  .index_cont03_left h2{font-size:20px; height:auto; line-height:29px;}
  .lat{padding:16px 0;}
  .index_cont03_right{width:100%;}

  .company01_cont_wrap{padding:0;}
  .company01_cont{margin:136px auto 0; padding:0 16px;}
  .company01_cont1 h3{font-size:34px;}
  .company01_cont1 h3 span{font-size:14px;}
  .company01_cont1 p{font-size:16px; line-height:28px; letter-spacing:-1px;}
  .company01_cont_wrap{ background:transparent;}
  .company01_cont2{margin:80px auto 50px; padding-left:0;}
  .company01_cont2 h4{font-size:14px; letter-spacing:-0.5px;}
  .company01_cont2 .company01_cont2_banner{background:url('/images/mo-ico-waterdrop.png')no-repeat center; background-size:cover; width:92vw; height:27.5vw;}
  .company01_cont2 p{font-size:12px;}

  .company02_wrap{margin:136px auto 60px; padding:0 16px; background-size:contain; width:100%;}
  .company02_wrap .company02_cont01{background:transparent; height:auto;}
  .company02_wrap .company02_cont01_wrap{}
  .company02_wrap .company02_cont01 .company_product{margin:0 auto; width:100%;}
  .company02_wrap .company02_cont01 .company_product .product_img{margin-left:0; width:100%; height:120vw;}
  .company02_wrap .company02_cont01 .product_info{padding-left:0; padding-top:0; width:100%; text-align:center;}
  .company02_wrap .company02_cont01 .product_info .hashtag{display:none;}
  .company02_wrap .company02_cont01 .product_info h3{margin-top:20px; margin-bottom:0; font-size:30px; line-height:44px;}
  .company02_wrap .company02_cont01 .product_info h3 span{font-size:14px; line-height:20px;}
  .company02_wrap .company02_cont01 .product_info p{margin:10px auto 18px; width:90%; word-break:keep-all; font-size:14px; line-height:24px; text-align:left;}
  .company02_wrap .company02_cont01 .product_info a{margin:0 auto; padding:12px 128px; font-size:12px; line-height:17px;}
  .company02_cont02{margin:30px auto 0; width:100%;}
  .ui-tabs{width:100%;}
  .ui-tabs .ui-tabs-nav li{width:50%;}

  .buy_info_wrap{padding:0 16px; width:100%;}
  .buy_info_wrap h3{font-size:20px; line-height:40px;}
  .buy_info_wrap p{margin:0 auto; width:95%; font-size:16px; word-break:keep-all;}
  .buy_info_wrap b{width:100%; line-height:22px; font-size:14px; word-break:keep-all;}

  .buy_info_wrap .buy_inquiry{margin:70px auto 0; width:100%;}
  .buy_info_wrap .buy_inquiry li{width:49%; padding:16px 6px 12px;}
  .buy_info_wrap .buy_inquiry li:first-child{margin-right:2%;}
  .buy_info_wrap .buy_inquiry li img{width:35px; height:35px;}
  .buy_info_wrap .buy_inquiry li h4{margin-top:8px; font-size:14px;}
  .buy_info_wrap .buy_inquiry li p{margin-top:4px; font-size:14px;}
  .buy_info_wrap .buy_inquiry li span{display:none;}

  .company02_ft{width:100%; height:25vw; background-size:cover !important; background:url('/images/mo-img-productbg.png')no-repeat bottom;  }

  .return_wrap{padding:0 16px; margin:100px auto; width:100%;}
  .return_wrap h3{width:100%; text-align:center; font-size:26px;}
  .return_wrap .link_box{float:none; margin:0 auto; padding:0 7%; overflow:hidden;}
  .return_wrap .return_inner{width:100%;}
  .return_wrap .return_inner strong{font-size:14px;}
  .return_wrap .return_inner strong span{font-size:20px;}
  .return_wrap .return_inner .step_title{font-size:16px;}
  .return_wrap .return_inner p{font-size:14px}
  .return_wrap .return_inner b{font-size:12px; word-break: keep-all;}

  .return_wrap .return_step{margin-top:60px; display:none;}
  .return_wrap .mo_return_step{display:block !important;}
  .return_wrap .return_step li{margin-bottom:50px;}
  .return_wrap .return_inner strong{display:block; width:100%;}
  .return_wrap .return_inner img{width:22.5%; margin-right:20px;}
  .return_wrap .return_inner{padding:0; border-bottom:0;}
  .return_wrap .return_inner .step_title{margin-top:5px;}
  .return_wrap .return_inner p{word-break:keep-all;}

  .return_wrap .return_adress{padding:8px 10px; font-size:12px; text-align:center; word-break: keep-all;}

  .return_wrap .return_notice h6{padding-bottom:9px; font-size:20px;}
  .return_wrap .return_notice p{padding-top:12px; font-size:12px; line-height:22px; word-break:keep-all;}

  .list_wrap .link_box{padding:0; width:100%;}
  .list_wrap .link_box li{margin-left:16px;}
  .list_wrap .link_box li a{font-size:14px; letter-spacing:-0.3px;}
  .list_wrap .link_box li:first-child{margin-left:0;}

  #tabs-1 img{width:100%;}

  #tabs-2 ul li p{font-size:14px; width:calc(100% - 120px)}
  #tabs-2 ul li .info_name{width:120px;}
}