@charset "utf-8";

#coin_market { padding:200px 10px; background:#333;margin-top:-1px;background:url(/images/3-2-2.jpg) no-repeat center fixed;background-size:cover;position:relative}
#coin_market:before{display:block;content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.65)}

#coin_market h2 { margin-bottom:50px; text-align:center; font-size:45px; font-weight:900; color:#fff; word-break:keep-all;position:relative}
#coin_market .coin_market_inner { display:flex; flex-wrap:wrap; width:1200px; margin:0 auto; border:1px solid #e0e0e0; border-bottom:0; background-color:#fff;position:relative}
#coin_market .coin_market_list { width:50%; padding:50px 50px 30px; border-bottom:1px solid #e0e0e0; }
#coin_market .coin_market_list:nth-child(even) { border-left:1px solid #e0e0e0; }

#coin_market .coin_market_wrap { width:500px; margin:0 auto;  }
#coin_market .coin_market_trade_inner { display:flex; width:100%; }
#coin_market .coin_market_trade_inner .title_wrap,
#coin_market .coin_market_trade_inner .coin_market_trade_info { width:50%; }
#coin_market .coin_market_trade_inner .coin_market_trade_info { text-align:right; }
#coin_market .coin_market_trade_inner .coin_market_trade_info.coin_rise { color:#dd3c44; }
#coin_market .coin_market_trade_inner .coin_market_trade_info.coin_fall { color:#2979ec; }

#coin_market .coin_market_trade_inner .title_wrap { }
#coin_market .coin_market_trade_inner .title_wrap h3 { font-size:32px; font-weight:900; color:#000; margin-bottom:3px; }
#coin_market .coin_market_trade_inner .title_wrap p { font-size:12px; }

#coin_market .coin_market_trade_inner .coin_market_trade_price { font-size:32px; line-height:38px; font-weight:900; }
#coin_market .coin_market_trade_inner .coin_market_trade_change { display:flex; gap:0 20px; width:100%; font-size:14px; justify-content: flex-end; font-weight:700; }

#coin_market .coin_graph_info { position:relative; top:-30px; left:10px; display:flex; justify-content:flex-end; }
#coin_market .coin_graph_info ul { display:flex; gap: 0 25px;  }
#coin_market .coin_graph_info li { position:relative; font-size:14px; }
#coin_market .coin_graph_info li:nth-child(1):before { position:absolute; top:5px; left:-15px; content:''; width:12px; height:12px; background:red; z-index:9; }
#coin_market .coin_graph_info li:nth-child(2):before { position:absolute; top:5px; left:-15px; content:''; width:12px; height:12px; background:#999; z-index:9; }

@media(max-width:1200px){
	#coin_market .coin_market_inner { width:980px;  }
	#coin_market .coin_market_wrap { width:390px;  }
}

@media(max-width:980px){
	#coin_market .coin_market_inner { width:680px;  }
	#coin_market .coin_market_wrap { width:300px;  }
	#coin_market .coin_market_list { padding:30px 20px;  }
	#coin_market .coin_market_trade_inner .coin_market_trade_price { font-size:25px; line-height:28px; }
}

@media(max-width:680px){
	#coin_market h2 { margin-bottom:30px; font-size:35px; }
	#coin_market .coin_market_inner { max-width:600px; width:100%; flex-direction:column; border:0;  }
	#coin_market .coin_market_list { width:100%;  padding:30px 30px 20px;  border:1px solid #e0e0e0;  }
	#coin_market .coin_market_list + .coin_market_list { margin-top:20px; }	
}


@media(max-width:480px){
	#coin_market h2 { font-size:28px; letter-spacing:-0.1em }
	#coin_market .coin_market_trade_inner .title_wrap h3 { font-size:28px; }	
	#coin_market .coin_market_trade_inner .coin_market_trade_price { font-size:22px; }
	#coin_market .coin_market_list { padding:30px 10px 10px;  }
}

/* 뉴스 */
#main-news{position:relative; background:#000; padding:100px 0; box-sizing:border-box;}
.main-title{text-align:center; margin-bottom:60px; padding:0 10px;}
.main-title h3{font-size:45px; font-weight:800; color:#fff; line-height:1.4em; word-break:keep-all;}
.main-title h3 i{display:block;font-style:normal; color:#39c1ff;}
.main-title p{display:block; margin-top:15px; font-size:18px; font-weight:300; color:#fff; line-height:1.2em; word-break:keep-all; opacity:0.7;}
.box-cont{}
.rolling{display:flex;}
.rolling.v1 ul{animation: roll 24s linear infinite;}
.rolling.v2 {margin-top:30px;}
.rolling.v2 ul {animation: roll2 24s linear infinite;}
.service-list h3{font-size:18px}
.service-list p{font-size:16px; font-weight:400;}

@keyframes roll {
  0% {
   transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes roll2 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@media all and (max-width:1200px){
	.rolling.v2 {margin-top:20px;}
}
@media all and (max-width:900px){
	.main-title h3{font-size:35px;}
	.main-title p{font-size:16px;}
}
@media all and (max-width:540px){
	#main-news{padding:50px 0;}
	.main-title{margin-bottom:30px;}
	.main-title h3{font-size:25px;}
	.main-title p{font-size:15px;}
}

/* 정책자금 대상 */
#main-check{padding:100px 0; background: #f6f6f6;}
#main-check .inr{width:1400px; margin:0 auto;}
#main-check .box-flex{display:flex; justify-content:center; gap:70px;}
#main-check .main-title{width:500px;text-align: left;}
#main-check .main-title > h3{color:#222;}
#main-check .main-title > p{color: #555; font-weight:500;}
#main-check ul{width:auto;}
#main-check ul > li{display:block;padding: 15px 20px;border: 1px solid #ddd;box-sizing:border-box;background:#fff;border-radius:5px;margin-bottom:10px;font-size: 19px;font-weight: 800;color:#222;line-height:1.2em;word-break:keep-all;}
#main-check ul > li:last-child{margin:0;}
#main-check ul > li i{color:#0072ff; font-style:normal;}


@media all and (max-width:1500px){
	#main-check .inr{width:90%;}
	#main-check .box-flex{gap:0;}
	#main-check .main-title{width:40%; margin-right:5%;}
	#main-check ul{width:55%;}
}
@media all and (max-width:1200px){
	#main-check .main-title h3{font-size:40px;}
	#main-check ul > li{padding:15px;}
}
@media all and (max-width:900px){
	#main-check .box-flex{display:block;}
	#main-check .main-title{width:100%; text-align:center; margin-right:0;}
	#main-check .main-title h3{font-size:35px;}
	#main-check ul{width:100%;}
}
@media all and (max-width:540px){
	#main-check{padding:50px 0;}
	#main-check .inr{width:auto; margin:0 15px;}
	#main-check .main-title{width:80%; margin:0 auto 30px;}
	#main-check .main-title h3{font-size:25px;}
	#main-check ul > li{padding:12px; font-size:16px; margin-bottom:6px;}
	
}


/* 리뷰 */
#main-review{position:relative; background:#000; padding:100px 0; box-sizing:border-box;}
#main-review .rolling ul{animation: roll 24s linear infinite;}

@media all and (max-width:540px){
	#main-review{padding:50px 0;}
}



/* 서비스 */
#main-service{}
.service-list{margin:10px 00 ;}
.service-list > li{display:block; margin-bottom:14px;}
.service-list > li > h3{display:block; margin-bottom:6px; font-size:21px; font-weight:700; color:#222; line-height:1em;}
.service-list > li > p{display:block; font-size:17px; font-weight:400; color:#555; line-height:1.2em; word-break:keep-all;}
#main-service span{display:block; font-size:26px; font-weight:800; color:#222; line-height:1.4em; word-break:keep-all;}

@media all and (max-width:540px){
	.service-list > li > h3{font-size:17px;}
	.service-list > li > p{font-size:15px;}
	#main-service span{font-size:17px;}
}

/* 결과 */
#main-result{position:relative; padding:100px 0; background:#eff7ff;}
#main-result .inr{width:1100px; margin:0 auto;}
#main-result .main-title > h3{color:#222;}
#main-result .main-title > h3 i{color:#0072ff;}
.box-result{display:grid; gap:20px; grid-template-columns: repeat(2, 1fr);}
.box-result .result{display:block; padding:30px; background:#fff; box-sizing:border-box; border-radius:10px;}
.box-result .result .txt{}
.box-result .result .txt > em{display:inline-block; margin-bottom:10px; font-size:18px; font-weight:700; color:#222; line-height:1em; font-style:normal;}
.box-result .result .txt > .num{display:block; font-size:35px; font-weight:800; color:#0072ff; line-height:1em; font-style:normal;}
.box-result .result .txt .process li{position:relative; display:inline-block; padding-right:30px;}
.box-result .result .txt .process li:after{content:''; position:absolute; top:3px; right:4px; width:16px; height:22px; background:url(/images/ic-arr.svg)no-repeat center; background-size:contain;}
.box-result .result .txt .process li:last-child:after{display:none;}
.box-result .result .txt .icon{}
.box-result .left{}
.box-result .left .result{height:100%;}
.box-result .left .result .icon{width:100%; display:flex; justify-content: center;}
.box-result .left .result .icon img{width:auto; max-width:100%;}
.box-result .right{}
.box-result .right .result{margin-bottom:20px; display:flex; justify-content: space-between; align-items: center; height:156px;}
.box-result .right .result:last-child{margin:0;}
.box-result .right .result .icon{display:flex; align-items:center; justify-content::center; width:90px; height:90px;}
.box-result .right .result .icon img{width:auto; max-width:100%; height:auto;}

@media all and (max-width:1200px){
	#main-result .inr{width:90%;}
	.box-result .result .txt .process li:after{height:16px;}
}
@media all and (max-width:840px){
	.box-result{grid-template-columns: repeat(1, 1fr);}
}
@media all and (max-width:540px){
	#main-result{padding:50px 0;}
	#main-result .inr{width:auto; margin:0 15px;}
	.box-result{gap:10px;}
	.box-result .result{padding:20px;}
	.box-result .right .result{margin-bottom:10px;}
	.box-result .result .txt > em{font-size:17px; margin-bottom:6px;}
	.box-result .result .txt > .num{font-size:30px;}
	.box-result .result .txt .process li{padding-right:26px;}
	.box-result .result .txt .process li:after{width:14px; height:14px; top:4px;}
}
@media all and (max-width:480px){
	.box-result .result .txt .process li{font-size:16px;}
	.box-result .result .txt .process li:after{top:5px;}
}
/* cs */
.f-bg{background:url(/images/foot_bg.jpg) no-repeat center top fixed;background-size:cover;color:#fff;position:relative;padding:5em 0;}
.f-bg:before{display:block;content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6)}
.f-bg>div{position:relative;z-index:2;max-width:1620px;margin:0 auto}
.f-bg p{font-size:1.5em}
.f-bg h3{color:#0072ff;font-weight:900;font-size:1.7em;margin-bottom:10px}
.f-bg span{display:block;word-break:keep-all}
.f-form{background:#fff;width:800px;padding:50px;box-sizing:border-box; border-radius:10px; font-family: 'NotoSans', sans-serif;;}
.f-block{display:flex;flex-wrap:wrap}
.f-block label{width:100%}
.f-block input[type="text"], .f-block input[type="number"]{width:100%;font-size:15px}
.ft-cs{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap:50px;}
.pf-area .box{display:flex; gap:10px; text-align:left;}
.pf-area .box .box-input{width:calc((100% / 2) - 5px); text-align:left;  }
.pf-area .box-input{width:100%; text-align:left; margin-bottom:15px;}
.pf-area .box-input > label{display:inline-block; margin-bottom:8px; font-size:17px; font-weight:800; color:#222; line-height:1em; word-break:keep-all;}
.pf-area .box-input input[type="text"],
.pf-area .box-input input[type="tel"],
.pf-area .box-input input[type="number"]{display:block; padding:10px 13px; width:100%; height:48px; border-radius:4px; box-sizing:border-box; border:1px solid #eee; font-size:15px; color:#333; line-height:1em; word-break:keep-all; box-shadow:none;}
.pf-area .box-input input[type="tel"]::placeholder,
.pf-area .box-input input[type="text"]::placeholder,
.pf-area .box-input input[type="number"]::placeholder{outline:none;}
.list-radio{display:flex;padding: 10px;border: 1px solid #eee;box-sizing: border-box;border-radius: 5px;justify-content: space-between;}
.list-radio > li{display:flex; align-items: center; gap:7px;}
.list-radio > li label{margin-bottom:0;}
.list-radio > li label em{font-style:normal; font-size:16px; font-weight:500; color:#222; line-height:1em;}
.pf-agree{margin:15px 0; font-size:14px; color:#222; }
.pf-agree > li{display:flex; align-items: center; gap:5px; margin-bottom:5px;}
.pf-agree > li:last-child{margin:0;}
.pf-agree > li a{display:block; font-size: 11px; border: 1px solid #ccc; padding: 3px 10px; border-radius: 3px; color: #222; background: #fff; line-height:1em;}
.form-bt input[type="submit"], 
.form-bt button[type="submit"] {background:#000;width:100%; height:55px;text-align:center;color:#fff;border:none;font-size:18px; font-weight:bold; border-radius:5px;}

@media all and (max-width:1720px){
	.f-bg>div{max-width:auto; margin:0 80px;}
	.ft-cs .txt{width:500px;}
	.f-form{width:calc(100% - 550px);}
}
@media all and (max-width:1400px){
	.ft-cs{gap:0;}
	.ft-cs .txt{width:40%; margin-right:5%;}
	.f-form{width:55%; padding:40px;}
}
@media all and (max-width:1200px){
	.f-bg>div{margin:0 5%;}
	.ft-cs{display:block;}
	.ft-cs .txt{width:100%; margin:0 0 50px; text-align:center;}
	.f-form{margin:0 auto; width:600px;}
}
@media all and (max-width:900px){
	.f-form{ width:100%;}
}
@media all and (max-width:540px){
	.f-bg>div{margin:0 15px;}
	.ft-cs .txt{margin:0 0 20px;}
	.f-form{padding:20px;}
	.pf-area .box-input > label{font-size:15px;}
	.pf-area .box-input input[type="text"], .pf-area .box-input input[type="number"]{padding:10px;}
	.list-radio > li label em{font-size:15px;}
	.list-radio > li{flex-direction: column;}
	.form-bt input[type="submit"],
	.form-bt button[type="submit"] {height:45px; font-size:16px;}
}
/* footer logo */

.f-logo{display:block; padding:15px 0; box-sizing:border-box; background:#f9f9f9;}





/* 인재채용 */
.recruit-list{display:grid !important; grid-template-columns: repeat(5, 1fr);}
.recruit-list > li{border-bottom:1px solid #eee; box-sizing:border-box; text-align:center; overflow:hidden;}
.recruit-list > li > h3{display:block; padding:15px; font-size:20px; font-weight:bold; background:#284378; color:#fff;}
.recruit-list > li .txt{padding:20px 15px; box-sizing:border-box; font-size:17px; font-weight:700; color:#333; line-height:1.2em; word-break:keep-all; font-family: 'NotoSans', sans-serif;}

@media all and (max-width:1200px){
	.recruit-list > li > h3{font-size:18px; padding:15px 5px;}
}
@media all and (max-width:900px){
	.recruit-list{grid-template-columns: repeat(1, 1fr);}
	.recruit-list > li > h3{border-radius:7px;}
	.come ul.recruit-process{padding:30px;}
}

@media all and (max-width:540px){
	.come ul.recruit-process{padding:20px;}
	.recruit-list > li > h3{padding:12px 5px;font-size:16px;}
	.recruit-list > li .txt{padding:15px; font-size:15px;}
}