@charset "utf-8";


.flex_tab_top{display: flex; align-items: flex-start;
    justify-content: space-between;}
.flex_tab_cate_btn{}    
.flex_tab_cate_btn h2{font-size: 24rem; margin-bottom: 10px}
.flex_cate_btn{display: flex; gap:10px;     align-items: flex-start;
    justify-content: flex-end;}
.flex_cate_btn a{font-size: 16rem; line-height: 42px; 
height: 40px; background: var(--c-01); padding: 0 20px; border-radius: 40px; color: #fff; font-weight: 500}


/* common set */
.inr{position:relative; width:1400rem; margin:0 auto;}
.inr.v2{position:relative; width:1260rem; margin:0 auto;}

.board > section,
.board > article,
.board > div{margin:0 0 80rem !important;}

.colum2{gap:70rem;}
.colum2 > li{width:-webkit-calc((100%/2) - 35rem); width:calc((100%/2) - 35rem);}
.colum3{flex-wrap:wrap; gap:62rem;}
.colum3 > li{width:-webkit-calc((100%/3) - 42rem); width:calc((100%/3) - 42rem);}

.wrap-narrow{width:1160rem; margin:0 auto;}
.wrap-middle{width:100%; margin:0 auto; max-width:1440rem;}

.kmarine-cont__tit h2 p{line-height:1.3; font-family:var(--font-k); font-weight:700; font-size:60rem; color:var(--c-bd); letter-spacing:-0.3rem;}
.kmarine-txt-motion{display:block; font-weight:800; font-size:24rem; color:#c6c6c6;}
.kmarine-txt-motion > i{position:relative; color:var(--c-bd); font-style:normal;}
.kmarine-cont__tit > span{line-height:1.6; margin-top:30rem;}
.kmarine-txt-motion > i::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.kmarine-cont__tit > p{margin-top:24rem; word-break: keep-all}

/* layer popup - btn control */
.popup-layer{position:fixed; top:0rem; left:0rem; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.popup-layer .popup-layer__box{position:absolute;top:50%;left:50%;box-sizing:border-box;box-shadow:3rem 15rem 20rem rgba(0,0,0,0.15);min-width:660rem;min-height:430rem;background: #fff;font-family: var(--font-k);transform: translate(-50%, -50%);}
.popup-layer .popup-layer__box h2{height:67rem; padding:0 20rem !important; border-bottom:1rem solid #eee; font-weight:500; font-size:25rem !important; letter-spacing:-1rem;}
.popup-layer .popup-layer__box h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.popup-layer .popup-layer__box h2 span{display:inline-block; width:99%; vertical-align:middle;}
.popup-layer .popup-layer__box .btn-close{display:flex;justify-content:center;align-items:center;position:absolute;top:-20rem;right:-70rem;width: 70rem;height:68rem;line-height:68rem;background:none;border:none;}
.popup-layer .popup-layer__box .btn-close span{display:flex; position:relative; overflow:hidden; margin:0; font-size:0; text-indent:100%; vertical-align:middle;}
.popup-layer .popup-layer__box .btn-close:focus{outline:none;}
.popup-layer .popup-layer__box .popConts{box-sizing:border-box; padding:40rem 40rem 40rem; font-family:"Pretendard",dotum, sans-serif; font-weight:100; font-size:15rem; overflow-y:auto; max-height:430rem;}
.popup-layer .popup-layer__box .btn-close::after{width: 34rem;height: 4rem;}
.popup-layer .popup-layer__box .btn-close::after,
.popup-layer .popup-layer__box .btn-close::before{content:""; display:block; position:absolute; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.popup-layer .popup-layer__box .btn-close::before{width: 4rem;height: 34rem;}

/* style set */
p{font-family:var(--font-k);font-size: 17rem;color: var(--c-bd);font-weight: 400;line-height: 2;}
[data-site="sub"] .bg_w p{opacity:1; font-weight:200;}
[data-site="sub"] .bg_w *{color:#333;}
[data-site="sub"] h4 + p{margin-top:40rem;}
[data-site="sub"] h6{font-size: 24rem;font-family: var(--font-k);line-height: 1.5;}
[data-motion="X"]{opacity:1 !important; transition-duration:0.2s !important; will-change:unset !important; transform-style:unset !important;}

/* table set */
.scrollTable{width:100%;}

#container .mob_info{display:none;}
#container .mob_info span{font-weight:400; font-size:15rem; color:#777;}
#container table.table{border-top:2rem solid #fff;}
#container table.table thead th{padding:33rem 10rem; border-bottom:1rem solid #303030; font-weight:600; font-weight:100; font-size:19rem;}
#container table.table thead tr th:last-child{border-right:0;}

table.table{width:100%; margin:0; padding:0; border-spacing:0;}
table.table caption{display:none;}
table.table tbody tr{margin:0; padding:0;}
table.table tbody tr th{font-weight:bold; font-size:18rem;}
table.table tbody tr td,
table.table tbody tr th{padding:21rem 10rem; border-bottom:0; font-family:var(--font-k); font-weight:400; font-weight:200; font-size:18rem; font-size:15rem; text-align:center; word-break:keep-all; vertical-align:middle;}
table.table tbody tr td.year{font-weight:bold;}
table.table tbody tr td:last-child{border-right:none;}
table.table tbody tr th{opacity:1;}
table.table tbody tr td{color:#959595;}
table.table tbody tr:first-child td,
table.table tbody tr:first-child th{padding-top:39rem;}

/* lnb */
.sub-lnb ul{display:flex; overflow:hidden;}
.sub-lnb ul li{opacity:0.5; margin-right:40rem; font-weight:700; font-size:24rem; transition:all 0.8s ease; transform:translateY(-29rem); font-style:italic;}
.motion-on .sub-lnb ul li{transform:translateY(0rem);}
.sub-lnb ul li.active{opacity:1;}
.sub-lnb{margin-top:80rem;}

#en .sub-lnb ul li{font-weight:500; font-size:26rem}

/* navigation */
.area_navigation{z-index:2;}
.area_navigation > ul > li{display:inline-block; position:relative; padding:0 17rem; font-weight:500; font-size:15rem; color:#999;}
.area_navigation > ul > li:nth-child(1){padding:0 15px 0 0;}
.area_navigation > ul > li:before{content:''; position:absolute; opacity:0.5; top:4px; right:-4px; width:6px; height:11px; background:url(../img/common/history_arr.svg)no-repeat center; background-size:contain;}
.area_navigation > ul > li:nth-child(3){padding-right:0; color:#333;}
.area_navigation > ul > li:nth-child(3):before{display:none;}
.area_navigation > ul > li img{position:relative; top:-2px; width:15px; height:17px;}
.area_navigation.v2 > ul > li:nth-child(2){padding-right:0;}
.area_navigation.v2 > ul > li:nth-child(2):before{display:none;}

/* check box */
.check_con{display:block; display:flex; justify-content:space-between; position:relative; padding-left:32px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.check_con input{position:absolute; opacity:0; width:0; height:0; cursor:pointer;}
.checkmark{position:absolute;top:-2rem;left:0;width:29rem;height:29rem;border:1rem solid #4a4a4a;}
.checkmark:after{content:""; display:none; position:absolute;}
.check_con input:checked ~ .checkmark:after{display:block; transform:scale(1);}
.check_con .checkmark:after{display:block; position:absolute; top:8rem; left:8rem; width:12rem; height:12rem; background:var(--c-01); transition:all 0.3s ease 0s; transform:scale(0); -ms-transform:rotate(45deg); border-radius:50%;}

/* radio custom */
.radio_con{display:flex; align-items:center; position:relative; padding-left:41rem; font-size:23rem; color:#ccc; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.radio_con input{position:absolute; opacity:0; cursor:pointer;}
.radio_con .checkmark{width:29rem; height:29rem; border:1rem solid rgba(255,255,255,0.3); transition:all 0.3s ease 0s; border-radius:50%;}
.radio_con:hover input ~ .checkmark{border:1px solid rgba(255,255,255,0.7);}
.radio_con .checkmark:after{content:""; display:none; display:block; position:absolute; top:7rem; left:8rem; width:12rem; height:12rem; background:var(--c-01); transition:all 0.3s ease 0s; transform:scale(0); border-radius:50%;}
.radio_con input:checked ~ .checkmark:after{transform:scale(1);}

/* sub layout */
.sub-container.cont-margin-zero{padding-bottom:0;}
.sub-container{position:relative; z-index:11; padding-top:150rem; padding-bottom:150rem; background:#fff;}

#scont{position:relative; padding-top:100vh;}
#sub-visual{position:relative; position:fixed; overflow:hidden; top:0; left:0; z-index:10; width:100%; height:100vh; background:var(--c-bd);}

.sub-visual__bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.sub-visual__bg > i{display:block; width:100%; height:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.sub-visual__cover{position:absolute; top:0; left:0; width:100%; height:100%;}
.sub-visual__item{display:block; position:absolute; z-index:1; width:100%; width:calc(100%/3); height:100%; background:var(--c-bd); transition:all 1s cubic-bezier(0.25, 0.47, 0.12, 0.99) 0.2s;}
.sub-visual__cover::before{content:""; position:absolute; opacity:0.1; top:47%; left:0; z-index:96; width:100%; height:109rem; background:url(../img/common/logo.svg) no-repeat 50% 50%;}
.sub-visual__text{position:relative; z-index:9;}
.sub-visual__text{position:absolute; bottom:100rem; z-index:99; width:100%;}
.sub-visual__text em{display:flex;align-items:center;font-weight:600;font-size:20rem;font-style:italic;overflow: hidden;opacity: 0;}
.sub-visual__text em::before{content:""; display:block; position:relative; top:-2rem; width:17rem; height:17rem; margin-right:10rem; background:var(--c-01); border-radius:100%;}
.sub-visual__text > div > span{display:block;overflow:hidden;position: absolute;right: 0;bottom: 0;}

#sub-visual *{color:#fff;}
#sub-visual h2{overflow:hidden; line-height:1.2; font-weight:700; font-size:80rem; letter-spacing:-1rem; font-style:italic;}
#sub-visual h2 span{display:block; opacity:0; animation:visualTxtMotion 1.6s ease 0.1s forwards;}
#sub-visual em{    animation: visualTxtMotion 1.6s ease 0.1s forwards;}

.sub-tit-label span{display:inline-block; font-weight:600; font-size:19rem; transform:rotate(90deg); text-transform:uppercase;}
.sub-tit-label{position:absolute; top:119rem;}

body[class^="sub01"] .sub-visual__bg > i{background-image:url(../img/sub/img_visual01.png);animation:visualScale 8s ease 0s forwards; }
body[class^="sub02"] .sub-visual__bg > i{background-image:url(../img/sub/img_visual02.jpg);animation:visualScale 8s ease 0s forwards; }
body[class^="sub03"] .sub-visual__bg > i{background-image:url(../img/sub/img_visual03.jpg);animation:visualScale 8s ease 0s forwards; }
body[class^="sub04"] .sub-visual__bg > i{background-image:url(../img/sub/img_visual04.jpg);animation:visualScale 8s ease 0s forwards; }
body[class^="sub05"] .sub-visual__bg > i{background-image:url(../img/sub/img_visual05.jpg);animation:visualScale 8s ease 0s forwards; }

@keyframes visualScale{
	0%{transform:scale(1) rotate(.001deg);}
	100%{transform:scale(1.05) rotate(.001deg);}
}


@keyframes visualTxtMotion {
	from {
		transform: translateY(-70rem);
		opacity: 0;
        
	}
	to {
		transform: translateY(0);
        opacity: 1;
		
	}
}

/* visual motion */
.motion-on .sub_visual .visual_image > i{transform:scale(1);}
.motion-on .sub_visual .visual_image{opacity:1; transform:translateX(0rem);}
.motion-on .sub_visual .title_image{opacity:1; transform:translateY(0rem); transition-delay:0.1s;}
.motion-on .sub_visual .visual_title .title_text > *{opacity:1; transform:translateY(0rem);}
.motion-on .sub_visual .visual_title .title_text > i{transition-delay:0.1s;}
.motion-on .sub_visual .visual_title .title_text > h2{transition-delay:0.16s;}
.motion-on .sub_visual .visual_title .title_text > a{transition-delay:0.20s;}

/* contact */
.sub04_03 .sub_visual{display:none;}
#scont .area_contact,
#scont .area_sns,
#scont .area_board{padding-top:275rem;}
.contact_inner h2{display:inline-flex; align-items:center; position:relative; width:100%; font-size:100rem;}
.contact_inner h2::after{content:""; display:block; position:relative; top:8rem; width:16rem; height:37rem; margin-left:61rem; background:url(../img/sub/arr_basic_c.svg) no-repeat 50% 50%;}
[data-con] input[type="text"]{width:100%; margin-left:50rem; padding:35rem 0rem; background:none; border:none; font-family:'Cormorant Infant', "Pretendard",dotum, sans-serif; font-weight:100 !important; font-size:20rem;}
.contact_inner form > div{display:flex; align-items:flex-end; flex-wrap:wrap;}
[data-con]{display:flex; align-items:center; width:100%; border-bottom:1rem solid rgba(255,255,255,0.1); font-size:30rem;}
[data-con] > span{display:block; opacity:0.9; font-weight:100; white-space:nowrap;}
[data-con]:not(:first-child){margin-top:30rem;}
[data-con]:nth-child(2),
[data-con]:nth-child(3){width:50%;}
[data-con]:nth-child(3){margin-left:4%;}
[data-con]:nth-child(2){width:46%;}
.contact_inner h2 + *{margin-top:80rem !important;}
.con_02{margin-top:170rem;}
[data-con] ul li h5{font-size:30rem; min-width:472rem;}
[data-con] ul li{display:flex; align-items:center;}
[data-con] ul li label:last-child{margin-left:30rem;}
[data-con] ul li:last-child{margin-top:23rem;}
[data-con="radio"]{padding-top:20rem; border:none;}
.custom-select{position:relative; font-family:Arial;}
.custom-select select{display:none;}
.select-selected{background-color:transparent;}
.select-selected:after{content:""; position:absolute; opacity:0.5; right:0; width:0; width:12rem; height:0; height:7rem; background:url(../img/sub/arr_contact.svg) no-repeat 50% 50%;}
.select-selected.select-arrow-active:after{transform:rotate(180deg);}
.select-items div,
.select-selected{padding:11rem 56rem 11rem 26rem; border:1px solid transparent; font-family:'Cormorant Infant', dotum, sans-serif; font-size:22rem; color:#FFF; color:#9d9d9d !important; border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor:pointer; user-select:none; outline:none; min-width:270rem;}
.select-items{position:absolute; top:100%; right:0; left:0; z-index:99; background-color:#060606; box-shadow:10rem 10rem 20rem 0rem rgb(0 0 0 / 70%);}
.select-hide{display:none;}
.select-items div:hover,
.same-as-selected{background-color:rgba(0, 0, 0, 0.1);}
[data-con="select"]{display:flex; justify-content:space-between;}
[data-con="textarea"]{display:flex; align-items:flex-start; padding-top:30rem; flex-direction:column;}
[data-con="textarea"] textarea{width:100%; margin-top:25rem; background:none; border:none; font-family:'Cormorant Infant', dotum, sans-serif; font-size:22rem; min-height:270rem;}
.select-selected{display:flex; align-items:center; padding:33rem 56rem 33rem 26rem;}
.con_check{display:flex; align-items:center; position:relative; margin-top:35rem; font-size:18rem;}
.con_check > label{padding-left:40rem;}
a.btn_check_form{opacity:0.7; margin-left:20rem; border-bottom:1rem solid; font-weight:800; font-size:16rem; color:var(--c-01);}
.txt_check_form{display:none;}
.con_check > label em{font-weight:100; color:#c3c3c3;}
.area_btn > input{display:block; padding:24rem 70rem; background:none; border:1rem solid #fff; font-family:'Cormorant Infant', dotum, sans-serif; font-weight:300; font-size:18rem; color:#fff;}
.area_btn{display:flex;justify-content:center;align-items:center;margin-top: 30rem;text-align:center;}

/* board skin */
#scont .notice_photo .bo_list li a .subject h3{font-weight:100; color:#fff; color:#cfcfcf; transition:all 0.3s ease;}
#scont .notice_photo .bo_list li a:hover .datetime span,
#scont .notice_photo .bo_list li a:hover .datetime h2,
#scont .notice_photo .bo_list li a:hover .subject h3{color:rgb(185, 185, 185) !important;}
#scont .notice_photo .bo_list li a .subject .lt_date i{display:none;}
#scont .notice_photo.data .bo_list{border-top:3rem solid #fff;}
#scont .notice_photo .bo_list li a{border-bottom:1px solid #383838;}
#scont .notice_photo .bo_list li a .subject .lt_date{font-weight:100; font-size:17rem; min-width:auto;}
#scont .notice_photo .bo_list li a .subject .lt_date,
#scont #bo_v_info .if_date{color: #333;}
#scont #bo_list.notice_photo{margin-top:70rem;}
#scont #bo_v{background:transparent;}

#scont #bo_v_link h2{background:none; border:none; font-size:15rem;}
#bo_v_info{margin:0 0 50rem; border-bottom:1px solid #292929;}
#bo_v_link{border:none;}
#scont #bo_v_top{border-top: 1rem solid #e5e5e5;}

.msg_sound_only,
.sound_only{font-size:0 !important;}
.area_board_view input[type="text"],
.area_board_view #bo_w .bo_w_flie .file_wr,
.area_board_view .wr_content textarea{background:transparent; color:#fff;}
#bo_w .bo_w_flie .lb_icon,
#bo_w .bo_w_link label{background:#1e1e1e !important;}
#scont .btn_submit{background:#ef1b29;}
#bo_w .bo_w_flie .file_wr{background:transparent !important;}

.board-btn-wrap{text-align:center;}


@keyframes scrollMotion{
	0%{opacity: 0;}
    80%{opacity: 2;}
	100%{opacity: 0;}
}


/* about */
[data-motion="txt"] > *{transition:all 1.5s ease;}
.about-vision{margin-top:110rem; padding:120rem 0rem; background:var(--c-bd); text-align:center;}
.about-vision *{color:#fff;}
.txt-italic{font-style:italic;}
[data-site="sub"] h3 p{line-height:1.4; font-weight:700; font-size:50rem;}
.kmarine-list{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:27rem;}
.kmarine-list li span{display:block;}
.kmarine-list li span i{display:block;}
.kmarine-list li span img{display:block; width:100%;}
.kmarine-list li h6{margin-top:33rem;}
.about-vision__inner{margin-top:76rem;}
.kmarine-list li h6 i{color:var(--c-01);}
.about-greet__txt{padding:170rem 0rem; padding-left:430rem;}
.about-greet__img{position:absolute; width:37%; height:100%; background:#eee url(../img/sub/img-about_bg.jpg) no-repeat 50% 50%; background-size:cover; max-width:700rem;}
.about-greet{position:relative;}
.about-greet__txt > p{margin-top:40rem;}
.about-greet__txt strong{display:block; margin-top:86rem; font-weight:900; font-size:24rem; font-style:italic;}

.kmarine-list li h6 em{display:block; min-height: 70rem;}

#en .about-greet__txt h3 span{font-size:48rem; word-break:keep-all;}
#en .about-greet__txt > p{word-break:keep-all;}

/* history */
.history__list{position:relative; overflow:hidden; margin-top:50rem;}
.history__item{display:flex; padding:50rem 0rem; border-bottom:1px dashed #ddd;}
.history__item-inner > ul > li{display:flex; align-items:flex-start; position:relative; opacity:0.4; padding-left:40rem; transition:opacity 0.8s ease 0.3s;}
.history__item > strong{display:block; position:relative; opacity:0.2; width:110rem; line-height:1; font-weight:500; font-size:70rem; color:var(--c-01); letter-spacing:-0.5rem; transition:opacity 0.8s ease 0.3s; font-style:italic;}
.history__item-inner{margin-left:80rem;}
.history__item-inner ul li > em{display:block; display:flex; align-items:center; width:30rem; margin-top:5rem; font-family:var(--font-k); font-weight:700; font-size:20rem; text-align:center; letter-spacing:-1rem;}
.history__item-inner > ul > li > em + *{margin-left:21rem;}
.history__item-inner > ul > li:not(:first-child){margin-top:29rem;}
.history__item-inner ul li > em::before{content:""; position:absolute; left:0; z-index:9; height:9rem; background:#ccc; transition:background-color 0.8s ease 0.3s; min-width:9rem; border-radius:100%;}
.history-line{position:absolute; overflow:hidden; top:68rem; left:194rem; z-index:1; z-index:-1; width:1px; height:-webkit-calc(100% - 122rem); height:calc(100% - 122rem); background:#ddd;}
.history-line i{display:block; width:100%; background:var(--c-01);}
.history__item.on > strong{opacity:1;}
.history__item.on .history__item-inner ul li > em::before{background:var(--c-01);}
.history__item:last-child{padding-bottom:0; border:0;}
.history__item.on .history__item-inner > ul > li{opacity:1;}

/* 오시는길 */
.kmarine-cont__tabs{display:flex;}
.kmarine-cont__tabs.inktab{margin-bottom: 50px}
.kmarine-cont__tabs > li{display:flex; justify-content:center; align-items:center; width:195rem; height:62rem; background:#f7f7f7; font-weight:600; font-size:18rem; cursor:pointer;}
.kmarine-cont__tabs > li.active,
.kmarine-cont__tabs > li.active a{background:var(--c-01); color:#fff;}
.kmarine-cont__tabs > li,
.kmarine-cont__tabs > li a{color:#cfcfcf;}
.kmarine-cont__tabs > li a{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.area-map .kmarine-cont__tabs{margin:57rem 0 45rem;}
.map__inner{margin-top:50rem;}
.map__inner strong{display:block; font-family:var(--font-k); font-weight:800; font-size:28rem; font-style:italic;}
.map__list{display:flex; margin-top:30rem; font-family:var(--font-k);}
.map__list  *{font-size:20rem;}
.map__list li em{margin-right:4rem; font-weight:700;}
.map__list li{display:flex; align-items:center; position:relative; margin-right:20rem; padding-right:20rem;}
.map__list li::after{content:""; position:absolute; right:0; width:1px; height:18rem; background:#ccc;}
.map__list li:last-child::after{opacity:0;}

/* product common */
.product-intro .kmarine-cont__tit{margin-top:76rem;}
.product-intro__img{display:block; height:526rem; margin-top:52rem; background-position:50% 50%; background-repeat:no-repeat;}
.area-product--boat .product-intro__img{background:url(../img/sub/img-product01_intro.jpg);}
.area-product--clean .product-intro__img{background:url(../img/sub/img-product02_intro.jpg);}
.area-product--air .product-intro__img{background:url(../img/sub/img-product03_intro.jpg);}
.product-content__desc{margin-top:60rem;}
.product-content__list{display:grid; margin-top:100rem; text-align:center; grid-template-columns:1fr 1fr 1fr 1fr; justify-items:center;}
.product-content__list strong{display:block; margin-top:25rem; font-weight:700; font-size:30rem; text-transform:uppercase; font-style:italic;}
.product-content__list img{display:block; height:97rem; margin:0 auto;}
.product-content__list p{line-height:1.7; margin-top:8rem; font-weight:600; font-size:17rem; color:var(--c-bd);}
.product-purpose__list{display:flex; margin-top:130rem;}
.product-purpose__list img{width:100%;}
.product-purpose__list strong{position:absolute; font-size:27rem; color:#fff; font-style:italic;}
.product-purpose__list li{display:flex;justify-content:center;align-items:center;position:relative;flex: 1;}
.product-modal h4 p{line-height:1; font-family:var(--font-e); font-weight:600; font-size:60rem; text-align:center; font-style:italic;}
.product-modal{margin-top:155rem;}
.product-modal__list{display:flex; margin-top:54rem; gap:27rem;}
.product-modal__list > li{flex:1;}
.product-modal__list img{width:100%; height:100%;}
.product-modal__list strong{display:flex; align-items:flex-start; position:relative; line-height:1; margin-top:21rem; font-weight:600; font-size:28rem; text-align:center; font-style:italic;}
.product-modal__list a{display:flex; justify-content:center; align-items:center; flex-direction:column;}
.product-modal__list a > span{display:block; width:100%;}
.product-modal__list strong::after{content:""; display:block; position:relative; top:2rem; width:10rem; height:10rem; margin-left:9rem; background:url(../img/sub/icon_link.svg) no-repeat 50%50%;}
.area-product--clean .product-purpose{margin-top:120rem; padding:130rem 0rem; background:var(--c-bd) url(../img/sub/img-product02_bg.jpg) no-repeat 100% 0;}
.area-product--clean .product-purpose *{color:#fff; text-align:center;}
.product-purpose h4 p{margin-bottom:37rem; font-weight:800; font-size:35rem; font-style:italic;}
.area-product--clean .product-purpose h6{font-size:20rem; word-break:keep-all;}
.product-content__list strong i{display:block; display:none; line-height:1; font-weight:900; font-size:17rem;}
.area-product--air .product-intro .kmarine-cont__tit{}
.product-air__list{display:grid; margin-top:60rem; grid-template-columns:1fr 1fr; gap:30rem;}
.product-air__item{position:relative; box-sizing:border-box; padding:40rem 40rem; background:#fff; border:4px solid #ddd; transition:all 0.3s ease; transform-style:initial !important;}
.product-air__item:last-child{grid-column:1/3;}
.product-air__item strong{font-weight:800; font-size:24rem; color:var(--c-bd); font-style:italic;}
.product-air__item strong + *{line-height:1.5; margin-top:10rem; font-weight:300; color:#666;}
.product-air__item ul li{display:flex; align-items:flex-start; position:relative; font-family:var(--font-k); word-break:keep-all;}
.product-air__item ul li::before{content:""; display:flex; justify-content:center; align-items:center; height:28rem; margin-top:-2rem; margin-right:5rem; background:var(--c-bd); font-family:var(--font-k); font-weight:500; font-size:15rem; color:#fff; min-width:28rem; border-radius:100%;}
.product-air__item ul li:nth-child(1)::before{content:"1";}
.product-air__item ul li:nth-child(2)::before{content:"2";}
.product-air__item ul li:nth-child(3)::before{content:"3";}
.product-air__item ul li:nth-child(1) ~ li{margin-top:12rem;}
.product-air__item::after{content:""; position:absolute; opacity:0; bottom:0; left:0; z-index:-3; width:100%; height:100%; background:#ededed; transition:all 0.3s ease;}
.product-air__item:hover{border-color:var(--c-bd);}
.product-air__item:hover::after{opacity:1; bottom:-13rem; left:13rem;}
.prdocut-desc svg{display:block; opacity:0.05; width:90%; margin:0 auto; max-width:1536rem;}
.prdocut-desc__inner{display:inline-block; position:relative; left:-50rem; padding-top:70rem; text-align:center;}
.prdocut-desc__inner > img{display:block; width:1120rem;}
.prdocut-desc{position:relative; margin-top:140rem; text-align:center;}
.prdocut-desc h3 p{font-size:50rem;}
.prdocut-desc__item strong{line-height:1; font-weight:900; font-size:27rem; letter-spacing:-1rem; text-transform:uppercase; font-style:italic;}
.prdocut-desc__item strong + i{display:block; opacity:0; font-weight:800; font-size:18rem;}
.prdocut-desc__item{position:absolute; text-align:left;}
.desc-point > span{display:block; position:relative; width:15rem; height:15rem; background:var(--c-bd); transition:all 0.3s ease; border-radius:100%;}
.desc-point > span::before{content:""; display:block; opacity:0.2; width:100%; height:100%; background:var(--c-bd); transform:scale(2.5); animation:descAni 1.6s ease 0.1s infinite; border-radius:100%;}

#en .product-content__desc{word-break: keep-all;}

@keyframes descAni {
    0%{transform: scale(2);}
    70%{transform: scale(3.3);}    
    100%{transform: scale(2);}   
}

.desc-point > i{background:#ddd;}
.italic{font-style:italic;}
.prdocut-desc__item.item01{top:117rem; right:-10rem;}
.prdocut-desc__item .desc-point__line{top:-54rem; z-index:-1; width:110rem; height:74rem;}
.desc-point__line{display:flex; justify-content:flex-end; position:relative; position:absolute; width:110rem; height:74rem;}
.prdocut-desc__item.item02 .desc-point__line{top:8rem; left:0; width:287rem; height:auto;}
.desc-point__line i{display:block; background:#d5d5d5;}
.desc-point__line i:nth-child(1){width:67rem; height:1px;}
.desc-point__line i:nth-child(2){position:absolute; top:28rem; left:-4rem; width:63rem; height:1px; transform:rotate(-61deg);}
.desc-point{position:absolute; bottom:-21rem; left:-118rem;}
.prdocut-desc__item a{margin-top:40rem;}
.prdocut-desc__item.item02{right:-36rem; bottom:265rem;}
.prdocut-desc__item.item02 .desc-point__line i{width:100%;}
.prdocut-desc__item.item02 .desc-point{bottom:38rem; left:-298rem;}
.prdocut-desc__item.item04 .desc-point{top:-53rem; right:-130rem; bottom:auto; left:auto; transform:rotate(180deg);}
.prdocut-desc__item.item04{bottom:13rem; left:200rem;}
.prdocut-desc h3 p{font-weight:800;}
.prdocut-desc__item.item03 .desc-point__line i:nth-child(2){right:89rem; left:auto; transform:rotate(-121deg);}
.prdocut-desc__item.item03 .desc-point__line i:nth-child(1){position:absolute; left:-94rem;}
.prdocut-desc__item.item03 .desc-point__line{display:flex; justify-content:flex-start;}
.prdocut-desc__item.item03 .desc-point{right:-130rem; left:auto;}
.prdocut-desc__item.item03{top:353rem; left:-10rem;}
.prdocut-desc__svg{display:block; position:absolute; top:340rem; z-index:-1; width:100%;}
.prdocut-desc__item a *{transition:all 0.3s ease;}
.prdocut-desc__item a:hover *{color:var(--c-01);}
.prdocut-desc__item:hover .desc-point > span,
.prdocut-desc__item:hover .desc-point > span::before{background:var(--c-01);}
.prdocut-desc__item.item06 .desc-point__line i:nth-child(2){right:89rem; left:auto; transform:rotate(-121deg);}
.prdocut-desc__item.item06 .desc-point__line i:nth-child(1){position:absolute; left:-94rem;}
.prdocut-desc__item.item06 .desc-point__line{display:flex; justify-content:flex-start;}
.prdocut-desc__item.item06 .desc-point{right:-130rem; left:auto;}
.prdocut-desc__item.item06{top:279rem; left:40rem;}
.kp-series .product-pop__list li{padding:7rem 0rem; font-size:15rem;}
.product-air .product-pop__info{padding-bottom:40rem;}
.product-skill{position:relative; box-sizing:border-box; margin:45rem; max-width:420rem; min-width:360rem;}
.product-skill h5{font-weight:800; font-size:24rem; color:var(--c-bd); font-style:italic;}
.product-skill p{line-height:1.8; margin-top:20rem; padding-bottom:130rem; font-size:16rem !important; color:#666;}
.product-skill p strong{color:#111;}
a.product-skill__btn{display:block; position:absolute; bottom:0rem; left:0; width:100%; padding:23rem 0rem; background:var(--c-bd); font-weight:600; font-size:17rem; color:#fff; text-align:center;}
.product-skill-wrap{min-width:auto !important; min-height:auto !important;}


#en .product-skill p{word-break: keep-all;}

/* product popup */
.swiper-container { width: 100%;   margin-left: auto; margin-right: auto;}
.swiper-slide { background-size: cover;  background-position: center;}

.product-pop__thumnail .img {display:block;position:relative;overflow:hidden;padding-top: 0;text-align:center;height: 509rem;}
.product-pop__thumnail .img img{position:absolute; top:50%; left:50%; width:100%; transform:rotate(.001deg) translate(-50%, -50%); transition:width 0.4s ease-in 0s;}
.product-pop__thumnail .swiper-button-white{margin-top:0; width:74px; height:74px; background:#464646; transform:translateY(-50%); transition:width 0.4s ease-in 0s;}
.product-pop__thumnail .swiper-button-white:hover{background:#a5856a;}
.product-pop__thumnail .swiper-button-prev{left: 20rem;}
.product-pop__thumnail .swiper-button-next{right: 21rem;}
.product-pop__thumnail .swiper-button-prev:after, 
.product-pop__thumnail .swiper-button-next:after{content:'';background: url(../img/common/arr_basic_w.svg) no-repeat center;width: 20rem;height: 100%;text-indent:-9999px;display: block;}
.product-pop__thumnail .swiper-button-prev:after{transform:rotate(-180deg);}
.swiper-button-next,
.swiper-button-prev{top:43%; z-index:999;}

.product-pop__pager{position:relative;margin: 17rem auto 0;width: 100%;height: 112rem;box-sizing: border-box;overflow:visible;}
.product-pop__pager .img{display:block;position:relative;overflow:hidden;height: 112rem;text-align:center;cursor: pointer;}
.product-pop__pager img{position:absolute;top:50%;left:50%;width: 101%;transform:rotate(.001deg) translate(-50%, -50%);transition:width 0.4s ease-in 0s;object-fit: cover;display: block;height: 100%;}
.product-pop__pager .swiper-slide-thumb-active .img{border: 3px solid var(--c-bd);box-sizing:border-box;}
.product-pop__pager .swiper-button-white{margin-top:0; width:45px; height:45px; z-index:10; background:#cecece; transform:translateY(-50%); transition:width 0.4s ease-in 0s;}
.product-pop__pager .swiper-button-white:hover{background:#a5856a;}
.product-pop__pager .swiper-button-prev{left:-8.9%;}
.product-pop__pager .swiper-button-next{right:-8.9%;}
.product-pop__pager .swiper-button-prev:after, 
.product-pop__pager .swiper-button-next:after{content:''; background:url(../img/sub/arr_basic_w.svg)no-repeat center; width:5px; height:9px; text-indent:-9999px;}
.product-pop__pager .swiper-button-prev:after{transform:rotate(-180deg);}
.product-pop{display:grid; padding:40rem 40rem; grid-template-columns:574rem auto; gap:45rem;}
.product-pop__img{position:relative; overflow:hidden;}
.product-pop__info{position:relative; min-width:370rem;}
.product-pop__info > strong{line-height:1; font-family:var(--font-e); font-weight:600; font-size:40rem; font-style:italic;}
.product-pop__info > strong i{position:relative; top:-2rem; margin-left:9rem; font-family:var(--font-k); font-size:16rem; color:var(--c-bd); letter-spacing:-0.5rem;}
.product-pop__list{margin-top:16rem; border-top:2px solid var(--c-bd);}
.product-pop__list li{padding:15rem 0rem;}
.product-pop__list li em{display:block; font-weight:600; font-size:15rem; color:var(--c-bd); min-width:165rem;}
.product-pop__list li{display:flex; align-items:center; border-bottom:1px solid #eee; font-weight:300; color:#555;}
.product-pop__info > a{display:block; position:absolute; bottom:0; width:100%; padding:22rem 0rem; background:var(--c-bd); font-weight:500; font-size:17rem; color:#fff; text-align:center;}

/* R&D */
.rnd-intro__list{display:grid; width:100%; grid-template-columns:repeat(4,auto); gap:54rem;}
.rnd-intro__list li img{width:100%;}
.rnd-intro__certify{position:relative; margin-top:83rem;}
.rnd-intro__certify::after{content:""; position:absolute; bottom:68rem; left:0px; z-index:1; width:100%; height:20%; pointer-events:none; background-image:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 80%);}
.rnd-intro__certify > div > a{display:flex; justify-content:center; align-items:center; position:relative; z-index:99; padding-top:30rem; font-weight:800; font-size:30rem; color:var(--c-bd); text-align:center;}
.rnd-intro__certify > div > a::after{content:""; display:block; width:13rem; height:22rem; margin-left:40rem; background:url(../img/common/arr_basic.svg) no-repeat 50% 50%; transform:rotate(90deg);}
.rnd-new-product__rolling-inner{display:inline-block; white-space:nowrap; animation:rolling_img 80s linear infinite; animation-play-state:running;}
.rnd-new-product__rolling-inner span{line-height:1; margin:0 20rem; font-weight:500; font-size:90rem; color:#fff; font-style:italic;}
.rnd-new-product__rolling{overflow:hidden; padding:29rem 0rem 19rem; background:var(--c-bd); white-space:nowrap;}
.rnd-new-product{margin-top:125rem;}

@keyframes rolling_img {
    0%{transform:translateX(0%);}
    100%{transform:translateX(-100%);}    
}

.rnd-new-product__list{display:flex; flex-wrap:wrap;}
.rnd-new-product__item{width:50%; flex:50%;}
.rnd-new-product__item:nth-child(odd){border-right:1px solid #dfdfdf;}
.rnd-new-product__item:nth-child(2) ~ *{border-top:1px solid #dfdfdf;}
.rnd-new-product__tit{padding:50rem 60rem;}
.rnd-new-product__tit  > strong{line-height:1; font-weight:600; font-size:50rem; letter-spacing:-0.5rem; font-style:italic;}
.rnd-new-product__tit > strong i{position:relative; top:-4rem; margin-left:16rem; font-family:var(--font-k); font-weight:600; font-size:16rem; color:var(--c-bd);}
.rnd-new-product__tit > p{margin-top:0rem; font-weight:600; font-size:18rem; color:var(--c-bd); letter-spacing:-0.3rem;}
.rnd-new-product__cont{display:grid;border-top:1px solid #dfdfdf;grid-template-columns:1fr 350rem;min-height: 418rem;}
.rnd-new-product__cont > ul{width:100%;}
.rnd-new-product__cont > ul li:not(:last-child){border-bottom:1px solid #dfdfdf;}
.rnd-new-product__cont > ul li{padding:14rem 20rem; font-family:var(--font-k); font-weight:300; font-size:14rem;}
.rnd-new-product__cont > span{display:block; width:100%;}
.rnd-new-product__cont > span img{display:block;width:100%;object-fit:cover;height: 100%;}
.rnd-new-product__cont > ul li em{display:inline-block; margin-right:12rem; font-weight:500; color:var(--c-bd); min-width:112rem;}
.rnd-new-product__item:nth-child(3) .rnd-new-product__tit > p{color:#fff;}

.rnd-new-product__item:last-child ul{display:none;}
.rnd-new-product__item:last-child{width:100%;}
.rnd-new-product__item:last-child .rnd-new-product__cont{}


#en .rnd-new-product__tit > strong i{margin-left:0}

/* 인증서 */
.certify__list-wrap{margin-top:80rem;}
.certify__list{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:55rem;}
.certify__item img{display:block; width:100%;}
.certify__item *{display:block; text-align:left; font-style:normal;}
.certify__item i{margin-top:17rem; font-family:var(--font-k); font-size:15rem; color:#555;}
.certify__item strong{display:block; margin-top:5rem; font-size:21rem; letter-spacing:-0.5rem;}

.certify__item strong a{
    position: relative;
    line-height: 32rem;
    padding: 0rem 12rem;
    font-weight: 500;
    font-size: 16rem;
    color: #fff;
    border-radius: 20rem;
    height: 27rem;
    display: inline-block;
        background: var(--c-01);
}

.certify-design{margin-top:90rem; padding:90rem 0rem; background:#f3f3f3; text-align:center;}
.certify-design h4{margin-bottom:40rem; font-weight:800; font-size:40rem;}

/* sub */
.sub-container.board-cont h2{margin-bottom:0rem !important; text-align:center;}

li:nth-child(2){transition-delay:0.1s !important;}
li:nth-child(3){transition-delay:0.2s !important;}
li:nth-child(4){transition-delay:0.3s !important;}

@media (max-width:1600px){
    .wrap-middle{width:auto; margin:0 40rem;}
}

@media (max-width:1023px){
	p{line-height:1.8; font-size:16rem;}
	
    [data-site="sub"] h6{font-size:20rem;}
	[data-site="sub"] h3 p{line-height:1.4; font-weight:700; font-size:34rem;}

	#en .about-greet__txt h3 span{font-size:34rem}
	
    .sub-container{padding-top:110rem; padding-bottom:130rem;}
	.sub-tit-label span{display:none;}

    .wrap-narrow{width:auto; margin:0 40rem;}	
    
	.kmarine-cont__tit h2 p{font-size:38rem;}
	.kmarine-txt-motion{font-size:20rem;}
	.kmarine-cont__tit > p br{display:none;}	
	.kmarine-list{gap:40rem 27rem; grid-template-columns:1fr 1fr;}
	.kmarine-list li h6{margin-top:27rem;}
	.kmarine-list li h6 em{min-height: auto;}

    .about-vision{margin-top:90rem; padding:100rem 0rem;}
	.about-vision__inner{margin-top:65rem;}
	.about-greet__img{display:block; position:relative; width:100%; height:340rem; background:url(../img/sub/img-about_bg--mob.jpg) no-repeat 50% 50%; max-width:none;}
	.about-greet__txt{padding:10rem 0rem; padding-left:0;}
	.about-greet__txt-wrap{padding:50rem 0rem 100rem;}
	
    .kmarine-cont__tabs > li{width:165rem; height:55rem; font-size:15rem;}
	.kmarine-cont__tabs-container iframe{height:370rem;}
    .kmarine-cont__tit > span{margin-top:23rem;}

	.map__inner strong{font-size:22rem;}
	.map__list *{font-size:16rem;}
	.map__list{margin-top:24rem;}
	.map__inner{margin-top:30rem;}
	
    .product-modal h4 p{font-size:44rem;}
	.product-intro .kmarine-cont__tit{margin-top:60rem;}	
	.area-product--boat .product-intro__img{background-position:50% 170% !important;}
	.product-intro__img{height:296rem; background-size:cover !important;}
	.product-content__list{margin-top:70rem;}
	.product-content__list img{height:69rem;}
	.product-content__desc{margin-top:40rem;}
	.product-content__list strong{font-size:23rem;}
	.product-content__list p{font-size:14rem;}
	.product-purpose__list strong{font-size:19rem;}
	.product-modal__list{display:flex; margin-top:25rem; gap:13rem;}
	.product-modal__list strong{margin-top:15rem; font-size:21rem;}
	.product-modal__list strong::after{width:8rem; height:8rem;}
	.product-modal{margin-top:85rem;}
	.product-purpose__list{margin-top:60rem;}
	.area-product--clean .product-content__list p br{display:none;}
	.product-content__list strong i{font-size:15rem;}
	.area-product--clean .product-purpose{margin-top:80rem; padding:100rem 0rem; background-size:590rem;}
	.prdocut-desc{margin-top:90rem;}
	.prdocut-desc__inner > img{display:block; width:90%; margin:0 auto;}
	.prdocut-desc__item strong{font-size:20rem;}
	.prdocut-desc__item strong + i{font-size:13rem;}
	.desc-point > span{width:12rem; height:12rem;}
	.desc-point > span::before{transform:scale(2.3);}
	.prdocut-desc__inner{left:-30rem; margin-top:-40rem;}
	.prdocut-desc__item .desc-point__line{top:-54rem; left:-3rem;}
	.prdocut-desc__svg{top:260rem;}
	.prdocut-desc__item a{margin-top:0;}
	.prdocut-desc__item a{position:relative; top:-10rem;}
	.prdocut-desc__item.item02 .desc-point__line{width:217rem;}
	.prdocut-desc__item.item02 .desc-point{left:-233rem;}
	.prdocut-desc__item.item01{top:107rem; right:20rem;}
	.prdocut-desc__item.item02{right:64rem; bottom:195rem;}
	.prdocut-desc__item.item03{top:307rem; left:40rem;}
	.prdocut-desc__item.item04{bottom:33rem; left:120rem;}
	.prdocut-desc__item.item06{top:249rem; left:60rem;}
	.product-skill{margin:35rem; max-width:360rem;}
	a.product-skill__btn{padding:20rem 0rem; font-size:16rem;}
	.product-skill p{font-size:15rem !important;}
	.product-skill h5{font-size:22rem;}
	.popup-layer .popup-layer__box{width:550rem; min-width:auto;}
	.product-skill-wrap{width:auto !important;}
	.product-pop{padding:28rem; grid-template-columns:1fr; gap:5rem;}
	.product-pop__thumnail .img{height:249rem;}
	.product-pop__list{display:flex; margin-top:12rem; flex-wrap:wrap;}
	.product-pop__list li{width:50%; padding:8rem 0rem;}
	.product-pop__list li em{min-width:115rem;}
	.product-pop__list li em,
	.product-pop__list li{font-size:12rem;}
	.product-pop__pager .img{height:82rem;}
	.product-pop__pager{margin:10rem auto 0;}
	.product-pop__info > strong{font-size:29rem;}
	.product-pop__info > strong i{font-size:14rem;}
	.product-pop__info > a{position:relative; margin-top:30rem;}
	.swiper-button-next,
	.swiper-button-prev{top:39%;}
	.product-pop__thumnail .img img{height:100%; object-fit:cover;}
	.product-air .product-pop__info{padding-bottom:0;}
	
    .rnd-intro__list{gap:23rem;}
	.rnd-intro__certify{margin-top:53rem;}
	.rnd-intro__certify > div > a{padding-top:34rem; font-size:23rem;}
	.rnd-intro__certify > div > a::after{width:11rem; height:20rem; margin-top:-1rem; margin-left:20rem;}
	.rnd-new-product__rolling-inner span{font-size:60rem;}
	.rnd-new-product__rolling{padding:20rem 0rem 12rem;}
	.rnd-new-product{margin-top:65rem;}
	.rnd-new-product__cont{grid-template-columns:1fr;}
	.rnd-new-product__tit{padding:30rem; min-height:135rem;}
	.rnd-new-product__tit > strong{font-size:32rem;}
	.rnd-new-product__tit > strong i{display:block; line-height:1.5; margin-top:4rem; margin-left:0; font-size:13rem; min-height:39rem;}
	.rnd-new-product__tit > p{line-height:1.4; margin-top:10rem; font-weight:700; font-size:15rem;}
	.rnd-new-product__item:nth-child(3) .rnd-new-product__tit > p{display:none;}
	.rnd-new-product__item:nth-child(1) .rnd-new-product__tit > p,
	.rnd-new-product__item:nth-child(2) .rnd-new-product__tit > p{min-height:42rem;}
	
    .certify__list{grid-template-columns:1fr 1fr 1fr; gap:30rem;}
	.certify__item strong{margin-top:7rem; font-size:17rem;}
	.certify__item i{margin-top:17rem; font-size:14rem;}
	.certify__list-wrap{margin-top:50rem;}
	.certify-design h4{margin-bottom:30rem; font-size:33rem;}
	.certify-design{margin-top:70rem; padding:70rem 0rem;}
}

@media (max-width:860px){
	#sub-visual h2{font-size:61rem;}
	
    .sub-lnb ul li{margin-right:34rem;}
	.sub-lnb{margin-top:40rem;}
	
    .product-air__item{padding:25rem;}
	.product-air__item strong{font-size:20rem;}
	.product-air__item ul li::before{height:23rem; margin-top:1rem; font-size:12rem; min-width:23rem;}
	.product-air__item ul li:nth-child(1) ~ li{margin-top:7rem;}
	.product-air__list{gap:19rem;}
	.product-air__list{margin-top:50rem;}
	.prdocut-desc__item.item01{top:77rem; right:20rem;}
	.prdocut-desc__item.item02{right:24rem; bottom:75rem;}
	.prdocut-desc__item.item03{top:249rem; left:40rem;}
	.prdocut-desc__item.item04{bottom:13rem; left:120rem;}
	.prdocut-desc__item.item06{top:199rem; left:40rem;}
	
    .desc-point > span{background:#FFF;}
	.desc-point > span::before{height:100%; background:#FFF;}

	.rnd-new-product__cont{min-height: 316rem;}
	
	
	
	.flex_tab_top{display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column; gap:30px}
.flex_tab_cate_btn{}    
.flex_tab_cate_btn h2{font-size: 24rem; margin-bottom: 10px}
.flex_cate_btn{display: flex; gap:10px;     align-items: flex-start;
    justify-content: flex-start;}
.flex_cate_btn a{font-size: 16rem; line-height: 42px; 
height: 40px; background: var(--c-01); padding: 0 20px; border-radius: 40px; color: #fff; font-weight: 500}
	
	
}

@media (max-width:540px){
	p{font-size:15rem; word-break:keep-all !important;}

    .wrap-middle{margin:0 20rem;}
	
    [data-site="sub"] h6{font-size:19rem;}
	[data-site="sub"] h3 p{font-size:27rem;}

	#en .about-greet__txt h3 span{font-size:27rem}
	
    .wrap-narrow{margin:0 20rem;}
	
    .sub-container{padding-top:60rem; padding-bottom:90rem;}
	#sub-visual h2{font-size:40rem;}
	.sub-visual__text em{display:none;}
	
    .sub-lnb ul li{margin-right:18rem; font-size:18rem;}
	.sub-visual__text{bottom:90rem; box-sizing:border-box; padding-left:10rem;}
	.sub-lnb ul{overflow:hidden;}
	.sub-lnb ul li:last-child{margin-right:0;}

	#en .sub-lnb ul li{font-size:17rem}
	
    .kmarine-cont__tit h2 p span{word-break:keep-all;}
	.kmarine-cont__tit h2 p{font-size:30rem;}
	.kmarine-cont__tit > span{margin-top:18rem;}
	.kmarine-txt-motion{font-size:18rem;}
	.kmarine-cont__tit > span br{display:none;}
	.kmarine-cont__tit > p{margin-top:21rem;}

	#en .kmarine-cont__tit h2 p{font-size:22rem}
	
    .about-vision{margin-top:70rem; padding:70rem 0rem;}
	.about-vision__inner{margin-top:45rem;}
	
    .kmarine-list{gap:40rem 27rem; grid-template-columns:1fr;}
	.kmarine-list li h6{margin-top:25rem;}
	
    .about-greet__img{height:210rem; background-size:cover;}
	.about-greet__txt > p{margin-top:20rem;}
	.about-greet__txt strong{margin-top:32rem; font-size:20rem;}
	
    .history__item > strong{margin-bottom:10rem; padding-left:19rem; font-size:41rem;}
	.history__item{align-items:flex-start; flex-direction:column;}
	.history__item-inner{margin-left:0;}
	.history-line{top:53rem; left:3rem; width:2px; height:-webkit-calc(100% - 64rem); height:calc(100% - 64rem);}
	.history__list{margin-top:0rem;}
	.history__item-inner > ul > li{padding-left:20rem;}
	.history__item-inner > ul > li > em + *{margin-top:2rem; margin-left:4rem;}
	
    .wrap-wide .wrap-narrow{margin:0;}
	
    .map__list{align-items:flex-start; flex-direction:column;}
	.map__inner strong{width:90%;}
	.map__list li::after{display:none;}
	.map__list li{margin-right:0; margin-bottom:10rem; padding-right:0;}
	
    .kmarine-cont__tabs > li{width:138rem; height:51rem; font-size:14rem;}
	
    .area-map .kmarine-cont__tabs{margin:37rem 0 32rem;}
	
    .product-intro .kmarine-cont__tit{margin-top:50rem;}
	.product-intro__img{height:186rem; margin-top:35rem; background-position:50% 30% !important;}
	.product-content__desc{margin-top:25rem;}
	.product-content__list{margin-top:50rem; grid-template-columns:1fr 1fr; row-gap:30rem;}
	.product-content__list strong{margin-top:14rem; font-size:22rem;}
	.product-content__list p{line-height:1.6; margin-top:5rem; font-size:14rem; letter-spacing:-0.5rem;}
	.product-purpose__list{align-items:flex-start; margin-top:80rem; flex-direction:column;}
	.product-modal__list{display:flex; flex-wrap:wrap; gap:18rem 13rem;}
	.product-modal__list strong{margin-top:12rem; font-size:18rem;}
	.product-modal h4 p{font-size:36rem;}
	.product-modal{margin-top:65rem;}
	.area-product--clean .product-purpose h6{font-size:18rem;}
	.product-purpose h4 p{margin-bottom:30rem; font-size:27rem;}
	.area-product--clean .product-purpose{margin-top:80rem; padding:70rem 0rem; background-size:300rem;}
	.product-modal__list li{width:47%; flex:auto;}
	.product-content__desc br{display:none;}
	.product-air__list{margin-top:40rem; grid-template-columns:1fr; gap:14rem;}
	.product-air__item{padding:20rem; border-width:3rem;}
	.product-air__item:last-child{ grid-column: 1;}
	.product-air__item ul li{font-size: 15rem;}

	.prdocut-desc{margin-top:70rem; margin-bottom:-30rem; padding-bottom:0;}
	.prdocut-desc__svg{top:190rem;}
	.desc-point{position:relative; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important;}
	.prdocut-desc__item{display:flex; align-items:flex-start; gap:18rem;}
	.prdocut-desc__item.item04,
	.prdocut-desc__item.item03,
	.prdocut-desc__item.item01,
	.prdocut-desc__item.item06{flex-direction:row-reverse;}
	.prdocut-desc__inner{left:-6rem; padding-top:130rem; padding-bottom:70rem;}
	.prdocut-desc__item .desc-point__line{display:none !important;}
	.prdocut-desc__item strong{position:relative; top:7rem; font-size:16rem;}
	.prdocut-desc__item strong + i{line-height:1; font-size:13rem;}
	.prdocut-desc__item.item03{top:238rem; left:10rem;}
	.prdocut-desc__item.item01{top:92rem; right:90rem;}
	.prdocut-desc__item.item04{bottom:21rem; left:60rem;}
	.prdocut-desc__item.item02{right: 44rem;bottom: 107rem;}
	.prdocut-desc__item.item06{top:206rem; left:10rem;}
	.desc-point > span::after{content:""; position:absolute; background:#ddd;}
	.prdocut-desc__item.item01 .desc-point > span::after{left:5rem; width:1px; height:55rem;}
	.prdocut-desc__item.item04 .desc-point > span::after{left:5rem; width:1px; height:57rem;}
	.product-skill{width:270rem; margin:25rem; min-width:auto;}
	.product-skill p{margin-top:15rem; padding-bottom:100rem; font-size:14rem !important;}
	.product-skill h5{font-size:20rem;}
	a.product-skill__btn{padding:16rem 0rem; font-size:15rem;}
	.product-skill-wrap .btn-close{display:none !important;}
	
    .popup-layer .popup-layer__box{top:0 !important; left:0 !important; width:100%; margin:0 !important; transform:none; min-height:100%;}
	.popup-layer__box.product-skill-wrap{top:50% !important; left:50% !important; transform:translate(-50%, -50%);}
	.product-pop__pager{display:none;}
	.product-pop{display:grid; align-items:start; margin-top:15rem; padding:18rem; grid-template-columns:100%;}
	.product-pop__info{position:unset; margin-top:20rem; min-width:auto;}
	.product-pop__list li em{margin-right:8rem; min-width:auto;}
	.product-pop__thumnail .swiper-button-prev:after,
	.product-pop__thumnail .swiper-button-next:after{width:16rem;}
	.product-pop__info > a{position:absolute; bottom:18rem; width:91%; margin-top:20rem; padding:19rem 0rem; background:var(--c-01); font-size:15rem;}
	.product-pop__list{height:303rem; margin-top:7rem; overflow-y:scroll;}
	.product-pop__thumnail .img{height:189rem;}
	.product-pop__info > strong{font-size:26rem;}
	.product-pop__info > strong i{margin-left:7rem; font-weight:800; font-size:14rem;}
	.popup-layer .popup-layer__box .btn-close{top:0rem; right:0; z-index:99; width:60rem; height:58rem; background:var(--c-bd);}
	.product-pop__thumnail .img{height:199rem;}
	.swiper-button-next,
	.swiper-button-prev{top:52%;}
	.product-pop__thumnail .swiper-button-next{right:11rem;}
	.product-pop__thumnail .swiper-button-prev{left:10rem;}
	.popup-layer .popup-layer__box .btn-close::after{width:27rem; height:2rem;}
	.popup-layer .popup-layer__box .btn-close::before{width:2rem; height:27rem;}
	.product-pop__list li em,
	.product-pop__list li,
	.kp-series .product-pop__list li{font-size:13rem; letter-spacing:-0.5rem;}
	.kp-series .product-pop__list li{padding:13rem 0rem;}
	
    .rnd-intro__list li:nth-child(4) ~ li{display:none;}
	.rnd-intro__list{gap:18rem; grid-template-columns:repeat(2,auto);}
	.rnd-intro__certify{margin-top:43rem;}
	.rnd-intro__certify > div > a{padding-top:27rem; font-size:19rem;}
	.rnd-intro__certify::after{bottom:38rem;}
	.rnd-intro__certify > div > a::after{width:9rem; height:18rem;}
	
    .rnd-new-product__rolling-inner span{font-size:49rem;}
	.rnd-new-product__rolling{padding:11rem 0rem 7rem;}
	.rnd-new-product__item{flex:100%;}
	.rnd-new-product__item:nth-child(1) .rnd-new-product__tit > p,
	.rnd-new-product__item:nth-child(2) .rnd-new-product__tit > p{min-height:auto;}
	.rnd-new-product__tit > strong i{min-height:auto;}
	.rnd-new-product__tit{padding:20rem; min-height:auto;}
	.rnd-new-product__cont > ul li:last-child{border-bottom:2px solid #2d2d2d;}
	.rnd-new-product__item:nth-child(2) ~ *{border-top:0;}
	.rnd-new-product__item:nth-child(4) li:last-child{border:0 !important;}

    .certify__list{grid-template-columns:1fr 1fr; gap:28rem 18rem;}
	.certify__list-wrap{margin-top:25rem;}
	.certify__item strong{margin-top:7rem; font-size:15rem;}
	.certify-design h4{margin-bottom:25rem; font-size:26rem;}
	.certify-design{margin-top:70rem; padding:70rem 0rem; background:#f5f5f5;}
	.product-pop__list li{padding:14rem 0rem;}
	
    .desc-point > span,
	.desc-point > span::before{background:var(--c-bd);}
}