@charset "utf-8";

/*** [Pc] --/start/-- ***/

.AD .fixedbar {position:fixed;left:0;width:100%;z-index:100;background:url('/img/section__fixed_top.png') center center no-repeat;transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .fixedbar.top {top:0;height:80px;}
.AD .fixedbar.top.hidden {top:-100%;}
.AD .fixedbar.top.active {background-color:rgba(0,0,0,.5);}
.AD .fixedbar.bottom {bottom:0;height:151px;background:url('/img/section__fixed_bottom.png') center center no-repeat;transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .fixedbar.bottom.hidden {bottom:-100%;}
.AD .fixedbar.bottom .layermodel {bottom:0;left:0;width:308px;transform:unset;}
.AD .fixedbar > div {width:1200px;height:100%;position:absolute;top:0%;left:50%;transform:translateX(-50%);text-align:right;}
.AD .fixedbar.top .layerbtn01 {top:0%;left:0;height:100%;width:130px;z-index:2;cursor:pointer;}
.AD .fixedbar.top .layerbtn02 {top:50%;right:0;height:75%;width:200px;transform:translateY(-50%);z-index:1;cursor:pointer;}
.AD .fixedbar.bottom .layerbtn01 {top:50%;left:0;height:80%;width:280px;z-index:2;transform:translateY(-50%);cursor:pointer;}


.AD .mainmenulist {font-size:0;position:absolute;top:50%;right:0;transform:translateY(-50%);white-space:nowrap;display:flex;flex-direction:row;align-items:center;gap:35px;}
.AD .mainmenulist > li {text-align:center;}
.AD .mainmenulist > li > a {display:block;width:auto;color:#000;padding:10px 20px;font-size:18px;font-weight:700;line-height:1;position:relative;transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .mainmenulist > li > a em {display:block;font-size:16px;font-weight:300;}
.AD .mainmenulist > li > a:hover, .AD .mainmenulist > li.active > a {color:#7fc241;}


.AD .fixedbar > div.submenu-content {width:100%;min-width:1200px;position:absolute;top:100%;transform:translate(-50%, 0);text-align:right;background:rgba(255,255,255,.5);overflow:hidden;max-height:0;transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .fixedbar > div.submenu-content > div {margin:0 auto;width:1200px;text-align:right;}
.AD .submenulist {font-size:0;display:inline-block;width:600px;}
.AD .submenulist > li {font-size:22px;display:inline-block;vertical-align:top;width:25%;}
.AD .submenulist > li > div {padding:0 0 20px;}
.AD .submenulist > li > div > ul > li {text-align:center;}
.AD .submenulist > li > div > ul > li > a {display:block;width:auto;color:#fff;padding:10px 0;transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .submenulist > li > div > ul > li > a:hover {color:#ed2c33;}
.AD .submenulist > li > div > ul > li.active > a {color:#ed2c33;}


.AD .floatMenu {position:absolute;top:300px;right:50%;transform:translateX(50%);max-width:1800px;width:100%;height:1px;z-index:50;}
.AD .floatMenu .side_db {position:absolute;top:0;right:0;width:160px;}
.AD .floatMenu .side_db > ul {padding:0 10px;margin-top:155px;}
.AD .floatMenu .side_db > ul > li {margin-bottom:6px;}
.AD .floatMenu .side_db > ul > li > div {font-size:0;width:auto;}
.AD .floatMenu .side_db > ul > li > div > span {font-size:12px;display:inline-block;vertical-align:middle;}
.AD .floatMenu .side_db > ul > li > div > span:nth-child(1) {width:70px;text-align:center;font-size:16px;font-weight:500;}
.AD .floatMenu .side_db > ul > li > div > span:nth-child(2) {width:calc(100% - 70px);}
.AD .floatMenu .input-control {display:block;border:0;padding:6px;width:100%;background:#fff;}
.AD .floatMenu .side_db .submit_box {text-align:center;}
.AD .floatMenu .show_privacy {display:inline-block;vertical-align:middle;cursor:pointer;font-size:12px;}
.AD .floatMenu .agreebox {text-align:center;}
.AD .floatMenu .submitbox {text-align:center;padding:10px;}
.AD .floatMenu .submitbox img {width:100%;}
.AD .floatMenu .submitbox button {display:inline-block;margin-bottom:5px;width:auto;padding:0;}
.AD .floatMenu .submitbox a {display:inline-block;width:auto;}
.AD .floatMenu ul {}
.AD .floatMenu ul > li {margin-bottom:10px;}
.AD .floatMenu ul > li:last-child {margin-bottom:0;}
.AD .floatMenu ul > li > a {display:block;width:auto;}


/* section 공통*/
.AD .layer-scroll {left:50%;bottom:5%;transform:translate(-50%,0);}
.AD .subtable {padding:0;}
.AD .subtable th, .AD .subtable td {border:1px solid #d7d7d7;padding:10px;line-height:1.6;vertical-align:middle;}
.AD .subtable th {background:#ebebeb;text-align:center;width:100px;}
.AD .subtable td {width:calc(50% - 100px);}

.AD .rolling_wraper {position:relative;}
.AD .rolling_wraper img {position:absolute;z-index:1;}

.swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display:block;width:100%;}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));
	}
.swiper-pagination-bullet-active {background:#000;}



/* basic style */
button{ outline: 0px; border:0px;}
a{ outline:0;}
.inner_wrap_1200{ width: 1200px; margin: 0 auto; position: relative;}
.inner_wrap_1400{ width: 1400px; margin: 0 auto; position: relative;}
.inner_wrap_1600{ width: 1600px; margin: 0 auto; position: relative;}
.clear_item:after{ content:""; display: block; clear: both;}
.left_item{ float: left;}
.right_item{ float: right;}
.half_item{ width: 50%;}
.full_item{ width: 100%;}
.full_img{ width: 1920px; position: relative; left: 50%; margin-left: -960px; min-width:1200px}
.hide_item{display: none !important; font-size: 0px !important; width: 0px !important; height: 0px !important; position: absolute !important; line-height: 0px !important;}
.ad_item{ position: absolute;}
.col_red{ color: #d52330;}
#container{overflow: hidden;margin: 80px 0 0;min-width: 1600px;}
.sec{width: 1920px; position: relative; left: 50%; margin-left: -960px; min-width:1200px}
/* basic style end */

/* board style */
#bo_list, #bo_w, #bo_gall{ width: 100%; margin: 0 auto; padding: 0 0 10%; background-color: transparent;}
#bo_v{ width: 100%; margin: 0 auto; background-color: transparent;}
#bo_list_total{ display: none;}
#bo_btn_info{ float: right; line-height: 34px; font-size: 0.92em; color: #4e546f; font-size: .8rem;}
#bo_cate {margin:25px 0; padding: 0 15px; text-align: center;}
#bo_cate h2 {text-align: left; font-size: 16px; margin: 5px 0 13px 0; color: #717171; }
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border:1px solid #e9e9e9;color:#000;font-size:16px;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#cb3f43;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#cb3f43;color:#fff;font-weight:100;font-family: 'GongGothicLight';border:1px solid #e9e9e9;}
#bo_v_title { border-top: 1px solid #00122d; border-bottom: 1px solid #00122d; padding: 1% 0; }
#bo_v_title .if_date{ font-size: 15px; font-weight: 100;font-family: 'GongGothicLight'; margin: 0 10px;}
#bo_v_title .bo_v_cate{ display: inline-block; width: 60px; line-height: 24px; background: #cb3f43; color: #ffffff; font-weight:100;font-family: 'GongGothicLight'; font-size: 15px; text-align: center; padding: 0px; border-radius: 0px;}
#bo_v_con{border-bottom: 1px solid #00122d; padding: 0 0 5% 0;}
/* board style end */

/* head style */
#hd {position: fixed;top:0;left:0;right: 0;background-color: #fff;font-family: 'Noto Sans KR';border-bottom: 1px solid #ddd;z-index: 100;}
#hd_wrapper {min-width: 1200px;height: auto;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;text-align: center;padding: 22px 0;max-width: 1200px;}
#logo {}
#logo a{display:inline-block;}
#logo a img{width: 100%;}
.hd_gnb{display: flex;}
.hd_gnb a{display: inline-block;margin: 0 30px;font-size: 1.5em;font-weight: 400;color: #888888;position: relative;font-weight: 400;}
.hd_gnb a:hover{color: #003c1b;}
.hd_gnb a.active{font-weight: 800;color: #fe0000;}
.hd_gnb a.active:before{content: "";display: block;position: absolute;left: calc(50% - 10px);top: -40px;width: 0px;height:0px;border-top: 10px solid #fe0000;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.hd_tell{background: #003c1b;font-family: 'GongGothicMedium';padding: 5px 20px;border-radius: 20px;}
.hd_tell a{display: flex;align-items: center;justify-content: center;}
.hd_tell a img{position: relative;margin-right: 10px;bottom: 2px;}
.hd_tell a div{text-align: left;padding-top: 6px;}
.hd_tell span{font-size: 1.83em;color: #fff;font-weight: 700;font-family: 'GongGothicBold';letter-spacing: 1px;}
/* head style end */


/* MainVideo css start */
.MainVideo{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin: 0;}
.MainVideo .MainVideo_block{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:1}
.MainVideo iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* MainVideo css end */

/* possible css start  */
.possible{background: url('/img/jh/possible_bg.png') no-repeat center center/cover;padding: 50px 0 0;height: 1240px;position: relative;}
.possible .inner_wrap_1200{height: 100%;text-align:center;}

.possible #possible_img1{position: relative;top: 0;}
.possible #possible_img2{position: absolute;bottom: 50px;left: 0;right: 0;margin: 0 auto;}
/* possible css end  */

/* sales */
.sales {background: url('/img/jh/sales.png') top center / cover no-repeat;}
.sales .wrap {text-align:center;display:flex;flex-direction:column;gap:70px;align-items:center;justify-content:center;padding:100px 0;}
.sales .title {}
.sales .list {display:flex;align-items:flex-start;gap:40px;}
.sales .list .item {position:relative;}
.sales .list .item [class*="layer"] {position:absolute;right:0;bottom:60px;font-size:52px;font-weight:900;color:#FFF;text-align:right;width:100%;padding-right:25px;transform:none;font-family:'SUIT';}

/**/
.youtube {background: url('/img/jh/youtube.png') top center / cover no-repeat;}
.youtube .wrap {text-align:center;display:flex;align-items:center;justify-content:center;padding:100px 0;gap:40px;}
.youtube .list {display:flex;flex-direction:column;align-items:flex-start;}
.youtube .list .item {border-bottom:1px solid #bfdacd;padding:10px 0;}
.youtube .list .item:last-child {border-bottom:0;}
.pointer {cursor:pointer;}

.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; justify-content: center; align-items: center; } 
.popup .popup-content { position: relative; background-color: #fff; padding: 10px; border-radius: 8px; max-width: 90%; width: 560px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } 
.popup .popup-content .wrap {width:100%;padding-bottom:56.25%;position:relative;}
.popup .popup-content iframe {position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;} 
.popup .popup-content .popup-close { position: absolute; z-index:3; top: 10px; right: 10px; background: none; border: none; font-size: 24px; cursor: pointer; color: #333; }

/**/
.point {background:#edecea;}
.point .wrap {padding:100px 0;display:flex;flex-direction:column;align-items:center;gap:40px;width:1200px;margin:0 auto;}
.point .list {display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;}
.point .list .item {width:100%;}
.point .list .item:nth-child(odd) {text-align:left;}
.point .list .item:nth-child(even) {text-align:right;margin-top:-60px;}

/* brand css start */
.brand{background: url('/img/jh/brand_bg.png') no-repeat center center/cover;padding: 60px 0 0;height: 560px;}
.brand .inner_wrap_1200{}
.brand_tit{font-family: 'GongGothicBold';font-size: 40px;text-align: center;color: #fff;margin-bottom: 50px;}
.brand_tit span{}
.brand_tit span #brand_img1{}
.brand #brand_img2{}
/* brand css end */

/* BrandPower css start */
.BrandPower{background: url('/img/jh/BrandPower_bg.png') no-repeat center center/cover;height: 640px;font-family: 'GongGothicMedium';}
.BrandPower .inner_wrap_1400{}
.BrandPower_medal{width: 100%;padding: 0 200px;}
.BrandPower_medal #BrandPower_medal_img{}

.BrandPower_mark{}
.BrandPower_mark .BrandPower_mark_tit{font-family: 'GongGothicBold';}
.BrandPower_mark .BrandPower_mark_tit p{font-size: 65px;color: #fff;}

.BrandPower_mark ul{display: flex;margin-top: 55px;justify-content: space-between;width: 800px;position: relative;left: 50px;}
.BrandPower_mark ul li{display: inline-block;text-align: center;}
.BrandPower_mark ul li img{animation: bouncing-loader 0.6s infinite alternate;width: 87%;}
.BrandPower_mark ul li #BrandPower_mark1{animation-delay: 0.2s;}
.BrandPower_mark ul li #BrandPower_mark2{animation-delay: 0.3s;}
.BrandPower_mark ul li #BrandPower_mark3{animation-delay: 0.4s;}
.BrandPower_mark ul li #BrandPower_mark4{animation-delay: 0.5s;}
.BrandPower_mark ul li #BrandPower_mark5{animation-delay: 0.6s;}
.BrandPower_mark ul li #BrandPower_mark6{animation-delay: 0.7s;}

.BrandPower_oh{position: absolute;top: -93px;right: -60px;}
.BrandPower_oh img{}
/* BrandPower end */

/* Reason css start */
.Reason{position:relative}
.Reason img{width:100%}
/* Reason css end */

/* Situation strat */
.Situation{background: url('/img/jh/Situation_bg.jpg') no-repeat center center/cover;height: 700px;font-family: 'GongGothicMedium';position: relative;padding: 160px 0;}
.Situation .inner_wrap_1600{display: flex;justify-content: space-between;}

.SituationVideo{width: 100%;}
.SituationVideo .SituationVideo_block{z-index: 2;position: absolute;width: 795px;height: 447px;}
.SituationVideo iframe{width: 795px;height: 447px;z-index: 1;position: relative;}

.SituationTxt{}
.SituationTxt #SituationTxt_img{}
/* Situation end */

/* awareness css start */
.awareness{background: url('/img/jh/awareness_bg.png') no-repeat center center/cover;height: 634px;font-family: 'GongGothicMedium';position: relative;}
.awareness .inner_wrap_1400{height: 100%;display: flex;justify-content: flex-end;}

.awareness_oh{position: absolute;left: -272px;bottom: 0;}
.awareness_oh #awareness_oh_img{}

.awareness_tit{position: relative;padding: 100px 0;color: #282828;left: 75px;}
.awareness_tit .awareness_tit1{}
.awareness_tit .awareness_tit1 p{font-size: 50px;font-family: 'GongGothicLight';}

.awareness_tit .awareness_tit2{font-size: 80px;font-family: 'GongGothicBold';color: #003c1b;margin: 20px 0;}
.awareness_tit .awareness_tit2 p{}

.awareness_tit .awareness_tit3{font-size: 32px;font-family: 'GongGothicBold';}
.awareness_tit .awareness_tit3 p{line-height: 50px;}
.awareness_tit .awareness_tit3 p span{color:#e60012}
/* awareness css end */

/* EasyStore css start */
.EasyStore{background: url('/img/jh/EasyStore_bg.png') no-repeat center center/cover;padding: 130px 0 0;height: 636px;font-family: 'GongGothicMedium';position: relative;}
.EasyStore .inner_wrap_1200{z-index:2}

.EasyStore_title{color: #fff;text-align: center;} 
.EasyStore_title p{} 
.EasyStore_title .EasyStore_title1{font-size: 95px;font-weight: 700;font-family: 'GongGothicBold';} 
.EasyStore_title .EasyStore_title1 span{border-top: 4px solid #fff;border-bottom: 4px solid #fff;padding: 5px 0 1px;} 
.EasyStore_title .EasyStore_title2{margin-top: 30px;font-size: 4em;} 

.EasyStore_list{color: #ffcd00;display: flex;justify-content: space-between;margin-top: 50px;}
.EasyStore_list li {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.EasyStore_list p{text-align: center;}
.EasyStore_list .EasyStore_list_1{font-size: 2em;margin-bottom: 10px;display:flex;align-items:center;white-space:nowrap;}
.EasyStore_list .EasyStore_list_1 #EasyStore_list_x {width:30px;height:30px;}
.EasyStore_list .EasyStore_list_2{font-size: 5.5em;display: flex;}
.EasyStore_list .EasyStore_list_2 span{background: #ffcd00;color: #000;font-weight: 700;font-family: 'GongGothicBold';padding: 7px 2px 3px; animation: blink_text_red 0.4s infinite}
.EasyStore_list .EasyStore_list_2 span img{position: relative;bottom: 4px;}

.EasyStore_ab_img{position: absolute;top: 0;right: 0;}
.EasyStore_ab_img #EasyStore_oh{}
/* EasyStore css end */

/* benefit css start */
.benefit{display:none;background: url('/img/jh/benefit_bg.png') no-repeat center center/cover;padding: 80px 0 0;height: 1270px;font-family: 'GongGothicMedium';position: relative;overflow: hidden;}
.benefit .inner_wrap_1200{text-align: center;}

.benefit_tit{}
.benefit_tit p{}
.benefit_tit .benefit_tit1{color: #282828;font-size: 5em;}
.benefit_tit .benefit_tit2{font-size: 8em;font-weight: bold;display: inline-block;border-top: 4px solid #e50012;border-bottom: 4px solid #e50012;padding: 5px 0 1px;margin-top: 5px;color: #282828;}
.benefit_tit .benefit_tit2 span{color: #e50012;}

.benefit_price{display: flex;justify-content: space-between;padding: 50px 0;}
.benefit_price li{}
.benefit_price li:first-child{padding-right: 30px;border-right: 1px solid #282828;}
.benefit_price li p{}
.benefit_price li .benefit_price1{text-align: left;font-size: 40px;font-weight: 700;font-family: 'GongGothicBold';color: #282828;}
.benefit_price li .benefit_price2{font-size: 150px;font-weight: 700;font-family: 'GongGothicBold';color: #e50012;}
.benefit_price li .benefit_price2 span{font-size: 30px;color: #282828;}
.benefit_price li .benefit_price3{text-align: right;font-size: 40px;font-weight: 700;font-family: 'GongGothicBold';opacity: 50%;}

.benefit_list{display: flex;justify-content: space-between;margin: 50px 0 0;}
.benefit_list li{background: #282828;width: 230px;padding: 30px 0;border-radius: 10px;}
.benefit_list li p{line-height: 42px;}
.benefit_list li .benefit_list1{color: #fff;font-weight: 300;font-size: 24px;}
.benefit_list li .benefit_list2{font-size: 40px;color: #fff609;}
.benefit_list li .benefit_list2 span{animation: blink_text_red2 0.5s infinite}

.benefit_plus{margin: 40px 0;}
.benefit_plus #benefit_plus_img{}

.benefit_bot{background: #282828;padding: 15px 0;border-radius: 15px;}
.benefit_bot p{}
.benefit_bot .benefit_bot1{color: #fff;font-size: 30px;}
.benefit_bot .benefit_bot1 span{}
.benefit_bot .benefit_bot1 img{position: relative;bottom: 4px;}
.benefit_bot .benefit_bot2{font-size: 60px;color: #fff609;}

.benefit_food{text-align: center;overflow: h;}
.benefit_food #benefit_food_img{z-index: 1;}
/* benefit css end */

/* comp css style */		
.comp{font-family: 'GongGothicMedium';padding: 120px 0;color: #282828;position: relative;}
.comp .inner_wrap_1200{}

.comp_ab_img{min-width: 1620px;height: 100%;width: 100%;position: relative;}
.comp_ab_img img{position: absolute;z-index: 2;}
.comp_ab_img1{position: absolute;top: -3267px;left: 0;}
.comp_ab_img1 #comp_ab_img1{top: 0;left: 0;}
.comp_ab_img2{position: absolute;top: 0;right: 0;}
.comp_ab_img2 #comp_ab_img2{right: 0;top: 400px;}


.comp_ab_leaf{position: absolute;top: 0;}
.comp_ab_leaf img{position: absolute;z-index: 2;}
.comp_ab_leaf #comp_ab_leaf1{top: 450px;left: -300px;}
.comp_ab_leaf #comp_ab_leaf2{top: 1300px;left: 1300px;}
.comp_ab_leaf #comp_ab_leaf3{top: 1800px;left: -130px;}
.comp_ab_leaf #comp_ab_leaf4{top: 2300px;left: 1400px;}

.comp_banner{z-index: 20;position: relative;text-align: center;margin: 50px 0;}
.comp_banner #comp_banner_img{}

.comp_banner1{background: url('/img/jh/comp_banner1_bg.png') no-repeat center center/cover;padding: 80px 0 0;height: 1080px;position: relative;}

.comp_banner2{background: url('/img/jh/comp_banner2_bg.png') no-repeat center center/cover;padding: 80px 0 0;height: 1270px;position: relative;}
.comp_banner2 .inner_wrap_1200{}

.comp_banner2_tit{text-align: center;position: relative;}
.comp_banner2_tit p{}
.comp_banner2_tit .comp_banner2_tit1{font-size: 40px;font-family: 'GongGothicLight';color: #fff;display: inline-block;background: #006a34;padding: 10px 80px;}
.comp_banner2_tit .comp_banner2_tit2{font-family: 'GongGothicBold';font-size: 77px;color: #fff;margin: 20px 0 50px;}
.comp_banner2_tit .comp_banner2_tit3{font-size: 42px;color: #fff;font-family: 'GongGothicMedium';position: relative;z-index: 2;}
.comp_banner2_tit .comp_banner2_tit3 span{font-size: 50px;z-index: 5;position: relative;}
.comp_banner2_tit #comp_banner2_tit3_img{position: absolute;bottom: -13px;left: 82px;right: 0px;margin: 0 auto;}

.comp_banner2 ul{display: flex;justify-content: space-between;margin: 50px 0;text-align: center;}
.comp_banner2 ul li{}

.comp_banner2 ul .comp_banner2_item1{}
.comp_banner2 ul .comp_banner2_item1 .comp_banner2_item1_img{}
.comp_banner2 ul .comp_banner2_item1 .comp_banner2_item1_img img{}
.comp_banner2 ul .comp_banner2_item1 .comp_banner2_item1_text{background: #fff;padding: 20px 0;margin: 10px 0 0;}
.comp_banner2 ul .comp_banner2_item1 .comp_banner2_item1_text p{font-family: 'GongGothicLight';font-size: 35px;}

.comp_banner2 ul .comp_banner2_item2{}
.comp_banner2 ul .comp_banner2_item2 .comp_banner2_item2_img{}
.comp_banner2 ul .comp_banner2_item2 .comp_banner2_item2_img img{}
.comp_banner2 ul .comp_banner2_item2 .comp_banner2_item2_text{background: #fff;margin: 10px 0 0;font-size: small;padding: 13px 0;}
.comp_banner2 ul .comp_banner2_item2 .comp_banner2_item2_text p{font-size: 24px;color: #282828;}
.comp_banner2 ul .comp_banner2_item2 .comp_banner2_item2_text p spanfont-family: 'GongGothicBold';{}
.comp_banner2 ul .comp_banner2_item2 .comp_banner2_item2_text p:first-child{font-size: 35px;font-family: 'GongGothicBold';color: #006a34;}

.comp_tit{text-align: center;z-index: 4;position: relative;}
.comp_tit p{}
.comp_tit .comp_tit1{font-size: 60px;}
.comp_tit .comp_tit2{font-size: 95px;margin: 10px 0;font-weight: 700;font-family: 'GongGothicBold';}
.comp_tit .comp_tit2 span{color: #006a34;border-top: 4px solid;border-bottom: 4px solid;position: relative;padding: 5px 0 1px;}
.comp_tit .comp_tit3{font-size: 40px;}
.comp_tit .comp_tit3 span{font-weight: 700;font-family: 'GongGothicBold';}
.comp_tit .comp_tit3 span:first-child{color: #e50012;}
.comp_tit .comp_tit3 span:last-child{color: #006a34;}

.comp_wrap1{width: 1400px;margin: 40px auto 0;border: 3px solid #282828;padding: 10px;position: relative;}
.comp_wrap2{border: 2px solid #282828;}

.comp_the_list{display: flex;justify-content: center;flex-wrap: wrap;}
.comp_the_list li{width: 100%;display: flex;justify-content: space-between;padding: 30px 0;border-bottom: 3px solid #282828;}
.comp_the_list li:last-child{border:none}
.comp_the_list li .comp_text{width: 560px;height: 360px;padding: 40px 0px;z-index: 3;}
.comp_the_list li .comp_img{width: 560px;height: 360px;z-index: 2;}
.comp_the_list li .comp_img .slick-list img{width:560px !important;height:560px !importnat}

.comp_the_list li .comp_text .comp_text_tit{}
.comp_the_list li .comp_text .comp_text_tit p{font-size: 60px;color: #006a34;font-weight: 700;font-family: 'GongGothicBold';}

.comp_the_list li .comp_text .comp_text_con{}
.comp_the_list li .comp_text .comp_text_con p{font-size: 40px;}
.comp_the_list li .comp_text .comp_text_con p span{color: #e50012;}

.comp_the_list li .comp_text .comp_text_sub{margin-top: 30px;font-size: 20px;color: #666666;font-family: 'Noto Sans KR';line-height: 35px;}
.comp_the_list li .comp_text .comp_text_sub p{}
/* comp css end*/

/* collabo css start */
.collabo{background: url('/img/jh/collabo_bg.png') no-repeat center center/cover;padding: 120px 0 0;height: 976px;font-family: 'GongGothicMedium';position: relative;overflow: hidden;}
.collabo .inner_wrap_1200{display: flex;justify-content: space-between;min-width: 1200px;}
.collabo_img{width: 50%;}
.collabo_img img{position: absolute;top: 0;}
.collabo_img #collabo_img1{left: -170px;top: 85px;}
.collabo_img #collabo_img2{left: 200px;}
.collabo_text{width: 50%;padding: 0 0 0 20px;}

.collabo_text .collabo_text_tit{font-size: 60px;color: #fff;}
.collabo_text .collabo_text_tit p{}

.collabo_text .collabo_text_bold{}
.collabo_text .collabo_text_bold p{font-size: 90px;color: #ffcd00;border-top: 4px solid;border-bottom: 4px solid;font-weight: 700;font-family: 'GongGothicBold';margin: 10px 0;display: inline-block;padding: 5px 0 1px;}

.collabo_text .collabo_text_sub{position: relative;}
.collabo_text .collabo_text_sub p{font-size: 35px;color: #fff;font-family: 'GongGothicLight';z-index: 3;position: relative;}
.collabo_text .collabo_text_sub img{position: absolute;top: 25px;left: -20px;}

.collabo_text .collabo_text_box{margin: 50px 0;background: rgba(0,0,0,0.5);padding: 20px 25px;}

.collabo_text .collabo_text_box .collabo_text_box1{color: #ffcd00;font-size: 18px;}
.collabo_text .collabo_text_box .collabo_text_box1 p{font-family: 'GongGothicLight';}
.collabo_text .collabo_text_box .collabo_text_box1 p:last-child{}
.collabo_text .collabo_text_box .collabo_text_box1 p:last-child span{font-family: 'GongGothicMedium';font-size: 24px;}

.collabo_text .collabo_text_box .collabo_text_box2{}
.collabo_text .collabo_text_box .collabo_text_box2 p{font-size: 40px;color: #fff;margin: 10px 0;border-bottom: 2px solid #ffcd00;padding: 5px 0;}

.collabo_text .collabo_text_box .collabo_text_box3{font-size: 15px;color: #fff;font-family: 'Noto Sans KR';font-weight: 300;}
.collabo_text .collabo_text_box .collabo_text_box3 li{}
/* collabo css end */

/* longrun css start */
.longrun{}
.longrun #longrun_img{position: relative;min-width: 1400px;width: 100%;}
/* longrun css end */

/* review css start */
.review{background: url('/img/jh/review_bg.png') no-repeat center center/cover;padding: 90px 0 0;height:1900px}
.review .inner_wrap_1200{}

.review_tit{text-align: center;font-family: 'GongGothicBold';font-size: 55px;background: #fff;padding: 20px 30px;margin: 0 auto;width: 650px;}
.review_tit p{}

.review_top{margin-top: 80px;}
.review_top .swiper-container{width:100%;  width:100%;  margin:0 auto;  overflow:visible;  height:736px;}
.review_top .swiper-wrapper{}
.review_top .swiper-slide{background: url('/img/jh/review_top_bg.png') no-repeat center center/cover;height: 736px;width: 756px !important;display:flex;justify-content:center;align-items:flex-end;position: relative;}
.review_top .swiper-slide .cont{text-align:center;}
.review_top .swiper-slide img{position: absolute;width: auto;top: 140px;}

.review_bot{margin-top: 120px;position: relative;}
.review_bot .swiper-container{width:100%;  width:100%;  margin:0 auto;  overflow:visible;height: 584px;}
.review_bot .swiper-wrapper{}
.review_bot .swiper-slide{height: 584px;width: 320px !important;display:flex;justify-content:center;align-items:flex-end;position: relative;}
.review_top .swiper-slide .cont{text-align:center;}
.review_bot .swiper-slide img{}
.review_bot #review_bot_phone{position: absolute;top: -50px;left: 18px;right: 0;margin: 0 auto;}

.review_img{position: relative;margin-top: 38px;}
.review_img .inner_wrap_1400{display: flex;justify-content: space-between;}
.review_img1 {position: relative;top: 100px;left: 100px;}
.review_img1 #review_img1_img{position: absolute;top: -80px;left: -110px;}
.review_img1 p{font-size: 95px;font-family: 'GongGothicBold';}
.review_img1 p span{color: #fff;}
.review_img2{}
.review_img2 #review_img2_img{position: relative;left: 255px;}
/* review css end*/

/* OpenStore css Start */
.OpenStore{background: url('/img/jh/OpenStore_bg.jpg') no-repeat center center/cover;padding: 120px 0 0;height:1405px}
.OpenStore .inner_wrap_1200{}

.OpenStore_tit{text-align: center;font-family: 'GongGothicMedium';color: #282828;}
.OpenStore_tit p{}
.OpenStore_tit .OpenStore_tit1{font-size: 60px;}
.OpenStore_tit .OpenStore_tit2{font-size: 98px;font-family: 'GongGothicBold';margin: 10px 0 30px;}
.OpenStore_tit .OpenStore_tit2 span{color: #006a34;border-top: 4px solid;border-bottom: 4px solid;display: inline-block;padding: 5px 0 1px;}
.OpenStore_tit .OpenStore_tit3{font-size: 40px;}
.OpenStore_tit .OpenStore_tit3 span{font-family: 'GongGothicBold';color: #e50012;}

.OpenStore_list{margin-top: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.OpenStore_list li{margin: 10px 0;}
.OpenStore_list li img{}
.OpenStore_list li p{font-size: 30px;background: #ffcd00;color: #282828;text-align: center;font-family: 'GongGothicMedium';padding: 5px 0;}
/* OpenStore css end */

/* table css start */
.table{background: #10412a;position: relative;text-align: center;padding: 80px 0;}

.table_tit{}
.table_tit p{}
.table_tit .table_tit1{font-family: 'GongGothicMedium';font-size: 60px;color: #fff;}
.table_tit .table_tit1 span{color: #ffcd00;}
.table_tit .table_tit2{font-family: 'GongGothicLight';font-size: 80px;color: #fff;margin: 14px 0;position: relative;}
.table_tit .table_tit2 span{color: #ffcd00;padding: 5px 0 1px;font-family: 'GongGothicBold';z-index: 2;position: relative;}
.table_tit .table_tit2 .table_tit2_line{
padding: 0;
position: absolute;
width: 500px;
height: 40px;
background: #000;
right: 6px;
bottom: 0;
z-index: 1;
opacity: 0.5;
}

.table .inner_wrap_1400{}
.table_img{display: flex;height: 600px;}
.table_img #table_img1{position: absolute;top: -75px;left: -140px;display: none;}
.table_img #table_img2{position: absolute;right: 0px;top: 0;}
/* table css end */

/* table_count css start */
.table_count{position: relative;background: #181e16;}
.table_count .inner_wrap_1400{}

.table_count_box{height: 270px;display: none;}
.table_count_box #table_count_box_img{position: absolute;top: -10px;right: 0;}
.table_count_box #table_count_box1{position: absolute;left: 534px;top: 52px;font-size: 100px;font-family: 'GongGothicBold';color: #e50012;letter-spacing: 20px;}
.table_count_box #table_count_box2{position: absolute;left: 980px;top: 52px;font-size: 100px;font-family: 'GongGothicBold';color: #e50012;letter-spacing: 17px;}
.table_count #table_count_oh{position: absolute;bottom: 0;left: -100px;width: 35%;}
/* table_count css end */

/* interior css start */
.interior{background: url('/img/jh/interior_bg.png') no-repeat center center/cover;padding: 120px 0 0;height:1363px}
.interior .inner_wrap_1200{width: 1300px;}
.interior .inner_wrap_1600{margin: 50px auto;}

.interior_tit{text-align: center;color: #fff;}
.interior_tit p{}
.interior_tit .interior_tit1{font-family: 'GongGothicMedium';font-size: 60px;}
.interior_tit .interior_tit2{font-size: 95px;font-family: 'GongGothicBold';margin: 10px 0;}
.interior_tit .interior_tit2 span{border-top: 4px solid #fff;border-bottom: 4px solid #fff;padding: 5px 0 1px;}

.interior_box1{display: flex;justify-content: space-between;}
.interior_box1 img{}
.interior_box2{display: flex;justify-content: space-between;margin: 20px 0;}
.interior_box2 img{}
/* interior css end */

/* project css start */
.project{background: url('/img/jh/project_bg.png') no-repeat center center/cover;padding: 120px 0 0;height:1370px}
.project .inner_wrap_1400{}

.project_tit{text-align: center;color: #fff;}
.project_tit p{}
.project_tit .project_tit1{font-family: 'GongGothicMedium';font-size: 60px;}
.project_tit .project_tit2{font-size: 95px;font-family: 'GongGothicBold';margin: 10px 0 50px;}
.project_tit .project_tit2 span{color: #ffcd00;border-top: 4px solid #ffcd00;border-bottom: 4px solid #ffcd00;padding: 5px 0 1px;}
.project_tit .project_tit3{font-family: 'GongGothicLight';font-size: 40px;}

.project_slide{position: relative;display: flex;margin: 40px 0 20px;}
.project_slide .project_slide1{width: 50%;padding: 5px;}
.project_slide .project_slide1 .project_slide1_for{margin-bottom: 10px;}
.project_slide .project_slide1 .project_slide1_for img{}
.project_slide .project_slide1 .project_slide1_nav{}
.project_slide .project_slide1 .project_slide1_nav img{margin: 0 10px;}

.project_slide .project_slide2{width: 50%;padding: 5px;}
.project_slide .project_slide2 .project_slide2_for{margin-bottom: 10px;}
.project_slide .project_slide2 .project_slide2_for img{}
.project_slide .project_slide2 .project_slide2_nav{}
.project_slide .project_slide2 .project_slide2_nav img{margin: 0 10px;}

.project_sub{display: flex;justify-content: center;color: #fff;width: 1200px;margin: 0 auto;text-align: center;}
.project_sub .project_sub_it{display: flex;margin: 10px;}

.project_sub1{}
.project_sub2{}

.project_sub_no{background: #fff;color: #282828;font-family: 'GongGothicBold';font-size: 35px;display: flex;align-items: center;width: 80px;text-align: center;}
.project_sub_no p{margin: 0 auto;}
.project_sub_txt{font-size: 30px;font-family: 'GongGothicMedium';text-align: left;background: #ffcd00;padding: 10px 15px;width: 500px;}
.project_sub_txt p{color: #282828;line-height: 40px;}
.project_sub_txt p span{color: #e50012;}
/* project css end  */

/* hankki css start */
.hankki{background: linear-gradient( rgba(0,60,27,0.4), rgba(0,60,27,0.4) ),url('/img/jh/hankki_bg.jpg') no-repeat center center/cover;padding: 260px 0 0;height:930px;background-color: #282828;}
.hankki .inner_wrap_1200{}
.hankki p{text-align: center;color: #fff;font-size: 80px;font-family: 'GongGothicBold';margin: 0 auto 25px;opacity: 1.0;z-index: 5;}
.hankki p span{color: #ffcd00;}
/* hankki css end */


/* form_fixed style */
.form_fixed{position: fixed;left: 0;right: 0;bottom: 0;background: #003c1b;padding: 15px 0;z-index: 1001;}
.form_fixed .inner_wrap{display: flex;width: 1200px;align-items: center;justify-content: space-between;margin: 0 auto;}
.form_fixed .form_fixed_txt{width: 30%;}
.form_fixed .form_fixed_txt a{font-family: 'GongGothicBold';font-size: 32px;color: #ffcd00;}
.form_fixed .form_fixed_txt span{}
.form_fixed #fwrite{width: 72%;display: flex;}
.form_fixed .fw_input_box{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.form_fixed .fw_input_box li{width: 29%;}
.form_fixed .fw_input_box input{width: 160px;height: 38px;padding: 0 5px;font-size: 16px;font-weight: 400;margin: 0;font-family: 'Noto Sans KR';}
.form_fixed .fw_input_box li select{width: 160px;height: 38px;border: none;font-size: 16px;font-weight: 400;font-family: 'Noto Sans KR';}
.form_fixed .fw_input_box .ck_agree{display: flex;align-items: center;justify-content: flex-start;}
.form_fixed .fw_input_box .ck_agree input{display: none;}
.form_fixed .fw_input_box .ck_agree p{font-family: 'Noto Sans KR';font-size: 16px;font-weight: 500;color: #fff;display: inline-block;cursor: pointer;}
.form_fixed .fw_input_box label{font-size: 12px;font-weight: 200;color: #fff;}
.form_fixed .fw_input_box label img{width: 68%;}
.form_fixed .fw_input_box label span{color: #fff;text-decoration: underline;}
.form_fixed .fw_input_box .fw_submit_wrap{}
.form_fixed .fw_input_box .fw_submit_wrap button{width: 150px;height: 40px;font-family: 'GongGothicBold';font-size: 25px;color: #003c1b;background: #ffcd00;}
/* form_fixed style end */

/* quick css start */
.quick{position: fixed;right: 50px;top: 200px;z-index: 200;}
.quick_counsel {position: relative;width: 145px;height: 260px;}
.quick_counsel .quick_counsel1{background: #000;color: #fff;padding: 5px;text-align: center;font-family: 'GongGothicMedium';}
.quick_counsel .quick_counsel1 p{font-size: 35px;}
.quick_counsel .quick_counsel2 {background: #e50012;text-align: center;padding: 10px 0;height: 205px;}
.quick_counsel .quick_counsel2 p{font-size: 35px;font-family: 'GongGothicBold';color: #fff;}
.quick_counsel .quick_counsel2 img{margin: 15px 0;}
.quick_counsel_top{position: relative;top: 20px;left: 30px;}
.quick_counsel_top img{cursor: pointer;}
/* quick css end */

/* fotm_bot style start */
.db_form_wrap{padding: 110px 0;background: #f7f6f3;}
.db_form_wrap .db_form_inner{display: flex;margin: 0 auto;width: 1200px;text-align: center;flex-direction: column;}
.db_form_wrap .db_form_tit{margin-bottom: auto}
.db_form_wrap .db_form_tit p{margin: 0 0 40px;color: #282828;}
.db_form_wrap .db_form_tit .db_form_tit1{font-family: 'GongGothicBold';border-top: 3px solid #282828;border-bottom: 3px solid #282828;color: #282828;display: inline-block;font-size: 95px;padding: 5px 0 1px;}
.db_form_wrap .db_form_tit .db_form_tit2{font-size: 40px;font-family: 'GongGothicLight';}
.db_form_wrap #fwrite{width: 100%;}
.db_form_wrap .fw_submit_wrap{display: flex;justify-content: space-between;align-items: center;padding: 15px 50px;background: #f5f5f5;border: 1px solid #c9c7c4;margin-bottom: 45px;}
.db_form_wrap .privacy_index{margin-right: 15px;display: inline-block;width: 22px;height: 22px;}
.db_form_wrap .fw_submit_wrap label{font-size: 16px;font-family: 'Noto Sans KR';}
.db_form_wrap .fw_submit_wrap label img{margin-right: 15px;}
.db_form_wrap .fw_submit_wrap p{font-family: 'Noto Sans KR';font-size: 14px;line-height: 35px;color: #fff;padding: 0 10px;background: #666666;cursor: pointer;}
.db_form_wrap .fw_input_box{display: flex;justify-content: space-between;align-items: center;margin: 0 auto;padding: 20px 0;border-top: 1px solid #ddd;}
.db_form_wrap .fw_input_box.fw_input_box_last{border-bottom: 1px solid #ddd;margin-bottom: 35px;}
.db_form_wrap .fw_input_box ul{}
.db_form_wrap .fw_input_box li{display: flex;width: 45%;justify-content: space-between;align-items: center;}
.db_form_wrap .fw_input_box p{width: 20%;text-align: left;font-family: 'Noto Sans KR';font-size: 18px;font-weight: 400;color: #282828;font-weight: 500;}
.db_form_wrap .fw_input_box input{width: 348px;height: 54px;padding: 0 10px;font-family: 'Noto Sans KR';font-size: 16px;border: 1px solid #c9c7c4;}
.db_form_wrap .fw_input_box input[type='radio']:checked + label{background: #006a34;color: #fff;}
.db_form_wrap .fw_input_box .radio_box{display: flex;}
.db_form_wrap .fw_input_box .radio_box input{display:none;}
.db_form_wrap .fw_input_box .radio_box label{width: 117px;height: 52px;align-items: center;border: 1px solid #ddd;justify-content: center;display: inline-flex;flex-wrap: wrap;margin-right: -1px;font-size: 16px;font-weight: 600;color: #282828;cursor: pointer;}
.db_form_wrap .btn-submit{font-family: 'GongGothicBold';font-size: 32px;line-height: 70px;color: #fff;background: #282828;width: 250px;border-radius: 10px;}
/* form_bot style end */

/* footer style start */
#ft{position: relative;background: #282828;min-width: 1600px;}
.ft_wrap{padding: 50px 0;text-align: center;}
.ft_wrap p{margin: 10px 0;}
.ft_wrap .ft_wrap1{}
.ft_wrap .ft_wrap1 img{}
.ft_wrap .ft_wrap2{font-size: 16px;font-family: 'Noto Sans KR';color: #fff;}
.ft_wrap .ft_wrap3{font-size: 16px;font-family: 'Noto Sans KR';color: #666666;}
/* footer style end */

@keyframes bouncing-loader {
  to {
    opacity: 1;
    transform: translate3d(0, -1.5rem, 0);
  }
}

@keyframes blink_text_red {0%{color: #000;} 50%{color: #e50012;} 100%{color: #000;}}
@keyframes blink_text_red2 {0%{color: #fff609;} 50%{color: #e50012;} 100%{color: #fff609;}}



.privacyWrap {max-width:1200px;width:100%;margin:100px auto;}
.privacyWrap .privacyContent {padding:50px;white-space:pre-line;line-height:1.5;}
.privacyWrap .privacyContent h3 {font-size:24px;font-weight:700;}