@charset "utf-8";
/**********************************************************************
* Descript : 메인페이지 스타일 정의
-----------------------------------------------------------------------
* 최초작성일 : 2018.04.04
* 최초작성자 : 더웹 유대경
***********************************************************************/
.parallax{position:relative; width:100%; overflow:hidden;}

.bg01{position:relative; background:#f2f2f2;}
.bg01 .obj0101{position:absolute; left:0; top:0; width:100%; height:1000px; background:url(/assets/img/main/obj0101.png) no-repeat center top;}
.bg01 .obj0102{position:absolute; left:0; top:0; width:100%; height:1000px; background:url(/assets/img/main/obj0102.png) no-repeat center top;}

.bg02{background:url(/assets/img/main/bg02.jpg) no-repeat center center;}
.bg03{background:url(/assets/img/main/bg03.jpg) no-repeat center center;}
.bg04{background:url(/assets/img/main/bg04.jpg) no-repeat center center;}
.bg05{background:#fff;}


#particles-js{position:fixed; width:100%; height:100%; left:0; top:0; z-index:0;}

#intro{position:relative; text-align:center; padding:225px 0;}
#intro h3.tit{font-size:40px; line-height:40px; font-weight:700; color:#222; margin-bottom:50px;}
#intro h3.tit b{color:#2bd1a3;}
#intro p.con{font-size:30px; line-height:34px; font-weight:300; margin-bottom:100px;}
#intro ul.intro-keyword{}
#intro ul.intro-keyword li.item{ float:left; width:33%;}
#intro ul.intro-keyword li.item:nth-child(3n+2){margin:0 0.5%;}

#intro ul.intro-keyword li.item .circle{position:relative; width:378px; height:378px; border-radius:378px; box-sizing:border-box; z-index:2;}
#intro ul.intro-keyword li.item .circle ul{position:absolute; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#intro ul.intro-keyword li.item .circle.circle-bg01{background:#7b7b7b;}
#intro ul.intro-keyword li.item .circle.circle-bg01 h4{font-size:32px; line-height:32px; color:#6ae4c2; font-weight:700;}
#intro ul.intro-keyword li.item .circle.circle-bg01 i{display:inline-block; margin:15px 0;}
#intro ul.intro-keyword li.item .circle.circle-bg01 p{color:#fff; font-size:15px; line-height:24px; font-weight:400;}

#intro ul.intro-keyword li.item .circle.circle-bg02{border:5px solid #6ae4c2;}
#intro ul.intro-keyword li.item .circle.circle-bg02 h4{font-size:32px; line-height:32px; color:#222; font-weight:700;}
#intro ul.intro-keyword li.item .circle.circle-bg02 i{display:inline-block; margin:15px 0;}
#intro ul.intro-keyword li.item .circle.circle-bg02 p{color:#222; font-size:15px; line-height:24px; font-weight:400;}

#intro ul.intro-keyword li.item .circle.circle-bg03{background:#fff;}
#intro ul.intro-keyword li.item .circle.circle-bg03 h4{font-size:32px; line-height:32px; color:#6ae4c2; font-weight:700;}
#intro ul.intro-keyword li.item .circle.circle-bg03 i{display:inline-block; margin:15px 0;}
#intro ul.intro-keyword li.item .circle.circle-bg03 p{color:#222; font-size:15px; line-height:24px; font-weight:400;}


#specialties{text-align:center; padding:100px 0;}
#specialties h3.tit{position:relative; font-size:40px; line-height:40px; font-weight:700; color:#fff; margin-bottom:75px;}
#specialties h3.tit::before{position:absolute; display:inlie-block; content:''; width:1px; height:50px; background:#fff; left:50%; top:55px;}
#specialties h3.tit b{color:#2bd1a3;}
#specialties p.con{font-size:16px; line-height:24px; font-weight:300; margin-bottom:30px; color:#fff;}

#specialties ul.specialties-keyword{width:100%; height:60px; margin-bottom:30px;}
#specialties ul.specialties-keyword li{float:left; width:20%; height:inherit;}
#specialties ul.specialties-keyword li p{margin-left:20px; background:rgba(0,0,0,0.3); text-align:center; height:inherit; line-height:60px; text-align:center; color:#fff;}
#specialties ul.specialties-keyword li p b{color:#6ae4c2;}


#services{text-align:center; padding:100px 0; background:#fff;}
#services h3.tit{position:relative; font-size:40px; line-height:40px; font-weight:700; color:#222; margin-bottom:75px;}
#services ul.services-keyword{width:100%; height:235px;}
#services ul.services-keyword li{position:relative; float:left; width:25%; height:inherit; text-align:center; box-sizing:border-box; border-right:1px solid #eee;}
#services ul.services-keyword li:last-child{border-right:0;}
#services ul.services-keyword li .align{position:absolute; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor:pointer;}
#services ul.services-keyword i{display:inline-block; margin-bottom:25px;}
#services ul.services-keyword p{font-size:24px; line-height:32px; font-weight:300;}



#inquiry{text-align:center; padding:150px 0;}
#inquiry ul{}
#inquiry ul li{float:left; width:50%;}
#inquiry ul li.inquiry-info{text-align:center;}
#inquiry ul li.inquiry-info .align{display:inline-block; text-align:left;}
#inquiry ul li.inquiry-info h3{font-size:48px; line-height:56px; color:#5fedc6; font-weight:700; margin-bottom:25px;}
#inquiry ul li.inquiry-info p.cap{position:relative; font-size:22px; line-height:30px; color:#fff; font-weight:700; padding-bottom:50px; margin-bottom:50px;}
#inquiry ul li.inquiry-info p.cap::before{position:absolute; display:inlie-block; content:''; width:50px; height:1px; background:#5fedc6; left:0; bottom:0;}
#inquiry ul li.inquiry-info p.call{font-size:18px; line-height:30px; color:#fff;}
#inquiry ul li.inquiry-info p.call b{display:inline-block; width:70px; color:#5fedc6; font-weight:700;}
#inquiry ul li.inquiry-info p.email{font-size:18px; line-height:30px; color:#fff;}
#inquiry ul li.inquiry-info p.email b{display:inline-block; width:70px; color:#5fedc6; font-weight:700;}

#inquiry ul li.inquiry-form{}
#inquiry ul li.inquiry-form .inquiry-form-table{width:100%;}
#inquiry ul li.inquiry-form .inquiry-form-table tbody{}
#inquiry ul li.inquiry-form .inquiry-form-table tbody th{width:100px; color:#fff; text-align:left; vertical-align:middle;}
#inquiry ul li.inquiry-form .inquiry-form-table tbody th label[data-sec="button"]{display:none;}
#inquiry ul li.inquiry-form .inquiry-form-table tbody td{}
#inquiry ul li.inquiry-form .inquiry-form-table tbody td{padding:2px 0;}
#inquiry ul li.inquiry-form .inquiry-form-table tbody td input[type="text"]{width:100%; height:40px; line-height:40px; box-sizign:border-box; background:rgba(255,255,255,0.4); padding:0 10px;}
#inquiry ul li.inquiry-form .inquiry-form-table tbody td textarea{width:100%; height:150px; box-sizign:border-box; background:rgba(255,255,255,0.4); padding:10px;}
#inquiry ul li.inquiry-form .inquiry-form-table tbody td button[type="button"]{width:100%; height:50px; line-height:50px; background:#3bcda5; color:#fff; font-weight:400; text-align:center; font-size:17px;}


#contact{text-align:center; padding:50px 0;}
#contact .map{background:url(/assets/img/main/map.jpg) no-repeat left center; text-align:right;}