@charset "utf-8"; 
/**********************************************************************
* Descript : 서브페이지 스타일 정의
-----------------------------------------------------------------------
* 최초작성일 : 2018.04.04
* 최초작성자 : 더웹 유대경
***********************************************************************/
#header{border-bottom:1px solid #eee;}
.parallax{position:relative; width:100%; overflow:hidden;}

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

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


#intro{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;}




.bg04{background:url(/assets/img/main/bg04.jpg) no-repeat center center;}

#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:100px; 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;}







#history{text-align:center; padding:100px 0;}
#history.bg01{background:url(/assets/img/contents/02_bg01.jpg) no-repeat center center;}
#history h3{font-size:40px; line-height:40px; font-weight:700; color:#fff; margin-bottom:50px;}

#history .history-list{text-align:center;}
#history .history-list h4{display:block; width:120px; height:50px; line-height:50px; background:rgba(0,0,0,0.2); color:#fff; font-weight:700; font-size:28px;  margin:0 auto 30px auto;}

#history .history-table{display:inline-block; width:400px; margin:0 auto; color:#fff; font-size:13px; vertical-align:top;}
#history .history-table th{width:50px; font-weight:700; text-align:right; vertical-align:top; box-sizing:border-box; padding:7px 10px;}
#history .history-table td{text-align:left; vertical-align:top; box-sizing:border-box; padding:7px 10px;}



#consultant{position:relative; text-align:center; padding:100px 0; background:#fff; z-index:1;}
#consultant h3{font-size:40px; line-height:40px; font-weight:700; color:#222; margin-bottom:50px;}


#partners{position:relative; text-align:center; padding:100px 0; background:#f7f7f7; z-index:1;}
#partners h3{font-size:40px; line-height:40px; font-weight:700; color:#222; margin-bottom:50px;}
#partners ul.partners-list{width:100%; display:inline-block;}
#partners ul.partners-list li{float:left; width:20%; text-align:center;}
#partners ul.partners-list li a{}


#release{text-align:center; padding:100px 0;}
#release.bg01{background:url(/assets/img/contents/09_bg01.jpg) no-repeat center center;}
#release img.blink{position:absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index:1;}

#system{text-align:center; padding:100px 0;}
#system.bg01{background:url(/assets/img/contents/09_bg03.jpg) no-repeat center center;}
#system .inner{height:263px;}
#system .obj{position:absolute;}
#system .obj0101{left:0; top:0;}
#system .obj0102{left:42%; top:0;}
#system .obj0103{right:0; top:0;}
#system .obj0104{left:30%; top:100px;}
#system .obj0105{left:70%; top:100px;}

#advantages{text-align:center;}

#global{text-align:center; padding:100px 0; background:#fff;}
#global.bg02{background:url(/assets/img/contents/09_bg02.jpg) no-repeat center center;}
#global h3{font-size:40px; line-height:40px; font-weight:700; color:#fff; margin-bottom:50px;}




#pedien-service{text-align:center; padding:100px 0;}
#pedien-service.bg01{background:url(/assets/img/contents/10_bg01.jpg) no-repeat center center;}
#pedien-service .motion-arrow{position:relative; width:745px; height:350px; margin:0 auto;}
#pedien-service .motion-arrow img{position:absolute; left:0; top:0;}
#pedien-service .motion-arrow img.obj0101{z-index:1;}
#pedien-service .motion-arrow img.obj0102{z-index:3;}
#pedien-service .motion-arrow svg{position:absolute; left:-10px; top:-15px; z-index:2; padding:16px 0;}

#services-list{text-align:center; padding:100px 0;}
#services-list h3.tit{position:relative; font-size:40px; line-height:40px; font-weight:700; color:#222; margin-bottom:75px;}
#services-list ul.services-keyword{width:100%; height:235px;}
#services-list 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-list ul.services-keyword li:last-child{border-right:0;}
#services-list ul.services-keyword li .align{position:absolute; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#services-list ul.services-keyword i{display:inline-block; margin-bottom:25px;}
#services-list ul.services-keyword p{}
#services-list ul.services-keyword p b{font-weight:700; font-size:20px; color:#222; display:block; margin-bottom:15px;}
#services-list ul.services-keyword p span{font-size:15px; line-height:24px;}


#pedien-channel{background:url(/assets/img/contents/10_bg02.jpg) no-repeat center center; background-size:cover;}





.disital-social{width:100%; padding:135px 0; text-align:center;}
.disital-social.bg01{background:#333 url(/assets/img/contents/12_bg01.jpg) no-repeat center center;}
.disital-social.bg02{background:#333 url(/assets/img/contents/12_bg02.jpg) no-repeat center center;}


#web{padding:100px 0; background:url(/assets/img/contents/14_bg01.jpg) no-repeat center center; text-align:center;}
#web .bg01{height:467px; background:url(/assets/img/contents/14_bg02.png) no-repeat center center;}
#web li{float:left; width:33.333333333333%; box-sizing:border-box; padding-top:100px;}
#web li img{display:block; margin:0 auto;}
#web li b{display:block; font-size:1.6em; font-weight:700; color:#222; margin:40px 0 25px 0;}
#web li p{font-size:1em; line-height:1.4em; color:#222;}


#theweb{text-align:center; background:#f8f8f8; padding:150px 0 100px 0;}
#theweb h6.tit{position:relative; font-size:40px; line-height:1em; font-weight:700; color:#222;}
#theweb h6.tit::before{position:absolute; display:inline-block; content:''; width:33px; height:9px; background:#34ca9d; left:50%; top:-30px; transform:translate(-50%, 0); transform:rotate(-45deg);}
#theweb p.cap{font-size:1em; line-height:1.5em; margin:20px 0 50px 0;}
#theweb ul{display:inline-block;}
#theweb ul li{float:left; width:33.33333333%; text-align:center; padding:50px 0; box-sizing:border-box;}
#theweb ul li:nth-child(1){border-right:1px dashed #ddd; border-bottom:1px dashed #ddd;}
#theweb ul li:nth-child(2){border-right:1px dashed #ddd; border-bottom:1px dashed #ddd;}
#theweb ul li:nth-child(3){border-bottom:1px dashed #ddd;}
#theweb ul li:nth-child(4){border-right:1px dashed #ddd;}
#theweb ul li:nth-child(5){border-right:1px dashed #ddd;}
#theweb ul li:nth-child(6){}



#pedien-service-guide01{background:url(/assets/img/contents/11_bg02.jpg) no-repeat center center; background-size:cover;}
#pedien-service-guide02{background:url(/assets/img/contents/11_bg03.jpg) no-repeat center center; background-size:cover;}
#pedien-service-guide03{background:url(/assets/img/contents/11_bg04.jpg) no-repeat center center; background-size:cover;}
#pedien-service-guide04{background:#fff;}



.ready{text-align:center; padding:200px 0;}


.board-btn{}
.board-btn a{display:block; height:45px; line-height:45px; border:1px solid #34ca9d; color:#34ca9d; font-weight:700; max-width:180px; margin:0 auto; text-align:center;}


.board-btn{}
.board-btn a{display:block; height:45px; line-height:45px; border:1px solid #34ca9d; color:#34ca9d; font-weight:700; max-width:180px; margin:0 auto; text-align:center;}


.pcode1301{background:url(/assets_eng/img/web/sub/theme/13_bg_01.png) no-repeat center center; background-size:cover;}
.pcode1302{}
.pcode1302 area:focus{outline:none;}
.pcode1303{background:url(/assets_eng/img/web/sub/theme/13_bg_03.png) no-repeat center center; background-size:cover;}
.pcode1304{background:#f8f8f8;}
.pcode1305{}


.pcode2801{background:url(/assets_eng/img/web/sub/theme/28_bg_01.png) no-repeat center center; background-size:cover;}
.pcode2802{}
.pcode2803{background:#f8f8f8;}
.pcode2804{}

.pcode2901{background:url(/assets_eng/img/web/sub/theme/28_bg_01.png) no-repeat center center; background-size:cover;}
.pcode2902{}
.pcode2903{background:#f8f8f8;}
.pcode2904{}


.pcode3001{background:url(/assets_eng/img/web/sub/theme/28_bg_01.png) no-repeat center center; background-size:cover;}
.pcode3002{}
.pcode3003{background:#f5f8fd;}
.pcode3004{}
.pcode3005{background:#f8f8f8;}
.pcode3006{}


.media-tab{width:100%; height:60px; margin-bottom:25px;}
.media-tab ul{}
.media-tab ul li{float:left; width:33.333333333333%; box-sizing:border-box; border-right:1px solid #fff;}
.media-tab ul li:last-child{border-right:0;}
.media-tab ul li a{display:block; width:100%; height:60px; line-height:60px; font-size:24px; font-weight:500; color:#fff; text-align:center; background:#ddd;}
.media-tab ul li:hover a{text-decoration:none;}

.media-tab ul li.active a{background:#1dae82;}