.sct_sub_txt { font-size:16px; color:#555; font-weight:300; padding:5px 0 10px 0}

/*메인배너*/
.main-carousel{padding:0; display:block; padding-bottom:150px}
.main-carousel .li{height:650px; background-position:center; position:relative; background-size:cover}
/*.main-carousel .li .owl-item {animation:zoomout 2s ease-in-out infinite alternate!important; -webkit-animation:zoomout 2s ease-in-out infinite alternate; animation-iteration-count:1; -webkit-animation-iteration-count:1;}*/
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}
.main-carousel .jarallax {height: 624px;}
.main-carousel .img01 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ),url(../img/main_banner_img01.jpg)}
.main-carousel .img02 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ),url(../img/main_banner_img02.jpg)}
.main-carousel .img03 { background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ),url(../img/main_banner_img03.jpg)}
.main-carousel .li .copy_area_wrap {max-width:1240px; margin:auto; padding:0 20px}
.main-carousel .li .copy_area{position: absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; z-index:2}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:195px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:65px;height:3px;display:inline-block; border:0}
.main-carousel .owl-dots .owl-dot.active{background:#ffffff}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:60%}
.main-carousel .owl-nav .owl-prev{width:55px;height:30px;position:absolute;left:90px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:55px;height:30px;position:absolute;right:90px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width:992px) {
	.main-carousel .li{height:92vh}
	.main-carousel .jarallax { height: 100vh;}
	.main-carousel .owl-nav { display:none}
	.main-carousel .li .copy_area { top:65%; left: 8%;}
	.main-carousel .li .copy_area h2 { font-size: 36px; letter-spacing: -2px; color:#fff; }
	.main-carousel .li .copy_area h3 { max-width: 300px;  font-size: 15px; letter-spacing: -0.5px; color:#fff}
	
	.main-carousel .img01 {background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../img/m_main_banner_img01.jpg)}
	.main-carousel .img02 {background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../img/m_main_banner_img02.jpg)} 
	.main-carousel .img03 {background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../img/m_main_banner_img03.jpg)} 
	.main-carousel .li .copy_area h4 { border:1px solid #f2f2f2}
	.main-carousel .li .copy_area h4 a { color:#fff}
	.main-carousel .owl-dots .owl-dot.active{background:#fff}
}
.commu .notice a span {
    padding-left: 2%;
}
/*애니메이션*/

@keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg);
    }
    50% {
        -webkit-transform: rotate(4deg);
    }
    100% {
        -webkit-transform: rotate(-4deg);
    }
}

/*메인 텍스트 애니메이션*/

.main-text-animation-box {
    overflow: hidden;
    display: inline-block;
}
.main-text-animation {
    -webkit-animation-name: main-text-animation;
    animation-name: main-text-animation;
    transition: transform 0.8s cubic-bezier(.21,1.03,.7,1);
    transition: transform 1s cubic-bezier(.165,.84,.44,1)!important;
    display: inline-block;
}

@-webkit-keyframes main-text-animation {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes main-text-animation {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

.more.line{
    border: 1px solid #dedede;
}
.more {
    /* font-family: 'roboto'; */
    color: #222222;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    /* padding-right: 60px; */
    display: inline-block;
    letter-spacing: 0.5px;
    width: 59px;
    height: 59px;
    /* background: red; */
    border-radius: 50%;
}
.more:after {
    display: block;
    clear: both;
    content: "";
    width: 19px;
    height: 2px;
    background: #222222;
    position: absolute;
    top: 28px;
    right: 19px;
}
.more:before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(45deg);
    position: absolute;
    top: 25px;
    right: 19px;
}
.more.wh {
    color: #fff;
}
.more.wh:after {
    display: block;
    clear: both;
    content: "";
    width: 19px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 28px;
    right: 19px;
}
.more.wh:before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 25px;
    right: 19px;
}

.more2 {
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    display: block;
    position: relative;
    width: 111px;
    letter-spacing: -0.05px;
    transition:0.3s;
}
/*.more2:hover{
    border-bottom:2px solid #fff; padding-bottom:10px;
}*/
.more2:hover:before{
    right:-10px !important;
}
.more2:hover:after{
    right:-8px !important;
    width:25px !important;
}
.more2:before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    right: 0;
    transition: 0.3s;
}
.more2:after {
    display: block;
    clear: both;
    content: "";
    width: 19px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 7px;
    right: 1px;
    transition: 0.3s;
}
.more2.lay {
    color: #333333;
    font-weight: 800;
    font-size: 12px;
    display: block;
    position: relative;
    width: 111px;
    letter-spacing: -0.05px;
}
.more2.lay:before {
    content: '';
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: 3px;
    right: 0;
}
.more2.lay:after {
    display: block;
    clear: both;
    content: "";
    width: 19px;
    height: 2px;
    background: #333;
    position: absolute;
    top: 6px;
    right: 1px;
}
@media all and (min-width:768px) {
    .main_tlt {
        font-size: 50px;
    }
    .main_tlt span {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .main_tlt.lay {
        font-size: 32px;
    }
    .more2 {}
}
@media all and (min-width:1280px) {
    .main_tlt {}
    .main_tlt span {}
    .main_tlt.lay {}
    .more2 {}
}

/*commu layout*/

.commu .wd100 a{width:100%; display:block; background:#d1d1d1; padding:40px; border-radius:20px;}
.commu .notice a{width:100%; display:block; background:#434343; padding:10px; border-radius:20px;}
.commu {max-width:1400px; margin:0 auto;}
.commu ul{width:100%;}
.commu li{width:100%; display:inline-block;}
.commu li a{display:block; background:#E9E8E3; padding:40px; border-radius:20px; color:#fff;}

.box_sd {box-shadow: 0px 8px 6px -6px #666;}

@media all and (min-width:1200px) {
.commu li{width:32.8%; margin-right:5px;}
.commu li:last-child {margin-right:0;}
.commu li a{padding:70px 40px;}
}

.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1400px; padding:0 3%; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:13px;}
.txt-m{font-size:20px;}
.txt-l{font-size:26px;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:500; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}


.mEnter{display:block;}
.mb{margin-bottom:30px !important}
.bmb{margin-bottom:40px !important}
.pb{padding-bottom:30px !important}
.bpb{padding-bottom:40px !important}

.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#273BEA}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px}

@media all and (min-width:768px) {

.txt-s{font-size:15px;}
.txt-m{font-size:20px;}
.txt-l{font-size:30px;}

.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:40px !important; }
.bmb{margin-bottom:60px !important;}

.pb{padding-bottom:40px !important}
.bpb{padding-bottom:60px !important}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:48.5%; float:left;}
.mr{margin-right:3%;}
}

@media all and (min-width:1200px) {


.mEnter{display:inline-block;}

.txt-m{font-size:30px;}
.txt-l{font-size:40px;}

.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:30px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.bmb{margin-bottom:80px !important}

.pb{padding-bottom:50px !important}
.bpb{padding-bottom:80px !important}
.pdinner{padding:0 20px}



}

/*중단 주요제품*/

.tl_top_wrap { width:100%; padding:150px 0; position:relative}
.tl_top_wrap .inner { max-width:1300px}
.tl_top_wrap ul {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap}
.tl_top_wrap ul .left {  width:50.31%;}
.tl_top_wrap ul .left .photo01 {background:url(../img/top_left_img.jpg) center no-repeat; height:752px; width:100%; position:relative;  background-size:cover; border-radius:10px;  clear:both}
.tl_top_wrap ul .left .photo01 .txt_center { padding-top:430px; display:block; font-size:180px; color:#fff; text-align:center; letter-spacing:-2px; font-family:"Times New Roman", Times, serif}
.tl_top_wrap ul .left .photo01 .txt_center span { font-size:48px}
.tl_top_wrap ul .left .photo01 .clearfix { padding:260px 20px 20px 50px; max-width:355px}
.tl_top_wrap ul .left .photo01 .clearfix h2 { font-size:40px; color:#73504a; font-weight:500}
.tl_top_wrap ul .left .photo01 .clearfix p { font-size:16px; color:#73504a; padding-top:20px; font-weight:300}

.tl_top_wrap ul .left .text_box { padding:64px 20px 20px 20px;  position:relative;}
.tl_top_wrap ul .left .text_box .txt_left { position:absolute; left:3%; bottom:820px; transform: rotate(90deg); font-size:22px}	
.tl_top_wrap ul .left .text_box .txt_left span { font-size:17px}
.tl_top_wrap ul .left .txt_center .price { font-size:23px; text-align:center; letter-spacing:0}

.tl_top_wrap ul .left .text_box h2 { font-size:17px; font-weight:300; padding-bottom:20px; letter-spacing:-0.02em; color:#333; font-weight:400}
.tl_top_wrap ul .left .text_box h1 { font-size:36px; font-weight:700; padding-bottom:20px}
.tl_top_wrap ul .left .text_box p { font-size:16px; max-width:400px; color:#555; line-height:1.4; letter-spacing: -0.02em;font-weight: 300;  word-break:keep-all}


.tl_top_wrap ul .right { width:40.6%;}
.tl_top_wrap ul .right  .photo02 {background:url(../img/top_right_img.jpg) center no-repeat; height:639px; width:100%; position:relative; border-radius:10px;  background-size:cover}
.tl_top_wrap ul .right  .photo02 .small { color:#fff; font-size:45px; font-weight:100; position:absolute; left: 50%; top:80px}
.tl_top_wrap ul .right  .photo02 p {  color:#fff; font-size:16px; font-weight:100; position:absolute; left: 50.5%; top:190px; letter-spacing:-0.02em; padding-right:55px}
.tl_top_wrap ul .right  .text_box { padding:100px 20px 64px 20px; display:block; clear:both}
.tl_top_wrap ul .right  .text_box h2 { font-size:17px; font-weight:400; color:#333; padding-bottom:20px;}
.tl_top_wrap ul .right  .text_box h1 { font-size:36px; font-weight:700; padding-bottom:20px}
.tl_top_wrap ul .right  .text_box p { font-size:16px; color:#555; line-height:1.4; letter-spacing: -0.02em;font-weight: 300; word-break:keep-all; max-width:500px  }

@media screen and (max-width:1080px) {
	.tl_top_wrap ul .left{ width:100%; display:block; margin:auto; float:none; background-size:auto; clear:both}
	.tl_top_wrap ul .left .text_box { padding: 50px 20px 64px 20px}
	.tl_top_wrap ul .left .text_box .txt_left { left:-10%}
	.tl_top_wrap ul .right{ width:100%; display:block; margin:auto; float:none; background-size:auto; clear:both}
	.tl_top_wrap ul .right .text_box  { padding: 150px 20px 64px 20px;}

}


@media screen and (max-width:650px) {

.tl_top_wrap ul .left .text_box {padding:50px 20px 64px 20px;}
.tl_top_wrap ul .right .text_box  { padding:0; position:absolute; bottom:-80px; margin-top:20px; left:20px}
.main-carousel {
    padding: 0;
    display: block;
    padding-bottom: 150px;
    margin-bottom: -35%;
}

}


.tl_center_banner_wrap { margin:150px 0 ; background:url(../img/center_banner.png) center no-repeat;  height:647px;}

.tl_bottom_banner_wrap { width:100%;/* padding:190px 0 0;*/ /*background-color:#f5f5f5;*//* margin:150px 0;*/ }

.tl_bottom_banner_wrap h2 {font-size:25px; font-weight:600;}
.tl_bottom_banner_wrap p {font-size:16px; }

.tl_bottom_banner_wrap .left {text-align:right;}
.tl_bottom_banner_wrap .left {text-align:right;}
.tl_bottom_banner_wrap .left h2 {/*font-size:30px*/}
.tl_bottom_banner_wrap .left {width:100%; height:200px; width:51.5%; height:688px; float:left; position:relative; overflow: hidden;}
.tl_bottom_banner_wrap .left a {/*transition-duration: 0.3s;*/background:url(../img/bottom_left01.jpg) center; background-size:cover!important; width:100%;  height:688px; display:block; padding:80px; border-radius:30px 0 0 30px;}

/*.tl_bottom_banner_wrap .left a:hover {
    background: url(../img/bottom_left01.jpg) center;
    background-size: cover !important;
    width: 100%;
    height: 688px;
    display: block;
    padding: 80px;
    border-radius: 30px 0 0 30px;
   transform: scale(1.2, 1.2); transition-duration: 0.5s;

    
}*/


.tl_bottom_banner_wrap .left .more a  {display:block; width:190px; font-size:14px; color:#f5f5f5;  margin:0; line-height:40px; padding:5px 0px; transition: all 0.2s; background-image:url(../img/arrow_latest.png); background-repeat:no-repeat; background-position: 80px center;}

.tl_bottom_banner_wrap .right { width:48.5%; float:left}
.tl_bottom_banner_wrap .right .top { clear:both}
.tl_bottom_banner_wrap .right .top a { width:100%; height:325px; padding:200px 0 0 37px; display:block; background:url(../img/bottom_right01.jpg) left top no-repeat; background-size:cover; height:325px; clear:both; border-radius: 0 30px 0 0;}
.tl_bottom_banner_wrap .right .top h2 {/*font-size:30px; color:#000; font-weight:500*/}
.tl_bottom_banner_wrap .right .top p {line-height:1.4; letter-spacing:-0.02em;  max-width:283px}
.tl_bottom_banner_wrap .right .top .more a {display:block; width:190px; font-size:14px; color:#333;  margin:0; line-height:40px; padding:5px 0px; transition: all 0.2s; background-image:url(../img/arrow_latest2.png); background-repeat:no-repeat; background-position: 80px center;}
.tl_bottom_banner_wrap .right .top .more a:hover {padding:5px 10px; transition: all 0.3s;}

.tl_bottom_banner_wrap .right .bottom { clear:both}
.tl_bottom_banner_wrap .right .bottom .box01 {background: url(../img/bottom_right02.jpg) center no-repeat; background-size: cover; height: 363px; float: left; width: 50%; padding: 38px 20px 20px 37px;}
/*.tl_bottom_banner_wrap .right .bottom .box01 a { width:100%; height:363px; display:block; background:url(../img/bottom_right02.jpg) center no-repeat; background-size:cover; height:363px; float:left; width:50%; padding:254px 20px 20px 37px;}*/
.tl_bottom_banner_wrap .right .bottom .box01 h2 {/*font-size:30px; color:#000; font-weight:500*/}
.tl_bottom_banner_wrap .right .bottom .box01 p {/*font-size:16px; padding-top:5px; color:#000;*/}
.tl_bottom_banner_wrap .right .bottom .box02 {background: url(../img/bottom_right03.jpg) center no-repeat; background-size: cover; height: 363px; float: left; width: 50%; padding: 254px 20px 20px 37px; border-radius: 0 0 30px 0;}
/*.tl_bottom_banner_wrap .right .bottom .box02 a {background:url(../img/bottom_right03.jpg) center no-repeat; background-size:cover; height:363px; float:left; width:50%; padding:254px 20px 20px 37px; border-radius:0 0 30px 0;}*/
.tl_bottom_banner_wrap .right .bottom .box02 h2 {/*font-size:30px;  font-weight:500*/}

@media screen and (max-width:750px) {
.tl_bottom_banner_wrap .right .top a{height: 230px;}
.tl_center_banner_wrap { margin:0}	
.tl_bottom_banner_wrap { padding:0; margin:0}
.tl_bottom_banner_wrap .left{ width:100%;   padding: 0 3%;border-radius: 20px;  padding: 0 3%;   height: 100%; clear:both; margin-bottom: 10px;}
.tl_bottom_banner_wrap .right { width:100%; clear:both}
.tl_bottom_banner_wrap .right .bottom .box01 { width:100%; height: 230px;border-radius: 20px; margin-bottom: 10px;}
.tl_bottom_banner_wrap .right .bottom .box02 { width:100%; height: 230px;border-radius: 20px;     padding: 38px 20px 20px 37px;}
  .tl_bottom_banner_wrap .right .top .box_img { margin-bottom: 10px;           padding: 0 3%;      border-radius: 20px;}
  .tl_bottom_banner_wrap .right .bottom{clear: both; padding: 0 3%;}
  .main-carousel {
    padding: 0;
    display: block;
    padding-bottom: 150px;
    margin-bottom: -35%;
}
.sec02Cont {
    padding-top: 7% !important;
}
}

section.tl_bottom_banner_wrap.clearfix {  margin-top: 2%;}


/*하단 컨텐츠*/
.left_box { position: absolute; right: 110px; padding-right: 50px;}
.btn-more2 { position: absolute;  right: -85px; transform: rotate(90deg);  margin-top: -208px;}
.more_arrow {  padding-left: 10px;}
.middle_text01 { padding-bottom: 20px;}

.tl_about_box_wrap  {width:100%; padding:150px 0 150px 0; display:flex}
.tl_about_box_wrap .photo { width:55.3%; height:557px; background-image:url(../img/beauty.png); background-repeat:no-repeat; background-position:top center; background-size:cover; float:left; padding:100px }
.tl_about_box_wrap .txt { width:40%; height: 436px; padding: 80px 20px 20px 70px; margin-top: 121px; background-color:#f7f7f7}
.tl_about_box_wrap .txt h3 { font-size:18px; padding-bottom:20px; font-weight:400}
.tl_about_box_wrap .txt h2 { font-size:36px; display:block; max-width:502px; font-weight:300; letter-spacing:-1px; clear:both}
.tl_about_box_wrap .txt p { display:block; padding:20px 0 20px 0; color:#555; font-size:17px; line-height:1.4; letter-spacing:-0.02em; font-weight:300; max-width:575px; word-break:keep-all}
.tl_about_box_wrap .more { font-size: 14px; font-weight: 600; text-align: left; width: 160px; border: 1px solid #ddd;}
.tl_about_box_wrap .more a { color: #000;padding: 15px 40px;  display: block;  text-align: center;}
.tl_about_box_wrap .more:hover { background-color:#40467a; border:1px solid #40467a; color:#fff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tl_about_box_wrap .more:hover a{color:#fff;padding:15px 40px;display:block; text-align:center}



@media screen and (max-width:1200px) {
.tl_about_box_wrap { display:block}
.tl_about_box_wrap .photo  { width: 100%}	
.tl_about_box_wrap .txt { width:100%; padding: 100px 20px 20px 20px; }
.tl_about_box_wrap .txt h2 { max-width:402px}
.tl_about_box_wrap .txt p { max-width:400px}

	
}



@media screen and (max-width:1080px) {
.tl_about_box_wrap  { padding:0 0 150px 0}	
	
}


@media screen and (max-width:956px) {
	.tl_about_box_wrap .photo { width:100%;  clear:both; float:none; padding:20px; background-size: inherit;} 
	.tl_about_box_wrap .txt { width:100%;  padding: 100px 20px 20px 20px; margin-top:0}
	.tl_about_box_wrap .txt h2 { padding:0; font-weight:300; word-break:keep-all}
	.tl_about_box_wrap .txt p { max-width:380px; font-size:15px; font-weight:300; line-height:1.6; margin-top:10px; padding:0 0 20px 0 }
	.tl_about_box_wrap .txt h3 { font-size:17px; font-weight:400; padding:100px 0 20px 0px}
}


@media screen and (max-width: 640px) {
	.tl_about_box_wrap { padding:0; margin-top:100px}
    .tl_about_box_wrap .txt  { padding:0px 20px 20px 40px; width:100%}
	.tl_about_box_wrap .txt h2 { font-size:36px;}
	.main-carousel {
    padding: 0;
    display: block;
    padding-bottom: 150px;
    margin-bottom: -35%;
}
}


.sct_img{ overflow: hidden;}
.sct_img img { transition: all 0.2s linear;}
/* .sct_img:hover img {
  transform: scale(1.3);
} */

.btn_wish{color:#c1c4c6;}
.button_on .fa-heart-o,.style_class .fa-heart-o{color:red;}











@media (max-width: 777px) {
    .section .sectionCon {
        padding-bottom: 30px;
    }
}



@media (max-width: 777px) {
    .mainTit {
        text-align: center;
        margin-bottom: 10px;
        padding-top: 0;
    }
}

@media (max-width: 777px) {
    .section03 .sectionCon .sec02_list ul li span.img img {
        width: 100%; 
    }
	@media (max-width: 777px) {
    .section03 .sectionCon .sec02_list ul li:first-child {
        margin-bottom: 20px;
		width: 100% !important;
    }
}



@media (max-width: 777px) {
    @media (max-width: 777px) {
        .section03 .sectionCon .sec02_list ul li {
            width: 100% !important;
        }
    }
}


@media (max-width: 777px) {
    @media (max-width: 777px) {
        .tl_bottom_banner_wrap .left a {
            border-radius: inherit;
			padding: 28px 28px;
			text-align: initial;
			background-position: left;
			 height: 230px;
            
        }
    }
}

@media (max-width: 777px) {
    @media (max-width: 777px) {
       .tl_bottom_banner_wrap .right .top a{
            border-radius: inherit;
		padding: 38px 20px 20px 37px;
        }
    }
}