/****************************** respon.css - 반응형 css ******************************/
@charset "UTF-8";

/* 반응형 양식 */
@media all and (min-width: 1541px) {/* 1541 - : pc */
}
@media (min-width: 1024px) and (max-width: 1540px) { /* 노트북 ~ pc */
}
@media all and (max-width: 1023px) { /* 768 - 1023: 태블릿 */
}
@media all and (max-width: 767px) { /* 480 - 767: 모바일 가로 */
}
@media all and (max-width: 479px) { /* 320 - 479: 모바일 세로 */
}


/* hover : none */
/* { pointer-events: none !important; } */


@media all and (max-width: 1919px) {
/* header */
.all_menus div { width: 1540px; } 

/* #section1 */
#section1 .content_area .bottom .right2 p { margin-right: 40px; right: 1.1%; } 
}
@media all and (max-width: 1840px) {
/* #section1 */
#section1 .content_area .top { margin-right: 60px; } 
#section1 .content_area .bottom .right2 p { right: 2.2%; } 

/* #section5 */
.footer .content_area .bottom {margin-right: 20px;}
}
@media all and (max-width: 1810px) {
/* greeting */
.greeting .page_con .page_con2 .right ul li:nth-child(2) p {font-size: 24px;line-height: 32px;} 
}
@media all and (max-width: 1690px) {
/* #section2 */ 
#section2 .content_area > div >.right { margin-right: 17%; } 
#section2 .content_area > div >.right:before { width: 610px; height: 795px; background-size: cover; background-position: center right -150px; } 
#section2:before { width: 765px; height: 635px; background-size: cover; } 
#section2 .content_area > div >.right .right img { width: 100%; } 

/* company */ 
.company .page_con .page_con2 >.top p:nth-of-type(1) br {display: none;}
}
@media all and (max-width: 1600px) {
/* company */ 
.company .page_con .page_con2 p br.tb {display: none;}
}
@media (max-width: 1540px) {
/* common */
.l_60 { margin-left: 20px; } 
.r_60 { margin-right: 20px; } 
 
/* header */
.all_menus div { width: 1300px; padding: 0 20px; } 
.all_menus div > ul > li > a { font-size: 32px; } 
.all_menus ul li a { font-size: 20px; } 
.all_menus div > ul { padding: 40px 30px 100px; } 

/* #section1 */
#section2 .content_area > div >.left p {font-size: 46px;line-height: 74px;} 
#section1 .content_area .top p.right { font-size: 150px; } 
#section1 .content_area .top p.right strong { font-size: 170px; } 
#section1 .content_area .bottom .right2 p {margin-right: 1.3%;right: 1.3%;} 

/* #section2 */
#section2 .content_area > div >.right { margin-right: 13%; } 

/* #section4 */
#section4 .swiper-slide .slide_wrapper:after {right: 0px;}
#section4 .swiper-slide .slide_wrapper .txt .txt_wrap h2, #section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) {font-size: 46px;line-height: 46px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2):After {bottom: -8px;}

/* #section5 */
.footer .content_area .bottom .logo_wrap {margin-right: 4.5%;}
.footer .content_area .bottom .address_wrap {width: 84%;}
.footer .content_area .top {padding: 0 0 35px 0;margin: 0 20px;}
.footer .content_area .copy {padding-left: 0; text-align: center;}

/* sub_visual */
.sub_visual, .sub_visual.on {margin-top: 140px;}
.sub_visual {height: 850px;}
.sub_visual .inner {padding-top: 550px;}
.sub_visual .inner .top {padding-bottom: 30px;}
.sub_visual .inner .top .tit {font-size: 60px;}
.sub_visual .inner .bottom {font-size: 35px;color: rgb(255 255 255 / 70%);padding-top: 90px;}

 /* greeting */
.greeting .page_con .page_con2 {flex-direction: column-reverse;}
.greeting .page_con .page_con2 .left, .greeting .page_con .page_con2 .right {width: 100%;}
.greeting .page_con .page_con2 .right ul {justify-content: center;}
.greeting .page_con .page_con2 .left p span:last-child {font-size: 24px;}
.greeting .page_con .page_con2 .left h2 {font-size: 86px;margin-bottom: 65px;}
.greeting .page_con .page_con2 .right ul li:nth-child(1) p {display: none;}
.greeting .page_con .page_con2 .right ul li:nth-child(2) p {padding: 50px 0 80px 20px;} 

/* company */ 
.company .page_con .page_con2 img {margin: 0 auto 80px;}
.company .page_con .page_con2 >.top h2 {font-size: 45px;text-underline-offset: 10px;}
.company .page_con .page_con2 >.middle div ul, .company .page_con .page_con2 >.bottom .bottom {text-align: left;padding: 50px 30px;}
.company .page_con .page_con2 >.middle div li {line-height: 1.4;}
.company .page_con .page_con2 >.middle div li:before {top: 50%;}

/* history */ 
.history .page_con .page_con2 .table > p {font-size: 100px;right: -35px;}
.history .page_con .page_con2 .table {padding: 0;}
.history .page_con .page_con2 .table .table_box {display: flex;flex-direction: column;}
.history .page_con .page_con2 .table .table_box > div {width: 100%;}
.history .page_con .page_con2 .table .table_box .table_img.flex {display: block;}
.history .page_con .page_con2 .table .table_box .table_img {padding-right: 0;}
.history .page_con .page_con2 .table .table_box .table_img img {margin-bottom: 20px;width: auto; object-fit: cover;}
.history .page_con .page_con2 .table .table_box .table_img img:nth-child(1) {margin-right: 20px;}
.history .page_con .page_con2 .table .table_box .table_img.flex img:nth-child(2) {width: auto;}
.history .page_con .page_con2 .table .table_box .table_list {margin-top: 30px;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap {padding: 0 0 100px 5%;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .year:before {width: 3.3%;left: -5%;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .month li {padding: 0 0 20px 40px;}

 /* client */
.client .page_con .page_con2 > div ul {padding: 0;}
.client .page_con .page_con2 > div ul li {width: 25%;}

/* brand */
.brand:before {top: 32%;}
.brand .page_con .page_con2 .top img {width: 85%;}
.brand:after {top: 300px;height: 56vw;}
.brand .page_con .page_con2 .bottom p br {display: none;}
}
@media (max-width: 1370px) {
/* #section3 */
#section3 .mySwiper .swiper-slide div.img img {max-width: 40%;}
#section3 .mySwiper .swiper-slide div.txt p.txt_1 {font-size: 46px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_2 {font-size: 86px;line-height: 1;margin: 30px auto;}
#section3 .mySwiper .control_wrap {max-width: calc(100% - 9%);} 
#section3 .mySwiper .control_wrap .swiper-pagination {width: calc(100% - 20%);} 
#section3 .mySwiper .control_wrap .swiper-button-prev, .swiper-rtl .swiper-button-next {right: 30px;}
}
@media all and (max-width: 1300px) {
/* header */
.all_menus div { width: 1024px; } 
}
@media all and (max-width: 1200px) {
/* #section1 */
#section1 .content_area .top p.right { display: none; }
 
/* #section2 */ 
#section2 .content_area > div >.right { margin-right: 20px; } 
    
/* #section3 */ 
#section3 .mySwiper .swiper-slide div.txt p.txt_2 span {display: block;}

/* #section4 */
#section4 .swiper-slide .slide_wrapper:after {width: calc(100% - 76px);}
#section4 .swiper-slide .slide_wrapper2 .txt {padding: 85px 50px 28px 55px;}
#section4 .swiper-slide .slide_wrapper .con ul li a {padding: 30px 40px 30px 45px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left div {margin: 40px 0 0 30px;}
}



/****************************** ******************************/

@media (max-width: 1023px) {
/* common */
.l_60 { margin-left: 3%; } 
.r_60 { margin-right: 3%; } 
.fp-tableCell { height: auto !important; } 
 
/* header */
.header { height: 144px; padding-top: 35px; padding-bottom: 45px; } 
.header_bg {height: 144px;}
.header .header_container { heighT: 64px; width: 94%; } 
.header .logo { margin-left: 0; } 
.header .logo a { padding: 15px 0; } 
.header .right .shop_wrap a { padding: 15px 20px; } 
.header .right .lang_wrap { padding: 15px 10px 15px 30px } 
 /* on */
.header.on, body.on .header_bg {height: 70px;}
.header.on .header_container {height: 50px;}
.header.on .all_btn {width: 50px;height: 50px;}
.header.on .logo a {padding: 11px 0;}
.header.on .right .shop_wrap a {padding: 10px 20px;}
.header.on .right .lang_wrap {padding: 10px 10px 10px 20px;}
/**/
.all_btn { top: 0; height: 62px; margin-right: 0; } 
#all_menu.all_menus { display: none !important; } 
#all_menu_mb.all_menus { display: block !important; padding: 180px 0 0; } 
#all_menu_mb.all_menus div { display: block; width: 768px; } 
#all_menu_mb.all_menus div > ul { width: 100%; padding: 15px 0; border-right: 0; } 
#all_menu_mb.all_menus div > ul > li > a {padding-bottom: 15px;font-size: 28px;} 
#all_menu_mb.all_menus div > ul > li > a:after { width: 30px; height: 1px; background: rgb(255 255 255 / 60%); left: calc(50% - 15px); } 
#all_menu_mb.all_menus div ul.depth_02 { margin-top: 20px; } 

/* #section1 */
#section1 .content_area .top { margin-right: 3%; } 
#section1 .content_area .top p.left {font-size: 40px;line-height: 60px;}
#section1 .content_area .bottom .right {margin-righT: 130px;} 
#section1 .content_area .bottom .right2 p {margin-right: 3%;right: 3%;} 

/* #section2 */ 
#section2 .content_area {bottom: unset;top: 0;padding: 100px 0;position: relative;} 
#section2 .content_area > div { display: block; } 
#section2 .content_area > div >.left { margin-bottom: 50px; } 
#section2 .content_area > div >.left p {font-size: 36px;line-height: 54px;} 
#section2 .content_area > div >.left p span, #section2 .content_area > div >.left p strong { display: inline-block; } 
#section2 .content_area > div >.left p strong { color: #fff; } 
#section2 .content_area > div >.right { margin: 0 3%; align-items: center; justify-content: space-evenly; } 
#section2 .content_area > div >.right .left h3 { font-size: 31px; line-height: 40px; } 
#section2 .content_area > div >.right .left h2 { font-size: 30px; } 
#section2 .content_area > div >.right .left p {font-size: 18px;line-height: 26px;} 
#section2 .content_area > div >.right:before {height: 100%;bottom: unset;top: -230px;z-index: -1;} 
#section2 .content_area > div >.right:after { bottom: -100px; width: 108%; right: -4%; } 
#section2:before { width: 765px; height: 635px; background-size: cover; } 
#section2 .content_area > div >.right .right { padding-bottom: 0; } 

/* #section3 */
.swiper {overflow: unset !important;}
.swiper, .swiper-horizontal {touch-action: unset !important;}
#section3 .mySwiper .swiper-slide:before {top: 90px;}
#section3 .mySwiper .swiper-slide div.img img.img_2 {top: 100px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_1 {font-size: 36px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_2 {font-size: 76px;}
#section3 .mySwiper .control_wrap {bottom: 50px;} 
#section3 .mySwiper .control_wrap .swiper-pagination {width: calc(100% - 28%);} 

/* #section4 */
#section4 .swiper-slide .slide_wrapper {top: 0;height: 100%;}
#section4 .swiper-slide .slide_wrapper:after {width: calc(100% - 86px);}
#section4 .swiper-slide .slide_wrapper .con ul li a .left img {width: 280px;height: 170px;}
#section4 .swiper-slide .slide_wrapper:before {width: 150px;height: 100%;}
#section4 .swiper-slide .slide_wrapper2 .txt {padding: 100px 0 28px;}
#section4 .swiper-slide .slide_wrapper .txt .txt_wrap h2, #section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) {font-size: 36px;line-height: 36px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left div h3 {font-size: 32px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) span:nth-child(1) {margin-right: 26px;}

/* #section5 */
#section5 {display: none;}
.footer .content_area .top {margin: 0 3%;}
.footer .content_area .bottom {margin-right: 3%;}
.footer .content_area div p {font-size: 15px;}
.footer .content_area .bottom .address_wrap p span {margin-left: 0px;}

/* sub_visual */
.sub_visual {height: 750px;}
.sub_visual .inner {padding-top: 490px;}
.sub_visual .inner .top {padding-bottom: 15px;margin-right: 3%;}
.sub_visual .inner .top .tit {font-size: 50px;}
.sub_visual .inner .bottom {font-size: 30px;padding-top: 70px;}

/* sub: common */
.page_wrap {padding: 100px 0 130px;}
 
/* greeting */
.greeting .page_con .page_con2 .left {padding-top: 70px;}
.greeting .page_con .page_con2 .left h2 {font-size: 76px;margin-bottom: 45px;}
.greeting .page_con .page_con2 .left p {font-size: 20px;line-height: 1.4;}
.greeting .page_con .page_con2 .left p span:last-child {font-size: 22px;}
.greeting .page_con .page_con2 .left p span:last-child:after {width: 200px;left: 270px;bottom: -23px;}
.greeting .page_con .page_con2 .right ul li:nth-child(1) p {display: none;}
.greeting .page_con .page_con2 .right ul li:nth-child(2) p {padding: 50px 0 50px 20px;} 

/* company */ 
.company .page_con .page_con2 img {margin: 0 auto 50px;}
.company .page_con .page_con2 >.middle img:nth-of-type(2) {margin-bottom: 50px;}
.company .page_con .page_con2 >.top h2 {font-size: 35px;}
.company .page_con .page_con2 >.top h3 {font-size: 24px;margin: 40px 0;}
.company .page_con .page_con2 >.top h3 br {display: none;}
.company .page_con .page_con2 p {font-size: 20px;}
.company .page_con .page_con2 p br {display: none;} 
.company .page_con .page_con2 >.middle {margin: 120px 0;}
.company .page_con .page_con2 >.middle h2, .company .page_con .page_con2 >.bottom h2 {font-size: 29px;}
.company .page_con .page_con2 >.middle div ul, .company .page_con .page_con2 >.bottom .bottom {padding: 30px;}
.company .page_con .page_con2 >.middle div li {font-size: 20px;}
.company .page_con .page_con2 >.middle div li:nth-child(1) {font-size: 24px;}
.company .page_con .page_con2 >.middle div li:before {top: 45%;}
.company .page_con .page_con2 >.bottom p br {display: none;}

/* client */
.client .page_con .page_con2 .top {margin-bottom: 120px;}
.client .page_con .page_con2 > div h2 {font-size: 45px;top: 43%;}
.client .page_con .page_con2 .bottom h3 {font-size: 30px;line-height: 44px;text-underline-offset: 5px;}
.client .page_con .page_con2 > div > div {margin-bottom: 20px;}
.client .page_con .page_con2 > div > div:first-child {margin-bottom: 30px;}
.client .page_con .page_con2 .bottom ul {margin-bottom: 30px;}

/* brand */
.brand:after {top: 200px;height: 53vw;}
.brand .page_con .page_con2 .top {margin-bottom: 90px;}
.brand .page_con .page_con2 .top p {font-size: 29px;margin-top: 20px;}
.brand .page_con .page_con2 .bottom h2 {font-size: 45px;margin-bottom: 30px;}
.brand .page_con .page_con2 .bottom p {font-size: 20px;line-height: 1.6;}
}
@media all and (max-width: 970px) {
/* #section4 */
.footer .content_area .top {padding: 0 0 20px 0;flex-direction: column;}
.footer .content_area .top .left {margin-bottom: 15px;}
.footer .content_area .bottom {flex-direction: column;padding: 25px 0 35px;}
.footer .content_area .bottom .logo_wrap {margin: 0 0 21px 0;}
.footer .content_area .bottom .bottom_wrap {width: 50px;height: 50px;position: absolute;right: 3%;}
}
@media all and (max-width: 860px) {
/* #section3 */
 #section3 .mySwiper .swiper-slide div.txt span.txt_3 br {display: none;}
 
/* #section4 */
#section4 .swiper-slide .slide_wrapper:after {width: calc(100% - 68px);}
}



/****************************** ******************************/

@media (max-width: 767px) {
/* common */
#section2, #section3 { height: auto !important; } 

/* fullpage */
body.fp-viewing-0 .header .right .lang_wrap.on  .lang_list:before {display: block;}

/* header */
.header {padding-top: 25px;padding-bottom: 35px;height: 112px;} 
.header_bg {height: 112px;}
/* on */
.header.logo_on .right .shop_wrap, .header.logo_on .right .lang_wrap { opacity: 1; z-index: 100; }
.header.on .right .lang_wrap {padding: 10px;}
.header .header_container { height: 54px; } 
.header .logo a { padding: 11px 0; } 
.header .right { flex-wrap: nowrap; } 
.header .right div span strong.pc { display: none; } 
.header .right div span strong.mb { display: inline; color: #fff;} 
.header .right div span img.shop_icon { display: none; } 
.header .right div span img.shop_icon_w { display: inline-block; padding-left: 5px;}  
.header .right .shop_wrap { opacity: 0; } 
.header .right .shop_wrap a { padding: 11px 20px; } 
.header .right .shop_wrap:before, .header .right .shop_wrap:after { background: rgb(255 255 255 / 60%); } 
.header .right .lang_wrap { padding: 11px 20px; opacity: 0; margin-right: 0; } 
.header .right .lang_wrap span, .header .right .lang_wrap a, .header .right .lang_wrap i { color: #fff; } 
.header .right .lang_wrap.on .lang_list { border: 1px solid rgb(255 255 255 / 60%); border-top: none; } 
.header .right .lang_wrap.on .lang_list:before {background: rgb(255 255 255 / 60%);}
    /* sub 페이지에서만 작동 */
.header.sub_head .right .lang_wrap.on .lang_list:before {display: block;}
/**/
.all_btn { width: 52px; height: 52px; } 
.all_btn.on { background: #fff; } 
.all_btn.on i { background: #100b09; } 
#all_menu.all_menus { display: none !important; } 
#all_menu_mb.all_menus { display: block !important; padding: 216px 0 0; } 
#all_menu_mb.all_menus div {display: block;width: 320px;height: 345px;overflow: auto;} 
#all_menu_mb.all_menus div > ul { width: 100%; padding: 15px 0; border-right: 0; overflow: scroll; } 
#all_menu_mb.all_menus div > ul > li > a {padding-bottom: 15px;font-size: 24px;} 
#all_menu_mb.all_menus div > ul > li > a:after { width: 30px; height: 1px; background: rgb(255 255 255 / 60%); left: calc(50% - 15px); } 
#all_menu_mb.all_menus ul li a { font-size: 18px; } 
     /*---------- scrollbar ----------*/
#all_menu_mb.all_menus div::-webkit-scrollbar {width: 7px; height: 7px; border-radius: 50px;}
#all_menu_mb.all_menus div::-webkit-scrollbar-button {display: none;}
#all_menu_mb.all_menus div::-webkit-scrollbar-thumb {background-color: #c57642;border-radius: 50px;}
#all_menu_mb.all_menus div::-webkit-scrollbar-track {background-color: #E8E8E8; border-radius: 50px;}

/* #section1 */
#section1 .content_area .top p.left {font-size: 33px;line-height: 50px;} 
#section1 .content_area .top p strong {display: inline-block;}
#section1 .content_area .bottom { bottom: 30px; } 
#section1 .content_area .bottom .left button img { width: 50px; heighT: 50px; } 
#section1 .content_area .bottom .right {margin-righT: 80px;} 
#section1 .content_area .bottom .right ul li i { font-size: 22px; } 
 
/* #section2 */ 
#section2 .content_area { padding: 80px 0; } 
#section2 .content_area > div >.left { margin-bottom: 35px; } 
#section2 .content_area > div >.left p { font-size: 28px; line-height: 46px; } 
#section2 .content_area > div >.right { flex-direction: column-reverse; } 
#section2 .content_area > div >.right .left h3 { font-size: 24px; line-height: 30px; } 
#section2 .content_area > div >.right .left h2 { font-size: 23px; } 
#section2 .content_area > div >.right .left p br { display: none; } 
#section2 .content_area > div >.right:before { width: 50%; height: 100%; left: -3%; bottom: 0; top: -185px; } 
#section2 .content_area > div >.right:after { display: none; } 
#section2 .content_area > div >.right .left { padding: 40px; margin-right: 0; } 
#section2:before { width: 100%; height: 100%; background-size: cover; } 
#section2 .content_area > div >.right .right { width: 100%; } 
#section2 .content_area > div >.right .right img { width: 30%; display: block; margin: 0 auto; } 

/* #section3 */
#section3 {padding: 80px 0;}
#section3 .swiper {width: 94%;}
.mySwiper .slide_bg {height: auto;}
#section3 .mySwiper .swiper-slide:before {display: none;}
#section3 .mySwiper .swiper-slide div.img {margin-top: 60px;height: auto;margin: 30px auto;}
#section3 .mySwiper .swiper-slide div.img img {max-width: 100%;position: unset;}
#section3 .mySwiper .swiper-slide div.img img.img_1 {display: none;}
#section3 .mySwiper .swiper-slide > div {position: unset;}
#section3 .mySwiper .swiper-slide div.txt p.txt_1 {font-size: 28px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_1 i.circle {text-indent: 0px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_1 i.line2:before {width: 20px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_1 i.line2 {text-indent: 25px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_1 i.circle:before {top: 0;left: -20px;width: 35px;height: 35px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_2 {font-size: 56px;line-height: 1.2;letter-spacing: -1px;margin: 30px auto 10px;}
#section3 .mySwiper .swiper-slide div.txt span.txt_3 {font-size: 18px;line-height: 26px;}
#section3 .mySwiper .control_wrap {max-width: 100%;bottom: 0;right: 0;} 
#section3 .mySwiper .control_wrap > span, #section3 .mySwiper .control_wrap .swiper-pagination {display: none;}
#section3 .mySwiper .control_wrap .swiper-button-next,
#section3 .mySwiper .control_wrap .swiper-button-prev {top: 0;}
#section3 .mySwiper .control_wrap .swiper-button-next {left: 54%;}
#section3 .mySwiper .control_wrap .swiper-button-prev {right: 54%;}
#section3 .cursor_circle {display: none;}

/* #section4 */
#section4 .swiper-slide .slide_wrapper {top: 0;}
#section4 .swiper-slide .slide_wrapper:after {width: 100%;}
#section4 .swiper-slide .slide_wrapper .con ul li a {padding: 25px 20px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left img {width: 180px;height: 100%;}
#section4 .swiper-slide .slide_wrapper:before {display: none;}
#section4 .swiper-slide .slide_wrapper2 .txt {padding: 80px 0 28px;}
#section4 .swiper-slide .slide_wrapper .txt .txt_wrap h2, #section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) {font-size: 28px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left div {margin: 15px 0 0 20px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left div h3 {font-size: 28px;margin-bottom: 10px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left div p {font-size: 18px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .right div {margin-top: 15px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) span:nth-child(1) {margin-right: 20px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2):After {bottom: -3px;left: calc(100% / 2 - 35px);font-size: 26px;}

/* #section5 */
.footer {padding: 45px 0 50px;}
.footer .content_area div p {font-size: 14px;}
.footer .content_area div p span {width: 50%;}
.footer .content_area .top .left p span:nth-child(1), .footer .content_area .top .right p span:nth-child(1) {margin-right: 50px;}
.footer .content_area .bottom .address_wrap {width: 100%;}
.footer .content_area .bottom .address_wrap p span {width: 81%;}
.footer .content_area .bottom .btn_top, .footer .content_area .copy {font-size: 13px;}

/* sub_visual */
.sub_visual, .sub_visual.on {margin-top: 100px;}
.sub_visual {height: 650px;}
.sub_visual .inner {padding-top: 450px;}
.sub_visual .inner .top .tit {font-size: 40px;}
.sub_visual .inner .top ul li a {padding: 0 5px;}
.sub_visual .inner .top ul li i {font-size: 22px;}
.sub_visual .inner .bottom {font-size: 25px;padding-top: 50px;}

/* sub: common */
.page_wrap {padding: 80px 0 110px;}
 
/* greeting */
.greeting .page_con .page_con2 .left {padding-top: 50px;}
.greeting .page_con .page_con2 .left h2 {font-size: 56px;margin-bottom: 25px;}
.greeting .page_con .page_con2 .left p {font-size: 18px;}
.greeting .page_con .page_con2 .left p span:last-child {font-size: 20px;}
.greeting .page_con .page_con2 .left p span:last-child:after {width: 150px;left: 250px;bottom: -33px;}
.greeting .page_con .page_con2 .right ul {justify-content: space-between;}
.greeting .page_con .page_con2 .right ul li img {object-fit: contain;width: calc(100% - 20px);width: 100%;object-position: right;}
.greeting .page_con .page_con2 .right ul li {width: 50%;}
.greeting .page_con .page_con2 .right ul li:nth-child(1) p {display: none;}
.greeting .page_con .page_con2 .right ul li:nth-child(2) p {padding: 30px 0;font-size: 20px;line-height: 30px;} 

/* company */ 
.company .page_con .page_con2 img {margin: 0 auto 30px;}
.company .page_con .page_con2 >.middle img:nth-of-type(2) {margin-bottom: 30px;}
.company .page_con .page_con2 >.top h2 {font-size: 26px;letter-spacing: -1px;}
.company .page_con .page_con2 >.top h3 {font-size: 20px;}
.company .page_con .page_con2 >.top h3 br {display: none;}
.company .page_con .page_con2 p {font-size: 18px;line-height: 1.4;text-align: left;}
.company .page_con .page_con2 >.middle {margin: 80px 0;}
.company .page_con .page_con2 >.middle h2, .company .page_con .page_con2 >.bottom h2 {font-size: 22px;letter-spacing: -1px;line-height: 1.2;}
.company .page_con .page_con2 >.middle p, .company .page_con .page_con2 >.bottom p, .company .page_con .page_con2 >.bottom .top p {margin: 40px auto;}
.company .page_con .page_con2 >.middle div ul, .company .page_con .page_con2 >.bottom .bottom {padding: 30px 20px;}
.company .page_con .page_con2 >.middle div li {font-size: 18px;margin-bottom: 5px;}
.company .page_con .page_con2 >.middle div li:nth-child(1) {font-size: 20px;}

/* history */ 
.history .page_con .page_con2 .table > p {display: none;}
.history .page_con .page_con2 .table .table_box .table_img img {width: 100%;}
.history .page_con .page_con2 .table .table_box .table_img.flex img:nth-child(2) {width: 100%;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .year {font-size: 20px;margin-bottom: 10px;}
.history .page_con .page_con2 .table .table_box .table_list {margin-top: 20px;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap {padding: 0 0 80px 5%;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .month li {padding: 0 0 20px 0;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .month li .date {display: block;position: unset;margin-bottom: 10px;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .month li p {line-height: 1.4;margin-bottom: 5px;}

 /* client */
.client .page_con .page_con2 .top {margin-bottom: 80px;}
.client .page_con .page_con2 > div h2 {font-size: 26px; letter-spacing: -1px;}
.client .page_con .page_con2 .bottom h3 {font-size: 20px;line-height: 36px;padding-left: 0;text-decoration-thickness: 1px;}
.client .page_con .page_con2 > div > div {margin-bottom: 20px;}
.client .page_con .page_con2 > div > div:first-child {margin-bottom: 10px;}
.client .page_con .page_con2 > div ul li {width: 33.3%;}
.client .page_con .page_con2 .bottom ul {margin-bottom: 10px;}

/* brand */
.brand:before {top: 28%;}
.brand:after {top: 150px;}
.brand .page_con .page_con2 .top {margin-bottom: 60px;}
.brand .page_con .page_con2 .top p {font-size: 22px;margin-top: 10px;}
.brand .page_con .page_con2 .bottom h2 {font-size: 26px;margin-bottom: 20px; letter-spacing: -1px;}
.brand .page_con .page_con2 .bottom p {font-size: 18px;}
}
@media all and (max-width: 560px) {
/* #section4 */
#section4 .swiper-slide .slide_wrapper {top: 0;}
#section4 .swiper-slide .slide_wrapper .con ul li a {padding: 25px 20px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left img {display: none;}
#section4 .swiper-slide .slide_wrapper:before {display: none;}
#section4 .swiper-slide .slide_wrapper2 .txt {padding: 80px 0 28px;}
#section4 .swiper-slide .slide_wrapper .txt .txt_wrap h2, #section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) {font-size: 28px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left div {margin: 0;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left div h3 {font-size: 24px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .left div p {font-size: 18px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .right div {margin-top: 0;}
#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2) span:nth-child(1) {margin-right: 20px;}
#section4 .swiper-slide .slide_wrapper .con ul li a .right div p:nth-child(2):After {bottom: -3px;left: calc(100% / 2 - 35px);font-size: 26px;}
}



/****************************** ******************************/

@media all and (max-width: 479px) {
/* header */
.header .logo a img { width: 95px; } 
.header .right .shop_wrap a {padding: 11px 10px;}
.header .right .lang_wrap { padding: 11px 10px; } 
.header .right .lang_wrap i { padding-left: 20px; } 
/* on */
.header.on .right .shop_wrap a {padding: 10px 15px;}

/* #section1 */
#section1 .content_area .top p.left {font-size: 24px;line-height: 35px;} 
#section1 .content_area .bottom .left button img { width: 45px; heighT: 45px; } 
#section1 .content_area .bottom .right ul li a { padding: 7px 3px 0; } 
#section1 .content_area .bottom .right ul li i { font-size: 20px; } 

/* #section2 */ 
#section2 .content_area > div >.left { margin-bottom: 35px; } 
#section2 .content_area > div >.left p { font-size: 24px; line-height: 34px; } 
#section2 .content_area > div >.right { flex-direction: column-reverse; } 
#section2 .content_area > div >.right .left h3 { font-size: 21px; line-height: 24px; } 
#section2 .content_area > div >.right .left h2 { font-size: 20px; margin: 20px 0; } 
#section2 .content_area > div >.right .left p br { display: none; } 
#section2 .content_area > div >.right:before { top: -230px; } 
#section2 .content_area > div >.right:after { display: none; } 
#section2 .content_area > div >.right .left { padding: 30px; margin-right: 0; } 
#section2:before { width: 100%; height: 100%; background-size: cover; } 
#section2 .content_area > div >.right .right { width: 100%; } 
#section2 .content_area > div >.right .right img {width: 30%;display: block;margin: 0 auto 20px;} 

/* #section3 */
#section3 {padding: 80px 0;}
#section3 .mySwiper .swiper-slide:before {display: none;}
#section3 .mySwiper .swiper-slide div.img img {max-width: 100%;position: unset;}
#section3 .mySwiper .swiper-slide div.img img.img_1 {display: none;}
#section3 .mySwiper .swiper-slide > div {position: unset;}
#section3 .mySwiper .swiper-slide div.txt {top: 60%;}
#section3 .mySwiper .swiper-slide div.txt p.txt_1 {font-size: 24px;}
#section3 .mySwiper .swiper-slide div.txt p.txt_2 {font-size: 36px;}
#section3 .mySwiper .swiper-slide div.txt span.txt_3 {font-size: 18px;}
#section3 .mySwiper .swiper-slide div.txt span.txt_3 br {display: none;}

/* #section5 */
.footer {padding: 45px 0 50px;}
.footer .content_area div p {display: block;}
.footer .content_area div p span {display: block;width: 100%;}
.footer .content_area .bottom .address_wrap address {display: block;}
.footer .content_area .top .left p span:nth-child(1), .footer .content_area .top .right p span:nth-child(1) {margin: 0 0 5px 0;}
.footer .content_area .bottom {flex-direction: column;padding: 20px 0 30px;}
.footer .content_area .bottom .logo_wrap {margin: 0 0 21px 0;}
.footer .content_area .bottom .address_wrap {width: 100%;}
.footer .content_area .bottom .address_wrap p span {width: 100%;}
.footer .content_area .bottom .bottom_wrap {width: 50px;height: 50px;position: absolute;right: 3%;}
.footer .content_area .bottom .btn_top, .footer .content_area .copy {font-size: 11px;}

/* sub_visual */
.sub_visual {height: 450px;}
.sub_visual .inner {padding-top: 290px;}
.sub_visual .inner .top {display: block;}
.sub_visual .inner .top .tit {font-size: 30px;margin-bottom: 5px;}
.sub_visual .inner .top ul {text-align: right;}
.sub_visual .inner .top ul li:nth-child(2) {margin: 0 5px;}
.sub_visual .inner .top ul li i {font-size: 20px;}
.sub_visual .inner .bottom {font-size: 20px;padding-top: 30px;}

/* greeting */
.greeting .page_con .page_con2 .left {padding-top: 50px;}
.greeting .page_con .page_con2 .left h2 {font-size: 36px;}
.greeting .page_con .page_con2 .left p {font-size: 18px;}
.greeting .page_con .page_con2 .left p span {margin-bottom: 10px;}
.greeting .page_con .page_con2 .left p span:last-child {font-size: 18px;margin: 35px auto 0;}
.greeting .page_con .page_con2 .left p span:last-child:after {width: 120px;left: 160px;bottom: -43px;}
.greeting .page_con .page_con2 .right ul li:nth-child(1) {margin-right: 10px;}
.greeting .page_con .page_con2 .right ul li:nth-child(1) p {display: none;}
.greeting .page_con .page_con2 .right ul li:nth-child(2) p {font-size: 18px;line-height: 24px;padding: 20px 0;} 

/* company */ 
.company .page_con .page_con2 >.top h2 {font-size: 22px;text-underline-offset: 6px;line-height: 1.4;}
.company .page_con .page_con2 >.top h3 {font-size: 18px;margin: 20px 0;}
.company .page_con .page_con2 >.top p:nth-of-type(1) {margin-bottom: 20px;}
.company .page_con .page_con2 >.top h3 br {display: none;}
.company .page_con .page_con2 p {font-size: 18px;line-height: 1.4;text-align: left;}
.company .page_con .page_con2 >.middle {margin: 60px 0;}
.company .page_con .page_con2 >.middle h2, .company .page_con .page_con2 >.bottom h2 {font-size: 22px;line-height: 1.2;}
.company .page_con .page_con2 >.middle p, .company .page_con .page_con2 >.bottom p, .company .page_con .page_con2 >.bottom .top p {margin: 20px auto 30px;}
.company .page_con .page_con2 >.middle div li {font-size: 18px;padding-left: 15px;}
.company .page_con .page_con2 >.middle div li:nth-child(1) {font-size: 20px;margin: 0 auto 20px;}

/* history */ 
.history .page_con .page_con2 .table > p {display: none;}
.history .page_con .page_con2 .table .table_box .table_img img {margin-bottom: 20px;height: 180px;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .year {font-size: 20px;margin-bottom: 10px;}
.history .page_con .page_con2 .table .table_box .table_list {margin-top: 20px;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap {padding: 0 0 60px 5%;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .month li {padding: 0 0 20px 0;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .month li .date {display: block;position: unset;margin-bottom: 10px;}
.history .page_con .page_con2 .table .table_box .table_list .list .list_wrap .month li p {font-size: 16px;}

/* client */
.client .page_con .page_con2 .top {margin-bottom: 60px;}
.client .page_con .page_con2 > div h2 {font-size: 22px;top: 35%;}
.client .page_con .page_con2 .bottom h3 {font-size: 18px;}
.client .page_con .page_con2 > div > div {margin-bottom: 20px;}
.client .page_con .page_con2 > div > div:first-child {margin-bottom: 10px;}
.client .page_con .page_con2 > div ul li {width: 33.3%;}s

/* brand */
.brand:before {top: 22%;}
.brand:after {top: 130px;}
.brand .page_con .page_con2 .top {margin-bottom: 40px;}
.brand .page_con .page_con2 .top p {font-size: 18px;}
.brand .page_con .page_con2 .bottom h2 {font-size: 22px;}
.brand .page_con .page_con2 .bottom p {font-size: 18px;}
}
@media all and (max-width: 400px) {
/* company */ 
.company .page_con .page_con2 p, .company .page_con .page_con2 >.middle div li {font-size: 16px;}
.company .page_con .page_con2 >.middle h2, .company .page_con .page_con2 >.bottom h2, .company .page_con .page_con2 >.middle div li:nth-child(1) {font-size: 18px;}
}
@media all and (max-width: 370px) {
/* header */
.header .right div span, .header .right .lang_wrap span {font-size: 13px;}
.header .right div span img.shop_icon_w {display: none;}
}