body,h1, h2, h3, h4, h5, h6{
    font-family: 'Noto Sans KR', sans-serif;
    
}
p{word-break:keep-all;}

/* fullpage */
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff;}
#fp-nav ul li, .fp-slidesNav ul li{margin: 10px 7px;}

input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus {
-webkit-box-shadow:none !important;
box-shadow:none !important;
border:1px solid #ccc !important;
}

section{position:relative;}
#container{margin:0;}
#hd{background: unset;}
.container{width:1400px;margin: 0 auto;}
#hd_wrapper{height:80px;transition: 0.5s;}
#hd_wrapper.on .menu_wrap>li>a{color:#000;}
#hd_wrapper.on .menu_wrap{box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.logo{width:140px;height:80px;display:flex;align-items: center;position: absolute;top: 0;left:50px;}
#hd_wrapper .logo a{width:100%;height:42px;background:url('./img/logo.png') no-repeat;transition: all 0.3s;}
#hd_wrapper.on .logo a{background: url('./img/logo_black.png') no-repeat;}
#hd_wrapper.on .menu_wrap{background:#fff;}

#hd_wrapper:hover .menu_wrap{background-color:#fff;}
#hd_wrapper:hover .menu_wrap>li a{color:#191919;}
#hd_wrapper:hover .logo a{background-image: url('./img/logo_black.png');background-repeat: no-repeat;}
.fixed_btn{position:fixed;right:50px;bottom:50px;transform: translate(0,-50%);z-index: 99;width: 50px;height:50px;border-radius: 50%;background-color: #333;overflow: hidden;cursor: pointer;
    transform:translate(100px,0);opacity: 0;transition: all .3s;
}
.fixed_btn{background-image: url('./img/up_arrow.png');}

.menu_wrap{height:80px;margin:0 auto;display:flex;justify-content: center;transition:all 0.5s}
.menu_wrap>li{display:flex;justify-content: center;align-items: center;font-size:18px;}
.menu_wrap>li>a{color:#fff;padding: 0 40px;transition:all 0.3s;}

.menu_wrap>li .sub_menu_wrap {position: absolute;bottom:0;left:0;width:100%;height:0px;overflow:hidden;}
.menu_wrap>li:hover .sub_menu_wrap {overflow:visible;}
.menu_wrap>li .sub_menu {display:flex;width:100%;background:#fff;justify-content:center;padding:30px 0;opacity: 0;transition: all 0.5s;}
.menu_wrap>li:hover .sub_menu {opacity: 1;box-shadow: 0 10px 7px -7px rgb(0 0 0 / 10%);}

.sub_menu>li{margin-right:60px;}
.sub_menu>li:hover a{color: #093355;}
.sub_menu>li:last-child{margin-right:0;}
.sub_menu>li a{color:#666666;font-size:16px;}

.store_btn{
    position:absolute;
    right:50px;
    top:18px;
    width:160px;
    height:44px;
    border-radius: 22px;
    background: rgb(0,73,134);
    background: linear-gradient(138deg, rgba(0,73,134,1) 36%, rgba(13,85,145,1) 66%, rgba(24,96,156,1) 100%); justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:15px;
}
.store_btn>a{color:#fff;}
/* .menu_wrap>li:hover  */

.lang_menu{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
	position: absolute;
    right: 240px;
    top: 50%;
    transform: translate(0px, -50%);
}
.lang_menu_sub{
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}
.lang_menu_sub a{color:#000;margin-right: 10px;opacity: .7;}
.lang_menu a.on, .lang_menu_sub a.on {
    opacity: 1;
    color: #1e5e92;
}
.lang_menu a {margin-right: 17px;color:#fff;opacity: .7;transition: all 0.3s;}
#hd_wrapper:hover .lang_menu a, #hd_wrapper.on .lang_menu a{
	color:#000;
}
#hd_wrapper:hover .lang_menu a.on, #hd_wrapper.on .lang_menu a.on{
    color: #1e5e92;
}


/* section_1 */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.section_01 .swiper-slide{position:relative;height:100vh}
#mobile_text {
	opacity:0;
	text-shadow: 1px 1px 8px #222;
    position: absolute;top: 50%;left: 15px;
    transform: translateY(-30%);
    font-size: 18px;font-weight:200;
    color: #fff;
	transition:all .5s;
	/* animation:mobile_1_opacity 19.5s infinite; */
}
/* #mobile_text.two{animation:mobile_2_opacity 19.5s infinite;} */
/* #mobile_text.three{animation:mobile_3_opacity 19.5s infinite;} */

#mobile_text h1 {
    font-family: 'GmarketSansMedium';
    margin: 10px 0 15px;
    font-size: 25px;
    line-height: 35px;
}
.mobile_text h2{font-family: 'GmarketSansLight';}
/* @keyframes mobile_1_opacity{0%{opacity:0}5%{opacity:1}28%{opacity:1}30%{opacity:0}100%{opacity:0}}
@keyframes mobile_2_opacity{0%{opacity:0}30%{opacity:0}32%{opacity:1}62%{opacity:1}64%{opacity:0}100%{opacity:0}}
@keyframes mobile_3_opacity{0%{opacity:0}64%{opacity:0}66%{opacity:1}100%{opacity:1}}
 */

.video_01 {
    width: 100%;height: 100vh;
    overflow: hidden;
	position: absolute;top: 0;left: 0;
}
.video_01 video{position:absolute;top:0;left:0%;/* transform:translateX(-50%) */;}
.video_01 video.pc{display:block;}
.video_01 video.mobile{display:none;}

.swiper-slide{overflow:hidden;}
.main_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size: cover;transform: scale(1.1);transition: 2s;background-position: center;}
.slide11 .main_bg{background-image: url('./img/section_21.jpg');}
.slide12 .main_bg{background-image: url('./img/section_11.jpg');}
.slide13 .main_bg{background-image: url('./img/section_12.jpg');}
.swiper-slide-active .main_bg{transform: scale(1);}
.main_title{display:flex;flex-direction:column;justify-content: center;align-items: center;height: 100vh;position:relative;z-index: 1;}
.main_slide_title{display:flex;position: absolute;top: 50%;left:50%;transform: translate(-50%,-120px);z-index: 1;}
.main_slide_title h1{color:#fff;font-size:60px;opacity: 0.6;cursor: pointer;}
.main_slide_title h1:nth-child(2){margin:0 40px;}
.main_slide_title h1.on{opacity: 1;}
.main_title p{color:#fff;text-align: center;font-size:20px;line-height:35px;margin-top:30px;opacity: 0;}
.swiper-slide.swiper-slide-active #mobile_text{opacity:1;}
.swiper-slide.swiper-slide-active .main_title p {opacity: 1;}

.index-fullpage .swiper-pagination {top: 50%;bottom: auto;left: 50%; transform: translate(-50%,-100%);}
.index-fullpage .swiper-pagination-bullet {width: auto;height:auto;border-radius: 0;background: none;
    color:#fff;font-size: 60px;opacity: 0.6;cursor: pointer;font-weight: 600;margin: 0 20px !important;}
.index-fullpage .swiper-pagination-bullet-active {background: none;opacity: 1;}

/* swiper */
.swiper-button-next{background-image: url('./img/arrow-navigation.svg');}
.swiper-button-prev{background-image: url('./img/arrow-navigation.svg');transform: scale(-1);}

.swiper-button-next, .swiper-button-prev{top:50%;height:20px;background-size: contain;margin-top:-10px}
.slide_btn{position: relative;position: absolute;top: 50%;left: 50%;z-index: 1;width: 8px;height: 10px;margin-left:-4px;margin-top:-5px;cursor: pointer;}
.btn_wrap {width: 90px;height: 50px;position: absolute;top: 50%;left: 50%;margin-top: 85px;margin-left: -45px;}
.pause{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
.pause.start{background-image: url('./img/icon-play.svg');display:none;}
.pause.stop{background-image: url('./img/pause_icon.png');}

span.swiper-pagination-bullet{position:relative;}
span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%;
    opacity: 0.8;
}

span.swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    width: 0;
    opacity: 0;
    height: 30px;
    background-color: #0f5793;
    bottom: -5px;
    z-index: -1;
	transition:all 0.8s;
}
span.swiper-pagination-bullet:nth-child(2)::before {background-color: #e9e9e9;}
span.swiper-pagination-bullet:nth-child(3)::before {background-color: #3a958b;}

/* section_2 */
.text_wrap{height:630px;display:flex;flex-direction:column;justify-content: center;align-items: center;transition: 1.2s;opacity: 0;transform: translate(0,50px);}
.text_wrap p{font-size: 18px;font-weight: 500;}
.text_wrap h1{margin:20px 0 50px;font-size:42px;line-height: 60px;color:#aaa;text-align: center;font-weight: 700;}
.text_wrap h1>span{color:#000;}
.shop_btn{text-align: center;}
.shop_btn a{background-color: #000;border-radius: 27px;color:#fff;font-size:15px;padding:15px 35px;transition:.3s;}
.shop_btn a:hover{background-color: #125a96;} 



/* section_3 */
#section_3{height:100%;background-color:#f9f9f9;}
#section_3 .container{width:1400px;height:100%;margin:0 auto;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.section_3_title{opacity: 0;transition: 1.2s;transform: translate(0,50px);
	width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column-reverse;
}
.section_3_title h1{font-size: 70px;font-weight: 800;margin-bottom:65px;font-family: 'Lato', sans-serif;width: fit-content;}
.section_3_title p{font-size:18px;font-weight:300;}
.product_img_wrap{display:flex;flex-wrap:wrap;width:100%;justify-content: flex-end;}
#section_3 .content{
    width:24%;height:420px;border-radius:20px;
    padding: 30px;margin-right: 1.25%;overflow:hidden;
    position: relative;overflow:hidden;z-index: 1;
    display: flex;flex-direction: column;justify-content: space-between;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
}
#section_3 .content h1{font-size: 20px;font-weight: 600;color:#fff;}
#section_3 .content:hover{transform: translate(0, -20px);}
#section_3 .content:nth-child(1){background-image: url('./img/index_img_0.jpg');}
#section_3 .content:nth-child(2){background-image: url('./img/index_img_1.jpg');}
#section_3 .content:nth-child(3){background-image: url('./img/index_img_2.jpg');}
#section_3 .content:nth-child(4){background-image: url('./img/index_img_4.jpg');}
#section_3 .content:last-child{margin-right:0;}

#section_3 .content:hover{background-color: #0068b7;background-image: none;}
#section_3 .content:hover h1{color: #fff;}
#section_3 .content:hover .content_text{transform: translateY(0);transition: all 1s;}
.content_text{
    transform: translateY(120%);
}
.content_text p{font-size:16px;margin-bottom:40px;color:#fff;font-weight: 300;}
.content_text a{
    display: flex;justify-content: center;align-items: center;
    width: 50px;height: 50px;border-radius: 50%;
    background-color: #fff;
}
.section_03 .view_more>img{margin:0 0 6px 5px;transition: 0.2s;}
.section_03 .view_more:hover img{margin-left:12px;}


/* section_4 */
.section_04{background-image: url('./img/section_4.jpg');background-position: center;background-size: cover;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.section_04 .content{display:flex;flex-direction:column;align-items: center;color:#fff;margin-bottom:50px;opacity: 0;transform: translate(0,50px);transition: 1s;}
.line{width:1px;height:100px;background:#fff;}
.section_04 .content h1{font-size:40px;font-weight: 400;margin:30px 50px;text-align:center;}
.section_04 .content h2{font-size:55px;font-weight: 700;margin:0px 0 40px;}
.section_04 .content p{font-size:16px;text-align: center;font-weight:300;}




/* section_5 */
.section_05 .container{width:1400px;height:100%;margin:0 auto;display: flex;align-items: center;position: relative;}
.section_5_text{opacity: 0;transition: 1.2s;transform: translate(0,50px);}
.section_05 h3{font-size:18px;font-weight: 300;}
.section_05 h1{font-family: 'Lato', sans-serif;font-size:70px;font-weight: 800;}
.section_05 p{font-size:16px;color:#999;margin:35px 0 45px;}
.section_05 .view_more{margin-bottom:30px;}
.section_05 .view_more a{font-size:16px;}
.main_img{width:940px;height:600px;position: absolute;opacity:0;right:-150px;top:50%;transform:translate(0,-50%);z-index: -1;transition: 1s;transition-delay: 0.2s;}
.section_05 .view_more>img{margin:0 0 6px 5px;transition: 0.2s;opacity: 0.8;}
.section_05 .view_more:hover img{margin-left:12px;}



/* section_6 */
.section_05 .container{width:1400px;height:100%;margin:0 auto;display: flex;align-items: center;}
.banner_wrap{display:flex;padding-top: 80px;justify-content: space-around;}
.banner{width:630px;height:700px;display:flex;flex-direction: column;justify-content: center;align-items: center;padding-top:300px;}
.banner:first-child{background:url('./img/banner_1.jpg') no-repeat;background-size: cover;}
.banner:last-child{background:url('./img/banner_2.jpg') no-repeat;background-size: cover;}
.banner h1{font-size:30px;font-weight: 500;}
.banner p{font-size: 16px;margin:30px 0 40px;text-align: center;font-weight: 200;}
.banner_view{width:145px;height:40px;border:1px solid #313131;transition: 0.5s;}
.banner_view a{display:block;width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
.banner.two{color:#fff}
.banner.two a{color:#fff}
.banner.two .banner_view{border: 1px solid #fff;}

.banner_view:hover{background-color: #313131;}
.banner_view:hover a{color:#fff}
.banner.two .banner_view:hover{background-color: #fff;}
.banner.two .banner_view:hover a{color:#313131}
.banner{opacity: 0;transform: translate(0,50px);transition: 1.5s;}
.banner.two{transition-delay: 0.5s;}



/* footer */
.footer{display:flex;flex-direction: column;background-color: #252525;}
.ft_content{display:flex;width: 1400px;margin: 0 auto;padding-top: 50px;}
.contact_us{display:flex;flex-direction:column;font-size:14px;font-weight: 300;color: #fff;margin:0 50px;}
.ft_title{margin-top:15px;}
.ft_title>div{display:flex;}
.ft_title>div:first-child{margin:5px 0;}
.ft_title>div h1{width:70px;}
.contact_us h1{font-weight: 400;}
.ft_title p{color: #e5e5e5;}

.follow_us h1{color: #fff;font-weight: 400;font-size: 14px;}
.ft_img_wrap{display:flex;margin-top: 15px;}
.ft_img_wrap a:not(last-child){margin-right:15px;}
.copyright {margin: 50px 0 0;font-weight: 100;color: #d3d3d3;}



/* info.php */
/* info.php */
/* info.php */
/* info.php */
.info_video{margin-top:150px;}
.info_video video{width:100%;}
#hd{z-index: 99;}
#container{width:100%;}
.sub_container{width:1400px;margin: 0 auto;position: relative;}
.product_title> h2{
	display:block;
	width: 15px;
	height: 15px;
	background-color: #1e5e92;
	margin: 0px 20px 0 0;
	border-radius: 50%;
}
/* section_1 */
.section_1{width:100%;height:420px;background-image:url('./img/info_bg_3_1.jpg');background-position:center;position: relative;display: flex;justify-content: center;align-items: center;background-position-y: center;background-size:cover;}
@keyframes up{0%{background-position-y:-40px;}100%{background-position-y: -90px;}}
.section_1 h1{font-size: 40px;font-weight: 500;text-align: center;color: #fff;animation:1s moveup2 alternate;transition: all .2s;}
.section_1.carcare h1{animation:1s moveup alternate;}
/* .section_1 .navi{position: absolute;bottom: 90px;right: 50px;display: flex;}
.section_1 .navi>p{margin-right:30px;display: flex;color: #fff;font-size: 16px;position: relative;}
.section_1 .navi>p:last-child{margin-right:0px;}
.section_1 .navi>p a{color:#fff}
.section_1 .navi>p::after{content:'';background: url('./img/ic-arr-s-w.png');width:6px;height:13px;position: absolute;top: 6px;right:-20px;}
.section_1 .navi>p:last-child::after{display:none;} */

@keyframes moveup{
	0%{opacity:0;transform: translate(0,50px);}
	100%{opacity:1;transform: translate(0,0px);}
}
@keyframes moveup2{0%{opacity:0;}100%{opacity:1;}}


/* section_2 */
.section_2{padding: 150px 0;}
.section_2 .sub_container>h1{font-size: 30px;text-align: center;display:block;position: relative;}
.section_2 .sub_container>h1>span{    font-family: 'Rubik', sans-serif;}
.section_2 .sub_container>h1::after{content:'';width:154px;height:1px;position: absolute;bottom: -5px;left: 50%;transform:translate(-50%,0);background-color: #000;}
.section_2 .sub_container>p{font-size: 18px;margin: 60px 0 100px;font-weight:300;line-height: 1.8;}
.section_2 .sub_container>p.plus_p{margin:15px 0 0;}
.section_2 .sub_container>p.plus_p.first{margin-top: 60px;}
.section_2 .sub_container>p.plus_p.last{margin-bottom: 100px;}

.section_2 .content{display:flex;justify-content: space-between;}
.section_2 .img_wrap{width:450px;height:350px;background: #125a96;}
.section_2 .text{display:flex;flex-direction: column;width:850px;justify-content: space-between;}
.section_2 .text h2{font-size: 26px;font-weight: 300;line-height: 1.4;}
.company_info{display: flex; flex-wrap: wrap;}

.company_info>.info_wrap{width: 100%;display: flex;margin-bottom: 30px;}
.company_info>.info_wrap>div{width: 50%;display: flex;align-items:center;justify-content: space-between;border-bottom: 1px solid #d1d1d1;padding-bottom:10px;margin-top: 30px;}
.company_info .long_wrap{width: 100%;margin-right: 0!important;display: flex;justify-content: space-between;}
.company_info .long_wrap p{line-height: unset;width:250px}
.company_info>.info_wrap>div:nth-child(1), .company_info>div:nth-child(3){margin-right:50px;}
.company_info p{font-size: 18px;color: #777;}
.company_info h3{font-size: 25px;color: #333;font-weight: 400;}
.company_info h3.long{font-size: 22px;line-height: unset;text-align: right;}
.company_info h3.number{font-family: 'Poppins', sans-serif;}

.company_info>div h3>span{font-size: 16px;}

/* section_3 */
.section_3.info{height:680px;display: flex;}
.section_3 .left{width:50%;height:100%;background:url('./img/ceo_bg.jpg') center;}
.section_3 .right{width:50%;height:100%;display: flex;flex-direction: column;justify-content: center;background: #08375c;text-align: center;color:#fff}
.section_3 .right p{font-size: 20px;font-weight: 400;}
.section_3 .right h1{font-size: 30px;line-height: 50px;margin: 35px 0 80px;}
.ceo_btn{width:260px;height:60px;background-color: #fff;margin: 0 auto;}
.ceo_btn a{display:block;width: 100%;height:100%;font-size: 20px;line-height: 60px;}

/* section_4 */
.section_4{padding:50px 0 150px;}
.section_4 h1{font-size: 30px;line-height: 48px;}
.section_4 .sub_container>p{font-size: 20px;line-height: 34px;color:#484848;margin: 60px 0 140px;}
.mind_wrap{display:flex;flex-direction: column;}
.mind_title_wrap{display: flex;margin-bottom: 50px;}
.mind_title_wrap>li{width:33.333%;height:110px;background-color: #f4f4f4;display: flex;flex-direction:column;justify-content: center;text-align: center;border-right: 1px solid rgba(0,0,0,0.1);transition: .2s;cursor: pointer;}
.mind_title_wrap>li:last-child{border: 0;}
.mind_title_wrap>li:hover{background-color: #08375c;color: #fff;}

.mind_title_wrap>li h2{font-size: 22px;margin-bottom: 10px;font-family: 'Poppins', sans-serif;font-weight: 600;}
.mind_title_wrap>li p{font-size: 16px;}
.mind_title_wrap>li.on{background-color: #08375c;color:#fff}
.mind_title_wrap>li.on p{color:#fff}

.mind_img_wrap{width:100%;height:550px;position: relative;background: #888;}
.mind_img_wrap>li{width:100%;height:100%;background-image: url('./img/mind_img_01.jpg');position: absolute;top: 0;left:0;display: flex;justify-content: center;align-items: center;text-align: center;opacity: 0;transition:all 0.8s;background-size: cover;background-position: center;}
.mind_img_wrap>li:nth-child(2){background-image: url('./img/mind_img_02.jpg');}
.mind_img_wrap>li:nth-child(3){background-image: url('./img/mind_img_03.jpg');}
.mind_img_wrap>li.on{opacity: 1;}
.mind_img_wrap>li.on h1{animation: 0.5s moveup alternate;}
.mind_img_wrap>li h1{color: #fff;font-size: 25px;line-height: 45px;font-weight: 400;transition: all 0.5s;padding:0 50px;}



/* CEO */
/* CEO */
/* CEO */
/* CEO */
/* CEO */
.section_2 .content.ceo{width: 100%;height:670px;background: url('./img/ceo_banner.jpg') center;margin-top: 150px;}
.intro_text{width:500px;height:500px;background: #08375c;position: absolute;top:-50px;left:0;padding:50px;display: flex;flex-direction: column;justify-content: space-between;color: #fff;}
.intro_text p{font-size:22px;line-height: 35px;font-family: 'Poppins', sans-serif;}
.intro_text h1{font-size: 40px;line-height: 60px;font-weight: 300;}
.section_2 .sub_container>p.ceo_hong{
    position: absolute;bottom: -10px;right: 160px;
    margin: 0;transform: translate(0, 100%);color: #000;
}
@media (max-width:992px){
    .section_2 .sub_container>p.ceo_hong{right: 50%;transform: translate(50%, 100%);}
}

.section_3.ceo{height:unset;padding-bottom: 150px;}
.section_3.ceo h1{font-size: 30px;font-weight: 400;}
.section_3.ceo .sub_container>p{font-size: 20px;font-weight: 300;margin-top: 30px;line-height: 34px;}
.ceo_sign{float: right;display: flex;margin-top: 50px;}
.ceo_sign p{font-size: 20px;font-weight: 300;margin-right: 15px;padding-top: 14px;}
.ceo_sign h2{font-size: 20px;font-weight: 400;margin-right: 15px;padding-top: 14px;display:none;}

.section_2 .content.ceo img {
    position: absolute;
    right: 0;
    bottom: 50px;
}



/* product */
/* product */
/* product */
/* product */
/* product */
.product{height:600px;}
.product .swiper-container{height:100%;z-index: 0;}
.product .slide11{background:url('./img/section_2.jpg') center;background-size: cover;}
.product .slide12{background:url('./img/section_1.jpg') center;background-size: cover;}
.product .slide13{background:url('./img/section_3.jpg') center;background-size: cover;}

/* .sub_container.product .navi{position: absolute;bottom: 85px;right: 50px;display: flex;}
.product .navi{position: absolute;bottom: 85px;right: 50px;display: flex;}
.product .navi>p{margin-right:30px;display: flex;color: #fff;font-size: 16px;position: relative;}
.product .navi>p:last-child{margin-right:0px;}
.product .navi>p a{color:#fff}
.product.atoptowel .navi>p{color:#191919;white-space:nowrap;}
.product.atoptowel .navi>p a{color:#191919;}
.product.carcare .navi>p{color:#191919;white-space:nowrap;}
.product.carcare .navi>p a{color:#191919;}
.product .navi>p::after{content:'';background: url('./img/ic-arr-s-w.png') no-repeat;width:6px;height:13px;position: absolute;top: 6px;right:-20px;}
.product.carcare .navi>p::after{background-image: url('./img/ic-arr-s-b.png');}
.product.atoptowel .navi>p::after{background-image: url('./img/ic-arr-s-b.png');}
.product .navi>p:last-child::after{display:none;} */

.product .sub_container.product{color: #fff;height:100%;}
.product .sub_container h1{font-size: 55px;line-height: 65px;font-family: 'Rubik', sans-serif;font-weight: 600;animation: moveup 1s alternate;}
.product .sub_container>p{    font-size: 20px;
    color: #fff;
    animation: 1s moveup alternate;
    margin-bottom: 15px;
    font-weight: 300;
    margin-left: 10px;}
.product .sub_container{display:flex;flex-direction: column;justify-content: center;}
.product .swiper-button-next, .product .swiper-button-prev{position: unset;margin-top:4px;height:11px}
.product .swiper-pagination{position: unset;width:unset;}
.option_wrap{display:flex;height: 40px;margin-top: 60px;}

.product2{padding-bottom: 0;}
.product_title{display:flex;}
.product_title>.line{width: 15px;height: 15px;background-color: #1e5e92;margin: 0px 20px 0 0;border-radius: 50%;}
.product_title h2{font-size: 20px;color:#034c87;margin-right:20px;}
.section_2.product2 .product_title h2{transform:translate(0, -5px);font-weight: 700;}
.product_title h1{font-size: 35px;line-height: 40px;font-weight: 700;}
.line.product{width:100%;height:1px;background: #eeeeee;margin:80px 0 50px;}
.product2 .sub_container>p{margin-bottom:0;font-size: 20px;line-height: 35px;color: #000;font-weight: 400;word-break: keep-all;}
.product2 .sub_container>p.plus_p{margin:20px 0 100px;}

.product_banner{background: url('./img/product_banner.jpg') center;height: 350px;background-size: cover;}
.product_banner .sub_container{display: flex;align-items: center;height: 100%;}
.product_banner p{font-size: 20px;line-height: 35px;color: #fff;margin-left: 300px;word-break: keep-all;}
.detail_img{width: 260px;height: 260px;border-radius: 50%;position: absolute;bottom: 0px;left: 0;background: url('./img/detail_fiber.png');background-size: cover;transition: 0.5s;    transform: translate(0px, 50%);}

.product4{padding-top:200px;}
.product4 .product_title>h2{margin-top:6px;font-family: 'Rubik', sans-serif;font-weight: 700;}
.product4 .sub_container>img{height:230px;margin-top:50px;}
/* .product4 .product_title>h1{line-height: 70px;font-weight: 300;} */
.feature_wrap{width:100%;height:550px;position: relative;}
.section_4 .sub_container>.product_p{font-size:20px;font-weight:400;line-height:35px;margin-bottom:100px;}
.feature_title_wrap{width:100%;display:flex;}
.feature_title_wrap>li{width:25%;border-bottom: 1px solid #fff;opacity: 0.3;transition: 0.3s;color:#fff;font-weight: 300;font-size: 20px;text-align: center;padding: 35px 0;cursor: pointer;}
.feature_title_wrap>li.on{opacity: 1;font-weight: 700;}
.feature_text_wrap{width:100%;height:100%;position: absolute;top: 0;left: 0;z-index: -1;background: #999;}
.feature_text_wrap>li{position: absolute;width:100%;height:100%;background-image: url('./img/feature03.jpg');display: flex;flex-direction: column;justify-content: center;padding: 100px 0 0 85px;opacity: 0;transition: 1s;background-size: cover;background-position: center;}
.feature_text_wrap>li:nth-child(2){background-image: url('./img/feature04.jpg');}
.feature_text_wrap>li:nth-child(3){background-image: url('./img/feature01.jpg');}
.feature_text_wrap>li:nth-child(4){background-image: url('./img/feature02.jpg');}
.feature_img img{font-size: 30px;}
/* .feature_img{width:60px;height:60px;} */
.feature_text_wrap>li.on{opacity: 1;}
.feature_text_wrap>li.on>div{animation: 1s moveup alternate;}
.feature_text_wrap>li.on p{animation: 1s moveup alternate;}
.feature_text_wrap>li p{font-size: 20px;line-height:35px;color: #fff;font-weight: 400;margin-top: 35px;word-break: keep-all;}

.other_banner{height:310px;display:flex;}
.other_banner a{color: #fff;width: 100%;height: 100%;text-align: center;line-height: 310px;}
.other_banner .left{width:50%;display: flex;justify-content:center;align-items: center;font-size: 32px;font-weight: 700;background-image: url('./img/other_banner_1.jpg');background-size: cover;background-position: center;}
.other_banner .right{width:50%;display: flex;justify-content:center;align-items: center;font-size: 32px;font-weight: 700;background-image: url('./img/other_banner_2.jpg');background-size: cover;background-position: center;}

/* process */
/* process */
/* process */
/* process */
/* process */
.product.process{display:flex;align-items:center;background-image:url('./img/process_bg.jpg');background-size:cover;background-position:center;}
.product.process>.container{position:relative;}
.product.process h1{font-size:55px;color:#fff;animation: 1s moveup alternate;font-family: 'Rubik', sans-serif;}
.product.process>.container>p{font-size:20px;color:#fff;animation: 1s moveup alternate;margin-top:15px;font-weight:300;margin-left:10px}



.section_2.process{padding-bottom:100px;}
.process_title{display:flex;}
.process_title>.line{width:15px;height:15px;background-color:#1e5e92;margin:12px 20px 0 0;border-radius:50%;}
.process_title h1{font-size:40px;font-family: 'Rubik', sans-serif;}

.process_order{padding:0 0 150px 0;}
.process_order .sub_container{position:relative;}
.background_line{width:1200px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#c9c9c9;z-index:-1;}
.order_ikon_wrap{display:flex;}
.order_ikon_wrap>li{width:250px;height:250px;background-color:#fafafa;border-radius:50%;margin-right:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.order_ikon_wrap>li:last-child{margin-right:0;}
.order_ikon_wrap p{font-size:16px;margin-top:20px;font-weight:700;opacity:0.3;}

.section_process_title{padding-top:0px;}
.process_sub_title{display:flex;justify-content:space-between;}
.process_sub_title>li{width:256px;display:flex;flex-direction:column;opacity:0.5;position:relative;cursor:pointer;}
.sub_line{width:100%;height:1px;background-color:#191919;}
.process_sub_title>li p{font-size:14px;}
.process_sub_title>li h4{font-size:20px;margin:20px 0 30px;}
.process_sub_title>li.on{opacity:1;}
.process_sub_title>li.on .sub_line{height:3px;}

.process_text{padding:100px 0 150px;position:relative;}
.process_content{display:none;position:absolute;}
.process_content.on{display:block;position:unset;}
.process_content_text{display:flex;flex-direction:column;}
.process_content_text h1{font-size:30px;}
.process_content_text p {font-size: 18px;line-height: 35px;margin-top: 20px;word-break: keep-all;}
.process_content_img{margin-top:50px;}
.process_content_img>img{height:400px;}
.process_plus_img {
    margin-top: 30px;
    width: 100%;
    height: 19vw;
}
.process_plus_img>img{height:80%;}
@media (max-width:576px){
	.process_plus_img>img{height:110%;}
}

/* atoptowel */
/* atoptowel */
/* atoptowel */
/* atoptowel */
/* atoptowel */

/* section_1 */
.section_1.atoptowel{background-image: url('./img/atoptowel_bg.jpg');animation: unset;background-position-y: unset;background-size: cover;}
.section_1.atoptowel .main_text>h1{font-family: 'Rubik', sans-serif;text-align: unset;font-size: 60px;font-weight: 500;animation: unset;animation: 1s moveup alternate;color:#fff}
.section_1.atoptowel .main_text>p{font-size: 18px;margin:0 0 10px 10px;color: #fff;animation: 1s moveup alternate;font-weight: 300;}
.section_1.atoptowel .shop_btn{text-align: unset;margin-top:50px}
.section_1 .shop_btn a{background: unset;border: 1px solid #fff;border-radius: 0%;transition: 0.2s;color: #fff;}
.section_1 .shop_btn a:hover{background: #fff;color: #444;font-weight: 300;}
.section_1.atoptowel .sub_container{z-index: 0;}
.section_2.atoptowel .product_title{margin-bottom: 70px;}

/* section_2 */
.section_2.atoptowel{padding-bottom: 100px;}
.section_2.atoptowel .sub_container>h1{font-family: 'Poppins', sans-serif;}
.section_2.atoptowel .sub_container>h1::after{width: 205px;}
.section_2.atoptowel .sub_container{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.view_img_wrap{
    width: 100%;
    display: flex;justify-content:space-between;
    background-position: center;flex-wrap: wrap;
}
.view_img_wrap>li{
    width:25%;height: 330px;
    padding: 5px;
    position: relative;
    overflow:hidden;
    transition: all .3s;
}
.view_img_wrap>li:hover {
    transform: translateY(-20px);
}
.atop_img_wrap{
    position: relative;width:100%;height: 100%;cursor:pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s;
}
.atop_img_wrap.feature{background-image: url('./img/index_img_0.jpg');}
.atop_img_wrap.car{background-image: url('./img/index_img_1.jpg');}
.atop_img_wrap.kit{background-image: url('./img/index_img_2.jpg');}
.atop_img_wrap.clean{background-image: url('./img/index_img_4.jpg');}
.atop_img_wrap a{
    display: block;width: 100%;height:100%;
    position:absolute;top: 0;left: 0;z-index: 1;
}

.atop_img_wrap a {
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin: 0;
    font-weight: bold;
}


/* .atop_img_wrap::after{
    content: '';width: 0;height: 4px;
    background-color: #0068b7;
    position: absolute;bottom:0px;left:50%;
    transform: translateX(-50%);
    transition: all 0.3s;
} */
.atop_img_wrap:hover img{
    transform: scale(1.1);    
}
.atop_img_wrap:hover:after{
    width:100%
}
.view_img_wrap>li h1{width:fit-content;font-size: 24px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 3;}
.view_img_wrap>li a{/* font-size: 40px; */color: #fff;/* font-weight: 300; */transition: 0.3s;}
.atop_img_wrap:hover a{background-color: rgba(0,0,0,0.2);}

/* section_3 */
.section_3.atoptowel{height: unset;padding-bottom: 150px;}
.towel_content{padding-top: 150px;}
.tip{width: 90px;height: 35px;border: 1px solid #000;font-size: 22px;font-weight: 300;text-align: center;border-radius: 17.5px;margin: 0 auto;}
.towel_content>h1{font-size: 30px;text-align: center;margin: 30px 0 100px;}
.kr_feature{width:1200px;margin: 0 auto;display: flex;}
.feature_ikon{background:#83aacb;width:80px;height:80px;border-radius: 50%;padding:5px;}
.feature_ikon img{width:100%}
.kr_feature>li{width:33.333%;height:300px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px;}
.kr_feature>li h1{font-size: 24px;margin: 30px 0 20px;text-align:center;}
.kr_feature>li p{text-align: center;font-size: 18px;flex: 1;}

.towel_content:last-child{padding-top: 100px;}
.towel_content:last-child>h1{margin-bottom: 20px;}
.towel_content>p{font-size: 18px;text-align: center;font-weight: 300;}
.tip_2_content{margin: 80px 0 60px;}
.tip_2_towel{display: flex;justify-content: center;}
.tip_2_towel>div{display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.tip_2_towel>div::after{content:'';position: absolute;bottom: -170px;left: 50%;width: 1px;height: 150px;margin-left: -0.5px;background: #000;}
.tip_2_towel>div:first-child{margin-right: 100px;}
.tip_2_towel h1{font-size: 60px;font-weight: 800;}
.tip_2_box{padding:13px 70px;font-size: 16px;color: #fff;background: #004986;margin: 10px 0 15px;}
.tip_2_towel p{font-size: 24px;font-weight: 300;}
.tip_2_bg{width:100%;height: 560px;background-image: url(./img/tip_2_bg.jpg);background-size:cover;background-position:center;margin-bottom: 30px;}


/* carcare */
/* carcare */
/* carcare */
/* carcare */
/* carcare */

/* section_1 */
.section_1.carcare{background-image: url('./img/carcare_bg_2-1 (2).jpg');background-size: cover;background-position-y: center;animation: unset;background-repeat:no-repeat;}
.carcare .sub_container{z-index: 0;}
.carcare .main_text>p{font-size:24px;font-weight: 300;color: #191919;}
.carcare .main_text>h1{font-size:55px;font-weight: 500;margin-bottom: 50px;text-align: unset;color: #fff;font-family: 'Rubik', sans-serif;}
.carcare .shop_btn{text-align: unset}
.carcare .shop_btn>a{color: #fff;;border: 1px solid #fff;transition:all 0.3s}
.carcare .shop_btn>a:hover{color: #191919;background: #fff;}

/* section_2 */
.section_2.carcare{padding-bottom:100px;}
.section_2.carcare .sub_container>h1{font-family: 'Poppins', sans-serif;}
.section_2.carcare .sub_container>h1::after{width:260px;}
.section_2.carcare p{font-size: 28px;line-height: 45px;margin: 0px;font-weight: 400;text-align: left;color: #191919;}

/* section_3 */
.section_3.carcare{background-image: url('./img/carcare_banner.jpg');height: 390px;display: flex;align-items: center;background-size: cover;background-position: center;}
.section_3.carcare .sub_container{display: flex;flex-direction:column;justify-content: center;}
.section_3.carcare h1{font-size: 60px;}
.section_3.carcare h1>span{color: #293f88;}
.section_3.carcare p{font-size: 28px;}

/* section_4 */
.towel_wrap{display: flex;flex-wrap: wrap;}
.towel_wrap>li{width:50%;padding:20px;position: relative;margin-bottom: 40px;}

.towel_bg_box{position:relative;width: 100%;height:255px;}
.towel_bg_box:hover .black{opacity: 0.4;}
.towel_bg:hover img{transform:scale(1.05);}
.towel_bg_box h1{display: block;position:absolute;top: 5px;left: 20px;font-size: 20px;font-weight: 800;color: #fff;z-index: 2;}
.black{position: absolute;top: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.3);opacity: 1;z-index: 1;display: flex;flex-direction:column;justify-content: center;align-items: center;transition: 0.3s;opacity: 0;}
.black>a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.black>a img{transition: 0.3s;}
.black p{color: #fff;font-size: 18px;margin-top: 15px;font-family: 'Poppins', sans-serif;}
.towel_bg{overflow: hidden;position: relative;}
.towel_bg>a{
    width: 100%;height:100%;
    position: absolute;top: 0;left: 0;z-index: 1;
}
.towel_bg>img{
    width: 100%;transition:all 0.5s;
}

.carcare_text h1{font-size: 28px;font-weight:600;margin: 15px 0 5px;}
.carcare_text p{font-size: 16px;}
.carcare_text p:nth-child(3){font-size: 16px;color: #5d5d5d;line-height: 34px;margin: 30px 0;}
.carcare_text>li{font-size: 16px;display: flex;}
.carcare_text>li a img{margin: 0px 0 6px 12px;height: 12px;transition-duration: 0.3s;}
.carcare_text>li>a:hover img{margin-left: 24px;}
.carcare_text h1.towel_long_text{font-size: 28px;}


/* kitchen */
/* kitchen */
/* kitchen */
/* kitchen */
.section_2.carcare.kitchen .sub_container>h1::after{width:250px;}
#kitchen{background-image: url('./img/kitchen_bg_1-1.jpg');}
#kitchen_4{padding-top: 0;}

/* living */
/* living */
/* living */
/* living */
.section_2.carcare.living .sub_container>h1::after{width:220px;}
#living{background-image: url('./img/living_bg_2.jpg');}
#cleaning{background-image: url('./img/cleaning_bg.jpg');}
#living_4{padding-top: 0;}
.section_4.carcare .black>a{width:100%;height:100%;}

/* location */
/* location */
/* location */
/* location */
/* location */
.section_2.location .sub_container>h1::after{width:120px;}
.section_2.location .sub_container>h1{margin-bottom: 100px;}
#daumRoughmapContainer1647923808545{z-index: 0;margin: 0 auto;}
.map_line{width:100%;height: 1px;margin: 50px 0 70px;background: #d2d2d2;}

.map_text{display: flex;padding: 0 50px;}
.map_text li{margin-bottom: 20px;}
.map_title>li{display: flex;font-size: 22px;}
.map_title>li img{height:25px;margin: 5px 10px 0 0;}
.map_sub_text{font-size: 22px;color: #555;margin: 0 50px;}

/* notice */
/* notice */
/* notice */
/* notice */
/* notice */
.notice_category_wrap{height: 80px;display: flex;justify-content: center;align-items: center;}
.notice_category{display: flex;margin: 0 auto;}
.notice_category>li{margin: 25px;}
.notice_category>li a{font-size: 16px;}
.notice_category>li.on a{color: #0068b7;position: relative;}
.notice_category>li.on a::after{background: #0068b7;content: '';width: 100%;height: 1px;position: absolute;bottom: -7px;left: 50%;transform: translate(-50%,0);}

.section_2.notice{padding: 100px 0 50px;}
.section_2.notice .product_title h2{transform: translate(0,-10px);}
.section_2.notice .sub_container>h1::after{width:120px}
#bo_list{width: 1400px;margin: 0 auto;}
.tbl_head01 thead{border-top: 1px solid #999;}
.tbl_head01 thead th{height: 65px;font-size: 14px;color: #232323;}
.tbl_head01 td{height: 65px;font-size: 16px;color: #484848;}
.tbl_head01 a{color: #484848;font-weight: 400;}
#bo_list .td_num2{width:100px;}
#bo_list .td_datetime{width:120px;}

#bo_list tbody .even td{background: unset;}
#bo_list tbody tr:hover{border: 0;}
.tbl_head01 tbody tr:hover td{background:unset}

/* write */
#bo_w{width:1400px;margin: 150px auto;}

.order_ikon_wrap>li>img{transition:all 0.3s;}

/* contact */
/* contact */
/* contact */
/* contact */
/* contact */
.section_2.contact{padding:100px 0px 150px;}
.section_2.contact .product_title{margin-bottom: 80px;}
.section_2.contact .product_title h2{transform: translate(0,-10px);}
.contact_wrap{display: flex;opacity: 0.7;}
.contact_wrap>li{display: flex;flex-direction: column;align-items:flex-start;justify-content: center;width: 33.333%;padding: 10px 0 0 40px;border-left: 2px solid rgba(0,0,0,0.3);font-size: 18px;}
.contact_wrap>li:first-child{padding-right:60px;}
.contact_wrap>li>p{margin-bottom: 5px;}

.contact_text p:first-child, .contact_text p:first-child{margin-bottom: 8px;}
.location_ikon p{line-height: 30px;}
.b_margin b{margin-right: 10px;}

svg.svg-inline--fa{height:55px;margin-bottom: 15px;}

/* ------------ */
.form_wrap h1{font-size: 30px;margin-bottom: 50px;}
.contact_form p{position: relative;margin-bottom: 17px;}
.contact_form p label{position: absolute;top: 50%;transform: translate(0,-50%);z-index: 1;font-size: 16px;
    font-weight: 300;}
.contact_form p input {
    padding: 14px 13px 14px 97px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    background: none;
}
.contact_form p label span{color: #16cae5;margin-left:5px;}
.form_wrap .contact_textarea input{width:unset;}
.form_wrap .contact_textarea label{cursor: pointer;}
.form_wrap .contact_textarea{border: 0;}
.contact_form .message label{top: 15px;left: 15px;transform: translate(0);}
.contact_form p textarea {
    background: rgba(255,255,255,.08);
    border: none;
    outline: none;
    width: 100%;
    padding: 47px 20px 20px 20px;
    font-size: 16px;
    height: 190px;
    font-family: 'Noto Sans KR', sans-serif;
    border: 1px solid #000;
}

.send_btn{width: 210px;height: 65px;background: #000;display: flex;justify-content: center;align-items: center;margin:55px auto 0 auto;transition: 0.3s;}
.send_btn a{color: #fff;font-size: 16px;display: block;width: 100%;height: 100%;text-align: center;line-height: 65px;}
.send_btn p{margin: 0;}
.hidden {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    border: 0;
    padding: 0 !important;
}
.xi-check-circle-o{font-size: 22px;transform: translate(-3px,2px);}
.xi-check-circle{font-size: 22px;transform: translate(-3px,2px);display: none;}
.ikon_label{display: flex;}
.contact_wrap .contact_title{font-size:30px;font-family:'manrope', 'san-serif';margin-bottom: 20px;}
/* ------------- */

/* partner */
/* partner */
/* partner */
/* partner */
/* partner */
.partner_wrap{margin-top: 120px;text-align: center;}
.partner_wrap h1{font-size: 28px;}
.partner_wrap>p{font-size: 18px;margin: 10px 0 80px;}

.partner_img_wrap{display: flex;flex-wrap: wrap;}
.partner_img_wrap div{display: flex;flex-direction:column;justify-content:center;align-items:center;width:25%;padding: 20px;border: 1px solid rgba(0,0,0,0.1);margin-bottom: 10px;}
.partner_img_wrap div:nth-child(even){background:#f9f9f9;}
.partner_img_wrap img {width: 100%;}
.partner_img_wrap div p{font-size: 16px;margin-top: 10px;}

/* .navi>p{font-weight: 200;} */
/* .navi>p:first-child{font-weight: 700;} */

.main_img.animate{opacity:1;right:0;}

.side_menu{display:none;}
.section_4 .sub_container>h1>br{display: none;}

.towel_bg_box>h1{display:none;}
.section_4.carcare .black>a, .carcare_text>li{display:none;}
.black_arrow, .section_04 .content h2>br{display:none;}

@media (max-width:1500px){
	.sub_container{width:100%;padding:0 50px;}
	.section_3_title{padding:0;}
	/* main */
	.container{width:100%;padding:0 50px;}
	.content_img{width:100%;height:100%;}
	.content_img>img{width:100%;}

	#section_3 .container{width:100%;padding:0 50px;}
    /* #section_3 .content{height:28vw;} */
	.section_05 .container{width:100%;padding:0 50px;}
	.main_img.animate{opacity:1;right:50px;}
	.main_img{width:61%;height:unset;}
	.main_img>img{width:100%;}

	.banner{width:48%;height:650px;}

    /* info */
    /* .section_1 .navi{right:50px} */

    /* ceo */
    .intro_text{left:50px;}

	/* footer */
	.ft_content{width:100%;padding:50px;}

    /* product */
    /* .product .navi{right:50px;} */
    .detail_img{left: 50px;}

	/* process */
	.order_ikon_wrap>li{width:18%;height: 17vw;margin-right:2.5%;}
	.process_sub_title>li{width:18%;margin-right:2.5%;}
	.process_sub_title>li:last-child{margin-right:0;}

    /* atoptowel */
    .section_2.atoptowel{height:unset;}
    .view_img_wrap>li{height: 19vw;}

    /* notice */
    #bo_list{width:100%;padding: 0 50px;}
	#bo_v{width:100%;padding:100px 50px;}
	#bo_w{width:100%;padding:100px 50px;margin:0;}
	/* history */
	section#bo_w{width:100%;padding:0 50px 150px 50px;}
	
}

@media (max-width:1400px){

	/* main */

	.section_04 .content h1{font-size:32px;}
	.section_04 .content h2{font-size:50px;margin:30px 0 25px;}
	.section_04 .content p{font-size:18px;}

    /* info */
    .company_info>div{width: 370px;}
    .company_info>div:nth-child(1), .company_info>div:nth-child(3){margin-right: 30px;}
    .section_2 .text{width: 800px;}
    .section_2 .img_wrap{width:30vw;background-color: unset;height: unset;}
    .section_2 .img_wrap img{width:100%;}

    
    /* ceo */
    .intro_text{width:400px;height:400px;}
    .intro_text p{font-size: 18px;line-height:30px;}
    .intro_text h1{font-size: 30px;line-height:50px;}
    .section_2 .content.ceo{height:550px;background-size: cover;}
    
	/* process */
	.background_line{width:calc(100% - 150px);}

    /* location */
    #daumRoughmapContainer1647923808545{width:100%!important;}

}
 
@media (max-width:1300px){
    .kr_feature{width:100%;}
}

@media (max-width:1200px){
	.video_01 video{height:100%;}
	.menu_wrap>li>a{padding: 0 25px;font-size:16px;}
	.menu_wrap>li:nth-child(4)>a {margin-right: 100px;}
	.section_3_title h1{font-size:54px;}
	

	/* main */
	.index-fullpage .swiper-pagination{transform: translate(-50%,-70px);}
	.index-fullpage .swiper-pagination-bullet{font-size:50px;}
	.main_title p{font-size:18px;}
	.swiper-button-next, .swiper-button-prev{height: 15px;margin-top:-7.5px;}

    #section_3 .content{height:300px;padding: 25px;}
    
    .content_text p{margin-bottom: 10px;}
    .content_text a{width: 40px;height: 40px;}
    .content_text a img{height: 8px;}

	.text_wrap h1{font-size:34px;}
	.shop_btn a{padding:12px 32px;}

	.section_05 h1{font-size:54px;}

    /* info */
	.section_1{height: 400px;}
    .section_2 .img_wrap{display: none;}
    .section_2 .text{width:100%;}
    .company_info{width: 100%;}
    .company_info>div{width:48%;}
    .company_info>div:nth-child(1), .company_info>div:nth-child(3){margin-right: 4%;}
    .section_2 .content.ceo{background-position-x: -350px;}

    /* partner */
    .partner_img_wrap div{width:33.333%;}

    /* location */
    /* .root_daum_roughmap .wrap_map{height:500px!important;} */
    .map_title>li, .map_sub_text{font-size:20px;}

    /* product */
    .product{height:550px}
    .product .sub_container h1{font-size: 50px;line-height: 60px;}
    .product .sub_container>p{margin-top: 20px;}
    .option_wrap{margin-top: 40px;}
    .line.product{margin:30px 0;}
    .product_banner{height:300px}

    .product4{padding-top: 250px;}
    .product_title h2{font-size: 16px;margin-top: 3px;}
    /* .product_title h1{font-size: 40px;} */
    .product4 .product_title>h2{margin-top: 9px;}
    .product4 .product_title>h1{line-height: 60px;}
    /* .product2 .sub_container>p, .section_4 .sub_container>.product_p{font-size: 20px;line-height: 45px;} */

    .detail_img{width:200px;height:200px;}
    .product_banner p {/* font-size: 20px;line-height: 45px; */margin-left: 250px;}

    .feature_text_wrap>li{padding-left: 65px;}

	/* process */
	.product.process{height:550px;}
	.order_ikon_wrap>li>img{height:50px;transition:0.3s;}

    /* atoptowel */
    .section_1.atoptowel .main_text>h1{font-size: 60px;}

    .view_img_wrap>li h1{font-size: 20px;margin:0;}
    .view_img_wrap>li p{font-size: 16px;}

    .towel_content{padding-top: 100px;}
    .towel_text img{height:20px;}
    .towel_content>h1{margin-bottom: 60px;}

    /* carcare */
    .carcare .sub_container{position: unset;}

    .carcare .main_text>p{font-size: 20px;}
    /* .product.carcare .sub_container h1{font-size: 60px;margin: 0px 0 70px;} */

    .towel_wrap>li{padding: 10px;}
    .towel_bg_box, .towel_bg{height: unset;}
    .black{display:none;}

    /* notice */
    .section_2.notice .product_title h2{transform: translate(0,-7px);}

    .contact_wrap .contact_title{font-size: 28px;}
    .contact_wrap>li{font-size: 16px;justify-content: flex-start;}
    .contact_text p {margin-bottom: 5px;}

	/* contact */
	.contact_wrap>li:first-child{padding-right:30px;}
}


@media (max-width:992px){

	.video_01 video{transform:translateX(-150px);}
	.menu_wrap{margin-right:0px;}
	#fp-nav, .menu_wrap>li>a, .lang_menu{display:none;}
    
	/* main */
	.index-fullpage .swiper-pagination{display: flex;flex-direction: column;top: 32%;left: 50px;transform: translateX(0px)!important;}
	.index-fullpage .swiper-pagination-bullet{width:fit-content;margin:0!important;}

	.main_title{padding:0 50px;align-items: flex-start;}
    .main_title p{font-size: 16px;line-height:25px;text-align:left;margin-top: 230px;}

    #hd_wrapper, .logo, .menu_wrap{height:60px;}
    #hd_wrapper .logo a{height:35px;background-size: contain;}
    #hd_wrapper.on .logo a{background-size: contain;}

    #section_3 .container{flex-direction: column;}
    .section_3_title{width: 100%;}
    .section_3_title h1{font-size: 45px;margin-bottom: 50px;}
    .section_3_title p{font-size: 16px;}
    #section_3 .content{width: 48%;height:240px;margin:0 2% 2% 0;}
	.content_text p{display:none;}
	.content_text a{width:45px;height:45px;}
	
	#section_3 .content:hover{transform: translate(0, 0px);background-color:unset;}
	#section_3 .content:nth-child(1):hover{background-image: url('./img/index_img_0.jpg');}
	#section_3 .content:nth-child(2):hover{background-image: url('./img/index_img_1.jpg');}
	#section_3 .content:nth-child(3):hover{background-image: url('./img/index_img_2.jpg');}
	#section_3 .content:nth-child(4):hover{background-image: url('./img/index_img_4.jpg');}

	#section_3 .content:nth-child(2), #section_3 .content:nth-child(4){margin-right:0;}
	#section_3 .content:nth-child(3), #section_3 .content:nth-child(4){margin-bottom:0;}
    #section_3 .content h1{font-size: 18px;}
	.section_04 .content h1>br{display:none;}

    .store_btn{display: none;}
	.btn_wrap{left: 50px;margin-top: 145px;margin-left: -18px;}

    .side_btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        margin-right: 50px;
    }
    .side_btn>li {
        width: 30px;
        height: 4px;
        background-color: #fff;
        border-radius: 2px;
    }
    .side_btn>li:first-child {
        margin-bottom: 8px;
    }
	#hd_wrapper.on .side_btn>li{background-color: #333;}

	#hd_wrapper:hover .side_btn>li{background-color:#333;}
	/* #hd_wrapper:hover .logo a{background-image:url('./img/logo.png');} */
	
	#hd_wrapper.on:hover .side_btn>li{background-color: #333;}
	#hd_wrapper.on:hover .logo a{background-image:url('./img/logo_black.png');}
    .menu_wrap{justify-content: flex-end;}

	.section_03 .view_more>img{margin:0;}

        /* sidemenu */
    .side_menu{display:block;}
    .close_bar{height:80px;box-sizing: border-box;padding: 19px 15px;display: flex;justify-content:space-between;align-items: center;}
    .xi-close:before{font-size: 28px;cursor:pointer;}
    .store_btn_2{
        width:100%;
        height:45px;
        background: rgb(0,73,134);
        background: linear-gradient(138deg, rgba(0,73,134,1) 36%, rgba(13,85,145,1) 66%, rgba(24,96,156,1) 100%); justify-content: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:15px;
        /* margin-top: 50px; */
    }
    .store_btn_2>a{color:#fff;white-space:nowrap;}
    .side_menu{
        position: absolute;right: 0;top: 0;background-color: #fff;
        width: 280px;height:100vh;
        display: flex;flex-direction: column;
        transition: 0.3s;transform:translate(100%,0);
    }
    .side_sub_menu_wrap{display: flex;flex-direction: column;}
    .side_sub_menu_wrap>li{display: flex;flex-direction: column;overflow: hidden;border-bottom: 1px solid #e7e7e7;position: relative;}
    .side_sub_menu_wrap>li:first-child{border-top: 1px solid #e7e7e7;}
    .side_sub_menu_wrap>li>a{font-size: 16px;padding: 15px 20px;}
    .side_sub_menu{background-color: #f2f2f2;padding:15px 0;display:none;} 
    .side_sub_menu>li{height: 40px;}
    .side_sub_menu>li>a{font-size: 14px;color: #888;line-height:40px;padding-left: 20px;}

    .xi-angle-down-min{position: absolute;font-size: 20px;top: 17px;right: 15px;transition: 0.3s;}

    .side_menu.off{transform:translate(100%,0);}
    .side_menu.on{transform:translate(0,0);}

    .side_sub_menu_wrap>li.active .xi-angle-down-min{transform: rotate(180deg);}

    /* info */
    .section_1{height: 380px;}
    .section_1 h1{font-size: 35px;}

    .company_info>div h3{font-size: 22px;}
    .company_info>div h3.long{font-size: 20px;}

    .mind_img_wrap{height: 450px;}
    .mind_title_wrap>li h2{font-size: 20px;margin-bottom: 0;}
    .mind_img_wrap>li{padding: 20px;}
    .mind_img_wrap>li h1{font-size: 22px;}

    .section_3 .right p{font-size:18px;}
    .section_3 .right h1 {font-size: 24px;line-height: 40px;margin: 35px 0 60px;}
    .ceo_btn {width: 220px;height: 50px;}
    .ceo_btn a{font-size: 18px;line-height: 50px;}

    /* ceo */
    .section_2{padding:100px 0;}
    .intro_text{display: none;}
    .section_2 .content.ceo{height: 450px;background-image: url(./img/ceo_banner_t.jpg);background-position-x: unset;background-position:center;background-size: cover;margin-top: 100px;}
    .section_3.ceo .sub_container>p{font-size: 16px;}

    /* partner */
    .partner_img_wrap div{width:50%;}

    /* product */
    .section_2 .sub_container>p{margin-bottom: 0;}

    .feature_wrap{height:450px;}
    .feature_title_wrap>li{padding: 25px 0;font-size: 16px;}
    .feature_text_wrap>li{padding: 75px 0 0 50px;}
    .feature_img img{height: 45px;}
    .feature_text_wrap>li p {font-size: 20px;line-height: 35px;}

    .product4 .product_title>h1{font-size: 30px;line-height: 45px;}

	/* process */
	.process_sub_title>li h4{margin:10px 0 20px;font-size:18px;}

    /* atoptowel */
	.kr_feature>li p>br{display:none;}
    .section_1.atoptowel .main_text>h1{margin-top: 0px;}
    .towel_content{padding-top: 100px;}
    .towel_content>h1{margin-bottom: 50px;}
    .kr_feature>li{height:unset;}

    .tip_2_bg{height: 400px;}
    .tip_2_towel h1 {font-size: 50px;font-weight: 700;}
    .tip_2_box {padding: 13px 50px;}
    .tip_2_towel p{font-size: 20px;}
    .tip_2_towel>div:first-child{margin-right: 60px;}

    /* carcare */
	.section_3.carcare h1{font-size:50px;}
	.section_3.carcare p{font-size:24px;}
    .carcare .main_text>p{font-size: 18px;}
    .product.carcare .sub_container h1{font-size: 50px;margin: 0px 0 60px;}

    .carcare_text p:nth-child(3)>br {display: none;}

    /* notice */
    .section_2.notice .product_title h2{font-size: 14px;}

    /* contact */
    .section_2.contact .product_title h2{font-size: 14px;transform: translate(0,-3px);}
    .product_title h1{font-size: 30px;}
	.contact_wrap>li:first-child{padding-right:0px;}

	.contact_text p:first-child, .consulting p:first-child{margin-bottom: 0px;}

    .section_2.contact .product_title{margin-bottom: 50px;}
    .contact_wrap{flex-direction: column;}
    .contact_wrap>li{flex-direction: row;align-items: center;justify-content: flex-start;width: 100%;padding: 0;margin-bottom: 15px;font-size: 15px;border: 0;}
    .contact_wrap .contact_title{font-size: 20px;width: 150px;margin: 0;}
    .contact_wrap>li>p{margin: 0;}
    .contact_wrap>li>p>br{display: none;}
    .contact_text, .consulting{display: flex;}
    .contact_text p, .consulting p{margin-right: 20px;}
    .contact_text p:last-child{margin: 0;}

    .send_btn{width:180px;height:55px}
    .send_btn a{line-height: 55px;font-size: 14px;}
}

@media (max-width:768px){
    .fixed_btn{right: 20px;bottom: 20px;
	width: 45px;height: 45px;
    background-size: 60%;background-repeat: no-repeat;background-position: center;
}


	.section_3_title p{font-size:16px;}
	.content_text h1{font-size:20px;}
    /* info */
    .section_1{height:400px;background-size: cover;background-position-y: 0;animation: unset;}
    .section_1 h1{font-size: 28px;}
    /* .section_1 .navi{bottom: 40px;}
    .section_1 .navi>p{font-size: 14px;} */

    .section_2{padding: 100px 0;}
    .section_2 .sub_container>h1{font-size: 24px;}
    .section_2 .sub_container>h1::after{width:120px;}
    .section_2 .sub_container>p{font-size: 16px;margin-top: 50px;}
    .ceo_btn {width: 200px;height: 50px;}
    .ceo_btn a{font-size: 16px;line-height:50px;}

    .company_info>.info_wrap{flex-direction: column;}
    .company_info>.info_wrap>div{width: 100%;margin-top: 30px;}
    .company_info>div:nth-child(1), .company_info>div:nth-child(3){margin:30px 0 0;}
    .company_info .long_wrap{margin-top: 30px;}

    .section_3 .left{display: none;}
    .section_3.info{height: 350px;}
    .section_3 .right{width:100%;}
    .section_3 .right p{font-size: 16px;}
    .section_3 .right h1 {font-size: 24px;line-height: 40px;margin: 20px 0 30px;}

    .product_img_wrap{flex-direction: column;}
    .section_3_title h1{font-size: 38px;}
    #section_3 .content{height: 170px;width: 100%;margin: 5px;border-radius: 10px;}
    #section_3 .content:hover {
        transform: translate(0, 0px);
    }

    .content_text{transform: translateY(0);}
    .content_text p{display: none;}
    .content_text a{float: right;width: 40px;height: 40px;}

    .section_4{padding:100px 0;}
    .section_4 h1, .product4 .product_title>h1{font-size: 30px;line-height: 40px;}
	.section_04 .content h2{text-align:center;font-size:40px;}
	.section_04 .content h2>br{display:block;}
    .section_4 .sub_container>p {font-size: 18px;line-height: 35px;color: #484848;margin: 50px 0 150px;}

    .mind_title_wrap{margin-bottom: 30px;}
    .mind_title_wrap>li{height: 90px;}
    .mind_title_wrap>li h2 {font-size: 18px;}
    .mind_title_wrap>li p{font-size: 14px;}
    .mind_img_wrap{height: 350px;}
    .mind_img_wrap>li h1{font-size: 18px;line-height: 35px;}

    /* footer */
    .ft_title>div p{width: 80%;}
    
    /* history */
    .section_2.history .sub_container{padding:0;}

    /* product */
    .product{height: 400px;}
	.product .sub_container>p{font-size:16px;margin:0 0 10px 5px}
    .product .sub_container h1{font-size: 40px;line-height: 50px;}
    /* .product .navi{bottom:42px;}
    .product .navi>p a{font-size: 14px;} */

    .product2 .sub_container>p{line-height: 30px;margin: 0;}
	.section_4 .sub_container>.product_p{line-height: 30px;margin: 30px 0 50px;font-size:16px;}
    .product_banner{height: 300px;}
    .product_banner p{font-size: 18px;line-height: 35px;margin: 0;}
    .detail_img{width: 120px;height: 120px;margin-bottom: 40px;left: unset;right: 50px;}

    .other_banner{height: 200px;}
    .other_banner a{line-height: 200px;font-size: 18px;}

	/* process */
	.product.process>.container>p{font-size:14px;margin:0 0 0px 5px;}
	.product.process{height:400px;}
	.product.process h1{font-size:40px;}
	.process_title h1{font-size:30px;}
	.process_content_text h1{font-size:24px;}
	.process_content_text p{font-size:16px;}
	.process_content_img{height:unset;}
	.process_content_img>img{height:unset;width:100%;}

	.process_text{padding:100px 0;}
	/* background_line {height:35px;} */

    /* atoptowel */
    .section_1.atoptowel .main_text>h1{font-size: 50px;}
    .section_1.atoptowel .main_text>p{margin: 0px 0 10px 5px;font-size:14px}

    .section_2.atoptowel .sub_container>h1::after{width: 160px;}
    .section_2.atoptowel .sub_container{padding: 0;}
    .view_img_wrap{flex-direction: column;}
    .view_img_wrap>li:nth-child(2){margin: 20px 0;}
    .view_img_wrap>li h1{margin-top: 15px;}
    .view_img_wrap>li{background-image: unset;flex: unset;border-bottom: 1px solid #e9e9e9;}
    .view_img_wrap>li p {font-size: 16px;background-image: url(./img/ico_finder_right_b.png);background-repeat: no-repeat;background-position: right;}


    .towel_content{padding-top: 50px;}
    .tip {width: 80px;height: 30px;line-height: 30px;font-size: 18px;}
    .towel_content>h1 {font-size: 24px;margin: 20px 0 80px;}
    .kr_feature>li{padding: 10px;}
    .feature_ikon {width: 70px;height:70px;}
    .kr_feature>li h1 {font-size: 20px;margin: 20px 0 20px;}
    .kr_feature>li p{font-size: 14px;}

    .tip_2_towel h1{font-size: 40px;font-weight: 700;}
    .tip_2_box {padding: 13px 30px;margin: 10px 0;}
    .tip_2_towel p{font-size: 16px;}
    .tip_2_towel>div:first-child{margin-right: 50px;}
    .tip_2_towel>div::after{bottom: -120px;height: 110px;}
    .tip_2_bg{height:300px}

    
    /* carcare */
	.section_3.carcare h1{font-size:40px;}
	.section_3.carcare p{font-size:20px;}
    .carcare .main_text>p{font-size: 18px;}
    .product.carcare .sub_container h1{font-size: 40px;margin: 0 0 50px;}

    .carcare .sub_container{position: unset;}
    .section_2.carcare .sub_container>h1::after{width: 210px;}

    /* kitchen */
    .section_2.carcare.kitchen .sub_container>h1::after{width: 195px;}

    /* notice */
    .notice_category_wrap{height: unset;}
    .notice_category>li{margin: 20px;}
    .notice_category>li a{font-size: 15px;}

    .section_2.notice .product_title h2{margin-right: 15px;transform: translate(0,-2px);}
    .product_title h1{font-size: 30px;}

    .tbl_head01 td {height: 65px;font-size: 15px;}
    #bo_list .td_num2{width:70px}
	#bo_v_title .bo_v_tit{font-size:20px;}

    /* contact */
    .contact_wrap .contact_title{width: 140px;}
}
.index-fullpage .swiper-container{display:none;}
.index_btn{display:none;}
@media (max-width:576px){
	.index-fullpage .swiper-container{display:block;}
	.video_01 video.pc{display:none;}
	.video_01 video.mobile{display:block;}
	.video_01 video{transform:translateX(-12%);}
    #hd_wrapper .logo a{height:30px}
	.side_sub_menu_wrap>li>a{font-size:14px;}
	.side_sub_menu>li>a{font-size:13px;font-weight:300;}
    /* main */
    .logo{left:15px}
    .side_btn{margin-right:15px}
    .side_btn>li{width:25px;height:2px;border-radius: 1px;}
    .side_btn>li:first-child{margin-top: 5px;}

    .index-fullpage .swiper-pagination{left:15px}
	span.swiper-pagination-bullet::before{height:15px;bottom:0;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0!important;}
    .index-fullpage .swiper-pagination-bullet{font-size:32px;}
	.main_title{padding:0px;}
    .main_title p{margin-top: 0px;font-size: 14px;}

	.btn_wrap {left: 15px;margin-top: 125px;}
	.text_wrap{height:400px;}
    .text_wrap p{font-size: 14px;}
    .text_wrap h1{font-size:20px;line-height: 35px;}
    .shop_btn a{font-size: 12px;padding: 12px 30px;white-space:nowrap;}

    .product_img_wrap{padding: 0 15px;}
    #section_3 .content{width: 100%;height:240px;margin: 0;margin-bottom: 10px;}
    #section_3 .content:hover{transform: translate(0);}

    #section_3 .content:nth-child(1), #section_3 .content:nth-child(2){margin-bottom: 0px;}

    #section_3 .container{padding: 0;align-items:unset}
    .section_3_title{padding:0 15px;margin-top:30px;}
    .section_3_title h1{font-size: 30px;}
    .section_3_title p{font-size: 14px;}
    .section_03 .view_more>img {margin: 0 0 0 8px;height: 9px;}

    .line{height: 70px;}
    .section_04 .content h1{font-size: 22px;font-weight: 700;}
    .section_04 .content h1>br{display: block;}
    .section_04 .content h2{font-size: 32px;text-align: center;}
    .section_04 .content p{font-size: 15px;}

    .section_05 .container{padding: 0 15px;flex-direction: column;align-items: baseline;}
    .section_5_text{margin: 40% 0 30px;position: relative;}
    .section_05 h3{font-size: 14px;}
    .section_05 h1{font-size: 30px;}
    .section_05 p{font-size: 14px;line-height:25px;margin: 20px 0 30px;}
    .section_05 .view_more {position: absolute;bottom: -290px;}
    .section_05 .view_more a{font-size: 14px;}
    .section_05 .view_more>img {margin: 1px 0 3px 5px;height: 9px;}
    .fiber_img{position: absolute;bottom: -210px;right: 20px;display:none;}
    .fiber_img img{width: 60px;}
    .main_img{position: unset;width: 100%;animation: unset;transform: translate(0,20%);transition-delay: unset;transition: 1.2s;}
    .main_img.animate{opacity: 1;transform: translate(0,-10%);}

    .section_06 .container{margin-top: 30px;}
    .container{padding: 0 15px;}
    .banner_wrap{padding-top: 0;flex-direction: column;}
    .banner{width: 100%;height: 40vh;padding: 15px;}
    .banner.two{margin-top: 30px;}
    .banner h1{font-size: 20px;}
    .banner p {font-size: 14px;margin: 10px 0 20px;}
    .banner_view {width: 130px;height: 35px;}

    /* footer */
    .ft_content {width: 100%;padding: 50px 15px 20px;flex-direction: column;}
    .ft_logo img {height: 30px;margin-bottom: 20px;}
    .contact_us{margin: 0;font-size: 13px;}
    .contact_us>h1{display: none;}
    .ft_title>div:first-child{margin-bottom: 10px;}
    .ft_title>div h1{width: 25%;}
    .follow_us{display: flex;margin-top: 20px;justify-content: flex-end;}
    .follow_us>h1{display: none;}
    .ft_img_wrap img {height: 20px;}
    .copyright{font-size: 11px;}

    /* info */
    .sub_container{padding: 0 15px;}
    .section_1{height: 350px;}
    .section_1 h1{font-size: 18px;}
    /* .section_1 .navi{right: 15px;}
    .section_1 .navi>p{font-size: 11px;margin-right: 15px;}
    .section_1 .navi>p::after{background-size: contain;width:5px;top: 3px;right: -10px;}
    
    .product .navi>p{font-size: 11px;margin-right: 15px;}
    .product .navi>p::after{background-size: contain;width:5px;top: 3px;right: -10px;} */

    .section_2{padding: 70px 0;}
    .section_2 .sub_container>h1{font-size: 20px;}
    .section_2 .sub_container>h1::after{width: 100px;}
    .section_2 .sub_container>p{font-size: 14px;margin: 40px 0 70px;}
    .section_2 .text h2{font-size: 18px;margin-bottom: 10px;}
    .company_info>.info_wrap>div{margin-top: 15px;}
    .company_info .long_wrap{margin-top: 15px;}
    .company_info>div p{font-size: 16px;}
    .company_info>div h3{font-size: 18px;}
    .company_info>div h3.long{font-size: 16px;}

    .section_3.info{height: 300px;}
    .section_3 .right p{font-size: 14px;}
    .section_3 .right h1{font-size: 18px;line-height: 30px;}
    .ceo_btn {width: 170px;height: 40px;}
    .ceo_btn a{font-size: 13px;line-height: 40px;}

    .section_4{padding: 70px 0;}
    .section_4 h1 {font-size: 17px;line-height: 30px;}
    .section_4 .sub_container>h1>br{display: block;}
    .section_4 .sub_container>p{font-size: 14px;line-height: 30px;margin-bottom: 70px;}
    

    .mind_title_wrap{flex-direction: column;margin-bottom: 0;}
    .mind_title_wrap>li{flex-direction: row;height: 45px;width: 100%;border-right:unset}
    .mind_title_wrap>li h2{font-size: 15px;line-height: 45px;width: 70%;text-align: left;}
    .mind_title_wrap>li p {font-size: 13px;line-height: 45px;}
    .mind_img_wrap{height: 300px;}
    .mind_img_wrap>li{background-position-x: -70px;padding: 15px;}
    .mind_img_wrap>li h1 {font-size: 14px;line-height: 30px;}

    /* ceo */
    .intro_text{display: none;}
    .section_2 .content.ceo{height: 350px;background-image: url(./img/ceo_banner_m.jpg);background-size: cover;margin-top: 90px;}

    .section_3.ceo h1{font-size: 24px;}
    .section_3.ceo .sub_container>p{font-size: 14px;line-height: 30px;}
    .section_3.ceo .sub_container>p:nth-child(3){margin-top: 15px;}

    .ceo_sign{align-items: flex-end;}
    .ceo_sign p, .ceo_sign h2{font-size: 14px;margin-right: 10px;}
    .ceo_sign img {height: 35px;}

	/* history */
	/* write skin */
	section#bo_w{padding:40px 15px 100px 15px;}

    /* partner */
    .partner_wrap{margin-top: 70px;}
    .partner_wrap h1{font-size: 20px;}
    .partner_wrap>p {
        font-size: 14px;
        margin: 10px 0 40px;
    }
    .partner_img_wrap div{padding:5px}
    .partner_img_wrap div p{font-size: 12px;}

    /* location */
    .section_2.location .sub_container>h1::after{width: 75px;}
    /* .root_daum_roughmap .wrap_map {height: 400px!important;} */
    .map_line{margin: 30px 0;}

    .map_text{padding: 0;}
    .map_title>li img{display: none;}
    .map_sub_text{margin: 0;margin-left: 20px;}
    .map_title>li, .map_sub_text{font-size: 14px;}
    .map_title>li{width:65px}
    .map_text li {margin-bottom: 15px;}
    .map_title>li:first-child {margin-bottom: 35px;}

    /* product */
    .product{height: 350px;}
    .product .sub_container h1{font-size: 30px;line-height: 35px;}
    .product .sub_container>p{font-size: 14px;margin-left: 5px;}

    /* .product .navi{right:15px}
    .product .navi>p a{font-size: 11px;} */
    
    .section_2.product2 .product_title h2{transform: unset;font-size: 14px;margin-top: 0px;margin-bottom: 10px;}
    .line.product{margin: 30px 0;}

    .product_title{flex-direction: column;}
	.product_title>.line{width:10px;height:10px;}
    .product_title h1{font-size: 24px;line-height: unset;}
    .section_2.product2 .sub_container>p {font-size: 14px;line-height:30px;margin:0px;}
    .section_2.product2 .sub_container>p>br{display: none;}
    .product_banner{height: 250px;}
    .product_banner .sub_container{padding: 50px 15px;}
    .product_banner p{font-size: 14px;line-height: 30px;}
    .product_banner p>br{display: none;}
    .detail_img{width:70px;height:70px;margin-bottom: 20px;right: 15px;}

    .product4 .product_title>h2{margin-top: 0;margin-bottom: 10px;font-size: 14px;}
    .section_4 h1, .product4 .product_title>h1{font-size: 24px;line-height: 35px;}

    .feature_wrap{height:566px;}
    .feature_title_wrap{flex-wrap: wrap;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}
    .feature_title_wrap>li {width:100%;padding: 15px 20px;font-size: 14px;color: #000;background-color: #f5f5f5;text-align: left;opacity: 1;}
    .feature_title_wrap>li.on {background-color: #293f88;color: #fff;}
    .feature_text_wrap{height: 360px;top: 206px;}
    .feature_text_wrap>li{padding: 0 20px;border-bottom: 1px solid #e9e9e9;}
    .feature_img img{height: 40px;}
    .feature_text_wrap>li p{font-size: 15px;line-height: 30px;}

    .other_banner{height:150px;flex-direction: column;}
    .other_banner .left, .other_banner .right{width:100%;border-top: 1px solid #e9e9e9;background:unset}
    .other_banner a {
        color: #000;
        text-align: left;
        width: calc(100% - 30px);
        line-height: 75px;
        font-size: 16px;
        background-image: url(./img/ico_finder_right_b.png);
        background-position: right;
        background-repeat: no-repeat;
    }

	/* process */
	.product.process>.container>p{font-size:14px;margin-left:5px}
	.product.process{height:350px;}
	.product.process h1{font-size:30px;}
	
	.section_2.process{padding-bottom:70px;}
	.process_sub_title>li h4{display:none;}
	.sub_line{margin-top:10px;}
	.process_text{padding:30px 0 100px;}

	.process_content_text h1{font-size:20px;}
	.process_content_text p{font-size:14px;line-height:30px;}

	.process_title{display:unset;}
	.process_title>.line{width:10px;height:10px;margin:0 10px 0 0;}
	.process_title h1{font-size:24px;}
	.background_line{display:none;}
	.order_ikon_wrap{flex-wrap:wrap;}
	.order_ikon_wrap>li {width: 48%;height: 140px;margin-right: 2%;margin-bottom: 2%;border-radius:10px;}
	.process_order {padding: 0 0 70px 0;}

    /* atoptowel */
    .section_1.atoptowel .main_text>h1{font-size: 30px;margin-top: 0px;margin-bottom:20px;}
    .section_1.atoptowel .main_text>p {font-size: 14px;margin:0px 0 0px 5px;}
    .shop_btn a{padding: 10px 20px;}
    /* .section_1.product .navi{bottom: 42px;} */

    .section_2.atoptowel .sub_container>h1::after{width: 135px;}
    .section_2.atoptowel .sub_container{padding: 0;}

    .kr_feature{flex-direction: column;}
    .kr_feature>li{width:100%;}

    .towel_content{padding: 0;}
    .tip {width: 70px;height: 28px;line-height: 28px;font-size: 16px;}
    .towel_content>h1 {font-size: 20px;margin: 10px 0 50px;}
    .feature_ikon{width:50px;height:50px;}
    .kr_feature>li{padding: 0;}
    .kr_feature>li h1 {font-size: 20px;margin: 10px 0 10px;}
    .kr_feature>li p {font-size: 14px;margin-bottom: 50px;}

    .towel_content:last-child{padding-top: 70px;}
    .towel_content:last-child>h1{margin-bottom: 10px;}
    .towel_content>p {font-size: 14px;}

    .tip_2_content {margin-top: 50px;}
    .tip_2_towel h1{font-size: 30px;}
    .tip_2_box {padding: 10px 6px;font-size: 12px;margin: 5px 0 5px;}
    .tip_2_towel>div:first-child{margin-right:20px;}
    .tip_2_towel p {font-size: 14px;}
    .tip_2_towel>div::after{bottom: -90px;height:80px}
    .tip_2_bg{height:160px}

    /* carcare */
    .carcare .main_text>p{font-size: 16px;display:none;}
    .product.carcare .sub_container h1{font-size: 30px;margin-bottom:20px}

    .section_2.carcare{padding-bottom:0;}
    .section_2.carcare .sub_container>h1::after{width: 175px;}

    .section_3.carcare{height: 250px;}
    .section_3.carcare h1{font-size: 30px;}
    .section_3.carcare p{font-size: 16px;}

    .towel_wrap>li{width:100%;padding: 0;margin-bottom: 50px;}
    .towel_bg_box, .towel_bg{height: unset;}
    .towel_bg>img{margin: 0;}
    .carcare_text>h1{line-height: unset;margin-bottom: 0;}
    .carcare_text p{font-size: 14px;}
    .carcare_text p:nth-child(3) {font-size: 14px;line-height: 30px;margin: 20px 0 30px;}

    /* kitchen */
    .section_2.carcare.kitchen .sub_container>h1::after{width: 160px;} 
    
    /* notice */
    .section_2.notice{padding: 70px 0 10px;}
    .notice_category>li {margin: 15px 10px;}
    .notice_category>li a {font-size: 13px;}

    .product_title h2{font-size: 14px;}
    #bo_list{padding:0 15px 70px 15px;}
    .tbl_head01 thead th{height: unset;padding: 17px 0;}
    .tbl_head01 td{height: 55px;}
    .tbl_head01 thead th, .tbl_head01 td{font-size: 13px;}
    #bo_list .td_num2{width: 60px;}
    #bo_list .td_datetime{width:80px;}
	
	#bo_w{padding:70px 15px;}

    /* contact */
    .section_2.contact{padding:70px 0}
    .contact_wrap>li{flex-direction: column;align-items: flex-start;margin-bottom:20px;font-size: 13px;}
    .contact_wrap>li:last-child{margin-bottom: 0;}
    .contact_wrap .contact_title{margin-bottom: 5px;font-size: 18px;}
    .contact_text p, .consulting p{line-height: 30px;font-size: 14px;}
    .contact_text, .consulting{flex-direction: column;}

    .form_wrap h1{font-size: 24px;margin-bottom: 30px;}
    .contact_form p label{font-size: 14px;}
    .contact_form p input {padding: 20px 13px 14px 75px;font-size: 14px;}
    .contact_form p textarea{font-size: 14px;}
    .contact_form p{margin: 0;}
    .contact_form p:nth-child(3){margin-bottom: 10px;}

    .contact_form p:nth-child(5) label{transform: unset;font-size: 13px;}
    .xi-check-circle-o, .xi-check-circle{font-size: 16px;}

    .send_btn{width: 140px;height: 45px;margin: 80px auto 0 auto;}
    .send_btn a{line-height: 45px;}

	
	#bo_v{padding:0 15px 70px 15px;}
	#bo_v_title .bo_v_tit{font-size:18px;}


	
	.mobile_text {display:block;}
	.index_btn{display:block;margin-top:30px;}
	.index_btn>a{color:#fff;font-size:14px;padding:10px 30px;box-sizing:border-box;border:1px solid #fff;transition:all 0.2s;text-shadow:none;}
	.index_btn:hover a{background:#fff;color:#000;}
}

	.info_video{position:relative;padding-top:56%;width:100%;height:0;}
	.info_video > iframe{
		position: absolute;top: 0;left: 0;
		width: 100%;height: 100%;
	}

.section_1{border-bottom: 1px solid #eeeeee;}
.section_1 h1{text-align: left;}
.product{height:420px;border-bottom: 1px solid #eeeeee;}

.navi{
    position: absolute;bottom: 0;
    width: 50%;height: 70px;
    bottom: 0;right: 0;
    background-color: #fff;
    display: flex;align-items: center;
}
.navi .home{
    width: 70px;
    display: flex;justify-content: center;align-items: center;
    background-color: #b6b6b6;
    margin-right: 10px;
}
.navi a{
    font-size:16px;font-weight: 400;color: #777;
    padding: 0 15px;
    transition: all 0.2s;
    white-space: nowrap;
}
.navi a:hover{font-weight:500;color: #191919;}
.navi a.on{font-weight:500;color: #191919;}
.navi .home::after {
    content: "";
    display: block;
    width: 100%;
    height: 70px;
    background-image: url(./img//home-icon.png);
    background-position: center;
    background-repeat: no-repeat;
}
.product.atoptowel .navi>p::after {
    background-image: unset;
}

/* carcare towel */
.product_menu_wrap{
    width: 100%;height: 60px;
    display: flex;flex-wrap: wrap;
    margin-bottom: 50px;
}
.product_menu_wrap li{
    width: 20%;
}
.product_menu_wrap li>a{
    width: 100%;height:100%;
    display: flex;justify-content: center;align-items: center;
    background-color: #fafafa;
    font-size: 16px;
}
.product_menu_wrap li>a:hover{
    background-color: #0068b7;
    color: #fff;
}


/* #bo_gall .gall_img:hover img{transform: scale(1.11);} */
#bo_gall .gall_img img{transition: .5s;}

/* company btn */
.navi_block{display: flex;}
.navi_display, .navi_side{display: none;}

@media (max-width:1400px){
    .navi_block{display: none;}
    .navi_display{display: flex;cursor: pointer;position:relative;z-index: 10;}
    .navi_display::after{
        content:'';
        width: 10px;
        transform: translateX(-8px);
        background-image: url('./img/scroll_arrow_b.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    .navi_side{
        display:none;width: 250px;
        background-color: #fff;
        box-shadow: 0 0 10px 5px rgb(0,0,0,0.1);
        position: absolute;top: 48px;left: 100px;
        /* display: none; */
    }
    .navi_side.on{display: block;}
    
    .navi_side>p{height: 45px;}
    .navi_side>p a{
        display: flex;align-items: center;
        width: 100%;height: 100%;font-size: 14px;
    }
    .navi_side>p a:hover{background-color: #034c87;color: #fff;}
}
@media (max-width:1200px){
    .section_1 h1{font-size: 35px;}

    .carcare_text h1{font-size: 24px;}
    .section_2.carcare p{font-size: 24px;line-height: unset;}
}
@media (max-width:992px){
    .navi{height: 60px;}
    .navi .home{width:60px;}
    .navi .home::after{height: 60px;}
    .navi_side{width:180px}

    .section_1 h1{font-size: 28px;}

    /* atoptowel */
    .section_1.product .navi{width: 60%;}
}
@media (max-width:768px){
    .section_1 h1{font-size: 24px;}
    .navi{width: 100%;height: 50px;}
    .section_1.product .navi{width: 100%;}
    .navi a{font-size: 14px;}
    .navi .home::after{height: 50px;}
    .navi_side{top: 35px;left: 90px;}

    .view_img_wrap{flex-direction: row;}
    .view_img_wrap>li{border: unset;}
    .view_img_wrap>li:nth-child(2){margin: 0;}
    .view_img_wrap>li h1{font-size: 18px;margin: 0 0 10px;}
    /* .atop_img_wrap, .atop_img_wrap img{height: 27vw;width: unset;} */
    .atop_img_wrap img{left: 50%;margin-left: -61%;}
    .section_2.atoptowel .product_title{margin: 0 0 50px 15px;}

    .section_2.carcare p{font-size: 18px;margin: 0;}
    .carcare_text h1{font-size: 18px;line-height: unset;margin-bottom: 10px;}
    .carcare_text p{font-size: 14px;}
	.section_3_title h1{margin-bottom:80px;}
	#section_3 .content{height:100px;border-top:1px solid #333;border-radius:0;flex-direction: row;align-items: center;margin: 0;}
	#section_3 .content:last-child{border-bottom:1px solid #333;}
	#section_3 .content h1{color:#000}
	#section_3 .content:nth-child(1){background-image:unset;}
	#section_3 .content:nth-child(2){background-image:unset;}
	#section_3 .content:nth-child(3){background-image:unset;}
	#section_3 .content:nth-child(4){background-image:unset;}
	#section_3 .content:hover h1 {color: #000;}
	#section_3 .content:nth-child(1):hover{background-image:unset;}
	#section_3 .content:nth-child(2):hover{background-image:unset;}
	#section_3 .content:nth-child(3):hover{background-image:unset;}
	#section_3 .content:nth-child(4):hover{background-image:unset;}
}
@media (max-width:576px){
    
    .view_img_wrap>li{width: 100%;height: 50vw;padding:5px 10px 5px 15px;}
	.view_img_wrap>li:nth-child(2), .view_img_wrap>li:nth-child(4){padding-left:0;}
    .navi_side{left: unset;right: 0;}
    .section_2.carcare p{font-size: 16px;margin-bottom: 50px;}

}

/* new footer */
.ft_content{height:unset;padding: 70px 0;}
.ft_content .container{display: flex;justify-content: space-between;}

.ft_content .left{display: flex;flex-direction: column;}
.left .ft_logo{margin-bottom: 40px;}
.ft_content .text_wrap{height:unset;justify-content: unset;align-items: unset;opacity: 1;transform: unset;}
.ft_content .text_wrap>li{display: flex;align-items: center;margin: 0;margin-bottom: 10px;}
.ft_content .text_wrap>li p{font-size: 14px;color: #c3c3c3;font-weight: 400;}
.ft_content .text_wrap .ft_title{font-size: 14px;font-weight: 500;margin: 0;width: fit-content;color: #fff;white-space:nowrap;margin-right:20px}
.ft_content .text_wrap .ft_title.fax{margin:0 20px 0 50px;width: unset!important;}
.ft_content .text_wrap .ft_title.fax > a {color:#fff}

.ft_content .right{display: flex;}
.ft_content .right>li a{font-size: 14px;color: #c3c3c3;padding: 0 15px;position: relative;}
.ft_content .right>li a::after{
    content: '';
    position: absolute;bottom: -3px;left: 15px;
    width: 0;height: 1px;background-color: #c3c3c3;
    transition: all .2s;
}
.ft_content .right>li a:hover:after{
    width: calc(100% - 30px);
}


/* location */
.location_content{display: flex;flex-direction: column;margin-bottom: 100px;}
.location_content>h1{font-size: 28px;}
.location_content>h1::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 4px;
    margin-right: 10px;
    transform: rotate(135deg);
    margin-top: 12px;
    background-color: #0068b7;
    vertical-align: top;
    margin-top: 12px;
}
.location_content iframe{width: 100%;height:360px;margin: 20px 0 35px;}
.location_content .iframe{width: 100%!important;margin: 20px 0 35px;}
.location_text{display: flex;justify-content: space-between;}
.location_text li{
    display: flex;align-items: center;
    margin-bottom: 15px;font-size: 18px;
}
.location_text li::before{
    width: 5px;height: 5px;
    display: inline-block;
    content: '';
    background: #dddddd;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
}
.location_text li>.location_title{font-weight: 700;width: fit-content;margin-right: 20px;white-space: nowrap;}
.location_text li>.location_title:nth-child(1)::before{background-image: url('./img/');}
.location_text li img{height: 230px;}
.location_text li.location_img::before{display: none;}
@media (max-width:992px){
    .location_text li.location_img{display: none;}
	.ft_content .container{flex-direction:column-reverse;}
	.ft_content .right{justify-content:flex-end;}
}
@media (max-width:768px){
    .location_content>h1{font-size: 24px;}
    .location_text li{margin-bottom: 10px;font-size: 16px;}
}
@media (max-width:576px){
    .location_text li{margin-bottom: 10px;font-size: 14px;}
    .location_content>h1{font-size: 18px;}
	.ft_content .right{margin-bottom:20px}
	.ft_content .right>li a{padding:0 10px;}
}

.section_4 .content{
    width:48%;height:350px;border-radius:20px 20px 0 0;
    padding: 30px;margin:0 4% 50px 0;overflow:hidden;
    position: relative;overflow:hidden;z-index: 1;
    display: flex;flex-direction: column;justify-content: space-between;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}
.section_4 .content:nth-child(even){margin-right: 0;}
.section_4 .content h1{font-size: 20px;font-weight: 600;}
.section_4 .content:nth-child(1){background-image: url('./img/content_001.jpg');}
.section_4 .content:nth-child(2){background-image: url('./img/content_002.jpg');}
.section_4 .content:nth-child(3){background-image: url('./img/content_003.jpg');}
.section_4 .content:nth-child(4){background-image: url('./img/content_004.jpg');}
.section_4 .content:last-child{margin-right:0;}

.section_4 .content:hover{background-color: #0068b7;background-image: none;}
.section_4 .content:hover h1{color: #fff;}
.section_4 .content:hover .content_text{transform: translateY(0);transition: all 1s;}
.content_text{
    transform: translateY(120%);
}
.content_text p{font-size:16px;margin-bottom:40px;color:#fff;font-weight: 300;}
.content_text a{
    display: flex;justify-content: center;align-items: center;
    width: 50px;height: 50px;border-radius: 50%;
    background-color: #fff;
}

.box-input{
    display: flex;align-items: center;
    border-bottom: 1px solid #e0e0e0;
    padding: 28px 0 8px 0;
}


.type_tit{
    width:100px;
    font-size: 18px;
    color: #333;
}
.type_tit em {
    color: #ff0000;
}
.box-input input{
    width: calc(100% - 100px);
    height: 38px;
    border: 0;
    color: #666;
    font-size: 14px;box-shadow: none;
}
.box-input.textarea{
    flex-direction: column;align-items: flex-start;
    border: 0;
}
.box-input.textarea .type_tit{margin-bottom: 10px;}
input[type=text]:focus{border: none!important;}

@media (max-width:1200px){
    .content_text p{margin-bottom: 20px;}
}
@media (max-width: 992px){
	.content_text {transform: translateY(0%);display: flex;justify-content: flex-end;}
	.view_img_wrap>li{width:50%;height:30vw;}
}
@media (max-width:768px){
    .content_text{transform: translateY(0);}

	.product4 .sub_container>img{width:100%;height:unset;margin-top:50px;}
}
@media (max-width:576px){
	.section_3_title h1{margin-bottom:50px;}
	#section_3 .content{height:80px;padding:15px;}
	.content_text a{width:40px;height:40px;}

	.info_video{margin-top:70px;}
	.section_04 .content{padding:0 15px;}
	.mind_img_wrap>li h1{padding:0;}
}

.section_2.brandstory{padding-bottom: 0;}
.section_3.brandstory .brand_img{display: flex;justify-content: flex-end;}
.section_3.brandstory .brand_img img{height: 80px;}
.section_3.brandstory .story_wrap{
    display: flex;flex-direction: column;
}
.section_3.brandstory .story_wrap .first{display: flex;}
.section_3.brandstory .story_wrap .second{display: flex;flex-direction: column;}
.section_3.brandstory .story_wrap .first img{height: 350px;margin-right: 80px;}
.section_3.brandstory .story_wrap .story h1{font-size: 30px;margin-bottom: 20px;}
.section_3.brandstory .story_wrap .story p{font-size: 18px;margin-bottom: 20px;line-height: 30px;word-break: keep-all;}

.section_3.brandstory .second{margin-top: 70px;}
.section_3.brandstory .second::before {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    content: '';
    display: block;
    margin-bottom: 50px;
}
.section_3.brandstory .second h1{font-size: 28px;color: #999;}
.section_3.brandstory .story_img_wrap{height: 110px;margin: 40px 0 50px;overflow:auto;}
.section_3.brandstory .story_img_wrap img{height: 100%;margin-right: 50px;}
.section_3.brandstory .story_img_wrap div:last-child{margin: 0;}
.section_3.brandstory .ai_down{
    width: 180px;height: 50px;border: 1px solid #999;
    display: flex;justify-content: center;align-items: center;margin-right: 30px;
}
.section_3.brandstory .ai_down a{
    width: 100%;height: 100%;font-size:14px;
    display: flex;justify-content:center;align-items: center;
}
.section_3.brandstory .ai_down_wrap{display: flex;}
.section_3.brandstory .brand_bg{
    width: 100%;
    height: 250px;
    padding-bottom: 100px;
    background-image: url(./img/brand_bg.png);
    background-size: cover;
    background-position: center;
    background-position-y: bottom;
}
