@charset "utf-8";

/*--------인트로페이지----------*/

.intro_wrap{ position:relative; overflow:hidden; display:block; width:100%; margin:0 auto; height:960px;  background:#eee; z-index:10;}
.intro_wrap:before{position:absolute; left:0; bottom:0; content:' '; border-bottom: 960px solid transparent; border-left:1920px solid rgba(255,255,255,0.4); border-top:0px solid rgba(255,255,255,0.05); z-index:-9; }

.intro_top{ padding:70px 0;}
.intro_top h1{ text-align:center; font-size:28px; font-family: 'Montserrat', sans-serif; color:#555; font-weight:bold;}
.intro_top h1 b{ color:#f7931e; font-weight:bold; font-size:45px; }
.intro_top p { position:relative; padding-top:30px; text-align:center; font:400 18px/30px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; }
.intro_top p b{ color:#f7931e; }
.intro_top p:after{ position:absolute; content:''; top:120px; left:50%; margin-left:-10px; width:20px; height:20px; color:#f7931e; font:400 30px 'FontAwesome',Sans-serif;}

.intro_content a{ text-decoration:none; }
.intro_content {overflow:hidden; max-width:700px; width:auto; margin:0 auto; padding-left:0; }
.intro_content li{ float:left; width:49%; margin-left:2%; list-style:none;  }
.intro_content li:first-child{ margin-left:0; }
.intro_content dl{ padding-bottom:40px; border-radius:20px; border:solid 1px #eee; background:#f9f9f9; }
.intro_content dt{ position:relative; text-align:center; padding:65px 0 130px; font:500 20px/30px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; }
.intro_content dt:before{ position:absolute; content:' '; background:url(../img/intro_title.png) no-repeat center; width:15px; height:15px; top:30px; left:50%; margin-left:-7.5px;  }
.intro_content dt:after{ position:absolute; content:' '; background:url(../img/intro_icon1.png) no-repeat center; width:80px; height:80px; top:145px; left:50%; margin-left:-40px;  }
.intro_content li:nth-child(2) dt:after{ background:url(../img/intro_icon2.png) no-repeat center;  }

.intro_content dd{ text-align:center; margin-left:0; color:#555; font:400 14px/23px 'Noto Sans KR','Malgun Gothic',Sans-serif; }

.intro_content .intro_title{ text-align:center; padding-top:50px;}

.intro_footer { position:absolute; padding:20px 0; bottom:0; left:0; width:100%; color:#555; text-align:center;  }
.intro_footer .info{ padding-bottom:30px; }
.intro_footer ul{ list-style:none; padding:0; margin:0; }
.intro_footer li{ display:inline-block; font:300 13px/20px 'Noto Sans KR','Malgun Gothic',Sans-serif;  }
.intro_footer li:after{ content:'｜'; font-size:14px; opacity:.3; color:#888; padding:0 5px 0 7px; }
.intro_footer li:last-child:after{ display:none; }


@media(max-width:999px){

/*인트로페이지*/


.intro_wrap{ height:auto; }

.intro_top h1{ font-size:22px; }
.intro_top h1 b{ font-size:30px; }
.intro_top p{ font-size:15px; line-height:22px; }
.intro_top p:after{ top:95px; font-size:25px; }

.intro_content{ max-width:100%; padding:0 15px; }
.intro_content dl{ margin-bottom:2%; }
.intro_content dt{ font-size:17px; line-height:24px; padding:50px 0 90px; }
.intro_content dd{ font-size:13px; }
.intro_content dt:before{ background-size:10px auto; width:10px; height:10px; margin-left:-5px; }
.intro_content dt:after{ background-size:60px auto; top:110px; width:60px; height:60px; margin-left:-30px; }
.intro_content li:nth-child(2) dt:after{ background-size:60px auto; width:60px; height:60px; margin-left:-30px;}

.intro_wrap:before{display:none; }
.intro_footer{ position:relative; padding:60px 0 30px;  }
.intro_footer li{ display:block; font-size:11px; line-height:16px; padding:0 15px;  }
.intro_footer li:after{ display:none; }
.intro_content li{ float:none; width:100%; margin-left:0;  }

 
 }