@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+SansKR:wght@100;300;400;500;700;900&display=swap');
input,button,img{vertical-align:middle;}
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; text-decoration:none;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body, input, textarea, select, button, table {font-family:'Nunito Sans','Noto Sans KR';font-weight:300;font-size:20px; color:rgba(0, 0, 0, 0.5);} 
ul, ol {list-style-type:none;}
input, select {vertical-align:middle;}
a {text-decoration:none;}
.hidden {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }


body,html{font-size:16px;  height:100%;}
body {
	width:100%; 
	background:url(/image/img-header.png) no-repeat center top;
}
.wrapper {
	width:100%; 
	position:relative; 
	 background:url(/image/img-footer-wave.png) no-repeat center bottom;
	
	min-height:480px;
	height: 100%;
    display: table;
}

.head {
  width:100%;
  position:relative; 
  max-width: 960px;
  height: 72px;
  margin: 0 auto;
}
.head img {margin-top:17px;}
.btn_download {
  background:#FFFFFF;
  font-size: 14px;
  font-weight: bold;
  color: #00b5cc;
  PADDING:10px 15px;
  text-align:center;
  margin-top:16px;
  position:absolute;
  right:0px;
}
.pcm {display:block}
.mom {display:none}
section.content {
  width:100%;
  max-width: 960px;
  margin: 0px auto;
}
.content_right {
	float:right;
	width:472px;
	position:relative; 
}
.content_right img {	
}
.bg_btn {
position:absolute;
top:266px;
left:45px;
  width: 383px;
  height: 57px;
  border-radius: 8px;
  background-image: linear-gradient(to right, #00b5cc 0%, #0096c9 100%);
}

.bg_btn .txt {
  font-size: 14px;
  font-weight: bold;
  display:block;
  height: 57px;
  line-height: 57px;
  margin-left:20px;
  letter-spacing: normal;
  color: #ffffff;
}



.content_left {
	float:left;
	padding-top:190px;
	width:calc(100% - 472px);
}

.content_left  H2 {
  font-size: 48px;
  font-weight: normal;
  letter-spacing: -2px;
  color: #1d1d1d;
  padding-bottom:12px;
}
.content_left img {margin-bottom:40px;}


.content_left p {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -0.8px;

  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
  padding-bottom:14px;
  width:468px;
}




section.content_banner2 {
	display:none;
}
section.content_banner {
 clear:both;
  background:#f5f5f5;
  width:100%;
  margin: 170px auto 32px;
  text-align:center;
}

.content_banner_img {
	margin:0px auto;
	width:100%;
	max-width:960px;
}

section.content_li {
 width:100%;
  max-width: 960px;
  margin: 0px auto;
  display: table;
}
.content_li ul {
	width:100%;
	max-width: 960px;
	margin: 0px auto;
}
.content_li ul li{
	 width:22.75%;
	 float:left;
	 margin-right:3%;
	 padding-top:16px;
	 border-top:2px solid #f5f5f5;
}

.content_li ul li:last-child{
	 margin-right:0px;
}

.content_li ul li span{ 
 font-size: 20px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.8px;
  color: #00b5cc;
}
.content_li ul li p{
  margin-top:10px;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: -0.8px;
  color: #1d1d1d;
}

section.content_bottom {
 clear:both;
 width:100%;
  max-width: 960px;
  margin: 230px auto 120px;
  display: table;
}


.bottom_left {
	width:568px;
	float:left;
}
.bottom_left img {max-width:568px;width:100%;}

.bottom_right{
	float:left;
}

.bottom_right a {display:block;margin-top:398px;}
.bottom_right a + a {display:block;margin-top:40px;}


footer {
  clear:both;
  width:100%;
  max-width:960px;
  margin:0px auto 30px;
}
footer span {
    position: absolute;
	bottom:40px;
}
footer p {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: #b2b2b2;
  text-align:right;
}


@media screen and (max-width:768px){ 
.pcm {display:none}
.mom {display:block}
	body {
		width:100%; 
		background:url(/image/img-header-mobile@2x.png) no-repeat center top;
		background-size: contain;
	}

	.head {display:none;}

	section.content {
	  width:100%;	 
	  margin: 0px auto;
	}

	.content_right {
		float:none;
		width:100%;
	}
	.content_left {
		float:none;
		padding-top:90px;
		width:calc(100% - 48px);
		padding:90px 24px 0px;
	}

	.content_left  H2 {
	  font-size: 32px;
	  font-weight: normal;
	  letter-spacing: -2px;
	  color: #1d1d1d;
	  padding-bottom:8px;
	}
	.content_left img {width:200px;height:auto;margin-bottom:40px;}


	.content_left p {
	  font-size: 14px;
	  font-weight: normal;
	  letter-spacing: -0.8px;

	  line-height: normal;
	  color: rgba(0, 0, 0, 0.5);
	  padding-bottom:14px;
	  width:100%;
	}

	.content_right img {width:100%;}

	.content_banner {display:none;}


	section.content_li {
	  width:calc(100% - 48px);
	  margin: 0px auto;
	  display: table;
	}

	.content_li ul li{
		 width:100%;
		 float:none;
		 margin-right:0px;
		 padding-top:16px;
		 padding-bottom:32px;
		 border-top:2px solid #f5f5f5;
	}

	.content_li ul li:last-child{
		 margin-right:0px;
	}

	.content_li ul li span{ 
	 font-size: 16px;
	  font-weight: bold;
	  line-height: normal;
	  letter-spacing: -0.8px;
	  color: #00b5cc;
	}
	.content_li ul li p{
	  margin-top:10px;
	  font-size: 16px;
	  font-weight: normal;
	  line-height: normal;
	  letter-spacing: -0.8px;
	  color: #1d1d1d;
	}
		
	section.content_banner2 {
	display:block;
	 clear:both;
	  background:#f5f5f5;
	  width:100%;
	  margin: 24px auto 32px;
	  text-align:center;
	}
	.content_banner_img2 {
		margin:0px auto;
		width:100%;
		max-width:960px;
	}
	.content_banner_img2 img {width:100%;}



	section.content_bottom {
	 clear:both;
	 width:100%;
	  max-width: 960px;
	  margin: 56px auto 28px;
	  display: table;
	}


	.bottom_left {
		width:100%;
		float:none;
	}
	.bottom_left img {max-width:568px;width:100%;}

	.bottom_right{
		float:none;
	}


	.bottom_right a {display:block;margin-top:16px;text-align:center;}
	.bottom_right a + a {display:block;margin-top:24px;text-align:center;}



	footer {
	  clear:both;
	  width:100%;
	  height:160px;
	  background:url(/image/img-footer-wave.png) no-repeat center bottom;
	  background-size: contain;
	  position: absolute;
	}
	footer span {
		position: unset;
		bottom:40px;
		width:100%;
		text-align:center;
		display:block;
			  position: absolute;
      bottom: 55px;
	  margin: 0px auto;
      width: 100%;
	}
	footer span img {height:12px;}
	footer p {
	  display:block;	
	  font-size: 10px;
	  font-weight: normal;
	  line-height: normal;
	  letter-spacing: -0.5px;
	  color: #b2b2b2;
	  text-align:center;
	  position: absolute;
      bottom: 20px;
	  margin: 0px auto;
      width: 100%;
	}


.wrapper {
	 background:none;
}







}