<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&amp;display=swap');
@font-face { font-family: 'Noto Sans KR-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/Noto Sans KR-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

/* side btn */
.side_wrap {width:109px;position:fixed;right:3%;overflow: visible;z-index: 99;transform: translate(0%, 58vh);}
.side_wrap a {display: flex;justify-content: flex-end;}
.side_btn {width:109px;animation: updown 1s infinite linear;}
.side_btn2 {width:82px;margin-right: 22px;animation: updown 1s infinite linear;}
.side_btn1 {width:82px;margin-right: 22px;}
@keyframes updown {
  0%, 100% { 
    margin-top:10px;
    animation-timing-function: ease-out;
  }
  50% {
    margin-top:0px;
    animation-timing-function: ease-in
  }

}


/* board */
.sub_board_list_warp, .sub_board_write_warp {margin-bottom:100px !important;}
#board-list-search .write_btn li p {background:#e30413 !important;font-weight:bold !important}
.sd_mok {background:#e30413 !important;font-weight:bold !important}
/* common _ jyp */
body {
  font-family: 'Noto Sans KR', serif;
  color:#000;
  letter-spacing:0;
  -webkit-text-size-adjust: none;
}
section {overflow:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {
  color:#333;
  margin:0;
  padding:0;
  font-size:18px;
  line-height:1.756em;
  font-weight:500;
  letter-spacing:-0.03em;
}
table,td,th {
  font-family: 'Noto Sans KR', serif;
  color:#000;
}
table {
  border-collapse:collapse;
  border-spacing:0
}
ul,ol,li {
  list-style:none;
}
a,img {
  outline:0;
  text-decoration:none;
  border:0;
}
a:link,a:visited,a:active,a:hover {
  outline:0;
  text-decoration:none;
  color:#000;
}

img.fit {
  width:100%;
}
img.max-fit {
  max-width:100%;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {
  margin-top:0;
  font-family:  'Noto Sans KR-5Medium';

}
.row {
  padding-right:0px !important;
  padding-left:0px !important
}
.row::after {
  clear:both;
}
.row::before,.row::after {
  display:table;
  content: " ";
}

[canvas=container],
[off-canvas] {
  padding: 10px 20px;
}

[class*=js-] {
  cursor: pointer;
}

/* font */
.gmk {font-family: 'GmarketSansBold';}
.gmk_l {font-family: 'GmarketSansLight';font-weight:100;}
.gmk_m {font-family: 'GmarketSansMedium'; font-weight:500;}
.red_col {color:#e30413}
.under_r {box-shadow: inset 0 -16px 0 #efa4a9; padding: 0 10px;}
h2 {font-size:36px;}


/* animate */
/*
.sa {
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all .9s ease;
-moz-transition:all .9s ease;
-o-transition:all .9s ease;
transition: all .9s ease;
}


.sa-up {
-webkit-transform: translate(0, 80px);
-moz-transform:translate(0, 80px);
-o-transform:translate(0, 80px);
-ms-transform:translate(0, 80px);
transform: translate(0, 80px);
}

.sa-down {
-webkit-transform: translate(0, -80px);
-moz-transform:translate(0, -80px);
-o-transform:translate(0, -80px);
-ms-transform:translate(0, -80px);
transform: translate(0, -80px);
}

.sa-right {
-webkit-transform: translate(-100px, 0);
-moz-transform:translate(-100px, 0);
-o-transform:translate(-100px, 0);
-ms-transform:translate(-100px, 0);
transform: translate(-100px, 0);
}

.sa-left {
-webkit-transform: translate(80px, 0);
-moz-transform:translate(80px, 0);
-o-transform:translate(80px, 0);
-ms-transform:translate(80px, 0);
transform: translate(80px, 0);
}
.sa.show {
filter:alpha(opacity=10);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none;
transform: none;}

*/

/*/////////////////////////main////////////////////////*/
/* common */
.inner {
  /*position:absolute;*/
  z-index:1;
  width:100%;
  max-width:1280px;
  margin:0 auto;


}
section#section1 {overflow:hidden;/*z-index:-1*/}
section#section2 {
  margin-top:-160px;
  position: relative;
  background: #fff;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding: 140px 0 0 0;
  z-index:9;
  overflow:hidden;
}
.m_btn_mo {display:none;}
section#section3 {margin-top:-160px;}
/* parallax__cont */

#section1 {
  width: 100%;
  height: 96vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

}

#s2,#s3,#s5,#s6,#s7,#s8,#s10,#s11{padding-top:10px;}

.m_btn3{width:200px;display:inline-block;padding: 6px 20px;border: 1px solid #fff;transition-duration: .2s;text-align: left;border-radius:100px;background:url('/images/main/arrow_right.svg')no-repeat 86% center;margin-top:20px;background-size:24px;;}
.m_btn3 a {font-size: 18px; color: #fff;letter-spacing: -0.01em;font-weight:bold}
.m_btn3:hover{border: 1px solid #e30413;transition-duration: .2s;cursor: pointer;background:#e30413 url('/images/main/arrow_right.svg')no-repeat 94% center;background-size:24px;}
.m_btn3:hover a{color: #fff;}

.swiper-slide{width: 100%; height: 880px; background-position: center center !important; background-repeat: no-repeat; background-size: cover;}
.sw_wrap{width:100%;float: left;}
.swiper-container {position: fixed;width: 100%;height: 600px;float: left;}


.sd_wrap { position: absolute;
  width:100%;
  max-width:1280px;
  top: 65%;
  left: 50%;
  transform: translateX(-10%);
  z-index:999;}
.sd_wrap div.m_texts {font-weight: 700;z-index: 1;color: #fff;font-size: 36px;line-height: 1.3;letter-spacing: -1px;text-align: left}
.sd_wrap div.m_texts img {width:340px;padding:15px 0;}
.sd_wrap p{color: #fff;font-size: 26px;font-weight: 400;font-family: 'Noto Sans KR';text-align: left;}

* parallax__cont */
	#parallax__cont {
		 overflow: hidden;
	}
	.parallax__item {
		width: 100%;
		height: 96vh;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
        /*padding:440px 0 750px 0;*/
    }

	.parallax__item__img {
		position: absolute;
		left: 0;
		top: -50px;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		background-size: cover;
		background-position: center;
        border-top-left-radius: 100px;
         border-bottom-left-radius: 100px;
        z-index:1;
	}

#slider {
  width:100%;
  height:100%;

}

.sliderWrap {
  width:100%;
  /*max-width:1280px;*/
  height: 100%;
}
.sliderWrap &gt; div {
  display: none;
}
.sliderWrap &gt; div:first-child {
  display: block;

}


/*#section1 .slider.s2 {
  background-image: url('/images/main/main_bg.png');
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  background-size: cover;
  background-position: center -150px;
}*/



.sliderWrap .main_m{display: none;
  background-image: url('/images/main/main_bg_m.png');
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  background-size: cover;
  background-position: center;
}


.swiper-wrapper {position:relative;}
.swiper-wrapper .sd1{width: 100%; height: 880px; background: url(/images/main/main_img_01.png)no-repeat center center;background-size: cover;}
.swiper-wrapper .sd2{width: 100%; height: 600px; background: url(/images/main/sd2.png)no-repeat center center;background-size: cover;}


	#slider {
		width:100%;
		height:100%;
		
	}

	.sliderWrap {
		position: relative;
		height: 100%;
	}
	.sliderWrap &gt; div {
		display: none;
      
      }
	.sliderWrap2 &gt; div {
		display: none;
	}
	.sliderWrap &gt; div:first-child {
		display: block;

	}
	.sliderWrap .slider {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		background-size: cover;
		background-position: center;


	}
	.sliderWrap .slider.s1 {
		background-image: url('/images/main/main_bg.png');
	}
	.sliderWrap .slider.s2 {
		background-image: url('/images/main/main_bg2.png');
	}
	
.sliderWrap .s2{display: none;
  background-image: url('/images/main/main_bg_m2.jpg');
}

.sliderWrap .main_m2{display: none;
  background-image: url('/images/sub/main_bg_m1.jpg');

}




.round_wrap {width:100%;border:1px solid red;background:transparent;position:absolute;z-index:1;border-top-left-radius:100px;margin-top:700px;padding-bottom:200px;;}

#main_wrap{width: 100%; position: relative;}
.main_bg{width: 100%;height: 995px;position: relative;background: #f5f5f5;margin-top: -150px;}
.sd_tbox{position: absolute;color: #fff;z-index: 999;bottom: 12%;left: 10%;text-shadow: 0px 0px 15px rgba(0, 01, 0, 0.4);}
.sd_line{height: 150px;width: 1px;background: #fff;margin-bottom: 50px;}
.sd_tbox strong{font-size: 24px;font-weight: 400;letter-spacing: 1px;color: #e3ff01;line-height: 24px;margin-bottom: 20px;display: inline-block; font-family: 'GmarketSansMedium';}
.sd_tbox h1{font-size: 45px;line-height: 45px;color: #fff;margin-bottom: 20px;}
.sd_tbox h1 span{font-weight: 600;}
.sd_tbox p{color: #fff;font-size: 26px;line-height: 26px;font-weight: 400;font-family: 'Noto Sans KR';}

.main_wrap{width: 100%; max-width: 1200px; margin: 0 auto;}




/* Footer 끝*/
#totalANDzeroweb {position: relative;margin: 0 auto;padding: 0 !important;    width: 100% !important;max-width: 1280px !important;}
#totalANDzeroweb div{font-size: 12px;color: #777;text-align: right;position: absolute;right: 0;bottom: 60px;}
#menu_box { display:none; }




/* all  */

#SUB_Scontent {margin: 0 auto;}
/*.swiper-container {
position: relative;
width: 50%;
float: left;
overflow: hidden;
}*/
.sw_wrap{
  width:100%;
  float: left;
  padding-bottom: 5%;
}

.m { display: none; }
.t { display: none; }
.pc { display: block; }

.menu {max-width:1200px !important; margin: 0 auto;}



/******/


/*header*/
#banner{display: none;}
.wrap .P-member {display: block;position: absolute;text-align: right;width: 100%;right: 0;z-index: 1;}
.wrap .P-member-nav a{color: #ccc;height: 50px;line-height: 50px;margin-left: 10px;font-size: 14px;font-weight: 400;}
.wrap .P-member-nav a:active, .wrap .P-member-nav a:visited{color: #ccc;}

.pushy .P-member{background: #f5f5f5;width: 100%;padding: 15px 0;float: left;margin-bottom: 50px;}
.pushy .P-member-nav a{float: left;width: 50%;text-align: center;font-size: 18px;line-height: 18px;color: #454545;}
.pushy .P-member-nav a:active, .pushy .P-member-nav a:visited{color: #454545;}
.pushy .p-join{border-right: 1px solid #ccc;}

/*top_menu_btn*/
#btn-top-menu {
  cursor: pointer;
  display: none!important;
}

.bar1, .bar2, .bar3 {
  width: 100%;
  height: 2px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.3s;
}
/*
.bar2{width: 70%;}
*/
/*top_menu_btn end*/

/*lang*/
.lang_btn{float: right;margin: 32px 0; background-image: url(/images/main/arrow_down_w.png);background-position:90% center;background-repeat: no-repeat;}
.P-header:hover .lang_btn select{color: #000;}
.P-header:hover .lang_btn{background-image: url(/images/main/arrow_down.png);}
.P-header.active .lang_btn{margin: 16px 0;background-image: url(/images/main/arrow_down.png);}
.P-header.active .lang_btn select{color: #000;}
.lang_btn span{width: 18px; display: inline-block;}
.lang_btn .lang_b{display: none;}
.P-header:hover .lang_b{display: inline-block;}
.P-header:hover .lang_w{display: none;}
.P-header.active .lang_b{display: inline-block;}
.P-header.active .lang_w{display: none;}
.lang_btn select{
  width: auto;
  border: 0;font-size: 18px;line-height: 1.4;color: #fff;cursor: pointer;
  background-size: 10px;
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
  background: transparent;
  box-sizing: border-box;
  padding: 5px 26px 5px 7px;
}
select::-ms-expand{display:none;/*for IE10,11*/}
/*lang end*/

.P-header {
  width: 100%;
  height: 80px;
  top: 0;
  z-index: 10;
  position: absolute;
  display: inline-block;
  padding: 0 2%;
  background: transparent;
  transition-duration: .3s;
}

/*탑 스크롤시*/
.P-header.active{background: #fff;position: fixed;height: 70px;box-shadow: 0 0 20px rgb(0 0 0 / 10%);}
.P-header.active .P-nav-item{height: 70px; line-height: 70px;color: #000!important;}
.P-header.active .menu_b, .P-header.active .logo{display: block;}
.P-header.active .menu_w, .P-header.active .logo_w{display: none;}
.P-header.active #btn-top-menu{margin: 20px 0;}
.P-header.active .P-nav-logo{padding: 16px 0;}
.P-header.active .snb{top: 70px;display: none;}
.P-header.active .P-nav-item .over{top: 68px;}
.P-header.active .bar1, .P-header.active .bar2, .P-header.active .bar3{background: #000;}
/*탑 스크롤시 end*/
.wrap {width: 100%; max-width: 1300px; margin: auto;position: relative;    display: flex;
  justify-content: space-between;
  align-items: center;}
.wrap &gt; a {width:auto;float:left;}

.P-nav-logo {
  position: relative;
  float: left;
  margin: auto;
  width: 220px;
  padding: 20px 0;
  overflow: hidden;
}
.P-header .logo{display: none;}
.P-header .menu_b{display: none;}
.P-nav {/*width:800px;*/position: absolute;/*left: 50%;transform: translateX(-50%);*/right:0;}

.P-nav-item {
  position: relative;
  display: block;
  /*margin: 0 20px;*/
  width: 100%;
  /*height: 85px;*/
  color: #fff !important;
  float: left;
  text-align: center;
  font-weight: 400;
  transition-duration: .2s;
  font-size: 18px;
  line-height: 85px;
  letter-spacing: 0.5px;
  font-family: 'Noto Sans KR';
}


/*탑마우스오버시*/
.snb{width: 100%;position: absolute;top: 80px; left: 0;height: auto;background: #fff;}
.snb_group {width:100%;max-width:1350px;margin:auto; }  
.snb .smenu_wrap{width:740px;float:right;right:0;padding-left:30px;}  
.snb .smenu{width:calc(100% / 5);float: left;display: none;height:100%;} 
.snb .smenu li{text-align: center;line-height: 1.3;float: left;padding: 9px 0;width: 100%;letter-spacing: 0;font-weight: 400; font-size:16px;}
.snb .smenu li a{color: #888;}
.snb .smenu li a:hover {color:#e30413!important;font-weight:bold !important;}
.snb .smenu li:hover a{color: #000;}
.gnb li{/*width: 16.6%;*/float: left;text-align: center;padding:0 10px; margin-left:58px;}
.gnb li:last-child {margin-right:0 !important;}
.ssi_01 {padding-left:5px;} 
.ssi_02 {padding-left:15px;}/* 메뉴안내 */  

.ssi_03 {padding-left:12px;}/* 경쟁력 */ 

.ssi_04 {padding-left:10px;padding-right:10px;}/* 창업안내 */ 

.ssi_05 {padding-left:5px;}/* 커뮤니티 */ 



.P-header:hover{background: #fff;border-bottom: 1px solid #eee;transition-duration: .2s;}
.P-header:hover .P-nav-item{color: #000 !important;}
.P-header:hover .logo{display: block;}
.P-header:hover .logo_w{display: none;}
.P-header:hover .menu_b{display: block;}
.P-header:hover .menu_w{display: none;}
.P-header:hover .snb{padding: 20px 0;}
.P-header:hover .snb .smenu{display: block;}
.P-header:hover .bar1, .P-header:hover .bar2, .P-header:hover .bar3{background: #000;}
.P-nav-item:hover, .P-nav-item:focus, .P-nav-item.active {
  color: #000 !important;
  height: 85px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  font-family:  'Noto Sans KR';
}

/* Overline From Center */
.P-nav-item .over{
  display: block;
  position: absolute;
  overflow: hidden;
  background: #e30413;
  width: 0; height: 3px;
  top: 82px; left: 50%;
  -webkit-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
}

.P-nav-item.active .over, .P-nav-item:hover .over{
  position: absolute;
  z-index: 1;
  width: 100%; left: 0%;
  -webkit-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
}
/*탑마우스오버시*/

#menu_box { display:none;}
#btn-top-menu{display:block;width: 26px; float: right;right:10px;/*margin: 35px 0;*/}
/*.hidden-lg, .visible-lg {display:block !important;*}/
/*header 끝*/

/******/



/*
.wrap {
width: 100%;
max-width:90%;
margin: auto;margin-top: 6px;
}*/
.wrap_in {
  height: 90px;
  margin:0 auto;
}  /*
.visible-lg {margin-top: 0.5%;
display: flex !important;
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 100%;
}
.hidden-lg {display:none;}

.content {
width:100%;
height:600px;
position: relative;
}
*/
.main_bg .m_btn2{margin: auto;padding: 5px 60px 9px;border: 1px solid #000;transition-duration: .2s;text-align: center;position: absolute;bottom: 130px; left: 47%;}
.main_bg .m_btn2 a{font-size: 18px; color: #000;font-weight: 400;letter-spacing: 1px;}
.main_bg .m_btn2:hover{border: 1px solid #000; background: #000;transition-duration: .2s;}
.main_bg .m_btn2:hover a{color: #fff;}

.main_bg {position: relative;
  width:100%;
  height: calc(40px + 100%);
  overflow:hidden;
}
.main_bg_in {
  background:url("/images/main/main_img0630.jpg") no-repeat center center;
  /*background-attachment: fixed;*/

  background-size: cover;
  height: 100%;
}
.main_bg_box {
  width: 100%;

  background:url("/images/main/main_bg1.png") no-repeat;
  z-index: -1;background-size: contain;
}
/*
.main_bg_box2 {
width: 100%;
float: left;
background:url("/images/main/main_bg2.png") no-repeat;
z-index: -1;background-size: cover;
}      */

/* 소개 */

.back_bg {width: 100%;position: absolute;z-index: -1;left: 0;  top:0;}
.intro_in {width:1200px; margin:10% auto 10% auto;}

.intro_left {width:50%;float:left;}
.intro_left h2{font-size:42px;color:#323232;line-height:48px;letter-spacing: -0.02em;;margin-top:18%;display:block;font-weight:300;}
.intro_left b {font-weight:900;font-family: 'GmarketSansBold';padding-left: 10px; }
.intro_left b span {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #ed1c24;
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-left: 5px;
}
.intro_left small {font-size:20px;color:#323232;line-height:30px;letter-spacing:-0.06em;margin-top:3%;display:block;}
.intro_left p {font-size:15px;color:#294b99;line-height:30px;letter-spacing:-0.06em;margin-top:3%;display:block;transition-duration: .2s;}
.intro_left p:hover {
  transform: scale(1.03);
  box-shadow: 0px 0px 0px 0px rgb(0 59 130 / 15%);}
.intro_right {width:50%;float:left;}
.intro_right img {width:1400px;height:550px;margin-left: 10%;}


.m_btn{width: auto;margin: auto;padding: 5px 15px 9px;border: 1px solid #000;transition-duration: .2s;width: 13%;margin-top: 15%;text-align: center;max-width: 1280px;}

.m_btn a{font-size: 18px; color: #000;font-weight: 400;letter-spacing: 1px;}
.m_btn:hover{border: 1px solid #000; background: #000;transition-duration: .2s;}
.m_btn:hover a{color: #fff;}
/*
.bg_txt {animation: fadeInRight 2.7s;
width: 151vw;
overflow: hidden;
/* margin-left: calc(-50vw + 50%); */
/*
position: absolute;
top: 2200px;
left: -7vw;
word-break: keep-all;
display: block;z-index: -1;}
.bg_txt div {
padding-left: 50%;
color: #eb8fbc;
font-size: 11em;
font-family: "Moric", sans-serif;
font-weight: 700;
}
.bg_txt1 {animation: fadeInLeft 2.5s;
width: 90vw;
overflow: hidden;
position: absolute;
top:2000px;
margin-left: -22vw;
word-break: keep-all;
display: block;z-index: -1;}
.bg_txt1 div {
color: #eb8fbc;
font-size: 11em;
font-family: "Moric", sans-serif;
font-weight: 700;
}
*/
/*
.bg_txt2 {
width: 140vw;
overflow: hidden;
margin-left: calc(-50vw + 50%);

position: absolute;
top: 125vh;
margin-left: -20vw;
word-break: keep-all;
display: block;z-index: -1;}
.bg_txt2 div {
width: 10000px;
padding-left: 50%;
color: #eb8fbc;
font-size: 11em;
font-family: "Moric", sans-serif;
font-weight: 700;
}


*/

/*상품소개*/
.products {/*position:relative;*/ width:100%;}
.products h1.main_tit  {font-size:42px;font-weight:900;line-height:48px;color:#323232;margin-bottom: 80px;text-align:center}
.products h1.main_tit span {font-family: 'GmarketSansBold';display:block;font-size:42px;color:#e30613;padding-bottom:15px;/* box-shadow: inset 0 -16px 0 #eb8fbc;*/}
.products h1.main_tit small {font-size:26px; color:#e30613; font-weight:800;}
.products .main_tit:before {content:''; width:145px;height:55px;background:url(/images/main/top_sign.png) left center no-repeat; margin-top:-45px;margin-left:-130px;position:absolute;background-size:145px;}
/*
.products_circle{width: 140px;height: 140px;background: url(/images/main/circle2.png)no-repeat center center;vertical-align: top;float: left;z-index: -1;position: absolute;top: 100px;left: -100px;animation: rotate_image 6s linear infinite;transform-origin: 50% 50%;}*/
/*
.products_in h1 small {font-size:20px;line-height:30px;color:#323232;font-weight: 400;background: #fff;}
.p-Tit {width:100%; margin-bottom:30px;}
.p-Tit h1 {font-size:24px; font-weight:600; color:#000;}
.p-Tit h6 {font-size:18px; font-weight:300; letter-spacing:2px; color:#0075c1;}
*/
/* menu 3 */
.p-Contents {width:100%;margin-top: 150px;}
.p-Contents a {
  position:relative;
  display:block;
  float: left;
  width:calc(96% / 3);
  margin-bottom:1%;
  box-sizing:border-box;
  transform:translateY(0px);
  transition:all 0.4s ease-in-out;
  margin-right:2%;
}
.p-Contents a:last-child {margin-right:0;}
/*
.p-Contents2 {width:100%;max-width: 1200px;margin: 0 auto;}
.p-Contents2 a {
position:relative;
display:block;
float: left;
width:40%;
height:350px;
background:#f3f3f3;
margin-bottom:1%;
border: 1px solid #d26060;
box-sizing:border-box;
transform:translateY(0px);
transition:all 0.4s ease-in-out;
margin-right:1%;
}*/
.p-Contents .food_menu {width: 100%; height: 350px;border-radius:4%;box-shadow:0px 10px 50px 0px rgba(0, 59, 130, 0.15) }
.p-Contents .f_txt {width:100%;display:block;text-align:center;padding:20px 0;}
.p-Contents .f_img01 {background: url(/images/main/menu001.png)no-repeat center center;background-size: cover;}
.p-Contents .f_img02 {background: url(/images/main/menu002.png)no-repeat center center;background-size: cover;}
.p-Contents .f_img03 {background: url(/images/main/menu003.png)no-repeat center center; background-size: cover;}

.p-Contents div.p-icon {}
.p-Contents div h1 {font-size:22px; font-weight:600; color:#282828;text-align:center;}
.p-Contents div h4 {font-size:16px; font-weight:400; color:#ababab; line-height:24px;text-align:center;}
.p-Contents div h4 p {font-size:15px; font-weight:400; color:#294b99; line-height:24px; margin-top:8px;text-align:center;}

/*.p-Contents a:first-child, .p-Contents a:nth-child(3) {}
.p-Contents a:nth-child(2n) {width: 30%;margin-top: 4%;}
.p-Contents a:nth-child(3n) {margin-top: -3%;width: 35%;margin-left: 19%;}*/

.p-Contents:after, .contact:after, .call_in:after {content:""; display:block; clear:both;}
.p-Contents a.moreview {background:#003b82;}
.p-Contents a.moreview h1, .p-Contents a.moreview h4 {color:#fff;}
.p-Contents a.moreview h4 {margin-left:0;}
.p-Contents a:hover {transform:translateY(-40px);transition:all 0.5s ease; }
.p-Contents a:hover .food_menu {border:4px solid #e30613;}
.p-Contents a:hover .f_txt {font-weight:bold;font-size:20px;transition:all 0.5s ease;}
/*상품소개*/

/* step */
.step {position:relative; width:100%; height:auto;padding:0% 0;}
.step_in {width:1200px; margin:0 auto;margin-bottom: 10%;}
.step_in h1 {font-family: 'GmarketSansBold';font-size:42px;letter-spacing: -0.02em;;font-weight:900;line-height:48px;color:#fff;padding-bottom: 16%;text-align: center;position: absolute;left: 50%;transform: translate( -50%, -50% );}
.step_in  h1 span{ border-radius: 50%;width: 12px;height: 12px;background: #ed1c24;  display: inline-block;vertical-align: top;float: left;margin-right: 5px;}
.step_in h1 b {font-weight:900; }
.step_in h1 small {font-size:20px;color:#fff;line-height:30px;letter-spacing:-0.06em;margin-top:3%;display:block;word-break: keep-all;}
.step_in h1 p{font-size:15px;color:#294b99;line-height:30px;letter-spacing:-0.06em;margin-top:3%;display:block;}
.step_in img {border-radius: 45px;}
.step_in img:hover {
  transform: scale(1.03);transition-duration: .4s;
  box-shadow: 0px 10px 50px 0px rgb(0 59 130 / 15%);}

/* news */
.news {position:relative; width:100%; height:auto; margin:130px 0 2% 0;}
.news h1 {font-size:42px;font-weight:900;color:#062f6e;text-align:center;}
.news h1 p {display:block;color:#888;padding:15px 0;}
.news_li {width:1200px; margin:30px auto 0% auto;}
.news_li li {width:calc(100% / 3 - 10px);float:left;margin-right:10px;margin-bottom:80px;}

/* site */
.site {/*position:relative;*/ width:100%; height:auto;padding:0% 0;}
.site_in {width:1200px;}
.site_txt {width:100%;float:left;text-align:center;}
.site_txt p {font-size:16px;color:#888;display:block;padding: 15px 0;}
.site_txt h1 {font-weight:900;font-size:42px;color: #062f6e;margin-top: 5%;margin-bottom: 5%;}
.site_txt h2 {font-weight:900;font-size:42px;color: #062f6e;margin-top: 5%;margin-bottom: 5%;}
.site_txt h2 span{font-weight: 400; line-height: 17px;padding: 5px;border: 1px solid #ccc;color: #ccc;width: 30px;height: 30px;display: inline-block;font-size: 24px;border-radius: 100%;text-align: center;margin-top:-4%;cursor: pointer;transition-duration: .2s;}
.site_txt h2 span:hover{border: 1px solid #062f6e; background: #062f6e; color: #fff;transition-duration: .2s;transform: scale(1.8);}
/*설치충전소*/
#charging_wrap{
  width: 50%;
  height: 510px;
  position: relative;
  float: left;
  background: #000 url(/images/main/startup_bg.png)no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
}
#charging_wrap .main_wrap{width: 100%;width: 400px;float: right;margin-right:15%;margin-top:150px;}
.charging_wrap{width: 100%;}
.charging_wrap .txt_box {text-align:right;boder:1px solid red;}
.charging_wrap .txt_box h1{color: #fff;margin-bottom: 30px;font-size: 32px;font-weight: 900;word-break: keep-all;}
.charging_wrap .txt_box p{color: #fff;font-size: 18px;word-break: keep-all;line-height:28px;}
.charging_wrap .txt_box .line {margin-top: -40px;width: 30px; height: 5px;background: #e30613;  font-size: 18px;text-align: left;display: inline-block;font-weight: 400;float:right;}
/*설치충전소 끝*/

/*고객지원*/
#customer_wrap{
  width: 50%;
  height: 510px;
  position: relative;
  float: left;
  background: #000 url(/images/main/cummunity.png)no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
}
#customer_wrap .main_wrap{width: 100%;max-width: 400px;float: left;margin-left: 15%;margin-top:150px;}
.customer_wrap{width: 100%;}
.customer_wrap .txt_box h1{color: #fff;width: 100%;margin-bottom: 30px;font-size: 32px;font-weight: 900;}
.customer_wrap .txt_box p{text-align: left;color: #fff;font-size: 18px;width:210px;line-height:28px;word-break: keep-all;}
.customer_wrap .txt_box .line {margin-top: -40px;width: 30px; height: 5px;float: left;background: #e30613;  font-size: 18px;text-align: left;display: inline-block;font-weight: 400;}
/*고객지원 끝*/

.Floating {z-index:99; position:fixed; bottom:30px; left:15px; width:50px; height:50px; border-radius:100px; background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);}
.Floating a {position:absolute; top:8px; left:8px;}

.Floating2 {z-index:99; position:fixed; bottom:150px; left:15px; width:50px; height:50px; border-radius:100px; background:#000;}
.Floating2 a {position:absolute; top:8px; left:8px;}

.Floating3 {z-index:99; position:fixed; bottom:90px; left:15px; width:50px; height:50px; border-radius:100px; background:#fae100;}
.Floating3 a {position:absolute; top:8px; left:8px;}



.requestTop {line-height:70px; background:#0075c1; padding-left: 50px; font-size:18px; color:#fff; font-weight:600;}
.requestTop img {padding-right:10px;}
#use_div_wrap{background:#fff;width:100%;display:inline-block; padding-top: 5%;}
#use_box{widtH:84%;margin:auto;background:none}
.use_title{width:100%;text-align:left;font-size:30px; padding:100px 0 40px 0;font-weight:bold;color:#fff;color:#333}
#goTop {right:50px;bottom:50px; width:98px;height:98px;border-radius:50px;  background-color:rgba(255, 255, 255, 0.2);line-height:98px;text-align:center;color:#fff; font-size:16px;cursor:pointer;margin-left:auto;margin-right:auto;margin-top:2%;}
.use_text_div {width:100%;font-size:14px;color:#666;border:1px solid #ccc;display:inline-block;text-align:left;padding:60px;margin-bottom:5%;line-height:28px;box-sizing:border-box;font-weight:300}
.use_text_div span {font-weight:bold;color:#333}
.use_text_div div.inner {width:100%;box-sizing:border-box; padding-left:20px;}


/***************************************/
/*메뉴이격맞춤*/
@media all and (max-width:1300px){
  /*header*/
  /* .P-nav-item{height: 70px;line-height: 70px;color: #000!important;}
  .P-nav-item .over{top: 68px;}
  .snb{top: 70px;}
  .bar1, .bar2, .bar3{background: #000;}
  .lang_btn{margin: 16px 0;background-image: url(/images/main/arrow_down.png);}
  .lang_btn select{color: #000;}
  .lang_btn .lang_w{display: none;}
  .lang_btn .lang_b{display: inline-block;}*/
  .P-header:hover {position:fixed;height:70px;}

  .products {width:100%;margin:0 auto; padding:0 5%;}
  .slide_ract {width:94% !important;margin:0 auto;}
  /* footer */
  .P-footer .f_wrap .footer-info {width:96% !important;}

  #totalANDzeroweb div {padding-right:2%;}

}

/*웹 1200*/
@media all and (max-width:1200px){
  /*header*/
  .visible-lg, .P-nav, .snb{display: none!important;}
  #btn-top-menu{display: inline-block!important;}
  /*.lang_btn{display: none;}*/
  .right.pushy-open .lang_btn{display: block;margin: 0;margin-right: 3%;}
  /* .wrap {width:100%;margin:auto;}*/
  .gnb li {color:#000}
  .P-nav-item {color:#000 !important}





}
/***************************************/

@media all and (max-width:430px){
  .m_btn_mo {display:block;position:absolute;top:100px !important;}
}



/* 모바일 [ ~ 767px 적용] */
@media all and (max-width:767px){
  .side_btn1 {
    margin-right: 19px;
    width: 65px;
}
 	.sliderWrap .slider.s1 {
		background-image: url('/images/main/main_bg_m.png');
	}
	.sliderWrap .slider.s2 {
		background-image: url('/images/main/main_bg_m2.png');
	}
  .sd_wrap 
  .m_btn_mo div.linkk {display:block;width:180px;height:50px;position:absolute;top:350px;z-index:999999;left:8%;background:#fff;opacity:0.1}
  /*.m_btn3 {pointer-events: none}*/
  section#section2 {margin-top:0 !important}
  .parallax__item {/*height:80vh !important;*/z-index:-1;}
  /* header */
  .P-nav, .snb{display: none!important;}

  .p-Contents a {transform: translateY(0px);transition:none !important ;/*pointer-events: none*/}
  .p-Contents a:hover {transform: translateY(0px);}
  .p-Contents a .food_menu {border:0;pointer-events: none}
  .p-Contents a .f_txt {font-weight:normal;font-size:18px !important;trasition:none !important;pointer-events: none}
  .products .main_tit:before {background-size:100px; margin-left:-94px;margin-top:-36px}
  section#section2 {padding-top:110px;}
  /*  .main_sd{display:none;}
  .main_sd_m {
  display: block;
  height: 400px;}
  */
  .swiper-wrapper .sd1 {
    width: 100%;
    height: 500px;}
  .sd_wrap {transform: translateX(-20%);}
  .m {display:block;}
  .t {display:none;}
  .pc {display:none;}
  .p-Contents div h1 {font-size:18px;}
  .p-Contents div h4 {font-size:14px; line-height:20px;}
  .call_left {font-size:24px;}
  .call_left p {margin-left:28px; word-break:keep-all;}
  .call_right a {color:#fff;}
  .call_right a:hover {color:#fff;}
  .top-menu-title p {font-size:26px !important;line-height:35px !important;}
  .top-menu-title span {font-size:20px !important;}
  .tit_sub {width:90% !important;}
  .news_li li {width: calc(100% / 2 - 10px);}

  .review .r_title {width: 100%;}
  .review .r_img {width: 100%;}
  .review_text1 {width: 100%;font-size: 16px;line-height: 30px;}
  .review_text2 {width:100%;font-size: 16px;line-height: 30px;}
  .review_text3 {width: 100%;font-size: 16px;line-height: 30px;}
  .products_circle {display:none;}

  /* main product */
  .sd_wrap div.m_texts {font-size:26px;word-break: keep-all;}
  .sd_wrap div.m_texts img {width:260px;}
  .m_btn3 a {font-size:16px;}
  .m_btn3 {max-width:170px;}

  .p-Contents .food_menu {height:200px;border-radius:15px;}

  /* .parallax__item__img2 {min-height:165vh;}*/
  .products h1.main_tit {/*margin-top:15%;*/}
  .products h1.main_tit span {font-size:34px;}
  .products h1.main_tit small {font-size:16px;padding: 0 6%;line-height:1.4;box-sizing: border-box;display:inline-block}
  .p-Contents {margin-top:50px;}
  .p-Contents a {transition:none;}

  .slide_hf h1.slid_title {font-size:34px !important;}
  .slide_hf small.slid_stxt {max-width:220px !important;font-size:16px !important;line-height:1.4;}

  #charging_wrap, #customer_wrap {width:100%;}
  #customer_wrap {height:280px !important;}
  #charging_wrap {height: 450px !important;}
  #charging_wrap .main_wrap {margin-top:190px !important}

  #charging_wrap .main_wrap {margin-left:15%;margin-right:0;float:left;}
  .charging_wrap .txt_box h1 {font-size:28px;}
  .charging_wrap .txt_box p {width:70%;font-size:16px;}
  .charging_wrap .txt_box {text-align:left;}
  .charging_wrap .txt_box .line {float:left;}

  #customer_wrap .main_wrap {margin-top:50px;}
  .customer_wrap .txt_box h1 {font-size:28px;}
  .customer_wrap .txt_box p {width:48%;font-size:16px;}

  /* copyt */
  #totalANDzeroweb div {text-align:left;left:0;width: 100% !important;
    padding-left: 265px;}
  .footer-info li.copy-item {padding-left:250px !important;}
  .side_btn {width:90px;}
  .side_btn2 {width:68px;margin-right: 17px;} 

  /*
  #charging_wrap{
  width: 100%;
  height: 200px;
  position: relative;
  float: left;
  background: #000 url(/images/main/cummunity_bg.png)no-repeat center center;
  background-size: cover;
  float: left;
  padding-left: 10%;
  display: flex;
  align-items: center;}
  .charging_wrap{width: 100%;margin-top: 20px;}
  .charging_wrap .txt_box h1{color: #fff;margin-bottom: 20px;font-size: 26px;font-weight: 900;word-break: keep-all;}
  .charging_wrap .txt_box p{text-align: left;color: #fff;font-size: 16px;word-break: keep-all;}

  #customer_wrap{
  width: 100%;
  height: 200px;
  position: relative;
  float: left;
  background: #000 url(/images/main/customer_bg.png)no-repeat center center;
  background-size: cover;
  float: left;
  padding-left:4%;
  display: flex;
  align-items: center;}
  #customer_wrap .main_wrap{width: 100%;max-width: 400px;float: left;margin-left: 5%;}
  .intro_right {width:50%;float:left;}
  .intro_right img {width: 600px;height: 300px;margin-left: -11%;}
  .step_in img {border-radius: 35px;height: 300px;}
  .customer_wrap{width: 100%;margin-top: 20px;}
  .customer_wrap .txt_box h1{margin-bottom: 10px;color: #fff;width: 100%;margin-bottom: 20px;font-size: 26px;font-weight: 900;}
  .customer_wrap .txt_box p{text-align: left;color: #fff;font-size: 16px;}
  */


  /* 모바일 [ ~ 640px 적용] */
  @media all and (max-width:640px){
    .content {height:430px;}
    .content h6 {width: 72%;font-size:12px; line-height:1.4;right:5%;text-shadow: 0px 10px 10px rgba(0, 0, 0, 1); word-break:keep-all;}

    /* main */
    .main_bg_in {background: url(/images/main/main_img_m0704.png) no-repeat center center; background-size:cover;}
    .products {padding:0;}
    .p-Contents a {width:100%;margin:0 auto;float: inherit;}
    .p-Contents .f_txt {padding:10px 0 30px 0;font-size:16px;}
    .p-Contents a:last-child {margin:0 auto;}
    section#section2 {border-top-left-radius: 50px;/*height:250vh;    */border-bottom-left-radius: 50px;}

    /* footer */
    .P-footer .f_wrap {width:90% !important; margin:0 auto;display:inherit !important;padding:50px 0 120px 0 !important;}
    .footer-info li.copy-item p.copy_logo {position:static !important;margin-bottom:30px;}
    .footer-info li.copy-item {padding-left:0 !important;}
    #totalANDzeroweb div {width:86% !important;padding-left:0 !important}
    /*
    .p-Contents a:first-child, .p-Contents a:nth-child(3) {margin-right:0;width: 80%;margin-left: 10%;height: 300px;}
    .p-Contents a:nth-child(2n) {margin-right:0;margin-bottom: 10%;width: 80%;margin-left: 10%;height: 300px;}
    .p-Contents a:nth-child(3n) {margin-right:0;margin-bottom: 10%;width: 80%;margin-left: 10%;height: 300px;}*/
    /*
    .p-Contents .program_img {width: 100%;height: 300px;   float: left;
    background: url(/images/main/program1.png)no-repeat center center;
    background-size: cover;}
    .p-Contents .program_img2 {width: 100%;height: 300px;   float: left;
    background: url(/images/main/program2.png)no-repeat center center;
    background-size: cover;}
    .p-Contents .program_img3 {width: 100%;height: 300px;   float: left;
    background: url(/images/main/program3.png)no-repeat center center;
    background-size: cover;}
    */
    .p-Contents div.p-icon {bottom:5%;text-align:center;}
    .p-Contents div.p-icon img {width:250px;margin:auto;}
    .p-Contents div.p-icon {margin-top:12%;}
    .c-Tit {font-size: 20px; line-height: 26px;}
    .contact a {font-sizE: 16px;}
    .call_left p span {display: none;}
    .P-nav-logo img {width:130px;}
    .intro_left {width:100%;margin-bottom: 10%;margin-top: -12%;padding: 30px;}
    .intro_left img {width:80%;}
    .intro_right {width:100%;text-align:center;}
    .intro_right span {font-size:30px;line-height:38px;}

    .news h1 {font-size:30px;}
    .news h1 p {padding:6px 0px;}

    .site_txt h1 {font-size:30px;}
    .site_txt h1 p {padding:6px 0px;}
    .products_in h1 {font-size:30px;font-weight:900;line-height:48px;color:#323232;margin-bottom: 1%;}
    .products_in h1 small {font-size:18px;line-height:30px;color:#323232;font-weight: 300;}
    .mainTit small {font-size:18px;line-height:30px;color:#323232;font-weight: 300;}
    .intro_left h2{font-size:30px;color:#323232;line-height:32px;letter-spacing: -0.02em;;margin-top:18%;display:block;font-weight:300;}
    .intro_left small {font-size:18px;color:#323232;line-height:26px;letter-spacing:-0.06em;margin-top:3%;display:block;word-break: keep-all;}
    .step_in h1 {margin-top: -26%;text-align:center;font-size:30px;padding-bottom:30px;line-height:32px;}
    .step_in h1 small {font-size:18px;color:#fff;line-height:30px;letter-spacing:-0.06em;margin-top:3%;display:block;word-break: keep-all;}
    .main_bg .m_btn2 {padding: 5px 35px 9px;
      bottom: 80px;
      left: 50%;
      transform: translate(-50%, 0%);}
  }
  /*.m_btn3 {padding: 5px 35px 9px;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0%);
}*/


  .m_btn {
    width: 24%;
  }
  .notice_wrap .re_title {
    line-height: 5.1;}
  /* 모바일 [ ~ 480px 적용] */
  @media all and (max-width:480px){
    .sd_wrap span {
      font-family: 'GmarketSansMedium';
      font-weight: 800;
      font-size: 18px;}
    .swiper-wrapper .sd1 {
      width: 100%;
      height: 450px;
    }
    .sd_wrap {
      /*
      padding-top: 150px;
      font-size: 25px;
      line-height: 35px;*/}
    .content {height: 330px;}
    /* .m_btn3 {bottom: 40px;padding: 5px 40px 9px;}
    .m_btn3 a {font-size: 14px;}*/
    .main_bg .m_btn2 {bottom: 50px;padding: 5px 40px 9px;}
    .main_bg .m_btn2 a {font-size: 14px;}
    .products {/*padding: 20% 0 0%;*/}
    .contact a {width:135px; font-sizE: 16px;}

    .contact a img {width:20px;}
    .call_in {padding: 5% 0 6%;}
    .call_right a {
      width: 155px;
      font-sizE: 18px;
      line-height: 42px;
      margin-top: 22px;
    }
    .call_left img {width:18px;}
    .mainTit, .mainTit strong {font-size: 30px;text-align:center;}
    .products_in h1 {font-size: 30px;text-align:center;}

    .p-Contents a:first-child, .p-Contents a:nth-child(3) {/*height: 200px;*/}
    .p-Contents a:nth-child(2n){/*height: 200px;*/}
    .p-Contents a:nth-child(3n){/*height: 200px;*/}
    .p-Contents .program_img {width: 100%;height: 200px;   float: left;
      background: url(/images/main/program1.png)no-repeat center center;
      background-size: cover;}
    .p-Contents .program_img2 {width: 100%;height:200px;   float: left;
      background: url(/images/main/program2.png)no-repeat center center;
      background-size: cover;}
    .p-Contents .program_img3 {width: 100%;height: 200px;   float: left;
      background: url(/images/main/program3.png)no-repeat center center;
      background-size: cover;}
    .m_btn {width: 25%;}
    .reviews {margin-top: 22%;}
    .products_in h1 small {
      font-size: 16px;
      line-height: 24px;}
    /*.bg_txt1 div {display: none;}*/
    .bg_txt div {display: none;}
    .notice_wrap .board01 ul {
      width: 100%;}
    .notice_wrap .re_title {display:none;}
    .notice_wrap .board01 ul li p.b_txt {
      font-size: 18px;width: 100%;
      margin-bottom: 0px;}
    .notice_wrap .re_img {margin-top: 0%;display: none;}
    .notice_wrap{margin: 0 auto 0px;}
    .notice_wrap .board01 ul li {width: 100%;}
  }
  @media all and (max-width:390px){
    .p-Contents a {/*padding: 20px;*/}
    .p-Contents div.p-icon {bottom: 12%; right: 7%;}
    .contact {background-size: cover;}
    .call_in {padding: 5% 0 9%;}
    .c-Tit {
      font-size: 20px;
      line-height: 28px;
    }
    .call_left p {display:none;}
    .call_left, .call_right a {margin-top: 13px;}
    .p-Contents .food_menu {height:150px;}


    .products h1.main_tit span {font-size:30px;}
    .products h1.main_tit small {font-size:14px;}

    .slide_hf h1.slid_title {font-size:30px !important;}
    .slide_hf small.slid_stxt {font-size:14px !important;}

  }

  section55 {overflow:hidden;}
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {
    color:#333;
    margin:0;
    padding:0;
    font-size:21px;  
    line-height:1.756em;
    font-weight:500;
    letter-spacing:-0.03em;
  }</pre></body></html>