@charset "UTF-8";

/* font */
@font-face {
	font-family: 'NotoSans';
	font-weight: 400;
	src: url('font/notokr-regular.eot');
	src: url('font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-regular.woff') format('woff'),
		 url('font/notokr-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'NotoSans';
	font-weight: 500;
	src: url('font/notokr-medium.eot');
	src: url('font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-medium.woff') format('woff'),
		 url('font/notokr-medium.woff2') format('woff2');
}

@font-face {
	font-family: 'NotoSans';
	font-weight: 700;
	src: url('font/notokr-bold.eot');
	src: url('font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('font/notokr-bold.woff') format('woff'),
		 url('font/notokr-bold.woff2') format('woff2');
}

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button, section, aside, span, a, label{font-size:inherit; font-weight:inherit; box-sizing:border-box; margin:0; padding:0; word-break:break-all;letter-spacing: -1px;}
i{box-sizing: border-box;}
strong{font-weight: 700;}
pre {white-space:pre-wrap; word-break:break-all;}
fieldset,img {border:0 none;}
img {vertical-align:top;max-width: 100%;}
dl, ul, ol, menu, li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, select, textarea, button {vertical-align:middle;outline: none;border-radius: 0;	}
input::-ms-clear {display:none;}
select:focus::-ms-value {background: none;color: #000;}
body {direction:ltr;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
button {cursor:pointer; border:0 none; background-color:transparent;}
address, caption, cite, code, dfn, em, var, i {font-style:normal;}
table {width:100%;}
table,th,td {table-layout:fixed; border-collapse:collapse;}
table caption, fieldset legend {overflow:hidden; font-size:medium; line-height:normal; width:100%; height:0; word-break:break-all; opacity:0; }
select::-ms-expand{display:none;}
input, select, textarea,button{appearance:none;border:0 none;border-radius:0;}

/* common */
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body, button, input, pre, select, td, textarea, th {font-family: NotoSans,"Malgun Gothic","맑은 고딕", dotum, sans-serif;font-weight: 400;line-height: 1.5;color: #616161;font-size:14px;}
a {text-decoration:none; color:#616161;outline: none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none; background-color:transparent;}
::-webkit-input-placeholder {font-weight: 500;color:#999; -webkit-text-fill-color:#999;}
::-moz-input-placeholder {font-weight: 500;color:#999; -moz-text-fill-color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-weight: 500;color:#999; -ms-text-fill-color:#999;}
:-moz-input-placeholder {font-weight: 500;color:#999; -moz-text-fill-color:#999;}

.pc_line_break{display:block;}
.line_break{display:block;}
.sr_only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

/* slick */
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;width:100%;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Dots */
.slick-dotted.slick-slider{padding-bottom: 60px;}
.slick-dots{position: absolute;bottom:0;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots .control{display:none;}
.slick-dots li{display:inline-block;vertical-align: top;margin:0 5px;}
.slick-dots li button{width:12px;height:12px;background:#ccc;font-size:0;display: inline-block;vertical-align: top;border-radius: 10px;}
.slick-dots li.slick-active button{width:40px;background:#3362f6;}

.wrap{
	width:100%;
}
.inner{
	max-width:1240px;
	margin:0 auto;
}
.logo{
	padding:20px;
	text-align:left;
	height:70px;
}
.logo img{
	height:30px;
}
.title{
	padding:60px 20px;
	background-color:#3362f6;
	color:#fff;
}
.title .inner{
	background-image:url(../images/app_info/bg_title.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:280px;
}
.title .txt1{
	font-size:20px;
	font-weight: 500;
}
.title .txt2{
	margin-top:10px;
	font-size:40px;
	line-height:1;
}
.title .txt2 .txt_logo{
	width:60px;
	display:inline-block;
	vertical-align:text-bottom;
	margin:0 20px;
}
.title .txt3{
	margin-top:40px;
	font-size:20px;
	font-weight: 500;
	color:rgba(255,255,255,.8)
}
.title .txt3 ~ .txt3{
	margin-top:20px;
}
.title .txt3 .txt_logo{
	width:140px;
	display:inline-block;
	vertical-align:middle;
	margin:0 4px;
}
.btn_wrap{
	font-size:0;
	margin-top:40px;
}
.btn_wrap .btn{
	display:inline-block;
	vertical-align: top;
	padding:15px;
	border-radius: 10px;
	background:#fff;
	min-width:183px;
	text-align:center;

}
.btn_wrap .btn .txt{
	display:inline-block;
	vertical-align: top;
	font-weight: 500;
	color:#3362f6;
	font-size:20px;
}
.btn_wrap .btn .ico{
	width:22px;
	height:30px;
	margin-right:10px;
	display:inline-block;
	vertical-align: top;
}
.btn_wrap .btn .ico.ico_type1{
	background:url(../images/app_info/btn_store1.png) no-repeat center center;
	background-size:100%;
}
.btn_wrap .btn .ico.ico_type2{
	background:url(../images/app_info/btn_store2.png) no-repeat center center;
	background-size:100%;
}
.btn_wrap .btn ~ .btn{
	margin-left:20px;
}
.visual{
	margin:80px 0;
}
.visual .item{
	padding:0 22px;
}
.visual .item img{
	border:1px solid #ccc;
}
.footer{
	background:#262e41;
	padding:30px 20px;
	text-align:center;
}
.footer img{
	height:80px;
}
@media only screen and (max-width: 767px) {
	.pc_line_break{
		display:inline;
	}
	.logo{
		text-align:center;
		padding:12px 0;
		height:50px;
	}
	.logo img{
		height:25px;
	}
	.title{
		padding:40px 20px;
	}
	.title .inner{
		background-position:right top;
		background-size:140px;
	}
	.title .txt1{
		font-size:15px;
	}
	.title .txt2{
		font-size:23px;
	}
	.title .txt2 .txt_logo{
		width:33px;
		margin:0 10px;
	}
	.title .txt3{
		margin-top:20px;
		font-size:14px;
		padding-right:20px;
	}
	.title .txt3 .txt_logo{
		width:120px;
	}
	.btn_wrap{
		margin-top:20px;
		text-align:center;
	}
	.btn_wrap .btn{
		min-width:150px;
	}
	.btn_wrap .btn .ico{
		height:24px;
		width:18px;
	}
	.btn_wrap .btn .txt{
		font-weight: 500;
		font-size:16px;
	}
	.visual{
		margin:0;
	}
	.visual .item{
		padding:0;
	}
	.visual .item img{
		border:0 none;
		margin:-40px 0 -20px;
	}
	.slick-dotted.slick-slider{
		padding-bottom:0;
	}
	.slick-dots{
		bottom:20px;
	}
	.footer{
		padding:20px;
	}
	.footer img{
		height:75px;
	}
}