@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@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;
}
@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
html * {
	/* outline: 1px solid seagreen; */
  }
strong, i{font-weight: normal; padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, p{letter-spacing: -0.05em; font-weight: normal;line-height: 1.2;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  box-shadow: none;
  outline: none;
  border: none;
  letter-spacing: inherit;
}
article, aside, details, figcaption, figure, footer_wrap, header, hgroup, menu, nav, section {display:block;}
ul, dl, dt, dd {margin:0;padding:0;list-style:none}
a{text-decoration: none;}
button {cursor:pointer;}
body{background: #0a053f;margin: 0; padding: 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;word-wrap: break-word;
  word-break: keep-all;  line-height: 1.3;font-size: 1rem;letter-spacing: -0.03em;}
p {line-height: 1.4; padding: 0; margin: 0;}

.clearfix::after{ content:"";clear: both; display: block;}
.blind { text-indent: -999px; display: block; height: 100%; overflow: hidden; } 
.abs{position: absolute;}
.rel{position: relative;}
.t_center{text-align: center;}
.inner{position: relative;}
.section{padding: 110px 0;}
.container {width: 870px; margin: 0 auto; position: relative;height: 100%;overflow: hidden;box-sizing: border-box;}
.title{text-align: center;}
.tit{font-size: 74px; color:#111d2f; font-weight: 600;}
.tit span{color: #0964e0;}
.tit_sub{font-size: 26px; color: #fff; background-color: #111d2f; font-weight: 600; margin-bottom: 20px;letter-spacing: -0.025em;}
.tit_sub span{color: #5dc9ff;}
.cont_txt{font-size: 26px;}
.sub_txt{font-size: 32px; color: #666666;}
.txt{font-size: 16px; color: #666666; font-family: 'Noto Sans KR';}
.txts{font-size: 18px; color: #666666;}
.title .txts{margin-top: 30px;}


@media all and (max-width:870px) {
	.container { width: 100%; }
}
@media all and (max-width:768px){
	.tit{font-size: 60px;}
	.cont_txt{font-size: 22px;}
	.sub_txt{font-size: 26px;}
	.tit_sub{font-size: 22px;}
}
@media all and (max-width:480px){
	.section{padding: 50px 0;}
	.tit{font-size: 34px;}
	.tit_sub{font-size: 16px; margin-bottom: 20px;}
	.cont_txt{font-size: 16px;}
	.sub_txt{font-size: 16px; }
	.txt{font-size: 14px; }
	.txts{font-size: 15px;}
}

#wrapper {max-width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#wrapper img {max-width: 100%; /*box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.6);*/ display: block; margin: 0 auto;}
#wrapper .box-shadow { box-shadow: 0 40px 50px 0px rgba(0, 0, 0, 0.2);}

@media all and (max-width:870px) {
	#wrapper  { align-items: initial; }
}
/* 팝업창 */
input[type="checkbox"].check{display: inline-block;width: auto;height: auto;position: relative;margin-right: 8px;}
.popup_type02 {
	display:none;
	opacity:0;
	top:80px;
	position:absolute;
	left:50%; 
	transform: translateX(-50%);
	padding:10px;
	background:#fff;
	box-shadow:2px 2px 4px rgba(0,0,0,.5);
	z-index:1005;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
}
.popup_type02 div.pop_footer {
	height:25px;
	margin-top:8px;
	font-size:0;
	line-height:1.8em;
	color:#000;
	text-align:right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.popup_type02 div.pop_footer label {
	display:inline-block;
	font-size:13px;
	zoom:1;
	font-family: "Noto Sans KR", sans-serif;
	*display:inline;
}
.popup_type02 div.pop_footer a.popup_x {
	display:inline-block;
	width: 50px;
	height: 19px;
	line-height: 1.6;
	margin-left:5px;
	padding: 4px;
	border:1px solid #e1e1e1;
	color:#5e5e5e;
	text-align:center;
	text-decoration:none;
	border-radius:3px;
	box-shadow: 0 0 3px #999 inset;
	font-size:13px;
	cursor:pointer;
	zoom:1;
	*display:inline;
	font-family: "Noto Sans KR", sans-serif;
}
#popuptype02Block {
	/* position:fixed; */
	left:0;
	top:0;
	z-index:990;
	width:100%;
	height:100%;
	background:#666;
	background-color:rgba(33,33,33,0.8);
}
@media all and (max-width: 980px) {
	#popup6 .video, #popup7 .video{width: 560px;height: 315px;}
}
@media all and (max-width: 768px) {
	/* #popup6 .video, #popup7 .video{width: 100%;height: auto;} */

}
@media all and (max-width: 768px) {
	.popup_type02 {
		left: 50% !important;
	}
}
	@media all and (max-width: 480px) {
	.popup_type02 {
	top: 65px;
	left:0 !important;
	transform: translateY(0) !important;
	}
}

/* header */
header {position:fixed; top:0; left: 0; z-index:100; padding:0; width:100%; height:80px; transition:all 0.2s ease-out; }
header .logo {position:absolute; top: 8px;left: 50px; width:114px; height: 56px; background:url("/images/logo.png") no-repeat center top; background-size:cover;z-index: 99999;}
header .logo a{text-indent: -999px;display: block;height: 100%;overflow: hidden;}
header .tel{padding: 5px 20px 0px; border-radius: 5px; background-color:#fdd000; position: absolute; right: 20px;top: 14px;}
header .tel a{color: #34231e; font-size: 28px; font-family: 'GmarketSansBold';}
header .mo{display: none;}
header.on {background:#000 !important; }
header.scroll {position:relative;}
header ul{position: absolute; top: 0; right: 50px;display: flex;}
header ul li{line-height: 80px;}
header ul li a{color: #fff;font-weight: 700; font-size: 20px; }
header ul li + li{margin-left: 3vw;}
.nav-up { top: -80px;}
.subMenu{position: absolute;top: 0; width: 100%;display: flex;justify-content: center; background-color: #252525; transition: all 0.2s ease-out;z-index: 10;}
.subMenu .only_mo{display: none;}
/* .subMenu.on {position: fixed; top: 0; } */

.subMenu ul li{float: left;width: auto;text-align: center;margin-left: 6.25vw;}
.subMenu ul li:first-child{margin-left: 4.6875vw;}
.subMenu ul li a{font-family: 'GmarketSansBold';display: inline-block; color: #fff; letter-spacing: -0.05em; font-size: 17px; padding: 20px 0;}
.subMenu ul li:nth-child(7) a{padding-right: 2px;}
/* .subMenu ul li.on a{color: #026c6f;} */


@media all and (max-width:870px){
	.subMenu{width: 100%;}
}
@media all and (max-width:768px) {
  header .logo {left: 15px;}
  header .tel a{font-size: 20px;}
  .subMenu .only_mo{display: block;}
  .subMenu ul li a{font-size: 18px; padding: 15px 0;}
  .subMenu ul li:nth-child(7) a{padding-right: 2px;}
}
@media all and (max-width:480px) {
 .subMenu ul li a{font-size: 13px;}
  header {height: 65px;}
  header .logo { width: 80px;background-size: 100%; height: 40px;top: 9px;}
  header .tel { padding: 7px 12px 2px;top: 12px;right: 10px;}
  header .tel a{font-size: 18px;}
  header .pc{display: none;}
  header .mo{display: block;}
 .nav-up { top: -65px;}/*헤더 높이와 같게*/
 header ul{right: 15px;}
 header  ul li{line-height: 65px;}
 header ul li a{font-size: 17px;}
}
@media all and (max-width: 320px){
	header .logo{}
	header .tel a{font-size: 16px;}
}
/******** contents ********/
#wrapper{position: relative;overflow: hidden;}


/* v_pc */
#v_pc{max-width: 100%; position: relative;}
#v_pc .intro_title p{color: #5dc9ff; font-size: 20px; font-weight: 600; border-radius: 26px; border: 1px solid #fff; box-sizing: border-box; padding: 15px 40px;display: inline-block;margin-bottom: 20px;letter-spacing: 2px;}
#v_pc .intro_title h2{font-size: 86px; font-weight: 300; color: #fff;}
#v_pc .intro_title h2 span{font-weight: 600;}
#v_pc .title_wrap{position: absolute; top: 18%; left: 0; width: 100%; text-align: center;}
#v_pc .title_wrap .intro_title{display: inline-block;text-align: center; position: relative;}
#v_pc .title_wrap strong{font-weight: 600;}
#v_pc .img{bottom: 4%;left: 50%;transform: translateX(-50%);width: 100%;}

@media all and (max-width:870px) {
}
@media all and (max-width:768px) {
	#v_pc .intro_title h2{font-size: 60px;}
	#v_pc .img{width: 80%;}
}

@media all and (max-width:480px) {
	#v_pc .intro_title h2{font-size: 45px;}
	#v_pc .intro_title p{font-size: 15px; border-radius: 26px; padding: 10px 25px;}

}
@media all and (max-width:414px) {
}
@media all and (max-width:320px) {
}

#event {max-width: 100%;position: relative; background: #f2f8ff;}
#event .title p{font-size: 36px; letter-spacing: 2px; color: #0964e0; font-weight: 600;}
#event p{color: #617793; text-align: center; padding: 0 6%;}
#event ul{display: flex; justify-content: space-between;margin: 60px 0;padding: 0 2%;}

@media all and (max-width: 480px){
	#event .title p{font-size: 20px;}
	#event ul{margin: 40px 0;}
}


#download {max-width: 100%;position: relative; background: #fff;}
#download .tit{margin-bottom: 50px;}
#download .tit p{text-align: center;}
#download h5{color: #111d2f; font-size: 46px; font-weight: 600;}
#download .t_center p{margin-top: 20px;}
#download ul{width: 640px; display: flex; justify-content: space-between;margin: 40px auto 0 auto;padding: 0 2%;}
#download .img{margin-top: 70px;}

@media all and (max-width:870px){
	#download .container{padding: 0 2%;}
	#download ul{width: 100%; padding: 0;}
	#download ul li{width: 47%;}
}
@media all and (max-width: 480px){
	#download ul{width: 100%;}
	#download .tit{margin-bottom: 30px;}
	#download h5{font-size: 28px;}
	#download .img{margin-top: 40px;}
	#download .img img{width: 320px; }
}

#hook {max-width: 100%;position: relative; background: #f2f8ff;padding :110px 0 0 0;}
#hook .tit{margin-bottom: 50px; font-size: 56px;}
#hook ul{height: 524px;}
#hook ul li:nth-child(1){top: 0; left: 3%;}
#hook ul li:nth-child(2){top: 21%; right: 11%;}
#hook ul li:nth-child(3){top: 44%; left: 8%;}
#hook ul li:nth-child(4){bottom: 0; right: 3%;}

@media all and (max-width: 768px){
	#hook .tit{font-size: 50px;}
	#hook ul li:nth-child(2){top: 21%; right: 3%;}
	#hook ul li:nth-child(1) img{width: 400px;}
	#hook ul li:nth-child(2) img{width: 310px;}
	#hook ul li:nth-child(3) img{width: 280px;}
	#hook ul li:nth-child(4) img{width: 400px;}
}
@media all and (max-width: 620px){
	#hook ul{height: 424px;}
	#hook ul li:nth-child(1) img{width: 350px;}
	#hook ul li:nth-child(2) img{width: 280px;}
	#hook ul li:nth-child(3) img{width: 250px;}
	#hook ul li:nth-child(4) img{width: 350px;}
}

@media all and (max-width: 480px){
	#hook {padding :50px 0 0 0;}
	#hook ul{height: 334px;}
	#hook .tit{font-size: 28px;}
	#hook ul li:nth-child(3){top: 40%;left: 6%;}
	#hook ul li:nth-child(2){top: 27%;right: 3%;}
	#hook ul li:nth-child(1) img{width: 290px;}
	#hook ul li:nth-child(2) img{width: 170px;}
	#hook ul li:nth-child(3) img{width: 160px;}
	#hook ul li:nth-child(4) img{width: 290px;}

}

#solution1 {max-width: 100%;position: relative; background: #f2f8ff;}
#solution1 .tit{margin-bottom: 50px;}
#solution1 .title p{text-align: center; display: inline-block; border-radius: 26px; padding: 10px 35px;}
#solution1 .vs{background: #111d2f; padding: 50px 10px; border-radius: 20px; box-shadow: 0 0 14px 0 #a2c0e7;margin: 0 3% 50px 3%;}
#solution1 ul{display: flex; justify-content: space-evenly;align-items: center;}
#solution1 ul li{text-align: center;}
#solution1 ul li p{font-weight: 400; margin: 0;}
#solution1 ul li:nth-child(1) h5,
#solution1 ul li:nth-child(3) h5{ color: #fff; font-size: 30px;}
#solution1 ul li:nth-child(1) h5 strong{ color: #93a8c7; font-size: 90px; font-weight: 600;}
#solution1 ul li:nth-child(3) h5 strong{ color: #5dc9ff;font-size: 90px;font-weight: 600;}
#solution1 .inner{padding: 0 6%;}
#solution1 .inner .row{display: flex;}
#solution1 .inner p{color: #333333;line-height: 1.4;width: 94%;}
#solution1 .inner p span{font-weight: 600;}
#solution1 .inner .mt{margin-top: 2%;}
#solution1 .inner .ico{width: 6%; padding-top: 11px;}

@media all and (max-width: 768px){
	#solution1 ul li:nth-child(1) h5 strong,
	#solution1 ul li:nth-child(3) h5 strong{font-size: 65px;}
}
@media all and (max-width: 693px){
	#solution1 .inner p br{display: none;}
}
@media all and (max-width: 480px){
	#solution1 .tit{margin-bottom: 30px;}
	#solution1 ul li:nth-child(1) h5,
	#solution1 ul li:nth-child(3) h5{font-size: 25px;}
	#solution1 ul li:nth-child(1) h5 strong,
	#solution1 ul li:nth-child(3) h5 strong{font-size: 45px;}
	#solution1 ul li:nth-child(2) img{width: 50px;}
	#solution1 .inner .ico img{width: 23px;}
	#solution1 .inner .ico{padding-top: 6px; }
	#solution1 .inner p{padding-left: 5px;}
}

#solution2 {max-width: 100%;position: relative; background: #fff;}
#solution2 .tit{margin-bottom: 50px;}
#solution2 .title p{text-align: center; display: inline-block; border-radius: 26px; padding: 10px 35px;}
#solution2 ul{display: flex; justify-content: space-between;margin: 60px 0;padding: 0 2%;}
#solution2 h5{color: #111d2f; font-size: 46px; font-weight: 600;}
#solution2 .t_center p{margin-top: 20px;}

@media all and (max-width: 768px){
	#solution2 h5{font-size: 40px;}
}
@media all and (max-width: 480px){
	#solution2 h5{font-size: 28px;}
	#solution2 ul{margin: 40px 0;}
}

#solution3 {max-width: 100%;position: relative; background: #f2f8ff;}
#solution3 .tit{margin-bottom: 50px;}
#solution3 .title p{text-align: center; display: inline-block; border-radius: 26px; padding: 10px 35px;}
#solution3 ul{display: flex; justify-content: space-between;margin: 60px 0;padding: 0 2%;}
#solution3 h5{color: #111d2f; font-size: 46px; font-weight: 600;}
#solution3 .t_center p{margin-top: 20px;}
#solution3 .inner{padding: 0 3%; margin-bottom: 50px;}
#solution3 .inner .row{display: flex;align-items: center;padding: 30px 0px 30px 30px;box-shadow: 0 0 14px 0 #a2c0e7; border-radius: 20px; background-color: #fff;}
#solution3 .inner p{color: #333333;line-height: 1.4;}
#solution3 .inner p span{font-weight: 600;}
#solution3 .inner .mt{margin-top: 2%;}
#solution3 .inner .ico{margin-right: 10px;}

@media all and (max-width: 768px){
	#solution3 h5{font-size: 40px;}
}
@media all and (max-width: 480px){
	#solution3 h5{font-size: 28px;}
	#solution3 .inner .row{padding: 15px 0px 15px 20px;border-radius: 10px;}
	#solution3 .inner .ico img{width: 20px;}
}

#risk{max-width: 100%;position: relative; background: #fff;}
#risk .tit{margin-bottom: 50px;}

@media all and (max-width: 768px){
	#risk .container{padding: 0 2%;}
}
@media all and (max-width: 480px){
}

#service{max-width: 100%;position: relative; background: #f2f8ff;}
#service .tit{margin-bottom: 20px;}
#service .title img{margin-bottom: 20px;}
#service .title p{text-align: center;}
#service ul{display: flex; justify-content: space-evenly;margin:60px 0 0;padding: 0 2%;}
#service ul li{text-align: center;}
#service ul li p{font-size: 28px; color: #111d2f;}

@media all and (max-width: 768px){
	#service ul li p{font-size: 24px;}
}
@media all and (max-width: 480px){
	#service .title p{padding: 0 2%;}
	#service .title img{width: 130px;}
	#service ul li p{font-size: 16px;}
	#service ul{margin:40px 0 0;}
}

#control{max-width: 100%;position: relative; background: #fff;}
#control .title p{margin-top: 30px;}
#control ul{margin: 60px 0;}
#control ul li{display: flex;align-items: center;justify-content: center;}
#control ul li h5{font-size: 40px; font-weight: 600; color: #111d2f;margin-bottom: 20px;}
#control ul li:nth-child(2){flex-direction: row-reverse;}
#control ul li:nth-child(2) .txt_wrap{text-align: right;}
#control ul li .img{width: 40%;}

@media all and (max-width: 768px){
	#control ul li h5{font-size: 32px;}
}
@media all and (max-width: 480px){
	#control ul li h5{font-size: 22px;}
	#control ul li:nth-child(1) .txt_wrap{padding: 0 2%;}
	#control ul li:nth-child(2) .txt_wrap{padding: 0 2%;}

}


#manage{max-width: 100%;position: relative; background: #f2f8ff;}
#manage .title p{margin-top: 30px;}
#manage .img{margin: 60px 0;}
#manage .inner{padding: 0 3%; margin-bottom: 14px;}
#manage .inner .row{display: flex; padding: 30px 0px 30px 30px;box-shadow: 0 0 14px 0 #a2c0e7; border-radius: 20px; background-color: #fff;}
#manage .inner p{color: #333333;line-height: 1.4;}
#manage .inner p strong{font-weight: 600;}
#manage .inner .mt{margin-top: 2%;}
#manage .inner .ico{margin-right: 10px;}
#manage .inner .row span {color: #0964e0; font-weight: 600; margin-right: 10px;}

@media all and (max-width: 480px){
	#manage .inner .row{padding: 12px;border-radius: 10px;}
	#manage .img{margin: 40px 0;}
}
@media all and (max-width: 414px){
	#manage .inner p br{display: none;}
}

#link_pay{max-width: 100%;position: relative; background: #fff;}
#link_pay .title p{margin-top: 30px;}
#link_pay .title p span{color: #0964e0;font-weight: 600;}
#link_pay .img{margin: 60px 0;}
#link_pay .inner{padding: 0 3%; margin-bottom: 14px;}
#link_pay .inner .row{display: flex; align-items: center; padding: 30px 0px 30px 30px;box-shadow: 0 0 14px 0 #a2c0e7; border-radius: 20px; background-color: #fff;}
#link_pay .inner p{color: #333333;line-height: 1.4;}
#link_pay .inner p strong{font-weight: 600;}
#link_pay .inner .mt{margin-top: 2%;}
#link_pay .inner .ico{margin-right: 10px;}
#link_pay .inner .row span {color: #0964e0; font-weight: 600; margin-right: 10px;}
#link_pay .inner .notice{text-align: right; font-size: 18px;color: #717e91; margin-top: 20px;}

@media all and (max-width: 480px){
	#link_pay .inner .row{padding: 12px;border-radius: 10px;}
	#link_pay .img{margin: 40px 0;}
	#link_pay .inner .ico img{width: 23px;}
	#link_pay .inner .notice{font-size: 14px;}
}
@media all and (max-width: 414px){
	#link_pay .inner p br{display: none;}
}

#promotion{max-width: 100%; height: 834px;position: relative; background: url('/images/11_bg.jpg') no-repeat center / cover; padding: 0;}
#promotion .bg{height: inherit; background: url('/images/11_bg_on.jpg') no-repeat center / cover;}
#promotion .title h3{color: #fff;}
#promotion .title p{margin-top: 30px; color: #bac9e0;}
#promotion ul{display: flex; justify-content: space-evenly;margin: 60px 0;padding: 0 2%;}
#promotion ul li{text-align: center;}
#promotion ul li p{font-size: 28px; color: #fff;}
#promotion ul li p span{color: #3cd0fe; font-weight: 600;}
#promotion .container{display: flex;flex-direction: column;justify-content: center;padding-top: 90px;}

@media all and (max-width: 768px){
	#promotion ul li p{font-size: 24px;}
}
@media all and (max-width: 480px){
	#promotion{height: 534px;}
	#promotion ul li p{font-size: 16px;}
}

#partner{max-width: 100%;position: relative; background: #fff;}
#partner .title p{margin-top: 30px;}
#partner ul{display: flex; justify-content: space-evenly;margin: 60px 0 0;padding: 0 2%;}
#partner ul li{text-align: center;}

@media all and (max-width:480px) {
	#partner ul{margin: 40px 0 0;}
	#partner .title p{margin-top: 10px}
}

#faq{max-width: 100%;position: relative; background: #f2f8ff;}
#faq .tit{margin-bottom: 50px;}
#faq .container{padding: 0 3%;}
#faq .q-box {position: relative; display: flex;  width:100%; border:0; padding: 30px 0; border-bottom:1px solid #bdd1e9; cursor: pointer;} 
#faq .first::before{content:''; display: block; position: absolute; left:0; top: 0; height: 1px; width: 100%; background-color: #bdd1e9;}
#faq .q-box .tit-cell h5{color: #111d2f;}
#faq .q-box .icon-cell{padding-left: 20px;}
/* #faq .q-box.active {background:url("/images/btn/faq_arr_on.png") no-repeat 97% center;} */
#faq .q-box span.icon-q {text-align: center; display: block; color:#0964e0; font-family: 'Roboto', sans-serif; font-size: 32px; font-weight: 600;}
#faq .q-box .down_icon {position: absolute; right:40px;top: 50%; font-size: 40px;transform: translateY(-50%);}
#faq .q-box .tit-cell {display: flex; align-items: center; width: 100%; font-size: 17px; padding: 0 0 0 20px;}

#faq .q-box.active .tit-cell h5{color: #111d2f;}
/* #faq .q-box.active span.icon-q {color: #fff; background: #1f8e86; border: 1px solid #bdd1e9;} */
#faq .q-box.active .down_icon i{transform: rotate(-180deg);}

#faq .a-box {display:none; background: #dde8f5; width: 100%; max-height: 1000px; padding: 25px 0;}
#faq .a-box .inner {display: flex;}
#faq .a-box .icon-cell {display: inline-block; vertical-align: top;  padding-left: 9px;}
#faq .a-box span.icon-a {text-align: center;display: block; color:#697c91; font-family: 'Roboto', sans-serif; font-size: 32px;font-weight: 600;padding-left: 20px;}
#faq .a-box .txt-cell {display: inline-block; vertical-align: top; width: 100%; font-size: 17px; padding: 0 0 0 30px;line-height: 1.4;}
#faq .a-box p {margin-left:10px;color: #697c91;line-height: 1.4;}
#faq .m_575{display: none;}
@media all and (max-width:900px){
	#faq .q-box .down_icon{font-size: 25px;}
}
@media all and (max-width:768px) {
	#faq .inc {padding: 0 20px 100px 20px;}
	#faq .q-box {padding: 15px 0;}
	#faq .q-box .tit-cell {padding: 0 0 0 30px;}
	#faq .a-box {padding: 15px 0;}
	#faq .a-box p {padding-left: 30px;margin-left: 0;}
	#faq .q-box .tit-cell h5,
	#faq .a-box p{font-size: 20px;}
}
@media all and (max-width:575px){
	#faq .m_575{display: block;}
}
@media all and (max-width:480px) {
	#faq .q-box {padding: 15px 0;}
	#faq .q-box .icon-cell{padding-left:0;}
	#faq .a-box span.icon-a{padding-left:0;}
	#faq .q-box span {font-size: 22px;}
	#faq .a-box span {font-size: 22px;}
	#faq .q-box .tit-cell {font-size: 15px; padding: 0px 0 0 8px;}
	#faq .q-box.active .tit-cell h5{font-size: 16px;}
	#faq .q-box span.icon-q,
	#faq .a-box span.icon-a{font-size: 20px;}
	#faq .a-box p {padding-left: 8px;font-size: 16px;}
	#faq .q-box .down_icon{right: 10px;font-size: 16px;}
	#faq .q-box.active .down_icon i{display: block;}
	#faq .a-box p .mo{display: none;}
	#faq .q-box .tit-cell h5,
	#faq .a-box p{font-size: 16px;}
}
@media all and (max-width:414px){
	#faq .q-box .tit-cell h5{font-size: 14px !important;}
	#faq .a-box p{font-size: 14px;}
}

.border, .rev_flow, .menu_flow{max-width: 100%;}
.menu_flow{position: absolute; bottom: 4%; left: 0;}
.menu_flow .container{overflow: visible;}
.review{padding: 60px 0; background: #000;}
.text_flow, .text_flow2, .text_flow3, .img_flow {position: relative;width: 100%;}
.text_flow .swiper-slide img, .text_flow2 .swiper-slide img, .text_flow3 .swiper-slide img{margin: 0 !important;}
.img_flow .swiper-slide{margin-right: 30px; width: auto;}
.rev_flow .swiper-slide{margin-right: 30px; width: auto;}

@media all and (max-width: 480px){
	.border{height: 60px;}
	.review{padding: 40px 0;}
	.text_flow .flow, .text_flow2 .flow, .text_flow3 .flow{height: 60px; width: auto;}
	.img_flow .swiper-slide{width: 300px;}
	.rev_flow .swiper-slide{width: 320px;}
}


.footer_wrap{width: 100%;position: relative; z-index: 2;}
.only_m{display: none;}

.footer_wrap .container {background: #19222e;padding: 30px 20px; max-width: 100%;}
.footer_wrap p {color: #8190a4;line-height: 1.4;}
.footer_wrap .cont_txt span{color: #b7d1f4;}
.footer_wrap p strong{font-weight: 600; color: #b7d1f4;}
.footer_wrap p { margin: 0;}

@media all and (max-width:480px) {
	.footer_wrap .cont_txt {font-size: 14px;}
}
@media all and (max-width: 870px) {
	.only_pc{display: none;}
	.only_m{display: block;}

}


input:focus, select:focus {outline:none;-webkit-tap-highlight-color : transparent;}

/* 창업상담 모바일용 */
#inquiry_m  {width:100%; background: #0964e0; position: fixed; bottom: 0;z-index: 100;}
#inquiry_m .inq_box{font-size: 22px; color: #fff; text-align:center;padding: 14px 0;font-weight: 600;}
#inquiry_m .inq_box span{font-family: 'Noto Sans KR'; color: #3cd0fe; background-color: #121d2f; font-size: 17px; padding: 3px 13px; border-radius: 15px; font-weight: 600;margin-left: 10px;}
#inquiry_m .inq_wrap{display: none;padding-bottom: 20px;}
#inquiry_m  .inquiry_mobile {margin:0 auto; overflow:hidden;}
#inquiry_m  .inquiry_mobile .tel {text-align:center; margin-bottom:20px; height:65px; line-height:63px; font-size:32px; font-weight:300; color:#fff;letter-spacing: -0.05em;}
#inquiry_m  .inquiry_mobile .tel img {vertical-align:top; display: inline-block !important;}
#inquiry_m  .inquiry_mobile form {float:left; padding: 6px 20px;; overflow:hidden;}
#inquiry_m  .inquiry_mobile form::placeholder{color: #fff;}
#inquiry_m  .inquiry_mobile form input, #inquiry_m  .inquiry_mobile form  select {display:block; float:left; background:#fff; width:160px; height:50px; line-height:48px; padding:0 0 0 20px;  font-size:17px; margin-left:-1px; box-sizing: border-box;color: #000;}
#inquiry_m  .inquiry_mobile form input:focus{background-color: #fff; color: #000;}
#inquiry_m  .inquiry_mobile form select {color:#c5c5c5;box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('/images/icon/icon_inq_arrow.png') no-repeat 95% 50%;}
#inquiry_m  .inquiry_mobile form select option{color:#222;}
#inquiry_m  .inquiry_mobile form select::-ms-expand {display: none;}
#inquiry_m  .inquiry_mobile form input::-ms-input-placeholder { color: #8c8c8c; }
#inquiry_m  .inquiry_mobile form input::-webkit-input-placeholder { color: #8c8c8c; }
#inquiry_m  .inquiry_mobile form input::-moz-placeholder {color: #8c8c8c;}

#inquiry_m  .inquiry_mobile .click {float:left; line-height:63px; padding:0 12px 0 16px; overflow:hidden;}
#inquiry_m  .inquiry_mobile .click input + label {float:left; cursor:pointer; margin-top:6px; display:inline-block; width:35px; height:35px;  background:url(/images/icon/inq_chk_color.png) no-repeat left 0; background-size:cover;} 
#inquiry_m  .inquiry_mobile .click input:checked + label {background-position:left -35px; background-size:cover;}
#inquiry_m  .inquiry_mobile .click input {display:none;} 
#inquiry_m  .inquiry_mobile .click span {float:left; font-size:15px; color:#fff; display:inline-block; line-height:160%; padding: 0px 14px 0 12px;}
#inquiry_m  .inquiry_mobile .click span a {color: #fff; font-weight: 500; border-bottom: 1px solid #fff;}
#inquiry_m  .inquiry_mobile .click button {float:left; width:160px; height:50px; line-height:48px; color:#3cd0fe; font-size:17px;  text-align:center; background: #121d2f;font-weight: 600;}
/* #inquiry_m  {width:auto;} */
#inquiry_m  .inquiry_mobile form input, #inquiry_m  .inquiry_mobile form select {width:100% !important; margin-bottom:4px;}
#inquiry_m  .inquiry_mobile .click span {font-size:14px; padding:0 10px 0 4px;}
#inquiry_m  .inquiry_mobile .click button {width:60px;}


@media all and (max-width:1200px) {
	#inquiry_m  .inquiry_mobile {width:100%;}
	#inquiry_m  .inquiry_mobile .tel {float:none; width:100%; text-align:center; margin-bottom:20px;}
	#inquiry_m  .inquiry_mobile form {float:none; width:90%; padding:0; text-align:center;margin: 0 auto;}
	#inquiry_m  .inquiry_mobile form input, #inquiry_m  .inquiry_mobile form select {display:inline-block; float:none; width:25%; margin-left:0;}

	#inquiry_m  .inquiry_mobile .click {float:none;padding:20px 0 0; width:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
	#inquiry_m  .inquiry_mobile .click img {float:none; display:inline-block; margin-top:0px; vertical-align:center; line-height:50px}
	#inquiry_m  .inquiry_mobile .click span {float:none; font-size:15px; padding:0 30px 0 10px; line-height:50px;}
	#inquiry_m  .inquiry_mobile .click span br {display:none;}
	#inquiry_m  .inquiry_mobile .click button {float:none; display:inline-block; width:160px;}
}
@media all and (max-width: 870px) {
  
}
@media all and (max-width:768px) {
	#inquiry_m  {display: block !important;}
	#inquiry_m  .inquiry_mobile .tel {height:40px; line-height:40px; font-size:30px;}
	#inquiry_m  .inquiry_mobile .tel img {width:44px;}
	#inquiry_m  .inquiry_mobile .click input + label {margin-top:0; width:24px; height:24px;}
	#inquiry_m .inquiry_mobile .click input:checked + label {background-position: left -24px;background-size: cover;}
	#inquiry_m  .inquiry_mobile form input, #inquiry_m  .inquiry_mobile form select  {font-size:14px;}
	#inquiry_m  .inquiry_mobile .click span {line-height:40px;}

}
@media all and (max-width:480px) {
	#inquiry_m  .inquiry_mobile form input, #inquiry_m  .inquiry_mobile form select {width:100% !important; margin-bottom:4px;}
	#inquiry_m .inquiry_mobile .click {flex-wrap: wrap;padding: 5px 0 0;}
  	#inquiry_m  .inquiry_mobile .click span {font-size:14px; padding:0 10px 0 4px;}
	#inquiry_m  .inquiry_mobile .click button {width:100%;}
}


/* 상담 고정메뉴 */
input:focus, select:focus {outline:none;-webkit-tap-highlight-color : transparent;}
#wrapper .section10 .only_mobile{display: none;}
.section10 {width:100%; background:#0964e0; padding:14px 0; /*position: fixed;*/ position: relative; bottom: 0;z-index: 999;box-shadow: 0px 30px 60px 10px rgba(0,0,0,0.3);}
.section10.on {position:fixed;bottom:0;left: 0;width:100%;}
.section10 .inquiry {width:1200px; margin:0 auto; overflow:hidden;display: flex; justify-content: center;}
.section10 .inquiry .tel {float:left; height:45px; line-height:45px; font-size:25px; font-weight:300; color:#fff;letter-spacing: -0.05em;}
.section10 .inquiry .tel img {vertical-align:top; display: inline-block !important;margin-right: 5px !important;}
.section10 .inquiry form {float:left; padding:0 0 0 20px; overflow:hidden;}
.section10 .inquiry form::placeholder{color: #fff;}
.section10 .inquiry form input, .section10 .inquiry form select {display:block; float:left; background:#fff; width:160px; height:45px; line-height:45px; padding:0 0 0 20px;  font-size:16px; margin-left:-1px; border:2px solid #000; box-sizing: border-box;color: #000;}
.section10 .inquiry form input:focus{background-color: #fff; color: #2f2927;}
.section10 .inquiry form select {color:#c5c5c5;box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('../images/icon/icon_inq_arrow.png') no-repeat 95% 50%;}
.section10 .inquiry form select option{color:#222;}
.section10 .inquiry form select::-ms-expand {display: none;}
.section10 .inquiry form input::-ms-input-placeholder { color: #8c8c8c; }
.section10 .inquiry form input::-webkit-input-placeholder { color: #8c8c8c; } 
.section10 .inquiry form input::-moz-placeholder { color: #8c8c8c;}

.section10 .inquiry .click {float:left; line-height:63px; padding:0 12px 0 16px; overflow:hidden;}
.section10 .inquiry .click input + label {float:left; cursor:pointer; margin-top:6px; display:inline-block; width:35px; height:35px;  background:url(../images/icon/inq_chk_color.png) no-repeat left 0; background-size:cover;}
.section10 .inquiry .click input:checked + label {background:url(../images/icon/inq_chk_color.png) no-repeat left -35px; background-size:cover;}
.section10 .inquiry .click input {display:none;} 
.section10 .inquiry .click span {float:left; font-size:15px; color:#fff; display:inline-block; line-height:160%; padding: 0px 14px 0 12px;}
.section10 .inquiry .click span a {color: #fff; font-weight: 500; border-bottom: 1px solid #fff;}
.section10 .inquiry .click button {float:left; width:160px; height:50px; line-height:42px; color:#3cd0fe; font-size:17px; text-align:center; background: #121d2f;box-sizing: border-box;}

@media all and (max-width:1200px) {
 	.section10 {padding:30px 0;}
	.section10 .inquiry {width:80%;}
	.section10 .inquiry .tel {text-align:center; margin-bottom:20px;}
	.section10 .inquiry form {float:none; width:auto; padding:0; text-align:center;}
	.section10 .inquiry form input, .section10 .inquiry form select {display:inline-block; float:none; width:25%; margin-left:0;}

	.section10 .inquiry .click {float:none;padding:20px 0 0; width:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
	.section10 .inquiry .click img {float:none; display:inline-block; margin-top:0px; vertical-align:center; line-height:50px}
	.section10 .inquiry .click span {float:none; font-size:15px; padding:0 30px 0 10px; line-height:50px;}
	.section10 .inquiry .click span br {display:none;}
	.section10 .inquiry .click button {float:none; display:inline-block; width:160px;}
}
@media all and (max-width: 1024px) {

}
@media all and (max-width: 980px) {
	.section10 .inquiry {width:100%;}
	.section10 .inquiry form {float:none; width:100%; padding:0; text-align:center;}
	.section10 .inquiry .tel {float:none; width:100%; text-align:center; margin-bottom:20px;}
}
@media all and (max-width:768px) {
	.section10 .inquiry .tel {height:40px; line-height:40px; font-size:30px;}
	.section10 .inquiry .tel img {width:44px;}
	.section10 .inquiry .click input + label {margin-top:0; width:24px; height:24px;}
	.section10 .inquiry .click input:checked + label {background:url(../images/icon/inq_chk_color.png) no-repeat left -24px; background-size:cover;}
	.section10 .inquiry form input, .section10 .inquiry form select  {font-size:14px;}
	.section10 .inquiry .click span {line-height:40px;}
	.section10 .inquiry .click button {font-size:14px;}

}
@media all and (max-width:480px) {
	.section10 {width:auto; /*padding:30px 20px;*/padding: 0;background: #0964e0;}
	.section10 .inquiry {width: 100%; display: block;}
	.section10 .inquiry form{padding-bottom: 50px;margin: 0 auto;width: 90%;}
  	.section10 .inquiry form input, .section10 .inquiry form select {width:100% !important; margin-bottom:4px;border-color: #fff;}
	.section10 .inquiry form input:focus{background-color: #fff; color: #2f2927; border-color:#fff;}
  	.section10 .inquiry .click span {font-size:14px; padding:0 10px 0 4px;}
	.section10 .inquiry .click button {width:100%;margin-top: 10px; color: #fff; background: #000;}
	.section10 {position: relative;box-shadow: none;display: none;}
	#wrapper .section10 .only_mobile{display: block; margin: 0 auto;}
	.section10 .only_pc{display: none;}

	.section10 .inquiry .click {flex-wrap: wrap;padding: 5px 0 0;}
}

#consulting_area { background: #0a053f ; width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
#consulting_area img { max-width: 100%; } 
#consulting_area .container{background-color: #0964e0;display: flex;justify-content: center;align-items: center;}
.message { text-align: center; padding: 0 20px; color: #fff; } 
.message h2 { margin-top: 20px;  font-size: 50px; line-height: 1.2; } 
.message p { font-size: 20px; margin-top: 20px;} 
.c_footer{position: relative; background: #19222e; z-index: 2;}
.c_footer .inner{background: #19222e; padding: 15px 0; width: 870px;margin: 0 auto;}
.c_footer p {padding: 0 15px;color: #8190a4;line-height: 1.4; margin: 0; }
.c_footer p strong{font-weight: 600; color: #b7d1f4;}
.c_footer .cont_txt span{color: #b7d1f4;}

@media all and (max-width:870px) {
	.only_pc{display: none;}
	.only_m{display: block;}
	.c_footer .inner{ width: 100%;}
	.c_footer .txt {font-size: 14px;}
	#consulting_area {align-items: initial;}
}
@media all and (max-width:480px){
	.message h2{ font-size: 30px;}
	.message p{ font-size: 17px;}
	.c_footer p {font-size: 14px;}
}



/************** policy layer *************/
.privacy-policy {
	position: fixed;
	/* keeps the privacy-policywindow in the current viewport */
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
	text-align: center;
	z-index: 999999;
  }
  
  .privacy-policy .policy-wrapper {
	overflow: hidden;
	margin: 50px auto;
	position: relative;
	box-shadow: 0 0 25px #111;
	-webkit-box-shadow: 0 0 25px #111;
	-moz-box-shadow: 0 0 25px #111;
	width: 90%;
	background-color: #fff;
	border: 1px solid #999;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	background-clip: padding-box;
	max-width: 820px;
	border-radius: 10px;
  }
  
  .close-popup {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #ccc;
	text-shadow: 0 1px 0 #fff;
  }
  
  .privacy-policy .policy-wrapper h4 {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	font-weight: 500;
  }
  
  .privacy-policy .policy {
	overflow-y: auto;
	padding: 30px;
	text-align: left;
	line-height: 163%;
	font-size: 12px;
	font-family: "Noto Sans KR", sans-serif;
  }
  
  form a.popup-trigger {
	display: inline-block;
	padding: 0 5px;
	line-height: 1.25;
	text-indent: 0;
	color: #fff;
	background-color: #8C8984;
	font-size: 12px;
	vertical-align: middle;
  }

 /*  가맹문의 버튼 */
 .btn_consl {position:fixed; right:50px; bottom:56px; width:137px; height:136px; cursor:pointer; z-index:20001;}
 .btn_consl span{display:block}
 .btn-opener {position:relative;}
 .btn-opener img {position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
 .btn-opener img.front{-webkit-transform: rotateY(0);-ms-transform: rotateY(0);transform: rotateY(0);}
 .btn-opener img.back{-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
 .circle-shape .btn-close {background:url('/images/icon_inquiry_close.png') no-repeat center center;opacity:0;}
 .circle-shape .btn-close::before, .circle-shape .btn-close::after{content:'';position:absolute;left:50%;top:50%;background-color:#82061c}
 .btn_consl.open .circle-shape .btn-opener{opacity:0;}
 .btn_consl.open .circle-shape .btn-close{opacity:1; z-index:30000;}
 
 .circle-ripple {position:absolute;left:50%;top:50%;width:8000%;height:8000%;margin-left:-4000%;margin-top:-4000%;border-radius:50%;background:#9e5032; -webkit-transform:scale(0.000);-ms-transform:scale(0.000);transform:scale(0.000); z-index:2000;}
 .circle-shape > span {position:absolute;left:0;top:0;z-index:20000;width:100%;height:100%; border-radius:50%; transition:opacity 1.0s;}
 .circle-shape .btn-opener{-webkit-animation:btn-opener-ani 1.0s ease-in-out infinite alternate;animation:btn-opener-ani 1.0s ease-in-out infinite alternate;}
 
 #close {display:none; background:url('/images/icon_inquiry_close.png') no-repeat center center;width:50px; height:50px; background-size:cover; position:absolute; right:10px; bottom:10px; z-index:20001;}
 #close::before, #close::after{content:'';position:absolute;left:50%;top:50%;background-color:#82061c}
 
 .btn_consl_m {display:none; position:fixed; right:50px; bottom:56px; width:137px; height:136px;z-index:10000;}
 
 
 @-webkit-keyframes btn-opener-ani {
	 from {
		 -webkit-transform:scale(0.8);
		 -ms-transform:scale(0.8);
		 transform:scale(0.8);
	 }
	 to {
		 -webkit-transform:scale(1);
		 -ms-transform:scale(1);
		 transform:scale(1);
	 }
 }
 @keyframes btn-opener-ani {
	 from {
		 -webkit-transform:scale(0.8);
		 -ms-transform:scale(0.8);
		 transform:scale(0.8);
	 }
	 to {
		 -webkit-transform:scale(1);
		 -ms-transform:scale(1);
		 transform:scale(1);
	 }
 }
 
 
 @media screen and (max-width:1200px){
	 .btn_consl {right:20px;bottom:20px;width:100px;height:100px; cursor:pointer;}
 
	 @-webkit-keyframes btn-opener-ani {
		 from {
			 -webkit-transform:scale(0.6);
			 -ms-transform:scale(0.6);
			 transform:scale(0.6);
		 }
		 to {
			 -webkit-transform:scale(0.8);
			 -ms-transform:scale(0.8);
			 transform:scale(0.8);
		 }
	 }
	 @keyframes btn-opener-ani {
		 from {
			 -webkit-transform:scale(0.6);
			 -ms-transform:scale(0.6);
			 transform:scale(0.6);
		 }
		 to {
			 -webkit-transform:scale(0.8);
			 -ms-transform:scale(0.8);
			 transform:scale(0.8);
		 }
	 }
 }
 @media screen and (max-width:480px){
	 .btn_consl {display:none;}
	 .btn_consl_m {display:block; right:0px;bottom:10px;width:85px;height:85px;}
 
	 #close {display:block;}
 }